/*
	Theme Name: Total Fire & Electrical Solutions
	Theme URI: https://www.spitfiremarketing.co.uk
	Description: HTML5 Total Fire & Electrical Solutions WordPress Theme
	Version: 1.0.0
	Author: Spitfire Marketing
	Author URI: https://www.spitfiremarketing.co.uk
	Tags: Total Fire & Electrical Solutions, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700;800&display=swap');

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}

:focus { outline: none;}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	font:400 11px/1.3 montserrat, sans-serif;
	color:#444;	
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}

.floatright {
    float: right;
}

.floatleft {
    float: left;
}

.relative { position: relative;}

img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#4d4d4d;
	text-decoration:none;
}
a:hover {
	color:#ffcb00;
	text-decoration:underline;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}
.textright {
    text-align: right;
}
.textleft {
    text-align: left;
}
.textcenter {
    text-align: center;
}

.chevron::before {
	border-style: solid;
	border-width: 0.15em 0.15em 0 0;
  border-color: #838383;
	content: '';
	display: inline-block;
	height: 0.45em;
	left: 0.15em;
	position: relative;
	top: 0.15em;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);	
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	
	vertical-align: top;
	width: 0.45em;
}

.chevron.right:before {
	left: 0;
	transform: rotate(45deg);
	-webkit-transform: rotate(-45deg);	
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
}

.chevron.bottom:before {
	top: 0;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);	
	-o-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
}

.chevron.left:before {
	left: 0.25em;
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);	
	-o-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
}

.animated {
    animation-duration: 0.75s!important;
    animation-fill-mode: both
}

p.bcn-message {
    font-size: 15px; font-weight: 500;    line-height: 1.15em;

}
#cookie-bar {
    padding: 6px 0!important;
    font-family: montserrat, sans-serif;
}
#cookie-bar a {
    padding: initial!important;
	margin-top: initial!important;
    margin-left: initial!important;
	text-decoration: underline!important;
}

.bcn-button { padding: 5px 10px!important;     margin: 5px 0;    display: inline-block;}
#cookie-bar .cb-enable { padding: 5px 10px!important; border-radius: 3px;text-decoration: none!important;}


@media only screen and (max-width: 768px) {
	#cookie-bar p {    
		padding: 0;
		margin: 0 10px!important;
	}
}
/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
	max-width:1200px;
	width:96%;
	margin:0 auto;
}
/* header */
.header {
	position: fixed;
	margin: auto;
	width: 100%;
	left: 0;
    top: 0;
    z-index: 10000;
	background: #fff;

}

/* logo */
header .logo {
    padding: 18px 50px 19px 0;
	z-index: 1000;
	max-width:400px;
}

.logo-img {

}
/* nav */
.nav {

}
/* sidebar */
.sidebar {

}
/* footer */
.footer {
	padding: 40px 0;
	background: #182c39;
	color:#ffffff;
	font-weight: 400;
	font-size: 0;
}

.footer .divide { height: 1px; background: #ffffff; margin: 20px 0;}
.social-media,
.copyright,
.logo {
    display: inline-block;
	vertical-align: middle;
}

.copyright {  text-align: left; margin-left: 0%; }

.breadcrumbs {
    font-size: 15px;
    max-width: 1200px;
    margin: auto;
    padding: 0;
    color: #959595;
}
.breadcrumbs span { padding: 5px 0; display: inline-block;}

.breadcrumbs a { color: #959595;     padding: 0 5px 0 10px;}
.breadcrumbs a:hover { text-decoration: underline;}


.breadcrumbs a span::before {
	border-style: solid;
	border-width: 1px 1px 0 0;
	border-color: #6caec5;
	content: '';
	display: inline-block;
	height: 0.45em;
	left: -8px;
	position: relative;
	top: -1px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	vertical-align: top;
	width: 0.45em;
	display: inline-block;
	vertical-align: middle;
}



.post-details { min-height: 177px;}
.post_type 	{ color: #fff; font-size: 48px; padding: 50px 0 20px; line-height: 45px; display: inline-block; font-weight: 700;  }
.post_topic { font-size: 30px; color: #e30613; font-weight: 700; text-transform: uppercase;padding: 0 0 14px;}

.social-media {}
.social-media .icon { display: inline-block; margin-left: 5px; vertical-align: middle; width: 40px; height: 40px;background-size: 100%;}
.social-media .icon-fb {background: url(img/icons_sm.png) no-repeat 10px center;}
.social-media .icon-tw {background: url(img/icons_sm.png) no-repeat -50px center;}
.social-media .icon-li {background: url(img/icons_sm.png) no-repeat -115px center;}

.social-media-links{ text-align: right; border-bottom: 1px solid #e8e8e8; padding: 10px 0; display: none;}
.social-media-links .icon { display: inline-block; margin-left: 5px; vertical-align: middle; width: 42px; height: 42px;background-size: 100%;}
.social-media-links .icon-em {background: url(img/resource_icons.png) no-repeat -180px -67px;}
.social-media-links .icon-fb {background: url(img/resource_icons.png) no-repeat 0px -67px;}
.social-media-links .icon-tw {background: url(img/resource_icons.png) no-repeat -120px -67px;}
.social-media-links .icon-li {background: url(img/resource_icons.png) no-repeat -60px -67px;}

.authorship { padding: 10px 0; font-size: 0;border-bottom: 1px solid #e8e8e8;}
.authorship .author { width: 50%; font-size: 19px; font-weight: 500; color: #4d4d4d; display: inline-block; vertical-align: middle;}
.authorship .share-link { width: 50%; font-size: 19px; text-align: right;display: inline-block;vertical-align: middle;}
.authorship .share-link .icon { display: inline-block; margin-left: 5px; vertical-align: middle; width: 42px; height: 42px;background-size: 100%;}
.authorship .share-link .icon-share {background: url(img/resource_icons.png) no-repeat -179px 0;}

.post_details {
    padding-bottom: 20px;
}

.footer .row { font-size: 0;}
.col {
    display: inline-block;
    vertical-align: middle;
}

.g12c3 {    width: 25%;    }
.g12c6 {    width: 50%;    }
.g12c4 {    width: 33%;    }
.g12c8 {    width: 66%;    }

.nav { background: #f7f7f7; border-top: 1px solid #f7f7f7; text-align: left;     border-bottom: 1px solid #f7f7f7;}

.nav ul,
.utility ul,
.widget_nav_menu ul { list-style: none; margin: 0; padding: 0;}
.widget_nav_menu .menu-item a {     padding: 5px 0;  display: inline-block;}

.utility { position: absolute; right: 17.5px; top: 5px;}
.utility .menu-item   {   padding: 0 15px ;  display: inline-block;}
.utility .menu-item a {     padding: 5px 0;  display: inline-block;}
.utility .menu-item:last-child { padding-right:0;}

.nav .menu-item   {   padding: 0 5px ;  display: inline-block;}
.nav .menu-item a {     padding: 15px;  display: inline-block;}

.nav > .menu-item:first-child,
.nav > .menu-item:first-child a{ padding-left:0;}

.contact-details {
    position: absolute;
    right: 17.5px;
    text-align: left;
    top: 17px;
    font-size: 18px;
}

.contact-details img {
	position: absolute;
	left: -240px;
	margin-top: 4px;
}

header.skinny .contact-details img {
	display: none;
}

header.skinny { position: fixed;
    left: 0;
    top: 0;
    z-index: 10000;
    width: 100%;
    box-shadow: 0 0 3px rgba(0,0,0,0.3);}

body.no-nav header.skinny { height: 70px; }

.skinny .desktop .logo {padding: 14px; width: 280px; position: absolute; left: 0; top: 0px;}
.skinny .desktop .nav .wrapper { padding-left: 300px;}
.skinny .desktop .contact-details .cta,
.skinny .desktop .utility { display: none;}
.skinny .desktop .contact-details { top: 13px;}

.skinny .desktop .nav .menu-item a {     padding: 20px 15px;  display: inline-block;}

.shadow { box-shadow: 0px 0px 3px rgba(0,0,0,0.3);}

header > .mobile { text-align: center;}
.mobile .logo {padding: 10px; width: 350px; margin: auto;}
.mobile .logo img { max-width: 330px; height: auto!important}

.mobile .contact-details { background: #e30613;     position: static; text-align: center;    width: 100%;     font-size: 20px;}
.mobile .contact-details .cta { display: inline-block; color: #fff; vertical-align: middle; text-transform: uppercase;font-weight: 500; font-size: 12px; line-height: 40px;}
.mobile .contact-details .phone { display: inline-block; margin: auto;font-weight: 700; font-size: 20px; line-height: 40px;}
.mobile .contact-details .icon_call { display: inline-block; width: 26px; height: 26px; background: url(img/icon-mobile-call.png) no-repeat center; background-size: 100%; vertical-align: middle;line-height: 40px; margin: 0 10px}
.mobile .contact-details .phone a { color: #fff; font-weight: 700; font-size: 20px; }
.mobile .utility { display: none;}
.mobile .contact-details { top: 13px;}

.skinny .desktop .nav .menu-item a {     padding: 20px 15px;  display: inline-block;}

@media (max-width: 767px){
	.g12c4,.g12c8,
	.g12c3 { width: 100%; }
	.g12c6 { width: 100%; text-align: center; }
	.social-media,
	.copyright,
	.footer .logo {
		display: block;
		vertical-align: middle;
		
	}
	
	.widget_nav_menu .menu-item { text-align: center;     border-top: 1px solid #465a6a;    border-bottom: 1px solid #000;}	
}


/*------------------------------------*\
    MENU
\*------------------------------------*/

.wp-megamenu-main-wrapper.wpmega-clean-white.wpmm-orientation-horizontal { border: none;}

.wp-megamenu-main-wrapper.wpmm-orientation-horizontal ul.wpmm-mega-wrapper > li > a {
    padding: 8px 30px 6px 22px;
    position: relative;
    display: block;
    font-size: 25px;
    line-height: 1.6;
    overflow: visible;
	font-family: montserrat, sans-serif;
    text-transform: capitalize;
    text-align: left;
    font-weight: 500;
}

.skinny .wp-megamenu-main-wrapper.wpmm-orientation-horizontal ul.wpmm-mega-wrapper > li > a { padding: 8px 30px 8px 22px;}
.skinny .wp-megamenu-main-wrapper.wpmm-orientation-horizontal ul.wpmm-mega-wrapper > li:first-child > a { padding: 8px 30px 8px 22px;}
.wp-megamenu-main-wrapper.wpmm-orientation-horizontal ul.wpmm-mega-wrapper > li:first-child> a {padding: 8px 30px 6px 0px;}

.wp-megamenu-main-wrapper.wpmega-clean-white.wpmm-orientation-horizontal ul.wpmm-mega-wrapper > li > a:before { background: none; position: initial;}

.wp-megamenu-main-wrapper.wpmm-orientation-horizontal.wpmm-askins-wrapper ul.wpmm-mega-wrapper > li.menu-item-has-children > a:after, 
.wp-megamenu-main-wrapper.wpmm-orientation-horizontal ul.wpmm-mega-wrapper > li.menu-item-has-children > a:after
{
    border-style: solid;
    border-width: 2px 2px 0 0;
    border-color: #e30613;
    content: '';
    display: inline-block;
    height: 10px;
    width: 10px;
    position: absolute;
    top: 20px;
    vertical-align: top;
    right: 10px;
    transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	padding: 0;
}

.skinny .wpmm_megamenu ul.wp-mega-sub-menu li a,
.wpmm_megamenu ul.wp-mega-sub-menu li a { padding: 5px 0!important; font-family: montserrat, sans-serif; }

.wpmega-clean-white .wpmm-mega-wrapper > li {
	background: initial;
	border-bottom: 2px solid #f7f7f7;	
}




.wpmega-clean-white .wpmm-mega-wrapper > li:hover, .wpmega-clean-white .wpmm-mega-wrapper > li.current-menu-item {
	background: initial;
	border-bottom: 2px solid #e30613;
}

.wp-megamenu-main-wrapper.wpmm-orientation-horizontal ul.wpmm-mega-wrapper {
    position: static;
	}
	
.wp-megamenu-main-wrapper.wpmm-orientation-horizontal ul.wpmm-mega-wrapper > li:hover .wpmm-sub-menu-wrap {
	position: absolute;
	left: 0;
	background: #f7f7f7;
	top: 99%!important;
	display: block;
	border-top: 1px solid #ebebeb;
}	
.wpmm-sub-menu-wrap {overflow: visible!important; display: none; visibility: initial;}
.wpmm-sub-menu-wrap:after {
	content:' ';
	position: absolute;
	left: 0; background: rgba(0,0,0,0.9);
	display: block;
	width: 100%;
    height: 100%;
    z-index: 0;
	    width: 100%;
    height: 1000%;
    z-index: 0;
    bottom: -1000%;
	pointer-events: none;
}

.wpmm-sub-menu-wrapper {
	max-width:1200px;
	width:96%;
	margin:0 auto;
}

.wpmm_megamenu ul.wp-mega-sub-menu > li:nth-child(n+2) { border-left: 1px solid #e8e8e8!important;}



.realty_widget { font-size: 0!important;}
.realty_widget li { background: #fff!important; border: 1px solid #ebebeb!important; margin: 3px auto!important;}
.realty_widget .imgbox 	{ width: 30%; padding: 5px 10px; display: inline-block; vertical-align: middle;}
.realty_widget .imgbox img { width: 100%;}
.realty_widget .imgbox .noThumb { }
.realty_widget .details { width: 70%; padding: 5px 10px; display: inline-block; vertical-align: middle;}
.realty_widget .details p { line-height: 24px!important;font-size: 17px!important; font-weight: 500; color:#4d4d4d; margin: 0;}
.realty_widget .details a { color: #e30613!important;font-size: 17px!important; font-weight: 500; }
.realty_widget .details a:hover { text-decoration: underline!important}


/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
	font-family:'Font-Name';
	src:url('fonts/font-name.eot');
	src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
		url('fonts/font-name.woff') format('woff'),
		url('fonts/font-name.ttf') format('truetype'),
		url('fonts/font-name.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}

.copyright { color: #ffffff; font-size: 15px; }

.widget_nav_menu .menu-item a { color: #ffffff; font-size: 15px; }
.utility .menu-item a { color: #393939; font-size: 18px; }
.nav .menu-item a { color: #182c39; font-size: 22px; font-weight: 700; }

.contact-details .cta { color: #2c2c2c;font-weight: 400;font-size: 24px;}
.contact-details .phone { color: #e30613; font-weight: 700; font-size: 21px;margin-top: 0px;}

.wpb_text_column .h1,
h1 { font-size: 42px; color: #e30613; font-weight: 400;  line-height: 1.15em; }
.wpb_text_column .h2,
.wpb_text_column h2 { font-size: 36px; color: #182c39; font-weight: 400;line-height:1.2em;margin: 0.83em auto; margin-bottom: 20px;}
.wpb_text_column h2 strong { font-weight: 800;}
.wpb_text_column .h3,
.wpb_text_column h3 { font-size: 24px; color: #182c39; font-weight: 400; margin-top: 40px;line-height:1.25em}
.wpb_text_column h3 strong { font-weight: 700;}
.wpb_text_column ul li { font-size: 18px; color: #4d4d4d; font-weight: 400; padding-top: 14px; line-height: 1.3em;}
.wpb_text_column,
.wpb_text_column p { font-size: 18px; color: #333333; font-weight: 400; padding-top: 2px; line-height: 1.35em;}
.wpb_text_column div {  line-height: 1.3em;}
.wpb_text_column h2:first-child,
.wpb_text_column h3:first-child {margin-top: 0!important;}
.wpb_text_column p:first-child { padding-top: 0; margin-top: 0!important;}



.wpb_text_column .big-para { font-size: 26px!important; font-weight: 400;color:inherit; line-height: 30px;}
.wpb_text_column .tiny-text { font-size: 16px; font-weight: 400;color:inherit; margin-top: auto; line-height: 1.2em!important;}
.wpb_text_column .phone {     font-size: 40px;
    font-weight: 700;
    padding: 5px 0;
    color: inherit;
    display: inline-block;}

.wpb_text_column a { color:#4d4d4d; 	text-decoration:underline; }
.wpb_text_column a:hover { color:#e30613; }

.contained { max-width: 900px;    margin: auto; float: none!important; }
.contained .vc_column-inner { padding-left: 0!important; padding-right: 0!important;}
.tp-bullet-image { display: none!important; opacity: 0;}
.furtherinfo { max-width: 460px;margin: auto;}

.boxed .vc_column-inner { padding: 25px; border: 4px solid #fff; margin: auto 40px}
.boxed .vc_column-inner .h2 { color: #fff;}
.boxed .vc_column-inner p { color: #fff;}

.boxed .vc_column-inner *:first-child { padding-top: 0; margin-top: 0;}

.boxed.blue .vc_column-inner { padding: 25px; border: 2px solid #f7f7f7; border-radius: 3px; margin: auto ;color: #f7f7f7; background:#F6F4F2; box-shadow: 0px 2px 5px rgba(0,0,0,0.2);}
.boxed.blue .vc_column-inner .h2 { color: #e30613;}
.boxed.blue .vc_column-inner p { color: inherit;}
.boxed.blue .vc_column-inner h3 { color: #e30613; margin-bottom: 15px; font-weight: 700;}
.boxed.blue .vc_column-inner .phone { font-weight: 700;}

.boxed.white .vc_column-inner { padding: 25px; border: 4px solid #fff; margin: auto ;color: #fff;}
.boxed.white .vc_column-inner .h2 { color: #fff;}
.boxed.white .vc_column-inner p { color: inherit; }

.pricepromise { border-left: 20px solid #ec5209; padding-left: 20px;}
.pricepromise h2 { color: #fff; font-size: 40px!important; font-weight: 400!important;}
.pricepromise .h3 { color: #fff;}
.pricepromise p { font-size: 26px!important;font-weight: 400;}
.pricepromise h2 + p { margin-top: 10px;}

.banner { position: relative;}
.blue.banner:before{ content:' ';width: 100%; height:100%; background:#182c39; opacity: 0.95; display: block!important; position: absolute;z-index:1; top:0px;    left: 0;pointer-events: none;}
.orange.banner:before{ content:' ';width: 100%; height:100%; background:#a4de10; opacity: 0.95; display: block!important; position: absolute;z-index:1; top:0px;    left: 0;pointer-events: none;}
.teal.banner:before{ content:' ';width: 100%; height:100%; background:#0ca6b6; opacity: 0.95; display: block!important; position: absolute;z-index:1; top:0px;    left: 0;pointer-events: none;}
.midblue.banner:before{ content:' ';width: 100%; height:100%; background:#e30613; opacity: 0.95; display: block!important; position: absolute;z-index:1; top:0px;    left: 0;pointer-events: none;}

.towhite:after{ content:' ';width: 100%; height:100%; background:url(img/divider-white.png) center bottom no-repeat; display: block!important; position: absolute;z-index:1; top:0px;    left: 0; pointer-events: none;}
.togrey:after{ content:' ';width: 100%; height:100%; background:url(img/divider-grey.png) center bottom no-repeat; display: block!important; position: absolute;z-index:1; top:0px;    left: 0;pointer-events: none;}
.toorange:after{ content:' ';width: 100%; height:100%; background:url(img/divider-orange.png) center bottom no-repeat; display: block!important; position: absolute;z-index:1; top:0px;    left: 0;pointer-events: none;} 
.toteal:after{ content:' ';width: 100%; height:100%; background:url(img/divider-teal.png) center bottom no-repeat; display: block!important; position: absolute;z-index:1; top:0px;    left: 0;pointer-events: none;} 

.fromwhite,
.fromgrey,
.fromorange,
.fromteal { overflow: initial!important; }

.fromwhite:after	{ content:' ';width: 100%; height:30px; background:url(img/from-white.png) center top no-repeat; display: block!important; position: absolute;z-index:100; bottom:-30px;    left: 0;}
.fromgrey:after		{ content:' ';width: 100%; height:30px; background:url(img/from-grey.png) center top no-repeat; display: block!important; position: absolute;z-index:100; bottom:-29px;   left: 0;}
.fromorange:after	{ content:' ';width: 100%; height:30px; background:url(img/from-orange.png) center top no-repeat; display: block!important; position: absolute;z-index:100; bottom:-30px;    left: 0;} 
.fromteal:after		{ content:' ';width: 100%; height:30px; background:url(img/from-teal.png) center top no-repeat; display: block!important; position: absolute;z-index:100; bottom:-30px;    left: 0;} 

.fix-horizontal-scroll { float: none !important; }

.banner .vc_column_container { z-index: 3;}
.banner .vce-row-content { z-index: 2; position: relative;}
.blue.banner { color: #fff;}
.blue.banner .h1,
.blue.banner h1 { color:#fff; font-size: 48px;margin: 44px 0; line-height: 55px ;
    min-height: 112px;}
.blue.banner h1 strong { font-weight: 800;}
.blue.banner h2 { color:#fff; font-size: 40px;    margin-bottom: 10px;}
.blue.banner h2 strong {  font-weight: 700;}

.banner .whitetext a,
.banner .whitetext { color: #fff;}
.banner .whitetext  h1 { color:#fff; font-size: 42px;margin: 0 0; line-height: 50px}
.banner .whitetext  h1 strong { font-weight: 800;}
.banner .whitetext  h2 { color:#fff; font-size: 40px;    margin-bottom: 20px;}
.banner .whitetext  h2 strong {  font-weight: 800;}
.banner .whitetext .h3 { color: #fff;}

.blue.banner .heading { color:#fff; font-size: 40px; font-weight: 400;line-height: 1.2em;}
.blue.banner div,
/*.blue.banner p { color:#fff; font-size: 30px;}*/
.blue.banner p.smallprint,
.blue.banner p.tiny-text { font-size: 15px; font-weight: 400; line-height: 1.2em; color:inherit; /*margin-top: auto;*/}
.blue.banner .h3{ font-size: 26px;}

.orange.banner { color: #fff;}
.orange.banner h2 { color:#fff; font-size: 48px; margin: 0;}
.orange.banner p { color:#fff; font-size: 26px;}
.orange.banner .h3{ font-size: 26px;}

.quotation {
    border-left: 4px solid #FF6129;
    border-right: 4px solid #FF6129;
    padding: 20px 20px 20px 100px;
	position: relative;
}

.quotation::before {
	content: ''; background: url(img/quotes_blue.png) no-repeat; width: 41px; height: 35px; background-size: 100%; position: absolute; left: 30px; top: 20px;
}

.quotation .quote { font-size: 26px; color: #4d4d4d4; font-weight: 400; }
.quotation .signoff { font-size: 26px; color: #4d4d4d4; font-weight: 700; }

.single_h2 { padding: 0 15%!important;}

.centered_h2 { margin-bottom: 0!important;margin-top: 0px!important;}

.VisualNav {
    padding: 17.5px!important;
	margin: 17.5px auto!important;
}

.VisualNav .vc_column-inner {
    background: #fff;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
    transition: * 2s linear 1s;
    padding: 0px!important;
}

.VisualNav .vc_column-inner:hover {
   box-shadow: 0px 5px 15px rgba(0,0,0,0.2);   
}

.VisualNav .wpb_single_image { margin-bottom: 15px;}

.VisualNav .h3 { padding-bottom: 0px;}

.VisualNav h2 { font-size: 26px; min-height:57px;}

.wp-mega-sub-menu .textwidget ul,
.wp-mega-sub-menu ul.menu,
.VisualNav ul {
	margin: 0;
    padding: 0;
/*	list-style: none;*/
}
.wp-mega-sub-menu .textwidget ul li,
.wp-mega-sub-menu ul.menu li,
.VisualNav ul li { padding-left: 0px; margin: 0px 20px; font-size: 16px;position: relative;line-height: 1.3em;}

.wp-mega-sub-menu .textwidget ul li a,
.wp-mega-sub-menu ul.menu li a,
.VisualNav ul li a { color: #393939; text-decoration: none; font-size: 22px!important; display: inline-block!important; text-transform: initial!important;}
.wp-mega-sub-menu .textwidget ul li a:hover,
.wp-mega-sub-menu ul.menu, li a:hover,
.VisualNav ul li a:hover { color: #e30613!important;}
footer .sidebar-widget li a:hover { color: #fff!important;}

.wp-mega-sub-menu .textwidget ul li::before,
.wp-mega-sub-menu ul.menu li::before {
    border-style: solid;
    border-width: 1px 1px 0 0;
    border-color: #838383;
    content: '';
    display: inline-block;
    height: 8px;
    position: absolute;
    top: 12px;
    vertical-align: top;
	
    width: 8px;
    left: 3px;
    transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}
.wp-mega-sub-menu .textwidget ul li:hover::before,
.wp-mega-sub-menu ul.menu li:hover::before,
.VisualNav ul li:hover::before {border-color: #e30613;}

.wp-mega-sub-menu .textwidget ul li:hover::after,
.wp-mega-sub-menu ul.menu li:hover::after {
    border-style: solid;
    border-width: 1px;
    border-color: #e30613;
    border-radius: 40px;
    content: '';
    display: inline-block;
    height: 26px;
    position: absolute;
    top: 3px;
    vertical-align: top;
    width: 26px;
    left: -4px;
}

.wpmm-image-link-wrapper a:hover:before { display:  none;}

.VisualNav p { position: relative;}

ul.sub-menu {
    display: none;
}

.indented { padding: 0 15%;}

ul.tick-list {
    margin: 0;
    padding: 0;
	list-style: none;
}

ul.check-list {
    margin: 0;
    padding: 0;
	list-style: none;
}

.ticklist{
	font-size: 24px!important;
}

.checklist{
	font-size: 18px!important;
}


ul.tick-list li { padding: 2px 0 12px 34px;}

ul.tick-list.blue li { background: url(img/bullet_tick_blue.png) no-repeat 0 5px; background-size: 24px;}
ul.tick-list.white li { background: url(img/bullet_tick_white.png) no-repeat 0 12px;}

ul.check-list li { padding: 2px 0 10px 34px;}

ul.check-list.blue li { background: url(img/bullet_tick_blue.png) no-repeat 0 5px; background-size: 24px;}
ul.check-list.white li { background: url(img/bullet_tick_white.png) no-repeat 0 12px;}

.faq-heading { margin-bottom: 15px!important;}

.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-heading {border-top: 1px solid #989898;}

.vc_tta-accordion.faqs .vc_tta-panel {  padding: 1px 0; margin: 0 0 1px;}

.vc_tta-accordion.faqs .vc_tta-panel.vc_active { padding: 1px 0; margin: -1px 0 -2px 0; }


.vc_tta-accordion.faqs .vc_tta-panel-heading {border-top: 1px solid #989898;  padding: 3px 0 3px 30px; background: url(img/bullet_Q.png) no-repeat 0 22px!important;     }
.vc_tta-accordion.faqs .vc_tta-panel:last-child .vc_tta-panel-heading {border-top: 1px solid #989898;  padding: 3px 0 3px 30px; background: url(img/bullet_Q.png) no-repeat 0 22px!important;     border-bottom: 1px solid #989898; }


.vc_tta-accordion.faqs .vc_tta-panel.vc_active .vc_tta-panel-heading { border-top: 1px solid #e30613!important;border-bottom: none!important}

.vc_tta-accordion.faqs .vc_tta-panel-title>a { padding: 14px 20px 14px 0!important;}

.vc_tta-accordion.faqs .vc_tta-panel 		  	.vc_tta-panel-heading h4.vc_tta-panel-title { font-size: 27px; color: #4d4d4d; font-weight: 400; background: url(img/chevron_d.png) no-repeat right 16px!important;}
.vc_tta-accordion.faqs .vc_tta-panel.vc_active 	.vc_tta-panel-heading h4.vc_tta-panel-title { font-size: 27px; color: #4d4d4d; font-weight: 700; background: url(img/chevron_u.png) no-repeat right 16px!important;}

.wpb-js-composer .vc_tta.vc_tta-o-no-fill .vc_tta-panels .vc_tta-panel-body,
.vc_tta-accordion.faqs .vc_tta-panel 		  	.vc_tta-panel-body { padding: 13px 0 10px 30px!important; border-color: initial; border: none; border-bottom: 1px solid #989898; }
.vc_tta-accordion.faqs .vc_tta-panel.vc_active 	.vc_tta-panel-body { border-bottom: 1px solid #e30613!important;}
.vc_tta-accordion.faqs .vc_tta-panel 		 	.vc_tta-panel-body p:first-child { margin-top: 0!important;}

.vc_tta-accordion.faqs  .vc_tta-panel 		  	.vc_tta-panel-body { padding: 13px 0 10px 30px!important; background: url(img/bullet_A.png) no-repeat 2px 16px!important;   margin: 0; }

.vc_tta-accordion.faqs .faq-answer p:first-child { padding-top: 0; margin-top: 0;}




/* Career Accordain Style */
.vc_tta-accordion.careers .vc_tta-panel {  padding: 1px 0; margin: 0 0 1px; border-bottom: 1px solid #989898;}
.vc_tta-accordion.careers .vc_tta-panel.vc_active { padding: 1px 0; margin: -1px 0 -2px 0; }



.vc_tta-accordion.careers .vc_tta-panel-heading {  padding: 3px 0 3px 0px;  }

.vc_tta-accordion.careers .vc_tta-panel-title>a { padding: 14px 0!important;}

.vc_tta-accordion.careers .vc_tta-panel 		  .vc_tta-panel-heading h4.vc_tta-panel-title { font-size: 27px; color: #4d4d4d; font-weight: 700; background: url(img/chevron_d.png) no-repeat right 16px!important; }
.vc_tta-accordion.careers .vc_tta-panel.vc_active .vc_tta-panel-heading h4.vc_tta-panel-title { font-size: 27px; color: #4d4d4d; font-weight: 700; background: url(img/chevron_u.png) no-repeat right 16px!important; }



.vc_tta-accordion.careers .vc_tta-panel 		  .vc_tta-panel-body { padding: 3px 0 10px 0px!important;  border-bottom: 1px solid #989898; }
.vc_tta-accordion.careers .vc_tta-panel 		  .vc_tta-panel-body p:first-child { margin-top: 0!important;}


.orange.banner ul.tick-list li { color:#fff; font-size: 26px;}

.actionbutton button { font-size: 32px!important;}

.lightbluetext {color:#ffcb00;}
.bluetext {color:#e30613;}
.redtext {color:#e30613;}

.wpb_text_column .outline-button { background: #e30613; color: #ffffff!important; font-size: 32px; font-weight: 800; border-radius: 5px; padding: 12px 20px 12px; text-decoration: none; display: inline-block; border: 2px solid #e30613; min-width: 250px;    text-align: center;line-height: 1.2em;}
.wpb_text_column .outline-button:hover { background: #c6002f; color:#FFFFFF!important; border: 2px solid #c6002f; font-size: 32px;  }

.wpb_text_column .outline-button.inverse { background: #ffffff; color: #a4de10; font-size: 32px; font-weight: 700; border-radius: 50px; padding: 12px 20px; text-decoration: none; display: inline-block; border: 2px solid #a4de10;min-width: 200px;    text-align: center; line-height: 1.2em;}
.wpb_text_column .outline-button.inverse:hover { background: #a4de10; color:#fff; border: 2px solid #a4de10; font-size: 32px;  }

.wpb_text_column .outline-button.white { background: #ffffff; color: #e30613!important; font-size: 32px; font-weight: 800; border-radius: 5px; padding: 12px 20px 12px; text-decoration: none; display: inline-block; border: 2px solid #e30613;min-width: 250px;    text-align: center; line-height: 1.2em;}
.wpb_text_column .outline-button.white:hover { background: #c6002f; color:#ffffff!important; border: 2px solid #ffffff; font-size: 32px;  }

.wpb_text_column .outline-button.blue { background: #a4de10; color: #e30613!important; font-size: 32px; font-weight: 700; border-radius: 50px; padding: 10px 20px; text-decoration: none; display: inline-block; border: 2px solid #a4de10; min-width: 250px;    text-align: center;line-height: 1.2em;}
.wpb_text_column .outline-button.blue:hover { background: #e30613; color:#ffffff!important; border: 2px solid #e30613; font-size: 32px;  }
.sswpb_text_column .outline-button.blue:hover::before {
	border-style: solid;
    border-width: 2px 2px 0 0;
    border-color: #a4de10;
    content: '';
    display: inline-block;
    height: 15px;
    width: 15px;
	
    position: absolute;
    top: 18px;
    vertical-align: top;
    
    right: 11px;
    transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

.simple-sitemap-page a { text-decoration: none;}
.simple-sitemap-page a:hover { text-decoration: underline;}


/* Psuedo Style */
.wpb_text_column.wpb_content_element.faq { margin-bottom: 0;}
.faq .faq-heading {  padding: 13px 0 3px 30px; background: url(img/bullet_Q.png) no-repeat 0 16px!important; 
    font-size: 19px;
    color: #4d4d4d;
    font-weight: 700;
    margin: 0;   
}
.faq .faq-answer { padding: 13px 0 10px 30px!important; background: url(img/bullet_A.png) no-repeat 2px 16px!important;   margin: 0; }

.faq .faq-answer p:first-child { padding-top: 0; margin-top: 0;}


/* Form Styles */

form.webform {
   /* border: 4px solid #fff;*/
    border-radius: 10px;
    background: #fff;
    max-width: 600px;
    margin: auto;
    /* box-shadow: 0px 0px 15px rgba(0,0,0,0.4);*/
}

form.webform { margin-bottom: 20px; }

.webform fieldset {
    border: none;
    margin: 0;
    padding: 0;
}
.webform .detail { padding: 20px 0 20px 0; }

.webform .inner {border-radius: 10px 10px ;}

.webform.dark .inner { background: #e30613;}
.webform.light .inner { background: #f9f9f9; color: #4d4d4d; }
.webform .heading { background: #e30613; color: #fff!important; font-weight: 400!important; font-size: 26px!important; padding: 20px 5px; text-align: center;border-radius: 8px 8px 0 0; position: relative;}
/* Hide heading */
.webform .heading { display: none; }

.webform .formitem { margin: 10px auto;position: relative; background: #fff!important; border: 1px solid #e8e8e8; padding: 18px 10px 12px; max-width: 85%;}
.webform .formitem { margin: 0 auto; position: relative; background: none !important; border: none; padding: 0px 0px 3px 0px; }
.webform .formitem.activated {padding: 26px 10px 10px;}
.webform .fielditem { display: inline; width: 100%; }
.webform .formitem label {  font-size: 16px; line-height: 23px; position: absolute;  left: 10px; top: 20px; }
.webform .formitem label, .frm_primary_label { color: #333333; font-size: 17px; position: relative; left: 0; top: 0; }

.webform .formitem.text-block p { font-size: 17px; }

.webform .heading:after { content:''; display: block; 	background: #e30613; width: 20px; height: 20px; position: absolute; bottom: -5px; left: 32px;  transform: rotate(45deg); -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);}
	
.webform .formitem.activated label { font-size: 13px; top: 5px; color: #e30613!important;}

.webform .dateitem { margin: 10px auto;position: relative; background: #fff!important; border: 1px solid #e8e8e8; padding: 14px 10px 14px; max-width: 85%;}

.webform .dateitem.select .fielditem { position: absolute; right: 10px; text-align: right;}

.webform .dateitem.select .dd,
.webform .dateitem.select .mm,
.webform .dateitem.select .yyyy {  position: relative}

.webform .dateitem.select .dd select,
.webform .dateitem.select .mm select,
.webform .dateitem.select .yyyy  select{  padding-right: 28px;}

.webform .formitem.dob.select { overflow: hidden; padding: 14px 10px 7px; }
.webform .formitem.dob.select:after { content: none; }
.webform .formitem.dob.select select { -webkit-appearance: menulist !important;-moz-appearance: menulist !important;appearance: menulist !important; }

.webform .formitem.dob-new { padding-top: 25px !important; padding-bottom: 10px !important; }
.webform .formitem.dob-new label { top: 5px !important; color: #e30613 !important; font-size: 13px !important; }

.webform .select-wrapper { position: relative; }
.webform .select-wrapper:after {
    content: "";
    width: 19px;
    height: 51px;
    line-height: 70px;
    position: absolute;
    right: 10px;
    top: 0px;
    font-family: FontAwesome;
    text-align: center;
    font-size: 34px;
    pointer-events: none;
    color: #fff;
    background-image: url(img/dropdown.png);
    background-position: 50%;
    background-repeat: no-repeat;
}

.webform .formitem.select:after { top: 23px; height: 57px; }
.frm_forms { padding-bottom: 20px; }
.frm_forms .frm_page_bar .frm_current_page input[type="button"] { background-color: transparent; }
.frm_forms .frm_progress_line input.frm_page_back { background-color: #ffcb00; border-color: #ffcb00 !important; }
.frm_rootline_group { width: 85%; margin: 20px auto 30px auto; }

.webform .dateitem.select .dd:after,
.webform .dateitem.select .mm:after,
.webform .dateitem.select .yyyy:after{
    content: "";
    width: 19px;
    height: 21px;
    line-height: 70px;
    position: absolute;
    right: 10px;
    top: 0;
    font-family: FontAwesome;
    text-align: center;
    font-size: 34px;
    pointer-events: none;
    color: #fff;
    background-image: url(img/dropdown.png);
    background-position: 50%;
    background-repeat: no-repeat;
}

.webform.light .formitem label { color: #393939; }
.webform.light .formitem.active label { color: #ffcb00; }

.webform.dark .formitem label { color: #393939; }
.webform.dark .formitem.active label { color: #e30613; }

.webform .formitem textarea { min-height: 100px;}
.webform .formitem textarea,
.webform .formitem select,
.webform .formitem input[type="email"] ,
.webform .formitem input[type="tel"] ,
.webform .formitem input[type="text"],
.webform .formitem input[type="number"] {  font-size: 19px; color:#393939!important; font-weight: 400; padding: 0 0 8px 0; width: 100%; border: none; line-height: 25px; }

.webform .formitem textarea,
.webform .formitem select,
.webform .formitem input[type="email"] ,
.webform .formitem input[type="tel"] ,
.webform .formitem input[type="text"],
.webform .formitem input[type="number"] { font-size: 17px; margin: 3px 0px 10px 0px; background: #fff!important; border: 1px solid #e8e8e8; padding: 10px 10px 10px; }

.webform .frm_description { font-size: 13px; color: #999; margin-bottom: 10px !important; }
.webform .frm_section_heading h3 { width: 85%; margin: 0 auto 25px auto; color: #333333; }

.webform .formitem.currency { }
.webform .formitem.currency label { padding-left: 25px; }
.webform .formitem.currency label { padding-left: 0px; }
.webform .formitem.currency:before { content: "£"; position: absolute; left: 10px; top: 0; line-height: 57px; font-size: 2rem; font-weight: 500; color: #000; }
.webform .formitem.currency:before { color: #666; top: 24px; font-size: 17px }
.webform .formitem.currency input { padding-left: 25px; }

.webform .formitem.date label { display: none !important; }
.ui-datepicker-month, .ui-datepicker-year {	padding: 4px 5px; }

.webform .formitem.pass:after { content: ''; width: 22px; height: 22px; background: url(img/icon_pass.png) no-repeat center center; position: absolute; right: 10px; top: 15px;}
.webform .formitem.fail:after { content: ''; width: 22px; height: 22px; background: url(img/icon_fail.png) no-repeat center center; position: absolute; right: 10px; top: 15px;}

.webform select { 
    -webkit-appearance: none!important;
    -moz-appearance: none!important;
    appearance: none!important;
	background: none;
	border: none;
	}

.webform .submitline { margin: 20px 0; text-align: center;}

.webform .fileitem {  padding: 3px 0px 3px; max-width: 85%; margin: auto;}

.webform .fielditem .outline-button { background: #e30613; color: #ffffff; font-size: 28px; font-weight: 800; border-radius: 5px; padding: 12px 0 14px; text-decoration: none; display: inline-block; border: 2px solid #e30613; width: 100%; max-width: 75%; min-width: 234px; }
.webform .fielditem .outline-button:hover { background: #c6002f; color:#ffffff; border: 2px solid #c6002f; font-size: 28px;  }

.webform .fielditem .outline-button.button-half { min-width: auto; width: 36%; }
.webform .fielditem .outline-button.button-half.frm_prev_page { background: transparent; color: #4d4d4d !important; border: none; text-align: left; }

#frm_field_449_container.frm_blank_field { margin-bottom: 60px; }
#frm_error_field_449 { display: block; color: #000; font-size: 80%; position: absolute; top: 80px; }

.webform .checkitem { margin: 10px auto;position: relative; padding: 3px 0 3px; max-width: 85%;}
.webform .checkitem { max-width: 100%; }
.webform .checkitem span.checkbox { display: inline-block; width: 32px; height: 32px; background: url(img/checkboxes.png) no-repeat 0 -38px;vertical-align: top; cursor: pointer;}
.webform .checkitem .checked span.checkbox { background: url(img/checkboxes.png) no-repeat 0 0!important;}

.frm_form_field.frm_right_container { grid-template-columns: auto; }

.webform .checkitem span.label {     font-size: 16px;
    width: calc(100% - 42px);
    line-height: 1.35em;
    margin-top: 0px;
    vertical-align: top;
    padding-left: 12px;
    display: inline-block;
    box-sizing: border-box;}
	
.webform.light	 .checkitem	span.label {color: #4d4d4d;}
.webform.dark	 .checkitem	span.label {color: #fff;}

.webform .checkbox .frm_opt_container { display: none;}

.webform .fileitem label {
	display: inline-block;
    vertical-align: middle;
	width: 50%;
}
.webform .fileitem .upload-btn-wrapper {
	position: relative;
	overflow: hidden;
	display: inline-block;
    vertical-align: middle;
	width: 50%;
}

.webform .fileitem .upload-btn-wrapper .btn {
  border: none;
  color: #393939;
  background-color: #e30613;
  padding: 8px 20px;
  border-radius: 20px;
  font-size: 16px;
  font-weight: 500;
}

.webform .fileitem .upload-btn-wrapper input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.webform.dark .upload-btn-wrapper .btn { 
	color: #393939;
	background-color: #fff;
}
.webform.light .upload-btn-wrapper .btn {  
	color: #fff;
	background-color: #e30613;
}
.webform.light .fileitem label {color:#393939}
.webform.dark .fileitem label { color: #fff}

.webform.light a {color:#393939}
.webform.dark a{ color: #fff}

.webform .formitem.frm_blank_field input,
.webform .frm_blank_field_2,
.formitem.text.fail { border: 1px solid #c00; }

.webform .frm_blank_field.checkbox { border: none;}


.webform .frm_error { display: none;}

.webform .checkitem.fail .checkbox  { background: url(img/checkboxes.png) no-repeat 0 -76px!important;}
.webform .frm_blank_field .checkbox { background: url(img/checkboxes.png) no-repeat 0 -76px!important;}

.webform .frm_dropzone.dz-clickable {
    width: 100%;
    max-width: 100%!important;
    padding: 10px;
	border-radius: 0!important;
	border: none!important;
	min-height: initial!important;
}

.webform span.frm_icon_font.frm_upload_icon {
    float: left;
}

.webform span.frm_upload_text { text-align: left;}
.webform span.frm_compact_text { text-align: left; margin-left: 50px;}
.webform .frm_dropzone.dz-clickable.frm_single_upload .dz-message {
    margin: 0;
}

.webform #custom_field_container > .formitem.select:after {
	content: none;
}

#custom_field_container .frm_form_field {
	border: 0;
	width: 24%;
	float: left;
	margin: 0;
	padding: 0 16px 0 0;
}

#custom_field_container .frm_form_field.dob-year {
	width: 30%;
}

.frm_dropzone .dz-preview { min-height: initial; margin: 0; width: 100%;}
.frm_dropzone .dz-preview.dz-file-preview .dz-image { background: none; border-radius: 0;}
.frm_dropzone .dz-preview .dz-details { padding: 0;}
.frm_dropzone .dz-preview .dz-image { width: initial; height: auto!important;}
.frm_dropzone .dz-preview .dz-details .dz-size { display: none;}
.frm_dropzone .dz-preview .dz-details .dz-filename span, .frm_dropzone .dz-preview .dz-details .dz-size span { padding: 0;}
.frm_dropzone .dz-preview .dz-progress {
    opacity: 1;
    z-index: 1000;
    pointer-events: none;
    position: absolute;
    height: 16px;
    left: 0;
    top: 50%;
    margin-top: -8px;
    width: 100%;
    margin-left: 0;
    background: #f2f2f2;
    -webkit-transform: scale(1);
    border-radius: 8px;
    overflow: hidden;
}
.frm_dropzone .dz-preview .dz-progress .dz-upload {
    background: #519e51!important;
}


.webform .frm_blank_field:after,
.webform .frm_blank_field_2:after{
    content: '';
    width: 22px;
    height: 22px;
    background: url(//www.welcomeloans.co.uk/wp-content/themes/safetytesting/img/icon_fail.png) no-repeat center center;
    position: absolute;
    right: 10px;
    top: 40px;
}

.webform .formitem.select.frm_blank_field:after{
    content: "";
    width: 22px;   
    height: 54px;
    line-height: 70px;
    position: absolute;
    right: 10px;
    top: 0;
    font-family: FontAwesome;
    text-align: center;
    font-size: 34px;
    pointer-events: none;
    color: #fff;
    background: url(//www.welcomeloans.co.uk/wp-content/themes/safetytesting/img/icon_fail.png);
    background-position: 50%;
    background-repeat: no-repeat;
}

.webform .formitem.select.dob.frm_blank_field_2:after{
	content: "";
	width: 22px;
	height: 64px;
	line-height: 70px;
	position: absolute;
	right: 10px;
	top: 0;
	font-family: FontAwesome;
	text-align: center;
	font-size: 34px;
	pointer-events: none;
	color: #fff;
	background: url(//www.welcomeloans.co.uk/wp-content/themes/safetytesting/img/icon_fail.png);
	background-position: 50%;
	background-repeat: no-repeat;
}

.webform .checkbox.frm_blank_field:after {
    content: '';
    width: 22px;
    height: 22px;
    background: url(//www.welcomeloans.co.uk/wp-content/themes/safetytesting/img/icon_fail.png) no-repeat center center;
    position: absolute;
    right: 10px;
    top: 15px;
	display: none;
}


.frm_error_style { display: none;}

.whitetext p {  font-size: 19px;}
/*.whitetext p strong {  font-size: 40px;}*/
.whitetext h2 {font-size: 40px;}

.whitetext,
.whitetext  ul li,
.whitetext h1,
.whitetext .h2,
.whitetext h2,
.whitetext .h3,
.whitetext h3,
.whitetext a,
.whitetext p { color: #fff;}

.phone { font-size: 40px;}

.speechbubble-wrapper { position: relative;}

.speech-bubble {
	position: relative;
	background: #a4de10;
	border-radius: 0;
	padding: 20px;
	top: 70px;
	    max-width: 460px;
    margin-left: auto;
    margin-right: auto;
}

.speech-bubble.reset { top: 0;}

.speech-bubble:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 25px;
	width: 0;
	height: 0;
	border: 30px solid transparent;
	border-top-color: #a4de10;
	border-bottom: 0;
	border-left: 0;
	margin-left: -25px;
	margin-bottom: -30px;
}

.speech-bubble .h2 { color: #fff; font-size: 28px; margin-bottom:0}
.speech-bubble p { margin-top: 10px;}

.datatable { border: 1px solid #d6d6d6;}
.datatable th { background: #eaeaeb; border-right: 1px solid #d6d6d6;}
.datatable td { border-right: 1px solid #d6d6d6;}
.datatable td p:first-child { margin-top: 0;}

.review_wrapper { text-align: center;}
.rating_wrapper { background: #f2f2f2;
    border-radius: 25px;
    display: inline-block;
    padding: 5px 20px;}
.rating { height: 36px; width:190px;position: relative; overflow: hidden ; display: inline-block; }
.rating.white { background: #ccc;}
.rating.grey { background: #ccc;}
.rating .color { content: ''; display: block; position: absolute; left: -100%; top: 0; background: #ff9f19; background-size: 90% 100%;height: 36px; width:190px; z-index: 0;}
.rating .mask { display: block;  height: 38px; width:192px; position: relative; z-index: 1; top: -1px; left: -1px;}
.rating .mask { background: url(img/icon_star.png) repeat-x;  }
.rating.white .mask { background: url(img/icon_star_white.png) repeat-x; }

.ratingtext { padding: 20px 0; font-size: 19px;}

.slidebox .wpb_wrapper { position: relative;}
.slidebox .overlay { position: absolute; background: rgba(0,0,0,0.6); width: 100%; height: 120px; left: 0; bottom: 0; z-index: 100;}
.slidebox .overlay .wpb_wrapper {padding: 20px; font-size: 0;}
.slidebox .overlay .caption { font-size: 22px; color: #fff; width: 60%; display: inline-block}
.slidebox .overlay .slidelink { width: 40%;display: inline-block; position: relative;}
.slidebox .overlay .slidelink a { font-size: 36px; font-weight: 700; color: #fff; text-decoration: none;    position: relative;
    padding-left: 50px; line-height: 40px;
    display: inline-block;}
.slidebox .overlay .slidelink a::before {
	border-style: solid;
    border-width: 6px 6px 0 0;
    border-color: #e30613;
    content: '';
    display: inline-block;
    height: 30px;
    width: 30px;
    position: absolute;
    top: 25px;
    vertical-align: top;
    left: 0;
    transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

i.ultsl-radio-unchecked {
    color: #eee;
}

.slick-active i.ultsl-radio-unchecked {
    background: #fff;
    border-radius: 20px;
}

.tp-bullet {
    border: 1px solid #d3d3d3;
    border-radius: 20px;
}
.tp-bullet.selected {
	border: 1px solid #e30613;
	background: #e30613;
}

.pandr_postgrid .vc_grid-item-mini {
	background: #fff;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.1);    
    padding: 0px!important;
 }
 
 .pandr_postgrid .vc_gitem_row .vc_gitem-col { padding: 0;}
 
 .pandr_postgrid .vc_gitem-post-data { text-align: left!important; padding: 0 20px;}
 
 .pandr_postgrid .vc_gitem-post-category-name { font-size: 16px; color: #393939; line-height: 1.25em; padding: 0; background: none;}
 .pandr_postgrid .vc_gitem-post-category-name a:hover {  text-decoration: underline;}
 
 .pandr_postgrid .vc_grid-filter.vc_grid-filter-color-grey>.vc_grid-filter-item.vc_active, 
 .pandr_postgrid .vc_grid-filter.vc_grid-filter-color-grey>.vc_grid-filter-item:hover {background: none;}
 
 .pandr_postgrid .vc_grid-filter { margin-bottom: 10px;}
 
 .pandr_postgrid .vc_custom_heading { padding: 0 20px;}
 
 .pandr_postgrid .vc_custom_heading h4 { font-size: 27px; color: #393939; line-height: 1.25em; padding: 0; margin: 0 0 10px;    min-height: 54px;}
 
 .pandr_postgrid div.outline-button.blue { padding: 0 20px 0;     position: relative; margin: 20px 0 ;}
 
 .pandr_postgrid a.outline-button.blue{ background: #fff; color: #393939; font-size: 22px; font-weight: 700; border-radius: 30px; padding: 10px 35px; text-decoration: none; display: inline-block; border: 2px solid #393939; position: static; }
 .pandr_postgrid a.outline-button.blue:hover { background: #fff; color:#e30613; border: 2px solid #e30613; font-size: 22px;  }
 .ssspandr_postgrid a.outline-button.blue:hover::before {
	border-style: solid;
    border-width: 2px 2px 0 0;
    border-color: #e30613;
    content: '';
    display: inline-block;
    height: 15px;
    width: 15px;
	
    position: absolute;
    top: 20px;
    vertical-align: top;
    
    right: 20px;
    transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

.spg-pandr-grid  {
	background: #fff;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.1);    
    padding: 0px!important;
	opacity: 0;
 }
 
 .spg-pandr-grid:hover {
   box-shadow: 0px 5px 15px rgba(0,0,0,0.2);   
}
 
.spg-loop-actions {
    display: none!important;
}

.spg-custom-tax.post_tag { display: none;}


.spg-filter-form::before { content: 'Filter by...'; display: inline-block; background: #e30613; font-size: 22px; font-weight: 700; text-align: center; color: #fff;     min-width: 200px; height: 58px;
    margin: 15px 0;
    line-height: 58px;}
.spg-custom-sort-opt { width: 100%!important;}
.spg-custom-tax { margin: 15px -1px 15px 0!important;}
.spg-custom-tax label { display: none;}

.spg-custom-sort-opt  {
    border-radius: 0 !important;
    background: #ffffff !important;
    height: 58px!important;
    line-height: 58px!important;
	border-color: #dfdfdf!important
}
.spg-custom-sort-opt  { font-weight: 400; font-size: 20px; color: #414042; height: 58px!important; line-height: 58px!important; padding: 0 10px;
	-webkit-appearance: none!important;
    -moz-appearance: none!important;
    appearance: none!important;
	background: none;
	border: none;}
.spg-customselect { position: relative; display: inline-block; width: 100%; }
.spg-customselect:after {
    content: "";
    width: 19px;
    height: 21px;
    line-height: 70px;
    position: absolute;
    right: 7px;
    top: 18px;
    font-family: FontAwesome;
    text-align: center;
    font-size: 34px;
    pointer-events: none;
    color: #fff;
    background-image: url(img/dropdown.png);
    background-position: 50%;
    background-repeat: no-repeat;
}
.spg-custom-sort-opt  option { font-weight: 400; font-size: 22px; color: #414042; }
.select2-container .select2-choice .select2-arrow b {
    display: block;
    width: 100%;
    height: 100%;
    background: url(img/select_arrow.png) no-repeat 0 25px!important;
}


 .spg-post-meta_area { padding: 0 0 10px;}
 .spg-pandr-grid .spg-post-meta-label { display: none; font-size: 14px; font-weight: 400;}
 .spg-pandr-grid .spg-post-meta { display: inline-block;}
  .spg-pandr-grid .spg-post-meta:after { content:','; display: inline-block;}
  .spg-pandr-grid .spg-post-meta:last-child:after { display: none;}
 
 .spg-pandr-grid .vc_gitem_row .vc_gitem-col { padding: 0;}
 
 .spg-pandr-grid .vc_gitem-post-data { text-align: left!important; padding: 0 20px;}
 
 .spg-pandr-grid .spg-post-meta-tags { font-size: 16px; color: #393939; line-height: 1.25em; padding: 0; background: none;}
 .spg-pandr-grid .spg-post-meta-tags a:hover {  text-decoration: underline;}
 
 .spg-pandr-grid .vc_grid-filter.vc_grid-filter-color-grey>.vc_grid-filter-item.vc_active, 
 .spg-pandr-grid .vc_grid-filter.vc_grid-filter-color-grey>.vc_grid-filter-item:hover {background: none;}
 
 .spg-pandr-grid .vc_grid-filter { margin-bottom: 10px;}
 
  .spg-pandr-grid .spg-entry-title h4 { font-size: 27px; color: #393939; line-height: 1.25em; padding: 0; margin: 0 0 10px;    min-height: 81px;}
  
  .spg-list-large h4,
  .spg-list-small h4 {  min-height: 54px!important;}
  
  .spg-list-small .spg-item { margin-bottom: 10px!important;}
 
 .spg-pandr-grid div.outline-button.blue { padding: 0 ;     position: relative; margin: 20px 0 ;}
 
 
 .spg-pandr-grid a.outline-button.blue{ background: #fff; color: #393939; font-size: 22px; font-weight: 700; border-radius: 30px; padding: 10px 35px; text-decoration: none; display: inline-block; border: 2px solid #393939; position: static; }
 .spg-pandr-grid a.outline-button.blue:hover { background: #fff; color:#e30613; border: 2px solid #e30613; font-size: 22px;  }
 .sssspg-pandr-grid a.sssoutline-button.blue:hover::before { 
	border-style: solid;
    border-width: 2px 2px 0 0;
    border-color: #e30613;
    content: '';
    display: inline-block;
    height: 15px;
    width: 15px;
	
    position: absolute;
    top: 20px;
    vertical-align: top;
    
    right: 20px;
    transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

.logo_slider .ultsl-arrow-right4,
.logo_slider .ultsl-arrow-left4 {display: none;}

.logo_slider:hover .ultsl-arrow-right4,
.logo_slider:hover .ultsl-arrow-left4 {display: block;}

.pp_background .vc_column-inner {
    background-position: 3% 75%!important;
    background-size: 20%!important;
	no-repeat;
}

.footer .widget_nav_menu .menu-item a:hover { text-decoration: underline;}

.coverhalf { background-repeat: no-repeat; background-position-x: -25%; background-color: #f7f7f7;}

.max-column-width { max-width: 565px;}

.rev_slider div {
	font-family: montserrat, sans-serif!important;
}

ul.simple-sitemap-page {
    list-style-type: none;
}
ul.simple-sitemap-page a { color: #e30613;}


.vc_row.reverse { display:flex;}

.vc_row.wpb_row.vc_inner.vc_row-fluid.vc_column-gap-30.contained {
    margin: 0 -15px;
}

/* PCA */
select#countrycode { display: none; }


@media only screen and (max-width: 768px) {
  .vc_row.reverse { flex-direction:column-reverse}
	.outline-button {
		font-size: 28px !important;
	}
}


@media (max-width: 767px){	
	.widget_nav_menu .menu-item a { font-size: 18px; }
}

/* Modal */

.modal {display: none;position: fixed;width: 100%;height: 100vh;top: 0;background: rgba(0, 0, 0, 0.5);z-index: 999999;}
.modal .modal-inner {position: absolute;width: 800px;height: auto;background: white;transform: translateX(-50%);top: 5%;left: 50%;border-radius: 16px;border: 2px solid white;}
.modal .modal-inner .modal-title {background: #e30613;font-size: 36px;font-weight: 700;display: block;width: 100%;padding: 13px 20px;text-align: left;color: #fff;box-sizing: border-box;border-radius: 15px 15px 0 0;}
.modal .modal-inner .modal-close {position: absolute;color: white;font-size: 19px;top: 17px;right: 20px;text-transform: uppercase;font-weight: 700;border-radius: 21px;border: 2px solid white;padding: 6px 15px;cursor: pointer;}
.modal .modal-inner .modal-content {padding-bottom:20px;}
.modal .modal-inner .modal-content .modal-content-inner {max-height: 600px;overflow-y: scroll;padding: 0 20px;font-size:150%;}

/* Custom basictable styles */

table {width: 100%;background: #fff;margin: 1em 0;border: 1px solid rgba(34,36,38,.15);-webkit-box-shadow: none;box-shadow: none;border-radius: .28571429rem;text-align: left;color: rgba(0,0,0,.87);border-collapse: separate;border-spacing: 0;}
table thead {-webkit-box-shadow: none;box-shadow: none;}
table thead th {cursor: auto;background: #f9fafb;text-align: inherit;color: rgba(0,0,0,.87);padding: .92857143em .78571429em;vertical-align: inherit;font-style: none;font-weight: 700;text-transform: none;border-bottom: 1px solid rgba(34,36,38,.1);border-left: none;}
table td, table th {-webkit-transition: background .1s ease,color .1s ease;transition: background .1s ease,color .1s ease;}
table td {padding: .78571429em .78571429em;text-align: inherit;}
table tr td {border-top: 1px solid rgba(34,36,38,.1);}
table tr:first-child td {border-top: none;}
table tr td, table tr th {border-left: 1px solid rgba(34,36,38,.1);}
table tr td:first-child, table tr th:first-child {border-left: none;}

footer .logo-img { max-width: 300px; }

/* Custom form styles */
#custom-form { text-align: center; padding-top: 20px; }
#custom-form fieldset { display: none; position: relative; animation-iteration-count: 1; }
#custom-form fieldset:first-of-type { display: block; }
#custom-form fieldset.shake { -webkit-animation: fieldset-shake 0.35s ease-in-out; animation: fieldset-shake 0.35s ease-in-out; }
#custom-form fieldset .fieldset-title { color: #e30613; font-weight: 600; font-size: 28px; margin-top: 38px !important; margin-bottom: 18px !important; }
#custom-form fieldset .fieldset-title:first-of-type { margin-top: 0 !important; margin-bottom: 28px !important; }
#custom-form fieldset > div > .fieldset-title:first-of-type { margin-top: 38px !important; margin-bottom: 18px !important; }
#custom-form fieldset .fieldset-title.fail { color: #ff0000; }
#custom-form fieldset #dependant-age-container .fieldset-title { margin-top: 38px !important; }
#custom-form fieldset .input-container { max-width: 300px; margin: 0 auto; }
#custom-form fieldset .input-container .select { position: relative; }
#custom-form fieldset .input-container.year-month { overflow: hidden; }
#custom-form fieldset .input-container.year-month .select { width: 48%; float: left; }
#custom-form fieldset .input-container.year-month .select:first-of-type { margin-right: 4%; }
#custom-form fieldset .input-container.dob { display: flex; flex-wrap: wrap; flex: 0 0 30%; justify-content: space-between; max-width: 400px; }
#custom-form fieldset .input-container.dob .select { width: 30%; }
#custom-form fieldset .input-container.name { max-width: 100%; }
#custom-form fieldset .input-container.name input { width: 45%; display: inline-block; margin: 0 2%; }
#custom-form fieldset .input-container .checkbox { line-height: 54px; display: block; position: relative; padding-left: 65px; margin-bottom: 12px; cursor: pointer; font-weight: 700; font-size: 18px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
#custom-form fieldset .input-container .checkbox label { padding: 14px 10px; line-height: 24px; color: #878787; }
#custom-form fieldset .input-container .checkbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
#custom-form fieldset .input-container .checkbox .checkmark { position: absolute; top: 0; left: 0; height: 54px; width: 54px; background-color: #fff; border: 1px solid #c7c7c7; border-radius: 4px; }
#custom-form fieldset .input-container .checkbox:hover input ~ .checkmark { background-color: #ccc; }
#custom-form fieldset .input-container .checkbox .checkmark:after { content: ""; position: absolute; display: none; }
#custom-form fieldset .input-container .checkbox input:checked ~ .checkmark:after { display: block; }
#custom-form fieldset .input-container .checkbox .checkmark:after { left: 19px; top: 10px; width: 14px; height: 26px; border: solid #ffcb00; border-width: 0 5px 5px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

#custom-form fieldset input, #custom-form fieldset select { font-weight: 700; font-size: 18px; padding: 14px 10px; line-height: 24px; color: #878787; border: 1px solid #c7c7c7; border-radius: 4px; max-width: 300px; width: 100%; }
#custom-form fieldset ::placeholder { font-weight: 700; font-size: 18px; color: #878787; }
#custom-form fieldset .select2-container .select2-choice .select2-arrow b, #custom-form fieldset .select:after { position: absolute; right: 15px; top: 18px; font-size: 34px; pointer-events: none; content: ''; display: inline-block; width: 12px; height: 12px; border-top: 2px solid #019FE0!important; border-right: 2px solid #019FE0!important; transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); vertical-align: middle; color: #ccc; z-index: 100; }
#custom-form fieldset .button-container .button { transition: all 0.5s; position: relative; background: #c2f200; color: #e30613; margin-top: 30px; display: inline-block; text-decoration: none; text-transform: uppercase; font-weight: 800; font-size: 30px; line-height: 30px; padding: 15px 30px; border-radius: 4px; }
#custom-form fieldset .button-container .button:hover { color: #e30613; }
#custom-form fieldset .button-container .button.back-button { margin-right: 20px; }
#custom-form fieldset .button-container .button.loading { padding-right: 60px; }
#custom-form fieldset .button-container .button.loading:after { border: 4px solid transparent; border-radius: 50%; border-top: 4px solid #fff; border-right: 4px solid #fff; border-bottom: 4px solid #fff; width: 25px; height: 25px; -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; content: ""; top: 16px; right: 20px; position: absolute; }
#custom-form fieldset .employed-container, #custom-form fieldset .self-employed-container { display: none; }
#custom-form .address_section { display: none; }
#custom-form .address_section .input-container { margin-top: 10px; }

#custom-form #progress-bar .bar { background: #EBEBEB; height: 16px; border-radius: 8px; margin: 60px 0 15px 0; position: relative; }
#custom-form #progress-bar .bar .bar-inner { max-width: 100%; transition: width 0.5s; position: absolute; display: block; height: 16px; border-radius: 8px 0 0 8px; width: 0; content: ''; background: #ffcb00; }
#custom-form #progress-bar.complete .bar .bar-inner { border-radius: 8px; }
#custom-form #progress-bar .percentage { float: left; }
#custom-form #progress-bar .stage { float: right; }

#custom-form .select2-container { max-width: 300px; width: 100%; text-align: left; }
#custom-form .select2-container .select2-choice { padding: 14px 10px; height: auto; text-decoration: none !important; line-height: 24px; border: 1px solid #c7c7c7; box-shadow: none; }
#custom-form .select2-container .select2-choice .select2-arrow b { position: absolute; right: 10px; top: 17px; font-size: 34px; pointer-events: none; content: ''; display: inline-block; width: 9px; height: 9px; border-top: 2px solid #333!important; border-right: 2px solid #333!important; transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); vertical-align: middle; color: #ccc; z-index: 100; }
#custom-form .select2-container .select2-choice>.select2-chosen { font-weight: 700; font-size: 18px; padding: 0; color: #808080; font-family: montserrat, sans-serif }
#custom-form .input-container.fail .select2-container .select2-choice, #custom-form fieldset .input-container.fail select, #custom-form fieldset .input-container.fail input { border: 1px solid #ff0000!important; }
/*#custom-form .input-container.pass .select2-container .select2-choice { border: 1px solid #c2f200!important; }*/
#custom-form .select2-container.onerror { border: none !important; }
#custom-form .select2-field > input { display: block !important; position: absolute; left: 10000px; opacity: 0; }

div#select2-drop { margin-top: -54px; border-radius: 4px; border-top: 1px solid #5897fb; }
div#select2-drop.select2-drop-above { margin-top: 0; }
div#select2-drop .select2-search { border-bottom: 1px solid #66afe9; border-radius: 4px 4px 0px 0px; padding: 2px 4px; }
div#select2-drop .select2-search input { padding: 8px 20px 8px 5px; line-height: 32px; font-family: "Open Sans", arial, helvetica, sans-serif; color: #000; font-size: 18px; font-weight: 300; border: 0; box-shadow: none; background: transparent; }
div#select2-drop .select2-search input::placeholder { font-size: 18px; color: #808080; font-weight: 700; }
div#select2-drop .select2-results li { font-size: 15px; }

#homeowner-modal { cursor: pointer; display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 38, 62, 0.8); z-index: 99999; }
#homeowner-modal img { width: 50%; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; }

.validator { position: relative; }
.validator.validator-email.validation-none .feedback, .validator.validator-email.validation-yes .feedback, .validator.validator-email.validation-yes-fallback .feedback, .validator.validator-email.validation-no .feedback, .validator.validator-email.validation-no-fallback .feedback, .validator.validator-email.validation-maybe .feedback, .validator.validator-email.validation-maybe-fallback .feedback { position: absolute; font-size: smaller; display: block; padding: 0; height: 100%\9; border-radius: 50%; top: -5px; color: #fff; -moz-transition: background-color .35s ease; -o-transition: background-color .35s ease; -webkit-transition: background-color .35s ease; transition: background-color .35s ease; right: 5px; text-align: center; font-family: Arial; display: inline-block; }
.validator.validator-email.validation-no .feedback { background-color: #e53a43; padding: 0; -ms-border-radius: 50%; border-radius: 50%; background-image: url(//services.postcodeanywhere.co.uk/images/Platform/Email/cross.png); background-repeat: no-repeat; background-position: center center; }
.validator.validator-email.validation-yes .feedback { background-color: #0ca682; padding: 0; -ms-border-radius: 50%; border-radius: 50%; background-image: url(//services.postcodeanywhere.co.uk/images/Platform/Email/tick.png); background-repeat: no-repeat; background-position: center center; }
#custom-form .validator .feedback { height: 30px !important; width: 30px !important; background-size: 20px !important; top: 12px !important; right: -42px !important; }

@keyframes fieldset-shake {
	0% { -webkit-transform: translateX(0); }
	20% { -webkit-transform: translateX(-5px); }
	40% { -webkit-transform: translateX(5px); }
	60% { -webkit-transform: translateX(-5px); }
	80% { -webkit-transform: translateX(5px); }
	100% { -webkit-transform: translateX(0); }
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:320px) {

}
@media only screen and (min-width:480px) {

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

}
@media only screen and (max-width:1024px) and (orientation: landscape){
.contact-details .phone {
		color: #e30613;
		font-weight: 500;
		font-size: 25px;
		margin-top: 0px;
	}
	.wpb_text_column .outline-button.blue { min-width: 100%!important; padding: 12px 20px!important;max-width: 234px!important;}
}
@media only screen and (max-width:1024px) and (orientation: portrait) {
	.contact-details .phone {color: #e30613;font-weight: 500;font-size: 25px;margin-top: 0px;}
	.wpb_text_column .outline-button.blue { padding: 12px 20px!important;max-width: 234px!important;    min-width: initial!important;}
}

@media only screen and (min-width:1140px) {}

@media only screen and (min-width:1280px) {}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {
}

@media only screen and (min-width:901px) {
	.mobileonly { display: none;}
	.mobile { display: none;}
	body {	padding-top: 155px; }
	body.no-nav { padding-top: 101px; }
}

@media only screen and (max-width:1200px) {
	#homeowner-modal img { width: 70%; }
}

@media only screen and (max-width:900px) {
	.footer .divide,
	.breadcrumbs,
	.desktoponly { display: none;}
	.desktop { display: none;}
	body {	padding-top: 60px;overflow-x: hidden;}
	body.no-nav { padding-top: 85px;}
	body.no-nav header.skinny { height: 85px; }
	.nav { border: none!important;}
	div#wpmm-wrap-header-menu {
		left: 0;
		width: 100%;
		display: block;
		position: absolute;
		z-index: 10000000;
		top: 0; 
	}
	
	.ticklist{
	font-size: 20px!important;
}
	.wpmm-orientation-horizontal.wpmega-clean-white .wpmegamenu-toggle { border: none; float: right; padding: 5px 10px;}
	#wpmega-menu-header-menu { position: absolute; top: 54px; left: 0; background: #f2f2f2; padding: 0; width: 100%; z-index: 1000000000000}
	.wp-megamenu-main-wrapper.wpmm-orientation-horizontal ul.wpmm-mega-wrapper > li.menu-item-has-children a { padding-left: 0;}
	.wp-megamenu-main-wrapper.wpmm-orientation-horizontal ul.wpmm-mega-wrapper li a { padding: 0 10px!important;}
	.wp-megamenu-main-wrapper.wpmm-orientation-horizontal ul.wpmm-mega-wrapper li .wpmm-sub-menu-wrap {
		background: #f7f7f7;
		box-shadow: none;
		position: static;
		top: 100%;
		left: 0;
		width: 100%;
		font-size: 14px;
		line-height: 22px;
		padding: 0 0 10px;
		transition: all ease 0.5s;
		-webkit-transition: all ease 0.5s;
		-ms-transition: all ease 0.5s;
		opacity: 1;
		visibility: initial;
		z-index: -1;
		text-align: left;
		height: initial;
		max-height: initial;
	}
	.wpmm-sub-menu-wrap {
		overflow: visible!important;
		display: block;
		visibility: initial;
		text-align: left;
	}
	.wpmm_megamenu ul.wp-mega-sub-menu > li:nth-child(n+2) {
		border-left: none!important;
	}
	.wpmm-sub-menu-wrap li { margin-bottom: none;}
	.wpmm_megamenu .wp-megamenu-main-wrapper ul ul.wp-mega-sub-menu li {text-align: left;}
	.wpmm-sub-menu-wrap:after { display: none;}

	
	.contained { max-width: 90%;}



	.mobile nav { position: relative; background: #f7f7f7;    width: 100%;     height: 100%; left: 100%; position: fixed;	overflow: hidden}
	.mobile .navwrapper { position: relative; left: 0%; top: 0;width: 100%;    height: 100%; display: block;}
	.mobile .navpanel { position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		display: block;
		z-index: 1;
		background: #f2f2f2;}
	.mobile .navpanel.prime { left: 0; position: relative;}
	.mobile .navpanel.subnav { left: 100%;}
	
	.mobile .menu-item a { font-size: 20px; padding-right: 20px;}
	.mobile .menu-item a { font-size: 20px; padding-right: 20px;}

	.mobile .navpanel .backlink  {
		color: #e30613;
		font-size: 20px;
		font-weight: 400;
		padding: 10px;
		border-bottom: 1px solid #e30613;
		padding-left: 10%;
		background: #f2f2f2;
	}

	.mobile .navpanel .backlink::before
	{
		border-style: solid;
		border-width: 2px 2px 0 0;
		border-color: #e30613;
		content: '';
		display: inline-block;
		height: 10px;
		width: 10px;
		position: absolute;
		top: 19px;
		vertical-align: top;
		left: 5%;
		transform: rotate(-135deg);
		-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
		padding: 0;
	}

	.mobile .nav .menu-item  .leveldown
	{
		border-style: solid;
		border-width: 2px 2px 0 0;
		border-color: #e30613;
		content: '';
		display: inline-block;
		height: 10px;
		width: 10px;
		position: absolute;
		top: 28px;
		vertical-align: top;
		right: 5%;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
		padding: 0;
	}



	.mobile .subnav .menu-item > a .leveldown
	{
		border-style: solid;
		border-width: 2px 2px 0 0;
		border-color: #e30613;
		content: '';
		display: inline-block;
		height: 10px;
		width: 10px;
		position: absolute;
		top: 28px;
		vertical-align: top;
		right: 5%;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
		padding: 0;
	}

	.mobile .nav .menu-item { width: 100%; position: relative; background: #f7f7f7; border-bottom: 1px solid #d8d8d8;}


	.mobile .nav .utilitysub .menu-item { width: 100%; position: relative; border-bottom: none; background: none;}
	.mobile .nav .utilitysub .menu-item a { width: 100%; position: relative; border-bottom: none; }
	.mobile .nav .utilitysub .menu-item a .leveldown
	{
		border-style: solid;
		border-width: 2px 2px 0 0;
		border-color: #e30613;
		content: '';
		display: inline-block;
		height: 10px;
		width: 10px;
		position: absolute;
		top: 13px;
		vertical-align: top;
		right: 5%;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
		padding: 0;
	}

	.mobile .nav .utilitysub { padding: 20px 0;}
	.mobile .nav .utilitysub .menu-item a { font-size: 19px;padding: 5px 15px;}

	.mobile .nav .menu-item a { position: relative; display: block; width: 90%;}
	.mobile .subnav .menu-item a { position: relative; display: block; width: 100%;}

	header .mobile .burgermenu {
    
    width: 30px;
    height: 30px;
    display: block;
    position: fixed; 
	z-index: 2000;
    top: 10px;
    right: 15px;
	
	min-height: inherit;			       
	cursor: pointer;     
	}
	
	.burgermenu span.label {
		font-size: 9px;
		position: absolute;
		left: 4px;
		bottom: -9px;
	}

	header .mobile .burgermenu:after,
	header .mobile .burgermenu:before {
        right: 0px;
        width: 25px;
        position: absolute;
        display: block;
        content: ''
    }

    header .mobile  .burgermenu:after {
        top: 5px;
        height: 19px;
        padding: 3px 0;
        border-top: 2px solid #e30613;
        border-bottom: 2px solid #e30613;        
    }

    header .mobile  .burgermenu:before {
        -webkit-transition: all .3s ease;
        -ms-transition: all .3s ease;
        transition: all .3s ease;
        top: 13px;
        height: 2px;
        background: #e30613;
    }

    header .mobile  .burgermenu.menu-opened:after,
	header .mobile  .burgermenu.menu-opened:before {
        top: 22px;
        width: 24px;
        background: linear-gradient(to right,#e30613,#e30613)
    }

    header .mobile  .burgermenu.menu-opened:after {
        -webkit-transition: all .3s ease;
        -ms-transition: all .3s ease;
        transition: all .3s ease;
        border: 0;
        height: 2px;
        padding: 0;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
		
		left: 5px;
		top: 15px;
    }

    header .mobile  .burgermenu.menu-opened:before {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
		left: 4px;
		top: 14px;
    }
	
	
	.spg-grid-small .spg-item { margin: 0!important;}
	.spg-filter-form { margin: auto!important;}
	.spg-filter-form::before { width: 100%;}
	.spg-custom-tax { width: 100%;}
	.spg-grid-small .spg-item { overflow: hidden;}
	.spg-thumb	 { display: inline-block; float: left; position: absolute!important; width: 35%!important;  height: 100%!important;	}
	.spg-clip { width: 100%; height: 100%;}
	.spg-grid-small .spg-thumb img {
		height: 100%;
		max-width: initial;
		position: absolute;
		width: auto!important;
		top: 0;
	}
	.spg-data	 {     width: 65%!important;
    display: inline-block;
    position: relative;
    z-index: 1000000;
    background: #f7f7f7;
    top: 0;
    margin: 0 0 0 35%;}
	.spg-post-meta_area { display: none;}
	
	.spg-entry-title h4 { font-size: 27px!important; font-weight: 400!important;min-height:52px!important; margin: 0!important;}
	.spg-pandr-grid div.outline-button.blue,
	.spg-pandr-grid a.outline-button.blue { font-size: 15px!important; display: none;}
	
	.vc_row.shrinky { padding: 10px;} 
	.mobileposter  .vc_column-inner ,
	.mobileposter { min-height: 300px!important; background-size: cover;}	
	
	.speech-bubble { top: 56px;	}
	.blue.banner .h1, .blue.banner h1 {		
		margin: 15px 0 0!important;
		min-height: initial;
	}
	
	.slidebox .overlay .caption {	font-size: 15px;    vertical-align: middle;}
	.slidebox .overlay .slidelink a {
		font-size: 20px;
		line-height: 1.3em;   
		vertical-align: middle; 
	}

	.wpb_text_column .phone {  font-size: 30px!important; line-height: 1.2em;}
	.blue.banner .h1, .blue.banner h1,
	.wpb_text_column .h1, .wpb_text_column h1 {  font-size: 28px!important; line-height: 1.2em; text-align: left;}
	.orange.banner h2,.banner .whitetext h2,	
	.wpb_text_column .h2, .wpb_text_column h2 {  font-size: 23px!important; line-height: 1.2em;}
	.blue.banner p { color:#fff; font-size: 20px;}
	
	.webform .fielditem .outline-button,
	.webform .heading,
	.orange.banner p,
	.orange.banner ul.tick-list li,
	.vc_tta-accordion.faqs .vc_tta-panel .vc_tta-panel-heading h4.vc_tta-panel-title,
	.wpb_text_column .big-para ,
	.wpb_text_column .h3, .wpb_text_column h3 {  font-size: 20px!important; line-height: 1.2em;}
	
	ul.tick-list.white li { background: url(img/bullet_tick_white.png) no-repeat 0 4px;	}

	ul.check-list.white li { background: url(img/bullet_tick_white.png) no-repeat 0 4px;	}
	
	.wpb_text_column ul li, .wpb_text_column, .wpb_text_column p { font-size: 17px; line-height: 1.3em;}
	
	.vc_column_container>.vc_column-inner {
		box-sizing: border-box;
		padding-left: 15px;
		padding-right: 15px;
		width: 100%;
		max-width: 95%;
		margin: auto;
	}
	.vc_row-full-width.vc_row > .vc_column_container>.vc_column-inner { max-width: 100%;} 
	
	.webform .fielditem .outline-button {		
		min-width: initial;		
	}
	
	.VisualNav {
	    padding-left: 10px!important;
		padding-right: 10px!important;
		margin: auto!important;
    }
	.wp-mega-sub-menu .textwidget ul li a, .wp-mega-sub-menu ul.menu li a, .VisualNav ul li a { font-size: 18px!important;}
	
	.shrinky .vc_column-inner,
	.accreditations .vc_column-inner { margin: auto!important;}
	
	.widget_nav_menu .menu-item {
		text-align: left;
		padding-left: 20px;
		border-top: 1px solid #666666;
		border-bottom: none;
	}
	
	.widget_nav_menu .menu-item:last-child {
		border-bottom: 1px solid #666666;	
	}
	
	footer .logorow  { padding-top: 30px;}
	.social-media, .copyright, .footer .logo {
		display: block;
		vertical-align: middle;
		text-align: left;
		margin-left: auto; 
		margin-right: auto; 
		padding-left: 20px;
		
	}
	.wpb_content_element, ul.wpb_thumbnails-fluid > li, .wpb_button { margin-bottom: 15px!important;}
	
	.slidebox .overlay .caption { width: 55%;	}
	.slidebox .overlay .slidelink { width: 45%;	}
	.slidebox .overlay .wpb_wrapper {padding: 10px!important;}
	.slidebox .overlay .slidelink a::before { left: -8px!important; top: 11px!important;}
	.slidebox .overlay .slidelink a { padding-left: 40px!important;}
	
	.slick-slide { margin: auto!important;}
	
	.pp_background .vc_column-inner {     background-position: 85% 75%!important;     background-size: 30%!important;}
	
	/*
	.vc_row.vc_row-flex > .vc_column_container > .vc_column-inner{
		padding-left: 15px!important;
		padding-right: 15px!important;
	}
	.vc_column_container > .vc_column-inner {
		padding-left: 7.5px!important;
		padding-right: 7.5px!important;
	}
	*/
	
	.vc_column_container.colreset > .vc_column-inner {
		padding-left: 15px!important;
		padding-right: 15px!important;
	}
	
	.vc_row[data-vc-full-width] .vc_column_container > .vc_column-inner {
		width: 100%!important; max-width: 100%!important;
	}
	
	.vc_row[data-vc-full-width] .vc_column_container.colreset > .vc_column-inner {
		padding-left: 30px!important;
		padding-right: 30px!important;
	}
	
	.vc_row.wpb_row.vc_inner.vc_row-fluid.vc_column-gap-30.contained { margin: auto!important;max-width: 100%!important;}
	.vc_column_container > .vc_column-inner .vc_column-inner { max-width: 100%!important;}
	.vc_row.vc_column-gap-30 > .vc_column_container { padding: 0!important;}
	
	
	.wpb_single_image.vc_align_right { text-align: center!important; margin-left: auto!important;margin-right: auto!important;}
	.wpb_single_image.vc_align_left { text-align: center!important; margin-left: auto!important;margin-right: auto!important;}
	
	.copyright {   font-size: 13px;}

	ul.tick-list.blue li { background: url(img/bullet_tick_blue.png) no-repeat 0 10px;background-size: 15px 15px;padding-left: 25px;}
	ul.check-list.blue li { background: url(img/bullet_tick_blue.png) no-repeat 0 10px;background-size: 15px 15px;padding-left: 25px;}

	.modal .modal-inner {width:90%;}
	.modal .modal-inner .modal-title {font-size:30px;}
	.modal .modal-inner .modal-close {padding: 6px 13px;top:13px;}
	.modal .modal-inner .modal-close .hide-mobile {display: none;}
	
}

@media only screen and (max-width: 800px) {
	#homeowner-modal img { width: 90%; }
}

@media only screen and (max-width: 585px) {
	table tbody tr td:first-of-type {border-top: 1px solid rgba(34,36,38,.15) !important;}
	table tbody tr:first-of-type td:first-of-type {border-top: none !important;}
	.webform .formitem.currency {
		padding-left: 35px;
	}
	.webform .formitem.currency label {
		padding-left: 18px;
	}
}

@media only screen and (max-height: 800px) {
	.modal .modal-inner .modal-content .modal-content-inner {height: 70vh;}
}

@media only screen and (max-height: 500px) {
	.modal .modal-inner .modal-content .modal-content-inner {height: 60vh;}
}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#c2f200;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}