@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{background-color: #ebebeb;}

.headerimg{ background: url('../images/sliderbg.png');   width: 100%; height: 511px; display: inline-block; background-position: center; background-size: 100%;  position: relative; z-index: 1; background-position: top center; background-repeat: no-repeat;}

.header-green{ background: url('../images/greenimg.png'); height: 521px; width: 100%; position: absolute; top: 0;  background-repeat: no-repeat;    background-size: 100%;}

.header-red{ background: url('../images/redimg.png'); height: 511px; position: absolute; top: 0px; width: 100%; background-repeat: no-repeat;   background-size: 100%; width: 100%;}

.very-top{ margin-top: 10px; }

.contactinfo{ display: inline-block; vertical-align: middle; margin-right: 20px;}

.contactinfo h2{ font-size: 25px; font-weight: 600; line-height: 1; margin: 0; }

.contactinfo a{ text-decoration: none; color: #000; }

.contactinfo p{font-size: 18px;}

.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: #007c3d; }

.slider{ position: relative; }

.spedameter{ display: inline-block; margin-top: 0px; position: absolute; top: 100px; background: url('../images/speed_meter.png'); background-repeat: no-repeat; width: 599px; height: 347px; background-size: 100%;  }



@-moz-keyframes spin {



 10% { -moz-transform: rotate(10deg);}

20% { -moz-transform: rotate(25deg);}

30% { -moz-transform: rotate(40deg);}



 }

@-webkit-keyframes spin { 100% { -webkit-transform: rotate(10deg); } }

@keyframes spin { 100% { -webkit-transform: rotate(90deg); transform:rotate(10deg); } }





.slide-text{   display: inline-block; text-align: center; top: 100px; position: absolute; left: 48%;}

.slide-text h1{ font-size: 48px; font-weight: 800; }

.slide-text a{ background-color: #f8e758; color: #000; padding: 8px 20px; font-weight: bold; text-decoration: none; margin-top: 10px; display: inline-block; transition: 0.3s; }

.slide-text a:hover{ background-color: #000; color: #fff; }

.caption{background-color: #ebebeb; text-align: center;  padding:100px 0 50px;}

.caption hgroup{ position: relative; z-index: 1; }

.caption h2{ color: #659b0c; font-size: 58px; font-weight: bold; text-transform: uppercase; margin: 0; padding: 0; line-height: 1; }

.caption p{ color: #ff7e38; font-size: 45px;}

.caption a{font-size: 40px; color: #000; }

.applynow{text-align: center; padding:40px 0;}

hr.hr{ width: 100px; border-color:#f8e758; }

.applynow h3{color: #2c0572; font-weight: 600; font-size: 30px; text-transform: uppercase; padding: 0; margin: 0; line-height: 1; }

.applynow p{}

.applynowform input, .applynowform select{  background-color: #fbfff4; height: 79px; border: 2px solid #c9e698; color: #659b0b; outline: none; font-size: 20px;}

.applynowform input[type="checkbox"]{ height: 25px; margin-bottom: 0px; width: 25px; vertical-align: middle; }

.btn-green{ background-color: #7bb519; }

.howdoes{ background-color: #003080; padding: 40px 0; text-align: center; color: #fff;}

.howdoes h3{ color: #efaf26;text-transform: uppercase; font-weight: bold;}

.howdoes hr.hr{ border-color: #efaf26; }

.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;}

.lendors {margin: 40px 0;}

.lendors hr.hr{ border-color: #003080; }

.lendors h3{   border-color: #003080; text-transform: uppercase; font-weight: bold;}

.lerders{ margin:40px 0; display: inline-block; width: 100%; }

.owl-theme .owl-nav{margin-top: 40px;}

.owl-carousel .owl-item img{ border: 1px solid #f1f1f1; }

.owl-prev, .owl-next{ width: 30px; height: 30px;   background-color: #003080 !important; color: #fff !important; line-height: 30px !important; }



.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; }



#logo {display: inline-block; position: relative; }

#logo .speedometer {width: 80px; height: 80px; border-radius: 100%; border: 20px solid #000; border-right: 20px solid white; border-bottom: 20px solid white; -webkit-transform: rotate(45deg); display: inline-block; position: relative; }

#logo .needle {width: 5px; height: 200px; background-color: transparent; display: inline-block; left: 299px; position: absolute; top: 100px; animation:move 7s infinite; -webkit-animation:move 7s infinite; transform:rotate(0deg); transform-origin:bottom; animation-delay: 2s; }

#logo .needle:after{position: absolute; content: '';   top: 109px; left: -160px; background:url('../images/arrow1.png') no-repeat; width: 350px; height: 50px; transform: rotate(90deg); -webkit-transform: rotate(90deg);  transform-origin: top;}

@-webkit-keyframes move {

0%{transform:rotate(-50deg);}

10%{transform:rotate(-10deg);}

20%{transform:rotate(15deg);}

30%{transform:rotate(-20deg);}

40%{transform:rotate(-40deg);}

50%{transform:rotate(40deg);}

60%{transform:rotate(60deg);}

70%{transform:rotate(55deg);}

80%{transform:rotate(70deg);}

90%{transform:rotate(60deg);}

100%{transform:rotate(90deg);}

}

.headermobile{ display: none; }



label.error{ color: red;  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: #2196F3;  }



@media(min-width: 2500px){

    .header-green, .header-red, .headerimg{ height: 697px; }

    .spedameter{  top: 265px;}

}

@media(max-width:1600px ){

	.slide-text {display: inline-block; text-align: center; top: 100px; position: absolute; left: 51%; }

	.spedameter{ top: 0; }

	.slide-text h1 { font-size: 30px;}

	.caption{padding:50px 0 40px;}

	.headerimg{ height: 445px; }

}

@media(max-width: 1440px){

	.headerimg{height: 385px;}

	.slide-text{top:50px;}

	.slide-text h1{font-size: 32px;}

	.spedameter{top:4px;   width: 501px; height: 347px;}

	.spedameter img{ width: 90%; }

	.spedameter:after{ width: 79%; }

    #logo .needle{  top: 55px;   left: 240px;}

    .caption{padding-top: 0px;}

    .header-red{height: 374px;}

    #logo .needle:after  {background-size: 66%;   top: 144px; left: -152px;}

}

@media(max-width: 1360px){

.contactinfo h2 {font-size: 24px; }

.contactinfo p {font-size: 18px; }

}

@media(max-width: 1366px){

	.spedameter img {width: 85%; }

	.header-green{  height: 372px; }

	.caption{padding-top: 0px;}

	#logo .needle{  top: 54px;   left: 245px;}

    #logo .needle:after  {top: 189px; left: -160px;   background-size: 54%;}

}

@media(max-width: 1024px){

	.spedameter {top:0; left: 0; }

	.spedameter img {width: 50%; }

	.contactinfo h2 {font-size: 22px;}

	.contactinfo p{font-size: 16px;}

	.slide-text {top: 0; left: 44%;}

	.headerimg {height: 335px; }

	.caption{padding-top: 0px;}

	.caption h2{font-size: 42px;}

	.caption p{font-size:30px;}

    .spedameter{  width: 400px;   height: 265px;}

    #logo .needle {top: 0; left: 197px; }

    #logo .needle:after{ background-size: 46%;   top: 217px; }

    p.division:after{ width: 26%; }

    .howdoes h4 { font-size: 22px;}

}

@media(max-width: 991px){

	p.division:after {width: 34%; }

	.howdoes h4 {font-size: 16px; }

	.howdoes p {line-height: 15px; font-size: 12px; }

	.slide-text {top: 0; left: 54%; }

}

@media(max-width: 767px){

.spance{ height: 0; }

.section{ display: inline-block; margin-bottom: 10px; width: 100%; }

p.division:after {width: 46%; }

.howicon{ float: none; margin-right: 0px; }

.text-left {text-align: center!important; }

.header{display: none;}

.headermobile{ display: block; }

.caption {padding-top: 40px; }

	.contactinfo{  vertical-align: top; margin-right: 0;}

	.social{margin-top: 0px;}

	.contactinfo h2 {font-size: 16px; }

	.contactinfo p {font-size: 12px; }

	p.division:after {width: 47%; }

	.slide-text {top: 45px; left: 0; }

}

@media(max-width: 480px){

	p.division:after {width: 58%; }

	.headermobile{text-align: center;}

}

@media(max-width: 360px){

	.contactinfo h2 {font-size: 20px; }

	.contactinfo p {font-size: 14px; margin: 0;}

	.social{margin-bottom: 10px;}

	.slide-text h1 {font-size: 18px;}

	.caption h2 {font-size: 28px; }

	.caption p {font-size: 20px; }

	.caption{padding:50px 0 0px;}

	p.division:after {width: 95%; }

	.howdoes h4 {font-size: 22px; margin-top: 10px; }

}