.filter{border-top: 1px solid #e3e3e3;}
.filter-inner [data-propstoggle]{margin-top:8px;}
.prod-content [data-propstoggle]{font-size:17px;margin-top:15px;}
.filter-search{margin-bottom:15px;}
.filter-search input{padding:10px 10px 10px 40px;background-color:#fff;border:1px solid #D4D4D4;background:url(images/search.svg) no-repeat left 12px center transparent;background-size:18px auto;}
.filter-search input:focus{border-color:#555;}
.filter-header{line-height:1;position:relative;padding:18px 40px 18px 24px; font-weight: bold;}
.filter-header::after, .filter-header::before{position:absolute;top:24px;right:24px;display:block;width:14px;height:2px;content:'';background-color:var(--maincolor);}
 .filter-header::before{opacity:0;width:2px;height:14px;right:30px;top:18px;}
.filter-item{background-color:#fff;/* margin-bottom:10px; */cursor:pointer;border: 1px solid #e3e3e3; margin-top: -1px;}
.filter-item:last-child {border-bottom: 1px solid #e3e3e3;}
.filter-header.closed::before{opacity:1;}
.filter-inner{padding: 0 24px 14px;}
.filter-inner .scrollable{max-height:300px;}
.filter-product-counter{font-size:13px;margin-left:5px;color:#999;display:inline-block;}
.filter-range-row{font-size:0;}
.filter-range-row > div{font-size:15px;position:relative;display:inline-block;width:-webkit-calc(50% - 12px);width:calc(50% - 12px);margin-right:24px;vertical-align:top;}
.filter-range-row > div:first-child::after{content:'';position:absolute;right:-16px;width:8px;height:1px;background-color:#000;top:50%;}
.filter-range-row > div + div{margin-right:0;}
.filter-range-row > div label{line-height:19px;/* position:absolute;*/
z-index:5;top:7px;left:10px;color:#565454;vertical-align:baseline;margin-right:4px;display:none;}
.filter-range-control{width:100%;padding:6px 12px 6px 16px;border:1px solid #D4D4D4;background-color:#fff;display:inline-block;}
.filter-range-control:focus{border-color:var(--maincolor);}
.filter-checkgroup input{display:none;}
.filter-checkgroup{position:relative;padding:6px 0;}
.filter-checkgroup:last-child{margin-bottom:0;}
.filter-checkgroup label{position:relative;display:block;padding-left:24px;cursor:pointer;}
.filter .filter-option{padding-left:4px;}
.isflex .filter-option{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;align-items: flex-end;}
.filter-option-name, .filter-option-counter{vertical-align:top;}
.filter-option-name{line-height:1.3;}
.filter-checkgroup label:before{position:absolute;top:1px;left:0;display:block;width:16px;height:16px;content:'';border:1px solid #56606b;background-color:#fff;}
.filter-checkgroup label:after{content:'';display:block;position:absolute;height:4px;width:8px;border-left:2px solid;border-bottom:2px solid;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);margin-top:-4px;border-color:transparent;top:10px;left:4px;}
.filter-checkgroup label:hover{color:var(--maincolor);}
.filter-checkgroup label:hover:before{color:var(--maincolor);}
.filter-checkgroup.active label:before{border-color:var(--maincolor);background-color:var(--maincolor);}
.filter-checkgroup.active label:after{border-color:#fff;}
.filter-checkgroup-count{font-size:14px;display:inline-block;color:#888;}
.filter-checkgroup-title{text-decoration:none;}
.filter-checkgroup.disabled, .filter-checkgroup.disabled label span, .filter-checkgroup.disabled label:before, .filter-checkgroup.disabled label{cursor:default;color:#ccc;}
.filter-checkgroup.disabled label:before{cursor:default;border-color:#ccc;}
.filter-colorgroup label{padding-left:0;}
.filter-colorgroup label::before{display:none;}
.filter-colorgroup{display:inline-block;margin-right:8px;margin-bottom:8px;padding-right:0;vertical-align:top;}
.filter-color{display:block;width:17px;height:17px;}
/* .filter_result_data{margin:40px 0 0;} */
.filter_result_data button{font-size:15px;line-height:1.2;position:relative;display:inline-block;margin:0 20px 15px 0;padding:6px 40px 6px 12px;color:#000;border:0; background-color: #e0e0e0;}
.filter_result_data button::after{position:absolute;top:0;right:0;display:block;width:30px;height:100%;content:'';background:url(images/btn-close-w.svg) no-repeat right 11px center #5e5e5e;background-size:10px auto;}
.filter_result_data button:hover::after{background-color:#333;}
.filter-buttons{margin-top:25px;display: flex;margin: 5px -10px;}
.filter-buttons .btn{min-width:0;/* display:inline-block; */line-height:2;margin-bottom:6px;margin: 10px;flex-grow: 1;}
[data-filter-submit]{display:none;}
.btn-apply{margin-right:5px;}

a[data-togglelink]{position:absolute;z-index:49;display:inline-block;margin-top:-4px;min-width: 100px;padding:5px 14px;color:#fff;background-color:var(--maincolor);box-shadow:1px 1px 1px 0 rgba(0, 0, 0, .15);font-size:15px;}
a[data-togglelink]:after{position:absolute;top:50%;right:-12px;width:0;height:0;margin-top:-6px;content:' ';pointer-events:none;border:solid transparent;border-width:6px;border-color:rgba(250, 000, 112,0);border-left-color:var(--maincolor);}
[data-type='slider'] a[data-togglelink]{font-size:15px;margin-left:10px;}
a[data-togglelink]:hover{background-color:var(--maincolor);}
a[data-togglelink] span{display:none;}