/*
Theme Name: Custom

*/


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

.navbar-bg{padding:20px 0;background:#09488B;}
.navbar-bg *{color: #fff;}
.top-cta {font-size: 26px;display: flex;align-items: center;}
.top-cta i{font-size: 3rem;}
#top-phone a:hover {
  color: #0dca88;
}
#top-phone {list-style: none;padding: 0;}
.navbar-bg span {
  color: #fff;
  padding-left: 15px;
  font-size: 25px;
}
.navbar-bg span.mtxt {
  font-size: 28px;
  padding-left: 0;
}
.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  top: 0;
  left: 0;
  background-color:rgba(9, 72, 139,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: #05895B;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}
.hp-slider .slide {
background-repeat: no-repeat;
background-size: cover;
height: 700px;
background-position: center;
padding: 50px;
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(9,72,139,0.87);padding:50px;}
.banner-box *{color:#fff;}
.banner-box .bnr-subtitle{font-size:22px;}
.banner-box .bnr-title{font-size:38px;}
.txtc1{color:#09488B !important;}
.txtc2{color:#05895B !important;}
.hp-title{font-size:40px;}
.sub-title{font-size:28px;color:#05895B !important;font-weight:400;}
.txti{font-size:3rem;}

.btn-primary,.send{background-color:#09488B !important;border-color:#09488B !important;color:#fff !important;}
.btn-secondary{background-color:#05895B !important;border-color:#05895B!important;color:#fff !important;}
.btn-white{background-color:#fff !important;border-color:#fff !important;color:#09488B !important;}
.btn,.send{border-radius:0 !important;min-width: 228px;text-align: center;}
.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?cwzf8q');
  src:  url('fonts/icomoon.eot?cwzf8q#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?cwzf8q') format('truetype'),
    url('fonts/icomoon.woff?cwzf8q') format('woff'),
    url('fonts/icomoon.svg?cwzf8q#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-moisture:before {
  content: "\e900";
}
.icon-open-door:before {
  content: "\e901";
}
.icon-phone:before {
  content: "\e902";
}
.icon-tick:before {
  content: "\e903";
}
.icon-water-drop:before {
  content: "\e904";
}


.hpsec1{background:#f8f8f8;padding:140px 0 90px;}
.ctabg1{background:#B91C2E !important;}
.ctabg2{background:#09488B !important;}
.ctabg3{background:#05895B !important;}
.ctabg1 *,.ctabg2 *,.ctabg3 *{color:#fff;}
.cta-wrap {padding: 30px 90px 30px 30px;margin-bottom:80px;position:relative;}
.cta-wrap::after {content: "";position: absolute;bottom: 0;right: 0;border: 65px solid #f8f8f8;border-top-color: transparent;border-left-color: transparent;}
.icon-wrap i {font-size: 3rem;color: #fff;}
.cta-wrap h3{margin:15px 0;font-size:24px;}
.cta-wrap h3::after {content: "";display: block;height: 1px;width: 70px;background: #fff;margin-top:5px;}
.hpsec2{padding:140px 0;}
.hpsec3-bg1{background:#f8f8f8;padding:90px !important;}
.hp-formbg{background:url(imgs/hp-formbg.jpg) no-repeat center;background-size:cover;padding: 130px 110px;}
.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: 0 0;
padding-left: 0;
color: #fff !important;
margin-bottom: 30px;
}
.hp-contact-form-holder .servicetype select {
color: #fff !important;
background: #09488B !important;
}
.hp-contact-form-holder .wpcf7-submit {
display: inline-block !important;
max-width: 300px !important;
background: #05895B !important;
color: #fff !important;
border-color: #05895B !important;
border-radius:0 !important;
}
.hp-contact-form-holder .wpcf7-spinner {display: none;}
.hpsec4{padding:200px 0;}
.hpsec4-list{font-size:20px;text-align: left;}
.hpsec4-list li {display: flex;margin-bottom: 20px;color: #09488B;}
.hpsec4-list i{font-size:2rem;margin-right:20px;}
.hpsec5{background:url(imgs/hp-testi.jpg) no-repeat center;background-size:cover;padding:100px 0;}
.hpsec5 *{color:#fff;}
#sp-testimonial-free-1403 {margin-bottom: 0;}
#sp-testimonial-free-1403 .testimonial-nav-arrow{transform:none !important;}
.hpsec6{padding:150px 0;}
.hpsec7{padding-bottom:100px;}
.hpsec7-bg1{background: #B91C2E;padding: 80px;}
.hpsec7-bg2{background: #05895B;padding: 80px;}
.hpsec7-bg1 *,.hpsec7-bg2 *{color:#fff;}
.hpsec7-bg2 .btn{color:#05895B !important;}

.footer {padding: 20px 50px 50px;background: #F8F8F8;}
.footer *{color:#09488B;}
.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:#05895B;}
.footer-bottom {padding: 20px 0;background: #09488B;}
.footer-bottom *{color: #fff;}
.inner-sec1{padding:100px 0 !important;}
.section-white {background: #fff;padding: 50px 0;}
.section-primary {background: #09488B;padding: 50px 0;}
.section-primary * {color: #fff;}
.section-secondary {background: #05895B;padding: 50px 0;}
.section-secondary * {color: #fff;}
.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;}
.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{height:300px;background-size:cover;background-repeat:no-repeat;background-position:center;}
.inner-bg *{color:#fff;}
.inb30{margin-bottom:30px;}

/***************************** MEDIA *******************************/
@media screen and (min-width: 992px) {
.hp-slider-wrap{position:relative;}
.banner-box{position:absolute;bottom:100px;right:50px;}
.hpsec2-img1{height:276px;object-fit:cover;}
.hpsec2-img2{height:569px;object-fit:cover;}
.hp-formbg {position: relative;z-index: 2;margin: 150px 0 150px -110px;max-width: 550px;}
.hpsec3-bg1{padding-right:200px !important;}
.hpsec4-list{column-count:2;}
.hpsec4-list li{margin-bottom:50px;}
.hpsec5{height:465px;}
}

@media screen and (max-width: 991px) {
.banner-box{text-align:center;background: #09488B;}
.hp-title,.banner-box .bnr-title {font-size: 32px;}
.cta-wrap {padding-right: 30px;}
.cta-wrap:after,.hpsec5 br{display:none;}
.cta-wrap h3::after {margin-left: auto;margin-right: auto;}
.hpsec1,.hpsec3,.hpsec4,.hpsec5,.hpsec6{text-align: center;}
.hpsec3-bg1{padding:100px 50px !important;}
.hpsec4{padding:100px 0;}
.hpsec4-list li br {display: none;}
.hpsec4-list{column-count:2;}
}

@media screen and (max-width: 767px) {
.top-cta {justify-content: center;margin-bottom: 26px;}
.navbar-bg img {margin-bottom: 26px;}
.overlay a{font-size:26px;}
.banner-box{padding:50px 30px;}
.mpad0{padding:0 !important;}
.hpsec1 .mpad0 p {padding: 0 15px;}
.hpsec4-list{column-count:1;}
.hp-formbg,.hpsec7-bg1,.hpsec7-bg2{padding:100px 50px;}
.footer,.footer-bottom{text-align: center;}
.hp-slider .slide { height:600px;}
.hpsec2{padding:80px 0;}
.btn-mob {margin-bottom: 90px !important;}
.hpsec6 {padding: 80px 0;}
.hp-choose { min-height: 280px;}
}