/* ========================================
BASE / BS OVERIDES
===========================================*/

body {font-family: 'Open Sans', sans-serif;	color:#1d1d1d}
a {color:#303F56;}
a:hover {color:#303F56;}

/* Type > Weights */

.strong, .bold {font-weight: 700;}
.font-light {font-weight: 300;}
.font-normal {font-weight: 400;}
.font-bold, .text-bold {font-weight: 700;}
.font-bolder, .text-bolder {font-weight: 800;}

/* Type/Colors */

.text-blue {color:#104A6A}
.text-orange {color:#FF7C03}
.text-green {color:#ABB537;}
.text-red {color:#D00000;}

/* Forms */

form label {font-weight: 700}

/* Btns */

.btn {cursor: pointer;}
.site-btn {background:#ABB537;font-weight:700;border-radius:10px;color:#fff;text-transform:none; white-space:normal; padding-left: 1.5em; padding-right: 1.5em}
.site-btn:hover {background:#9BA431;	color:#fff;}
.btn-black {background: linear-gradient(to bottom, #444444 0%,#000000 100%); color:#ffffff; font-weight:700}
.btn-black:hover {background: linear-gradient(to bottom, #000000 0%,#000000 100%); color:#ffffff;}
.site-btn i.fa-chevron-circle-right,.site-btn-green i.fa-chevron-circle-right {	font-size:1.8rem;	vertical-align:-3px;}
.btn-footer {background:#8C8C8C;color:#fff !important;font-weight:600;border-radius:5px;text-shadow:none !important; white-space:normal;}
.btn-footer:hover {background:#646464;color:#fff;}
.btn-red {background:#DC3545; color:#ffffff; font-weight:700}
.btn-red:hover {background:#C32131; color:#ffffff;}

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

/* ========================================
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; text-transform: uppercase}
#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: rgba(240,240,240,.95);}
.nav-overlay a {padding: 8px;text-decoration: none;font-size: 2.2rem;color:#000000;display: block;transition: 0.3s;font-weight: 400;}
.nav-overlay a:hover, .nav-overlay a:focus {color: #0B344B;}
.nav-overlay .closebtn {position: absolute;top: 5px;right: 35px;font-size: 4rem;}
.nav-overlay-content { position: relative; top: 7%; width: 100%; text-align: center; margin-top: 30px;}
.nav-overlay-content .nav-heading {font-weight: 800; font-size: 3em; color: #9EB32D; margin-bottom: .25em;}
.nav-overlay-content .nav-links {text-align: left;}

@media screen and (max-width: 576px) {
  .nav-overlay-content .nav-heading {font-size: 2.5em; margin-bottom: .25em;}
  .nav-overlay a {font-size: 2rem;}
}
@media screen and (max-height: 450px) {
  .nav-overlay a {font-size: 2em}
  .nav-overlay .closebtn {font-size: 3rem;top: 15px; right: 35px;}
}

/* ========================================
PAGE TITLE
===========================================*/
.page-title {background:#EFEFEF; margin-bottom: 0; border-bottom: 0px solid #ccc;}
.page-title h1 {color:#ABB537;font-size:2.4rem;	font-family: 'Open Sans', sans-serif;	font-weight:800; letter-spacing: -1px; margin-bottom: 0; padding-top: .5em}

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

/* ========================================
MAIN CONTENT
===========================================*/

.site-main {background: linear-gradient(180deg, rgba(239,239,239,1) 0%, rgba(255,255,255,1) 80%);}

/* ========================
HOME > HOME HERO (F21)
========================== */

#home-hero {padding:3em 1em; background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(/img/funnels/21/home-hero.jpg); background-repeat:none; background-position:center;	background-size:cover}

#home-hero .col-lg-6.text {
  height: 100%; 
  background: radial-gradient(circle, rgba(0,0,0,1) 30%, rgba(0,0,0,0) 50%);
  /* background-image:url(/img/funnels/21/hero-text-bg.png); background-repeat:none; background-position:center;	background-size: cover; */ 
}
#home-hero .form {
  height: 100%; 
}

/* Text > Heading */

#home-hero .text h1.heading {color:#fff; font-size: 2.4rem; font-weight: 400; text-align: center; margin-bottom: .5em; line-height: 1}
#home-hero .text h2.heading-strike {position: relative; text-align: center;}
#home-hero .text h2.heading-strike:before {content: ""; display: block; border-top: solid 8px #A8B237; width: 100%; height: 1px; position: absolute;top: 50%;z-index: 1;}
#home-hero .text h2.heading-strike span {position: relative;z-index: 5; color: #ffffff; font-weight: 800; font-size: 4.25rem}

/* Text > List */

#home-hero .text .list {color:#fff;}
#home-hero .text .list ul li {font-size: 1.75rem; margin-bottom: .3em;}
#home-hero .text .list ul li:last-child {margin-bottom: 0;}
#home-hero .text .list ul li .fas {color:#A8B237;}

/* Form */

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

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #home-hero {padding:3em 1em; background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(/img/funnels/21/home-hero@2x.jpg); background-repeat:none; background-position:center;	background-size:cover}
}
@media(max-width: 992px){
  #home-hero .text {margin-bottom: 1em;}
  #home-hero .text .list {width: 400px; margin: auto;}
}
@media(max-width: 992px){
  #home-hero .text .heading-container {width:450px;margin: auto}
}
@media(max-width: 576px){
   #home-hero {padding:1.5em .25em 2em .25em}
   #home-hero .text .heading-container {width:100%;}
   #home-hero .text h1.heading {font-size: 2rem}
   #home-hero .text h2.heading-strike span {font-size: 3.5rem}
   #home-hero .text .list {width: 310px; margin: auto}
   #home-hero .text .list ul li {font-size: 1.25rem; margin-bottom: .3em;} 
   #home-hero .hero-form h2.heading {font-size: 1.25rem}
}
@media(max-width: 420px){
  #home-hero .text h2.heading-strike span {font-size: 3rem}
  #home-hero .text .list {width: 100%; margin: auto}
  #home-hero .text .list ul li {font-size: 1.2rem; margin-bottom: .3em;} 
  #home-hero .hero-form h2.heading {font-size: 1.2rem}
}

/* ========================
HOME > SPOTLIGHT
========================== */

#aal-spotlight-section {height: auto; padding:1.25em .25em 2em .25em; border-bottom:1px solid #365975; background: linear-gradient(to bottom, #444444 0%,#000000 100%); color:#fff;}
#aal-spotlight-section > div {max-width: 1200px !important;}
#aal-spotlight-section > div > div {margin-bottom: 2em; display: flex;}
#aal-spotlight-section > div > div > div.col-12.text-center {margin-bottom: .25em;font-weight:300;font-size: 2.4rem;}
#aal-spotlight-section > div > div > div.col-12.text-center span {font-weight: 700;}
#aal-spotlight-section > div > div > div:nth-child(2),
#aal-spotlight-section > div > div > div:nth-child(3),
#aal-spotlight-section > div > div > div:nth-child(4) {font-size: 1.5em;}
#aal-spotlight-section .row div i {color:#D9E82A; margin-right:.25em;}

@media(max-width: 1574px){
    #aal-spotlight-section > div > div > div:nth-child(2),
    #aal-spotlight-section > div > div > div:nth-child(3),
    #aal-spotlight-section > div > div > div:nth-child(4) {font-size: 1.5rem;}
}
@media(max-width: 1368px){
  #aal-spotlight-section > div > div > div.col-12.text-center {font-size: 2rem}
  #aal-spotlight-section > div > div > div:nth-child(2),
  #aal-spotlight-section > div > div > div:nth-child(3),
  #aal-spotlight-section > div > div > div:nth-child(4) {font-size: 1.5rem;}
}
@media(max-width: 992px){
    #aal-spotlight-section > div > div > div.col-12.text-center {margin-bottom:.5em;}
    #aal-spotlight-section > div > div > div:nth-child(2),
    #aal-spotlight-section > div > div > div:nth-child(3),
    #aal-spotlight-section > div > div > div:nth-child(4) {font-size: 2rem;text-align: left !important;display: block; width: 534px;margin: auto;}
}
@media(max-width: 768px){
    #aal-spotlight-section > div > div > div:nth-child(2),
    #aal-spotlight-section > div > div > div:nth-child(3),
    #aal-spotlight-section > div > div > div:nth-child(4) {font-size: 1.75rem;}
}
@media(max-width: 576px){
    #aal-spotlight-section > div > div > div.col-12.text-center {font-size: 1.5rem;}
    #aal-spotlight-section > div > div > div:nth-child(2),
    #aal-spotlight-section > div > div > div:nth-child(3),
    #aal-spotlight-section > div > div > div:nth-child(4) {font-size: 1.25rem;width: 383px;}
}
@media(max-width: 420px){
    #aal-spotlight-section > div > div > div.col-12.text-center {font-size: 1.25rem;}
    #aal-spotlight-section > div > div > div:nth-child(2),
    #aal-spotlight-section > div > div > div:nth-child(3),
    #aal-spotlight-section > div > div > div:nth-child(4){font-size: 1em;width: 304px;}
}

/* ========================
HOME > STEPS
========================== */

#aal-steps-section {padding:3em 1em 1em 1em; position: relative; height:auto !important; background-color: #A8B237;}

/* Steps */

#aal-steps-section .steps-top-outer {padding: 0;}
#aal-steps-section .steps-top .container {position: relative}
#aal-steps-section .card {background-color: #A8B237; height: 300px;padding-top: 1em; padding-bottom: 1em;box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.25);}
#aal-steps-section .card .card-body {color:#000; font-weight: 700}
#aal-steps-section .step .step-num {color:#ffffff; font-size: 3.65rem; font-weight: 800;line-height: 1}
#aal-steps-section .step .step-header {color:#ffffff; font-size: 1.30rem; font-weight: 800; line-height: 1.2; padding-left:.15em; margin-bottom: .25em}
#aal-steps-section .step .step-desc {color:#000000; font-size: .9rem; font-weight: 700; line-height: 1.2; padding-left:.15em}

/* Car */

#aal-steps-section .steps-car {padding: 0; height: 270px}
#aal-steps-section .steps-car .container {position: relative; max-width: 800px; margin: 0 auto 2em auto; height: 100%; padding: 0}
#aal-steps-section .car {position: absolute; bottom: 0px; right:0px; z-index: 99}
#aal-steps-section .car img {max-width: 620px}

/* Testimonial */

#aal-steps-section .testimonial {position: relative}
#aal-steps-section .testimonial-bubble {position: absolute; padding: 1em; background: rgba(0,0,0,1.00); color: #fff; margin-top: 0em; border-radius: 10px; border: 0px solid #fff;box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.25); width: 220px; top:0px; left: 0px; z-index: 98}
#aal-steps-section .testimonial-bubble::before {content:none}
#aal-steps-section .testimonial-bubble .quote {font-size: 1rem; font-weight: 700; margin-bottom: .25em}
#aal-steps-section .testimonial-bubble .name {font-size: .9rem; text-align: left}
#aal-steps-section .testimonial-bubble .rating-stars i {color: #A8B237 !important;}

@media screen and (max-width:1200px) {
	#aal-steps-section {height: 650px}
  #aal-steps-section .card {height: auto;}
  #aal-steps-section .step .step-num {font-size: 4rem;}
  #aal-steps-section .step .step-header {font-size: 2rem;padding-left:.5em}
  #aal-steps-section .step .step-desc {font-size: .9rem; padding-left:1em}
}
@media screen and (max-width:992px) {
	#aal-steps-section {height: auto;}
  #aal-steps-section .step .step-num {font-size: 4rem;}
  #aal-steps-section .step .step-header {font-size: 2rem;padding-left:.5em}
  #aal-steps-section .step .step-desc {font-size: .9rem; padding-left:1em}
  #aal-steps-section .testimonial .testimonial-bubble::before {
    content: none; position: absolute; height: 30px; width: 30px; bottom: -20px; left: 40px; background-color: #000000; clip-path: polygon(0 0, 50% 100%, 100% 0);
  }
}
@media screen and (max-width:768px) {
  #aal-steps-section .step .step-num {font-size: 4rem;}
  #aal-steps-section .step .step-header {font-size: 2rem; padding-left:.5em}
  #aal-steps-section .step .step-desc {font-size: .9rem; padding-left:1em}
  #aal-steps-section .steps-car {padding: 0; height: 320px}
  #aal-steps-section .testimonial-bubble {background: rgba(0,0,0,1.00); width: 300px; height: auto; top:180px; z-index: 99; left:50%; transform: translateX(-50%)}
  #aal-steps-section .testimonial-bubble .quote {font-size: 1rem; text-align: center}
  #aal-steps-section .testimonial-bubble .name {font-size: .9rem; text-align: center}
  #aal-steps-section .car {position: absolute; top: 0px; right:0px; z-index: 98;}
}
@media screen and (max-width:576px) {
  #aal-steps-section {padding:0em !important; height: auto; background: #ffffff;}
  #aal-steps-section .steps-top-outer {background-color: #A8B237; padding: 1em .25em 1em .25em}
  #aal-steps-section .steps-car {padding: 0; height: 350px}
  #aal-steps-section .steps-car .container {background: #ffffff; background: linear-gradient(180deg, rgba(168,178,55,1) 0%, rgba(255,255,255,1) 70%); overflow-x: hidden}
  #aal-steps-section .card .card-body {padding-top:.5em; padding-bottom: 0;}
  #aal-steps-section .step .step-num {font-size: 4rem;}
  #aal-steps-section .step .step-header {font-size: 1.75rem; padding-left:.5em}
  #aal-steps-section .step .step-desc {font-size: .9rem; padding-left:1em}
  #aal-steps-section .testimonial .testimonial-bubble {position: absolute; top: -60px; width: 250px}
  #aal-steps-section .testimonial-bubble .quote {text-align: center}
  #aal-steps-section .car {top: 0px; right: -70px}
}
@media screen and (max-width:450px) {
  #aal-steps-section {height: auto}
  #aal-steps-section .steps-car {height: 390px;}
  #aal-steps-section .step .step-num {font-size: 2.5rem;}
  #aal-steps-section .step .step-header {font-size: 1.35rem; padding-left:.5em}
  #aal-steps-section .step .step-desc {font-size: .9rem; padding-left:1em}
  #aal-steps-section .testimonial-bubble {width: 80%}
  #aal-steps-section .car {right: -80px}
}
@media screen and (max-width:420px) {
  #aal-steps-section {height: auto}
  #aal-steps-section .steps-car {height: 370px;}
  #aal-steps-section .step .step-num {font-size: 2.5rem;}
  #aal-steps-section .step .step-header {font-size: 1.35rem; padding-left:.5em}
  #aal-steps-section .step .step-desc {font-size: .9rem; padding-left:1em}
  #aal-steps-section .car img {max-width: 550px}
}

/* ========================================
HOME > FAQS
===========================================*/

#home-faqs {padding-top:3em;padding-bottom:3em;background:#fafafa;border-bottom:1px solid #365975;border-top:1px solid #365975;}
#home-faqs .img {text-align: center; margin-bottom: .75em}
#home-faqs .img img {max-width: 200px;}
#home-faqs .heading {font-weight:800; font-size:1.5em; margin-bottom:1em; text-align: left}
#home-faqs p {font-size:.9em; margin-bottom:0;}

@media only screen and (max-width: 765px) {
	#home-faqs .heading {font-size:1.2em;}
}
@media only screen and (max-width: 576px) {
	#home-faqs {padding-top:2em;padding-bottom:2em;}
}

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

#carpmt_calculator {background:#fcfcfc; margin:0 auto; border-radius:5px; border:2px solid #cccccc;}
#carpmt_calculator .inner {padding:.5em 1em;}
#carpmt_calculator .inner.calc_results {color:#fff; background:#ABB537}
#carpmt_calculator .calc_btn {padding:0 .5em .5em .5em; margin:0;}
#carpmt_calculator .calc_btn button {background:#314057;font-weight:600;color:#fff;text-transform:uppercase;}
#carpmt_calculator .calc_results input[disabled],#carpmt_calculator .calc_resultsinput[disabled]:hover {background-color:#fcfcfc;}

@media all and (max-width: 765px) {
	#carpmt_calculator {margin-bottom:3em;max-width:450px;}
	.no-mobile {display:none;}
}
@media all and (max-width: 576px) {
	#carpmt_calculator {max-width:100%;margin-bottom:3em;}
}

/* ========================
WHY CHOOSE > SPOTLIGHT
========================== */

#spotlight-whychoose {height: auto; padding:1.5em .25em 2.25em .25em; margin: 4em auto; border-top:3px solid #cccccc;border-bottom:3px solid #cccccc; color:#000000;}
#spotlight-whychoose > div {max-width: 1200px !important;}
#spotlight-whychoose > div > div {margin-bottom: 2em; display: flex;}
#spotlight-whychoose > div > div > div.col-12.text-center {margin-bottom: .75em;font-weight:800;font-size: 2.25rem; line-height: 1}
#spotlight-whychoose > div > div > div.col-12.text-center span {font-weight: 800;}
#spotlight-whychoose > div > div > div:nth-child(2),
#spotlight-whychoose > div > div > div:nth-child(3),
#spotlight-whychoose > div > div > div:nth-child(4) {font-size: 1.25em; font-weight:800}
#spotlight-whychoose .row div i {color:#000; margin-right:.25em;}

@media(max-width: 1574px){
    #spotlight-whychoose > div > div > div:nth-child(2),
    #spotlight-whychoose > div > div > div:nth-child(3),
    #spotlight-whychoose > div > div > div:nth-child(4) {font-size: 1.5rem;}
}
@media(max-width: 1368px){
  #spotlight-whychoose > div > div > div.col-12.text-center {font-size: 2rem}
  #spotlight-whychoose > div > div > div:nth-child(2),
  #spotlight-whychoose > div > div > div:nth-child(3),
  #spotlight-whychoose > div > div > div:nth-child(4) {font-size: 1.5rem;}
}
@media(max-width: 992px){
    #spotlight-whychoose > div > div > div.col-12.text-center {margin-bottom:1em;}
    #spotlight-whychoose > div > div > div:nth-child(2),
    #spotlight-whychoose > div > div > div:nth-child(3),
    #spotlight-whychoose > div > div > div:nth-child(4) {font-size: 2rem;text-align: left !important;display: block; width: 534px; margin: auto;}
}
@media(max-width: 768px){
    #spotlight-whychoose > div > div > div:nth-child(2),
    #spotlight-whychoose > div > div > div:nth-child(3),
    #spotlight-whychoose > div > div > div:nth-child(4) {font-size: 1.75rem;}
}
@media(max-width: 576px){
    #spotlight-whychoose {padding:1.5em .25em 2.25em .25em; margin: 3em auto 2em auto;}
    #spotlight-whychoose > div > div > div.col-12.text-center {font-size: 2rem;}
    #spotlight-whychoose > div > div > div:nth-child(2),
    #spotlight-whychoose > div > div > div:nth-child(3),
    #spotlight-whychoose > div > div > div:nth-child(4) {font-size: 1.25rem; margin-bottom: .5em; width: 100%}
}
@media(max-width: 400px){
    #spotlight-whychoose > div > div > div.col-12.text-center {font-size: 2rem;}
    #spotlight-whychoose > div > div > div:nth-child(2),
    #spotlight-whychoose > div > div > div:nth-child(3),
    #spotlight-whychoose > div > div > div:nth-child(4){font-size: 1rem; width: 100%}
}

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

.about-icons {margin-top:2em; margin-bottom: 2em;}
.about-icons .icon {text-align: center; margin-bottom: 1em;}
.about-icons .icon img {max-width:200px;}
.about-icons h3 {text-align:center; margin-bottom: 1em; font-size:1.5rem; font-weight: 800;}


/* ========================
APP
======================== */

/* Cards */

.application-page .card {min-height:0;box-shadow: 0px 4px 22px -2px rgba(0,0,0,0.05); background-color: #ffffff; border:1px solid #ccc;}
.application-page .card-header {font-family: 'Open Sans', sans-serif; background:#efefe; color: #000000}
.application-page .card-header .step-header {color:#000000; font-size:1.25rem; font-weight:800; margin-bottom: .75em;}

/* App > Progress Bar */

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

/* App > Step Titles */

.application-page .card .step-btn, 
.application-page .card .step-title {background:#000000;border-radius: 10px;color: #fff;font-weight:700;font-size: 1.3rem; padding: 3px 15px;	text-align: center;	position: absolute;	left: 50%;	top: -15px;	z-index: 9;	margin-left: -40px;}

/* ========================================
APP > TESTIMONIALS
===========================================*/

#app-testimonial .testimonial-bubble {position: relative; padding: 1.5em; background: rgba(171,196,34,1.00); color: #000000; margin-top: 2em; border-radius: 10px; border: 0px solid #fff;box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.25);}
#app-testimonial .testimonial-bubble::before {content: ""; position: absolute; height: 30px; width: 30px; bottom: -20px; left: 30px; background: rgba(171,196,34,1.00); clip-path: polygon(0 0, 50% 100%, 100% 0);}
#app-testimonial .testimonial-bubble .quote {font-size: 1em; font-weight: 700; margin-bottom: .25em}
#app-testimonial .testimonial-bubble .name {font-size: .9em; text-align: right}
#app-testimonial .testimonial-bubble .rating-stars i {color: #000000 !important;}
#app-testimonial .testimonial-bubble .testimonial-vehicle {text-align: center}

@media screen and (max-width: 992px) {
  #app-testimonial {max-width: 400px; margin: auto}
  #app-testimonial .testimonial-bubble .testimonial-vehicle img {}
}
@media screen and (max-width: 576px) {
  #app-testimonial {max-width: 300px; margin: auto}
}

/* ========================================
APP > TCPA DC
===========================================*/

.card-tcpadblcheck {background:#fcfcfc;}
.card-tcpadblcheck .card-header {background:#000000 !important; color:#fff !important; font-weight: 700}
.card-tcpadblcheck .card-body {border-radius:0 0 2px 2px; padding:1em 1em;}

@media screen and (max-width: 576px) {
 .card-tcpadblcheck .card-header {font-size:1.25em;}
}

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

.card-lexlaw {border:1px solid #ccc;background:#fcfcfc;}
.card-lexlaw .card-header {background:#000000; color:#fff;font-weight: 700; text-transform: uppercase}
.card-lexlaw .card-body {border-radius:0 0 2px 2px; padding:1em 1em;}
/* #llawFooterDiv {font-size:.9em;} */