/* Start:/local/templates/main/components/bitrix/catalog/catalog/style.min.css?1773753818959*/
.grid .bx_content_section{margin-bottom:15px}.grid .bx_sidebar{margin-bottom:15px}.grid2x1 .bx_content_section{float:left;width:66%;margin-bottom:15px}.grid2x1 .bx_sidebar{float:right;width:33%;margin-bottom:15px;padding-left:5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@media(max-width:960px){.grid2x1 .bx_sidebar{padding-left:4%}}@media(max-width:640px){.grid2x1 .bx_content_section,.grid2x1 .bx_sidebar{width:100%;float:none}.grid2x1 .bx_sidebar{padding-left:3%}}@media(max-width:479px){.grid2x1 .bx_sidebar{padding-left:1%}}.catalog-block-header{font-size:14px;font-weight:bold;text-align:left;margin:5px 0;padding:5px 15px;border-bottom:2px solid #d9dee6;color:#000}body.bx-theme-blue .catalog-block-header{border-color:#006cc0}body.bx-theme-green .catalog-block-header{border-color:#63aa28}body.bx-theme-red .catalog-block-header{border-color:#da3737}body.bx-theme-yellow .catalog-block-header{border-color:#f4b236}
/* End */


/* Start:/local/templates/main/components/bitrix/catalog.smart.filter/.default/style.css?17737538287409*/
#smartFilterForm {
    display: grid;
    gap: 2rem;
}
#smartFilter .rangeSlider label {
    display: inline-block;
    margin-right: 12px;
}
#smartFilter .slider {
    position: relative;
    height: 10px;
    width: 100%;
}
#smartFilter .slider .trans {
    -webkit-transition: width 0.2s ease-in-out, visibility 0.2s linear;
    -moz-transition: width 0.2s ease-in-out, visibility 0.2s linear;
    -o-transition: width 0.2s ease-in-out, visibility 0.2s linear;
    transition: width 0.2s ease-in-out, visibility 0.2s linear;
}
#smartFilter .handler {
    background: var(--orange);
    position: absolute;
    cursor: pointer;
    height: 2px;
    width: 100%;
    top: 10px;
}
#smartFilter .slider .blackoutLeft,
#smartFilter .slider .blackoutRight {
    background: #e5e5e5;
    position: absolute;
    height: 2px;
    width: 0;
    top: 0;
}
#smartFilter .slider .blackoutLeft {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 0;
}
#smartFilter .slider .blackoutRight {
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    right: 0;
}
#smartFilter .slider ins {
    background: var(--orange);
    position: absolute;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2.4rem;
    width: 2.4rem;
    border-radius: 50%;
    z-index: 10;
    top: -11px;
}
#smartFilter .slider ins:hover {
    background-position: -34px 0;
}
#smartFilter .slider ins:active {
    background-position: -68px 0;
}
#smartFilter .slider .left {
    right: -2.4rem;
}
#smartFilter .slider .right {
    left:  -2.4rem;
}
#smartFilterControls {
	display: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    padding: 0px 12px;
    margin: 24px 0 0;
    overflow: hidden;
    list-style: none;
}
#smartFilterControls li {
    width: 50%;
}
#smartFilterControls li:last-child{
    float: right;
}
#set_filter, #del_filter {
    line-height: 50px;
    height: 50px;
}
#set_filter {

    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;

    text-decoration: none;
    display: block;
    color: #fff;
}
#set_filter:active{
    position: relative;
    top: 1px;
}
#del_filter {

    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;

    margin-left: 12px;
    background: #FBFBFB;
    border: 1px solid #1D3359;
    color: #333333;
    text-decoration: none;
    text-align: center;
    display: block;
}
#del_filter:hover{
    background: #1D3359;
    color: #FBFBFB;
}
#del_filter:active{
    position: relative;
    top: 1px;
}
#smartFilter .hint {
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-right: 6px;
    cursor: pointer;
    height: 18px;
    width: 18px;
}

#smartFilter .hint:hover {
    background-position: -18px 0;
}
#smartFilter .hintValue {
    background-color: #ffffff;
    border: 1px solid #e7e8ea;
    position: absolute;
    line-height: 18px;
    min-width: 250px;
    margin-top: 8px;
    font-size: 13px;
    cursor: default;
    display: none;
    padding: 16px;
    z-index: 3;
    top: 100%;
}
#smartFilter .hintValue .heading {
    line-height: 18px;
    font-size: 16px;
    margin: 0 0 8px;
    color: #FFF;
    padding: 0;
}
#smartFilter .hintValue .close {
    text-decoration: none;
    position: absolute;
    font-size: 22px;
    cursor: pointer;
    z-index: 2;
    right: 6px;
    top: 6px;
}
#modef {
	display: none;
    -webkit-transition: top .2s ease;
    -moz-transition: top .2s ease;
    -o-transition: top .2s ease;
    transition: top .2s ease;
    position: absolute;
    line-height: 38px;
    padding-left: 7px;
    text-align: center;
    font-size: 12px;
    width: 193px;
    height: 38px;
    left: 340px;
    background: url(/local/templates/main/components/bitrix/catalog.smart.filter/.default/images/modef.png) 0 0 no-repeat;
    color: #fff;
    z-index: 99;
}
#modef .close {
    background: url(/local/templates/main/components/bitrix/catalog.smart.filter/.default/images/closeModef.png) 0 0 no-repeat;
    vertical-align: middle;
    display: inline-block;
    margin-right: 5px;
    margin-top: 5px;
    height: 12px;
    width: 12px;
}
#modef .close:hover {
    opacity: .8;
}
.close {
    float: right;
    opacity: .5;
}

#modef .close:active {
    position: relative;
    top: 1px;
}
#modef_send {
    margin-left: 8px;
    color: #ffffff;
}
#modef_send:hover {
    opacity: 0.9;
}
#modef_num{
    display: inline-block;
}
#modef_send{
    display: inline-block;
}
.filter__inner--scroll{
    max-height: 30vh;
    overflow-y: auto;
    scrollbar-color: #BDBDBD;
    scrollbar-width: thin;
}
.range-slider__slider,
.range-slider__slider .handler,
.range-slider__slider ins {
    touch-action: none;
    -ms-touch-action: none;
}
@media all and (max-width: 1180px) {
    #modef {
        position: fixed;
        max-width: 312px;
        width: 100%;
        background: #1D3359;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
    }
    #modef .close {
        margin-right: 10px;
    }
    .filter-header.active {
        margin-top: 30px;
        transition: transform 1s;
    }
}
@media all and (max-width: 1024px) {
    #smartFilterControls{
        margin: 10px 0;
    }
    #smartFilterControls li:last-child{
        float:none;
        margin: 0 auto;
    }
    #smartFilter .slider ins:before {
        content: "";
        display: block;
        width: 1.4rem;
        height: 1.2rem;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="12" viewBox="0 0 14 12" fill="none"><rect width="14" height="2" rx="1" fill="white"/><rect width="14" height="2" fill="white" x="0" y="5" rx="1"/><rect width="14" height="2" fill="white" x="0" y="10" rx="1"/></svg>');
        background-size: contain;
        background-position: center;
    }
    #over-lay {
        z-index: 7400000000;
        position: fixed;
        background: url(/local/templates/main/components/bitrix/catalog.smart.filter/.default/images/bg_overlay.png) repeat;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        display: none;
    }
    .bg-loader{
        width: 100%;
        height: 100%;
        background: #fff;
        position: absolute;
        z-index: 100;
        top: 0;
        left:0;
        right:0;
    }
    .loader-filter{
        position: absolute;
        z-index: 555;
        width: 100px;
        margin-left: -50px;
        left: 50%;
        margin-top: -50px;
        top: 50%;
    }
    .overflow {
        overflow: hidden;
        width: 100%;
        height: 100%;
    }
}
@media all and (max-width: 667px) {
    .wrap-filter {
        width: 90%;
        left: 50%;
        margin-left: -45%;
        top: 40px;
    }
}
/* End */
/* /local/templates/main/components/bitrix/catalog/catalog/style.min.css?1773753818959 */
/* /local/templates/main/components/bitrix/catalog.smart.filter/.default/style.css?17737538287409 */