/*
Theme Name: Custom

*/
body{font-family: 'Inter', sans-serif;color:#A7A7AA;}
h1,h2,h3,h4,h5,h6{font-weight: 500;color:#494C51;}
p:empty{margin:0;}
a{color: #DE7D03;}
a:hover{color:inherit;}
.top-cta i{color:#DE7D03;font-size:3rem;}
.top-cta {font-size:28px;display:flex;justify-content:center;align-items:center;}
.tpcall li{font-size:20px;}
.tpcall a:hover{color: #DE7D03;}
.navbar-bg{background:#494C51;padding: 15px 0;}
.navbar-bg *{color: #fff;}
.navbar-bg span {
  color: #fff;
  padding-left: 15px;
  font-size: 35px;
}
.navbar-bg span.mtxt {
  font-size: 22px;
  padding-left: 0;
}
.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  top: 0;
  left: 0;
  background-color:rgba(73, 76, 81,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: 24px;
  color: #fff;
  display: block;
  transition: 0.3s;
}

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

.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);}

.txtc1{color:#494C51 !important;}
.txtc2{color:#DE7D03 !important;}
.hp-title{font-size:40px;}
.sub-title{font-size:22px;}

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?aizkyv');
  src:  url('fonts/icomoon.eot?aizkyv#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?aizkyv') format('truetype'),
    url('fonts/icomoon.woff?aizkyv') format('woff'),
    url('fonts/icomoon.svg?aizkyv#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-analytics:before {
  content: "\e900";
}
.icon-approved:before {
  content: "\e902";
}
.icon-concrete-mixer:before {
  content: "\e903";
}
.icon-heating-room:before {
  content: "\e904";
}
.icon-long-right:before {
  content: "\e901";
}
.our-services{padding:100px 35px 0;}
.hp-services{padding:50px 35px;position: relative;}
.cta-wrap{padding:45px 30px;text-align:left;margin-bottom:50px;border-radius: 20px;box-shadow: 10px 10px 15px rgba(73, 76, 81, 0.16),5px 5px 10px rgba(73, 76, 81, 0.16) inset;background:#fff;}
.cta-wrap h3{font-size:26px;margin:30px 0 10px;}
.cta-wrap p {color: #A7A7AA !important;}
.cta-wrap i{font-size: 3rem;color: #DE7D03 !important;}
.cta-wrap i.icon-long-right{color: #494C51 !important;}
.icon-wrap {position: relative;}
.icon-wrap i {position: relative;z-index: 2;background: #fff;padding-right: 20px;}
.cta-wrap:hover, .cta-wrap:hover i {background: #DE7D03;}
.cta-wrap:hover i, .cta-wrap:hover h3, .cta-wrap:hover p {color: #fff !important;}
.cta-wrap:hover .icon-wrap::after {background: #fff;}

.hpsec1{padding:100px 0;position:relative;}
.hpsec1::before {
  content: "";
  position: absolute;
  width: 359px;
  height: 373px;
  background: #F2F2F2;
  left: 0;
  top: 0;
  z-index: 0;
}
.hp-rsec2 {padding:100px 100px 0;background: #fff;border-radius: 50px;margin: 0 100px;position: relative;min-height: 350px;}
.txt-btn{font-size: 18px;font-weight: 500;color:#494C51 !important;}
.hp-contact-form {background: #F2F2F2;padding: 100px 0;}
.hp-contact-form-holder ::placeholder {
color: #494C51 !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 #494C51;
border-radius: 0;
background: 0 0;
padding-left: 0;
color: #494C51 !important;
margin-bottom: 30px;
}
.hp-contact-form-holder .servicetype select {
color: #494C51 !important;
background: #ebebeb !important;
}
.hp-contact-form-holder .wpcf7-submit {
display: inline-block !important;
width: auto !important;
min-width:230px;
background: #DE7D03 !important;
color: #fff !important;
border-color: #DE7D03 !important;
padding: 12px !important;border-radius:10px !important;
}
.hp-contact-form-holder .wpcf7-spinner {
display: none;
}
.hpsec2{padding:100px 0;}
.hp-latest-news-section{padding:100px 0;}
#wpls-logo-showcase-slider-1 img {width: 200px;height: auto;}
.hp-latest-news-section h2 {margin-bottom: 100px;}
.latest-news-wrapper .latest-post {border: 1px solid #BBBCC0;margin: 15px;border-radius:15px;overflow:hidden;}
.latest-news-wrapper .latest-post .news-img {position: relative;}
.latest-news-wrapper .latest-post .news-img img {width: 100%;max-width: 100%;height: 160px;object-fit: cover;}
.latest-news-wrapper .latest-post .news-img a {position: absolute;top: 0;left: 0;right: 0;bottom: 0;height: 100%;width: 100%;z-index: 1;background: #020202 .1;}
.latest-news-wrapper .latest-post .news-img .news-date-wrap {z-index: 2;color: #fff;position: absolute;top: 5px;left: 15px;font-weight: 800;}
.latest-news-wrapper .latest-post .news-img .news-date-wrap .date-day, .latest-news-wrapper .latest-post .news-img .news-date-wrap .date-month {display: block;line-height: 1;text-transform: uppercase;text-align: center;}
.latest-news-wrapper .latest-post .news-img .news-date-wrap .date-day {font-size: 32px;}
.latest-news-wrapper .latest-post .news-img .news-date-wrap .date-month {font-size: 18px;}
.latest-news-wrapper .latest-post .news-content {padding: 30px 15px;color: #A7A7AA;}
.latest-news-wrapper .latest-post .news-content h3 {font-size: 18px;color: #494C51;font-weight: 700;}

.btn{border-radius:10px !important;}
.btn-primary {color: #fff !important;background-color: #DE7D03 !important;border-color: #DE7D03 !important;min-width:200px;}
.btn-secondary {color: #fff !important;background-color: #494C51 !important;border-color: #494C51 !important;min-width:200px;}

.hpg-box1,.hpg-box2,.hpg-box3,.hpg-box4{padding: 50px;text-align: center;justify-content: center;min-height: 400px;}
.hpg-box1,.hpg-box3{background:#f2f2f2;}
.hpg-box2{background:url(imgs/hpg-img2.jpg) no-repeat center;background-size:cover;}
.hpg-box4{background:url(imgs/hpg-img4.jpg) no-repeat center;background-size:cover;}
.hpg-box2 *,.hpg-box4 *{color:#fff;}
.hp-Instagram,.hpsec4{padding:100px 0;}
.hpsec3{padding:100px 0;background:#f2f2f2;}

.social-footer{text-align:right;}
.footer-facebook,.footer-instagram,.footer-twitter,.footer-youtube{text-align:center;padding:30px;background:#494C51;color:#fff;}
.fa-facebook,.fa-instagram,.fa-twitter,.fa-youtube-play{font-size:30px!important;color:#fff;}
.footer{padding-left:50px;padding-top:50px;padding-bottom:50px;color:#fff;background:#494C51}
.footer h4{margin-bottom:15px;font-size:22px;}
.footer *,.footer-copyright *{color:#fff;}
.footer-bottom{background:#DE7D03;padding:20px 7px;}
.wrapper {padding: 50px 0;}
.updated {display: none;}
.published.updated {display: inline;}
#recent-posts-2 a,#categories-2 a,h2.entry-title a {color: inherit;}
.lp-box{border:1px solid #BBBCC0;border-radius:15px;overflow:hidden;}
.lp-img {height: 340px;overflow: hidden;}
.lp-img img {width: 100%;min-height: 360px;object-fit: cover;transition: 1s all ease-in-out;}
.lp-txt {padding: 20px !important;}
.lp-box:hover img{transform: scale(1.2);}
.lp-img .news-date-wrap {z-index: 2;color: #fff;position: absolute;top: 5px;left: 15px;font-weight: 800;}
.lp-img .news-date-wrap span {display: block;line-height: 1;text-transform: uppercase;text-align: center;}
.lp-img .date-month {font-size: 18px;}
.lp-img .date-day {font-size: 32px;}

.g-recaptcha {display: inline-block;transform: scale(0.77);-webkit-transform: scale(0.77);transform-origin: 0 0; -webkit-transform-origin: 0 0;}
.section-white {background: #fff;padding: 50px 0;}
.section-primary {background: #494C51;padding: 50px 0;}
.section-primary *,.section-secondary * {color: #fff;}
.section-secondary {background: #DE7D03;padding: 50px 0;}
.section-lightgrey {background: #eee;padding: 50px 0;}
.section-lightgrey * {color: #494C51;}
.txtarea-field{height:100px;}
.send {background: #DE7D03 !important;border-color:#DE7D03 !important;color: #fff !important;border-radius: 10px !important;}
.inner-bg{background:url(imgs/inner-bg.jpg) no-repeat center;background-size:cover;height:400px;position:relative;}
.inner-bg:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(73, 76, 81,0.75);}
.inner-bg *{color:#fff;}

/***************************** MEDIA *******************************/
@media screen and (min-width: 992px) {
.our-services {padding-bottom:25px}
.cta-wrap{width:270px;}
.servt{height:62px;}
.hbdr {border-right: 2px solid #494C51;}
.imgbdr {border-radius: 15px;}
}

@media screen and (max-width: 991px) {
.top-cta {font-size: 22px;}
.hp-title {font-size: 34px;}
.cta-wrap,.hp-rsec2,.hp-Instagram,.hpsec3,.hpsec4{text-align:center;}
}
@media (min-width:768px) {
.latest-news-wrapper .latest-post {max-width: calc(33.333% - 50px);margin:0 25px 25px;}
.latest-news-wrapper{padding:0 10px;}
.hpserv-div1 {background: #f2f2f2;height: 340px;position: absolute;bottom: 0;left: 0;right: 0;z-index: -1;}
.hpg-box1 {border-left: 3px solid #DE7D03;border-bottom: 3px solid #DE7D03;}
.hpg-box2 {border-right: 3px solid #DE7D03;border-bottom: 3px solid #DE7D03;}
.hpg-box3 {border-right: 3px solid #DE7D03;border-top: 3px solid #DE7D03;}
.hpg-box4 {border-left: 3px solid #DE7D03;border-top: 3px solid #DE7D03;}
}
@media screen and (max-width: 767px) {
.top-cta {margin: 20px 0;}
.overlay a{font-size:18px;}
.hp-slider .slide{height:350px;}
.hpsec1::before{display:none;}
.hpsec1{padding-top: 0;}
.hpsec1 .txt-btn {display: inline-block;margin-top: 30px;}
.hp-rsec2 {padding: 0;margin: 0;text-align: center;min-height: auto;}
.mobp-0{padding:0 !important;}
.hpsec4 img{margin-bottom:100px;}
.footer {padding-top: 20px;padding-left: 0;text-align: center;}
.footer h4{margin-top: 30px;}
.fa-twitter{margin-top: 30px;}
}