/* ========================================
BASE / BS OVERIDES
===========================================*/
body {font-family: 'Proxima Nova','Open Sans',sans-serif;	color:#1d1d1d;/* FONT OPTIONS: 'proxima_nova_ltthin','proxima_nova_ltsemibold','proxima_nova_altbold', 'proxima_nova_altblack', 'Proxima Nova' */}
h1, h2, h3, h4, h5, h6 {font-family: 'Proxima Nova','Open Sans',sans-serif;}
a {color: #0584A9;}
a:hover, a:active {	color: #03546B;}
img {max-width:100%;}
.list-group a.list-group-item {color: #314D63;}
.list-group a.list-group-item:hover {background-color: #E2EFF5;}
.list-group a.active {background:#2792b1;border-color:#2792b1;}
.list-group a.active:hover {background:#2792b1;border-color:#2792b1;}
option:disabled,select:disabled {color: #dddddd;}
.text-bold, .bold {font-weight:700;}
.text-green {color:#98CA2F;}
.text-blue {color:#0584A9;}
.text-center-horiz {display: flex;align-items: center;}
.letter-space-small {letter-spacing: 1px;}
.letter-space-wide {letter-spacing: 3px;}
/* Checkbox/Radio Unchecked */
.custom-checkbox .custom-control-label:before,.custom-radio .custom-control-label:before{ background-color:#eeeeee;}
/* Checkbox/Radio Checked */
.custom-checkbox .custom-control-input:checked~.custom-control-label::before,.custom-radio .custom-control-input:checked~.custom-control-label::before{background-color:#0584A9;}
/* Input groups add ons */
.input-group-prepend span.input-group-text, .input-group-append span.input-group-text {font-weight: 700; background-color: #efefef; color: #0584A9;}
::-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;}
.text-height-1 {line-height:1;}
.text-height-1_25 {line-height:1.25;}
.shadow-border {box-shadow: 10px 10px 8px -9px rgba(0,0,0,0.25); border:2px solid #eee;}

@media screen and (max-width:765px) {
  .no-mobile {display:none;}
}

/* ========================================
BTNS (INVP)
===========================================*/
.btn {font-family: 'proxima_nova_ltsemibold','Proxima Nova', sans-serif; letter-spacing:normal; white-space:normal; cursor: pointer;}
.site-btn {background:#0696BF;font-weight:600;border-radius:30px;	color:#fff;	text-transform:uppercase;	white-space:normal;	text-shadow:none;	padding-left:2em; padding-right:2em;}
.site-btn:hover {background:#0584A9;	color:#fff;}
.site-btn-green {background:#2792b1;	font-weight:600;	text-transform:uppercase;}
.site-btn i.fa-chevron-circle-right,.site-btn-green i.fa-chevron-circle-right {	font-size:1.8rem;	vertical-align:-3px;}
.btn-red {background:#D13B56;background: linear-gradient(to bottom, #d13b56 0%,#cc1836 100%);	color:#fff;font-weight:bold;text-transform:uppercase; text-shadow:none !important;}
.btn-red:hover {background: linear-gradient(to bottom, #ce334d 0%,#b71616 100%);color:#fff;}
.btn-orange {background:#FF9933;background: linear-gradient(to bottom, #ffa84c 0%,#ff7b0d 100%);color:#fff;font-weight:bold;text-transform:uppercase; text-shadow:none !important;}
.btn-orange:hover {	background:#FF6600;background: linear-gradient(to bottom, #FF983C 0%,#F46F00 100%);	color:#fff;font-weight:bold;text-transform:uppercase;}
.btn-gray {background:#e9e9e9; color:#343434;}
.btn-gray:hover {background:#cccccc; color:#343434;}
.btn-footer {background:#0696BF;color:#fff !important;font-weight:600;border-radius:20px;text-shadow:none !important; white-space:normal;}
.btn-footer:hover {background:#0584A9;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 > 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.5rem;color:#2c2c2c;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:30px;	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 {font-weight:400;font-size:.8em;	color:#2c2c2c;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 #2c2c2c;	color:#2c2c2c;}

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

/* ========================================
HEADER > MENU > NO JS/CSS ONLY MENU
===========================================*/

/* Base */
#menu-toggle {display: block;position: absolute;top: 20px;right: 30px;z-index: 1;-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;user-select: none;}
#menu-toggle a {text-decoration: none; color: #232323; -webkit-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease;}
#menu-toggle a:hover {color: #4f7794;}
/* Hamburger btn hidden inside input */
#menu-toggle input {display: block; width: 30px;height: 30px;position: absolute;top: -7px;right: -5px;padding: 0;cursor: pointer;opacity: 0;z-index: 2;-webkit-touch-callout: none;}
#menu-toggle label {position: relative; display: block; width: 30px; height: 30px;}
#menu-toggle label span {display: none;}
/* Hamburger */
#menu-toggle label div {display: block; width: 30px; height: 2px; margin-bottom: 6px; position: relative; background: #aaaaaa; border-radius: 3px;z-index: 1;-webkit-transform-origin: 4px 0px;-ms-transform-origin: 4px 0px;transform-origin: 4px 0px;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease; transition: all 0.3s ease;}
#menu-toggle label div:first-child {-webkit-transform-origin: 0% 100%;-ms-transform-origin: 0% 100%;transform-origin: 0% 100%;}
#menu-toggle label div:nth-child(2) {-webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%;transform-origin: 0% 0%;}
/* Change the color of the hamburger when toggled */
#menu-toggle input:checked + label div {background: #232323;}
/* place the menu off-screen */
#menu-nojs {position: absolute; width: 275px; margin: -100px -50px 0 0; padding: 125px 40px 30px 20px; background: rgba(255,255,255,0.97); list-style-type: none;right: -275px; -webkit-transition: right 0.3s ease; -o-transition: right 0.3s ease; transition: right 0.3s ease; box-shadow: -2px 2px 5px 0px rgba(0, 0, 0, .1);}
#menu-nojs li {padding: .15em .5em;font-size: 1.0rem; text-transform: uppercase; margin-bottom: .75em; text-align: right; font-weight: 600;}
#menu-nojs a li {color:#2c2c2c;	border:0px solid transparent;	border-radius:8px;}
#menu-nojs a:hover li, #menu-nojs a.active li {text-decoration:none;	border:0px solid #cccccc;	color:#0584A9;}
/* Slide the menu in from left when the input is checked - Added to fix issue with off canvas scrolling */
#menu-toggle input ~ ul {display: none;}
#menu-toggle input:checked ~ ul {right: 0;display: block}
/* Nav item with Sub nav - 10-2021 */
#menu-nojs .dropdown {position: relative; display: block; text-align: right; margin-bottom: 1em !important; margin-right: .55em; margin-top: 1em !important;}
#menu-nojs .dropdown .dropdown-content {display: none; position: absolute; background-color: #f9f9f9;min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); padding: 12px 16px; z-index: 1;right: 0;}
#menu-nojs .dropdown span {font-size: 1em;text-transform: uppercase;font-weight: 600; cursor: pointer}
#menu-nojs .dropdown .dropdown-content a {display:block; padding-top:.3em; padding-bottom:.3em; text-transform: uppercase; text-align: right; font-weight: 600; font-size: .9em; margin-bottom: .25em;}
#menu-nojs .dropdown .dropdown-content a:last-of-type {margin-bottom:0;}
#menu-nojs .dropdown:focus {cursor: pointer; pointer-events: none;}
#menu-nojs .dropdown:hover .dropdown-content, #menu-nojs .dropdown:focus .dropdown-content {display: block;}

/* ========================================
HOME > HOME APP FORM (INVP) > DESK/MOBILE BLOCK DISPLAY
===========================================*/
@media screen and (min-width:765px) {
	#mobileHomeForm {display:none;}
}
@media screen and (max-width:765px) {
	#desktopHomeForm {display:none;}
	#mobileHomeForm {display:block !important;}
}

/* ========================================
HOME > HOME APP FORM (INVP) > APP
===========================================*/
#home-app-form {position:relative;background:#aaa;background:url(/img/hero-home-app.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;min-height:575px;}
#home-app-form #home-app-form-container {background: rgba(250,250,250,.85); padding:1em; border:1px solid #ddd; border-radius:5px;box-shadow: 10px 10px 8px -9px rgba(0,0,0,0.25);margin-top:110px;}
#home-app-form h4, #home-app-form h1 {font-size:1.9em;text-shadow: 0px 1px 0px rgba(250,250,250,.75); font-weight:bold;}
#home-app-form img.couple-img {position:absolute; bottom:0; left:20%; width:520px;}

@media screen and (max-width:1600px) {
	#home-app-form {min-height:575px;}
	#home-app-form img.couple-img {width:520px;left:18%;}
}
@media screen and (max-width:1200px) {
	#home-app-form {min-height:550px;}
	#home-app-form img.couple-img {width:500px;left:10%;}
}
@media screen and (max-width:991px) {
	#home-app-form {min-height:470px;	height:auto;}
	#home-app-form #home-app-form-container {margin-top:80px;margin-bottom:40px;}
	#home-app-form img.couple-img {display:none;}
}
@media screen and (max-width:765px) {
	#home-app-form {min-height: inherit;height:auto;text-align:center;}
	#home-app-form #home-app-form-container {margin-top:120px;margin-bottom:60px;}
}
@media screen and (max-width:576px) {
	#home-app-form h4,#home-app-form h1 {font-size:1.65em;}
}
@media screen and (max-width:400px) {
  #home-app-form h4 {font-size:1.65em;}
/* #home-app-form {min-height:475px;}, #home-app-form img.couple-img {width:225px;} */
}

/* ========================================
HOME > CAR LOGOS (INVP)
===========================================*/
#home-car-logos {background: linear-gradient(to bottom, #eeeeee 0%,#ffffff 100%); background: #efefef; padding:.5em 1em; border-bottom:1px solid #ddd;border-top:1px solid #ddd;}

@media screen and (max-width:991px) {
	#home-car-logos {padding:.5em 0em;}
}

/* ========================================
FEAT DEALERS > CAR LOGOS
===========================================*/
#feat-dealer-logos {background: transparent; padding:.5em 1em; border-bottom: 0px solid #ddd; border-top:0px solid #ddd; margin-top:3em; margin-bottom:2em;}

@media screen and (max-width:991px) {
	#feat-dealer-logos {padding:.5em 0em;}
}

/* ========================================
HOME > TRUSTED (INVP)
===========================================*/

#home-trusted {padding:1em 0;background:#343434;	background: linear-gradient(to bottom, #565656 0%,#222222 100%);}
#home-trusted p {font-size:2.7em; margin:0; padding:0; font-family: 'proxima_nova_ltthin', 'Proxima Nova', sans-serif; font-weight:bold; color:#fff; line-height:1; padding-top:.2em;}
#home-trusted p span {font-family: 'Proxima Nova', sans-serif; font-weight:bold; color:#B9DBF1;}

@media screen and (max-width:991px) {
	#home-trusted p {font-size:2em;}
	#home-trusted img {max-width:250px;}
	#home-trusted .car {display:none;}
}
@media screen and (max-width:765px) {
	#home-trusted p {font-size:1.5em;}
	#home-trusted img {max-width:200px;}
}

/* ========================================
HOME > SPOTLIGHT (INVP)
===========================================*/
#home-spotlight {background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%); padding:3em 0; border-bottom:1px solid #ddd;}
#home-spotlight p {font-size:1em; line-height:1.6;}
#home-spotlight .row h4 {font-family:'Proxima Nova', sans-serif; font-weight:bold; line-height:1; text-align:center; margin-bottom:.75em;}
#home-spotlight .row p {font-size:1em; line-height:1.6;}
#home-spotlight .row .img {margin-bottom:.85em; box-shadow: 10px 10px 8px -9px rgba(0,0,0,0.25); border:2px solid #eee;}

@media screen and (max-width:991px) {
	#home-spotlight {padding:2em 0;}
	#home-spotlight .row h4 {font-size:1.35em;margin-bottom:.5em;}
	#home-spotlight .row p {font-size:1em; line-height:1.25;}
}
@media screen and (max-width:765px) {
	#home-spotlight {padding:1em 0;}
	#home-spotlight .row h4 {font-size:1.3em;margin-bottom:.5em;}
	#home-spotlight .row p {font-size:.9em;}
}

/* ========================================
HOME > WHAT IS INVP
===========================================*/
#home-whatisinvp {background: linear-gradient(to bottom, #F6F6F6 0%,#F6F6F6 100%); padding:3em 0; border-bottom:1px solid #ddd;}
#home-whatisinvp h3 {line-height:1;font-size:3em;}
#home-whatisinvp p {line-height:1.6;}
#home-whatisinvp .img img {margin-bottom:.85em; box-shadow: 10px 10px 8px -9px rgba(0,0,0,0.25); border:2px solid #eee;}

@media screen and (max-width:765px) {
	#home-whatisinvp {padding:2em 0em;}
  #home-whatisinvp h3 {font-size:2em;}
}
@media screen and (max-width:576px) {
	#home-whatisinvp h3 {font-size:2em;}
}

/* ========================================
HOME > HOW IT WORKS
===========================================*/
#home-howitworks {background: linear-gradient(to bottom, #ffffff 0%,#ffffff 100%); padding:3em 0; border-bottom:1px solid #ddd;}
#home-howitworks h3 {line-height:1;font-size:3em;}
#home-howitworks p {line-height:1.6;}
#home-howitworks .img img {margin-bottom:.85em; box-shadow: 10px 10px 8px -9px rgba(0,0,0,0.25); border:2px solid #eee;}

@media screen and (max-width:765px) {
	#home-howitworks {padding:2em 0em;}
  #home-howitworks h3 {font-size:2em;}
}
@media screen and (max-width:576px) {
	#home-howitworks h3 {font-size:2em;}
}

/* ========================================
HOME > CONTACT US
===========================================*/
#home-contact {background: linear-gradient(to bottom, #ffffff 0%,#ffffff 100%); padding:3em 0; border-bottom:1px solid #ddd;}
#home-contact h3 {line-height:1;font-size:3em;}
#home-contact p {line-height:1.6;}
#home-contact .img img {margin-bottom:.85em; box-shadow: 10px 10px 8px -9px rgba(0,0,0,0.25); border:2px solid #eee;}

@media screen and (max-width:765px) {
	#home-contact {padding:2em 0em;}
  #home-contact h3 {font-size:2em;}
}
@media screen and (max-width:576px) {
	#home-contact h3 {font-size:2em;}
}

/* ========================================
HOME > TIPS (INVP)
===========================================*/
#home-tips {padding:3em 0;}
#home-tips h3 {font-family:'Proxima Nova', sans-serif; line-height:1; font-size:3em; margin-bottom:.5em;}
#home-tips ul {list-style-type:none; margin:0 0 1.75em .5em; padding:0;}
#home-tips li {font-size:1.4em; margin-bottom:.3em;}
#home-tips li i {color:#82C91E; font-size:1.5em;}

@media screen and (max-width:991px) {
	#home-tips h3 {text-align:center;font-size:2.5em;}
}
@media screen and (max-width:765px) {
	#home-tips h3 {font-size:2em;}
	#home-tips li {font-size:1em; margin-bottom:.3em;}
	#home-tips li i {font-size:1em;}
}

/* ========================================
HOME > TESTIMONIALS (INVP)
===========================================*/
#home-testimonials {padding:3em 0; background:#B3D7EF;background: linear-gradient(to bottom, #B3D7EF 0%,#E1F5FD 100%);border:1px solid #ccc;}
#testimonial-carousel .carousel-indicators li {background-color: #565656;margin-left:7px;margin-right:7px;cursor:pointer;}
#testimonial-carousel .carousel-indicators .active {background-color: #FF8000;}
#testimonial-carousel .carousel-item p.quote {font-size:2.2em;line-height:1;font-family: 'proxima_nova_ltthin', 'Proxima Nova', sans-serif;color:#000;font-weight:bold;}
#testimonial-carousel .carousel-item p.customer {font-size:.9em;color:#aaa;color:#000;}
#testimonial-carousel .carousel-control-next-icon {background-image : url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d13b56' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;}
#testimonial-carousel .carousel-control-prev-icon {background-image : url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d13b56' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;}

@media screen and (max-width:576px) {
	#home-testimonials {padding:2em 0;}
	#testimonial-carousel .carousel-item p.quote {font-size:1.35em; line-height:1.15;}
}

/* ========================================
HOME > SHOP SMARTER (INVP)
===========================================*/
#home-nohassle {position:relative;background:url(/img/hero-shopsmarter.jpg);background-attachment: scroll;background-position: center -350px;background-repeat: no-repeat;background-size: cover;min-height:500px;}
#home-nohassle h3 {font-family:'Proxima Nova', sans-serif;font-size:3em; line-height:1;margin-top:1.25em;text-shadow: 0px 1px 0px rgba(250,250,250,.75);}
#home-nohassle p {font-size:1.4em;line-height:1.65;	text-shadow: 0px 1px 0px rgba(250,250,250,.75);}
#home-nohassle img.cellphone-img {position:absolute; bottom:0; left:18%; width:550px;}
@media screen and (max-width:1600px) {
	#home-nohassle {min-height:450px;background-position: center -200px;}
	#home-nohassle img.cellphone-img {width:500px;left:10%;}
}
@media screen and (max-width:1200px) {
	#home-nohassle {min-height:450px;background-position: center -50px;}
	#home-nohassle h3 {margin-top:1em;	}
	#home-nohassle img.cellphone-img {width:400px;left:10%;}
}
@media screen and (max-width:991px) {
	#home-nohassle {min-height:400px;background-position: center -50px;}
	#home-nohassle h3 {font-size:2.5em;}
	#home-nohassle p {font-size:1em;}
	#home-nohassle img.cellphone-img {width:375px;left:5%;}
}
@media screen and (max-width:765px) {
	#home-nohassle {min-height:550px;text-align:center;background-position: center center;}
	#home-nohassle h3 {font-size:2em;}
	#home-nohassle p {font-size:1em;line-height:1.45;}
	#home-nohassle img.cellphone-img {width:350px;left: 50%;transform: translate(-50%, 0);}
}
@media screen and (max-width:576px) {
	#home-nohassle {min-height:600px;}
	#home-nohassle h3 {font-size:2.5em;margin-top:.5em;}
}
@media screen and (max-width:400px) {
	#home-nohassle {min-height:500px;}
	#home-nohassle img.cellphone-img {width:200px;}
}

/* ========================
FOOTER (INVP)
========================== */
.site-footer {background:#f6f6f6; 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:.5em 0 1em; padding:0; list-style: none;}
.site-footer ul.footer-nav li {display:inline; margin-right:.7em;}
.site-footer ul.footer-nav li:last-child {margin-right:0;}
.site-footer ul.footer-nav li a {color:#888; text-transform:uppercase; font-size:.9em;}
/* Disclaimer - Copyright */
.site-footer .footer-content .footer-disclaimer {color:#888; text-align:left; font-size:.85em}
.site-footer .footer-copyright {color:#888; text-align:center; font-size:.85em}

@media only screen and (max-width: 768px) {
	.site-footer .footer-logo {text-align:center; margin-bottom:1.2em}
	.site-footer .footer-content {margin-bottom:.5em}
	.site-footer ul.footer-nav {margin:0 0 1.2em 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:.25em}
	.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 .footer-logo img {max-width:125px;}
	.site-footer ul.footer-nav li {font-size:.95em}
	.site-footer .footer-content .footer-disclaimer {font-size:.75em}
	.site-footer .footer-copyright {font-size:.75em}
}

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

/* ORIG SAVE - 12-2
.goo-ad {
	text-align:center; padding:1em; background:#303F56; background: linear-gradient(to bottom, #3A4D6B 0%,#4d668f 100%);
}
*/
/*
.goo-ad {text-align:center; padding:.5em;background:transparent;}
*/

.goo-ad {text-align:center; padding-top:1.5em; padding-bottom: 1.5em;background:transparent;}
.goo-ad-container {width:100%;}
.good-ad-label {font-size: .9rem; text-align:center; margin:0 auto .5em auto; padding:.25em; color:#888888; text-transform: uppercase;}

/* ========================================
PAGE TITLE (INVP)
===========================================*/
.page-title {background:url(/img/page-title-bg.jpg);background-position: center center; background-repeat: no-repeat; background-size: cover;	position:relative; padding:2em 0 2em 0;border-bottom:1px solid #eee;}
.page-title .align-items-center {min-height:130px;}
.page-title h1 {line-height:1; margin-bottom:0;color:#0584A9; font-family: 'proxima_nova_ltthin', 'Proxima Nova', Georgia, sans-serif; font-weight:bold; font-size:3.2em; text-align:center}
/* App Specific Page Titles */
.page-title.app-page-title {padding:1em 0 1em 0;}
.page-title.app-page-title h1 {font-size:2.75em;font-family: 'Proxima Nova', sans-serif; font-weight:normal;}

@media screen and (max-width:576px) {
	.page-title {padding:1em 0 1em 0;}
	.page-title .align-items-center {min-height:100px;}
	.page-title h1 {font-size:1.5em; font-weight:bold;}
  .page-title.app-page-title {padding:.5em 0 .5em 0;}
  .page-title.app-page-title h1 {font-size:1.5em; font-family: 'proxima_nova_ltthin', 'Proxima Nova', sans-serif; font-weight:bold;}
}

/* ===========================================
CALCULATOR > CAR PAYMENT (INVP)
=========================================== */
#carpmt_calculator {background:#fcfcfc; margin:0 auto; border-radius:5px; border:1px solid #cccccc;}
#carpmt_calculator .inner {padding:.5em 1em;}
#carpmt_calculator .calc_results {background:#B3D7EF;background: linear-gradient(to bottom, #B3D7EF 0%,#B3D7EF 100%);color:#0584A9; font-weight:600;}
#carpmt_calculator .calc_results .form-control {font-size:1.3em; font-weight:bold}
#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;}
#carpmt_calculator .calc_results input[disabled], #carpmt_calculator .calc_resultsinput[disabled]:hover {background-color:#fcfcfc;}

@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;}
	#carpmt_calculator .calc_results .form-control {font-size:1.15em;}
}

/* ===========================================
BANNER > GET INVP (INVP)
=========================================== */
#getinvp-banner {padding:2em 0;background: linear-gradient(to bottom, #565656 0%,#222222 100%);}
#getinvp-banner p {font-size:1.7em; margin:0; padding:0; font-family: 'proxima_nova_ltthin', 'Proxima Nova', sans-serif; color:#fff; line-height:1;}
#getinvp-banner p span {font-family: 'Proxima Nova', sans-serif; font-weight:bold; color:#B9DBF1;}

@media screen and (max-width:768px) {
	#getinvp-banner {padding:1.5em 0;}
	#getinvp-banner p {font-size:1.25em;margin-bottom:.75em;text-align:center;}
	#getinvp-banner .car {margin-bottom:.75em;}
	#getinvp-banner .car img {max-width:150px;}
}
@media screen and (max-width:576px) {
	#getinvp-banner p {font-size:1.15em;}
	#getinvp-banner .car {display:none;}
}

/* ========================
DEALER NETWORK
======================== */
.dealer-text {font-size:1.55em; line-height:1.2;}

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

/* ========================
FEATURED DEALERS
======================== */
.featured-dealer .card-header {font-family: 'proxima_nova_ltsemibold','Proxima Nova', sans-serif; background:#E1EFF7; color:#035E78; font-size:1.25em; font-weight:700; line-height:1.3;}
.featured-dealer .card-body .fa-li  {color:#035E78;}
.featured-dealer .card-body .embed-responsive {max-height: 250px;}
.featured-dealer .card-body .dealer-map {box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.15);}
.featured-dealers-list p a {font-size: 1.15em; color:#4F4F4F; text-decoration: none;}
.featured-dealer .ad-banner img {
  border: 1px solid #ccc;
  -webkit-box-shadow: -1px 1px 5px 1px rgba(0,0,0,0.05);
  -moz-box-shadow: -1px 1px 5px 1px rgba(0,0,0,0.05);
   box-shadow: -1px 1px 5px 1px rgba(0,0,0,0.05);
}

@media screen and (max-width:992px) {
    .featured-dealers-map {display: none;}
}
@media screen and (max-width:765px) {
    .featured-dealer .card-body .embed-responsive {max-height: none;}
}
@media only screen and (max-width: 576px) {
    .featured-dealer .card-header {font-size:1.25em;}
    .featured-dealer .card-body p, .featured-dealer .card-body ul li   {font-size:.85em;}
}

/* ========================================
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:'Open Sans', sans-serif; font-weight:600;}
#faq-accordion .card .card-body {	padding:1em 1.5em; font-size:.9em}
#faq-accordion .card .card-header .collapse-arrow {position:absolute; right: 15px; top:15px;}
#faq-accordion .card .card-header .collapse-arrow.fas {font-family: "Font Awesome 5 Free"; font-size:1em;}
#faq-accordion [data-toggle="collapse"] .collapse-arrow.fas::before {font-family: "Font Awesome 5 Free"; content: "\f068";}
#faq-accordion [data-toggle="collapse"].collapsed .collapse-arrow.fas::before {font-family: "Font Awesome 5 Free"; content: "\f067";}
#faq-accordion .card .card-header .collapse-arrow.fas:hover {color:#314D63;}

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

/* ========================================
BLOG > POST > NAVBAR
===========================================*/
.blog-nav {border-radius: 0px; border: 1px solid #cccccc;box-shadow: -5px 5px 10px -6px rgba(0,0,0,0.15);}
.blog-nav .card-header {padding: .5em .85em; font-size:1.25em; background: #0584A9; background: linear-gradient(to bottom, #565656 0%,#222222 100%); color: #ffffff; font-weight: bold;border-bottom: 0px solid #cccccc;}
.blog-nav .list-group {border-radius: 0px; background-color: #cccccc; color: #ffffff; padding: 0; border-left:none; border-right: none;}
.blog-nav .list-group .list-group-item {border-left:none; border-right: none; border-top: none; border-bottom: 1px solid #cccccc; color:#0584A9; padding: 1.1em 1.2em; font-size:1.05em; background: #ffffff; font-weight: normal}
.blog-nav .list-group .list-group-item:last-child {border-left:none; border-right: none; border-bottom:none;}
.blog-nav .list-group .list-group-item:hover {background: #f9f9f9;}
.blog-nav .list-group .list-group-item.active {background: #0584A9; color:#fff; border: none; z-index:0;}

/* ========================================
BLOG > POST > PREVIEW
===========================================*/
.blog .blog-post-preview {margin-bottom: 1.5em;}
.blog .blog-post-preview a {color:inherit;}
.blog .blog-post-preview .card {min-height: 320px}
.blog .blog-post-preview .card-header {font-size: 1.35em; line-height: 1.2; color:#000000; font-weight: 600;}
.blog .blog-post-preview .card-body {color:#000;}
.blog .blog-post-preview .card-body p {margin-bottom: 0;}
.blog .blog-post-preview .card-footer {background: #fff !important; border: none; text-align: center}
.blog .blog-post-preview .card-footer btn.read-more-link {color:#ffffff;}
.blog .blog-post-preview a:hover {text-decoration:none;}
@media screen and (max-width:765px) {
	.blog .blog-post-preview .card {min-height: inherit}
}

/* ========================================
BLOG > POST (IN PAGE)
===========================================*/

.blog-post .figure {width: 400px; float: right; margin: 0 0 1em 1em;}
.blog-post .figure img.img-blog {width: 400px; box-shadow: 0px 0px 16px -5px rgba(0,0,0,0.45);}

@media all and (max-width: 768px) {
  .blog-post .figure {width: auto; float: none; margin: 0 0 1em 0;}
  .blog-post .figure img.img-blog {width: auto}
}

/* ========================================
APP (PG 1) > FORM/LAYOUT BASE > DESK/MOBILE BLOCK DISPLAY
===========================================*/
@media screen and (min-width:765px) {
	#mobileApp1Form {display:none;}
}
@media screen and (max-width:765px) {
	#desktopApp1Form {display:none;}
	#mobileApp1Form {display:block !important;}
}

/* ========================================
APP > FORM/LAYOUT BASE (apply-step**.cfm)
===========================================*/
.application-container {max-width:900px;}
.step1-form {position:relative;/***left:100%;***/}
.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; -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;}

/* ========================================
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;}
.application-page .card .card-header.step-header {font-family: 'proxima_nova_ltsemibold','Proxima Nova', sans-serif; background:#E1EFF7; color:#0584A9; font-size:1.5em; font-weight:700; line-height:1.3;}

.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-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 {border-color:#85bd00 !important;}
.application-page .card form .input-group .fa-percent {position: absolute;	right: 46px;	top: 16px;	color: #85bd00;	z-index: 99;}

@media only screen and (max-width: 576px) {
 .application-page .card .card-header.step-header {font-size:1.25em;}
}

/* ========================================
APP > Icons (Dollar Sign)
===========================================*/
.step1-form .form-group .fa-usd {position:absolute;	left:10%;	top:12px;	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:LightGoldenRodYellow}

/* ========================================
APP > VEH DISPLAY
===========================================*/
.vehicle-display {border:1px solid #ddd; width:100%; border-radius:5px;}
.vehicle-display .vehicle-img img {width:100%; max-width:350px;}
.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;}
}

/* ========================================
APP (PG 1) > MOBILE SPECIFIC > VEH DISPLAY/CHOOSER
===========================================*/

/* Headings */
#mobileApp1Form .vehicle-select-header {font-family: 'proxima_nova_ltsemibold','Proxima Nova', sans-serif; /* background:#E1EFF7; */ color:#0584A9; font-size:1.35em; font-weight:700; text-align:center;}

/* Card/container */
#mobileApp1Form .card {min-height:100px; height:auto; background:#fff; padding-top:.25em; padding-bottom:0;}
#mobileApp1Form .card.selected {border-color:#1C90B1;}
#mobileApp1Form .card .card-header {font-size:1em; color:#0584A9 !important; font-weight:700; text-align:center; padding:.5em !important; background:#E1EFF7 !important;}
#mobileApp1Form .card .card-footer {font-size:1em; font-weight:700; text-align:center; padding:.25em !important; background:#f3f3f3 !important;}

/* Make */
#mobileApp1Form .make_logo {text-align:center}
#mobileApp1Form .make_name {text-align:left; display:flex; align-items:center;line-height:1}
#mobileApp1Form .make_reset {text-align:left; display:flex; align-items:center;}
#mobileApp1Form .make_reset a {color:#F00}

/* Model */
#mobileApp1Form .model_logo {text-align:center}
#mobileApp1Form .model_name {text-align:left; display:flex; align-items:center;line-height:1}
#mobileApp1Form .model_reset {text-align:left; display:flex; align-items:center;}
#mobileApp1Form .model_reset a {color:#F00}

/* Trim */
#mobileApp1Form .trim_logo {text-align:center;}
#mobileApp1Form .trim_name {text-align:left; display:flex; align-items:center; line-height:1; word-wrap: break-word;}
#mobileApp1Form .trim_reset {text-align:left; display:flex; align-items:center;}
#mobileApp1Form .trim_reset a {color:#F00}

@media screen and (max-width:576px) {
	#mobileApp1Form .make_logo img {max-width:60px;}
}

/* ========================================
APP (PG 2)
===========================================*/
/* Veh Image */
#app2VehicleImage {margin-bottom:1em;}

@media screen and (min-width:765px) {
	#app2VehicleImage {display:block;}
}
@media screen and (max-width:765px) {
	#app2VehicleImage {display:none;}
}

/* Veh Image */
#app2VehicleDetails {margin-bottom:1em;}
#app2VehicleDetails .vehicle-make-model {margin-bottom:.5em; font-weight:500; font-size:1.5em; text-align:center; color:#0584A9; line-height:1.2;}
#app2VehicleDetails .vehicle-msrp-label {font-size:.9em; font-weight:700; line-height:1.1;}
#app2VehicleDetails .vehicle-msrp {font-size:1.5em; line-height:1.2;}
#app2VehicleDetails .vehicle-invp-label {font-size:.9em; font-weight:700; color:#B2C909;line-height:1.1;}
#app2VehicleDetails .vehicle-invp {font-size:.9em; line-height:1.2;}

/* Veh Image > INVP text Update */
#app2VehicleDetails .vehicle-invp {max-width: 265px;}
#app2VehicleDetails .vehicle-invp {font-size: 14px;}
#app2VehicleDetails .vehicle-invp > span {color: #FF0000;line-height: 90%;font-weight: bold;}
#app2VehicleDetails .vehicle-invp > span > span {font-size: 16px; vertical-align: text-bottom}

@media(max-width: 765px){
  /*
  #app2VehicleDetails .vehicle-invp:before{
    content: ''; display: block; position: absolute; left: 0px; bottom: -49px; width: 100.5%;
    -webkit-clip-path: polygon(50% 42%,-2% 0%,100% 1%); clip-path: polygon(50% 42%,-2% 0%,100% 1%);
    height: 50px; background-color: red; border-top: none;
  }
  #app2VehicleDetails .vehicle-invp:after{
    content: ''; display: block; position: absolute; left: 0px; bottom: -49px; width: 100.5%;
    -webkit-clip-path: polygon(50% 40%,0% 0%,100% 0%); clip-path: polygon(50% 40%,0% 0%,100% 0%);
    height: 50px; background-color: white; border-top: none;
  }
  */
  #app2VehicleDetails .vehicle-invp > span > span {display: none;}
  #app2VehicleDetails .row.mb-1 {width: 100%; margin: 0;}
}

/* Rebates */
#app2Rebates {background:#efefef;background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 75%);}
#app2Rebates .card-body {padding-top:.75em; padding-bottom:.75em}
#app2Rebates .rebate-icon {text-align:center;}
#app2Rebates .rebate-text {font-size:1em; line-height:1.1}

/* Rebates > Customize gutters */
#app2Rebates .row-xs-sm {margin-left: -6px;margin-right: -6px;}
#app2Rebates .gutter-xs-sm {padding-left: 6px;padding-right: 6px;}
#app2Rebates .gutter-margin-xs-sm {margin-bottom: 6px;}

/* Rebates > IMG */
#rebate-img {margin-top:.25em;}

@media screen and (min-width:765px) {
	#app2Rebates {display:block;}
}
@media screen and (max-width:765px) {
	#app2Rebates {display:none;}
	#rebate-img {display:none;}
}
@media screen and (max-width:765px) {
	.step-header span.break {display:block;}
}

/* ========================================
APP (PG 2) > BADGES
===========================================*/
#app2-badges > div {display: flex; justify-content: center; margin-top: 20px; height: 32px;}
#app2-badges > div > span {display:inline-block}
#app2-badges > div > span:nth-child(1){max-width: 88px;margin-right: 15px;}
#app2-badges > div > span:nth-child(2){max-width: 131px;}

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

/* ========================================
FORM > CAPTCHA (contact/dealer)
===========================================*/
.contact-box {background:#f6f3f3;	color: #000;}
.contact-box.border {border: 2px solid #d3d3d3 !important;}
.contact-box img {width:200px !important; margin-bottom: .5em;}

/* ========================================
ABOUT > OFFICE IMG
===========================================*/
.about-office {float:right; max-width:225px; margin:0 0 1em 1em;}

@media screen and (max-width:765px) {
	.about-office {float:none; display:block; margin:0 auto 1em auto;}
}

/* ========================================
ADVICE > KEYS IMG
===========================================*/
.advice-keys {float:right; max-width:225px; margin:0 0 1em 1em;}

@media screen and (max-width:765px) {
	.advice-keys {float:none; display:block; margin:0 auto 1em auto;}
}

/* ========================================
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:#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;}
	.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: 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;}
	.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;}
	.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 {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:.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;}
  .increase-width {min-width: 150px;}
  .select-field {margin-bottom:15px;}
  .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 > LEX LAW
===========================================*/
.card-lexlaw {border:1px solid #475F84;}
.card-lexlaw .card-header {background:#475F84; 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;	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 {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
===========================================*/
/* Container  */
.barContainer { max-width:750px; margin:0 auto 12px auto; border-radius:10px;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:10px; background:#C9CFD3; box-shadow: inset 1px 1px 3px rgba(102,102,102,.75);}
.bar1,.bar2,.bar3,.bar4 {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%);}
/* Lender */
.statusText {position: absolute; top:8px; left:20px; color: #fff !important;font-weight: bold;z-index: -5;text-shadow: 1px 1px 1px #000;}
.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:bold;}
.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;}
}