

/** GENERAL **/
.section-padding							{ padding:80px 0px; }



/** RECENT **/
.recent-properties															{ position:relative; }
.recent-properties h2														{ font-size:3em; text-transform:uppercase; text-align:center; margin:0px 0px 10px 0px; }
.recent-properties .recent-property											{ display:inline-block; width:33%; vertical-align:top; }
.recent-properties .recent-property a										{ position:relative; display:block; padding:5px; margin:10px; }
.recent-properties .recent-property .status-banner							{ position:absolute; top:5px; left:5px; width:139px; height:139px; z-index:2; }
.recent-properties .recent-property.status-forSale .status-banner,
.recent-properties .recent-property.status-toLet .status-banner				{ display:none; }
.recent-properties .recent-property .image									{ display:block; }
.recent-properties .recent-property .recent-details							{ display:block; padding:10px 0px; }
.recent-properties .recent-property .address .addr-line1					{ display:block; font-size:1.4em; line-height:1.2em; text-transform:uppercase; }
.recent-properties .recent-property .address .vitm-brief					{ display:block; font-size:1em; margin:10px 0px; }
.recent-properties .recent-property .price-wrapper .price-value				{ font-size:1.6em; font-weight:400; }
.recent-properties .recent-property .price-wrapper .price-period			{ font-size:1.2em; }

.recent-sales																{ background:#FFFFFF; }
.recent-rentals																{ background:#EFEFEF; }
.recent-properties h2														{ color:#23408f; }
.recent-properties .recent-property a										{ background:transparent; }
.recent-properties .recent-property a:hover									{ background:#EEEEEE; }
.recent-properties.recent-rentals .recent-property a:hover					{ background:#CCCCCC; }
.recent-properties .recent-property.status-letAgreed .status-banner			{ background:transparent url(property/status-let-agreed.png) no-repeat 0% 0%; }
.recent-properties .recent-property.status-let .status-banner				{ background:transparent url(property/status-let.png) no-repeat 0% 0%; }
.recent-properties .recent-property.status-saleAgreed .status-banner		{ background:transparent url(property/status-sale-agreed.png) no-repeat 0% 0%; }
.recent-properties .recent-property.status-sold .status-banner				{ background:transparent url(property/status-sold.png) no-repeat 0% 0%; }
.recent-properties .recent-property .image									{ border:1px solid #CCCCCC; }
.recent-properties .recent-property .address								{ color:#777777; font-size:1.2em; }
.recent-properties .recent-property .address .addr-line1					{ color:#23408f; }
.recent-properties .recent-property .brief									{ color:#333333; }
.recent-properties .recent-property .price-wrapper .price-offers,
.recent-properties .recent-property .price-wrapper .price-period			{ color:#777777; font-size:1.2em; }
.recent-properties .recent-property .price-wrapper .price-value				{ color:#23408f; }



/** NEW HOMES **/
.new-homes .development .image					{ float:left; width:45%; }
.new-homes .development .text-wrapper			{ margin:0px 0px 0px 50%; font-weight:300; }
.new-homes .development .dev-addr				{ font-size:1.6em; text-transform:uppercase; }
.new-homes .development .addr-line1				{ display:block; font-size:1.3em; }
.new-homes .development .dev-text				{ font-size:1.2em; }
.new-homes .development .dev-link				{ font-size:1.6em; font-weight:300; }

.new-homes										{ background:#777777; }
.new-homes .development							{ color:#FFFFFF; }
.new-homes .development .image					{ border:3px solid #FFFFFF; }
.new-homes .development .text-wrapper			{ color:#FFFFFF; }
.new-homes .development .dev-addr a, 
.new-homes .development .dev-addr				{ color:#FFFFFF; }
.new-homes .development .addr-line1				{ color:#23408f; }
.new-homes .development .dev-text				{ color:#FFFFFF; }
.new-homes .development .dev-link a				{ color:#23408f; }




/** WELCOME **/
.welcome-wrapper								{ text-align:center; font-size:1.6em; line-height:1.6em; font-weight:300; }
.welcome-wrapper h2								{ font-size:2em; font-weight:600; line-height:1em; margin:0px 0px 40px 0px; }
.welcome-wrapper h2 span						{ display:block; font-size:0.7em; font-weight:400; }

.welcome-wrapper								{ background:#dffdfe; color:#666666; }
.welcome-wrapper h2								{ color:#23408f; }
.welcome-wrapper h2 span						{ color:#333333; }



/** SERVICES **/
.services-wrapper								{ position:relative; }
.services-wrapper .overlay						{ position:absolute; top:0; bottom:0; left:0; right:0; z-index:1; }
.services-wrapper .service-box					{ display:block; width:440px; font-weight:300; font-size:1.6em; position:relative; z-index:2; }
.services-wrapper .service-left					{ float:left; }
.services-wrapper .service-right				{ float:right; }
.services-wrapper .content						{ display:block; padding:40px; }
.services-wrapper .title						{ display:block; }
.services-wrapper .title span					{ display:block; font-size:2.2em; line-height:1.1em; text-transform:uppercase; }
.services-wrapper .text							{ display:block; margin:40px 0px; }
.services-wrapper .text strong					{ font-weight:600; }
.services-wrapper .more							{ display:block; font-weight:600; text-transform:uppercase; }

.services-wrapper								{ background:#FFFFFF url(backgrounds/services-bg.jpg) no-repeat 50% 50%; background-size:cover; background-attachment:fixed; }
.services-wrapper .overlay						{ background:rgba(255,255,255,0.4); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66333333,endColorstr=#66333333); zoom:1; }
.services-wrapper .content						{ background:rgba(0,182,188,0.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6400b6bc,endColorstr=#E6400b6bc); zoom:1; -webkit-transition:all .2s linear; -moz-transition:all .2s linear; transition:all .2s linear; }
.services-wrapper .service-box:hover .content	{ background:rgba(0,182,188,1); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF00b6bc,endColorstr=#FF00b6bc); zoom:1; }
.services-wrapper .title						{ color:#FFFFFF; }
.services-wrapper .title span					{ color:#23408f; }
.services-wrapper .text							{ color:#FFFFFF; }
.services-wrapper .text strong					{ color:#CC9999; }
.services-wrapper .more							{ color:#23408f; }



/** RESPONISVE **/
@media screen and (max-width:930px){
	
	.services-wrapper .service-box				{ width:48%; }
	.services-wrapper .title span				{ font-size:1.8em; }
	
}

@media screen and (max-width:800px){
	
	.recent-properties .recent-property a		{ margin:0px; }
	.services-wrapper							{ background:#FFFFFF url(backgrounds/services-bg.jpg) no-repeat 50% 50%; background-size:inherit !important; }
	
}

@media screen and (max-width:760px){
	
	.services-wrapper .service-box				{ float:none !important; width:100%; margin:0px 0px 30px 0px; }
	.services-wrapper .content,
	.services-wrapper .title,
	.services-wrapper .text						{ height:auto !important; }
	
}

@media screen and (max-width:730px){
	
	.new-homes .development .image				{ float:left; width:35%; }
	.new-homes .development .text-wrapper		{ margin:0px 0px 0px 40%; }

}

@media screen and (max-width:660px){
	
	.recent-properties .recent-property			{ width:100%; }
	.recent-property.recent-03					{ display:none; }
	.new-homes .development .image				{ float:none; width:auto; }
	.new-homes .development .text-wrapper		{ margin:20px 0px 0px 0px; }
	
}
 
@media screen and (max-width:470px){
	
	.section-padding							{ padding:40px 0px; }
	.welcome-wrapper							{ font-size:1.3em; line-height:1.3em; }
	.welcome-wrapper h2							{ font-size:1.6em; margin:0px 0px 30px 0px; }
	.recent-properties h2						{ font-size:1.7em; }
	
}

@media screen and (max-width:420px){
	
	.recent-properties .recent-property			{ width:100%; }
	.new-homes .development .dev-addr			{ font-size:1.2em; }
	.new-homes .development .dev-text			{ font-size:1em; }
	.new-homes .development .dev-link			{ font-size:1.2em; }
	
}



