/* Funnel 17 */

/* ========================================
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}

@media screen and (max-width:991px) {
	.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: 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;}
}

/* ========================================
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;}

/* ========================================
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;}

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

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

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

@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 .people-pic img.people {max-height:300px; width:auto;}
}
@media screen and (max-width:475px) {
  .home-hero .button .site-btn {font-size: 1.25rem;}
}

/* Customer Feedback */

.customer-feedback-container {position:absolute; height: 125px; left:0px; bottom:20px; padding: 0em; z-index: 99; width: 100%; margin: auto;}
.customer-feedback {position:absolute; height: 125px; left:0px; bottom:0px; width:100%}
.customer-feedback h4 {color:#a2a2a2; font-size:.9rem;font-family: 'Nunito','AvenirLTStd-Black',sans-serif;	font-weight:800;}
.customer-feedback .client {position:absolute;left:-45px;	top:-25px;}
.customer-feedback p {font-family: 'Nunito','AvenirLTStd-Black',sans-serif;font-weight:800;color:#292929;}
.customer-feedback .client-name {color:#a2a2a2 !important; font-size:.9rem;}
.customer-feedback .card-body {padding:10px;}
.customer-feedback .card-body{display:none;}
.customer-feedback .card .card-body:first-child{display:block;}

@media screen and (max-width:576px) {
.customer-feedback {position:absolute; height: 125px; left:20px; bottom:0px; width:100%}
}

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

.apply-section {box-shadow: none}
.apply-section .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.5rem;	font-family: 'Nunito','AvenirLTStd-Medium', sans-serif;	font-weight:400;}
.apply-section #feature img {width:30px;}

@media screen and (max-width:768px) {
	.apply-section .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}
}
@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}
}
@media screen and (max-width:475px) {
  .apply-section h3 {font-size:1.75rem;}
  .apply-section span {display: inline; font-size:1.75rem}
}

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

.current-section h4 {color:#005c77;	font-size:1.5rem;}
.current-section .current-item {border:2px solid #2792b1;	border-radius:36px;	color:#2792b1;font-family:'Nunito','AvenirLTStd-Black', sans-serif;font-weight:800;	padding:5px 6px;}
.current-section a:hover.btn {color:#fff;}
.current-section .btn-outline-info:hover {background-color:none !important;}
.current-section .txt {font-family:'Nunito','AvenirLTStd-Black', sans-serif;font-weight:800;font-size:.9rem;}
.current-section .para-graph {color:#c4c4c4; color:#999999; font-size:.8rem;}

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

.financing-section .parallax2 {background:url(/img/funnels/17/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: center}
.financing-section .ssl {text-align: center}
.financing-section .bbb {text-align: center}

@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 > 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:800}
.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: 5em;}
.approvals-sec .item-2 p {padding-right: 5em;}
.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;}

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

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

.testimonials-section {background:#ffffff;position:relative;padding-top:40px;	padding-bottom:40px;	border-bottom:1px solid #ccc;}
.testimonials-section h1 {text-align:center;color:#006D8D;font-family: 'Nunito','AvenirLTStd-Medium', sans-serif;font-weight:800; font-size: 2.4em;}

@media screen and (max-width:576px) {
	.testimonials-section h1 {font-size: 1.75em;}
  .testimonials-section a.btn {display:block;width:100%;}
  #testimonial-carousel .carousel-item p {font-size:1em}
  
}

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

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

@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
===========================================*/

/* App 7 - Lenders Title */

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

@media screen and (max-width:576px) {
  .application-page .card .btn-lg.site-btn {font-size:inherit;}
  .application-page .card .btn-lg.site-btn.px-5 {padding-right:1rem!important;padding-left:1rem!important;}
  .match-lenders-title {font-size: .9em; padding-top: .5em;}
}