

/** CONTENT **/
.static-content								{ padding:120px 0px; font-size:1.1em; line-height:1.6em; }
.static-content .static-fullcol					{ width:100%; padding:40px 0px; }
.static-content .static-col					{ width:48%; padding:40px 0px; }
.static-content .static-left				{ float:left; }
.static-content .static-right				{ float:right; }
.static-content h2							{ text-transform:uppercase; font-size:1.4em; line-height:1em; font-weight:400; }
.static-content h2 span						{ display:block; font-weight:600; font-size:0.7em; }
.static-content blockquote					{ margin:30px 0px; padding:30px 0px; font-weight:600; font-size:1.1em; }
.static-content blockquote h2,
.static-content blockquote h3				{ margin:0px 0px 20px 0px; }
.static-content blockquote .btn				{ margin:0px 0px 20px 0px; }

.static-content h2							{ color:#01AEF0; }
.static-content-grey						{ background:#F4FBFE; }


/** TITLES **/
.static-title								{ font-weight:300; padding:50px 0px; }
.static-title h1 span,
.static-title h2 span						{ display:block; font-weight:300; font-size:0.7em;width:60%; }
.static-title .sub-text						{ font-size:1.3em; margin:20px 0px 0px 0px; color:#777777; }

.static-title								{ background:#FFFFFF; color:#777777; }
.static-title h1,
.static-title h2							{ color:#01AEF0; }
.static-title h1 span,
.static-title h2 span						{ color:#01AEF0; }
.static-title-dark							{ background:#394363; color:#FFFFFF; }
.static-title-dark h1,
.static-title-dark h2						{ color:#394363; }
.static-title-dark h1 span,
.static-title-dark h2 span					{ color:#FFFFFF; }

.subtitle 									{ font-size:1.2em; font-weight:400; color:#777777; padding-top:10px; text-transform:uppercase; }



/** SERVICE COLS **/
.service-col-wrapper						{ font-size:0px; }
.service-col-wrapper .service-col			{ font-size:14px; display:inline-block; vertical-align:top; width:33%; }
.service-col-wrapper .spacing				{ margin:0px 30px; padding:30px 0px; }
.service-col-wrapper h2						{ margin:0px 0px 10px 0px; font-size:1.6em; font-weight:600; }
.service-col-wrapper .icon					{ margin:0px 0px 20px 0px; width:100px; }
.service-col-wrapper .icon img				{ width:100%; max-width:200px; max-height:200px; }

.service-col-wrapper .spacing				{ border-bottom:2px solid #CCCCCC; }

/** SERVICE COLS **/
.maintenance-col-wrapper .maintenance-spacing img			{ width:80%;max-width:100%; }
.maintenance-col-wrapper									{ font-size:0px; }
.maintenance-col-wrapper small		{ font-size:11px; line-height:normal; }
.maintenance-col-wrapper .maintenance-col			{ font-size:14px; display:inline-block; vertical-align:top; width:33%; margin:0px 0px 30px 0px; text-align:center; }
.maintenance-col .maintenance-spacing						{ margin:0px 30px; }
.maintenance-col .image										{ display:block; position:relative; }
.maintenance-col .image img									{ width:100%; max-width:600px; max-height:400px; }
.maintenance-col h3											{ margin:0px; padding:10px; position:absolute; bottom:0; left:0; right:0; }
.maintenance-col .shadow									{ margin:0px 30px; }
.maintenance-col .shadow img								{ width:100%; max-width:800px; max-height:50px; }
.maintenance-col .maintenance-spacing						{ background:#FAFAFA; }
.static-content-grey .maintenance-col .maintenance-spacing	{ background:#FFFFFF; }
.maintenance-col h3											{ background:rgba(74, 90, 138, 0.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC01AEF0,endColorstr=#CC01AEF0); zoom:1; color:#FFFFFF; }
.maintenance-spacing-text									{ font-size:1.1em; margin:0px 33px; }

.contact-message							{ font-size:1.3em; font-weight:600; text-align:center; color:#01AEF0; text-transform:uppercase; }

/** COL THRID DIVIDES **/
.col-thirds 						{ display:inline-block; vertical-align:top; width:40%; color:#FFFFFF; }
.col-thirds .spacing 				{ padding:40px; margin:10px; background:#FFFFFF; text-align:center; }
.col-thirds .icon img				{ width:100%; max-width:800px; max-height:600px; }
.col-thirds h2						{ font-size:1.2em;}

@media screen and (max-width:830px){
	
	.col-thirds { width:32%; }
}
@media screen and (max-width:760px){
	
	.col-thirds,
	.what-text { display:block; width:100%; }
}



/** STATIC LISTS **/
.static-list					{ list-style:none; margin:20px 0px; padding:0px; }
.static-list li					{ display:block; padding:10px; margin:0px 0px 10px 0px; }

.static-list li					{ border-left:3px solid #01AEF0; }
.static-list li:nth-child(odd)	{ background:#F4FBFE; }
.static-content-grey .static-list li:nth-child(odd)	{ background:#FFFFFF; }
.static-list li span			{ color:#000000; }

.landlord-title					{ font-size:1.5em !important; font-weight:600 !important; }
.landlord-section-title			{ font-size:1.6em !important; font-weight:600 !important; padding:0px 0px 40px 0px; }



/** MEET THE TEAM **/
.team-title 								{ display:block; color:#01AEF0; font-size:1.2em; text-transform:uppercase; font-weight:600; border-bottom:2px solid #01AEF0; padding:10px 0px; }
.team-position 								{ display:block; font-size:1em; color:#333333; font-weight:700; margin:0px 0px 0px 0px; }
.team-office 								{ font-size:0.9em; color:#777777; font-weight:300; }



/** RESPONSIVE **/

@media screen and (max-width:890px){
	.maintenance-col-wrapper .maintenance-spacing,
	.maintenance-col .shadow					{ margin:0px 10px; }
}

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

	.static-title h1 span,
	.static-title h2 span		{ width:100%; }
	.maintenance-col-wrapper .maintenance-col		{ width:50%; }

}


@media screen and (max-width:760px){
	
	.static-content							{ padding:20px 0px; font-size:1em; line-height:1.4em; }

	.static-content .static-col				{ width:auto; }
	.static-content .static-left,
	.static-content .static-right			{ float:none; margin:20px; }
	.service-col-wrapper .service-col		{ width:50%; }
	.static-title							{ padding:30px 0px; }
	.team-img 								{ height:auto !important; min-height:400px;}

	
}



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

	.service-col-wrapper .service-col				{ width:100%; display:block; text-align:center; }
	.service-col-wrapper .icon						{ margin:0px auto 20px auto; }
	
	.service-col-wrapper .service-col				{ width:100%; display:block; text-align:center; }
	.service-col-wrapper .icon						{ margin:0px auto 20px auto; }
	.maintenance-col-wrapper .maintenance-col		{ width:100%; }
	
}

@media screen and (max-width:400px){
	
	.static-content					{ padding:10px 0px; }
	
}






