@charset "utf-8";

/* ========================================
BASE / BS OVERIDES
===========================================*/
body {font-family: 'Nunito', sans-serif;color:#1d1d1d;}
a {color:#2792B1;}
a:hover {color:inherit;}
img {max-width:100%;}
.list-group a.list-group-item {font-weight: 700}
.list-group a.list-group-item:hover {background-color: #efefef;}
.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 {font-weight:700;}
.text-green {color:#2792B1;}
.text-black {color:#000000;}
/* 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:#2792B5;}
/* Input groups add ons */
.input-group-prepend span.input-group-text, .input-group-append span.input-group-text {font-weight: 800; background-color: #efefef; color: #2792B5;}

/* ========================================
HOME / HERO
===========================================*/
.containerheights {position:relative;z-index:20; height:700px;height:750px;}
.parallax1 {height:700px; height:750px;background:url(/img/parallax1.jpg);background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover; width:100%;}
.parallax-section {position:relative;}
.btn {cursor: pointer;}
.site-btn {background:#ff6000;font-family: 'Nunito', sans-serif;font-weight:800;}
.site-btn-green {background:#2792b1;font-family: 'Nunito', sans-serif;font-weight:800;}
.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:#2792B1;color:#fff !important;font-weight:600;border-radius:5px;color:#fff; text-shadow:none !important;}
.btn-footer:hover {background:#517586;color:#fff;}
.letter-space-small {letter-spacing: 1px;}
.letter-space-wide {letter-spacing: 3px;}
.lighter-font {font-family: 'Nunito', sans-serif;font-weight:300;}
.parallax-txt h1 {color:#2792b1;font-size:3.2rem;text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);}
.parallax-txt h2 {color:#005c77;font-family: 'Nunito', sans-serif;font-weight:800;font-size:1.3rem;text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);}
.parallax-txt p {color:#1d1d1d;font-size:1.2rem;text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);}
.minute-app {color:#2e2e2e !important;font-family: 'Nunito', sans-serif;font-weight:800;font-size:.9rem !important;vertical-align:middle;}
.minute-app img {width:16px;}
.parallax-pic img {width:85%;}

/* ========================================
HEADER (inc-header.cfm)
===========================================*/
.site-header {background-color: rgba(255, 255, 255, 0.3);	background-color: rgba(255, 255, 255, 1);	box-shadow: 2px 2px 2px #e5e5e5;}
.site-header.affix {background:#fff;	box-shadow:none;	border-bottom:1px solid #e5e5e5;}
.address-info p.para-graph {text-decoration:underline;font-size:.8rem;color:#c4c4c4;color:#999999;}
.address-info i {color:#2696dd;margin-top: 10px;}
.address-info .dropdown-menu {min-width: 11rem;top: 25px !important;left: -130px !important;border:0;background:none;}

/* ========================================
HEADER > MENU (inc-header.cfm)
===========================================*/
.main-menu {position:relative;z-index:1000;}
.main-menu .top-menu {list-style:none;position:absolute;right:35px;top:5px;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:#ccc;text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);}
.main-menu .side-menu {position: absolute;right:35px; width:270px;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:#005c77;font-family: 'Nunito', sans-serif;font-weight:400;font-size:.8rem;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 #ff9c00;color:#ff8400;}

/* ========================================
HOME > APPLY SECTION (home.cfm)
===========================================*/
.apply-section {position:relative;box-shadow: 2px 2px 2px #e5e5e5;}
.apply-section h3 {color:#2792b1;font-size:2.0rem;font-family: 'Nunito', sans-serif;font-weight:400;}
.apply-section h4 {color:#005c77;font-size:1.8rem;font-family: 'Nunito', sans-serif;font-weight:800;}
.apply-section ul {list-style-type:none;}
.apply-section ul li {line-height:36px;	font-size:1.25rem;font-family: 'Nunito', sans-serif;font-weight:400;}
#feature img {width:30px;}

/* ========================================
HOME > APPLY SECTION > RATE CALC
===========================================*/
/* Rate Calc Demo */
#rate-calc {max-width:400px; margin: auto; display:none;}
#rate-calc input.form-control, #rate-calc select.custom-select {color: #2a2a2a;border-color: #c4c4c4;line-height: normal;}
#rate-calc .form-control, #rate-calc .custom-select {border: 2px solid rgba(0, 0, 0, .15);}
#rate-calc #rateCalcResult {text-align:center; color: #005C77; font-size: 3em; font-weight: 800; width: 100%; border: none;}

/* Fade In */		
.fade-in {animation: fadeIn ease 1s; -webkit-animation: fadeIn ease 1s; -moz-animation: fadeIn ease 1s; -o-animation: fadeIn ease 1s; -ms-animation: fadeIn ease 1s;}
@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}
@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}
@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}
@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}
@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

/* ========================================
HOME > CURRENT RATES SECTION (home.cfm)
===========================================*/
.current-section h4 {color:#005c77;font-size:1.6rem;}
.current-section .current-item {border:2px solid #2792b1;border-radius:36px;color:#2792b1;font-family: 'Nunito', sans-serif;font-weight:800;padding:5px 6px;}
.current-section a:hover.btn {color:#fff;}
.current-section .btn-outline-info:hover {background-color:none !important;}
.current-section .txt {font-family: 'Nunito', sans-serif;font-weight:800;font-size:.9rem;}
.current-section .para-graph,.site-footer .para-graph {color:#c4c4c4;color:#999999;font-size:.8rem;}

/* ========================================
HOME > APPROVALS SECTION (home.cfm)
===========================================*/
.approvals-sec .item-1 {background:#005c77;position:relative;min-height:452px;}
.approvals-sec .item-bg {background:#2792b1;}
.approvals-sec .item-1 h4 {font-family: 'Nunito', sans-serif;font-weight:800;}
.approvals-sec .item-1 h5 {font-size:1.5rem;font-family: 'Nunito', sans-serif;}
.approvals-sec .item-1 p {font-size:1.1rem;	font-family: 'Nunito', sans-serif;}
.approvals-sec .item-1 a.btn {border-width:2px;font-family: 'Nunito', sans-serif;font-weight:800;}
.approvals-sec .item-1 a:hover.btn {color:#005c77;}
.separated {background:#33d2ff;width:150px;height:5px;}
.approvals-sec .pr-5 {padding-right:5rem !important;}
.approvals-sec .pl-5 {padding-left:5rem !important;}

/* ========================================
HOME > TESTIMONIALS SECTION (home.cfm)
===========================================*/
.testimonials-section {background:#ffffff;position:relative;padding-top:40px;padding-bottom:40px;border-bottom:1px solid #ccc;}
.testimonials-section h1 {text-align:center;color:#006D8D;font-family: 'Nunito', sans-serif;font-weight:600;}

/* Carousel */
#testimonial-carousel .carousel-indicators li {background-color: #ccc;width:13px;height:13px;border-radius:10px;margin-left:7px;margin-right:7px;	cursor:pointer;}
#testimonial-carousel .carousel-indicators .active {background-color: #FF6000;}
#testimonial-carousel .carousel-item {min-height:220px;}
#testimonial-carousel .carousel-item p {font-size:1.2rem;}
#testimonial-carousel .carousel-control-next-icon {
	background-image : url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%232792B1' 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='%232792B1' 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) {
	#testimonial-carousel .carousel-item p {font-size:1em;}
}

/* ========================================
HOME > FINANCING SECTION (home.cfm)
===========================================*/
.parallax2 {background:url(/img/parallax2.jpg);background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;box-shadow: 2px 2px 2px #e5e5e5;border-bottom:5px solid #fff;min-height:725px;}
.financing-section .align-items-center {min-height:725px;}
.financing-section h6 {color:#006d8d;font-size:2.5rem;text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);}
.financing-section h5 {color:#006d8d;font-size:2.6rem;font-family: 'Nunito', sans-serif;font-weight:800;text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);}

@media screen and (max-width:576px) {
	.parallax2 {background-image: none;background-color: #ffffff;min-height:450px;}
	.financing-section .align-items-center {min-height:450px;}
}

/* ========================================
HOME > CUSOMTER FEEDBACK {home.cfm}
===========================================*/
.customer-feedback {position:absolute;right:42px;top:42%;width:21%;}
.customer-feedback h4 {color:#a2a2a2;font-size:.9rem;font-family: 'Nunito', sans-serif;font-weight:800;}
.customer-feedback .client {position:absolute;left:-45px;	top:-25px;}
.customer-feedback p {font-family: 'Nunito', sans-serif;font-weight:800;color:#292929;}
.customer-feedback .client-name {color:#a2a2a2 !important;font-size:.9rem;}
.customer-feedback .card-body {padding:10px;}
.customer-feedback .card-body{display:none;}
.customer-feedback .card .card-body:first-child{display:block;}

/* ========================================
FOOTER
===========================================*/
.site-footer {border-top:1px solid #cccccc;}
.site-footer a {
	color:#1d1d1d;
	font-family: 'Nunito', sans-serif;
	font-weight:800;
	font-size:.8rem;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
}
.site-footer .footer-logo {text-align:center; margin-bottom:1.25em;}
.site-footer .footer-logo img {max-width:200px;}
.site-footer .footer-secure img {max-width:125px;}

@media only screen and (max-width: 768px) {
	.site-footer .footer-logo {text-align:center; margin-bottom:1em}
	.site-footer .footer-secure {text-align:center;}
	.site-footer .footer-secure img {max-width:100px;}
}
@media screen and (max-width:576px) {
	.site-footer a {display:block;padding:10px 0;font-size:.7rem;}
	.site-footer a.px-3 {padding-right:0 !important;	padding-left:0 !important;}
	.site-footer .footer-logo {margin-bottom:.5em;}
}

/* ========================================
FOOTER > GOOGLE/ADS
===========================================*/
.goo-ad {text-align:center; padding:1em 0;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 } }
@media(min-width: 768px) { .goo-ad-resp { width: 730px; height: 190px; margin:0 auto } }

/* ========================================
GOOGLE/ADS (3-23-21 UPDATE)
===========================================*/
.goo-ad-label {background: rgba(48,63,86,.1); 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;}


/* ========================================
PAGE TITLE
===========================================*/
.page-title {background:url(/img/page-title-bg.jpg) no-repeat center center;background-size:cover;position:relative;}
.page-title .align-items-center {min-height:135px;}
.page-title h1 {color:#2792b1;font-size:2.2rem;}

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

/* ======================== 
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)
===========================================*/
.step1-form label {font-size:1.2rem;	font-family: 'Nunito', sans-serif;font-weight:800;}
.step1-form .form-control, .step1-form .custom-select  {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 {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 .fa-usd {position:absolute;left:10%;top:12px;background: #5d82bd;border-radius: 50%;width: 25px;height: 25px;line-height:25px;color:#fff;}
.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;}

/* ========================================
APP > PROGRESS BAR (MOBILE)
===========================================*/
.progress-bar-m h4, .progress-bar-m .h4 {color: #85bd00;font-size:.8rem;font-family: 'Nunito', 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 {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 .step-btn {background:#00acde;	border-radius: 26px;color: #fff;font-family: 'Nunito', sans-serif;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: 'Nunito', 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;}

/* ========================================
APP > Icons (Dollar Sign)
===========================================*/
.dollar-sign {width:100% !important;position:relative !important;}
.dollar-sign i {position:absolute;left:-10px !important;top:13px !important;}

#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 input {padding-left:20px;}

/* ========================================
APP > Preview
===========================================*/
#app_preview .custom-control-description {padding-left:25px;font-family: 'Nunito', 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 > 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:darkred; 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;}
.vehicle-display .vehicle-details .price em {font-weight:400;}
.vehicle-display .vehicle-details .description {font-weight:400;}

@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: 22px;font-size:16px;	color: #2a2a2a;	border-color: #c4c4c4;height: 55px;	height: 45px;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);}
.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, .progress-box .h4 {color: #85bd00;font-size:.9rem;font-family: 'Nunito', sans-serif;font-weight:800;}

/* ========================================
FAQ > ACCORDION (faq.cfm)
===========================================*/
#faq-accordion .card {margin-bottom:20px; border:1px solid #000000;}
#faq-accordion .card .card-header {padding-right:40px; background-color:rgba(0,0,0,.01) !important;}
#faq-accordion .card .card-header a {1em; color:#363636; font-weight:700; outline:0;}
#faq-accordion .card .card-body {padding:15px 25px;}
#faq-accordion .card .card-body .collapse-arrow  {padding-right:50px;}
#faq-accordion .card .card-header .collapse-arrow {width: 15px;height: 9px;position:absolute;right: 20px;top:25px;}

/* Arrow */
.collapse-arrow {background: url(/img/arrow.png) no-repeat;width: 15px;height: 9px;position:absolute;right: 2%;top:50%;margin-top:-5px;}

/* Old - this is on other sections?? - need to test */
.middle-section h3 {border-radius:36px;	padding:11px 10px;margin-bottom: 20px;border:2px solid #333333;	position:relative;}
.middle-section h3 a {display: inline-block;font-family: 'AvenirLTStd-Black';	font-family: 'Nunito', sans-serif;font-weight:800;font-size: 16px;color: #333333;	text-decoration: none;vertical-align: 4px;margin-left: 20px;}

/* ========================================
RESPONSIVE CSS
===========================================*/
@media screen and (max-width:3000px), screen and (max-height:885px) {
	.parallax-pic img {/* Added to override default state size of img */width:68%;}
}
@media screen and (max-width:1695px), screen and (max-height:885px) {
	/* .containerheights{height:640px;height:750px;}
  .parallax1 {height:640px;height:750px;} */
	.parallax-pic img {width:68%;}
}
@media screen and (max-width:1199px) {
	.containerheights{height:650px;}
  .parallax1 {height:650px;}
  .container {max-width:91%;}
	.parallax-txt h1 {font-size:2.8rem;}
	.approvals-sec .item-1 h5 {font-size:1.2rem;}
	.parallax-txt {width:auto !important;}
	.customer-feedback {width:28%;}
	.contact-box img {width:35px;}
	.logo {margin-bottom: 5px;}
	.get-data .card-body {padding:0;}
  .get-data .card-header {background:#f3f3f3;color: #85bd00;font-size:1.3rem;font-family: 'Nunito', sans-serif;font-weight:700;}
	.get-data .step1-form.w-75 {width:auto !important;}
	.step1-form {width:100% !important;margin:0 auto;}
  .customer-feedback {width: 75%;margin: 20px auto;position:static;}
}
@media screen and (max-width:1024px) {
  .containerheights{height:700px;}
  .parallax1 {height:700px;}
}
@media screen and (max-width:991px) {
  .mobile-hide{display:none;}
	.step1-form label {font-size:1rem;}
	.approvals-sec .w-50 {width:100% !important;}
	.current-section .current-item {font-size:.7rem;}
	.site-header .site-btn {font-size:.6rem;}
	.apply-section ul li {font-size:.9rem;}
	.parallax-txt h1 {font-size:2.5rem;}
	.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;}
	.approvals-sec .pl-5, .approvals-sec .pr-5 {padding:0 !important;}
	.apply-section ul li img {width:18px;}
	.minute-app img {width:14px;}
	.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) {
  .containerheights{height:650px;}
  .parallax1 {height:650px;}
  .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;}
  .parallax-txt h1 {font-size:2rem;}
  .parallax-txt .intro-text {display:none !important;}
  .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;}
  .parallax-pic img {width:93% !important;}
  .current-section {font-size:11px;}
  .testimonials-section h1 {font-size:2rem;}
  .financing-section h5 {font-size:1.5rem;}
  .parallax-pic {width:auto !important;bottom:0;}
  .address-info {padding-left:15px;}
  .financing-section .mr-5 {margin-right:0 !important;}
  .financing-section h6 {font-size:2rem;}
  .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: 525px;}
  .parallax1 {height: 525px;}
  .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;}
  .financing-section .w-50 {width:100% !important;text-align:center !important;}
  .financing-section h6 {font-size:1.8rem;}
  #calculator .modal-dialog {margin:5px;}
  .financing-section h5 {font-size:1.3rem;}
  .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;}
  .parallax-txt p, .parallax-txt h2 {font-size:1rem;}
  .parallax-txt h1 {font-size:1.5rem;}
  .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;padding-top: 5px;}
  .address-info p.para-graph {font-size:.5rem;}
  .main-menu .top-menu {top:5px;right:25px;	right:20px;}
  .main-menu .side-menu {right:35px;right:20px;}
  .site-header {min-height: 54px;}
  .site-header .logo {display:block;width:110px !important;position:relative;z-index:1;}
  .site-btn i.fa-chevron-circle-right {font-size: 1.5rem;}
  .parallax-txt {text-align:center !important;}
  .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:.6rem;}
  .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, .collapse-arrow  {right:3%;}
  #step4Form .col-sm-4{width:32%;}
  .application-page p {font-size:.9em;}
  /* 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: 475px;}
  .parallax1 {height: 475px;}
  .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:2px solid #2792B1;}
.card-lexlaw .card-header {background:#2792B1; color:#fff; }
.card-lexlaw .card-body {background:#fafafa;border-radius:0 0 2px 2px; padding:1em 1em;}

/* ========================================
APP > Icons (Dollar Sign)
===========================================*/
.dollar-sign {width:100% !important;position:relative !important;}
.dollar-sign i {position:absolute;left:-12px !important;top:13px !important;}

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

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

/* ========================================
ADDTL TYPOGRAPHY
===========================================*/

.text-red  {color: #ff0000;}

/* ========================================
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(80,154,186,1) 0%,rgba(8,127,170,1) 51%,rgba(20,130,173,1) 54%,rgba(80,154,186,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;}
}

/* ========================================
APP > TCPA Check
===========================================*/
#TCPAdoubleCheckDisplay .get-data .card-header {background:#f3f3f3;color: #85bd00; color:#2792b1;font-size:1.3rem;}

@media screen and (max-width:768px) {
    #TCPAdoubleCheckDisplay .get-data .card-header {font-size:1rem;}
}