a{ color:#C5CF20; text-decoration:none;}
a:hover{ text-decoration:underline;}

body{
color:#6D6E71; font-family: 'Noto Serif', serif; font-size:15px; background:#464646;
margin:0;
padding:0;
}
img{ vertical-align:top;}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block;}
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

#wrapper {width:100%; margin:0 auto; background:#FFF}
.mid { margin:0 auto; position:relative; width:100%; max-width:1060px;}

.title_area {text-align: left; }

.title_area_large {text-align: left;}
.title_box {}

h1 { line-height:30px;  font-size:26px;font-weight:300; }
.contentside h1 {margin-top:70px;}
	
h2{ font-size:22px; text-transform:lowercase; padding:0 0 8px; margin:0 0 18px; line-height:100%; font-style:italic; font-weight:normal; text-align:center;}

a.instagramfollow { font-size:26px; color:#333; text-transform:lowercase;padding-left:32px; padding-bottom:8px;  border-bottom:1px #ccc solid; margin:0 0 18px; line-height:100%; font-weight:normal; letter-spacing:0.04em; background:url(../images/instagram.png) no-repeat calc(50% - 220px) 2px; background-size:24px 24px;display:block;
text-align:center; font-style:italic;
}

a.instagramfollow:hover {color:#666; text-decoration:none;}

.igwrap {text-align:center;}
.igcol {width:22%; display:inline-block; margin:0 1%; position:relative;}
.igcol img {width:100%; height:auto;}

@media screen and (max-width: 484px) {
	.igcol {width:100%; display:block; margin:0 auto; position:relative; margin-bottom:24px;}
}


.head_desc {float:left;width:460px; line-height:24px; color:#C5CF20;font-size:16px;}
.head_img {float:right; width:350px;height:239px;background:url(../images/headerpic.png) no-repeat;}
.head_img img {margin:8px 0px 0px 8px;}

header{ background:#FFF;  position:relative;width:100%; z-index:120; opacity:0.9; padding-top:16px;}
header.home {}
#headerfix {height:165px; display:none;}
#logo{ position:relative;text-align:center;margin:0px auto; margin-bottom:16px; display:block;}
#proudrealtor{ position:relative;text-align:center; margin-bottom:24px;}
#proudrealtor img {height:60px; width:auto;}
#logo img {height:80px; width:auto;}

#zcebhead {position:absolute; left:4px; top:130px; z-index:10;}
#social {position:absolute; display:block;left:400px; top:54px; z-index:10; width:180px;}
#social a {margin:0 6px;opacity:1;transition: opacity 0.5s;}
#social a:hover {opacity:0.6;transition: opacity 0.5s;}

#headcontact {position:absolute; right:4px; top:27px; z-index:10; width:300px;font-size:14px; color:#FFF;} 
#headcontact a {color:#FFF;}		

#headerpic  {width:100%; height:366px;display:none;}
#headerpic.home  {height:600px;position:relative; margin-bottom:32px;display:block;}
#headslogan {position:absolute; width:100%; background:#FFF; bottom:20px; text-align:right; font-family:'Satisfy', Tahoma, Geneva, sans-serif; font-size:26px; color:#666; vertical-align:text-top; padding:10px 0px; }
#headslogan p {margin:0; padding:0; margin-right:20px;}
#headslogan img { vertical-align:text-top; height:22px; width:auto; padding-top:5px;} 
#headslogan span {}

	.btn_search{position:absolute; top:4px; right:5px;}
	.btn_search a{display:block;  width:170px; height:30px; line-height:30px; text-align:center; background:url(../images/srchbg.png) 0 0 repeat-x; font-weight:bold; text-transform:uppercase; 
				   font-size:13px; color:#fff;  -moz-border-radius:15px; -o-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;}
				   
	
	.nav_box{ width:100%; background:#E7E8E9; position:relative;  font-size:17px;color:#717375; font-weight:400;  text-transform:uppercase;  }
	
		.nav{list-style:none; margin:0; padding:0px; text-align:center; padding:18px 0;}
		.nav li{ display:inline-block; position:relative;}
		.nav li a.lev1{ float:left; height:40px; line-height:40px; padding:0 16px; Xcolor:#717375; color:#505052;}
		.nav li:last-child {
  		  Xborder:1px solid #DDD;
		}
		.nav li:last-child a {color:#C5CF20; }
		.nav li:last-child a:hover {color:#FFF !important; }

		XXX.nav li:last-child a.lev1{height:38px; line-height:38px; }
		.nav li.on a.lev1,
		.nav li a.lev1:hover{ color:#C5CF20; text-decoration:none;}
		.nav li.active a.lev1{ text-decoration:none;}		
		.nav li:hover{}
		.sf-sub-indicator{ display:none;}
		
		.nav li ul{ position:absolute; display:none; width:168px; top:40px; left:-15px; list-style:none; margin:0; padding:0; text-align:center;border-top:1px #C5CF20 solid !important;}
		.nav li ul li{ border:0 !important; Xborder-bottom:1px #418D8D solid;}
		.nav li ul li.last-item{ border:0;}
		.nav li ul li a{display:block; width:136px;  opacity:0.85;
		Xbackground:#C5CF20; font-size:12px; color:#FFF; 
		background:#333;
		font-weight:600; 
		padding:8px 16px;}
		.nav li ul li a.on,
		.nav li ul li a:hover{ text-decoration:none; background:#C5CF20;}
		.nav ul.flyout li:last-child a  {color:#FFF;}
		
		
			
			
#homecontent {font-size:18px; font-weight:400;line-height: 165%;}
		
#banner{ width:965px; height:325px; margin:0 auto; background:#fff; position:relative; z-index:5;}
#banner_pad {width:972px; background:#FFF;}
	.map{ position:absolute; width:360px; height:325px; z-index:1; top:0; right:-22px; }
	.photo{ position:absolute; width:240px; padding-bottom:16px;  top:40px; right:202px; z-index:5;}
	.photo span{ display:block;}
	
	.ban_txt{ width:460px; margin-left:29px; padding-top:80px;}
	.ban_txt .ban_title{ font-size:32px; color:#003334;  line-height:32px; margin-bottom:18px;}
	.ban_txt .ban_sub_title{ font-size:24px;margin-bottom:24px;}
	.ban_txt p{ margin:0 0 2px; color:#001a30; line-height:158%; font-size:13px; }
		
	
.cont_holder{ width:980px; margin:0 auto; position:relative;}
	.ico_bg1,
	.ico_bg2{ position:absolute; display:block; width:10px; height:5px; bottom:-5px;}
	.ico_bg1{ left:0; background:url(../images/ico_arrow1.png) 0 0 no-repeat;}
	.ico_bg2{ right:0; background:url(../images/ico_arrow2.png) 0 0 no-repeat;}
	
	.cont_box{padding:25px 29px;}
		.house_list{ width:100%; overflow:hidden; list-style:none; padding:0; margin:0;}
		.house_list li{ float:left; width:262px; margin:0px 16px; position:relative;}
		.house_list li.last-item{ }
		
.propbox_over { position:absolute; bottom:-40px; left:0px; background:rgba(0, 0, 0, 0.5);; width:100%; pointer-events: none; color:#FFF;text-shadow:1px 1px #333; text-align:center}
.pb_pad { padding:10px;}
.house_img{ position:relative; border:1px solid #000;}


.house_title{ font-size:16px;  font-weight:normal; padding-bottom:8px;  }
.house_price{ font-size:14px; font-weight:bold;}
.house_add{ font-size:11px;}

#cmscontent img {padding-right:20px;}


footer {color:#FFF; font-size:14px;}
footer a {color:#FFF; text-decoration:none;}

#zcebfooter {color:#DDD; text-align:center; font-size:16px; font-family:'Satisfy', Tahoma, Geneva, sans-serif; Xborder-top:1px solid #555; margin-bottom:20px;}
.copyright {text-align:center; padding:6px 0 6px 0; font-weight:400; margin-top:10px;}
.copyright p {display:inline;}
.copyright img {height:18px; width:auto;}
.copyright a img {Xopacity:1; transition: opacity 0.5s;} 
.copyright a:hover img {Xopacity:0.8; transition: opacity 0.5s;} 
.footsocial { text-align:center; padding:10px 0 20px 0; border-bottom:1px solid #0F0F0F;}
.footsocial a  {margin:0px 10px;}
.footsocial a img {opacity:1; transition: opacity 0.5s;} 
.footsocial a:hover img {opacity:0.8; transition: opacity 0.5s;} 


h4 {color:#f6f9ff;}
		
/*------------------------------------------buy_search_page-----------------------------------------------*/
.title_box{ margin:0 auto; position:relative;}
	

#content{margin:0 auto; overflow:hidden; background:#fff; padding:0px 0 30px;}
	.search_form{ width:900px; border-style:none; padding:0 30px; overflow:hidden;}
	.search_form fieldset{ margin:0; padding:0;	border:0; outline:0; font-size:100%; vertical-align:baseline; background:none;}
		.form_block{ float:left; width:auto; margin-right:10px;}
		.form_block2{ width:auto;}
		.form_block3{ padding-top:23px;}
		.form_block input[type=submit]{ display:block; width:90px; height:30px; background:url(../images/submit_bg.gif) 0 0 repeat-x; border:0; cursor:pointer; font-size:13px; color:#fff; 
										font-weight:bold; -moz-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}

		.form_block label{ display:block; font-weight:bold; margin-bottom:5px;}
			.simu_select1 .selector,
			.simu_select1 .selector select{ Xwidth:140px;}
			
			.simu_select2 .selector,
			.simu_select2 .selector select{ Xwidth:50px;}
			.simu_select2 .selector span{ background-position:89% center;}
			
			
		
			/*simu select*/
			.selector{ width:140px; height:30px; position:relative;}
			.selector span{ display:block; border:1px #ccc solid; height:28px; line-height:28px; overflow:hidden; text-indent:7px; color:#333; font-size:13px; font-weight:bold;
							background:url(../images/select_arrow.gif) 96% center no-repeat;  position:relative; z-index:5;}
			.selector select{ width:140px; height:30px; border:0; opacity:0; filter:alpha(opacity=0); position:absolute; left:0; top:0; cursor:pointer; z-index:10; font-size:13px;  color:#333;}
			.selector select option{ text-indent:7px;}
			.selector select:focus{ outline:0;}
		
	.line1{ height:1px; background:#999; margin:30px 0 26px;}
	.line2{ width:900px; margin:20px auto 18px; height:1px; background:#ccc;}
		
	.house_box{ width:900px; margin:0 auto;}
	.house_box .house_list li{}
	.house_box .house_list li.last-item{ }



/*------------------------------------------buy_search_results_page-----------------------------------------------*/
.results_box{ width:900px; margin:0 auto; overflow:hidden;}
	.res_col{ float:left;}
	.res_col2{ float:right; text-align:right;}
	.res_col .res_title{ font-weight:bold; margin-bottom:3px;}
	.res_col p{ margin:0; font-size:12px; }
	.res_col p span{ color:#999; margin:0 5px;}
	.res_col p strong{ font-weight:normal; margin-left:10px;}
	.res_col p a.on{ font-weight:bold; color:#333;}




/*------------------------------------------buy_process_page-----------------------------------------------*/
.cont_txt {margin-left:0px; padding-bottom:15px;}
.cont_txt .cont_txt_title1{ font-size:25px; margin-bottom:18px;}
.cont_txt .cont_txt_title2{ font-weight:bold; margin-bottom:5px;}
.cont_txt p{ margin:0 0 27px; line-height:165%;}
	.txt_list{ width:100%; list-style:none; padding:0 0 0 12px; margin:0;}
	.txt_list li{ padding-left:18px; background:url(../images/ico_dot.gif) 0 10px no-repeat; line-height:170%;}

.cont_txt_sm { width:640px !important; padding-right:24px; float:left; border-right:1px solid #CCC; min-height:300px;}

#cmscontent.contentside {float:right;width:63%;}
#side_menu {float:left; width:calc(33% - 25px); margin-top:76px; padding-bottom:120px; padding-right:20px;
}
#side_menu img {max-width:100%; width:100%; height:auto; margin-bottom:20px;}
#side_menu ul {list-style:none; margin:0; padding:0;}

#side_menu ul li {list-style:none; margin:0; padding:0;XXborder-bottom:1px dotted #DDD;}

#side_menu ul li a {line-height:44px; display:block; font-size:17px; font-weight:300; text-align:right; color:#666; text-transform:uppercase;}
#side_menu ul li a:hover {color:#666;text-decoration:none;}
#side_menu ul li.current a {}


/* Form Element Styling */
input[type=text], input[type=password], textarea, select { font-size:12px;color:#333; }

input[type=text], input[type=password] {border:1px solid #CCCCCC; background:#FAFAFA; padding:6px 4px; width:270px;}
select {border:1px solid #CCCCCC; background:#FAFAFA; padding:6px 4px; }
textarea {resize:none;border:1px solid #CCCCCC; background:#FAFAFA; color:#666; padding:4px 4px; width:270px;}

label.error {
	float:right;
	width:auto;
	color:#FFF;
	font-size:10px;
	background-color:#9A3334;
	margin: 0px 0px 0px 6px;
	padding: 7px 4px 5px 4px;
	font-weight: normal;
}

input::-moz-focus-inner { border: 0; }

input[type=submit]:hover {
cursor:pointer;
}
input[type=submit][disabled=disabled] {background:url(../images/bg_submit_disabled.png) repeat-x;}
input.srch {color:#999; width:360px;}
.req_note {color:#CC3333;}
.req_fields {text-align:right;color:#CC3300;font-size:11px;}

#tick ,#tick2 {display:none}
#cross, #cross2{display:none}

.btl {position:absolute;top:48px; right:20px;}

.sold{position:absolute;top:0px; left:0px;width:85px !important; height:auto !important; }



.large-view {
	width:860px;
	height:434px;
	overflow:hidden;
	margin:0 auto;
	margin-bottom:20px;
	border-bottom:1px solid #CCC;

}
.thumbnails {
	width:920px;
	text-align:center;
	position:relative;
	margin:0 auto;
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #ccc;
	height:76px;

}
.thumbnails {text-align:center;}
.thumbnails ul {margin:0; display: inline-block; zoom:1; *display: inline;text-align:center;}
.thumbnails li {list-style:none; float:left; text-align:center;}

.thumbnails .prev {
	width: 6px;
	height: 9px;
	position:absolute;
	top:40px;
	left:10px;
	background: url(../images/spr-ico.png) 0 -843px no-repeat;
}
.thumbnails .next {
	width: 6px;
	height: 9px;
	position:absolute;
	top:40px;
	right:10px;
	background: url(../images/spr-ico.png) 0 -873px no-repeat;
}
.gallery_big_img {
	padding:0px;
	text-align:center;
	min-height:430px;
	margin:0 auto;
}

.gallery_detail_wrap {
Xoverflow:auto;
width:860px;
margin:0 auto;
background:url(../images/grey.gif) repeat-y 620px;
min-height:200px
}

.gallery_detail_main {float:left; width:588px; line-height:22px;}
.gallery_detail_side {float:right; width:220px;}
.gallery_detail_main > p {margin-top:0px;}
.lab {width:130px; font-weight:bold; height:26px;}

.prop_tab {margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #CCC;}

a.interested {width:100%; height:55px; background:#C5CF20; text-align:center; font-size:22px;color:#FFF;text-decoration:none; display:block; line-height:50px;}

a.interested:hover {background:#454545}



#slideshow { position: relative; }
.slider {height:380px; position:relative;margin-bottom:20px;}
.slide {height:380px; width:100%; position:relative;}

.sliderint {height:190px; position:relative;margin-bottom:20px;}
.slideint {height:190px; width:100%; position:relative;}

#menuicon, #mobmenu, #galerymobile {display:none;}
/* mobile */

#backtotop {position:fixed; bottom:10px; right:30px; display:none; padding:5px;-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px; background: rgba(255, 255, 255, 0.7);z-index:999999}

@media screen and (max-width: 1200px) {
.cont_txt { padding-bottom:15px; padding-left:15px; padding-right:15px;}
}

@media screen and (max-width: 844px) {
.nav_box {display:none;}
#social {display:none;}
#headcontact  {display:none;}
#zcebhead {position:absolute; left:4px; top:52px; z-index:10;}
#zcebhead img {height:8px; width:auto;}
#galerymobile {display:block}
#menuicon {position:absolute; top:30px; right:10px; z-index:999;display:block; border: 1px solid #FFF; }
header{height:70px; position:fixed;width:100%; z-index:120; opacity:1;}

#headerfix {height:90px; display:block;}
#headerfix.home {height:70px; display:none;}

#headerpic  {width:100%; height:118px; display:none;}
#headerpic.home  {height:340px;position:relative; margin-bottom:32px; display:block;}
#headslogan {position:absolute; width:100%; background:#FFF; bottom:20px; text-align:right; font-family:'Satisfy', Tahoma, Geneva, sans-serif; font-size:20px; color:#666; vertical-align:text-top; padding:10px 0px; }
#headslogan p {margin:0; padding:0; margin-right:20px;}
#headslogan img { vertical-align:text-top; height:16px; width:auto; padding-top:5px;} 
#headslogan span {}

#logo{ position:absolute; display:block;left:14px; top:18px; z-index:10; border-right:1px solid #FEFEFE; padding:6px 34px 6px 0;}
#logo img {height:48px; width:auto;}

#proudrealtor{ position:absolute;top:30px;left:180px; display:none;}
#proudrealtor img {height:38px; width:auto;}

#mobmenu {position:fixed; top:0; left:0px; z-index:999999; width:220px; background:#454545; height:100%; min-height:460px; height:100%; display:none;overflow:scroll;}
#menuclose {position:absolute; top:3px; right:5px; z-index:99; font-size:12px; color:#FFF;  font-weight:400;}

#mobnav {width:190px; margin:0 auto;}
#mobnav ul {list-style:none;text-align:left; margin:0; margin:20px 0 20px 0 !important; padding:0px  !important;  font-weight:400;}
#mobnav ul li a {color:#FFF; display:block; text-align:left; }
#mobnav ul li {width:190px;   font-size:15px; padding:8px 0;  border-bottom:1px dotted #FFF;}
#mobnav ul li ul {margin:2px 0 2px  0 !important;}
#mobnav ul li ul li {border-bottom:none;  font-size:13px;font-weight:400; padding:4px 0 4px 20px;}

.cont_txt_sm { width:100% !important; padding-right:0px; float:none; border-right:none; }
#side_menu {display:none;}
#cmscontent.contentside {float:none;width:100%;}
.mid { margin:0 auto; position:relative; width:96%;}

.slider {height:240px; position:relative;margin-bottom:20px;}
.slide {height:240px; width:100%; position:relative;}

.sliderint {height:110px; position:relative;margin-bottom:20px;}
.slideint {height:110px; width:100%; position:relative;}

.fc1 {float:none; margin:0 auto; width:160px; height:84px;}
.fc2 {float:none;margin:0 auto; width:160px; }
.fc3 {float:none;margin:0 auto; width:160px; }
.fc4 {float:none;margin:0 auto; width:160px;}
.fc5 {float:none;margin:0 auto;width:160px;}
h4 {margin-bottom:6px;}
	
.cont_holder{ width:96%; margin:0 auto; position:relative; margin-top:-30px !important;}
.line2{display:none;}
.house_box{ width:94%; margin:0 auto;}
.house_list li{ float:none; display:block;  width:262px; margin:0 auto; position:relative; overflow:hidden; margin-bottom:24px;}
.cont_box{padding:10px 10px;}
.gallery_detail_main {float:none; width:100%; line-height:22px;}
.gallery_detail_wrap {
overflow:auto;
width:100%;
margin:0 auto;
background:none;
min-height:200px
}
.gallery_detail_side {float:none; width:100%;}
.prop_tab {  border-bottom: none;}
.thumbnails {display:none;}
.large-view {
	width:100%;
	height:auto !important;
	overflow:hidden;
	margin:0px;
	margin-bottom:0px;
	border-bottom:none;
}
.gallery_big_img {min-height:20px;}
#imgc img {width:100%; height:auto; padding:0; padding-bottom:10px; }
#galerymobile img {width:100%; height:auto; padding:0; padding-bottom:10px; }
.interested {margin-bottom:30px;}
#intform {width:100%; font-size:13px;}
#intform td {vertical-align:top;}
input[type=text], input[type=password] {border:1px solid #CCCCCC; background:#FAFAFA; padding:6px 4px; width:160px;}
textarea { width:170px;}
label.error {
	float:left;
	width:auto;
	color:#FFF;
	font-size:10px;
	background-color:#9A3334;
	margin: 0px 0px 0px 0px;
	padding: 7px 4px 5px 4px;
	font-weight: normal;
}
}

@media screen and (max-width: 484px) {
#cmscontent img:not(.noresp) {width:100% !important; height:auto !important; padding:0; padding-bottom:10px; }
.sold{position:absolute;top:-0px !important; left:0px !important;}
}

.agent_info {padding-top:20px;width:100%; text-align:center;}

.agentpic {width:100%; height:auto; max-width:220px; margin-bottom:4px;}

.agentpiccap { margin-bottom:14px;}

a.interested2 {max-width:100%; background:#C5CF20; text-align:center; font-size:14px;color:#FFF;text-decoration:none; display:block; padding:6px 10px;}
a.interested2:hover {background:#454545}

.agent {width:38%; margin:5%; display:inline-block; margin-top:20px;  margin-bottom:20px; text-align:center; padding:0; font-size:16px;}
.agent img {width:100%; height:auto;}
.agentimg  {
-webkit-box-shadow: 0px 0px 12px -1px rgba(66,66,66,1);
-moz-box-shadow: 0px 0px 12px -1px rgba(66,66,66,1);
box-shadow: 0px 0px 12px -1px rgba(66,66,66,1);
margin-bottom:10px;
}
.agentimg {width:100%;}

.agent_det_left {float:left; width:42%; margin-left:1%}
.agent_det_left .agentimg img {width:100%; height:auto;}
.agent_det_right {float:right;width:52%; font-size:13px;}

.agent_title {font-size:24px; margin-bottom:4px; margin-top:-4px;}
.cabre {margin-bottom:14px; font-size:11px; font-weight:600;}

.agent_social  {padding:4px 0;text-align:center;  margin-bottom:6px;}
.agent_social img {height:32px; width:auto; margin:0 2px; }
.agent_contact {text-align:center; font-size:13px; line-height:1.8;}

@media screen and (max-width: 600px) {
.agent {width:100%; max-width:280px; margin:0 auto; display:block; margin-top:20px;  margin-bottom:40px; text-align:center; padding:0; font-size:16px;}
.agentimg  {}
.agent_det_left {float:none; width:100%;}
.agent_det_right {float:none;width:100%;}
}

.imgleft {float: left; margin-right: 10px;}
.imgright {float: right; margin-left: 10px;}