@charset "utf-8";
 	html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,a,img,small,sub,b,dl,dd,dt,ul,li,label,article,details,footer,header,menu,nav,input,textarea,select{
		background:transparent;
		border:0;
		outline:0;
		padding:0;
		margin:0;
	}
	
	.clearfix:after {
		clear: both;
		content: " ";
		display: block;
		font-size: 0;
		height: 0;
		line-height: 0;
		visibility: hidden;
		width: 0;
	}
	
	li {
		list-style:none;
	}











/* ------------------------------------------------------------------------------- */
/*  1. General
/* ------------------------------------------------------------------------------- */	


	 
	html,body{
		font-family: 'Pontano Sans', sans-serif;
		font-size:12px;
		width:100%;
		height:100%;
		color:#ABABAB;		
	}
	
		
	body {overflow-x:hidden;}
	
 
 
	.container {
		width:1000px;
		margin:0 auto;
		padding-top:3%;
		padding-bottom:3%;
		z-index:10;
		
	}
	.inner-container {
		width:960px;
		margin:0 auto;
		padding-top:10%;
		padding-left:30%;
 		position:relative;
	}
	
	.white {
		color:#FFF;
	}
	
	.color {
		color:#ef4a4a;
	}
	
	.black {
		color:#262932;
	}
	
	.mb {
		margin-bottom:15px;
	}
	
	.mt {
		margin-top:70px;
	}
		.mt40 {
		margin-top:40px;
   	}
	.mt-25{ margin-top:-30px;}
	.pt20{ padding-top:20px;}
	.pt10{ padding-top:9px;}
	
	.center {
		text-align:center;
		margin-top:0px;		
	}
	
	.big-paragraph {
		font-family: 'Dekar', serif;
		font-size:16px;
		color:#000;
		line-height:24px;
		margin-bottom:25px;
		font-weight:500;
 	}

	.left {
		float:left;
	}
	.inner-container h2{ color:#fff; font-size:30px; letter-spacing:2px; text-transform:uppercase;}
	.inner-container h4{ color:#fff; padding-bottom:70px; font-size:16px; letter-spacing:2px; text-transform:uppercase;}
	.container h4{ color:#2a7339; padding-bottom:25px;  font-weight:500; font-size:30px;}
	.container h5{ color:#c49947; padding-bottom:20px; text-transform:uppercase; font-weight:600; font-size:20px !important;}
	.container h6{ color:#334f3d; padding-bottom:25px; text-transform:uppercase; font-weight:600; font-size:20px;}
	
    .h4{ color:#297238; padding-bottom:10px; font-size:26px; line-height:30px; letter-spacing:0px; text-transform:uppercase;}
	.p{ color:#5e5e5e; padding-bottom:10px; padding-top:10px; font-size:14px; line-height:20px;}
	.location-new{ margin:0px; padding:0px;}
	.location-new ul{ margin:0px; padding:0px;}
	.location-new li{ margin:0px; padding:0px; font-family: 'Dekar', serif; font-size:15px; color:#000; line-height:22px; }
	.location-new span{ font-size:16px; font-weight:500; color:#c49947; padding-bottom:10px; }
	
  .inner-container h4:after { 
  content: '';
  background-color:#2a7339;
  height:10px;
  width:13%;
  display: block; 
  position: relative; 
  top:35px; 
  left: -15%; 
  padding: 0px 3px 0px 0px; 
 transition: all 350ms;
 -o-transition: all 350ms;
 -moz-transition: all 350ms;
 -webkit-transition: all 350ms;
 }
 	h1,h2,h3,h4,h5,h6{font-family: 'News Cycle', sans-serif;}
 	h1 { font-size: 55px; font-weight:400; line-height:55px;  }
    h2 { font-size: 36px; font-weight:400; line-height:36px;}
    h3 { font-size: 30px; font-weight:400; line-height:30px;}
    h4 { font-size: 24px; font-weight:400; line-height:24px;}
    h5 { font-size: 18px; font-weight:400; line-height:18px;}
	
	p { line-height:11px; font-family: 'Pontano Sans', sans-serif; color:#000; font-size:14px; }
	
	a, li {
        color: #fff;
        text-decoration: none;
        -webkit-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
           -moz-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
            -ms-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
             -o-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
                transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
    }
	
	img, div, input, textarea {
		-webkit-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
           -moz-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
            -ms-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
             -o-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
                transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
	}
	
	.one_half {
    	width: 48%;
	}
	
	.one_third {
		width: 30.5%;
	}
	
	.one_fourth {
		width: 22%;
	}
	
	.one_fifth {
		width: 16.8%;
	}
	
	.one_sixth {
		width: 13.33%;
	}
	
	.two_fifth {
		width: 37.6%;
	}
	
	.two_fourth {
		width: 48%;
	}	
	
	.two_third {
		width: 65.33%;
	}
	
	.three_fifth {
		width: 58.4%;
	}
	
	.three_fourth {
		width: 74%;
	}
	
	.four_fifth {
		width: 79.2%;
	}
	
	.five_sixth {
		width: 82.67%;
	}
	
	.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .two_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
		float: left;
		margin-bottom: 20px;
		margin-right: 4%;
		position: relative;
	}
	
	.last {
		margin-right:0px!important;
	}
	
	.btn-small {
		color: #fff;
		padding: 0px 15px 0px 15px;
		background:#ef4a4a;
		height:35px;
		text-align:center;
		display:inline-block;
		line-height:35px;
		margin-top:20px;
	}
	
	.btn-small:hover {
		background:#262932;
		color:#fff;
		opacity:1;
	}


.mbt0{margin-bottom:0 !important}
/*hr styles*/
 
hr.style1{
    border: 0 !important;
    height: 1px;
    background: rgba(218,200,163,0.8);
	top:12%;
	position:relative;
	z-index:8;
	
}

hr.style2{
    border: 0 !important;
    height: 1px;
    background: rgba(218,200,163,0.8);
	top:24%;
	position:relative;
	z-index:8;
	
}
hr.style2:after { 
  content: '';
  background-color:#dac8a3;
  height:0px;
  width:13%;
  display: inline-block; 
  position: relative; 
  top: -10px; 
  left: 0px; 
  padding: 0 3px; 
 transition: all 350ms;
 -o-transition: all 350ms;
 -moz-transition: all 350ms;
 -webkit-transition: all 350ms;
 }
hr.style2:hover:after{
width:22%;
left: 0% !important; 
}
hr.style3{
    border: 0 !important;
    height: 1px;
    background: rgba(218,200,163,0.8);
	top:36%;
	position:relative;
	z-index:8;
	
}

hr.style3:after { 
  content: '';
  background-color:#dac8a3;
  height:0px;
  width:10%;
  display: inline-block; 
  position: relative; 
  top: -10px; 
  left: 90% !important; 
  padding: 0 3px; 
  transition: all 350ms;
-o-transition: all 350ms;
-moz-transition: all 350ms;
-webkit-transition: all 350ms;
 }
 
hr.style3:hover:after{
width:15%;
left: 85% !important; 
}

hr.style4{
    border: 0 !important;
    height: 1px;
    background: rgba(218,200,163,0.8);
	top:48%;
	position:relative;
	z-index:8;
	
}
hr.style5{
    border: 0 !important;
    height: 1px;
    background: rgba(218,200,163,0.8);
	top:72%;
	position:relative;
	z-index:8;
	
}

hr.style6{
    border: 0 !important;
    height: 1px;
    background: rgba(218,200,163,0.8);
	top:84%;
	position:relative;
	z-index:8;
	
}

hr.style7{
    border: 0 !important;
    height: 1px;
	background-image:url(../images/line-demo.png);
	background-repeat:no-repeat;
    top:36%;
	position:relative;
	z-index:8;
	
}


hr.style9{
    border: 0 !important;
    height: 1px;
	background-image:url(../images/line-demo.png);
	background-repeat:no-repeat;
    top:48%;
	position:relative;
	z-index:8;
	
}


hr.style10{
    border: 0 !important;
    height: 1px;
    background-image:url(../images/line-demo.png);
	background-repeat:no-repeat;
    top:60%;
	position:relative;
	z-index:8;

}


hr.style11{
    border: 0 !important;
    height: 1px;
	background: rgba(218,200,163,0.8);
    top:42%;
	position:relative;
	z-index:8;
	
}


hr.style12{
    border: 0 !important;
    height: 1px;
	background: rgba(218,200,163,0.8);
    top:52%;
	position:relative;
	z-index:8;
	
}

hr.style13{
    border: 0 !important;
    height: 1px;
	background: rgba(218,200,163,0.8);
    top:62%;
	position:relative;
	z-index:8;
	
}



.no-margin{ margin:0 !important}
.padding-lt20{ padding-left:20%; padding-top:5%;}
.padding-lt30{ padding-left:20%; padding-top:10%;}
.img-responsive{display:block;max-width:100%;height:auto}
.map-directions{ width:80%; border: solid 1px #589164; padding:15px 25px; font-size:18px; margin-top:12px}
#mapg{display:none;}
 
/* ------------------------------------------------------------------------------- */
/*  2. Menu
/* ------------------------------------------------------------------------------- */


	#navigation {
		position:relative; 
		width: 100%;
  		z-index:999999999999999;
   	}
 
 
	#logo {
		float: left;
/*margin-left: 100px;*/
margin-top:-140px;
text-transform: none;
padding: 15px 0 0 0;
position: fixed;
z-index: 99999999;
 	}
	#logo img{ max-width:100%;	}
	.dot {
		font-size:45px;
	}

	#navigation ul {
 		float:right;
		padding-top:45px;		
	}
	
	#navigation ul li {
		display: inline;
		margin-right:50px;
		font-family: 'helvetica,"Muli",sans-serif' , 'arial';
	}
	
	#navigation a, #navigation a:active, #navigation a:visited {
		color:#7f7f7f;
		padding-top:35px;
		height:90px;		
		text-transform:uppercase;
		font-weight:bold;
		font-size:14px;
		padding-bottom:45px;
	}

	#navigation ul li:hover a, #navigation ul li.current a {
		color: #fff;
		border-top: 5px solid #ef4a4a;
	}
   #index {
 
		height: 100%;
		margin-bottom: -100px;
		position: relative;
	}
	
	.ourteam {
		background:#ebebeb;
	}
	
	.newsletter {
		background:#334f3d;
		margin:0 auto;
		max-width:100%;
 	}
	
	.projects-filters {
		background:#262932;
	}
	
	#news {
		background:#dddddd;
	}
	
	.twitter {
		background:#ef4a4a;
	}
	
	.contact-header {
		background:#fff;
	}
	
	.contact-form {
		 
	}
	
	.footer {
		background:#c49947;
	}



.nav-footer {
    text-align: center;
    width: 100%;
	padding-left:6%;
	padding-top:0.7%;
    text-transform: uppercase;
    font-weight: 100;
}

div.nav-footer ul {	
			list-style:none;
			display: block;
			position: relative;
			margin: 0;
			padding: 0;
			}

div.nav-footer ul li {
	float: left;
	display: block;
	width: 14.2%;
	min-width: 15rem;
 	margin: 0 .55% 0.8rem 0;
	}
	
div.nav-footer ul li:last-child {
	margin-right: 0;
	}	
	
div.nav-footer ul li a {
	font-size: 16px;
	color: #ffffff;
	letter-spacing: .1rem;
	text-align: center;
	position: relative;
	display: block;
	padding: 10.3rem 0 0 0;
	font-family:'Dekar';
	font-weight:500;
	}
	
div.nav-footer ul li a {
	text-decoration: none;
}

div.nav-footer li.vision {background: url(../images/footer-vision.jpg) center bottom no-repeat; background-size: 18rem auto;}	
div.nav-footer li.location {background: url(../images/footer-location.jpg) center bottom no-repeat; background-size: 18rem auto;}	
div.nav-footer li.lifestyle {background: url(../images/footer-lifestyle.jpg) center bottom no-repeat; background-size: 18rem auto;}	
div.nav-footer li.apartments {background: url(../images/footer-inside.jpg) center bottom no-repeat; background-size: 18rem auto;}	
div.nav-footer li.teams {background: url(../images/footer-team.jpg) center bottom no-repeat; background-size: 18rem auto;}	
div.nav-footer li.enquires {background: url(../images/footer-enquire.jpg) center bottom no-repeat; background-size: 18rem auto;}


	.separator1-bg {
		position: absolute;
		height: 100%;
		width: 100%;
		background: url('../images/separator11.jpg') 0 0 repeat fixed;
		
		
		z-index:-1;
	}
	
	.separator2-bg {
		position: absolute;
		height: 100%;
		width: 100%;
		background: url('../images/separator2.html') 0 0 repeat fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		z-index:-1;
	}
	
	.separator3-bg {
		position: absolute;
		height: 100%;
		width: 100%;
		background: url('../images/separator3.html') 0 0 repeat fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		z-index:-1;
	}
	
	.separator4-bg {
		position: absolute;
		height: 100%;
		width: 100%;
		background: url('../images/separator4.html') 0 0 repeat fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		z-index:-1;
	}
	
	.separator5-bg {
		position: absolute;
		height: 100%;
		width: 100%;
		background: url('../images/separator5.html') 0 0 repeat fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		z-index:-1;
	}
	
	.separator6-bg {
		position: absolute;
		height: 100%;
		width: 100%;
		background: url('../images/separator12.jpg') 0 0 repeat fixed;
		-moz-background-size: cover;
		z-index:-1;
	}
	
	#separator1, #separator2, #separator3, #separator4, #separator5, #separator6 {
		width: 100%;
		min-height: 430px;
		overflow: hidden;
		position: relative;
	}
	
	.pattern {
		/*background: url('../images/pattern.png');
		background-repeat:repeat;*/
		 background-color: rgba(0,0,0,0); 
		position:absolute;
		width:100%;
		height:100%;
 
		z-index:0;
	}
	.in-pattern {
		/*background: url('../images/pattern.png');
		background-repeat:repeat;*/
		background-color: rgba(0,0,0,0.5); 
		position:absolute;
		width:100%;
		height:100%;
 		z-index:0;
	}
	
	.client {
		float:left;
		margin:10px;
		width:140px;
		cursor:pointer;
		margin-top:65px;
		transition: all 0.3s ease 0s;
	}

	.client:hover {
		float:left;
		margin:10px;
		width:140px;
		cursor:pointer;
		margin-top:60px;
	}

 	
	div.mc-image {
		-webkit-transition: opacity 1s ease-in-out; 
		-moz-transition: opacity 1s ease-in-out; 
		-o-transition: opacity 1s ease-in-out; 
		transition: opacity 1s ease-in-out;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position:center center;
		background-repeat:no-repeat;
		height:100%;
		overflow:hidden;
		width:100%;
	}


	#cycle-loader {
		height:32px;
		left:50%;
		margin:-108px 0 0 -8px;
		position:absolute;
		top:50%;
		width:32px;
		z-index:999;
	}
	
	#maximage {
		display:none;
		position:absolute!important;
		background:#000;						
	}
	
	#arrow_left, #arrow_right {
		bottom:180px;
		height:67px;
		position:absolute;
		right:50px;
		width:36px;
		z-index:1000;
		display:none
	}
	
	#arrow_left {
		right:100px;
	}
	
	#arrow_left:hover, #arrow_right:hover {
		bottom:181px;
	}
	
	#arrow_left:active, #arrow_right:active {
		bottom:181px;
	}
	
	.in-slide-content {
		bottom:26%;
   		z-index:20;
		position:absolute;
		width:100%;
		text-align:center !important;
	}
	.in-slide-content .fa-play-circle-o{ font-size:14px}
	
	.in-slide-content h1{ 		
		z-index:20;
		color:#fff;
		padding-bottom:0px;
		font-size:70px;
		font-weight:100;
		line-height:0px;
		text-transform:uppercase;
		font-family:'Conv_ECCENTRICSTD',Sans-Serif;
		 
 	}
	
	.in-slide-content h2{ 		
		z-index:20;
		color:#fff;
		padding-bottom:0px;
		font-size:70px;
		font-weight:100;
		line-height:180px;
		text-transform:uppercase;
		font-family:'Conv_ECCENTRICSTD',Sans-Serif;
 	}
	
 	.in-slide-content p{ 
	    font-family:'Conv_ECCENTRICSTD',Sans-Serif;
		z-index:20;
		color:#fff;		
		font-size:20px;
		letter-spacing:1px;
		padding-top:38px;
		padding-left:15px;
 		font-weight:400;
		margin-left:33%;
		width:32%;
		text-align:center;
 		border-top: solid 4px #334f3d;
		text-transform:uppercase;
		transition: all 350ms;
		-o-transition: all 350ms;
		-moz-transition: all 350ms;
		-webkit-transition: all 350ms;
	}
	
	.in-slide-content p:hover{width:23%;}
	.in-slide-content p a{ color:#fff !important;}

 
.facilities ul {
    list-style: none;
    text-align: center;
    width: 100%;
     margin: 33px auto 0;
}
.facilities li {
    display: inline-block;
    margin: 0 15px 0px;
}
	
	.meter { 
		height: 30px;
		position: relative;
		margin: 0 0 35px 0;
		background:#ebebeb;
		width:100%
	}
	.meter:last-child { margin-bottom:0 !important }
	
	.meter > div {
		display: block;
		height: 100%;
		background-color:#ef4a4a;
	}
	
	.meter p {
		position:absolute;
		margin-top:5px;
		margin-left:10px;
	}	

.specification{ text-align:left;}

 
.specification h3:first-child{ margin-top:0;}

.specification ul{
   
    margin:0px; padding:0px;
}


.specification li{
   
    margin:0px 0; padding:0px;
}

.specification li h3{
    margin:0px 0; 
	padding:0px;
	color: #334f3d;
    font-size: 15px !important;
	font-weight:bold;
}

.specification li p{ margin:-10px 0 10px 55px;}
   


.specification p {
    font-family: 'Dekar', serif;
    font-size: 16px;
    color: #5e5e5e;
    line-height: 20px;
    margin-bottom: 5px;
    font-weight: 400;
}
.specification .left {
    padding: 20px 30px;
    box-sizing: border-box;
	 
}
hr.style8{
	border-top: 1px solid #8c8b8b !important;
	margin-top:15px !important;
}
	.team {
		width:134px;
		height:120px;
	  	float:left;
 		margin-left:25px;
		margin-top:20px;
  		overflow:hidden;
	}
	
	.team img{ width:130px !important; height:120px !important;}
	
 	.team img.user{
		position:absolute;
	}
	
	.team-overlay {
		width:123px;
		height:240px;
		background-color:#c49947;
		padding:5px 3px;
		position:relative;
 		margin-top:75px;
 		-webkit-transition: all 0.3s ease 0s;
           -moz-transition: all 0.3s ease 0s;
            -ms-transition: all 0.3s ease 0s;
             -o-transition: all 0.3s ease 0s;
                transition: all 0.3s ease 0s;
	}
	
	.team:hover > .team-overlay{
		margin-top:0px;
		margin-right:0px !important;	
	}
	
	.team-overlay h5 {
		font-size:12px !important;
		line-height:15px !important;
		margin-bottom:0px !important;
		padding-bottom:0px !important;
		font-weight:300 !important;
		color:#fff;
	}
	.team-overlay a{ color:#fff;}
	p.team-function {
		color:#fff;
		font-size:11px;
		margin-bottom:5px;
	}
	
	p.team-description {
		color:#fff;
		margin-bottom:45px;
	}
	
/*---- apartment icons ----*/

.apartment-featues { width: 100%; padding-top:0px; }
.apartment-line { border-top:1px solid #c49947; border-bottom:1px solid #c49947; }


.apartment-icons {
		width:134px;
		height:155px;
	  	float:left;
 		margin-left:50px;
		overflow:hidden;
	}

.apartment-icons img{ width:130px !important; height:120px !important;}

.apartment-icons-txt p{ margin-top:120px; color:#000; font-family: 'Arvo', serif; }
	
 	.apartment-icons img.user{
		position:absolute;
	}

.apartment-icons-overlay {
		width:123px;
		height:240px;
		background-color:#3d7f4b;
		padding:5px 3px;
		position:relative;
 		margin-top:75px;
 		-webkit-transition: all 0.3s ease 0s;
           -moz-transition: all 0.3s ease 0s;
            -ms-transition: all 0.3s ease 0s;
             -o-transition: all 0.3s ease 0s;
                transition: all 0.3s ease 0s;
	}
.apartment-icons:hover > .team-overlay{
		margin-top:0px;
		margin-right:0px !important;	
	}

.apartment-icons-overlay h5 {
		font-size:12px !important;
		line-height:15px !important;
		margin-bottom:0px !important;
		padding-bottom:0px !important;
		font-weight:300 !important;
		color:#fff;
	}
	.apartment-icons-overlay a{ color:#fff;}
	p.apartment-icons-function {
		color:#fff;
		font-size:12px;
		margin-bottom:10px;
	}
	
	p.team-description {
		color:#fff;
		line-height:18px;
		margin-bottom:45px;
	}


.pad-center{ padding-left:25%; }

.introimg { width: 100%; padding-top:13px;}
.introimg .block{ float:left; width:37%;margin: 0 1%;}
.introimg figure.block.first { width: 30%; margin: 0; padding-top:135px;}


.text-left{ text-align:left !important}
.text-right{ text-align:right !important}
 


 

	.heading-and-icon {
		width:100%;
		margin-bottom:10px;
		height:60px;
	}
	
	.heading-and-icon img{
		float:left;
		margin-right:15px; 
	}
	
	.heading-and-icon h3 {
		padding-top:15px;
	}
	
	h3.newsletter { 
		float:left;
		margin-right:20px;
		margin-top:5px;
	}
	
	input.newsletter-email, input.newsletter-name {
		width:258px;
		padding:12px;
		float:left;
		background:#fff;
		color:#C4C4C4;
		font-family: 'helvetica,"Muli",sans-serif' , 'arial';
		font-size:18px;
		margin-right:20px;
		margin-top:0;		
	}
	
	button.newsletter-sent {
		color: #7F7F7F;
		padding: 0px 25px 0px 25px;
		background:#262932;
		height:46px;
		font-family: 'helvetica,"Muli",sans-serif' , 'arial';
		font-size:18px;
		text-align:center;
		display:inline-block;
		line-height:46px;
		border:0;
		cursor:pointer;
		transition: all 0.3s ease 0s;
	}
	
	button.newsletter-sent:hover {
		background:#262932;
		color:#fff;
	}
 
	.isotope-item {
		z-index: 2;
	}

	.isotope-hidden.isotope-item {
		z-index: 1;
	}

	.isotope, .isotope .isotope-item {
	    -webkit-transition-duration: 0.8s;
		   -moz-transition-duration: 0.8s;
			    transition-duration: 0.8s;
	}

	.isotope {
	    -webkit-transition-property: height;
		   -moz-transition-property: height;
			    transition-property: height;
	}

	.isotope .isotope-item {
	    -webkit-transition-property: -webkit-transform, opacity;
		   -moz-transition-property:    -moz-transform, opacity;
			    transition-property:         transform, opacity;
	}

	.isotope-item  img {
		width:100%
	}

	.portfolio {
		width: 100%;
	}
	
	nav.primary ul {
		float:right;
		margin-top:10px;
	}
	
	nav.primary ul li  {
		display:inline;
	
	}
	
	nav.primary ul li a {
		height:40px;
		width:auto;
		display:block;
		color:#7f7f7f;
		float:left;
		background:#363942;
		padding-left:20px;
		padding-right:20px;
		line-height:40px;
		margin-left:10px;
	}
	
	nav.primary ul li a:hover {
		color:#363942;
		background:#fff;
	}
	
	nav.primary ul li a:active, nav.primary ul li a.active {
		background:#ef4a4a;
		color:#fff;
	}	

 
 
	
	.portfolio img { 
		width: 100%; 
		height: auto; 
		display: block; 
	}
	
	.view .mask {
	   opacity: 0;
	}	
	
	.view:hover .mask {
	   opacity:1;
	}

	.view {	   
	   height: auto;
	   float: left;
	   overflow: hidden;
	   position: relative;
	   text-align: left;	    
	}

	.view .mask {
	   width: 100%;
	   height:100%;
	   position: absolute;
	   overflow: hidden;
	   top: 0;
	   left: 0;
	   background:rgba(0,0,0,0.6);
	}
	
	
	.mask h5 {
		background-color:#fff;
 		text-align:center;
		color:#333;
 		top:48%;
		height:30px;
		left:20%;
		margin-left:-25px;
		width:230px;
 		margin-top:-23px;
		padding-top:20px;
		position:absolute;
		font-size:20px;
		line-height:24px;
	}
	
	.mask p {
		text-align:center;
		color:#334f3d;
 		top:50%;
		width:100%;
		font-size:25px !important;
		font-weight:bold !important;
		margin-top:15px;
		position:absolute;
		line-height:12px;
	}


	.mask h6 {
		background-color:#fff;
 		text-align:center;
		color:#333;
 		top:47%;
		height:30px;
		left:41%;
		margin-left:-25px;
		width:230px;
 		margin-top:-23px;
		padding-top:15px;
		position:absolute;
		font-size:20px;
		line-height:24px;
	}
	
	.mask span {
		text-align:center;
		color:#c49948;
		padding-left:3px;
 		top:50%;
		width:100%;
		font-size:25px !important;
		margin-top:15px;
		position:absolute;
		line-height:12px;
		font-weight:bold !important;
	}




ul, ol {
    margin-top: 0;
    margin-bottom: 10px;
}

.club-amenities ul {
    list-style: none;
}

.club-amenities li {
   font-family: 'Pontano Sans', sans-serif;
   font-size:14px;
	display:block;
    background: url(../images/check.png) no-repeat left 10px;
    padding: 7px 0 6px 22px;
 
}

 
	
	.project_page {
		background-color:#fff;
		width:960px;
	}
	
	
	.project_content {
		padding:40px;
		padding-bottom:20px;
		width:auto;
	}
	
	.categories li {
		background: url("../images/list-ico.png") no-repeat scroll 0 14px transparent;
		border-top: 1px solid #F2F2F2;
		display: block;
		padding: 10px 0 10px 13px;
	}
	.categories li:last-child {
		border-bottom: 1px solid #F2F2F2;
	}
	.categories li a {
		color: #ababab;
	}
	.categories li a:hover {
		color: #000;
	}
 
	.carousel_testimonials {
		width: 100%;
		height:auto;				
	}
	
	.carousel_testimonials ul {
		margin: 0;
		padding: 0;
		list-style: none;
		display: block;
	}
	
	.carousel_testimonials li {
		width: 920px;
		height: auto;
		padding: 20px;				
		display: block;
		float: left;
	}
	
	.carousel_testimonials li h5 {
		color:#000;
		opacity:0.3;
	}
	
	.t-prev {
		float: left;
		background: url("../images/left.png") no-repeat;
		width:14px;
		height:21px;
		margin-left:20px;
		opacity:0.3;			
	}
	
	.t-prev:hover {
		opacity:1;
	}
	
	.t-next {
		float: left;
		background: url("../images/right.png") no-repeat;
		width:14px;
		height:21px;
		margin-left:10px;
		opacity:0.3;			
	}
	
	.t-next:hover {
		opacity:1;
	}
 
	.container-news {
		width:100%;
		padding-top:100px;
		padding-bottom:100px;
	}
	
	.container-news h1 {
		text-align:center;
		color:#000;
		margin-bottom:70px;
	}	
				
	.list_carousel {
		width: 100%;
		height:auto;		
	}
	
	.list_carousel ul {
		margin: 0;
		padding: 0;
		list-style: none;
		display: block;

	}
	
	.list_carousel li {
		background-color:transparent;
		width: 90%;
 		padding: 0;
		margin: 20px 25px;
		display: block;
		
	}
	
 
	
	.list_carousel li h5 {
		color:#334f3d;
		font-weight:500;
		font-size:18px;
		line-height:40px;
		text-transform:uppercase;
 	 
	}
	
	p.news-date {
		font-style:italic;
		margin-bottom:20px;
		font-family:Georgia, "Times New Roman", Times, serif;
		color:#a1a1a1;
	}
	
	.list_carousel.responsive {
		width: auto;
		margin-left: 0;
	}
	
	#news-navigation {
		width:160px;
		height:70px;
		padding-top:20px;
		margin:0 auto;
	}
	
	.prev {
		float: left;
		background: url("../images/left.png") no-repeat scroll 26px 24px #fff;
		width:30px;
		height:30px;
		padding:20px;
		-moz-border-radius: 50px;
		-webkit-border-radius: 50px;
		-o-border-radius: 50px;
		border-radius:50px;				
	}
	
	.prev:hover {
		background: url("../images/left_hover.png") no-repeat scroll 26px 24px #ef4a4a;
	}
	
	.next {
		float:left;		
		margin-left:20px;
		background: url("../images/right.png") no-repeat scroll 28px 24px #fff;
		width:30px;
		height:30px;
		padding:20px;
		-moz-border-radius: 50px;
		-webkit-border-radius: 50px;
		-o-border-radius: 50px;
		border-radius:50px;		
	}
	
	.next:hover {
		background: url("../images/right_hover.png") no-repeat scroll 28px 24px #ef4a4a;
	}
 
	.news img {	   
	   display: block;
	   width: 100%;
	   height:auto;	   
	}
	
	.news1 img {	   
	   display: block;
	   width: 100%;
	   height:auto;	   
	}
	
	.news .mask {
	   opacity: 0;
	}	
	
	.news:hover .mask {
	   opacity:1;
	}	

	.news {
		width:50%;	   
	    height: auto;
	    float: left;
	    overflow: hidden;
	    position: relative;
	    text-align: left;	    
	}

	.news .mask {
	   width: 100%;
	   height:100%;
	   position: absolute;
	   overflow: hidden;
	   top: 0;
	   left: 0;
	   background: rgba(0, 0, 0, 0.5);
	}
	
	.news a.icon {	
		height:38px;
		width:38px;
		padding:20px;
		left:50%;
		margin-left:-39px;
		top:50%;
		margin-top:-39px;		
		position:absolute;
		-moz-border-radius: 50px;
		-webkit-border-radius: 50px;
		-o-border-radius: 50px;
		border-radius:50px;
	}
	
	.news  a.icon.zoom {
		background:url(../images/plus.png) 20px 20px no-repeat #FFF ;
		-webkit-transition: all 0.3s ease 0s;
           -moz-transition: all 0.3s ease 0s;
            -ms-transition: all 0.3s ease 0s;
             -o-transition: all 0.3s ease 0s;
                transition: all 0.3s ease 0s;
	}
	
	.news a.icon.zoom:hover {
		background:url(../images/plus.png) 20px 20px no-repeat #FFF;
		transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
           -moz-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
             -o-transform: rotate(-90deg);		
	}
	
	.news-intro {
   	}
 
	.news_page {
		background-color:#fff;
		width:800px;
	}
	
	.news_content{
		padding:40px;
		width:auto;
	}
	
	.news-details {
		width:100%;
		height:auto;
		margin-bottom:20px;
	}
	
	p.post-admin {
		background: url("../images/post-admin.html") no-repeat scroll left center transparent;
		font-size: 12px;
		margin-bottom: 15px;
		color:#A1A1A1;
		padding-left:25px;
		float:left;
	}
	
	p.post-calendar {
		background: url("../images/post-calendar.html") no-repeat scroll left center transparent;
		font-size: 12px;
		margin-bottom: 15px;
		color:#A1A1A1;
		margin-left: 25px;
		padding-left:25px;
		float:left
	}
	
	p.post-tagss {
		background: url("../images/post-tag.html") no-repeat scroll left center transparent;
		font-size: 12px;
		margin-bottom: 15px;
		color:#A1A1A1;
		margin-left: 25px;
		padding-left:25px;
		float:left;
	}
	
	p.post-commentss {
		background: url("../images/post-comment.html") no-repeat scroll left center transparent;
		font-size: 12px;
		margin-bottom: 15px;
		color:#A1A1A1;
		margin-left: 25px;
		padding-left:25px;
		float:left;
	}
	
	.news_comments {
		padding:40px;
		background-color:#ECECEC;
		border-top: #dddddd solid 1px;
	}
	
	.user_comment {
		background: url("../images/user.html") no-repeat;
		padding-left:60px;
		margin-top:40px;
	}
	
	.user_comment_reply {
		background: url("../images/user.html") no-repeat scroll 0 0 transparent;
		margin-top: 40px;
		padding-left: 60px;
	}
	
	.comment-date {
		font-style:italic;
		margin-bottom:10px;
		font-family:Georgia, "Times New Roman", Times, serif;
		color:#a1a1a1;
	}
	
	.comment-text {
		color:#555555;
	}
	
	a.reply {
		float:right;
		font-weight:bold;
		margin-top:10px;		
	}
	
	a.reply:hover {
		text-decoration:underline;		
	}
 
 
 .contact_box {
    float: left;
    background: url(../images/contact-box.jpg) no-repeat left 0px;
    height: 90px;
    width: 293px;
    margin: 0 36px 0 0;
}

section.icon_location {
    background: url(../images/icon-location.png) no-repeat 10% 50%;
    padding: 15px 20px 0 75px;
    height: 81px;
}

section.icon_phone {
    background: url(../images/icon-phone.png) no-repeat 10% 50%;
    padding: 20px 0px 0 75px;
    height: 60px;
    font-size: 18px;
}
section.icon_print {
    background: url(../images/icon-email.png) no-repeat 10% 50%;
    padding: 32px 0px 0 75px;
    height: 60px;
    font-size: 18px;
}
.contact_box h4 {
    color: #616161;
     font-size: 16px;
	 line-height:20px;
     font-family: 'Dekar', serif;
    margin-top: 0px;
}
	
	#map_canvas {
		width:100%;
		height:400px;
		margin-top:20px;
		z-index:999999999999999999
	}
	
	input {
		width:94%;
		padding-left:3%;
		padding-right:3%;
		padding-top:12px;
		padding-bottom:12px;
		margin-top:20px;
		background:#ebebeb;
		color:#808080;
		font-family: 'arial';
		font-size:12px;
		
	}
	
	input:focus {
		color:#808080;
		 
	}
	
	textarea {
		width:94%;
		padding-left:3%;
		padding-right:3%;
		padding-top:12px;
		padding-bottom:12px;
		margin-top:20px;
		background:#ebebeb;
		height:103px;
		resize:none;
		color:#808080;
		font-family: 'arial';
		font-size:12px;
		
	}
	
	textarea:focus {
		color:#808080;
	}
	
	input.send_message {
		width:120px;
		background:#c49947;
		float:left;
		color:#FFF;
		cursor:pointer;
		margin:25px 0 0 0;
		font-size:12px;
		font-weight:normal;
	}
	
	input.send_message:hover {
		background:#262932;
	}
	
	.error_message {
		background-color: #FFE9E9;
		border-color: #FBC4C4;
		border-image: none;
		border-style: solid;
		border-width: 1px 1px 1px 5px;
		color: #DE5959;
		font-size: 12px;
		line-height: 18px;
		margin-bottom: 15px;
		padding: 15px 40px 15px 18px;
		position: relative;
		float:none;
		width:auto;
	}
	
	fieldset {
		position:relative;
		float:left;
		padding:0;
		border:0 none;
		width:100%;		
	}
	
	fieldset h1{
		font-size:24px;
		color:#000
	}

.apartments h2 { margin:0px; padding:0px; font-family: 'Conv_ECCENTRICSTD',Sans-Serif; color:#000; line-height:45px; }
.apartments p { margin:0px; padding-top:20px; font-family: 'Dekar', serif; line-height:24px; font-size:16px; }










/* ------------------------------------------------------------------------------- */
/*  17. Footer
/* ------------------------------------------------------------------------------- */	
	
	
	.footer-social {
		width:50px;
		height:50px;
		background-color:#363942;
		margin-right:30px;
		float:left;
		border-radius:50px;
		bottom:20px;
	}
	
	.footer-social:hover {
		background-color:#ef4a4a;
	}
	
	.footer-social img {
		padding:10px;
		opacity:1;
	}
	
	
	.footer ul.contactus {
		border-bottom: 1px solid #363942;
		display: block;
		letter-spacing: -1px;
		margin-bottom: 35px;
		overflow: hidden;
		padding-bottom: 34px;
	}
	
	.footer ul.contactus li {
		color: #FFFFFF;
		display: block;
		float: left;
		font-size: 32px;
		font-weight: 700;
		line-height: 35px;
		margin-right: 50px;
	}
	
	.footer ul.contactus li span.mail:after {
		background: url("../images/mail.png") no-repeat transparent;
		content: "";
		height: 24px;
		left: 0;
		position: absolute;
		top: 7px;
		width: 36px;
	}
	
	.footer ul.contactus li span.mail {
		padding-left: 50px;
		position: relative;
	}
	
	.footer ul.contactus li span.phone:after {
		background: url("../images/phone.png") no-repeat transparent;
		content: "";
		height: 27px;
		left: 0;
		position: absolute;
		top: 5px;
		width: 10px;
	}
	
	.footer ul.contactus li span.phone {
		color: #FFFFFF;
		padding-left: 21px;
		position: relative;
	}
	
	.copyright {
 
		width:100%;
 		float:left;
	}
	
	.copyright p{
		color:#fff;
		text-align:center;
		
	}

#developer-icon{ position:fixed; right:10px; bottom:2%; padding:0px; z-index:99900;}
#contact-developer-logo{ float:right; margin: -125px 28px;}









/* ------------------------------------------------------------------------------- */
/*  18. Media Queries
/* ------------------------------------------------------------------------------- */	


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

	.portfolio {
		width: 100.3%;
	}

	.portfolio li { 
		width:25%;
		margin:0 auto;	
	}

}










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

	.portfolio {
		width: 100.5%;
	}

	.portfolio li { 
		width:25%;
		margin:0 auto;	
	}

}












@media only screen and (max-width: 1024px) {
	
	.portfolio {
		width: 100%;
	}

	.portfolio li { 
		width:25%;
		margin:0 auto;	
	}
	
	
	.separator1-bg {
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	}
	
	.separator2-bg {
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	}
	
	.separator3-bg {
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	}
	
	.separator4-bg {
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	}
   .separator5-bg {
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	}
	 .separator6-bg {
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	}
}	












@media only screen and (max-width: 959px) {
	
	
	.container {
		width:720px;
		padding-top:100px;
		padding-bottom:100px;
	}
	
    .inner-container {
		width:720px;
 		padding-top:10%;
		padding-left:30%;
  	}
	
	#navigation ul {
		width: 250px;
		padding: 5px 0;
		position: relative;
		top: 30px;
		right: 50px;
		border: solid 1px #efefef;
		background: #fff url(../images/icon-menu.png) no-repeat 10px 11px;
		border-radius: 3px;
		
	}
	
	ul#menu li {
		display: none;
		margin: 0;
	}
	
	#navigation .current {
		display: block!important;
	}
	
	#navigation a {
		display: block;
		padding: 5px 5px 5px 32px;
		text-align: left;
	}

	#navigation ul:hover {
		background-image: none;
	}
		
	#navigation ul:hover .current {
		background: url(../images/icon-check.png) no-repeat 10px 7px;
	}

	#navigation ul li:hover a, #navigation ul li.current a {
		color: #000;
		border-top: 0px;
	}
	
	#navigation a, #navigation a:active, #navigation a:visited {
		padding-top:5px;
		height:auto;		
		padding-bottom:5px;
	}
	
	.in-slide-content {
		bottom:23%;
 		z-index:20;
		position:absolute;
		width:100%;
 
	}
	
	.in-slide-content h1{ 		
		z-index:20;
		color:#fff;
		border-bottom:#fff solid 0px;
		padding-bottom:20px;
		font-size:35px;
		line-height:45px;
		text-transform:uppercase;
 
	}
	
	.in-slide-content p{ 		
		z-index:20;
		color:#fff;		
		font-size:12px;
		padding-top:20px;
		float:left;
		font-weight:bold;
	}
	
	.team {
		background-color: #FFFFFF;
		float: left;
		height: 120px;
		margin-right: 15px;
		overflow: hidden;
		width: 130px;
		margin-bottom:15px;
	}
	
	.team.last {
		margin-left:240px;
	}
	
	
	.apartment-icons {
		background-color: #FFFFFF;
		float: left;
		height: 120px;
		margin-right: 15px;
		overflow: hidden;
		width: 130px;
		margin-bottom:15px;
	}
	
	.apartment-icons.last {
		margin-left:240px;
	}
	
	
	
	
	input.newsletter-email, input.newsletter-name {
		width: 146px;
	}
	
	button.newsletter-sent {
		padding: 0 18px;
	}
		
	.portfolio {
		width: 100%;
	}

	.portfolio li { 
		width:49.99%;	
	}
	
	nav.primary ul {
		float: left;
		margin-top: 20px;
		width:100%;
	}
	
	nav.primary ul li a {
		margin-left: 0px;
		margin-right: 10px;
		margin-bottom:10px;

	}
	
	.carousel_testimonials li {
		width: 680px;
	}
	
	.project_page {
		background-color:#fff;
		width:720px;
	}
	
	.client {
		margin:50px 50px 50px 50px;
	}

	.client:hover {
		margin:50px;
		opacity:0.8;
	}
	
	.news_page {
		background-color:#fff;
		width:720px;
	}
	
	.user_comment_reply {
		background: url("../images/user.html") no-repeat scroll 0 0 transparent;
		margin-top: 40px;
		padding-left: 60px;
	}
	
	.footer ul.contactus li {
		float: none;
		margin-bottom: 20px;
	}
	
	.separator1-bg {
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	}
	
	.separator2-bg {
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	}
	
	.separator3-bg {
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	}
	
	.separator4-bg {
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	}
	
		.separator5-bg {
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	}
	    
}











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

	
	.container {
		width:440px;
		padding-top:100px;
		padding-bottom:100px;
		
	}
	 .inner-container {
		width:440px;
 		padding-top:10%;
		padding-left:30%;
  	}
	#logo {
		margin-left:500px;
		margin-top:10px;
	}
	#logo img {
    max-width: 90% !important;
    }
	.center { margin-top: -50px; }
	
	#navigation ul {
		width: 200px;
		padding: 5px 0;
		position: relative;
		top: 30px;
		right: 20px;
		border: solid 1px #efefef;
		background: #fff url(../images/icon-menu.png) no-repeat 10px 11px;
		border-radius: 3px;		
	}
	
	ul#menu li {
		display: none;
		margin: 0;
	}
	
	#navigation .current {
		display: block!important;
	}
	
	#navigation a {
		display: block;
		padding: 5px 5px 5px 32px;
		text-align: left;
	}

	#navigation ul:hover {
		background-image: none;
	}
		
	#navigation ul:hover .current {
		background: url(../images/icon-check.png) no-repeat 10px 7px;
	}

	#navigation ul li:hover a, #navigation ul li.current a {
		color: #000;
		border-top: 0px;
	}
	
	#navigation a, #navigation a:active, #navigation a:visited {
		padding-top:5px;
		height:auto;		
		padding-bottom:5px;
	}
	
	.in-slide-content {
		bottom:180px;
		top:35%;
		left:167px;
		margin-right:10%;
		z-index:20;
		position:absolute;
		width:50%;
		text-align:left;
	}
		
	.in-slide-content p{ 		
		z-index:20;
		color:#fff;		
		font-size:12px;
		padding-top:20px;
		float:left;
		font-weight:bold;
	}
	
	.one_half {
    	width: 100%;
	}
	
	.one_third {
		width: 100%;
	}
	
	.one_fourth {
		width: 100%;
	}
	
	.one_fifth {
		width: 100%;
	}
	
	.one_sixth {
		width: 100%;
	}
	.two_fifth {
		width: 100%;
	}
	
	.two_fourth {
		width: 100%;
	}	
	
	.two_third {
		width: 100%;
	}
	
	.three_fifth {
		width: 100%;
	}
	
	.three_fourth {
		width: 100%;
	}
	
	.four_fifth {
		width: 100%;
	}
	
	.five_sixth {
		width: 100%;
	}
	
	.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .two_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
		float: left;
		margin-bottom: 20px;
		margin-right: 0;
		position: relative;
	}
	
	.team {
		background-color: #FFFFFF;
		float: left;
		height: 120px;
		margin-left: 107px;
		overflow: hidden;
		width: 130px;
		margin-bottom:30px;
	}
	
	.team.last {
		margin-left:107px;
	}
	
	.apartment-icons {
		background-color: #FFFFFF;
		float: left;
		height: 120px;
		margin-left: 107px;
		overflow: hidden;
		width: 130px;
		margin-bottom:30px;
	}
	
	.apartment-icons.last {
		margin-left:107px;
	}
	
	
	
	
	h3.newsletter {
		float: none;
		margin-bottom: 20px;
		margin-top: 0px;
	}
	
	input.newsletter-email, input.newsletter-name {
		width: 416px;
		margin-bottom:20px;
	}
	
	button.newsletter-sent {
		padding: 0 18px;
	}

	.portfolio {
		width: 100%;
	}

	.portfolio li { 
		width:50%;
		margin:0 auto;	
	}
	
	nav.primary ul {
		float: left;
		margin-top: 20px;
		width:100%;
	}
	
	nav.primary ul li a {
		margin-left: 0px;
		margin-right: 10px;
		margin-bottom:10px;
	}
	
	.carousel_testimonials li {
		width: 400px;
	}
	
	.project_page {
		background-color:#fff;
		width:440px;
	}
	
	.client {
		margin:20px 150px 20px 150px;
	}

	.client:hover {
		margin:20px 150px 20px 150px;
		opacity:0.8;
	}
	
	.news_page {
		background-color:#fff;
		width:440px;
	}
	
	p.post-admin {
		width:100%;
	}
	
	p.post-calendar {
		margin-left: 0px;
		width:100%;
	}
	p.post-tagss {
		margin-left: 0px;
		width:100%;
	}
	p.post-commentss {
		margin-left: 0px;
		width:100%;
	}
	
	.user_comment_reply {
		margin-left:-60px;
		background: url("../images/user.html") no-repeat scroll 0 0 transparent;
		margin-top: 40px;
		padding-left: 60px;
	}
	
	.footer ul.contactus li {
		font-size: 28px;
	}
	
	.footer ul.contactus li span.mail:after {
		top: 4px;
	}
	
	.footer ul.contactus li span.phone:after {
		top: 3px;
	}
	
	.footer-social {
		margin-bottom: 30px;
		margin-right: 30px;
	}
	
	.carousel_testimonials li h1 { 
		font-size:35px;
		line-height:38px;
	}
	
	.separator1-bg {
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	}
	
	.separator2-bg {
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	}
	
	.separator3-bg {
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	}
	
	.separator4-bg {
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	}
	
		.separator5-bg {
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	}
	.container { padding-bottom: 40px; width:80%; }
    .container h4 { margin-top:-50px; font-weight:400; font-size:24px; }
	.footer .container { padding-bottom: 30px; padding-top: 30px; }
    .copyright { text-align:center; }
	.nav-footer { padding:0px; }
	div.nav-footer ul li { margin:0px; height:150px; min-width: 20rem; width: 33.2%; }
	div.nav-footer ul li a { padding: 6.3rem 0 0; }
	.mt-25{ margin-left: 64px; margin-top: -90px; }
	.mask h5 { width:170px; }
	.mask p { top: 60%; }
	.mask h6 { left: 35%; }
	.list_carousel li {  margin: 20px 90px; }
	.team { overflow: hidden; padding:0; width: 130px; margin-left:50px; margin-bottom:10px; }
	.apartment-icons { overflow: hidden; padding:0; width: 130px; margin-left:50px; margin-bottom:10px; }
	.pad-center { padding-left:0%; }
	.img-responsive { margin:0 auto; }
	.one_third { width: 100%;   margin: 0 0px; }
	.container h4 { font-size: 14px; margin-top:0px; line-height:20px; }
    .contact_box { height:95px;  margin: 0 36px 0 0px;}
     section.icon_print {  padding: 32px 0 0 32%; background: rgba(0, 0, 0, 0) url("../images/icon-email.png") no-repeat scroll      20% 50%;
     }











  	
@media only screen and (max-width: 479px) {
	
	
	h1 { font-size: 45px; line-height:45px;}
    h2 { font-size: 30px; line-height:30px;}
    h3 { font-size: 24px; line-height:24px;}
    h4 { font-size: 20px; line-height:20px;}
    h5 { font-size: 14px; line-height:14px;}
	
	
	.container {
		width:280px;
		padding-top:70px;
		
	}
	 .inner-container {
		width:280px;
 		padding-top:10%;
		padding-left:30%;
  	}
	.in-slide-content {
  
   top: 35%;
  }
	
	#logo {
		margin-left: -80px;
        margin-top: -130px;
	}
	
	#logo img {
    margin: 0 0 0 80px;
    max-width: 70%;
    }
	
	#navigation ul {
		width: 140px;
		padding: 5px 0;
		position: relative;
		top: 30px;
		right: 20px;
		border: solid 1px #efefef;
		background: #fff url(../images/icon-menu.png) no-repeat 10px 11px;
		border-radius: 3px;
	}
	
	ul#menu li {
		display: none;
		margin: 0;
	}
	
	#navigation .current {
		display: block!important;
	}
	
	#navigation a {
		display: block;
		padding: 5px 5px 5px 32px;
		text-align: left;
	}

	#navigation ul:hover {
		background-image: none;
	}
	
	#navigation ul:hover .current {
		background: url(../images/icon-check.png) no-repeat 10px 7px;
	}

	#navigation ul li:hover a, #navigation ul li.current a {
		color: #000;
		border-top: 0px;
	}
	
	#navigation a, #navigation a:active, #navigation a:visited {
		padding-top:5px;
		height:auto;		
		padding-bottom:5px;
	}
	
	.in-slide-content {
   		 bottom: 180px;
    	 left: 50px;
		 margin-top:5%;
		 margin-right: 10%;
    	 position: absolute;
    	 text-align: left;
    	 width: 73%;
    	 z-index: 20;
	 }
	 
	 .in-slide-content h1 img{ 	
	    width:80%;	
		
	}
	.in-slide-content h1{ 	
	    width:100%;	
		display:block;
		font-size:30px; 
	}
	.in-slide-content h2{
		font-size:20px;
		line-height:0px; 		
	}
	
	.in-slide-content p{
		display:none; 		
	}
	
	#arrow_left {
		left: 50px;
	}
	
	.one_half {
    	width: 100%;
	}
	
	.one_third {
		width: 100%;
	}
	
	.one_fourth {
		width: 100%;
	}
	
	.one_fifth {
		width: 100%;
	}
	
	.one_sixth {
		width: 100%;
	}
	
	.two_fifth {
		width: 100%;
	}
	
	.two_fourth {
		width: 100%;
	}
		
	.two_third {
		width: 100%;
	}
	
	.three_fifth {
		width: 100%;
	}
	
	.three_fourth {
		width: 100%;
	}
	
	.four_fifth {
		width: 100%;
	}
	
	.five_sixth {
		width: 100%;
	}
	
	.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .two_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
		float: left;
		margin-bottom: 0px;
		margin-right: 0;
		position: relative;
	}
	
	.team {
		background-color: #FFFFFF;
		float: left;
		height: 120px;
		margin-left: 27px;
		overflow: hidden;
		width: 130px;
		margin-bottom:30px;
	}
	
	.team.last {
		margin-left:27px;
	}
	
	
	.apartment-icons {
		background-color: #FFFFFF;
		float: left;
		height: 120px;
		margin-left: 27px;
		overflow: hidden;
		width: 130px;
		margin-bottom:30px;
	}
	
	.apartment-icons.last {
		margin-left:27px;
	}
	
	h3.newsletter {
		float: none;
		margin-bottom: 20px;
		margin-top: 0px;
	}
	
	input.newsletter-email, input.newsletter-name {
		width: 256px;
		margin-bottom:20px;
	}
	
	button.newsletter-sent {
		padding: 0 18px;
	}	
	
	.portfolio {
		width: 100%;
	}
	
	.portfolio li { 
		width:100%;
		margin:0 auto;	
	}
	
	nav.primary ul {
		float: left;
		margin-top: 20px;
		width:100%;
	}
	
	nav.primary ul li {
		
	}
	
	nav.primary ul li a {
		margin-left: 0px;
		padding:0;
		text-align:center;
		margin-bottom:10px;
		width: 100%;
	}
	
	.carousel_testimonials li {
		width: 240px;
	}
	
	.project_page {
		background-color:#fff;
		width:280px;
	}

	.client {
		margin:20px 70px 20px 70px;
	}

	.client:hover {
		margin:20px 70px 20px 70px;
		opacity:0.8;
	}
	
	.list_carousel li {
		height: 522px;
		width: 280px;
	}
	
	.news-intro {
		background: none repeat scroll 0 0 #FFFFFF;
		float: left;
		height: 225px;
		padding: 20px;
	}
	
	.news_page {
		background-color:#fff;
		width:280px;
	}
	
	p.post-admin {
		width:100%;
	}
	
	p.post-calendar {
		margin-left: 0px;
		width:100%;
	}
	
	p.post-tagss {
		margin-left: 0px;
		width:100%;
	}
	
	p.post-commentss {
		margin-left: 0px;
		width:100%;
	}
	
	.footer ul.contactus li {
		font-size: 28px;
	}
	
	.footer ul.contactus li span.mail:after {
		top: 4px;
	}
	
	.footer ul.contactus li span.phone:after {
		top: 3px;
	}
	
	.footer-social {
		margin-bottom: 30px;
		margin-right: 30px;
	}
	
	.carousel_testimonials li h1 { 
		font-size:35px;
		line-height:38px;
	}

	#map_canvas {
		width:100%;
		height:300px;
	}
	
	.separator1-bg {
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	}
	
	.separator2-bg {
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	}
	
	.separator3-bg {
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	}
	
	.separator4-bg {
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	}
	
		.separator5-bg {
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	}
   .inner-container h2 {
	   font-size:18px;
	   margin: 0 -96px;
	  }
   .container h4 {
	   line-height:30px;
   }
   
   .introimg figure.block.first {
    margin: 0;
    padding-top: 13px;
    width: 30%;
}
.container { padding-bottom: 40px; }
.container h4 { margin-top:-50px; font-weight:400; font-size:24px; }
.footer .container { padding-bottom: 30px; padding-top: 30px; }
.copyright { text-align:center; }
.nav-footer { padding:0px; }
div.nav-footer ul li { margin:0px; height:100px; min-width: 10rem; width: 14.2%; }
div.nav-footer ul li a { padding: 6.3rem 0 0; }
.facilities li { display: inline-block; margin:0; }
.mask h5 { height:28px; left: 20%; }
.mask h6 { height:20px; left: 20%; }
.big-paragraph { text-align:center; }
.list_carousel li { width: 280px; height:auto; margin:0px !important; padding: 25px 0; }
.news-intro { float:none !important; }
.team { background-color: #ffffff; float: left !important; height: 120px; margin-left: 8px !important; margin-top: 20px !important; margin-right:0px; margin-bottom:0px; }
.apartment-icons { background-color: #ffffff; float: left !important; height: 180px; margin-left: 8px !important; margin-top: 20px !important; margin-right:0px; margin-bottom:0px; }
.pad-center { padding-left:0%; }
.img-responsive { margin:0 auto; }
.container h4 { font-size: 14px; margin-top:0px; line-height:20px; }
.contact_box { height:95px;}
section.icon_print {  padding: 32px 0 0 32%; background: rgba(0, 0, 0, 0) url("../images/icon-email.png") no-repeat scroll 20% 50%;


}


@media only screen and (max-width: 360px) {
	
	#separator1 {
		width: 100%;
		overflow: hidden;
		position: relative;
	}
	
	.news {
		width:100%;	   
	    height: auto;
	    float: left;
	    overflow: hidden;
	    position: relative;
	    text-align: left;	    
	}
	
 }