/***** 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: 'newnord', sans-serif; }

a:link, a:visited, a:active, a:hover { text-decoration: none; }
hr { border: #000 1px solid; }
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; }

.ci-header, header.ci-header { position: relative; z-index: 1004; width: 100%; padding: 0 max(32px, calc(50vw - 1000px)); display: flex; justify-content: space-between; align-items: stretch; border-top: 4px solid var(--dblue); background: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, .15); }
.ci-topheader { position: absolute; top: -4px; right: 0; height: 42px; clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 42px 100%); background: var(--dblue); padding-right: max(32px, calc(50vw - 1000px)); padding-left: 88px; display: flex; justify-content: flex-end; align-items: stretch; column-gap: 40px; }
.ci-topheader > * { min-height: unset!important; }
.header-logo-div { position: relative; display: flex; justify-content: flex-start; align-items: center; }

.ci-logo, .ci-logo img { position: relative; max-width: min(100%, 280px); transition: .25s ease all; }
.ci-logo { display: flex; align-items: center; }
.ci-logo img { object-fit: contain; object-position: center; }

.header-logo, .header-logo img { height: 110px; }
.header-logo { justify-content: flex-start; }
.header-logo img { object-position: 0% 50%; padding: 12px 0; }
.nav-div { position: relative; z-index: 5; margin-top: 38px; display: flex; justify-content: flex-end; align-items: stretch; }

.mobile-search-toggler { position: relative; display: flex; align-items: center; padding-left: 20px; padding-right: 20px; transition: .25s ease all; cursor: pointer; }
.mobile-search-toggler:hover { color: var(--yellow); }
.mobile-search-toggler i { color: #fff!important; font-size: 16px; transition: .25s ease all; }
.mobile-search-toggler:hover i { color: var(--yellow)!important; }

#desktopSearchToggler { margin: auto 0 auto 10px; background: var(--blue); border-radius: 12px; padding-top: 18px; padding-bottom: 18px; }
#desktopSearchToggler:hover { background: var(--dblue); }

.invsearch { position: relative; width: 100%; padding: 24px 32px; background: var(--blue); display: flex; flex-direction: column; justify-content: center; align-items: center; }
.invsearch .subtitle { margin-bottom: 16px; }
.invsearch form.ci-form { row-gap: 8px; padding: 0!important; box-shadow: none!important; border-radius: 0!important; }
.invsearch form.ci-form .btnclass { width: 100%; margin-top: 4px; }

#modal-searchbox { display: none; position: fixed; z-index: 2; top: 50%; transform: translateX(-50%) translateY(-50%); right: max(24px, calc(50vw - 1176px)); }

#modal-invsearch { width: min(100%, 450px); }
#modal-invsearch .subtitle { padding: 0 16px; }

#modal-searchbox.opened-full { position: fixed; z-index: 1005; top: 0; left: 0; width: 100%; height: max(100vh, 400px); padding: 60px 5vw; display: flex; justify-content: center; align-items: center; background: rgba(36,32,33,0.33); transform: none; box-shadow: none; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }

.mobile-searchbox-closer-bg { display: none; }
#modal-searchbox.opened-full .mobile-searchbox-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; }
#modal-searchbox.opened-full > *:not(.mobile-searchbox-closer-bg) { position: relative; z-index: 2; }

#modal-searchbox.opened-full a.fullsearch-closer { position: absolute!important; top: 0; right: 0; width: 50px; height: 50px; border-top-right-radius: 12px; }
#modal-searchbox.opened-full a.fullsearch-closer i { color: #fff!important; font-size: 19px; }
#modal-searchbox.opened-full a.fullsearch-closer:hover i { color: var(--yellow)!important; }

/* Site Colors: */
:root {
	--blue: 		#1a286f; 	/* var(--blue); 		rgba(26, 40, 111, 1); 	*/
	
	--dblue: 		#0f1843; 	/* var(--dblue); 		rgba(15, 24, 67, 1); 	*/
	--dark-blue: 	#0f1843; 	/* var(--dark-blue); 	rgba(15, 24, 67, 1); 	*/
	
	--yellow: 		#f5dd63; 	/* var(--yellow); 		rgba(245, 221, 99, 1); 	*/
	
	--notwhite: 	#f8f8f8; 	/* var(--notwhite); 	rgba(248, 248, 248, 1); */
	
	--lgray: 		#d9d9d9; 	/* var(--lgray); 		rgba(217, 217, 217, 1); */
	--light-gray: 	#d9d9d9; 	/* var(--light-gray); 	rgba(217, 217, 217, 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: var(--blue); text-decoration: underline; }
.darkmode a.invisilink:hover, a.invisilink.darkmode:hover { color: var(--yellow); }

/* 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: 'newnord', sans-serif; font-weight: 400; transition: .25s ease all; }

.txt-default, .content-sect p, input, select, textarea { font-size: 16px; }

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

.title, .title-h1, .title-h2, .title-h3, .title-h4, .subtitle { font-family: 'newnord', sans-serif; width: 100%; }

.title, .title-h1, .title-h2, .title-h3, .title-h4 { font-weight: 600; letter-spacing: -1px; }

.title-h1, .title.title-h1 { font-size: 48px; }
.title, .title-h2, .title.title-h2 { font-size: 36px; }
.title-h3, .title.title-h3 { font-size: 28px; }
.title-h4, .title.title-h4 { font-size: 24px; }

.subtitle, .subtitle-h1, .subtitle-h2, .subtitle-h3, .subtitle-h4 { font-weight: 400; letter-spacing: 1px; text-transform: uppercase; }

.subtitle-h1, .subtitle.subtitle-h1 { font-size: 30px; }
.subtitle, .subtitle-h2, .subtitle.subtitle-h2 { font-size: 25px; }
.subtitle-h3, .subtitle.subtitle-h3 { font-size: 22px; }
.subtitle-h4, .subtitle.subtitle-h4 { font-size: 17px; }

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

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

.btnclass, .darkmode .btnclass, .shadowed .btnclass { padding: 8px 30px; justify-content: center; background: var(--yellow); border-radius: 16px; color: var(--dblue); text-shadow: none; font-size: 17px; font-weight: 600; letter-spacing: -.5px; text-align: center; outline: none; border-width: 1px; border-style: solid; border-color: var(--yellow); }
.shadowed .btnclass, .btnclass.shadowed { box-shadow: 0 2px 12px rgba(0, 0, 0, .8); }
.btnclass i { font-size: 15px; color: var(--dblue); text-shadow: none; transition: .25s ease all; }

.btn-blue, .btnclass.btn-blue { background: var(--blue); color: #fff; border-color: var(--blue); }

.btnclass:hover { background: none; color: var(--dblue); border-color: var(--dblue); text-shadow: none; box-shadow: none; }
.btnclass:hover i { color: var(--dblue); text-shadow: none; }
.btnclass.need-hvrbg:hover { background: #fff; }
.darkmode .btnclass:hover, .btnclass.darkmode:hover, .shadowed .btnclass:hover, .btnclass.shadowed:hover { background: var(--dblue); color: #fff; border-color: #fff; text-shadow: none; box-shadow: none; }
.darkmode .btnclass:hover i, .btnclass.darkmode:hover i, .shadowed .btnclass:hover i, .btnclass.shadowed:hover i { color: #fff; text-shadow: none; }

.listed { padding: 6px 12px 8px 12px; justify-content: center; column-gap: 10px; }
.listed, .listed i, .listed span { color: var(--dblue); transition: .25s ease all; }
.listed, .listed span { font-size: 14px; font-weight: 400; }
.listed.is-phone, .listed.is-phone span { font-size: 15px; font-weight: 600; }
.listed i { font-size: 14px; width: 18px; text-align: center; margin-top: 2px; display: flex; justify-content: center; align-items: center; }
a.listed:hover, a.listed:hover i, a.listed:hover span { color: #444; cursor: pointer; }

.darkmode .listed.txt-white, .darkmode .listed.txt-white i, .darkmode .listed.txt-white span, 
.darkmode .listed.is-phone.txt-white, .darkmode .listed.is-phone.txt-white i, .darkmode .listed.is-phone.txt-white span, 
.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: var(--yellow); }

.darkmode .listed.is-phone, .listed.is-phone.darkmode, .listed.txt-yellow, 
.darkmode .listed.is-phone span, .listed.is-phone.darkmode span, .listed.txt-yellow span, 
.darkmode .listed.is-phone i, .listed.is-phone.darkmode i, .listed.txt-yellow i { color: var(--yellow); }

.darkmode a.listed.is-phone:hover, a.listed.is-phone.darkmode:hover, a.listed.txt-yellow:hover { background: var(--yellow); }

.darkmode a.listed.is-phone:hover, a.listed.is-phone.darkmode:hover, a.listed.txt-yellow:hover, 
.darkmode a.listed.is-phone:hover span, .listed.is-phone.darkmode:hover span, a.listed.txt-yellow:hover span, 
.darkmode a.listed.is-phone:hover i, a.listed.is-phone.darkmode:hover i, a.listed.txt-yellow:hover i { color: var(--dblue); }

.imgbox-cta { position: relative; padding: 20px min(20px, 5vw); background: var(--dblue); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center!important; color: #fff!important; overflow: hidden; }
.imgbox-cta:after { position: relative; z-index: 2; content: "\f101"; height: 24px; margin-top: -24px; opacity: 0; transition: .3s ease all; font-family: 'Font Awesome 6 Free', icon; font-weight: 900; font-size: 14px; display: flex; justify-content: center; align-items: flex-end; }
.imgbox-cta, .imgbox-cta img { border-radius: 16px; transition: .3s ease all; color: #fff; }
.imgbox-cta span { position: relative; z-index: 3; color: #fff; text-transform: uppercase; text-align: center; font-size: 24px; letter-spacing: 2px; line-height: 1.5; text-shadow: 0 0 12px var(--dblue); }
a.imgbox-cta:hover:after { opacity: 1; margin-top: 0; }
a.imgbox-cta:hover img { filter: brightness(.7); transform: scale(1.1); }

.missionimg .imgbox-cta { width: 100%; height: 100%; }

/* sections */
.content-sect, .horiz-sect { position: relative; display: flex; row-gap: 16px; }
.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, .f-col.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; }

.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, .f-wrap { flex-wrap: wrap; }

.mission, .fancy-mission { position: relative; display: flex; justify-content: center; align-items: stretch; }

.mission { width: 100%; padding: 60px max(5vw, calc(50vw - 1000px)); display: flex; justify-content: center; align-items: stretch; column-gap: 40px; row-gap: 40px; }
.mission > .content-sect { width: calc(67% - 20px); padding: 32px 0; }
.the-sinker { margin-bottom: -25px; }
.mission .missionimg { position: relative; width: calc(33% - 20px); min-height: 250px; display: flex; justify-content: center; align-items: center; }

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

.mission .missionimg img:not(.img-contain) { border-radius: 12px; box-shadow: 0 2px 12px rgba(0, 0, 0, .1); }

img.img-contain, .mission .missionimg img.img-contain { object-fit: contain; }

.mission .missionimg img.img-contain { position: relative; width: 100%; height: auto; max-height: 600px; }

.fancy-mission { width: min(calc(100% - 48px), 1600px); margin: 40px auto; align-items: flex-start; padding: 20px min(40px, max(2vw, 24px)) 0 min(40px, max(2vw, 24px)); }
.fancy-mission:before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: calc(100% - 24px); background: #fff; border: 1px solid var(--blue); border-radius: 16px; }

.fancy-mission > .content-sect { position: relative; width: 66%; }
.fancy-mission > .content-sect:first-child { margin-right: auto; }
.fancy-mission > .content-sect:last-child { margin-left: auto; }

.fancy-missionimg { position: absolute; top: -20px; right: 12px; width: calc(34% - 24px); height: calc(100% + 24px); object-position: center; }

.fancy-covermissionimg { right: -12px; width: calc(34% - 12px); object-fit: cover; border-radius: 16px; box-shadow: 0 2px 20px rgba(0, 0, 0, .2); }

/* 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; justify-content: flex-start; align-items: center; background: #000; }
.hero { padding-top: 60px; padding-bottom: 60px; min-height: 650px; }

.hero-slider-holder { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; background: #000; }
.hero-slider-holder .my-swiper:after { position: absolute; z-index: 3; content: ""; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; background-image: linear-gradient(90deg, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, .4) 25%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%); }

.swiper-holder { position: absolute; z-index: 5; top: 0; left: 0; width: 100%; height: 100%; }
.swiper { width: 100%; height: 100%; }
.swiper-slide { text-align: center; display: flex; justify-content: center; align-items: center; }
.swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }

.swiper-pagination { z-index: 6; bottom: 24px!important; pointer-events: none; }
.swiper-pagination-bullet, .swiper-pagination-bullet-active { background: #fff; border-radius: 2px; width: 14px; height: 14px; margin: 0 5px!important; }
.swiper-pagination-bullet { opacity: .6; }
.swiper-pagination-bullet-active { opacity: 1; }
.swiper-pagination-bullet:not(.swiper-pagination-bullet-active) { pointer-events: all; }

.hero-overlay { position: relative; z-index: 5; pointer-events: none; }
.hero-overlay > * { pointer-events: all; }

#home-triangle-sect { padding-top: 48px; padding-bottom: 32px; }
.is-inv-sect { row-gap: 60px; }
#home-triangle-sect .fancy-mission { margin-top: 12px; }

.brand-slider-holder { position: relative; width: calc(100% - 140px); margin: 0 auto; background: #fff; border-radius: 32px; box-shadow: 0 2px 8px rgba(0, 0, 0, .2); }
.brand-slider-holder .my-swiper { padding: 0 24px; }

.swiper-button-next, .swiper-button-prev { position: absolute!important; top: 50%!important; transform: translateY(-50%)!important; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; text-align: center; border-radius: 8px; margin: 0!important; transition: .25s ease all; box-shadow: 0 2px 10px rgba(0, 0, 0, .1); border-width: 1px; border-style: solid; }
.swiper-button-next i, .swiper-button-prev i { font-size: 18px; }
.swiper-button-next:hover, .swiper-button-prev:hover {}
.swiper-button-next { background: var(--yellow); color: var(--dblue); border-color: var(--yellow); right: -32px!important; left: unset!important; }
.swiper-button-next:hover { background: var(--dblue); color: #fff; border-color: #fff; }
.swiper-button-prev { background: var(--blue); color: #fff; border-color: var(--blue); left: -32px!important; right: unset!important; }
.swiper-button-prev:hover { background: #fff; color: var(--dblue); border-color: var(--dblue); }

.brand-slider-holder .swiper-button-next {}
.brand-slider-holder .swiper-button-prev {}

.is-brand { position: relative; width: 100%; padding: 0 32px 26px 32px; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; transition: .3s ease all; }
.is-brand img { position: relative; width: min(100%, 240px); height: 118px; padding: 40px 0/*max(0px, calc(100% - 242px))*/ 36px 2px; object-fit: contain; object-position: 0% 50%; transition: .15s ease all; }
.is-brand span { position: relative; width: min(100%, 240px); display: flex; flex-direction: row; justify-content: flex-start; align-items: center; color: var(--dblue); text-transform: uppercase; text-align: left; font-size: 19px; letter-spacing: 2.5px; transition: .3s ease all; }
.is-brand span:after { color: var(--dblue); font-size: 14px; transition: .3s ease all; position: relative; z-index: 2; content: "\f101"; margin-left: -24px; margin-top: -2px; opacity: 0; font-family: 'Font Awesome 6 Free', icon; font-weight: 900; display: flex; justify-content: center; align-items: flex-end; }

a.is-brand:hover img { filter: saturate(.3); transition: .35s ease all; }
a.is-brand:hover span { color: var(--blue); letter-spacing: 1px; }
a.is-brand:hover span:after { margin-left: 10px; color: var(--blue); opacity: 1; }

.tallbrand img { padding: 24px 0; }

.cats-search-holder { position: relative; z-index: 3; width: 100%; display: flex; justify-content: center; align-items: stretch; gap: 12px; }

.inv-cats, .invsearch { border-radius: 16px; box-shadow: 0 2px 12px rgba(0, 0, 0, .1); }

.inv-cats { position: relative; width: min(min(calc(75% - 12px), calc(100% - 372px)), 1200px); padding: 20px 24px; background: var(--yellow); display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: stretch; }
.invcat { width: 25%; padding: 8px 16px; background: var(--yellow); }
.invcat, .invcat span { position: relative; font-size: 19px; text-align: center; color: var(--dblue); display: flex; flex-direction: column; align-items: center; justify-content: center; transition: .25s ease all; }
.invcat > span:before { position: absolute; content: ""; top: -10px; left: -18px; width: calc(100% + 36px); height: calc(100% + 20px); border-radius: 8px; border: 1px solid var(--dblue); opacity: 0; transition: .25s ease all; }
a.invcat:hover {}
a.invcat:hover, a.invcat:hover span { color: var(--blue); }
a.invcat:hover > span:before { opacity: 1; border: 1px solid var(--blue); }

.inv-cats .btnclass { font-size: 19px; letter-spacing: -.25px; margin: auto; min-height: 54px; }

#invsearch-w25 { width: max(min(25%, 450px), 360px); }

#home-mission {}

#parts-service-ctasect {}

.bubble-sect { position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; row-gap: 0; }
.is-bubble { padding: 32px min(3vw, 100px); border-radius: 32px; box-shadow: 0 2px 12px rgba(0, 0, 0, .1); margin-right: auto; }
.bubble-sect .is-bubble { margin-bottom: -32px; }
.why-slider-holder { position: relative; width: 80%; padding: 32px 0 0 0; border-radius: 32px; background: #fff; box-shadow: 0 4px 20px rgba(0, 0, 0, .2); }
.why-slider-holder .swiper { padding: 0 32px; }
.why-slider-holder .swiper-button-next, .why-slider-holder .swiper-button-prev { transform: translateY(32%)!important; }
.why-slider-holder .swiper-slide { padding: 88px 24px 40px 24px; }
.is-reason { position: relative; width: 100%; padding: 0 20px 20px 20px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; border: 1px solid var(--blue); background: #fff; box-shadow: 0 2px 12px rgba(0, 0, 0, .05); border-radius: 16px; transition: .25s ease all; }
.is-reason img, .is-reason > i { position: relative; height: 80px; background: #fff; margin-top: -55px; margin-bottom: 12px; display: flex; justify-content: center; align-items: center; border-radius: 16px; }
.is-reason img { width: auto; max-width: 90%; object-fit: contain; object-position: 0% 100%; padding: 4px 8px; margin-left: -10px; }
.is-reason > i { font-size: 72px; text-align: left; color: var(--blue); padding: 4px 6px; margin-left: -8px; }
.is-reason .stacked-title { row-gap: 8px; }
.is-reason span { text-align: left; }
.is-reason span.title { color: var(--blue); font-size: 24px!important; }
.is-reason span.subtitle { color: var(--dblue); font-size: 18px!important; letter-spacing: 1.5px!important; }
.is-reason span.hovertext { color: var(--dblue); opacity: 0; height: 16px; min-height: 16px; margin-top: -16px; transition: .25s ease all; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: 10px; }
.is-reason span.hovertext i { color: var(--dblue)!important; font-size: 14px!important; width: 14px; height: 14px; }

a.is-reason:hover { margin-bottom: -28px; box-shadow: 0 2px 14px rgba(0, 0, 0, .1); }
a.is-reason:hover span.hovertext { opacity: 1; margin-top: 12px; height: unset; }

#whychoose-sect {}

/* subpages */
.subpage {}

.subhero {}

.new-subhero { position: relative; z-index: 5; width: 100%; border-radius: 32px; border-top-left-radius: 0; border-top-right-radius: 0; padding: 60px max(min(40px, 5vw), calc(50vw - 1000px)); }
.new-subhero > img { opacity: .15; border-radius: 32px; border-top-left-radius: 0; border-top-right-radius: 0; }

.ci-breadcrumbs { position: relative; z-index: 3; width: 100%; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-start; align-items: center; gap: 12px; padding: 16px max(min(40px, 5vw), calc(50vw - 1000px)); background: var(--lgray); }
.ci-breadcrumbs .ci-breadcrumb { color: #000; }
.ci-breadcrumbs a.ci-breadcrumb:hover { color: var(--dblue); text-decoration: underline; }
.ci-breadcrumbs .ci-breadcrumb-page { color: #444; }

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

.testimonial-slider-holder { position: relative; width: calc(100% - 60px); }
.testimonial-slider-holder .swiper { padding: 32px 24px; }
.testimonial-slider-holder .swiper-slide { padding: 24px; }

.is-testimonial { width: 100%; padding: 32px 40px; border-radius: 32px; background: #fff; box-shadow: 0 4px 12px rgba(0, 0, 0, .1); }
.stars-div { position: relative; display: flex; justify-content: center; align-items: center; column-gap: 4px; margin-bottom: 20px; font-size: 22px; color: var(--blue); }
.is-testimonial p { font-size: 16px; color: var(--dblue); }
.author-date, .author-date span { font-size: 14px; }

#testimony-list .swiper-button-next, #testimony-list .swiper-button-prev { display: none!important; }
#testimony-list .testimonial-slider-holder { width: 100%; }
#testimony-list .mySwiper4 { padding: 40px 12px; }
#testimony-list .swiper-wrapper { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; column-gap: 12px; }
#testimony-list .swiper-slide { width: calc(50% - 6px); padding: 12px; }

.ci-gallery { position: relative; width: 100%; padding-bottom: 50px; box-sizing: border-box; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; }

/*---galleryscript.js---*/
.ci-gallery .indi-media { display: flex; flex-direction: column; align-items: center; justify-content: center; width: calc(33.333333% - 8px); margin: 4px 4px 3px 4px; box-sizing: border-box; }
.indi-media img, .postcard-img img { cursor: pointer; }
.ci-gallery .indi-media img { width: 100%; height: 20vw; max-height: 500px; object-fit: cover; object-position: center; display: block; }
.indi-media .img-wrapper { position: relative; width: 100%; }
.nextButton, .prevButton, .closeBtn { position: absolute; z-index: 3; color: #fff; background: var(--blue); border: 1px solid var(--blue); border-radius: 12px; min-height: 50px; min-width: 50px; display: flex; justify-content: center; align-items: center; text-align: center; font-size: 20px; transition: .25s ease all; }
.nextButton:hover, .prevButton:hover, .closeBtn:hover { border-color: #fff; background: var(--dblue); color: #fff; cursor: pointer; }
.nextButton, .prevButton { top: 50%; transform: translateY(-50%); }
.nextButton { right: -35px; }
.prevButton { left: -35px; }
.closeBtn { top: 15px; right: 15px; font-size: 28px; }

/* new gallery modal */
.gallery-modal { position: fixed; inset: 0; opacity: 0; pointer-events: none; transition: opacity 0.25s ease; z-index: 1010; display: flex; justify-content: center; align-items: center; padding: 24px min(24px, 5vw); }
.gallery-modal.opened-full { opacity: 1; pointer-events: auto; }
.gallery-modal.opened-full .gallery-content img, .gallery-modal.opened-full .nextButton, .gallery-modal.opened-full .prevButton, .gallery-modal.opened-full .closeBtn { pointer-events: all; }
.gallery-backdrop { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.75); }
.gallery-content { position: relative; width: calc(100vw - 100px); height: 100vh; max-width: 1500px; z-index: 1; display: flex; justify-content: center; align-items: center; pointer-events: none; }
.gallery-content img { width: auto; max-width: 100%; height: auto; max-height: 90vh; object-fit: contain; margin: 0 auto; }
.no-scroll { overflow: hidden; }

.postpage {}

.posts-list { position: relative; display: flex; flex-direction: column; align-items: center; gap: 20px; }
.is-post-card { position: relative; width: min(100%, 1500px); padding: 32px min(32px, 5vw); border-bottom: 1px solid var(--blue); display: flex; justify-content: flex-start; align-items: center; column-gap: 32px; row-gap: 20px; }
.is-post-card:last-child { border-bottom: none; }
.is-post-card .postcard-img { width: max(33.333333%, 200px); }
.is-post-card .postcard-img img { width: 100%; height: auto; max-height: 500px; object-fit: contain; object-position: center; }
.is-post-card .postcard-content { flex-grow: 1; max-width: min(60%, calc(100% - 232px)); }

/* consignments.htm */
.consignpage {}

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

#contactinfsect { align-items: center; background: #fff; z-index: 3; }
#contactinfsect .missionimg { width: calc(50% - 40px); }
#contactinfsect > .content-sect { width: 50%; }

.map-div iframe { border-radius: 16px; border: 2px solid var(--blue); box-shadow: 0 2px 12px rgba(0, 0, 0, .2); }

/* Inventory Category / "Browse by" pages: browse-by-category.htm / browse-by-manufacturer.htm (brand) */
.invcatpage {}

.catcatpage {}

.manucatpage {}

#manucatholder .swiper-button-next, #manucatholder .swiper-button-prev { display: none!important; }
#manucatholder .brand-slider-holder { width: min(100%, 1200px); background: none!important; box-shadow: none; }
#manucatholder .mySwiper2 { padding: 0; }
#manucatholder .swiper-wrapper { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 12px; }
#manucatholder .swiper-slide { width: calc(33.333333% - 8px); padding: 0; background: #fff; border-radius: 16px; box-shadow: 0 2px 12px rgba(0, 0, 0, .2); transition: .25s ease all; }
#manucatholder .swiper-slide:hover { box-shadow: 0 2px 12px rgba(0, 0, 0, .4); }

/* faq.htm */
.faqpage {}

.faqpage-content {}

/* accordion!! */
.accordions-holder { position: relative; width: min(100%, 1000px); margin: 12px auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; row-gap: 16px; }

.accordion { position: relative; border: 1px solid #fff; filter: none; display: flex; flex-direction: column; border-radius: 12px; }
.accordion, .accordion .accordion-header, .accordion .accordion-content { width: 100%!important; transition: .2s ease all; }
.accordion .accordion-header { padding: 16px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; column-gap: 8px; border-radius: 12px; }
.accordion .accordion-header i { width: 32px; height: 32px; display: flex; justify-content: center; align-items: center; text-align: center; transition: .2s ease all; }
.accordion .accordion-content { padding: 24px min(5vw, 24px); }

.accordion:not(.active) {}
.accordion:not(.active) .accordion-header i { font-size: 20px; transform: none; }
.accordion:not(.active) .accordion-header i:before { content: "\2b"; width: 32px; height: 32px; display: flex; justify-content: center; align-items: center; text-align: center; transform: none; transition: .2s ease all; }
.accordion:not(.active) .accordion-header { background: #fff; height: 100%; box-shadow: 0 2px 10px rgba(0, 0, 0, .2); }
.accordion:not(.active) .accordion-header .title {}
.accordion:not(.active) .accordion-content { display: none; }

.accordion:hover { border: 1px solid var(--blue); }
.accordion .accordion-header:hover { box-shadow: 0 2px 16px rgba(0, 0, 0, .3); }

.accordion.active { width: 100%!important; background: #f2f2f2; margin: 12px 0; border: 1px solid var(--blue); }
.accordion.active .accordion-header, .accordion.active .accordion-content { padding-left: min(24px, 5vw); padding-right: min(24px, 5vw); }
.accordion.active .accordion-header { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.accordion.active .accordion-header:hover {}
.accordion.active .accordion-header i { font-size: 20px; }
.accordion.active .accordion-header i:before { content: "\f068"; }
.accordion.active .accordion-content { display: flex; border-radius: 12px; border-top-left-radius: 0; border-top-right-radius: 0; background: #fff; }
.accordion-content p { font-size: 18px; }

/* 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; }

.btnclass.txt-upper { letter-spacing: 1px; }

.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; }

.darkmode .subtitle, .subtitle.darkmode { color: var(--lgray)!important; }

.shadowed, .shadowed .title, .shadowed .subtitle, .shadowed p { color: #fff; text-shadow: 1px 1px 0 #000, 0 0 16px #000; }

.txt-blue { color: var(--blue); }
.txt-dblue { color: var(--dblue); }
.txt-yellow { color: var(--yellow); }
.txt-notwhite { color: var(--notwhite); }
.txt-lgray { color: var(--lgray); }

.txt-black { color: #000; }

.bg-blue { background: var(--blue); }
.bg-dblue { background: var(--dblue); }
.bg-yellow { background: var(--yellow); }
.bg-notwhite { background: var(--notwhite); }
.bg-lgray { background: var(--lgray); }

.bg-white { background: #fff; }
.bg-black { background: #000; }

.bg-img { position: relative; }

.bg-fixed > img { position: fixed; }

.bdr-t { border-top: 4px solid var(--dblue); }
.has-sm-bdr-t { border-top: 1px solid var(--blue); }

.bora-sm { border-radius: 8px; }
.bora-med { border-radius: 16px; }
.bora-lg { border-radius: 32px; }

.has-triangle { position: relative; }
.has-triangle:before { position: absolute; content: ""; top: -1px; left: -1px; width: min(66.67vw, 1200px); height: min(66.67vw, 1200px); background: var(--dblue); clip-path: polygon(0% 0%, 100% 0%, 0% 100%); }

.clip-the-triangle { overflow-y: hidden; }

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

.padtb-20 { padding-top: 20px; padding-bottom: 20px; }
.padtb-24 { padding-top: 24px; padding-bottom: 24px; }
.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-40 { padding-top: 40px; }

.bubble-sect, .padlr-sm { padding-left: max(2.5vw, calc(50vw - 1000px)); padding-right: max(2.5vw, calc(50vw - 1000px)); }
.hero, .subhero, .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-24 { margin-top: 24px; }
.margt-40 { margin-top: 40px; }

.margb-neg40 { margin-bottom: -40px; }
.margb-8 { margin-bottom: 8px; }
.margb-16 { margin-bottom: 16px; }
.margb-20 { margin-bottom: 20px; }
.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-32 { row-gap: 32px; }
.rowgap-40 { row-gap: 40px; }
.rowgap-50 { row-gap: 50px; }

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

/* forced styles */
.txt-bold { font-weight: 600!important; }

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

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

/*-------- FORM STYLES --------------------*/
.form-side { position: relative; width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: flex-start; column-gap: 80px; row-gap: 32px; }

.form-side form.ci-form { width: calc(40% - 80px); flex-direction: column; }
.form-side form.ci-form .smcol { width: 100%!important; }

form.ci-form { position: relative; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; column-gap: 24px;padding: 32px; border-radius: 32px; background: var(--blue); box-shadow: 0 2px 16px rgba(0, 0, 0, .2); }

form.ci-form .formrow { width: 100%; display: flex; justify-content: center; }
form.ci-form .formrow-captcha { width: 100%; display: flex; flex-direction: column; align-items: center; margin-top: 8px; }
form.ci-form .smcol { width: calc(33.333333% - 16px); display: flex; flex-direction: column; align-items: flex-start; }

form.ci-form label { font-family: 'newnord', sans-serif!important; width: 100%; padding: 16px 12px; box-sizing: border-box; color: #ddd; font-size: 16px; line-height: 1.4; letter-spacing: .5px; }
form.ci-form select, form.ci-form input, form.ci-form input[type="text"], form.ci-form input[type="email"], form.ci-form textarea, form.ci-form #CaptchaAnswer { font-family: 'newnord', sans-serif!important; width: 100%; height: 50px; padding: 12px 11px; box-sizing: border-box; background: #fff; color: #000; font-size: 16px; font-weight: 400; line-height: 1.2; letter-spacing: .5px; border: none; border-radius: 16px!important; outline: 1px solid #000; }
form.ci-form textarea { height: 120px; }
form.ci-form select { background: #fff; border-right: 12px solid #fff!important; }

form.ci-form a:not(.invisilink) { cursor: pointer; margin: 20px 0 0 0; }
form.ci-form .CaptchaMessagePanel { font-family: 'newnord', sans-serif!important; color: #fff!important; letter-spacing: .5px; }
form.ci-form #CaptchaAnswer { width: 180px!important; }
form.ci-form div.CaptchaWhatsThisPanel a { font-family: 'newnord', sans-serif!important; transition: .15s ease all; color: #fff!important; letter-spacing: .5px; }
form.ci-form div.CaptchaWhatsThisPanel a:hover { text-decoration: underline; }
form button[type="submit"], form input[type="submit"] { cursor: pointer; }

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

.connect-to-subhero { margin-top: -32px; padding-top: 80px; }

.connect-to-footer { margin-bottom: -160px; padding-bottom: 160px; }

.ci-footer, footer.ci-footer { position: relative; z-index: 3; width: 100%; margin-top: 60px; display: flex; flex-direction: column; align-items: center; }
.foot-logo-div, .foot-logo, .foot-logo img { border-radius: 16px; }
.foot-logo-div { position: relative; z-index: 3; width: 300px; height: 134px; margin-bottom: -38px; background: var(--blue); display: flex; justify-content: center; align-items: center; box-shadow: 0 2px 12px rgba(0, 0, 0, .1); }
.foot-logo { width: 100%; max-width: 100%; max-height: 100%; justify-content: center; }
.foot-logo img { object-position: center; padding: min(24px, 7vw) min(32px, 9vw); filter: saturate(0) brightness(10); }
a.ci-logo:hover img { opacity: .85; }
.ci-footmain { position: relative; z-index: 1; width: 100%; padding: 90px max(4.5vw, calc(50vw - 1000px)); background: #000; background-image: url('/siteart/bg-tracks.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; row-gap: 32px; }
.ci-footcol { position: relative; display: flex; flex-direction: column; justify-content: flex-start; }
.ci-footcol .title { color: var(--lgray); margin-bottom: 6px; font-size: 19px!important; letter-spacing: -.25px!important; }
.ci-footcol a:not(.listed) { position: relative; z-index: 3; padding: 6px 12px; min-height: 28px; display: flex; align-items: center; gap: 12px; font-size: 15px; color: var(--lgray); transition: .25s ease all; }
.ci-footcol a:not(.listed):before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; border-radius: 8px; border: 1px solid var(--yellow); opacity: 0; transition: .25s ease all; }
.ci-footcol a.txt-yellow:not(.listed), .ci-footcol a:not(.listed):hover { color: var(--yellow); }
.ci-footcol a:not(.listed):hover:before { opacity: 1; }
.footcol-contact, .footcol-ql { width: calc(50% - 160px); }
.footcol-contact { align-items: flex-start; }
.footcol-contact .title, .footcol-contact a:not(.listed) { text-align: left; justify-content: flex-start; }
.footcol-contact .listed { min-height: 48px!important; }
.footcol-contact .listed.is-phone { border-radius: 12px; }
.footcol-contact .listed, .footcol-contact .listed span { font-size: 16px!important; }
.footcol-inv { align-items: center; }
.footcol-inv .title, .footcol-inv a:not(.listed) { text-align: center; justify-content: center; }
.footcol-ql { align-items: flex-end; }
.footcol-ql .title, .footcol-ql a:not(.listed) { text-align: right; justify-content: flex-end; }

.aboutDpdown-a { cursor: pointer; gap: 4px!important; }
#aboutDpdown { position: relative; }
#aboutDpdown:before { position: absolute; content: ""; top: -2px; left: -4px; width: calc(100% + 8px); height: calc(100% + 4px); background: rgba(34, 34, 34, .8); border-radius: 8px; }
#aboutDpdown-holder { display: flex; flex-direction: column; align-items: flex-end; }
#aboutDpdown a { margin-left: auto; }

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.is-invpage .ci-footer, .ci-footer.is-invpage { margin-top: 12px!important; }
.is-invpage .ci-footer .ci-footmain, .ci-footer.is-invpage .ci-footmain { padding-bottom: 120px!important; }

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

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

@media only screen and (min-width: 1501px) {	/* MIND THE MIN-WIDTH */
	
}

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

@media only screen and (max-width: 1450px) {
	.brand-slider-holder .my-swiper { padding: 0 12px; }
	.is-brand span { font-size: 18px; }
}

@media only screen and (max-width: 1400px) {
	.hero { min-height: 550px; }
	
	.is-reason img, .is-reason > i { height: 72px; margin-top: -44px; }
	.is-reason > i { font-size: 62px; }
	.is-reason span.title { font-size: 22px!important; }
	.is-reason span.subtitle { font-size: 16px!important; }
}

@media only screen and (max-width: 1320px) {
	.is-brand { padding-left: 24px; padding-right: 24px; }
	
	.inv-cats { padding: 12px; }
	.invcat, .invcat span { font-size: 18px; }
	.inv-cats .btnclass { font-size: 18px; min-height: 52px; }
	
	.testimonial-slider-holder .swiper-slide { padding: 24px 8px; }
	
	#testimony-list .swiper-slide { width: 100%; }
}

@media only screen and (max-width: 1300px) {
	.hero { min-height: 500px; }
	
	.why-slider-holder { width: calc(100% - 80px); }
}

@media only screen and (max-width: 1280px) {
	.fancy-mission > .content-sect { width: 60%; }
	.fancy-missionimg { width: calc(40% - 32px); }
	
	.indi-media { width: calc(50% - 4px); margin: 2px 2px 1px 2px; }
	.indi-media img { height: 28vw; }
	
	.ci-footmain { padding: 80px 2.5vw; }
}

@media only screen and (max-width: 1250px) {
	.ci-header, header.ci-header { padding: 0 16px 0 24px; }
	.ci-topheader { column-gap: 24px; padding-left: 64px; padding-right: 8px; }
	
	.brand-slider-holder { width: calc(100% - 70px); }
	
	.cats-search-holder { flex-direction: column; align-items: center; }
	.inv-cats { width: 100%; }
	.invcat { padding: 16px 0; }
	#invsearch-w25 { width: min(800px, 100%); }
	#invsearch-w25 form.ci-form { flex-direction: row; flex-wrap: wrap; column-gap: 8px; }
	#invsearch-w25 form.ci-form select, #invsearch-w25 form.ci-form input, #invsearch-w25 form.ci-form .btnclass { width: calc(50% - 4px); margin-top: 0; }
	
	.why-slider-holder { width: calc(100vw - 120px); }
}

@media only screen and (max-width: 1220px) {
	
}

@media only screen and (max-width: 1200px) {
	.hero { min-height: 450px; }
	
	.foot-logo-div { width: min(270px, 80%); height: unset; margin-bottom: -36px; }
	.ci-footmain { flex-wrap: wrap; justify-content: center; }
	.footcol-contact { width: min(100%, 580px); flex-direction: row; flex-wrap: wrap; justify-content: center; margin-bottom: 24px; }
	.footcol-contact .title { margin-bottom: 12px; }
	.footcol-contact .listed { width: 50%; justify-content: center; min-height: 50px!important; }
	.ci-footcol a { min-height: 50px!important; }
	.footcol-inv, .footcol-ql { width: 50%; }
	.footcol-ql, #aboutDpdown-holder { align-items: center; }
	.footcol-contact .title, .footcol-ql .title, .footcol-ql a { justify-content: center; text-align: center; }
	#aboutDpdown a { margin-right: auto; }
}

@media only screen and (max-width: 1180px) {
	.mission { flex-direction: column; }
	.mission.mission-cr { flex-direction: column-reverse; }
	.mission > .content-sect, .mission .missionimg { width: 100%; padding: 0; }
	.mission .missionimg { align-items: stretch; }
	
	#contactinfsect .missionimg, #contactinfsect > .content-sect { width: 100%; }
}

@media only screen and (max-width: 1120px) {
	.why-slider-holder .swiper-slide { padding-left: 12px; padding-right: 12px; }
}

@media only screen and (max-width: 1080px) {
	.ci-topheader { column-gap: 12px; padding-left: 48px; }
	
	#manucatholder .swiper-slide { width: calc(50% - 6px); }
}

@media only screen and (min-width: 1021px) {	/* MIND THE MIN-WIDTH */
	.show1020 { display: none!important; }
}

/* switch to mobile nav */
@media only screen and (max-width: 1020px) {
	.hide1020 { display: none!important; }
	
	.ci-topheader { column-gap: 0; }
	
	.fancy-mission { margin-bottom: 264px; width: 100%; }
	.fancy-mission > .content-sect { width: 100%; }
	.fancy-missionimg { top: calc(100% - 56px); width: 100%; height: 320px; object-position: 95% 50%; }
	
	.is-brand img { height: 112px; }
	
	.is-reason > i { font-size: 62px; }
	.is-reason span.title { font-size: 22px!important; }
	.is-reason span.subtitle { font-size: 16px!important; }
	
	.is-post-card { flex-direction: column; }
	.is-post-card .postcard-img, .is-post-card .postcard-content { width: 100%; max-width: unset; }
}

@media only screen and (max-width: 1000px) {
	.title-h1, .title.title-h1 { font-size: 42px; }
	.title, .title-h2, .title.title-h2 { font-size: 32px; }
	.title-h3, .title.title-h3 { font-size: 24px; }
	.title-h4, .title.title-h4 { font-size: 20px; }

	.subtitle-h1, .subtitle.subtitle-h1 { font-size: 26px; }
	.subtitle, .subtitle-h2, .subtitle.subtitle-h2 { font-size: 22px; }
	.subtitle-h3, .subtitle.subtitle-h3 { font-size: 18px; }
	.subtitle-h4, .subtitle.subtitle-h4 { font-size: 16px; }

	.smcol { width: 100%!important; }
}

@media only screen and (max-width: 840px) {
	.invcat { width: 33.333333%; }
}

@media only screen and (max-width: 800px) {
	#testimony-list .mySwiper4 { padding-left: 0; padding-right: 0; }
	#testimony-list .is-testimonial { padding-left: 5vw; padding-right: 5vw; }
	
	.gallery-content { width: calc(100vw - 24px); }
	.nextButton { right: -10px; }
	.prevButton { left: -10px; }
}

@media only screen and (max-width: 650px) {
	.ci-header, header.ci-header { padding-top: 50px; }
	.ci-topheader { clip-path: none; width: 100%; height: 50px; justify-content: space-around; padding: 0 8vw; }
	.header-logo, .header-logo img { height: 90px; }
	.nav-div { margin-top: 0; }
	
	.fancy-mission { margin-bottom: 0; padding-left: 3vw; padding-right: 3vw; }
	.fancy-missionimg { display: none!important; }
	
	.is-brand img { object-position: center; }
	.is-brand span { text-align: center; justify-content: center; }
	
	.indi-media { width: 100%; margin: 0 0 6px 0; }
	.indi-media img { height: 50vw; }
	
	.footcol-contact, .footcol-contact .listed, .footcol-inv, .footcol-ql { width: 100%; }
	.footcol-contact, .footcol-contact .title { margin-bottom: 8px; }
}

@media only screen and (max-width: 640px) {
	.invcat { width: 50%; padding: 12px 0; }
}

@media only screen and (max-width: 600px) {
	#invsearch-w25 form.ci-form select, #invsearch-w25 form.ci-form input, #invsearch-w25 form.ci-form .btnclass { width: 100%; }
	form.ci-form .btnclass { margin-top: 4px; }
	
	#manucatholder .swiper-slide { width: 100%; }
}

@media only screen and (max-width: 500px) {
	.title-h1, .title.title-h1 { font-size: 36px; }
	.title, .title-h2, .title.title-h2 { font-size: 26px; }
	.title-h3, .title.title-h3 { font-size: 20px; }
	.title-h4, .title.title-h4 { font-size: 18px; }

	.subtitle-h1, .subtitle.subtitle-h1 { font-size: 22px; }
	.subtitle, .subtitle-h2, .subtitle.subtitle-h2 { font-size: 18px; }
	.subtitle-h3, .subtitle.subtitle-h3 { font-size: 16px; }
	.subtitle-h4, .subtitle.subtitle-h4 { font-size: 14px; }
	
	form.ci-form { padding-left: 3vw; padding-right: 3vw; }
}

@media only screen and (max-width: 440px) {
	.inv-cats .btnclass { width: 50%; padding-left: 8px; padding-right: 8px; }
}

@media only screen and (max-width: 400px) {
	.ci-topheader { padding: 0; }
}

@media only screen and (max-width: 380px) {
	.invsearch { padding-left: 12px; padding-right: 12px; }
	
	.invcat, .inv-cats .btnclass { width: 100%; }
	.invcat { padding: 14px 0; }
	.invcat > span { width: 100%; }
	.invcat > span:before { left: 0; width: 100%; opacity: 1; }
	.inv-cats .btnclass { margin-top: 4px; }
}

@media only screen and (max-width: 360px) {
	.ci-header, header.ci-header { flex-direction: column; }
	.header-logo-div, .nav-div { width: 100%; justify-content: center; min-height: 50px; }
}

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

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

@media only screen and (max-width: 240px) {
	.hide240 { display: none!important; }
	
	.ci-topheader a { width: 100%; justify-content: center; }
}