/* Funnel 18 */

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

/* Fonts / Typo */

.font-bold, .text-bold {font-weight:700;}
.font-bolder, .text-bolder {font-weight:800;}
.text-green {color:#2792B1;}
.text-blue {color:#00C2FF;}
.text-aqua {color:#20ABD7;}
.text-black {color:#000000;}

/* Buttons */

.site-btn {background:#21A6D1; font-family: 'Nunito','AvenirLTStd-Black', sans-serif; color: #ffffff; text-transform: uppercase;font-weight:800; border-radius: 10px; padding:.25em 2em .25em 2em}
.site-btn:hover {background:#1C91B6; color: #ffffff}
.site-btn i.fa-chevron-circle-right,.site-btn-green i.fa-chevron-circle-right {font-size:1rem;vertical-align:0px}

.btn-outline-dark {border-radius: 10px;font-family: 'Nunito','AvenirLTStd-Black', sans-serif;text-transform: uppercase;font-weight:800; padding:.25em 2em .25em 2em}
.btn-outline-light {border-radius: 10px;font-family: 'Nunito','AvenirLTStd-Black', sans-serif;text-transform: uppercase;font-weight:800; padding:.25em 2em .25em 2em}

button.red,.btn.red,input[type=submit].red{color:#fff !important; background:#CD3030 !important}
button.red:hover,.btn.red:hover,input[type=submit].red:hover{color:#fff !important;	background:#900 !important}

.btn-gray, .btn-gray:hover {color:#000 !important; background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(198,198,198,1) 100%);}

@media screen and (max-width:991px) {
	.site-header .site-btn {font-size:1rem;}
  .site-btn i.fa-chevron-circle-right {font-size: 1rem;}
}
@media screen and (max-width:768px) {
  .site-btn i.fa-chevron-circle-right {font-size: 1rem;}
  .btn-lg.site-btn.px-4 {padding-right: 1em !important;padding-left: 1em !important;}
  .application-page .card .btn-lg.site-btn {font-size:1rem;}
  .application-page .card .btn-lg.site-btn.px-5 {padding-right:1rem!important;padding-left:1rem!important;}
}
@media screen and (max-width:576px) {
	.site-btn {width: 100%}
  .site-btn i.fa-chevron-circle-right {font-size:inherit;}
}
@media screen and (max-width:479px) {
  .btn-lg.site-btn {font-size:1rem;display:block;width:100%;}
}

/* ========================================
HEADER > MENU (inc-header.cfm)
===========================================*/

/* Logo */

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

/* Menu */

.main-menu .top-menu {right:5px;top:5px;}
.main-menu .top-menu li a {font-size:1.5rem; color:#000; text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);}
.main-menu .side-menu {right:5px;top:48px}
.main-menu .side-menu .navbar-nav li a {color:#000;font-family: 'Nunito','AvenirLTStd-Medium',sans-serif;font-weight:700; font-size:.8rem; border:2px solid #FFF;	border-radius:8px;}
.main-menu .side-menu .navbar-nav li a:hover, .main-menu .side-menu .navbar-nav li.active a {text-decoration:none;border:2px solid #000;color:#000;}

@media screen and (max-width:768px) {
  .hidden-btn {display:none !important;}
}
@media screen and (max-width:576px) {
  .main-menu .side-menu {width:90%;}
}


/* ========================================
HOME > 2 MIN APP
===========================================*/

.minute-app {color:#2e2e2e !important;font-family: 'Nunito', sans-serif; font-weight:800; font-size:1rem !important; vertical-align:middle; text-transform: uppercase}

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

.page-title {background-color: #E3F8FF; background-image: none;position:relative; margin-bottom: 0;}
.page-title .align-items-center {min-height:135px;}
.page-title h1 {color:#20ABD7;font-size:2rem;font-family: 'Nunito','AvenirLTStd-Black', sans-serif;font-weight:800; margin-top: 30px; padding-top: 40px; padding-bottom: 20px; margin-bottom: 0;}

/* App title */

.page-title.app h1 {color:#1e8aac; padding-bottom: 1.25rem;}
.page-title.app h1 span {display:block; color:#000000; font-size: 2.7rem}

@media screen and (max-width:576px) {
	.page-title .align-items-center {min-height:110px;}
	.page-title h1 {font-size:1.5rem;}
  .page-title.app h1 {font-size:1rem;}
  .page-title.app h1 span {font-size: 1.5rem}
}
@media screen and (max-width:490px) {
  .page-title.app h1 {padding-bottom: 1rem;}
  .page-title.app h1 span {font-size: 1.35rem}
}

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

.home-hero {margin-top: 45px; padding: 3em .5em; background: rgb(227,248,255); background: linear-gradient(180deg, rgba(227,248,255,1) 0%, rgba(255,255,255,1) 100%)}
.home-hero h1 {font-family: 'Nunito','AvenirLTStd-Black', sans-serif;font-weight:800; color:#20ABD7; font-size: 2.75rem; line-height: 1}
.home-hero h1 span {display: block; color:#000000}
.home-hero h2 {color: #000000; font-size: 1.75em;font-weight: 400;}
.home-hero .button {text-align: center}
.home-hero .button .site-btn {padding: 2em auto !important; font-size: 1.25rem;}
.home-hero .ssl {text-align: left}
.home-hero .bbb {text-align: right}
.home-hero .people-pic {position: relative; height: 100%; width: 100%}
.home-hero .people-pic img.people {max-height:425px; width:auto;}

.home-hero .home-checklist {width: 100%; margin: 0 auto 1em auto}
.home-hero .home-checklist ul {font-family: 'Nunito','AvenirLTStd-Medium',sans-serif;font-weight:700; font-size: 1.4rem; margin-left: 1.5em;}
.home-hero .home-checklist li {margin-bottom: .25em}
.home-hero .home-checklist li:last-child {margin-bottom: 0}
.home-hero .home-checklist i {color:#21A6D1;}

@media screen and (max-width:992px) {
  .home-hero h1 {text-align: center; font-size: 1.75rem;}
  .home-hero .home-checklist ul {font-size: 1.25rem}
  .home-hero .home-checklist li {margin-bottom: .25em; line-height: 1.3}
}
@media screen and (max-width:768px) {
  .home-hero .home-checklist ul {font-size: 1.25rem}
}
@media screen and (max-width:576px) {
  .home-hero {padding: 3em .5em;}
  .home-hero h1 {font-size: 1.75em; text-align: center}
  .home-hero h1 span {display: inline}
  .home-hero h2 {font-size: 1.5em; text-align: center}
  .home-hero p {text-align: center}
  .home-hero .home-checklist ul {font-size: 1rem}
  .home-hero .people-pic img.people {max-height:300px; width:auto;}
  .home-hero .home-checklist {width: 100%; margin: 0 auto .75em auto}
}
@media screen and (max-width:475px) {
  .home-hero h1 {font-size: 1.5em; text-align: center}
  .home-hero .home-checklist ul {font-size: .9rem}
  .home-hero .button .site-btn {font-size: 1.25rem;}
}

/* ========================================
HOME > TESTIMONIALS / SECTION (home.cfm)
===========================================*/

.testimonials2-section {position:relative;padding:3em 1em;border-bottom:1px solid #ccc;background: rgb(32,168,211);
background: radial-gradient(circle, rgba(32,168,211,1) 0%, rgba(17,131,167,1) 100%);}
.testimonials2-section h2 {text-align:center;color:#ffffff;font-family: 'Nunito','AvenirLTStd-Black', sans-serif;font-weight:800; text-transform: uppercase; font-size: 2.2rem; margin-bottom: 1.25em;}
.testimonials2-section .quote {color:#ffffff; font-weight: 700; margin-bottom:0; font-size: 1.2rem}

/* Heart BG */

.testimonials2-section .heart-bg {
  height: 85px; margin-bottom: 1.5em; display: flex; align-items: center; justify-content: center;
  background-image: url("/img/funnels/18/heart.png"); background-position: center; background-repeat: no-repeat;
}
.testimonials2-section .heart-bg h2 {
  margin: 0; padding: 0;
}

@media screen and (max-width:576px) {
	.testimonials2-section h2 {font-size: 1.5rem;}
  .testimonials2-section .quote {font-size: 1rem}
  .testimonials2-section .img img {max-width: 200px;}
}

/* ========================================
HOME > APPLY SECTION (home.cfm)
===========================================*/

.apply-section {box-shadow: none}
.apply-section .checklist .col-md-6:nth-child(1) {border-right:1px solid #000000; padding-right: 50px}
.apply-section h3 {color:#2792b1;font-size:2.2rem;font-family: 'Nunito','AvenirLTStd-Medium',sans-serif;font-weight:400;}
.apply-section h3 span {display: block; color:#005c77;font-size:2.2rem;font-family: 'Nunito','AvenirLTStd-Black',sans-serif;font-weight:800;}
.apply-section ul {list-style-type:none;}
.apply-section ul li {line-height:36px;	font-size:1.3rem;	font-family: 'Nunito','AvenirLTStd-Medium', sans-serif;	font-weight:400;}
.apply-section #feature img {width:30px;}

.apply-section .button {text-align: center}
.apply-section .button .btn {width: 100%}
.apply-section .ssl {text-align: center}
.apply-section .apply {border-bottom: 3px solid #cccccc; padding-bottom: 3em}

@media screen and (max-width:768px) {
	.apply-section .checklist .col-md-6:nth-child(1) {border-right:0px solid #000000; padding-right: 0px}
  .apply-section h3 {font-size:1.75rem;}
  .apply-section ul li {line-height:36px;	font-size:1.25rem}
  .increase-width {word-wrap: break-word !important;}
}
@media screen and (max-width:576px) {
  .apply-section h3 {font-size:1.75rem}
  .apply-section h3 span {display: inline}
  .apply-section ul li {line-height:36px;	font-size:1rem}
  .apply-section .img-car img {max-width: 250px;}
}
@media screen and (max-width:475px) {
  .apply-section h3 {font-size:1.75rem;}
  .apply-section span {display: inline; font-size:1.75rem}
}

/* ========================================
HOME > APPROVALS SECTION (home.cfm)
===========================================*/

.approvals-sec .item-1 {background:#005c77; height: auto; min-height:300px; padding: 3em 2em 4em 2em}
.approvals-sec .item-2 {background:#2792b1; height: auto; min-height:300px; padding: 3em 2em 4em 2em}
.approvals-sec .item-1 h4, .approvals-sec .item-2 h4 {font-family:'Nunito','AvenirLTStd-Black', sans-serif;	font-weight:800; color: #ffffff;}
.approvals-sec .item-1 h5, .approvals-sec .item-2 h5 {font-size:1.5rem;font-family: 'Nunito','AvenirLTStd-Medium', sans-serif; color:#00C2FF;font-weight:700}
.approvals-sec .item-1 p, .approvals-sec .item-2 p {font-size:1.1rem;	font-family: 'Nunito','AvenirLTStd-Medium', sans-serif; color:#ffffff;}
.approvals-sec .item-1 p {padding-left: 9em;}
.approvals-sec .item-2 p {padding-right: 9em;}
.approvals-sec .item-1 a.btn, .approvals-sec .item-2 a.btn {border-width:2px;	font-family:'Nunito','AvenirLTStd-Black', sans-serif;	font-weight:800;}
.approvals-sec .item-1 a:hover.btn, .approvals-sec .item-2 a:hover.btn {color:#005c77;}
.separated {background:#33d2ff;	width:150px;height:5px;}
.approvals-sec .item-1 .separated {background:#2792B1; width:450px; height:5px;}
.approvals-sec .item-2 .separated {background:#005C77; width:450px; height:5px;}

@media screen and (max-width:1200px) {
.approvals-sec .item-1 p {padding-left: 0em;}
.approvals-sec .item-2 p {padding-right: 0em;}
}

@media screen and (max-width:576px) {
  .approvals-sec .item-1 a.btn,.approvals-sec .item-2 a.btn {font-size:1rem;display:block;width:100%;}
  .approvals-sec .item-1 h4, .approvals-sec .item-2 h4 {font-size:1.2rem;}
  .approvals-sec .item-1 .separated, .approvals-sec .item-2 .separated {width:80%}
}

/* ========================================
HOME > FINANCING SECTION (home.cfm) - NOT USED ON F25
===========================================

.financing-section .parallax2 {background:url(/img/funnels/18/parallax2.jpg);	background-attachment: fixed;	background-position: center;	background-repeat: no-repeat;	background-size: cover;	box-shadow: 2px 2px 2px #e5e5e5;	border-bottom:1px solid #fff;	min-height:725px;}
.financing-section .align-items-center {min-height:725px;}
.financing-section h5 {color:#000000;	font-size:2.4rem;	font-family: 'Nunito','AvenirLTStd-Black',sans-serif;	font-weight:800;text-shadow: 1px 1px 0px rgba(255, 255, 255, 1); margin-bottom: .5em;}
.financing-section h5 span {display: block; color:#21A6D1}
.financing-section p {line-height: 1.75}
.financing-section .button {text-align: right}
.financing-section .ssl {text-align: left}

@media screen and (max-width:1200px) {
  .financing-section .parallax2 {background-image: none;background-color: #ffffff;min-height:425px; padding-top:2em; padding-bottom: 2em; display: none}
  .financing-section {padding-top: 2em; padding-bottom: 2em;}
  .financing-section .align-items-center {min-height:425px;}
  .financing-section h5 {font-size:2rem; text-align: center}
  .financing-section p {text-align: center;}
  .financing-section .ssl {text-align: right}
  .financing-section .bbb {text-align: left}
}
@media screen and (max-width:576px) {
	.financing-section h5 {font-size:1.75rem}
}
*/

/* ========================================
HOME > CURRENT RATES SECTION (home.cfm)
===========================================*/

.current-section2 .current-item {border:2px solid #2792b1;border-radius:36px;color:#2792b1;font-family: 'Nunito', sans-serif;font-weight:800;padding:5px 6px;}
.current-section2 .txt {font-family: 'Nunito', sans-serif;font-weight:800;font-size:.9rem;}
.current-section2 .current-disclaimer {color:#999999; font-size:.8rem; text-align: center}
.current-section2 .col1 {width: 250px;}
.current-section2 span.h5 {color:#2792b1;}
.current-section2 tbody th, .current-section2 tbody td {padding: .75em .15em .5em .15em}

@media screen and (max-width:768px) {
	.current-section2 span.h5 {font-size: 1.2em;}
  .current-section2 .current-item {border:0px solid #2792b1;border-radius:0px;padding:1px 6px;}
}
@media screen and (max-width:576px) {
	.current-section2 span.h5 {font-size: 1em;}
  .current-section2 .txt {font-size:.8rem;}
  .current-section2 tbody th, .current-section2 tbody td {font-size:.8rem;}
}


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

.site-footer a.btn {font-weight:800; font-size:.9rem; text-shadow: none;}

@media screen and (max-width:576px) {
	.site-footer a {display:block; padding: .3em .3em; font-size:.9rem; margin-bottom: .75em;}
  .site-footer a:last-child {margin-bottom:0}
}

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

/* Security Bar */

@media screen and (max-width:490px) {
.security-bar {font-size: .8rem}
}

/* Progress > Step Count */

.progress-step-count {color: #00ACDE; font-family: 'Nunito','AvenirLTStd-Black', sans-serif; font-weight:800; font-size: 1.5rem; line-height: 1; margin-top: .5em}

@media screen and (max-width:576px) {
  .progress-step-count {font-size: 1.25rem}
}

/* Checklist */

.app-checklist {max-width: 520px; margin: 0 auto .5em auto}
.app-checklist ul {font-family: 'Nunito','AvenirLTStd-Medium',sans-serif;font-weight:700; font-size: 1.35rem}
.app-checklist li {margin-bottom: .25em}
.app-checklist li:last-child {margin-bottom: 0}
.app-checklist i {color:#21A6D1;}

/* Checklist > Display */

.app-checklist.desktop {display: block}
.app-checklist.mobile {display: none}

@media screen and (max-width:992px) {
  .app-checklist ul {font-size: 1.15rem}
  .app-checklist li {margin-bottom: .25em; line-height: 1.3}
}
@media screen and (max-width:768px) {
  .app-checklist ul {font-size: 1rem}
}
@media screen and (max-width:576px) {
  .app-checklist {max-width: 100%;margin: 0 auto .75em auto}
  .app-checklist.desktop {display: none}
  .app-checklist.mobile {display: block}
  .app-checklist ul {font-size: .8rem}
  .app-checklist li {margin-bottom: .45em}
}
@media screen and (max-width:420px) {
  .app-checklist {max-width: 100%}
}

/* App 7 - Lenders Title */

.match-lenders-title {font-weight: 700; padding-top: .3em; font-size: 1em}

@media screen and (max-width:576px) {
  .match-lenders-title {font-size: .9em; padding-top: .5em; display: none;}
}

/* ========================================
APP > PROGRESS BAR
===========================================*/

.progress-bar-m {margin-bottom:.25em}
.progress-bar-m h4, .progress-bar-m .h4 {font-size:.7rem;}


.progress-bar div span {
font-family: 'Nunito','AvenirLTStd-Black', sans-serif;font-weight:800; font-size: 3rem; line-height: 175px; height: 175px; width: 175px; left: 12.5px; top: 12.5px; text-align: center; border-radius: 50%; background-color: white; color:#1E8AAC;
}




/* ========================================
APP > CARDS
===========================================*/

@media screen and (max-width:576px) {
  .application-page .card {border: none;}
  .application-page .card-lexlaw {border:2px solid #2792B1 !important;}
  .application-page .offers .card {border:1px solid #dddddd !important}
}