/*
Theme Name: Custom

*/


body{font-family: "Roboto", sans-serif;color:#59656E;}
h1,h2,h3,h4,h5,h6{font-family: "Playfair Display", serif;font-weight: 700;color:#59656E;}
p:empty{margin:0;}
a{color: #aad068;}
a:hover{color:inherit;}

.top-bar{padding:15px 0;background:#59656E;}
.top-bar *{color: #fff;}
.top-quote .btn {padding: 14px;text-align: center;min-width: 250px;}
.top-cta {font-size: 26px;display: flex;align-items: center;justify-content: end;}
.top-cta i{font-size: 2.5rem;}
#top-phone {list-style: none;padding: 0;font-size: 19px;font-weight: bold;}
#top-phone a{font-weight:bold;color: #aad068;}
.navbar-bg{padding:15px 0;background:#59656E;}
#main-menu{width:100%;}
.navbar-bg *{color:#fff;}
.navbar-bg a {color: #fff !important;}
.navbar-bg .dropdown-menu a {color: #4e4c4c !important;}
.navbar-bg a:hover {color: #ACCE51 !important;}
/*
.navbar-bg span {
  color: #fff;
  padding-left: 15px;
  font-size: 25px;
}
.navbar-bg span.mtxt {
  font-size: 22px;
  padding-left: 0;
}
.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  top: 0;
  left: 0;
  background-color:rgba(89, 101, 110,0.9);
  overflow-x: hidden;
  transition: 0.5s;
  z-index: 9999;
}

.overlay-content {
  position: relative;
  top: 20%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #fff;
  display: block;
  transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
  color: #ACCE51;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}*/
.hp-slider .slide {
background-repeat: no-repeat;
background-size: cover;
height: 633px;
background-position: center;
padding: 15px;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.hp-slider .slide-1 {background-image: url(imgs/slide1.jpg);}

.cta-bar{margin-top:-45px;}
.cta-bar a{font-size:28px;}
.ctabg1{border-right:2px solid #707070;}
.ctabg1,.ctabg2{background:#F8F8F8;padding:30px !important;}
.ctabg1 a,.ctabg2 a{color:#59656E !important;}
.ctabg3{background:#ACCE51;padding:30px !important;}
.ctabg3 a{color:#fff !important;display: flex;align-items: center;justify-content: center;}
.ctabg3 i{font-size:2.5rem;}

.txtc1{color:#59656E !important;}
.txtc2{color:#ACCE51 !important;}
.hp-title{font-size:40px;}
.sub-title{font-size:28px;color:#ACCE51 !important;}
.txti{font-size:3rem;}

.btn-primary,.send{background-color:#ACCE51 !important;border-color:#ACCE51 !important;color:#fff !important;}
.btn-secondary{background-color:#59656E !important;border-color:#59656E!important;color:#fff !important;}
.btn-white{background-color:#fff !important;border-color:#fff !important;color:#59656E !important;}
.btn,.send{border-radius:0 !important;}
.btn:hover,.send:hover {
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5);
}

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

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-block-paving:before {
  content: "\e900";
}
.icon-patios:before {
  content: "\e901";
}
.icon-arrow-right:before {
  content: "\e902";
}
.icon-arrow-right2:before {
  content: "\e903";
}
.icon-imprinted-concrete:before {
  content: "\e904";
}
.icon-certificate:before {
  content: "\e905";
}
.icon-checklist:before {
  content: "\e906";
}
.icon-driveway:before {
  content: "\e907";
}
.icon-landscaping:before {
  content: "\e908";
}
.icon-mail:before {
  content: "\e909";
}
.icon-people:before {
  content: "\e90a";
}
.icon-phone:before {
  content: "\e90b";
}
.icon-tick:before {
  content: "\e90c";
}
.icon-tick2:before {
  content: "\e90d";
}
.icon-decking:before {
  content: "\e90e";
}
.icon-approval:before {
  content: "\e90f";
}


.hpsec1{padding:125px 0;}
.cta-wrap {padding:0 30px 30px;background: #fff;margin-bottom: 50px;text-align:center;}
.icon-wrap i {font-size: 3rem;}
.cta-wrap h3{margin:20px 0;font-size:24px;}
.cta-wrap *{color:#59656E;}
.cta-more{font-size:20px;font-family: "Playfair Display", serif;font-weight:700;margin-top: 20px;}
.cta-more i{font-size: 2rem;color:#ACCE51;}
.hpsec2,.hpsec3{padding:100px 0;}
.hpsec3{background:#F8F8F8;margin-top:100px;}
.hpsec4{background:#F8F8F8;padding:50px 0;}
.hpsec4 h4{font-weight:700;font-size:18px;margin-bottom:0;}
.pb-100{padding-bottom:150px !important;}
.hpsec4 i{font-size:3rem;color:#59656E !important;}
.hpsec5{padding:150px 0;}
.hpsec5 h2{font-size:36px;}
.hpsec5 h4{font-size:28px;}
.hp-imgdiv{background:url(imgs/hp-imgdiv.jpg) no-repeat center;background-size:cover;height:680px;}
.hpsec6 {padding: 150px 0;}
.hp-formbg{background: #59656E;padding:50px;}
.hp-formbg *{color:#fff;}
.hp-contact-form-holder ::placeholder {
color: #fff !important;
}
.hp-contact-form-holder .wpcf7 input[type="text"],
.hp-contact-form-holder .wpcf7 input[type="email"],
.hp-contact-form-holder .wpcf7 input[type="tel"],
.hp-contact-form-holder .wpcf7 select {
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid #fff;
border-radius: 0;
background: #59656E !important;
padding-left: 0;
color: #fff !important;
margin-bottom: 30px;
}
.hp-contact-form-holder select.servicetype {
color: #fff !important;
background: #59656E !important;
}
.hp-contact-form-holder .wpcf7-submit {
display: inline-block !important;
max-width: 300px !important;
background: #ACCE51 !important;
color: #fff !important;
border-color: #ACCE51 !important;
border-radius:0 !important;
}
.hp-contact-form-holder .wpcf7-spinner {display: none;}
.hpsec7-txtbg1{background: #ACCE51;font-size: 20px;}
.hpsec7-txtbg2{background: #59656E;font-size: 20px;}
.hpsec7-txtbg3{background: #F8F8F8;}
.hpsec7-txtbg1 *,.hpsec7-txtbg2 *{color:#fff;}
.hpsec7-txtbg1 h4,.hpsec7-txtbg2 h4,.hpsec7-txtbg3 h4{font-size:36px;}
.hpwhy-txt{margin-bottom:20px;text-align: left;}
.hpwhy-txt i{font-size:2.5rem;}
.hpsec8{padding:150px 0;}
.hpsec8-list{font-size:20px;text-align: left;}
.hpsec8-list li {display: flex;align-items: center;margin-bottom: 20px;color:#59656E;}
.hpsec8-list i{font-size:2rem;margin-right:20px;}

.footer {padding: 20px 50px 50px;background: #F8F8F8;}
.footer h4{font-size:24px;margin:30px 0 15px;}
.footer a{color:inherit;}
.foot-social a {display: inline-block;margin: 0 5px;font-size: 23px;color:#ACCE51;}
.footer-bottom {padding: 20px 0;background: #59656E;}
.footer-bottom *{color: #fff;}
.inner-sec1{padding:100px 0 !important;}
.section-white {background: #fff;padding: 50px 0;}
.section-primary {background: #59656E;padding: 40px 0;}
.section-primary * {color: #fff;}
.section-secondary {background: #ACCE51;padding: 50px 0;}
.section-secondary * {color: #fff;}
.section-lightgrey {background: #eee;padding: 50px 0;}
.wrapper {padding: 70px 0;}
.updated {display: none;}
.published.updated {display: inline;}
#recent-posts-2 a,#categories-2 a,h2.entry-title a {color: inherit;}
.g-recaptcha {display: inline-block;transform: scale(0.77);-webkit-transform: scale(0.77);transform-origin: 0 0; -webkit-transform-origin: 0 0;}
.banner-overlay {position: relative;}
.banner-overlay *{color:#fff;}
.banner-overlay::before {content: "";position: absolute;background: rgba(0,0,0,0.7);top: 0;left: 0;right: 0;bottom: 0;}
.inner-bg{background:url(imgs/hpsec3-img1.jpg) no-repeat center;background-size:cover;height:450px;}
.intitle{font-size: 2rem;margin-bottom: 30px;}
.checkatrade {background: #59656e;padding: 30px;}
.checkatrade * {color: #fff;}
.page-item.active .page-link{background: #ACCE51 !important;border-color: #ACCE51 !important;color: #fff !important;}
.page-item .page-link{color: #59656e !important;}
.txt-field,.txtarea-field{margin-bottom:15px;}
.txtarea-field{height:100px;}

#breadcrumbs {display: none;}

/***************************** MEDIA *******************************/
@media screen and (min-width: 992px) {
.hpsec2-work .col-lg-6 {padding-left: 20px !important;padding-right: 20px !important;}
.hpsec2-work {padding: 0 50px;}
.hpsec2-bg {background: #f8f8f8;position: relative;margin-right: -100px;z-index: 2;padding:50px 80px 80px 50px;}
.hpsec3 img {object-fit: cover;margin-top: 60px;}
.hbdr {border-right: 8px solid #ACCE51;}
.hp-formbg {margin-top: -450px;}
.hpsec8-list,.simple-sitemap-page{column-count: 3;}
.hpsec4 i{margin-right:30px !important;}
.hps5-p1{padding-right:80px !important;}
.hps5-p2{padding-left:80px !important;}
.hpsec7-txtbg1,.hpsec7-txtbg2,.hpsec7-txtbg3{padding:70px !important;}
}

@media screen and (max-width: 991px) {
.hp-title{font-size:32px;}
.hpsec1,.hpsec2,.hpsec3,.hpsec5,.hpsec6,.hpsec8{text-align:center;}
.hpsec6 {padding:0 0 100px;}
.hpsec6-txt {padding-top: 100px;}
.hpwhy-txt{justify-content: center;}
.hpsec8-list,.simple-sitemap-page{column-count: 2;}
.hpsec7-txtbg1,.hpsec7-txtbg2,.hpsec7-txtbg3{padding:50px !important;}
}

@media screen and (max-width: 767px) {
.top-bar .btn{margin-top:15px;}
.top-cta{font-size:20px;margin-top:20px;justify-content: center;}
.overlay a{font-size:26px;}
.hpsec3{margin-top:0;}
.hpsec2-bg{margin-bottom:100px;}
.hpsec4{padding:0 0 70px;}
.hpsec4 h4{margin-top:10px;}
.hpsec4 .col-md-auto {margin-bottom: 30px;text-align: center;}
.hpsec8-list,.simple-sitemap-page{column-count: 1;}
.cta-bar {margin-top:0;}
.footer {padding: 20px 0 50px;text-align: center;}
.footer-bottom{text-align: center;}
}