/* Inner banner*/

.inner-banner { text-align: center; position: relative;}

.inner-banner .info { position: absolute; top: 50%; left: 0; right: 0;  }

.inner-banner h1 { font-size: 56px; text-transform: uppercase; color: #fff; line-height: 66px; max-width: 800px; }

.inner-banner p { font-size: 20px; color: #fff; line-height: 30px; font-weight: 500; }

.inner-banner img { width: 100%; max-height: 514px;    object-fit: cover; height: 100%; }

.inner-banner.left .info { text-align: left; max-width: 1530px; padding: 0 15px; margin: 0 auto; }
  
.landing-page-banner h4 { font-size: 24px; text-transform: uppercase; background-color: rgba(0,0,0,0.4); display: inline-block;
    padding: 5px 45px 5px 15px; border-left: 4px solid #f89824; color: #fff; text-align: left; }

.landing-page-banner.inner-banner { padding: 150px 0 80px; }
.landing-page-banner.inner-banner h1 {   max-width: 1000px; }

.landing-page-banner.inner-banner > img { width: 100%; max-height: 100%; left: 0; height: 100%; position: absolute; right: 0; object-fit: cover; top: 0; }
.landing-page-banner.inner-banner .form img { max-height: 100%; }
.landing-page-banner.inner-banner .info { position: relative; display: flex; align-items: center;justify-content: space-between; }

.landing-page-banner.inner-banner .info .content { width: 60%; margin-right: 5%; text-align: left; }
 
.landing-page-banner.inner-banner .info .content h4 { font-family: 'BrandonGrotesque-bold'; }

.landing-page-banner.inner-banner .info .content h4 strong { color: #f89824; font-weight: 500; }

.landing-page-banner.inner-banner .info .content h1 { text-align: left; }

.landing-page-banner.inner-banner .info .form { width: 30%; margin: 0 30px; background-color: #fff; padding: 30px; max-width: 400px; } 

.landing-page-banner.inner-banner .container-fluid { max-width: 1730px; }


.landing-page-banner.inner-banner .form p { color: #000; font-size: 16px; line-height: 24px; } 
.landing-page-banner.inner-banner .form h5 { font-size: 22px; font-weight: 700; margin-bottom: 6px; }
.landing-page-banner.inner-banner .form h5  strong {color: #f89824; font-weight: 700; text-transform: uppercase;  }
.landing-page-banner.inner-banner .form h3 { font-size: 20px;color: #000; font-weight: 700; line-height: 28px; }
.landing-page-banner.inner-banner .form h3 a { display: block; color: #000; font-weight: 700; font-size: 24px; }
.landing-page-banner.inner-banner .form textarea { max-height: 70px; background-color: #efeff0;  border-radius: 4px;}
.landing-page-banner.inner-banner .form .form-control { background-color: #efeff0; border-radius: 4px; font-size: 14px; padding-left: 30px; min-height: 40px;border: none; }
.landing-page-banner.inner-banner .form .form-group + p { margin-bottom: 0; }
.landing-page-banner.inner-banner .form .btn { width: 100%; border-radius: 4px; }

.landing-page-banner.inner-banner .form .wpcf7-spinner { height: 15px; }
.landing-page-banner.inner-banner .form .form-group { position: relative; }
.landing-page-banner.inner-banner .form .form-group i { color: #6d6e71;position: absolute; left: 9px; top: 12px; z-index: 1;  }

.landing-page-banner.inner-banner .info .form iframe { height: 490px; width: 100%; }



.page-id-10405 .inner-banner p { max-width: 520px; }






/* Responsive */
@media (max-width: 1399px){ 
.inner-banner h1 {
    font-size: 50px; 
    line-height: 60px; 
}
}

@media (max-width: 1199px){ 
.inner-banner h1 { font-size: 46px; line-height: 54px;  }

.landing-page-banner.inner-banner {    height: 100%; }
.landing-page-banner.inner-banner h1 { font-size: 40px;line-height: 48px; }




}

 



@media (max-width: 991px){ 
.inner-banner h1 { font-size: 42px; line-height: 50px;  }
.inner-banner p { font-size: 17px; line-height: 22px;  }

.landing-page-banner.inner-banner .info{ flex-direction: column; }
.landing-page-banner.inner-banner .info .content {  width: 96%; margin-right: 0; } 
.landing-page-banner.inner-banner .info .form {
    width: 100%;
    margin: 30px;   
}





}





@media (max-width: 767px){ 
.inner-banner h1 { font-size: 40px; line-height: 48px;  }
.inner-banner p { font-size: 16px; line-height: 22px;  }
.landing-page-banner.inner-banner h1 { font-size: 32px; line-height: 38px; }






}





@media (max-width: 599px){ 
.inner-banner h1 { font-size: 38px; line-height: 46px;  margin-bottom: 8px; } 
.landing-page-banner.inner-banner h1 { font-size: 28px;  line-height: 36px; }

} 



@media (max-width: 479px){ 
.inner-banner h1 {
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 8px;
}
.inner-banner .info { top: 45%; }

.landing-page-banner.inner-banner h1 { font-size: 24px;     line-height: 30px; }
.landing-page-banner h4 { font-size: 20px;   padding: 5px 5px 5px 10px;  }
.landing-page-banner.inner-banner .info .form  { padding: 15px; }








}