/* ========================================
BASE
===========================================*/

body {font-family:'Montserrat','Open Sans', sans-serif;}
a {color:#104A6A;}
a:hover {color:inherit;}

/* List Groups */

.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;}

/* Btns */

.site-btn {font-weight:700; border-radius:10px; padding:.5em 1.5em}
.site-btn i.fa-chevron-circle-right {font-size:inherit !important; vertical-align:0;} /* Override OLD DAL */

.btn-orange {background: #EF950E; color:#fff; border-radius: 10px; border: none}
.btn-orange:hover,.btn-orange:active,.btn-orange.active,.btn-orange:focus,.btn-orange.focus {background: #DE8A0D; color:#fff; border-radius: 10px}

.btn-red {color:#fff; background: #EB0000}
.btn-red:hover {background: #C80000; color:#fff;}

.btn-blue {color:#fff; background: rgba(235,0,0,1); background: linear-gradient(to bottom, #446C9D 0%, #35557B 100%);transition: 0.3s}
.btn-blue:hover {background: linear-gradient(to bottom, #35557B 0%, #35557B 100%); color:#fff;}

.btn-outline-orange {border: 1px solid #EF950E; background: inherit; color:#EF950E;}
.btn-outline-orange:hover,.btn-outline-orange:active,.btn-outline-orange.active,.btn-outline-orange:focus,.btn-outline-orange.focus {
border: 1px solid #DE8A0D !important; background: #DE8A0D !important; color:#ffffff !important;}

.btn-outline-blue {border: 1px solid #104A6A; background: inherit; color:#104A6A;}
.btn-outline-blue:hover,.btn-outline-blue:active,.btn-outline-blue.active,.btn-outline-blue:focus,.btn-outline-blue.focus {border: 1px solid #104A6A !important; background: #104A6A !important; color:#ffffff !important;}

@media screen and (max-width:576px) {
	.site-btn {width:100%}
}

/* Type/Colors */

.text-blue {color:#104A6A}
.text-lightblue {color:#C8D8F2;}
.text-orange {color:#FF7C03}
.text-green {color:#6BA70C;}
.text-red {color:#D00000;}

/* Type/Shadow */

.text-shadow-black {text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);}
.text-shadow-white {text-shadow: 0px 2px 2px rgba(250, 250, 250, 0.5);}

/* Form > Radios and Checks */

.form-check .form-check-input:active, 
.form-check .form-check-input:checked {
    color: #ffffff;
    background-color: #104A6A;
    border-color: #104A6A;
}

/* Form > Placeholder */

::-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;}

/* Form > Label/Inputs/selects */

form .req-icon {color: #E50003}
form label {font-weight: 700; font-size: .9em;}
form .form-check label {font-weight: 400; font-size: .9em;}

/* Form > Non-app */

.site-form input.form-control, .site-form select.form-select, .site-form textarea.form-control {border:1px solid #cccccc; font-size:1em; color: inherit; border-color:rgba(0,0,0,.35);transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; box-shadow: 0px 4px 10px -6px rgba(0,0,0,0.10); background-color: #ffffff;}
.site-form input.form-control:focus, .site-form select.form-select:focus, .site-form textarea.form-control:focus {border:1px solid #aaaaaa; outline: 0; box-shadow: 0px 4px 10px -6px rgba(0,0,0,0.35);}
.site-form label {font-size: inherit;}

/* Form > App */

.step1-form, .app-form {position:relative}
.step1-form label, .app-form label {font-size:1rem;font-family:inherit;font-weight:700;}
.step1-form .form-control, .step1-form .form-select, .app-form .form-control, .app-form .form-select {border:1px solid #cccccc; -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;box-shadow: 0px 4px 10px -6px rgba(0,0,0,0.10); font-size: 1em;}
.step1-form .form-control:focus, .step1-form .form-select:focus, .app-form .form-control:focus, .app-form .form-select:focus {outline: 0; border:1px solid #aaaaaa;box-shadow: 0px 4px 10px -6px rgba(0,0,0,0.35);}

/* Form > Captcha */

.captcha-box {background-color: rgba(239,239,239,1.00); border: 1px solid #aaaaaa; border-radius: 10px;}


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

#site-header {background:#fff;border-bottom:1px solid #e5e5e5;box-shadow: 0px 1px 3px rgba(0, 0, 0, .25);}
#site-header .header-logo .logo {margin-bottom:.15em;margin-top:.15em;}
#site-header .header-logo .logo img {max-width:150px;height:auto;}
#site-header .header-app-btn a {margin-top:.35em;}
#site-header .header-nav-trigger button i {color: #000000; font-size:1.75rem;}

@media screen and (max-width:576px) {
	#site-header .header-logo .logo img {display:block;width:130px}
}

/* ========================
NAVIGATION > OVERLAY
========================== */

.nav-overlay {
  height: 100%;
  width: 100%;
  display: none;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
  background-color: rgba(6,37,54,0.90);
  background-color: rgba(238,249,255,.95);
}
.nav-overlay-content {
  position: relative;
  top: 10%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}
.nav-overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 1.8rem;
  color: #ffffff;
  color:#104A6A;
  display: block;
  transition: 0.3s;
  font-family:'Montserrat','Open Sans', sans-serif;
  font-weight: 700;
}
.nav-overlay a:hover, .nav-overlay a:focus {
  color: #EF950E;
  color: #0B344B;
}
.nav-overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}

@media screen and (max-height: 450px) {
  .nav-overlay a {font-size: 20px}
  .nav-overlay .closebtn {
  font-size: 40px;
  top: 15px;
  right: 35px;
  }
}

/* ========================================
MAIN PAGE > CONTAINER
===========================================*/

.site-main {
  position: relative; height: 100%; background-image: url("/img/funnels/4/bg-blue-grad.svg"); background-position: top center; background-repeat: repeat-x;border-top: 1px solid #76A0B8;
  /* background: linear-gradient(180deg, rgba(19,85,121,1) 0%, rgba(255,255,255,1) 50%); */
}

/* Save for bg images */

.site-main .bg-container {
  position: relative;  
}
.site-main .bg-container:before {
  content: ' '; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.25; background-image:none; background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: scroll; 
}

/* ========================================
PAGE TITLE (ORIG)
===========================================*/
.page-title {background:#15567A; margin-bottom: 0 !important; border-bottom: 1px solid #15567A; box-shadow: 0px 0px 6px -1px rgba(0,0,0,1);}
.page-title h1 {color:#ffffff;font-size:2.2rem;	font-family: 'Montserrat','Open Sans', sans-serif;font-weight:700; text-align: center; padding-top: .75em; padding-bottom: .75em; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.75); margin-bottom: 0;}

@media screen and (max-width:992px) {
	.page-title h1 {font-size:1.5rem;}
}
@media screen and (max-width:576px) {
	.page-title h1 {font-size:1.3rem;}
}

/* ========================
PAGE > CONTENT WRAP
======================== */

/* Content Wrap */

.page-content {position: relative; padding: 3em 1em;}

@media screen and (max-width:576px) {
	.page-content {padding: 2em 1em;}
}

/* ========================
PAGE > HEADINGS (CONTENT)
======================== */

/* Page Heading (Non-Block) */

.site-main .page-content h1.page-heading {text-align: center; margin-bottom: 1em; color:#ffffff; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5); font-weight: 400; font-size: 2.25rem}

/* Page Heading > App */

.site-main.application-page .page-content h1.page-heading {text-align: left; margin-bottom: 1em; color:#104A6A; text-shadow: 0px 2px 2px rgba(255, 255, 255, 0.5); font-weight: 400; font-size: 2.25em}

@media (max-width: 576px) {
  .site-main .page-content h1.page-heading,
  .site-main.application-page .page-content h1.page-heading {font-size: 2.0rem}
}

/* ========================================
LANDING > HERO
===========================================*/

#landing-top .bg-container {background-image: url("/img/funnels/32/bg-lightblue-grad.svg"); background-position: top center; background-repeat: repeat-x;}
#landing-top .container-lg {max-width: 1200px; margin-left: auto; margin-right: auto;}

@media screen and (max-width:992px) {
  #landing-top .bg-container {background-image: url("/img/funnels/32/bg-darkblue-grad.svg"); background-position: top center; background-repeat: repeat-x;}
}

/* Hero > Banner */

#landing-hero {height: auto; background: rgba(207,207,207,0.00); position: relative; padding-top: 2em; padding-bottom: 2em; margin-bottom: 0em;}
#landing-hero .hero-content {position: relative; height: auto}

@media screen and (max-width:1200px) {
  #landing-hero {background: rgba(207,207,207,0.00); position: relative}
}
@media screen and (max-width:768px) {
  #landing-hero .hero-content {width: 100%}
}

/* Text > Heading */

#landing-hero-form .heading-container {margin-bottom: 1em}
#landing-hero-form .text h1.heading {color:#000000; font-size: 2.4rem; font-weight: 400; text-align: center; line-height: 1;text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0);}
#landing-hero-form .text h2 {font-weight: 800; font-size: 4.25rem; text-align: center; color: #EF950E;text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0);}

/* Text > List */

#landing-hero-form .text .list {color:#000000;}
#landing-hero-form .text .list ul li {font-size: 1.75rem; margin-bottom: .5em;text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0);}
#landing-hero-form .text .list ul li:last-child {margin-bottom: 0;}
#landing-hero-form .text .list ul li i {color:#EF950E}

/* Text > List > Using Images */

#landing-hero-form .text .list ul {margin: 0; padding: 0;}
#landing-hero-form .text .list ul li {background: url(/img/funnels/23/bullet-orange-check.png) no-repeat left 5px; /* <-- change `left` & `top` too for extra control */
  padding: 0px 0px 0px 40px; list-style: none; margin: 0 0 .5em 0; line-height: 1.2;}
#landing-hero-form .text .list ul li:last-child {margin: 0 0 0 0;}


@media screen and (max-width:992px) {
  #landing-hero-form .text h1.heading {color:#fff; text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.25);}
  #landing-hero-form .text .list {color:#fff;}
  #landing-hero-form .text .list ul li {text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);}
}
@media screen and (max-width:576px) {
  #landing-hero-form .text .list ul li {background: url(/img/funnels/23/bullet-orange-check.png) no-repeat left top; padding: 0px 0px 0px 40px; list-style: none;margin: 0 0 .25em 0;line-height: 1.5;}
}

/* Form */

#landing-hero-form .hero-form {padding: 2em 2em 1em 2em; background: #f9f9f9; border-radius: 14px; border: 1px solid #989898}
#landing-hero-form .hero-form h2.heading {text-align: center; color: #000; font-size: 1.5rem; margin-bottom:.75em; font-weight: 800;}
#landing-hero-form .hero-form .row {margin-bottom:1em;}
#landing-hero-form .hero-form .row .ssl img {max-width: 90px;}
#landing-hero-form .hero-form input.form-control {font-size:1em; border-color: #989898}
#landing-hero-form .hero-form button.site-btn {font-size:1em; font-weight:700;}

@media screen and (max-width:992px) {
  #landing-hero-form .text {margin-bottom: 1em;}
  #landing-hero-form .text .list {max-width: 450px; margin: auto}
}
@media screen and (max-width:576px) {
  #landing-hero-form .hero-form h2.heading {font-size: 1.25rem}
  #landing-hero-form .text {margin-bottom: 1.5em;}
  #landing-hero-form .text h1.heading {font-size: 1.75rem;}
  #landing-hero-form .text h2 {font-size: 3rem}
  #landing-hero-form .text .list {max-width: 340px; margin: auto}
  #landing-hero-form .text .list ul li {font-size: 1.25rem;font-weight: 400;}
}
@media screen and (max-width:480px) {
  #landing-hero-form .text .list {max-width: 350px; margin: auto}
  #landing-hero-form .text .list ul li {font-size: 1.2rem}
}
@media screen and (max-width:400px) {
  #landing-hero-form .text .list {width: 100%}
  #landing-hero-form .hero-form h2.heading {font-size: 1.15rem}
  #landing-hero-form .text h1.heading {font-size: 1.5rem;}
  #landing-hero-form .text h2 {font-size: 2.75rem}
  #landing-hero-form .text .list ul li {font-size: 1.15rem}
}

/* ========================
LANDING > HELP
========================== */

#landing-help {height: 100%; background: rgb(18,82,117); background: radial-gradient(circle, rgba(18,82,117,1) 0%, rgba(16,69,99,1) 50%); padding: 3em 1em;}
#landing-help .bg-container {width:100%; height: 100%; background: url("/img/funnels/20/path-landing-whychoose.svg"); background-position: center; background-repeat: no-repeat; background-size: cover;}

#landing-help .content-container {max-width: 900px; margin:auto;}
#landing-help .content-container h2.heading {color:#ffffff; margin-bottom: 1em; text-align: center; font-weight: 400; font-size: 2em;}
#landing-help .content-container p {color:#ffffff; font-size: 1em; font-weight: normal;text-align: center; margin-bottom: 2em;}
#landing-help .content-container p:last-child {margin-bottom: none;}

/* Icons */
#landing-help .icons {margin-bottom: 2.25em}
#landing-help .icon {text-align: center;}
#landing-help .icon.check,
#landing-help .icon.email,
#landing-help .icon.percent,
#landing-help .icon.money {height: 130px}
#landing-help .icon.check img {max-height: 130px; width: auto;}
#landing-help .icon.email img {height: 130px; width: auto;}
#landing-help .icon.percent img {max-height: 130px; width: auto;}
#landing-help .icon.money img {max-height: 130px; width: auto;}
#landing-help .icon-text {font-size: 4em; font-weight: 700; text-align: center; color: #ffffff; line-height: 1.2}
#landing-help .icon-label {font-size: 1em; font-weight: 400; text-align: center; color: #ffffff;}
#landing-help .ssl {display: none;}

@media screen and (max-width:992px) {
  #landing-help .img-vehicles {display: none;}
}
@media screen and (max-width:576px) {
  #landing-help {padding: 2em 1em 3em 1em;}
  #landing-help .content-container h2.heading {font-size: 1.75em}
  #landing-help p {font-size: .9em}
  #landing-help .icon-text {font-size: 2em}
  #landing-help .icon.check,
  #landing-help .icon.email,
  #landing-help .icon.percent,
  #landing-help .icon.money {height: 80px}
  #landing-help .icon.check img {max-height: 80px; width: auto;}
  #landing-help .icon.email img {height: 80px; width: auto;}
  #landing-help .icon.percent img {max-height: 80px; width: auto;}
  #landing-help .icon.money img {max-height: 80px; width: auto;}
  #landing-help .icon-label {font-size: .7em}
  .car-getapproved img {max-width: 275px;}
  #landing-help .ssl {display: block;}
}

/* ========================
LANDING > FAQs
========================== */

#landing-faqs {background: rgb(213,227,243);background: linear-gradient(180deg, rgba(213,227,243,1) 0%, rgba(250,252,253,1) 100%); padding: 4em 1em;}
#landing-faqs .heading {color:#104A6A; margin-bottom: 1em; text-align: center; font-weight: 400; font-size: 2em;}
#landing-faqs .faq-question {font-weight: 700; color: #656565; font-size: 1.25rem; font-family:'Montserrat','Open Sans', sans-serif;}
#landing-faqs .faq-answer {font-weight: normal; color: #656565; font-size: 1rem;}

@media screen and (max-width:576px) {
	#landing-faqs {padding: 2em 1em 3em 1em;}
  #landing-faqs .heading {font-size: 1.75em;}
  #landing-faqs .faq-question {font-size: 1rem;}
  #landing-faqs .faq-answer {font-size: .9rem;}
}

/* ========================
LANDING > TESTIMONIALS
========================== */

#landing-testimonials {background:#104563; padding: 4em 1em;}
#landing-testimonials .bg-container {width:100%; height: 100%;  background: url("/img/funnels/20/path-landing-testimonials.svg"); background-position: center; background-repeat: no-repeat; background-size: cover;}
#landing-testimonials .heading {font-family:'Montserrat','Open Sans', sans-serif; color:#ffffff; margin-bottom: 1em; text-align: center; font-weight: 400; font-size: 2em}
#landing-testimonials .carousel-item .carousel-item-inner {background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(206,206,206,1) 100%); margin: auto; max-width: 600px; padding: 2em; border-radius: 30px}
#landing-testimonials .carousel-item .carousel-item-inner p {color:#000000; font-weight: 400; text-align: center}
#landing-testimonials .carousel-item .carousel-item-inner p.quote {font-weight: 700}
#landing-testimonials .carousel-indicators {bottom: 10px;}
#landing-testimonials .carousel-indicators button {background-color:#fff; width:10px;height:10px;border-radius:50px;margin-left:5px;margin-right:5px;	cursor:pointer;}
#landing-testimonials .carousel-indicators button.active {background-color: #E8F7FF;}
#landing-testimonials .carousel-control-prev span i, 
#landing-testimonials .carousel-control-next span i {font-size:3em;}

@media screen and (max-width:576px) {
  #landing-testimonials {padding: 2.5em 1em 3em 1em;}
  #landing-testimonials .heading {font-size: 1.75em}
  #landing-testimonials .carousel-item .carousel-item-inner p.quote {font-weight: 400; font-style: italic;}
  #landing-testimonials .carousel-indicators {bottom: 0px}
  #landing-testimonials .carousel-control-prev,
  #landing-testimonials .carousel-control-next{align-items: flex-end;z-index: 99}
  #landing-testimonials .carousel-control-prev {margin-left: 4em}
  #landing-testimonials .carousel-control-next {margin-right: 4em}
}

/* ========================
STEPS (F20 LANDING)
========================== */

#steps-20 h2.heading {color:#000000; margin-bottom: 1em; text-align: center; font-weight: 400; font-size: 2em;}
#steps-20 h2.heading span {font-weight: 700;}
#steps-20 .icon {margin-bottom: 1em;}
#steps-20 .icon img {max-width: 175px;}
#steps-20 h3 {font-family:'Montserrat','Open Sans', sans-serif; font-weight: 700;  margin-bottom: .5em; font-size: 1.25em}
#steps-20 p {font-size: 1em;}

@media screen and (max-width:576px) {
  #steps-20 {padding-left: 1em; padding-right:1em}
  #steps-20 .icon img {max-width: 150px;}
  #steps-20 h2.heading {font-size: 1.75em;}
  #steps-20 h2.heading span {display: block}
  #steps-20 h3 {font-size: 1.25em}
  #steps-20 p {font-size: .9em}
}

/* ========================
STEPS (LANDING & OTHER)
========================== */

#steps .step-1, 
#steps .step-2, 
#steps .step-3 {position: relative}
#steps .step-1 .text, 
#steps .step-2 .text,
#steps .step-3 .text {position: absolute; color:#ffffff; font-size: 1em; line-height: 1}
#steps .step-1 .text {left: 140px; top: 55px; width:250px;}
#steps .step-2 .text {left: 140px; top: 55px; width:250px;}
#steps .step-3 .text {left: 30px; top: 135px; width:350px;}
#steps .step-1 .text span,
#steps .step-2 .text span, 
#steps .step-3 .text span {font-size:1.4em; font-weight: 700; display: block; line-height: 1.2; margin-bottom: .5em;}

@media screen and (max-width:1400px) {
  #steps .step-1 .text, 
  #steps .step-2 .text,
  #steps .step-3 .text {position: absolute; color:#ffffff; font-size: .9em; line-height: 1}
  #steps .step-1 .text {left: 115px; top: 60px; width:210px;}
  #steps .step-2 .text {left: 115px; top: 50px; width:210px;}
  #steps .step-3 .text {left: 30px; top: 108px; width:300px;}
  #steps .step-1 .text span,
  #steps .step-2 .text span, 
  #steps .step-3 .text span {font-size:1.2em;}
}
@media screen and (max-width:1200px) { /* Ipad > Landscape */
  #steps .step-1 .text, 
  #steps .step-2 .text,
  #steps .step-3 .text {position: absolute; color:#ffffff; font-size: .8em; line-height: 1}
  #steps .step-1 .text {left: 100px; top: 50px; width:190px;}
  #steps .step-2 .text {left: 95px; top: 50px; width:185px;}
  #steps .step-3 .text {left: 20px; top: 86px; width:250px;}
  #steps .step-1 .text span,
  #steps .step-2 .text span, 
  #steps .step-3 .text span {font-size:1em;}
}
@media screen and (max-width:992px) { /* Ipad > Portrait */
  #steps .step-1, 
  #steps .step-2, 
  #steps .step-3 {width:400px; margin: auto}
  #steps .step-1 .text, 
  #steps .step-2 .text,
  #steps .step-3 .text {position: absolute; color:#ffffff; font-size: 1em; line-height: 1}
  #steps .step-1 .text {left: 140px; top: 55px; width:250px;}
  #steps .step-2 .text {left: 140px; top: 55px; width:250px;}
  #steps .step-3 .text {left: 30px; top: 125px; width:350px;}
  #steps .step-1 .text span,
  #steps .step-2 .text span, 
  #steps .step-3 .text span {font-size:1.4em; font-weight: 700; display: block; line-height: 1.2; margin-bottom: .5em;}
}
@media screen and (max-width:576px) {
  #steps .step-1, 
  #steps .step-2, 
  #steps .step-3 {width:350px; margin: auto}
  #steps .step-1 .text, 
  #steps .step-2 .text,
  #steps .step-3 .text {position: absolute; color:#ffffff; font-size: .8em; line-height: 1}
  #steps .step-1 .text {left: 115px; top: 60px; width:190px;}
  #steps .step-2 .text {left: 110px; top: 50px; width:185px;}
  #steps .step-3 .text {left: 40px; top: 110px; width:260px;}
  #steps .step-1 .text span,
  #steps .step-2 .text span, 
  #steps .step-3 .text span {font-size:1.2em;}
}
@media screen and (max-width:425px) {
  #steps .step-1, 
  #steps .step-2, 
  #steps .step-3 {width:320px; margin: auto}
  #steps .step-1 .text, 
  #steps .step-2 .text,
  #steps .step-3 .text {position: absolute; color:#ffffff; font-size: .75em; line-height: 1}
  #steps .step-1 .text {left: 105px; top: 55px; width:195px;}
  #steps .step-2 .text {left: 100px; top: 47px; width:190px;}
  #steps .step-3 .text {left: 25px; top: 98px; width:265px;}
  #steps .step-1 .text span,
  #steps .step-2 .text span, 
  #steps .step-3 .text span {font-size:1.1em;}
}

/* ========================================
FAQ
===========================================*/

#faq-accordion {margin-bottom: 1em;}
#faq-accordion h2.accordion-header button {font-weight: 700}

/* Accordion */

.accordion-button {background-color:#f6f6f6}
.accordion-button:not(.collapsed) {/* Open/Not Collapsed Btn */
  background-color: #105072;color: #fff;
}

/* ORIG BS 5 ICONS */
.accordion-button::after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}
.accordion-button.collapsed::after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}

/* Customize (remove radius) */

.accordion {border-radius: 0px}

/* Item */
.accordion-item {margin-bottom: 1em; border-radius: 5px; border: 1px solid #104F71 !important;}
.accordion-item:first-of-type {border-radius: 5px; border: 1px solid #000;}
.accordion-item:last-of-type {border-radius: 5px; border: 1px solid #000;}

/* Item Header/Button  */

.accordion-item .accordion-header {border-radius: 5px}
.accordion-item .accordion-button {border-radius: 5px}
.accordion-item:first-of-type .accordion-header {border-radius: 5px}
.accordion-item:first-of-type .accordion-button {border-radius: 5px}
.accordion-item:last-of-type .accordion-header {border-radius: 5px}
.accordion-item:last-of-type .accordion-button {border-radius: 5px}

/* Remove radius when open */

.accordion-button:not(.collapsed) {border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;}
.accordion-item:first-of-type .accordion-button:not(.collapsed) {border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;}
.accordion-item:last-of-type .accordion-button:not(.collapsed) {border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;}

/* ========================================
GET APPROVED / CTA BTN (GRID)
===========================================*/

#getapproved-cta-grid {max-width: 500px; margin: 3em auto 1em auto;}

@media screen and (max-width:576px) {
	#getapproved-cta-grid .button {margin-bottom: 1em;}
  #getapproved-cta-grid .ssl {text-align: center}
}

/* ========================================
CAROUSEL (Resources > Articles)
===========================================*/

/* Container */

#carousel-resource-articles {max-width: 1600px; padding: 0rem 3rem; margin: 2rem auto; overflow: hidden; position:relative}
#carousel-resource-articles .controls {margin: 0;padding: 0;list-style: none;position: absolute;left: 0; background:transparent; width: 100%; top: 50%; transform: translatey(-50%); display: flex; align-items: center; justify-content: space-between;}
#carousel-resource-articles .controls .prev, 
#carousel-resource-articles .controls .next {cursor: pointer; opacity: .25; color:#104563}
#carousel-resource-articles .controls .prev:hover, 
#carousel-resource-articles .controls .next:hover {opacity: 1}

/* Item Link */

#carousel-resource-articles .carousel .item a {color:#000000; text-decoration: none;}
#carousel-resource-articles .carousel .item a:hover {color:#000000;}

/* Content */

#carousel-resource-articles .carousel .item .card .card-title {font-weight: bold; text-align: center; font-size: 1em;}
#carousel-resource-articles .carousel .item .card .card-body {background-color: #efefef;}
#carousel-resource-articles .carousel .item .card .card-text {font-size: .8em}
#carousel-resource-articles .carousel .item .card .card-button {text-align: center; margin-top: 1em;}

@media (max-width: 576px) {
  #carousel-resource-articles .carousel .item .card .card-title {font-size: .75em;}
}

/* ========================
CAROURSEL (Resources > Related Articles)
======================== */

/* Container */

#carousel-related-articles {width: 100%; padding: 4rem 0rem; background:transparent; margin: 2rem auto; overflow: hidden; position:relative;}
#carousel-related-articles .controls {
  position: absolute; margin: 0; padding: 0; list-style: none; top: 0; background:transparent; width: 100%; height: 100%; 
  left: 50%; transform: translatex(-50%); display: flex; flex-flow: column nowrap; justify-content: space-between; text-align: center;
}
#carousel-related-articles .controls .prev, 
#carousel-related-articles .controls .next {cursor: pointer; opacity: .25; color:#104563}
#carousel-related-articles .controls .prev:hover, 
#carousel-related-articles .controls .next:hover {opacity: 1}

/* Item Link */

#carousel-related-articles .carousel .item a {color:#000000; text-decoration: none;}
#carousel-related-articles .carousel .item a:hover {color:#000000;}

/* Content */

#carousel-related-articles .carousel .item .card .card-title {font-weight: bold; text-align: center; font-size: 1em;}
#carousel-related-articles .carousel .item .card .card-body {background-color: #efefef;}
#carousel-related-articles .carousel .item .card .card-text {font-size: .8em}
#carousel-related-articles .carousel .item .card .card-button {text-align: center; margin-top: 1em;}

@media (max-width: 992px) {
  #carousel-related-articles {
    width: 100%; padding: 4rem 3rem;background: #ffffff; margin: 2rem auto; overflow: hidden; position:relative;
  }
}
@media (max-width: 576px) {
  #carousel-related-articles .carousel .item .card .card-title {font-size: .75em;}
}

/* ========================================
RESOURCES
===========================================*/

.sidebar h3 {color:#ffffff;text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.75);}
.article-img {display: block; width: 100%; max-width: 700px;  height: auto; margin: 0 auto 2em auto; border: 1px solid #ccc; border-radius: 5px;box-shadow: -5px 5px 7px 0px rgba(0,0,0,.15);}

      
@media (max-width: 992px) {
  .sidebar h3 {color:#000000;text-shadow:none;}
}
@media screen and (max-width:768px) {
  .article-img {float:none; width: 100%; display: block; margin: 0 auto 2em auto}
}

/* ========================================
TESIMONIALS
===========================================*/

/* Hero */

#testimonials-hero {min-height: 350px; padding-bottom: 0em; background: none; overflow: hidden;}

/* Hero > Banner */

#testimonials-hero #hero-banner {height: 450px; background: rgba(207,207,207,0.00); position: relative; margin-bottom: 1em;}
#testimonials-hero #hero-banner .hero-content {position: absolute; z-index: 10; top: 160px; left: 10px; height: 400px}
#testimonials-hero #hero-banner .hero-content .heading {margin-bottom: 2em;}
#testimonials-hero #hero-banner .hero-content .heading h1 {color:#ffffff;text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);}
#testimonials-hero #hero-banner .hero-img {position: absolute; z-index: 5; bottom: 15px; right: 0px; height: 400px;}
#testimonials-hero #hero-banner .hero-img img {height: 400px;}

@media screen and (max-width:1200px) {
  #testimonials-hero #hero-banner {height: 400px; background: rgba(207,207,207,0.00); position: relative}
  #testimonials-hero #hero-banner .hero-content {position: absolute; z-index: 10; top: 120px; left: 10px; height: 400px;}
  #testimonials-hero #hero-banner .hero-img {position: absolute; z-index: 5; bottom: 0px; right: -130px; height: 370px;}
  #testimonials-hero #hero-banner .hero-img img {height: 370px;}
}
@media screen and (max-width:768px) {
  #testimonials-hero #hero-banner {height: 470px}
  #testimonials-hero #hero-banner .hero-content {top: 30px; left:0px; height: auto; width: 100%}
  #testimonials-hero #hero-banner .hero-content .heading {text-align: center}
  #testimonials-hero #hero-banner .hero-img {bottom: 0px; height: 370px; left: 50%; transform: translate(-50%, 0); text-align: center; width: 100%}
}
@media screen and (max-width:576px) {
  #testimonials-hero #hero-banner {height: 500px}
  #testimonials-hero #hero-banner .hero-content .heading h1 {color:#ffffff;}
  #testimonials-hero #hero-banner .hero-img {bottom: 0px; height: 300px;}
  #testimonials-hero #hero-banner .hero-img img {height: 300px;}
}
@media screen and (max-width:425px) {
  #testimonials-hero #hero-banner {height: 450px}
  #testimonials-hero #hero-banner .hero-img {height: 270px;}
  #testimonials-hero #hero-banner .hero-img img {height: 300px;}
}

/* Testimonials */

#testimonials {max-width: 1000px; margin: auto;}
#testimonials .testimonial {margin-bottom: 3em;}
#testimonials .testimonial-img img {border-radius: 50px; border: 5px solid #ffffff;box-shadow: 0px 3px 5px rgba(0,0,0,.2);}

#testimonials .testimonial-left .testimonial-box-left {
	background-color: #fbfbfb;
	position: relative;
	padding: 20px;
	color: #000000;
  border-radius: 12px;
  box-shadow: 5px 5px 7px 0px rgba(0,0,0,.15);
}
#testimonials .testimonial-left .testimonial-box-left::after {
	content: "";
	position: absolute;
	height: 25px;
	width: 25px;
	top: 15px;
	left: -25px;
	background-color: #fbfbfb;
	clip-path: polygon(0 0, 100% 0, 100% 100%);
}
#testimonials .testimonial-left .testimonial-name {margin-bottom: .75em; color:#000000; font-weight: 700;}
#testimonials .testimonial-left .rating-stars {margin-left: .5em;}
#testimonials .testimonial-left .rating-stars i {color:#FFDD00;}

/* Testimonials > Right Aligned */

#testimonials .testimonial-right .testimonial-name {margin-bottom: .75em; text-align: right; color:#000000; font-weight: 700;}
#testimonials .testimonial-right .rating-stars {margin-left: .5em;}
#testimonials .testimonial-right .rating-stars i {color:#FFDD00;}
#testimonials .testimonial-right .testimonial-box-right {
	background-color: #fbfbfb;
	position: relative;
	padding: 20px;
	color: #000000;
  border-radius: 12px;
  box-shadow: -5px 5px 7px 0px rgba(0,0,0,.15);
}
#testimonials .testimonial-right .testimonial-box-right::before {
	content: "";
	position: absolute;
	height: 25px;
	width: 25px;
	top: 15px;
	right: -25px;
	background-color: #fbfbfb;
	clip-path: polygon(0 0, 100% 0, 0 100%);
}

@media screen and (max-width:992px) {
  #testimonials .testimonial-left .rating-stars,
  #testimonials .testimonial-right .rating-stars {display:block}
}
@media screen and (max-width:576px) {
  #testimonials .testimonial-left .testimonial-box-left, 
  #testimonials .testimonial-right .testimonial-box-right {font-size: .85em;}
  #testimonials .testimonial-left .testimonial-name,
  #testimonials .testimonial-right .testimonial-name {font-size: 1em;}
}

/* ========================================
TERMS
===========================================*/

/* Hero */

#terms-hero {min-height: 350px; padding-bottom: 0em; background: none; overflow: hidden;}
#terms-hero .bg-container {background-image: url("/img/funnels/4/bg-blue-grad.svg"); background-position: top center; background-repeat: repeat-x;}

/* Hero > Banner */

#terms-hero #hero-banner {height: 450px; background: rgba(207,207,207,0.00); position: relative; margin-bottom: 1em;}
#terms-hero #hero-banner .hero-content {position: absolute; z-index: 10; top: 160px; left: 10px; height: 400px}
#terms-hero #hero-banner .hero-content .heading {margin-bottom: 2em;}
#terms-hero #hero-banner .hero-content .heading h1 {color:#ffffff;text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5); }
#terms-hero #hero-banner .hero-img {position: absolute; z-index: 5; bottom: 15px; right: 0px; height: 400px;}
#terms-hero #hero-banner .hero-img img {height: 400px;}

@media screen and (max-width:1200px) {
  #terms-hero #hero-banner {height: 400px; background: rgba(207,207,207,0.00); position: relative}
  #terms-hero #hero-banner .hero-content {position: absolute; z-index: 10; top: 120px; left: 10px; height: 400px;}
  #terms-hero #hero-banner .hero-img {position: absolute; z-index: 5; bottom: 0px; right: -130px; height: 370px;}
  #terms-hero #hero-banner .hero-img img {height: 370px;}
}
@media screen and (max-width:768px) {
  #terms-hero #hero-banner {height: 550px; position: relative}
  #terms-hero #hero-banner .hero-content {position: absolute; z-index: 10; top: 30px; left:0px; height: auto; width: 100%}
  #terms-hero #hero-banner .hero-content .heading {text-align: center}
  #terms-hero #hero-banner .hero-img {position: absolute; z-index: 5; bottom: 0px; height: 370px; width: 100%; left: 50%; transform: translate(-50%, 0); text-align: center}
}
@media screen and (max-width:576px) {
  #terms-hero #hero-banner {height: 500px; position: relative}
  #terms-hero #hero-banner .hero-content .heading h1 {color:#ffffff;}
  #terms-hero #hero-banner .hero-img {bottom: 0px; height: 300px}
  #terms-hero #hero-banner .hero-img img {height: 300px;}
}
@media screen and (max-width:425px) {
  #terms-hero #hero-banner {height: 425px}
  #terms-hero #hero-banner .hero-img {height: 270px}
  #terms-hero #hero-banner .hero-img img {height: 300px;}
}

/* ========================================
PRIVACY
===========================================*/

/* Hero */

#privacy-hero {min-height: 350px; padding-bottom: 0em; background: none; overflow: hidden;}
#privacy-hero .bg-container {background-image: url("/img/funnels/4/bg-blue-grad.svg"); background-position: top center; background-repeat: repeat-x;}

/* Hero > Banner */

#privacy-hero #hero-banner {height: 450px; background: rgba(207,207,207,0.00); position: relative; margin-bottom: 1em;}
#privacy-hero #hero-banner .hero-content {position: absolute; z-index: 10; top: 160px; left: 10px; height: 400px}
#privacy-hero #hero-banner .hero-content .heading {margin-bottom: 2em;}
#privacy-hero #hero-banner .hero-content .heading h1 {color:#ffffff;text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);}
#privacy-hero #hero-banner .hero-img {position: absolute; z-index: 5; bottom: 15px; right: 0px; height: 400px;}
#privacy-hero #hero-banner .hero-img img {height: 400px;}

@media screen and (max-width:1200px) {
  #privacy-hero #hero-banner {height: 400px; background: rgba(207,207,207,0.00); position: relative}
  #privacy-hero #hero-banner .hero-content {position: absolute; z-index: 10; top: 120px; left: 10px; height: 400px;}
  #privacy-hero #hero-banner .hero-img {position: absolute; z-index: 5; bottom: 0px; right: -130px; height: 370px;}
  #privacy-hero #hero-banner .hero-img img {height: 370px;}
}
@media screen and (max-width:768px) {
  #privacy-hero #hero-banner {height: 470px}
  #privacy-hero #hero-banner .hero-content {top: 30px; left:0px; height: auto; width: 100%;}
  #privacy-hero #hero-banner .hero-content .heading {text-align: center}
  #privacy-hero #hero-banner .hero-img {bottom: 0px; height: 370px; width: 100%; left: 50%; transform: translate(-50%, 0); text-align: center}
}
@media screen and (max-width:576px) {
  #privacy-hero #hero-banner {height: 460px}
  #privacy-hero #hero-banner .hero-content .heading h1 {color:#ffffff;}
  #privacy-hero #hero-banner .hero-img {bottom: 0px; height: 300px}
  #privacy-hero #hero-banner .hero-img img {height: 300px;}
}
@media screen and (max-width:425px) {
  #privacy-hero #hero-banner {height: 425px}
  #privacy-hero #hero-banner .hero-img {bottom: 0px; height: 270px;/* display: flex;justify-content: flex-end;flex-direction: column;*/}
  #privacy-hero #hero-banner .hero-img img {height: 300px;}
}

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

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

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

/* Nav */
#site-footer ul.footer-nav {margin:.25em 0 2em 0; padding:0; list-style: none;}
#site-footer ul.footer-nav li {display:inline; font-size:.9rem}
#site-footer ul.footer-nav li:after {content: "|"; margin: 0 .5em; color:#bbbbbb}
#site-footer ul.footer-nav li:last-child {margin-right:0;}
#site-footer ul.footer-nav li:last-child:after {content: '';}
#site-footer ul.footer-nav li a {color:#777; text-decoration:  none;}

/* Dealer Link */
#site-footer .dealer-link {text-align: center; margin-bottom: 2em;}

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

@media (max-width: 768px) {
	#site-footer .footer-logo {text-align:center; margin-bottom:20px}
	#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 ul.footer-nav li:after {content: ""; margin: 0;}
	#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-disclaimer {font-size:.75em}
	#site-footer .footer-copyright {font-size:.75em}
}

/* ========================
APPLICATION
======================== */

.application-page {background-image: url("/img/funnels/4/bg-lightblue.svg") !important;}
.application-container {max-width: 700px; margin: auto;}

/* Title */
.application-page .application-title {margin-bottom: 2em;}
.application-page .application-title h1.heading {font-weight: 700; font-size: 2.4rem; margin-bottom: .5em; color: #104A6A; line-height: 1;}

/* Cards */
.application-page .card {min-height:0;box-shadow: 0px 4px 22px -2px rgba(0,0,0,0.05); padding: .75em .5em 1em .5em; background-color: #ffffff; border:1px solid #104A6A;}
.application-page .card.no-border {border:none;}
.application-page .card.card-lexlaw {padding:0 !important;}
.application-page .card.card-tcpadblcheck {padding:0 !important;}

/* Labels */
.application-page label {font-weight: 700; font-size: .9em;}
.application-page .form-check label {font-weight: 400; font-size: .9em;}

/* App > Progress Bar */
.application-page .progress-container {max-width: 400px; margin: 0 auto 2em auto}
.application-page .progress-label {font-size:.8rem;  float: left;  margin-right: 1em; line-height: 1; color: #000;}

/* App > Step Heading/Title */
.app-step-heading {font-size:1.35em; color:#2A4463; font-weight: 700;}

/* Btn > Submit Grid */
.app-submit {margin-bottom: 1em;}

/* App > Error */
label.error {color: #f12b24;	font-size: 18px !important;}
input.error, select.error, textarea.error {border: 1px solid #f12b24 !important;}
.form-input-error {margin-top:1em; padding: 1em 1em; color:#C00; font-size:.75em; background-color:#FFF4F4; border: 1px solid #D52D2D; text-align: center; border-radius: 5px}

@media (max-width: 768px) {
  .app-submit {margin-top: 1em}
}
@media (max-width: 576px) {
  .app-submit {margin-top: .25em}
  .app-submit .button {margin-top: 1em; margin-bottom: 2em;}
  .app-submit .ssl {text-align: center}
}

/* Btn > App */
.application-page .application-container .btn-app {font-size: 1.25em; font-weight: 700; transition: 0.3s; border-radius: 15px;}

@media screen and (max-width: 768px) {
  .application-page .application-container .btn-app {width:100%;}
}

/* ========================================
APPLICATION > OFFERS
===========================================*/

.application-page .card .step-title {
	background:#104A6A;border-radius: 15px;color: #fff;font-weight:700;font-size: 1.15em;padding: .1em .7em .3em;width: 120px;text-align: center;position: absolute;top: 0px;z-index: 20;left: 50%;transform: translate(-50%, -50%);
}

/* ========================================
APPLICATION > LEX LAW
===========================================*/

.card-lexlaw {border:1px solid #104A6A}
.card-lexlaw .card-header {background:#104A6A; color:#fff; font-weight: 700; text-align: center}
.card-lexlaw .card-body {background:#ffffff; padding:1.5em 1.5em; font-size:.9em;}
.form-check-container {max-width: 100px; margin: auto;}
.card-lexlaw .form-check .form-check-label {font-size:1.25em; font-weight: 700;}

/* ========================================
APPLICATION > TCPA DISCLOSURES
===========================================*/

#TCPA-disclosures-container {font-weight: normal !important;}
#TCPA-disclosures-container label {font-weight: normal !important} /* Fix for conflicts with old tcpa include code using BS5 */
#TCPA-disclosures-container label.custom-control-label {font-weight: normal !important} /* Fix for conflicts with old tcpa include code using BS5 */

/* ========================================
APPLICATION > TCPA DBL CHECK
===========================================*/

.card-tcpadblcheck {border:1px solid #104A6A}
.card-tcpadblcheck .card-header {background:#104A6A; color:#fff; font-weight: 700; text-align: center}
.card-tcpadblcheck .card-body {background:#ffffff; padding:1.5em 1.5em; font-size:.9em;}

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

.statusbars {
  margin-bottom: 2em;
}
.barContainer {
  max-width:750px; margin:0 auto 1em auto; border-radius:15px; box-shadow: 3px 3px 5px -1px rgba(0,0,0,0.10);
}
.bar {
  position: relative; z-index:40; width:100%; height:40px; border-radius:15px; background:#C9CFD3 !important;
  box-shadow: inset 1px 1px 3px rgba(102,102,102,.75);
}
.bar0 {
  position:absolute;width:0px;height: 40px;color:#fff;left:0px;top:0px;z-index: -10;border-radius:15px; background: #104A6A !important;
}
.statustext1, .statustext2{
  position: absolute; top:8px; left:20px; color: #fff !important;font-weight: 700; z-index: -5; text-shadow: 1px 1px 1px #000; text-transform: uppercase;
}
.statustext1 a, .statustext2 a {
  color: #fff !important;
}
.lenderstatus {
  position:absolute; right:24px; top: 8px; text-shadow: 1px 1px 1px #000; font-weight:bold;text-transform: uppercase; color:#8FE113 !important;
}
.lenderstatus {
  -webkit-animation-name: blink;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
  -webkit-animation-duration: 2s;
}
@-webkit-keyframes blink {
  from { opacity: 1.0; }
  to { opacity: 0.0; }
}
@media screen and (max-width:768px) {
  .statustext1,.statustext2 {font-size:.8em;top:10px; left:10px; color: #fff !important;}
  .lenderstatus {font-size:.8em;top: 10px; right:10px}
}
@media screen and (max-width:500px) {
  .bar {height:30px;}
  .bar0 {height: 30px;}
  .statustext1,.statustext2 {top:7px; font-size:.6em; color: #fff !important;}
  .lenderstatus {top:7px; font-size:.6em;}
}
@media screen and (max-width:480px) {
  .status-text1,.status-text2 {font-size:.56em;}
  .lender-status {font-size:.56em;}
}

/* ========================================
APPLICATION > INVENTORY (STEP 6)
===========================================*/

.vehicle-display-container {background-color: #104A6A !important;}
.vehicle-display {background-color: #ffffff;}
.vehicle-img img {border:1px solid #ccc; box-shadow: 0px 0px 15px -8px rgba(0,0,0,0.75);}