@font-face {font-family: 'gotham_blackregular'; src: url('../webfonts/gotham_black_regular-webfont.woff2') format('woff2'), url('../webfontsgotham_black_regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900&display=swap');
body{font-family: 'Poppins', sans-serif;}

.header{}
.very-top{ margin-top: 10px; }
.contactinfo{ display: inline-block; vertical-align: middle; margin-right: 20px;}
.contactinfo h2{ font-size: 32px; font-weight: 600; line-height: 1; margin: 0; }
.contactinfo a{ text-decoration: none; color: #000; }
.contactinfo p{font-size: 20px;}
.social{ display: inline-block; margin-top: 20px; }
.social a{ background: #000; color: #fff; width: 30px; height: 30px; line-height: 30px; text-align: center; display: inline-block; transition: 0.3s; }
.social a:hover{ background-color: #df0024; }

.banner{ background: url('../images/inhousefinancing-banner.jpg') no-repeat;  width: 100%; height: 100%; background-size: 100%; }
.slide-caption{padding:130px 0 150px;}
.slide-caption h1{ font-size: 51px; color: #000;  }
.slide-caption h1 span{ font-size: 65px; color: #144ca1; font-weight: bold; }

.cars{text-align: center; padding:40px 100px;}
.cars img{width: 19%}

.applynow { background-color: #df0024; padding:30px; }
.applynow h3{color: #fff; font-weight: 600; font-size: 30px; text-transform: uppercase; padding: 0; margin: 0; line-height: 1; }
.applynowform label, .applynow p{ color: #fff; }
.applynowform input, .applynowform select{  background-color: #d9d9d9; height: 45px; border: 0; color: #000; outline: none; margin-bottom: 10px; font-size: 20px; border-radius: 0px; outline: none;}
.applynowform input[type="checkbox"]{ height: 25px; margin-bottom: 0px; width: 25px; vertical-align: middle; }
.flex-container{ display: flex;background-color: #144ca1; position: relative;  }
.flex-container:after{ background-image: url('../images/car-bg.png'); background-repeat: no-repeat; background-position: center; position: absolute; left: 0; right: 0; margin: 0; content: ''; width: 100%; background-size:; height: 100%; }
.flex-box:nth-of-type(1){ flex: 1;  }
.flex-box:nth-of-type(2){ flex: 1.4;  }
.vechicle{ padding: 0px 40px 0 300px; display: table-cell; vertical-align: middle; height: 879px; position: relative; z-index: 1; }
.vechicle h2{ color: #fff; margin-bottom: 40px;}
.vechicle ul li{ color: #fff; font-size: 17px;   padding: 15px 0; border-bottom: 1px solid rgba(255,255,255,0.2); display: block; }
.vechicle ul li .fa{ color: #a9cbff; font-size: 23px; margin-right: 10px; float: left;  }
.applynowform{padding-right:300px; position: relative; z-index: 1;}
.btn-apply{ background-color: #df0024; padding: 10px 25px; color: #fff; font-weight: bold; text-decoration: none !important; transition: all 0.3s; margin-top: 40px; display: inline-block; }
.btn-apply:hover{ background-color: #144ca1; color: #fff; }

.btn-green{ background-color: #fff;   border-radius: 0px; padding: 10px 20px; border: 0;   transition: all 0.3s;}
.btn-green:hover{ background-color: #144ca1; color: #fff; }
.howdoes{ background-color: #003080; padding: 40px 0; text-align: center; color: #fff;}
.howdoes h3{ color: #efaf26;text-transform: uppercase; font-weight: bold;}
hr.hr{ border-color: #fff; width: 10%; }
.howicon{background: #335999; display: inline-block; width: 50px; height: 50px; line-height: 50px; text-align: center; border-radius: 50%; font-size: 20px; float: left;
  margin-right: 20px; color:rgba(255,255,255,0.5);}
.howdoes h4{font-size: 30px; margin:0;}
.howdoes p{line-height: 1;}
p.division{position: relative;}
p.division span{background: #fff; position: relative; z-index: 1; padding: 0 5px;}
p.division:after{position: absolute; content: ''; left: 0; right: 0; border-bottom: 3px solid #000;  width: 23%; margin:0 auto; bottom: 8px;}
.spance{height: 40px;}

.bg {height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; }


.footer { padding: 20px; font-size: 14px; }
.footer p{margin-bottom: 0px;}
.footer a{ color: #000; }

label.error{ color: yellow;  font-size: 12px; }
#datetimepicker3-error {  position: absolute; bottom: -22px; width: 100%; right: 0px;}
.termsandcondition-error{position: relative;}
.termsandcondition-error label.error {  position: absolute; bottom: -22px; width: 100%; right: 0px; display: block !important; }
.readourterms:hover{ cursor: pointer;  color: yellow;  }


@media(min-width: 2500px){

}

@media(max-width: 1600px){
    .vechicle h2{ font-size: 24px; }
    .vechicle ul li{font-size: 14px;}
}
@media(max-width: 1440px){
.slide-caption h1 span {font-size: 55px;}
.slide-caption {padding: 40px 0; }
.vechicle {padding: 0px 40px;}
.applynowform {padding-right: 0;}
}
@media(max-width: 1360px){
.contactinfo h2 {font-size: 24px; }
.contactinfo p {font-size: 18px; }
}
@media(max-width: 1024px){
    p.division:after{ width: 27%; }
    .vechicle h2 {color: #fff; margin-bottom: 40px; font-size: 28px; }
    .contactinfo p {font-size: 17px; }
    .contactinfo h2{  font-size: 22px; }
    .slide-caption h1 {font-size: 40px;}
    .slide-caption h1 span {font-size: 45px; }
    .btn-apply{margin-top: 20px;}
}
@media(max-width: 991px){
    .logo img{ max-width: 100%; }
    p.division:after {width: 35%; }
}
@media(max-width: 768px){
    .logo img{ max-width: 100%; }
    .vechicle h2, .slide-caption h1 {font-size: 20px; }
    .slide-caption h1 span {font-size: 35px; }
    .applynowform label, .applynow p{font-size: 14px;}
    .applynowform input{height: 40px;}
    .vechicle ul li{font-size: 15px;}
    p.division:after {width: 35%; }
    .vechicle{height: 820px;}
}
@media(max-width: 767px){
    .flex-container{ display: inherit }
    .flex-box:nth-of-type(1){ flex:inherit;  }
    .flex-box:nth-of-type(2){ flex:inherit;  }
    .flex-container:after{display: none;}
    .vechicle {padding: 40px; height: auto; }
    .container {max-width: 100%; }
}
@media(max-width: 680px){
    .slide-caption h1 span {font-size: 25px; }
}
@media(max-width: 480px){
    .contactinfo{  margin: 10px 0 0; text-align: center; width: 100%;}
    .social {display: inline-block; margin: 0 0 10px; text-align: center; width: 100%; }
    .slide-caption {padding: 0; }
    .btn-apply {margin-top: 0;  font-size: 12px; padding: 5px 20px; }
    .cars {text-align: center; padding: 20px 0; }
    .vechicle { padding: 20px;}
    .vechicle h2{  margin-bottom: 20px;}
    .applynow p  br{ display: none; }
    p.division:after {width: 70%; }
    .footer {padding: 10px 0; }
}
@media(max-width: 360px){
    .slide-caption h1 span {font-size: 20px; }
    .applynow{  padding: 40px 10px; }
    p.division:after {width: 85%; }
}
@media(max-width: 360px){
    .vechicle h2, .slide-caption h1, .slide-caption h1 span { font-size: 18px; }
    .vechicle h2{text-align: center;}
}