/*
Theme Name: Custom

*/

html{scroll-behavior: smooth;}
body{font-family: "Poppins", sans-serif;color:#060606;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-weight: 700;color:#060606;}
p:empty{margin:0;}
a{color: #060606;}
a:hover{color:inherit;}


.top-bar{background:#060606;padding:20px 0;}
.top-cta{font-size:25px;display:inline-block;font-weight: 500;}
.top-bar *{color:#d5d5d5;}
.navbar-bg{background:#d5d5d5;padding:15px 0;}
#mega-toggle-block-1::before {margin-right: 15px !important;}
.mega-menu-link:hover,.mega-indicator {color: #d5d5d5 !important;}
#mega-toggle-block-1:hover:before,#mega-toggle-block-1:hover span {color: #060606 !important;cursor:pointer;}

.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:#060606 !important;}
.txtc2{color:#d5d5d5 !important;}
.hp-title{font-size:40px;}
.sub-title{font-size:28px;color:#060606 !important;}
.txti{font-size:3rem;}

.btn-primary,.send{background-color:#060606 !important;border-color:#060606 !important;color:#fff !important;}
.btn-secondary{background-color:#d5d5d5 !important;border-color:#d5d5d5!important;color:#060606 !important;}
.btn-white{background-color:#fff !important;border-color:#fff !important;color:#060606 !important;}
.btn,.send{border-radius:10px !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);
}

.hpsec1,.hpsec2,.hpsec4{padding:100px 0;}
.hpsec2{background: #060606;}
.hpsec2 *{color:#fff;}
.cta-wrap {padding: 30px;background: #d5d5d5;margin-top: 50px;border-radius:10px}
.cta-wrap *{color:#060606;}
.icon-wrap {width: 80px;height: 80px;border-radius: 50%;background: #060606;text-align: center;margin: -70px 0 20px;}
.icon-wrap i {font-size: 3rem;color: #d5d5d5;line-height: 80px;}
.cta-wrap h3{font-size:20px;font-weight:400;}

.hppack-box{margin-top: 50px;}
.hppack-title {padding: 10px;text-align: center;color: #fff;background: #060606;font-size: 23px;font-weight: 500;margin-bottom: 0;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.hppack-txt {padding: 20px;background: #e9e9e9;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.hppack-txt h4 {font-size: 19px;}
.mymore-btn{font-weight:bold;color:#666;}

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?2bi53n');
  src:  url('fonts/icomoon.eot?2bi53n#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?2bi53n') format('truetype'),
    url('fonts/icomoon.woff?2bi53n') format('woff'),
    url('fonts/icomoon.svg?2bi53n#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icomoon-icon-"], [class*=" icomoon-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;
}

.icomoon-icon-feedback:before {
  content: "\e90b";
}
.icomoon-icon-map-pin:before {
  content: "\e90c";
}
.icomoon-icon-twitterx:before {
  content: "\e108";
}
.icomoon-icon-twitterx1:before {
  content: "\e109";
}

.hp-formbg{background: #f8f8f8;padding:50px;}
.hp-formbg2{background: #d5d5d5;padding:50px;}
.hp-formbg2 *{color:#060606;}
.hp-formbg2 i{font-size:3rem;display: inline-block;}
.hp-contact-form-holder ::placeholder {
color: #060606 !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 #060606;
border-radius: 0;
background: 0 0;
padding-left: 0;
color: #060606 !important;
margin-bottom: 30px;
}
.hp-contact-form-holder .servicetype select {
color: #060606 !important;
background: #f8f8f8 !important;
}
.hp-contact-form-holder .wpcf7-submit {
display: inline-block !important;
width: 343px !important;
background: #060606 !important;
color: #fff !important;
border-color: #060606 !important;
margin-top:30px;
}
.hp-contact-form-holder .wpcf7-spinner {
display: none;
}

.hpsec4 img {height: 255px;object-fit: cover;width: 100%;}

.footer {padding: 20px 0 50px;background: #060606;}
.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: #d5d5d5;padding: 20px 0;}
.footer-bottom *{color: #060606;}
.footer-bottom p {margin-bottom: 0;}
.section-white {background: #fff;padding: 50px 0;}
.section-primary {background: #060606;padding: 50px 0;}
.section-primary * {color: #fff;}
.section-secondary {background: #d5d5d5;padding: 50px 0;}
.section-secondary * {color: #060606;}
.section-lightgrey {background: #eee;padding: 50px 0;}
.g-recaptcha {display: inline-block;transform: scale(0.77);-webkit-transform: scale(0.77);transform-origin: 0 0; -webkit-transform-origin: 0 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;}
.txtarea-field{height:100px;}
.txt20{font-size:20px;}
.mb30{margin-bottom:30px;}
.ewd-ufaq-faq-title-text h4 {font-size: 18px;}

.inner-bg{background:url(imgs/inner-bg.jpg) no-repeat center;background-size:cover;height:450px;}
.inner-bg *{color:#fff;text-shadow: 0 2px 10px #000;}

/***************************** MEDIA *******************************/
@media screen and (min-width: 992px) {
.imgfit{height:100%;width:auto;object-fit:cover;}
.hp-formbg{padding:100px 150px;}
.cta-wrap{display: flex;justify-content: center;flex-direction: column;}

}

@media screen and (max-width: 991px) {
.hp-title{font-size:32px;}
.hpsec2{text-align:center;}
.hpsec2 ul{list-style:inside;padding: 0;}
.hpsec2 img {margin-top: 50px;}
}

@media screen and (max-width: 767px) {
.hpsec3,.hpsec4,.footer{text-align:center;}
.hp-contact-form-holder .wpcf7-submit{width:auto !important;}
}