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

* {box-sizing: border-box;}
html {scroll-behavior: smooth; overflow-x: hidden}
body {font-family:'Brandon Text', sans-serif; overflow-x: hidden}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {font-family:'Brandon Text', sans-serif;}

/* Type/Links */
a, a:hover {color:#4880C4;}
a.link-blue {color:#35557B}
a.link-lightblue {color:#C0D8FF;}
a.link-orange {color:#FF7C03}
a.link-green {color:#6BA70C;}

/* Buttons */
.btn {font-family:'Brandon Text', sans-serif; font-weight: bold}
.btn-site {font-weight: bold;}
.btn-link {box-shadow:none;}
.btn.rounded {border-radius: 50px !important;}
.btn.btn-shadow {box-shadow: 0px 7px 7px -3px rgba(0,0,0,0.25);}
.btn.btn-shadow:hover {box-shadow: 0px 7px 7px -3px rgba(0,0,0,0.75);}
.btn-orange {color:#fff; background: rgb(228,122,41); background: linear-gradient(0deg, rgba(228,122,41,1) 0%, rgba(253,187,45,1) 100%);transition: 0.3s}
.btn-orange:hover {background: linear-gradient(0deg, rgba(228,122,41,1) 0%, rgba(228,122,41,1) 100%); color:#fff;}
.btn-green {color:#fff; background: rgba(104,156,22,1); background: linear-gradient(to bottom, #B3DE6F 0%, #689C16 100%);transition: 0.3s}
.btn-green:hover {background: linear-gradient(to bottom, #689C16 0%, #689C16 100%); color:#fff;}
.btn-red {color:#fff; background: rgba(235,0,0,1); background: linear-gradient(to bottom, #E80000 0%, #AD0000 100%);transition: 0.3s}
.btn-red:hover {background: rgba(235,0,0,1); background: linear-gradient(to bottom, #AD0000 0%, #AD0000 100%); 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-success {border: 1px solid #6BA70C; background: inherit; color:#6BA70C;}
.btn-outline-success:hover,.btn-outline-success:active,.btn-outline-success.active,.btn-outline-success:focus,.btn-outline-success.focus {
border: 1px solid #6BA70C !important; background: #6BA70C !important; color:#ffffff !important;
}
@media screen and (max-width: 768px) {
  .btn {width:100%;}
}

/* Type/Colors */
.text-blue {color:#395A83}
.text-lightblue {color:#C0D8FF; color:#C8D8F2;}
.text-orange {color:#FF7C03}
.text-green {color:#6BA70C;}
.text-red {color:#D00000;}

/* Type/Weights */
.strong, .bold {font-weight: 700;}
.font-light {font-weight: 300; font-style: normal}
.font-thin {font-weight: 100; font-style: normal}
.font-bold {font-weight: bold; font-style: normal}
.font-normal {font-weight: normal; font-style: normal}
.font-normal-italic {font-weight: normal; font-style: italic}
.font-italic {font-style: italic}

/* BG Colors */
.bg-blue {background-color:#35557B}
.bg-lightblue {background-color:#C8D8F2;}
.bg-green {background-color:#6BA70C;}

/* Lists > Responsive Cols */
.list-responsive-cols li, .list-responsive-cols-4 li {width: 100%;}
.list-responsive-cols ul {-moz-column-count: 2; -webkit-column-count: 2; column-count: 2;}
.list-responsive-cols.no-bullets ul,.list-responsive-cols-4.no-bullets ul {list-style: none !important;}

@media screen and (max-width: 922px) {
  .list-responsive-cols ul {-moz-column-count: 2; -webkit-column-count: 2;column-count: 2;}
}
@media screen and (max-width: 768px) {
  .list-responsive-cols ul {-moz-column-count: 2;-webkit-column-count: 2; column-count: 2;}
}
@media screen and (max-width: 576px) {
  .list-responsive-cols ul {-moz-column-count: 1;-webkit-column-count: 1;column-count: 1;}
}

/* Unchecked */
.custom-checkbox .custom-control-label:before,
.custom-radio .custom-control-label:before{background-color:#ffffff;}

/* Checked */
.custom-checkbox .custom-control-input:checked~.custom-control-label::before,
.custom-radio .custom-control-input:checked~.custom-control-label::before{background-color:#35557B;}

/* Placeholders */
::-webkit-input-placeholder {color:#999999 !important;font-style:italic;}
:-moz-placeholder {color: #999999 !important;font-style:italic;opacity:1;}
::-moz-placeholder {color:#999999 !important;font-style:italic;opacity:1;}
:-ms-input-placeholder {color:#999999 !important;font-style:italic;}
::-ms-input-placeholder {color:#999999 !important;font-style:italic;}
::placeholder {color:#999999 !important;font-style:italic;}

/* Inputs/selects */
form .form-control, form .custom-select {
  border: 1px solid #cccccc;  position:relative;
  -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;
  box-shadow: 0px 4px 10px -6px rgba(0,0,0,0.15);
}
form .form-control:focus, form .custom-select:focus {outline: 0;border: 1px solid #cccccc;box-shadow: 0px 4px 10px -6px rgba(0,0,0,0.35);}
form input.form-control, form textarea.form-control,form select.custom-select, form select.form-control {border-radius: 0px !important}

/* Prepends */
.input-group-prepend, .input-group-append {
  -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;
  box-shadow: 0px 4px 10px -6px rgba(0,0,0,0.15);
}

/* Disabled Color */
option:disabled, select:disabled {color: #dddddd;}

/* Validation and Req */
.req-icon {color:#D00000;}
.formValidationError {color:#D00000;}
label.error {color: #f12b24;font-size: 1em !important;}
input.error, select.error, textarea.error {border: 1px solid #f12b24 !important;}
.form-input-error {color:#C00; font-size:.8em; background-color:LightGoldenRodYellow ;}

/* Hide on mobile */
@media all and (max-width: 992px) {
	.no-mobile {
		display:none;
	}
}

/* Img > Shadow  */
.img-shadow {
	box-shadow: 0px 0px 16px -5px rgba(0,0,0,.45);
}

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

.site-header .logo img {max-height:60px; width:auto;}

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

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

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

/* Top > Icon */
.main-menu .top-menu {list-style:none;position:absolute;right:10px;top:16px;margin:0;padding:0;}
.main-menu .top-menu li a:hover {	text-decoration:none;}
.main-menu .top-menu li a {font-size:1.6em;	color:#35557B; text-shadow: 1px 1px 0px rgba(255,255,255,.2);}

@media screen and (max-width:991px) {
	.main-menu .top-menu {top:7px;}
}

/* Side > Nav menu */
.main-menu .side-menu {position: absolute;	right:10px;	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:700;font-size:1em;border:0px 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:0px solid #cccccc;color:#112F4F;}

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

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

#landing-hero {position: relative; height: 450px; background: rgb(94,151,220);background: radial-gradient(circle, rgba(94,151,220,1) 0%, rgba(56,89,130,1) 100%);width: 100%;}
#landing-hero .container {position: relative; height: 100%;}
#landing-hero .hero-img {position:absolute; bottom: 0; right: 0; z-index: 1}
#landing-hero .hero-content {padding-top: 3em;}
#landing-hero .hero-content h1 {font-weight: 700; font-size: 2.6rem; margin-bottom: .5em; color: #ffffff;text-shadow: 1px 1px 2px rgba(0,0,0,.5);}
#landing-hero .hero-content .byline {font-weight: 400; font-size: 1.5rem; margin-bottom: 2em; line-height: 1.2; width: 80%; color: #ffffff;}
#landing-hero .hero-content .byline .highlight {color: #F5E19D}
#landing-hero .hero-content .btn-hero {width: 330px; padding: .5em .25em; font-size: 1.65em; color: #fff; line-height: 1; border: none; font-weight: 700; box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.3);transition: 0.3s}

/* Steps Box (Arrows)*/

#landing-hero .steps {
  position: absolute; z-index: 99; width: 100%; max-width: 1100px; height: 70px; bottom: -30px; left: 50%; transform: translate(-50%, 0); box-shadow: none; background: transparent; border: 0px solid #ffffff !important;
}
#landing-hero .steps #steps-arrows {
  padding: 0; list-style-type: none; font-size: 1.5rem; font-weight:700; clear: both; line-height: 1em; margin: 0 -1px; text-align: center;font-family:'Brandon Text', sans-serif;
}
#landing-hero .steps #steps-arrows li {
  float: left; padding: 15px 30px 15px 40px; background:#2A4463; color:#F5E19D; position: relative; border-top: 1px solid #2A4463; border-bottom: 1px solid #2A4463;width: 32%;margin: 0 1px;
}
#landing-hero .steps #steps-arrows li a {
  text-decoration: none; color: inherit;
}
#landing-hero .steps #steps-arrows li span {
  display:block;font-size:11px; font-weight:400; color: #ffffff;
}
#landing-hero .steps #steps-arrows li:before {
  content: '';border-left: 39px solid #fff; border-top: 39px solid transparent; border-bottom: 39px solid transparent; position: absolute; top: 0;left: 0;
}
#landing-hero .steps #steps-arrows li.step-1:before {
  content: ''; border-left: 39px solid transparent; border-top: 39px solid transparent; border-bottom: 39px solid transparent; position: absolute;top: 0; left: 0;
}
#landing-hero .steps #steps-arrows li:after {
  content: ''; border-left: 39px solid #2A4463; border-top: 39px solid transparent;border-bottom: 39px solid transparent;position: absolute; top: 0; left: 100%; z-index: 20;
}
#landing-hero .steps #steps-arrows li.active {
  background: #555;
}
#landing-hero .steps #steps-arrows li.active:after {
  border-left-color: #555;
}

@media (max-width: 1200px) {
  #landing-hero .hero-content h1 {font-size: 2.4rem; line-height: 1.1}
}

@media (max-width: 992px) {
  #landing-hero .hero-img {display: none}
  .col-lg-3.image {display: none;}

  #landing-hero .steps {bottom: -35px;}
  #landing-hero .steps #steps-arrows {font-size: 1em;}
  #landing-hero .steps #steps-arrows li:before {
    border-left: 31px solid #fff; border-top: 31px solid transparent; border-bottom: 31px solid transparent;
  }
  #landing-hero .steps #steps-arrows li.step-1:before {
    border-left: 31px solid transparent; border-top: 31px solid transparent; border-bottom: 31px solid transparent;
  }
  #landing-hero .steps #steps-arrows li:after {
    border-left: 31px solid #2A4463; border-top: 31px solid transparent;border-bottom: 31px solid transparent;
  }
}
@media (max-width: 768px) {
	#landing-hero .steps {display: none;}
  #landing-hero {height: auto; padding: 2em 1em}
  #landing-hero .hero-content {padding-top: 0em;}
  #landing-hero .hero-content h1 {font-size: 2.2rem; line-height: 1.1}
  #landing-hero .hero-content .byline {font-weight: 400; font-size: 1.25rem; line-height: 1.2; width:100%; color: #ffffff;}
}
@media (max-width: 576px) {
    #landing-hero .hero-content .btn-hero {width: 100%;}
  }

/* ========================
LANDING > CONTENT
======================== */

.landing-content {padding-top: 5.3em;color: #525050;	padding-bottom: 50px;}
.landing-content p, .landing-content ul {font-size: .95em;}
.landing-content .heading {color:#35557B;}
.landing-content .h-div {display: block;width: 100%;height: 1px;background: #e6e6e6;}
.landing-content .h-div-1 {margin-top: -5px;margin-bottom: 40px;}
.landing-content .h-div-2 {margin-top: 35px;margin-bottom: 40px;}
.landing-content .bbb {max-width: 120px; height: auto}

@media (max-width: 992px) {
  .landing-content a.btn {display: block;}
  .landing-content .bbb {max-width: 90px; height: auto}
}
@media (max-width: 768px) {
	.landing-content {padding-top: 2em;}
}

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

.page-title {position: relative; background: rgb(94,151,220);background: radial-gradient(circle, rgba(94,151,220,1) 0%, rgba(56,89,130,1) 100%);width: 100%; padding: 3em 1em 3em 1em}
.page-title h1 {font-weight: 700; font-size: 2.4rem; color: #ffffff;text-shadow: 1px 1px 2px rgba(0,0,0,.5);line-height: 1;}

@media (max-width: 768px) {
	.page-title {padding: 2em 1em 1.75em 1em}
  .page-title h1 {font-size: 1.75rem;}
}


/* ========================================
ABOUT US
===========================================*/

.about ul li {font-size: 1.5em; margin-bottom: .75em; line-height: 1.3}
.about ul li:last-child {margin-bottom:0;}
.about ul li i {color:#6BA70C;}

@media all and (max-width: 992px) {
	.about .img-about {width: 500px;}
}
@media all and (max-width: 768px) {
	.about .img-about {width: 400px;}
}
@media all and (max-width: 576px) {
	.about .img-about {width: auto;}
	.about ul li {font-size: 1.25em;}
}

/* ========================
FAQ > ACCORDIION
======================== */

.accordion {margin-bottom: .75em;}
.accordion .card {margin-bottom: 1.5em; border:1px solid #707070 !important; border-radius: 10px !important; box-shadow: 0px 0px 13px -5px rgba(0,0,0,0.20); transition: box-shadow .3s ease-in-out;}
.accordion .card:hover {box-shadow: 0px 0px 16px -5px rgba(0,0,0,0.75);}
.accordion .card:last-of-type {margin-bottom: 0em;}

.accordion .card-header {background-color:#ffffff; padding: 1em 1.20em; font-size:1.15em; cursor: pointer;transition: 0.3s; font-weight: 700}
.accordion .card-header p {color:#35557B; text-decoration: none; text-transform: none;}
.accordion .card-header .collapse-arrow {position:absolute; right: 15px; top:24px}
.accordion .card-header .collapse-arrow.fas {font-family: "Font Awesome 5 Free";font-size:1.15em;}
.accordion [data-toggle="collapse"] .fas:before {font-family: "Font Awesome 5 Free";content: "\f0d7"; color:#35557B;}
.accordion [data-toggle="collapse"].collapsed .fas:before {font-family: "Font Awesome 5 Free";content: "\f0d9"; color:#35557B;}
.accordion .card-header.collapsed {background:#ffffff;}
.accordion .card-header:not(.collapsed) {background:#35557B; background: #ffffff;}
.accordion .card-header:not(.collapsed) p {color:#ffffff; color: #35557B}

/* Icon update 10-2023 */
.accordion .card-header .collapse-icon {position:absolute; right: 15px; top:22px}
.accordion .card-header .collapse-icon.fas {font-family: "Font Awesome 5 Free";font-size:1.15em;}
.accordion [data-toggle="collapse"] .fas:before {font-family: "Font Awesome 5 Free";content: "\f068"; color:#35557B;}
.accordion [data-toggle="collapse"].collapsed .fas:before {font-family: "Font Awesome 5 Free";content: "\f067"; color:#35557B;}

@media all and (max-width: 576px) {
  .accordion .card-header {padding: 1em 2em 1em 1.20em;}
}


/* ===========================================
CALCULATOR > CAR PAYMENT
=========================================== */

#carpmt_calculator {background:#ffffff; border-radius:0px; margin:0 auto; border:0px solid #ffffff;box-shadow: 0px 0px 16px -5px rgba(0,0,0,0.25);}
#carpmt_calculator label {font-weight:bold;}
#carpmt_calculator .inner {padding:.5em 1em;}
#carpmt_calculator .input-group-prepend .input-group-text,
#carpmt_calculator .input-group-append .input-group-text {background: #efefef; color:#35557B; font-weight: bold;}
#carpmt_calculator .inner.calc_results {background:#385983;color:#fff;border-radius:0px;}
#carpmt_calculator .calc_results input[disabled],
#carpmt_calculator .calc_resultsinput[disabled]:hover {background-color:#fcfcfc;}

@media all and (max-width: 992px) {
  .container-calculator {width:100%;}
  #carpmt_calculator {margin-bottom:1em;max-width:450px;}
}
@media all and (max-width: 765px) {
	#carpmt_calculator {margin-bottom:3em;max-width:450px;}
}
@media all and (max-width: 576px) {
  #carpmt_calculator {width:100%;margin-bottom:1.25em;}
}












/* ========================
CALCULATOR / GET LOAN ESTIMATE HERO (10-2023)
======================== */

#getloanestimate-hero {position: relative; background: #e3e3e3; height: 350px; width: 100%}
#getloanestimate-hero .container {position: relative; height: 100%; max-width: 900px; overflow: hidden}
#getloanestimate-hero .hero-img {position:absolute; bottom: 0; right: 0px; z-index: 0; width: 275px; height: auto}
#getloanestimate-hero h1 {font-weight: 900; font-size: 3.5rem; margin-bottom: .65em; color: #2A4463; text-shadow: 1px 1px 2px rgba(0,0,0,0); width: 100%; text-align: left; line-height: 1.1}
#getloanestimate-hero h1 span {position:relative;display:inline-block;}
#getloanestimate-hero h1 span:after{content:''; position:absolute;top:100%;left:0;width:100%;border-bottom: 6px solid #FFDD6D;box-shadow: 1px 2px 5px rgba(0,0,0,.25);}
#getloanestimate-hero li {font-size: 1.3rem}

@media (max-width: 992px) {
  #getloanestimate-hero h1 {font-size: 3rem; margin-bottom: .65em; color: #2A4463; text-shadow: 1px 1px 2px rgba(0,0,0,0); width: 100%; line-height: 1.1; text-align: left}
  #getloanestimate-hero .hero-img {position:absolute; bottom: 0; right: 30px; z-index: 0; width: 275px; height: auto}
}
@media (max-width: 765px) {
  #getloanestimate-hero {height: 500px; padding-top: 1.5em}
  #getloanestimate-hero h1 {font-size: 2.75rem; margin-bottom: .65em; color: #2A4463; text-shadow: 1px 1px 2px rgba(0,0,0,0); width: 100%; line-height: 1.1; text-align: center}
  #getloanestimate-hero .hero-img {position:absolute; bottom: 0; left: 50%; transform: translateX(-50%);width: 225px;}
  #getloanestimate-hero .list {width: 400px; margin: auto}
  #getloanestimate-hero li {font-size: 1.3rem}
}
@media (max-width: 576px) {
  #getloanestimate-hero {height: 490px; padding-top: 1.5em}
  #getloanestimate-hero h1 {font-size: 2.5rem; margin-bottom: .65em; color: #2A4463; text-shadow: 1px 1px 2px rgba(0,0,0,0); width: 100%; line-height: 1.1; text-align: center}
  #getloanestimate-hero .hero-img {position:absolute; bottom: 0; left: 50%; transform: translateX(-50%);width: 225px;}
  #getloanestimate-hero .list {width: 375px; margin: auto}
  #getloanestimate-hero li {font-size: 1.1rem}
}
@media (max-width: 425px) {
  #getloanestimate-hero {height: 480px; padding-top: 1.5em}
  #getloanestimate-hero h1 {font-size: 2.25rem; margin-bottom: .65em; color: #2A4463; text-shadow: 1px 1px 2px rgba(0,0,0,0); width: 100%; line-height: 1.1; text-align: center}
  #getloanestimate-hero .hero-img {position:absolute; bottom: 0; left: 50%; transform: translateX(-50%);width: 225px;}
  #getloanestimate-hero .list {width: auto; margin: auto}
  #getloanestimate-hero li {font-size: 1.1rem}
}

/* ========================
HOW CLS WORKS (10-2023)
======================== */

#how-cls-works {padding: 3em 1em; background-color: #ffffff;}
#how-cls-works .container {max-width: 1000px}
#how-cls-works h2 {font-weight: 900; font-size: 2.5rem; margin-bottom: 1em; color: #2A4463; text-shadow: 1px 1px 2px rgba(0,0,0,0); width: 100%; text-align: center; line-height: 1.1}
#how-cls-works h2 span {position:relative;display:inline-block;}
#how-cls-works h2 span:after{content:''; position:absolute; top:120%; left: 50%; transform: translateX(-50%); width:50%;border-bottom: 6px solid #FFDD6D;box-shadow: 1px 2px 5px rgba(0,0,0,.25);}

#how-cls-works .d-mobile {display: none;}
#how-cls-works .d-desktop {display: block;}
#how-cls-works .step img {max-width: 180px; margin: auto; margin-bottom: 1.75em}
#how-cls-works .step .heading {font-family:'Brandon Text', sans-serif; font-size: 1.5rem; font-weight:700; color:#000; line-height: 1.2em; text-align: left; margin-bottom: 1em}
#how-cls-works .step .text {font-family:'Brandon Text', sans-serif; font-size: 1rem; font-weight:400; color:#000; line-height: 1.2em; text-align: left;}
#how-cls-works .bullet-line {max-width: 720px; margin: 0 auto 2em auto}

@media (max-width: 992px) {
  #how-cls-works .bullet-line {max-width: 600px}
}
@media (max-width: 768px) {
  #how-cls-works .bullet-line {display: none;}
}
@media (max-width: 576px) {
  #how-cls-works {padding: .25em 1em 2em 1em; background-color: #ffffff;}
  #how-cls-works h2 {font-size: 2rem}
  #how-cls-workshow-cls-works .step img.phone {max-width: 120px; margin: auto; margin-bottom: 1em}
  #landing-steps .step img.web {max-width: 120px; margin: auto; margin-bottom: .25em}
  #how-cls-works .step img.car {max-width: 120px; margin: auto; margin-bottom: .25em}
  #how-cls-works .step .heading {font-size: 1.3rem;margin-bottom:.25em}
  #how-cls-works .d-mobile {display: block;}
  #how-cls-works .d-desktop {display: none;}
}

/* ========================
CALCULATOR / HOW IT WORKS  (10-2023)
======================== */

#howitworks-calc {position: relative; background: rgb(255,255,255); background: linear-gradient(0deg, rgba(240,240,240,1) 0%, rgba(213,227,243,1) 100%); width: 100%}
#howitworks-calc .container {position: relative; height: 100%; border-bottom: none; max-width: 1000px; padding-top: 2em; padding-bottom: 2em}
#howitworks-calc .hero-img {position:absolute; bottom: 0; right: -50px; z-index: 0}
#howitworks-calc h2 {font-weight: 900; font-size: 2.5rem; margin-bottom: 1em; color: #2A4463; text-shadow: 1px 1px 2px rgba(0,0,0,0); width: 100%; text-align: center}
#howitworks-calc h2 span {position:relative;display:inline-block;}
#howitworks-calc h2 span:after{content:''; position:absolute;top:100%;left:0;width:100%;border-bottom: 6px solid #FFDD6D;box-shadow: 1px 2px 5px rgba(0,0,0,.25);}
#howitworks-calc p {color: #2A4463}
#howitworks-calc .img-dream-truck {margin-top: 3em; margin-bottom: 1.5em; text-align: center}
#howitworks-calc .calculator .calculator-form {padding: 2em 2em; border-radius: 10px; border: 1px solid #707070; background: linear-gradient(0deg, #ececec 0%, #f2f2f2 100%);}
#howitworks-calc .calculator .ssl {text-align:center}
#howitworks-calc .calculator .ssl img {width: 86px; height: auto}
#howitworks-calc .calculator .calculator-form, 
#howitworks-calc .calculator .calculator-form .form-label {color:#2A4463;}
#howitworks-calc .calculator .calculator-form .form-label {font-size: 1.2rem}
#howitworks-calc .calculator .calculator-form #loanAmount {font-size: 2.75rem; font-weight: 900; text-align: center; background: transparent; border: 0px !important; padding: 0px !important;color:#2A4463;}

@media (max-width: 1200px) {
  #howitworks-calc h2 {font-size: 2.4rem; line-height: 1.1}
}
@media (max-width: 992px) {
  #howitworks-calc {padding-left: 1em; padding-right: 1em; padding-top: 2em;}
}
@media (max-width: 576px) {
  #howitworks-calc .container {padding-top: 2em; padding-bottom: 2em}
  #howitworks-calc h2 {font-size: 2rem; line-height: 1.1; margin-bottom: .75em}
  #howitworks-calc .calculator .calculator-form {padding: 2em 1em}
  #howitworks-calc .calculator .calculator-form .form-label {font-size: 1rem}
}

/* ========================
FAQS (10-2023)
======================== */

#faqs {background: rgb(255,255,255); background: linear-gradient(0deg, rgba(240,240,240,1) 0%, rgba(213,227,243,1) 100%)}
#faqs.page-content {padding-top: 3em; padding-bottom: 3em}
#faqs #page-header {margin-bottom: 4em;}
#faqs #page-header h1 {font-weight: 900; font-size: 2.5rem; color: #2A4463; text-shadow: 1px 1px 2px rgba(0,0,0,0); width: 100%; text-align: center; line-height: 1.1; margin-bottom: 0}
#faqs #page-header h1 span {position:relative;display:inline-block;}
#faqs #page-header h1 span:after{content:''; position:absolute; top:120%; left: 50%; transform: translateX(-50%); width:50%;border-bottom: 6px solid #FFDD6D;box-shadow: 1px 2px 5px rgba(0,0,0,.25);}

@media (max-width: 576px) {
  #faqs.page-content {padding-top: 2em; padding-bottom: 2em}
  #faqs #page-header {margin-bottom: 3em;}
  #faqs #page-header h1 {font-size: 2rem;}
}

/* ========================
ABOUT (10-2023)
======================== */

#about {background: rgb(255,255,255); background: linear-gradient(0deg, rgba(240,240,240,1) 0%, rgba(213,227,243,1) 100%)}
#about.page-content {padding-top: 3em; padding-bottom: 3em}
#about #page-header {margin-bottom: 2em;}
#about #page-header h1 {font-weight: 900; font-size: 3rem; color: #2A4463; text-shadow: 1px 1px 2px rgba(0,0,0,0); width: 100%; text-align: left; line-height: 1.1; margin-bottom: 0}
#about #page-header h1 span {position:relative;display:inline-block;}
#about #page-header h1 span:after{content:''; position:absolute; top:100%;left:0;width:100%;border-bottom: 6px solid #FFDD6D;box-shadow: 1px 2px 5px rgba(0,0,0,.25);}
#about h2 {font-weight: 900; font-size: 2.5rem; color: #2A4463; text-shadow: 1px 1px 2px rgba(0,0,0,0); text-align: left; line-height: 1.1; margin-bottom: .5em}

/* CTA /Apply/Statu block */

.cta-apply-status-block {max-width: 900px; margin: 2em auto}
.cta-apply-status-block .cta-txt {font-size: 1.5rem; font-weight: 900; color:#2A4463}
.cta-apply-status-block .cta-btn a {font-size: 1.25rem; font-weight: 900; padding: 1em 1em}
.cta-apply-status-block hr {display: block; height: 1px; border: 0; border-top: 1px solid #707070; margin: 1em 0; padding: 0;}

@media (max-width: 576px) {
  #about.page-content {padding-top: 2em; padding-bottom: 2em; margin-bottom: 2em;}
  #about #page-header {margin-bottom: 2em;}
  #about #page-header h1 {font-size: 2.5rem;}
  #about h2 {font-size: 2rem;}
  .cta-apply-status-block .cta-btn a {font-size: 1rem; font-weight: 900; padding: .75em}
}

/* ========================
RESOURCES > CREDIT (10-2023)
======================== */

#resources-credit {background: rgb(255,255,255); background: linear-gradient(0deg, rgba(240,240,240,1) 0%, rgba(213,227,243,1) 100%)}
#resources-credit.page-content {padding-top: 3em; padding-bottom: 3em}
#resources-credit #page-header {margin-bottom: 1em;}
#resources-credit #page-header h1 {font-weight: 900; font-size: 3rem; color: #2A4463; text-shadow: 1px 1px 2px rgba(0,0,0,0); width: 100%; text-align: left; line-height: 1.1; margin-bottom: 0}
#resources-credit #page-header h1 span {position:relative;display:inline-block;}
#resources-credit #page-header h1 span:after{content:''; position:absolute; top:100%;left:0;width:100%;border-bottom: 6px solid #FFDD6D;box-shadow: 1px 2px 5px rgba(0,0,0,.25);}
#resources-credit p {color: #2A4463}
#resources-credit hr {display: block; height: 1px; border: 0; border-top: 1px solid #707070; padding: 0; width:75%; margin: 3em auto;}
#resources-credit h2 {font-weight: 900; font-size: 2.25rem; color: #2A4463; text-shadow: 1px 1px 2px rgba(0,0,0,0); text-align: center; line-height: 1.1; margin-bottom: 1em}

@media (max-width: 768px) {
  #resources-credit h2 {margin-bottom: .5em}
  #resources-credit img {max-width: 300px}
}
@media (max-width: 576px) {
  #resources-credit.page-content {padding-top: 2em; padding-bottom: 2em; margin-bottom: 2em;}
  #resources-credit #page-header {margin-bottom: 1.25em;}
  #resources-credit #page-header h1 {font-size: 2rem;}
  #resources-credit h2 {font-size: 2rem; margin-bottom: .5em}
  #resources-credit hr {width:85%; margin: 2em auto;}
  #resources-credit img {max-width: 300px}
  .cta-apply-status-block .cta-btn a {font-size: 1rem; font-weight: 900; padding: .75em}
}

/* ========================
RESOURCES > INSURANCE (10-2023)
======================== */

#resources-insurance {background: rgb(255,255,255); background: linear-gradient(0deg, rgba(240,240,240,1) 0%, rgba(213,227,243,1) 100%)}
#resources-insurance.page-content {padding-top: 3em; padding-bottom: 3em}
#resources-insurance #page-header {margin-bottom: 1em;}
#resources-insurance #page-header h1 {font-weight: 900; font-size: 3rem; color: #2A4463; text-shadow: 1px 1px 2px rgba(0,0,0,0); width: 100%; text-align: left; line-height: 1.1; margin-bottom: 0}
#resources-insurance #page-header h1 span {position:relative;display:inline-block;}
#resources-insurance #page-header h1 span:after{content:''; position:absolute; top:100%;left:0;width:100%;border-bottom: 6px solid #FFDD6D;box-shadow: 1px 2px 5px rgba(0,0,0,.25);}
#resources-insurance p {color: #2A4463}
#resources-insurance hr {display: block; height: 1px; border: 0; border-top: 1px solid #707070; padding: 0; width:75%; margin: 3em auto;}
#resources-insurance h2 {font-weight: 900; font-size: 1.75rem; color: #2A4463; text-shadow: 1px 1px 2px rgba(0,0,0,0); text-align: center; line-height: 1.3; margin-bottom: 1em; margin-left: auto; margin-right: auto; max-width: 800px;}

@media (max-width: 768px) {
  #resources-insurance h2 {margin-bottom: .5em}
  #resources-insurance img {max-width: 300px}
}
@media (max-width: 576px) {
  #resources-insurance.page-content {padding-top: 2em; padding-bottom: 2em; margin-bottom: 2em;}
  #resources-insurance #page-header {margin-bottom: 1.25em;}
  #resources-insurance #page-header h1 {font-size: 2rem;}
  #resources-insurance h2 {font-size: 1.25rem; margin-bottom:1em;line-height: 1.1;}
  #resources-insurance hr {width:85%; margin: 2em auto;}
  #resources-insurance img {max-width: 300px}
  .cta-apply-status-block .cta-btn a {font-size: 1rem; font-weight: 900; padding: .75em}
}

/* ========================================
RESOURCES > CREDIT B (10-2023) - SAVE IF NEEDED
===========================================

#resources-credit.resources-creditB #page-header h1 {font-weight: 900; font-size: 2rem; color: #2A4463; text-shadow: 1px 1px 2px rgba(0,0,0,0); width: 100%; text-align: left; line-height: 1.1; margin-bottom: 0}

#resources-credit.resources-creditB .card .step-title {
	background:#2A4463;border-radius: 20px;color: #fff;font-weight:bold;font-size: 1.25em;padding: .1em .7em .3em;width: 120px;text-align: center;position: absolute;top: 0px;z-index: 20;left: 50%;transform: translate(-50%, -50%);
}

@media (max-width: 576px) {
  #resources-credit.page-content.resources-creditB {padding-top: 2em; padding-bottom: 2em; margin-bottom: 0em;}
  #resources-credit.resources-creditB #page-header h1 {font-size: 1.5rem}
}
 */

/* ========================================
RESOURCES > INSURANCE B (10-2023) - SAVE IF NEEDED
===========================================

#resources-insurance.resources-insB #page-header h1 {font-weight: 900; font-size: 2rem; color: #2A4463; text-shadow: 1px 1px 2px rgba(0,0,0,0); width: 100%; text-align: left; line-height: 1.1; margin-bottom: 0}

#resources-insurance.resources-insB .card .step-title {
	background:#2A4463;border-radius: 20px;color: #fff;font-weight:bold;font-size: 1.25em;padding: .1em .7em .3em;width: 120px;text-align: center;position: absolute;top: 0px;z-index: 20;left: 50%;transform: translate(-50%, -50%);
}

@media (max-width: 576px) {
  #resources-insurance.page-content.resources-insB {padding-top: 2em; padding-bottom: 2em; margin-bottom: 0em;}
  #resources-insurance.resources-insB #page-header h1 {font-size: 1.5rem}
}

*/


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

#landing-footer, #footer {padding: 2em 1em; background-color: #efefef; color: #454545;}
#landing-footer .copyright, #footer .copyright {font-size: .95em; margin-bottom: .25em;}
#landing-footer .term-priv, #footer .term-priv {font-size: .75em; margin-bottom: 1.5em}
#landing-footer .disclaimer, #footer .disclaimer {font-size: .75em; margin-bottom: 0}

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

.goo-ad {text-align:center; padding-top:1.5em; padding-bottom: 1.5em;}
.goo-ad-container {width:100%; margin: 2.25em auto 2em auto}
.good-ad-label {font-weight:bold; text-align:center; margin-bottom:.5em; padding:.25em; background:transparent; color:#35557B; font-size:.9rem;}

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

/* App > Page Title/Header */
.application-page-title {position: relative; background: rgb(94,151,220);background: radial-gradient(circle, rgba(94,151,220,1) 0%, rgba(56,89,130,1) 100%);width: 100%; padding: 3em 1em 4em 1em}
.application-page-title h1 {font-weight: 700; font-size: 2.4rem; margin-bottom: .5em; color: #ffffff;text-shadow: 1px 1px 2px rgba(0,0,0,.5);line-height: 1;}
.application-page-title .byline {font-weight: 400; font-size: 1.25rem; line-height: 1.2; color: #ffffff;}
.application-page-title .byline .highlight {color: #F5E19D}

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

 /* App > Step Heading/Title */
.app-step-heading {font-size:1.25em; color:#395A83; font-weight: 700;}

@media screen and (max-width: 768px) {
  .application-page-title {padding: 1.25em 1em 2em 1em}
  .application-page-title h1 {font-size: 2.2rem}
  .application-page-title .byline {font-size: 1.25rem}
  .application-page-title .byline .main {display:none;}
}
@media screen and (max-width: 576px) {
  .application-page-title h1 {font-size: 1.75rem}
  .application-page-title .byline {font-size: 1.05rem}
}

/* Btn > App */
.application-page .application-container .btn-app {width: 300px; font-size: 1.25em; border: none; font-weight: 700; transition: 0.3s /* box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.3); padding: .5em .25em; color: #fff; line-height: 1; */ }

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

/* App > Why Apply */
.application-page .why-apply {position: relative}
.application-page .why-apply .arrow {position: absolute; top:-35px; left: -65px;}
.application-page .why-apply .heading {color:#395A83}
.application-page .why-apply ul li {font-size: 1.25em; margin-bottom: 1em; line-height: 1.2}
.application-page .why-apply ul li span i {color:#6BA70C}
@media screen and (max-width: 992px) {
  .application-page .why-apply .arrow {display: none;}
}
@media screen and (max-width: 576px) {
  .application-page .why-apply ul li {font-size: 1.05em; margin-bottom: 1em; line-height: 1.3}
}


/* ========================================
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:linear-gradient(to bottom,#F25749 0,#C43226 100%) !important;
}
button.red:hover,.btn.red:hover,input[type=submit].red:hover{
color:#fff !important;background:linear-gradient(to bottom,#F25749 0,#C43226 100%) !important;
}
button.orange,.btn.orange,input[type=submit].orange{
color:#fff !important;background:#E87722 !important;background:linear-gradient(to bottom,#E87722 0,#E87722 100%) !important;
}
button.orange:hover, .btn.orange:hover, input[type=submit].orange:hover{
color:#fff !important;background:#D36716 !important;background:linear-gradient(to bottom,#D36716 0,#D36716 100%) !important;
}

/* ========================================
APP > LENDER (Step 7a)
===========================================*/

#statusProcessingResults h3 {font-weight:bold;}


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

.application-page .card {box-shadow: 0px 4px 22px -2px rgba(0,0,0,0.05); padding: .75em .5em 1em;}
.application-page .card.no-border {border:none;}
.application-page .card.card-lexlaw {padding:0 !important;}
.application-page .card.auto-height, .card.auto-height {min-height: inherit !important; height:auto !important;}

.application-page label {font-family: 'Brandon Text', sans-serif; font-weight: bold; font-size: 1em;}

/* OLD .site-main.application-page {box-shadow: 2px 2px 2px #e5e5e5;} */

/* Card (Step) Header */

.application-page .card .card-header.step-header {
	font-family: 'Brandon Text', sans-serif; background:#F4F7F8; color:#303F56; font-size:1.4em; font-weight:bold;
}
@media only screen and (max-width: 576px) {
 .application-page .card .card-header.step-header {font-size:1.25em;}
}

/* Card (Step) - Offers */

.application-page .card .step-title {
	background:#395A84;border-radius: 20px;color: #fff;font-weight:bold;font-size: 1.25em;padding: .1em .7em .3em;width: 120px;text-align: center;position: absolute;top: 0px;z-index: 20;left: 50%;transform: translate(-50%, -50%);
}
.application-page .card .card-title {
	font-size:1.9em;
}
.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;
}
.application-page .card.no-border {
	border:none;
}
.application-page .card.no-shadow {
	box-shadow:none;
}


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

  .barContainer {
    max-width:750px; margin:0 auto 12px auto; border-radius:10px;box-shadow: 3px 3px 5px -1px rgba(0,0,0,0.25);
  }
  .bar {
    position: relative;/*z-index:40;*/ z-index:40; width:100%; height:40px;border-radius:10px; background:#C9CFD3;
    box-shadow: inset 1px 1px 3px rgba(102,102,102,.75);
  }
  .bar0 {
    position:absolute;width:0px;height: 40px;color:#fff;left:0px;top:0px;z-index: -10;border-radius:10px;
    background: linear-gradient(to bottom, rgba(79,106,142,1) 0%,rgba(48,63,86,1) 49%,rgba(79,106,142,1) 100%);
  }
  .statusText1,.statusText2{
    position: absolute; top:8px; left:20px; color: #fff !important;font-weight: bold;z-index: -5;text-shadow: 1px 1px 1px #000; text-transform: uppercase;
  }
  .statusText1 a, .statusText2 a {
    color: #fff !important;
  }
  .lenderstatus {
    position:absolute; right:24px; top: 8px; text-shadow: 1px 1px 1px #000; font-weight:bold;text-transform: uppercase;
  }
  .lenderstatus {
    -webkit-animation-name: blink;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
    -webkit-animation-duration: 2s;
  }
  @-webkit-keyframes blink {
    from { opacity: 1.0; }
    to { opacity: 0.0; }
  }
  @media screen and (max-width:768px) {
    .statusText1,.statusText2 {font-size:.8em;top:10px; left:10px; color: #fff !important;}
    .lenderstatus {font-size:.8em;top: 10px; right:10px}
  }
  @media screen and (max-width:500px) {
    .bar {height:30px;}
    .bar0 {height: 30px;}
    .statusText1,.statusText2 {top:7px; font-size:.6em; color: #fff !important;}
    .lenderstatus {top:7px; font-size:.6em;}
  }
  @media screen and (max-width:480px) {
    .statusText1,.statusText2 {font-size:.56em;}
    .lenderstatus {font-size:.56em;}
  }