.nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color           : #fff;
    border-radius              : 5px;
    border                     : solid 1px #e8e8e8;
    box-sizing                 : border-box;
    clear                      : both;
    cursor                     : pointer;
    display                    : block;
    float                      : left;
    font-family                : inherit;
    font-size                  : 14px;
    font-weight                : 400;
    height                     : 42px;
    line-height                : 40px;
    outline                    : 0;
    padding-left               : 18px;
    padding-right              : 30px;
    position                   : relative;
    text-align                 : left !important;
    -webkit-transition         : all .2s ease-in-out;
    transition                 : all .2s ease-in-out;
    -webkit-user-select        : none;
    -moz-user-select           : none;
    -ms-user-select            : none;
    user-select                : none;
    white-space                : nowrap;
    width                      : auto
}

.nice-select:hover {
    border-color: #dbdbdb
}

.nice-select.open,
.nice-select:active,
.nice-select:focus {
    border-color: #999
}

.nice-select:after {
    border-bottom           : 2px solid #999;
    border-right            : 2px solid #999;
    content                 : '';
    display                 : block;
    height                  : 5px;
    margin-top              : -4px;
    pointer-events          : none;
    position                : absolute;
    right                   : 12px;
    top                     : 50%;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin    : 66% 66%;
    transform-origin        : 66% 66%;
    -webkit-transform       : rotate(45deg);
    -ms-transform           : rotate(45deg);
    transform               : rotate(45deg);
    -webkit-transition      : all .15s ease-in-out;
    transition              : all .15s ease-in-out;
    width                   : 5px
}

.nice-select.open:after {
    -webkit-transform: rotate(-135deg);
    -ms-transform    : rotate(-135deg);
    transform        : rotate(-135deg)
}

.nice-select.open .list {
    opacity          : 1;
    pointer-events   : auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform    : scale(1) translateY(0);
    transform        : scale(1) translateY(0)
}

.nice-select.disabled {
    border-color  : #ededed;
    color         : #999;
    pointer-events: none
}

.nice-select.disabled:after {
    border-color: #ccc
}

.nice-select.wide {
    width: 100%
}

.nice-select.wide .list {
    left : 0 !important;
    right: 0 !important
}

.nice-select.right {
    float: right
}

.nice-select.right .list {
    left : auto;
    right: 0
}

.nice-select.small {
    font-size  : 12px;
    height     : 36px;
    line-height: 34px
}

.nice-select.small:after {
    height: 4px;
    width : 4px
}

.nice-select.small .option {
    line-height: 34px;
    min-height : 34px
}

.nice-select .list {
    background-color        : #fff;
    border-radius           : 5px;
    box-shadow              : 0 0 0 1px rgba(68, 68, 68, .11);
    box-sizing              : border-box;
    margin-top              : 4px;
    opacity                 : 0;
    overflow                : hidden;
    padding                 : 0;
    pointer-events          : none;
    position                : absolute;
    top                     : 100%;
    left                    : 0;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin    : 50% 0;
    transform-origin        : 50% 0;
    -webkit-transform       : scale(.75) translateY(-21px);
    -ms-transform           : scale(.75) translateY(-21px);
    transform               : scale(.75) translateY(-21px);
    -webkit-transition      : all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
    transition              : all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
    z-index                 : 100
}

.nice-select .list:hover .option:not(:hover) {
    background-color: transparent !important
}

.nice-select .option {
    cursor            : pointer;
    font-weight       : 400;
    line-height       : 40px;
    list-style        : none;
    min-height        : 40px;
    outline           : 0;
    padding-left      : 25px;
    padding-right     : 50px;
    text-align        : left;
    -webkit-transition: all .2s;
    transition        : all .2s;
}
.nice-select .option[data-value="ru"]{
    background-image: url(../img/flag-ru.svg);
    background-repeat: no-repeat;
    background-position: 90% 8px;
}
.nice-select .option[data-value="ky"]{
    background-image: url(../img/flag-kg.svg);
    background-repeat: no-repeat;
    background-position: 90% 8px;
}
.nice-select .option[data-value="en"]{
    background-image: url(../img/flag-uk.svg);
    background-repeat: no-repeat;
    background-position: 90% 8px;
}

.nice-select .option.focus,
.nice-select .option.selected.focus,
.nice-select .option:hover {
    background-color: #dee2e6
}

.nice-select .option.selected {
    font-weight: 700
}

.nice-select .option.disabled {
    background-color: transparent;
    color           : #999;
    cursor          : default
}

.no-csspointerevents .nice-select .list {
    display: none
}

.no-csspointerevents .nice-select.open .list {
    display: block
}