/* Start:/local/templates/main/components/bitrix/catalog/catalog_new/style.css?17744375311603*/
.catalog-body-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    position: relative;
    width: 100%;
}

.catalog-body-main {
    padding: 15px 0px;
}

@media (max-width: 1279px) {
    .catalog-body-main::after {
        display: none;
    }
}

@media (max-width: 767.98px) {
    .catalog-body-main {
        padding: 7px 0
    }
}
.sorting-mob2
{
    margin-right: 10px!important;
    display: block!important;
}

@media (min-width: 1279px) {
    .catalog-filter {
        position: fixed;
        width: 22%;
        height: 100%;
        z-index: 101;
        top: 0;
        right: -100%;
        overflow: auto;
        -webkit-transition: all .3s ease 0s;
        -o-transition: all .3s ease 0s;
        transition: all .3s ease 0s;
        padding: 10px 20px!important;
    }
    .catalog-filter.open-filter {
        left: 0;
    }
    .overlay-loader__overlay {
        height: 150%!important;
    }
    .sorting-slider .spollers__title.spollers-orange {
        background-color: #ff760a;
        border: 1px solid #00000003;
        color: #ffffff;
    }
    .sorting-slider .spollers__title.spollers-orange:hover {
        background-color: #ff760a;
        color: #ffffff;
    }
    .sorting-slider .spollers__title.spollers-orange svg {
        filter: brightness(0) invert(1);
    }
}

#close_filter {
    padding: 0 22px;
}

/* End */


/* Start:/local/components/filter/smart.filter/templates/.default/style.css?17688889251509*/
.skeleton-loader {
    position: relative;
    height: 245px;
}

.skeleton-loader:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 100%),
    linear-gradient(#aaaaaa 16px, transparent 0),
    linear-gradient(#aaaaaa 16px, transparent 0),
    linear-gradient(#aaaaaa 16px, transparent 0),
    linear-gradient(#aaaaaa 16px, transparent 0),
    linear-gradient(#aaaaaa 16px, transparent 0),
    linear-gradient(#aaaaaa 16px, transparent 0),
    linear-gradient(#aaaaaa 16px, transparent 0),
    linear-gradient(#aaaaaa 16px, transparent 0),
    linear-gradient(#ffffff 100%, transparent 0);
    background-size: 150px 100%, 280px 16px, 280px 16px, 280px 16px, 280px 16px, 280px 16px, 280px 16px, 280px 16px, 280px 16px, 100% 100%;
    background-position: 0 0, 10px 9px, 10px 38px, 10px 67px, 10px 96px, 10px 125px, 10px 154px, 10px 183px, 10px 212px, 0 0;
    animation: skeleton-animation 2000ms infinite;
}

@keyframes skeleton-animation {
    to {
        background-position: 100% 0, 10px 9px, 10px 38px, 10px 67px, 10px 96px, 10px 125px, 10px 154px, 10px 183px, 10px 212px, 0 0;
    }
}

.checkbox__checkbox--checked.disabled .checkbox__label::before {
    background: #f8f8f8 !important;
}

.checkbox__checkbox--checked.disabled .checkbox__text {
    color: #707380;
}

/* End */
/* /local/templates/main/components/bitrix/catalog/catalog_new/style.css?17744375311603 */
/* /local/components/filter/smart.filter/templates/.default/style.css?17688889251509 */