body.noscroll {overflow:hidden;}
.search {float:right; margin-top:1.5rem;width:85%;}
.search-sidebar {float:left;margin-top: 1.5rem;width:15%;}

.search-pagination {padding:0 10px;text-align:center;line-height:32px;font-size:17px;}
.search-perpage {width:175px;float:left;text-align:left;}
.search-sort {width:175px;float:right;text-align:right;}
.search-perpage-box,
.search-sort-box {
	float:left;
	width:70%;
	border:0;
	height:25px;
	font-family:'Raleway';
	font-size:14px;
	padding:0 5px;
	border:1px solid #4d5567;
}
input[type=button].search-perpage-button,
input[type=button].search-sort-button {
	float:left;
	width:30%;
	background:#4d5567;
	color:#fff;
	height:25px;
	border:0;
	padding:0;
	font-size:14px;
	line-height: 20px;
}
.search-pagination a {
	position:relative;
	display:inline-block;
	background:#4d5567;
	color:#fff;
	transition:all .3s;
	z-index:1;
	padding:0;
	line-height:35px;
	width:30px;
	margin:0 2px;
}
.search-pagination a.active {background:#333232;}
.search-pagination a.prev,
.search-pagination a.next {padding:0 15px;width:auto;margin:0;}
.search-pagination a.prev {float:left;}
.search-pagination a.next {float:right;}
.search-pagination a.next:before,
.search-pagination a.prev:before {
	position:absolute;
	content:'';
	top:0;
	right:-10px;
	width:20px;
	height:35px;
	-moz-transform: skew(-28.5deg);
	-ms-transform: skew(-28.5deg);
	-o-transform: skew(-28.5deg);
	-webkit-transform: skew(-28.5deg);
	transform:skew(-28.5deg);
	background:#4d5567;
	transition:all .3s;
	z-index:-1
}
.search-pagination a.next:before {
	-moz-transform: skew(28.5deg);
	-ms-transform: skew(28.5deg);
	-o-transform: skew(28.5deg);
	-webkit-transform: skew(28.5deg);
	transform:skew(28.5deg);
	right:auto;
	left:-10px;
}
.search-pagination a:hover,
.search-pagination a:hover:before {background:#333232;}

.search-results:after,
.search-item:after {content:'';display:block;clear:both;}
.search-item {float:left;width:33.33%;box-sizing:border-box;padding:10px;position:relative;}
.search-item:nth-child(3n+1) {clear:left;}
.search-photo {position:relative;overflow:hidden;background-size:cover;background-position:center;margin-bottom:5px;}
.search-photo a {display:block;padding-bottom:75%;}
.search-photo img.flag {position:absolute;top:0;left:0;height:90px;}
.search-photo img.photo {display:none;position:absolute;top:0;height:100%;width:auto;max-width:none;}
.search-details:after {content:'';display:block;clear:both;}
.search-details > div {float:left;font-size:15px;line-height:24px;}
.search-details > div:nth-child(2n) {margin-left:2%;text-align:right;float:right;}
.search-details > div:nth-child(2n+1) {clear:both;}
.search-citystate,
.search-subdivision {font-weight:bold;}
.search-description {clear:both;}
.search-id {font-size:14px;}
.search-content {display:none;position:absolute;top:10px;left:10px;right:10px;bottom:10px;background:rgba(0,0,0,0.75);color:#fff;padding:10px;font-size:16px;line-height:24px;}
.search-item .btn__md {padding-top:10px;padding-bottom:10px;margin-top:10px;}
.search-item .btn__md:before {height:40px;}
a.search-open {color:#4d5567;}
.search-close {float:right;margin:0 0 5px 10px;font-size:21px;line-height:21px;padding:5px;background:#4d5567;color:#fff;font-family:'Raleway';font-weight:300;}

.search-search-box {float:left;width:80%;border:1px solid #4d5567;padding:0 9px;margin-bottom:10px;box-sizing:border-box;font-size:18px;line-height:28px;font-family:'Raleway';}
.search-search-box-keyword {float:left;width:100%;border:1px solid #4d5567;padding:0 9px; box-sizing:border-box;font-size:18px;line-height:28px;font-family:'Raleway';}
.search-distance-box,
.search-footage-box,
.search-baths-box,
.search-bedrooms-box {float:left;width:100%;border:1px solid #4d5567;padding:0 5px;margin-bottom:10px;height:30px;box-sizing:border-box;font-size:15px;font-family:'Raleway';}
input[type=button].search-distance-button,
input[type=button].search-footage-button,
input[type=button].search-baths-button,
input[type=button].search-bedrooms-button,
input[type=button].search-search-button { display:none; float:left;width:20%;border:1px solid #4d5567;background:#4d5567;color:#fff;padding:0 9px;box-sizing:border-box;font-size:18px;line-height:28px;font-family:'Raleway', sans-serif;padding:0;}
input[type=button].search-search-button-keyword { float:left;width:100%;border:1px solid #4d5567;background:#4d5567;color:#fff;padding:0 9px;box-sizing:border-box;font-size:14px;line-height:20px;font-family:'Raleway', sans-serif;padding:0;}
.search-sidebar > div > a {display:block;background:#4d5567;color:#fff;padding:0 10px;margin-bottom:10px;font-size:18px;line-height:30px;font-family:'Raleway';}
.search-sidebar-items {clear:both;margin-bottom:10px;max-height:500px;overflow:auto;}
.search-sidebar-items > * {display:none;font-size:16px;line-height:24px;}
.search-sidebar-items.active > * {display:block;}
.search-sidebar-items > *.active {display:block;}
.search-sidebar-items > a.active {color:#4d5567;}
.search-sidebar-items > a.active:before {content:'-';border:1px solid #4d5567;padding:0 5px;margin-left:5px;float:right;line-height:18px;transition:all .3s;}
.search-sidebar-items > a.active:hover:before {background:#4d5567;color:#fff;}

.search-toolbar {display:none;position: fixed;top: 86px;left: 0;width: 100%;z-index:1000;border-top:2px solid #000;border-bottom:1px solid #000;}
.search-toolbar > a {width: 50%;float: left;background: #444;color: #fff;text-align: center;box-sizing: border-box;padding: 10px 0;font-weight: 700;border-right: 1px solid #4d5567;}
.search-toolbar > a[data-toolbar=filter] {background: #4d5567;}

.toolbar-window {display: none;position: fixed;top: 87px;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.95);}
.toolbar-window h4 {text-align: center;margin-bottom:15px;margin-top:10px;}
.toolbar-window h4 .close {position: absolute;right: 35px; top:15px; color:#fff !important;}

.filter-items > a {width: 25%;float: left;padding-bottom: 25%;position: relative;border-right: 1px solid #4d5567;box-sizing: border-box;border-bottom: 1px solid #4d5567;}
.filter-items > a span {position: absolute;top: 50%;left: 0;width: 100%;text-align: center;color: #fff;font-weight: 700;transform: translateY(-50%);}
.filter-items {border-top: 1px solid #4d5567;}
.filter-search input[type=text] {float: left;width: 80%;box-sizing: border-box;font-family: inherit;font-size: 18px;padding: 0 10px;line-height: 30px;border: 0;}
.filter-search:after {content: '';display: block;clear: both;}
.filter-search button {border: 0;background: #4d5567;color: #fff;padding: 0;text-align: center;width: 20%;font-size: 18px;line-height: 30px;cursor: pointer;}

.filter-active {padding:10px;}
.filter-active > a {display: inline-block;padding: 2px 10px;background: #444;color: #ccc;font-size: 14px;text-decoration: none;margin-right: 5px;margin-bottom: 5px;font-family: 'Raleway';font-weight: 300;}
.filter-active > a.clear-all {background: #ccc;color: #000;}

.filter-window {display: none;position:fixed;top:143px;left:0;width:100%;height:100%;background:rgba(0,0,0,0.9);color:#fff;}
.filter-window a.apply {
	display: block;
	background: #fff;
	color: #000;
	text-decoration: none;
	padding: 5px 20px;
	width: 25%;
	margin: 0 auto;
	text-align: center;
}
.filter-window .pad-10p {padding:0 10%;}
.filter-options {
	position:absolute;
	width:100%;
	top:95px;
	bottom:0;
	overflow-y:scroll;
	padding-bottom:2em;
}
.sort-options > a,
.filter-options > a {display:block;border-bottom:1px solid #4d5567;padding:5px 15px;}
.sort-options > a:before,
.filter-options > a:before {content:url('/images/bullet-circle.png');margin-right:5px;width:16px;display:inline-block;}
.sort-options > a.active:before,
.filter-options > a.active:before {content:url('/images/bullet-disc.png');}
.filter-options > div {padding:0 1em 1em;}
.filter-options select {display: block;width:100%;font-size:18px;color:#000;padding:5px 10px;}
.sort-perpage {margin-bottom:15px;}
.sort-perpage:after {clear:both;content:'';display:block;}
.sort-perpage .search-perpage-box,
.sort-perpage .search-perpage-button {font-size:16px;height:30px;}

@media (max-width:1199px){
	.search-photo img.flag {height:65px;}
}
@media (max-width:979px){
	.search {float:none;width:100%;}
	.search-sidebar,
	.search-perpage,
	.search-sort {display:none;}
	.search-toolbar {display:block;}
	.search-item {width:50%;}
	.search-item:nth-child(3n+1) {clear:none;}
	.search-item:nth-child(2n+1) {clear:both;}
	.search-photo img.flag {height:90px;}
}
@media (max-width:767px){
	.search-pagination a.desktop {display:none;}
	.search-item {width:100%;float:none;}
	.search-item:nth-child(2n+1) {clear:none;}
	.filter-items > a {width:33.33%;padding-bottom:33%;}
}
@media (max-width:479px){
	.search {width: 100%;}
	.search-pagination a {width:20px;}
	.search-pagination a.prev,
	.search-pagination a.next {padding:0 5px;}
	.search-pagination a.prev:before,
	.search-pagination a.next:before {display:none;}
	.search-photo img.flag {height:65px;}
}