.search-pic { color:#FFFFFF; background-color:#EFEFEF; background-image:url(backgrounds/generic.jpg); background-repeat:no-repeat; background-position:50% 50%; background-size:cover; }
.search-pic .search-form-wrapper { background:transparent; }
.search-pic .number-of-properties { font-family:'Roboto Light', sans-serif; color:#FFFFFF; font-size:1.3em; font-weight:300; text-transform:uppercase; }
/** TITLE **/
.search-page-title { font-family:'Roboto Slab', sans-serif; font-size:4em; text-transform:uppercase; margin:60px 0px; float:left; font-weight:600; line-height:1em; max-width:600px; }
.search-page-title { color:#FFFFFF; }
/** VIEW BAR **/
.search-page-view { clear:both; width:100%; margin:0px 0px 20px 0px; }
.search-page-view ul { float:left; list-style:none; margin:0px; padding:0px; max-width:350px; }
.search-page-view ul li { margin:0px; padding:0px; display:inline-block; }
.search-page-view ul li a { margin:0px; padding:15px 20px 15px 40px; display:inline-block; text-align:center; }
.search-page-view .search-page-buttons { float:right; width:170px; text-align:right; }
.search-page-view .search-page-buttons .btn,
.search-page-view .results-save-status { margin:8px 10px 0px 0px; }
.search-page-view .search-page-sort { float:right; width:125px; margin:10px 10px 0px 0px; }
.search-page-view .search-page-sort .styledd { width:100%; }
.search-page-view .search-page-sort label { display:none; }
.search-page-view .results-save-status { margin:0px; }
.search-page-view { background:#231f20; }
.search-page-view ul li a { color:#FFFFFF; background-repeat:no-repeat; background-position:0% 50%; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease; }
.search-page-view ul li a:hover,
.search-page-view ul li a.active { background-color:#353b33; color:#FFFFFF; }
.search-page-view a.search-page-list-view { background-image:url(icons/list-on.png); }
.search-page-view a.search-page-list-view.active,
.search-page-view a.search-page-list-view:hover { background-image:url(icons/list-active.png); }
.search-page-view a.search-page-map-view { background-image:url(icons/map-on.png); }
.search-page-view a.search-page-map-view.active,
.search-page-view a.search-page-map-view:hover { background-image:url(icons/map-active.png); }
.search-page-view .search-page-buttons { color:#FFFFFF; }
.search-page-view .search-page-buttons a { color:#FFFFFF; text-decoration:underline; }
.search-page-view .search-page-buttons a:hover { color:#6f6b6a; }
.search-page-view .search-page-buttons .btn { background-color:#1ca87b; color:#FFFFFF; text-decoration:none; }
.search-page-view .search-page-buttons .btn:hover { background-color:#11684c; color:#231f20; }
.search-page-view .search-page-sort .styledd { background-color:#FFFFFF; }
.styledd { display:inline-block; vertical-align:top; text-transform:uppercase; margin:20px 0px; float:right; background:#1ca87b; padding:10px; border:none; }
.styledd .styledd-display { background-image:none; color:#FFFFFF; padding-right:15px; }
.search-page-buttons .btn { padding:15px; margin-top:20px; }
.search-page-sort
.search-form .search-form-input, .search-form-input { background-color:#EFEFEF; }
.htmldd-dual .htmldd-dual-display,
.htmldd,
.htmldd .htmldd-menu, .htmldd-dual .htmldd-menu { background:#EFEFEF; }
.header-wrapper-search { padding-top:50px; }
/** SEARCH RESULTS **/
ul.property-list { list-style:none; margin:0px; padding:0px; }
ul.property-list li { display:inline-block; vertical-align:top; width:33%; }
.results-save-status a { color:#FFFFFF; text-transform:uppercase; }
.results-save-status a:hover { color:#FFFFFF; text-decoration:underline; }
/** PAGINATION **/
.search-page-pagination { clear:both; margin:30px 0px 30px 0px; padding:20px; }
.search-page-pagination .paging-prev,
.search-page-pagination .paging-next { display:inline-block; float:left; width:auto; }
.search-page-pagination ul { float:left; list-style:none; margin:0px; padding:0px; display:inline-block; }
.search-page-pagination ul li { margin:0px; display:inline-block; float:left; }
.search-page-pagination .paging-prev,
.search-page-pagination .paging-next,
.search-page-pagination ul li span,
.search-page-pagination ul li a { display:inline-block; padding:5px 10px; }
.search-page-pagination .paging-prev,
.search-page-pagination .paging-next { margin:0px 0px 0px 5px; }
.search-page-pagination ul li.paging-numbers-separator { padding:5px 5px; }
.search-page-pagination .prevNext { float:right; }
.search-page-pagination { color:#6f6b6a; font-size:1.1em; }
.search-page-pagination a { background-color:#1ca87b; color:#FFFFFF; margin:0px 5px; }
.search-page-pagination a:hover,
.search-page-pagination .paging-numbers-current { background-color:#11684c; color:#FFFFFF; }
.search-page-pagination .paging-prev,
.search-page-pagination .paging-next { background-color:#1ca87b; color:#FFFFFF; text-transform:uppercase; }
.search-page-pagination .paging-prev:hover,
.search-page-pagination .paging-next:hover { background-color:#11684c; color:#FFFFFF; }
/** NO PROPERTIES **/
.no-properties-wrapper { padding:80px 0px; }
.no-properties-wrapper h1 { color:#FFFFFF; }
.search-page-text { display:inline-block; }
/** RESPONSIVE **/
@media screen and (max-width:960px){
ul.property-list .property-list-details { width:50%; }
}
@media screen and (max-width:790px){
ul.property-list .property-list-details { width:45%; }
ul.property-list li { width:32%; }
.search-page-title { width:100%; }
}
@media screen and (max-width:700px){
ul.property-list li { width:49%; }
}
@media screen and (max-width:690px){
ul.property-list .property-list-photo,
ul.property-list .property-list-details { float:none; clear:both; width:90%; margin:0px auto 10px auto; }
}
@media screen and (max-width:500px){
ul.property-list li { width:100%; }
.search-page-title { font-size:2.1em;}
}
@media screen and (max-width:480px){
.search-page-pagination ul,
.search-page-pagination .prevNext { float:none; display:block; margin:20px auto; width:100%; max-width:300px; text-align:center; clear:both; }
.search-page-pagination ul li,
.search-page-pagination .paging-prev,
.search-page-pagination .paging-next { float:none; }
}
@media screen and (max-width:400px){
ul.property-list .property-list-photo img { max-width:100%; height:auto !important; }
ul.property-list .property-list-details .address { font-size:1.1em; }
ul.property-list .property-list-price { clear:both; margin:0px 0px 10px 0px; }
ul.property-list .property-list-details .btn-more { display:block; float:none; clear:both; margin:20px auto; }