.filters {
    overflow-y: auto;
}
.filters_button_container {
    /*position: fixed;
    top: 130px;
    left: var(--main-spacing);
    right: var(--main-spacing);
    z-index: 91;*/
    text-align: right;
    background: white;
    height: 40px;
}
.filters_button {
    display: inline-block;
    font-family: var(--title-font-family);
    font-size: 17px;
    line-height: normal;
    text-transform: uppercase;
    padding-right: 15px;
    background: url('../img/dropdown.svg') no-repeat right center;
    background-size: 8px;
    cursor: pointer;
}

/* Tabs */
.filters {
    display: none;
    /*position: fixed;
    top: 160px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 91;*/
    background: white;
}
body.filters_expanded .filters {
    display: block; 
}
.filters > .wrapper {
    /*padding: 0 var(--main-spacing) var(--default-spacing) var(--main-spacing);*/
}


/* Dropdowns */
.filters .dropdowns {
}
.filters .dropdowns .filter {
    margin-bottom: 10px;
}
.filters .dropdowns .filter .name {
    font-family: var(--title-font-family);
    font-size: 20px;
    text-transform: uppercase;
    text-align: right;
    margin-bottom: 10px;
}
.filters .dropdowns .filter ul {
    display: none;
    text-align: right;
    margin-bottom: 20px;
}
.filters .dropdowns .filter.expanded ul {
    display: block;
}
.filters .dropdowns .filter ul li {
    line-height: 14px;
    margin-bottom: 7px;
    box-sizing: border-box;
}
.filters .dropdowns .filter ul li a {
    font-family: 'DINSchrift_light';
    font-size: 14px;
    line-height: 18px;
}


/* Actives */
.filters .actives {
    margin-top: 10px;
    text-align: right;
}
.filters.expanded .actives {
    visibility: hidden;
}
.filters .actives ul li {
    line-height: 14px;
    margin-left: 15px;
    margin-bottom: 10px;
}
.filters .actives ul li a {
    font-family: 'DINSchrift_light';
    font-size: 12px;
    padding-right: 12px;
    background: url('../img/close.svg') no-repeat right center;
    background-size: 8px;
}
.filters a:hover,
.filters a.active {
    color: var(--blue);
}

@media only screen and (min-width: 768px) {
    .filters_button_container {
        display: none;
    }
    .filters {
        display: block;
        overflow-y: visible;
        bottom: unset;
        top: var(--header-height);
    }
    .filters_button {
        display: none;
    }
    /*body.scrolling .filters {
        top: calc(var(--header-height) - 20px);
    }*/
    .filters .dropdowns {
        display: flex;
        justify-content: right;
    }
    .filters .dropdowns .filter {
        margin-left: 25px;
        position: relative;
    }
    .filters .dropdowns .filter .name {
        padding-right: 15px;
        background: url('../img/dropdown.svg') no-repeat right center;
        background-size: 8px;
        cursor: pointer;
        text-align: left;
        margin-bottom: 0;
    }
    .filters .dropdowns .filter.expanded .name {
        background: url('../img/dropup.svg') no-repeat right center;
        background-size: 8px;
    }
    .filters .dropdowns .filter ul {
        text-align: left;
        display: none;
        position: absolute;
        background: #fff;
        padding: 15px 0 10px 10px;
        left: -10px;
        min-width: 180px;
        max-height: 350px;
        margin-bottom: 0;
        z-index: 100;
    }
    .filters .dropdowns .filter.sorting ul {
        text-align: right;
        left: unset;
        right: -5px;
    }
    .filters .dropdowns .filter ul li {
        padding-right: 20px;
    }
    .filters .dropdowns .filter ul li a {
        white-space: nowrap;
    }
    .filters .actives ul li {
        margin-bottom: 0;
    }
    .filters .actives ul {
        display: flex;
        justify-content: right;
    }

}
@media only screen and (min-width: 1024px) {
    .filters {
        top: var(--header-height);
    }
    .filters .actives {
        text-align: left;
    }
    /*body.scrolling .filters {
        top: calc(var(--header-height) - 60px);
    }*/
}


/*.filters .tabs .tab {
    margin-left: 10px;
}
body.sorting_expanded .filters .tabs .tab.sorting_button,
body.filters_expanded .filters .tabs .tab.filter_button {
    background: url('../img/dropup.svg') no-repeat right center;
    background-size: 10px;
}
.filters .tabs .tab.actives ul {
    display: flex;
}
.filters .tabs .tab.actives ul li {
    margin-left: 10px;
}
*/

/* Content */
/*.filters .sorting_content,
.filters .filters_content {
    background: white;
    position: absolute;
    z-index: 90;
    left: 0;
    right: 0;
    top: calc(var(--header-height) + 40px);
    transform: translateY(-100%);
    transition: 0.5s;
}
.filters .filters_content > .wrapper {
    padding: var(--default-spacing);
}
.filters .filters_content .filter {
    margin-bottom: 20px;
}
.filters .sorting_content ul li,
.filters .filters_content .filter ul li {
    line-height: 20px;
    font-size: 15px;
}
body.catalog.sorting_expanded .filters .sorting_content {
    transform: translateY(0);
    transition: 0.5s;
}
body.catalog.filters_expanded .filters .filters_content {
    transform: translateY(0);
    transition: 0.5s;
}
body.catalog {
}
body.catalog.filters_expanded {
    padding-top: 400px;
}
body.catalog.filters_expanded {
    padding-top: 400px;
}
*/
/* Sorting content */
/*.filters .sorting_content > .wrapper {
    padding: var(--default-spacing);
    display: flex;
    justify-content: flex-end;
    text-align: right;
}
*/
@media only screen and (min-width: 768px) {
    /* Filters content */
    /*.filters .filters_content > .wrapper {
        display: flex;
        justify-content: left;
    }
    .filters .filters_content .filter {
        width: 25%;
        box-sizing: border-box;
        padding-right: 40px;
    }
    .filters .filters_content .filter .name .map_button {
        position: absolute;
        right: 0px;
        top: 5px;
        font-size: 18px;
        line-height: 18px;
        width: 15px;
        height: 15px;
        background: url('../img/map.svg') no-repeat left center;
        background-size: 15px;
        cursor: pointer;
    }
    .filters .filters_content .filter:last-child {
        padding-right: 0;
    }
    .filters .filters_content .filter ul {
        height: 316px;
        overflow-y: auto;
        box-sizing: border-box;
    }
    .filters .filters_content .filter ul.scrollbar.loading {
        overflow: hidden;
        padding-right: 30px;
    }
    .filters .filters_content .filter ul.scrollbar {
        overflow: auto;
    }
    .filters .filters_content .filter ul li:hover a,
    .filters .filters_content .filter ul li.active a {
        color: var(--blue);
    }*/
}
@media only screen and (min-width: 1024px) {
    /*.filters .filters_content .filter .name {
        font-size: 26px;
        line-height: 26px;
        margin-bottom: 15px;
    }
    .filters .sorting_content ul li,
    .filters .filters_content .filter ul li {
        line-height: 21px;
        font-size: 17px;
    }*/
}