/*
Theme Name: Custom

*/

body{font-family: "Poppins", sans-serif;color:#1e1e1e;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-weight: 700;color:#001a4f;}
p:empty{margin:0;}
a{color: #001a4f;}
a:hover{color:inherit;}

.top-bar{padding:20px 0;background:#001a4f;}
.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: #001a4f;
  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(0, 26, 79,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: #517dd7;
}
.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: 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);}

.txtc1{color:#001a4f !important;}
.txtc2{color:#1e1e1e !important;}
.hp-title{font-size:40px;}
.sub-title{font-size:28px;color:#1e1e1e !important;}
.txti{font-size:3rem;}

.btn-primary,.send{background-color:#001a4f !important;border-color:#001a4f !important;color:#fff !important;}
.btn-secondary{background-color:#1e1e1e !important;border-color:#1e1e1e!important;color:#fff !important;}
.btn-white{background-color:#fff !important;border-color:#fff !important;color:#001a4f !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);
}

.hpwelcome{padding:100px 0; background:#f2f2f2;}
.hpsec1{padding:100px 0; background:#fff;}
.box-service,.whycho-box{margin-top:50px;}
.box-service h3 {font-size: 20px;}
.box-service i { font-size:3rem; color: #001a4f;}
.whycho-box {background: #001a4f;  padding:30px;}
.whycho-box h4 {font-size: 20px;margin:10px 0;}
.whycho-box i {font-size:3rem;}
.whycho-box *{color:#fff;}

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?ktoo18');
  src:  url('fonts/icomoon.eot?ktoo18#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?ktoo18') format('truetype'),
    url('fonts/icomoon.woff?ktoo18') format('woff'),
    url('fonts/icomoon.svg?ktoo18#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-quotes:before {
  content: "\e900";
}
.icon-insured:before {
  content: "\e901";
}
.icon-completion:before {
  content: "\e902";
}
.icon-builder:before {
  content: "\e903";
}
.icon-extension:before {
  content: "\e904";
}
.icon-garage:before {
  content: "\e905";
}
.icon-patios:before {
  content: "\e906";
}

.hpsec2{padding:100px 0;background:#f7f7f7;}
.hp-contact-form-holder ::placeholder {
color: #001a4f !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 #001a4f;
border-radius: 0;
background: 0 0;
padding-left: 0;
color: #001a4f !important;
margin-bottom: 30px;
}
.hp-contact-form-holder .servicetype select {
color: #001a4f !important;
background: #f7f7f7 !important;
}
.hp-contact-form-holder .wpcf7-submit {
display: inline-block !important;
width: auto !important;
background: #001a4f !important;
color: #fff !important;
border-color: #001a4f !important;
border-radius: 0 !important;
padding: 12px 50px !important;
}
.hp-contact-form-holder .wpcf7-spinner {
display: none;
}
.hpsec3{padding:100px 0;}

.footer {padding: 20px 0 50px;background: #001a4f;}
.footer h4 {margin: 30px 0 15px;font-size: 22px;}
.footer *{color: #fff;}
.foot-social a{display:inline-block;margin:0 5px;font-size:22px;}
.footer-bottom {background: #022160;padding: 20px 0;}
.footer-bottom *{color: #fff;}
.footer-bottom p {margin-bottom: 0;}
.section-white {background: #fff;padding: 50px 0;}
.section-primary {background: #001a4f;padding: 50px 0;}
.section-primary * {color: #fff;}
.section-secondary {background: #1e1e1e;padding: 50px 0;}
.section-secondary * {color: #fff;}
.section-lightgrey {background: #eee;padding: 50px 0;}
.mb30{margin-bottom:30px;}
.wrapper {padding: 50px 0;}
.updated {display: none;}
.published.updated {display: inline;}
#recent-posts-2 a,#categories-2 a,h2.entry-title a {color: inherit;}
.txt34{font-size:34px;}
.txt20{font-size:20px;}
.txt-field,.txtarea-field{margin-bottom:15px;}
.txtarea-field{height:100px;}
.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: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/inner-bg.jpg) no-repeat center;background-size:cover;height:450px;}


/***************************** MEDIA *******************************/
@media screen and (min-width: 992px) {
.imgfit{height:100%;object-fit:cover;}
.hpsec3 img{height:300px;object-fit:cover;}
}

@media screen and (max-width: 991px) {

}

@media screen and (max-width: 767px) {
.top-quote{margin-top:20px;}
.navbar-bg{padding-bottom:0;border-bottom:0;text-align: center;}
.mobnavbg{margin-top:20px;background:#001a4f;padding: 10px 15px;text-align:right;}
.navbar-bg .mobnavbg span{color:#fff;}
.overlay a{font-size:26px;}
.hp-slider .slide{height:450px;}
.hpsec1,.footer{text-align: center;}
.box-service h3{margin-top:15px;}
}