@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'Lato';
  src:  url('Lato.woff2') format('woff2'),url('Lato.woff') format('woff'), url('Lato.ttf')  format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Futura';
  src:  url('Futura.woff2') format('woff2'),url('Futura.woff') format('woff'), url('Futura.ttf')  format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Avenir';
  src: url('Avenir.woff') format('woff'),url('Avenir.woff2') format('woff2'), url('Avenir.ttf')  format('truetype');
  font-weight: normal;
  font-style: normal;
}
:root {
	--gray:#666;
	--bordergray:#eee;
	--lightgray: #fafafa;
	--fontsize:14px;
	--red:#C24641;
	--gold:#c18043;
	--lgold:#c7b299;
	transition: color 0.5s ease 0s, background-color 0.5s ease 0s;
}
body{margin:0; padding:0;font-family: Lato,Avenir,Futura; font-size:16px; color:#4c4c4c;letter-spacing: 1.6px;line-height: 1.3; background:url(images/bigbg.jpg) repeat-y; background-size:100% auto; }
.wrap {width:100%; max-width:1366px; margin:0px auto;}
.wrap .WH {background-color:#eee; margin:30px auto; margin-top:0px; max-width:1200px; padding:25px; }
.tab {display:flex; max-width:1200px; margin:auto; margin-top:30px;}
.tab a {color:#000; background-color:#fff; font-size:20px;border:1px solid #ddd; border-bottom:none; padding:10px 20px; text-transform:uppercase; margin:0px 10px; border-top-left-radius:10px; border-top-right-radius:10px; text-align:center;}
.tab a span {color: var(--gold); font-weight:bold; }
.tab a.sel {background-color: #eee;border:1px solid var(--gold);border-bottom:1px solid #eee;}

.clear {clear:left;}
.clearb {clear:both;}
.hide { display:none;}
.col2 {width:49%;}
.col3 {width:33.33%; float:left;}
.contact-form { margin:0 auto;  z-index:100; }
.contact-form2 { margin:0 auto; width:500px; z-index:100; position:absolute; left:calc(50% - 250px); top:300px; }
.gold{color:var(--gold);}
.padd { padding:10px 20px 0px;}
.rightr {text-align:right;}
img {border:0; vertical-align:bottom; }
img.f100 {max-width:100%;}
.center {text-align:center;}
div.text {margin:10px 0; padding:10px 30px;}
a {text-decoration:none; transition: color 0.5s ease 0s, background-color 0.5s ease 0s;}
a:hover {color:#b6834e;}
div.tabs { position:relative; z-index:101; width:100%; }
div.tabs ul {list-style:none; padding:0; margin:0;}
div.tabs ul li {float:left; display:inline-block; text-align:center; vertical-align:middle; width:22%;  }
div.tabs ul li input {visibility:hidden; width:1px; height:1px; margin:0; padding:0;}
div.tabs ul li label { cursor:pointer; border:4px solid #21201e; border-right:2px solid #fefffe; border-left:2px solid #fefffe; background-color:#21201e; color:#fefffe; padding:15px 30px; font-size:16px; display:block; text-decoration:none;}
div.tabs ul li div {background:none;}
div.tabs ul li input[type=radio]:checked+label+div {background:url(images/downw.png) bottom center no-repeat; background-size:45px auto;}
div.tabs ul li input[type=radio]:checked+label {border-color:#fefffe; background-color:#21201e; color:#fefffe;}
div.tabs ul li:first-child label { border-left:4px solid #21201e; border-top-left-radius:10px; border-bottom-left-radius:10px; }
div.tabs ul li:first-child input[type=radio]:checked+label {border-left:4px solid #fefffe;}
div.tabs ul li.offline { width:34%;}
div.tabs ul li.offline label { padding:10px 30px; font-size:14px; line-height:1.1; }
div.tabs ul li.last label {border-right:4px solid #21201e; border-top-right-radius:2px; border-bottom-right-radius:2px;   }

#contactform { }
#contactform .col2 {width:50%;}
#contactform .black { background-color:rgba(0,0,0,0.8); color:#fff;padding: 45px 62px 65px;}
#contactform .black h3 {color:#fff;}

h3.advance-search-widget-title {
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 10px;
	text-align:center;
    background: #b6834e;
    color: #FFF;
    font-size: 15px;
    text-transform: uppercase;
    padding: 8px 0px;
    margin-top: 0px;
}
.contact-form input:not([type="submit"]),
.contact-form textarea {
  display: block; 
  width: calc(100% - 40px);
  padding: 6px 20px;
  margin-bottom: 20px;
  border: 1px solid #D8DCE2;
  font-size:18px;
}
.contact-form input[type="submit"] { font-size:18px;}
.contact-form select { padding:5px 10px; font-size:18px;  margin-bottom:20px; width:100%;border:1px solid #D8DCE2;}
.contact-form select.small { width:49.5%; margin-top:10px; }
.contact-form select.small2 { width:49%; margin-left:0.5%; margin-top:10px; }
.contact-form select.smaller { width:32.9%; margin-top:10px; margin-left:0.1%; }
.contact-form select.smaller:first-child {margin:0px;}
aside .contact-form select.smaller { width:48.9%; margin-top:10px; margin-left:0.1%; }
.contact-form select option:first-child {color:#ccc;}
.contact-form input.error,
.contact-form textarea.error {
  outline: 2px solid;
}
.contact-form textarea {
  min-height: 150px;
}
.contact-form #error-container {
  margin-top: 20px;
}
#submit-button[disabled] {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
}
#submit-button { background-color:#b6834e; padding:12px 25px; border:1px solid #666; float:right;}
.hom1 {max-height:800px; max-width:1920px; width:100%; margin:0 auto; overflow:hidden;}
.hom1 img {width:100%; height:auto; overflow:hidden;}

.PropertyType {padding:0px; margin-left:0px;}
.PropertyType label {display:inline-block; width:50%; margin:0px; color:#b6834e; padding:5px 0px; text-align:center;  font-size:18px; text-transform:uppercase;}
.PropertyType a:first-child { }
.PropertyType label:hover {color:#000;}
.PropertyType label.sel { color:#b6834e; background-color:rgba(0, 0, 0, 0.6);}
.PropertyType input[type=radio] {display: inline-block; position:absolute; width: 1px; visibility:hidden; margin-left:-15px;}
.PropertyType input[type=radio]:checked+label {color:#b6834e; background-color:rgba(0, 0, 0, 0.6);}

.PropertyType a {display:inline-block; width:50%; margin:0px; color:#fff; padding:5px 0px; text-align:center;  font-size:18px; text-transform:uppercase;}
.PropertyType a:first-child { }
.PropertyType a:hover {color:#fff;}
.PropertyType a.sel { color:#b6834e; background-color:rgba(0, 0, 0, 0.6);}
.PropertyType.PB { border-bottom:5px solid #b6834e;}
.PropertyType.PB a { color: #b6834e;}
.rightr.contact-form {margin:0px; padding:0px;}


#Sort { text-align:right;}
#Sort  select { width:inherit;}

#SignUp {width:700px; margin:0 auto; }
#SignUp form {padding:10px;}
#SignUp h2 {padding:30px 10px; background-color:#c18043; color:#fff; font-family:'Futura'; text-align:center; }
#SignUp input[type=text], select {width:calc(100% - 10px); padding:10px 5px; }
#SignUp input[type=submit] {padding:10px 30px; background-color:#c18043; color:#fff; font-size:18px; }
#SignUp label {font-family:'Avenir'; font-size:12px;letter-spacing:normal;}


element {

}
.contact-form input[type="submit"] {

    font-size: 18px;

}
.form-submit-btn {

    width: 100%;
    border: medium none;
    text-transform: uppercase;
    font-size: 18px;
    height: 42px;
    background-color: rgba(0, 0, 0, 0.6);
    color: #b6834e;

}
.opensearchd{display:none;}
#opensearch {background:url(images/expand.png) left center no-repeat; background-size:20px auto; padding:20px 10px 20px 30px; color:#fff; display:block; text-decoration:none; font-size:12px;}
#opensearch.sel,.opensearch.active {background:url(images/collapse.png) left center no-repeat; background-size:20px auto; padding:20px 10px 20px 30px; color:#fff; display:block; text-decoration:none;}
.opensearch {background:url(images/expand.png) left center no-repeat; background-size:20px auto; padding:20px 10px 20px 30px; color:#444; display:block; text-decoration:none; font-size:12px;}
.opensearch.sel,.opensearch.active {background:url(images/collapse.png) left center no-repeat; background-size:20px auto; padding:20px 10px 20px 30px; color:#444; display:block; text-decoration:none;}
#esearch {background-color:rgba(0,0,0,0.4); padding:15px 10px; z-index:100; margin-top:-7px; width:calc(100% - 20px);}
#esearch input[name=keyword]{ width:calc(100% - 40px); padding:10px 20px; border-radius:10px; font-size:16px; border:none; background-color:#fff; color:#000;} /* background:url(images/icon-search.png) right center no-repeat #fff; background-size:auto 20px; */
input#searchi {position:absolute; margin-left:-40px;width:40px; margin-top:7px;}

#esearch select { border:none; background-color:#e7e8e9; margin-bottom:10px;width: calc(100% - 5px); -webkit-appearance:auto; }
#esearch select[name=Community]{ background:url(images/icon-location.png) 5px center no-repeat #fff; background-size:auto 15px; padding:8px 0px 8px 20px; width:100%;}
#esearch select[name=Unit_Type]{ background:url(images/icon-home.png) 5px center no-repeat #fff; background-size:auto 15px; padding:8px 0px 8px 20px; width:100%; }
#esearch select[name=MinPrice],#esearch select[name=MinPrice2],#esearch select[name=MaxPrice],#esearch select[name=MaxPrice2]{ background:url(images/icon-money.png) 5px center no-repeat #fff; background-size:auto 15px;padding:8px 0px 8px 20px; width:48%; font-size:10px; }
#esearch select[name=MinBeds],#esearch select[name=MaxBeds]{ background:url(images/icon-bed.png) 5px center no-repeat #fff; background-size:auto 15px;padding:8px 0px 8px 20px; width:48%; font-size:10px;  }
#esearch #submitbtn {margin:10px 0;}
#esearch #submitbtn input[type=submit]{padding:15px 80px 15px 60px; border-radius:5px; font-size:16px; border:none; background:url(images/icon-search.png) right center no-repeat #fff; background-size:auto 20px; color:#000;}


#esearch .small {width:calc(50% - 10px);}
#esearch .smaller {width:calc(25% - 10px);}
#bottomlogos {margin:100px 0px;}

#floaticons {
	position:fixed; right:0; top:300px; width:32px; height:auto; z-index:1010; background-color:rgba(0,0,0,0.5); border-top-left-radius:15px; border-bottom-left-radius:15px; padding:5px 8px 5px 2px; 
}
#floaticons img {width:100%; height:auto; margin:4px;}


#ndfd h2, h2.centera {text-align:center;font-family: 'Avenir'; margin:50px 0px;}


div.featured ul li div { font-size:10px;}
div.featured ul li span { color:#b6834e; font-family:'Futura'; font-size:16px;}
/* ---- New properties  */
.flex2 {display:flex;box-sizing:border-box;align-items: center;}
.flex2 div {width:50%;align-self: center;}
.flex {display:flex; background-color:#fff; box-sizing:border-box;  border:1px solid #ddd;border-radius:6px; clear:both; margin:20px 0px;}
.flex .imgbox {width:30%;}
.flex .imgbox picture img {border-top-left-radius:6px;border-bottom-left-radius:6px; width:100%; height:auto;}
.flex .contentbox {width:calc(70% - 20px); padding:20px 20px 0px 20px; }
/*
.flex .contentbox .linkto {width:100%; height:100%; position:absolute;}
*/
.flex .contentbox .intro {display:flex;align-items: flex-start;}
.flex .contentbox .intro .first {flex-grow:3;}
.flex .contentbox .price { font-size:2rem;}
.flex .contentbox .proptype { font-size:1.1rem;  margin:15px 0px;}
.flex .contentbox .title { margin:15px 0px; font-size:1rem; }
.flex .contentbox .location { color:#666; background:url(images/icon-location2g.png) left no-repeat; background-size:20px auto; padding-left:25px; font-size:0.9rem; }
.flex .contentbox .feat {color:#03F; font-size:0.7rem; text-transform:uppercase; text-align:right; background-color:#444; color:#fff; padding:5px 8px; border-radius:6px;}
.flex .contentbox .premium {color:#C18043; font-size:0.7rem; text-transform:uppercase; text-align:right}
.flex .features {display:flex;margin-top:20px; flex-wrap: nowrap;align-items: center;}
.flex .features .beds { background:url(images/icon-bedg.png) left no-repeat; background-size:auto 20px; padding-left:30px; font-size:0.9rem;}
.flex .features .baths { margin-left:20px; background:url(images/icon-bag.png) left no-repeat; background-size:auto 20px; padding-left:30px; font-size:0.9rem;}
.flex .features .area { margin-left:20px; background:url(images/icon-areag.png) left no-repeat; background-size:auto 20px; padding-left:30px; font-size:0.9rem;}
.right {text-align:right;}
.flex .verify {color:#82ce50; background:url(images/verify.webp) 5px center #fff no-repeat; background-size:14px auto; padding:5px 10px 5px 25px; border-radius:6px; font-size:10px; text-transform:uppercase; position:absolute; margin-left:10px; margin-top:10px;}
.flex .agent { display:flex;background-color:rgba(0,0,0,0.5); border-radius:10px; width:142px;  }
.flex .agent .icons { width:30px; height:auto; padding:5px 10px 5px 2px; }
.flex .agent .icons img {width:100%; height:auto; margin:4px; }
.flex .agent .agentpic { width:100px; }
.flex .agent .agentpic img {width:100px; height:auto; border-top-right-radius:10px;}
.flex .agent .agentname { font-size:0.7rem; text-align:center; color:#fff;}

.flex .features .agent2 { flex-grow:3; text-align:right; align-items: center;justify-content: flex-end;}
.flex .features .agent2 a {padding:7px 5px; display:inline-block;}
.flex .features .agent2 img {width:30px; height:auto;}
.flex .features .agent2 a.agentpic {padding:2px; border-radius:50%; margin:2px; }
.flex .features .agent2 .agentpic img {border-radius:50%; border:2px solid #888; width:30px; }



/* ----------- Properties List ------------*/
.prop {width:auto}
.prop ul#List,.prop ul.thumbs {margin:0; padding:0; list-style:none;}
.prop li { margin:10px; float:left; width:calc(25% - 20px);min-height: 330px;}
.prop ul.thumbs li {margin:auto; width:auto;}
.prop ul.thumbs li  img.F {width:100%; height:447px; overflow:inherit; vertical-align:auto;}


.prop .item  div.ListP { padding:1px 0px; line-height:1.5; font-size:16px; color:#000;}
.prop .item  div.ListP div {font-size:16px; overflow:hidden; white-space:nowrap;}
.prop .item  .price { padding-left:30px; background:url(images/icon-priceg.png) left no-repeat; background-size:auto 20px; font-size:18px;}
.prop .item  div.comunity {font-size:11px; color:#b6834e; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}


.prop .item  div.ListD { font-size:16px;background-color:rgba(0,0,0,0.7); display:block; border-top:1px solid #efe9e9; line-height:1; vertical-align:bottom; color:#fff;}
.prop .item  div.ListD .f8 { width:calc(35% - 10px); float:left; text-align:center; border-left:none; padding:10px 0px 10px 10px; }

.prop .item  div.ListD .f5 { width:calc(15% - 12px); float:left; text-align:center; border-left:1px solid #efe9e9; padding:10px 5px; }
.prop .item  div.ListD .h { background:url(images/icon-hg.png) 5px no-repeat; background-size:auto 25px; white-space: nowrap; overflow: hidden; }
.prop .item  div.ListD .b {text-align:right; background:url(images/icon-bedg.png) 5px no-repeat; background-size:auto 25px; }
.prop .item  div.ListD .ba { text-align:right; background:url(images/icon-bag.png) 5px no-repeat; background-size:auto 25px; }
.prop .item  div.ListD .ar { background:url(images/icon-areag.png) 5px no-repeat; background-size:auto 25px; text-align:center;border-left:1px solid #fff; }

.prop .item  div.ListS { color:#000;line-height:1; margin-top:12px; font-size:14px; display:flex;flex-wrap; align-items:center; }
.prop .item div.ListS .first {flex-grow:3;}
.prop .item  div.ListS .feat {color:#03F; font-size:0.7rem; text-transform:uppercase; text-align:right;}
.prop .item  div.ListS .feat .premium {color:#C18043;  font-size:0.7rem; text-transform:uppercase; text-align:right;}
.prop .item  div.ListS a {display:block; color:#000; font-size:20px;  }
.prop .item  div.comunity  {color:#000; font-size:14px; padding-left:25px;background:url(images/icon-location2g.png) left center no-repeat ; background-size:auto 25px; line-height:2;}
.prop .item div.ListS .Pname {flex-grow:2;  }

.prop .item  div.ListS a.name { font-size:34px; margin-top:10px;}
.prop .item .verify {color:#82ce50; background:url(images/verify.webp) 5px center #fff no-repeat; background-size:14px auto; padding:5px 10px 5px 25px; border-radius:6px; font-size:10px; text-transform:uppercase; position:absolute; margin-left:10px; margin-top:10px;}

.prop .item  .small { font-size:16px; }
.prop .item .text {padding:20px 0 10px; height:88px;overflow: hidden; text-overflow: ellipsis;white-space: break-spaces;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical; }
.prop .item .link {text-decoration:underline; color:var(--gold); display:block;}

.prop .price-wrapper {background:url(images/icon-priceg.png) left no-repeat; background-size:30px auto; z-index: 111;padding: 8px 22px 8px 40px;font-size: 34px; margin-top:10px; margin-bottom:10px;}

/*---------- Header ---------------------- */
#top-social { width:50px; position:absolute; top:100px; right:50px; z-index:102; } 
#top-social a {display:block; margin:10px;}
#top-social img {width:100%;}
/*-----------End Social ---------------*/
.float {float:left;}
.floatright {float:right; }
.f800 {  margin:20px 30px 15px 0px;  display:inline-block;}
.f800 img {width:100px; height:auto;}
.header {color:#fff; position:absolute; width:100%; z-index:102;}
.header .logo {margin-left:30px; display:inline-block;}
.header .logo a {padding:20px 0px; display:block; text-decoration:none;}
.header .logo img {width:150px; height:auto;}



#main-nav { float:right; clear:right; display:block;position: relative; z-index:999; }
#main-nav ul {margin:0px; padding:0px;}
#main-nav ul li { list-style:none; position: relative; float:left;}
#main-nav ul li ul { list-style:none; position:absolute; background-color:#b6834e; display:none; min-width:220px; }
#main-nav ul li ul#flr {right:0px; min-width:inherit;}
#main-nav ul li:hover ul { display:block; width:auto;}
#main-nav ul li a {color:#fff; padding:16px 22px; display:inline-block; text-transform:uppercase; font-size:14px; font-family:'Lato';}
#main-nav ul li a:hover {background-color:#b6834e;}
#main-nav ul li a.sel {background-color:#3a4858;}
#main-nav ul li div a.sel {background-color:#1f1f1f;}
#main-nav ul li ul li {float:none;}
#main-nav ul li ul li a { display:block; padding: 9px 20px; text-wrap:none; text-transform:none;}
#main-nav ul li ul li a:hover { background-color:#000;}
#main-nav ul li ul li ul {position:relative;}
#main-nav ul li ul li ul li a { display:block; padding: 9px 20px 9px 30px; text-wrap:none; text-transform:none; font-size:12px; font-family:'Lato'; background-color:#b6834e; color:#000;}
#main-nav ul li ul li ul li a::before {content:'>';}
#main-nav ul li ul li ul li a:hover {background-color:#fff;}


#main-nav ul li .sub-menu li { }
#main-nav ul li .sub-menu li a {padding:5px;}

/*----------- FOOTER ----------------------*/
#foot { padding:20px;overflow: hidden; background-color:#000; color:#fff; clear:both;}
#foot #fsocial { text-align:right;}
#foot #fsocial a {display:inline-block;}
#foot #fsocial img {height:40px; width:auto;}
#foot a {color:#fff; font-size:14px;}
#foot .center a {display:inline-block; padding:0px 5px; margin:5px 0px;}
#foot .center span { color:#666; padding:0 20px; }
#foot .center a:first-child {border-left:none;}

#foot a.tel,#foot a.tel:hover {background-size:18px; padding-left:30px !important; background-position:left center; margin-right:3px; display:inline-block}

/* --------------- End footer ------------- */
h1.center {text-transform:uppercase; font-size:60px; }
h1 span {color:var(--gold);}

.Link {text-align:center; }
.Link a {color:#000; padding:10px 10px; display:inline-block; font-size:14px;}
.Link .dnd { color:#888; padding:10px; font-size:14px;}
/* --------------- New property Listing --------------- */
article.item {width:100%;    background-color:rgba(255,255,255,0.7);margin-top:50px;margin-bottom: 30px;position: relative;border-top: 1px solid #DCE0E9;display:block; float:none;}
article.item.F {
    margin-top: 20px;
}
article.item .meta-item {
    margin: 10px 0px;width: 33.33%;float: left;
}
article.item h3 {
    margin-top: 0px;
font-weight: 500;
line-height: 1.4;
font-size: 18px;
margin-bottom: 10px;
 position: relative;
 overflow: hidden;
}
/*
article.item .property-thumbnail img {
 -webkit-transform: scale(1.15);
  -ms-transform: scale(1.15);
  transform: scale(1.15);
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
	
  max-width: 100%;
  height:auto;

}
article.item .property-thumbnail img:hover {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 0.9;
  filter: alpha(opacity=90);
}
*/
article.item a {color:#191C20;}
article.item .property-thumbnail .price-wrapper {background-color: #b6834e !important;color: #FFF;position: absolute;left: 0px;bottom: 0px; z-index: 111;padding: 8px 22px;font-size: 18px;}

article.item .property-id {font-size:16px;}
article.item .property-thumbnail {width:670px; padding:0px; overflow:hidden;float: left; max-height:447px;}
article.item .property-thumbnail img {height:447px; width:100%;}
article.item .title-and-meta{width: calc(100% - 670px); max-height:447px; 
padding:0px;float: left; margin:0; vertical-align:bottom;}

article.item .meta-item-label {
    display: block;
    line-height: 18px;
}
article.item .meta-item-value {
    color: #b6834e;font-size: 17px;line-height: 24px;white-space: nowrap;
}

article.item #price-title {background:url(images/price.svg) 5px center no-repeat; padding-left:40px; display:block; margin-top:15px;}
article.item #beds-title {background:url(images/bed_alt.svg) 5px center no-repeat; padding-left:40px; display:block; margin-top:15px;}
article.item #area-title {background:url(images/area-icon.svg) 5px center no-repeat; background-size:20px; padding-left:40px; display:block; margin-top:15px;}
article.item .community {background:url(images/icon-location2g.png) left center no-repeat; background-size:28px; padding-left:25px; display:block; margin:15px 0; font-size:16px; }

article.item svg {float: left;width: 24px;height: 24px;margin: 6px 10px 6px 0px;}
/*---------- List with Daral Aqar ------*/
.black {color:#000;}
.white {color:#f1f1f1;}
.gray {color:#888;}
.bl { background-color:#000;}
.LDA { }
.LDA h2 {margin-bottom: 0px;}
.LDA p {margin: 0px 0px 45px; color:#000;}
.LDA .mar {padding:30px;}
.LDA .mar h3 {font-size:18px; text-align:center; margin-top:0px;}
.LDA .mar.wh p {margin:20px 0px 30px; color:#b6834e; font-size:20px;}

/*---------- Contact Us -------------------*/
#map {width:100%; height:590px;}
input,optgroup,textarea,button {font-family:lato;-webkit-appearance: none; }

#contactform { }
#contactform .col2 {width:50%;}
#contactform .black { background-color:rgba(0,0,0,0.8); color:#fff;padding: 45px 62px 65px;}
#contactform .black h3 {color:#fff;}

.contact-form input:not([type="submit"]),
.contact-form textarea {
  display: block; 
  width: calc(100% - 40px);
  padding: 6px 20px;
  margin-bottom: 20px;
  border: 1px solid #D8DCE2;
  font-size:18px;
}
.contact-form input[type="submit"] { font-size:18px;}
.contact-form select { padding:5px 10px; font-size:18px;  margin-bottom:20px; width:100%;border:1px solid #D8DCE2;}
.contact-form select.small { width:49.5%; margin-top:10px; }
.contact-form select.small2 { width:49%; margin-left:0.5%; margin-top:10px; }
.contact-form select.smaller { width:32.9%; margin-top:10px; margin-left:0.1%; }
.contact-form select.smaller:first-child {margin:0px;}
aside .contact-form select.smaller { width:48.9%; margin-top:10px; margin-left:0.1%; }

.contact-form select option:first-child {color:#ccc;}
.contact-form input.error,
.contact-form textarea.error {
  outline: 2px solid;
}
.contact-form textarea {
  min-height: 150px;
}
.contact-form #error-container {
  margin-top: 20px;
}
#submit-button[disabled] {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
}
#submit-button { background-color:#b6834e; padding:12px 25px; border:1px solid #666; float:right;}

#scroll-top {
    display: block;
    position: fixed;
    right: 10px;
    bottom: 50px;
    height: 42px;
    width: 42px;
    line-height: 42px;
    text-align: center;
    color: #FFF;
    z-index: 9999;
    transition: all 0.25s ease-in-out 0s; background:url(images/arrow-white.png) center center no-repeat rgba(150,117,74,0.5);
}

#scroll-top:hover,#scroll-top:focus { background:url(images/arrow-white.png) center center no-repeat #b6834e;}



@media screen and (max-width: 768px){
body {font-size:12px; background-image:url(images/bg2.jpg);}
#top-social { display:none;} 
.header .logo {margin-left:60px;}
.header .logo a {padding: 5px 0px;}
.header .logo img { width: 90px;height: auto;}
.f800 {margin-right:15px; margin-top:18px;} 
.f800 img {width:80px;}

.prop {width:auto;}
#Property aside {
    width:auto;
    float: none;
    padding: 0;
	display:none;
}
#Property section#main {
    width: auto;
    float: none;
    padding: 0;
}


h1.center {font-size:40px;}
/*
h1 {font-size:16px; font-family:'Futura'; font-weight:normal;}
*/
div.text {margin:5px 0; padding:5px 40px 5px 10px;}
.contact-form2 { width:500px;}
.contact-form2 .tabs { position:absolute; margin-top:-60px;  }
.contact-form { margin:0 auto; width:340px; position:absolute; left:calc(50% - 170px); top:60px; z-index:100; }
#ndfd h2, h2.centera {text-align:center;font-family: 'Avenir'; margin:50px 0px; font-size:16px;}

div.tabs { position:relative; z-index:101; }
div.tabs ul {list-style:none; padding:0; margin:0;}
div.tabs ul li {float:left; display:inline-block; text-align:center; vertical-align:middle; width:22%;  }
div.tabs ul li input {visibility:hidden; width:1px; height:1px; margin:0; padding:0;}
div.tabs ul li label { cursor:pointer; border:2px solid #21201e; border-right:1px solid #fefffe; border-left:1px solid #fefffe; background-color:#21201e; color:#fefffe; padding:6px 20px; font-size:12px; display:block; text-decoration:none; line-height:1.65;}
div.tabs ul li div {background:none;line-height:1;}
div.tabs ul li input[type=radio]:checked+label+div {background:url(images/downw.png) bottom center no-repeat; background-size:30px auto;}
div.tabs ul li input[type=radio]:checked+label {border-color:#fefffe); background-color:#21201e; color:#fefffe;}
div.tabs ul li:first-child label {border-left:2px solid #21201e; border-top-left-radius:10px; border-bottom-left-radius:10px;  }
div.tabs ul li:first-child input[type=radio]:checked+label {border-left:2px solid #fefffe;}
div.tabs ul li.offline { width:34%;}
div.tabs ul li.offline label {padding:5px 15px; font-size:10px; line-height:1.1; }
div.tabs ul li.last label {border-right:2px solid #21201e; border-top-right-radius:2px; border-bottom-right-radius:2px;   }

/*
#opensearch {background:url(images/expand.png) left center no-repeat; background-size:20px auto; padding:20px 10px 20px 30px; color:#fff; display:block; text-decoration:none;}
#esearch {background-color:rgba(0,0,0,0.3); padding:10px; z-index:100; margin-top:-5px; width:calc(100% - 20px);}
#esearch input[name=keyword]{ width:calc(100% - 40px); padding:10px 20px; border-radius:10px; font-size:13px; border:none; background:url(images/icon-search.png) right center no-repeat #e7e8e9; background-size:auto 20px; color:#000;}
#esearch select {padding:10px 20px; border:none; background-color:#e7e8e9; margin-bottom:10px; }
#esearch select[name=Community]{ background:url(images/icon-location.png) 5px center no-repeat #e7e8e9; background-size:auto 20px; padding-left:30px;  }
#esearch select[name=MinPrice],#esearch select[name=MinPrice2],#esearch select[name=MaxPrice],#esearch select[name=MaxPrice2]{ background:url(images/icon-money.png) 5px center no-repeat #e7e8e9; background-size:auto 25px; padding-left:30px;  }
#esearch select[name=MinBeds],#esearch select[name=MaxBeds]{ background:url(images/icon-bed.png) 5px center no-repeat #e7e8e9; background-size:auto 25px; padding-left:30px;  }
#esearch select[name=Unit_Type]{ background:url(images/icon-home.png) 5px center no-repeat #e7e8e9; background-size:auto 25px; padding-left:30px;  }
#esearch #submitbtn {margin:10px 0;}
#esearch #submitbtn input[type=submit]{padding:15px 80px 15px 60px; border-radius:5px; font-size:16px; border:none; background:url(images/icon-search.png) right center no-repeat #e7e8e9; background-size:auto 20px; color:#000;}
*/

#esearch .small {width:calc(50% - 10px);}
#esearch .smaller {width:calc(25% - 10px);}

/* ----------- Properties List ------------*/
img.F {width:100%; height:auto; overflow:inherit; vertical-align:auto; min-height:200px;}

ul#List {margin:0; padding:0; list-style:none;}
.prop{padding:10px;}
.prop ul.thumbs li {margin:auto; width:auto; height:auto; min-height:inherit;}
.prop ul.thumbs img.F {width:100%; height:auto; overflow:inherit; vertical-align:auto; min-height:200px;}
.prop .item  {width:calc(50% - 10px); margin:10px 5px; float:none; min-height:inherit;}
.prop .item  img {width:100%; height:auto;}
.prop .item  a {color:#fff;}
.prop .item  div.ListP {padding:1px 0px; font-size:10px; color:#000;}
.prop .item  div.ListP div {font-size:14px; overflow:hidden; white-space:nowrap;}
.prop .item  td.price { padding-left:30px; background:url(images/icon-priceg.png) left no-repeat; background-size:auto 20px; font-size:18px;}

.prop .item  div.ListS {padding:8px 0; color:#000; font-size:14px; line-height:1; align-items: center;}

.prop .item  div.comunity {font-size:11px; color:#b6834e; overflow:hidden; white-space:nowrap; padding-left:20px;}
.prop .item  div.ListD {background-color:rgba(0,0,0,0.7); display:block; border-top:1px solid #efe9e9; font-size:12px;}
.prop .item  div.ListD .f8 { width:calc(35% - 10px); float:left; text-align:center; border-left:none; padding:10px 5px 10px; }
.prop .item  div.ListD .f5 { width:calc(15% - 12px); float:left; text-align:right; border-left:1px solid #efe9e9; padding:10px 5px; }
.prop .item  div.ListD .ar {  text-align:right; border-left:1px solid #fff; }
.prop .item  div.ListD .h {  }

.prop .item  div.ListD .h,.prop .item  div.ListD .b ,.prop .item  div.ListD .ba, .prop .item  div.ListD .ar { background-size:auto 18px; }
.prop .item .verify {color:#82ce50; background:url(images/verify.webp) 5px center #fff no-repeat; background-size:14px auto; padding:5px 10px 5px 25px; border-radius:6px; font-size:10px; text-transform:uppercase; position:absolute; margin-left:20px; margin-top:10px;}


#SignUp {width:100%; margin:0 auto;}
#SignUp h2 {padding:15px 5px; background-color:#c18043; border:1px solid #ccc; font-size:16px; color:#fff; font-family:'Futura'; font-weight:normal; text-align:center;-webkit-appearance:none; }
#SignUp input, #SignUp select { background-color:#e7e7e8; border:1px solid #cec4b1; -webkit-appearance:none;}
#SignUp input[type=submit] {padding:10px 30px;-webkit-appearance:none;}

#foot { overflow: hidden; background-color:#000; color:#fff; clear:both;}
#foot div { margin:5px 0px; text-align:center;}
#foot a {display:inline-block; padding:10px;}
#foot #fsocial { text-align:left; float:left;}
#foot #fsocial a { padding:0;}
#foot #fsocial img {height:40px; width:auto;}
#foot a.tel img { height:22px; width:auto;}

#ndfd ul li.lslide div.overlay {background:url(images/zoom.png) center 50% no-repeat; background-color:transparent; }
#ndfd ul li.lslide:hover div.overlay div.tex,#ndfd ul li.lslide:focus div.overlay div.tex,#ndfd ul li.lslide.lslide.active {background:none;}

.LDA { }
.LDA h2 {margin-bottom: 0px; font-size:20px;}
.LDA p {margin: 0px 0px 45px; color:#000;}
.LDA .mar {padding:30px;}
.LDA .mar h3 {font-size:18px; text-align:center; margin-top:0px;}
.LDA .mar.wh p {margin:20px 0px 30px; color:#b6834e; font-size:16px;}

.contact-form select.smaller { width:49%; margin-top:10px; }
.contact-form select.smaller2 { width:49%; margin-left:0.3%; margin-top:10px; }
.contact-form select.small { width:100%; margin-top:10px; }
.contact-form select.small2 { width:100%; margin-left:0px; margin-top:10px; }

}
@media screen and (max-width: 480px){
.wrap .WH {background-color:#eee; margin:10px auto; margin-top:0px; max-width:inherit; padding:10px; }
.col2 {width:100%; text-align:center; }
.float {float:none;}
section#main .col2,section#main .right { text-align:center;}
.prop .item  {width:100%; margin:10px auto; float:none; min-height:inherit;}

.flex .imgbox picture img {border-bottom-left-radius:0; width:100%; height:auto;}
.flex { flex-direction: column;}
.flex .imgbox {width:inherit;}
.flex .contentbox {width:inherit;padding:10px;}
.flex .imgbox picture img {border-top-left-radius:6px; border-top-right-radius:6px;}

.flex .features .baths,.features .area {margin-left:10px; font-size:0.8rem; padding-left:25px;}
.flex .features .agent2 {display:none;}


h1.center {font-size:22px;}
.contact-form2 .tabs {
	width:90%;
	left:calc(5%);
     margin-top: -60px;
}
.contact-form2 { width:100%; left:inherit; position:inherit; }
.contact-form {  top:110px;  }
	.contact-form select.smaller { width:48.5%; margin-top:10px; }
.prop .item  img {width:100%; max-height:inherit; overflow:inherit;}
.prop ul.thumbs li img.F {height:auto;}
.padd {
    padding: 10px 10px 0px;
}
#foot #fsocial { text-align:center; float:none;}
.Link a {text-align:center; font-size:12px; }

article.item .property-thumbnail {width:auto; overflow:hidden;none:}
article.item .property-thumbnail img {height:auto; width:100%;}
article.item .title-and-meta{width:auto; max-height:inherit; float: none; }


}