﻿/***** 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 --------*/
body {

}

html { scroll-behavior: smooth; }

a:link, a:visited, a:active, a:hover { text-decoration: none; }
hr { border: #000 1px solid; }
div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, img, i, ol, ul, li, form, label, :before, :after { box-sizing: border-box; }

.pos-rel, .sewl-header, .sewl-topheader, .sewl-header-main, .sewl-footer, .homepage, .subpage, .mission, .horiz-sect, .hero, .subhero, 
.sewl-topheader, .header-logo, .header-logo img, .nav-div, .inv-btns-sect, .inv-btns-holder, .btnclass, .listed, .inv-btn, .multi-title, .lg-cta, .biggear-right, .foot-nav a { position: relative; }

.width100, .sewl-header, .sewl-topheader, .sewl-header-main, .sewl-footer, .homepage, .subpage, .mission, .horiz-sect, .hero, .subhero, .inv-btns-sect, .inv-btns-holder, .multi-title, .title { width: 100%; }

.display-flex, .sewl-header, .sewl-topheader, .sewl-header-main, .nav-div, .sewl-footer, .homepage, .subpage, .mission, .hero, .subhero, .inv-btns-sect, .inv-btns-holder, .btnclass, .listed, .inv-btn, .multi-title, .content-sect, .horiz-sect, .foot-nav a { display: flex; }

/*--- HEADER STYLES ---------------------*/
header {  }

.sewl-header { z-index: 1004; flex-direction: column; margin-bottom: -81px; background: rgba(0, 0, 0, .92); }
.sewl-topheader { 
	height: 42px; padding: 0 max(0px, calc(50vw - 1200px)); justify-content: flex-end; align-items: stretch; column-gap: 24px; 
}
.sewl-topheader > * { min-height: unset!important; padding-top: 0!important; padding-bottom: 0!important; }
.sewl-topheader .listed:hover { background: #a72026; color: #fff!important; cursor: pointer; }
.sewl-header-main { justify-content: space-between; padding: 0 max(16px, calc(50vw - 1183px)); }
.header-logo, .header-logo img { height: 98px; }
.header-logo { z-index: 3; margin-top: -29px; filter: drop-shadow(0 2px 6px rgba(0, 0, 0, .5)); }
.header-logo img { width: auto; object-fit: contain; object-position: 0% 50%; }
.nav-div { z-index: 5; height: 80px; justify-content: flex-end; align-items: stretch; }

#headerSearchModalContainer:not(.opened-full), #headerSearchModalContainer.invsearches:not(.opened-full) { display: none; }
#headerSearchModalContainer.opened-full, #headerSearchModalContainer.invsearches.opened-full { 
	position: fixed; z-index: 1010; top: 0; left: 0; width: 100%; height: max(100vh, 600px); padding: 60px 5vw; 
	background: rgba(0, 0, 0 .4); 
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	display: flex; flex-direction: row; justify-content: space-around; align-items: center; column-gap: 40px; row-gap: 20px; 
}

.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: 0; right: 0; width: 50px; height: 50px; 
	background: #444; color: #fff; font-size: 20px; cursor: pointer; 
	display: flex; justify-content: center; align-items: center; transition: .25s ease all; 
}
#headerSearchModalContainer.opened-full a.search-modal-closer-x:hover { background: #000; }

/* Site Colors: 
	
	Red: #740f1a; rgba(116, 15, 26, 1); 
	Gray: #82887c; rgba(130, 136, 124, 1); 

	Hover Red Med: #a72026; rgba(167, 32, 38, 1); 
	Hover Red Light: #d22830; rgba(210, 40, 48, 1); 

	Hover Gray Extra-Dark: #363833; rgba(54, 56, 51, 1); 
	Hover Gray Dark: #4f534b; rgba(79, 83, 75, 1); 
	Hover Gray Med: #9ca197; rgba(156, 161, 151, 1); 
	Hover Gray Light: #c1c4be; rgba(193, 196, 190, 1); 

*/
/*---BODY--------------------------------*/
.invisilink, .btnclass, .listed, .inv-btn, .inv-btn *, .foot-nav a { transition: .25s ease all; }

.invisilink {
	font-family: inherit; font-size: inherit; font-weight: inherit; 
	line-height: inherit; letter-spacing: inherit; color: inherit; display: inline; 
}
a.invisilink:hover { text-decoration: underline; opacity: .7; }
.darkmode a.invisilink:hover, a.invisilink.darkmode:hover { color: #c1c4be; opacity: 1; }

/* Text / Titles / Paragraphs / <h1><h2><h3><h4> / <p> */
.txt-default, .content-sect p, .btnclass, .listed, form.sewl-form, input, select, textarea, .input-placeholder, .foot-nav a:not(.invisilink), nav ul li a, #menu-button a { font-family: 'museo', serif; }

.txt-default, .content-sect p { font-size: 16px; font-weight: 300; line-height: 1.5; letter-spacing: .15px; }

.title, .subtitle, .inv-btn { font-family: 'gelica', sans-serif; }

.title { font-weight: 700; margin-bottom: 10px; letter-spacing: .5px; }

.title-h1, .title.title-h1 { font-size: 60px; }
.title, .title-h2, .title.title-h2 { font-size: 50px; }
.title-h3, .title.title-h3 { font-size: 42px; }
.title-h4, .title.title-h4 { font-size: 20px; font-weight: 600; }

.subtitle { font-weight: 400; letter-spacing: -.25px; color: #740f1a; margin-bottom: 20px; }

.subtitle-h1, .subtitle.subtitle-h1 { font-size: 26px; }
.subtitle, .subtitle-h2, .subtitle.subtitle-h2 { font-size: 26px; }
.subtitle-h3, .subtitle.subtitle-h3 { font-size: 20px; }
.subtitle-h4, .subtitle.subtitle-h4 { font-size: 17px; }

.darkmode .subtitle, .subtitle.darkmode { padding: 6px 10px; background: #0d0d0d; color: #fff; }

.subtitle.txt-bold, .subtitle .txt-bold { letter-spacing: .25px; }

.multi-title { flex-direction: column; align-items: flex-start; }
.multi-title.center-style { align-items: center; }

/* buttons / links / <a> / ctas */
.btnclass, nav.primary ul li a.btnclass, .btn-red {
	background: #82887c; color: #000; padding: 10px 20px; min-width: 50px; min-height: 50px; 
	display: flex; justify-content: center; align-items: center; 
	font-size: 17px; font-weight: 900; letter-spacing: 1px; 
	text-align: center; text-transform: uppercase; box-shadow: 0 2px 12px rgba(0, 0, 0, .15); 
}
.btn-red, .btnclass.btn-red { background: #740f1a; color: #fff; }

.btnclass:hover, nav.primary ul li a.btnclass:hover { background: #4f534b; color: #fff; box-shadow: 0 2px 16px rgba(0, 0, 0, .05); }
.btn-red:hover, .btnclass.btn-red:hover { background: #a72026; color: #fff; box-shadow: 0 2px 16px rgba(0, 0, 0, .05); }

.listed {
	align-items: center; column-gap: 8px; padding: 8px 16px; min-width: 50px; min-height: 50px; 
	color: #000; font-size: 16px; font-weight: 500; letter-spacing: .5px; text-align: left; 
}
.listed i { width: 18px; text-align: center; }
.listed span { text-align: left; }

a.listed:hover { color: #740f1a; }
.darkmode a.listed:hover, a.listed.darkmode:hover { color: #c1c4be; }

/* sections */
.content-sect { flex-direction: column; align-items: flex-start; justify-content: center; }
.content-sect.center-style { align-items: center; }

.content-sect p { width: 100%; margin-bottom: 20px; }

.horiz-sect { flex-wrap: wrap; justify-content: flex-start; align-items: center; column-gap: 24px; row-gap: 16px; }
.horiz-sect.center-style, .content-sect.center-style .horiz-sect { justify-content: center; }

.ai-fs, .horiz-sect.ai-fs { align-items: flex-start; }

.maketheseinline { display: block; }
.maketheseinline * { display: inline; }

.mission { 
	z-index: 3; padding-left: max(4.75%, calc(50vw - 1000px)); padding-right: max(4.75%, calc(50vw - 1000px)); 
	justify-content: center; align-items: center; column-gap: 100px; row-gap: 40px; 
}
.mission > .content-sect { width: 60%; }
.mission .missionimg { position: relative; width: calc(40% - 100px); }

.missionimg img { width: 100%; height: auto; min-height: 200px; object-fit: contain; object-position: center; }
.inv-btn img, .hero > img, .subhero > 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; }

.lg-cta { 
	z-index: 3; width: min(1500px, calc(100% - 64px)); padding: 80px min(5vw, 80px); border-radius: 12px; margin: 40px auto; 
}
.lg-cta > * { max-width: 800px; }

.lg-cta-border-bottom { border-bottom: 1px solid #82887c; }

.sewl-hr { width: min(1200px, 80%); height: 1px; margin: 0 auto; border: none; background: #82887c; }

.footgear-l:before, .footgear-r:after, 
.biggear-tr:after, .biggear-bl:before {
	position: absolute; content: ""; z-index: 1; width: 676px; height: 676px; background-image: url('/siteart/gearshape.png'); 
	background-size: contain; background-repeat: no-repeat; background-position: 50% 0%; pointer-events: none; 
}
.biggear-tr:after, .biggear-bl:before { opacity: .1; }
.biggear-tr:after { top: 0; right: 0; transform: translateX(50%); }
.biggear-bl:before { bottom: 0; left: 0; transform: translateX(-50%) translateY(50%); }

.footgear-l:before, .footgear-r:after { opacity: .05; }
.footgear-l:before { top: 0; left: 0; transform: translateX(-50%) translateY(-50%); }
.footgear-r:after { top: 20px; right: 15%; transform: translateX(50%); }

.just-a-gear { 
	position: relative; z-index: 2; width: 100%; height: 0px; display: flex; overflow-x: clip; pointer-events: none; contain: layout; 
	transition: transform 0.1s linear; will-change: transform;
}
.just-a-gear:before, .just-a-gear:after { transition: transform 0.1s linear; will-change: transform; }

.biggear-bl:before { transform: translateX(-50%) translateY(50%) rotate(var(--gear-rotation, 0deg)); }
.biggear-tr:after { transform: translateX(50%) rotate(var(--gear-rotation, 0deg)); }
.footgear-l:before { transform: translateX(-50%) translateY(-50%) rotate(var(--gear-rotation, 0deg)); }
.footgear-r:after { transform: translateX(50%) rotate(var(--gear-rotation, 0deg)); }

/* Homepage - default.htm */
.homepage {}

.hero, .subhero { 
	z-index: 3; background: #000; padding: 120px max(5%, calc(50% - 1000px)) 40px max(5%, calc(50% - 1000px)); 
	flex-direction: column; justify-content: flex-end; 
}
.hero { min-height: min(850px, max(calc(100vh - 50px), 750px)); row-gap: 40px; }
.hero:after {
	position: absolute; z-index: 3; content: ""; bottom: 0; left: 0; width: 100%; height: 40%; pointer-events: none; 
	background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0) 100%); 
}

.hero-overlay { position: relative; z-index: 5; }
.hero .hero-overlay { flex-grow: 1; }

.invsearches {
	position: relative; z-index: 6; width: 100%; 
	display: flex; justify-content: space-around; column-gap: max(4%, 60px); row-gap: 20px; 
}
#heroSearches {}

.inv-btns-sect { z-index: 3; flex-direction: column; padding: 32px max(calc(50% - 1200px), min(32px, 2.5%)); }
.inv-btns-holder {
	border-radius: 10px; overflow: hidden; margin-top: 16px; 
	flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; align-content: stretch; gap: 10px; 
}
.inv-btn {
	position: relative; background: #000; width: calc(25% - 7.5px); min-height: 200px; padding: 20px 20px; overflow: hidden; 
	flex-direction: column; align-items: center; justify-content: center; 
}
.inv-btn img { opacity: .3; transition: .2s ease all; }

.inv-btn span { 
	position: relative; 
	display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; 
	color: #fff; text-shadow: 1px 1px 0 #000, 0 0 12px #000; text-align: center; line-height: 1.4; 
	transition: .15s ease all; 
}
.inv-btn .inv-title { 
	position: relative; z-index: 4; font-size: 20px; font-weight: 600; letter-spacing: 1.8px; text-transform: uppercase; 
}
.inv-btn .inv-view { 
	position: relative; z-index: 3; height: 24px; margin-top: -24px; 
	display: flex; justify-content: center; align-items: center; column-gap: 8px; 
	letter-spacing: .25px; 
	opacity: 0; 
}

a.inv-btn:hover img { opacity: .6; transform: scale(1.1); transition: .4s ease all; }
a.inv-btn:hover .inv-view { opacity: 1; margin-top: 8px; transition: .3s ease all; }
a.inv-btn:hover .inv-title { color: #ddd; transition: .2s ease all; }
a.inv-btn .inv-view:hover { column-gap: 16px; transition: .3s ease all; }

.inv-all { background: #740f1a; width: calc(50% - 6px); }
.inv-all img { opacity: .2; }
a.inv-all:hover img { opacity: .08; }

.home-mission .missionimg { margin-left: -7.25vw; width: calc(40% + 7.25vw - 100px); }
.home-mission > .content-sect { padding: 24px 0; }

/* subpages */
.homepage, .subpage { 
	position: relative; width: 100%; 
	display: flex; flex-direction: column; align-items: center; 
}

.subhero { min-height: 300px; }
.subhero > img { opacity: .5; }

/* contact-us.htm */
.contactpage {}

.contactinfs-holder > .content-sect { width: 50%; }

.big-map { padding: 0; }
.big-map > * { max-width: unset!important; }
.big-map iframe { height: 350px; border-radius: 12px; }

/* reviews.htm */
.reviewspage {}

.reviews-longlist {
	position: relative; width: 100%; 
	display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; column-gap: 24px; row-gap: 20px; 
}
.is-review { position: relative; z-index: 5; width: calc(50% - 12px); padding: 24px; background: #eee; box-shadow: 0 2px 8px rgba(0, 0, 0, .1); border-radius: 12px; transition: .2s ease all; }
.is-review:hover { background: #fff; box-shadow: 0 4px 12px rgba(0, 0, 0, .2); }
.is-review .stars { position: relative; margin-bottom: 8px; }
.is-review .stars i { font-size: 16px; color: #ea7320; }

/* thank-you.htm */
.thankyoupage {}

/* recommended styles */
.multi-title.center-style .title, .multi-title.center-style .subtitle, .btnclass, 
.title.center-style, .subtitle.center-style, .txt-default.center-style, .center-style { text-align: center; }

.txt-upper { text-transform: uppercase; }
.txt-ulined { text-decoration: underline; }

.darkmode .title, .title.darkmode, 
.darkmode .subtitle, .subtitle.darkmode, 
.darkmode p, p.darkmode, .darkmode .txt-default, .txt-default.darkmode, 
.darkmode .listed, .listed.darkmode { color: #fff; }

.shadowed .title, .title.shadowed, 
.shadowed .subtitle, .subtitle.shadowed, 
.shadowed p, p.shadowed, .shadowed .txt-default, .txt-default.shadowed, 
.shadowed .listed, .listed.shadowed { color: #fff; text-shadow: 1px 1px 0 #000, 0 0 12px #000; }

.txt-extra-shadowed, .shadowed .txt-extra-shadowed, .shadowed.txt-extra-shadowed { color: #fff; text-shadow: 1px 1px 0 #000, 0 0 12px #000, 0 2px 20px #000, 0 2px 28px #000; }

.shadowed .btnclass, .shadowed .btn-red { box-shadow: 0 2px 16px rgba(0, 0, 0, .6); }
.shadowed .btnclass:hover, .shadowed .btn-red:hover { box-shadow: 0 2px 16px rgba(0, 0, 0, .4); }

.txt-red, .darkmode .txt-red { color: #740f1a; }
.txt-gray, .darkmode .txt-gray { color: #82887c; }
.txt-mlgray, .darkmode .txt-mlgray { color: #c1c4be; }

.width-unset { width: unset; }
.width33 { width: 33.333333%; }
.horiz-sect .width33 { width: calc(33.333333% - 16px); }
.width50 { width: 50%; }
.horiz-sect .width50 { width: calc(50% - 12px); }
.width100 { width: 100%; }

.bg-red { background: #740f1a; }
.bg-gray { background: #82887c; }
.bg-xdgray { background: #363833; }
.bg-notblack { background: #0d0d0d; }

.bg-redloader { 
	background: #740f1a; background-image: url('/siteart/bg-redloader.jpg'); 
	background-size: cover; background-position: center; background-repeat: no-repeat; 
}

.hide-overflow { overflow: hidden; }

.padtb-40 { padding-top: 40px; padding-bottom: 40px; }

.padlr-1000width { padding-left: max(4.5%, calc(50% - 500px)); padding-right: max(4.5%, calc(50% - 500px)); }
.padlr-norm { padding-left: max(4.5%, calc(50% - 1000px)); padding-right: max(4.5%, calc(50% - 1000px)); }

.margt-neg16 { margin-top: -16px; }
.margt-neg12 { margin-top: -12px; }
.margt-neg8 { margin-top: -8px; }
.margt-8 { margin-top: 8px; }
.margt-12 { margin-top: 12px; }
.margt-20 { margin-top: 20px; }
.margt-40 { margin-top: 40px; }
.margt-80 { margin-top: 80px; }
.margt-200 { margin-top: 200px; }

.margb-neg200 { margin-bottom: -200px; }
.margb-neg80 { margin-bottom: -80px; }
.margb-neg8 { margin-bottom: -8px; }
.margb-16 { margin-bottom: 16px; }
.margb-40 { margin-bottom: 40px; }

/* forced styles */
.txt-bold { font-weight: 900!important; }

.force-txt-ulined { text-decoration: underline!important; }

.force-width-unset { width: unset!important; }
.force-width100 { width: 100%!important; }
.force-width50 { width: 50%!important; }

.force-padtb-0 { padding-top: 0!important; padding-bottom: 0!important; }
.force-padtb-40 { padding-top: 40px!important; padding-bottom: 40px!important; }

.force-padlr-0 { padding-left: 0!important; padding-right: 0!important; }

.force-margtb-0 { margin-top: 0!important; margin-bottom: 0!important; }

.force-margt-neg12, .checkbox-holder.force-margt-neg12 { margin-top: -12px!important; }
.force-margt-0 { margin-top: 0!important; }

.homepage .subpages-only { display: none!important; }

/*--------FORM STYLES--------------------*/
form.sewl-form .title { 
	width: 100%; margin: 30px 0 0 0; padding-bottom: 4px; border-bottom: 1px solid #bbb; 
}
form.sewl-form p.txt-default { width: 100%; text-align: left; color: #fff; padding: 20px 0 0 0; }
form.sewl-form p.txt-default.center-style { text-align: center; }

form.sewl-form p.form-important-message { font-size: 18px; letter-spacing: .25px; }

form.sewl-form { 
	position: relative; 
	display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; 
	column-gap: 24px; row-gap: 12px; 
}
form.sewl-form .formrow { width: 100%; display: flex; justify-content: center; }
form.sewl-form .formrow-captcha { width: 100%; display: flex; flex-direction: column; align-items: center; margin-top: 8px; }

form.sewl-form .smcol { width: calc(50% - 12px); display: flex; flex-direction: column; align-items: flex-start; }

form.sewl-form .subtitle { width: 100%; margin-top: 32px; }

form.sewl-form label { 
	width: 100%; padding: 12px 0 10px 0; box-sizing: border-box; margin-top: 10px; 
	color: #fff; font-size: 18px; 
	line-height: 1.4; letter-spacing: .5px; 
}
form.sewl-form select, form.sewl-form input[type="date"], form.sewl-form input[type="text"], form.sewl-form input[type="email"], form.sewl-form textarea, form.sewl-form #CaptchaAnswer {
	position: relative; width: 100%; height: 60px; padding: 12px 16px; box-sizing: border-box; 
	background: #82887c; border: none; outline: 1px solid #000; 
}
form.sewl-form textarea { height: 120px; }
form.sewl-form select { background: #82887c; border-right: 16px solid #82887c!important; }
form.sewl-form select:hover, form.sewl-form input[type="text"]:hover, form.sewl-form input[type="email"]:hover, form.sewl-form input[type="date"]:hover, form.sewl-form input[type="tel"]:hover, form.sewl-form textarea:hover, 
form.sewl-form select:active, form.sewl-form input[type="text"]:active, form.sewl-form input[type="email"]:active, form.sewl-form input[type="date"]:active, form.sewl-form input[type="tel"]:active, form.sewl-form textarea:active, 
form.sewl-form select:focus, form.sewl-form input[type="text"]:focus, form.sewl-form input[type="email"]:focus, form.sewl-form input[type="date"]:focus, form.sewl-form input[type="tel"]:focus, form.sewl-form textarea:focus { background: rgba(156, 161, 151, 1); }
form.sewl-form select:hover, form.sewl-form select:focus, form.sewl-form select:active { border-color: rgba(156, 161, 151, 1)!important; }

form.sewl-form a:not(.invisilink) { cursor: pointer; margin: 20px 0 0 0; }
form.sewl-form .CaptchaMessagePanel { font-family: 'museo', serif!important; color: #fff; }
form.sewl-form #CaptchaAnswer { width: 180px!important; }
form.sewl-form div.CaptchaWhatsThisPanel a { font-family: 'museo', serif!important; transition: .15s ease all; background: #fff; padding: 12px; }
form.sewl-form div.CaptchaWhatsThisPanel a:hover { text-decoration: underline; }
form button[type="submit"], form input[type="submit"] { cursor: pointer; border: none; }

form.sewl-form input:hover { caret-color: black; }

form.sewl-form .title-h4 { font-size: 24px!important; }

.checkbox-holder { width: 100%; padding: 10px 12px!important; margin: 0!important; display: flex; justify-content: flex-start; align-items: center; transition: .2s ease all; font-size: 16px!important; }
.checkbox-holder:hover { background: rgba(156, 161, 151, .25); }
.checkbox-holder input[type="checkbox"] { margin-right: 12px; }
form.sewl-form input[type="checkbox"] { width: 20px; height: 20px; }

.input-placeholder-div { position: relative; }
.has-placeholder { position: relative; z-index: 2; }
.input-placeholder, form.sewl-form select, form.sewl-form input, form.sewl-form input[type="text"], form.sewl-form input[type="email"], form.sewl-form textarea, form.sewl-form #CaptchaAnswer {
	color: #000; font-size: 17px; font-weight: 700; line-height: 1.4; letter-spacing: .5px; 
}

.input-placeholder { position: absolute; z-index: 5; top: 50%; transform: translateY(-50%); left: 16px; pointer-events: none; contain: layout; max-width: calc(100% - 24px); color: #000; transition: .2s ease all; white-space: nowrap; overflow: hidden;  }
.input-placeholder.ip-textarea { top: 8px!important; transform: none!important; }
.has-value { color: #000; /*background-color: rgba(156, 161, 151, 1);*/ }
.input-placeholder.hidden { opacity: 0; }
.has-placeholder:focus ~ .input-placeholder:not(.hidden), .input-placeholder.focused { color: #000!important; }

form.sewl-form input[type="text"].has-placeholder ~ .input-placeholder, form.sewl-form input[type="email"].has-placeholder ~ .input-placeholder {}
textarea.has-placeholder ~ .input-placeholder { top: 12px!important; transform: none; white-space: wrap; }

.form-sect { 
	position: relative; width: 100%; padding: 50px max(5vw, calc(50% - 750px)); 
	display: flex; flex-direction: row; justify-content: center; align-items: flex-start; column-gap: 80px; row-gap: 20px; 
}
.form-sect > .content-sect { width: 40%; }
.form-sect form.sewl-form { width: calc(60% - 80px); margin-top: -12px; justify-content: flex-start; row-gap: 0; }
.form-sect form.sewl-form .formrow { justify-content: flex-start; }
.form-sect form.sewl-form .formrow-captcha { align-items: flex-start; }
.form-sect form.sewl-form .CaptchaPanel { text-align: left; }

.form-page {
	position: relative; z-index: 0; width: 100%; padding: 50px max(5vw, calc(50% - 750px)); 
	display: flex; flex-direction: column; row-gap: 20px; 
}
.form-page > .content-sect, .form-page form.sewl-form { width: 100%; }

/* hero searches */
.invsearches form.sewl-form { background: rgba(130, 136, 124, .92); width: min(50%, 600px); column-gap: 0; row-gap: 0; border-radius: 13px; box-shadow: 0 2px 20px rgba(0, 0, 0, .25); }
.invsearches form.sewl-form *:not(.force-width50):not(.form-dividers-t) { width: 100%; }
.invsearches form.sewl-form select, .invsearches form.sewl-form input[type="text"] { background: rgba(156, 161, 151, 0); border: none; outline: none; z-index: 3; border-radius: 0; position: relative; }
.invsearches form.sewl-form select, .invsearches form.sewl-form select:hover, .invsearches form.sewl-form select:focus, .invsearches form.sewl-form select:active { border-color: rgba(156, 161, 151, 0)!important; }
.invsearches form.sewl-form select:hover, .invsearches form.sewl-form input[type="text"]:hover { background: rgba(156, 161, 151, .2); border: none; outline: none; z-index: 3; border-radius: 0; position: relative; }
.invsearches form.sewl-form select:focus, .invsearches form.sewl-form input[type="text"]:focus,  
.invsearches form.sewl-form select:active, .invsearches form.sewl-form input[type="text"]:active { background: rgba(156, 161, 151, .5); }
.invsearches form.sewl-form .btnclass { width: 100%; border-radius: 12px; margin-top: 10px; min-height: 60px; }
.invsearches form.sewl-form .form-dividers-tl { position: relative; width: 50%; margin-right: 50%; }

.form-dividers-tl, #partsSearch-PartNumber-div, #eqSearch-Keywords-div, #homehero-partsSearch-PartNumber-div, #homehero-eqSearch-Keywords-div { position: relative; z-index: 6; }

#partsSearch-PartNumber-div:after, .form-dividers-tl:before, .form-dividers-tl:after, #eqSearch-Keywords-div:before, #eqSearch-Keywords-div:after, #homehero-partsSearch-PartNumber-div:after, #homehero-eqSearch-Keywords-div:before, #homehero-eqSearch-Keywords-div:after { position: absolute; content: ""; z-index: 2; background: #000; pointer-events: none; display: flex; opacity: .7; }

#homehero-partsSearch-PartNumber-div input, #partsSearch-PartNumber-div input { border-top-left-radius: 13px!important; border-top-right-radius: 13px!important; }
#homehero-eqSearch-Categories, #eqSearch-Categories { border-top-left-radius: 13px!important; }
#homehero-eqSearch-Manufacturer, #eqSearch-Manufacturer { border-top-right-radius: 13px!important; }

/* the horizontals */
#partsSearch-PartNumber-div:after, #homehero-partsSearch-PartNumber-div:after, .form-dividers-tl:after, 
#eqSearch-Keywords-div:after, #homehero-eqSearch-Keywords-div:after { left: 50%; width: 90%; height: 1px; transform: translateX(-50%); }
#partsSearch-PartNumber-div:after, #homehero-partsSearch-PartNumber-div:after { top: 100%; }
.form-dividers-tl:after { top: 0; }
#eqSearch-Keywords-div:after, #homehero-eqSearch-Keywords-div:after { bottom: 100%; }

/* the verticals */
.form-dividers-tl:before, #eqSearch-Keywords-div:before, #homehero-eqSearch-Keywords-div:before { height: 36px; }
.form-dividers-tl:before { bottom: 12px; right: 0; width: 1px; }
#eqSearch-Keywords-div:before, #homehero-eqSearch-Keywords-div:before { top: 50%; right: 100%; width: 1px; transform: translateY(-50%); }

/* parts form specific */
.invsearches form#partsSearch .input-placeholder-div, .invsearches form#homehero-partsSearch .input-placeholder-div { width: 100%!important; }
#partsSearch-PartNumber-div input, #homehero-partsSearch-PartNumber-div input { border-top-left-radius: 12px; border-top-right-radius: 12px; }

/* eq form specific */
.invsearches form#eqSearch select, .invsearches form#eqSearch .input-placeholder-div, .invsearches form#eqSearch select, .invsearches form#eqSearch .input-placeholder-div { width: 50%; }
#eqSearch-Categories, #homehero-eqSearch-Categories { border-top-left-radius: 12px; }
#eqSearch-Manufacturer, #homehero-eqSearch-Manufacturer { border-top-right-radius: 12px; }

/*-------- FOOTER STYLES ----------------*/
footer {  }

.sewl-footer { z-index: 2; overflow: hidden; flex-direction: column; }
.foot-content-holder {
	position: relative; z-index: 3; padding: 50px max(5%, calc(50% - 1000px)); width: 100%; 
	display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; row-gap: 40px; 
}
.foot-col { position: relative; z-index: 4; display: flex; flex-direction: column; }
.foot-col .title { color: #c1c4be; }
.foot-logo-col { align-items: flex-start; justify-content: space-between; width: 310px; }
.foot-logo, .foot-logo img { width: min(100%, 80vw, 280px); }
.foot-logo { margin-bottom: 32px; }
.foot-logo img { height: auto; object-fit: contain; object-position: 0% 50%; }
.foot-nav, .foot-soc { justify-content: flex-start; }
.foot-nav { align-items: stretch; }
.foot-nav a:not(.invisilink) { 
	padding: 4px 16px; text-align: left; color: #fff; font-size: 15px; min-height: 32px; 
	justify-content: flex-start; align-items: center; column-gap: 8px; 
}
.foot-nav a:hover { color: #c1c4be!important; }
.foot-soc { padding-right: 24px; align-items: flex-start; }
.foot-soc .listed { width: 100%; }
.foot-copyright { font-size: 14px; }

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.invpage .sewl-footer { padding-bottom: 120px; }

.invpage-invbtns { 
	position: relative; flex-grow: 1; margin: 24px max(24px, calc(50% - 800px)); 
	display: flex; flex-direction: row; justify-content: center; align-items: stretch; gap: 10px; 
	border-radius: 12px; overflow: hidden; 
}
.invpage-invbtns .inv-btn { 
	padding: 12px!important; min-height: 80px!important; background: #740f1a; color: #fff; 
	font-size: 20px; font-weight: 600; line-height: 1.4; letter-spacing: 1.8px; text-transform: uppercase; text-align: center; 
}
.invpage-invbtns .inv-btn:hover { background: #a72026; color: #fff; }

/* AT styles */
.list.listing { display: flex!important; }

/*---------- RESPONSIVE STYLES ----------*/

@media only screen and (min-width: 2001px) {	/* MIND THE MIN-WIDTH */
	.biggear-tr:after { right: calc(50vw - 1200px); }
	.foot-partner-gear:before, .footgear-l:before { left: calc(50vw - 1000px); }
}

@media only screen and (max-width: 1650px) {
	.lg-cta { padding-top: 60px; padding-bottom: 60px; }
}

@media only screen and (max-width: 1540px) {
	.sewl-header { margin-bottom: -77px; }
	.header-logo, .header-logo img { height: 92px; }
	.header-logo { margin-top: -27px; }
	.nav-div { height: 76px; }
}

@media only screen and (max-width: 1500px) {
	.title-h1, .title.title-h1 { font-size: 56px; }
	.title, .title-h2, .title.title-h2 { font-size: 46px; }
	.title-h3, .title.title-h3 { font-size: 38px; }
	.title-h4, .title.title-h4 { font-size: 19px; }

	.subtitle-h1, .subtitle.subtitle-h1 { font-size: 25px; }
	.subtitle, .subtitle-h2, .subtitle.subtitle-h2 { font-size: 25px; }
	
	.lg-cta { padding-top: 50px; padding-bottom: 50px; }
}

@media only screen and (max-width: 1380px) {
	.sewl-header-main { padding: 0 8px 0 16px; }
}

@media only screen and (max-width: 1320px) {
	.title-h1, .title.title-h1 { font-size: 50px; }
	.title, .title-h2, .title.title-h2 { font-size: 40px; }
	.title-h3, .title.title-h3 { font-size: 36px; }
	.title-h4, .title.title-h4 { font-size: 18px; }

	.subtitle-h1, .subtitle.subtitle-h1 { font-size: 24px; }
	.subtitle, .subtitle-h2, .subtitle.subtitle-h2 { font-size: 23px; }
	.subtitle-h3, .subtitle.subtitle-h3 { font-size: 19px; }
	
	.sewl-topheader { column-gap: 16px; }
	.sewl-header-main { padding-right: 0; }
	
	.inv-btns-holder, .invpage-invbtns { gap: 8px; }
	.inv-btn { width: calc(25% - 6px); min-height: 180px; }
	.inv-all { width: calc(50% - 4px); }
	
	.foot-content-holder { padding-left: 4%; padding-right: 4%; }
	.foot-soc { padding-right: 16px; }
}

@media only screen and (max-width: 1220px) {
	.mission, .form-sect { column-gap: 70px; }
	.mission > .content-sect { width: calc(60% + 70px); }
}

@media only screen and (max-width: 1200px) {
	.footgear-l:before, .footgear-r:after, .biggear-tr:after, .biggear-bl:before { width: 520px; height: 520px; }
	
	.inv-btns-holder, .invpage-invbtns { gap: 6px; }
	.inv-btn { width: calc(25% - 4.5px); min-height: 160px; }
	.inv-all { width: calc(50% - 3px); }
	.inv-btn .inv-title, .invpage-invbtns .inv-btn { font-size: 18px; }
	
	.subhero { min-height: 240px; }
	
	.is-review { width: 100%; }
	
	.form-sect { padding: 40px 2.5%; }
	.form-page { padding-top: 40px; padding-bottom: 40px; }
	
	.foot-soc { padding-right: 0; }
}

@media only screen and (max-width: 1120px) {
	.title-h1, .title.title-h1 { font-size: 42px; }
	.title, .title-h2, .title.title-h2 { font-size: 35px; }
	.title-h3, .title.title-h3 { font-size: 32px; }

	.subtitle-h1, .subtitle.subtitle-h1 { font-size: 22px; }
	.subtitle, .subtitle-h2, .subtitle.subtitle-h2 { font-size: 20px; letter-spacing: .4px; }
	.subtitle-h3, .subtitle.subtitle-h3 { font-size: 17px; }
	.subtitle-h4, .subtitle.subtitle-h4 { font-size: 15px; }
	
	.foot-content-holder { flex-wrap: wrap; }
	.foot-col { width: 30%; align-items: flex-start; }
	.foot-soc .listed { width: unset; }
	.foot-logo-col { order: 5; width: 100%; flex-direction: row; align-items: flex-end; }
	.foot-logo { margin-bottom: 0; }
	.foot-copyright { text-align: right; }
	
	.footgear-r { order: 10; }
	.footgear-r:after { top: unset; bottom: -150px; right: 200px; }
}

/* switch to mobile nav */
@media only screen and (max-width: 1080px) {
	#headerSearchModalContainer { flex-direction: column!important; }
	
	.subtitle-h1, .subtitle.subtitle-h1 { font-size: 20px; }
	
	.mission { flex-direction: column; }
	.mission-cr, .mission.mission-cr { flex-direction: column-reverse; }
	.mission > .content-sect, .mission .missionimg { width: 100%; }
	.mission .missionimg img { max-height: 420px; }
	.home-mission .missionimg { margin-left: 0; }
	.hide-missionimg-mobile .missionimg { display: none!important; }
	
	.lg-cta { padding-top: 40px; padding-bottom: 40px; margin-top: 24px; margin-bottom: 24px; width: calc(100% - 48px); }
	
	.invsearches { column-gap: 40px; }
	
	.inv-btn { min-height: 150px; }
	
	.margt-40-start1080 { margin-top: 40px; }
	.force-margt-40-start1080 { margin-top: 40px!important; }
	
	.footgear-l:before, .footgear-r:after, .biggear-tr:after, .biggear-bl:before { width: 450px; height: 450px; }
	.biggear-tr:after { right: 60px; }
	.footgear-l:before, .biggear-bl:before { left: 60px; }
	.footgear-r:after { bottom: -270px; right: 270px; }
}

@media only screen and (max-width: 1050px) {
	.inv-btn, .inv-all { width: calc(33.333333% - 4px); min-height: 140px; }
}

@media only screen and (min-width: 1001px) {	/* MIND THE MIN-WIDTH */
	.hero-mobile { display: none!important; }
}

@media only screen and (max-width: 1000px) {
	.title-h1, .title.title-h1 { font-size: 38px; }
	.title, .title-h2, .title.title-h2 { font-size: 32px; }
	.title-h3, .title.title-h3 { font-size: 28px; }

	.subtitle, .subtitle-h2, .subtitle.subtitle-h2 { font-size: 18px; }
	.subtitle-h3, .subtitle.subtitle-h3 { font-size: 17px; }
	
	.hero { padding-top: 170px; padding-bottom: 24px; row-gap: 80px; min-height: 700px; }
	.hero-desktop { display: none!important; }
	.hero > img { opacity: .8; }
	
	form.sewl-form select, form.sewl-form input[type="date"], form.sewl-form input[type="text"], form.sewl-form input[type="email"], form.sewl-form textarea, form.sewl-form #CaptchaAnswer { padding: 12px; }
	form.sewl-form select, form.sewl-form input[type="date"], form.sewl-form input[type="text"], form.sewl-form input[type="email"],  form.sewl-form #CaptchaAnswer { height: 50px; }
	.input-placeholder { left: 12px; }
	
	.invsearches form.sewl-form .btnclass { min-height: 50px; }
	
	.form-sect { flex-direction: column; padding-left: 5%; padding-right: 5%; }
	.form-sect form.sewl-form, .form-sect > .content-sect { width: 100%; }
	
	.contactpage .form-sect > .content-sect { flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; column-gap: 32px; }
	.contactpage .form-sect > .content-sect .content-sect { width: unset; }
}

@media only screen and (max-width: 950px) {
	.force-width100-start950 { width: 100%!important; }
}

@media only screen and (max-width: 920px) {
	.invsearches { column-gap: 24px; }
}

@media only screen and (max-width: 880px) {
	.hide880 { display: none!important; }
	
	.sewl-header { margin-bottom: -71px; }
	.sewl-topheader { column-gap: 0; height: 50px; }
	.header-logo, .header-logo img { height: 82px; }
	.header-logo { margin-top: -23px; }
	.nav-div { height: 70px; }
	
	.hero { min-height: unset; }
	
	.invsearches { flex-direction: column; align-items: center; }
	.invsearches form.sewl-form { width: min(100%, 600px); }
}

@media only screen and (min-width: 801px) {	/* MIND THE MIN-WIDTH */
	.show800 { display: none!important; }
}

@media only screen and (max-width: 800px) {
	.inv-btn, .inv-all { min-height: 120px; }
	.inv-btn .inv-title, .invpage-invbtns .inv-btn { font-size: 16px; }
	
	.lg-cta { margin: 0; width: 100%; border-radius: 0; }
	
	.contactpage .form-sect > .content-sect { flex-direction: column; }
	.big-map iframe { border-radius: 0; }
}

@media only screen and (max-width: 750px) {
	.hide750 { display: none!important; }
	
	.foot-col { width: 100%; align-items: center; }
	.foot-col .title, .foot-nav a { text-align: center; }
	.foot-nav a { justify-content: center; }
	.foot-logo-col { flex-direction: column; align-items: center; }
	.foot-logo { margin-bottom: 40px; }
	.foot-copyright { text-align: center; }
	
	.footgear-r:after { bottom: -25vw; right: 50%; width: 75vw; height: 75vw; }
}

@media only screen and (max-width: 720px) {
	.inv-btn { width: calc(50% - 4.5px); padding: 16px min(16px, 5vw); }
	.inv-all { width: 100%; }
	a.inv-btn:hover .inv-view { margin-top: 0; }
	
	.invpage-invbtns { flex-wrap: wrap; gap: 2px!important; }
	.invpage-invbtns .inv-btn { width: calc(50% - 1px); min-height: 50px!important; }
}

@media only screen and (max-width: 700px) {
	.hide700 { display: none!important; }
	
	.force-width100-start700 { width: 100%!important; }
	
	.title-h1, .title.title-h1 { font-size: 32px; }
	.title, .title-h2, .title.title-h2 { font-size: 30px; }
	.title-h3, .title.title-h3 { font-size: 26px; }

	.subtitle-h1, .subtitle.subtitle-h1 { font-size: 18px; }
}

@media only screen and (max-width: 650px) {
	.hide650 { display: none!important; }
	
	.subhero { min-height: 200px; padding-top: 120px; padding-bottom: 24px; }
}

@media only screen and (max-width: 600px) {
	.biggear-tr:after, .biggear-bl:before { width: 80vw; height: 80vw; }
	.biggear-tr:after { right: 0px; }
}

@media only screen and (max-width: 580px) {
	.hide580 { display: none!important; }
	
	form.sewl-form .smcol { width: 100%; }
	
	.footgear-r:after { bottom: -30vw; width: 95vw; height: 95vw; }
}

@media only screen and (max-width: 480px) {
	.sewl-header { margin-bottom: -150px; }
	.sewl-topheader { column-gap: 0; height: 50px; }
	.sewl-header-main { flex-direction: column; align-items: center; padding: 0; }
	.header-logo, .header-logo img { max-width: min(90%, 294px); height: auto; max-height: 82px; }
	.header-logo { margin-top: 8px; margin-bottom: 4px; text-align: center; }
	.header-logo img { object-position: center; }
	.nav-div { width: 100%; height: 60px; }
	
	.hero { padding-top: 200px; }
	
	.invsearches form.sewl-form .force-width50 { width: 100%!important; }
	#homehero-eqSearch-Manufacturer, #eqSearch-Manufacturer { border-top-right-radius: 0!important; }
	
	.inv-btns-holder, .invpage-invbtns { gap: 4px; }
	.inv-btn:not(.inv-all) { width: calc(50% - 2px); }
	.inv-btn, .inv-all { min-height: 100px; }
	.inv-btn .inv-title, .invpage-invbtns .inv-btn { font-size: 15px; }
	
	.subhero { min-height: 300px; padding-top: 180px; padding-bottom: 16px; }
}

@media only screen and (max-width: 450px) {
	.hide450 { display: none!important; }
	
	.inv-btn .inv-view, a.inv-btn:hover .inv-view { height: 0px; margin-top: 0; opacity: 0; display: none!important; }
}

@media only screen and (max-width: 400px) {
	.title-h1, .title.title-h1 { font-size: 28px; }
	.title, .title-h2, .title.title-h2 { font-size: 26px; }
	.title-h3, .title.title-h3 { font-size: 22px; }
	
	.just-a-gear:not(.foot-gear-r):not(.foot-gear-l), .biggear-tr:after, .biggear-bl:before { display: none!important; }
}

@media only screen and (max-width: 380px) {
	.invpage-invbtns .inv-btn { width: 100%; }
}

@media only screen and (max-width: 350px) {
	.inv-btn { width: 100%!important; min-height: 60px; }
}

@media only screen and (max-width: 200px) {
	.sewl-topheader { display: none!important; }
}






