/* CLS/FUNNEL 22 */

/* ========================================
BASE (ADDTL)
===========================================*/
a {color:#2A4463;}
a:hover {color:#112F4F;}
.text-blue {color:#2A4463;}
.btn-yellow-gradient {background: rgb(255,223,113); background: radial-gradient(circle, rgba(255,223,113,1) 0%, rgba(223,193,93,1) 100%); color:#000000; border-radius: 20px}
.btn-blue {background: #2A4463; color: #ffffff; border-radius: 20px !important; padding:.75em 1.35em;}
.btn-yellow {background: #FFDD6D; color: #000000; border-radius: 20px !important; padding:.75em 1.35em;}

/* ========================================
HEADER > LOGOS
===========================================*/

.site-header {background: #ffffff;}
.site-header .logo img {max-height:60px; width:auto;}
.site-header .bbb {margin-left: 1.5em;}
.site-header .bbb img {width:103px; height: auto;}

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

/* ========================================
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 {font-size:1.6em;	color:#2A4463; text-shadow: 1px 1px 0px rgba(255,255,255,.2);}
.main-menu .top-menu li a:hover {	text-decoration:none;}

@media screen and (max-width:991px) {
	.main-menu .top-menu {top:16px;}
}
@media screen and (max-width:768px) {
	.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:#2A4463;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:0px;top:48px;}
}

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

#landing-hero {position: relative; height: 570px; background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(213,227,243,1) 100%); width: 100%}
#landing-hero .container {position: relative; height: 100%; border-bottom: none; max-width: 1000px}
#landing-hero .hero-img {position:absolute; bottom: 0; right: -50px; z-index: 0}
#landing-hero .landing-hero-form {margin-bottom: .75em;}
#landing-hero .landing-hero-form label {font-weight: 700; color: #2A4463}
#landing-hero .hero-content {padding-top: 3.3em; padding-left: 0em}
#landing-hero .hero-content h1 {font-weight: 900; font-size: 2.9rem; margin-bottom: .5em; color: #2A4463; text-shadow: 1px 1px 2px rgba(0,0,0,0); width: 100%; text-align: center}
#landing-hero .hero-content h1 span {position:relative;display:inline-block;}
#landing-hero .hero-content 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);}
#landing-hero .d-mobile {display: none;}
#landing-hero .d-desktop {display: block;}

#landing-hero .hero-content .byline {font-weight: 400; font-size: 1.25rem; margin-bottom: 2em; width: 100%; color: #000000; text-align: center}
#landing-hero .hero-content .byline strong {color: #2A4463;}
#landing-hero .hero-content .byline span {display: block;}
#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}
#landing-hero .hero-content .ssl {text-align:left}

@media (max-width: 1200px) {
  #landing-hero .hero-content h1 {font-size: 2.4rem; line-height: 1.1}
}
@media (max-width: 992px) {
  #landing-hero {height: auto; padding-left: 1em; padding-right: 1em; padding-top: 2em;}
  #landing-hero .hero-img {display: none}
  #landing-hero .landing-hero-form {}
  #landing-hero .hero-content {padding-top: 1em; padding-left: 3em; padding-bottom: 3em}
  #landing-hero .hero-content .byline {width: 100%}
  .col-lg-3.image {display: none;}
}
@media (max-width: 768px) {
  #landing-hero .hero-content {padding-top: 0em; padding-left: 1em; padding-right: 1em; padding-bottom: 2em}
  #landing-hero .hero-content .btn-hero {width: 100%;}
  #landing-hero .hero-content .button {margin-bottom: 1.75em;}
  #landing-hero .hero-content .ssl {text-align: center}
  #landing-hero .hero-content .byline {text-align: left; margin-bottom: 1em;}
  #landing-hero .hero-content .byline span {display: inline;}
}
@media (max-width: 576px) {
  #landing-hero .container {border-bottom:3px solid #cccccc}
  #landing-hero .hero-content h1 {font-size: 3.2rem; text-transform: uppercase;line-height: 1.1; margin-bottom: .25em}
  #landing-hero .hero-content h1 span {font-size: 2rem; text-transform: none; display: block; margin-bottom: .25em}
  #landing-hero .hero-content h1 span:after{content:''; position:absolute;top:100%;left:10%;width:80%;border-bottom: 6px solid #FFDD6D;box-shadow: 1px 2px 5px rgba(0,0,0,.25);}
  #landing-hero .hero-content .btn-hero {width: 100%;}
  #landing-hero .d-mobile {display: block;}
  #landing-hero .d-desktop {display: none;}
}

/* ========================
LANDING > HERO {F33}
======================== */

#landing-hero {position: relative; height: 470px; background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(242,242,242,1) 0%, rgba(213,227,243,1) 100%); width: 100%}
#landing-hero .container {position: relative; height: 100%; border-bottom: none; max-width: 1000px; border: 0px solid #35557B; padding-top: 1em}
#landing-hero .hero-img {position:absolute; bottom: 0; left: -50px; z-index: 0; max-width: 550px}
#landing-hero .landing-hero-form {background: linear-gradient(180deg, rgba(236,236,236,1) 0%, rgba(227,227,227,1) 100%); padding: 1.25em; border: 1px solid #35557B; border-radius: 10px}
#landing-hero .landing-hero-form .form-control, #landing-hero .landing-hero-form .custom-select {border-color:#999999;}
#landing-hero .hero-content {padding-top: 2em}
#landing-hero .hero-content .button, #landing-hero .hero-content .ssl {text-align:center}
#landing-hero h1 {font-weight: 900; font-size: 3rem; margin-bottom: 0; color: #2A4463; text-shadow: 1px 1px 2px rgba(0,0,0,0); width: 100%; text-align: center}
#landing-hero h1 span {position:relative;display:inline-block;}
#landing-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);}

/* Text > List */

#landing-hero .image .list {color:#2A4463; position: absolute; top: 45px; left: 170px; z-index: 2}
#landing-hero .image .list ul li {font-size: 1.25rem; margin-bottom: .2em; font-weight: 700}
#landing-hero .image .list ul li:last-child {margin-bottom: 0;}
#landing-hero .image .list ul li .fas {color:#2A4463;}

@media (max-width: 992px) {
  #landing-hero {position: relative; height: auto}
  #landing-hero .container {padding-top: 0; padding-bottom: 2em}
  #landing-hero .hero-content {padding-top: 1em; padding-left:1em; padding-right: 1em; padding-bottom: 0em}
  #landing-hero h1 {margin-bottom: .5em}
  #landing-hero .image .list {position: relative;top: 0; left: 0; margin:0 auto 0 auto; width: 350px}
  #landing-hero .image .list ul li {font-size: 1.5rem}
}
@media (max-width: 768px) {
  #landing-hero .container {padding-top: 0; padding-bottom: 2em}
}
@media (max-width: 576px) {
  #landing-hero {background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(213,227,243,1) 100%)}
  #landing-hero .container {padding-bottom: 0}
  #landing-hero .hero-content {padding-top: 1em; padding-left:0; padding-right: 0; padding-bottom: 0em}
  #landing-hero .image .list {width: 310px;}
  #landing-hero .image .list ul li {font-size: 1.15rem}
  #landing-hero h1 {font-size: 3.2rem; text-transform: uppercase;line-height: 1.1; margin-bottom: .25em; color: #000000}
  #landing-hero h1 span {font-size: 2rem; text-transform: none; display: block; margin-bottom: .25em; color: #2A4463}
  #landing-hero h1 span:after{content:''; position:absolute;top:100%;left:10%;width:80%;border-bottom: 6px solid #FFDD6D;box-shadow: 1px 2px 5px rgba(0,0,0,.25);}
  #landing-hero .btn-hero {width: 100%;}
}
@media (max-width: 390px) {
  #landing-hero .image .list {width: 100%;}
  #landing-hero .image .list ul li {font-size: 1.15rem}
}

/* ========================
LANDING > STEP BLOCKS
======================== */

#landing-steps {padding: 3em 1em; background-color: #ffffff;}
#landing-steps .container {max-width: 1000px}
#landing-steps h2 {font-weight: 900; font-size: 2.3rem; margin-bottom: 1em; color: #2A4463; text-shadow: 1px 1px 2px rgba(0,0,0,0); width: 100%; text-align: center;}
#landing-steps h2 span {position:relative;display:inline-block;}
#landing-steps 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);}
#landing-steps .d-mobile {display: none;}
#landing-steps .d-desktop {display: block;}
#landing-steps .step img {max-width: 180px; margin: auto; margin-bottom: 1.75em}
#landing-steps .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}
#landing-steps .step .text {font-family:'Brandon Text', sans-serif; font-size: 1rem; font-weight:400; color:#000; line-height: 1.2em; text-align: left;}
#landing-steps .bullet-line {max-width: 720px; margin: 0 auto 2em auto}

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

/* ========================
LANDING > MISSION BANNER
======================== */

#landing-mission-banner {background-color:#213956;}
#landing-mission-banner .text {color:#ffffff}
#landing-mission-banner h2 {font-weight: bold}
#landing-mission-banner p {font-size: 1.2rem}

@media (max-width: 1200px) {
  #landing-mission-banner h2 {font-size: 1.75rem}
}
@media (max-width: 992px) {
  #landing-mission-banner {padding-top: 3em;}
  #landing-mission-banner h2 {font-size: 1.75rem}
  #landing-mission-banner .text {padding-left: 3em; padding-right: 3em;}
}
@media (max-width: 576px) {
    #landing-mission-banner h2 {font-size: 1.75rem}
    #landing-mission-banner p {font-size: 1rem}
    #landing-mission-banner img {max-width: 300px;}
}

/* ========================
LANDING > TESTIMONIALS (F19)
======================== */

#landing-testimonials {padding:3em 1em}
#landing-testimonials h2 {font-weight: 900; font-size: 2.3rem; margin-bottom: 1.25em; color: #2A4463; text-shadow: 1px 1px 2px rgba(0,0,0,0); width: 100%; text-align: center;}
#landing-testimonials h2 span {position:relative;display:inline-block;}
#landing-testimonials 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);}
#landing-testimonials .img {margin-bottom: 1.5em}

@media (max-width: 768px) {
  #landing-testimonials h2 {font-size: 2.3rem}
}
@media (max-width: 576px) {
  #landing-testimonials {padding:1em 1em 2em 1em}
  #landing-testimonials h2 {font-size: 2rem}
}

/* ========================
LANDING > WHY CHOOSE
======================== */

#landing-whychoosecls {background: rgb(213,227,243);
background: linear-gradient(180deg, rgba(213,227,243,1) 0%, rgba(255,255,255,1) 100%); padding: 3em 1em 1em 1em;}
#landing-whychoosecls h2 {font-weight: 700; text-align: center; color: #2A4463; font-size:2em;}
#landing-whychoosecls p {font-weight: 400; text-align: center; color: #2A4463; font-size: 1.15rem; width: 70%; margin: auto; line-height: 1.4}
#landing-whychoosecls .credit-types {margin-top: 3em;}
#landing-whychoosecls .credit-types .col-lg-4 {padding-left: 2em; padding-right: 2em;}
#landing-whychoosecls .credit-types h3 {font-weight: 700; font-size: 2.0rem; text-align: center; color: #2A4463; margin-bottom: 1em}
#landing-whychoosecls .credit-types p {font-weight: 400; text-align: center; color: #000000; font-size: 1.15rem; width: 100%;}
#landing-whychoosecls .img {text-align: center; margin-bottom: 1.3em;}
#landing-whychoosecls .btn-yellow-gradient {padding: .75em 1.35em;}

/* App Desc */
#landing-whychoosecls .app-desc {font-size: 1.5rem; font-weight: 700; color: #000000; margin-bottom: 1em;}
#landing-whychoosecls .app-desc div {text-align: center}
#landing-whychoosecls .app-desc i {font-size: 2rem; color: #2A4463;}

@media (max-width: 992px) {
 #landing-whychoosecls p {font-size: 1.15rem; width: 100%} 
 #landing-whychoosecls .app-desc {margin-bottom: 2.5em;}
}
@media (max-width: 576px) {
  #landing-whychoosecls {padding-bottom: 1em;}
  #landing-whychoosecls h2 {font-size:2em; text-align: left}
  #landing-whychoosecls .credit-types {margin-top: 1em;}
  #landing-whychoosecls .credit-types h3 {font-size: 1.75rem; text-align: left}
  
  #landing-whychoosecls .credit-types .col-lg-4 {padding-left: 1em; padding-right: 1em;}
  #landing-whychoosecls .img img {max-width: 250px;}
  #landing-whychoosecls p {font-size: 1rem; text-align: left} 
  #landing-whychoosecls .credit-types p {font-size: 1rem; text-align: left}
  
  #landing-whychoosecls .app-desc {font-size: 1.25rem}
  #landing-whychoosecls .app-desc div {text-align: left}
  #landing-whychoosecls .app-desc i {font-size: 1.75rem}
  
}

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

.page-title {position: relative; background: rgb(213,227,243); background: linear-gradient(180deg, rgba(213,227,243,1) 0%, rgba(250,252,253,.7) 100%); width: 100%; padding: 2em 1em 2em 1em; border-bottom: 0px solid #efefef}
.page-title h1 {font-weight: 700; font-size: 2.5rem; color: #2A4463;text-shadow: 1px 1px 2px rgba(0,0,0,0);line-height: 1;}

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

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

#footer {padding: 2em 1em; background-color: #efefef; color: #454545;}
#footer .copyright {font-size: .85em; margin-bottom: 1.25em}
#footer .term-priv {font-size: .85em; margin-bottom: 1.25em}
#footer .disclaimer {font-size: .85em; margin-bottom: 1.25em; width: 100%; margin: 0 auto 1.25em auto}
#footer .thank-you {font-size: .85em; margin-bottom: 0}

@media all and (max-width: 768px) {
  .no-m {display: none;}
}

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

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

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

.application-page {background: rgb(213,227,243); background: linear-gradient(180deg, rgba(213,227,243,1) 0%, rgba(250,252,253,1) 100%);}

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

/* 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; margin-top: 1em;}
.app-submit .button button {width: 100%}

@media (max-width: 768px) {
  .app-submit {margin-top: 1em}
}
@media (max-width: 576px) {
  .application-page .application-title h1.heading {font-size: 2rem;}
  .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 {width: inherit; font-size: 1.25em; border: none; font-weight: 700; transition: 0.3s; border-radius: 20px}
.application-page .btn-optin {border-radius: 20px}

@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 h2.heading {color:#2A4463; font-weight: 700;font-size:2.5em;line-height: 1;}
.application-page .why-apply ul li {font-size: 1.2em; margin-bottom: 1em; line-height: 1.4; font-weight: 700;}
.application-page .why-apply ul li span i {color:#2A4463}

@media screen and (max-width: 576px) {
  .application-page .why-apply ul li {font-size: 1.05em; margin-bottom: 1em; line-height: 1.3}
  .application-page .why-apply h2.heading {font-size:2em;}
}

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

/* Card (Step) - Offers */

.application-page .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%);
}

/* TCPA check */

.application-page .card.card-tcpadblcheck {padding:0 !important;}
.application-page .card.card-tcpadblcheck .card-header {background-color: #2A4463; color: #ffffff; font-weight: 700; text-transform: uppercase}

/* LLaw */

.application-page .card.card-lexlaw .card-header {background-color: #2A4463; color: #ffffff; font-weight: 700; text-transform: uppercase}

/* ========================================
APP > VEH DISPLAY
===========================================*/
.vehicle-display {border:1px solid #ddd; border-radius:5px; max-width: 850px}
.vehicle-display .vehicle-img img {width:100%; max-width:500px; border: 1px solid #cccccc; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.vehicle-display .vehicle-img .custom-control {margin-left:.75em;}
.vehicle-display .vehicle-details .model {font-weight:600; font-size:1.25em; padding-left: .75em}
.vehicle-display .vehicle-details .price {font-weight:600; font-size:1.1em; padding-left: .75em}
.vehicle-display .vehicle-details .description {padding: 0em 1em .5em 1em}
.vehicle-inv-cta-links button.btn-link {color: #000 !important}

@media screen and (max-width:576px) {
	.vehicle-display .vehicle-img img {max-width:250px;}
}