/*
Theme Name: Custom

*/


body{font-family: 'Roboto', sans-serif;color:#BFCBCB;}
h1,h2,h3,h4,h5,h6{color:#4271AD;font-weight:500;}
p:empty{margin:0;}
a{color: #4271AD;}
a:hover{color:inherit;}
.top-bar{padding:15px 0;background:#fff;}
.top-cta a{font-size:34px;color:#C72027;font-weight: bold;}
.navbar-bg{padding:15px 0;background: #4271AD;}
.navbar-bg span{font-size:25px;color:#fff;}
.navbar-bg span.mtxt {font-size: 22px;}
.overlay {height: 100%;width: 0;position: fixed;top: 0;left: 0;background-color:rgba(66, 113, 173, 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;}
.overlay a:hover, .overlay a:focus {color: #C72027;}
.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);}
.banner-txt {background: rgba(32,76,140,0.8);padding: 40px 70px;border-radius: 70px;}
.banner-txt h3{font-size:36px;color:#fff;margin-bottom:30px;}
.hp-title{font-size:45px;margin-bottom:30px;}
.hp-bdr{background:#C72027;height: 3px;width: 136px;margin-bottom:30px;display: inline-block;}
.txt-red{color:#C72027;}
.txt-blue{color:#4271AD;}

.btn{border-radius: 15px !important;padding: 12px !important;min-width: 225px;}
.btn-primary,.btn-primary:active,.send,.hp-contact-form-holder .wpcf7-submit:hover,.btn-white:hover {color: #fff !important;background-color: #C72027 !important;border-color: #C72027 !important;}
.btn-secondary,.btn-secondary:active,.btn-primary:hover,.btn-white2:hover,.send:hover {color: #fff !important;background-color: #4271AD !important;border-color: #4271AD !important;}
.btn-white,.btn-white:active {color: #4271AD !important;background-color: #fff !important;border-color: #fff !important;}
.btn-white2,.btn-white2:active {color: #C72027 !important;background-color: #fff !important;border-color: #fff !important;}
.btn-secondary:hover{opacity:0.8;}
 

.hpsec1,.hpsec3{padding:100px 0;}
.hpsec2{padding:80px 0;}
.cta-wrap {background: #fff;padding:50px 30px;text-align: center;border-radius: 70px;-webkit-box-shadow: 10px 10px 10px #4271AD;box-shadow: 10px 10px 10px #4271AD;}
.cta-wrap h3{font-size:26px;margin:20px 0;font-weight: 500;}
.cta-wrap i {font-size: 3rem;color: #4271AD !important;}
.cta-wrap i.icon-rarrow {color: #C72027 !important;}
.cta-wrap:hover{background:#4271AD;}
.cta-wrap:hover i,.cta-wrap:hover h3{color: #fff !important;}
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?e8hgiw');
  src:  url('fonts/icomoon.eot?e8hgiw#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?e8hgiw') format('truetype'),
    url('fonts/icomoon.woff?e8hgiw') format('woff'),
    url('fonts/icomoon.svg?e8hgiw#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-blueprint:before {
  content: "\e900";
}
.icon-bath:before {
  content: "\e901";
}
.icon-tools:before {
  content: "\e902";
}
.icon-3d:before {
  content: "\e904";
}
.icon-rarrow:before {
  content: "\e903";
}

.hpsec3 h2{font-weight:bold;}
.hp-formbg {background: #4271AD;padding: 100px;}
.hp-formbg *{color:#fff;}
.hp-formimg {background: url(imgs/hpsec3-img.jpg) no-repeat center;background-size: cover;min-height: 600px;}
.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;
padding-left: 0;
color: #fff !important;
margin-bottom: 30px;
background: #4271AD !important;
}
.hp-contact-form-holder .wpcf7-submit {
border-radius: 15px !important;
display: inline-block !important;
width: 268px !important;
background: #fff !important;
color: #4271AD !important;
border-color: #fff !important;
}
.hp-contact-form-holder .wpcf7-spinner {display: none;}

.hpsec5{padding:100px 0;background:url(imgs/hpsec5-bg.jpg) no-repeat center;background-size:cover;}
.hpsec5 p,.hpsec6 .sp-testimonial-content p{font-size:20px;}
.hpsec5 *,.hpsec7 *{color:#fff;}
.hpsec6{padding:100px 0;}
.hp-tetiqut::before {font: normal normal normal 18px/1 FontAwesome;  content: "\f10d"; color: #4271AD; font-size:20px; display: block;text-align: left;}
.hp-tetiqut::after {font: normal normal normal 18px/1 FontAwesome;  content: "\f10e"; color: #4271AD; font-size:20px;display: block; text-align: right;}
.hp-tetiqut #sp-testimonial-free-409 {margin: 0 30px;}
.hpsec7{padding:100px 0;background:#C72027;margin-bottom:100px;}
.hpsec7 p{font-size:22px;}

.footer-facebook,.footer-instagram,.footer-twitter {text-align: center;padding: 30px;background: #fff;color: #4271AD;}
.social-footer .fa {font-size: 30px;color: #4271AD;}
.footer {padding: 50px 0;color: #4271AD;background: #fff;}
.footer h4 {margin-bottom: 15px;font-size: 22px;color: #4271AD;font-weight:bold;}
.footer a {color: #4271AD;}
.footer a:hover {color: inherit;}
.copy-footer {background: #4271AD;padding: 20px 0;color: #fff;}
.copy-footer a {color: #fff;}

.inner-bg{background:url(imgs/inner-bg.jpg) no-repeat center;background-size:cover;height:450px;}
.inner-bg *{color:#fff;}
.section-white {background: #fff;padding: 50px 0;}
.section-primary {background: #4271AD;padding: 50px 0;}
.section-primary *,.section-secondary * {color: #fff;}
.section-secondary {background: #C72027;padding: 50px 0;}
.section-lightgrey {background: #eee;padding: 50px 0;}
.section-lightgrey *{color: #4271AD;}
.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;}
.cont-form label{color: #4271AD;}
.txtarea-field{height:100px;}
.lp-box {padding: 20px;border-radius: 15px;box-shadow: 0px 0px 10px #ddd;}
.lp-box i {color: #4271ad;}

/***************************** MEDIA *******************************/
@media screen and (min-width: 992px) {
.cta-wrap{width:230px;margin:auto;}
}

@media screen and (max-width: 991px) {
.hp-slider .slide {padding: 15px;}
.hp-title ,.banner-txt h3{font-size: 32px;}
.hpsec2{padding-bottom:50px;}
.cta-wrap {width: 230px;margin: 0 auto 50px;}
}
@media screen and (min-width: 768px) {
.img-bdr{border-radius:70px;}
}
@media screen and (max-width: 767px) {
.top-cta {margin-top: 10px;}
.hp-slider .slide {height:380px;}
.hpsec1 img {margin-top: 100px;}
.mnpad{padding:0;}
.hpbar{padding:30px 0;background: #204c8c;}
.hpbar h3{font-size:26px;color: #fff;margin-bottom: 30px;}
.hpsec1,.hpsec6,.hpsec7,.footer,.copy-footer{text-align:center;}
.hp-formbg {padding: 50px;}
.footer h4{margin-top:30px}
.hpsec7{margin-bottom:70px}
}