

/** TITLE BANNER **/
.static-page .title-banner									{ position:relative;  padding:250px 0px 50px 0px; text-align: center; }
.static-page .title-banner .fw-margins						{ position:relative; z-index:2; }
.static-page .title-banner .btn								{ margin:20px 0px; }
.static-page .title-banner h1								{ text-transform:uppercase; }
.static-page .title-banner .sub-title						{ text-transform:uppercase; font-size:1.3em; }
.static-page .title-banner .intro-text						{ margin:200px 0px 0px 0px; font-size:1.3em; }
/* .static-page .title-banner .intro-text.intro-text-left		{ max-width:600px; } */
.static-page .title-banner .intro-text blockquote			{ margin:0px 0px 30px 0px; padding:0px; text-transform:uppercase; font-weight:300; font-size:1.2em; }
.static-page .title-banner .overlay							{ position:absolute; left:0; right:0; z-index:1; height:316px; }
.static-page .title-banner .overlay-top						{ top:0; }
.static-page .title-banner .overlay-bottom					{ bottom:0; }

.static-page .title-banner									{ color:#FFFFFF; text-shadow:0px 1px 5px rgba(0, 0, 0, 0.6); }
.static-page .title-banner .overlay-top						{ background:transparent url(backgrounds/gradient-top.png) repeat-x 50% 0%; }
.static-page .title-banner .overlay-bottom					{ background:transparent url(backgrounds/gradient-bottom.png) repeat-x 50% 100%; }



/** TITLE BANNER OVERLAY **/
.static-page .title-banner:after {
	content: '';
	position: absolute;
	inset: 0;
	background-color: rgba(0,0,0,0.5);
}



/** BACKGROUND IMAGES **/
.static-page .title-banner,
.static-page .static-form								{ background:#FFFFFF url(backgrounds/general.jpg) no-repeat 50% 50%; background-size:cover; }
.static-page.static-page-about .title-banner,
.static-page.static-page-about .static-form				{ background:#FFFFFF url(backgrounds/about.jpg) no-repeat 50% 50%; background-size:cover; }
.static-page.static-page-epc .title-banner,
.static-page.static-page-epc .static-form				{ background:#FFFFFF url(backgrounds/epc.jpg) no-repeat 50% 50%; background-size:cover; }
.static-page.static-page-lettings .title-banner,
.static-page.static-page-lettings .static-form			{ background:#FFFFFF url(backgrounds/lettings.jpg) no-repeat 50% 50%; background-size:cover; }
.static-page.static-page-landlords .title-banner,
.static-page.static-page-landlords .static-form			{ background:#FFFFFF url(backgrounds/landlords.jpg) no-repeat 50% 50%; background-size:cover; }
.static-page.static-page-repairs .title-banner,
.static-page.static-page-repairs .static-form			{ background:#FFFFFF url(backgrounds/repairs.jpg) no-repeat 50% 50%; background-size:cover; }
.static-page.static-page-payments .title-banner,
.static-page.static-page-payments .static-form			{ background:#FFFFFF url(backgrounds/payments.jpg) no-repeat 50% 50%; background-size:cover; }
.static-page.static-page-tenants .title-banner,
.static-page.static-page-tenants .static-form			{ background:#FFFFFF url(backgrounds/tenants.jpg) no-repeat 50% 50%; background-size:cover; }
.static-page.static-page-mailing-list .title-banner		{ background:#FFFFFF url(backgrounds/mailing-list.jpg) no-repeat 50% 50%; background-size:cover; }
.static-page.static-page-mailing-list .static-form		{ background:#FFFFFF; }
.static-page.static-page-contact .title-banner			{ background:#FFFFFF url(backgrounds/contact.jpg) no-repeat 50% 50%; background-size:cover; }
.static-page.static-page-student .title-banner,
.static-page.static-page-student .static-form			{ background:#FFFFFF url(backgrounds/students.jpg) no-repeat 50% 50%; background-size:cover; }
.static-page.static-page-student.student-universities .title-banner,
.static-page.static-page-student.student-universities .static-form		{ background:#FFFFFF url(backgrounds/universities.jpg) no-repeat 50% 50%; background-size:cover; }
.static-page.static-page-useful .title-banner,
.static-page.static-page-useful .static-form			{ background:#FFFFFF url(backgrounds/useful.jpg) no-repeat 50% 50%; background-size:cover; }
.static-page.static-page-fixflo .title-banner,
.static-page.static-page-fixflo .static-form			{ background:#FFFFFF url(backgrounds/fixflo.jpg) no-repeat 50% 50%; background-size:cover; }
.static-page-mortgages .title-banner,
.static-page-mortgages .static-form						{ background:#FFFFFF url(backgrounds/mortgages.jpg) no-repeat 50% 50%; background-size:cover; }



/** FULLSCREEN BACKGROUNDS **/
.static-page.static-page-valuations .title-banner,
.static-page.static-page-valuations .static-form		{ background:transparent; }



/** MAIN CONTENT **/
.static-content									{ padding:60px 0px; font-size:1.2em; }
.static-content.static-content-center			{ text-align:center; }
.static-content.static-content-center span		{ display:block; font-weight:600; }
.static-content.static-content-parallax			{ position:relative; padding:200px 0px; }
.static-content.static-content-left .content,
.static-content.static-content-right .content	{ max-width:450px; position:relative; z-index:2; padding:30px; }
.static-content.static-content-left .content	{ float:left; }
.static-content.static-content-right .content	{ float:right; }
.static-content .static-left,
.static-content .static-right					{ width:48%; }
.static-content .static-left.wide,
.static-content .static-right.wide				{ width:60%; }
.static-content .static-left.thin,
.static-content .static-right.thin				{ width:38%; }
.static-content .static-left					{ float:left; }
.static-content .static-right					{ float:right; }
.static-content .content-title					{ text-transform:uppercase; font-size:1.8em; margin:0px 0px 30px 0px; padding:0px 0px 30px 0px; }
.static-content-red .content-title				{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
.static-content blockquote						{ font-size:1.2em; margin:0px 0px 20px 0px; padding:0px 0px 20px 0px; }
.static-list									{ padding:0px 0px 0px 20px; }
.static-list li									{ margin:0px 0px 10px 0px; }
dl.dl-list dd									{ margin:0px 0px 10px 0px; }
dl.dl-list dd:before							{ float:left; content:'\2022'; }
dl.dl-list dd span								{ display:block; margin:0px 0px 0px 20px; }
.striped-list									{ margin:0px; padding:0px; list-style:none; }
.striped-list li span							{ display:block; padding:15px; }
hr.solid,
hr.dotted										{ height:1px; padding:0px; margin:40px 0px; }

.static-content									{ background:#FFFFFF; }
.static-content.static-content-grey				{ background:#FAFAFA; }
.static-content.static-content-red				{ background:#BE1522 url(icons/watermark.png) no-repeat right -100px top 50%; color:#FFFFFF; }
.static-content.static-content-cork				{ background:#FFFFFF url(backgrounds/cork.png) repeat; }
.static-content.static-content-left .content,
.static-content.static-content-right .content	{ background:rgba(0,0,0,0.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC262626,endColorstr=#CC262626); zoom:1; color:#FFFFFF; } 
.static-content .content-title					{ color:#BE1522; border-bottom:1px dotted #CCCCCC; }
.static-content-red .content-title				{ color:#FFFFFF; border-bottom:none; }
.static-content blockquote						{ border-bottom:1px dotted #CCCCCC; }
.static-content-red blockquote					{ border-bottom:1px dotted #7B090B; }
.static-list li									{ color:#BE1522; }
.static-list li span							{ color:#262626; }
.static-list li span span						{ color:#BE1522; }
.static-content-parallax .static-list li,
.static-content-parallax .static-list li span,
.static-content-parallax .static-list span span	{ color:#FFFFFF; }
.static-content-red .static-list li				{ color:#FFFFFF; }
.static-content-red .static-list li span		{ color:#FFFFFF; }
.static-content-red .static-list li span span	{ color:#FFFFFF; }
.striped-list li:nth-child(odd) span			{ background:#EFEFEF; }
.striped-list li:nth-child(even) span			{ background:transparent; }
hr.solid										{ border:none; border-top:1px solid #FFFFFF; }
hr.dotted										{ border:none; border-top:1px dotted #FFFFFF; }



/** BOX LISTS **/
.box-list										{ list-style:none; margin:0px; padding:0px; }
.box-list li									{ display:block; clear:both; margin:0px 0px 30px 0px; }
.box-list li .box								{ display:block; float:left; width:30px; text-align:center; font-size:26px; font-size:2em; padding:5px 10px; }
.box-list li .text								{ display:block; margin:0px 0px 0px 70px; padding:10px 0px 0px 0px; }

.box-list li .box								{ background:#BE1522; color:#FFFFFF; -webkit-border-radius:50% 50% 50% 50%; -moz-border-radius:50% 50% 50% 50%; border-radius:50% 50% 50% 50%; }
.box-list li .box span							{ color:#FFFFFF; }



/** STATIC THIRDS **/
.static-thirds									{ display:inline-block; vertical-align:top; width:33%; }
.static-thirds .spacing							{ padding:20px; margin:5px; }
.static-thirds h2								{ font-weight:600; }

.static-thirds .spacing							{ background:#FAFAFA; }
.static-content-grey .static-thirds .spacing	{ background:#FFFFFF; }



/** GRID BOXES **/
.grid-box-wrapper										{ font-size:0px; }
.grid-box-wrapper .fw-margins							{ max-width:1300px; }
.grid-box-wrapper .section-title						{ font-size:12px; text-transform:uppercase; margin:0px 0px 20px 0px; padding:0px 0px 20px 0px; }
.grid-box-wrapper .section-title h2						{ font-size:2em; }
.grid-box-wrapper .group								{ width:50%; }
.grid-box-wrapper .group.group-left						{ float:left; clear:left; }
.grid-box-wrapper .group.group-right					{ float:right; clear:right; }
.grid-box-wrapper .grid-box								{ display:inline-block; vertical-align:top; width:50%; }
.grid-box-wrapper .grid-box.grid-box-2-col				{ width:100%; }
.grid-box-wrapper .grid-box .content					{ display:block; margin:20px; font-size:12px; position:relative; }
.grid-box-wrapper .grid-box .title						{ position:absolute; z-index:3; padding:10px; text-transform:uppercase; left:0; bottom:0px; font-size:1.3em; }
.grid-box-wrapper .grid-box .overlay					{ position:absolute; z-index:2; top:0; bottom:0; left:0; right:0; }
.grid-box-wrapper .grid-box .image						{ position:absolute; z-index:1; top:0; bottom:0; left:0; right:0; overflow:hidden; }
.grid-box-wrapper .grid-box .image img					{ position:absolute; top:-9999px; bottom:-9999px; left:-9999px; right:-9999px; margin:auto; -webkit-transition:all 0.3s linear; transition:all 0.3s linear; -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1); }
.grid-box-wrapper .grid-box:hover .image img			{ -webkit-transform: scale3d(1.2, 1.2, 1); transform: scale3d(1.2, 1.2, 1); }

.grid-box-wrapper .section-title						{ border-bottom:2px solid #CCCCCC; }
.grid-box-wrapper .grid-box .content					{ /**box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border:1px solid #CCCCCC;**/ background:#EFEFEF; }
.grid-box-wrapper .grid-box .title						{ background:rgba(0,0,0,0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); zoom:1; color:#FFFFFF; }
.grid-box-wrapper .grid-box:hover .title				{ background:rgba(0,0,0,0.9); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6000000,endColorstr=#E6000000); zoom:1; color:#FFFFFF; }
.grid-box-wrapper .grid-box .overlay					{ background:rgba(0,0,0,0.3); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4D000000,endColorstr=#4D000000); zoom:1; -webkit-transition:all .2s linear; -moz-transition:all .2s linear; transition:all .2s linear; }
.grid-box-wrapper .grid-box .content-property .overlay	{ background:rgba(0,0,0,0.0); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000,endColorstr=#00000000); zoom:1; -webkit-transition:all .2s linear; -moz-transition:all .2s linear; transition:all .2s linear; }
.grid-box-wrapper .grid-box:hover .overlay				{ background:rgba(0,0,0,0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); zoom:1; }



/** SERVICES **/
.service-list						{ list-style:none; margin:0px auto; padding:0px; max-width:2000px; }
.service-list li					{ display:inline-block; vertical-align:top; width:24%; }
.service-list .services-box			{ display:block; position:relative; padding:10px; margin:0px 30px 50px 30px; }
.service-list .image				{ display:block; width:100%; }
.service-list .image img			{ width:100%; }
.service-list .title				{ display:block; text-transform:uppercase; text-align:left; margin:10px 0px; }
.service-list .text					{ display:block; text-align:left; font-size:0.9em; }

.service-list .services-box:hover	{ background:#FAFAFA; }
.service-list .title				{ color:#BE1522; }
.service-list .text					{ color:#777777; }



/** STATEMENT BOXES **/
.statement-box											{ padding:20px; }
.statement-box h2										{ text-transform:uppercase; margin:0px 0px 20px 0px; padding:0px 0px 20px 0px; }
.statement-box .static-list								{ margin:0px; padding:0px; list-style:none; font-size:1.3em; }

.statement-box											{ background:#FAFAFA; }
.static-content.static-content-grey .statement-box		{ background:#FFFFFF; }
.statement-box h2										{ color:#BE1522; border-bottom:2px solid #BE1522; }



/** STATIC BOXES **/
.static-box					{ padding:20px; margin:0px 0px 20px 0px; }
.static-box .title			{ text-transform:uppercase; font-size:1.5em; }
.static-box .text			{ font-size:; }
.static-box h3				{ text-transform:uppercase; }

.static-box					{ border:10px solid #FAFAFA; }
.static-box .title			{ color:#BE1522; }
.static-box .text			{ color:#262626; }
.static-box h3				{ color:#BE1522; }



/** SECTION BOXES **/
.section-box					{ display:inline-block; vertical-align:top; width:33%; text-align:center; }
.section-box .spacing			{ display:block; margin:10px; }
.section-box .image				{ display:block; height:200px; }
.section-box .title				{ display:block; text-transform:uppercase; font-size:; margin:10px 0px; }
.section-box .btn				{ display:block; }

.section-box:hover				{ background:#FAFAFA; }
.section-box .image				{ background:#FAFAFA; }



/** AFFILIATE BOXES **/
.affiliate-box					{ display:inline-block; vertical-align:top; width:33%; text-align:center; }
.affiliate-box .spacing			{ display:block; margin:10px; padding:5px; }
.affiliate-box .image			{ display:block; }
.affiliate-box .image img		{ width:100%; max-width:343px; max-height:130px; }
.affiliate-box .title			{ display:block; padding:10px 0px; }

.affiliate-box .spacing			{ background:#FFFFFF; }
.affiliate-box .title			{ color:#262626; } 



/** GUIDES BANNER **/
.includes-guides h2							{ text-transform:uppercase; font-size:2.5em; }
.includes-guides .sub-title					{ text-transform:uppercase; font-size:1.3em; }
.includes-guides .guide-box					{ width:40%; margin:0px 0px 20px 0px; }
.includes-guides .guide-box-left			{ float:left; }
.includes-guides .guide-box-right			{ float:right; }
.includes-guides .guide-box .title			{ display:block; text-transform:uppercase; font-size:2em; }
.includes-guides .guide-box .text			{ display:block; margin:10px 0px 20px 0px; }
.includes-guides .guide-box .btn			{ display:block; text-transform:uppercase; max-width:220px; }

.includes-guides h2							{ color:#BE1522; }
.includes-guides .guide-box .title			{ color:#BE1522; }
.includes-guides .guide-box .text			{ color:#262626; }
.includes-guides .guide-box .btn			{ background:#BE1522; color:#FFFFFF; }
.includes-guides .guide-box:hover .btn		{ background:#7B090B; color:#FFFFFF; }



/** STATIC FORMS **/
.static-form								{ position:relative; padding:60px 0px; font-size:1.2em; }
.static-form .overlay						{ position:absolute; top:0; bottom:0; left:0; right:0; z-index:1; }
.static-form .fw-margins					{ position:relative; z-index:2; }
.static-form .form-success					{ text-align:center; }
.static-form .left							{ float:left; width:300px; }
.static-form h2								{ text-transform:uppercase; }
.static-form .right							{ float:right; width:65%; }
.static-form .form .form-row				{ clear:none; margin:0px 0px 20px 0px; }
.static-form .form .form-textbox input,
.static-form .form .form-textbox textarea	{ width:100%; padding:15px 10px; min-width:initial; }
.static-form .form .form-textbox textarea	{ min-height:100px; }
.static-form .form .htmldd,
.static-form .form .styledd					{ width:100%; padding:10px 10px; }
.static-form .form-full						{ width:100%; margin:20px 0px 0px 0px; }
.static-form .form-half						{ width:48%; }
.static-form .form-half-left				{ float:left; }
.static-form .form-half-right				{ float:right; }
.static-form .form-button-row				{ text-align:right; }
.static-form .btn							{ text-transform:uppercase; font-size:1.1em; }

.static-form.static-form-plain				{ border-bottom:1px solid #CCCCCC; }
.static-form .overlay						{ background:rgba(53,58,64,0.9); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6353A40,endColorstr=#E6353A40); zoom:1; }
.static-form .left							{ color:#FFFFFF; }
.static-form.static-form-plain .left		{ color:#231F20; }
.static-form.static-form-plain .left h2		{ color:#BE1522; }
.form .form-textbox input,
.form .form-textbox textarea				{ -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; }
.static-form .form .form-textbox input,
.static-form .form .form-textbox textarea,
.static-form .form .htmldd,
.static-form .form .styledd					{ background:#FFFFFF; }
.static-form .btn							{ background:#BE1522; color:#FFFFFF; }
.static-form .btn:hover						{ background:#7B090B; color:#FFFFFF; }
.static-form .form-success,
.static-form .right p						{ color:#FFFFFF; }


/** GENERAL FORMS **/
.form-intro-text								{ text-shadow:0px 1px 5px rgba(0, 0, 0, 0.6); }
.general-form .form .form-row					{ clear:none; margin:0px 0px 20px 0px; }
.general-form .form .form-textbox input,
.general-form .form .form-textbox textarea		{ width:100%; padding:15px 10px; min-width:initial; }
.general-form .form .form-textbox textarea		{ min-height:100px; }
.general-form .form .htmldd,
.general-form .form .styledd					{ width:100%; padding:10px 10px; }
.general-form .form-full						{ width:100%; margin:20px 0px 0px 0px; }
.general-form .form-half						{ width:48%; }
.general-form .form-half-left					{ float:left; }
.general-form .form-half-right					{ float:right; }
.general-form .form-button-row					{ text-align:right; }
.general-form .btn								{ text-transform:uppercase; font-size:1.1em; }

.form-intro-text								{ color:#FFFFFF; }



/** MAILING LIST **/
.static-property-alerts			{ text-align:center; }
.static-property-alerts h2		{ text-transform:uppercase; font-size:2em; }

.static-property-alerts h2		{ color:#BE1522; }



/** EPC **/
.epc-box						{ padding:20px; margin:0px 0px 20px 0px; }
.epc-box h2						{ text-transform:uppercase; }
.epc-box ul						{ list-style:none; margin:0px; padding:0px; }
.epc-box ul li					{ padding:20px 0px; }
.epc-box .btn					{ display:block; }

.epc-box						{ background:#BE1522; color:#FFFFFF; }
.epc-box h2						{ color:#FFFFFF; }
.epc-box .btn					{ background:#7B090B; color:#FFFFFF; }
.epc-box .btn:hover				{ background:#3D0000; color:#FFFFFF; }



/** CLARENDON **/
.clarendon-box img				{ width:100%; max-height:281px; max-width:468px; }



/** DOWNLOADS **/
.downloads-wrapper							{ font-size:0px; }
.downloads-wrapper .download-box			{ display:inline-block; vertical-align:top; width:33%; font-size:12px; line-height:initial; text-align:center; }
.download-box .spacing						{ display:block; margin:10px; }
.download-box .icon							{ display:block; font-size:3em; padding:10px; }
.download-box .title						{ display:block; text-transform:uppercase; padding:10px; }
.download-box .btn							{ display:block; margin:0px 10px 10px 10px; text-transform:uppercase; font-size:1.3em; }

.download-box .spacing						{ border:1px solid #CCCCCC; }
.download-box .icon							{ color:#BE1522; }
.download-box .title						{ color:#777777; }








/** RESPONSIVE **/
@media screen and (max-width:1540px){
	
	.service-list li					{ width:33%; }
	
}

@media screen and (max-width:1100px){
/* 	.static-page-services li				{ width:24%; } */
	.static-page-services .services-box 	{ margin:0px 10px 30px 10px; }
}


@media screen and (max-width:960px){
	
	.static-form .left							{ float:none; width:100%; text-align:center; }
	.static-form .right							{ float:none; width:100%; margin:30px 0px 0px 0px; }
	
}

@media screen and (max-width:910px){
	.static-page-services li				{ width:32%; }
}

@media screen and (max-width:900px){
	
	.grid-box-wrapper .group						{ width:100%; }
	.grid-box-wrapper .group.group-left,
	.grid-box-wrapper .group.group-right			{ float:none; clear:both; }
	
}

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

	.static-content .static-left,
	.static-content .static-right,
	.static-content .static-left.wide,
	.static-content .static-right.wide,
	.static-content .static-left.thin,
	.static-content .static-right.thin			{ float:none; width:100%; margin:0px 0px 20px 0px; }
	.affiliate-box								{ width:48%; }
	.downloads-wrapper .download-box			{ width:50%; }
	.service-list li							{ width:48%; }

}

@media screen and (max-width:720px){
	.static-page-services li				{ width:48%; }
}

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

	.static-form .form-half						{ width:100%; }
	.static-form .form-half-left,
	.static-form .form-half-right				{ float:none; }
	.includes-guides							{ text-align:center; }
	.includes-guides h2							{ font-size:1.8em; }
	.includes-guides .sub-title					{ font-size:1em; }
	.includes-guides .guide-box-left,
	.includes-guides .guide-box-right			{ display:block; float:none; width:100%; }
	.includes-guides .guide-box .title			{ font-size:1.5em; }
	.includes-guides .guide-box .btn			{ margin:0px auto; }

}

@media screen and (max-width:600px){
	
	.affiliate-box				{ width:100%; }
}

@media screen and (max-width:580px){
	
	.static-page-services li	{ width:100%; }

}

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

	.static-page-services li					{ width:100%; }
	.downloads-wrapper .download-box			{ width:100%; }
	
}

@media screen and (max-width:500px){
	
	.grid-box-wrapper .grid-box									{ display:block; width:100%; }
	.grid-box-wrapper .grid-box .content,
	.grid-box-wrapper .grid-box.grid-box-long .content,
	.grid-box-wrapper .grid-box.grid-box-tall .content			{ display:block; height:auto !important; min-height:200px; }

}



