/* * * Sorter * * */
.b-sort {
    position: relative;
    margin-top: 14px;
    margin-bottom: 14px;
    font: 400 14px 'Roboto', sans-serif;
    color: #000;
    cursor: default;
}

@media (max-width: 767px) {

    .b-sort {
        margin-top: 28px;
        margin-bottom: 17px;
    }

}

.b-sort_selector {
    margin-right: 150px;
}

.b-sort_selector .b-form_box_field .e-select,
.b-sort_selector .b-form_box_field .selectric {
    padding: 0 35px 0 13px;
    font: 400 14px 'Roboto', sans-serif;
    color: #000;
    background: #f8f8f8;
    border: #f8f8f8;
}

.b-sort_selector .b-form_box_field .e-select span,
.b-sort_selector .b-form_box_field .selectric .label,
.b-sort_selector .b-form_box_field .placeholder {
    color: #000 !important;
}

.b-sort_selector .b-form_box_field .selectric-items {
    padding: 0;
    font: 400 14px 'Roboto', sans-serif;
    color: #afafaf;
    background: #fff;
    -webkit-box-shadow: 1px 5px 9px rgba(0, 0, 0, .21);
    box-shadow: 1px 5px 9px rgba(0, 0, 0, .21);
    -webkit-border-radius: 9px;
    border-radius: 9px;
}

.b-sort_selector .b-form_box_field .selectric-items .selectric-list {
    padding: 10px 0;
    font: 400 14px 'Roboto', sans-serif;
}

.b-sort_selector .b-form_box_field .selectric-items .selectric-list li {
    padding: 11px 21px;
}

.b-sort_selector .b-form_box_field .selectric-items .selectric-list li:hover {
    color: #1fa6a3;
    background: none;
}

.b-sort_selector .b-form_box_field .selectric-items .selectric-list li.selected {
    color: #000;
    background: none;
}

.b-sort_filter_toggle {
    display: inline-block;
    float: right;
    position: relative;
    padding: 12px 0 10px 29px;
    font: 400 14px/1 'Roboto', sans-serif;
    color: #999;
    background: none;
    border: none;
    -webkit-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;
    cursor: pointer;
}

.b-sort_filter_toggle svg {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -12px;
}

.b-sort_filter_toggle:hover {
    color: #1fa6a3;
}

.b-sort_filter_toggle:hover [fill] {
    fill: #1fa6a3;
}

.b-sort_mob_views {
    display: inline-block;
    float: right;
    position: relative;
    margin-right: 10px;
    padding: 9px 12px 8px;
    width: 43px;
    height: 36px;
    background: none;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;
    cursor: pointer;
}

.b-sort_mob_views_icon {
    display: block;
    position: absolute;
    left: 12px;
    top: 9px;
    width: 19px;
    height: 19px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    transform: scale(.5);
    -webkit-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;
}

.b-sort_mob_views .b-sort_mob_views_icon.list {
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.b-sort_mob_views .b-sort_mob_views_icon.tiles {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    transform: scale(.5);
}

.b-sort_mob_views.list .b-sort_mob_views_icon.tiles {
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.b-sort_mob_views.list .b-sort_mob_views_icon.list {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    transform: scale(.5);
}

.b-sort_mob_views:hover [fill] {
    fill: #1fa6a3;
}

.b-sort_label {
    display: inline-block;
    vertical-align: baseline;
    margin-right: 14px;
}

.b-sort_list {
    display: inline-block;
    vertical-align: baseline;
    cursor: pointer;
}

.b-sort_list a {
    display: inline-block;
    position: relative;
    margin-left: 12px;
    text-decoration: none;
    color: #afafaf;
}

.b-sort_list a:hover {
    color: #1fa6a3;
}

.b-sort_list a.current {
    color: #000;
    cursor: default;
}

.b-sort_list a.asc {
    padding-right: 16px;
}

.b-sort_list a.asc:before {
    position: absolute;
    right: 0;
    top: 4px;
    width: 8px;
    height: 9px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOHB4IiBoZWlnaHQ9IjlweCIgdmlld0JveD0iMCAwIDggOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cGF0aCBmaWxsPSIjQjlCOUI5IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02LjkwNDMyOTc5LDQuNDQ3ODUyMTcgQzYuOTYwODM3MjcsNC4zODk5MTQ4NCA3LjMyNTE0OTAyLDQuMjQzNTAzMSA3LjY4OTE1NTMyLDQuNTg3NTU2NiBDOC4wNTMxNjE2Miw0LjkzMTYxMDExIDcuOTI0ODkzNDMsNS4yODY4NTQwMyA3Ljg4ODY4NTc3LDUuMzIzOTg3OTcgQzcuMzA4MDgxNjgsNS45MTk0NDUzNiA2LjQzNzE3NTU1LDYuODEyNjMxNDUgNS4yNzU5NjczOCw4LjAwMzU0NjI0IEM1LjExNjk3OTQ1LDguMTY5MTc3NTQgNC45NDYzMDc0OSw4LjM0NDIxNTcyIDQuNzYzOTUxNDksOC41Mjg2NjA3OCBDNC40OTA0MTc0OCw4LjgwNTMyODM3IDQuMzMxMjY4MzEsOC45OTc4MjExNyAzLjk5OTczNjYxLDguOTk3ODIxMTcgQzMuNjY4MjA0OSw4Ljk5NzgyMTE3IDMuNTA3MjkzNyw4Ljc5NzUxNTg3IDMuMjE5MDE2MDEsOC41MTE3MzI4MSBDMy4wMjY4MzA4OSw4LjMyMTIxMDc3IDIuODYyNTkyNjUsOC4xNTI3NzA5IDIuNzI2MzAxMyw4LjAwNjQxMzIyIEMxLjU4MTk2ODQxLDYuODMyODA1NDMgMC43MjM3MTg3NSw1Ljk1MjU5OTU5IDAuMTUxNTUyMzA4LDUuMzY1Nzk1NyBDMC4xMDE3NTYzNjMsNS4zMTQ3MjU4NSAtMC4wNTM1NTg1NTM3LDQuOTI5MjMzMDggMC4zMTAzMTc4OTEsNC41ODc1NTY2IEMwLjY3NDE5NDMzNiw0LjI0NTg4MDEzIDEuMDUyNTQ1MTUsNC40MDQxNzYgMS4xMTYwMDcyMyw0LjQ2OTI0MzkxIEMxLjYxMDIyNzgzLDQuOTc1OTcwMSAyLjM1MTU1ODcyLDUuNzM2MDU5MzggMy4zMzk5OTk5MSw2Ljc0OTUxMTc1IEwzLjMzOTk5OTkxLDAuNjU3MDgyMzQzIEMzLjM0MDU1NDU1LDAuMjk0MDIzODIgMy42MzYxMDkyOSwtNC4yMDU0OTEzMmUtMDcgNC4wMDA1MDI2MSwwIEM0LjM2NDczMjk0LDAgNC42NTk5OTk5NywwLjI5NDE4NTc4NiA0LjY1OTk5OTk3LDAuNjU3MDgyMzQzIEw0LjY1OTk5OTk3LDYuNzQ4OTcxNzUgQzUuNjU3NDc5ODksNS43MjYyNTE5NCA2LjQwNTU4OTgzLDQuOTU5MjEyMDcgNi45MDQzMjk3OSw0LjQ0Nzg1MjE3IFoiPjwvcGF0aD48L3N2Zz4=) center center no-repeat;
    content: '';
}

.b-sort_list a.desc {
    padding-right: 16px;
}

.b-sort_list a.desc:before {
    position: absolute;
    right: 0;
    top: 4px;
    width: 8px;
    height: 9px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOHB4IiBoZWlnaHQ9IjlweCIgdmlld0JveD0iMCAwIDggOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cGF0aCBmaWxsPSIjQjlCOUI5IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02LjkwNDMyOTc5LDQuNTQ5OTY5IEw0LjY1OTk5OTk3LDIuMjQ4ODQ5NDIgTDQuNjU5OTk5OTcsOC4zNDA3Mzg4MyBDNC42NTk5OTk5Nyw4LjcwMzYzNTM4IDQuMzY0NzMyOTQsOC45OTc4MjExNyA0LjAwMDUwMjYxLDguOTk3ODIxMTcgQzMuNjM2MTA5MjksOC45OTc4MjE1OSAzLjM0MDU1NDU1LDguNzAzNzk3MzUgMy4zMzk5OTk5MSw4LjM0MDczODgzIEwzLjMzOTk5OTkxLDIuMjQ4MzA5NDIgTDEuMTE2MDA3MjMsNC41Mjg1NzcyNiBDMS4wNTI1NDUxNSw0LjU5MzY0NTE3IDAuNjc0MTk0MzM2LDQuNzUxOTQxMDQgMC4zMTAzMTc4OTEsNC40MTAyNjQ1NyBDLTAuMDUzNTU4NTUzNyw0LjA2ODU4ODA5IDAuMTAxNzU2MzYzLDMuNjgzMDk1MzIgMC4xNTE1NTIzMDgsMy42MzIwMjU0NyBMMi43MjYzMDEzLDAuOTkxNDA3OTU1IEMyLjg2MjU5MjY1LDAuODQ1MDUwMjY3IDMuMDI2ODMwODksMC42NzY2MTA0MDMgMy4yMTkwMTYwMSwwLjQ4NjA4ODM2MiBDMy41MDcyOTM3LDAuMjAwMzA1MzAxIDMuNjY4MjA0OSwxLjc3NjM1Njg0ZS0xNSAzLjk5OTczNjYxLDAgQzQuMzMxMjY4MzEsLTEuNzc2MzU2ODRlLTE1IDQuNDkwNDE3NDgsMC4xOTI0OTI4MDEgNC43NjM5NTE0OSwwLjQ2OTE2MDM5IEM0Ljk0NjMwNzQ5LDAuNjUzNjA1NDQ5IDUuMTE2OTc5NDUsMC44Mjg2NDM2MyA1LjI3NTk2NzM4LDAuOTk0Mjc0OTMyIEw3Ljg4ODY4NTc3LDMuNjczODMzMiBDNy45MjQ4OTM0MywzLjcxMDk2NzE0IDguMDUzMTYxNjIsNC4wNjYyMTEwNiA3LjY4OTE1NTMyLDQuNDEwMjY0NTcgQzcuMzI1MTQ5MDIsNC43NTQzMTgwNyA2Ljk2MDgzNzI3LDQuNjA3OTA2MzMgNi45MDQzMjk3OSw0LjU0OTk2OSBaIj48L3BhdGg+PC9zdmc+) center center no-repeat;
    content: '';
}

.b-sort_list_btn {
    display: inline-block;
    position: relative;
    margin-left: 12px;
    text-decoration: none;
    color: #afafaf;
}

.b-sort_list_btn svg {
    display: block;
    position: relative;
    margin-bottom: -2px;
}

.b-sort_list_btn svg [fill] {
    fill: #afafaf;
    -webkit-transition: fill 250ms;
    -o-transition: fill 250ms;
    transition: fill 250ms;
}

.b-sort_list_btn:hover {
    color: #1fa6a3;
}

.b-sort_list_btn:hover [fill] {
    fill: #1fa6a3;
}

.b-sort_list_btn.current {
    color: #000;
    cursor: default;
}

.b-sort_list_btn.current [fill] {
    fill: #000;
}

@media (max-width: 1263px) {

    .b-sort {
        margin-top: 14px;
        font: 400 12px 'Roboto', sans-serif;
    }

    .b-sort_label {
        margin-right: 4px;
    }

    .b-sort_list a {
        margin-left: 8px;
    }

    .b-sort_list a.asc {
        padding-right: 13px;
    }

    .b-sort_list a.asc:before {
        top: 3px;
    }

    .b-sort_list a.desc {
        padding-right: 13px;
    }

    .b-sort_list a.desc:before {
        top: 3px;
    }

}