@charset "utf-8";
/* CSS Document catalog */
/* full version */
.widget-filter { width:390px;flex-direction: column;}
.price-filter {padding: 25px;
	border: 1px solid rgba(55, 27, 86, 0.1); width:390px;flex-direction: row;
    align-items: center;
    justify-content: space-between;}
.chek-filter {padding: 25px;
	border: 1px solid rgba(55, 27, 86, 0.1); width:390px;flex-direction: row;
    align-items: center;
    justify-content: space-between;}
.chek-filter .filter-name {font-size: 18px;
    font-weight: 300;}	
.price-filter .filter-name {font-size: 18px;
    font-weight: 300;}	
.pound-price {    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;}
		
.pound-price input {width: 100px;
    border: none;
    font-size: 18px;
    font-weight: 100;
    height: 40px;
    background: none;text-indent: 7px;}	
.pound-price span {
    border: 1px solid #C185B2;
    padding: 0px 4px;
    padding-left: 10px;
    height: 40px;
    border-radius: 20px;
    justify-content: space-between;
    align-items: center;}
.ot-price { margin-right:10px;}
.ot-price:before { content:'от';}	
.do-price:before { content:'до';}

.ui-round {width: 100%;
    height: 2px;
    background: #ccc;flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    margin-top: 20px;
}
	
.ui-round-inner {background:#C185B2; width:70%; height: 2px; position:relative;}	
.ui-round-inner:before { content:''; display:block;width: 14px;
    height: 14px;
    border-radius: 7px;
    background: #C185B2;
    position: absolute;
    top: -6px;}
.ui-round-inner:after { content:''; display:block; width:14px; height:14px; border-radius:7px; background:#C185B2; position:absolute; top:-6px; right:0px;}


.chek-filter-chek { border:1px solid #C185B24D; width:60px; height:30px; border-radius:15px; display:block; position:relative; cursor:pointer;}
.chek-filter-chek:before { content:''; display:block; width:26px; height:26px; border-radius:13px; background:#C185B24D;position: absolute;
    left: 2px;
    top: 1px;}
.chek-filter input { opacity:0;}	
.chek-filter input:checked + .chek-filter-chek { background:#C185B2;}	
.chek-filter input:checked + .chek-filter-chek:before {
    left:auto;
	right:1px;
	background:#fff;
	
}	

.tag-filter {padding: 25px;
	border: 1px solid rgba(55, 27, 86, 0.1); width:390px;flex-direction: column;
    align-items: flex-start;}
.tag-filter .filter-name {font-size: 18px;
    font-weight: 300;align-items: center;
    justify-content: space-between;
    width: 100%;}	
.tag-filter .filter-name:after {
    content: ' ';
    display: block;
    width: 1em;
    height: 15px;
    margin-left: 5px;
    background: url(../icons/left-angle.svg) center center no-repeat;
    background-size: contain;
    transform: rotate(90deg);
}	
.hiden-filter {flex-direction: row;
    flex-wrap: wrap; padding-top:0px; height:0px; overflow:hidden;}
.hiden-filter label { position:relative;}
.hiden-filter input { opacity:0; position:absolute;}	
.tag-filter-chek {padding: 4px 20px;
    border: 1px solid #ccc;
    border-radius: 15px;
    cursor: pointer;
    margin-right: 5px;
    margin-bottom: 5px; position:relative;}
.tag-filter input:checked + .tag-filter-chek { background:#371B56; color:#fff; padding-right:25px;}	
.tag-filter input:checked + .tag-filter-chek:before { content: '+';
    position: absolute;
    right: 11px;
    color: #fff;
    transform: rotate(45deg);
    font-size: 17px;
	
}	
.open-filter-taged .hiden-filter { padding-top: 20px; height:auto;}
.open-filter-name { cursor:pointer;}
.open-filter-taged .filter-name:after {
    transform: rotate(-90deg);
}	

#resetfilter {    width: 200px;
    margin-top: 20px;
    background: none;
    border: 1px solid #C185B2;
    display: block;
    padding: 12px;
    border-radius: 22px;
    text-transform: uppercase;
    font-size: 12px;
    color: #C185B2;
    cursor: pointer;}
#resetfilter:hover { color:#fff; background:#C185B2;}
.filter-menu { display:none;}
@media (max-width: 765px) {

.widget-filter {    position: fixed;
    width: 100%;
    left: -440px;
    top: 0px;
    z-index: 10;
    background: #fff;
    height: 100vh;
    overflow: scroll;
    max-width: 430px; transition:0.3s;}
.open-col-filter-open {left:0px; transition:0.3s;}	
.price-filter {width: 100%; flex-direction: column;padding: 10px 25px 20px 25px;}
.price-filter .filter-name {width: 100%; margin-bottom:8px;}
.chek-filter {width: 100%;padding: 15px 25px 15px 25px;
        border-top: none;}	
.tag-filter {
    width: 100%;padding: 15px 25px 15px 25px;
        border-top: none;
}
.pound-price {
    width: 100%;
}
.pound-price span {
    width: 47%;
}
.filter-menu { display:flex; width:100%; padding: 15px 25px;flex-direction: row;
        align-items: center;
        justify-content: space-between;}
.filter-menu span {font-size: 18px;
    font-weight: 300;}
#resetfilter-mob {
        width: 130px;
        background: none;
        border: 1px solid #C185B2;
        padding: 6px;
        border-radius: 18px;
        text-transform: uppercase;
        font-size: 11px;
        color: #C185B2;
        cursor: pointer;
		margin-right: 13px;
    }
.chek-filter .filter-name {
    font-size: 16px;
}	
.tag-filter .filter-name {
    font-size: 16px;
}
.tag-filter-chek {
    font-size: 14px;
}	
.pound-price input {

    font-size: 14px;
    height: 24px;
}
.pound-price span {
    height: 34px;
}
.chek-filter-chek {
    width: 50px;
    height: 23px;
}
.chek-filter-chek:before {;
    width: 19px;
    height: 19px;
}	
#resetfilter { display:none;}
}