/*
Theme Name: Custom

*/
@font-face {
    font-family: 'Source Sans Pro';
    src: url('fonts/SourceSansPro-Semibold.woff2') format('woff2'),
        url('fonts/SourceSansPro-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('fonts/SourceSansPro-It.woff2') format('woff2'),
        url('fonts/SourceSansPro-It.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('fonts/SourceSansPro-Regular.woff2') format('woff2'),
        url('fonts/SourceSansPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('fonts/SourceSansPro-Bold.woff2') format('woff2'),
        url('fonts/SourceSansPro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('fonts/SourceSansPro-Light.woff2') format('woff2'),
        url('fonts/SourceSansPro-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

body{font-family: 'Source Sans Pro';color:#939A9A;}
h1,h2,h3,h4,h5,h6{font-family: 'Source Sans Pro';font-weight: normal;color:#939A9A;}
p:empty{margin:0;}
a{color: #F7D047;}
a:hover{color:inherit;}
.navbar-bg span{font-size:25px;}
.navbar-bg span.mtxt {font-size: 22px;}
.top-bar {background: #000; padding: 15px 0;}
.top-bar *{ color: #fff;}
.navbar-bg {background: #fff; padding: 15px 0;}
.navbar-bg *{ color: #000;}
.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  top: 0;
  left: 0;
  background-color:rgba(0, 0, 0, 0.84);
  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;
  font-family: 'Vollkorn';
}

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

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}


.hp-slider .slide {
background-repeat: no-repeat;
background-size: cover;
height: 600px;
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);}

.hp-title{font-size:40px;}
.title-border {
border-top: 2px solid #939A9A;
width: 250px;
margin-top: 15px;
margin-bottom: 50px;
}
.hp-bar{padding:30px 0;background:#F7D047;}
.hp-bar *{color:#fff;}
.btn{border-radius:10px !important;padding: 6px 50px;}
.btn-primary,.send{background-color:#000 !important;border-color:#000 !important;color:#fff !important;}

.hpsec1,.hpsec3{padding:100px 0;}
.hpsec2 {padding: 50px 0;}
.cta-wrap {
background: #fff;
padding: 30px;
border-radius: 20px;
margin-bottom: 100px;
-webkit-box-shadow: 10px 10px 10px rgba(0,0,0,.16);
box-shadow: 10px 10px 10px rgba(0,0,0,.16);
}
.icon-wrap i {
font-size: 4rem;
color: #000;
}
.cta-wrap h3 {
color: #000;
font-size: 26px;
margin-top: 25px;
padding-bottom: 25px;
min-width: 60px;
max-width: 100%;
display: inline-block;
}
.cta-arrow {font-size: 50px;width: 100%;display: block;color: #F7D047;font-weight: bold;}
.hp-get-quote {background: url(imgs/hp-formimg.jpg) no-repeat center;background-size:cover;min-height:740px;}
.hp-contact-form *{color:#fff;}
.hp-contact-form-holder {background: #000;padding:100px 120px;}
.hp-contact-form-holder select { background: #000 !important; }

.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="date"],
.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: #000 !important;
}
.hp-contact-form-holder .wpcf7-submit {
display: inline-block !important;
width: 270px !important;
background: #F7D047 !important;
color: #fff !important;
border-color: #F7D047 !important;
padding: 6px 50px !important;
border-radius:10px !important;
margin-top:30px;
}
.hp-contact-form-holder .wpcf7-spinner {
display: none;
}
.mb-30{margin-bottom:30px;}
.hp4-bg1{background:#000;padding:30px;}
.hp4-bg2{background:#F7D047;padding:30px;}
.hp4-bg1 h4,.hp4-bg2 h4{color:#fff;}

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?7dug0u');
  src:  url('fonts/icomoon.eot?7dug0u#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?7dug0u') format('truetype'),
    url('fonts/icomoon.woff?7dug0u') format('woff'),
    url('fonts/icomoon.svg?7dug0u#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-quote:before {
  content: "\e900";
}
.icon-commercial:before {
  content: "\e902";
}
.icon-domestic:before {
  content: "\e903";
}
.icon-long-right:before {
  content: "\e901";
}

.footer{padding:50px 0;background:#000;}
.footer *,.inner-bg *{color:#fff;}
.foot-social a {display: inline-block;margin-right: 10px;font-size: 24px;}
.txtarea-field{height:100px;}
.inner-bg{background:url(imgs/inner-bg.jpg) no-repeat center;background-size:cover;height:400px;}
.intb{border-top: 1px solid #eee;}
.section-white {background: #fff;padding: 50px 0;}
.section-primary {background: #F7D047;padding: 50px 0;}
.section-primary *,.section-secondary * {color: #fff;}
.section-secondary {background: #939A9A;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;}
.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) {
.imgbdr{border-radius:20px;}
}

@media screen and (max-width: 991px) {
.hp-title{font-size:32px;}
.hp-get-quote {min-height: 400px;}
.hp-contact-form-holder {padding: 40px;}
.mobt50{margin-top:30px;}
}

@media screen and (max-width: 767px) {
.top-cta{margin-top:20px;}
.hp-bar .btn{margin-top:30px;}
.hpsec1, .hpsec3{text-align:center;}
.title-border{display: inline-block;}
.mbp-0{padding:0;}
.hpsec3 img{margin-top:50px;}
}