/*
Theme Name: Custom

*/

body{font-family: "Josefin Sans", sans-serif;color:#525252;font-weight: 400;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-weight: 700;color:#333;}
p:empty{margin:0;}
a{color: #1f72b7;}
a:hover{color:inherit;}

.top-bar{padding:20px 0;background:#1f72b7;}
.top-bar *{color: #fff;}
.navbar-bg{padding:20px 0;background:#fff;border-bottom: 1px solid rgba(0,0,0,0.3);}
.navbar-bg span {
  color: #1f72b7;
  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(31, 114, 183,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: #0e5c9d;
}

.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);}
.banner-box{background:rgba(0,0,0,0.7);padding:20px;}
.banner-box *{color:#fff;}
.txtc1{color:#1f72b7 !important;}
.txtc2{color:#0e5c9d !important;}
.hp-title{font-size:40px;}
.txti{font-size:3rem;}

.btn-primary{background-color:#1f72b7 !important;border-color:#1f72b7 !important;color:#fff !important;}
.btn-secondary{background-color:#0e5c9d !important;border-color:#0e5c9d!important;color:#fff !important;}
.btn-white{background-color:#fff !important;border-color:#fff !important;color:#1f72b7 !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?b5ei1x');
  src:  url('fonts/icomoon.eot?b5ei1x#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?b5ei1x') format('truetype'),
    url('fonts/icomoon.woff?b5ei1x') format('woff'),
    url('fonts/icomoon.svg?b5ei1x#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-domestic:before {
  content: "\e900";
}
.icon-commercial:before {
  content: "\e901";
}
.icon-new-roofs:before {
  content: "\e902";
}
.icon-repairs:before {
  content: "\e903";
}
.icon-pound:before {
  content: "\e904";
}
.icon-certificate:before {
  content: "\e905";
}
.icon-checklist:before {
  content: "\e906";
}
.icon-facebook:before {
  content: "\e907";
}
.icon-instagram:before {
  content: "\e908";
}
.icon-people:before {
  content: "\e909";
}
.icon-twitterx:before {
  content: "\e90a";
}
.icon-arrow-right:before {
  content: "\e90b";
}

.hpbar{background:#1f72b7;padding:30px 0;}
.hpbar *{color:#fff;}
.hpsec1{background:#f8f8f8;padding:150px 0 100px;}
.cta-wrap {padding: 30px;background: #fff;margin-bottom: 50px;}
.icon-wrap i {font-size: 3rem;color: #0e5c9d;}
.cta-wrap h3{margin:15px 0;font-size:24px;}
.cta-wrap h3::after {content: "";display: block;height: 3px;width: 70px;background: #1f72b7;margin-top:5px;}
.cta-wrap p{color:#525252;}
.hpsec2{padding:100px 0;}
.cta-wrap2{margin-top:50px;padding:50px 30px;margin-bottom: 0;background: #1f72b7;min-height: 383px;}
.cta-wrap2 *{color: #fff !important;}
.cta-wrap2 h4{margin:50px 0 20px;}
.hpget-btn{display:flex;align-items:center;justify-content:center;}
.hpget-btn i{font-size:2rem;}
.hp-imgdiv{background:url(imgs/hp-imgdiv.jpg) no-repeat center;background-size:cover;height:680px;}

.hp-formbg{background: #fff;padding:50px;}
.hp-formbg2{background: #1f72b7;padding:50px;}
.hp-formbg2 *{color:#fff;}
.hp-formbg2 i{font-size:3rem;}
.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: 0 0;
padding-left: 0;
color: #fff !important;
margin-bottom: 30px;
}
.hp-contact-form-holder .servicetype select {
color: #fff !important;
background: #1f72b7 !important;
}
.hp-contact-form-holder .wpcf7-submit {
display: inline-block !important;
width: auto !important;
background: #fff !important;
color: #1f72b7 !important;
border-color: #fff !important;
border-radius:0 !important;margin-top:30px;
}
.hp-contact-form-holder .wpcf7-spinner {display: none;}
.hp-formbg {background: #fff;padding: 50px;margin-top: 100px;}
.hp-testi{padding:100px 0;background: #f8f8f8;margin-top:100px;}
.hpsec4{padding:150px 0;}
.hpsec4 img{width:300px;height:300px;object-fit:cover;margin-top:50px;}
.hpsec5 {padding-top: 100px;}
.hpsec5-bg1{background: #f8f8f8;padding: 100px;}
.hpsec5-bg2{background: #1f72b7;padding: 100px;}
.hpsec5-bg2 * {color: #fff;}
.hp-social li{margin-bottom: 50px;}
.hp-social li:last-child {margin-bottom:0;}

.footer {background: #1f72b7;padding: 20px 0 50px;}
.footer *,.copy-footer *{color: #fff !important;}
.footer h4{margin:30px 0 15px;font-size: 18px;}
.foot-plist li{margin-bottom:10px;}
.copy-footer {background: #0e5c9d;padding: 15px 0;}

.txt34{font-size:34px;}
.txt20{font-size:20px;}
.mb30{margin-bottom:30px;}
.section-white {background: #fff;padding: 50px 0;}
.section-primary {background: #1f72b7;padding: 50px 0;}
.section-primary *,.section-secondary * {color: #fff;}
.section-secondary {background: #0e5c9d;padding: 50px 0;}
.section-lightgrey {background: #eee;padding: 50px 0;}
.wrapper {padding: 50px 0;}
.updated {display: none;}
.published.updated {display: inline;}
#recent-posts-2 a,#categories-2 a,h2.entry-title a {color: inherit;}
.banner-overlay{position:relative;}
.banner-overlay:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);}
.banner-overlay *{color:#fff;}
.inner-bg{background:url(imgs/hpimg2.jpg) no-repeat center;background-size:cover;height:450px;}
.txt-field,.txtarea-field{margin-bottom:15px;}
.txtarea-field{height:100px;}
.send{background: #0e5c9d !important;border-color: #0e5c9d !important;color: #fff !important;border-radius: 0 !important;}
.g-recaptcha {display: inline-block;transform: scale(0.77);-webkit-transform: scale(0.77);transform-origin: 0 0; -webkit-transform-origin: 0 0;}

/***************************** MEDIA *******************************/
@media screen and (min-width: 992px) {
.hp-formbg2 {margin-top: -230px;}
.hp-formbg {margin-bottom: -100px;position: relative;z-index: 2;}
}

@media screen and (max-width: 991px) {
.banner-box h1,.hp-title {font-size: 32px;}
.hpsec1,.hpsec2,.hp-formbg2 h2,.hp-formbg,.hpsec5-bg1,.hpsec5-bg2{text-align:center;}
.cta-wrap h3::after{margin-left: auto;margin-right: auto;}
.cta-wrap2 h4 br{display:none;}
.hpsec4 img{height:250px;}
.hpsec5-bg1,.hpsec5-bg2{padding:100px 50px;}
.hp-social li{margin:0 5px;display:inline-block;}
}

@media screen and (max-width: 767px) {
.top-quote{margin-top:20px;}
.navbar-bg{padding-bottom:0;border-bottom:0;}
.mobnavbg{margin-top:20px;background:#1f72b7;padding: 10px 0;}
.navbar-bg .mobnavbg span{color:#fff;}
.overlay a{font-size:26px;}
.navbar-bg,.footer,.copy-footer{text-align:center;}
.hpbar a {display: block;}
.mpad0{padding:0 !important;}
.hpsec1 .mpad0 h2,.hpsec1 .mpad0 p{padding:0 15px;}
}