/* ========================================
BASE / BS OVERIDES
===========================================*/
html {
  scroll-behavior: smooth;
}
body {
	font-family: 'Source Sans Pro', sans-serif;
	color:#1d1d1d;
}
body#home {
    background-color: #fff;
    background-image: url("/img/bg-main-cta-edit.jpg");
    background-position: top 90px center;
    background-repeat: no-repeat;
}

a {
	color:#2563A5;
}
a:hover {
	color:inherit;
}
img {
	max-width:100%;
}
.list-group a.list-group-item {
	color: #012B59;
    background: linear-gradient(to bottom, #ffffff 50%,#f6f6f6 100%);
}
.list-group a.list-group-item:hover {
    background: linear-gradient(to bottom, #2563A5 0%,#012B59 100%);color: #fff;
}
.list-group a.active {
	 background: linear-gradient(to bottom, #2563A5 0%,#012B59 100%); border-color:#2792b1;color: #fff;
}
.list-group a.active:hover {
	 background: linear-gradient(to bottom, #2563A5 0%,#012B59 100%); border-color:#2792b1;color: #fff;
}
option:disabled,
select:disabled {
  color: #dddddd;
}
.text-bold, .bold {
	font-weight:600;
}
.text-green {
	color:#98CA2F;
}
.text-blue {
    color:#2563A5;
}
.text-black {
    color:#000000;
}
.letter-space-small {
	letter-spacing: 1px;
}
.letter-space-wide {
	letter-spacing: 3px;
}
.btn {
	white-space:normal;
}

/* Checkbox Unchecked */
.custom-checkbox .custom-control-label:before{
  background-color:#eeeeee;
}
/* Checkbox Checked */
.custom-checkbox .custom-control-input:checked~.custom-control-label::before{
  background-color:#2563A5;
}

/* Input groups add ons */
.input-group-prepend span.input-group-text, .input-group-append span.input-group-text {
	font-weight: 700;
}

::-webkit-input-placeholder {
    color:#7D98B0 !important;
		font-style:italic;
}
:-moz-placeholder {
   color: #7D98B0 !important;
	 font-style:italic;
   opacity:1;
}
::-moz-placeholder {
   color:#7D98B0 !important;
	 font-style:italic;
   opacity:1;
}
:-ms-input-placeholder {
   color:#7D98B0 !important;
	 font-style:italic;
}
::-ms-input-placeholder {
   color:#7D98B0 !important;
	 font-style:italic;
}
::placeholder {
   color:#7D98B0 !important;
	 font-style:italic;
}

/* ========================================
IMG > IN CONTENT
===========================================*/

.img-float-r {float:right; margin: 0 0 1em 1em}
.img-float-l {float:left; margin: 0 1em 1em 0}
@media screen and (max-width:576px) {
  .img-float-r {float:none; display: block; margin: 0 auto 1em auto}
  .img-float-l {float:none; display: block; margin: 0 auto 1em auto}
}


/* ========================================
BTNS
===========================================*/

.btn {
	cursor: pointer;
}
.site-btn {
    background: #2563A5;
	font-weight:600;
	border-radius:5px;
	color:#fff;
}
.site-btn:hover {
	background:#2563A5;
	color:#fff;
}
.site-btn-green {
	background:#2792b1;
	font-weight:600;
}
.site-btn i.fa-chevron-circle-right,
.site-btn-green i.fa-chevron-circle-right {
	font-size:1.8rem;
	vertical-align:-3px;
}
.btn-footer {
	background:#A3A3A3;color:#fff;font-weight:600;border-radius:30px;color:#fff;
}
.btn-footer:hover {
	background:#757575;color:#fff;
}

/* ========================================
HEADER
===========================================*/

.site-header {
	background:#fff;
	border-bottom:1px solid #e5e5e5;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, .25);
}
.site-header.affix {
	background:#fff;
	border-bottom:1px solid #e5e5e5;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, .25);
}


/* ========================================
HEADER > LOGO
===========================================*/

.site-header .logo {
	margin-bottom: .15em;
	margin-top: .15em;
}
.site-header .logo img {
	max-height:40px; width:auto;
}

@media screen and (max-width:576px) {
	.site-header .logo {
		display:block;
		width:110px !important;
		position:relative;
		z-index:1;
	}
}

/* ========================================
HEADER > ADDRESS/ZIP
===========================================*/

.address-info i {
	color:#D44522;
	color:#ADB738;
	margin-top: 13px;
}
.address-info .dropdown-menu {
	min-width: 11rem;
	top: 25px !important;
	left: -130px !important;
	border:0;
	background:none;
}
@media screen and (max-width:991px) {
	.address-info i {
		margin-top: 7px;
	}
}
@media screen and (max-width:768px) {
	.address-info i {
		margin-top: 2px;
	}
}
@media screen and (max-width:576px) {
	.address-info i {
		margin-top: 5px;
	}
}

/* ========================================
HEADER > BTNS
===========================================*/

.site-header .hidden-btn {
	margin-top:.15em;
}

/* ========================================
HEADER > MENU
===========================================*/

.main-menu {
	position:relative;
	z-index:1000;
}

/* Top */

.main-menu .top-menu {
	list-style:none;
	position:absolute;
	right:35px;
	top:9px;
	margin:0;
	padding:0;
}
.main-menu .top-menu li a:hover {
	text-decoration:none;
}
.main-menu .top-menu li a {
	font-size:1.5em;
	color:#2563A5; color:#aaaaaa;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, .4);
}
@media screen and (max-width:991px) {
	.main-menu .top-menu {
		top:3px;
	}
}
@media screen and (max-width:576px) {
	.main-menu .top-menu {
		top:5px;
		right:20px;
	}
}

/* Side */

.main-menu .side-menu {
	position: absolute;
	right:35px;
	width:250px;
	z-index:999;
	top:68px;
	opacity:0;
	visibility:hidden;
	transform:translateX(100px);
	transition:all 0.4s ease;
}
.main-menu .side-menu.active {
	opacity: 1;
	visibility: visible;
	transform: translateX(0px);
}
.main-menu .side-menu .navbar-nav li a {
	color:#2563A5;
	font-weight:400;
	font-size:1em;
	border:2px solid #FFF;
	border-radius:8px;
}
.main-menu .side-menu .navbar-nav li a:hover,
.main-menu .side-menu .navbar-nav li.active a {
	text-decoration:none;
	border:2px solid #cccccc;
	color:#2563A5;
}

@media screen and (max-width:576px) {
	.main-menu .side-menu {
		right:20px;
	}
}

/* ========================
HOME > MAIN CTA (TOP)
========================== */

#main-cta-hero {
    margin-top:5em; margin-bottom: 1em; padding: 2em; border-radius: 5px;
    background-image: url("/img/bg-main-cta-hero-2.jpg"); background-position: top left;  background-size: cover;background-repeat: no-repeat;
     border: 1px solid #ddd;box-shadow: 1px 2px 6px rgba(0,0,0,.2);
}
/* For Retina */
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
  #main-cta-hero {
      margin-top:5em; margin-bottom: 1em; padding: 2em; border-radius: 5px;
      background-image: url("/img/bg-main-cta-hero-2@2x.jpg"); background-position: top left;  background-size: cover;background-repeat: no-repeat;
      border: 1px solid #ddd;box-shadow: 1px 2px 6px rgba(0,0,0,.2);
  }
}

#main-cta-hero .heading {
	font-weight:700; color:#002045; font-size:2.75em; margin-bottom:.1em; line-height: 1; text-align: center;
}
#main-cta-hero .subheading {
	font-weight:400; color:#002045; font-size:1.4em; margin-bottom:.5em; line-height: 1; text-align: center;
}
#main-cta-hero .cta-btn {
	margin-bottom:.5em; text-align: center;
}
#main-cta-hero .list {
	background:#375A76; padding: .75em 1.5em; margin:0 auto 1em auto; background: rgba(0,0,0,0.50); border: 1px solid #fff; border-radius: 5px;
    max-width: 490px;
}
#main-cta-hero ul {
	color:#fff; margin-bottom:0; padding:0;
}
#main-cta-hero ul li {
	font-size:1.55em; margin-bottom:.25em; font-weight:400;
}
#main-cta-hero ul li i {
	color:#FF0000;
}

@media screen and (max-width:992px) {
    #main-cta-hero {
        background-position: top right;  background-size: cover;
    }
}

@media screen and (max-width:765px) {
    #main-cta-hero {
        background-position: top right;  background-size: cover;
    }
}
@media (max-width: 576px) {
    #main-cta-hero .list {
	    padding: .75em .75em;
    }
    #main-cta-hero .heading {
	    font-size:2em; margin-bottom:.1em;
    }
    #main-cta-hero .subheading {
        font-size:1.35em; margin-bottom:.5em;
    }
    #main-cta-hero ul li {
        font-size:1.1em; margin-bottom:.15em; font-weight:400;
    }
}

/* ========================================
HOME > FAQ
===========================================*/

#faq-section .card {
	background: linear-gradient(to bottom, #ffffff 50%,#f6f6f6 100%);box-shadow: 1px 2px 6px rgba(0,0,0,.2);
}
#faq-section .card-body {
	padding:1em 2em .5em 2em;
}
#faq-section .card .fas {
    color:#2563A5;
}
#faq-section .calc .row {
	background:#efefef; border: 1px solid #999; padding: .5em 1em .5em 1em; background: #2563A5;
}
#faq-section .calc .calc-container {background: #2563A5; background: linear-gradient(to bottom, #2563A5 0%,#012B59 100%); padding: .75em;}
#faq-section .calc .calc-container img {float:left; width:80px;}
#faq-section .calc p {font-size:.85em; line-height: 1; color: #fff;}
#faq-section .calc p a {text-decoration: none; color:#fff;}
#faq-section .calc p:last-child {margin-bottom: 0;}

@media (max-width: 768px) {
    #faq-section .card-body {padding:1em 2em;}
    #faq-section .calc .calc-container {margin-bottom: 1em;}
    #faq-section .calc .calc-container img {width:70px;}
    #faq-section .col-md.faq-list {margin-bottom: 0; padding-bottom: 0;}
    #faq-section .col-md.faq-list ul {margin-bottom: 0;}
}
@media screen and (max-width:450px) {
    #faq-section .calc p.h5 {text-align: center;}
}

/* ========================================
HOME > ABOUT
===========================================*/

#about-section {
	padding-top:3em; padding-top:1em; padding-bottom:3em; background: linear-gradient(to bottom, #ffffff 50%,#f6f6f6 100%);
}
#about-section .section-title {
	font-family: 'Montserrat','Open Sans', sans-serif;font-weight:400;text-align:center;font-size:2.5em; color:#005277; margin-bottom:.9em;
}
#about-section h2 {
	font-weight: 600; color:#0B4173; font-size: 1.5em;
}
#about-section p {
	font-size:.9em;
}
#about-section ul li,
#about-section ol li {
	font-size:.9em;
    margin-bottom: 1em;
}
#about-section ul li:last-child,
#about-section ol li:last-child {
    margin-bottom: 0;
}
#about-section .cta-btn {
	margin-top:.25em; text-align:left;
}

@media (max-width: 768px) {
	#about-section .heading {
		font-size:1.2em;
	}
	#about-section .row .col-md-4 {
		margin-bottom:1.25em; padding-left:2em; padding-right:2em;
	}
	#about-section .row .col-md-4:last-child {
		margin-bottom:0;
	}
}

@media (max-width: 576px) {
	#about-section {
		padding-top:2em;padding-bottom:2em;
	}
	#about-section .section-title {
		font-size:1.75em;
	}
	#about-section p {
		font-size:1em; line-height:1.3;
	}
}

/* ========================================
GOOGLE/ADS
===========================================*/

.goo-ad {text-align:center; padding:1.5em 1em;background:transparent;}

/*
.goo-ad ins.adsbygoogle {
    background: transparent !important;
}
*/

.goo-ad-resp {width: 300px; height: 78px; margin:0 auto}
@media(min-width: 576px) { .goo-ad-resp { width: 468px; height: 122px; margin:0 auto } }

/* ========================================
GOOGLE/ADS (3-23-21 UPDATE)
===========================================*/

.goo-ad-label {background:#CFD6E0; padding: .25em .5em; margin-bottom: 0em; font-weight: 700; text-align: center; border-top: 1px solid #000;}
.goo-ad-container {text-align:center; border-top: 0px solid #000000; box-shadow: inset 0 8px 6px -6px rgba(0,0,0,.1); background: none; padding-left: 16px !important; padding-right:16px !important;}
.goo-ad-container .goo-ad {text-align:center;}

/* ========================
FOOTER > LOGOS
========================== */

.footer-logos {text-align: center; background: #fff; padding:1em .5em;  border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9;  }
@media (max-width: 576px) {
	.footer-logos {border-top: none; padding:0; border-bottom: 1px solid #e9e9e9;}
    .footer-logos img {display: none;}
}

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

.site-footer {background:#eee; background: #fff; padding-top:3em; padding-bottom:3em;}
.site-footer .footer-logo {text-align:center; margin-bottom:1em;}
.site-footer .footer-content {text-align:left;}
.site-footer .footer-secure {text-align:left;}

/* Logos */
.site-footer .footer-logo img {max-width:200px;}
.site-footer .footer-secure img {max-width:125px;}

/* Nav */
.site-footer ul.footer-nav {margin:5px 0 16px; padding:0; list-style: none;}
.site-footer ul.footer-nav li {display:inline; margin-right:.7em; font-size:.85em; text-transform: uppercase; font-weight: 700;}
.site-footer ul.footer-nav li:last-child {margin-right:0;}
.site-footer ul.footer-nav li a {color:#b0b0b0;color:#6E6E6E;}

/* Disclaimer - Copyright */
.site-footer .footer-content .footer-disclaimer {color:#777; color:#6E6E6E; text-align:left; font-size:.75em}
.site-footer .footer-copyright {color:#777; color:#6E6E6E; text-align:center; font-size:.75em}

@media (max-width: 768px) {
	.site-footer .footer-logo {text-align:center; margin-bottom:20px}
	.site-footer .footer-content {margin-bottom:.5em}
	.site-footer ul.footer-nav {margin:0 0 20px 0;}
	.site-footer ul.footer-nav li {display:block; margin-right:0; text-align:center; line-height:2.25}
	.site-footer ul.footer-nav li a {display:block; padding:3px}
	.site-footer .footer-secure {text-align:center;}
	.site-footer .footer-secure img {max-width:100px;}
}

@media screen and (max-width:576px) {
	.site-footer {padding-top:2em; padding-bottom:2em;}
	.site-footer ul.footer-nav li {font-size:.85em}
	.site-footer .footer-content .footer-disclaimer {font-size:.75em}
	.site-footer .footer-copyright {font-size:.75em}
}

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

.page-title {
	background:url(/img/page-title-bg.jpg) no-repeat center center;
	background-size:cover;
	position:relative;
    /* background: linear-gradient(to bottom, #ffffff 10%,#efefef 100%); */
    text-align: center;
    border-bottom: 1px solid #ddd;
}

/* For Retina */
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
  .page-title {
    background:url(/img/page-title-bg@2x.jpg) no-repeat center center;
    background-size:cover;
    position:relative;
    text-align: center;
    border-bottom: 1px solid #ddd;
  }
}

.page-title .align-items-center {
	min-height:180px;
}
.page-title h1 {
	color:#354468;
    color: #2563A5;
	font-size:2.25em;
	font-weight:400;
    text-transform: uppercase;
    text-shadow: 1px 1px 3px #ffffff;
}

@media screen and (max-width:576px) {
	.page-title .align-items-center {
		min-height:110px;
	}
	.page-title h1 {
		font-size:1.3rem;
	}
}

/* ========================================
FAQ > LIST
===========================================*/

#faq-list .card {
	margin-bottom:1em; border:1px solid #eee;
}
#faq-list .card .card-header {
	padding: .5em 1em .5em 1em; background:#f3f3f3; background: linear-gradient(to bottom, #ffffff 0%,#f8f8f8 100%);
	font-size:1.25em; color:#2563A5; outline:0; font-weight:700;
}
#faq-list .card .card-body {
	padding:1em 1.5em; font-size:1em;
}

@media (max-width: 576px) {
	#faq-accordion .card {
		margin-bottom:1em;
	}
	#faq-list .card .card-header {
		font-size:.85em;
	}
	#faq-list .card .card-body {
		padding:1em 1em; font-size:.85em
	}
}


/*

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

#faq-accordion .card {
	margin-bottom:1.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:1.25em; color:#314D63; outline:0; font-weight:700;
}
#faq-accordion .card .card-body {
	padding:1em 1.5em; font-size:1em;
}
#faq-accordion .card .card-header .collapse-arrow {
	position:absolute; right: 15px; top:10px;
}
#faq-accordion .card .card-header .collapse-arrow.fa {
	font-size:1.7em; font-weight:700; color:#ccc;
}
#faq-accordion .card .card-header .collapse-arrow.fa:hover {
	color:#314D63;
}

@media (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
	}
}

/* ========================
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;}
}

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

.application-container {
	max-width:900px;
}

.step1-form label {
	font-size:1rem;
	font-family: 'Open Sans', sans-serif;
	font-weight:800;
}
.step1-form .form-control,
.step1-form .custom-select {
	border: 1px solid #bbbbbb;
	/*
	border: 2px solid #d7d7d7;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	*/
 -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,
.step1-form .custom-select:focus {
	outline: 0;
	-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;
}

/*
.step1-form .form-group select.form-control,
select.form-control {
	min-height:50px;
	background: url(/img/arrow.png) no-repeat 95%;
	-webkit-appearance: none;
	-moz-appearance: none;
}
*/

.step1-form {
	position:relative;
 /***left:100%;***/
}

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

.progress-bar-m h4 {
	color: #85bd00;
 	font-size:.8rem;
	font-family: 'Open Sans', sans-serif;
	font-weight:800;
}

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

.application-page .card,
.stp20, .application_app {
	min-height:330px;
	/* overflow:hidden; */
}
.application-page .card.auto-height,
.card.auto-height {
	min-height: inherit !important; height:auto !important;
}
.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 {
	background:#D6E6F5;color:#2563A5; font-size:1.65em; font-weight:400;
}
@media (max-width: 576px) {
 .application-page .card .card-header.step-header {font-size:1.25em;}
}


.application-page .card .step-btn {
	background:#2563A5;
	border-radius: 10px;
	color: #fff;
	font-weight:700;
	font-size: 1.3em;
	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.9em;
}

.application-page .card .btn-outline-warning {
	border-color:#ff6000;
	color:#ff6000;
	font-size:1.2rem;
	font-family: 'Open Sans', sans-serif;
	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 {
	position:absolute;
	left:10%;
	top:12px;
	background: #D24322;
	background:#48647A;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	line-height:25px;
	color:#fff;
}

.dollar-sign {
	width:100% !important;
	position:relative !important;
}
.dollar-sign i {
	position:absolute;
	left:-12px !important;
	top:6px !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: 'Open Sans', 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;
	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:#FFF4F4; padding:.25em; border:0; border-radius:5px;
}

/* ========================================
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)
===========================================*/

.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,
.site-form select.custom-select {
	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,
.site-form .custom-select {
	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;
	}
	.get-data .card-body {
	padding:0;
	}

  .get-data .card-header {
    /*
		background:#f3f3f3;
    color: #85bd00;
    font-size:1.3rem;
    font-weight:700;
		*/
		background:#E6F1F7;color:#36526A; font-size:1.3em; font-weight:600;
  }

	.get-data .step1-form.w-75 {
	width:auto !important;
	}
	.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%;
	}
	.application-page .get-data .card.p-4 {
	padding:.9 !important;
	}
	.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:.9rem;
}
 .apply-section ul {
padding:0;
}
 .apply-section ul li {
font-size:.8rem;
}
 .address-info .dropdown-menu {
left:-50px!important;
}
 .address-info {
font-size:.7rem;
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:.7rem;
		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{
		padding-left:6px;
	}
}

.get-data .card-header {
	background:#f3f3f3;
	color: #85bd00;
	font-size:1.3rem;
	font-family: 'Nunito', sans-serif;
	font-weight:700;
}


/* ========================================
		APP > TCPA DBL CHECK
===========================================*/

.card-tcpadblcheck {border:1px solid #B60400;}
.card-tcpadblcheck .card-header {background:#B60400; color:#fff; }
.card-tcpadblcheck .card-body {background:#ffffff; border-radius:0 0 2px 2px; padding:1em 1em;}


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

.card-lexlaw {border:1px solid #B60400;}
.card-lexlaw .card-header {background:#B60400; color:#fff; }
.card-lexlaw .card-body {background:#ffffff; border-radius:0 0 2px 2px; padding:1em 1em;}
#llawFooterDiv {font-size:.9em;}

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

#app_preview .form-group .fa-usd {
	position:absolute;
	left:-10px;
	top:6px;
	background: #5d82bd;
	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;
}


/* ========================================
  APP > LENDER STATUS BARS > NEW/UPDATED 9-30-2020
  ===========================================*/

  .barContainer {
    max-width:750px; margin:0 auto 12px auto; border-radius:10px;box-shadow: 3px 3px 5px -1px rgba(0,0,0,0.25);
  }
  .bar {
    position: relative;/*z-index:40;*/ z-index:40; width:100%; height:40px;border-radius:10px; background:#C9CFD3;
    box-shadow: inset 1px 1px 3px rgba(102,102,102,.75);
  }
  .bar0 {
    position:absolute;width:0px;height: 40px;color:#fff;left:0px;top:0px;z-index: -10;border-radius:10px;
    background: linear-gradient(to bottom, rgba(79,106,142,1) 0%,rgba(48,63,86,1) 49%,rgba(79,106,142,1) 100%);
  }
  .statusText1,.statusText2{
    position: absolute; top:8px; left:20px; color: #fff !important;font-weight: bold;z-index: -5;text-shadow: 1px 1px 1px #000; text-transform: uppercase;
  }
  .statusText1 a, .statusText2 a {
    color: #fff !important;
  }
  .lenderstatus {
    position:absolute; right:24px; top: 8px; text-shadow: 1px 1px 1px #000; font-weight:bold;text-transform: uppercase;
  }
  .lenderstatus {
    -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) {
    .statusText1,.statusText2 {font-size:.8em;top:10px; left:10px; color: #fff !important;}
    .lenderstatus {font-size:.8em;top: 10px; right:10px}
  }
  @media screen and (max-width:500px) {
    .bar {height:30px;}
    .bar0 {height: 30px;}
    .statusText1,.statusText2 {top:7px; font-size:.6em; color: #fff !important;}
    .lenderstatus {top:7px; font-size:.6em;}
  }
  @media screen and (max-width:480px) {
    .statusText1,.statusText2 {font-size:.56em;}
    .lenderstatus {font-size:.56em;}
  }