.sale-categories-second-level:not(.active) {
    display: none;
}
@media(min-width: 768px) {
    .sale-categories.isLoaded {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }    
    .sale-categories {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        padding: 0;
        white-space: nowrap;
		
    }
    .sale-categories li a {
        color:#000;
        text-decoration: none;
		
    }
    .sale-categories li.active a {
        color: #000;
        text-decoration: underline;
    }
    .sale-categories-second-level-wrapper {
        padding-top: 10px;
    }
    .sale-categories-second-level.active {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .sale-categories.-section {
        margin-bottom: 10px;
		font-size: 18px
    }
    .sale-categories.-section li {
        padding-left: 0;
        padding-right: 30px;
        margin-bottom: 5px;
		
    }
    .sale-categories.-section li a {
        font-weight: 600;
        -webkit-transition: color 0.4s;
        -o-transition: color 0.4s;
        transition: color 0.4s;
    }
    .sale-categories.-section li a:hover {
        color: #00adae;
    }
    .sale-categories.-category li {
        padding-left: 0;
        padding-right: 10px
    }
    .sale-categories.-category li a {
        display: inline-block;
        vertical-align: top;
        padding: 0.2em 0.5em;
        border: 1px solid #aaa;
        border-radius: 5px;
        -webkit-transition: border-color 0.4s, background-color 0.4s, color 0.4s;
        -o-transition: border-color 0.4s, background-color 0.4s, color 0.4s;
        transition: border-color 0.4s, background-color 0.4s, color 0.4s;
    }
    .sale-categories.-category li {
        padding-bottom: 5px;
    }
    .sale-categories.-category li.active a,
    .sale-categories.-category li a:hover {
        border-color: #00adae;
        background-color: #00adae;
        color: #fff;
        text-decoration: none;
    }
}

@media(max-width: 767px) {
    div.sale-categories.isLoaded {
        display: block !important;
    }
    div.sale-categories.isLoaded>ul.active, 
    ul.sale-categories.isLoaded {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }    
    div.sale-categories>ul.active, 
    ul.sale-categories {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        position: relative;
        width: 100%;
        height: 42px;
        overflow: hidden;
        background-color: #fff;
        border: 1px solid #eee;
        border-radius: 8px;
        margin-bottom: 10px;
        padding: 3px 35px 3px 0;
    }
    div.sale-categories.isActive>ul, 
    ul.sale-categories.isActive {
        height: auto;
    }    
    div.sale-categories>ul:after, 
    ul.sale-categories:after {
        content: "";
        position: absolute;
        right: 5px;
        top: 7px;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        background: #01c1c2 url(../img/filter_arrow_light.svg) no-repeat center center / 7px;
        -webkit-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
                transform: rotate(-90deg);
        -webkit-transition: -webkit-transform 0.6s;
        transition: -webkit-transform 0.6s;
        -o-transition: transform 0.6s;
        transition: transform 0.6s;
        transition: transform 0.6s, -webkit-transform 0.6s;
    }   
    div.sale-categories.isActive>ul:after, 
    ul.sale-categories.isActive:after {
        -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
                transform: rotate(90deg);
    }          
    div.sale-categories>ul li, 
    ul.sale-categories li {
        position: relative;
        width: 100%;
        font-size: 16px;
        line-height: 20px;
        font-weight: 400;
        overflow: hidden;
        -ms-flex-negative: 0;
            flex-shrink: 0;
        z-index: 2;
    }
    div.sale-categories>ul li.active, 
    ul.sale-categories li.active {
        font-weight: 600;
        -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
                order: -1;
    }
    div.sale-categories>ul li a, 
    ul.sale-categories li a {
        display: block;
        width: 100%;
        padding: 7px 36px 7px 10px;
        text-decoration: none;
        color: #000;
        white-space: nowrap;
    }
    body.-loading:after {
        content: "";
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: rgba(255,255,255,0.75) url(../img/preloader.svg) no-repeat center center / 64px;
        z-index: 10000000;
    }
}