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

/* body {font-family: 'Open Sans', 'Montserrat', sans-serif;	color:#1d1d1d;overflow-x:hidden;}*/
body {font-family: 'Proxima Nova','Montserrat','Open Sans', sans-serif;	color:#1d1d1d; overflow-x:hidden;
/* FONT OPTIONS: 'proxima_nova_ltthin','proxima_nova_ltsemibold','proxima_nova_altbold', 'proxima_nova_altblack', 'Proxima Nova' */
}

/* Type > Weights */

.strong, .bold {font-weight: 700;}
.font-light {font-style: normal; font-family:'proxima_nova_ltthin','Open Sans','Montserrat',sans-serif;}
.font-normal {font-style: normal; font-family:'Proxima Nova','Open Sans','Montserrat',sans-serif;}
.font-italic, .font-normal-italic {font-style: italic; font-family:'Proxima Nova','Open Sans','Montserrat',sans-serif;}
.font-bold, .text-bold {font-style: normal; font-family:'proxima_nova_ltsemibold','Open Sans','Montserrat',sans-serif;}
.font-bolder, .text-bolder {font-style: normal;font-family:'proxima_nova_altbold','Open Sans','Montserrat',sans-serif;}

/* Type > Color */

.text-red {color:#D13B56}

/* Btns */

.site-btn {font-family:'proxima_nova_ltsemibold','Open Sans','Montserrat',sans-serif; text-transform: uppercase; border-radius:20px; padding:.5em 1em;}
.site-btn i.fa-chevron-circle-right {font-size:inherit !important; vertical-align:0;}
.btn-reset {font-family:'proxima_nova_ltsemibold','Open Sans','Montserrat',sans-serif; text-transform: uppercase;}
.btn-rounded {border-radius:20px; padding:.5em 1em; text-transform: uppercase;}
.btn-block {width:100%}

/* Form > Inputs */

.form-check-input {background-color: #f3f3f3;}
.form-check-input:checked{background-color: #0584A9;}
.form-check-label {font-family:'Proxima Nova','Open Sans','Montserrat',sans-serif; font-weight: normal !important}

/* ========================================
HEADER > MENU > NO JS/CSS ONLY MENU
===========================================*/

/* Base */

#menu-toggle {display: block;position: absolute; top: 12px;right: 10px;z-index: 1;-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;user-select: none;}
#menu-toggle a {text-decoration: none; color: #232323; -webkit-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease;}
#menu-toggle a:hover {color: #4f7794;}

/* Hamburger btn hidden inside input */

#menu-toggle input {display: block; width: 30px;height: 30px;position: absolute;top: -7px;right: -5px;padding: 0;cursor: pointer;opacity: 0;z-index: 2;-webkit-touch-callout: none;}
#menu-toggle label {position: relative; display: block; width: 30px; height: 30px;}
#menu-toggle label span {display: none;}

/* Hamburger */

#menu-toggle label div {display: block; width: 30px; height: 3px; margin-bottom: 6px; position: relative; background: #777777; border-radius: 0px;z-index: 1;-webkit-transform-origin: 4px 0px;-ms-transform-origin: 4px 0px;transform-origin: 4px 0px;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease; transition: all 0.3s ease;}
#menu-toggle label div:first-child {-webkit-transform-origin: 0% 100%;-ms-transform-origin: 0% 100%;transform-origin: 0% 100%;}
#menu-toggle label div:nth-child(2) {-webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%;transform-origin: 0% 0%;}

/* Change the color of the hamburger when toggled */

#menu-toggle input:checked + label div {background: #232323;}

/* place the menu off-screen */

#menu-nojs {position: absolute; width: 285px; margin: -100px -50px 0 0; padding: 125px 40px 30px 20px; background: rgba(255,255,255,0.98); list-style-type: none;right: -7680px; /* -webkit-transition: right 0.3s ease; -o-transition: right 0.3s ease; transition: right 0.3s ease; */ transition: none;
box-shadow: -2px 2px 5px 0px rgba(0, 0, 0, .1);}
#menu-nojs li {padding: .15em .5em;font-size:1rem; text-transform: uppercase; margin-bottom: .75em; text-align: right;}
#menu-nojs a li {color:#2c2c2c;	border:0px solid transparent;	border-radius:8px;}
#menu-nojs a:hover li, #menu-nojs a.active li {text-decoration:none;border:0px solid #cccccc;	color:#0584A9;}

@media screen and (max-width:992px) {
	#menu-nojs {right: -300px;  transition: none; box-shadow: -2px 2px 5px 0px rgba(0, 0, 0, .1);}
}

/* Slide the menu in from left when the input is checked - Added to fix issue with off canvas scrolling */

#menu-toggle input ~ ul {display: none;}
#menu-toggle input:checked ~ ul {right: 0;display: block}

/* Nav item with Sub nav - 10-2021 */

#menu-nojs .dropdown {position: relative; display: block; text-align: right; margin-bottom: 1em !important; margin-right: .55em; margin-top: 1em !important; font-size: 1rem;}
#menu-nojs .dropdown .dropdown-content {display: none; position: absolute; background-color: #f9f9f9;min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); padding: 12px 16px; z-index: 1;right: 0}
#menu-nojs .dropdown span {text-transform: uppercase;font-weight: 600; cursor: pointer}
#menu-nojs .dropdown .dropdown-content a {display:block; padding-top:.3em; padding-bottom:.3em; text-transform: uppercase; text-align: right; font-weight: 600; margin-bottom: .25em}
#menu-nojs .dropdown .dropdown-content a:last-of-type {margin-bottom:0;}
#menu-nojs .dropdown:focus {cursor: pointer; pointer-events: none;}
#menu-nojs .dropdown:hover .dropdown-content, #menu-nojs .dropdown:focus .dropdown-content {display: block;}


/* ========================================
PAGE TITLES
===========================================*/

.page-title {background: linear-gradient(to bottom, #333333 0%,#000000 100%); padding:2em 1em; border-bottom:0px}
.page-title h1 {font-family: 'Proxima Nova','Montserrat','Open Sans', sans-serif; font-weight: 400; font-size:2.4rem; line-height:1; margin-bottom:0;color:#fff; text-align:center}
.page-title h1 span {font-family:'proxima_nova_altbold','Open Sans','Montserrat',sans-serif; color:#B9DBF1}

/* App Specific Page Titles */

.page-title.app-page-title {padding:1em 0 1em 0;}
.page-title.app-page-title h1 {font-weight: 400; font-size:2.4rem; line-height:1; margin-bottom:0;color:#fff; text-align:center}

@media screen and (max-width:576px) {
	.page-title {padding:1em 0 1em 0;}
	.page-title h1 {font-size:1.5rem;}
  .page-title h1 span {display: block}
  .page-title.app-page-title {padding:.5em 0 .5em 0;}
  .page-title.app-page-title h1 {font-size:1.5rem;}
}

/* ========================================
MAIN CONTENT (NON APP)
===========================================*/

/* Headings */

.site-main h2, .site-main h3, .site-main h4, .site-main h5, .site-main h6, .site-main .h2, .site-main .h3, .site-main .h4, .site-main .h5, .site-main .h6 {font-family:'proxima_nova_ltsemibold','Montserrat', 'Open Sans', sans-serif;}

/* Form Labels */

.site-main label.form-label {font-family: 'Proxima Nova','Montserrat','Open Sans', sans-serif; font-weight:bold; font-size: 1rem}

/* ========================================
HOME > HOME APP FORM (INVP) > APP
===========================================*/

#home-hero {position:relative;background: linear-gradient(to bottom, rgba(0,0,0,.75) 0%, rgba(0,0,0,.3) 59%, rgba(0, 0, 0, 0.75) 100%),url('/img/funnels/8/hero-landing.jpg');
background-position: center;background-repeat: no-repeat;background-size: cover;min-height:0; height: auto}

#home-hero .container {padding:4em 1em}
#home-hero .heading h1 {font-family: 'Proxima Nova','Montserrat','Open Sans', sans-serif; font-weight: 400; font-size:2.5rem; text-shadow: 0px 1px 0px rgba(0,0,0,.75); color: #ffffff}
#home-hero .heading h1 span {font-family:'proxima_nova_altbold','Open Sans','Montserrat',sans-serif; font-weight: 700; display: block; color: #B9DBF1;}

#home-hero #home-hero-form {background: rgba(255,255,255,0.95); padding:1em; border:1px solid #ddd; border-radius:5px;box-shadow: 10px 10px 8px -9px rgba(0,0,0,0.25);margin-top:0px;}
#home-hero #home-hero-form h2 {font-family:'proxima_nova_altbold','Open Sans','Montserrat',sans-serif; font-weight: 700; font-size:1.5rem}

@media screen and (max-width:1600px) {
	#home-hero {min-height:0;}
  #home-hero .heading h1 span {display: inline}
}
@media screen and (max-width:991px) {
  #home-hero .heading h1 {display: none;}
	#home-hero #home-hero-form {margin-top:0px;margin-bottom:0px;}
}
@media screen and (max-width:765px) {
	#home-hero {height:auto; text-align:center;}
	#home-hero #home-hero-form {margin-top:0px; margin-bottom:0px;}
}
@media screen and (max-width:576px) {
	#home-hero .container {padding:2em 1em}
}

/* ========================================
HOME > TRUSTED (INVP)
===========================================*/

#home-trusted {padding:1.75em 1em; background: linear-gradient(to bottom, #333333 0%,#000000 100%);}
#home-trusted p {font-family: 'Proxima Nova','Montserrat','Open Sans', sans-serif; font-weight: 400; font-size:2.4rem; margin:0; padding:0; color:#fff; line-height:1; padding-top:.2em;text-shadow: 0px 1px 0px rgba(0,0,0,.75);}
#home-trusted p span {font-family:'proxima_nova_altbold','Open Sans','Montserrat',sans-serif; font-weight: 700; color:#B9DBF1;}

@media screen and (max-width:991px) {
	#home-trusted p {font-size:2rem;}
}
@media screen and (max-width:765px) {
	#home-trusted p {font-size:1.5rem;}
}

/* ========================================
HOME > SEARCH MAKES
===========================================*/

#home-searchmakes {padding: 3em 0;background: linear-gradient(180deg, rgba(224,239,249,1) 0%, rgba(255,255,255,1) 90%); border-bottom: 1px solid #cccccc;}
#home-searchmakes h3 {font-family: 'Proxima Nova','Montserrat','Open Sans', sans-serif; font-weight: 400; text-align: center; line-height:1.2; font-size:2.75rem; margin-bottom:1em}
#home-searchmakes h3 span {font-family:'proxima_nova_altbold','Open Sans','Montserrat',sans-serif; font-weight: 700;}
#home-searchmakes .makes-list .logo img {opacity: .5}

@media screen and (max-width:1200px) {
	#home-searchmakes .makes-list .logo  {margin-bottom: 1em;}
  #home-searchmakes .makes-list .logo img  {max-width: 100px;}
}
@media screen and (max-width:765px) {
	#home-searchmakes h3 {font-size:2rem;}
}
@media screen and (max-width:576px) {
	#home-searchmakes .makes-featured .logo img  {max-width: 140px;}
  #home-searchmakes .makes-list .logo img  {max-width: 75px;}
}

/* ========================================
HOME > WHAT IS INVP
===========================================*/

#home-whyuseinvp {padding:3em 0 0 0; background: #f3f3f3; background: linear-gradient(180deg, rgba(243,243,243,1) 0%, rgba(227,227,227,1) 100%); border-bottom: 1px solid #cccccc;}
#home-whyuseinvp h3 {text-align: center; font-family: 'Proxima Nova','Montserrat','Open Sans', sans-serif; font-weight: 400; line-height:1.2; font-size:2.75rem; margin-bottom:1em}
#home-whyuseinvp h3 span {font-family:'proxima_nova_altbold','Open Sans','Montserrat',sans-serif; font-weight: 700;}
#home-whyuseinvp h4 {font-family:'proxima_nova_ltsemibold','Open Sans','Montserrat',sans-serif; margin-bottom: 1em;}
#home-whyuseinvp p {line-height: 1.7}
#home-whyuseinvp .img {margin-bottom: 1.5em}
#home-whyuseinvp .img img {height: 125px; width: auto;}
#home-whyuseinvp .container .about  {height: 430px}
#home-whyuseinvp .container .img-about  {height: 430px}

@media screen and (max-width:1200px) {
	#home-whyuseinvp .container .about  {height: auto}
  #home-whyuseinvp .container .img-about  {height: auto}
  #home-whyuseinvp .container .img-about img {max-width: 700px; margin: auto}
}
@media screen and (max-width:991px) {
	#home-whyuseinvp h3 {text-align:center;font-size:2.5rem;}
  #home-whyuseinvp .container .about  {height: auto}
  #home-whyuseinvp .container .img-about  {height: auto}
  #home-whyuseinvp .container .img-about img {max-width: 500px; margin: auto}
}
@media screen and (max-width:765px) {
	#home-whyuseinvp h3 {font-size:2rem;}
	#home-whyuseinvp p {font-size:1rem;line-height: 1.5}
}
@media screen and (max-width:576px) {
	#home-whyuseinvp .container .about  {height: auto}
  #home-whyuseinvp .container .img-about  {height: auto}
  #home-whyuseinvp .container .img-about img {max-width: 300px}
}

/* ========================================
HOME > HOW DOES INVP WORK
===========================================*/

#home-howdoesinvpwork {position:relative; height: 100%; padding:5em 0 5em 0; background: #f3f3f3; background: linear-gradient(180deg, rgba(228,241,250,1) 0%, rgba(255,255,255,1) 50%, rgba(228,241,250,1) 100%); border-bottom: 1px solid #cccccc;}
#home-howdoesinvpwork h3 {font-family: 'Proxima Nova','Montserrat','Open Sans', sans-serif; font-weight: 400; text-align: center; line-height:1.2; font-size:2.75rem; margin-bottom:.75em}
#home-howdoesinvpwork h3 span {font-family:'proxima_nova_altbold','Open Sans','Montserrat',sans-serif; font-weight: 700;}
#home-howdoesinvpwork p {font-family:'proxima_nova_ltsemibold','Open Sans','Montserrat',sans-serif; font-size: 1rem;line-height: 1.7; margin-bottom: 2em;}
#home-howdoesinvpwork .step-1 {margin-bottom: 4em;}
#home-howdoesinvpwork .num {font-family:'proxima_nova_altbold','Open Sans','Montserrat',sans-serif;font-size: 2rem;}
#home-howdoesinvpwork .img {text-align: center}
#home-howdoesinvpwork .red-car {position: absolute; width: 100%; bottom: 0px; text-align: center}
#home-howdoesinvpwork .red-car img {max-width: 700px;}

@media screen and (max-width:768px) {
	#home-howdoesinvpwork h3 {font-size:2rem;}
  #home-howdoesinvpwork .img {margin-bottom: 2em;}
}
@media screen and (max-width:576px) {
	#home-howdoesinvpwork {padding:3em 0 8em 0;}
  #home-howdoesinvpwork p {font-size: 1rem; line-height: 1.5}
  #home-howdoesinvpwork .img img {max-width: 125px;}
  #home-howdoesinvpwork .red-car img {width: 100%;}
}

/* ========================================
HOME > WHAT IS INVP
===========================================*/

#home-invp {padding:3em 0 1em 0; background: #f3f3f3; background: linear-gradient(180deg, rgba(243,243,243,1) 0%, rgba(227,227,227,1) 100%);}
#home-invp h3 {font-family: 'Proxima Nova','Montserrat','Open Sans', sans-serif; font-weight: 400; text-align: center; line-height:1.2; font-size:2.75rem; margin-bottom:.75em}
#home-invp h3 span {font-family:'proxima_nova_altbold','Open Sans','Montserrat',sans-serif; font-weight: 700;}
#home-invp p {font-family: 'Proxima Nova','Montserrat','Open Sans', sans-serif; font-weight: 700;line-height: 1.7}

@media screen and (max-width:991px) {
	#home-invp h3 {text-align:center;font-size:2.5rem;}
}
@media screen and (max-width:765px) {
	#home-invp h3 {font-size:2rem;}
	#home-invp p {font-size:1rem;line-height: 1.5}
}

/* ========================================
HOME > TIPS
===========================================*/
#home-tips {padding:3em 0; background: #e3e3e3; border-bottom: 1px solid #cccccc;}
#home-tips h3 {font-family: 'Proxima Nova','Montserrat','Open Sans', sans-serif; font-weight: 400; line-height:1.2; font-size:2.75rem; margin-bottom:.75em}
#home-tips h3 span {font-family:'proxima_nova_altbold','Open Sans','Montserrat',sans-serif; font-weight: 700;}
#home-tips ul {font-family:'proxima_nova_ltsemibold','Open Sans','Montserrat',sans-serif; list-style-type:none; margin:0 0 1.75em .5em; padding:0;}
#home-tips li {font-size:1.4rem; margin-bottom:.7em; font-weight: 800}
#home-tips li i {color:#6CA719; font-size:1.2rem;}

@media screen and (max-width:991px) {
	#home-tips h3 {text-align:center;font-size:2.5rem;}
}
@media screen and (max-width:765px) {
	#home-tips h3 {font-size:2rem;}
	#home-tips li {font-size:1.5rem; margin-bottom:.3em;}
}
@media screen and (max-width:576px) {
	#home-tips h3 {font-size:2rem;}
	#home-tips li {font-size:1.25rem; margin-bottom:.3em;}
}

/* ========================================
HOME > SHOP SMARTER
===========================================*/
#home-nohassle {position:relative;background:url(/img/funnels/8/hero-nohassle.jpg);background-attachment: scroll;background-position: center;background-repeat: no-repeat;background-size: cover;min-height:550px;}
#home-nohassle h3 {font-family: 'Proxima Nova','Montserrat','Open Sans', sans-serif; font-weight: 400; font-size:2.75rem; line-height:1;margin-top:2.25em; text-shadow: 0px 1px 0px rgba(250,250,250,.75);}
#home-nohassle h3 span {font-family:'proxima_nova_altbold','Open Sans','Montserrat',sans-serif;font-weight: 700;}
#home-nohassle p {font-family:'proxima_nova_ltsemibold','Open Sans','Montserrat',sans-serif;font-size:1.6rem;line-height:1.65;text-shadow: 0px 1px 0px rgba(250,250,250,.75)}
#home-nohassle img.cellphone-img {position:absolute; bottom:0; left:18%; width:550px;}

@media screen and (max-width:1600px) {
	#home-nohassle {min-height:550px}
	#home-nohassle img.cellphone-img {width:550px;left:10%;}
}
@media screen and (max-width:1200px) {
	#home-nohassle {min-height:550px}
	#home-nohassle h3 {margin-top:2em;	}
	#home-nohassle img.cellphone-img {width:500px;left:5%;}
}
@media screen and (max-width:992px) {
	#home-nohassle {min-height:400px}
	#home-nohassle h3 {font-size:2.5rem;}
	#home-nohassle p {font-size:1rem;}
	#home-nohassle img.cellphone-img {width:375px;left:5%;}
}
@media screen and (max-width:765px) {
	#home-nohassle {min-height:550px;background-position: right center;}
	#home-nohassle h3 {font-size:2rem;}
	#home-nohassle p {font-size:1rem;line-height:1.5;text-align: left}
	#home-nohassle img.cellphone-img {width:350px;left: 50%;transform: translate(-50%, 0);}
}
@media screen and (max-width:576px) {
	#home-nohassle {min-height:600px;}
	#home-nohassle h3 {font-size:2rem;margin-top:1em;}
  #home-nohassle img.cellphone-img {width:325px;}
}
@media screen and (max-width:400px) {
	#home-nohassle {min-height:550px;}
  #home-nohassle img.cellphone-img {width:250px;}
}

/* ========================================
HOME > CONTACT US
===========================================*/

#home-contactus {padding: 3em 1em; background:#f6f6f6; border-bottom: 1px solid #cccccc;}
#home-contactus a {color:inherit; text-decoration: none;}
#home-contactus h3 {font-family: 'Proxima Nova','Montserrat','Open Sans', sans-serif; font-weight: 400; font-size:2.75rem; line-height:1; margin-bottom: .75em; text-shadow: 0px 1px 0px rgba(250,250,250,.75);}
#home-contactus h3 span {font-family:'proxima_nova_altbold','Open Sans','Montserrat',sans-serif;font-weight: 700;}
#home-contactus p {font-family:'proxima_nova_ltsemibold','Open Sans','Montserrat',sans-serif; margin-bottom: .75em; font-size: 1.1rem; line-height: 1.7}

@media screen and (max-width:992px) {
  #home-contactus .img {text-align: center}
  #home-contactus .img img {max-width:450px}
}
@media screen and (max-width:768px) {
  #home-contactus .img {text-align: center}
  #home-contactus .img img {width: 100%}
}
@media screen and (max-width:576px) {
  #home-contactus h3 {font-size:2rem}
  #home-contactus p {font-size: 1rem; line-height: 1.5}
}

/* ========================================
HOME > TESTIMONIALS
===========================================*/

#home-testimonials {padding:3em 0; background:#B3D7EF;background: linear-gradient(to bottom, #B3D7EF 0%,#E1F5FD 100%);border-bottom: 1px solid #cccccc;}
#home-testimonials .carousel-item .carousel-item-inner {margin: auto; max-width: 1000px;}
#home-testimonials .carousel-item p.quote {font-family:'proxima_nova_ltsemibold','Open Sans','Montserrat',sans-serif; font-size:2rem; line-height:1.3; color:#000}
#home-testimonials .carousel-item p.customer {font-family: 'Proxima Nova','Montserrat','Open Sans', sans-serif; font-weight: 400; font-size:1.2rem; color:#aaa;color:#000;}

#home-testimonials .carousel-control-prev span i,
#home-testimonials .carousel-control-next span i {font-size:3rem; color: #0584A9}

#home-testimonials .carousel-indicators {bottom: 5px;}
#home-testimonials .carousel-indicators li {background-color: #565656;margin-left:7px;margin-right:7px;cursor:pointer;}
#home-testimonials .carousel-indicators button {background-color:#fff; width:10px;height:10px;border-radius:50px;margin-left:5px;margin-right:5px;	cursor:pointer;}
#home-testimonials .carousel-indicators button.active {background-color: #E8F7FF;}

@media screen and (max-width:768px) {
  #home-testimonials .carousel-control-prev,
  #home-testimonials .carousel-control-next {display: none;}
}

@media screen and (max-width:576px) {
	#home-testimonials {padding:2em 0;}
	#home-testimonials .carousel-item p.quote {font-size:1.5rem; line-height:1.25;}
}

/* ========================
FOOTER (INVP)
========================== */

#site-footer {font-family: 'Proxima Nova','Montserrat','Open Sans', sans-serif; font-weight: 400; background:#f6f6f6; padding-top:3em; padding-bottom:3em}
#site-footer .footer-logo {text-align:center; margin-bottom:1em;}
#site-footer .footer-content {text-align:center;}

/* Logos */

#site-footer .footer-logo {margin-bottom: 1.5em;}
#site-footer .footer-logo img {max-width:200px;}

/* Nav */

#site-footer ul.footer-nav {margin:.5em 0 1.5em 0; padding:0; list-style: none; color:#1d1d1d;}
#site-footer ul.footer-nav li {font-family:'proxima_nova_altbold','Open Sans','Montserrat',sans-serif; display:inline; margin-right:.7em; text-transform: uppercase}
#site-footer ul.footer-nav li:last-child {margin-right:0;}
#site-footer ul.footer-nav li a {color:#1d1d1d; text-transform:normal; font-size:1rem; text-decoration: none}

/* Dealer Link */

#site-footer .dealer-link {text-align: center; margin-bottom: 1.5em;}

/* Disclaimer - Copyright */

#site-footer .footer-copyright {margin-bottom:1.5em; color:#1d1d1d; text-align:center; font-size:1rem}
#site-footer .footer-disclaimer {color:#1d1d1d; text-align:center; font-size:1rem}

@media only screen and (max-width: 768px) {
	#site-footer .footer-logo {text-align:center; margin-bottom:1.2em}
	#site-footer .footer-content {margin-bottom:.5em}
	#site-footer ul.footer-nav {margin:0 0 1.2em 0;}
	#site-footer ul.footer-nav li {display:block; margin-right:0; text-align:center; line-height:2.25}
	#site-footer ul.footer-nav li a {display:block; padding:.25em}
}
@media screen and (max-width:576px) {
  #site-footer {padding-top:2em; padding-bottom:2em;}
  #site-footer .footer-logo img {max-width:125px;}
  #site-footer .footer-content .footer-disclaimer {font-size:1rem}
  #site-footer .footer-copyright {font-size:1rem}
}

/* ========================================
BLOG > QUICK FORM
===========================================*/

#blog-quickForm {background: #f2f2f2}

/* ========================================
BLOG > POST > NAVBAR
===========================================*/

.blog-nav .card-header {padding: .5em .85em; font-size:1.25rem; background: #0584A9; background: linear-gradient(to bottom, #565656 0%,#222222 100%); color: #ffffff;border-bottom: 0px solid #cccccc;font-family:'proxima_nova_ltsemibold','Montserrat', 'Open Sans', sans-serif;}

/* ========================================
BLOG > POST > PREVIEW
===========================================*/

.blog .blog-post-preview {margin-bottom: 1.5em;}
.blog .blog-post-preview a {color:inherit; text-decoration: none;}
.blog .blog-post-preview .card {min-height: 225px}
.blog .blog-post-preview .card-header {font-size: 1.35rem; line-height: 1.2; color:#000000; font-family:'proxima_nova_ltsemibold','Montserrat', 'Open Sans', sans-serif;}
.blog .blog-post-preview .card-footer .btn.read-more-link {color:#ffffff;}
.blog .blog-post-preview a:hover {text-decoration:none;}
@media screen and (max-width:765px) {
  .blog .blog-post-preview .card-footer .btn.read-more-link {width:100%}
}

/* ========================================
BLOG > POST (IN PAGE)
===========================================*/

.blog-post .figure {width: 400px; float: right; margin: 0 0 1em 1em;}
.blog-post .figure img.img-blog {width: 400px; box-shadow: 0px 0px 16px -5px rgba(0,0,0,0.45);}

@media all and (max-width: 768px) {
  .blog-post .figure {width: auto; float: none; margin: 0 0 1em 0;}
  .blog-post .figure img.img-blog {width: auto}
}

/* ===========================================
CALCULATOR > CAR PAYMENT (INVP)
=========================================== */

#carpmt_calculator .inner {padding:.5em 1em;}
#carpmt_calculator .calc_results {padding-top: 1em; padding-bottom: 2em}
#carpmt_calculator .calc_results .form-control {font-family:'proxima_nova_ltsemibold','Montserrat', 'Open Sans', sans-serif;}
#carpmt_calculator .calc_results input[disabled], #carpmt_calculator .calc_resultsinput[disabled]:hover {background-color:#fcfcfc;}
#carpmt_calculator .btn {font-family:'proxima_nova_altbold','Open Sans','Montserrat',sans-serif;}



@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;}
	#carpmt_calculator .calc_results .form-control {font-size:1.15rem;}
}

/* ========================================
APP > FORM/BASE
===========================================*/

.application-container {/* max-width: 900px; */ max-width: 1100px}

.application-page label {font-family: 'Proxima Nova','Montserrat','Open Sans', sans-serif; font-weight:bold; font-size:1em}
.application-page .form-check label {font-family: 'Proxima Nova','Montserrat','Open Sans', sans-serif; font-weight:400; font-size:1em}

.application-page .form-control,
.application-page .form-select {border: 1px solid #bbbbbb; -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;position:relative;}

.application-page .form-control:focus,
.application-page .form-select:focus {outline: 0;	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);}


/* Headings */

.application-page h2, .application-page h3, .application-page h4, .application-page h5, .application-page h6,
.application-page .h2, .application-page .h3, .application-page .h4, .application-page .h5, .application-page .h6 {
  font-family:'proxima_nova_ltsemibold','Montserrat', 'Open Sans', sans-serif;
}

/* ========================================
APP > STEPS
===========================================*/

.application-page {box-shadow: 2px 2px 2px #e5e5e5;}

.application-page .card, .stp20, .application_app {min-height:50px;	/* overflow:hidden; */}
.application-page .card {background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); border: 2px solid #707070}

.application-page .card.auto-height, .card.auto-height {min-height: inherit !important; height:auto !important;}

.application-page .card .card-header.step-header {font-family:'proxima_nova_altbold','Open Sans','Montserrat',sans-serif; background:#E1EFF7; color:#0584A9; font-size:1.5rem; font-size:2rem; font-weight:400; line-height:1.3; padding: .5em .5em; background:#017798; color:#ffffff;}
.application-page .card .card-header.step-header .small {font-family: 'Proxima Nova','Montserrat','Open Sans', sans-serif; font-weight:400; font-size:26px !important}

.application-page .card .card-title {color: #D13B56;font-size:1.75rem}
.application-page .card .step-title {background:#000000;border-radius: 10px;	color: #fff; font-size: 1.2rem;	padding: 3px 15px;	text-align: center;	position: absolute;	left: 50%;	top: -15px;	z-index: 999;	margin-left: -40px;font-family:'proxima_nova_altbold','Open Sans','Montserrat',sans-serif;}

.application-page .card .btn-outline-warning {border-color:#ff6000;	color:#ff6000;	font-size:1.2rem;	font-family:'proxima_nova_altbold','Open Sans','Montserrat',sans-serif;}
.application-page .card .btn-outline-warning:hover {background:#ff6000;color:#fff;}

.security-bar {background:#f5f5f5;	color:#89ba24 !important;}

@media only screen and (max-width: 576px) {
 .application-page .card .card-header.step-header {font-size:1.5rem;}
 .application-page .card .card-header.step-header .small {font-size:22px !important}
}

/* Show Hide Header/Title Content (F37) */

 .application-page .card .card-header.step-header .desktop {display: block}
 .application-page .card .card-header.step-header .mobile {display: none}

@media only screen and (max-width: 576px) {
 .application-page .card .card-header.step-header .desktop {display: none}
 .application-page .card .card-header.step-header .mobile {display: block}
}

/* ========================================
APP > VEH DISPLAY
===========================================*/

.vehicle-display .vehicle-img .form-check .form-check-label {font-family:'proxima_nova_altbold','Open Sans','Montserrat',sans-serif;}

/* ========================================
APP (PG 2)
===========================================*/

/* Veh Image */
#app2VehicleImage {margin-bottom:1em; display: block}

#app2VehicleImage {text-align: center}
#app2VehicleImage img {border-radius: 10px; border: 1px solid #eeeeee;}

#app2VehicleDetails .vehicle-make-model {margin-bottom:.5em; font-size:1.75rem; text-align:center; color:#000000; line-height:1.2;font-family:'proxima_nova_altbold','Montserrat', 'Open Sans', sans-serif;}

#app2VehicleDetails .vehicle-msrp-label {font-family: 'Proxima Nova','Montserrat','Open Sans', sans-serif; font-size: 1.15rem; font-weight:400;line-height:1.2;}
#app2VehicleDetails .vehicle-msrp {font-family:'proxima_nova_altbold','Montserrat', 'Open Sans', sans-serif; font-size:1.15em;line-height:1.2;}

#app2VehicleDetails .vehicle-invp-label {color:#0696BF;font-family:'proxima_nova_altbold','Open Sans','Montserrat',sans-serif; font-size: 1.15rem}
#app2VehicleDetails .vehicle-invp {max-width: 290px; position:relative;}
#app2VehicleDetails .vehicle-invp {font-size: 1rem;}
#app2VehicleDetails .vehicle-invp > span {color: #FF0000; line-height:1.2; font-family:'proxima_nova_altbold','Montserrat', 'Open Sans', sans-serif;}
#app2VehicleDetails .vehicle-invp > span > span {font-size: 16px; vertical-align: text-bottom}
#app2VehicleDetails .arrow {position: absolute; bottom:-35px; left: 50%; transform: translateX(-50%);display: none}

@media(max-width: 765px){
  /*
  #app2VehicleDetails .vehicle-invp:before{
    content: ''; display: none; position: absolute; left: 0px; bottom: -49px; width: 100.5%;
    -webkit-clip-path: polygon(50% 42%,-2% 0%,100% 1%); clip-path: polygon(50% 42%,-2% 0%,100% 1%);
    height: 50px; background-color: red; border-top: none;
  }
  #app2VehicleDetails .vehicle-invp:after{
    content: ''; display: none; position: absolute; left: 0px; bottom: -49px; width: 100.5%;
    -webkit-clip-path: polygon(50% 40%,0% 0%,100% 0%); clip-path: polygon(50% 40%,0% 0%,100% 0%);
    height: 50px; background-color: white; border-top: none;
  }
  */
}
@media(max-width: 576px){
  #app2VehicleImage {display:block;}
  #app2VehicleDetails .arrow {display:block;}
  #app2VehicleDetails .vehicle-msrp-label {font-size: 1rem}
  #app2VehicleDetails .vehicle-invp-label {font-size: 1rem}
}




/* ========================================
START MAKE CAMPAIGN UPDATES - 3-2023
===========================================*/

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

.site-header #phc2c img {max-width: 170px;}

@media screen and (max-width:576px) {
  .site-header #phc2c img {max-width: 125px;}
}

/* ========================================
HOME > MAKE > HERO
===========================================*/

#home-hero-make {
  position:relative;
  background: linear-gradient(180deg, rgba(255,255,255,1) 10%, rgba(238,238,238,1) 100%);
  background-position: center; background-repeat: no-repeat; background-size: cover; min-height:0; height: auto;
}
#home-hero-make .container-xl {padding:4em 1em; max-width: 1200px; margin: auto}

#home-hero-make .heading {height: auto; position: relative}
#home-hero-make .heading h1 {font-weight: 400; font-size:2.25rem; color: #000000;}
#home-hero-make .heading h1 span {display: block; font-family:'proxima_nova_altbold','Open Sans','Montserrat',sans-serif; font-weight: 700; font-size:3rem; color: #0696BF;}
#home-hero-make .heading .veh-img {text-align: left;}
#home-hero-make .heading .veh-img img {}

#home-hero-make #home-hero-form {background: transparent; padding:1.5em; border:4px solid #707070; border-radius:10px;margin-top:0px;}
#home-hero-make #home-hero-form h2 {font-family:'proxima_nova_altbold','Open Sans','Montserrat',sans-serif; font-weight: 700; font-size:1.5rem}
#home-hero-make #home-hero-form .form-select,
#home-hero-make #home-hero-form .form-control {border:2px solid #0696BF; font-family:'proxima_nova_ltsemibold','Open Sans','Montserrat',sans-serif; text-align: center; font-weight: 700; text-transform: uppercase}
#home-hero-make #home-hero-form .btn {background: #FF5929; color:#ffffff; border-radius: 5px; border: 1px}

/* BASE/DEFAULT BS
#home-hero #home-hero-form .form-select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%230696bf' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
*/

#home-hero-make #home-hero-form .form-select { /* USE FA */
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%20fill%3D%22%230696BF%22%3E%3C!--%20Font%20Awesome%20Pro%205.15.4%20by%20%40fontawesome%20-%20https%3A%2F%2Ffontawesome.com%20License%20-%20https%3A%2F%2Ffontawesome.com%2Flicense%20(Commercial%20License)%20--%3E%3Cpath%20d%3D%22M504%20256c0%20137-111%20248-248%20248S8%20393%208%20256%20119%208%20256%208s248%20111%20248%20248zm-143.6-28.9L288%20302.6V120c0-13.3-10.7-24-24-24h-16c-13.3%200-24%2010.7-24%2024v182.6l-72.4-75.5c-9.3-9.7-24.8-9.9-34.3-.4l-10.9%2011c-9.4%209.4-9.4%2024.6%200%2033.9L239%20404.3c9.4%209.4%2024.6%209.4%2033.9%200l132.7-132.7c9.4-9.4%209.4-24.6%200-33.9l-10.9-11c-9.5-9.5-25-9.3-34.3.4z%22%2F%3E%3C%2Fsvg%3E");
    background-size: 16px auto;
}

/* Click to Call */

#home-hero-make .make-clicktocall {margin-top: 2em}
#home-hero-make .make-clicktocall h3 {font-size: 1.75rem; font-weight: 400; margin-bottom: 1em}
#home-hero-make .make-clicktocall h3 span {font-family:'proxima_nova_altbold','Open Sans','Montserrat',sans-serif; color: #0696BF; font-weight: 700}
#home-hero-make .make-clicktocall img {max-width: 300px; height: auto; margin: auto}
#home-hero-make .make-clicktocall img:hover {cursor: pointer}

@media screen and (max-width:1600px) {
	#home-hero-make {min-height:0;}
}

@media screen and (max-width:992px) {
  #home-hero-make .heading {margin-bottom: 2em}
  #home-hero-make .heading h1 {font-size:2.25rem; max-width: 475px; margin: auto}
  #home-hero-make .heading .veh-img {text-align: center;}
  #home-hero-make .heading .veh-img img {width: 85%;}
}
@media screen and (max-width:576px) {
  #home-hero-make .container-xl {padding:2em 1em}
  #home-hero-make .heading h1 {font-size:1.75rem;}
  #home-hero-make .heading h1 span {font-size:2.5rem; display: block}
  #home-hero-make .heading .veh-img {text-align: center;}
  #home-hero-make .heading .veh-img img {width: 85%;}
  #home-hero-make .make-clicktocall h3 {font-size: 1.25rem}
  #home-hero-make .make-clicktocall h3 span {display: block}
  #home-hero-make .make-clicktocall img {max-width: 220px; margin: auto}
}
@media screen and (max-width:450px) {
  #home-hero-make .heading h1 {font-size:1.25rem;}
  #home-hero-make .heading h1 span {font-size:2.5rem; display: block}
}

/* ========================================
HOME > MAKE > HOW IT WORKS
===========================================*/

#home-howitworks-make {padding:3em 1em; background: #f3f3f3; background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%); border-bottom: 0px solid #cccccc;}
#home-howitworks-make h2 {text-align: center; font-family:'proxima_nova_altbold','Open Sans','Montserrat',sans-serif; font-weight: 700; line-height:1.2; font-size:3rem; margin-bottom:1em; color: #0696BF;}
/* Steps */

#home-howitworks-make #steps {max-width: 1200px; margin-left: auto; margin-right:auto }

#home-howitworks-make #steps .step {width: 350px; margin-left: auto; margin-right: auto;}
#home-howitworks-make #steps .step .img {margin-bottom: 1.5em}
#home-howitworks-make #steps .step .img img {height: 125px; width: auto;}

#home-howitworks-make #steps .step .step-num {color: #0696BF; font-size: 1.5rem; font-family:'proxima_nova_altbold','Open Sans','Montserrat',sans-serif; font-weight: 700;line-height: 1.1; text-align: right}
#home-howitworks-make #steps .step .step-header {color: #0696BF; font-size: 1.5rem; font-family:'proxima_nova_altbold','Open Sans','Montserrat',sans-serif; font-weight: 700; line-height: 1.1; padding-left:.15em; margin-bottom: .5em}
#home-howitworks-make #steps .step .step-desc {color: #000000; font-size: 1rem; font-weight: 400; line-height: 1.2; padding-left:.15em}

@media screen and (max-width:576px) {
  #home-howitworks-make h2 {font-size:2rem;}
  #home-howitworks-make #steps .step {width: 350px; margin-left: auto; margin-right: auto;}
  #home-howitworks-make #steps .step .step-num {font-size: 1.5rem}
  #home-howitworks-make #steps .step .step-header {font-size: 1.5rem; padding-left:.5em}
  #home-howitworks-make #steps .step .step-desc {font-size: 1rem; padding-left:1em}
}
@media screen and (max-width:450px) {
  #home-howitworks-make #steps .step .img img {height: 100px; width: auto;}
  #home-howitworks-make #steps .step .step-num {font-size: 1.25rem;}
  #home-howitworks-make #steps .step .step-header {font-size: 1.25rem; padding-left:.5em}
  #home-howitworks-make #steps .step .step-desc {font-size: 1rem; padding-left:1em}
}

/* ========================================
HOME > MAKE > OPTIONS
===========================================*/

#home-make-options {padding:3em 1em; background: linear-gradient(180deg, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 100%);}

#home-make-options h2 {text-align: center; font-family:'proxima_nova_altbold','Open Sans','Montserrat',sans-serif; font-weight: 700; line-height:1.2; font-size:3rem; margin-bottom:1em; color: #0696BF;}
#home-make-options h2.d-desktop {display: block}
#home-make-options h2.d-mobile {display: none}

#home-make-options .make-option .make-img {text-align: center; margin-bottom: .25em}
#home-make-options .make-option .make-img img {max-height: 180px; width: auto}
#home-make-options .make-option .make-model {font-size: 1.25rem; font-weight: 400}

#home-make-options .make-option .make-msrp {font-size: 1.25rem; font-family:'proxima_nova_altbold','Open Sans','Montserrat',sans-serif;}
#home-make-options .make-option .make-msrp .label {font-family: 'Proxima Nova','Montserrat','Open Sans', sans-serif; font-size: 1.5rem; font-weight: 400; margin-right: .5em}
#home-make-options .make-option .make-msrp .msrp {font-size: 2.25rem}

#home-make-options .make-option .make-invp {font-size: 1.25rem; font-family:'proxima_nova_altbold','Open Sans','Montserrat',sans-serif;}
#home-make-options .make-option .make-invp .label {color: #0696BF; margin-right: .5em}
#home-make-options .make-option .make-invp .invp {filter: blur(8px); -webkit-filter: blur(8px); font-size: 2rem; color: #0696BF}

#home-make-options .make-option .card {min-height: 640px;}
#home-make-options .make-option .option-form {margin-top:2em; margin-bottom: 2em}
#home-make-options .make-option .option-form .form-control {border:1px solid #aaaaaa; border-bottom: 0px; border-radius: 5px 5px 0px 0px; background: linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(248,248,248,1) 100%); font-family:'proxima_nova_ltsemibold','Open Sans','Montserrat', sans-serif; text-align: center; font-weight: 700}
#home-make-options .make-option .option-form .btn {background: #FF5929; color:#ffffff; border-radius: 0px 0px 5px 5px; border: 1px}

#home-make-options .make-option .option-details p {font-size:.7rem}
#home-make-options .make-option .option-details p.fs-7 {font-size:.7rem}
#home-make-options .make-option .option-details p.fs-8 {font-size:.55rem}

@media screen and (max-width:576px) {
  #home-make-options h2.d-desktop {display: none}
  #home-make-options h2.d-mobile {display: block}
  #home-make-options h2 {font-size:2rem}
  #home-make-options .make-option {margin-bottom: 1em}
  #home-make-options .make-option .option-form .form-control {padding: 1em .75em;}
  #home-make-options .make-option .option-form .btn {padding: 1em .5em;}
  #home-make-options .make-option .option-form .btn i {display: none}
}