#filters-wrapper{width:280px}
#filterSortShow-container{margin-bottom:20px;justify-content:space-between;align-items:center}
#sort-container label{display:none;font-size:0}
select#sort{width:200px;height:30px;border:1px solid #d4d4d4;outline:none;padding:2px 20px 2px 10px;-webkit-box-shadow:none;box-shadow:none;font:400 clamp(0.95rem,0.833vw,1.05rem) / 1 Panoptic;color:#525252;background:#fff url(../img/select-arrow.svg) 96% 50% no-repeat;cursor:pointer}
#npp-container{margin-left:auto}
#npp{align-items:center}
#npp > li{margin-left:10px;border:1px solid #ddd;text-align:center}
#npp > li:first-child{margin-left:0}
#npp > li > a{min-width:50px;font:400 clamp(0.95rem,0.833vw,1.05rem) / 1 Panoptic;color:#404040;padding:8px 10px 4px}
#npp > li.selected{border:1px solid #adadad}
#filters-hTitle{border:1px solid #d9d9d9;background:#f7f7f7 url(../img/filters/filters-icon.svg) 8% 50% no-repeat;padding:23px 20px 17px 50px;font:400 clamp(1.025rem,0.938vw,1.125rem) / 1 Panoptic;color:#262626;text-transform:uppercase}
#features-container{width:100%}
#features-container > li{width:100%;padding:15px 0;border-top:1px solid #e0e0e0}
#features-container > li:first-child{border-top:none}
.features-select{position:relative;width:100%}
.features-inner-title{font:700 clamp(0.928rem,0.781vw,0.948rem) / 1 Panoptic;text-transform:uppercase;color:#262626;padding:5px 0 10px}
.features-inner-container{max-height:0;overflow-y:hidden;pointer-events:none}
.features-inner-container.open{max-height:250px;pointer-events:auto}
.features-inner{max-height:240px;overflow-y:auto;overflow-x:hidden}
.features-inner li{position:relative;padding:6px 0}
.features-inner li:first-child{border-top:none}
.features-inner li.parent0{background:url("../img/filters/filters-sub-arrow.svg") 95% 13px no-repeat;cursor:pointer}
.features-inner li.parent1{padding:6px 0 6px 25px;background:url("../img/filters/filters-sub-arrow.svg") 95% 13px no-repeat;cursor:pointer}
.features{min-width:12em;align-items:center}
.features-inner li.parent0 .features, .features-inner li.parent1 .features{width:100%}
.subParent1, .subParent2{max-height:0;overflow:hidden}
.subParent1.open, .subParent2.open{max-height:4000px}
.features label{display:block;position:relative;cursor:pointer;padding:4px 0 0 35px;min-height:28px}
.features label.noBox{padding:4px 0 0 0;width:100%}
.features label.boxLine:before{content:'';position:absolute;width:18px;height:1px;top:0;bottom:0;right:calc(100% + 7px);margin:auto 0;background-color:#262626}
.features input{display:none;position:absolute!important;top:-9999px!important;left:-9999px!important}
.sidebar-filters-subTitles{display:block;font:400 clamp(1rem,0.885vw,1.063rem) / 1 Panoptic;color:#262626;padding-top:4px}
.filter-cont input:disabled{cursor:not-allowed}
.filter-cont input:disabled ~ .filter-checkmark{border:1px solid #ddd;cursor:not-allowed}
.filter-cont input:disabled ~ .sidebar-filters-subTitles{color:#ddd;cursor:not-allowed}
.filter-checkmark{position:absolute;top:0;left:0;width:28px;height:28px;background-color:#fff;border:1px solid #d4d4d4}
.features label.noBox .filter-checkmark{display:none}
.filter-cont:hover .sidebar-filters-subTitles{color:#db2129}
.filter-cont input:checked ~ .filter-checkmark{border:1px solid #262626}
.filter-cont input:checked ~ .sidebar-filters-subTitles{color:#db2129}
.filter-checkmark:after{content:"";position:absolute;display:none;left:9px;top:2px;width:7px;height:14px;border:solid #262626;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.features label input:checked ~ .filter-checkmark:after{display:block}
.features-inner.colors > li{margin-right:10px;margin-bottom:10px;width:40px;height:40px}
.features-inner.colors > li .features{min-width:auto}
.features-inner.colors > li .features label{width:100%;height:100%}
.features-inner.colors > li .filter-checkmark{width:40px;height:40px;border-radius:50%;border:1px solid #d5d5d5}
.features-inner.colors > li .features label input ~ .filter-checkmark:after{display:none}
.features-inner.colors > li .sidebar-filters-subTitles{font-size:0;visibility:hidden}
.features-inner.colors > li .filter-cont input:checked ~ .filter-checkmark{border:1px solid #262626}
.features-inner li.price_range{width:100%;padding:10px 0 40px;background-color:#fff}
.ui-widget-content{height:10px!important;border:1px solid #e0e0e0!important;-webkit-border-radius:5px!important;border-radius:5px!important;background:#e0e0e0!important;color:#333}
.ui-widget-header{background:#e0e0e0!important}
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{-webkit-border-radius:4px!important;border-radius:4px!important;width:12px!important;height:20px!important;border:1px solid #262626!important;background-color:#262626!important;outline:none!important}
.ui-state-default:focus,.ui-state-default:active{outline:none!important;border:1px solid #e0e0e0!important}
.ui-state-default:hover{outline:none!important}
#price_range_min{position:absolute;top:100%;top:-webkit-calc(100% + 20px);top:-moz-calc(100% + 20px);top:calc(100% + 20px);left:-10px;font-size:12px}
#price_range_max{position:absolute;top:100%;top:-webkit-calc(100% + 20px);top:-moz-calc(100% + 20px);top:calc(100% + 20px);right:-10px;font-size:12px}
#price_range-filters-container{position:relative;margin:0 2px 0 10px}
#price_range-filters{width:100%;height:20px}
#price_range_min-filters{position:absolute;top:100%;top:-webkit-calc(100% + 20px);top:-moz-calc(100% + 20px);top:calc(100% + 20px);left:-10px;font-size:12px;text-transform:uppercase}
#price_range_max-filters{position:absolute;top:100%;top:-webkit-calc(100% + 20px);top:-moz-calc(100% + 20px);top:calc(100% + 20px);right:0;font-size:12px;text-transform:uppercase}
.ui-slider-horizontal .ui-slider-handle{top:-.4em!important;cursor:pointer!important}
#filters-selected-container{width:100%;padding-bottom:10px}
.filters-selected-list{width:100%}
.filters-selected-list > li{margin-top:10px;margin-right:10px}
.filters-selected-list > li > div{position:relative;cursor:pointer}
.filters-selected-title{border-radius:5px;border:1px solid #c7c7c7;padding:12px 25px 8px 8px;font:400 clamp(0.75rem,0.625vw,0.85rem) / 1 Panoptic;color:#262626;text-transform:uppercase;background:url(../img/filters/remove-filter.svg) 97% 52% no-repeat}
.clear-filters{margin-top:15px;display:inline-block;font:400 clamp(0.8rem,0.729vw,0.9rem) / 1 Panoptic;color:#262626;text-transform:uppercase;text-decoration:underline}
#filters-btn{position:fixed;width:150px;height:40px;left:0;right:0;bottom:40px;z-index:99;background:#f3f3f3 url(../img/filters/filters-icon.svg) 20% 50% no-repeat;border-radius:10px;box-shadow:0 15px 20px 2px rgba(0,0,0,0.1);margin:0 auto;text-align:center;justify-content:center;align-items:center;cursor:pointer;padding:0 10px 0 35px}
#filters-btn.number{background:#f3f3f3 url(../img/filters/filters-icon.svg) 10% 50% no-repeat}
#filters-btn > span{padding-top:4px;display:block;font:400 clamp(1rem,0.885vw,1.063rem) / 1 Panoptic;color:#262626;text-transform:uppercase}
#filters-btn > span#filters-btn-number{margin-left:4px;font:700 clamp(0.9rem,0.785vw,1rem) / 1 Panoptic;color:#fff;background-color:#db2129;border-radius:50%;padding:9px 4px 4px;width:30px;height:30px;text-align:center}
.filter-checkmarkCircle{position:absolute;top:0;left:0;width:28px;height:28px;background-color:#fff;border:1px solid #d4d4d4;border-radius:50%}
.filter-cont input:checked ~ .filter-checkmarkCircle{background-color:#db2129}
.filter-checkmarkCircle:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;width:16px;height:16px;border:2px solid #f6f6f6;background-color:#db2129;border-radius:50%;margin:auto;opacity:0;transition:all 0.4s ease-in-out}
.filter-checkmarkCircle:after{content:"";position:absolute;display:none;left:0;top:0;right:0;bottom:0;width:16px;height:16px;border:2px solid #f6f6f6;background-color:#db2129;border-radius:50%;margin:auto}
.features label input:checked ~ .filter-checkmarkCircle:after{display:block}
@media (min-width:1200px) {
    #npp > li:hover{border:1px solid #adadad}
    .filters-selected-list > li > div:hover .filters-selected-title{border:1px solid #262626}
    .features label input:hover ~ .filter-checkmarkCircle{border:1px solid #db2129}
    .features label input:hover ~ .filter-checkmarkCircle:before{opacity:1}
}
@media (max-width:1199px) {
    #filters-wrapper{position:fixed;width:100%;height:100vh;top:0;left:0;background-color:#f6f6f6;z-index:9999;opacity:0;visibility:hidden;pointer-events:none;overflow-y:auto}
    #filters-wrapper.open{opacity:1;visibility:visible;pointer-events:auto}
    #filters-hTitle{display:inline-block;border:none}
    #features-container > li{padding:15px 20px}
    #filters-hTitle-container{border-bottom:1px solid #e0e0e0;background-color:#f6f6f6;position:sticky;top:0;z-index:40}
    .features-inner li.price_range{background-color:#f6f6f6}
    #filters-close-btn{position:absolute;width:30px;height:30px;top:14px;right:20px;cursor:pointer}
    #filters-selected-container{padding:0 10px 10px;border-bottom:1px solid #e0e0e0}
}
@media (max-width:764px) {

}