#filters-wrapper{position:relative;width:360px;height:auto;top:0;left:0;background-color:#F8F8F8;z-index:98;border:1px solid #E3E3E3;padding:0 15px 20px}
#filters-hTitle-container{position:relative;text-align:center}
#filters-hTitle{display:inline-block;padding:15px 25px;font:var(--font24BBold);color:#fff;text-transform:uppercase;letter-spacing:3px;background-color:#657C4D;clip-path: polygon(0 0, 0 0, 100% 0, 100% 100%, 50% 90%, 0 100%);}
#filters-btn-container{text-align:center;margin-bottom:20px;width:100%}
#filters-btn{display:inline-block;padding:12px 20px 10px 50px;background:#262626 url("../img/filter-btn.svg") 20px 50% no-repeat;border-radius:30px;font:var(--font20BBold);color:#fff;text-transform:uppercase;cursor:pointer}
#filters-close-btn{position:absolute;width:30px;height:30px;top:16px;right:0;cursor:pointer}
#features-container{width:100%;margin-top:5px}
#features-container>li{width:100%;padding:15px 0;border-top:1px solid #CACACA}
#features-container>li:first-child{border-top:none}
.features-select{position:relative;width:100%}
.features-inner-title{font:var(--font18CBold);color:#565655;padding:5px 0 10px;background:url("../img/filter-title-arrow.svg") 100% 50% no-repeat}
.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/select-arrow.svg") 95% 13px no-repeat;cursor:pointer}
.features-inner li.parent1{padding:6px 0 6px 25px;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:var(--font18CReg);color:#565655;padding-top:2px}
.filter-cont input:disabled{cursor:not-allowed}
.filter-cont input:disabled~.filter-checkmark{border:1px solid #b0b0b0;cursor:not-allowed}
.filter-cont input:disabled~.sidebar-filters-subTitles{color:#b0b0b0;cursor:not-allowed}
.filter-checkmark{position:absolute;top:0;left:0;width:28px;height:28px;background-color:#fff;border:1px solid #CBCBCB}
.features label.noBox .filter-checkmark{display:none}
.filter-cont:hover .sidebar-filters-subTitles{color:#657C4D}
.filter-cont input:checked~.filter-checkmark{border:1px solid #ccc;background-color:#657C4D}
.filter-cont input:checked~.sidebar-filters-subTitles{color:#657C4D}
.filter-checkmark:after{content:"";position:absolute;display:none;left:9px;top:2px;width:7px;height:14px;border:solid #fff;border-width:0 2px 2px 0;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:15px 5px 40px 0}
.ui-widget-content{height:6px!important;border:1px solid #CACACA!important;-webkit-border-radius:5px!important;border-radius:5px!important;background:#CACACA!important;color:#CACACA}
.ui-widget-header{background:#CACACA!important}
.ui-button,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,html .ui-button.ui-state-disabled:active,html .ui-button.ui-state-disabled:hover{width:20px!important;height:20px!important;border:1px solid #657C4D!important;background-color:#657C4D!important;outline:0!important;top:-10px!important}
.ui-state-default:active,.ui-state-default:focus{outline:0!important;border:1px solid #CACACA!important}
.ui-state-default:hover{outline:0!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 5px 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:-7px;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 #f0f0f0;padding:12px 25px 8px 8px;font:400 clamp(0.75rem,0.625vw,0.85rem)/1 'Play', sans-serif;color:#262626;background:#f0f0f0 url(../img/select-arrow.svg) 97% 52% no-repeat}
.clear-filters{margin-top:15px;display:inline-block;font:500 clamp(0.8rem,0.729vw,0.9rem)/1 'Play', sans-serif;color:#262626;text-transform:uppercase;text-decoration:underline}*/
@media (min-width:1200px) {
    #npp > li:hover{border:1px solid #adadad}
    .filters-selected-list > li > div:hover .filters-selected-title{border:1px solid #262626}
}
@media (max-width:1199px) {
    #filters-wrapper{position:fixed;width:100%;height:100vh;top:0;left:0;z-index:9999;opacity:0;visibility:hidden;pointer-events:none;overflow-y:auto;border-radius:0}
    #filters-wrapper.open{opacity:1;visibility:visible;pointer-events:auto}
    #filters-close-btn{right:-7px;top:10px;padding:6px}
    #features-container > li{padding:15px 0}
    .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:#d7ac08}
    .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:#d7ac08;border-radius:50%;margin:auto}
    .features label input:checked ~ .filter-checkmarkCircle:after{display:block}
    #filters-selected-container{padding:0 10px 10px;border-bottom:1px solid #e0e0e0}
    #filters-hTitle-container{position:sticky;top:0;z-index:40;text-align:left}
    #filterSortShow-container{margin-bottom:20px;justify-content:center;align-items:center}
    #sort-container label{margin-right:12px}
}
@media (max-width:764px) {

}