.catalog-section{ padding: 0 10px;max-width:1230px; margin:auto}
.catalog-side{ display: none}
.section-title-mobile{ display: flex; justify-content: space-between; align-items: center}
.section-title{ padding-top: 15px}
.section-title h1{ margin: 0;}

.catalog-section .catalog-items{ padding: 0; margin: 0 -3px; justify-content: flex-start}
.catalog-section .catalog-items .catalog-item{ padding: 6px;}

    /*filter*/
.filter-container .form-control{margin-bottom:0;}
.filter-container .bx_filter_section{ position: relative  }
.bx_filter_param_label.disabled{opacity:0.4;cursor:default;}
.filter-container .bx_filter_parameters_box{    padding: 15px 0;border-bottom: 1px solid #eee;}
.filter-container .bx_filter_button_box{clear:both; padding: 20px 0}

.filter-container .bx_filter_parameters_box_title{font-size:14px;display:block;font-weight:700; position:relative;color:var(--dark); padding-bottom: 15px; }


.filter-container .bx_filter_parameters_box_title >span, .filter-container .bx_filter_parameters_box_title >div{position:relative;display:inline-block;}
.bx_filter_parameters_box_title .hint .icon {position:relative;left:auto;right:-9px;z-index:200;}


.filter-container .bx_filter_parameters_box_title:hover:before{display:block;}
.filter-container .active .bx_filter_parameters_box_title:after{background-position:-35px -162px;}
.filter-container .bx_filter_parameters_box_title:hover:after{background-position:-1px -143px;}
.filter-container .active .bx_filter_parameters_box_title:hover:after{background-position:-19px -143px;}
.bx_filter_button_box .bx_filter_block, .bx_filter_parameters_box.active .bx_filter_block{display:block;}
.bx_filter_vertical input[type="checkbox"] + label, .filter input[type="checkbox"] + label{padding-left:5px;position:relative;z-index:100;cursor:pointer;outline:none;}
.filter.label_block input + label{padding-left:23px;font-size:11px;}
.bx_filter_vertical input[type="checkbox"] + label.dib, .bx_filter_vertical input[type="checkbox"] + label.pal{padding:0px 3px 0px 0px;margin-bottom:5px;}

.bx_filter_vertical input[type="checkbox"] + label.sku, .sku_props .bx_item_detail_size ul li{display:inline-block;font-size:10px;border:1px solid #e5e5e5;padding:0 10px;text-align:center;margin:0px 3px 3px 0px;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;border-radius:2px;}
.bx_filter_vertical input[type="checkbox"] + label.sku:hover, .sku_props .bx_item_detail_size ul li:hover{background:#ddd;color:#fff;}
.bx_filter_vertical input[type="checkbox"] + label.sku span, .sku_props .bx_item_detail_size ul li span{font-size:10px;position:relative;display:block;}
.bx_filter_vertical input[type="checkbox"] + label.sku:hover span, .bx_filter_vertical input[type="checkbox"]:checked + label.sku span{color:#fff;}
.filter-container .pict:nth-child(5n) label.dib{padding:0px;}
.bx_filter_vertical input[type="checkbox"] + label.disabled{cursor:default;}
.filter input[type="checkbox"], .filter input[type="radio"]{display:none;}
.sku_props{margin:17px 0px 2px;}
.buy_block .sku_props{margin:0px;}
.sku_props .wrapper_sku > div{margin:0px 0px 9px;}
.sku_props .wrapper_sku > div:last-child{margin-bottom:0px;}
.bx_catalog_item_scu ul{font-size:0px;margin:0px;}
.bx_catalog_item_scu ul li{position:relative;z-index:100;cursor:pointer;outline:none;font-size:11px;margin:0px 0px 2px;padding:0px 3px 0px 0px;display:inline-block;}
.bx_scu_scroller_container .missing/*, .ik_select_dropdown .missing*/{opacity:0.4;}
.sku_props ul li:before{display:none;}

.filter-container .bx_filter_parameters_box.active .bx_filter_block i{font-size:15px;font-style:normal;color:#596b70;display:block;padding-bottom:3px;}
.filter-container .bx_filter_parameters_box_container{ line-height: 1;  transition: all .6s ease}
.filter-container .bx_filter_parameters_box_container.overflow{max-height: 98px; overflow: hidden; }
.filter-container .bx_filter_parameters_box_container.overflow.sections{max-height: 165px; overflow: hidden; }
.filter-container .bx_filter_parameters_box_container.overflow.is-open{max-height: 500px;}
.filter-container .bx_filter_parameters_box_container.overflow.is-open.sections{max-height: 290px; overflow-y: scroll;padding-right: 10px;  }


.filter-container .bx_filter_parameters_box_container.overflow.is-open::-webkit-scrollbar {height: 10px;width: 7px;background-color: transparent ;}
.filter-container .bx_filter_parameters_box_container.overflow.is-open::-webkit-scrollbar-track {background: transparent;}
.filter-container .bx_filter_parameters_box_container.overflow.is-open::-webkit-scrollbar-thumb {background-color:var(--color-light-grey)  ;border-radius: 20px;
    border: 1px solid transparent;width: 3px;}

.filter-container .show-overflow{font-size: 12px; margin-top:10px; margin-left:20px; color: var(--color-text-lightblue); cursor: pointer}
.filter-container .bx_filter_parameters_box_container input{ box-sizing: border-box; line-height: 1}
.filter-container .bx_filter_parameters_box_container input[type="checkbox"]{ padding: 0; margin: 0; width: 0}
.filter-container .bx_filter_parameters_box_container input + label{ border: 1px solid var(--color-light-grey); border-radius: 2px; display: inline-block; padding: 5px 10px; border-radius: 4px; margin-right: 5px; margin-bottom: 8px;  box-sizing: border-box; line-height: 1}
.filter-container .bx_filter_parameters_box_container input:checked + label{ background: var(--color-text-lightblue); border-color: var(--color-text-lightblue); color: #fff }
.filter-container .bx_filter_param_text{font-weight: normal}

.filter-container .bx_filter_button_box .bx_filter_parameters_box_container{display: flex;justify-content: space-between;}

.filter-container .bx_filter_button_box input{ display: none }
.filter-container .bx_filter_button_box label{ display: flex; flex-direction: column; width: calc(50% - 10px); height:46px; border-radius: 4px; font-size: 15px;
    text-align: center; align-items: center; justify-content: center; cursor: pointer}
.filter-container .bx_filter_button_box label.search_reset{ border: 1px solid var(--color-text-grey); color: var(--color-text-grey)}
.filter-container .bx_filter_button_box label.search_button{  color:#fff; background: var(--color-text-lightblue)}


.bx_filter_parameters_box_container.in_stock input + label{width: 100%; display: block !important; height: 30px; line-height: 30px; background: none;  padding: 5px 0;}
.bx_filter_parameters_box_container.in_stock input + label:before{ content: ''; position: absolute; display: block; top: 0; bottom: 0; right: 0; left: auto; width: 50px; height: 28px; background: #ccc; border-radius: 15px; margin: auto; transition: all .3s ease}
.bx_filter_parameters_box_container.in_stock input + label:after{ content: ''; position: absolute; display: block; top: 0; bottom: 0; right: 0; left: auto; width: 20px; height: 20px; background: #fff; border-radius: 50%; margin: auto; right: 25px; transition: all .3s ease}

.bx_filter_parameters_box_container.in_stock input:checked + label{ background: none; color: var(--black)}
.bx_filter_parameters_box_container.in_stock input:checked + label:before{ background: var(--color-text-lightblue); }
.bx_filter_parameters_box_container.in_stock input:checked + label:after{  right: 4px;    }

/***/
.wrapp_all_inputs.wrap_md .iblock{width:100%; padding: 0 26px; box-sizing: border-box}
.filter_horizontal{padding:3px 0px 0px 20px;overflow:hidden;}
.filter_horizontal .wrapp_all_inputs.wrap_md .wrapp_change_inputs {width:30%;position:relative;margin:0px 0px 4px;}
.filter_horizontal .wrapp_all_inputs.wrap_md .wrapp_slider  {width:70%;padding:0px 0px 0px 50px;}
.filter_horizontal .smartfilter .bx_ui_slider_track{margin-top:16px;}
.filter_horizontal .filter-container .bx_filter_button_box{text-align:left;}
.filter_horizontal .bx_filter_vertical input[type="checkbox"] + label:not(.dib){float:left;margin-right:10px;}

.filter-container #modef_mobile{display:none;}

/*Track*/
.filter-container .bx_price_filter .bx_filter_parameters_box_title{ margin: 0 -26px;}
.filter-container .bx_ui_slider_part{position:absolute;top:-3px;width:1px;height:10px;background:#e5e5e5;}
.filter-container .bx_ui_slider_part.p1{left:-1px;}
.filter-container .bx_ui_slider_part.p2{left:25%;}
.filter-container .bx_ui_slider_part.p3{left:50%;}
.filter-container .bx_ui_slider_part.p4{left:75%;}
.filter-container .bx_ui_slider_part.p5{right:1px;}
.filter-container .bx_ui_slider_part span{font-size:10px;position:absolute;top:-22px;left:50%;display:block;width:100px;margin-left:-50px;text-align:center;color:#b1b1b1;}
.filter-container .bx_ui_slider_part.p2 span,
.filter-container .bx_ui_slider_part.p3 span,
.filter-container .bx_ui_slider_part.p4 span{color:#b1b1b1;display:none;}
.filter-container .bx_ui_slider_part.first span{text-align:left;left:0px;margin-left:0px;}
.filter-container .bx_ui_slider_part.last span{text-align:right;left:auto;right:0px;margin-left:0px;}
.filter-container .bx_ui_slider_range,
.filter-container .bx_ui_slider_pricebar,
.filter-container .bx_ui_slider_pricebar_VD,
.filter-container .bx_ui_slider_pricebar_VN,
.filter-container .bx_ui_slider_pricebar_V{position:absolute;top:0px;bottom:0px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-right:1px solid #FFF;}
.filter-container .bx_ui_slider_range{z-index:auto;background:var(--mgray);}
.filter-container .bx_ui_slider_pricebar{z-index:100;}
.filter-container .bx_ui_slider_pricebar_VD{z-index:60;background:#979797;}
.filter-container .bx_ui_slider_pricebar_VN{z-index:70;background:#e5e5e5;}
.filter-container .bx_ui_slider_pricebar_V{z-index:80;background:var(--color-text-lightblue);}
.filter-container .bx_ui_slider_handle{position:absolute;top:100%;width:24px;height:24px; top: -13px;   display: inline-block; cursor: pointer;   z-index: 100; background: #fff; border-radius: 16px; border: 2px solid #ddd;}
.filter-container .bx_ui_slider_handle:hover{-webkit-cursor:grab;-ms-cursor:grab;-o-cursor:grab;cursor:grab;}
.filter-container .bx_ui_slider_handle:active{-webkit-cursor:grabbing;-ms-cursor:grabbing;-o-cursor:grabbing;cursor:grabbing;}
.filter-container .bx_ui_slider_handle.left{left:0;margin-left:-26px;}
.filter-container .bx_ui_slider_handle.right{right:0;margin-right:-26px;}

.smartfilter .bx_ui_slider_track { height: 4px; margin: 33px 0px 13px; position: relative; zoom: 1; }
.smartfilter .bx_ui_slider_track .bx_ui_slider_handle:after { font-size: 0; content: "."; background: #fff; display: inline-block; background: #fff; width: 6px; height: 6px; left: 3px; position: absolute; top: 3px; }
.bx_filter_price_inputs{ display: flex; justify-content: space-between; align-items: center;   box-sizing: border-box; padding: 0; margin-top: 10px}
.bx_filter_price_inputs input{ width: 90px; height: 36px; border:1px solid var(--mgray); border-radius: 4px; font-size: 12px;
    text-align: right; padding: 0 10px 0 30px;}
.bx_filter_price_inputs .bx_filter_input_container > div{ position: absolute; height: 13px;top: 0;left: 10px;width: 20px;font-size: 12px;opacity: .5;bottom: 0;margin: auto;}


/*Select*/
.filter-container .bx_filter_select_block, .common_select .common_select-link{position:relative;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:30px;margin:0 0px 5px;padding:0 33px 0 7px;border-radius:2px;background:#f7f7f7;border:1px solid #e5e5e5;cursor:pointer;}
.filter-container .bx_filter_select_text, .common_select .common_select-link .ik_select_link_text{font-size:12px;line-height:28px;max-width:100%;height:30px;cursor:pointer;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;-ms-text-overflow:ellipsis;overflow:hidden;}
.filter-container .bx_filter_select_block:hover .bx_filter_select_arrow, .common_select .common_select-link:hover .trigger, .common_select .common_select-link.opened .trigger{background:#e3e3e3;}
.filter-container .bx_filter_select_block:hover .bx_filter_select_arrow:before, .common_select .common_select-link:hover .trigger:before, .common_select .common_select-link.opened .trigger:before{background-position:-36px -174px;}
.filter-container .bx_filter_select_text.fix{min-width:120px;}
.filter-container .bx_filter_select_text label{cursor:pointer;}
.filter-container .bx_filter_select_arrow, .common_select .common_select-link .trigger{position:absolute;top:0;right:0;width:26px;height:28px;cursor:pointer;border-left:1px solid #E5E5E5;background:#fff;text-align:center;line-height:32px;}
.filter-container .bx_filter_select_arrow:before, .common_select .common_select-link .trigger:before{content:"";display:inline-block;width:7px;height:4px; background:url('images/arrows.png') -1px -174px no-repeat;}

.filter-container{visibility: hidden; height: 0; overflow: hidden}
.filter-container .bx_filter_popup_result{ display: none;}
.filter-container .modef-mobile{ display: none}

.over-content .filter-container{visibility: visible; height: auto; overflow: unset; display: block; padding: 15px; padding-bottom: 120px;}
.over-content .filter-container .bx_filter_button_box{ position: fixed;bottom: 0;left: 0;right: 0;z-index: 100; padding: 15px; background: #fff }
.over-content .filter-container .modef-mobile{ display: block; text-align: center; font-size: 12px; max-height: 0; opacity: 0;  transition: all .3s ease; }
.over-content .filter-container .modef-mobile.is-show{ max-height: 20px; opacity: 1; padding-top: 5px;font-weight: 300;}
.over-content .filter-container .bx_price_filter{ padding: 0 26px}
.over-content .filter-container .bx_price_filter .bx_filter_price_inputs{ margin-top:10px; margin-bottom: 20px;}

.filter-section .section-title h1{ font-size: 18px;}
.section-title-desktop{ display: none }

.section-title-actions{padding-left: 20px;}
.section-title-actions .filter-button{padding-left: 22px; font-size: 12px; color: var(--color-text-grey); display: block; line-height: 16px;}
.section-title-actions .filter-button:before{content: "\f0b0";  font-family: FontAwesome;  margin-right: 3px;}
.filter-container-header{ padding: 0; margin-bottom: 15px; border-bottom: 1px solid #D2D3D0; font-weight: bold; font-size: 16px; display: flex; justify-content: space-between; align-items: center }

.filter-sections {border-bottom: 1px solid var(--lgray); padding-bottom: 5px;margin-bottom: 20px;}
.filter-sections ul{ list-style: none; padding: 0; margin: 0; font-size: 14px }
.filter-sections ul li{ margin-left: 0px; padding-left: 10px; position: relative; display: block; line-height: 18px; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #ebebeb}
.filter-sections ul li:last-child{ border: none}
.filter-sections ul li:before{ content: '\2039'; position: absolute; display: block; width: 15px; height: 18px; line-height: 15px; top:0; bottom: 7px; left: 0px; margin: auto; font-size: 22px;  }
.filter-sections ul li.current:before, .filter-sections ul li.subsection:before{ display: none}
.filter-sections ul li.subsection{ margin-left:10px;}
.filter-sections ul li.current{ font-weight: bold; padding-right: 25px;}
.filter-sections ul li.current:after{content: ''; position: absolute; display: block; width: 10px; height: 10px;  top:0; bottom: 7px; right: 0px; margin: auto;  border: 3px solid var(--color-text-lightblue); border-radius: 50%; }

.filter-sections.brands-sections   ul li:before{ display: none}
.filter-sections.brands-sections   ul li{ margin-left: 0 }
.filter-sections.brands-sections   ul.has-select li{ margin-left: 20px }


.ajax_load_btn{ padding: 15px 0;}
.ajax_load_btn .more_text_ajax{ display: block; margin: auto; padding: 10px; width: 160px; text-align: center;font-size: 13px;
    border-radius: 4px; border: 1px solid var(--color-border-blue); cursor: pointer; transition: all .3s ease; }
.ajax_load_btn .more_text_ajax.loading{ display: block; margin: auto; color: #fff }
.ajax_load_btn .more_text_ajax:after{ content: ''; display: block; position: absolute; height: 32px; width: 32px; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background-image: url(../../../../images/loader.svg); background-repeat: no-repeat; background-position: center; background-size: contain; opacity: 0; transition: all .3s ease;  }
.ajax_load_btn .more_text_ajax.loading:after{ opacity: 1;}

.section-header{ display: flex; padding: 10px 0;}
.order-nav{ display: none}
.order-nav-mobile{ border: 1px solid var(--color-border-grey);  font-size: 12px; line-height: 1; border-radius: 2px; width: 100%;
    box-sizing: border-box; padding: 8px 25px; z-index: 500; position: relative; background: #fff  }
.order-nav-mobile:after{content: '\2039'; display: block; position: absolute; height: 12px; width: 12px; line-height: 12px; font-size: 22px; top: 0; bottom: 0;  right:8px; margin: auto; transform: rotate(270deg);  transition: all .3s ease; text-align: center  }
.order-nav-mobile:before{content: ''; display: block; position: absolute; height: 20px; width: 20px; top: 0; bottom: 0;  left:2px; margin: auto; background-image: url(../../../../images/sort.svg); background-repeat: no-repeat; background-position: center; background-size: contain;  }
.order-nav-mobile.is-open:after{transform: rotate(90deg); }
.order-nav-mobile .selector{position: absolute;   left: 0; right:0; width: 100%; margin:auto; border: 1px solid #eee; border-top:none; z-index: 1; border-radius: 0 0 4px 4px;background: #fff;   opacity: 0; top:-9999px; z-index: 450; transition: opacity 0.3s ease;padding-top: 10px}
.order-nav-mobile .selector > a{ display: block; padding: 7px 18px;margin: 5px 0;}
.order-nav-mobile .selector.is-show{ opacity: 1;top: calc(100% + 1px);}

.wrap_text_empty{ text-align: center; padding: 40px 15px}

@media only screen and (min-width: 768px) {

    .container-inner{ display: flex; margin-top: 15px;}
    .section-title-desktop{ display: block }
    .section-title-mobile{ display: none }

    .catalog-sidebar {flex-basis: 240px; padding-right: 20px}
    .catalog-content {display: flex; flex: 1; flex-direction: column}
    .section-header-wrap{ margin-bottom: 15px !important; background: #fff; border-radius: 4px; padding: 0 10px}

    .catalog-section .catalog-items .catalog-item{ padding: 5px}

    .filter-section{ background: #fff;  padding: 10px;}
    .filter-container{visibility: visible; height: auto; overflow: unset; display: block; }
    .filter-container-header{ display: none}

    .filter-sections{ margin-bottom: 0}

    .filter-container .bx_price_filter .bx_filter_parameters_box_title {margin: 0;}
    .filter-container .bx_filter_button_box .bx_filter_parameters_box_container{ flex-direction: column}
    .filter-container .bx_filter_button_box label{ width: 100%; height: 40px;  }
    .filter-container .bx_filter_button_box label.search_reset{ order: 1; margin-top: 15px}

    .filter-container .bx_filter_parameters_box{ position: static;  padding-bottom: 20px;}
    .filter-container .bx_filter_parameters_box_container input + label{ display: block; width: 100%; background: none; margin: 0;
        padding-left: 30px; line-height: normal;height: auto; border: none}
    .filter-container .bx_filter_parameters_box_container input{ position: absolute}
    .filter-container .bx_filter_parameters_box_container input:checked + label{ background: none; color: inherit }
    .filter-container .bx_filter_parameters_box_container input + label:before{ content: ''; position: absolute; display: block; top: 0; bottom: 0;
        right: auto; left:0; width: 18px; height: 18px; background: none; border-radius: 2px; border: 1px solid var(--color-text-grey);
        margin: auto; transition: all .3s ease; text-align: center;line-height: 18px; font-size: 14px; color: #fff}
    .filter-container .bx_filter_parameters_box_container input:checked + label:before{ content: '\2713'; background: var(--color-text-lightblue)}
    .filter-container .bx_filter_parameters_box_container.in_stock input + label{ margin-bottom: 0}

    .bx_filter_container_modef{ height: 0; top:0; width: 100%; left: 0}
    .filter-container .bx_filter_popup_result{ display: flex;  padding: 10px; align-items: center;position: absolute;
        background: var(--color-text-lightblue);z-index: 600; color: #fff;     box-shadow: inset 5px 0px 3px -2px rgb(0 0 0 / 28%);}
    .filter-container .bx_filter_popup_result.right{left: calc(100% + 20px); border-radius: 0 4px 4px 0;}
    .filter-container .bx_filter_popup_result span{ display: inline-block; margin: 0 10px}
    .filter-container .bx_filter_popup_result a.button{ width: 80px; text-align: center; line-height: 26px; height: 26px; background: #fff; color: var(--color-text-grey); border-radius: 3px; margin-left: 5px  }
    .bx_filter_button_box .bx_filter_popup_result{ display: none}

    .filter-container .bx_filter_parameters_box_container.overflow{max-height: 150px; overflow: hidden; }
    .filter-container .bx_filter_parameters_box_container.sections.overflow{max-height: 280px; }

    .filter-container .bx_filter_parameters_box_container.overflow.is-open{max-height: 250px; overflow-y: scroll ;}
    .filter-container .bx_filter_parameters_box_container.sections.overflow.is-open{max-height: 300px; }

    .order-nav-mobile{ width: auto; padding-right: 30px}

}

@media only screen and (min-width: 1024px) {



    .order-nav{ display: flex; background-image: url(../../../../images/sort.svg); background-repeat: no-repeat; background-position: left center;
        background-size: 22px 22px; padding-left: 30px; height: 22px; align-items: center}
    .order-nav a{ margin: 0 5px; font-size: 13px; position: relative; padding-right:10px; line-height: 1; opacity: .6}
    .order-nav a.current{ opacity: 1}
    .order-nav a:after{ content: '';  background: var(--color-light-grey); display: block; position: absolute; display: block; top: 0; bottom: 0; right: 0;  width: 1px; margin: auto;}
    .order-nav a:last-child{ padding: 0; }
    .order-nav a:last-child:after{ display: none}
    .order-nav-mobile{ display: none}

}

@media only screen and (min-width: 1200px) {
    .catalog-sidebar{ flex-basis: 280px;}
    .filter-section{ padding: 15px 20px}

}