/* ========================================
BASE / BS OVERIDES
===========================================*/
html {scroll-behavior: smooth;}
body {	font-family: 'Noto Sans TC','Source Sans Pro', sans-serif; color:#1d1d1d;}
body#home {background-color: #fff;background-position: top 90px center;background-repeat: no-repeat;}
a {color:#35557B;}
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 {color: #fff;background: linear-gradient(to bottom, #49557B 0%,#526788 100%);}
.list-group a.active {border-color:#2792b1;color: #fff;background: linear-gradient(to bottom, #49557B 0%,#526788 100%);}
.list-group a.active:hover {border-color:#2792b1;color: #fff;background: linear-gradient(to bottom, #49557B 0%,#526788 100%);}
option:disabled,select:disabled {color: #dddddd;}

.text-bold, .bold {font-weight:600;}
.text-green {color:#98CA2F;}
.text-blue {color:#35557B;}
.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:#35557B;}
/* 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;}
.btn.rounded {border-radius: 50px !important;}
.site-btn {background: #35557B;font-weight:600;border-radius:5px;color:#fff;}
.site-btn:hover {background:#35557B;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;}
.cta-btn {margin-bottom:.5em; text-align: center;}
.cta-btn .btn-orange {font-size: 1.5em; margin-bottom:.5em; font-weight: 700; padding: .65em 1em; text-transform: uppercase; border: none;}
.btn-footer {background:#A3A3A3;font-weight:600;border-radius:30px;color:#fff;}
.btn-footer:hover {background:#757575;color:#fff;}

.btn-orange {color:#fff; background: rgba(240,204,104,1); background: linear-gradient(to bottom, #F0CC68 0%, #FF9C16 30%, #FF7B00 100%);}
.btn-orange:hover {color:#fff;}
.btn-green {color:#fff; background: rgba(104,156,22,1); background: linear-gradient(to bottom, #B3DE6F 0%, #689C16 100%);}
.btn-green:hover {color:#fff;}
.btn-red {color:#fff; background: rgba(235,0,0,1); background: linear-gradient(to bottom, #E80000 0%, #AD0000 100%);}
.btn-red:hover {color:#fff;}
.btn-blue {color:#fff; background: rgba(235,0,0,1); background: linear-gradient(to bottom, #446C9D 0%, #35557B 100%);}
.btn-blue:hover {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; max-height:100px; 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:#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;margin-top:1em;}
.site-header .hidden-btn .btn {color:#fff; background: rgba(240,204,104,1);background: linear-gradient(to bottom, #F0CC68 0%, #FF9C16 30%, #FF7B00 100%);
text-transform: uppercase;border-radius: 50px !important; border: none; padding: .5em 1em}
.site-header .hidden-btn .far {display: none;}

@media screen and (max-width:1200px) {
	.site-header .hidden-btn {margin-top:.5em;}
}
@media screen and (max-width:992px) {
	.site-header .hidden-btn {margin-top:.4em;}
}
@media screen and (max-width:768px) {
	.site-header .hidden-btn {margin-top:.15em;}
}
@media screen and (max-width:576px) {
	.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; top:20px;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:#35557B; text-shadow: 1px 1px 0px rgba(255,255,255,.2);}
@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/cls/bg-main-cls-hero.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/cls/bg-main-cls-hero@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:#35557B; font-size:2.75em; margin-bottom:.1em; line-height: 1; text-align: center;text-shadow: 1px 1px 3px rgba(255,255,255,.75);}
#main-cta-hero .subheading {font-weight:400; color:#35557B; font-size:1.4em; margin-bottom:1em; line-height: 1; text-align: center;text-shadow: 1px 1px 3px rgba(255,255,255,.75);}
#main-cta-hero .cta-btn {margin-bottom:.5em; text-align: center;}
#main-cta-hero .cta-btn .btn-orange  {font-size: 1.5em; margin-bottom:.5em; font-weight: 700; padding: .65em 1em; text-transform: uppercase; border: none;}
#main-cta-hero .list {padding: .75em 1.5em; margin:0 auto 1em auto; background: rgba(28,48,85,.7); 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.4em; margin-bottom:.35em; font-weight:400;}
#main-cta-hero ul li i {color: #A6B7CE;}

@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 screen and (max-width: 576px) {
    #main-cta-hero .list {padding: .75em .75em;}
    #main-cta-hero .heading {font-size:2em; margin-bottom:.25em;}
    #main-cta-hero .subheading {font-size:1.35em; margin-bottom:.75em;}
    #main-cta-hero ul li {font-size:1.1em; margin-bottom:.15em; font-weight:400;}
    #main-cta-hero .cta-btn .btn-orange {font-size: 1.25em; width: 100%}
}

/* ========================================
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 1em 1em;}
#faq-section .card .fas {color:#49557B;}
#faq-section .calc .row {border: 1px solid #999; padding: .5em 1em .5em 1em; background: #49557B;}

#faq-section .calc .calc-container {background: #49557B; background: linear-gradient(to bottom, #49557B 0%,#526788 100%); padding: .75em;}
#faq-section .calc .calc-container img {float:left; width:80px;}

#faq-section .calc p {font-size:.8em; line-height: 1; color: #fff;}
#faq-section .calc p a {text-decoration: none; color:#fff;}
#faq-section .calc p:last-child {margin-bottom: 0;}

#faq-section .faq-list ul {margin-left: .5em;}
#faq-section .faq-list ul li {font-size:.85em;}

@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-bottom:3em; background: linear-gradient(to bottom, #ffffff 50%,#f6f6f6 100%);}
#about-section .section-title {font-weight:400;text-align:center;font-size:2.5em; color:#35557B; margin-bottom:.9em;}
#about-section h2 {font-weight: 600; color:#35557B; 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 ins.adsbygoogle {
    background: transparent !important;
}
*/
.goo-ad {text-align:center; padding:1.5em 1em;background:transparent;}
.goo-ad-label {background:#CED8F1; 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;}

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

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

/* ORIG .site-footer {background:#eee; background: #fff; padding-top:3em; padding-bottom:3em;} */
.site-footer {background:#35557B; 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; color:#fff}
.site-footer ul.footer-nav li:last-child {margin-right:0;}
.site-footer ul.footer-nav li a {color:#b0b0b0; color:#6E6E6E; color:#fff;}
/* Disclaimer - Copyright */
.site-footer .footer-content .footer-disclaimer {color:#777; color:#6E6E6E; text-align:left; font-size:.75em;color:#fff}
.site-footer .footer-copyright {color:#777; color:#6E6E6E; text-align:center; font-size:.75em; color:#fff}

@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/cls/page-title-bg-3.jpg) no-repeat center center;background-size:cover;position:relative; 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/cls/page-title-bg-3@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;min-height:200px; padding-top: 1.5em;}
.page-title h1 {color: #35557B;font-size:2.5em;font-weight:600; text-shadow: 1px 1px 3px #ffffff;}

@media screen and (max-width:992px) {
	.page-title .align-items-center {min-height:180px; padding-top: .5em;}
}
@media screen and (max-width:768px) {
	.page-title .align-items-center {min-height:140px; padding-top: .25em;}
  .page-title h1 {font-size:1.75rem;}
}
@media screen and (max-width:576px) {
	.page-title .align-items-center {min-height:110px;padding-top:0;}
	.page-title h1 {font-size:1.3rem;}
}

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

#faq-list .card {margin-bottom:1.5em; border:1px solid #eee;box-shadow: 1px 2px 6px rgba(0,0,0,.1);}
#faq-list .card .card-header {padding: .5em 1em; background: linear-gradient(to bottom, #f9f9f9 0%,#f9f9f9 100%); font-size:1.25em; color:#35557B; outline:0; font-weight:600;}
#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:1em;}
	#faq-list .card .card-body {padding:1em 1em; font-size:.85em}
}

/* ========================================
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;}
#contactForm .btn.site-btn {color:#fff; background: rgba(104,156,22,1); background: linear-gradient(to bottom, #B3DE6F 0%, #689C16 100%); text-transform: uppercase; border-radius: 50px !important; border: none}

/* ========================================
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:1200px; padding-top: 1em;}
.step1-form {position:relative; /***left:100%;***/}
.step1-form label {	font-size:1rem;	font-weight:800;}
.step1-form .form-control, .step1-form .custom-select { -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 > BTN
===========================================*/

.application-page .site-btn {color:#fff; background: rgba(240,204,104,1);background: linear-gradient(to bottom, #F0CC68 0%, #FF9C16 30%, #FF7B00 100%);text-transform: uppercase; border-radius: 50px !important; border: none}

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

.progress-bar-m h4 {color: #85bd00;font-size:.8rem;font-weight:700;}

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

.application-page .card, .stp20, .application_app {min-height:330px}
.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 */
/* .application-page .card {box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.2);} */
.application-page .card {box-shadow: 0px 4px 15px -2px rgba(0,0,0,0.1);}

/* Card (Step) Header */
.application-page .card .card-header.step-header {background:#f9f9f9;color:#35557B; 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:#35557B;	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-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-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;}
}

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

#TCPAdoubleCheckDisplay, .card-tcpadblcheck {border:1px solid #35557B;background:#f9f9f9;}
#TCPAdoubleCheckDisplay .card-header, .card-tcpadblcheck .card-header {background:#35557B !important; color:#fff;}
#TCPAdoubleCheckDisplay .card-body, .card-tcpadblcheck .card-body {border-radius:0 0 2px 2px; padding:1em 1em;}
#TCPAdoubleCheckDisplay .card-body #tcpa-optout-options .btn, .card-tcpadblcheck .card-body #tcpa-optout-options .btn {border-radius: 50px;color:#fff; background: rgba(235,0,0,1); background: linear-gradient(to bottom, #E80000 0%, #AD0000 100%); font-weight: 600;}

@media screen and (max-width:576px) {
	#TCPAdoubleCheckDisplay .card-body #tcpa-optout-options .btn, .card-tcpadblcheck .card-body #tcpa-optout-options .btn {width: 100%; font-size: .9em;}
}

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

#llawDiv, .card-lexlaw {border:1px solid #35557B;background:#f9f9f9;}
#llawDiv .card-header, .card-lexlaw .card-header {background:#35557B; color:#fff; }
#llawDiv .card-body, .card-lexlaw .card-body {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
===========================================*/

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


/* ========================================
CALC > CUSTOMIZE
===========================================*/

#payment-calculator {font-family: 'Noto Sans TC', sans-serif !important;}

/* Default value */
#payment-calculator .dollar-value {color:#35557B !important;font-family: 'Noto Sans TC', sans-serif !important;}

/* Donut active fill */
#payment-calculator .graph-doughnut .ct-chart .ct-series.ct-series-a path.ct-slice-donut {stroke:#35557B}

/* Btn */
#payment-calculator a.site-btn {color:#fff; background: rgba(240,204,104,1); background: linear-gradient(to bottom, #F0CC68 0%, #FF9C16 30%, #FF7B00 100%); border-radius: 50px; border: none;}
#payment-calculator a.site-btn i {display:none;}

/* Slider bar fill */
#payment-calculator .rangeslider__fill{background:#35557B;}

/* Month term chooser */
#payment-calculator ul.month-terms li:hover,
#payment-calculator ul.month-terms li.selected{background-color:#35557B}

/* Slider handle fill */
.rangeslider__handle{background:#C8D3E9;border:3px solid #86A5CA;}
.rangeslider__handle:hover,.rangeslider__handle:active{cursor:pointer;border:3px solid #86A5CA}
input[type="range"]:focus+.rangeslider .rangeslider__handle{box-shadow:1px 0 8px rgba(119,213,240,0.9)}

/* Pmt amt in donut */
#payment-calculator .graph-doughnut .step2 .monthly .payment-amount{color:#85B200 !important; font-weight: 700;}
#payment-calculator .graph-doughnut .step2 .monthly .payment-amount:before{color:#85B200 !important;font-weight: 700;}

/* Fin and APR nums */
.amount .cash output,.amount .term-rate output {font-family: 'Noto Sans TC', sans-serif !important; font-weight: 700; color:#35557B;}

/* ========================================
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;}
	.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;	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) {
.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) {
	.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-weight:700;}