@charset "utf-8";
/* Header */
h1{font-family: 'Poppins', sans-serif; font-size: 50px; font-weight: 700; color: #24262a; line-height: 50px; margin: 30px 0;}
h1 > span{font-family: 'Roboto', sans-serif; font-weight: 700; color: #ff4223;}
h2{font-family: 'Poppins', sans-serif; font-size: 50px; font-weight: 400; color: #24262a; margin: 30px 0;}
h2 > span{font-family: 'Roboto', sans-serif; font-weight: 700; color: #656565;}
h3{ font-family: 'Roboto', sans-serif; font-size: 15px; font-style: italic; text-align: center; font-weight: 400; color: #595858; line-height: 24px;}
p{ font-family: 'Lato', sans-serif; font-size: 18px; font-weight: 400; color: #61656a; }
header{ padding:65px 0;}
.banner-area .row{display: block;}
.banner-area{
 background: url(../img/banner-bg.jpg);
 background-size: cover;
 background-repeat: none;
 background-position: right 20%;
}
.icon-size{
  width: 27px; 
  height: 27px;
}
.logo-image{
  width: 215px; 
  height: 57px;
}
.header-area{ padding: 15px 70px 15px 70px;  background-size: cover; background: #151515; margin-bottom: 35px; }
.header-area .bg-light{background-color: transparent !important;}
.header-area .navbar{ padding: 0px; }
#myNavbar li a{ color: #fff; font-family: 'Poppins', sans-serif; text-transform: uppercase; }
.social-icons li{ padding: 0 5px; }
.social-icons .menu-item{ margin: 15px 0; display: block;}
.call-button{ background-color: #1276c6; border-radius: 5px; padding: 7px 20px !important; font-family: 'Lato', sans-serif !important; }
.header-area .navbar-nav{display: -webkit-inline-box;}
.header-area .navbar-nav .nav-item a{display: inline-block;}
.header-area .navbar-collapse{ margin-top: 0px; }

.banner-content h1{ font-size: 50px; color: #fff; text-transform: uppercase; font-weight: 800; margin-bottom: 0px;}
.banner-content p{ font-size: 16px; color: #fff; }
.banner-content .btn{ background-color: #1276c6; border: none; border-radius: 0px; font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: 600; text-transform: uppercase;letter-spacing: 2px; padding: 17px 40px; margin-top: 30px;}
.banner-content .btn:hover{ background-color: #3196e6; border: none;}
.banner-content {
  display: flex;
  align-items: center;
  padding: 225px 0;
}
.banner-text{ background-color: rgba(22, 23, 25, 0.68); padding: 25px; }
.banner-text .slick-slider{ margin-bottom: 10px; }
.banner-text .slick-slider h1{ margin-top: 10px; }
.about-area{margin: 100px 0;}
.about-area p{padding-right: 150px;}

.contact-area .form-area .form-control{ border-radius: 0; padding: 25px 15px; border-color: #dcdcdc; }
.contact-area .form-area label{ font-family: 'Lato', sans-serif; font-size: 14px; color: #6b6b6b; }
.check-list li{ display: inline-block; padding-right: 30px; margin: 10px 0;}
.check-list li .form-check-label{ font-family: 'Lato', sans-serif; font-size: 16px; }
.check-list .form-check-input{ border-radius: 0; }
.contact-area .form-area button{  border-radius: 0; border: none; background-color: #1276c6; text-transform: uppercase; font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: 600; letter-spacing: 3px; padding: 15px 35px;}
.contact-area .form-area button:hover{ background-color: #3196e6; border: none;}
.contact-area { padding-bottom: 80px; }


.contact-details{ background-color: #fff; padding: 50px;  margin-right: 210px; background: url(../img/banner-bg.jpg)
  -webkit-box-shadow: 6px 6px 21px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 6px 6px 21px 0px rgba(0,0,0,0.2);
box-shadow: 6px 6px 21px 0px rgba(0,0,0,0.2);}

.contact-details ul li{font-family: 'Lato', sans-serif; font-size: 20px; color: #1276c6; padding: 7px 5px;}
.contact-details ul li span{margin-left: 10px; display: inline-flex;}

footer{background-color: #171516; padding: 40px 0;}
.footer-area ul{}
.footer-area ul li:first-child{ padding-left: 0px; }
.footer-area ul li{ display: inline-block; padding: 0 15px;}
.footer-area ul li a{ font-family: 'Lato', sans-serif; font-size: 14px; color: #fff; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; }
.copy-right p{ font-family: 'Lato', sans-serif; font-size: 14px; font-weight: 400; color: #a7a9af;}
.copy-right{ text-align: right; }


.header-area .navbar-toggler{ background-color: #fff; }


/*---------------Media-Query--------------------------*/

@media (max-width: 768px ) {

  .banner-area .container .banner-content {
    display: block;
  }
  .banner-area .container .banner-content .banner-text  {
    text-align: center;
  }
  .banner-area .container .banner-content .banner-text h1 {
    font-size: 45px;
  }
  .banner-area .container .banner-content .banner-text p {
    font-size: 15px;
  }
  .banner-area .container .banner-content .banner-text .btn-primary {
    padding: 10px 25px;
    font-size: 12px;
  }
  .banner-content {
  padding: 0px 0;
}



  .about-area .container .about-img, .about-area .container .about-text {
    text-align: center
  }

   .about-area .container .about-text p {
    padding-right: 0;
    font-size: 15px;

   }
   .about-area .container .about-text h1 {
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 15px;
   }

  
   .contact-area .container .row .contact-details {
    margin-right: 0;
    margin-bottom: 80px;
    padding: 35px;
   }

   .contact-area .container .row .contact-details h2 {
      font-size: 30px;
      margin: 15px 0;
   }

   .contact-area .container .row .contact-details  ul li {
    font-size: 15px;
   }
   .contact-area .form-area .btn-primary{
      padding: 10px 25px;
      font-size: 12px;
   }

   .footer-area .container .row > div {
      text-align: center;
   }
   .footer-area .container .row .col-md-6 .copy-right p {
      text-align: center;
      margin-top: 15px;
   }
   .call-button{ display: inline-block !important; }
}

@media (min-width: 769px ) and ( max-width: 1200px ) {

 .call-button{ display: inline-block !important; }
  .banner-area .container .banner-content {
    align-items: flex-end;
  }
  .banner-area .container .banner-content .banner-text  {
    
  }
  .banner-area .container .banner-content .banner-text h1 {
    font-size: 35px;
  }
  .banner-area .container .banner-content .banner-text p {
    font-size: 13px;
  }
  .banner-area .container .banner-content .banner-text .btn-primary {
    padding: 10px 20px;
    font-size: 12px;
  }

   .about-area .container .about-text p {
    padding-right: 0;
    font-size: 15px;

   }
   .about-area .container .about-text h1 {
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 15px;
    margin-top: 15px;
   }

   .contact-area .container .row .main-contact-form {
    max-width: 100%;
    width: 100%;
   }
    .contact-area .container .row {
    flex-direction: row;
   }
   .contact-area .container .row .contact-details {
    margin-right: 0;
    margin-bottom: 80px;
    padding: 35px;
   }

   .contact-area .container .row .contact-details h2 {
      font-size: 30px;
      margin: 15px 0;
   }

   .contact-area .container .row .contact-details  ul li {
    font-size: 15px;
   }
   .contact-area .form-area .btn-primary{
      padding: 10px 25px;
      font-size: 12px;
   }
     .banner-content {
  padding: 0px 0;
}

}
@media (max-width: 768px ) {
  .banner-area .header-area .navbar .tab-view {
    display: none!important;
  }
  .con-image{
    padding-top: 50px;
  }
}
@media ( max-width: 991px ) {
  #bar-icon.navbar-toggler-icon {
    background-image: none!important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
  }
  .navbar-toggler {
    background: none!important;
    border: 0px solid #fff!important;
  }
  .navbar-light .navbar-toggler {
    color: rgb(255, 255, 255)!important;
}
}