/***** BEGIN RESET *****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
}

ol, ul {
	list-style: none;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address {  
    display: block;  
} 

/*-------- COLORS --------

*/

/***** END RESET *****/
::-moz-selection {
    background: #000; 
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}


/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

/*-------- BODY STYLES --------*/
a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none; cursor: pointer !important;}
button:hover {cursor: pointer !important;}

hr{border:#000 1px solid;}
html {font-family: "poppins", sans-serif;}

/*--- HEADER STYLES ---------------------*/
header {background: #0A1F44;}
.header-wrap {width: 95%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; padding: 12px 0;}
.header-wrap > a > img {padding-top: 10px;}
.header-wrap > a > button {width: 175px; background: #4C8A8A; border-radius: 3px; padding: 12px 0 10px 0; color: #fff; font-family: "poppins", sans-serif; font-size: 15px; line-height: 25px; border: 1px #4C8A8A solid; font-weight: 500;}
.header-wrap > a > button:hover {background: none; border: 1px #fff solid; transition: .8s;}

/*---BODY--------------------------------*/
/*---DEFAULT---*/
.hero-container {display: flex; background: #2F3E55;}
.hero-wrap {width: 55%; margin: 0 auto;}
.hero-content {padding: 200px 0 100px 50px; width: 620px;}
.hero-content h1 {font-family: "poppins", sans-serif; font-size: 35px; line-height: 45px; color: #fff; font-weight: 500;}
.hero-content hr {width: 55px; border-radius: 50px; border: 3px #4C8A8A solid; margin: 15px 0 25px 0;}
.hero-content p {font-family: "poppins", sans-serif; font-size: 16px; line-height: 28px; color: #fff;}
.hero-content button {width: 220px; background: #4C8A8A; border-radius: 3px; padding: 12px 0 10px 0; color: #fff; font-family: "poppins", sans-serif; font-size: 15px; line-height: 25px; border: 1px #4C8A8A solid; font-weight: 500; margin-top: 30px;}
.hero-content button:hover {background: none; border: 1px #fff solid; transition: .8s;}
.hero-img {background: url("/siteart/hero.jpg") no-repeat; background-position: center; background-size: cover; width: 45%; clip-path: polygon(8% 0%, 100% 0%, 100% 100%, 0% 100%);}
.hero-overlay {background: rgba(47,62,85,0.40); height: 100%;}

.apply-now {
    position: fixed;
    right: 20px;      /* distance from right edge */
    bottom: 40px;     /* distance from bottom */
    z-index: 9999;    /* stays above other elements */
	background: rgba(76,138,138,0.80);
	border-radius: 50px;
	padding: 8px;
	box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}
.apply-now:hover {background: rgba(47,62,85,0.80); transition: .8s;}

.apply-now button {
    background: #4C8A8A;      /* your brand color */
    color: #fff;
    padding: 12px 0 10px 0;
    border: none;
    border-radius: 50px;
    font-size: 15px;
	line-height: 25px;
	font-family: "poppins", sans-serif;
	font-weight: 500;
    cursor: pointer;
	width: 175px;
}
.apply-now:hover button {background: #2F3E55; transition: .8s;}

.financing-wrap {width: 90%; margin: 0 auto; padding: 100px 0;}
.financing-wrap h2 {font-family: "poppins", sans-serif; font-size: 30px; line-height: 40px; color: #3A3A3C; text-align: center; font-weight: 600;}
.financing-flex {display: flex; gap: 10px; justify-content: center; margin-top: 90px;}
.financing-flex > div {width: 100%; background: #F2F2F2; border-radius: 3px; text-align: center; padding: 0px 30px 30px 30px;}
.financing-flex > div > div {display: flex; justify-content: center; margin-top: -40px; margin-bottom: 25px;}
.financing-icon {background: rgba(76,138,138,0.80); border-radius: 50px; padding: 8px; width: 76px; height: 76px; display: flex; justify-content: center; align-items: center;}
.financing-icon i {background: #4C8A8A; border-radius: 50px; color: #fff; font-size: 30px; line-height: 30px; width: 75px; height: 75px; display: flex; justify-content: center; align-items: center;}
.financing-flex h3 {font-family: "poppins", sans-serif; font-size: 20px; line-height: 30px; color: #3A3A3C; font-weight: 600; margin-bottom: 10px;}
.financing-flex p {font-family: "poppins", sans-serif; font-size: 15px; line-height: 25px; color: #3A3A3C;}
.financing-wrap > a button {width: 220px; background: #4C8A8A; border-radius: 3px; padding: 13px 0 11px 0; color: #fff; font-family: "poppins", sans-serif; font-size: 15px; line-height: 25px; font-weight: 500; margin: 0 auto; margin-top: 50px; border: none; display: flex; justify-content: center;}
.financing-wrap > a button:hover {background: #2F3E55; transition: .8s;}

.sell-buy {background: #F7F7F7;}
.sell-buy-wrap {width: 90%; margin: 0 auto; padding: 100px 0; display: flex; justify-content: space-between; gap: 100px; align-items: center;}
.sell-buy-wrap > div {width: 50%;}
.sell-buy h2 {font-family: "poppins", sans-serif; font-size: 30px; line-height: 40px; color: #3A3A3C; font-weight: 600; width: 300px; margin-bottom: 15px;}
.sell-buy h2 span {font-weight: 400;}
.sell-buy p {font-family: "poppins", sans-serif; font-size: 16px; line-height: 28px; color: #3A3A3A;}
.sell-buy-wrap > div > div {margin: 15px 0 20px 0;}
.sell-buy ul {margin-top: 5px;}
.sell-buy li {font-family: "poppins", sans-serif; font-size: 16px; line-height: 28px; color: #3A3A3A;}
.sell-buy li i {color: #4C8A8A;}
.sell-buy button {width: 270px; background: #4C8A8A; border-radius: 3px; padding: 13px 0 11px 0; color: #fff; font-family: "poppins", sans-serif; font-size: 15px; line-height: 25px; font-weight: 500; margin-top: 10px; border: none;}
.sell-buy button:hover {background: #2F3E55; transition: .8s;}
.sell-buy img {width: 100%; border-radius: 5px;}

.contact-wrap {width: 90%; margin: 0 auto; padding: 100px 0; display: flex; justify-content: space-between; gap: 100px; align-items: center;}
.contact-wrap > div {width: 50%;}
.contact-wrap h2 {font-family: "poppins", sans-serif; font-size: 30px; line-height: 40px; color: #3A3A3C; font-weight: 600; width: 350px; margin-bottom: 15px;}
.contact-wrap h2 span {font-weight: 400;}
.contact-wrap p {font-family: "poppins", sans-serif; font-size: 16px; line-height: 28px; color: #3A3A3A}
.contact-wrap > div > div {margin-top: 150px;}
.contact-wrap .hours-flex {display: flex; gap: 30px;}
.contact-flex {display: flex; gap: 15px;}
.contact-flex i {background: #4C8A8A; width: 37px; height: 37px; border-radius: 50px; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 15px; line-height: 15px;}
.contact-wrap > div > div > div:first-child {align-items: center; margin-bottom: 15px;}
.contact-wrap > div > div > div:last-child {align-items: flex-start;}
.contact-wrap li, .contact-flex a {font-family: "poppins", sans-serif; font-size: 16px; line-height: 28px; color: #3A3A3A;}
.contact-form {background: #F7F7F7; border-radius: 5px; padding: 80px 50px;}
.contact-form p {font-family: "poppins", sans-serif; font-size: 16px; line-height: 28px; color: #3A3A3A;}
.contact-form form {margin-top: 20px;}
.contact-form .form-flex > div {display: flex; gap: 10px; margin-bottom: 10px;}
.contact-form input {width: 100%; background: #fff; border: none; border-radius: 3px; font-family: "poppins", sans-serif; font-size: 14px; line-height: 24px; color: #3A3A3A; padding: 13px 0 11px 15px;}
.contact-form input::placeholder, .contact-form textarea::placeholder {color: #3A3A3A;}
.contact-form .form-textarea {display: flex;}
.contact-form textarea {width: 100%; background: #fff; border: none; border-radius: 3px; font-family: "poppins", sans-serif; font-size: 14px; line-height: 24px; color: #3A3A3A; padding: 13px 0 0 15px; height: 150px;}
.contact-form .submitselect {width: 160px; background: #4C8A8A; border-radius: 3px; padding: 13px 0 11px 0; color: #fff; font-family: "poppins", sans-serif; font-size: 15px; line-height: 25px; font-weight: 500; margin-top: 40px; border: none; display: flex; justify-content: center;}
.contact-form .submit {width: 160px; background: #4C8A8A; border-radius: 3px; padding: 13px 0 11px 0; color: #fff; font-family: "poppins", sans-serif; font-size: 15px; line-height: 25px; font-weight: 500; margin: 0 auto; border: none;}
.contact-form .submitselect:hover, .contact-form .submit:hover {background: #2F3E55; transition: .8s; cursor: pointer !important;}
.contact-form .CaptchaAnswerPanel input {width: auto !important;}
.contact-form .CaptchaWhatsThisPanel a {color: #3A3A3A !important; text-decoration: underline;}

.simple-financing {background: url("/siteart/mountain-valley.jpg") no-repeat; background-position: center; background-size: cover;}
.simple-overlay {background: rgba(47,62,85,0.92);}
.simple-wrap {width: 90%; margin: 0 auto; padding: 100px 0;}
.simple-wrap h2 {font-family: "poppins", sans-serif; font-size: 30px; line-height: 40px; color: #fff; text-align: center; font-weight: 600;}
.simple-wrap .financing-flex > div {background: #fff;}
.simple-wrap > a button {width: 220px; background: #4C8A8A; border-radius: 3px; padding: 12px 0 10px 0; color: #fff; font-family: "poppins", sans-serif; font-size: 15px; line-height: 25px; font-weight: 500; margin: 0 auto; margin-top: 50px; border: 1px #4C8A8A solid; display: flex; justify-content: center;}
.simple-wrap > a button:hover {background: none; border: 1px #fff solid; transition: .8s;}
.simple-wrap .financing-icon p {background: #4C8A8A; border-radius: 50px; color: #fff; font-size: 30px; line-height: 30px; width: 75px; height: 75px; display: flex; justify-content: center; align-items: center; font-weight: bold;}

/*---TECH SUPPORT---*/
.breadcrumbs {background: #2F3E55;}
.breadcrumbs-wrap {width: 95%; margin: 0 auto; padding: 12px 0 10px 0; display: flex; gap: 10px; flex-wrap: wrap;}
.breadcrumbs-wrap a, .breadcrumbs-wrap p {font-family: "poppins", sans-serif; font-size: 15px; line-height: 25px; color: #fff;}

.tech-wrap {width: 90%; margin: 0 auto; padding: 100px 0;}
.tech-wrap h1 {font-family: "poppins", sans-serif; font-size: 35px; line-height: 45px; color: #3A3A3C; font-weight: 600; margin-bottom: 20px;}
.tech-wrap h1 span {color: #4C8A8A;}
.tech-wrap h2 {font-family: "poppins", sans-serif; font-size: 20px; line-height: 30px; color: #3A3A3C; font-weight: 600; margin-bottom: 8px;}
.tech-wrap p, .tech-wrap li {font-family: "poppins", sans-serif; font-size: 16px; line-height: 28px; color: #3A3A3A;}
.tech-wrap ul {margin: 8px 0 10px 0;}
.tech-wrap li i {color: #4C8A8A;}
.tech-wrap > div {margin: 30px 0;}
.tech-wrap button {width: 220px; background: #4C8A8A; border-radius: 3px; padding: 13px 0 11px 0; color: #fff; font-family: "poppins", sans-serif; font-size: 15px; line-height: 25px; font-weight: 500; margin-top: 25px; border: none;}
.tech-wrap button:hover {background: #2F3E55; transition: .8s;}

/*---ABOUT US---*/
.about-us p {margin-bottom: 10px;}

/*---MAP + HOURS---*/
.map-flex {display: flex; justify-content: space-between; gap: 100px;}
.map-flex > div {width: 100%;}
.map-flex > div > ul {margin: 15px 0 30px 0;}
.map-flex li a {display: flex; gap: 15px; align-items: center;}
.map-flex li a {font-family: "poppins", sans-serif; font-size: 16px; line-height: 28px; color: #3A3A3A;}
.map-flex li i {background: #4C8A8A; width: 37px; height: 37px; border-radius: 50px; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 15px; line-height: 15px;}
.map-flex > div > ul > li:first-child {margin-bottom: 10px;}
.map-flex iframe {border-radius: 5px;}
.store-hours {display: flex; gap: 100px;}
.closed {background: #F7F7F7; border-radius: 5px; width: 100%; margin-top: 25px;}
.closed-wrap {width: 90%; margin: 0 auto; padding: 15px 0; text-align: center;}
.btns-flex {display: flex; gap: 10px; margin-top: 25px;}

/*---CONTACT US---*/
.map-flex form {margin-top: 20px;}
.map-flex .form-flex > div {display: flex; gap: 10px; margin-bottom: 10px;}
.map-flex input {width: 100%; background: #f7f7f7; border: none; border-radius: 3px; font-family: "poppins", sans-serif; font-size: 14px; line-height: 24px; color: #3A3A3A; padding: 13px 0 11px 15px;}
.map-flex input::placeholder, .map-flex textarea::placeholder {color: #3A3A3A;}
.map-flex .form-textarea {display: flex;}
.map-flex textarea {width: 100%; background: #f7f7f7; border: none; border-radius: 3px; font-family: "poppins", sans-serif; font-size: 14px; line-height: 24px; color: #3A3A3A; padding: 13px 0 0 15px; height: 150px;}
.map-flex .submitselect {width: 160px; background: #4C8A8A; border-radius: 3px; padding: 13px 0 11px 0; color: #fff; font-family: "poppins", sans-serif; font-size: 15px; line-height: 25px; font-weight: 500; margin-top: 40px; border: none; display: flex; justify-content: center;}
.map-flex .submit {width: 160px; background: #4C8A8A; border-radius: 3px; padding: 13px 0 11px 0; color: #fff; font-family: "poppins", sans-serif; font-size: 15px; line-height: 25px; font-weight: 500; margin: 0 auto; border: none;}
.map-flex .submitselect:hover, .map-flex .submit:hover {background: #2F3E55; transition: .8s; cursor: pointer !important;}
.map-flex .CaptchaAnswerPanel input {width: auto !important;}
.map-flex .CaptchaWhatsThisPanel a {color: #3A3A3A !important; text-decoration: underline;}
.contact-page > div:first-child {width: 60%;}
.contact-page > div:last-child {width: 40%;}

/*---RV FINANCING---*/
.rv-flex {display: flex; gap: 100px;}
.rv-flex img {border-radius: 5px;}
.finance-with-us {text-align: center; margin-top: 100px !important; margin-bottom: 100px !important;}
.finance-with-us h2 {font-family: "poppins", sans-serif; font-size: 25px; line-height: 35px; color: #3A3A3C; font-weight: 600; margin-bottom: 8px; width: 350px; margin: 0 auto;}
.finance-with-us h2 span {font-weight: lighter;}
.finance-with-us .financing-icon p {background: #4C8A8A; border-radius: 50px; color: #fff; font-size: 30px; line-height: 30px; width: 75px; height: 75px; display: flex; justify-content: center; align-items: center; font-weight: bold; margin-bottom: 0px;}

.map-flex form h2 {margin: 40px 0 15px 0;}
.map-flex form h2 span {font-weight: lighter; font-size: 16px; line-height: 28px;}
.map-flex form h3 {font-size: 18px; color: #4C8A8A; line-height: 28px; margin: 25px 0 10px 0;}

/*--------FORM STYLES--------------------*/




/*-------- FOOTER STYLES ----------------*/
.footer-top {background: #0A1F44; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; position: relative;}
.footer-top-wrap {width: 90%; margin: 0 auto; padding: 100px 0; display: flex; justify-content: space-between; gap: 100px;}
.footer-top-wrap > div {width: 100%;}
.footer-top p {font-family: "poppins", sans-serif; font-size: 20px; line-height: 30px; color: #fff; font-weight: 500; margin-bottom: 10px;}
.footer-top a, .footer-top li, .footer-top p span, .footer-bottom a {font-family: "poppins", sans-serif; font-size: 15px; line-height: 25px; color: #fff;}
.quick-links {margin-top: 50px;}
.links-flex, .footer-hours-flex {display: flex; gap: 50px;}
.footer-top button {width: 270px; background: #4C8A8A; border-radius: 3px; padding: 12px 0 10px 0; color: #fff; font-family: "poppins", sans-serif; font-size: 15px; line-height: 25px; font-weight: 500; margin-top: 20px; border: 1px #4C8A8A solid;}
.footer-top button:hover {background: none; border: 1px #fff solid; transition: .8s;}
.footer-bottom {background: #2F3E55;}
.footer-bottom-wrap {width: 90%; margin: 0 auto; padding: 25px 0; display: flex; justify-content: center; gap: 50px;}





/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/







/*---------- RESPONSIVE STYLES ----------*/
@media only screen and (max-width: 1400px) {
	.hero-content {width: 80%;}
}
@media only screen and (max-width: 1280px) {
	.footer-top-wrap {flex-wrap: wrap; gap: 50px;}
	.footer-top-wrap > div:first-child, .footer-top-wrap > div:nth-child(2) {width: 47%;}
	.footer-top-wrap > div:last-child {width: 100%;}
}
@media only screen and (max-width: 1250px) {
	.rv-flex > div, .rv-flex img {width: 100%;}
}
@media only screen and (max-width: 1100px) {
	.header-wrap > a:last-child {display: none;}
	.contact-page {flex-wrap: wrap;}
	.contact-page > div {width: 100% !important;}
}
@media only screen and (max-width: 1050px) {
	.hero-content {padding: 150px 0 80px 50px;}
	.financing-flex {flex-wrap: wrap;}
	.financing-flex > div {width: 42%; padding: 0px 30px 50px 30px;}
	.contact-wrap {flex-wrap: wrap;}
	.contact-wrap > div {width: 100%;}
	.map-flex {flex-wrap: wrap;}
	.contact-wrap > div > div {margin-top: 50px;}
	.map-flex .form-flex > div {flex-wrap: wrap;}
}
@media only screen and (max-width: 1000px) {
	.rv-flex {flex-wrap: wrap;}
}
@media only screen and (max-width: 950px) {
	.financing-flex > div {width: 41%;}
	.sell-buy-wrap {flex-wrap: wrap;}
	.sell-buy-wrap > div {width: 100%;}
	.footer-top-wrap > div:first-child, .footer-top-wrap > div:nth-child(2) {width: 46%;}
}
@media only screen and (max-width: 850px) {
	.financing-flex > div {width: 40%;}
}
@media only screen and (max-width: 800px) {
	.hero-container {flex-wrap: wrap;}
	.hero-wrap {width: 100%;}
	.hero-content {width: 90%; margin: 0 auto; padding: 150px 0 80px 0;}
	.hero-img {width: 100%; height: 350px; clip-path: polygon(0% 0%, 100% 8%, 100% 100%, 0% 100%);}
	.footer-top-wrap > div:first-child, .footer-top-wrap > div:nth-child(2) {width: 100%;}
}
@media only screen and (max-width: 750px) {
	.financing-flex > div {width: 39%;}
}
@media only screen and (max-width: 700px) {
	.financing-flex > div {width: 38%;}
}
@media only screen and (max-width: 650px) {
	.financing-flex > div {width: 37%;}
}
@media only screen and (max-width: 600px) {
	.financing-flex > div {width: 100%;}
	.footer-bottom-wrap {flex-wrap: wrap;}
	.footer-bottom a {width: 100%; text-align: center;}
	.footer-bottom-wrap {gap: 20px;}
	.contact-form .form-flex > div {flex-wrap: wrap;}
}
@media only screen and (max-width: 550px) {
	.btns-flex {flex-wrap: wrap; gap: 10px; margin-top: 50px;}
	.btns-flex a {width: 100%;}
	.btns-flex button {margin-top: 0px;}
}
@media only screen and (max-width: 450px) {
	.contact-form {padding: 80px 25px;}
	.contact-flex i, .map-flex li i {background: none; width: auto; height: auto; border-radius: 0px; color: #4C8A8A; font-size: 18px; line-height: 18px;}
	.finance-with-us h2 {width: 100%;}
}
@media only screen and (max-width: 400px) {
	.contact-flex i, .map-flex li i {display: none;}
	.contact-wrap .hours-flex, .footer-hours-flex, .store-hours {gap: 10px; justify-content: space-between; width: 100%;}
}
@media only screen and (max-width: 350px) {
	.sell-buy h2, .contact-wrap h2 {width: 100%;}
}