/* 
-----------------------------
|	FILTER STYLES CSS PART  |
|	by Kulakov V.           |
----------------------------
*/

.filter-sidebar div.h2::before, #amount { background-color:unset; }
.left-sidebar.filter-sidebar {  }
#accordian {  }
#accordian .panel .panel-collapse { display:none; }
#accordian .panel .panel-heading h4 > a { font-size:12px; }
#accordian .panel .panel-heading h4 > a > span > i { display:none; }
.for_mob { display: none; }
.for_mob.show_filters { /* background: #970807; color:#FFF; padding:8px 0; text-align: center; width:100%; */
	color: #dc3545;
    background-color: transparent;
    background-image: none;
    border-color: #dc3545;
}

.for_mob.show_filters .zak { display: none; }
.for_mob.show_filters .otk { display: inline-block; }

.for_mob.show_filters i.fa { display: none; }

.for_mob.show_filters.not_exp .zak { display: inline-block; }
.for_mob.show_filters.not_exp .otk { display: none; }


.letter_filt > span { font-size:1.1em; font-weight:bolder; margin-left:6px; }
.letter_filt > span:hover { color:#970807; cursor:pointer; text-decoration:underline; }

.letter_filt2 > span { font-size:1.1em; font-weight:bolder; margin-left:6px; }
.letter_filt2 > span:hover { color:#970807; cursor:pointer; text-decoration:underline; }

.letter_filt3 > span { font-size:1.1em; font-weight:bolder; margin-left:6px; }
.letter_filt3 > span:hover { color:#970807; cursor:pointer; text-decoration:underline; }

.leter.activated { color:#970807; cursor:pointer; text-decoration:underline; font-size:1.3em;  }


.left-sidebar .filter_group_wrap div.h2{ 
	display: block;
	background-color:#970807;
	padding-top:10px;
	padding-left:10px;
	padding-bottom:10px;
	color:#FFF;
	text-align: left;
	font-size: 12px;
	cursor:pointer;
}
.filter_group_wrap .h2 i.fa { margin-right:10px; }


.filter_group_wrap.opened .h2 i.fa { transform: rotate(90deg); }

.filter_group_wrap.opened .filter_options_wrap span.leter { display: inline-block; }

label.vals_labels { margin-left: 5px; font-weight: bolder; }
.filter-sidebar label { margin-bottom:0; margin-left:5px; display:inline-block; text-transform: lowercase; cursor: pointer; font-size: 1.2em; }

.chosen_filter_items > div.chfi { display: inline-block; color:#FFF; background: #970807; padding:3px 8px; border-radius:8px; }



.filter-sidebar .filter_options_wrap { 
	display: none; 
	height: 220px; 
	margin-top:10px; 
	overflow:auto; 
	margin-bottom:15px; 
	padding-bottom:10px;  
	border-bottom: 2px dashed #970807;
}
.filter_group_wrap.opened .filter_options_wrap{ display: block; }
.filter_group_wrap.opened .filter_options_wrap.short_one { height:auto; }

.filter_group_wrap .letter_filt_wrap { display: none; }
.filter_group_wrap.opened .letter_filt_wrap { display: block; }

.filter-sidebar .letter_filt, .filter-sidebar .letter_filt2, .filter-sidebar .letter_filt3 { 
	display: block;
	border-bottom:1px dotted #970807;
	padding-bottom:5px;
	margin-bottom:5px;
	text-align: center;
	border-top:1px dotted #970807; 
}

.filter-sidebar .filter_options_wrap::-webkit-scrollbar { width: 6px; }
.filter-sidebar .filter_options_wrap::-webkit-scrollbar-track { background: transparent; }
.filter-sidebar .filter_options_wrap::-webkit-scrollbar-thumb { background-color: #970807; border-radius: 10px; border: 1px solid #696763; }

.left-sidebar.filter-sidebar { position: relative; }

.flt_wait_tmp { 
	z-index: 9; 
	position: absolute; 
	width:100%; 
	height:100%; 
	display: flex; 
	align-content: center; 
	justify-content: center; 
	background: rgba(255,255,255, 0.75); 
}
.flt_wait_tmp i { font-size:4em; color:#970807; position: absolute; }

.active_filter_items { width:100%; float:left; }

.active_filter_items .active_item { 
	display: inline-block; 
	width:auto; color:#FFF; 
	background: #970807; 
	border-radius: 4px; 
	padding:3px 7px; 
	float:left; 
	margin-right:5px; 
	margin-bottom:10px; 
}
.active_filter_items .active_item { display: flex; align-items: center; }
.active_filter_items .active_item span { display: inline-block; text-align: center; line-height: 1; margin-left:5px; }
.active_filter_items .active_item i { cursor:pointer; }

.filter_options_wrap { position: relative; }

.filter_group_wrap span.leter {  }

/* FILTERs STYLES CUSTOM - ends */


@media only screen and (max-width: 641px){
	.filter-sidebar.left-sidebar { display: none; z-index: 9; }
	.filter-sidebar.left-sidebar.mob_opened { display: block; }
	.recommended_items { display: block; }

	.for_mob { display: block; }
}
.filter-option {
	display: flex;
	justify-content: start;
	align-items: start;
}