/*
Theme Name: BlankSlate
Theme URI: https://github.com/tidythemes/blankslate
Author: TidyThemes
Author URI: http://tidythemes.com/
Description: Please read: tidythemes.com/concept. BlankSlate is the definitive WordPress HTML5 boilerplate starter theme. We've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability and no intrusive visual CSS styles have been added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/tidythemes/blankslate/issues. Thank you.
Version: 2019.1
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: blankslate

BlankSlate WordPress Theme © 2011-2019 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}body{line-height:1}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}


#wpadminbar {
    background-color: rgb(0 0 0 / 85%);
}

.entry-content .max {
    max-width: 1200px;
    margin-left: auto!important;
    margin-right: auto!important;
    padding: 20px 32px;
}
.posrel {position: relative;}



* {
	--colourA: #ff2f00;
}


/* TEST REMOVE VS MINUS MARGINS*/
.vc_row {
    margin-left: 0px!important;
    margin-right: 0px!important;
}

h1 {
  display: block;
  font-size: 2em;
  margin-top: 0.67em;
  margin-bottom: 0.67em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}
h2 {
  display: block;
  font-size: 1.5em;
  margin-top: 0.83em;
  margin-bottom: 0.83em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}
h3 {
  display: block;
  font-size: 1.17em;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}
h4 {
  display: block;
  font-size: 1em;
  margin-top: 1.33em;
  margin-bottom: 1.33em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}
h5 {
  display: block;
  font-size: .83em;
  margin-top: 1.67em;
  margin-bottom: 1.67em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}
h6 {
  display: block;
  font-size: .67em;
  margin-top: 2.33em;
  margin-bottom: 2.33em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

p {
    margin: 0 0 1.75em;
    margin-bottom: 22px;
}

body, p, div, ul, li, a, ol, table, input, textarea {
	font-family: 'Source Sans Pro', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Source Sans Pro', sans-serif;
}

#content body, #content p, #content div, #content ul, #content li, #content a, #content ol, #content table, #content input, #content textarea {
    line-height: 28px;
    font-weight: 300;
    font-size: 17px;
}


/*Header*/
.sps_header {
	background-color: #fff;
}

.header-outer {
    max-width: 1100px;
    margin: 0px auto;
}

#branding {
	display: inline-block;
    vertical-align: middle;
}

#branding svg {
    width: 70px;
    height: auto;	
}

.mainmenu-outer {
	display: inline-block;
    vertical-align: middle;
    padding: 12px 0px;
}
.menu-main-menu-container li.menu-item-has-children:after {
    content: "";
    height: 16px;
    width: 16px;
    background-size: 37px auto;
	background-position: 5% -3%;
    background-repeat: no-repeat;
    background-image: url('https://www.awmaintenance.co.uk/wp-content/uploads/2021/11/submenupseudo2black.svg');
    position: absolute;
    top: calc(50% - 9px);
    right: -12px;
}
.mobileopen {
    display: block;
    background-image: url('https://www.awmaintenance.co.uk/wp-content/uploads/2021/11/submenupseudo2black.svg');
    background-size: 60px auto;
    background-position: -8% -15%;
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    right: 1px;
    width: 33px;
    height: 36px;
    background-color: #fff;
    transition: all 0.3s ease;
    moz-transition: all 0.3s ease;
}
.buttonactive {
    background-position: -8% 114%;
}


.nav-contactinfo {
    display: inline-block;
    float: right;
    vertical-align: middle;
}


.header-outer a {
    text-decoration: none;
    font-weight: 600;
	transition: all 0.3s ease;
}
.header-outer a:hover {
    color: var(--colourA);
}
.fb-header {
	display: inline-block;
}

.fb-header svg {
    width: 23px;
    height: auto;
}

.fb-header {
    position: absolute;
    top: 30px;
    right: 20px;
}
.fb-header svg path {
    fill: #3c5a99;
}

.nav-contactinfo ul li {
    margin: 9px 0px;
}



li.getintouchheader a {
    background-color: var(--colourA);
    color: #fff!important;
    padding: 2px 16px;
    border-radius: 7px;
}


@media (min-width: 1000px) {
	.header-outer a {
    	color: #323232;
	}
	.sps_header {
		border-bottom: solid 1px #c7c7c7;
	}
	#branding {
		margin-right: 28px;
	}
	.nav-contactinfo {
		margin-left: 20vw;
	}
	.header-outer {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: center;
		align-items: center;
	}
	
	.mainmenu-togglebutton, .mobileopen {
		display: none;
	}
	.menu-main-menu-container ul li {
		display: inline-block;
		position: relative;/*
	    margin: 21px 03px;
	    padding: 23px 0px;*/
	}

	.menu-main-menu-container ul li a {
	    padding: 14px 8px;
	    width: 100%;
	    display: block;
		text-decoration: none;
	}
	.menu-main-menu-container .sub-menu a {
		padding: 7px 14px;
	}
	.sub-menu li {
		border-bottom: solid 1px #f7f7f7;
	}
	.sub-menu li:first-child {
		border-top: solid 1px #f7f7f7;
	}
	.menu-main-menu-container .sub-menu {
	    position: absolute;
	    background-color: #fff;
	    z-index: 1;
	    width: auto;
	    top: 44px;
	    left: -9999px;
	}
	.menu-main-menu-container li.menu-item-has-children:hover > .sub-menu, .menu-main-menu-container li.menu-item-has-children:focus > .sub-menu {
		left: 0px;
	}
	.sub-menu li {
		min-width: 150px;
	}
	.menu-main-menu-container .sub-menu li .sub-menu {
	    position: absolute;
	    top: -1px;
	    right: auto;
	    left: -9000px;
	    width: auto;
	}
	.menu-main-menu-container .sub-menu li:hover > .sub-menu, .menu-main-menu-container .sub-menu li:focus > .sub-menu {
	    left: 100%;
	}
	.menu-main-menu-container ul li .sub-menu li {
	    display: block;
	    margin: 1px 0px 0px;
	    padding: 1px 1px;
	    position: relative;
    	margin-top: 0px;
	}
	.menu-main-menu-container li ul.sub-menu li:after {
	    background-size: 50px auto;
	    background-position: 86% 10%;
	    background-repeat: no-repeat;
	    background-image: url(https://www.awmaintenance.co.uk/wp-content/uploads/2021/02/submenupseudo2.svg);
	    position: absolute;
	    top: 3px;
	    right: 6px;
	}
	.menu-main-menu-container ul li.menu-item-has-children {
	    margin-right: 12px;
	}
}


@media (max-width: 999px) {
	.header-outer a {
    	color: #fff;
	}
	.menu-main-menu-container li.menu-item-has-children:after {
		content: none;
	}
	#branding img {
	    max-height: 70px;
	    margin: 4px 0px;
	}
	.header-outer {
		text-align: center;
	}
	.mainmenu-outer {
	    position: fixed;
	    top: 0px;
	    left: 0px; /*SlideFromLeft*/
	    width: 100%;
	    height: 100%;
	    max-width: 250px;
	    margin-left: -250px; /*SlideFromLeft*/
	    background-color: #222222;
	    z-index: 9;
	    text-align: left;
	    overflow: scroll;
	    transition: all 0.3s ease;
	    moz-transition: all 0.3s ease;
	}
	/* Hide scrollbar for Chrome, Safari and Opera */
	.mainmenu-outer::-webkit-scrollbar {
	  display: none;
	}
	/* Hide scrollbar for IE, Edge and Firefox */
	.mainmenu-outer {
	  -ms-overflow-style: none;  /* IE and Edge */
	  scrollbar-width: none;  /* Firefox */
	}

	.menu-main-menu-container {
		padding-top: 15vh;
	}

	.menu-main-menu-container li {
	    border-top: solid 1px #3a3a3a;
	}
	.menu-main-menu-container li:last-child {
	    border-bottom: solid 1px #3a3a3a;
	}
	.menu-main-menu-container ul li .sub-menu li:last-child {
	    border-bottom: none;
	}
	.menu-main-menu-container li a {
	    padding: 10px 20px;
	    width: 100%;
	    display: block;
	}
	.menu-main-menu-container .sub-menu a {
		padding-left: 30px;
		color: #e3e3e3;
	}
	.menu-main-menu-container .sub-menu .sub-menu a {
		padding-left: 40px;
	}
	.menu-main-menu-container .sub-menu .sub-menu .sub-menu a {
		padding-left: 50px;
	}
	.menu-main-menu-container .sub-menu .sub-menu .sub-menu .sub-menu a  {
		padding-left: 60px;
	}

	body.mMenuOpen .mainmenu-outer {
	    margin-left: 0px; /*SlideFromLeft*/
	}

	#branding img {
	    max-height: 70px;
	    margin: 4px 0px;

	    /* SIZES MAY NEED TO BE PUT HERE FOR GOOD CLS */

	}
	.menu-main-menu-container ul li {
	    position: relative;
	}
	.menu-main-menu-container .sub-menu {
		display: none;
	}








	.mainmenu-togglebutton {
		background-color: #3c3c3c;
	    width: 36px;
	    height: 36px;
	    position: fixed;
		cursor: pointer;
	    top: 12px;
	    left: 15px;
	    z-index: 10;
		transition: all 0.3s ease;
		moz-transition: all 0.3s ease;
	}
	.mMenuOpen .mainmenu-togglebutton {
	    left: 190px;
	}
	#mmtb_line01 {
		width: 15px;
		height: 2px;
		background-color: #fff;
		position: absolute;
		top: 11px;
		left: 10px;
		transition: all 0.3s ease;
		moz-transition: all 0.3s ease;
	}
	#mmtb_line02 {
		width: 11px;
		height: 2px;
		background-color: #fff;
		position: absolute;
		top: 18px;
		left: 10px;
		transition: all 0.3s ease;
		moz-transition: all 0.3s ease;
	}
	#mmtb_line03 {
		width: 15px;
		height: 2px;
		background-color: #fff;
		position: absolute;
		top: 25px;
		left: 10px;
		transition: all 0.3s ease;
		moz-transition: all 0.3s ease;
	}

	.mMenuOpen #mmtb_line01 {
	    transform: rotate(45deg);
	    width: 24px;
	    top: 17px;
	    left: 6px;
	}
	.mMenuOpen #mmtb_line02 {
	    width: 0px;
	    left: 18px;
	}
	.mMenuOpen #mmtb_line03 {
	    transform: rotate(-45deg);
	    width: 24px;
	    top: 17px;
	    left: 6px;
	}
	
	
	.nav-contactinfo {
		display: block;
		width: 100%;
		background-color: #424242;
	}
	.nav-contactinfo li {
		display: inline-block;
		margin: 0px 12px!important;
		padding: 2px 0px;
	}
	.nav-contactinfo a {
		padding: 3px 0px;
		color: #fff;
		font-weight: 500;
		font-size: 13px;
		line-height: 18px;
		letter-spacing: 0.5px;
	}
	
	
	.fb-header {
		top: 18px;
	}
	
	
	#branding svg {
		margin: 7px 0px;
		width: 87px;
		height: auto;
	}

}









/*Footer*/

#footer {
    background-color: #fff;
    border-top: solid 1px #fff;
    display: inline-block;
    width: 100%;
	position: relative;
}

#footer:after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgb(201,9,0);
    background: linear-gradient(90deg, rgba(201,9,0,1) 0%, rgba(255,72,28,1) 50%, rgba(201,9,0,1) 100%);
}

.footer-col {
    width: 100%!important;
    display: flex;
    text-align: center;
    flex-wrap: nowrap;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
}

#footercol2 p {
    margin-bottom: 20px;
}
#footercol2 p a {
    display: inline-block;
	margin: 0px 16px;
}

@media (max-width: 600px) {
	#footercol2 p {
		margin-bottom: 0px;
	}
	#footercol2 p a {
		display: block;
		margin-bottom: 16px;
	}
}

.footer-inner {
    max-width: 1200px;
    margin: 0px auto;
    padding: 0px 20px;
}

#footer .menu-main-menu-container ul li {
    display: block;
    margin: 0px 0px;
    padding: 0px 0px;
    line-height: 28px;
}

#footer .menu-main-menu-container li.menu-item-has-children:after {
	content: none;
}

p.footer-col {
    margin-bottom: 14px;
}
p.footernav a {
    display: block;
    color: var(--colourA);
    font-weight: 600;
    text-decoration: none;
    margin-bottom: 10px;
}


.footerlogo svg, .footerlogo img {
    padding: 0px 20px;
    width: 140px;
    height: auto;
	max-width: 100%;
}
.footerlogo {
    margin-bottom: 12px;
    margin-top: 10px;
}

@media (min-width: 1000px) {
	#footercol1 {
		width: 25%;
		float: left;
		padding-top: 20px;
	}
	#footercol2 {
		width: 25%;
		float: left;
		padding-top: 20px;
	}
	#footercol3 {
		width: 25%;
		float: left;
		padding-top: 20px;
	}
	#footercol4 {
		width: 25%;
		float: left;
		padding-top: 20px;
	}
}


#footer .sub-menu {
	display: none;
}

.footer-contactdetails {
	position: relative;
	margin-bottom: 20px;
    padding-left: 26px;
}
.footer_svgicons {
	position: absolute;
    top: -1px;
    left: -4px;
}
.footer_svgicons svg {
    width: 24px;
    height: auto;
}
.footer_svgicons path {
	fill: var(--colourA);
}

.footer-contactdetails a {
    text-decoration: none;
    font-size: 14px;
    color: #505050;
	font-weight: 600;
}


.footersocial {
	text-align: center;
	margin-bottom: 40px;
}
.footersocialicon {
	display: inline-block;
	margin: 0px 11px;
}
.footersocialicon svg path, .footersocialicon svg circle {
	transition: all 0.3s ease;
	moz-transition: all 0.3s ease;
}
.fsi_FB:hover svg path {
	fill: #3d5a96;
}
.fsi_TW:hover svg path {
	fill: #2aa3ef;
}
.fsi_IG:hover svg path, .fsi_IG:hover svg circle {
	fill: #f52b7f;
}
.fsi_YT:hover svg path {
	fill: #ec1d1d;
}
.fsi_LI:hover svg path {
	fill: #0c87cb;
}

.fsi_FB svg path {
    fill: #3c5a99;
}









/* Blog Archive */



body.blog #container {
    padding: 140px 0px;
    background-color: #fbfbfb;
    text-align: center;
    padding: 140px 0px;
    background-color: #fbfbfb;
}

body.blog #content {
    text-align: center;
    margin: 0px auto;
    max-width: 1280px;
}
body.blog article.post {
    min-height: 190px;
	max-width: 380px;
    overflow: hidden;
    display: inline-block;
    margin: 0px 20px 30px;
    padding: 0px 0px;
    background-color: purple;
    position: relative;
    text-align: left;
    vertical-align: top;
    width: 100%;
}
body.blog article.post .entry-title a {
	color: #fff;
	text-decoration: none;
}
body.blog article.has-post-thumbnail .entry-title a {
	color: #000;
}

body.blog article.post .entry-meta {
	color: green;
}
body.blog article.post .entry-meta a {
	color: yellow;
	text-decoration: none;
}

body.blog article.has-post-thumbnail .entry-meta {
	color: blue;
}
body.blog article.has-post-thumbnail .entry-meta a {
	color: red;
}


body.blog .posts-navigation .nav-links .nav-previous, body.blog .posts-navigation .nav-links .nav-next {
    display: inline-block;
    margin: 20px 14px;
}

body.blog .posts-navigation .nav-links a {
    background-color: red;
    padding: 8px 18px;
    color: #fff;
    text-decoration: none;
    transition: all 0.3s ease;
    moz-transition: all 0.3s ease;
}

body.blog .posts-navigation .nav-links a:hover {
    background-color: blue;
}


body.blog article.has-post-thumbnail {
	width: 100%;
	max-width: 380px;
    overflow: hidden;
    display: inline-block;
    margin: 0px 20px 30px;
    padding: 0px 0px;
    background-color: white;
    box-shadow: 0px 2px 8px rgb(0 0 0 / 15%);
    position: relative;
    text-align: left;
    vertical-align: top;
    width: 100%;
}

body.blog article.has-post-thumbnail .blogthumbnail_bg {
    background-position: 50% 50%!important;
    background-size: cover!important;
    padding-top: 50%;
    width: 100%;
    margin-bottom: 10px;
}

body.blog .blogthumbnail_bg {
	padding-top: 0px;
}



body.blog article.post h2.entry-title {
    text-align: center;
    font-size: 20px;
    padding-top: 50px;
    margin-bottom: 8px;
}

body.blog article.post h2.entry-title a {
	text-decoration: none;
}

body.blog article.has-post-thumbnail h2.entry-title {
	text-align: left;
	padding-top: 0px;
}

body.blog article.post .entry-meta {
	text-align: center;
}
body.blog article.has-post-thumbnail .entry-meta {
	text-align: left;
}
body.blog article.has-post-thumbnail .entry-meta, body.blog article.has-post-thumbnail .entry-title {
    padding: 0px 18px;
}

.blogpageheader h1 {
    font-size: 60px;
    margin-bottom: 80px;
}







/* Blog Single Page */

body.single-post #content {
    max-width: 1000px;
    margin: 0px auto;
    padding: 0px 0px;
}

body.single-post img.attachment-post-thumbnail {
    max-width: 100%;
    height: auto;
    max-height: 600px;
    width: auto;
}

body.single-post article header {
	text-align: center;
}

body.single-post h1.entry-title {
    color: #000000;
    padding: 0px 26px;
}

body.single-post .entry-content {
    margin-bottom: 50px;
    padding: 0px 26px;
}

body.single-post .entry-meta {
    margin-bottom: 18px;
    color: red;
}
body.single-post .entry-meta .author a {
	color: green;
	text-decoration: none;
}

body.single-post .nav-links {
	text-align: center;
}

body.single-post .nav-links .nav-previous, body.single-post .nav-links .nav-next {
    display: inline-block;
    margin: 20px 16px;
}

body.single-post .nav-links .nav-previous a, body.single-post .nav-links .nav-next a {
    background-color: red;
    padding: 8px 22px 10px;
    display: block;
    color: #fff;
    text-decoration: none;
    transition: all 0.3s ease;
    moz-transition: all 0.3s ease;
}
body.single-post .nav-links .nav-previous a:hover, body.single-post .nav-links .nav-next a:hover {
    background-color: blue;
}

body.single-post footer.footer {
	margin-bottom: 110px;
}

body.single-post .nav-links span.single_bottom_navtext {
    display: block;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.65);
    letter-spacing: 1px;
    font-size: 11px;
    margin-bottom: 1px;
}


body.single-post footer.entry-footer {
    text-align: center;
}

body.single-post span.author.vcard {
    display: block;
    margin-bottom: 12px;
}
body.single-post span.author.vcard a {
	color: turquoise;
    text-decoration: none;
}
body.single-post .cat-links {
    color: olive;
}
body.single-post .cat-links a {
    color: olive;
}
body.single-post .cat-links a {
    text-decoration: none;
    color: green;
    padding: 2px 3px;
    margin: 0px 4px;
}








/* Ninja Forms General */
.nf_forms_general .nf-form-fields-required {
	display: none;
}

.nf_forms_general {
    padding: 0px 16px;
}
.nf_forms_general .nf-error.field-wrap .nf-field-element:after {
	content: none;
}
.ninform_2col .nf-field-container {
    max-width: 99.5%;
}
.ninform_2col {
    display: inline-block;
    width: 49%;
    margin-right: 1%;
}
.ninform_2col_last {
    margin-right: 0%;
    float: right;
}
@media(max-width: 710px) {
	.ninform_2col {
		width: 100%;
	}
}

.ninform_3col .nf-field-container {
    max-width: 99.5%;
}
.ninform_3col {
	display: inline-block;
    width: 31.6%;
    margin-right: 2%;
}
.ninform_3col_last {
    margin-right: 0%;
}
@media(max-width: 710px) {
	.ninform_3col {
		width: 100%;
	}
}




/*Ninja Forms Style 01*/

.nf_forms_style-01 input {
	height: auto!important;
    border: solid 2px red!important;
	background-color: #fff!important;
    color: red!important;
    font-size: 14px!important;
	font-weight: 600!important;
    padding: 14px 14px!important;
}
.nf_forms_style-01 textarea {
    border: solid 2px red!important;
	background-color: #fff!important;
    color: red!important;
    font-size: 14px!important;
	font-weight: 600!important;
    padding: 14px 14px!important;
}
.nf_forms_style-01 .nf-pass.field-wrap .nf-field-element input, .nf_forms_style-01 .nf-pass.field-wrap .nf-field-element textarea {
    border-color: blue!important;
}
.nf_forms_style-01 input::placeholder, .nf_forms_style-01 textarea::placeholder {
	color: pink;
}
.nf_forms_style-01 .submit-container input {
	border-radius: 0px!important;
	background-color: pink!important;
	color: #fff!important;
	border: none!important;
	width: 100%!important;
    text-transform: uppercase;
    letter-spacing: 2px;
	cursor: pointer;
	outline: none!important;
	transition: all 0.3s ease;
	moz-transition: all 0.3s ease;
}
.nf_forms_style-01 .submit-container input:hover {
	background-color: red!important;
}
.nf_forms_style-01 .nf-error-msg, .nf_forms_style-01 .nf-error .nf-error-msg {
    color: #4e4e4e;
    font-size: 13px;
    text-transform: uppercase;
}
.nf_forms_style-01 .nf-response-msg p {
    font-size: 13px!important;
    color: #525252!important;
}
.nf_forms_style-01 .nf-response-msg p:first-child {
    font-size: 22px!important;
    color: red!important;
    font-weight: 500;
    margin-bottom: 14px;
}
.nf_forms_style-01 .nf-response-msg {
    padding: 140px 0px;
}
@media (max-width: 767px) {
	.nf_forms_style-01 .nf-response-msg {
		padding: 50px 0px;
	}
}







/*Ninja Forms Style 02*/

.nf_forms_style-02 input {
	height: auto!important;
    border: solid 2px red!important;
	background-color: #fff!important;
    color: red!important;
    font-size: 14px!important;
    padding: 14px 14px!important;
}
.nf_forms_style-02 textarea {
    border: solid 2px red!important;
	background-color: #fff!important;
    color: red!important;
    font-size: 14px!important;
    padding: 14px 14px!important;
}
.nf_forms_style-02 .nf-pass.field-wrap .nf-field-element input, .nf_forms_style-02 .nf-pass.field-wrap .nf-field-element textarea {
    border-color: blue!important;
}
.nf_forms_style-02 input::placeholder, .nf_forms_style-02 textarea::placeholder {
	color: pink;
}
.nf_forms_style-02 .submit-container input {
	border-radius: 0px!important;
	background-color: pink!important;
	color: #fff!important;
	border: none!important;
	width: 100%!important;
    text-transform: uppercase;
    letter-spacing: 2px;
	cursor: pointer;
	outline: none!important;
	transition: all 0.3s ease;
	moz-transition: all 0.3s ease;
}
.nf_forms_style-02 .submit-container input:hover {
	background-color: red!important;
}
.nf_forms_style-02 .nf-error-msg, .nf_forms_style-02 .nf-error .nf-error-msg {
    color: #4e4e4e;
    font-size: 13px;
    text-transform: uppercase;
}
.nf_forms_style-02 .nf-response-msg p {
    font-size: 13px!important;
    color: #525252!important;
}
.nf_forms_style-02 .nf-response-msg p:first-child {
    font-size: 22px!important;
    color: red!important;
    font-weight: 500;
    margin-bottom: 14px;
}
.nf_forms_style-02 .nf-response-msg {
    padding: 140px 0px;
}
@media (max-width: 767px) {
	.nf_forms_style-02 .nf-response-msg {
		padding: 50px 0px;
	}
}



/*Ninja Forms Style 02 */

.nf_forms_style-02 {
    background-color: var(--colourA);
    padding: 40px 20px;
	text-align: center;
	color: #fff;
}
.nf_forms_style-02 .wpb_text_column {
    max-width: 440px;
    margin: 0px auto;
}

.nf_forms_style-02  .nf-response-msg p {
	color: #fff;
}
.nf_forms_style-02 input {
	height: auto!important;
    border: solid 2px #e6e6e6!important;
	background-color: #fff!important;
    color: #141414!important;
    font-size: 14px!important;
    padding: 14px 14px!important;
}
.nf_forms_style-02 .nf-error-msg {
    font-weight: 500!important;
    font-size: 14px!important;
}
.nf_forms_style-02 textarea {
    border: solid 2px #e6e6e6!important;
	background-color: #fff!important;
    color: #141414!important;
    font-size: 14px!important;
    padding: 14px 14px!important;
	transition: all 0.3s ease;
	moz-transition: all 0.3s ease;
}
.nf_forms_general .nf-pass.field-wrap .nf-field-element input, .nf_forms_general .nf-pass.field-wrap .nf-field-element textarea {
    border-color: #e6e6e6!important;
}
.nf_forms_style-02 input:focus, .nf_forms_style-02 textarea:focus {
	border-color: var(--colourA)!important;
}
.nf_forms_style-02 input::placeholder, .nf_forms_style-02 textarea::placeholder {
	color: #a2a2a2;
}

.nf_forms_style-02 .submit-container input {
	border-radius: 0px!important;
	background-color: #191919!important;
	color: #fff!important;
	border: none!important;
	width: 100%!important;
    text-transform: uppercase;
    letter-spacing: 2px;
	cursor: pointer;
	outline: none!important;
	transition: all 0.3s ease;
	moz-transition: all 0.3s ease;
}
.nf_forms_style-02 .submit-container input:hover {
	background-color: #000!important;
}
.nf_forms_style-02 .nf-error-msg, .nf_forms_style-02 .nf-error .nf-error-msg {
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
}


.nf_forms_style-02 .nf-response-msg p {
    font-size: 13px!important;
    color: #525252!important;
}
.nf_forms_style-02 .nf-response-msg p:first-child {
    font-size: 22px!important;
    color: red!important;
    font-weight: 500;
    margin-bottom: 14px;
}
.nf_forms_style-02 .nf-response-msg {
    padding: 140px 0px;
}
@media (max-width: 767px) {
	.nf_forms_style-02 .nf-response-msg {
		padding: 50px 0px;
	}
}









/* 300 */
.home2col-r2 .vc_col-sm-6 {
    padding: 0px 22px;
}

.home2col-r2 p {
    line-height: 28px;
    font-weight: 300;
    font-size: 17px;
}
.home2col-r2 p a {
    color: var(--colourA);
    font-weight: 600;
    text-decoration: none;
}
.banner-02-home-r3 {
    padding: 13% 0px;
	background-size: cover;
	background-position: 50% 50%;
}



.home-3col-r4 .vc_col-sm-4, .home-3col-r6 .vc_col-sm-4 {
    padding: 0px 22px;
}
.home-3col-r4 h3, .home-3col-r6 h3 {
    text-align: center;
    font-size: 23px;
    color: var(--colourA);
}
.home-3col-r4 p, .home-3col-r6 p {
    line-height: 28px;
    font-weight: 300;
    font-size: 17px;
}


.homeservices-outer {
    background-color: #202020;
}
.homeservices-max {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.homeservices-outer h3 {
    color: #fff;
    font-size: 40px;
    margin: 60px 0px 0px;
    font-weight: 600;
    padding: 0px 20px;
}

.homeservices {
    height: 320px;
    background-color: #2e2e2e;
	background-size: cover;
	background-position: 50% 50%;
    margin: 10px 2%;
    width: 21%;
    display: inline-block;
    position: relative;
}

.homeservices a {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.homeservices p {
    text-align: center;
    background-color: rgb(0 0 0 / 85%);
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    margin-bottom: 0px;
    color: #fff;
    padding: 10px 10px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
	transition: all 0.3s ease;
}

@media (min-width: 1001px) {
	.homeservices:hover p {
	    padding: 20px 10px;
	}
	.homeservices {
		box-shadow: inset 700px 0px 0px rgb(0 0 0 / 15%);
		transition: all 0.5s ease;
	}
	.homeservices:hover {
		box-shadow: inset 700px 0px 0px rgb(0 0 0 / 0%);
	}
}

@media (max-width: 1000px) {
	.homeservices {
		width: 45%;
		max-width: 330px;
    	margin-bottom: 20px;
	}
}
@media (max-width: 672px) {
	.homeservices {
		width: 100%;
    	margin-bottom: 40px;
	}
}


.r6max-header {
    padding-bottom: 10px!important;
    margin-bottom: 8px!important;
    max-width: 810px!important;
    border-bottom: solid 1px #f3f3f3;
}
.r6max-header h3 {
    font-size: 32px;
    color: #000;
}
.home-3col-r6 ul {
    margin: -10px 0px 16px;
}
.home-3col-r6 li {
    line-height: 28px;
    font-weight: 300;
    padding-left: 24px;
    position: relative;
    margin-bottom: 10px!important;
    font-size: 15px;
    font-style: italic;
	list-style: none;
}
.home-3col-r6 li:after {
    content: "";
    background-color: var(--colourA);
    width: 6px;
	height: 6px;
    position: absolute;
    top: 10px;
    left: 7px;
    border-radius: 30px;
}




/*General Template*/

.parallaxrow {
    padding: 7% 0px;
}

.generaltemplate-row01 {
    padding: 10% 20px calc(10% + 60px);
    background-size: cover;
    background-position: 50% 50%;
}

.generaltemplate-row01 h1 {
    font-size: 50px;
    color: white;
    line-height: 60px;
}

.generaltemplate-row01:after {
    content: "";
    width: 100%;
    height: 60px;
    position: absolute;
    bottom: 0px;
	left: 0px;
	background-color: white;
    transform-origin: top right;
    transform: skew(0deg, -2deg);
}

@media (min-width: 768px) {
	.generaltemplate-row02 .vc_col-sm-6 {
		padding: 0px 24px;
	}
	.maxextrapadding {
	    padding: 0px 24px;
	}
}


.general-cta-button {
	text-align: center;
}
.general-cta-button a {
    background-color: rgb(0 0 0 / 90%);
    padding: 9px 20px;
    color: beige;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 300!important;
    letter-spacing: 2.5px;
	transition: all 0.3s ease;
}
.general-cta-button a:hover {
    background-color: rgb(0 0 0 / 100%);
}




.generaltemplate-row-dark {
    background-color: #101010;
    color: #fff;
}

.generaltemplate-row-dark li {
    margin-bottom: 6px;
	padding-left: 20px;
    position: relative;
}
.generaltemplate-row-dark li:after {
    content: "";
    position: absolute;
    top: 10px;
    left: 3px;
    width: 6px;
    height: 6px;
	border-radius: 100px;
    border: solid 1px white;
}



ul.list {
	list-style: disc;
    padding-left: 28px;
    margin-top: -10px;
    margin-bottom: 20px;
}
ul.list li {
    margin-bottom: 6px;
}













/*Contact Page Style 01*/

@media (min-width: 768px) {
	.contactstyle_a1 {
		padding-top: 30px;
	}
}

.contactstyle_a1_inner {
	max-width: 1200px;
	margin-left: auto!important;
	margin-right: auto!important;
    padding: 0px 24px;
}
@media (min-width: 768px) {
	.contactstyle_a1_textbox {
		width: 80%;
		max-width: 400px;
	}
}

.contactstyle_a1_ninjaformscol .nf-form-wrap {
    background-color: #fff;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
    padding: 6%;
}

.contactstyle_a1_ninjaformscol .nf-form-fields-required {
	display: none;
}
.contactstyle_a1_textbox h3 {
    font-size: 38px;
    letter-spacing: 1px;
    font-weight: 700;
    color: var(--colourA);
    margin-bottom: 15px;
}
.contactstyle_a1_textbox p {
	color: #000;
}
.contactstyle_a1_textbox p a {
	color: var(--colourA);
	text-decoration: none;
	font-weight: 600!important;
	transition: all 0.3s ease;
	moz-transition: all 0.3s ease;
}
.contactstyle_a1_textbox p a:hover {
	color: #aaeef1;
}
.contactstyle_a1_ninjaformscol .nf-field-container {
    margin: 14px 0px;
}

.contactdetail_text {
	position: relative;
	padding-left: 32px;
}
.contactdetail_text svg {
	position: absolute;
    top: 2px;
    left: 0px;
    width: 24px;
    height: auto;
}
.contactdetail_text svg path {
    fill: var(--colourA);
}
.contactstyle_a1 {
    box-shadow: inset 0px -150px 0px var(--colourA);
}
.contactstyle_a1_ninjaformscol .nf-form-wrap {
		min-height: 520px;
}


@media (max-width: 767px) {
	.contactstyle_a1_textbox {
		max-width: 320px;
		margin: 70px auto 70px!important;
	}
	.contactstyle_a1_ninjaformscol .nf-form-wrap {
		max-width: 400px;
		margin: 0px auto;
		padding: 18px 26px;
		min-height: 150px;
	}	
}


/*Ninja Forms Style 01*/

.nf_forms_style-01 input {
	height: auto!important;
    border: solid 2px #e6e6e6!important;
	background-color: #fff!important;
    color: #141414!important;
    font-size: 14px!important;
    padding: 14px 14px!important;
}
.nf_forms_style-01 .nf-error-msg {
    font-weight: 500!important;
    font-size: 14px!important;
}
.nf_forms_style-01 textarea {
    border: solid 2px #e6e6e6!important;
	background-color: #fff!important;
    color: #141414!important;
    font-size: 14px!important;
    padding: 14px 14px!important;
	transition: all 0.3s ease;
	moz-transition: all 0.3s ease;
}
.nf_forms_general .nf-pass.field-wrap .nf-field-element input, .nf_forms_general .nf-pass.field-wrap .nf-field-element textarea {
    border-color: #e6e6e6!important;
}
.nf_forms_style-01 input:focus, .nf_forms_style-01 textarea:focus {
	border-color: var(--colourA)!important;
}
.nf_forms_style-01 input::placeholder, .nf_forms_style-01 textarea::placeholder {
	color: #a2a2a2;
}

.nf_forms_style-01 .submit-container input {
	border-radius: 0px!important;
	background-color: #191919!important;
	color: #fff!important;
	border: none!important;
	width: 100%!important;
    text-transform: uppercase;
    letter-spacing: 2px;
	cursor: pointer;
	outline: none!important;
	transition: all 0.3s ease;
	moz-transition: all 0.3s ease;
}
.nf_forms_style-01 .submit-container input:hover {
	background-color: var(--colourA)!important;
}
.nf_forms_style-01 .nf-error-msg, .nf_forms_style-01 .nf-error .nf-error-msg {
    color: #4e4e4e;
    font-size: 13px;
    text-transform: uppercase;
}


.nf_forms_style-01 .nf-response-msg p {
    font-size: 13px!important;
    color: #525252!important;
}
.nf_forms_style-01 .nf-response-msg p:first-child {
    font-size: 22px!important;
    color: red!important;
    font-weight: 500;
    margin-bottom: 14px;
}
.nf_forms_style-01 .nf-response-msg {
    padding: 140px 0px;
}
@media (max-width: 767px) {
	.nf_forms_style-01 .nf-response-msg {
		padding: 50px 0px;
	}
}






/*Services*/

.servicespage-item-image {
    background-color: #e7e7e7;
	min-height: 200px;
    padding: 33% 0px;
}

@media (min-width: 400px) {
	.servicespage-item {
		display: flex;
		align-items: center;
	}
	.servicespage-item-image {
		width: 50%;
	}
	.servicespage-item-text {
		width: 50%;
	}
}


.servicespage-item {
    width: 90%;
    margin: 0px auto;
	position: relative;
	background-color: #fff;
    box-shadow: 0px 2px 6px rgb(0 0 0 / 5%);
}


.servicespage-item-text h3 {
    text-align: center;
    color: var(--colourA);
    position: relative;
	margin-bottom: 30px;
}

.servicespage-item-text h3:after {
	content: "";
	position: absolute;
	bottom: -10px;
	left: 0;
	right: 0;
	margin: 0px auto;
	width: 20px;
	height: 2px;
	background-color: #ededed;
}

.servicespage-item-text {
	padding: 1px 14px;
}
.servicespage-item a {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}


/* Gallery Page*/

.wpb_gallery {
}
.wpb_gallery_slides {
    max-width: 604px;
    margin: 0px auto 50px;
}





.homebanner {
    background-size: cover;
    background-position: 50% 50%;
	text-align: center;
	padding: 5% 0px;
}

.homebanner h1 {
	display: inline-block;
    line-height: initial;
    background-color: var(--colourA);
    padding: 14px 38px;
    color: #fff;
    max-width: 90%;
	margin-top: 0px;
}
.homebanner h2 {
    text-align: center;
    color: #fff;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 21px;
    letter-spacing: 5px;
    padding: 4px 12px;
}






.homebannerform .nf-form-fields-required {
	display: none;
}


@media (max-width: 1020px) {
	.homebannerform {
		color: #fff;
	}
	.homebannerform {
		max-width: 400px;
		margin: 0px auto;
		padding: 22px 18px;
		background-color: #282828;
		box-shadow: 0px 5px 3px rgb(0 0 0 / 30%);
	}
	.homebannerform input {
		font-weight: 300!important;
		font-size: 15px!important;
		padding: 4px 10px!important;
		height: auto!important;
	}
	.homebannerform textarea {
		font-weight: 300!important;
		font-size: 15px!important;
		padding: 4px 10px!important;
	}
	.homebannerform .submit-wrap input {
		background-color: var(--colourA)!important;
		width: 100%!important;
		text-transform: uppercase;
		font-weight: 600!important;
		letter-spacing: 2px;
	}
	.homebannerform .nf-error.field-wrap .nf-field-element:after {
		display: none!important;
	}
	
	body .homebanner {
		background-image: url('/wp-content/uploads/2021/11/mob-banner.jpg')!important;
	background-size: 100% auto;
    background-position: 0% 0%;
    background-repeat: no-repeat;
    background-color: #1e1e1e;
	}
	
	.home-lowerspacer {
		height: 0px!important;
		padding: 2% 0px;
	}
	
}


@media (min-width: 1021px) {
	.homebanner .nf-field-container {
		margin: 12px 0px;
	}
	.homebanner {
		padding: 0px 0px;
	}
	.homebanner .vc_column_container {
		padding: 30px 0px;
	}
	.homebannerform {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 300px;
		height: 100%;
    	padding: 0px 16px;
    	background-color: rgb(0 0 0 / 75%);
		margin-bottom: 0px!important;
		color: #fff;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	
	.homebannerform input::placeholder, .homebannerform textarea::placeholder {
		color: #d7d7d7!important;
	}
	.homebannerform input {
		font-weight: 300!important;
		font-size: 14px!important;
		padding: 4px 10px!important;
		height: auto!important;
		background-color: rgb(255 255 255 / 05%)!important;
		border: none!important;
		border-bottom: solid 1px #3e3e3e!important;
		color: #fff!important;
	}
	.homebannerform textarea {
		font-weight: 300!important;
		font-size: 14px!important;
		padding: 4px 10px!important;
		border: none!important;
		border-bottom: solid 1px #3e3e3e!important;
		background-color: rgb(255 255 255 / 05%)!important;
		color: #fff!important;
		height: 150px!important;
}
	.homebannerform .submit-wrap input {
		background-color: var(--colourA)!important;
		width: 100%!important;
		text-transform: uppercase;
		font-weight: 600!important;
		letter-spacing: 2px;
		border: none!important;
	}
	.homebannerform .nf-error.field-wrap .nf-field-element:after {
		display: none!important;
	}
	.homebannerform .nf-error-msg {
		font-size: 14px!important;
		margin-top: -6px;
	    line-height: 18px!important;
	}
}

@media (min-width: 1220px) {
	.homebannerform {
		width: 344px;
	}
}


.nf-pass.field-wrap .nf-field-element:after {
	display: none;
}



.reviewssection .vc_tta-panels-container {
    max-width: 700px;
    margin: 0px auto;
}

.reviewssection .wpb_single_image {
    margin-bottom: 0px;
}
.reviewssection .wpb_single_image img {
	width: 50%;
}
.reviewssection p {
    color: black;
    font-size: 16px!important;
    text-align: center;
}
.reviewssection h3 {
	text-align: center;
    color: var(--colourA);
    font-size: 17px;
    margin-bottom: 0px;
}
.reviewssection h5 {
    margin-top: 0px!important;
    text-align: center;
    color: #666666;
    font-style: italic;
}

.reviewssection .vc_pagination-color-black.vc_pagination-style-outline .vc_active .vc_pagination-trigger {
    background-color: #df2900;
    border-color: #ff2f00;
}




.accordion-style01 {
    max-width: 960px;
    width: 95%;
    margin: 20px auto;
}

.accordion-style01 .vc_tta-panel-heading .vc_tta-controls-icon::before,
.accordion-style01 .vc_tta-panel-heading .vc_tta-controls-icon::after{
    border-color: var(--colourA)!important;
}

.accordion-style01 .vc_tta-panel-title>a {
    background: #000!important;
    background: linear-gradient(0deg, black, #151515)!important;
    color: #fff!important;
    border: none!important;
}
.accordion-style01 .vc_tta-panel-heading {
	border: none!important
}
.accordion-style01 .vc_active .vc_tta-panel-title>a {
    background: var(--colourA)!important;
    color: #fff!important;
}

.accordion-style01 .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before {
    border-color: #fff!important;
}

.accordion-style01 .vc_tta-panel .vc_tta-panel-body {
    background-color: transparent!important;
    border: none!important;
    padding: 26px 24px 40px!important;
}



.accordion-style01 .vc_tta-panel .vc_tta-panel-body a {
    color: var(--colourA);
    font-weight: 600!important;
    text-decoration: none;
}
#toprowhome h2 {
    color: var(--colourA)!important;
}
#btmrow h2, #btmrow a {
    color: var(--colourA)!important;
}
#btmrow .wpb_text_column {
    padding: 0px 20px;
}


.getaquote2202 a {
    background-color: var(--colourA);
    color: #fff;
    text-decoration: none;
    font-weight: 600!important;
    font-size: 19px!important;
    padding: 7px 22px;
    border-bottom: solid 3px #a12307;
}

.generalreqaquotebtn {
	text-align: center;
}
.generalreqaquotebtn a {
	background-color: #ff2f00;
    background-color: var(--colourA);
    color: #fff;
    font-weight: 600!important;
    padding: 6px 14px 9px;
    text-decoration: none;
    font-size: 20px!important;
    border-radius: 100px;
}



.gridsection_new_outer {
    max-width: 854px;
    display: flex;
    margin: 0px auto;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.gridsection_vc_row .wpb_wrapper > h2 {
    text-align: center;
    font-weight: 400;
    font-size: 32px;
    color: #262626;
}

.grid_content {
    width: 240px;
    height: 230px;
    margin: 16px;
    background-color: #e9e9e9;
    display: flex;
    vertical-align: top;
    text-align: center;
    justify-content: flex-end;
    flex-direction: column;
    border-radius: 10px;
    overflow: hidden;
    background-size: cover;
    background-position: 50% 50%;
}
.grid_content h4 {
    margin: 0px 0px;
    padding: 8px 10px;
    background-color: #ff2f00;
    background-color: var(--colourA);
    color: #fff;
    font-weight: 600;
}





/* Discount Banner Code */



#discount_banner a {
    background-color: #fff;
    color: #ff2f00;
    color: var(--colourA);
    text-decoration: none;
    display: block;
    max-width: 152px;
    margin: 14px auto 0px;
    border-radius: 20px;
    padding: 4px 16px;
}
#discount_banner {
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: 270px;
    background-color: #ff2f00;
    background-color: var(--colourA);
    z-index: 12345678;
    color: #fff;
    padding: 32px 26px 14px;
    font-size: 15px;
    font-weight: 600;
    line-height: 25px;
}
#discount_banner_close {
	width: 22px;
    position: absolute;
    top: 8px;
    right: 8px;
    font-size: 0;
    line-height: 0;
    padding: 4px;
    cursor: pointer;
    box-sizing: content-box;
}
#discount_banner_close svg {
    width: 100%;
    height: auto;
}
#discount_banner_close svg line {
    stroke: #ffffff;
}




.mincalloutfee_services {
	color: #9d9d9d;
    font-style: italic;
    font-weight: 600!important;
    font-size: 14px!important;
}
.mincalloutfee_services_star {
	color: #ff2f00;
    color: var(--colourA);
    font-size: 17px;
    font-weight: 600;
}
.mincalloutfee_services_light {
	color: #000000;
    font-style: italic;
    font-weight: 600!important;
    font-size: 14px!important;
}

.center-accordion {
    width: 80%;  /* Adjust as needed */
    margin: 0 auto;
}