@font-face {
	font-family: 'Cuprum', sans-serif;
	src: url('fonts/din.eot');
	src: url('fonts/din.eot@#iefix') format('embedded-opentype'), url('fonts/din.woff') format('woff'), url('fonts/din.ttf') format('truetype'), url('fonts/din.svg.xml#din') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {	color:#555;	font:normal 13px/22px Arial;font-family: 'Open Sans',Arial, Helvetica, sans-serif; background:url(../images/bgmain.png) #eee;     border-top: 3px solid #72B70F;}
header{
	background: #fff;
}
h1,h2,h3,h4,h5 { font-weight:normal; font-family: 'Cuprum', sans-serif;margin: 0;padding: 0;color: #000}
h1{font-size: 60px; margin-bottom: 25px;color: #fff;}
h2{font-size: 35px; letter-spacing: -1px;margin-bottom: 15px;}
h3{margin: 0 0 15px 0; font-size: 25px;}
h4{margin: 10px 0; font-size: 19px;}
h5{margin: 0 0 5px 0; font-size: 17px;}
h6{margin: 0 0 10px 0; font-size: 14px;}

h4 span{margin-right: 5px; font-size: 15px;}
h6 span{margin-right: 5px; font-size: 12px;}


p{margin-bottom: 30px;}
a{color:#72b70f; text-decoration:none;outline: none;}
a:hover{color:#333;}
.spacer{margin-top: 15px;margin-bottom:15px;}
.center{text-align: center;}
.fullwidth{width: 100%;}
select,input{outline: 0; margin-bottom: 20px;}
a.more{background-color: #222; padding: 2px 6px;color: #fff; text-transform: uppercase; font-size: 11px;}
a.more:hover{background: #64a30a;text-decoration: none;}

table{background-color: #fff;}

.btn{border-radius: 5px; font-family: 'Cuprum', sans-serif; outline: none;}
.btn-success{ background: #72b70f;border:1px solid #72b70f;padding:6px 20px; font-size:16px; width: 100%; }
.btn-primary{ background: #64a30a;border:none;width: 100%;border-radius: 0px;}
.btn-info{background: #333;border:4px solid #ddd;padding: 3px 20px; font-size:20px; border-radius: 20px;  }

.thumbnail{ background-color:#fff;}

.header {padding: 12px 0;}
.header ul{list-style: none;margin: 0; padding: 0;margin-top: 25px;}
.header ul li{ display: inline-block; padding: 0 0 0 40px;}
.header ul li a{ font-size: 19px;font-family: 'Cuprum', sans-serif;text-transform: uppercase;}
.header ul li a:hover{text-decoration: none;}

.navbar-inverse{    
	background-color: #f9f9f9;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.9);
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.9);
}
.navbar-inverse .navbar-nav > li > a{font-size: 16px;font-weight: 500;font-family: 'Cuprum', sans-serif;text-transform: uppercase;
padding: 14px 22px 14px 22px;    border-right: 1px solid #E5E5E5;}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus{
	background: #ffffff;
	color: #e64100;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{   
	background: #ffffff;
	color: #e64100;
	border-top: 1px solid #cecece;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;   
}

.banner-search{background:url(../images/bginside.jpg) #111;color: #fff;padding: 20px 0 10px 0; font-size: 16px;}
.banner-search h3{color: #fff;}


.properties-listing .viewall{margin-top: 5px;}
.properties-listing div.properties{
	padding: 10px;
	background-color: #f9f9f9;
	text-align: center;
	margin-bottom: 20px;
	border: 1px solid #DCDCDC; }
	.owl-wrapper-outer div.properties{margin: 0 5px;}
	.properties-listing div.properties .image-holder{position: relative;}
	.properties-listing div.properties .status{position: absolute;bottom: 0;z-index: 100;display: block;width: 100%;color: #fff;padding:0 3px;text-align: right; font-size: 12px;}
	.properties-listing div.properties p{margin-bottom: 10px; font-size: 14px;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;padding: 5px 0;font-family: 'Cuprum', sans-serif;}

	.listing-detail{margin-bottom: 30px;}
	.listing-detail span{color: #fff; width: 25px; height: 25px; background-color: #555;display: inline-block;border-radius:25px; text-align: center;line-height: 26px; font-size: 14px;cursor: crosshair;}
	.listing-detail span:hover{background: #72b70f;}


	.status.sold{background: rgba(0, 0, 0, 0.4);}
	.status.new{background:rgba(190,7,46,0.8);}

	.recommended{position: relative;}
	.recommended .carousel-indicators{position: absolute;text-align: left;left: 0;bottom: -40px;margin: 0;}
	.recommended .carousel-indicators li{border: 1px solid #888;}
	.recommended .carousel-indicators .active{background-color:#ccc; }
	.recommended p{margin: 5px 0 10px 0;}


	.modal-content{padding: 20px;}
	.login .form-group input{padding: 10px; height: 50px;}

	.register input{padding: 10px; height: 50px;}
	.contact input{padding: 10px; height: 50px;}
	.register input,.register textarea,.contact input,.contact textarea{ margin-bottom: 15px;}
	.login button,.register button,.contact button{width: 100%;border-radius: 5px;}

	/*inside*/
	.inside-banner{background:url(../images/bginside.jpg) #222;color: #fff; padding: 30px 0;}
	.inside-banner h2{margin: 0; color: #fff;}
	.inside-banner span{margin-top: 10px;}

	.search-form {margin-bottom: 50px;}
	.search-form h4{margin: 17px 0;}


	.hot-properties {margin-bottom: 50px;}
	.hot-properties img{width: 68px; height: 68px;}
	.hot-properties h4{margin-bottom: 20px;}
	.hot-properties .row{margin-bottom: 20px;}
	.hot-properties .row p{margin-bottom: 5px;}

	.sortby .result{margin-top: 10px;}

	.property-info{margin:0 0 30px 0;}
	.property-info span{margin-right: 5px;}
	.property-info p{margin-bottom:10px; }
	.property-info p.price{font-size: 28px;color: #72b70f;padding:0;border-radius: 5px;}
	.property-info .profile{margin-top: 30px;}
	.property-info .profile p{padding-left: 20px; color: #999;}

	.enquiry input,.enquiry textarea{margin-bottom: 10px;}
	.enquiry button{border-radius: 5px;}

	.blog .info{color: #999;margin-bottom: 10px;font-size: 12px;}
	.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{background-color: #72b70f;border-radius: 0;color: #fff;border: none;}
	.blog .tabbable .tab-content ul li{margin: 15px 0;}
	.blog .row{margin-bottom: 50px;}

	.agents .row{margin-bottom:40px; }
	.agents .row h4{margin: 0;}



	/*footer*/
	.footer{background:url(../images/bg.jpg) #222; padding: 20px 0; color: #999;} 
	.footer h4{color: #fff;border-bottom: 2px solid #131313;margin-bottom: 10px;padding-bottom: 10px;}
	.footer ul{list-style: none;padding: 0; }
	.footer a:hover{color: #fff;}
	.footer p.copyright{margin: 10px 0 0 0;}


	@media (max-width: 600px) {
		.header{text-align: center;}
		.header ul{width: 100%;margin-bottom: 20px;}
		.header ul li{padding: 0 20px;}
		h1{font-size: 40px;}
		h2{font-size: 25px;}
		.login {margin-bottom: 40px;}
		.searchbar button{margin-bottom: 40px;}
		.footer .col-sm-3{margin-bottom: 30px;}
		.agents img{ margin-bottom: 20px;}
	}

	.contact-box{
		width:200px;height:50px;right:30px;top:40px;text-align:right;font-size: 15px;
	}
	ul.social-links {
		text-align: right;
		margin-top:10px;
	}
	ul.social-links li{
		display: inline-block;
		padding: 0 0 0 4px;
	}
	.navbar-wrapper{
		margin-top: 14px;
	}

	.cam_cnt h2{
		font-size: 40px;
	}
	.cam_cnt{
		background: rgba(0,0,0,0.6);
		padding: 12px 12px;
	}
	.cam_cnt h3{
		margin-bottom: 0px;
	}
	.latestpost{
		padding-left: 0px;
	}

	.latestpost li {
		padding: 0 0 0 30px;
		margin: 0 0 20px 0;
		list-style-type: none;
		background: url(../images/tick.png) 0 2px no-repeat;
	}

	.latestpost li h3 a:hover {
		color: #e64100;
		text-decoration: none;
	}
	.latestpost li h3 a {
		color: #2c323c;
		text-decoration: none;
		font-size: 20px;
	}
	.latestpost li .post-info {
		font-size: 11px;
		font-style: italic;
		color: #e64100;
	}

	.inner-content{
		background: #fff;
		padding: 10px 20px;
		box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
		margin-top: 15px;
		margin-bottom: 15px;
	}

	.image-left{
		float: left;
		margin-right: 15px;
	}

	.read-more{
		width: auto;
		padding: 8px 16px;
		background: #535e70;
		color: #fff;
	}
	.read-more:hover{
		background: #72B70F;
		color: #fff
	}
	.navbar-collapse{
		padding: 0px;
	}

	.login-btn{
		float: right !important;
		padding: 6px 18px 5px 18px;
		font-family: 'Cuprum', sans-serif;
		font-size: 16px;
		background: #72B70F;
		color: #fff;
		margin-top: 7px;
	}
	.login-btn:hover,.login-btn:active,.login-btn:visited,.login-btn:focus{
		color: #fff
	}
	.loggedinwrapper{
		display: inline-block;
		float: right;
		
		font-size: 16px;
		font-family: 'Cuprum', sans-serif;
	}
	.loggedinwrapper .dropdown{
		display: inline-block;
	}
	.border-bottom{
		border-bottom: 1px solid #C2D6D8;
		padding-bottom: 4px;
	}
	.address {
		overflow: hidden;
		width: 100%;
		margin: 0;
		padding: 0;
		color:#333
	}
	.address dt {
		float: left;
		width: 280px;
		margin-right: 20px;
		padding: 0 0 0 55px;
		background: none;
		font-size: 1em;
		line-height: 20px;
		background: url(../images/address-icon1.png) no-repeat 0 3px;
	}
	.address dd {
		float: left;
		width: 300px;
		padding: 0 0 0 53px;
		background: url(../images/address-icon2.png) no-repeat 0 3px;
	}
	.address dd ul {
		list-style-type: none;
		padding: 0;
		margin: 0;
	}
	.address dd ul li {
		background: none;
		padding: 0;
	}
	.address dd span {
		float: left;
		width: 70px;
	}
	.navbar-inverse .navbar-toggle{
		background: #72B70F;
	}
	.portfolio .nomargin {
		margin-right: 0 !important;
	}
	.portfolio a.image-wrap {
		display: block;
		overflow: hidden;
		width: 100%;
		position: relative;
		background: #f5f5f5 url(../images/loading-folio.gif) 50% 50% no-repeat;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	.portfolio a.image-wrap img {
		float: left;
	}
	.portfolio .folio-desc {
		margin-bottom: 0;
		padding: 22px 10px 22px 17px;
	}
	.portfolio p.excerpt {
		padding: 0;
	}
	.zoom-icon {
		display: block;
		position: absolute;
		left: 0;
		top: -300px;
		width: 100%;
		height: 100%;
		background: url(../images/magnify.png) 50% 50% no-repeat;
		cursor: pointer;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
	}
	a.image-wrap:hover .zoom-icon {
		top: 0px;
	}
	.img-border{
		border: 1px solid #E1E3E4;
		background: #F3F3F3;
		padding: 8px;
	}
	.figure-caption{
		background: #F3F3F3;
		display: block;
		padding: 8px 10px 0px 10px;
		font-weight: 600;
		font-size: 13px;
		text-align: center;
	}
	.excerpt{
		background: #F5F7F7;
		padding: 15px;
		border: 1px solid #E0E2E3;
	}







	#cssmenu:after,
	#cssmenu > ul:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}
	#cssmenu #menu-button {
		display: none;
	}

	#menu-line {
		position: absolute;
		top: 0;
		left: 0;
		height: 3px;
		background: #71C6CC;
		-webkit-transition: all 0.25s ease-out;
		-moz-transition: all 0.25s ease-out;
		-ms-transition: all 0.25s ease-out;
		-o-transition: all 0.25s ease-out;
		transition: all 0.25s ease-out;
	}
	#cssmenu > ul > li {
		float: left;
	}
	#cssmenu.align-center > ul {
		font-size: 0;
		text-align: center;
	}
	#cssmenu.align-center > ul > li {
		display: inline-block;
		float: none;
	}
	#cssmenu.align-center ul ul {
		text-align: left;
	}
	#cssmenu.align-right > ul > li {
		float: right;
	}
	#cssmenu.align-right ul ul {
		text-align: right;
	}


	#cssmenu > ul > li > a.place-ad:hover,#cssmenu > ul > li > a.place-ad:focus,#cssmenu > ul > li > a.place-ad:active{
		background: #BB0000;
		margin-top: 6px;
		border-bottom: 1px solid #000000;
		box-shadow: 0px 0px 1px #000000;
	}
	#cssmenu > ul > li > a.first_me  {
		color:#CBFCFF;
	}

	#cssmenu > ul > li.has-sub > a {
		padding-right: 25px;
	}
	#cssmenu > ul > li.has-sub > a::after {
		position: absolute;
		top: 21px;
		right: 10px;
		width: 4px;
		height: 4px;
		border-bottom: 1px solid #FFFFFF;
		border-right: 1px solid #FFFFFF;
		content: "";
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transition: border-color 0.2s ease;
		-moz-transition: border-color 0.2s ease;
		-ms-transition: border-color 0.2s ease;
		-o-transition: border-color 0.2s ease;
		transition: border-color 0.2s ease;
	}
	#cssmenu > ul > li.has-sub:hover > a::after {
		border-color: #71C6CC;
	}
	#cssmenu ul ul {
		position: absolute;
		left: -9999px;
		z-index: 1;
		padding:0px 22px 22px 22px;
		margin-left: -10px;
		/*  border: 1px solid #09636B;*/
	}
	#cssmenu li:hover > ul {
		left: auto;
		padding-left: 10px;
	}
	#cssmenu.align-right li:hover > ul {
		right: 0;
	}
	#cssmenu ul ul ul {
		margin-left: 100%;
		top: 0;
	}
	#cssmenu.align-right ul ul ul {
		margin-left: 0;
		margin-right: 100%;
	}
	#cssmenu ul ul li {
		height: 0;
		-webkit-transition: height .2s ease;
		-moz-transition: height .2s ease;
		-ms-transition: height .2s ease;
		-o-transition: height .2s ease;
		transition: height .2s ease;
		list-style: none
	}
	#cssmenu ul li:hover > ul > li {
		height: 38px;
	}
	#cssmenu ul ul li a {
		padding: 8px 20px;
		width: auto;
		min-width: 190px;
		font-size: 12px;
		background: #72B70F;
		text-decoration: none;
		color: #ffffff;
		-webkit-transition: color .2s ease;
		-moz-transition: color .2s ease;
		-ms-transition: color .2s ease;
		-o-transition: color .2s ease;
		transition: color .2s ease;
		text-align: left;
		display: block;
	}
	#cssmenu ul ul li:hover > a,
	#cssmenu ul ul li a:hover {
		color: #ffffff;
		background: #438311
	}
	#cssmenu ul ul li.has-sub > a::after {
		position: absolute;
		top: 13px;
		right: 10px;
		width: 4px;
		height: 4px;
		border-bottom: 1px solid #dddddd;
		border-right: 1px solid #dddddd;
		content: "";
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-webkit-transition: border-color 0.2s ease;
		-moz-transition: border-color 0.2s ease;
		-ms-transition: border-color 0.2s ease;
		-o-transition: border-color 0.2s ease;
		transition: border-color 0.2s ease;
	}
	#cssmenu.align-right ul ul li.has-sub > a::after {
		right: auto;
		left: 10px;
		border-bottom: 0;
		border-right: 0;
		border-top: 1px solid #dddddd;
		border-left: 1px solid #dddddd;
	}
	#cssmenu ul ul li.has-sub:hover > a::after {
		border-color: #ffffff;
	}
	@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
		#cssmenu {
			width: 100%;
		}
		#cssmenu ul {
			width: 100%;
			display: none;
		}
		#cssmenu.align-center > ul,
		#cssmenu.align-right ul ul {
			text-align: left;
		}
		#cssmenu ul li,
		#cssmenu ul ul li,
		#cssmenu ul li:hover > ul > li {
			width: 100%;
			height: auto;
			border-top: 1px solid rgba(120, 120, 120, 0.15);
		}
		#cssmenu ul li a,
		#cssmenu ul ul li a {
			width: 100%;
		}
		#cssmenu > ul > li,
		#cssmenu.align-center > ul > li,
		#cssmenu.align-right > ul > li {
			float: none;
			display: block;
			position: relative;
		}
		#cssmenu ul ul li a {
			padding: 20px 20px 20px 30px;
			font-size: 12px;
			color: #ffffff;
			text-transform: uppercase;
			background: #48ABB2;
		}
		#cssmenu ul ul li:hover > a,
		#cssmenu ul ul li a:hover {
			color: #ffffff;
		}
		#cssmenu ul ul ul li a {
			padding-left: 40px;
		}
		#cssmenu ul ul,
		#cssmenu ul ul ul {
			position: relative;
			left: 0;
			right: auto;
			width: 100%;
			margin: 0;
		}
		#cssmenu > ul > li.has-sub > a::after,
		#cssmenu ul ul li.has-sub > a::after {
			display: none;
		}
		#menu-line {
			display: none;
		}
		#cssmenu #menu-button {
			display: block;
			padding: 20px;
			color: #fff;
			cursor: pointer;
			font-size: 12px;
			text-transform: uppercase;
		}
		#cssmenu #menu-button::after {
			content: '';
			position: absolute;
			top: 20px;
			right: 20px;
			display: block;
			width: 15px;
			height: 2px;
			background: #fff;
		}
		#cssmenu #menu-button::before {
			content: '';
			position: absolute;
			top: 25px;
			right: 20px;
			display: block;
			width: 15px;
			height: 3px;
			border-top: 2px solid #fff;
			border-bottom: 2px solid #fff;
		}
		#cssmenu .submenu-button {
			position: absolute;
			z-index: 10;
			right: 0;
			top: 0;
			display: block;
			border-left: 1px solid rgba(120, 120, 120, 0.15);
			height: 52px;
			width: 100%;
			cursor: pointer;
		}
		#cssmenu .submenu-button::after {
			content: '';
			position: absolute;
			top: 21px;
			left: 26px;
			display: block;
			width: 1px;
			height: 11px;
			background: #D2D2D2;
			z-index: 99;
		}
		#cssmenu .submenu-button::before {
			content: '';
			position: absolute;
			left: 21px;
			top: 26px;
			display: block;
			width: 11px;
			height: 1px;
			background: #D2D2D2;
			z-index: 99;
		}
		#cssmenu .submenu-button.submenu-opened:after {
			display: none;
		}
	}

	ul.tick-list {
		padding: 0px
	}
	ul.tick-list li{
		background: url('../images/tick-small.png') no-repeat left 4px;
		list-style-type: none;
		padding-left: 20px;
		padding-top:1px;
		padding-bottom: 1px;
	}

	.career-item{
		background: #ffffff;
		padding: 8px 12px;
		border: 1px solid #e8e8e8;
	}

	.career-item:hover{
		background: #FDFFFC;
		padding: 8px 12px;
		border: 1px solid #42860F;
	}

	.placeAdLoading{
  display: none;
}