.filter_form{justify-content:space-between; border-radius:10px;margin-bottom:0;gap:2rem;z-index:3}
.filter_form.hide{display:none}
.filter_form>ul{padding:0; list-style:none;z-index:9;position:relative;margin-bottom:0}
.filter_form .item { font-size: 14px; position: relative; margin-top: 0.5rem; border-radius: 2px; background-color: white; }

.filter_form .item>span {    color: var(--c2); line-height: 25px; cursor: pointer; font-weight: 500; text-transform: uppercase; font-size: 14px; display: flex; width: 100%; gap: 1rem; padding: 0.75rem 1rem; justify-content: space-between; border-bottom: 1px solid var(--cl)}
.filter_form .item>span:after { content: ""; width: 13px; height: 25px; transition: all 0.3s 0s; display: inline-block; -webkit-mask: url(../img/arrow.svg) no-repeat center/contain; background-color: var(--c1); transform: rotate(180deg); }
.filter_form .item>span.show:after {transform: rotate(0deg)}

.filter_form .item.show span:after{transform:rotate(180deg)}
.filter_form>ul {margin-bottom: 1.5rem}

.filter_form .item ul { list-style: none; z-index: 99; width: auto; min-width: 100%; padding: 1rem; border-radius: 10px; transition: all 0.5s 0s; display: flex; flex-direction: column; gap: 0.15rem; }
.filter_form .item ul>li input{position:absolute;opacity:0}
.filter_form .item ul>li label{cursor:pointer;display:flex;gap:0.5rem;white-space:nowrap;}
.filter_form .item ul>li label span{white-space:pre-wrap; font-size: 13px;}
.filter_form .item ul>li input+label:before {margin-top:4px; min-width:12px; content:"";width:12px;height:12px; display:inline-block; border: 1px solid #6A6A6A;border-radius: 12px;}
.filter_form .item ul>li input:checked+label:before{background-color:var(--c1);border-color: var(--c1)}
.filter_form .item ul>li input:checked+label,.filter_form .item ul>li input:hover+label {font-weight: 500;color: var(--c2)}

.filter_form .item.active>ul{opacity:1; position:unset;pointer-events:unset}

.filter_form .item.vertical ul{display:block;min-width:200px}
.filter_form .item.vertical a{display:block; margin-bottom:0.5rem}

.filter_form .show-all { padding: 0.5rem 1rem; font-size: 13px; margin: 0 1rem 1rem; }

.posts-grid{position:relative}
.posts-grid.loading:after,.posts-grid.loading:before{ content:"";width:100%; height:100%;position:absolute; z-index:10}




/**/
.range-slider {width: 100%;}
.range-slider .ui-slider {position: relative;background: #BFE2FF;height: 5px;border-radius:10px;box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.2), 1px 1px 5px rgba(255, 255, 255, 1);}
.range-slider .ui-slider .ui-slider-handle { position: absolute; margin-left:-6px; width: 15px; height: 15px; cursor: pointer; border-radius: 50%; border: 4px solid var(--c1); top: -5px; background: #FFF; z-index: 2; transition: transform 0.2s, border 0.4s; }
.range-slider .ui-slider .ui-slider-handle:hover,
.range-slider .ui-slider .ui-slider-handle:focus {border: 1px solid #337AB7;}
.range-slider input,.range-slider [name=max] {background: transparent;border: none;text-align: center;margin-top: 1rem;width: 75px;}
.range-slider .min {float: left;text-align: left;}
.range-slider .max {float: right;}
.range-slider .ui-slider .ui-slider-range { position: absolute; z-index: 1; height: 5px; border: 0; background: var(--c1); border-radius:10px; box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.3), 1px 1px 5px rgba(255, 255, 255, 1); }






@keyframes spin{from{transform:rotate(0deg)} to{transform:rotate(360deg)} }

@media (max-width:1000px){
    .filter_form{display:block}
    .filter_form>ul{ flex-wrap:wrap;display:flex;gap:0.5rem}
    .filter_form .item{ width:100%;margin-bottom:0}
    .filter_form  [type=reset]{margin:auto;display:block}
    .filter_form .item>span{font-size:0.8rem;line-height:15px;padding:0.5rem 0.75rem}
    .filter_form .item:not(.cat):hover>ul{position:unset}
    .filter_form .item>span:after{width:15px;height:15px}
}

@media (max-width:500px){
    .filter_form .item:nth-child(2n) ul{left:unset;right:0}
}