/** Custom Select **/

.custom-select-wrapper {

    position: relative;

    display: inline-block;

    user-select: none;/*

    z-index: 100000;*/

    width: 100%;

}

.custom-select-wrapper select {

    display: none;

}

.custom-select {

    position: relative;

    display: inline-block;

    width: 100%;

}

.custom-select-trigger {

    position: relative;

    display: block;

    width: 100%;

    padding: 10px 42px 10px 22px;

    font-size: 22px;

    font-weight: 300;

    color: #fff;


    background: #00ccff;

    border-radius: 4px;

    cursor: pointer;

}

.calc_currency
.custom-select-trigger{
    font-family: main-font !important;
}

.custom-select-trigger:after {

    position: absolute;

    display: block;

    content: '';

    width: 10px;

    height: 10px;

    top: 50%;

    right: 25px;

    margin-top: -3px;

    border-bottom: 1px solid #fff;

    border-right: 1px solid #fff;

    transform: rotate(45deg) translateY(-50%);

    transition: all .4s ease-in-out;

    transform-origin: 50% 0;

}

.custom-select.opened .custom-select-trigger:after {

    /*margin-top: 3px;

    transform: rotate(-135deg) translateY(-50%);*/

}

.custom-options {

    position: absolute;

    display: block;

    top: 100%; left: 0; right: 0;

    min-width: 100%;

    margin: 15px 0;

    border: 1px solid #00ccff;

    border-radius: 4px;

    box-sizing: border-box;

    box-shadow: 0 2px 1px rgba(0,0,0,.07);

    background: #fff;

    transition: all .4s ease-in-out;

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    transform: translateY(-18px);

}

.custom-select.opened .custom-options {

    opacity: 1;

    visibility: visible;

    pointer-events: all;

    transform: translateY(0);

    z-index: 10000;

}

.custom-options:before {

    position: absolute;

    display: block;

    content: '';

    bottom: 100%; right: 25px;

    width: 7px; height: 7px;

    margin-bottom: -4px;

    border-top: 1px solid #00ccff;

    border-left: 1px solid #00ccff;

    background: #fff;

    transform: rotate(45deg);

    transition: all .4s ease-in-out;

}

.option-hover:before {

    background: #f9f9f9;

}

.custom-option {

    position: relative;

    display: block;

    padding: 0 10px;

    border-bottom: 1px solid #00ccff;

    font-size: 16px;
    color: #006699;

    line-height: 47px;

    cursor: pointer;

    transition: all .4s ease-in-out;

}

.custom-option:first-of-type {

    border-radius: 4px 4px 0 0;

}

.custom-option:last-of-type {

    border-bottom: 0;

    border-radius: 0 0 4px 4px;

}

.custom-option:hover,

.custom-option.selection {

    background: #f9f9f9;

}

.calc_currency
.custom-options,
.calc_currency
.custom-option{
    font-family: main-font !important;
}