/** DEVELOPMENT TITLE **/
.development-title						{ padding:20px 0px; }
.development-title .btn					{ float:left; }
.development-title h1					{ float:right; text-align:right; font-size:1.6em; font-weight:600; }

.development-title						{ background:#FFFFFF; }



/** DEVELOPMENT BANNER **/
.development-banner							{ position:relative; padding:60px 0px; text-align:center; overflow:hidden; }
.development-banner .logo					{ position:relative; z-index:2; margin:0px auto; max-width:600px; width:90%; }
.development-banner .logo img				{ width:90%; max-width:600px; max-height:250px; }
.development-banner .logo.logo-large img 	{ max-width:900px; max-height:375px; }
.development-banner .bg						{ position:absolute; z-index:1; top:0; bottom:0; left:0; right:0; }
.development-banner .bg img					{ width:100%; height:auto; min-width:1600px; min-height:630px; margin:-315px 0px 0px 0px; }
.development-banner .crest-wrapper { position:absolute; z-index:99; top:20px; right:51%; width:170px; }
.development-banner .crest-wrapper img { width:90%; max-width:270px; max-height:235px; }
@media screen and (max-width:480px){
	.development-banner .crest-wrapper { position:relative; width:90%; margin:20px auto; bottom:auto; left:auto; right:auto; top:auto; max-width:160px; }
}



/** DEVELOPMENT CONTENT **/ 
.development-content-wrapper													{ padding:60px 0px; }
.development-content-wrapper .development-content.overview						{ display:block; }
.development-content-wrapper h2													{ font-weight:600; font-size:2em; text-transform:uppercase; }
.development-left																{ float:left; width:75%; }
.development-right																{ float:right; max-width:240px; width:100%; }
.development-right .btn															{ display:block; margin:0px 0px 10px 0px; text-align:left; }
.development-right .btn.btn-resp												{ display:none; }

.development-right .btn.active													{ background:#333333; color:#FFFFFF; border:2px solid #333333; }



/** OVERVIEW **/
.overview-text .text					{ font-size:1.3em; }
.overview-text .text .coming-soon-overview { text-align:center; }
.overview-images						{ padding:60px 0px 0px 0px; text-align:justify; -ms-text-justify:distribute-all-lines; text-justify:distribute-all-lines; line-height:normal; font-size:0px; clear:both; }
.overview-images .image					{ display:inline-block; vertical-align:middle; width:16%; margin:0px 0px 5px 0px; }
.overview-images .image img				{ width:100%; max-width:310px; max-height:241px; }
.overview-images .stretch				{ width:100%; display:inline-block; font-size:0; line-height:0; }



/** PROPERTY TYPES **/
.house-types .property												{ position:relative; display:inline-block; vertical-align:top; width:33%; margin:30px 0px 0px 0px; text-align:center; }
.house-types .property .spacing										{ display:block; padding:0px 5px; }
.house-types .property .image										{ display:block; position:relative; }
.house-types .property .spacing .status-banner						{ position:absolute; padding:10px; bottom:10px; left:0px; text-transform:uppercase; font-weight:600; }
.house-types .property .spacing.status-forSale .status-banner		{ display:none; } 
.house-types .property .details										{ display:block; padding:20px; }
.house-types .property .title										{ display:block; font-weight:600; font-size:1.4em; text-transform:uppercase; }
.house-types .property .title span									{ display:block; }
.house-types .property .price										{ display:block; text-transform:uppercase; }
.house-types .property .btn											{ margin:20px 0px 0px 0px; }

.house-types .property:hover .details								{ background:#EFEFEF; }
.house-types .property .image										{ border:5px solid #EFEFEF; }
.house-types .property .spacing .status-banner						{ background:#70978D; color:#FFFFFF; }
.house-types .property:hover .btn									{ background:#333333; color:#FFFFFF; border:2px solid #333333; }



/** SPECIFICATION **/
.specification .title					{ margin:0px 0px 30px 0px; }
.specification .title h4				{ font-size:1.3em; }
.specification .left,
.specification .right					{ width:45%; font-size:1.3em; }
.specification .left					{ float:left; }
.specification .right					{ float:right; }
.specification .left h3,
.specification .right h3				{ font-weight:600; }
.specification ul						{ margin:20px 0px 30px 0px; padding:20px 0px 20px 20px; }
.specification ul li					{ margin:0px 0px 10px 0px; }

.specification ul						{ border-top:1px solid #CCCCCC; }
.specification ul li					{ color:#70978D; }
.specification ul li span				{ color:#383836; }



/** SITE LAYOUT **/
.site-layout-wrapper .site-layout		{ margin:30px 0px 0px 0px; border:10px solid #EFEFEF; }
.site-layout-wrapper .site-layout img	{ width:100%; max-width:2000px; height:auto; }



/** VIDEOS **/
.video-wrapper h2						{ margin:0px 0px 20px 0px; }




/** GALLERY **/
.gallery .images 						{ overflow:hidden; position:relative; }
.gallery .images div	 				{ height:350px; }
.gallery .chromatic-gallery-photo 		{ float:left; margin:0.5em; background-size:cover; }
.chromatic-gallery-photo,
.chromatic-zoom-arrow-left,
.chromatic-zoom-arrow-right 			{ cursor:pointer; }
.chromatic-zoom 						{ z-index: 1000 !important; }

.form-checkbox input { display: initial; width: initial; padding: initial; min-height: 0; }
.form-checkbox label { display: initial; clear: initial; margin: initial; }



/** FLOWER BANNER **/
.development-banner.coming-soon-banner { text-align:center; }
.development-banner.flower-banner { position:relative; background:#F1F3DF; }
.development-banner.flower-banner .logo { position:relative; z-index:2; }
.development-banner.flower-banner .logo img	{ width:90%; max-width:239px; max-height:375px; }
.development-banner.flower-banner .coming-soon-text { position:relative; z-index:2; margin:0px auto; max-width:600px; font-size:1.3em; padding:40px; background:rgba(241,243,223,0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99F1F3DF,endColorstr=#99F1F3DF); zoom:1; }
.development-banner.flower-banner .coming-soon-text h2 { font-size:1.8em; font-weight:600; }
.development-banner.flower-banner .coming-soon-text h3 { font-size:2em; font-weight:300; line-height:1.1em; margin:20px 0px; }
.development-banner.flower-banner .flowers { position:absolute; width:100%; max-width:750px; z-index:1; }
.development-banner.flower-banner .flowers-tl { top:0; left:0; }
.development-banner.flower-banner .flowers-br { right:0; bottom:0; text-align:right; }
.development-banner.flower-banner .flowers img { width:100%; max-width:750px; max-height:338px; }



/** RESPONSIVE **/
@media screen and (max-width:1600px){
	.development-banner .bg img			{ position:absolute; top:50%; margin:-315px 0px 0px -800px; left:50%; }
}
@media screen and (max-width:1080px){
	.development-left					{ width:65%; }
	.house-types .property				{ width:49%; }
}
@media screen and (max-width:960px){
	.overview-images .image				{ width:33%; }
}
@media screen and (max-width:900px){
	.specification .left,
	.specification .right					{ float:none; width:100%; }
}
.lt-ie9 .image-container,
.is-mobile .image-container 					{ float:none; width:auto; text-align:center; margin:0.5em 0.5em; height:auto; }
.lt-ie9 .image-container img,
.lt-ie9 .image-container .image,
.is-mobile .image-container img,
.is-mobile .image-container .image				{ width:100%; height:auto; max-height:none !important; }
.lt-ie9 .gallery .images div,
.is-mobile .gallery .images div 				{ height:auto; }
@media screen and (max-width:760px){
	.development-title					{ text-align:center; }
	.development-title .btn				{ float:none; }
	.development-title h1				{ float:none; text-align:center; font-size:1.4em; margin:20px 0px 0px 0px; }
	.development-left,
	.development-right					{ float:none; width:100%; }
	.development-right					{ margin:0px 0px 30px 0px; max-width:none; }
	.development-right .btn				{ display:none; text-align:center; }
	.development-right .btn.btn-resp	{ display:block; }
}
@media screen and (max-width:660px){
	.overview-images .image				{ width:49%; }
}
@media screen and (max-width:600px){
	.house-types .property				{ width:100%; }
	.house-types .property .spacing		{ padding:0px; }
}
@media screen and (max-width:500px){
	.development-banner.flower-banner .coming-soon-text h3 { font-size:1.4em; }
}
@media screen and (max-width:340px){
	.overview-images .image				{ width:100%; }
}