*, html, body {
margin:0;
padding:0;
}
body {
background:#fff;
font-size:16px;
color:#666666;
  font-family: 'Roboto', sans-serif;
}
ul li {
text-decoration:none;
list-style:none;
  font-family: 'Roboto', sans-serif;
}
a {
text-decoration:none;
 font-family: 'Roboto', sans-serif;
}
a:hover{ color:#066dff;transition: all 0.5s ease;}


p{ color:#4d4e4f; font-size:16px; font-weight:300; font-family: 'Roboto', sans-serif;line-height:22px; margin:0; padding:0;}
li{ color:inherit; font-size:15px;font-family: 'Montserrat', sans-serif;}
span{ color:#f05323;}
.cookie-notice-container span{color:inherit;}
h4{color: #ff8811;font-size: 22px;margin: 10px 0px 10px 0px;}
h3{color: #ff8811;font-size: 26px;margin: 10px 0px 10px 0px;}

.noleft{ margin-left:0px; padding-left:0px;}
.noright{ margin-right:0px; padding-right:0px;}
.gap0{ height:0px !important; width:100%; clear:both;}
.gap5{ height:5px !important; width:100%; clear:both;}
.gap10{ height:10px !important; width:100%; clear:both;}
.gap15{ height:15px !important; width:100%; clear:both;}
.gap20{ height:20px !important; width:100%; clear:both;}
.gap30{ height:30px !important; width:100%; clear:both;}
.gap40{ height:40px !important; width:100%; clear:both;}
.gap50{ height:50px !important; width:100%; clear:both;}
.gap60{ height:60px !important; width:100%; clear:both;}
.gap70{ height:70px !important; width:100%; clear:both;}
.gap80{ height:80px !important; width:100%; clear:both;}
.gap90{ height:90px !important; width:100%; clear:both;}
.gap100{ height:100px !important; width:100%; clear:both;}

.noboder{ border:none !important;}
.nomrgpad{ margin:0 !important; padding:0 !important;}
.setting-row { margin: 0 !important; padding: 0 !important; }
.img-center{ display:inline-block;}

#post-596 header h6 {display: none;}
#post-621 header h6 {display: none;}
#post-628 header h6 {display: none;}
#post-630 header h6 {display: none;}
#post-632 header h6 {display: none;}
#post-634 header h6 {display: none;}
#post-638 header h6 {display: none;}
#post-636 header h6 {display: none;}
#post-675 header h6 {display: none;}



/************************************************/
header{position: relative;float: left;width: 100%;}
.nav-main{ background:#0a0a3c !important; float:left; width:100% !important; padding:15px 0px; text-align:center;}
.topleft{ float:left;}
.topleft ul{ margin:0; padding:0;}
.topleft li{color:#1b3154;}
.topleft a{color:#fb6830;}

.toprt{ float: right;}
.toprt ul{ margin:0; padding:0;}
.toprt li{color:#1b3154; text-align:right;}
.toprt a{color:#fb6830;}
.body-part{float:left;}
.body-part p{ margin-bottom:15px;}

.logomain{ width:100%; text-align:center;}
.logosec{background: #fff;width: 200px; position: absolute;top: 8px;left: 42%;padding: 10px 0px 10px 0px;border-bottom-left-radius: 4px;    border-bottom-right-radius: 4px; z-index:999;}
.logosec h2{ color:#0a0a3c; font-weight:bold; margin:0; font-size:38px;}
.logosec h4{ color:#0a0a3c; font-weight:300; margin:0; font-size:16px;}
.logosec p{ color:#0a0a3c;font-family: 'Roboto', sans-serif; font-weight:300; margin:0; font-size:16px;}

.logosec  a{ color:#fff; font-weight:bold;font-size:20px; }
.logosec2{ display:none;}

.navbar-default .navbar-nav > li > a:hover{ opacity:0.6;}

.main-banner{ float:left; width:100%; background:url(https://www.stanleysroofingandbuilding.co.uk/wp-content/uploads/2018/02/banner.jpg) no-repeat top center; background-size:cover; padding:0px 0px 150px 0px;}
.bannerin{ width:100%; text-align:center;}
.bannerin .top-title{ color: #fff;font-size: 34px;font-weight: 500;}	
.bannerin p{font-family: 'Roboto', sans-serif;  color:#fff; font-size:16px;}

.logosec2{ display:none;}

.servicesec{ float:left; width:100%; padding:10px 10px 0px 10px; background:#0a0a3c; height:432px;}
.servicesec h3{color:#fff; font-size:34px; margin:20px 0px 20px 0px;}
.serviclist{ padding:0px 15px;}
.serviceimg{ border:1px solid #FFF; padding:10px;}
.serviclist h4{ font-size:20px; color:#fff;font-family: 'Montserrat', sans-serif;}
.serviclist p{ font-size:15px; color:#fff;font-family: 'Montserrat', sans-serif;}

.service-right{  padding:0px 0px 0px 15px;}
.service-rightin{ width:100%; height:175px; padding:20px;  background:#fff; border:2px solid #0a0a3c; float:left;}
.service-rightin h3,.service-rightin h3 a{color:#0a0a3c; font-weight:700; font-size:34px; margin:10px 0px 10px 0px;}
.service-rightin p{font-family: 'Roboto', sans-serif; color:#555; }

.reviewsec{ height:242px;} 
.reviewsec-in{ width:100%; padding:10px 10px 0px 10px;  background:#efefef; float:left;}
.reviewsec h3{color:#0a0a3c; font-size:34px; margin:10px 0px 10px 0px; font-weight:700;}
.reviewsec p{font-family: 'Roboto', sans-serif; color:#555; margin-bottom:10px; font-weight:500;}

.mapsec{ background:url(https://www.stanleysroofingandbuilding.co.uk/wp-content/uploads/2018/02/map-bg.jpg) no-repeat; height:390px; padding:20px 40px; float:left; width:100%; background-size:cover;	}
.mapsec h3{ color:#fff; margin:0; text-align:center; font-size:34px;}
.mapsec p{ font-family: 'Roboto', sans-serif; color:#fff;  font-weight:500; margin:3px; }
.mapsec a{ color:#fff; font-weight:500; font-family: 'Roboto', sans-serif;}

.footlink li a {
    color: 
#fff;}

.abtsec{ background:#efefef; padding:10px; height:390px;}
.abtsec h3,.abtsec h2{color:#0a0a3c; font-size:34px; margin:10px 0px 10px 0px;}
.abtsec p{font-family: 'Roboto', sans-serif; color:#555; margin-bottom:10px; line-height:26px; font-weight: 300;}


.newsec{ background:#fb6830;float:left; width:100%; height:345px;}
.newsin{ background:#fb6830; padding:0px 10px 3px 10px; height: auto;}
.newsin h4{ color:#fff; font-family: 'Montserrat', sans-serif; font-size:24px;}
.newsin p{font-family: 'Roboto', sans-serif; color:#fff;}

.gallery{ background: url(https://www.stanleysroofingandbuilding.co.uk/wp-content/uploads/2018/02/gallery.jpg) no-repeat; background-size:cover;padding:70px 0px; height:345px; text-align:center;height:345px;}
.gallery h3,.gallery h3 a{ margin:0px 0px 40px 0px; color:#fff; font-size:34px; }

.hmcontact{ background:#0a0a3c; height:345px; padding:30px 20px; text-align:center;}
.hmcontact h3{color:#fff; font-size:34px; margin:10px 0px 10px 0px;}
.hmcontact p{font-family: 'Roboto', sans-serif; color:#fff; margin-bottom:10px; font-weight:500;}


.footerbg{  background:#0a0a3c; float:left; width:100%; padding:20px;}
.footlink{ float:left; width:100%;}
.footlink ul{ margin:0; padding:0;}
.footlink li{ margin:0; padding:0; list-style-type:none; color:#fff; line-height:24px; font-weight:500;font-family: 'Montserrat', sans-serif; }

.footlink2{ width:100%; }
.footlink2 ul{ margin:0;float:left; padding:0;}
.footlink2 li{ margin:0; padding:0 5px; list-style-type:none; float:left;  }

.foot-contact{ width:100%; margin-top:5px; float: right;}
.foot-contact a{ float:right; color:#fff;font-weight:500;font-family: 'Montserrat', sans-serif; }
.foot-contact a:hover{ color:#f05323;}

.foot-email{ width:100%; margin-top:5px; float: right;}
.foot-email a{ float:right; color:#fff;font-weight:500;font-family: 'Montserrat', sans-serif; }
.foot-email a:hover{ color:#f05323;}

.footerbg{ color:#fff; float: left; width: 100%;}
.footerbg a{ color:#fff; line-height: 25px;}
.footerbg span{ color:#fff;}

.footer-copy{  background:#060636; padding: 20px;}


.orange-bg  { background:#ff8810; width: 100%; padding: 15px 0px;}
.orange-bg h3{ color:#fff;}
.orange-bg p{ color:#fff;}

/******** Innerpage *********/

.bluegrid { background: #0a0a3c; width: 100%; float: left; color: #fff; }
.bluegrid h3{ color:#fff; font-size:26px;}
.bluegrid h4{ color:#fff;font-size:22px;}
.bluegrid p{ color:#fff;}
.bluegrid a{ color:#fff;} 
.inner ul{ margin:0; padding:0;}
.inner li{font-family: 'Roboto', sans-serif;  color:#555; font-size:16px; list-style-type:circle; line-height:30px; list-style:inside;}

.inner2 ul{ margin:0; padding:0;}
.inner2 li{font-family: 'Roboto', sans-serif;  color:#fff; font-size:16px; list-style-type:circle; line-height:30px; list-style:inside;}

.orangegrid { background: #ff8811; width: 100%; float: left; color: #fff;}
.orangegrid h3{ color:#fff;font-size:26px;}
.orangegrid h4{ color:#fff;font-size:22px;}
.orangegrid p{ color:#fff;}
.orangegrid a{ color:#fff;} 

.innerhd h1{ color:#fff !important;}
.innerhd span{ color:#fff !important;}
.innerhd a{ color:#fff !important;}

.abt-bg{float:left;background: url(https://www.stanleysroofingandbuilding.co.uk/wp-content/uploads/2018/01/abt-bg.jpg) no-repeat;background-size: auto auto;width: 100%;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;padding: 8% 0% 1%;}

.paving-bg{float:left;background: url(https://www.stanleysroofingandbuilding.co.uk/wp-content/uploads/2018/01/paving-bg.jpg) no-repeat;background-size: auto auto;width: 100%;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;padding: 8% 0% 1%;}

.roof-bg{float:left;background: url(https://www.stanleysroofingandbuilding.co.uk/wp-content/uploads/2018/01/roof-bg.jpg) no-repeat;background-size: auto auto;width: 100%;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;padding: 8% 0% 1%;}

.harpenden-bg{float:left;background: url(https://www.stanleysroofingandbuilding.co.uk/wp-content/uploads/2018/01/harpenden-bg.jpg) no-repeat;background-size: auto auto;width: 100%;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;padding: 8% 0% 1%;}

.dunstable-bg{float:left;background: url(https://www.stanleysroofingandbuilding.co.uk/wp-content/uploads/2018/01/dunstable-bg.jpg) no-repeat;background-size: auto auto;width: 100%;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;padding: 8% 0% 1%;}

.specialroof-bg{float:left;background: url(https://www.stanleysroofingandbuilding.co.uk/wp-content/uploads/2018/01/specialroof-bg.jpg) no-repeat;background-size: auto auto;width: 100%;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;padding: 8% 0% 1%;}

.roofing-albansbg{float:left;background: url(https://www.stanleysroofingandbuilding.co.uk/wp-content/uploads/photo-gallery/imported_from_media_libray/roof-bg.jpg) no-repeat center;width: 100%;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;padding: 8% 0% 1%;}

.contact-bg{float:left;background: url(https://www.stanleysroofingandbuilding.co.uk/wp-content/uploads/2018/01/contact-bg.jpg) no-repeat;background-size: auto auto;width: 100%;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;padding: 8% 0% 1%;}

.gallery-bg{float:left;background: url(https://www.stanleysroofingandbuilding.co.uk/wp-content/uploads/2018/01/gallery-bg.jpg) no-repeat;background-size: auto auto;width: 100%;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;padding: 8% 0% 1%;}

.latestnews-bg{float:left;background: url(https://www.stanleysroofingandbuilding.co.uk/wp-content/uploads/2018/01/latestnews-bg.jpg) no-repeat;background-size: auto auto;width: 100%;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;padding: 8% 0% 1%;}

.simple-sitemap-page li {list-style: outside;}

/*************** Contact Page ***********************/

div.wpcf7-validation-errors{ float:left;}
div.wpcf7-mail-sent-ok{ float:left;}
.text-fild2 {width:100%;margin: 5px 0px;padding-left: 10px;height: 38px;background: rgba(0,0,0,0.10); border:none;font-style: italic;color: #000;font-size: 12px;}
.textarea-fild2 {width:100%;margin: 5px 0px;padding-left: 10px;height: 38px;background: rgba(0,0,0,0.10);
border:none;font-style: italic;color: #000;height: 80px !important;font-size: 12px;}
div.wpcf7-validation-errors{ float:left;}
div.wpcf7-mail-sent-ok{ float:left;}
.send {background: #ff8811 none repeat scroll 0 0;border: medium none;color: #fff;cursor: pointer; font-size: 17px; padding: 10px 40px;}
.send:hover {background: #0a0a3c none repeat scroll 0 0;color: #fff;}

.faq-sec{ margin: auto; width: 55%; margin-bottom: 30px;}

.default-theme.wp-posts-carousel .wp-posts-carousel-container{ background:#fb6830 !important; height:345px !important; }
.default-theme.wp-posts-carousel .wp-posts-carousel-slide{ margin:0px !important; padding:0px !important; width:100% !important;}
.default-theme.wp-posts-carousel .wp-posts-carousel-image{ padding:0px !important; }
.default-theme.wp-posts-carousel .wp-posts-carousel-container{ padding:0px !important; }
.wp-posts-carousel-title a{ color:#fff !important; text-align:left !important;}
.wp-posts-carousel-desc{ color:#fff !important; line-height:20px !important; font-size: 15px !important;text-align:left !important;}
.default-theme.wp-posts-carousel .wp-posts-carousel-image img {
    display: block; margin: 0 auto; width: auto; height: 125px; width: 100% !important;}
.screen-reader-text{ display:none !important;}


/*********************** Latest News ****************/
.updated{ display:none;}
.author{ display:none;}
.meta-nav{ display:none;}
.entry-date{ padding:0 10px;}
.post{ margin-bottom:20px;}
h2.post-title {font-size: 36px;}

.hm-content {
	float: left;
	padding: 15px 15px;
	background-color: #f3f3f3;
	text-align: center;
  margin:0 15px;
}
.footlink span{color:#fff;}

.g-recaptcha {display: inline-block;transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}

.published.updated {display: inline-block;}

.header-box {  background:#0000009e; width:70%; padding: 30px; border: 4px solid #5555558a; }
.header-box li{ background: url(https://www.stanleysroofingandbuilding.co.uk/wp-content/uploads/2019/12/arrow.png) no-repeat; font-size:20px; color:#e2e2e2; line-height: 32px; padding-left: 32px;}
.header-box h3{  background:#ea790b; color:#fff; font-weight: bold; text-align: center; line-height: 40px;
text-transform: uppercase;}
.patios-list li {color: inherit;list-style: inside url(https://www.stanleysroofingandbuilding.co.uk/wp-content/uploads/2019/12/arrow.png);line-height: 30px;float: left;min-width: 320px;}

.well-pic{ float: left;
background: url(https://www.stanleysroofingandbuilding.co.uk/wp-content/uploads/2020/02/well-pic.jpg) repeat;
width: 100%;
padding:7% 0%;}
.orange-bar{ background: #ff8810; width: 100%; padding: 20px 0px;}
.orange-bar h2{ color:#fff;}
.orange-bar p{ color:#fff;}
.contact-button {
background: #131313;
padding: 12px 35px;
color: #fff;
border-radius: 25px;
margin-top: 15%;
float: left; }

/*************************Form css******************************************/
.text-fild {
    width:100%;
    margin: 5px 0px;
    padding-left: 10px;
    height: 38px;
    background: rgba(255,255,255,0.60);
    border:none;
    font-style: italic;
    color: #000;
    font-size: 12px;
}
.textarea-fild {
    width:100%;
    margin: 5px 0px;
    padding-left: 10px;
    height: 38px;
    background: rgba(255,255,255,0.60);
    border:none;
    font-style: italic;
    color: #000;
    height: 80px !important;
    font-size: 12px;
}
div.wpcf7-validation-errors{ float:left; color: #fff;}
div.wpcf7-mail-sent-ok{ float:left; color: #fff;}

.send {
    background: #ea790b;
    border: medium none;
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    padding: 10px 40px;
}
.send:hover {
    background: #d46c07;
    color: #fff;
}
.quick-form{ background:#0000009e;
width:100%;
padding: 20px;
border: 4px solid #5555558a;}
.quick-form h3 {
    color:#fff;
text-align: center;}

.roofing-form {
  margin: 25px 0;
}
.roofing-form input {
  margin: 8px 0px;
}
.roofing-form textarea {
  margin: 8px 0px;
}


.patios-fild { background: #e4e4e4; border-radius: 20px; padding:10px 20px; width: 100%; border: none;}
.patiosarea-fild{ background: #e4e4e4; border-radius: 20px; padding:10px 20px; width: 100%; height: 43px; border: none;}
.patios-send{ background: #0a0a3c; border-radius: 20px; padding:12px 20px; width: 100%; border: none; color: #fff;}
.btn-cta {background: #0a0a3c;padding: 12px 35px;color: #fff;border-radius: 25px;display: inline-block;}
.btn-cta:hover{background: #ff8810;color: #fff;}
.roof-ctabg {background: url(https://www.stanleysroofingandbuilding.co.uk/wp-content/uploads/2018/01/harpenden-img2.jpg) no-repeat center;
background-size: cover;padding: 50px 0 !important;width: 100%;float: left;position: relative;}
.roof-ctabg::before {content: "";position: absolute;background: rgba(0, 0, 0, 0.6);top: 0;width: 100%;height: 100%;}
.roof-ctabg *{color:#fff;}


/************************  MEDIA QUERY   ***************************/




@media (min-width: 1100px) and (max-width: 1300px) {
.nav > li{ padding:0px 5px;}
.mapsec, .abtsec{ height:430px;}
}

@media (min-width: 1200px) and (max-width: 1280px) {
.servicesec{ height:445px;}
.reviewsec{ height:256px;}
}

@media (max-width: 1200px) {
}

@media (min-width: 990px) and (max-width: 1200px) {
.mapsec, .abtsec{ height:480px;}
.service-rightin h3{ font-size:28px;}
.servicesec{ height:455px !important;}
.reviewsec{ height:265px !important;}
.checktradealign{ width:240px !important;}
.trustraderalign{ width:140px !important;}

}

@media (min-width: 800px) and (max-width: 1100px) {
.nav > li{ padding:0px 5px;}
}

@media (max-width: 1100px) {
.logosec{ left:39%;}

}

@media (max-width: 989px) {
.navbar-nav{ text-align:center; float:none;}
.bnrgapalign980{ height:10px !important;}
.logomain{ display:none;}
.logosec2{ display:block;}
.logosec2 h2{ margin:0; color:#fff;}
.logosec2 h4{ margin:0; color:#fff;}
.navbar-default .navbar-nav > li > a{ text-indent:10px; text-align:left;}
.nav > li img{ width:20px; float:left; margin:0;}
.servicealign{ padding:0px 15px !important; }
.servicesec{ margin-bottom:15px !important; height:auto !important; padding-bottom:20px;} 
.service-right{  padding:0px 15px;}
.abtalign{ padding:0 15px !important; margin-bottom:15px !important;}
.gallery-align{ padding:0px 15px !important; margin:15px 0px !important;}
.mapsec, .abtsec{ height:auto;}
}


@media (max-width: 780px) {
.acridimg{ margin-bottom:20px;}
.no-gap{ height:0px !important;}
.mapsec{ height:auto !important;}


}
@media (max-width: 768px) {
.serviclist{ margin-bottom:20px;}
.newsec{ text-align:center;}
  .footlink{ text-align:center;}
  .foot-contact, .foot-contact a{ text-align:center; float:none;}
  .footlink2{margin: 10px 0px; float:left;}
  .footlink2 ul{margin: 0;padding: 0;width: 100%;text-align: center;}
  .footlink2 li{margin: 0;padding: 0 5px;list-style-type: none;float: left;display: contents;}
  .foot-email{ text-align:center;}
  .foot-email a{ font-size:13px;}
  .foot-email a{display:contents;}
  .faq-sec{  width:100%;}
}

@media (max-width: 560px) {
.maxonsmall{ width:100% !important;}
.mapsec{ background-size:cover;}
.bannerin .top-title{ font-size:24px;}
.bannerin p{ font-size:14px;}
.checktradealign{ width:100%;}
.trustraderalign{ width:100%;}
.service-rightin{ height:auto;}
.reviewsec{ height:auto;}
  .topleft{ width:100%; text-align:center;}
   .toprt{ float:none !important; width:100%; text-align:center;}
  .toprt li{text-align:center;}
.footerbg li {line-height: 40px;}
.footlink2 li {margin-right: 10px;display: inline-block;}
.header-box { width:100%;}
}


@media (max-width: 460px) {

}

@media (max-width: 360px) {
}