/***** 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 {
  --heading:oswald, sans-serif;
  --body: source-sans-3, sans-serif;
  --font-sub: dm-mono, sans-serif;
  --primary: #1C2E6B;
  --secondary: #9B2B25;
  --lightblue: #6A7282;
  --lightgrey: #AEAEAE;
  --grey: #4A5565;
  --offwhite: #F2F4F8;
  --blue-bg: #99A1AF;
  --navy: #141F4A;
  --black: #000000;
  --white: #ffffff;
}
body{font-family:var(--body) !important;}
p {font-family:var(--body);font-size: 16px;line-height: 2;}
h1,h2,h3,h4,h5,h6 {font-family:var(--heading);}
em{font-family:var(--italic)}
a:active,a:link,a:visited{text-decoration:none}
a:hover{text-decoration:none}
hr{border:#000 1px solid}

/*--- HEADER STYLES ---------------------*/
header{box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;}
.main-header {border-top: 4px solid var(--secondary);}
.grid-container.wid90.flex-head {align-items: center;grid-template-columns: auto 1fr auto;gap: 2em;}
.logo {width: 250px;justify-self: start;max-width: 100%;}
.logo a {display: flex;width:100%;}
/*.logo img{max-width:100%;width:100%}*/
.nav {justify-self: end;}
.cta {justify-self: end;}
.top-col.left-side {display: inline-flex;gap: 20px;line-height: 2;}
.top-col.left-side a, .top-col.left-side p {color: var(--lightgrey);padding: 5px 10px;}
.top-col.phone-head a {font-family: var(--font-sub);color: #fff;transition:.3s all;opacity: .5;font-size: 16px;line-height: 2;padding: 5px 10px;display: inline-block;}
.top-col.phone-head a:hover {opacity: 1;}
/*----HERO----*/
section.hero{background-image:linear-gradient(135deg,rgba(5,9,19,.69) 0,rgba(11,18,48,.66) 25%,rgba(20,31,74,.6) 50%,rgba(16,25,61,.56) 75%,rgba(7,11,24,.52) 100%),url(/siteart/hero.webp);background-size:cover;background-position:center center;background-repeat:no-repeat;height:70vh;min-height: 600px;position:relative;display:flex;align-items:center;justify-content:center;border-bottom:4px solid var(--secondary);background-color:var(--primary)}
.overlay{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;opacity:.4;background:linear-gradient(0deg,rgba(255,255,255,.5) 0,rgba(255,255,255,.5) 100%),url("/siteart/flag-overlay.webp") #d3d3d3 50%/cover no-repeat;mix-blend-mode:overlay}
.hero-txt{max-width:950px;margin:0;color:#fff}
.hero h2{font-family:var(--font-sub);font-size:15px;color:#fff;opacity:.75;text-transform:uppercase;letter-spacing:1px;font-weight:500;vertical-align:middle;line-height:2;display:inline-block}
.hero h2::before{content:"";display:inline-block;width:50px;height:1px;background-color:#fff;margin-bottom:0;vertical-align:middle;margin-right:10px;opacity:.75;line-height:2}
.hero-wrap{z-index:2}
.hero-txt h1{text-transform:uppercase;font-size:72px;line-height:1;margin-bottom:25px}
.hero-txt p{opacity:.8;margin-bottom:25px}
.search-col{flex:1;background:#fff;padding:0;box-sizing:border-box}
.search-wrap{display:flex}
.search-col.middle-col{border-right:1px solid #ddd;border-left:1px solid #ddd}
label.search-label{display: block;font-family: var(--body);color: #4A4A4A;text-transform: uppercase;font-size: 12px;font-weight: 500;letter-spacing: 2px;padding: 10px 10px 5px 10px;}
.search-col input,.search-col select{width:100%!important;padding:10px;display:inline-block;box-sizing:border-box}
.search-btn button{background:var(--secondary);border:1px solid var(--secondary);color:#fff;font-family:var(--heading);text-transform:uppercase;font-size:16px;padding:10px 20px;height:100%;box-sizing:border-box;cursor:pointer;min-width:150px;transition:.3s all;font-size: 16px;letter-spacing: 1px;}
.search-btn button:hover {background:var(--primary);border-color:var(--primary)}
.search-col input,.search-col select{width:100%;padding:10px;display:inline-block;box-sizing:border-box;color:#000;font-family:var(--body);font-size:16px;line-height:1.5;background:0 0;border:none;border-radius:0;box-shadow:none;appearance:none;-webkit-appearance:none;-moz-appearance:none}
.search-col input:active,.search-col input:focus,.search-col select:active,.search-col select:focus{outline:0;border:none;box-shadow:none}
.search-bar ul{display:flex;gap:0;line-height:3;color:#fff;gap:5px;margin-top:15px;}
.search-bar ul li a{color:#fff;opacity:.65;line-height:2;padding-top:10px;display:inline-block;transition:.3s all;padding:5px 10px}
.search-bar ul li a:hover{opacity:.85}
#all-inv{opacity:1!important}
.grid-container.grid-brands{grid-template-columns:repeat(3,1fr);gap:30px;padding: 30px 0;}
.brand-logo img{width:100%;height:100%;object-fit: contain;object-position: left;}
.brand-logo {height: 50px;}
a.brand-box{padding:30px;background-color:#fff;border-top:2px solid var(--secondary);box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1)}
a.brand-box h3{text-transform:uppercase;font-size:22px;line-height:1;color:var(--primary)!important;margin-bottom:25px}

.grid-container.grid-history{grid-template-columns:repeat(4,1fr);gap:30px;padding: 30px 0;}
.history-box{padding:30px;background-color:#fff;border-top:2px solid var(--secondary);box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1)}
.history-box h3{text-transform:uppercase;font-size:22px;line-height:1;color:var(--primary)!important;margin-bottom:25px}

.why-choose-us h2 span::before {background: #fff !important;opacity: .5;}
a.brand-box p {color: var(--lightblue);font-weight: 400 !important;}
.why-choose-us h2 span {opacity:.75 !important;}
section.why-choose-us h2,.why-choose-us h2 span {color:var(--white) !important}
.grid-attributes { grid-template-columns: repeat(4, 1fr);gap: 60px;color:var(--white);padding: 30px 0;}
.box h3 span {font-family: var(--font-sub);font-size: 32px;color: var(--secondary);text-transform: uppercase;letter-spacing: 1px;font-weight: 800;vertical-align: middle;line-height: 2;width: 100%;display: inline-block;}
.box h3 {text-transform: uppercase;font-size: 22px;line-height: 1;color: #fff;margin-bottom: 25px;font-weight: 500;letter-spacing: 1px;}
.box p {opacity: .75; color: #fff !important;}
.contact-form h2 span,a.brand-box h3 span{    font-family: var(--font-sub);font-size: 15px;color: var(--secondary);text-transform: uppercase;letter-spacing: 1px;font-weight: 500;vertical-align: middle;line-height: 1;width: 100%;display: inline-block;padding: 15px 0;}
.contact-form h2 {text-transform:uppercase;font-size:42px;line-height:1;margin-bottom:25px}
.contact-form p {color:var(--grey)}
.contact-form a,.contact-form span {color:#4A5565;}
.contact-form ul li {max-width: 800px;text-align: left !important;display: flex;align-items: flex-start;justify-content: space-between;margin-bottom: 30px;}
.contact-form ul li span {flex: 1;}
.contact-form h3 {font-family: var(--font-sub);font-size: 16px;color: var(--secondary);text-transform: uppercase;letter-spacing: 1px;font-weight: 500;vertical-align: middle;line-height: 1;width: 100%;display: inline-block;}
#about h2 {text-transform:uppercase;font-size:42px;line-height:1;margin-bottom:25px}
/*---BODY--------------------------------*/
.wid90{width:90%;margin:0 auto}
.flex-container{display:flex}
.grid-container{display:grid}
.page-wid{max-width:1280px}
.center{text-align:center}
.pad-xl{padding-top:65px!important;padding-bottom:65px!important}
.pad-xl-top{padding-top:65px!important}
.pad-l-top{padding-top:40px!important}
.pad-l-bottom{padding-bottom:40px!important}
.pad-xl-bottom{padding-bottom:65px!important}
.pad-l{padding-top:40px!important;padding-bottom:40px!important}
.relative{position:relative}
.base-align{align-items:baseline}
.align-center{align-items:center}
.align-top{align-items:flex-start!important}
.content-center{align-content:center!important}
.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}
.offwhite {background-color:var(--offwhite)}
.blue-bg {background-color:var(--primary)}
.dark-bg {background-color:var(--navy)}
.inline{display:inline}
.half-pg{flex-basis:50%}
.third-pg{flex-basis:33%}
.full-pg{flex:1}
.quarter-pg{flex-basis:25%}
.full-pg{flex:1}
.page-img{overflow:hidden;display:inline-flex!important}
.page-img img{height:100%;width:100%;object-fit:cover}
.page-content a{color:var(--secondary);transition:.3s all;font-weight:800}
.page-content a:hover{color:var(--primary)}
.flex-pg{gap:5%}
.half-map{position:relative}
.half-map iframe{position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%}
.page-content h2,.page-content h1{text-transform:uppercase;font-size:52px;line-height:1;margin-bottom:25px}
.page-content h2 span,.page-content h1 span{font-family:var(--font-sub);font-size:15px;color:#fff;color:var(--secondary);text-transform:uppercase;letter-spacing:1px;font-weight:500;vertical-align:middle;line-height:3;width:100%;display:inline-block}
.page-content h2 span::before,.contact-form h2 span:before,.page-content h1 span:before {content:"";display:inline-block;width:50px;height:1px;background-color:var(--secondary);margin-bottom:0;vertical-align:middle;margin-right:10px;opacity:.75;line-height:2}
.page-content p{color:var(--lightblue)}

.title {    font-family: var(--font-sub);
    font-size: 18px;
}
/*---BREADCRUMBS---*/
.breadcrumb-wrap {padding: 30px 0;}
nav[aria-label="breadcrumb"] {padding: 15px 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(--black);font-weight: 800;transition:.3s all;opacity: .65;text-decoration: none;box-sizing: border-box;}
nav[aria-label="breadcrumb"] a:hover {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;}
/*--------BUTTONS STYLES--------------------*/
.outline-btn{background-color:transparent;border:2px solid var(--primary);color:var(--primary);font-family:var(--heading);line-height:2;display:inline-block;padding:10px 20px;text-transform:uppercase;font-weight:500!important;box-sizing:border-box;width:100%;transition:.4s all;font-size:16px;letter-spacing:1px}
.outline-btn:hover{background-color:var(--primary);color:var(--white)}
.primary-btn{background-color:var(--primary);border:1px solid var(--primary);color:var(--white);font-family:var(--heading);line-height:2;display:inline-block;padding:10px 20px;text-transform:uppercase;font-weight:500!important;box-sizing:border-box;transition:.4s all;color:var(--white)!important;font-size:16px;cursor:pointer;letter-spacing:1px}
.primary-btn:hover{background-color:var(--navy);border-color:var(--navy)}
/*-------- FOOTER STYLES ----------------*/
.flex-footer{gap:45px;padding:45px 0;color:rgba(255,255,255,.5)}
.foot-col{flex:1}
p.sub-title{font-family:var(--sub);font-family:var(--font-sub);font-size:18px;font-weight:200}
p.logo-title{font-family:var(--heading);text-transform:uppercase;font-size:18px;color:#fff;font-weight:900}
p.sub-txt{padding:20px 0}
.social-icon{background-color:var(--secondary);width:45px;height:45px;border-radius:90px;color:#fff;font-size:16px;display:inline-flex;align-items:center;justify-content:center}
ul.foot-nav li a{color:#fff;opacity:.5;line-height:2;transition:.3s all}
ul.foot-nav li a:hover{opacity:1}
.foot-nav strong{font-family:var(--font-sub);text-transform:uppercase;letter-spacing:1px;font-weight:400;margin-bottom:15px;display:inline-block}
span.foot-hours{font-family:var(--font-sub);color:#fff!important;margin-top:15px;display:block}
.bottom-footer{border-top:1px solid #2c2f3a}
.bottom-footer p{font-family:var(--font-sub);color:#fff;opacity:.5;line-height:4;font-size:15px}
/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
#inv *:not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons){font-family: var(--body) !important;} /* Reset font, ignore icons */

.listing-top-right a, .lower-detail-data-left button, .send-email-btn, .media-buttons a, .media-buttons button, .faceted-search, .listing-dealer-info a, .view-listing-details-link, .main-detail-data .contact-options a, .fin-calc-btn-mobile, .selected-facet, .page-nav, .apply-button, .back-button, .calculator-btn, .mobile-done-button {
    -moz-border-radius: 5px !important;
    -o-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    border-radius: 5px !important;
}


.faceted-search-content .faceted-section-box .faceted-option-checkbox-container label input {margin: 2px 3px 3px 4px;}
.faceted-text-input-searchType .search-type input[type=checkbox], .faceted-text-input-searchType .search-type  input[type=radio] {margin: 0px 3px 0px 6px;}


.bread-crumbs-heading .return-links .return-links-link span, #no-compare-listings, .bread-crumbs-heading .return-links .return-links-link i {color:var(--navy) !important;}


.hosted-content .attachment-search .search-checkboxes label .row {margin-left:0 !important;margin-right:0 !important;margin-bottom:0px !important;}

.view-listing-details-link, .selected-facet, .view-listing-details-link, .buy-now-link, .check-availability-link, .email-seller-link, .offer-btn, .buy-btn, .dealer-phone-mobile, .offer-btn-mobile, .send-email-btn-mobile, .send-wholesale-email-btn-mobile, .fin-calc-btn-mobile, .mobile-breadcrumb, .main-detail-data .contact-options a, button.g-recaptcha.button, .page-nav, .apply-button, .mobile-done-button, .dealer-btns-bottom a {background:var(--navy) !important;}

.selected-facet, .dealer-phone-mobile, .offer-btn, .offer-btn-mobile, .fin-calc-btn-mobile, .send-wholesale-email-btn-mobile, .send-email-btn-mobile, .buy-now-link, .view-listing-details-link, .main-detail-data .contact-options a, button.g-recaptcha.button, .page-nav, .apply-button, .mobile-done-button{border: solid 1px var(--navy) !important; transition: ease all 0.2s !important;}

.selected-facet:hover, .dealer-phone-mobile:hover, .offer-btn:hover, .offer-btn-mobile:hover, .fin-calc-btn-mobile:hover, .send-wholesale-email-btn-mobile:hover, .send-email-btn-mobile:hover, .buy-now-link:hover, .view-listing-details-link:hover, .main-detail-data .contact-options a:hover, button.g-recaptcha.button:hover, .page-nav:hover, .apply-button:hover, .mobile-done-button:hover, .dealer-btns-bottom a:hover {background: #fff !important; color: var(--navy) !important;}

.check-availability-link, .email-seller-link, .video-chat-link, .faceted-search, .faceted-show-all-btn, .cs-btns a, .calculator-btn {background: #000 !important; border: solid 1px #000 !important; transition: ease all 0.2s !important;}
.check-availability-link:hover, .email-seller-link:hover, .video-chat-link:hover, .faceted-search:hover, .faceted-show-all-btn:hover, .cs-btns a:hover, .calculator-btn:hover {background: #fff !important; color: #000 !important;}

.list-content .list-title .list-listings-count, .list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price, #parts-content .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-listings-count, #inv .error-message, #inv .info, .detail-content .detail-main-body .main-detail-data .detail-price, .detail-content .search-results, .list-content .list-top-section .listing-option-bar .list-listings-count, .detail-price, .compare-price, .compare-title {color: #000 !important;}
 
/* heading */
.list-content .list-title .list-title-text, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title, .main-detail-data .detail-title, .parts-title-text {
	padding-left: 4px; 
}

.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label, .part-detail-additional-data .data-label, .part-detail-content .detail-contact-bar {background: #000 !important;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .list-page-nav, .contact-options a {background: #000 !important;}
.list-main-section .contact-options a {border: #000 solid 1px !important; transition: ease all 0.2s !important;}
.list-main-section .contact-options a:hover {background: transparent !important; color: #000!important;}

.detail-content .dealer-info .phone-and-email .send-email-btn, .list-content .list-listing-mobile .dealer-phone-container a, .back-button {border-color: #000!important; color: #000!important;}

.material-icons, .collapsible-content a {color:#fff!important;}

#parts-content .parts-bottom-section .parts-list-view .parts-list-content .parts-listing-container .parts-listing-column .parts-button.view-details {background-color: #000!important;}

.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile{margin-right:0!important;}

.detail-content .detail-main-body .main-detail-data .details-fin-calc .detail-btn-calc{height: 48px !important; box-sizing: border-box;}


/*---------- RESPONSIVE STYLES ----------*/

@media only screen and (max-width:1150px){
.page-content h2{font-size:42px}
.page-content h2 span::before,.contact-form h2 span:before,.hero h2::before{height:1px;width:25px}
.logo{width:200px}
}
@media only screen and (max-width:1050px){
.hero-txt h1{font-size:62px}
.contact-form .flex-pg,.main-text .flex-pg{flex-wrap:wrap;gap:30px}
.main-text .page-img{order:1}
.contact-form .half-pg,.main-text .half-pg{flex-basis:100%}
.grid-attributes{grid-template-columns:repeat(2,1fr)}
}
@media only screen and (max-width:900px){
.grid-container.grid-brands{grid-template-columns:repeat(1,1fr)}
.grid-container.grid-history{grid-template-columns:repeat(1,1fr)}
.flex-footer{flex-wrap:wrap}
.flex-footer .foot-col{flex-basis:100%}
}
@media only screen and (max-width:860px){
.cta{display:none}
.flex-head{display:flex!important;justify-content:space-between}
}
@media only screen and (max-width:767px){
.search-wrap{flex-wrap:wrap}
.top-col.left-side{display:none}
.hero-txt h1{font-size:54px}
.search-btn,.search-col{flex-basis:100%}
.search-col.middle-col{border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-right:none;border-left:none}
section.hero{height:auto!important}
.hero-wrap{padding:90px 0}
.search-btn{width:100%!important}
.search-btn button{line-height:3;width:100%}
}
@media only screen and (max-width:650px){
.grid-attributes{grid-template-columns:repeat(1,1fr)}
.search-bar ul{flex-wrap:wrap}
}
@media only screen and (max-width:550px){
.contact-form h3{line-height:3}
.contact-form ul li{flex-wrap:wrap}
.contact-form ul li span{flex-basis:100%}
	.logo img{width: 100%;}
}
@media only screen and (max-width:450px){
.form-wrap{padding:40px 25px}
.page-content h2 span{font-size:14px}
}