.main_selects {
    display: inline-block;
    float: left
}

.sbHolder {
    background-color: #fff;
    height: 35px;
    font-weight: 400;
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    z-index: 100;
    /*box-shadow: 0 1px 4px rgba(0, 0, 0, .1)*/
}

.sbHolder.open, .sbHolder:hover {
    border-radius: 0;
    z-index: 200
}

.sbSelector {
    display: block;
    height: 36px;
    line-height: 36px;
    outline: 0;
    overflow: hidden;
    text-indent: 10px;
    top: 0;
    text-decoration: none;
    width: 90.82700421940928%;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: var(--main_font_color);
    text-decoration: none
}

.sort-type .sbHolder, .sort-type .sbSelector {
    width: 180px;
    text-align: left;
    font-weight: 500
}

.sbSelector:link {
    color: #5BAF03;
    text-decoration: none;
    font-size: 14px
}

.sbSelector:hover {
    text-decoration: none;
    color: #5BAF03;
}

.sbSelector:active, .sbSelector:focus {
    color: #5BAF03;
}

.sbHolderDisabled {
    background-color: #3c3c3c
}

.sbOptions {
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    border-radius: 0;
    border-top: none;
    list-style: none;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 1;
    overflow-y: auto;
    width: 100%;
    text-indent: 7px;
    box-sizing: content-box;
    text-indent: initial;
}

.sbOptions a {
    display: block;
    outline: 0;
    padding: 8px 0 8px 12px;
    line-height: 18px
}

@media (max-width: 640px) {
    .sbOptions a {
        padding: 12px 0 12px 12px
    }
}

.sbOptions a:link, .sbOptions a:visited {
    color: #555353;
    font-size: 14px;
    font-weight: 300;
    text-decoration: none
}

.sbOptions a.sbFocus, .sbOptions a:focus, .sbOptions a:hover {
    color: var(--main_font_color);
    background: #fff;
    text-decoration: none;
    font-weight: 500
}

.sbOptions li.last a {
    border-bottom: none
}

.sbOptions .sbDisabled {
    color: #999;
    display: block;
    padding: 7px 0 7px 3px
}

.sbOptions .sbGroup {
    display: block;
    font-weight: 700;
    padding: 7px 0 7px 3px
}

.sbOptions .sbSub {
    padding-left: 17px
}

.sbToggle:hover:after {
    color: #5BAF03;
}

.sbToggle:active:after, .sbToggle:focus:after {
    color: #5BAF03;
}

.sbToggle:after {
    position: absolute;
    content: '\f107';
    font-family: FontAwesome;
    font-size: 20px;
    right: 2px;
    top: 4px;
    width: 19px;
    height: 35px;
    color: #5BAF03;
}

.sbToggleOpen {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAA7EAAAOxAGVKw4bAAABaklEQVRYw+3SQU6DQBQG4L+0GsIpSOPOeIKasO+iW29RE3YsvIIJRzJx59J0ZyaewjQFZlwUqlDem5kHqAtnBSF57+efD/g/A45Kk0ilSTRkxmJQgrLI6qcH6YiZ+O/vb6+gq1cAQDC/WebPb5I5gfjvtc4NEBoghK5y6RhRALVdbQzMunk3wFptVxvJLO8rUGkSoTjsDBB3Br3j4vJ6+fj0MW0DZZF1l9ctxN9QTtNAA88AITFs7wvSr4EaHvVZAtI5QBceE8ILpNMVUPCYoc4g3Rog4DEtOIO0NmCDxwx2AmlvQFe57/K6BSeQbIAjPFjhMSGsIMkr8IXHLGBB0g14wmNaYEH2NiCFxywhQfY3IITHtECCPAswFB4Tohdk6wrGgkedPpDtBkaCx7RwBvLUwNjwmBZaIL8aGBke00ILZABMB48JcQI5mxoedRqQwdTwmBZilEW2gDEvAO5+OsAxhdn/yt4/dT4BAAPKf5zlNNEAAAAASUVORK5CYII=) center no-repeat;
    background-size: 8px 7px
}

#sort_select {
    border-color: transparent !important
}