@charset "UTF-8";
@font-face {
  font-family: 'CastoRegular';
      src: local('CastoRegular'), url('fonts/CastoRegular.eot');
      src: url('fonts/CastoRegular.eot?#iefix') format('embedded-opentype'), 
      url('fonts/CastoRegular.woff') format('woff'), 
      url('fonts/CastoRegular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

html,body {
	margin:0;
	padding:0;
	min-width: 100%;
	min-height: 100%;
}
#filter_block ul{
	margin:0 auto;
	text-align:left;
	padding:0 10px 0 20px;
	list-style:none;
	
}
#filter_block{
	position:relative;
	width:100%;
	max-width:300px;
	padding: 10px 0px  20px  0px;
	margin:0;
	min-height:94vh;
	background:#DDF3CF;
	#float:right;
}
#filter_block *{
	box-sizing: border-box;
	font: normal normal 400 14px/20px CastoRegular, Verdana, Geneva, sans-serif;
	color:#444;
	
}
#filter_result{
	position:relative;
	margin:20px auto;
	z-index:1;
	padding-bottom:100px;
}
#filter_block select{
	font: normal normal 400 12px/14px Arial, Helvetica, sans-serif;
	color:#444;
	background:#fff;
}
#filter_block select:disabled{
	font: normal normal 400 12px/14px Arial, Helvetica, sans-serif;
	color:#999;
	background:#eee;
}
#filter_block select#filter_select_items{
	width:100%;
	margin:0 auto;
}
#filter_block  #filter_errors.error, #filter_block  #filter_errors.info{
	width:100%;
	margin:6px auto;
	padding:4px;
#	text-align:left;
	background:#F00;
	color:#fff;
}
#filter_block  #filter_errors.info{
	color:#444;
	background:transparent;
}
#filter_block  .filter_tltle{
	font: normal normal 600 14px/16px Arial, Helvetica, sans-serif;
	color:#000;
	padding-bottom:6px;
}

#filter_block ul li{
	padding:0px 0 14px 0;
}
#filter_block .filter_chk{
	padding:0 0 0 10px;
	
}
#filter_block label{
	cursor:pointer;
}
#filter_block label.disabled{
	cursor:default;
}
#filter_block .filter_clear{
	text-align:left;
	padding:4px 0 0 20px;
	
}
#filter_block .filter_clear span{
	cursor:pointer;
	border-bottom:1px dashed #5BADFF;
	font: normal normal 400 12px/12px Arial, Helvetica, sans-serif;
	color:#5BADFF;
	transition: all 0.3s linear;
}
#filter_block .filter_clear span:hover{
	border-bottom:1px solid #00F;
	color:#00F
}
#filter_block .chk_inline{
	display:inline-block;
	vertical-align:top;
}
#filter_block #filter_btn_result{
	position:fixed;
	z-index:2;
	bottom:50px;
	background:#fff;
	text-align:center;
	padding:6px 10px;
	margin:0 0 0 74px;
	display:none;
	height:80px;
}
#filter_block #filter_btn_result button{
    background: #41ad00;
    color: #fff;
    border: none;
    height: 25px;
    cursor: pointer;
	margin-bottom:12px;
}
#filter_block #filter_btn_result button:hover{
	 background:#6ac334;
	
}
#filter_block #filter_btn_result button:disabled, #filter_block #filter_btn_result button:disabled:hover{
    background: #a4a4a4;
    color: #fff;
	cursor:default;
}
#filter_block #filter_count{
    color: #fff;
	margin-left:8px;
}
#filter_block #filter_reset{
	text-align:center;
	height:34px;
	overflow:hidden;
}

#filter_block #filter_reset span{
	cursor:pointer;
	color:#0077c3;
	border-bottom:1px dashed #0077c3;
}
#filter_block #filter_reset span:hover{
	color:#0077f6;
	border-bottom:1px dashed #0077f6;
}

#filter_block #filter_reset span.reset_disabled, #filter_block #filter_reset span.reset_disabled:hover{
	cursor:default;
	color:#ccc;
	border-bottom:1px dashed #ccc;
}
#filter_block .irs-from, #filter_block .irs-to, #filter_block .irs-single{
	color:#fff;
}
#filter_block .irs--flat .irs-grid-pol{
	background:#000;
}
#filter_block .irs-grid-text{
	bottom:-4px;
}
#filter_block .irs-from, #filter_block .irs-to{
	/*cursor:ew-resize;*/
	cursor:pointer;
}
#filter_block .irs--flat .irs-bar, #filter_block .irs--flat .irs-from, #filter_block .irs--flat .irs-to, #filter_block .irs--flat .irs-single{
	background:#41ad00;
}
#filter_block .filter_view_other{
	position:relative;
	margin:8px 0 12px 16px;
}
#filter_block .filter_view_other span{
	color: #0077c3;
	border-bottom:1px dashed #0077c3;
	cursor:pointer;
}
#filter_block .filter_view_other span::after{
	content:"\2039";
	font-size:24px;
	position:absolute;
	margin: 1px 0 0 4px;
	transform: rotate(-90deg);
}
#filter_block .filter_view_other span.spup::after{
	transform: rotate(90deg);
	margin: -4px 0 0 12px;
	border-bottom:1px dashed #0077c3;
	width:0;
}
#filter_block .filter_view_other span:hover{
	border-bottom:1px dashed #000;
	color:#000;
}
#filter_block .div_bound{
	overflow:hidden;
	height:auto;
	transition: transform 0.7s;
	
}
#filter_block .div_bound.div_up{
	height:233px;
}