.filter-line {
	background: #fff;
	padding: 20px 0;
	position: fixed;
	left:0;
	right:0;
	z-index: 100;
	display: none;
	margin-top:181px;
}
.filter-line .filter-holder {
	position: relative
}
.filter-line .query .form-control {
	border-width: 1px;
	padding: 7px 11px
}
.filter-line .form-group {
	margin: 0 0 10px
}
.filter-line .sel-col {
	margin: 0 0 0 -10px
}
.filter-line .sel-col .form-group {
	width: 50%;
	float: left;
	padding: 0 0 0 10px;
	overflow: visible
}
.filter-line select {
	opacity: 0
}
.filter-line .more-box {
	position: relative
}
.filter-line .more {
	display: block;
	position: relative;
	overflow: hidden;
	height: 37px;
	padding: 8px 10px 10px 8px;
	width: 100%;
	font: 15px/21px robotobold, sans-serif;
	color: #7b93a2;
	border: 1px solid #dce1e4;
	border-radius: 4px;
	background: #fff
}
.filter-line .more:after {
	content: '';
	position: absolute;
	top: 15px;
	right: 10px;
	background: url(../images/sel-bull.png) no-repeat;
	width: 9px;
	height: 6px
}
.filter-line .more-drop {
	top: 100%;
	position: absolute;
	left: 0;
	right: 0;
	background: #fff;
	border: 1px solid #dce1e4;
	border-radius: 4px;
	padding: 20px 15px;
	display: none;
	max-height: 314px;
	overflow: auto
}
.filter-line .more-drop .ttl {
	display: block;
	color: #7b93a2;
	font: 15px/21px robotomedium, sans-serif;
	margin: 0 0 5px
}
.filter-line .more-drop .construction-sel {
	display: none
}
.filter-line .more-drop .construction-sel .ttl {
	margin-top: -4px
}
.filter-line .more-drop .col {
	overflow: hidden;
	margin: 0 0 0 -10px
}
.filter-line .more-drop .form-group {
	float: left;
	width: 50%;
	padding: 0 0 0 10px;
	overflow: hidden
}
.filter-line .more-drop .form-group.wide {
	width: 100%
}
.filter-line .more-drop .form-control {
	border-width: 1px;
	float: left;
	padding: 7px 11px
}
.filter-line .more-drop ul {
	padding: 0 0 0 10px;
	margin: 0;
	list-style: none
}
.filter-line .more-drop ul li {
	overflow: hidden;
	padding: 0 0 8px
}
.filter-line .more-drop label {
	float: left;
	color: #7b93a2;
	padding: 0 0 0 21px;
	font: 13px/17px robotoregular, sans-serif
}
.filter-line .btn-col, .filter-line .buttons-wrap {
	/*overflow: hidden*/
}
.filter-line .btn-col .btn {
	float: left;
	height: 37px;
	padding-top: 6px
}
.filter-line .buttons {
	float: right
}
.filter-line .buttons .btn-filter {
	float: left;
	margin: 0 0 0 10px
}
.filter-btn {
	background: #fff;
	padding: 15px;
	margin: 0 0 20px;
	position: relative;
	z-index: 99;
	overflow: hidden
}
.filter-btn .btn {
	min-width: 200px;
	margin: 0
}
.filter-btn .btn+.btn {
	float: right
}
.results {
	padding: 7px 0 10px;
	margin-top:142px;
}
.results .holder {
	overflow: hidden
}
.results .holder h3 {
	color: #6c7f8a;
	margin: 0 0 15px;
	font: 18px/21px robotolight, sans-serif
}
.results .holder h3 strong {
	font-family: robotobold, sans-serif;
	font-weight: 400
}
.results .holder .filter {
	float: left;
	margin: 0 20px 0 0
}
.results .holder .form-group {
	padding: 0 0 2px
}
.results .holder select {
	opacity: 0
}
.filter {
	padding: 0;
	margin: 0 0 2px;
	list-style: none;
	box-shadow: 0 2px 0 #d1d6d8;
	border-radius: 2px;
	background: #F3F3F3;
	float: left;
}
.filter li {
	float: left;
	color: #2e4b5d;
	font: 15px/19px robotobold, sans-serif
}
.filter li+li {
	border-left: 1px solid #dce1e4
}
.filter li a {
	color: #2e4b5d;
	display: block;
	padding: 8px 10px
}
.filter li a .fo {
	margin: 0 7px 0 0
}
.filter li a:hover {
	color: #D3A634
}

@media (max-width:767px){
	.container .results {margin-top:197px;}
	.filter-btn{padding-top: 143px;
				position: fixed;
				left: 0px;right: 0px;top: 0px;}
	
	
	}
	
@media (min-width:768px) {
.filter-btn {
	display: none
}
.filter-line {
	box-shadow: 0 0 5px rgba(0,0,0,.26);
	margin: 56px 0 20px;
	display: block
}
.filter-line .filter-holder {
	padding: 0 0 0 220px
}
.filter-line .query {
	width: 220px;
	position: absolute;
	top: 0;
	left: 0
}
.filter-line .sel-frame {
	width: 100%;
	float: left
}
.filter-line .sel-col {
	width: 50%;
	float: left;
	margin: 0
}
.filter-line .more-drop {
	left: auto;
	width: 240px
}
.filter-line .buttons-wrap {
	clear: both;
	width: 100%
}
.filter-line .btn-col {
	float: right
}
.filter-line .buttons {
	float: left
}
.results {
	padding: 7px 0 10px;
	margin-top:182px;
}
.results .holder h3 {
	float: left;
	margin: 6px 0 0;
	max-width: 35%
}
.results .holder>div {
	float: right;
	width: 60%
}
.results .holder .filter {
	margin: 0 10px 0 0
}

}
@media (min-width:1025px) {
		
.filter-line .filter-holder {
	margin: 0 -20px;
	padding: 0 243px 0 220px
}
.filter-line .sel-frame {
	margin: 0
}
.filter-line .buttons-wrap {
	position: absolute;
	top: 0;
	right: 0;
	width: 233px
}
.filter-line .form-group {
	margin: 0
}
.filter-line .more-drop {
	left: 0;
	padding: 20px 15px 10px;
	right: auto;
	width: 332px;
	margin: 8px 0 0;
	border: none;
	box-shadow: 0 0 6px rgba(0,0,0,.25);
	max-height: none
}
.filter-line .more-drop:after {
	content: '';
	position: absolute;
	bottom: 100%;
	left: 8px;
	border: 8px solid transparent;
	border-bottom: 8px solid #e3e8eb
}
.filter-line .more-drop:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 120px;
	background: #e3e8eb;
	border-radius: 4px 0 0 4px
}
.filter-line .more-drop>div {
	position: relative
}
.filter-line .more-drop>div+div {
	padding: 10px 0 0
}
.filter-line .more-drop .ttl {
	float: left;
	width: 95px;
	margin: 6px 16px 0 0
}
.filter-line .more-drop .col {
	margin: 0
}
.results .holder .form-group {
	width: 230px;
	float: left
}
.results .holder>div {
	width: auto
}
.results .holder h3 {
	max-width: 400px
}
}
@media (min-width:1200px) {
.filter-line .filter-holder {
	margin: 0
}
.results .holder h3 {
	max-width: 640px
}
}