﻿/***** 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 { font-family: 'sinter', sans-serif; }

a:link, a:visited, a:active, a:hover { text-decoration: none; }
hr { border: none; background: var(--dblue); width: min(100%, 96vw); height: 1px; margin: 12px 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; }

.ck-header, header.ck-header { position: relative; z-index: 1004; width: 100%; padding: 0 max(3%, calc(50vw - 1250px)); background: var(--blue); display: flex; justify-content: space-between; align-items: center; column-gap: 40px; }

.ck-logo, .ck-logo img { max-width: min(100%, 85vw); }
.ck-logo { position: relative; z-index: 3; display: flex; }
.ck-logo img { height: auto; object-fit: contain; object-position: center; }

.header-logo, .header-logo img { width: 132px; }
.header-logo { margin-top: 6px; margin-bottom: -50px; align-self: flex-start; }
.header-logo img {}

.nav-div, .header-right { height: 94px; }
.nav-div { position: relative; z-index: 5; margin-right: auto; display: flex; justify-content: flex-start; align-items: stretch; }

.header-right { position: relative; display: flex; justify-content: flex-end; align-items: stretch; }
.header-right .listed { padding-left: 24px; padding-right: 24px; }
.header-right .listed:hover { background: var(--dblue); }

/* Site Colors: */
:root {
	--red: 			#fc0012; 	/* var(--red); 			rgba(252, 0, 18, 1); 	*/
	
	--blue: 		#082e6d; 	/* var(--blue); 		rgba(8, 46, 109, 1); 	*/
	
	--dblue: 		#0f2851; 	/* var(--dblue); 		rgba(15, 40, 81, 1); 	*/
	--dark-blue: 	#0f2851; 	/* var(--dark-blue); 	rgba(15, 40, 81, 1); 	*/
	
	--gray: 		#ddd; 		/* var(--gray); 		rgba(221, 221, 221, 1); */
	
	--lgray: 		#f4f4f4; 	/* var(--lgray); 		rgba(244, 244, 244, 1); */
	--light-gray: 	#f4f4f4; 	/* var(--light-gray); 	rgba(244, 244, 244, 1); */
	
}
/*---BODY--------------------------------*/
.invisilink { font-family: 'sinter', sans-serif; font-size: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; display: inline; transition: .25s ease all; }
a.invisilink:hover { color: var(--blue); text-decoration: underline; }
.darkmode a.invisilink:hover, a.invisilink.darkmode:hover { color: var(--red); }

/* Text / Titles / Paragraphs / <h1><h2><h3><h4> / <p> */

.txt-default, .content-sect p { font-family: 'sinter', sans-serif; font-size: 17px; font-weight: 400; line-height: 1.5; color: #000; }

.ck-page, .homepage, .subpage, .ck-header, .ck-footer { font-family: 'sinter', sans-serif; }

.title, .title2, .subtitle { font-family: 'sinter', sans-serif; width: 100%; }

.title { font-weight: 400; }
.title2 { font-weight: 900; font-style: italic; }
.title, .title2 { font-size: 36px; color: var(--blue); }
.title-lg, .title.title-lg, .title2-med, .title2.title2-lg { font-size: 48px; }
.title-med, .title.title-med, .title2-med, .title2.title2-med { font-size: 34px; }
.title-sm, .title.title-sm, .title2-sm, .title2.title2-sm { font-size: 28px; }

.subtitle, .subtitle-med, .subtitle-sm { font-weight: 400; text-transform: uppercase; }
.subtitle { font-size: 25px; letter-spacing: 2px; }
.subtitle-med, .subtitle.subtitle-med { font-size: 22px; letter-spacing: 1px; }
.subtitle-sm, .subtitle.subtitle-sm { font-size: 17px; letter-spacing: .5px; }

.stacked-title { position: relative; width: 100%; display: flex; flex-direction: column; align-items: flex-start; row-gap: 8px; }

/* buttons / links / <a> / ctas */
.btnclass, .btn-red, .listed { position: relative; min-width: 50px; min-height: 50px; display: flex; align-items: center; gap: 12px; cursor: pointer; font-family: 'sinter', sans-serif; transition: .25s ease all; }

.btnclass, .btn-red { padding: 12px 44px; flex-wrap: wrap; justify-content: center; column-gap: 6px; background: var(--blue); color: #fff!important; text-shadow: none; box-shadow: 0 2px 10px rgba(0, 0, 0, .2); font-size: 16px; }
.shadowed .btnclass, .btnclass.shadowed, .shadowed .btn-red, .btn-red.shadowed { box-shadow: 0 2px 16px rgba(0, 0, 0, 1); }

.btnclass:hover { background: var(--red); color: #000!important; text-shadow: none; }

.btn-red, .btnclass.btn-red { background: var(--red); color: #000!important; }
.btn-red:hover, .btnclass.btn-red:hover { background: var(--dblue); color: #fff!important; }

.inv-subtitle, .inv-title, .btnclass, .btn-red { position: relative; text-align: center; text-transform: uppercase; color: inherit; font-family: 'sinter', sans-serif; font-size: 18px; transition: .3s ease all; }
.inv-subtitle { font-weight: 400; letter-spacing: .25px; }
.inv-title, .btnclass, .btn-red { font-weight: 900; letter-spacing: 2px; font-style: italic; }

.listed { padding: 8px 12px; justify-content: center; }
.listed, .listed i, .listed span { color: var(--blue); transition: .25s ease all; }
.listed, .listed span { font-size: 17px; text-align: left; }
.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; }

.listed.is-phone {}
.listed.is-phone, .listed.is-phone span, .listed span.is-phone { font-size: 28px; }
.listed.is-phone i { font-size: 22px; }
.listed.is-phone span { font-weight: 600; }

/* sections */
.content-sect, .horiz-sect, .sb-sect { 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, .multi-title.ai-c { align-items: center; }
.ai-fe, .content-sect.ai-fe, .multi-title.ai-fe { 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; }

.sb-sect { width: 100%; justify-content: space-between; align-items: center; column-gap: 10%; }

.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; }

.f-wrap { flex-wrap: wrap; }

.mission { position: relative; width: 100%; padding-top: 50px; padding-bottom: 50px; display: flex; justify-content: center; align-items: stretch; column-gap: 80px; row-gap: 60px; }
.mission > .content-sect { width: 56%; }
.mission .missionimg { position: relative; width: 44%; display: flex; justify-content: center; align-items: center; }
.missionimg img { position: relative; width: 100%; height: auto; max-height: 600px; object-fit: contain; object-position: center; border-radius: 16px; }

.missionimg img.img-cover,/* .hero > img, .subhero > img,*/ .bg-img > img { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }

img.img-contain { object-fit: contain; }

.map-div {}
.map-div iframe { background: var(--blue); border-radius: 16px; height: 100%; min-height: 320px; border: 1px solid var(--blue)!important; }

/* Homepage - default.htm */
.homepage, .subpage { position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; }
.homepage {}

.hero, .subhero { position: relative; width: 100%; display: flex; }
.hero { flex-direction: column; padding-bottom: 40px /*min(200px, max(40px, calc(20vh + 40px)))*/; background: var(--dblue); }
.hero:before { position: absolute; content: ""; z-index: 2; bottom: 0; left: 0; width: 100%; height: calc(16vh) /*16%*/; background: linear-gradient(0deg, rgba(15, 40, 81, 1) 0%, rgba(15, 40, 81, 1) 60px, rgba(15, 40, 81, 0) 100%); }

.hero > img { position: relative; z-index: 1; width: 100%; height: auto; max-height: calc(100vh - 110px); object-fit: contain; object-position: center; }

@media only screen and (max-height: 720px) {
	.hero:before { bottom: clamp(0px, calc((700px - 100vh) * 0.5), 7rem); }
	.hero > img { margin-bottom: clamp(0px, calc((700px - 100vh) * 0.5), 7rem); }
}

@media only screen and (max-height: 650px) {
	.hero:before { bottom: max(40px, calc(10vh)); }
	.hero > img { margin-bottom: max(40px, calc(10vh)); }
}

.inv-ctas { position: relative; z-index: 5; width: min(100%, 2500px); padding: 0 2.5%; display: flex; justify-content: center; align-items: stretch; gap: 16px; }

.hero .inv-ctas { position: absolute; bottom: 32px; left: 50%; transform: translateX(-50%); }

.invcta { position: relative; width: 50%; padding: 20px 40px; background: var(--gray); box-shadow: 0 2px 20px rgba(0, 0, 0, .5); border-radius: 16px; display: flex; justify-content: space-between; align-items: center; gap: 20px; color: #000; transition: .3s ease all; }
.invcta img { position: relative; width: 40%; height: auto; max-height: 168px; object-fit: contain; object-position: center; filter: drop-shadow(0 0 4px #fff); transition: .3s ease all, .2s ease filter; }
.invcta-textcol { position: relative; display: flex; flex-direction: column; align-items: flex-end; justify-content: center; }

.invcta .inv-subtitle, .invcta .inv-title { text-align: right; }
.invcta .inv-subtitle { font-size: 38px; letter-spacing: .5px; margin-bottom: -6px; }
.invcta .inv-title { font-size: 60px; letter-spacing: 4px; }

a.invcta:hover { background: var(--red); }
a.invcta:hover img { filter: brightness(0) saturate(10); }

.homehero-sb {}

.feat-btn { position: relative; padding: 20px 56px; min-height: 140px; background: var(--red); color: #000; border-radius: 16px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; }
.feat-btn .inv-subtitle { font-size: 20px; letter-spacing: .25px; margin-bottom: -6px; }
.feat-btn .inv-title { font-size: 28px; letter-spacing: 2px; }

a.feat-btn:hover { background: var(--dblue); color: #fff; }

.feat-statement { position: relative; width: 100%; padding: 60px max(5.5%, calc(50vw - 600px)); display: flex; flex-direction: column; align-items: center; row-gap: 6px; }
.feat-statement p { font-size: 20px; line-height: 1.4; }

.scrolling-inv-sect { position: relative; width: 100%; padding: 50px 0 60px 0; display: flex; flex-direction: column; align-items: center; row-gap: 40px; }
.scrolling-inv-sect .sb-sect { position: relative; z-index: 5; width: 100%; }
.scrolling-inv-holder { position: relative; width: min(95%, 2400px, calc(100% - 48px)); }
.scrolling-inv-holder:before, .scrolling-inv-holder iframe { height: 90px; border-radius: 16px; }
.scrolling-inv-holder:before { position: absolute; z-index: 1; content: ""; width: calc(100% + 20px); bottom: -10px; left: -10px; background: var(--dblue); }
.scrolling-inv-holder iframe { position: relative; z-index: 3; width: 100%; }

/* subpages */
.subpage {}

.subhero { padding-top: 80px; padding-bottom: 40px; }

.subhero-img { position: relative; width: 33%; height: auto; max-height: 320px; object-fit: contain; object-position: center; }
.subhero-img:not(.img-contain) { object-fit: cover; object-position: center; border-radius: 16px; }

.ck-breadcrumbs { position: relative; width: 100%; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-start; align-items: center; gap: 8px; }
.ck-breadcrumbs .ck-breadcrumb, .ck-breadcrumbs .ck-breadcrumb-divider, .ck-breadcrumbs .ck-breadcrumb-fake { color: #000; position: relative; width: unset!important; opacity: .6; font-family: 'sinter', sans-serif; }
.ck-breadcrumbs .ck-breadcrumb {}
.ck-breadcrumbs a.ck-breadcrumb:hover { color: var(--dblue); opacity: 1; text-decoration: underline; }
.ck-breadcrumbs .ck-breadcrumb-divider { }
.ck-breadcrumbs .ck-breadcrumb-fake {}

/* contact-us.htm */
.contactpage {}

/* resources.htm */
.resourcepage {}

.resourcepage h2, .resourcepage .h2 { margin-bottom: 16px; }
.resourcepage h3, .resourcepage .h3 { margin-bottom: 8px; }

.resourcepage hr { margin: 24px auto; }
.resourcepage ul + hr { margin-top: 8px; }

.resourcepage ul.txt-default { }
.resourcepage ul:last-child { margin-bottom: 0; }

ul.txt-default { position: relative; list-style-type: disc; list-style-position: inside; margin: 6px auto 16px 8px; }
ul.txt-default li { position: relative; list-style-type: disc; padding: 2px 12px 2px 12px; margin-left: -6px; vertical-align: middle; transition: .15s ease all; }
ul.txt-default li::marker {}
ul.txt-default li:hover { background: rgba(0, 0, 0, .05); }
ul.ul-bullet {}

ul.ul-bullet ul.secondlayer { margin-left: 20px; }

ul.ul-checkmark { margin: 6px auto 16px 4px; }
ul.ul-checkmark li { padding: 2px 12px 2px 8px; margin-left: 0; }

ul.ul-checkmark li::marker, ul.ul-bullet ul.secondlayer li::marker { font-family: 'Font Awesome 6 Free', icon; font-weight: 900; }
ul.ul-bullet ul.secondlayer li::marker { content: "\f061"!important; }
ul.ul-checkmark li::marker { content: "\f00c"!important; }

/* "cat" pages: trailers.htm & trucks.htm */
.catpage {}

.cats-holder { position: relative; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 4px; }

.is-cat { position: relative; width: calc(25% - 3px); padding: 12px; min-height: 100px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; transition: .2s ease all; background: var(--blue); color: #fff; }
.is-cat .inv-title, .is-cat .inv-subtitle { }
.is-cat .inv-title { font-size: 22px; font-weight: 700; letter-spacing: .65px; text-transform: none; }
.is-cat .inv-subtitle { font-size: 18px; color: #ddd; }

a.is-cat:hover { background: var(--red); color: #000; }
a.is-cat:hover .inv-subtitle { color: #000; }

.trailerpage {}
.truckpage {}

/* thank-you.htm */
.thankyoupage {}

/* recommended styles */
.ta-c, .ta-c .title, .ta-c p, .title.ta-c, p.ta-c { text-align: center; }
.ta-r, .ta-r .title, .ta-r p, .title.ta-r, p.ta-r { text-align: right; }
.ta-l, .ta-l .title, .ta-l p, .title.ta-l, p.ta-l { text-align: left; }

.txt-upper { text-transform: uppercase; }

.txt-ital { font-style: italic; }
.txt-notital, .title2.txt-notital { font-style: normal; }

.txt-white, .txt-white span, .txt-white h1, .txt-white h2, .txt-white h3, .txt-white h4, .txt-white p, 
.darkmode, .darkmode .title, .darkmode .subtitle, .darkmode p, 
.shadowed, .shadowed .title, .shadowed .subtitle, .shadowed p { color: #fff; }

.txt-red { color: var(--red); }
.txt-blue { color: var(--blue); }
.txt-dblue { color: var(--dblue); }
.txt-dark-blue { color: var(--dark-blue); }
.txt-gray { color: var(--gray); }
.txt-lgray { color: var(--lgray); }
.txt-light-gray { color: var(--light-gray); }

.txt-black { color: #000; }

.bg-red { background: var(--red); }
.bg-blue { background: var(--blue); }
.bg-dblue { background: var(--dblue); }
.bg-dark-blue { background: var(--dark-blue); }
.bg-gray { background: var(--gray); }
.bg-lgray { background: var(--lgray); }
.bg-light-gray { background: var(--light-gray); }

.bg-white { background: #fff; }
.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-60 { padding-top: 60px; padding-bottom: 60px; }
.padtb-80 { padding-top: 80px; padding-bottom: 80px; }

.padlr-norm, .mission { padding-left: max(4.5vw, calc(50vw - 1000px)); padding-right: max(4.5vw, calc(50vw - 1000px)); }

.margt-neg40 { margin-top: -40px; }
.margt-12 { margin-top: 12px; }
.margt-16 { margin-top: 16px; }
.margt-20 { margin-top: 20px; }
.margt-40 { margin-top: 40px; }

.margb-neg40 { margin-bottom: -40px; }
.margb-4 { margin-bottom: 4px; }
.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 { font-weight: 700!important; }

.force-bora-0 { border-radius: 0!important; }

.force-colgap-0 { column-gap: 0!important; }
.force-rowgap-0 { row-gap: 0!important; }

.force-padt-0 { padding-top: 0!important; }
.force-padb-0 { padding-bottom: 0!important; }

/*-------- FORM STYLES now located in formstyles.css --------------------*/


/*-------- FOOTER STYLES ----------------*/
footer {}

.ck-footer, footer.ck-footer { position: relative; width: 100%; padding-top: 72px; display: flex; flex-direction: column; align-items: center; }

.foot-logo-div { position: absolute; z-index: 5; top: 40px; left: max(0px, calc(50vw - 900px)); padding: 32px 66px 32px 160px; background: var(--lgray); border-radius: 120px; box-shadow: 0 2px 16px rgba(0, 0, 0, .15); display: flex; justify-content: flex-end; align-items: center; }

.foot-logo, .foot-logo img { width: 120px; }
.foot-logo {}
.foot-logo img {}

.foot-main { position: relative; z-index: 2; width: 88%; max-width: 1600px; padding: 40px 150px; background: var(--dblue); border-radius: 120px; display: flex; justify-content: space-between; align-items: center; row-gap: 24px; }

.footcol { position: relative; display: flex; flex-direction: column; justify-content: center; }

.foot-spacer, .foot-nav { width: calc(50% - 220px); }
.foot-spacer {}

.foot-soc { align-items: flex-start; row-gap: 10px; }
.foot-soc .is-phone { color: #fff; }

.foot-nav { align-items: flex-end; }
.foot-nav a { position: relative; padding: 4px; display: flex; justify-content: flex-end; align-items: center; gap: 8px; color: #fff; text-align: right; text-transform: uppercase; font-size: 16px; letter-spacing: 1.5px; min-height: 30px; transition: .2s ease all; }
.foot-nav a:hover { color: var(--gray); text-decoration: underline; }

.foot-foot { position: relative; width: 100%; min-height: 50px; display: flex; justify-content: center; align-items: center; }
.foot-copyright { font-size: 14.5px; }

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.invpage .ck-footer, .ck-footer.invpage { padding-top: 24px; padding-bottom: 90px; }

/* AT styles */
.list.listing { display: flex!important; }

/*---------- RESPONSIVE STYLES ----------*/

@media only screen and (min-width: 2001px) {	/* MIND THE MIN-WIDTH */
	
}

@media only screen and (max-width: 2000px) {
	.foot-main { padding-left: 120px; padding-right: 120px; }
}

@media only screen and (max-width: 1850px) {
	.foot-logo-div { left: 0; padding-left: 10vw; border-top-left-radius: 0; border-bottom-left-radius: 0; }
}

@media only screen and (max-width: 1680px) {
	.invcta .inv-subtitle { font-size: 30px; }
	.invcta .inv-title { font-size: 50px; }
}

@media only screen and (max-width: 1500px) {
	.ck-header, header.ck-header { padding: 0 max(1.5%, 12px); column-gap: 24px; }
	
	.homehero-sb { padding-top: 50px; padding-bottom: 50px; }
}

@media only screen and (max-width: 1480px) {
	.mission { column-gap: 60px; }
}

@media only screen and (max-width: 1420px) {
	.feat-statement { padding-top: 40px; padding-bottom: 40px; }
}

@media only screen and (max-width: 1400px) {
	.is-cat { width: calc(33.333333% - 2.7px); }
}

@media only screen and (max-width: 1380px) {
	.invcta .inv-subtitle { font-size: 25px; }
	.invcta .inv-title { font-size: 42px; }
	
	.foot-logo-div { padding-left: 7vw; }
	.foot-main { width: 94%; }
}

@media only screen and (max-width: 1340px) {
	.hide1340 { display: none!important; }
}

@media only screen and (max-width: 1320px) {
	.txt-default, .content-sect p { font-size: 16px; }
	
	.ck-header, header.ck-header { column-gap: 20px; }
	
	.invcta { padding: 16px 32px; }
	
	.scrolling-inv-sect { padding: 40px 0 50px 0; }
	
	.foot-main { padding-left: 100px; padding-right: 100px; }
}

@media only screen and (max-width: 1280px) {
	.inv-ctas { gap: 12px; }
}

@media only screen and (max-width: 1250px) {
	.header-right .listed { padding-left: 16px; padding-right: 16px; }
}

@media only screen and (max-width: 1220px) {
	.ck-header, header.ck-header { column-gap: 10px; }
}

@media only screen and (max-width: 1200px) {
	.sb-sect { column-gap: 50px; }
	
	.hero .inv-ctas { bottom: 24px; }
	.invcta img { width: 45%; }
	
	.padlr-norm, .mission { padding-left: 3.5vw; padding-right: 3.5vw; }
}

@media only screen and (max-width: 1150px) {
	.invcta .inv-subtitle { font-size: 22px; }
	.invcta .inv-title { font-size: 38px; }
	
	.subhero-img { width: 40%; }
}

@media only screen and (max-width: 1120px) {
	.title, .title2 { font-size: 32px; }
	.title-lg, .title.title-lg, .title2-med, .title2.title2-lg { font-size: 40px; }
	.title-med, .title.title-med, .title2-med, .title2.title2-med { font-size: 30px; }
	.title-sm, .title.title-sm, .title2-sm, .title2.title2-sm { font-size: 24px; }

	.subtitle { font-size: 20px; letter-spacing: 1px; }
	.subtitle-med, .subtitle.subtitle-med { font-size: 18px; letter-spacing: .5px; }
	
	.header-right .listed { padding-left: 12px; padding-right: 12px; }
	
	.mission { flex-direction: column; align-items: center; }
	.mission.mission-cr { flex-direction: column-reverse; }
	.mission > .content-sect { width: 100%; }
	.mission .missionimg { width: min(100%, 800px); }
	
	.homepage .feat-statement { padding-bottom: 0!important; }
}

@media only screen and (max-width: 1050px) {
	.invcta { padding-left: 24px; padding-right: 24px; }
	
	.is-cat { min-height: 80px; }
	.is-cat .inv-title { font-size: 20px; }
	
	.feat-statement p { font-size: 19px; line-height: 1.35; }
	
	.ck-footer, footer.ck-footer { padding-top: 50px; }
	.foot-logo-div { padding: 28px 40px 28px 5.5vw; border-top-right-radius: 50px; border-bottom-right-radius: 50px; top: 24px; }
	.foot-main { border-radius: 50px; padding-left: 5vw; padding-right: 5vw; }
}

/* switch to mobile nav */
@media only screen and (max-width: 1020px) {
	.inv-ctas { gap: 8px; }
}

@media only screen and (max-width: 1000px) {
	.invcta .inv-subtitle { font-size: 20px; }
	.invcta .inv-title { font-size: 34px; letter-spacing: 3px; }
	
	.subhero-img { display: none!important; }
	.subhero, .subhero * { text-align: center; }
	.subhero .content-sect, .subhero .stacked-title { align-items: center; width: 100%; }
	.ck-breadcrumbs, .subhero .horiz-sect { justify-content: center; width: 100%; }
}

@media only screen and (max-width: 950px) {
	.invcta img { width: 40%; max-height: 100px; object-position: 0% 50%; }
	
	.cats-holder { gap: 2px; }
	.is-cat { width: calc(33.333333% - 1.4px); gap: 2px; }
	.is-cat .inv-title { font-size: 18px; }
	.is-cat .inv-subtitle { font-size: 16px; }
}

@media only screen and (max-width: 930px) {
	.homehero-sb { flex-direction: column; align-items: center; }
	.homehero-sb, .homehero-sb * { text-align: center; }
	.homehero-sb .feat-btn { width: min(100%, 500px); }
}

@media only screen and (max-width: 850px) {
	.ck-footer, footer.ck-footer { padding-top: 6px; }
	.foot-logo-div { left: 50%; transform: translateX(-50%); padding-right: 5.5vw; border-radius: 50px; width: calc(100% - 52px); justify-content: center; }
	.foot-main { flex-direction: column; width: calc(100% - 12px); padding: 208px 3vw 24px 3vw; }
	.foot-nav { width: 100%; align-items: center; }
	.foot-nav a { justify-content: center; text-align: center; min-height: 50px; }
}

@media only screen and (max-width: 800px) {
	.inv-ctas { flex-direction: column; align-items: center; }
	.invcta { width: min(100%, 620px); }
	.invcta img { width: 45%; max-height: 80px; }
	
	.hero { padding-bottom: 170px; }
	.hero:before { height: 260px; background: linear-gradient(0deg, rgba(15, 40, 81, 1) 0%, rgba(15, 40, 81, 1) 180px, rgba(15, 40, 81, 0) 100%); }
	
	.homehero-sb .feat-btn { width: min(100%, 620px); }
}

@media only screen and (max-width: 760px) {
	.feat-statement { padding-left: 5vw; padding-right: 5vw; }
}

@media only screen and (min-width: 751px) {
	.show750 { display: none!important; }
}

/* switch to full mobile header */
@media only screen and (max-width: 750px) {
	.ck-header, header.ck-header { column-gap: 0; padding-right: 0; padding-top: 50px; }
	.header-right { position: absolute; top: 0; left: 0; width: 100%; height: 50px; justify-content: center; }
	.header-right .listed { flex-grow: 1; }
	.header-right .listed.is-phone, .header-right .listed.is-phone span, .header-right .listed span.is-phone { font-size: 24px; }
	.header-right .listed.is-phone i { font-size: 20px; }
	.header-logo, .header-logo img { width: 112px; }
	.header-logo { margin-top: 0; }
	.nav-div { height: 80px; margin-right: 0; margin-left: auto; }
	
	.sb-sect { flex-direction: column; }
	.sb-sect > *:not(.btnclass) { width: 100%; }
	.sb-sect .content-sect, .sb-sect .stacked-title { align-items: center; }
	.sb-sect .horiz-sect { justify-content: center; }
	.sb-sect, .sb-sect * { text-align: center; }
	.sb-sect .listed span { text-align: left; }
}

@media only screen and (max-width: 700px) {
	.invcta { width: min(100%, 620px); }
	.invcta img { max-height: 70px; }
	
	.is-cat { width: calc(50% - 1px); min-height: 70px; }
}

@media only screen and (max-width: 680px) {
	.hide680 { display: none!important; }
}

@media only screen and (max-width: 650px) {
	
}

@media only screen and (max-width: 600px) {
	.feat-statement p { font-size: 18px; }
}

@media only screen and (max-width: 580px) {
	.scrolling-inv-holder { width: calc(100% - 12px); }
	.scrolling-inv-holder:before { width: calc(100% + 12px); border-radius: 0; left: -6px; }
	.scrolling-inv-holder iframe { border-radius: 12px; }
}

@media only screen and (max-width: 550px) {
	.hero { padding-bottom: 190px; }
	.hero:before { background: linear-gradient(0deg, rgba(15, 40, 81, 1) 0%, rgba(15, 40, 81, 1) 192px, rgba(15, 40, 81, 0) 100%); }
	
	.invcta .inv-subtitle { font-size: 18px; }
	.invcta .inv-title { font-size: 32px; letter-spacing: 2px; }
}

@media only screen and (max-width: 500px) {
	.hide500 { display: none!important; }
}

@media only screen and (max-width: 430px) {
	.invcta img { width: 40%; }
	.invcta .inv-subtitle { font-size: 17px; }
	.invcta .inv-title { font-size: 30px; }
	
	.is-cat .inv-title { font-size: 16px; }
	.is-cat .inv-subtitle { font-size: 15px; }
}

@media only screen and (max-width: 400px) {
	.is-cat { width: 100%; min-height: 62px; }
}

@media only screen and (max-width: 380px) {
	.invcta { padding-left: 3.5vw; padding-right: 3.5vw; }
}

@media only screen and (max-width: 360px) {
	.hide360 { display: none!important; }
}

@media only screen and (max-width: 350px) {
	.feat-statement { padding-left: 2.5vw; padding-right: 2.5vw; }
}

@media only screen and (max-width: 330px) {
	.invcta .inv-title { font-size: 26px; }
}

@media only screen and (max-width: 300px) {
	.header-logo, .header-logo img { width: 96px; }
	.nav-div { height: 70px; }
	
	.btnclass { width: 100%; margin-left: auto; margin-right: auto; padding-left: 8px; padding-right: 8px; }
	
	.hero { padding-bottom: 260px; }
	.hero:before { height: 290px; background: linear-gradient(0deg, rgba(15, 40, 81, 1) 0%, rgba(15, 40, 81, 1) 262px, rgba(15, 40, 81, 0) 100%); }
	
	.invcta { flex-direction: column; gap: 8px; }
	.invcta img { width: 100%; object-position: center; max-height: 40px; }
	.invcta-textcol { align-items: center; }
	.invcta .inv-title, .invcta .inv-subtitle { text-align: center; }
}

@media only screen and (max-width: 245px) {
	.ck-header, header.ck-header { padding-top: 0; }
	.header-right { display: none!important; }
	.header-logo { margin-top: 6px; }
	.header-logo, .header-logo img { width: 86px; }
}






