/* ======================== 
BASE and BS Overrides
======================== */

body {
	font-family:'Roboto', sans-serif;
	color:#1d1d1d;
}

/* Text > Links */
a {color:#2C2B79; text-decoration:underline;}
a:hover {color:#2BA24F}

/* Text > Headings */
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6, {
	font-family:'Poppins', sans-serif;
}
.header-underline {
	padding-bottom:.25em; border-bottom:1px solid #eeeeee;
}

@media screen and (max-width:768px) {
	h1 {font-size: 2em;}
	h2 {font-size: 1.75em;}
	h3 {font-size: 1.5em;}
	h4 {font-size: 1.25em;}
	h5 {font-size: 1em;}
	h6 {font-size: 1em;}
	p, ul, ol, dt, dd {font-size:.9em;}
	.display-1 {font-size:3.5em}
	.display-2 {font-size:3.0em}
	.display-3 {font-size:2.5em}
	.display-4 {font-size:2.0em}
}

/* Text > Colors */
.text-blue {color:#2C2B79}
.text-green {color:#2BA24F}
.text-red {color:#FF0000}
.text-orange {color:#E87722}

/* Text > Weights */
.text-light {font-weight:300 !important}
.text-normal {font-weight:400 !important}
.text-semi-bold {font-weight:500 !important}
.text-bold {font-weight:700 !important}

/* Text > Size */
.text-small {font-size:.8em !important;}

/* Text/letter > Spacing */
.letter-space-small {letter-spacing: 1px;}
.letter-space-wide {letter-spacing: 3px;}

/* Buttons */
.btn {
	cursor: pointer; text-decoration:none;text-transform:uppercase;font-family: 'Poppins', sans-serif;font-weight:700;
}
.site-btn {
	background:#2BA24F;font-weight:700;border-radius:30px;border-radius:5px;color:#fff;white-space:normal;
}
.site-btn:hover {
	background:#248642;color:#fff;
}
.site-btn i.fa-chevron-circle-right,
.site-btn-green i.fa-chevron-circle-right {
	font-size:1.8rem; vertical-align:-3px;
}
.btn-blue {background:#2C2B79; color:#fff !important;}
.btn-blue:hover {background:#212059; color:#fff;}
.btn-green {background:#2BA24F; color:#fff !important;}
.btn-green:hover {background:#248642; color:#fff;}
.btn-orange {background:#E87722; color:#fff !important;}
.btn-orange:hover {background:#D36716; color:#fff;}
.btn-gray {background:#e9e9e9; color:#343434;}
.btn-gray:hover {background:#cccccc; color:#343434;}
.btn-footer {background:#2BA24F;color:#fff !important;font-weight:400;border-radius:5px;color:#fff; text-shadow:none !important; white-space:normal;}
.btn-footer:hover {background:#248642;color:#fff;}

/* Checkbox/radio customize */

/* Unchecked */
.custom-checkbox .custom-control-label:before,
.custom-radio .custom-control-label:before{
  background-color:#eeeeee;
}
/* Checked */
.custom-checkbox .custom-control-input:checked~.custom-control-label::before,
.custom-radio .custom-control-input:checked~.custom-control-label::before{
  background-color:#30B457;
}

/* Placeholders */
::-webkit-input-placeholder {
    color:#999999 !important;
		font-style:italic;
}
:-moz-placeholder {
   color: #999999 !important;
	 font-style:italic;
   opacity:1;
}
::-moz-placeholder {
   color:#999999 !important;
	 font-style:italic;
   opacity:1;
}
:-ms-input-placeholder {
   color:#999999 !important;
	 font-style:italic;
}
::-ms-input-placeholder {
   color:#999999 !important;
	 font-style:italic;
}
::placeholder {
   color:#999999 !important;
	 font-style:italic;
}

/* List Groups */
.list-group a.list-group-item {
	color: #28256B;
}
.list-group a.list-group-item:hover {
	color:#30B758;
	background-color: #f9f9f9;
}
.list-group a.active {
	background:#2792b1;
	border-color:#2792b1;
}
.list-group a.active:hover {
	background:#2792b1;
	border-color:#2792b1;
}

/* Disabled Color */
option:disabled, select:disabled {
  color: #dddddd;
}

/* Format all form/input-control */
.form-control,
.custom-select {
	border: 1px solid #cccccc;
	background:#fafafa;
 -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
 -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
 transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	position:relative;
}
.form-control:focus,
.custom-select:focus {
	outline: 0;
	background:#f3f3f3;
	border-color:#ccc;
}

/* Remove form outline/glow */
.form-control:focus,
.custom-select:focus {
	box-shadow: none; -webkit-box-shadow: none;-moz-box-shadow: none;-moz-transition: none;-webkit-transition: none;
}
input[type=checkbox]:focus + label::before,
input[type=radio]:focus + label::before {
	outline: none;outline: 0px !important;-webkit-appearance:none !important;-webkit-box-shadow: none !important;-moz-box-shadow: none !important;box-shadow: none !important;
}

/* Flex > Align */
.flex-align {
	display: flex; align-items: center; justify-content: center;
}
.flex-align-item {
  max-width: 50%;
}
.flex-align-top {
  align-self: flex-start;
}
.flex-align-bottom {
  align-self: flex-end;
}

/* ========================
NAVBAR
======================== */

/* Navbar > Base */
.navbar-custom {
	/* transition:500ms ease; */
	background:rgba(250,250,250,0.98);
	box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1);
	padding-top: .8em;
	padding-bottom: .8em;
	border-bottom:1px solid #ccc;
	font-family:'Poppins', sans-serif;
}
.navbar-custom a {
	color: #2D2C7B; text-decoration:none;
}
.navbar-custom a:hover {
	color: #30B457;
}
.navbar-custom .navbar-brand img {
	max-width:180px;
	/* transition:500ms ease; */
}

/* Dropdown link colors*/
.navbar-custom .dropdown-menu a.dropdown-item:active,
.navbar-custom .dropdown-menu a.dropdown-item.active {
	background:#2D2C7B !important;
	color:#fff !important;
}

/* On scroll / compress */
.navbar-custom.compressed {
    padding-top: .25em;
    padding-bottom: .25em;
}
.navbar-custom.compressed .navbar-brand img {
	max-width:110px;
}

/* Navbar > Toggle */
.navbar-custom .navbar-toggler {
	border:none; outline:none;
}
.navbar-custom .navbar-toggler-icon { 
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.75)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

/* Navbar > Status/Apply Btns */
a.nav-link-apply  {
	border-radius:5px; padding:.35em; margin-right:.25em; min-width:100px; background:#2D2C7B; font-weight:500; color:#DBE2F2; text-align:center; background:#E87722; color:#fff; text-transform:uppercase;
}
a.nav-link-apply:hover {
	background:#30B457; color:#ffffff; background:#E87722; color:#fff !important;
}
a.nav-link-apply-now  {
	border-radius:5px; padding:.35em; margin-right:.25em; min-width:100px; background:#E87722; font-weight:500; color:#ffffff; text-align:center; text-transform:uppercase;
}
a.nav-link-apply-now:hover {
	background:#E87722; color:#ffffff;
}

@media screen and (max-width:991px) {
	.navbar-custom .dropdown-menu {
		background:#fff; font-size:1em;
	}
	.navbar-custom .dropdown-menu .dropdown-item {
		padding-left:10px;
	}
	a.nav-link-apply, a.nav-link-status  {
		display:block; width:100%;
	}
	a.nav-link-apply  {
		margin-bottom:.5em;
	}
	.navbar-custom .hidden-btn  {
		display:none;
	}
}

@media screen and (max-width:576px) {
	.navbar-custom .navbar-brand img {
		max-width:110px;
	}
}

/* ========================
NAVBAR > Zip Detect
======================== */

.address-info {position:relative;}
.address-info i {margin-top: 10px;}
.address-info .fa-map-marker-alt {color:#2BA24F}
.address-info .dropdown-menu {width: 450px; padding:1em; background:none; border:none !important; background:rgba(255,255,255,0);left: -50px !important;}

@media screen and (max-width:768px) {
	.address-info {position: inherit;}
	.address-info i {margin-top: 0;}
	.address-info .dropdown-menu {width: 100%; text-align:center;left:0 !important;}
}

/* ========================================
PAGE TITLE
===========================================*/

.page-title {
	background:#304058 url(/img/page-title-bg.jpg) no-repeat center center;
	background-size:cover;
}
.page-title .container {
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;      
	height:180px;
	height:170px;
}
.page-title h1 {
	font-family: 'Poppins', sans-serif;
	color:#fff;
	font-size:3.5em;
	font-size:3em;
	font-weight:300;
	letter-spacing:2px;
	margin:auto;
}
@media screen and (max-width:768px) {
	.page-title .container {  
		height:120px;
	}
	.page-title h1 {
		font-size:2em;
	}
}
@media screen and (max-width:576px) {
	.page-title .container {  
		height:65px;
	}
	.page-title h1 {
		font-size:1.35em;
	}
}

/* ========================
HEADLINES
======================== */

.section-headline {
	margin-bottom:2em;
}
.section-headline .preheadline {
	display: inline-block;
	padding:0 0 1em 0;
	margin-bottom: 1em;
	font-family:'Poppins', sans-serif;
	letter-spacing: 4px;
	font-size: 1.25em;
	font-weight:500;
	line-height: 1;
	color: #2BA24F;
	text-transform: uppercase;
	border-bottom: 1px solid #2BA24F;
	border-bottom: 1px solid #bbbbbb;
}
.section-headline .headline {
	color: #565656;
}

@media screen and (max-width:768px) {
	.section-headline .preheadline {
		font-size: 1em;
	}
	.section-headline .headline {
		font-size:1.25em;
	}
}

/* ======================== 
HOME > APP 
======================== */

/* App Container / BG */
#home-app {
	position:relative;
	/* padding-top:130px; */
	padding-top:1em;
	padding-bottom:1em;
	margin:0;
	background:url(/img/home-hero-bg6.jpg);
	/* background: linear-gradient(#004092, #020202, transparent), url(../img/home-hero-bg1.jpg);*/ 
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	min-height:510px;
}

/* People/Woman */
#home-app img.couple-img,#home-app img.woman-img {
	position:absolute; bottom:0; right:23%; width:520px;
}

/* Form */
#home-app-form {
	padding:1em .25em; background:#fff; border:1px solid #ccc;box-shadow: 5px 6px 6px -2px rgba(0,0,0,0.25);
}
/* Form > Button for Mobile */
#home-app-form #home-app-form-mobilebtn {
	display:none;
}

/* Tabs - NOT USED ON THIS VERSION
#home-app-form .container .nav-tabs, 
#home-app-form .container .nav-tabs .nav-item .nav-link {
	border:none !important;
}
#home-app-form .container .nav-tabs .nav-item .nav-link {
	background:#eee;border-top:1px solid #ccc !important;border-left:1px solid #ccc !important;border-right:1px solid #ccc !important;
}
#home-app-form .container .nav-tabs .nav-item .nav-link {
	color:#999;
}
#home-app-form .container .nav-tabs .nav-item .nav-link.active {
	background:#fff;font-weight:700;color:#2C2B79;
}
*/

/* Tabs > Numbers */
#home-app-form .container .nav-tabs .nav-item .nav-link .num {
	padding:3px 8px; background:#dfdfdf; border-radius:15px;
}
#home-app-form .container .nav-tabs .nav-item .nav-link.active .num {
	padding:3px 8px; background:#30B457; color:#fff; border-radius:15px; background:#30B457; color:#fff;
}

/* FB Btn */
.home-app-fbbtn .fb-login-button {
	margin:0 auto;
}

@media screen and (max-width:1600px) {
	#home-app img.couple-img,#home-app img.woman-img {
		width:520px;right:15%;
	}
}
@media screen and (max-width:1400px) {
	#home-app img.couple-img,#home-app img.woman-img {
		width:520px;right:10%;
	}
}
@media screen and (max-width:1200px) {
	#home-app img.couple-img,#home-app img.woman-img {
		width:520px;right:5%;
	}
}
@media screen and (max-width:991px) {
	#home-app {
		padding-top:1em;
		min-height:400px;
	}
	#home-app img.couple-img,#home-app img.woman-img, 
	#home-app .null {
		display:none;
	}
}
@media screen and (max-width:768px) {
	#home-app {
		padding-top:2em;
		padding-bottom:2em;
		min-height:200px;
	}
	#home-app-form form#app_form{
		display:none;
	}
  #home-app-form #home-app-form-mobilebtn {
		display:block; width:100%; margin:auto; text-align:center;
	}
	#home-app-heading p {
		display:none;
	}
}

/* ========================
HOME > SPOTLIGHT
========================== */


#home-feature-spotlight {
	padding:4em 0; border-top:1px solid #ccc; background:#ffffff;
}
#home-feature-spotlight .icon {
	text-align:center;
	margin-bottom:1em;
}
#home-feature-spotlight h4 {
	text-align:center;
	margin-bottom:.75em;
}
#home-feature-spotlight .text {
	text-align:left;
}
@media screen and (max-width:768px) {
	#home-feature-spotlight {
		padding:2em 0;
	}
}

/* ========================
HOME > SPECIAL PROGRAMS
========================== */

#home-specialprograms {
	padding:3em 0;background: linear-gradient(to bottom, #f9f9f9 0%,#f3f3f3 100%);border-top:1px solid #ccc; background:#F4F7F8;
}
#home-specialprograms .card {
	box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1); border-radius:0;cursor: pointer;transition:500ms ease;
}
#home-specialprograms .card:hover {
	border:1px solid #2BA24F;
}
#home-specialprograms .card .icon-img {
	margin-bottom:.5em;
}
#home-specialprograms .card .icon-img img {
	width:80px; height:auto; margin:auto !important;
}
#home-specialprograms .card .btn {
	text-transform:uppercase;
}

@media screen and (max-width:991px) {
	#home-specialprograms {padding:1.5em 0;}
	#home-specialprograms .heading, 
	#home-specialprograms .sub-heading {text-align:center;}
}

/* ======================== 
HOME > TIPS 
======================== */

#home-tips {
	padding:4em 0; border-top:1px solid #ccc;background: linear-gradient(to bottom, #ffffff 0%,#ffffff 100%);
}
#home-tips .fa-circle {
	color:#2C2B79;
}
#home-tips .media-body {
	display: flex;
	/* justify-content: center; */
	align-items: center;
	/* align-content: center;*/      
	font-size:1.25em;
	line-height:1.2;
	padding-top:.45em;
}
@media screen and (max-width:768px) {
	#home-tips .media-body {
		font-size:1.2em;
		line-height:1.2;
		padding-top:0;
	}
}

/* ======================== 
HOME > TESTIMONIALS 
======================== */

#home-testimonials {
	padding:4em 0; border-top:1px solid #ccc;background: linear-gradient(to bottom, #ffffff 0%,#ffffff 100%);background:#F4F7F8;
}
#home-testimonials p {
	font-size:.9em;
}

@media screen and (max-width:768px) {
	#home-testimonials {
		padding:2em 0;
	}
}

/* ========================
HOME > TESIMONIALS > RATINGS/STARS
========================== */

.rating-stars {
	margin-bottom:.5em;
}
.rating-stars i {
	color:rgba(48,180,87,1); font-size:20px;
}
.rating-stars i.nostar {
	color:rgba(48,180,87,.2);
}

/* ========================================
FAQ > ACCORDION
===========================================*/

#faq-accordion .card {
	margin-bottom:.5em; border:1px solid #eee;
}
#faq-accordion .card .card-header {
	position:relative; padding: .75em 3em .75em 1em; background:#f3f3f3; background: linear-gradient(to bottom, #ffffff 0%,#f8f8f8 100%);
	font-size:1em; color:#314D63; outline:0; font-family: 'Poppins', sans-serif; font-weight:500;
}
#faq-accordion .card .card-header a {
	text-decoration:none;
}
#faq-accordion .card .card-body {
	padding:1em 1.5em; font-size:.9em
}

/* Arrows */
#faq-accordion .card .card-header .collapse-arrow {
	position:absolute; right: 15px; top:15px;
}
#faq-accordion .card .card-header .collapse-arrow.fas {
	font-size:1.25em;
}
#faq-accordion .card .card-header .collapse-arrow.fas:hover {
}
#faq-accordion [data-toggle="collapse"] .fas:before {  
  content: "\f139";
	content: "\f106";
}
#faq-accordion [data-toggle="collapse"].collapsed .fas:before {
  content: "\f13a";
	content: "\f107";
}

@media only screen and (max-width: 576px) {
	#faq-accordion .card {
		margin-bottom:1em;
	}
	#faq-accordion .card .card-header {
		padding: .75em 3em .75em 1em; font-size:.85em;
	}
	#faq-accordion .card .card-body {
		padding:1em 1em; font-size:.85em
	}
	#faq-accordion .card .card-header .collapse-arrow {
		top:13px;
	}
}

/* ===========================================
CALCULATOR > CAR PAYMENT
=========================================== */

#carpmt_calculator {
	background:#F4F7F8; background:#fff; margin:0 auto; border-radius:10px; border:1px solid #dddddd;
}
#carpmt_calculator .inner {
	padding:1em 1.25em;
}
#carpmt_calculator label {
	font-weight:500;
	font-family:'Poppins', sans-serif;
}
#carpmt_calculator .inner.calc_results {
	border-top:1px solid #ddd;
	background:#4d668f;
	background: linear-gradient(to bottom, #4d668f 0%,#3A4D6B 100%);
	background:#F4F7F8;
	background:#fafafa;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
}
#carpmt_calculator .calc_btn {
	padding:0 .5em .5em .5em; margin:0;
}
#carpmt_calculator .calc_btn button {
	background:#314057;
	font-weight:600;
	color:#fff;
	text-transform:uppercase;
}

@media all and (max-width: 765px) {
	#carpmt_calculator {
		margin-bottom:3em;
		max-width:450px;
	}
	.no-mobile {
		display:none;
	}
}
@media all and (max-width: 576px) {
	#carpmt_calculator {
		max-width:100%;
		margin-bottom:3em;
	}
}

/* ========================================
TIPS 
===========================================*/
.tips-list .card-header {background: #51607F; color:#fff;}
.tips-list a.list-group-item {text-decoration: none;}
.tips-list a.list-group-item:hover {text-decoration: underline;}

/* ========================================
FOOTER > GOOGLE/ADS
===========================================*/

.goo-ad {
	text-align:center; padding:1em; background: linear-gradient(to bottom, #fff 0%,#fff 100%);
}

/* ===========================================
FOOTER / BANNER
=========================================== */

#getaloan-banner {
	padding:1.5em 0; background: linear-gradient(to bottom, #ffffff 0%,#ffffff 100%); border-top:1px solid #cccccc;
}
#getaloan-banner p {
	font-size:1.85em; margin:0; padding:0; font-family: 'Poppins', sans-serif; font-weight:300; color:#252263; line-height:1.2;
}
#getaloan-banner p span {
	font-family: 'Poppins', sans-serif; font-weight:700; color:#258843;
}
@media screen and (max-width:992px) {
	#getaloan-banner {
		padding:1.5em 0;
	}
	#getaloan-banner p {
		font-size:1.85em;
		margin-bottom:.75em;
		text-align:center;
	}
	#getaloan-banner .car {
		display:none;
        margin-bottom:.75em;
	}
	#getaloan-banner .car img {
		max-width:150px;
	}
}
@media screen and (max-width:768px) {
	#getaloan-banner p {
		font-size:1.5em;
	}
}
@media screen and (max-width:576px) {
    #getaloan-banner p {
		font-size:1.15em;
	}
}

/* ======================== 
DEALER NETWORK
======================== */

.dealer-text {font-size:1.5em; line-height:1.2;}

@media screen and (max-width:576px) {
	.dealer-text {font-size:1.15em; line-height:1.2;}
}

/* ======================== 
FOOTER 
======================== */

/* Footer > Container */
#footer {position:relative;}

/* Footer > Car */
#footer img#footer-car {position:absolute; z-index:5; bottom:0; right:0px; width:300px; height:auto;}

/* Footer > Top */
.footer-top {background:#eeeeee; background:#2D2C7B; padding:2.5em 0; color:#ffffff;background: linear-gradient(to bottom, #252262 0%,#2D2C7B 98%);}
.footer-top a {color:#ffffff; text-decoration:none;}
.footer-top h5 {margin-bottom:.75em; font-weight:700; color:#DBE2F2;}
.footer-top ul {margin-left:1.3em}
.footer-top li {margin-bottom:.65em;}
.footer-top li:last-child {margin-bottom:0;}
.footer-top li i {color:#DBE2F2;}
.footer-top .company .logo img {max-width:150px;}

/* Footer > Bottom */
.footer-bot {background:#141234; padding:1em 0; color:#ffffff; border-top:1px solid #30B457;}
.footer-bot a {color:#ffffff; text-decoration:none;}
.footer-bot .links {text-align:left;}
.footer-bot .copyright {text-align:right;}

@media screen and (max-width:1600px) {
	#footer img#footer-car {bottom:45px; bottom:140px; width:225px; height:auto;}
}
@media screen and (max-width:1400px) {
	#footer img#footer-car {bottom:55px; bottom:135px; width:150px; height:auto;}
}
@media screen and (max-width:1300px) {
	#footer #footer-car {display:none;}
}
@media screen and (max-width:768px) {
	#footer img#footer-car {display:none;bottom:65px; bottom:158px; right:0px; width:300px; height:auto;}
	
	.footer-top {padding:2em 0;}
	.footer-top .fin, .footer-top .res  {margin-bottom:1em;}
	.footer-top .about ul {margin-bottom:0;}
	
	.footer-bot .links {text-align:center; margin-bottom:.5em;}
	.footer-bot .copyright {text-align:center;}
}
@media screen and (max-width:700px) {
	#footer img#footer-car {display:none; bottom:175px; right:0px; width:300px; height:auto;}
}
@media screen and (max-width:600px) {
	#footer img#footer-car {display:none;}
}
@media screen and (max-width:576px) {
	#footer img#footer-car {display:none;}
    .footer-top .company .logo img {max-width:130px;}
    /* #footer img#footer-car {display:none;} */
	/* #footer img#footer-car {width:235px; bottom:65px; bottom:170px; height:auto;} */
}
/* 
@media screen and (max-width:400px) {
	#footer img#footer-car {width:150px; bottom:85px; bottom:250px; height:auto;}
}
*/

/* 
@media screen and (max-width:350px) {
	#footer img#footer-car {display:none;}
}
*/


/* ========================================
APP > FORM/LAYOUT BASE (apply-step**.cfm)
===========================================*/

/* 
.step1-form {
	position:relative;
 left:100%;
}
*/
/*.step1-form label {
	font-size:1em;
	font-family: 'Roboto', sans-serif;
	font-weight:700;
}
.step1-form .form-control {
	border: 1px solid #eeeeee;
	background:#f8f8f8;
 -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
 -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
 transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	position:relative;
}
.step1-form .form-control:focus {
	outline: 0;
	background:#f3f3f3; 
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.step1-form .form-group {
	position:relative;
}
*/

/* ========================================
APP > PROGRESS BAR (MOBILE)
===========================================*/

.progress-bar-m .progress {
	height:25px;
}

.progress-bar-m h4 {
	color: #28A745;
 	font-size:1em;
	font-family: 'Poppins', sans-serif; 
	letter-spacing:-1;
	font-weight:700;
}
@media only screen and (max-width: 576px) {
	.progress-bar-m .progress {
		height:20px;
	}
	.progress-bar-m h4 {
		font-size:.8em;
	}
}

/* ========================================
APP > STEPS (apply-step**.cfm)
===========================================*/

.application-page .card {
	min-height:330px;
	/* border-radius:0px; */
}
.application-page .card.no-border {
	border:none;
}

.stp20, .application_app {
	min-height:330px;
	/* overflow:hidden; */
}
.application-page .card.auto-height, 
.card.auto-height {
	min-height: inherit !important; height:auto !important;
}
.application-page label {
	font-weight:700;
	font-family:'Poppins', sans-serif;
}
.application-page .custom-control label {
	font-weight:400;
	/* font-family:'Roboto', sans-serif; */
}


.security-bar {
	background:#f5f5f5;
	color:#89ba24 !important;
}
.site-main.application-page {
	box-shadow: 2px 2px 2px #e5e5e5;
}

/* Card (Step) Header */

.application-page .card .card-header.step-header {
	font-family: 'Poppins', sans-serif; background:#efefef; background:#D8DDE7; background:#F4F7F8; color:#303F56; font-size:1.4em; font-weight:700;
}
@media only screen and (max-width: 576px) {
 .application-page .card .card-header.step-header {font-size:1.25em;}
}

/* Card (Step) Btn - Offers */

.application-page .card .step-btn {
	background:#475F84;
	border-radius: 10px;
	color: #fff;
	font-weight:800;
	font-size: 18px;
	padding: 3px 15px;
	text-align: center;
	position: absolute;
	left: 50%;
	top: -15px;
	z-index: 999;
	margin-left: -40px;
}


.application-page .card .card-title {
	color: #ff0000;
	font-size:1.9rem;
}

.application-page .card .btn-outline-warning {
	border-color:#ff6000;
	color:#ff6000;
	font-size:1.2rem;
	font-weight:800;
}
.application-page .card .btn-outline-warning:hover {
	background:#ff6000;
	color:#fff;
}
.application-page .card form .input-group-addon.bg-success {
	background-color: #85bd00 !important;
}
.application-page .card form .input-group .form-control.border-success,
.application-page .card form .input-group .custom-select.border-success{
	border-color:#85bd00 !important;
}
.application-page .card form .input-group .fa-percent {
	position: absolute;
	right: 46px;
	top: 16px;
	color: #85bd00;
	z-index: 99;
}

/* ========================================
APP > Icons (Dollar Sign)
===========================================*/

.step1-form .form-group .fa-usd,
.step1-form .form-group .fa-dollar-sign {
	position:absolute;
	left:10%;
	top:12px;
	background:#248642;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	line-height:20px;
	color:#fff;
	font-size:.8em;
}

.dollar-sign {
	width:100% !important;
	position:relative !important;
}
.dollar-sign i {
	position:absolute;
	left:-8px !important;
	top:9px !important;
}

@media screen and (max-width:768px) {
	.dollar-sign i {
		left:-12px !important;
		top:6px !important;
	}
}

/* ========================================
APP > Preview
===========================================*/

#app_preview .custom-control-description {
	padding-left:25px;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
}
#app_preview .custom-checkbox .custom-control-indicator {
	position:absolute;
}
#app_preview button.btn-edit {
	background:#efefef;
}
#app_preview button.btn-edit:hover {
	background:#FF6000; color:#fff;
}

@media screen and (max-width:391px) {
	#app_preview button[type=submit] {font-size:.9rem;}
}

/* ========================================
APP > Preview > Icons (Dollar Sign)
===========================================*/

#app_preview .form-group .fa-usd {
	position:absolute;
	left:-10px;
	top:6px;
	background: #32536E;
	background: #248642;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	line-height:25px;
	color:#fff;
	text-align:center;
}
#app_preview .form-group .dollar-sign input {
	padding-left:20px;
}

/* ========================================
APP > Credit Offer and Ins Offer (app22 and app23)
===========================================*/

@media screen and (max-width:391px) {
	#step22Form button[type=submit],
	#step23Form button[type=submit] {font-size:.9rem;}
}

/* ========================================
APP > Continue Btn (all steps)
===========================================*/

button#step1Continue {white-space:normal;}

/* ========================================
APP > Reset Btn (all steps)
===========================================*/

button#ResetApp {white-space:normal; margin-top:10px;}

@media screen and (max-width:576px) {
	button#ResetApp {font-size:.8rem;}
}

/* ========================================
APP > Tick (app24)
===========================================*/

.tick {
	background: url(/img/tick.png) no-repeat;
	display: inline-block;
	width: 40px;
	height: 31px;
	vertical-align: middle;
}

/* ========================================
APP/FORM > Error classes
===========================================*/

label.error {
	color: #f12b24;
	font-size: 18px !important;
}
input.error, select.error, textarea.error {
	border: 1px solid #f12b24 !important;
}

/* ========================================
APP > ERROR
===========================================*/

.form-input-error {
	color:#C00; font-size:.8em; background-color:LightGoldenRodYellow ;
}

/* ========================================
APP > VEH DISPLAY
===========================================*/

.vehicle-display {border:1px solid #ddd; width:100%; border-radius:5px;}
.vehicle-display .vehicle-img img {width:100%; max-width:500px;}
.vehicle-display .vehicle-img .form-check {margin-left:.75em;}
.vehicle-display .vehicle-details .model {font-weight:600; font-size:1.25em}
.vehicle-display .vehicle-details .price {font-weight:600; font-size:1.1em;}

@media screen and (max-width:576px) {
	.vehicle-display .vehicle-img img {max-width:250px;}
}

/* ========================================
CONTACT US (contact-us.cfm)
===========================================*/
#contactForm label {
	font-family: 'Poppins', sans-serif;
	font-weight:500;
}
.req-icon {
	color:#C00;
}
/* 
.site-form p {
	font-size: 1.2rem;
	font-size:16px;
}
#contactForm .form-group {
	margin-bottom: 30px;
	position: relative;
}
.site-form input.form-control,
.site-form select.form-control {
	font-size:1em;
	color: #2a2a2a;
	border-color: rgba(0, 0, 0, .35);
	height: 45px;
	line-height: normal;
}
.site-form textarea.form-control {
	font-size:1em;
	color: #2a2a2a;
	border-color: rgba(0, 0, 0, .35);
	line-height: normal;
}
.site-form label {
	font-size:21px;
	font-size: 1.2rem;
	font-size:16px;
}
.site-form .form-control {
	border: 2px solid rgba(0, 0, 0, .15);
	border: 1px solid rgba(0, 0, 0, .35);
}
*/
.contact-box.border {
	border: 2px solid #d3d3d3 !important;
}
.contact-box {
	background:#f6f3f3;
	color: #000;
}
.border-top {
	border-top:3px solid #eaeaea;
	padding-top:35px;
	margin-top:20px;
}
/* 
.progress-box h4 {
	color: #85bd00;
	font-size:.9rem;
	font-weight:800;
}
*/

/* ========================================
RESPONSIVE CSS
===========================================*/

@media screen and (max-width:1199px) {
	.container {
	max-width:91%;
	}
	.contact-box img {
	width:35px;
	}
	.step1-form {
	width:100% !important;
	margin:0 auto;
	}
}

@media screen and (max-width:991px) {
	.mobile-hide{display:none;}
	.step1-form label {
	font-size:1rem;
	}
	.current-section .current-item {
	font-size:.7rem;
	}
	.site-header .site-btn {
	font-size:.6rem;
	}
	/*
	.btn-lg.site-btn {
	font-size:.9rem;
	}
	*/
	.apply-section ul li {
	font-size:.9rem;
	}
	.apply-section h3 {
	font-size:1.8rem;
	}
	.site-btn i.fa-chevron-circle-right {
	font-size: 1.5rem;
	}
	.financing-section h5 {
	font-size:2rem;
	}
	.current-section h4 {
	font-size:.9rem;
	}
	.current-section .txt {
	font-size:.6rem;
	}
	.current-section {
	font-size:14px;
	}
	.customer-feedback {
	width: 75%;
	margin: 20px auto;
	position:static;
	}
	.apply-section ul li img {
	width:18px;
	}
	.contact-box label {
	font-size:14px;
	}
	/* 
	.progress-box .progress {
	width:125px;
	height:125px;
	}
	*/
	.step1-form .w-50 {
	width:75% !important;
	}
	.application-page .form-complete .card.p-4 {
	padding:1.5rem .7rem !important;
	}
}

@media screen and (max-width:768px) {
	.site-header .container {
		padding-left:0; padding-right:0;
	}
	.application-page .card .btn-outline-warning {
	width:98%;
	}
	.containerheights {
		height: 620px;
		height: 550px;
	}
	.mobile-margin {
	margin-top: 10px;
	padding-top: 10px;
	}
	.apply-section h3 {
	font-size:1.5rem;
	}
	.apply-section h4 {
	font-size:2rem;
	}
	.current-section .current-item {
	font-size:.5rem;
	padding:5px 2px;
	}
	/*
	.btn-lg.site-btn {
	font-size:.7rem;
	}
	*/
	.site-btn i.fa-chevron-circle-right {
	font-size: 1.2rem;
	}
	.btn-lg.site-btn.px-4 {
	padding-right: 1rem !important;
	padding-left: 1rem !important;
	}
	.current-section h4 {
	font-size:.9rem;
	}
	.current-section {
	font-size:11px;
	}
	.testimonials-section h1 {
	font-size:2rem;
	}
	.address-info {
	padding-left:15px;
	padding-top: 5px;
	}
	.middle-section h3 a {
	font-size:15px;
	margin-left:8px;
	}
	.site-main .container {
	max-width:inherit;
	}
	 .step1-form .w-75, .step1-form .w-50 {
	width:98% !important;
	}
	.step1-form .form-group .fa-usd{left:2%;}

  input.form-control,
  select.form-control,
  select.custom-select {font-size:1em;}

  .dollar-sign i {
    left:-12px !important;
    top:9px !important;
  }

}


@media screen and (max-width:576px) {
.containerheights {
	height: 450px;
}
.application-page .card {
	min-height:200px;
	height:auto;
}
.current-section .txt {
	text-align:left !important;
}
.approvals-sec .item-1 a.btn {
	font-size:.9rem;
	display:block;
	width:100%;
}
 .approvals-sec .w-75 {
width:100% !important;
}
 #calculator .modal-dialog {
margin:5px;
}
 .current-section .current-item {
font-size:.5rem;
text-align:left !important;
}
 #calculator .modal-body {
padding:20px 30px 50px 30px;
}
 .apply-section .text-right {
text-align:center !important;
}
 .apply-section ul {
margin-top:20px;
}
 .apply-section h3, .apply-section h4 {
font-size:1.3rem;
}
 .current-section .current-item {
padding: 0px 0px;
border:0 !important;
font-size: .8rem;
}
 .doller-value, #calculator .modal-dialog .modal-title {
font-size:1rem;
font-size:2rem !important;
}
 #calculator .modal-dialog .ml-5 {
margin-left: 0 !important;
}
 #calculator .modal-dialog button.close {
right: -3px;
top: -5px;
}
 .approvals-sec .item-1 h4 {
font-size:1.2rem;
}
 .main-menu .side-menu .navbar-nav li a {
font-size:.7rem;
}
 .apply-section ul {
padding:0;
}
 .apply-section ul li {
font-size:.8rem;
}
.address-info .dropdown-menu {
/* left:-50px!important; */
}
 .address-info {
font-size:.7em;
/* padding-left:55px; */
}
 .address-info p.para-graph {
font-size:.5rem;
}
 .site-btn i.fa-chevron-circle-right {
font-size: 1.5rem;
}
 .approvals-sec .p-5 {
padding:1.5rem !important;
}
 .current-section .table-responsive {
text-align:left;
}
 .current-section .row {
display:table !important;
}
 .current-section .row > div {
min-width: 120px;
max-width: inherit;
display: table-cell;
text-align:left !important;
}
 .apply-section ul li .mr-2 {
margin-right: .2rem !important;
}
 #payment-calculator section {
margin:0 auto !important;
height:345px !important;
}
 #calculator .modal-body {
padding: 20px 30px 20px 30px;
}
.hidden-btn {
display:none !important;
}
 #payment-calculator .amount, #payment-calculator .term-in-months {
margin-left:0 !important;
}
 #payment-calculator ul.month-terms li {
font-size:15px;
}
 #payment-calculator ul.car.month-terms li {
width:14.2%;
}
 .customer-feedback .client {
left: -25px;
}
 .customer-feedback p {
font-size:.8rem;
}
.testimonials-section h1 {
font-size:1.5rem;
}
 .application-page .card .btn-lg.site-btn {
font-size:1em;
}
 .application-page .card .btn-lg.site-btn.px-5 {
padding-right:1rem!important;
padding-left:1rem!important;
}
 .application-page .card .card-title {
font-size:1.2rem;
}
 .application-page .card form.w-25 {
width:50% !important;
}
 .middle-section h3 a {
font-size:13px;
margin-left:2px;
}
.increase-width {
min-width: 150px;
}
 .select-field {
margin-bottom:15px;
}
.middle-section h3{
padding:11px 18px;
}
.collapse-arow{
	right:3%;
}
#step4Form .col-sm-4{
	width:32%;
}

/* 3/30 - Fix for issue of longer zip/city name - change class col-7 width to col-10 width default */
.site-header .col-7 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 83.333333%;
	flex: 0 0 83.333333%;
	max-width: 83.333333%;
}
.address-info .dropdown-menu {
	/* left: -50px !important; */
}

}

@media screen and (max-width:479px) {
	.containerheights {
		height: 420px;
	}
	.parallax1 {
		height: 420px;
	}
	.address-info {
		font-size:.7em;
		/* padding-left:70px; */
	}
	.btn-footer {
		display:block;
	}
	.btn-lg.site-btn {
		font-size:1rem;
		display:block;
		width:100%;
	}
	.letter-space-wide {
		letter-spacing: 2px;
	}
	.approvals-sec .text-right {
		text-align:left !important;
	}

	/* 3/30 - Fix for issue of longer zip/city name - change class col-7 width to col-10 width default */
	.address-info .dropdown-menu {
		/* left: -15px !important; */
	}

}

@media screen and (max-width:391px) {
	.application-page .form-complete .card.p-4 {
		padding: 1.5rem .5rem !important;
	}
	.application-page .card .btn-outline-warning {
		background:#ff6000;
		color:#fff;
	}
	#step4Form .form-group select.form-control,
    #step4Form .form-group select.custom-select{
		padding-left:6px;
	}
}

/* ========================================
		APP > LEX LAW
===========================================*/

.card-lexlaw {border:1px solid #2C2B79 !important;}
.card-lexlaw .card-header {background:#2C2B79; color:#fff; }
.card-lexlaw .card-body {background:#fafafa; border-radius:0 0 2px 2px; padding:1em 1em;}

/* ========================================
APP PREVIEW > Icons (Dollar Sign)
===========================================*/

#app_preview .form-group .fa-usd {
	position:absolute;
	left:-10px;
	top:6px;
	background: #5d82bd;
	background: #248642;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	line-height:25px;
	color:#fff;
	text-align:center;
}
#app_preview .form-group .dollar-sign i {
	position:absolute;
	left:-12px !important;
	top:6px !important;
}
#app_preview .form-group .dollar-sign input {
	padding-left:20px;
}


/* ========================================
APP > RESP > INPUT/SELECT
===========================================*/
@media screen and (max-width:768px) {
	input.form-control,
	select.form-control,
    select.custom-select {font-size:1em;}
}


/* ========================================
APP > BUTTONS (STEP 7)
===========================================*/

button.gray,
.btn.gray,
input[type=submit].gray{
	color:#ffffff!important;
	background:#efefef!important;
	background:linear-gradient(to bottom,#efefef 0,#dddddd 100%)!important;
}
button.gray:hover,
.btn.gray:hover,
input[type=submit].gray:hover{
	color:#ffffff!important;
	background:#eeeeee!important;
	background:linear-gradient(to bottom,#eeeeee 0,#cccccc 100%)!important;
}

button.red,
.btn.red,
input[type=submit].red{
	color:#fff !important;
	background:#900 !important;
	background:linear-gradient(to bottom,#F25749 0,#C43226 100%) !important;
}
button.red:hover,
.btn.red:hover,
input[type=submit].red:hover{
	color:#fff !important;
	background:#880 !important;
	background:linear-gradient(to bottom,#C43226 0,#A92C21 100%) !important;
}

button.orange,
.btn.orange,
input[type=submit].orange{
	color:#fff !important;
	background:#E87722 !important;
	background:linear-gradient(to bottom,#E87722 0,#E87722 100%) !important;
}
button.orange:hover,
.btn.orange:hover,
input[type=submit].orange:hover{
	color:#fff !important;
	background:#D36716 !important;
	background:linear-gradient(to bottom,#D36716 0,#D36716 100%) !important;
}



/* ========================================
APP > LENDER (Step 7a)
===========================================*/

#statusProcessingResults h3 {
	font-family:'Poppins', sans-serif;
	font-weight:700;
}

/* ========================================
APP > LENDER STATUS BARS
===========================================*/

/* Container  */
.barContainer {
  max-width:900px; margin:0 auto 1em auto; border-radius:5px; box-shadow: 3px 3px 5px -1px rgba(0,0,0,0.25);
}

/* Bars */
.bar {
  position: relative; z-index: 250; width:100%; height:40px;border-radius:5px; background:#F4F7F8;
  box-shadow: inset 1px 1px 3px rgba(102,102,102,.25);
}
.bar1,.bar2,.bar3,.bar4 {
  position:absolute;width:0px;height: 40px;color:#fff;left:0px;top:0px;z-index: -10;border-radius:5px;
	background: linear-gradient(to bottom, rgba(79,106,142,1) 0%,rgba(48,63,86,1) 49%,rgba(79,106,142,1) 100%);
	background: linear-gradient(to bottom, rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%);
	background: linear-gradient(to bottom, rgba(125,181,65,1) 0%,rgba(69,132,17,1) 50%,rgba(125,181,65,1) 100%);
}

/* Lender */
.statusText {
  position: absolute; top:8px; left:20px; color: #fff !important;font-weight: 700;z-index: -5;text-shadow: 1px 1px 1px #000; font-family:'Poppins', sans-serif;
}
.statusText a {
  color: #fff !important;
}

/* Lender Status */
.lenderstatus1,.lenderstatus2,.lenderstatus3,.lenderstatus4 {
  position:absolute; right:24px; top: 8px; text-shadow: 1px 1px 1px #000; font-weight:500; font-family:'Poppins', sans-serif;
}
.lenderstatus1,.lenderstatus2 {
  -webkit-animation-name: blink;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
  -webkit-animation-duration: 2s;
}

@-webkit-keyframes blink {
  from { opacity: 1.0; }
  to { opacity: 0.0; }
}
@media screen and (max-width:768px) {
  .statusText {font-size:.8em;top:10px; left:10px; color: #fff !important;}
  .lenderstatus1,.lenderstatus2,.lenderstatus3,.lenderstatus4 {font-size:.8em;top: 10px; right:10px}
}
@media screen and (max-width:500px) {
  .bar {height:30px;}
  .bar1,.bar2,.bar3,.bar4 {height: 30px;}
  .statusText {top:7px; font-size:.6em; color: #fff !important;}
  .lenderstatus1,.lenderstatus2,.lenderstatus3,.lenderstatus4 {top:7px; font-size:.6em;}
}