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


body,td,th { font-family: Arial, sans-serif; font-size: 0.9em; line-height: 1.1em; color: #000000;}
body { background-color: #fff; margin: 0px; padding:0px;}
.wrap{ margin: 0 auto; width: 1180px; position: relative;}
a:link {text-decoration: none; color: #3688DA;}
a:visited {text-decoration: none; color: #3688DA;}
a:hover {text-decoration: none; color: black;}
a:active {text-decoration: none; color: #3688DA;}
a:focus {outline: 0 !important;}
img{border:0; max-width: 100%;}
/* img, div, a, input {transition:all 400ms ease; -moz-transition:all 400ms ease; -webkit-transition:all 400ms ease;} */

.cl {display: block; clear: both; visibility: hidden;}

.fr{float:right;} .fl{float:left;}
.half{width:49%;}

.title, h1{margin: 0px; font-size: 1.1em; color:#ffffff; padding-bottom: 12px; font-family: 'Montserrat', Arial, sans-serif;}

.content{ padding-bottom: 20px; padding-top: 15px; padding-left: 78px; }
.footer{ border-top-color: #ccc; border-top-style: solid; border-top-width: 1px; margin-top: 20px; padding-left: 10px; padding-bottom: 60px; padding-right: 10px; padding-top: 20px; color: #a4a4a4; font-size: 0.8em; }
	
.nivo-caption { padding: 95px 10px 5px 10px !important; }
.youtubelink {background-size: cover; background-position: center top; background-repeat: no-repeat; width: 170px; height: 120px; float: right; border: 2px solid #fff; box-shadow: 0px 4px 5px rgba(0,  0,  0, 0.29); border-radius: 6px; margin: 0px 0px 20px 20px;}
.youtubelink a {width: 170px; height: 120px; display: block; background: url(/img/play.png) center center no-repeat;}


.nav {font-size: 1.1em; z-index: 9999; width: 30%;}
.nav ul ul {
	display: none; z-index: 9999;
}
	.nav ul li:hover > ul {
		display: block; z-index: 9999;
	}
.nav ul {
	padding: 0px;
	list-style: none;
	position: relative;
	display: inline-table;
	width: 100%;
	z-index: 9999;
	margin: 0px;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.13);
	min-height: 150px;
}
.nav ul:hover {
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.43);
}
	.nav ul:after {
		content: ""; clear: both; display: block;
	}
	.nav ul li {
		float: left;
	}
		.nav ul li:hover {
			/*
			background: #4b545f;
			background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
			background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
			background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
			*/
		}
			.nav ul li:hover a {
				color: #0B6DCE;
			}

		.nav ul li a {
			display: block;
			padding: 0px 26px 0px 0px;
			line-height: 2em;
			color: #000000;
			text-decoration: none;
		}


	.nav ul ul {
		background: #B2D6F8;
		border-radius: 0px;
		padding: 0;
		position: absolute;
		top: 100%;
		width: auto;
		box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.58);
	}
		.nav ul ul li {
			float: none;
			position: relative;
		}
			.nav ul ul li a {
				padding: 0px 18px;
				color: #000000;
				float: none;
				font-size: 0.8em;
				line-height: 2em;
			}
				.nav ul ul li a:hover {
					color: #000000 !important;
				}

	.nav ul ul ul {
		position: absolute; left: 100%; top:0;
	}


.nav ul .arr ul a { background:none; }


	.nav {
		position: absolute;
		min-height: 40px;
		z-index: 9999;
		margin: 0px 0px 0px 0px;
		width: 30%;
		top:0px; right: 0px;
		left: auto;
	}
	.nav ul li {
		display: none; /* hide all <li> items */
		margin: 0;
		float: none !important;
		position: relative;
	}
	.nav ul li ul {
		position: absolute;
		top:0px;
		left: -100%;
		width: 100%;
	}
	.nav ul .arr a { background: url(/img/menu_arrow.png) 10px center no-repeat; }

	.nav .current {
		display: block; /* show only current <li> item */
		float: none !important;
		background: url(/img/top_menu.png) top right no-repeat;
	}
	.nav a {
		display: block;
		padding: 7px 5px 7px 30px;
		text-align: left;
		float: none !important;
	}
	.nav ul li a {
		padding: 0px 5px 0px 30px;
		line-height: 2em;
	}
	.nav .current a {
		line-height: 9em;
		min-height: 100px;
		width: 200px;
		
	}	

	/* on nav hover */

	.nav ul:hover li {
		display: block;
		margin: 0 0 0px;
		background-color: #fff;
	}


	/* right nav */
	.nav.right ul {
		left: auto;
		right: 0;
	}

	/* center nav */
	.nav.center ul {
		left: 50%;
		margin-left: -90px;
	}
.pp_description {display: none !important;}

.theme-default .nivoSlider .nivo-caption img {position: relative !important; top:auto !important; left: auto !important; display: inline !important;}
.sizer{ background-color: #262626; top: 30%; right: 0px; position: fixed; opacity: 0.8; -webkit-opacity: 0.8; -moz-opacity: 0.8; }
.sizer a{ text-align: center; line-height: 26px; height: 26px; width: 20px; display: block; }
.top{ background-position: right top; background-repeat: no-repeat; height: 160px; }
.top_logo{ color: #6b6b6b; line-height: 22px; padding-top: 34px; padding-left: 0px; float: left; width: 35%; }
.top_logo a img{ padding-bottom: 10px; display: block;  line-height: 0px; }
.top_contact{ color: #6b6b6b; line-height: 22px; padding-top: 40px; padding-left: 0px; float: left; text-align: center; width: 35%; font-size: 1.2em; min-height: 109px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,dbf1ff+47,ffffff+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(219,241,255,1) 47%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(219,241,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(219,241,255,1) 47%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(219,241,255,1) 47%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(219,241,255,1) 47%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(219,241,255,1) 47%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.container{ padding: 0px 0px;  }
.box{ margin-bottom: 7px; background-color: white; border-style: solid; border-width: 1px; border-color: #b0d5f9; background: #3688DA; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.box2{ margin-bottom: 7px; background:#3688DA; border-style: solid; border-width: 1px; border-color: #a1c9f7; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.box td { color: #fff; }
.box2 td { color: #fff; }
.box3{ margin-bottom: 7px; border-style: solid; border-width: 1px; border-color: #ffffff; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; background: #F4F4F4;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.47);
}
.box4{ font-size: 0.9em; padding: 20px; margin-bottom: 7px; background-color: #fff; border-style: solid; border-width: 1px; border-color: #a1c9f7; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; background: #3688DA;
}
.normalbox { margin-bottom: 7px;
border-style: solid;
border-width: 1px;
border-color: #ffffff;
border-radius: 6px 0px 6px 6px;
-moz-border-radius: 6px 0px 6px 6px;
-webkit-border-radius: 6px 0px 6px 6px;
background: #F4F4F4;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.47);
color: #000 !important;
}
.lighterbox { margin-bottom: 7px;
border-style: solid;
border-width: 1px;
border-color: #ffffff;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
background: #ffffff;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
color: #000 !important;
}
.normalbox h1, .normalbox .title, .normalbox .paginate, .normalbox .property a {color: #000;}
.normalbox .propright, .normalbox .summary {color: rgba(0, 0, 0, 0.81) !important;}
.normalbox .property .item *, .normalbox .property .item div {color: #000 !important;}
.normalbox .property .item .listingprice b {color: #fff !important;}
.paginate {color: #fff;}
.property a {color: #fff;}
.property .item {color: #fff !important;}
.property .item div {color: #fff !important;}
.left{ float: left; width: 70%; }
.right{ float: right; width: 28%; }
.right a {color: #fff;}
.imgr{ padding-bottom: 10px; padding-left: 15px; float: right; }
.imgl{ padding-right: 25px; padding-bottom: 10px; float: left; }
.b1{ font-weight: bold; background: #3688DA; padding-right: 30%; padding-left: 20px; padding-bottom: 6px; padding-top: 20px; }
.bpromo{ font-weight: bold; padding-right: 20px; padding-left: 20px; padding-bottom: 0px; padding-top: 11px; }
.b2{ background: #3688DA; padding-right: 30%; padding-left: 20px; padding-bottom: 16px; padding-top: 20px; }
.b3{ background: #3688DA; padding-right: 30%; padding-left: 20px; padding-bottom: 16px; padding-top: 20px; }
.b6{ background: #3688DA; padding-right: 30%; padding-left: 20px; padding-bottom: 16px; padding-top: 20px; height: 40px; }
.b6 a {color: white;}
/*.b6stripe {background-position: left bottom; background-repeat: no-repeat; background-image: url(/img/box_rb_soldbelt.jpg); border-radius: 6px;}*/
.bnob {background: #fff; padding: 20px;}
.b4{ padding-right: 20px; padding-left: 20px; padding-bottom: 16px; padding-top: 20px; }
.b5{ background: #3688DA; padding-right: 30%; padding-left: 20px; padding-bottom: 16px; padding-top: 20px; }
.b7{ background: #3688DA; padding-left: 15%; padding-bottom: 3px; padding-top: 20px; }
.b8{ background: #3688DA; padding-left: 15%; padding-bottom: 3px; padding-top: 20px; }
.p0{ padding-bottom: 15px; padding-left: 20px; padding-right: 20px; padding-top: 20px; }
.p1{ padding-right: 20px; padding-left: 20px; padding-bottom: 10px; padding-top: 20px; }
.p2{ padding-right: 20px; padding-left: 20px; padding-bottom: 0px; padding-top: 20px; }
.boxanim{ margin-bottom: 7px; background-color: white; border-style: solid; border-width: 1px; border-color: #b0d5f9; background: #3688DA; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.borr {border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;}
table { margin-bottom: 10px; border: 0px none; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3); border-collapse: collapse; width: 100%; }
table tr { border-top: 1px solid rgba(255, 255, 255, 0.91); border-left: 1px solid rgba(255, 255, 255, 0.62); }
table td { padding-right: 10px; padding-left: 10px; padding-bottom: 3px; padding-top: 3px; vertical-align: top; border-bottom: 1px solid rgba(255, 255, 255, 0.12); border-right: 1px solid rgba(255, 255, 255, 0.32);}
table input { margin-bottom: 5px; width: auto; padding: 5px; color: #3688DA !important;}
.box td input { color: #3688DA !important;}
.search { width: 100%; }
.small { font-size: 0.8em; }
.small h1 { font-size: 1.4em; color: #3688DA; }
.price { font-weight: bold; font-size: 0.7em; padding-top: 1px; padding-left: 6px; padding-bottom: 1px; padding-right: 6px; position: absolute; margin-top: -4px; color: white; z-index: 1000; background-color: #1473d1; }
.third { float: left; padding-right: 8px; width: 30%; }
.third img { padding-top: 0px; display: block; z-index: -1; }
h2 { padding-left: 0px; padding-bottom: 6px; padding-right: 0px; padding-top: 0px; margin: 0px; font-size: 0.8em; }
.desc { line-height: 1.2em; font-size: 0.7em; padding-top: 15px; }
.elr { float: right; }
.box2 select { padding: 2px; width: 100%; }
.box2 input { line-height: 20px; }
h2 { font-size: 1em; }
h3 { padding-left: 0px; padding-bottom: 6px; padding-right: 0px; padding-top: 0px; margin: 0px; font-size: 1em; }
.greyer { color: #8f8f8f; }
.box input, .box select, .box textarea { width: 90%; }
.buttonlink:link, .buttonlink:active, .buttonlink:visited { padding-left: 10px; padding-bottom: 6px; padding-right: 10px; padding-top: 6px; margin-left: -6px; margin-bottom: -6px; margin-right: 9px; margin-top: -6px; background-color: #fbee97; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; color: #000 !important; }
.buttonlink:hover { padding-left: 12px; padding-bottom: 8px; padding-right: 12px; padding-top: 8px; margin-left: -8px; margin-bottom: -8px; margin-right: 9px; margin-top: -8px; color: #fff !important; background-color: #2a70cb;  border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
.buttonlinksel:link, .buttonlinksel:active, .buttonlinksel:visited { padding-left: 10px; padding-bottom: 6px; padding-right: 10px; padding-top: 6px; border-bottom-color: #2c73cf; border-bottom-style: solid; border-bottom-width: 1px; font-weight: bold; margin-left: -6px; margin-bottom: -6px; margin-right: 9px; margin-top: -6px; background-color: #fbe01e; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; }
.buttonlinksel:hover { padding-left: 12px; padding-bottom: 8px; padding-right: 12px; padding-top: 8px; font-weight: bold; margin-left: -8px; margin-bottom: -8px; margin-right: 9px; margin-top: -8px; color: white; background-color: #2a70cb;  border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
.paginate a:link, .paginate a:active, .paginate a:visited { font-size: 0.9em; margin-left: -1px; line-height: 2em; border-color: #f2f2f2; border-style: solid; border-width: 1px; padding-left: 4px; padding-bottom: 4px; padding-right: 4px; padding-top: 4px; margin-right: -1px; background-color: rgba(255, 255, 255, 0.23); border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; }
.paginate a:hover { color: white; margin-bottom: -2px; margin-top: -2px; font-size: 0.9em; margin-left: -3px; line-height: 2em; border-color: #f2f2f2; border-style: solid; border-width: 1px; padding-left: 6px; padding-bottom: 6px; padding-right: 6px; padding-top: 6px; margin-right: -3px; background-color: #a8a8a8; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; }
.cl2 {display: none;}

.sixth {width: 15.666%; float: left; margin: 0px 0.5% 5px 0.5%; text-align: center; }
.sixth h1 {margin-top: 10px;}
.sixthpad {min-height: 190px; background-size: contain; background-repeat: no-repeat; background-position: center top; }
.sixthpad a {min-height: 190px; display: block; }
.hw input, .hw textarea,.hw select { width: 48%; }
.tw input, .tw textarea, .tw select { width: 82%; }
.nbm { margin-bottom: 0px; }
.item { text-overflow: clip; overflow: hidden; height: 120px; border-bottom-color: rgba(255, 255, 255, 0.14); border-bottom-style: dashed; border-bottom-width: 1px; margin-bottom: 10px; padding-bottom: 20px; padding-top: 10px; padding-left: 20px;padding-right: 20px; }
.property .item:hover { text-overflow: clip; overflow: hidden; height: auto; min-height: 120px; border-bottom-color: #dddddd; border-bottom-style: solid; border-bottom-width: 1px; margin-bottom: 10px; padding-bottom: 10px; padding-top: 10px; }
.paginate { padding-top: 10px; border-bottom-color: #cfcfcf; border-bottom-style: solid; border-bottom-width: 1px; margin-bottom: 10px; padding-bottom: 10px; }
.date { font-size: 0.8em; color: #cfcfcf; }
.imgd { font-weight: bold; font-size: 0.8em; }
.gal_top { text-align: center; background-color: rgba(255, 255, 255, 0.15); }
.thumbrow a { margin: 5px; border-color: #ededed; border-style: solid; border-width: 1px; }
.thumbrow { background-color: rgba(255, 255, 255, 0.09); }
.pricebig { color: white; padding-top: 5px; padding-right: 20px; text-align: center; height: 60px; width: 183px; float: left; line-height: 60px; font-size: 2.1em; background-color: #247ed7; position: relative;
	
background: #247ed7; /* fallback */
background:
	linear-gradient(135deg, transparent 0px, #247ed7 0) top left,
	linear-gradient(225deg, transparent 23px, #247ed7 0) top right,
	linear-gradient(315deg, transparent 23px, #247ed7 0) bottom right,
	linear-gradient(45deg,  transparent 0px, #247ed7 0) bottom left;
background-size: 51% 51%;
background-repeat: no-repeat;
}

.enquirelink a { padding-top: 20px; height: 50px; width: 117px; margin-top: 10px; display: block; clear: both; padding-right: 40px; padding-left: 26px; font-size: 1.2em;
background: #FFE246; /* fallback */
background:
	linear-gradient(135deg, transparent 0px, #FFE246 0) top left,
	linear-gradient(225deg, transparent 25px, #FFE246 0) top right,
	linear-gradient(315deg, transparent 25px, #FFE246 0) bottom right,
	linear-gradient(45deg,  transparent 0px, #FFE246 0) bottom left;
background-size: 51% 51%;
background-repeat: no-repeat;
}


.statusbig { margin-top: 10px; color: white; padding-top: 5px; padding-right: 20px; text-align: center; background-position: left top; background-repeat: no-repeat; background-image: url(/img/statusbig.jpg); height: 60px; width: 183px; float: left; line-height: 60px; font-size: 1.3em; background-color: #ff7700; }
.listingprice { margin-top: -30px; margin-left: 10px; padding-left: 10px; color: white; padding-top: 5px; text-align: center;  height: 30px; width: 130px; float: right; line-height: 30px; font-size: 1.7em; }
.listingprice:hover { margin-left: 0px; padding-left: 10px; color: white; padding-top: 5px; text-align: center; height: 30px; width: 140px; float: right; line-height: 30px; font-size: 1.7em; }
.box input.form_right2 { height: 14px; width: 14px; display: inline; }
.top_logo a { color: #6b6b6b; }
.propright, .summary {color: #ffffff !important;}
.box a, .box, .box td, .box td * {color: #fff !important;}
.bnob {color: #000000 !important;}
.bnob a {color: #3688DA !important;}
/* tag cloud */
.tagcloud {word-wrap: break-word; word-break: break-all; text-align: center; padding: 10px 0px 10px 0px; margin: 0;}
.tagcloud ul { list-style-type: none; }
.tagcloud li {display: inline; padding-right:10px; }
.tagcloud a:hover{color: #000000;}
.tagcloud .cloudlevel1 {font-size:  0.9em; color: #4b6ab7;}
.tagcloud .cloudlevel2 {font-size:  1.1em; color: #3c5eb7;}
.tagcloud .cloudlevel3 {font-size:  1.2em; color: #3256b7;}
.tagcloud .cloudlevel4 {font-size: 1.3em; color: #224ab7;}
.tagcloud .cloudlevel5 {font-size: 1.4em; color: #0d3ab7;}
.tagcloud .cloudlevel6 {font-size: 1.5em; color: #0535b7;}
.tagcloud .cloudlevel7 {font-size: 1.7em; color: #3688DA;}
.tagresult .head{font-size:16px; padding-bottom:8px;}
.tagresult a{font-size:13px;}

.half .imgl {max-width: 50%;}
.half .imgl img {max-width: 100%;}
.third .imgl {max-width: 100%;}
.third .imgl img {max-width: 100%;}
/* faq styles */
.faq_item { padding-top: 10px; }
.faq_q { font-weight: bold; }
.faq_a { padding: 5px 0px 0px 15px; }
.adviceitem { padding-right: 15px; padding-left: 15px; padding-top: 10px;border-bottom-color: #d2d2d2; border-bottom-style: solid; border-bottom-width: 1px; padding-bottom: 15px; margin-top: 15px; background: rgba(255, 255, 255, 0.15); border-radius: 6px;
}
.imagetile {min-height: 200px; display: block; background-size: cover; background-repeat: repeat; background-position: center center; border-radius: 8px; margin-bottom: 10px;}

.head {
	padding-top: 10px;
	font-weight: bold;
	font-size: 1.6em;
}
.item h4 {
	margin-bottom: 5px;
	padding-bottom: 0px;
	margin-top: 0px;
	padding-top: 10px;
	font-size: 1.2em;
}
.news .item {
	height: auto;
}
.statusline {
	font-size: 1.2em;
	font-weight: bold;
	color: red;
}

.box3 h2 {padding-bottom: 10px;}

.sold_overlay {width: 133px; height: 77px; background: url(/img/soldmask.gif) top left no-repeat; margin-bottom: -77px; z-index: 1000 !important; position: absolute;}
.box3 img {z-index: -5;}
.box3 {position: relative;}

.box4 h2 {padding-bottom: 10px;}
.box4 img {z-index: -5;}
.box4 {position: relative;}

.ad {position: absolute; top:40px; left: 442px;}
.constrimg {max-width: 350px;}

.box img {max-width: 100%;}
.box table {max-width: 100%;}
.theme-default .nivo-controlNav {padding: 5px 0px !important;}
.blue {color: #3688DA !important;}

.imgr, .imgl {max-width: 50%;}
.imgr img, .imgl img {max-width: 100%;}

@media screen and (max-width: 1180px) {
.wrap {width: 99%;}
.itempromo {width: 25%; margin-right: 0px;}
.itempromo h2 {padding: 7px;}
body {font-size: 0.8em; line-height: 1.2em; }
.footerlogos img { height: 34px;}
.socialtop {width: 370px;}
.tiledescription {width: 48%; min-height: 205px; margin-right: 0px;}
.tileframe {width: 100%; height: 136px;  }
.tileframe a {width: 100%; height: 146px; display: block;}
.b8 {padding-left: 25%;}
.box img {max-width: 100%;}
.nivoSlider {height: auto !important;}
img {max-width: 100% !important; max-height: auto !important; }
.sixth {width: 32.33%; float: left; margin: 0px 0.5% 5px 0.5%; text-align: center; }
.sixth h1 {margin-top: 10px;}
.sixthpad {min-height: 190px; background-size: contain; background-repeat: no-repeat; background-position: center top; }
.sixthpad a {min-height: 190px; display: block; }
.nivo-caption { padding: 35px 10px 5px 10px !important; }
.nivo-caption h1 {font-size: 3em; letter-spacing: 0.0325em; line-height: 1em;}
.nivo-caption h2 {font-size: 1.6em; letter-spacing: 0.0325em; line-height: 1em;}
.nivo-caption h3 {font-size: 1em; letter-spacing: 0.0325em; line-height: 1em;}
}

@media screen and (max-width: 990px) {
.nivo-caption { padding: 15px 10px 25px 10px; }
.nivo-caption h1 {font-size: 3.5em !important; letter-spacing: 0.0325em; line-height: 1em;}
.nivo-caption h2 {font-size: 2.2em !important; letter-spacing: 0.0325em; line-height: 1em;}
.nivo-caption h3 {font-size: 1em; letter-spacing: 0.0325em; line-height: 1em;}
.theme-default .nivoSlider .nivo-caption img {height: 50px !important}

}

@media screen and (max-width: 870px) {

.nav ul li a { padding: 0px 16px;}
.top_contact {float: none; clear: both; padding-top: 15px;}
.top_contact br {display: none;}
.container {padding-top: 0px;}
.theme-default {background-color: #2D5781 !important;}
.theme-default .nivoSlider {height: auto !important; }

.nivo-caption { padding: 5px 10px 0px 10px !important; }
.nivo-caption h1 {font-size: 2.7em !important; letter-spacing: 0.0325em; line-height: 1em;}
.nivo-caption h2 {font-size: 1.7em !important; letter-spacing: 0.0325em; line-height: 1em;}
.nivo-caption h3 {font-size: 1em; letter-spacing: 0.0325em; line-height: 1em;}
.theme-default .nivoSlider .nivo-caption img {height: 40px !important}
.nivo-caption p {padding: 0px 0px !important;}
.top_contact{ color: #6b6b6b; line-height: 22px; padding-top: 10px; padding-bottom: 10px; padding-left: 0px; float: left; text-align: center; width: 100%; font-size: 1.2em; min-height: 0px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,dbf1ff+47,ffffff+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(219,241,255,1) 47%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(219,241,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(219,241,255,1) 47%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(219,241,255,1) 47%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(219,241,255,1) 47%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(219,241,255,1) 47%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.top_contact b, .top_contact img {padding-left: 10px; padding-right: 10px;}
.nav .current a {
	line-height: 5em;
	min-height: 80px;
	width: 200px;
}
.nav ul {min-height: 0px;}
.nav .current {background-size: contain;}
.top_logo {padding-top: 14px; padding-bottom: 10px}
}

@media screen and (max-width: 840px) {
.wrap {width: 99%;}
.itempromo {width: 25%; margin-right: 0px;}
.itempromo h2 {min-height: 40px;}
.socialtop .text {display: none;}
.socialtop {width: auto; position: absolute; right: 10px; top: 0px;}
.fb-like {float: right;}
.tiledescription {width: 48%; min-height: 205px; margin-right: 0px;}
.tileframe {width: 100%; height: 136px;  }
.tileframe a {width: 100%; height: 146px; display: block;}
.imgr img {width: 210px;}
.containimg {width: auto;}
.half {width: 100%; }
.third {width: 50%; padding-right: 0px !important;}
.cl3 {display: none !important;}
.gal_item_grid {width: 33.3%;}
.gridimg img {height: 190px;}
.contactlocation {width: auto !important;}
.topmenu { padding-left: 0px; padding-right: 22px; }
body { background-image: none;}
.right {width: 100%; float: none;}
.left {width: 100%; float: none; overflow: auto;}
.boxanim {background-size: cover;}
.b8 {background-image: none !important; padding-left: 20px; }
.bpromo center {text-align: left !important; }
.half .imgl {max-width: 50%;}
.half .imgl img {max-width: 100%;}
.third .imgl {max-width: 50%;}
.third .imgl img {max-width: 100%;}
.cl2 {display: block; clear: both; visibility: hidden;}
.top_logo {width: 50%; text-align: center; padding-left: 0px; float: left; padding-top: 10px;}

.col1{ font-size: 0.9em; line-height: 1.4em; float: none; width: auto; }
.col2{ font-size: 0.9em; line-height: 1.4em; float: none; width: auto; }
.current a {color: transparent !important;}
.nav ul {box-shadow: none;}
.nav .current a {width: auto;}

}

@media  screen and (max-width: 680px) {
.theme-default .nivoSlider {min-height: 260px !important;}
.nivo-main-image, .theme-default .nivoSlider img {min-height: 260px !important; width: auto !important; max-width: 160% !important}
.nivo-main-image, .theme-default .nivoSlider .nivo-caption img {min-height: 0px !important; width: auto !important;}
.nivo-caption { padding: 5px 10px 5px 10px !important; }
.nivo-caption h1 {font-size: 3em !important; letter-spacing: 0.0325em; line-height: 1em;}
.nivo-caption h2 {font-size: 2em !important; letter-spacing: 0.0325em; line-height: 1em;}
.nivo-caption h3 {font-size: 1em; letter-spacing: 0.0325em; line-height: 1em;}
.theme-default .nivoSlider .nivo-caption img {height: 35px !important}
.nivo-caption p {padding: 0px 0px !important;}	
	
}

@media  screen and (max-width: 640px) {
.gal_item_grid {width: 50%;}
.gridimg img {height: 160px;}
.top {background:  none !important;}
.half .imgl {max-width: 50%;}
.half .imgl img {max-width: 100%;}
.third .imgl {width: 50% !important;}
.third .imgl img {max-width: 100%;}
	.nav {
		margin: 0px 0px 0px 0px;
	}
	.nav ul {
		width: 100%;
		float: left;
		right: 0px;
		left: 0px;

	}
	.topmenu { padding-left: 22px; padding-right: 22px; }
	.nav ul li ul {
		position: absolute;
		top:0px;
		left: -100%;
		right: auto;
		width: 100%;
		
		
	}
	.nav ul .arr a { background: url(/img/menu_arrow_r.png) 10px center no-repeat; }
	.top_logo a img {margin-left: auto; text-align: center; margin-right: auto;
	margin-bottom: 0px;
	line-height: 0px; max-width: 90%;}
	.top_contact {padding-top: 50px; padding-left: 0px; font-size: 0.9em;}
	.third {width: 100%;}
	.grid tr td {display: block; width: 100% !important;}
	.listingprice {display: block; float: none; clear: both; margin-top: 5px; margin-left: 0px; padding-left: 0px; background-image: none; width: 100%; padding: 0px; position: absolute; bottom: 0px; left: 0px; box-shadow: 0px -5px 20px #fff;}
	.item {position: relative; }
	.property .item {
		height: 160px;
	}
	.property .item:hover {
		height: 160px;
		border-bottom-color: rgba(255, 255, 255, 0.14);
		border-bottom-style: dashed;
		border-bottom-width: 1px;
		margin-bottom: 10px;
		padding-bottom: 10px;
		padding-top: 10px;
	}
	.listingprice:hover {
		display: block; float: none; clear: both; margin-top: 5px; margin-left: 0px; padding-left: 0px; background-image: none; width: 100%; padding: 0px; position: absolute; bottom: 0px; left: 0px;
	}
	.enquirelink {width: 100%;}
	.propright, .propleft {width: 100% !important; float: none !important;}
	.gal_top img {height: auto;}
}

@media  screen and (max-width: 540px) {
.theme-default .nivoSlider {min-height: 200px !important;}
.nivo-main-image {min-height: 200px !important; width: auto !important;}
.nivo-caption { padding: 10px 30px 5px 30px !important; }
.nivo-caption h1 {font-size: 2em !important; letter-spacing: 0.0325em; line-height: 1em;}
.nivo-caption h2 {font-size: 1.6em !important; letter-spacing: 0.0325em; line-height: 1em;}
.nivo-caption h3 {font-size: 1em; letter-spacing: 0.0325em; line-height: 1em;}
.theme-default .nivoSlider .nivo-caption img {height: 40px !important}
.nivo-caption p {padding: 0px 0px !important; min-height: 0px !important; display: block;}	
	
}

@media  screen and (max-width: 480px) {
.enquirelink a { padding-top: 20px; height: 50px; width: 117px; margin-top: 10px; display: block; clear: both; padding-right: 40px; padding-left: 26px; font-size: 0.8em;
}

.nivo-caption { padding: 15px 30px 5px 30px !important;}
.nivo-caption h1 {font-size: 1.3em !important; letter-spacing: 0.0325em; line-height: 1em; margin: 0px !important; padding: 0px !important;}
.nivo-caption h2 {font-size: 1.2em !important; letter-spacing: 0.0325em; line-height: 1em; margin: 0px !important; padding: 0px !important;}
.nivo-caption h3 {font-size: 0.9em; letter-spacing: 0.0325em; line-height: 1em; margin: 0px !important; padding: 0px !important;}
.theme-default .nivoSlider .nivo-caption img {height: 40px !important}
.nivo-caption p {padding: 0px 0px !important; min-height: 0px !important; display: block; margin: 0 auto;}	
	
.wrap {width: 92%; margin: 0 auto}
.top {position: relative;}
body {font-size: 1.1em;}
.half .imgl {max-width: 50%;}
.half .imgl img {max-width: 100%;}
.third .imgl {width: 100% !important; max-width: 100%}
.third .imgl img {max-width: 100%;}
.toplink, .toplink a {height: 90px;}
.itempromo {width: 25%; margin-right: 0px; word-break: break-word;}
.itempromo h2 {min-height: 60px;}
.logoinspromo {height: 100px;}
.socialtop .text {display: none;}
.socialtop {width: auto; position: absolute; right: 10px; top: 0px;}
.fb-like {position: absolute !important; top: 37px; right: 0px; padding: 0px 0px 0px 0px; float: none; height: 35px; overflow: visible;}
.tiledescription {width: 48%; min-height: 205px; margin-right: 0px;}
.tileframe {width: 100%; height: 136px;  }
.tileframe a {width: 100%; height: 146px; display: block;}
.imgr img {width: 160px;}
.containimg {width: auto;}
.tiledescription {min-height: 170px;}
.oferta .tiledescription {min-height: 200px}
.fl {float: none;}
.half {width: 100%;}
.socialitem {display: none;}
footer .half {width: auto;}
footer .fl, footer .fr {float: none;}
.gridimg img {height: 120px;}
.nivoSlider {height: 240px !important;}
.left img {width: 100% !important; height: auto !important; }
.sixth {width: 49%; float: left; margin: 0px 0.5% 5px 0.5%; text-align: center; }
.sixth h1 {margin-top: 10px;}
.sixthpad {min-height: 190px; background-size: contain; background-repeat: no-repeat; background-position: center top; }



}

@media  screen and (max-width: 400px) {
.nivoSlider {height: 180px !important;}



}


/* Related Developement css */

#developement_wrapper .box3.p1 {
  float: left;
  height: auto;
  width: 95%;
}

.development_content_wrapper {
  float: left;
  width: 100%;
}
.development_box.p1 {
  float: left;
  padding: 2%;
  width: 96%;
}
.dev_images {
  float: left;
  margin: 20px 20px 0 0;
}