@charset "utf-8";
/* CSS Document catalog */
/* full version */
.widget-filter { width:390px;flex-direction: column;}
.price-filter {padding: 10px;
    border: 1px solid rgba(55, 27, 86, 0.1);
    width: 390px;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;}
.chek-filter {padding: 14px;
	border: 1px solid rgba(55, 27, 86, 0.1); width:390px;flex-direction: row;
    align-items: center;
    justify-content: space-between; margin-bottom:-1px;}
.chek-filter .filter-name {font-size: 16px;
    font-weight: 100;}	
.price-filter .filter-name {
    font-size: 18px;
    font-weight: 300;
    color: #c185b2;
}	
.pound-price {    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;font-size: 26px;
    color: #333;}
.pound-price-img {border-left: 1px solid #ebe8ee;
    padding-left: 10px; width: 50%;}
.pound-price-img img { width:100%;}	

.countpac {flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 50px;
    text-transform: uppercase;
    font-weight: 300;
    color: #c185b2;
    border-left: 1px solid #ebe8ee;
    border-right: 1px solid #ebe8ee;}

		
.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: none;
    width: 80px;
    height: 30px;
    border-radius: 15px;
    position: relative;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    background: #ebe8ee;padding-top: 4px;}

.chek-filter-chek:before {content: '-';
    display: block;
    width: 17px;
    height: 26px;
    border-radius: 13px;
    background: none;
    position: absolute;
    left: 6px;
    top: 1px;
    font-size: 30px;
    line-height: 1em;}
.chek-filter-chek:after {    content: '+';
    display: block;
    width: 17px;
    height: 26px;
    border-radius: 13px;
    background: none;
    position: absolute;
    right: 2px;
    top: 5px;
    font-size: 23px;
    line-height: 1em;
}	
.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: 100%;
    margin-top: 20px;
    background: #ecdae8;
    border: 1px solid #ecdae8;
    display: block;
    padding: 20px;
    border-radius: 30px;
    text-transform: uppercase;
    font-size: 15px;
    cursor: pointer;
    color: #c185b2;}
#resetfilter:hover { color:#fff; background:#C185B2;}
.filter-menu { display:none;}
@media (max-width: 765px) {

.widget-filter { position: relative;
        width: 100%;
        z-index: 0;
        height: auto;}
.open-col-filter-open {left:0px; transition:0.3s;}	
.price-filter {width: 100%; flex-direction:row;padding:10px;}
.price-filter .filter-name {  font-size: 16px;}
.chek-filter {width: 100%;padding:10px;}	
.tag-filter {
    width: 100%;padding:10px;
}
.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:before {;
    width: 19px;
    height: 19px;
}	

}