/***** 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; } 
/***** END RESET *****/
::-moz-selection { background: #000;  color: #fff; text-shadow: none; } 
::selection { background: #000; color: #fff; text-shadow: none; }
/* Clearfix */
.cf { *zoom: 1; } .cf:before, .cf:after { content: " "; display: table; } .cf:after { clear: both; } 

/*-------- BODY STYLES --------*/
html { scroll-behavior: smooth; }
body, body * { font-family: 'figtree', sans-serif; font-weight: 400; transition: .25s ease all; }

a:link, a:visited, a:active, a:hover { text-decoration: none; }
hr { border: none; background: #bbb; width: min(1500px, 85%); height: 1px; margin: 0 auto; }
header, footer, section, main, div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, img, i, ol, ul, li, form, label, :before, :after { box-sizing: border-box; }

/*--- HEADER STYLES ---------------------*/
header {}

.aria-skip { position: relative; width: 0px; height: 0px; display: flex; font-size: 0px; opacity: 0; }

.ee-header, header.ee-header, .header-logo, .header-logo img, .nav-div, .header-blocks { position: relative; height: 112px; }
.ee-header, header.ee-header { z-index: 1004; width: 100%; padding: 0 max(0px, calc(50vw - 1000px)) 0 max(16px, calc(50vw - 1000px)); background: #fff; box-shadow: 0 0 12px rgba(0, 0, 0, .2); display: flex; justify-content: space-between; align-items: flex-end; }
.header-logo { z-index: 3; transition: .35s ease all; }
.header-logo img { width: auto; max-width: min(60vw, 300px); object-fit: contain; object-position: center; padding: 16px 12px; transition: .2s ease all; }
.header-logo:hover img { filter: brightness(0) saturate(100%) invert(6%) sepia(75%) saturate(6020%) hue-rotate(209deg) brightness(91%) contrast(103%); transition: .2s ease all; }
.nav-div { z-index: 5; flex-grow: 1; display: flex; justify-content: flex-start; align-items: flex-end; }
.header-blocks { z-index: 1; width: 236px; display: flex; flex-direction: column; align-items: stretch; }
.header-blocks .block-btn { height: 50%!important; }

#headerSearchModalContainer:not(.opened-full), #headerSearchModalContainer.invsearch:not(.opened-full) { display: none; }
#headerSearchModalContainer.opened-full, #headerSearchModalContainer.invsearch.opened-full { 
	position: fixed; z-index: 1010; top: 0; left: 0; width: 100%; height: max(100vh, 600px); padding: 0; display: flex; flex-direction: row; justify-content: center; align-items: center; 
	background: rgba(0, 0, 0 .4); 
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
}

.search-modal-closer-bg, #headerSearchModalContainer:not(.opened-full) .search-modal-closer-bg { display: none; }
#headerSearchModalContainer.opened-full .search-modal-closer-bg { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; pointer-events: all; background: rgba(0, 0, 0, .25); display: flex; }
#headerSearchModalContainer.opened-full > *:not(.search-modal-closer-bg) { position: relative; z-index: 2; }

/*#headerSearchModalContainer.opened-full a.search-modal-closer-x { position: absolute!important; top: 16px; right: 48px; width: 50px; height: 50px; background: #133686; color: #fff; font-size: 24px; cursor: pointer; display: flex; justify-content: center; align-items: center; transition: .25s ease all; border-radius: 10px; text-shadow: none!important; }*/

.invsearch {}
.invsearch form.ee-form { position: relative; gap: 10px!important; }
#headerSearchModalContainer.invsearch form.ee-form { width: min(800px, 90%); box-shadow: 0 2px 20px rgba(0, 0, 0, .3); }

.title-x-div { position: relative; width: 100%; display: flex; justify-content: space-between; align-items: center; column-gap: 20px; padding-bottom: 8px; }
.title-x-div .title { width: calc(100% - 70px)!important; }
#headerSearchModalContainer.opened-full a.search-modal-closer-x { position: relative; width: 50px; height: 50px; background: #133686; color: #fff; font-size: 24px; cursor: pointer; display: flex; justify-content: center; align-items: center; transition: .25s ease all; border-radius: 10px; text-shadow: none!important; }
#headerSearchModalContainer.opened-full a.search-modal-closer-x:hover { background: #00255c; }

.invsearch form.ee-form select, .invsearch form.ee-form input[type="text"], .invsearch form.ee-form .btnclass { width: calc(50% - 5px)!important; }
#headerSearchModalContainer.invsearch form.ee-form .btnclass { margin-bottom: 8px; }

/* Site Colors: 
	
	Blue: #133686; rgba(19, 54, 134, 1); 
		filter: brightness(0) saturate(100%) invert(16%) sepia(25%) saturate(7208%) hue-rotate(216deg) brightness(92%) contrast(96%); 
	Dark Blue: #00255c; rgba(0, 37, 92, 1); 
		filter: brightness(0) saturate(100%) invert(6%) sepia(75%) saturate(6020%) hue-rotate(209deg) brightness(91%) contrast(103%); 
	MGray: #444; rgba(68, 68, 68, 1); 
	Notblack: #070707; rgba(7, 7, 7, 1); 
*/
/*---BODY--------------------------------*/
.invisilink { font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; display: inline; transition: .25s ease all; }
a.invisilink:hover { color: #444; text-decoration: underline; cursor: pointer; }
.darkmode a.invisilink:hover, a.invisilink.darkmode:hover, .shadowed a.invisilink:hover, a.invisilink.shadowed:hover { color: #ddd; }

/* Text / Titles / Paragraphs / <h1><h2><h3><h4> / <p> */
/*h1, h2, h3, h4, h5, h6, p, span, a, button, label, input, select, textarea, div, ul, ol { font-family: 'figtree', sans-serif; font-weight: 400; color: #000; transition: .25s ease all; }

.txt-default, .content-sect p, p, span, a, input, select, textarea, div, ul, ol { font-size: 16px; }*/

.txt-default, .content-sect p { font-family: 'figtree', sans-serif; font-size: 16px; font-weight: 400; line-height: 1.4; color: #000; }

.title, .title-h1, .title-h2, .title-h3, .title-h4 { font-family: 'figtree', sans-serif; width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; column-gap: 12px; }
.title-h4 { column-gap: 8px; }
.ta-c .title, .ta-c .title-h1, .ta-c .title-h2, .ta-c .title-h3, .ta-c .title-h4, .title.ta-c, .title-h1.ta-c, .title-h2.ta-c, .title-h3.ta-c, .title-h4.ta-c { justify-content: center; text-align: center; }

.title-h1, .title-h1 span, .title.title-h1, .title.title-h1 span { font-size: 54px; }
.title, .title span, .title-h2, .title-h2 span, .title.title-h2, .title.title-h2 span { font-size: 40px; }
.title-h3, .title-h3 span, .title.title-h3, .title.title-h3 span { font-size: 34px; }
.title-h4, .title-h4 span, .title.title-h4, .title.title-h4 span { font-size: 28px; }

.stacked-title { position: relative; width: 100%; display: flex; flex-direction: column; align-items: flex-start; }

/* buttons / links / <a> / ctas */
.btnclass, .darkmode .btnclass, .block-btn, .listed { position: relative; min-width: 50px; min-height: 50px; display: flex; align-items: center; column-gap: 8px; cursor: pointer; transition: .25s ease all; }

/* the underline hover thing!! */
a.listed:before, .allinv-box > *:before, .foot-nav a:before, nav.primary > ul > li > a:before, #menu-button a:before { position: absolute; content: ""; background-color: #ccc; height: 1px; left: 0; right: 0; transform: scaleX(0); bottom: -1px; transform-origin: bottom right; transition: transform 0.45s ease; }

a.listed:hover:before, .allinv-box:hover > *:before, .foot-nav a:hover:before, nav.primary > ul > li > a:hover:before, #menu-button a:hover:before { transform-origin: bottom left; transform: scaleX(1); }

.btnclass, .darkmode .btnclass, .shadowed .btnclass { padding: 6px 30px 8px 30px; justify-content: center; background: #133686; color: #fff; text-shadow: none; line-height: 1.2; letter-spacing: .5px; border-radius: 10px; }
.shadowed .btnclass, .btnclass.shadowed { box-shadow: 0 2px 16px rgba(0, 0, 0, 1); }
.btnclass, .btnclass span { font-size: 19px; text-shadow: none!important; }
.btnclass i { font-size: 16px; }
.btnclass:hover, .darkmode .btnclass:hover, .shadowed .btnclass:hover { background: #00255c; color: #fff; }

.block-btn { padding: 12px; justify-content: center; column-gap: 10px; }
.block-btn, .block-btn i, .block-btn span { color: #fff; text-shadow: none!important; transition: .25s ease all; }
.block-btn i { font-size: 15px; }
.block-btn.txt-bold {}
.block-btn.txt-bold, .block-btn.txt-bold span { font-size: 20px; }
.block-btn.txt-bold i { font-size: 17px; }
a.block-btn:hover { cursor: pointer; background: #133686; color: #fff; }

.listed { padding: 8px 12px; justify-content: center; }
a.listed:before { background-color: #444; }
.listed, .listed i, .listed span { color: #000; transition: .25s ease all; }
.listed, .listed span { font-size: 17px; }
.listed i { font-size: 17px; }
a.listed:hover, a.listed:hover i, a.listed:hover span { color: #444; cursor: pointer; }

.darkmode .listed, .darkmode .listed i, .darkmode .listed span, 
.listed.darkmode, .listed.darkmode i,  .listed.darkmode span, 
.shadowed .listed, .shadowed .listed i, .shadowed .listed span, 
.listed.shadowed, .listed.shadowed i,  .listed.shadowed span { color: #fff; }

.darkmode a.listed:hover, .darkmode a.listed:hover i, .darkmode a.listed:hover span, 
a.listed.darkmode:hover, a.listed.darkmode:hover i, a.listed.darkmode:hover span { color: #ddd; }

.darkmode .listed:before, .listed.darkmode:before,  
.listed.shadowed:before, .listed.shadowed:before { background-color: #ddd; }

/* sections */
.content-sect, .horiz-sect, .sb-cta { position: relative; display: flex; row-gap: 20px; }
.content-sect { position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
.ai-c, .content-sect.ai-c, .stacked-title.ai-c, .stacked-title.ta-c { align-items: center; }
.ai-fe, .content-sect.ai-fe, .stacked-title.ai-fe, .stacked-title.ta-r { align-items: flex-end; }

.content-sect p { width: 100%; }

.horiz-sect { width: 100%; flex-wrap: wrap; justify-content: flex-start; align-items: center; column-gap: 20px; }
.jc-c, .horiz-sect.jc-c { justify-content: center; }

.f-row { display: flex; flex-direction: row; }
.f-col { display: flex; flex-direction: column; align-items: flex-start; }

.jc-fs { justify-content: flex-start; }
.jc-sb { justify-content: space-between; }

.ai-fs { align-items: flex-start; }
.ai-s { align-items: stretch; }

.ac-c { align-content: center; }

.fw-w { flex-wrap: wrap; }

.mission { position: relative; width: 100%; padding: 50px max(5vw, calc(50vw - 1000px)); display: flex; justify-content: center; align-items: stretch; column-gap: 60px; row-gap: 32px; }
.mission > .content-sect { width: 60%; }

.missionimg { position: relative; min-height: 300px; display: flex; justify-content: center; align-items: center; filter: drop-shadow(0 2px 16px rgba(0, 0, 0, .1)); }

.mission .missionimg { width: calc(40% - 60px); }

.missionimg img, .hero > img, .subhero > img, .bg-img > img, .inv-cat > img { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }

.missionimg img { border-radius: 12px; }

img.img-contain { object-fit: contain; }

.missionimg img.img-contain { position: relative; top: unset; left: unset; height: auto; max-height: 600px; object-fit: contain; }

.bgimg-mission { position: relative; width: 100%; padding: 70px max(5vw, calc(50vw - 1000px)); min-height: 420px; display: flex; justify-content: flex-end; align-items: center; }
.bgimg-mission > .content-sect { width: 60%; }

.sb-cta { column-gap: 60px; row-gap: 20px; margin: 40px auto; padding: 50px min(200px, calc(5vw - 24px)); width: min(1800px, calc(100% - 48px)); }

/* Homepage - default.htm */
.homepage, .subpage { position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; }
.homepage {}

.hero, .subhero { position: relative; z-index: 3; width: 100%; padding-top: 50px; padding-bottom: 50px; display: flex; justify-content: flex-start; align-items: center; }
.hero { min-height: 600px; }
.hero > img {}
.hero:after { position: absolute; z-index: 3; content: ""; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; 
	background-image: linear-gradient(120deg, rgba(51, 51, 51, .6) 0%, rgba(51, 51, 51, .6) 35%, rgba(51, 51, 51, 0) 70%, rgba(51, 51, 51, 0) 100%); 
	/*background-image: linear-gradient(120deg, rgba(68, 68, 68, .6) 0%, rgba(68, 68, 68, .6) 35%, rgba(68, 68, 68, 0) 70%, rgba(68, 68, 68, 0) 100%);*/}

.hero-overlay { position: relative; z-index: 5; }

.inv-sect { position: relative; z-index: 5; width: 100%; height: 580px; padding: 40px max(24px, calc(50vw - 1000px)); display: flex; flex-direction: column; flex-wrap: wrap; gap: 12px; }
.homepage .inv-sect { padding-top: 0; margin-top: -50px; }

.inv-box, .invsearch-box, .inv-cat, #headerSearchModalContainer.invsearch form.ee-form { padding: 36px 48px; }
.inv-box {}
.invsearch-box, .allinv-box, .inv-cats-holder { width: calc(50% - 6px); }
.invsearch-box, .allinv-box { height: calc(50% - 6px); }
.invsearch-box { display: flex; flex-direction: column; justify-content: center; row-gap: 24px; }
.invsearch-box form.ee-form { width: 100%; }
.allinv-box { display: flex; justify-content: center; align-items: center; transition: .25s ease all; }
.allinv-box:hover { background: #133686; }
.allinv-box, .allinv-box > * { padding-left: 24px; padding-right: 24px; }
.allinv-box:hover { letter-spacing: 1.5px!important; }
.allinv-box > * { position: relative; width: unset!important; }
.allinv-box > *:before { bottom: -10px; }
.inv-cats-holder { height: 100%; display: flex; flex-direction: column; flex-wrap: nowrap; align-items: stretch; row-gap: 12px; }
.inv-cat { position: relative; height: calc(33.333333% - 8px); background: #00255c; display: flex; justify-content: flex-start; align-items: center; overflow: hidden; }
.inv-cat img { opacity: .45; transition: .25s ease all; }
.inv-cat > *:not(img) { position: relative; z-index: 3; width: unset; }

.inv-cat:hover img { transform: scale(1.1); opacity: .25; transition: .35s ease all; }
.inv-cat:hover { letter-spacing: 1.2px!important; }

.home-mission {}

.shipping-sect {}

.finance-cta {}

/* subpages */
.subpage {}

.subhero {}
.subhero > img { opacity: 0.4; filter: grayscale(.5); }

.ee-breadcrumbs { position: relative; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: center; gap: 12px; }
.txt-white .ee-breadcrumbs .ee-breadcrumb { color: #fff; }
.txt-white .ee-breadcrumbs a.ee-breadcrumb:hover { color: #ccc; }

/* about-us.htm */
.aboutpage {}

/* contact-us.htm */
.contactpage {}

.fancy-formsect { position: relative; width: 100%; padding: 50px max(4%, calc(50% - 800px)); display: flex; justify-content: space-between; align-items: flex-start; column-gap: 60px; row-gap: 32px; }
.fancy-formsect > .content-sect { width: calc(50% - 60px); }
.fancy-formsect > .content-sect .horiz-sect .width50 { width: calc(50% - 24px); }
.fancy-formsect form { width: 50%; }

.map-div { position: relative; width: 100%; display: flex; }
.map-div iframe { background: #444; }

/* financing.htm */
/*.financepage {}*/

/* shipping.htm */
.shippage {}

/* thank-you.htm */
.thankyoupage {}

.thankyoupage .inv-sect { padding-top: 20px!important; padding-bottom: 20px!important; }

/* recommended styles */
.ta-c, .ta-c .title, .ta-c p, .ta-c span, .title.ta-c, .stacked-title.ta-c, p.ta-c { text-align: center; }
.ta-r, .ta-r .title, .ta-r p, .ta-r span, .title.ta-r, .stacked-title.ta-r, p.ta-r { text-align: right; }
.ta-l, .ta-l .title, .ta-l p, .ta-l span, .title.ta-l, .stacked-title.ta-l, p.ta-l { text-align: left; }

.txt-ital, .txt-ital span { font-style: italic; }

.txt-white, .txt-white span, .txt-white h1, .txt-white h2, .txt-white h3, .txt-white h4, .txt-white p, .txt-white span, 
.darkmode, .darkmode .title, .darkmode p, .darkmode span, 
.shadowed, .shadowed .title, .shadowed p, .shadowed span { color: #fff; }

.shadowed, .shadowed .title, .shadowed p, .shadowed span { text-shadow: 1px 1px 0 #000, 0 0 20px #000; }

.txt-blue, nav.primary ul li a.txt-blue { color: #133686; }
.txt-dblue { color: #00255c; }
.txt-white { color: #fff; }
.txt-notblack { color: #070707; }
.txt-black { color: #000; }

.bg-blue { background: #133686; }
.bg-dblue { background: #00255c; }
.bg-white { background: #fff; }
.bg-notblack { background: #070707; }
.bg-black { background: #000; }

.bg-img { position: relative; }
.bg-img > *:not(img) { position: relative; z-index: 3; }

.width50 { width: 50%; }
.width100 { width: 100%; }

.padtb-20 { padding-top: 20px; padding-bottom: 20px; }
.padtb-40 { padding-top: 40px; padding-bottom: 40px; }
.padtb-50 { padding-top: 50px; padding-bottom: 50px; }
.padtb-80 { padding-top: 80px; padding-bottom: 80px; }

.padt-50 { padding-top: 50px; }

.padlr-padlr-24max2200 { padding-left: max(24px, calc(50vw - 1100px)); padding-right: max(24px, calc(50vw - 1100px)); }
.padlr-norm { padding-left: max(5vw, calc(50vw - 1000px)); padding-right: max(5vw, calc(50vw - 1000px)); }

.margt-16 { margin-top: 16px; }
.margt-20 { margin-top: 20px; }
.margt-40 { margin-top: 40px; }

.margb-neg40 { margin-bottom: -40px; }
.margb-neg16 { margin-bottom: -16px; }
.margb-8 { margin-bottom: 8px; }
.margb-16 { margin-bottom: 16px; }
.margb-80 { margin-bottom: 80px; }

.marglr-auto { margin-left: auto; margin-right: auto; }

.colgap-24 { column-gap: 24px; }
.colgap-60 { column-gap: 60px; }
.colgap-lg { column-gap: min(200px, 10vw); }

.rowgap-24 { row-gap: 24px; }
.rowgap-24 { row-gap: 24px; }
.rowgap-32 { row-gap: 32px; }
.rowgap-40 { row-gap: 40px; }
.rowgap-50 { row-gap: 50px; }

.z3 { position: relative; z-index: 3; }

/* forced styles */
.txt-bold, .txt-bold span, .btnclass, .btnclass span { font-weight: 700!important; }

.force-margt-0 { margin-top: 0!important; }

.force-bora-0 { border-radius: 0!important; }

.force-colgap-0 { column-gap: 0!important; }
.force-rowgap-0 { row-gap: 0!important; }

/*-------- FORM STYLES --------------------*/
form.ee-form { position: relative; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 12px; }
form.ee-form .formrow { width: 100%; display: flex; justify-content: flex-start; }
form.ee-form .formrow-captcha { width: 100%; display: flex; flex-direction: column; align-items: flex-start; }

form.ee-form .formcol33, form.ee-form .formcol100 { display: flex; flex-direction: column; align-items: flex-start; }
form.ee-form .formcol33 { width: calc(33.333333% - 8px); }
form.ee-form .formcol100 { width: 100%; }

form.ee-form label { width: 100%; padding: 12px 0 10px 0; box-sizing: border-box; color: #ddd; font-size: 18px; line-height: 1.4; font-weight: 700; }
form.ee-form select, form.ee-form input, form.ee-form input[type="text"], form.ee-form input[type="email"], form.ee-form textarea, form.ee-form #CaptchaAnswer {width: 100%; height: 50px; padding: 16px; box-sizing: border-box; border-radius: 10px; color: #000; font-size: 16px; line-height: 1.4; border: none; outline: 1px solid #000; }
form.ee-form textarea { height: 120px; }
form.ee-form select { padding-left: 12px!important; background: #fff; border-right: 10px solid #fff!important; }

form.ee-form .CaptchaPanel { text-align: left; }
form.ee-form .CaptchaMessagePanel { font-family: 'figtree', sans-serif!important; color: #fff; }
form.ee-form #CaptchaAnswer { width: 180px!important; }
form.ee-form div.CaptchaWhatsThisPanel a { font-family: 'figtree', sans-serif!important; transition: .15s ease all; background: #fff; padding: 12px 16px; text-shadow: none!important; margin-bottom: 8px; }
form.ee-form div.CaptchaWhatsThisPanel a:hover { text-decoration: underline; }
form button[type="submit"], form input[type="submit"] { cursor: pointer; border: none; }

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

.ee-footer, footer.ee-footer { position: relative; width: 100%; padding: 50px max(5%, calc(50vw - 900px)) 40px max(5%, calc(50vw - 900px)); background: #00255c; background-image: linear-gradient(0deg, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .1) 5%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%); display: flex; flex-direction: column; align-items: stretch; row-gap: 80px; }
.foot-top, .foot-nav { position: relative; z-index: 3; display: flex; align-items: center; }
.foot-top { justify-content: space-evenly; column-gap: 5%; }
.ee-footcol { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.footcol-left, .footcol-right { width: min(200px, 100%); }
.footcol-left {}
.footcol-logo {}
.footcol-right {}
.foot-logo, .foot-logo img { height: 100px; transition: .2s ease all; }
.foot-logo img { filter: invert(1); }
.foot-logo:hover img { opacity: .85; }
.foot-nav { justify-content: center; column-gap: 32px; }
.foot-nav a { position: relative; padding: 8px 16px; min-height: 50px; display: flex; justify-content: center; align-items: center; text-align: center; color: #fff; transition: .25s ease all; }
.foot-nav a:before { background-color: #ccc; }
.foot-nav a:hover { color: #ddd; }

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.invpage .ee-footer, .invpage footer.ee-footer { padding-bottom: 120px!important; }

/* AT styles */
.list.listing { display: flex!important; }

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

@media only screen and (max-width: 1550px) {
	.hero { min-height: 550px; }
}

@media only screen and (max-width: 1500px) {
	.title, .title-h1, .title-h2, .title-h3 { column-gap: 10px; }
	.title-h4 { column-gap: 7px; }

	.title-h1, .title-h1 span, .title.title-h1, .title.title-h1 span { font-size: 50px; }
	.title, .title span, .title-h2, .title-h2 span, .title.title-h2, .title.title-h2 span { font-size: 36px; }
	.title-h3, .title-h3 span, .title.title-h3, .title.title-h3 span { font-size: 32px; }
	.title-h4, .title-h4 span, .title.title-h4, .title.title-h4 span { font-size: 26px; }
	
	.inv-sect { height: 540px; }
	.inv-box, .invsearch-box, .inv-cat, #headerSearchModalContainer.invsearch form.ee-form { padding: 24px 36px; }
}

@media only screen and (max-width: 1480px) {
	.hero { min-height: 480px; }
}

@media only screen and (max-width: 1420px) {
	.bgimg-mission { min-height: 380px; }
	.bgimg-mission > .content-sect { width: 65%; }
}

@media only screen and (max-width: 1320px) {
	.fancy-formsect { flex-direction: column; }
	.fancy-formsect > .content-sect { width: 100%; align-items: center; text-align: center; }
	.fancy-formsect > .content-sect * { justify-content: center; align-items: center; text-align: center; }
	.fancy-formsect > .content-sect .horiz-sect { justify-content: space-evenly; }
	.fancy-formsect > .content-sect .horiz-sect .width50 { width: unset; }
	.fancy-formsect form { width: 100%; }
	
	.contactpage .map-div { padding-top: 0!important; }
}

@media only screen and (max-width: 1280px) {
	.inv-sect { padding: 24px 12px; gap: 8px; height: 510px; }
	.homepage .inv-sect { margin-top: -32px; }
	.inv-box, .invsearch-box, .inv-cat, #headerSearchModalContainer.invsearch form.ee-form { padding-left: 28px; padding-right: 28px; }
	.invsearch-box, .allinv-box, .inv-cats-holder { width: calc(50% - 4px); }
	.invsearch-box, .allinv-box { height: calc(50% - 4px); }
	.invsearch-box { justify-content: flex-start; row-gap: 18px; }
	.invsearch form.ee-form { column-gap: 8px!important; }
	.invsearch form.ee-form select, .invsearch form.ee-form input[type="text"], .invsearch form.ee-form .btnclass { width: calc(50% - 4px)!important; }
	.inv-cats-holder { row-gap: 8px; }
	.inv-cat { height: calc(33.333333% - 5.4px); }
}

@media only screen and (max-width: 1200px) {
	.sb-cta { margin: 32px auto; }
	
	.hero { min-height: 450px; }
	
	.foot-logo, .foot-logo img { height: 90px; }
}

@media only screen and (max-width: 1150px) {	
	.title, .title-h1, .title-h2, .title-h3 { column-gap: 8px; }
	.title-h4 { column-gap: 6px; }

	.title-h1, .title-h1 span, .title.title-h1, .title.title-h1 span { font-size: 44px; }
	.title, .title span, .title-h2, .title-h2 span, .title.title-h2, .title.title-h2 span { font-size: 32px; }
	.title-h3, .title-h3 span, .title.title-h3, .title.title-h3 span { font-size: 28px; }
	.title-h4, .title-h4 span, .title.title-h4, .title.title-h4 span { font-size: 23px; }
	
	.inv-sect { height: 445px; }
	.invsearch-box { height: calc(66.67% - 2.6px); }
	.invsearch-box form.ee-form input[type="text"], .invsearch-box form.ee-form .btnclass { width: 100%!important; }
	.allinv-box { height: calc(33.333333% - 5.5px); }
}

/* switch to mobile nav */
@media only screen and (max-width: 1080px) {
	.ee-header, header.ee-header, .header-logo, .header-logo img, .nav-div, .header-blocks { height: 100px; }
	.header-logo img { padding: 12px 8px; }
	.nav-div { justify-content: flex-end; height: 54px; }
	
	.mission > .content-sect { width: 55%; }
	.mission .missionimg { width: calc(45% - 60px); }
	
	.bgimg-mission { min-height: unset; }
	.bgimg-mission > img { opacity: .5; }
	.bgimg-mission > .content-sect { width: 100%; }
	
	.sb-cta { padding: 32px 4vw; margin: 24px auto; width: 95%; }
}

@media only screen and (max-width: 1000px) {
	.title-h2, .title-h3 { column-gap: 6px; }
	.title-h4 { column-gap: 5px; }

	.title-h1, .title-h1 span, .title.title-h1, .title.title-h1 span { font-size: 40px; }
	.title, .title span, .title-h2, .title-h2 span, .title.title-h2, .title.title-h2 span { font-size: 28px; }
	.title-h3, .title-h3 span, .title.title-h3, .title.title-h3 span { font-size: 24px; }
	.title-h4, .title-h4 span, .title.title-h4, .title.title-h4 span { font-size: 20px; }
	
	.mission { flex-direction: column; }
	.mission.mission-cr { flex-direction: column-reverse; }
	.mission > .content-sect, .mission .missionimg { width: 100%; }
	
	.hero { min-height: 400px; }
	
	.ee-footer, footer.ee-footer { padding: 36px 4% 32px 4%; }
	.foot-nav { column-gap: 16px; }
}

@media only screen and (max-width: 950px) {
	.ee-footer, footer.ee-footer { row-gap: 32px; }
	.foot-top { flex-wrap: wrap; }
	.footcol-logo { order: -1; width: 100%; margin-bottom: 32px; }
}

@media only screen and (max-width: 900px) {
	.ee-header, header.ee-header { padding-top: 50px; height: unset; }
	.header-logo, .header-logo img, .nav-div { height: 90px; }
	.header-blocks { position: absolute; top: 0; left: 0; width: 100%; height: 50px; flex-direction: row; }
	.header-blocks .block-btn { width: 50%; height: 50px!important; }
}

@media only screen and (max-width: 880px) {
	.inv-sect { height: unset; flex-direction: column; flex-wrap: nowrap; row-gap: 6px; }
	.invsearch-box, .allinv-box, .inv-cats-holder { width: 100%; height: unset!important; }
	.inv-cats-holder { row-gap: 6px; }
	.invsearch form.ee-form select, .invsearch form.ee-form input[type="text"], .invsearch form.ee-form .btnclass { width: calc(50% - 4px)!important; }
	.allinv-box, .inv-cat { min-height: 140px; }
	.allinv-box { order: 4; }
}

@media only screen and (max-width: 800px) {
	#headerSearchModalContainer.invsearch form.ee-form { width: calc(100% - 24px); padding-left: 4vw; padding-right: 4vw; }
	
	.subhero { padding-top: 32px; padding-bottom: 32px; }
	
	form.ee-form .formcol33 { width: 100%!important; }
	
	.foot-logo, .foot-logo img { height: 80px; }
	.foot-nav { column-gap: 0; }
}

@media only screen and (max-width: 750px) {
	.bgimg-mission { padding-top: 50px; padding-bottom: 50px; }
}

@media only screen and (max-width: 700px) {
	.allinv-box, .inv-cat { min-height: 120px; }
}

@media only screen and (max-width: 680px) {
	.ee-footer, footer.ee-footer { padding-bottom: 50px; }
	.footcol-left, .footcol-right { width: 100%; }
	.foot-nav { flex-direction: column; }
}

@media only screen and (max-width: 650px) {
	.sb-cta { flex-direction: column; }
	.sb-cta .title, .sb-cta .title span, .sb-cta .content-sect, .sb-cta .horiz-sect, .sb-cta p { justify-content: center; align-items: center; text-align: center; }
}

@media only screen and (max-width: 600px) {
	.invsearch form.ee-form select, .invsearch form.ee-form input[type="text"], .invsearch form.ee-form .btnclass { width: 100%!important; }
	
	.allinv-box, .inv-cat { min-height: 100px; }
}

@media only screen and (max-width: 500px) {
	.ee-header, header.ee-header { padding-top: 100px; }
	.header-logo, .header-logo img, .nav-div { height: 80px; }
	.header-logo img { padding: 10px 0; }
	.header-blocks { height: 100px; flex-direction: column-reverse; }
	.header-blocks .block-btn { width: 100%; }
	
	.allinv-box, .inv-cat { min-height: 90px; }
}

@media only screen and (max-width: 480px) {
	.inv-sect, .homepage .inv-sect { padding: 0; margin-top: 0; row-gap: 2px; }
	.inv-cats-holder { padding-left: 2px; padding-right: 2px; row-gap: 2px; }
	
	.thankyoupage .inv-sect { padding-top: 0!important; padding-bottom: 0!important; }
	
	#headerSearchModalContainer.invsearch form.ee-form { width: 100%; }
}

@media only screen and (max-width: 420px) {
	.btnclass { width: 100%; margin-left: auto; margin-right: auto; padding-left: 8px; padding-right: 8px; }
}

@media only screen and (max-width: 400px) {
	.allinv-box, .inv-cat { min-height: 80px; padding: 12px; }
	
	.subhero { padding-top: 24px; padding-bottom: 24px; }
}

@media only screen and (max-width: 360px) {
	.allinv-box .title, .inv-cat .title { flex-direction: column; }
	.allinv-box .title:before { display: none!important; opacity: 0!important; }
}

@media only screen and (max-width: 320px) {
	.hide320 { display: none!important; }
}