/***** 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 --------*/
:root {
--navy: #00205B !important;
--skyblue: #0068AF !important;
--blue: #003B73 !important;
--brown: rgba(110,74,47,0.6) !important;
--orange: #A3472C !important;
--yellow: #FFD400 !important;
--offwhite: #E3EBF9 !important;
--grey:#333 !important;
--black: #000000 !important;
--white: #ffffff !important;
--header: "League Spartan", sans-serif !important;
--body: "Maven Pro", sans-serif !important;
}
html{scroll-behavior: smooth;}
h1,h2,h3,h4,h5,h6{font-family: var(--header) !important;line-height: 1.25}
body {font-family: var(--body) !important;overflow-x: hidden;}
p {font-family: var(--body) !important;font-size: 16px;line-height:1.5;}
a:link, a:visited, a:active {text-decoration:none;color:#000;}
a:hover {text-decoration:none;}
strong {font-weight: 800;}
/*--- HEADER STYLES ---------------------*/

hr{border: none; height: 1px; background-color:var(--offwhite)}

/*--- HEADER STYLES ---------------------*/
header {box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* subtle shadow */position: relative; /* ensures shadow displays correctly */z-index: 10; /* keeps header above other elements */}
.top-head .wid90 {padding: 10px 0;}
.header-contact {display: flex;gap: 15px;}
.header-contact a {color:var(--white);font-size: 15px;transition:.3s all;line-height: 1.5 !important;transition:.3s all;}
.header-contact a strong {transition:.3s all;}
.header-contact a:hover strong {color:var(--yellow);}
.head-search {display: flex;align-items: center;gap: 5px;}
.head-search form {border-radius: 0 !important;width: 100%;display: flex;align-items: center;background:transparent !important;padding: 0 !important;box-sizing: border-box;border: none !important;}
.head-search input[type="text"]  {background: none !important;border: 0px !important;outline: none !important;padding: 0px !important;margin: 0 !important;font-family: var(--body) !important;width: 100% !important;color:var(--white) !important;font-size: 15px !important;line-height: 1.5 !important;padding-inline-start: 5px !important;background-color:transparent !important;height: auto !important;}

.head-search::before {content: "\f002";font-family: "Font Awesome 7 Free";font-weight: 900;color:var(--white)}
.head-search input::placeholder { color: var(--white); /* Sets the color of the placeholder text */}
.header .flex-container {gap: 20px;justify-content: space-between;align-items: center;padding: 5px 0;}
.logo {width: 175px;}
.logo img { max-width: 100%; width: 100%;}
.nav-wrap {flex: 1;}
.right-head {gap: 15px;}
a.social-icon {background: #e8e8e8;height: 30px;width: 30px;border-radius: 90px;display: flex;align-items: center;justify-content: center;color: var(--skyblue);}

.header .flex-container a strong {transition: .3s all;line-height: 3;display: block;}
.header .flex-container a strong:hover {color:var(--skyblue)}
/*---BODY--------------------------------*/
.wid90 {width:90%;margin:0 auto;}
.flex-container {display: flex;}
.grid-container {display: grid;}
.page-wid {max-width: 1400px;}
.center {text-align: center;}
.pad-xl{padding-top:60px !important;padding-bottom:60px !important;}
.pad-xl-top{padding-top:60px !important;}
.pad-l-top{padding-top:40px !important;}
.pad-l-bottom{padding-bottom:40px !important;}
.pad-xl-bottom{padding-bottom:60px !important;}
.pad-l{padding-top:40px !important;padding-bottom:40px !important;}
.relative {position: relative;}
.base-align {align-items: baseline;}
.align-center {align-items:center;}
.center-content {align-content:center;}
.just-center{justify-content: center;}
.just-between{justify-content: space-between;}
.just-end{justify-content: flex-end;}
.align-right {text-align: right;}
.align-left {text-align: left;}
.block,#block {display: block;}
#yellow-txt {color:var(--yellow)}
#blue-txt {color:var(--skyblue)}
.inline {display: inline;}
.half-pg {flex-basis: 50%;}
.quarter-pg {flex-basis: 25%;}
.full-pg {flex: 1;}
.page-img {overflow: hidden;}
.page-img img {height: 100%;width:100%;object-fit: cover;}
.page-content a {color:#111;}
.page-content a:hover {color:var(--grey);}
.black-bg {background-color:var(--black);}
.offwhite {background-color:var(--offwhite);}
.flex-pg {gap: 5%;}
.blue-bg {background-color: var(--navy);}
.skyblue {background-color: var(--skyblue);}
.grey-bg{background: linear-gradient(135deg, #F8F8F8 0%, #E8E8E8 50%, #D9D9D9 100%);}
.half-map {position: relative;}
.half-map iframe {position: absolute;top: 0;bottom: 0;left: 0;right:0;height:100%;width:100%;}
.breadcrumb-wrap {padding: 30px 0;}
nav[aria-label="breadcrumb"] ul {font-size: 15px;display: flex;list-style: none;padding: 0;margin: 0;width: 100%;}
nav[aria-label="breadcrumb"] li+li:before {content: ">";padding: 8px 10px;}
nav[aria-label="breadcrumb"] a {padding: 8px 0;border-radius: 90px;font-size: 15px;color: var(--blue);font-weight: 800;transition:.3s all;opacity: .85;text-decoration: none;box-sizing: border-box;}
nav[aria-label="breadcrumb"] a:hover {color: var(--darkblue);opacity: 1;}
nav[aria-label="breadcrumb"] li {padding: 0;line-height: 2;}
nav[aria-label="breadcrumb"] span {padding: 8px 0;font-size: 15px;font-weight: 500;text-decoration: none;box-sizing: border-box;}
/*---Slideshow---*/
.hero-txt {background: rgba(0,0,0,0.2);display: flex;position: absolute;left: 0;align-items:center;right: 0;bottom: 0;top: 0;height: 100%;width: 100%;z-index: 2;color:var(--white)}
#slide-1 {background-image:url("/siteart/slideshow/slide1.webp");background-color:#000;background-size: cover;background-position: center center;background-repeat: no-repeat}
#slide-2 {background-image:url("/siteart/slideshow/slide2.webp");background-color:#000;background-size: cover;background-position: center 65%;background-repeat: no-repeat}
#slide-3 {background-image:url("/siteart/slideshow/slide3.webp");background-color:#000;background-size: cover;background-position: center 65%;background-repeat: no-repeat}
#slide-4 {background-image:url("/siteart/slideshow/slide4.webp");background-color:#000;background-size: cover;background-position: center center;background-repeat: no-repeat}
#slide-5 {background-image:url("/siteart/slideshow/slide5.webp");background-color:#000;background-size: cover;background-position: center center;background-repeat: no-repeat}
#slide-6 {background-image:url("/siteart/slideshow/slide6.webp");background-color:#000;background-size: cover;background-position: center 65%;background-repeat: no-repeat}
.hero-txt h1 {text-shadow: 0 2px 8px rgba(0,0,0,0.35);font-size: 54px;margin-bottom: 10px;max-width: 1200px;line-height: 1}
.homeSlide {height: 55vh;min-height: 400px;}
.hero-txt span {display: block;font-weight: 400;}
.hero-txt p {text-shadow: 0 2px 8px rgba(0,0,0,0.35);line-height: 1.5;max-width: 1200px;font-weight: 500;}
.homeSlide .swiper-pagination-bullet { background: #f8f8f8 !important;}
.homeSlide .swiper-pagination {z-index: 999 !important;}
.manuSwiper .swiper-slide img {max-width: 100%;width: auto;}
.manuSwiper a.swiper-slide {height: 45px;display: inline-flex;align-items: center;justify-content: center;}
.hero-txt .yellow-btn{box-shadow: 0 2px 10px rgba(0,0,0,0.15);}
.home-container .txt-wrap {padding: 12% 0 !important;}
.home-txt .quarter-pg {position: relative !important;}
.homeSwiper {position: absolute !important;top: 0 !important;bottom: 0 !important;left: 0 !important;right: 0 !important;height: 100% !important;width: 100% !important;}
/*---ACCORDION---*/
.accordion,.subaccordion{display: block; position: relative; margin-bottom: 10px; color: #666; border-radius: 5px; transition: all .2s ease-in-out;    border-bottom: 1px solid #ddd;border-radius: 0px !important;}
.accordion:hover{}
.accordion .accordion-header,
.subaccordion .subaccordion-header{display: flex; align-items: center; font-weight: 700; border-radius: 5px; cursor: pointer;margin-bottom: 10px;justify-content: space-between}
.accordion .accordion-header:after,.subaccordion .subaccordion-header:after{font-family: "Font Awesome 5 Free"; font-size: 18px; font-weight: 900; content: "\f107"; margin-left: 20px; color: #ddd;}
.accordion .accordion-header h3,.accordion .accordion-header a,.accordion .accordion-header h2 {line-height: 3;font-size: 22px;}
.subaccordion .subaccordion-header h4 {line-height: 2;font-size: 16px;}
.accordion .accordion-header h3{color:#000;}
.accordion .accordion-content,.subaccordion .subaccordion-content {display: none;padding: 0 30px 30px;border-left: none;}
.accordion .accordion-content p,.accordion .accordion-content a {color:#000;}
.accordion .accordion-content a {margin-bottom: 10px;}
.accordion .accordion-content ul li a,.subaccordion .subaccordion-content ul li a  {line-height: 2;font-weight: 600;font-size: 15px;}
.accordion.active{}
.accordion.active:hover{}
.accordion.active .accordion-header:after,.subaccordion.active .subaccordion-header:after{transform: rotate(90deg); color: #999;}
.accordion.active h2,.subaccordion.active h4 {color: #111;}
.inner-title {display: inline-flex;align-items: baseline;width: 100%;margin-right: 10%;justify-content: space-between;}
.accordion-header::before {content: "\f3c5";font-family: "Font Awesome 7 Free";font-weight: 900;margin-right: 15px;color: var(--yellow);}
.service-accordion .accordion-header::before {content: " ";}
.accordion .accordion-header a {color:var(--skyblue);transition:.3s all;}
.accordion .accordion-header a:hover {color:var(--blue);}
/*---Service CTAS---*/
.service-grid{grid-template-columns: repeat(4, 1fr);gap: 10px;}
.service-cta h3 {font-size: 24px;}
.service-cta img {width: 100%;height: 100%;object-fit: cover}
.service-cta{overflow: hidden;border-radius: 10px;position: relative;height: 190px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);transition: box-shadow 0.3s ease, transform 0.3s ease;}
.service-cta:hover span.white-btn  {background:var(--white);color:var(--black)}
.service-cta:hover {box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);transform: translateY(-4px);}
.cta-info {position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%;inset: 0;background:linear-gradient(0deg, rgba(0,0,0,0.25), rgba(0,0,0,0.25)),linear-gradient(0deg, rgba(110,74,47,0.25), rgba(110,74,47,0.25));display: flex;justify-content: space-between;}
.cta-info .inner-wrap {   padding: 45px 35px;margin: 0 auto;color: var(--white);display: flex;flex-direction: column;justify-content: space-between;box-sizing: border-box;width: 100%;}
.cta-info span.white-btn {transition:.3s all; padding: 15px;font-size: 16px;line-height: 1;cursor: pointer;transition: .4s all;font-weight: 500;font-family: var(--header);color: var(--white);background: rgba(255, 255, 255, 0.35);font-weight: 500;border-radius: 15px;border: 1px solid #fff;display: inline-block;text-align: center;width: 100%;box-sizing: border-box;}
/*--Home Text--*/
.home-txt{}
.home-container{flex:1;align-content: center;}
.txt-wrap h2,.home-location h2 {font-size: 44px;margin-bottom: 20px;}
.txt-wrap {width: 80%;margin: 0 auto;}
.inv-cat h2 {font-size: 36px;}
.inv-cta h3 {font-size: 24px;}
.inv-cta img {width: 100%;height: 100%;object-fit: cover}
.inv-cta{overflow: hidden;border-radius: 10px;position: relative;height: 300px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);transition: box-shadow 0.3s ease, transform 0.3s ease;}
.inv-cta:hover {box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);transform: translateY(-4px);}

.inv-cta .inner-wrap {justify-content: flex-end !important;gap: 5px;padding: 30px !important;text-align: left !important;}
.inv-cat span.white-link {text-transform: uppercase;letter-spacing: 1px;font-size: 15px;line-height: 1.5;}
.inv-cat span.arrow,.fin-opt span.arrow {height: 40px;width: 40px;display:flex;align-items: center;justify-content: center;background:var(--white);display: inline-flex;border-radius: 90px;background: #fff;position:absolute;top:15px;right:15px;z-index: 2;font-size: 16px;}
.inv-cat i,.fin-opt i {transform: rotate(-45deg);color: var(--orange);}
.home-location .wid90.flex-container {gap: 5%;}
.accordion .accordion-header h3 a {color: #111 !important;transition:.3s all;}
.accordion .accordion-header h3 a:hover {color: var(--navy) !important;}
.fin-opt span.arrow {background: #e8e8e8;}

.history-list h3 {font-size: 24px;color: var(--skyblue);font-weight: 900;letter-spacing: 1px;line-height: 1;text-transform: uppercase;}
ul.history-list {position: relative;padding-top: 0;padding-inline-start: 0;display: flex;gap: 5%;}
ul.history-list::after {right: 0;content: "";display: block;position: absolute;top: 8px;left: 0;width: 100%;z-index: -1;height: 1px;background-color: #e8e8e8;}
.history-list li {margin-bottom: 30px;display: inline-flex;flex: 1;text-align: center;flex-direction: column;align-items: center;gap: 20px;}

.history-list li::before {content: "\f111";font-family: "Font Awesome 7 Free";font-weight: 900;/* margin-right: 22px; */color: var(--navy);}
.history-list p {font-weight: 500;font-style: italic;}
.contactpg {gap:5%;align-items: baseline;}
.contactpg h3 {font-size: 24px;}

/*---SUB PAGE--*/
.page-title.grey-bg { display: flex; align-items: center; padding: 45px 0;}
.page-title h1,.sub-pg h1 {font-size: 54px;line-height: 1;}
.page-title h1 span,.sub-pg h1 span{font-size: 18px;display:block;letter-spacing: 1px;text-transform: uppercase;color:var(--orange);font-weight: 400;margin-bottom: 10px;}
.sub-pg h2 {font-size: 36px;margin-bottom: 20px;}
.top-img {height: 400px;overflow: hidden;width: 100%;position:relative;}
.top-img img {height: 100%;width: 100%;object-fit: cover;object-position:  center center;}
.page-map iframe {position: absolute;top: 0;bottom: 0;left: 0;right:0;height:100%;width:100%;}
.hours-wrap {display: flex;justify-content: space-between;line-height: 1.5;padding: 10px;}
.hours-wrap span:first-of-type {font-weight: 500;}
.hours-wrap:nth-of-type(even) {background: #f3f3f3;}
.location-sub a {color:#000;}
.location-sub a[href^="tel:"] {color: var(--skyblue);transition: .3s all;font-size: 18px;font-weight: 800;}
.why-us {grid-template-columns: repeat(5, 1fr);gap: 20px;}
.radio-btns {flex-wrap: wrap;width: 100%;margin: 15px 5px !important;text-align: left;gap:15px;box-sizing: border-box;}
.checkbox {display:flex;}
/*---financing---*/
.financing-opt {margin-top: 30px;grid-template-columns: repeat(4, 1fr);gap: 15px;align-items: center;}
.brand-opt {margin-top: 30px;grid-template-columns: repeat(5, 1fr);gap: 15px;align-items: center;}
.financing-opt img {max-width: 100%;width: 100%;}
a.fin-opt {PADDING: 45PX;border: 1px solid #ddd;border-radius: 10px;height: 65px;overflow: hidden;display: block;position: relative;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);transition: box-shadow 0.3s ease, transform 0.3s ease;}

a.fin-opt:hover{box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);transform: translateY(-4px);}
.fin-opt img {height: 100%;width: 100%;object-fit: contain;}

.include-captcha {
    display: none;
}

li.why-opt p {font-size: 18px;font-weight: 500;}

li.why-opt i {display: block;text-align: center;/* width: 100%; */font-size: 36px;margin-bottom: 10px;color: #e8e8e8;background: var(--skyblue);margin: 0 auto;padding: 20px;border-radius: 90px;height: 50px;width: 50px;display: flex;align-items: center;justify-content: center;
	margin-bottom: 15px;
}
/*--------BUTTON STYLES--------------------*/
.blue-btn {padding: 10px 12px;font-size: 16px;line-height: 1;cursor: pointer;transition: .4s all;font-weight: 500;font-family: var(--header);color:var(--white) !important;background:var(--blue);font-weight: 500;border-radius: 15px;border: 1px solid var(--blue);display: inline-block;text-align: center}
.blue-btn i {transform: rotate(-45deg);color:var(--blue)}
.blue-btn span { padding: 8px; display: inline-block; border-radius: 90px; background: #fff; margin-left: 10px;font-size: 14px}
.blue-btn:hover {background:var(--navy);border-color:var(--navy)}
.blue-btn:hover i {color:var(--navy)}
.yellow-btn {padding: 15px;font-size: 16px;line-height: 1.5;cursor: pointer;transition: .4s all;font-weight: 500;font-family: var(--header);color:var(--black);background:var(--yellow);font-weight: 500;border-radius: 15px;border: 1px solid var(--yellow);display: inline-block;text-align: center}

.sky-btn {padding: 15px 20px;font-size: 16px;line-height: 1.5;cursor: pointer;transition: .4s all;font-weight: 500;font-family: var(--header);color:var(--white) !important;background:var(--skyblue);font-weight: 500;border-radius: 15px;border: 1px solid var(--skyblue);display: inline-block;text-align: center}
.sky-btn:hover {background:var(--navy);border-color:var(--navy)}


/*-------- FOOTER STYLES ----------------*/
footer{}

.flex-foot {padding: 40px 0;gap:30px;}

.foot-col img {max-width: 100%;width: 175px;}

.foot-col ul li,.foot-col ul li a{color:var(--white)}

.foot-col ul li strong {font-family:var(--header);font-size: 18px;font-weight: 500;display: block;margin-bottom: 15px;}

.foot-col ul li a {line-height: 1.75;font-size: 15px;margin-bottom: 5px;}

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







/*---------- RESPONSIVE STYLES ----------*/
#desktop-link i {color:var(--navy)}
a#mobile-link i {
    color: var(--yellow);
}
a#mobile-link{display: none;}
@media only screen and (max-width:1150px) {
	.brand-opt {grid-template-columns: repeat(4, 1fr);}
}

@media only screen and (max-width:1050px) {
	.header-contact {display: none;}
	.right-head{width: 100% !important;}
	.accordion .accordion-header h3, .accordion .accordion-header a{font-size: 18px;}
	.txt-wrap h2, .home-location h2 {font-size: 36px;}
	.inv-cat h2 {font-size: 32px;}
	.inv-cta {height: 250px;}
	.cta-info .inner-wrap {padding: 45px 20px !important;}
	.cta-info .inner-wrap{padding: 30px 20px !important;}
	.flex-foot {flex-wrap:wrap;justify-content: flex-start;gap: 50px;}
	.foot-col{flex-basis: 30%;flex: unset;}
	.contactpg {flex-wrap:wrap;gap:40px;}
	.contactpg .half-pg {flex-basis: 100%;}
	.hero-txt h1 {font-size: 48px;}
}

@media only screen and (max-width:950px) {
	.home-location .wid90.flex-container {flex-wrap:wrap;}
	.half-pg {flex-basis: 100%;}
	.half-map {height:450px;}
	.financing-opt,.brand-opt {grid-template-columns: repeat(3, 1fr);
}

@media only screen and (max-width: 880px) {
	ul.history-list {flex-wrap:wrap;padding-top: 30px;}
	.history-list li {flex-basis: 100%;text-align: left;flex-direction: row;align-items: baseline;}
	.history-list li span {width: 100%;}
	ul.history-list::after {left: 7px;z-index: -1;height: 100%;background-color: #e8e8e8;content: "";position: absolute;top: 0;bottom: 0;right: 0;width: 2px;}
}
	
@media only screen and (max-width: 767px) {
	.service-grid {grid-template-columns: repeat(2, 1fr);}
	.home-txt .page-img {display: none;}
	.txt-wrap {width: 90%;margin: 0 auto;}
	.hero-txt h1 {font-size: 44px;}
	.hero-txt{height:auto !important;}
}
	
@media only screen and (max-width: 650px) {
	.top-img {height: 250px;}
	.financing-opt,.brand-opt {grid-template-columns: repeat(2, 1fr);}
	.sub-pg h2 {font-size: 28px;}
	#desktop-link {display: none !important;}
	    a#mobile-link {
            display: block;
            text-align: center;
            padding: 20px;
            box-sizing: border-box;
            background: var(--navy);
            color: #fff;
            text-transform: uppercase;
        }
}
	
@media only screen and (max-width: 550px) {
	a.blue-btn.contact-us {display:none;}
	.page-title h1, .sub-pg h1 {font-size: 44px !important;}
	.homeSlide {min-height: 650px;}
}
	
@media only screen and (max-width: 450px) {
	.service-grid,.financing-opt,.brand-opt {grid-template-columns: repeat(1, 1fr);}
	.accordion .accordion-header h3, .accordion .accordion-header a {line-height: 1.5;}
	.inner-title {width: 100%;flex-wrap:wrap;gap: 5px;}
	.accordion .accordion-header h3, .accordion .accordion-header a {flex-basis: 100%;}
	.accordion .accordion-header{align-items: baseline;}
	.homeSlide {min-height: 700px;}
}