/***** 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, select, input, textarea, :before, :after { box-sizing: border-box; }

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

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

.mr-header {
	position: relative; z-index: 1004; width: 100%; background: #000; 
	display: flex; align-items: flex-start; 
}
.mr-header:before, .mr-header:after {
	position: absolute; content: ""; right: 0; width: calc(100% - 170px); 
}
.mr-header:before {
	top: 0; height: 50px; background: #0f1b44; 
}
.mr-header:after {
	top: 50px; height: calc(100% - 50px); background: #1c327d; 
} 
.header-logo {
	position: absolute; z-index: 4; top: 0; left: max(0px, calc(50% - 1200px)); 
	background: #000; width: 170px; height: 150px; padding: 16px; 
	display: flex; justify-content: center; align-items: center; 
}
.header-logo img { 
	width: min(100%, 190px, 65vw); height: 100%; object-fit: contain; object-position: center; 
}
.header-main {
	position: relative; z-index: 2; width: 100%; pointer-events: none; 
	display: flex; flex-direction: column; justify-content: flex-start; 
}
.mr-topheader, .nav-div { 
	display: flex; justify-content: flex-start; align-items: stretch; 
}
.mr-topheader {
	position: relative; z-index: 1; width: 100%; height: 50px; 
	padding: 0 max(350px, calc(50vw - 1200px)) 0 max(170px, calc(50vw - 990px)); 
}
.mr-topheader a { font-size: 15px; color: #fff; padding: 0 20px; height: 100%; pointer-events: all; }
.mr-topheader a i { font-size: 14px!important; }
.mr-topheader a.is-phone { font-size: 19px; }
.mr-topheader a.is-addr { font-size: 16px; }
.mr-topheader a.is-email { font-size: 14px; }
.mr-topheader a:hover { color: #fff!important; background: #0a122e; }
.nav-div {
	position: relative; z-index: 3; width: 100%; height: 80px; 
	padding: 0 max(350px, calc(50vw - 1200px)) 0 max(170px, calc(50vw - 990px)); 
}
.header-main.mm-is-open { z-index: 4; }

.mr-header .searchbox {
	position: absolute; z-index: 2; top: 50%; transform: translateY(-50%); right: max(24px, calc(50vw - 1176px)); width: 300px; 
	box-shadow: 0 2px 16px rgba(0, 0, 0, .5); 
}
.searchbox {
	border-radius: 8px; 
	display: flex; flex-direction: column; align-items: stretch; 
}
.searchbox-togglers {
	display: flex; flex-direction: row; align-items: stretch; 
}
.searchbox-togglers a {
	position: relative; padding: 6px 4px; 
	font-size: 13px; line-height: 1.3; text-align: center; 
	display: flex; flex-grow: 1; justify-content: center; align-items: center; 
	transition: .25s ease all; 
}
.searchbox-togglers a:after {
	position: absolute; content: ""; pointer-events: none; top: 50%; transform: translateY(-50%); right: 0; 
	background: #444; width: 1px; height: 62%; 
}
.searchbox-togglers a:last-child:after, .searchbox-togglers a.active:after, .searchbox-togglers a.hide-after:after { 
	display: none!important; 
}
.searchbox-togglers a:first-child { border-top-left-radius: 8px; }
.searchbox-togglers a:last-child { border-top-right-radius: 8px; }
.searchbox-togglers a.active { background: #162964; color: #fff; }
.searchbox-togglers a:not(.active) { background: #000; color: #ddd; cursor: pointer; }
.searchbox-togglers a:not(.active):hover { background: #121212; color: #fff; cursor: pointer; }
.forms-holder, .forms-holder form {
	width: 100%; height: 50px; 
	flex-direction: row; align-items: stretch; 
}
.forms-holder { position: relative; display: flex; }
.forms-holder, .forms-holder form { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
.forms-holder form { position: absolute; top: 0; left: 0; }
.forms-holder form:not(.active) { opacity: 0; pointer-events: none; }
.forms-holder form.active { display: flex!important; opacity: 1; pointer-events: all; }
.forms-holder form input[type="text"] { 
	background: #e0e3f6; color: #000; padding: 10px; width: calc(100% - 50px); height: 50px; 
	border-bottom-left-radius: 8px; 
}
.forms-holder form input[type="text"], .forms-holder form input[type="text"]:focus { outline: none; border: none; }
.forms-holder form input[type="text"]:focus { background: #fff; }
.forms-holder form button[type="submit"] { 
	position: relative; background: #0f1b44; color: #fff; padding: 8px; width: 50px; height: 50px; 
	display: flex; justify-content: center; align-items: center; 
	font-size: 0px; text-align: center; 
	border: none; outline: none; cursor: pointer; 
	border-bottom-right-radius: 8px; transition: .25s ease all; 
}
.forms-holder form button[type="submit"] i { 
	position: absolute; z-index: 2; content: "\f002"; top: 0; left: 0; width: 100%; height: 100%; 
	display: flex; justify-content: center; align-items: center; 
	font-family: 'Font Awesome 6 Free', icon; font-weight: 900; font-size: 18px; color: #fff; 
	text-align: center; 
}
.forms-holder form button[type="submit"]:hover { background: #162964; }

.mobile-search-toggler { 
	position: absolute; top: 0; left: 0; width: 100%; height: 50px; padding: 0 12px; cursor: pointer; 
	display: flex; justify-content: center; align-items: center; column-gap: 12px; 
	background: #0f1b44; color: #fff; 
	font-size: 18px; font-weight: 500; letter-spacing: .75px; 
	transition: .3s ease all; 
}
.mobile-search-toggler:hover { background: #162964; }

.mr-header .searchbox.opened-full {
	position: fixed; z-index: 8; top: 0; left: 0; width: 100%; height: max(100vh, 400px); 
	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);
	padding: 60px 5vw; 
}

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

.mr-header .searchbox.opened-full a.fullsearch-closer {
	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; 
}
.mr-header .searchbox.opened-full a.fullsearch-closer:hover { background: #000; }

.mr-header .searchbox.opened-full .searchbox-togglers { width: 100%; }
.mr-header .searchbox.opened-full .searchbox-togglers a {
	font-size: 16px; padding: 8px; min-height: 50px; 
}

/* Site Colors: 
	
	--> Blue1: #1c327d; rgba(28, 50, 125, 1); <--

	Blue2: #0f1b44; rgba(15, 27, 68, 1); 

	Light Blue: #e0e3f6; rgba(224, 227, 246, 1); 
	
	Hover Blues: 
	Med-Light Blue: #c1ccf1; rgba(193, 204, 241, 1); 
	Darker Blue: #0a122e; 

	Light Gray: #ddd; rgba(221, 221, 221, 1); 
*/
/*---BODY--------------------------------*/
.invisilink {
	font-family: 'semplicitapro', 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: #0f1b44; text-decoration: underline; }

/* Text / Titles / Paragraphs / <h1><h2><h3><h4> / <p> */
.txt-default, .content-sect p, .title, 
.btnclass, .listed, .mr-header, .mr-footer, 
.mr-form label, .mr-form select, .mr-form input, .mr-form textarea, .mr-form button {
	font-family: 'semplicitapro', sans-serif; font-size: 17px; font-weight: 500; letter-spacing: .25px; 
}

.txt-default, .content-sect p { line-height: 1.3; }

.title { font-size: 38px; font-weight: 700; line-height: 1.2; }

/* buttons / links / <a> / ctas */
.btnclass {
	position: relative; padding: 14px 26px; cursor: pointer; 
	display: flex; justify-content: center; align-items: center; 
	background: #1c327d; color: #fff; 
	font-size: 18px; font-weight: 500; letter-spacing: .75px; 
	transition: .3s ease all; 
}
.btnclass:after {
	position: relative; order: 2; padding-left: 24px; color: #fff; 
	font-family: 'Font Awesome 6 Free', icon; content: "\f061"; font-weight: 900; font-size: 17px; 
	display: flex; justify-content: flex-end; align-items: center; 
	transition: .3s ease all; 
}
.btnclass.btn-light { background: #e0e3f6; color: #0f1b44; }
.btnclass.btn-light:after { color: #0f1b44; }

.btnclass:hover { background: #0f1b44; color: #fff; padding-left: 30px; padding-right: 30px; }
.btnclass.btn-light:hover { background: #c1ccf1; color: #000; }
.btnclass:hover:after { color: #fff; padding-left: 16px; }
.btnclass.btn-light:hover:after { color: #000; }

.listed {
	position: relative; 
	font-size: 17px; color: #0f1b44; letter-spacing: .75px; 
	display: flex; justify-content: flex-start; align-items: center; column-gap: 10px; 
	transition: .35s ease all; 
}
.listed i { width: 20px; text-align: center; }

a.listed:hover { color: #1c327d; }

/* sections */
.content-sect {
	display: flex; flex-direction: column; align-items: flex-start; justify-content: center; row-gap: 16px; 
}
.content-sect.center-style { align-items: center; }

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

.horiz-sect {
	width: 100%; 
	display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; column-gap: 40px; row-gap: 16px; 
}
.horiz-sect.center-style, .content-sect.center-style .horiz-sect { justify-content: center; }

.sb-sect {
	width: 100%; 
	display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; column-gap: 60px; row-gap: 16px; 
}
.sb-sect > *:first-child { flex-grow: 1; }

.mission, .brands-sect {
	position: relative; width: 100%; padding: 24px max(4%, calc(50% - 950px)); 
	display: flex; align-items: stretch; column-gap: 50px; row-gap: 40px; 
}
.mission:after, .brands-sect:after {
	position: absolute; content: ""; top: 0; height: 100%; width: 28px; background: #0f1b44; 
}
.mission.righty { padding-right: max(calc(4% + 28px), calc(50% - 930px)); }
.mission.righty:after {
	right: max(0px, calc(50% - 1050px)); border-top-left-radius: 32px; border-bottom-left-radius: 32px; 
}
.mission.lefty, .brands-sect { padding-left: max(calc(4% + 28px), calc(50% - 930px)); }
.mission.lefty:after, .brands-sect:after {
	left: max(0px, calc(50% - 1050px)); border-top-right-radius: 32px; border-bottom-right-radius: 32px; 
}
.mission > .content-sect { width: 60%; padding: 40px 0; }
.mission .missionimg { position: relative; width: calc(40% - 50px); min-height: 400px; }

.missionimg img {
	position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; 
}

.bubble-cta {
	position: relative; width: min(85%, 900px); margin: 50px auto; padding: 54px 60px; 
	background: #1c327d; border-radius: 50px; box-shadow: 0 4px 28px rgba(0, 0, 0, .25); 
}
.bubble-cta .title, .bubble-cta p { color: #fff; text-align: center; width: 100%; }
.bubble-cta p { font-size: 18px; line-height: 1.5; }
.bubble-cta a.invisilink:hover, .form-sect a.invisilink:hover { color: #e0e3f6!important; }

.ul-bullet { position: relative; padding-left: 32px; list-style: disc; display: flex; flex-direction: column; align-items: flex-start; font-size: 17px; }
.ul-bullet li { position: relative; padding: 8px 4px; transition: .1s ease all; }
.ul-bullet li:before { position: absolute; z-index: -1; content: ""; top: 0; left: -28px; width: calc(100% + 36px); height: 100%; background: rgba(0, 0, 0, 0); transition: .1s ease all; }
.ul-bullet li:hover:before { background: rgba(0, 0, 0, .05); }

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

.hero {
	position: relative; width: 100%; background: #0f1b44; height: clamp(800px, calc(100vh - 130px), 950px); 
	padding: 180px max(3%, calc(50% - 900px)) 50px max(3%, calc(50% - 900px)); 
	display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; row-gap: 120px; 
}
.hero > img {
	position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; 
	object-fit: cover; object-position: center; 
}
.hero:after, .subhero:after {
	position: absolute; content: ""; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; 
	background-image: linear-gradient(0deg, rgba(0, 0, 0, .2) 0%, rgba(0, 0, 0, 0) 100%); 
}
.hero .hero-overlay {
	position: relative; z-index: 4; padding: 32px; width: 480px; 
	background: rgba(28, 50, 125, .9); box-shadow: 0 4px 20px rgba(0, 0, 0, .5); 
	border-radius: 60px; border-bottom-left-radius: 0; 
}
.hero-overlay .title, .hero-overlay p { color: #fff; }
.hero-overlay .title { font-size: 56px; }

.cta-bar {
	position: relative; z-index: 3; width: min(100%, 1200px); margin: 0 auto; 
	display: flex; align-items: stretch; 
}
.cta-bar > a, .cta-bar .is-box { 
	position: relative; width: 33.333333%; padding: 20px 48px 20px 100px; background: rgba(0, 0, 0, .8); 
	display: flex; flex-direction: column; align-items: flex-start; justify-content: center; 
	transition: .35s ease all; 
}
.cta-bar > a i, .cta-bar .is-box .is-box-icon {
	position: absolute; right: calc(100% - 80px); 
	color: #fff; font-size: 46px; 
	transform: none; transition: .35s ease all; 
}
.cta-bar > a.is-parts i { transition: .5s ease all; }
.cta-bar > a.is-service i { transition: .25s ease all; }
.cta-bar > a.is-consign i { transition: .55s ease all; }
.cta-bar > a .title, .cta-bar .is-box .title { 
	position: relative; 
	font-size: 25px; color: #fff; 
	display: flex; justify-content: flex-start; align-items: center; 
}
.cta-bar > a .title:after, .cta-bar .is-box .title:after { 
	position: relative; order: 2; padding-left: 0px; color: #fff; opacity: 0; 
	font-family: 'Font Awesome 6 Free', icon; content: "\f061"; font-weight: 900; font-size: 18px; 
	display: flex; 
	transition: .35s ease all; 
}
.cta-bar > a p, .cta-bar .is-box p { font-size: 15px; color: #ddd; width: 100%; }

.cta-bar > a:hover, .cta-bar .is-box:hover { background: #1c327d; }
.cta-bar > a:hover i, .cta-bar .is-box:hover .is-box-icon { color: #e0e3f6; transform: rotate(15deg); }
.cta-bar > a.is-parts:hover i { transform: rotate(220deg); transition: 1.2s ease all; }
.cta-bar > a.is-service:hover i {}
.cta-bar > a.is-consign:hover i { transform: rotate(224deg); transition: .8s ease all; }
.cta-bar > a:hover .title:after, .cta-bar .is-box:hover .title:after { opacity: 1; padding-left: 20px; }

.cta-bar > a:first-child, .cta-bar .is-box:first-child { border-top-left-radius: 24px; border-bottom-left-radius: 24px; }
.cta-bar > a:last-child, .cta-bar .is-box:last-child { border-top-right-radius: 24px; border-bottom-right-radius: 24px; }

.cta-bar > a.the-lined:before, .cta-bar > a.the-lined:after {
	position: absolute; content: ""; pointer-events: none; top: 50%; transform: translateY(-50%); 
	background: #444; width: 1px; height: 60%; 
}
.cta-bar > a.the-lined:before { left: 0; }
.cta-bar > a.the-lined:after { right: 0; }

.inv-btns-sect {
	position: relative; width: 100%; padding: 50px max(4%, calc(50% - 1000px)) 60px max(4%, calc(50% - 1000px)); 
	display: flex; flex-direction: column; align-items: stretch; row-gap: 50px; 
}
.inv-btns-holder {
	position: relative; width: 100%; 
	display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; column-gap: 24px; row-gap: 24px; 
}
.inv-btn {
	position: relative; border-radius: 16px; background: #e0e3f6; 
	width: calc(25% - 20px); height: 15vw; min-height: 200px; max-height: 320px; 
	display: flex; justify-content: flex-start; align-items: flex-start; 
	transition: .35s ease all; 
}
.inv-btn img {
	position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; opacity: .7; 
	object-fit: cover; object-position: center; border-radius: 16px; 
	transition: .35s ease all; 
}
.inv-btn span {
	position: relative; z-index: 2; width: 100%; padding: 16px; 
	background: rgba(224, 227, 246, .6); border-top-left-radius: 16px; border-top-right-radius: 16px; 
	color: #000; font-size: 22px; 
	display: flex; justify-content: flex-start; align-items: center; 
	transition: .35s ease all; 
}
.inv-btn span:after {
	position: relative; order: 2; width: 20px; margin-left: -20px; color: #000; opacity: 0; 
	font-family: 'Font Awesome 6 Free', icon; content: "\f061"; font-weight: 900; font-size: 18px; 
	display: flex; justify-content: flex-end; align-items: center; 
	transition: .2s ease all; 
}

a.inv-btn:hover img { opacity: .95; }
a.inv-btn:hover span { background: rgba(224, 227, 246, .95); transition: .35s ease all; }
a.inv-btn:hover span:after { opacity: 1; margin-left: 14px; transition: .35s ease all; }

.brands-sect { column-gap: 60px; }
.brands-sect .content-sect { width: calc(40% - 60px); }
.brands-sect .manu-logos-holder { width: 60%; }
.manu-logos-holder { 
	position: relative; 
	display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; column-gap: 16px; row-gap: 16px; 
}
.is-manu {
	position: relative; width: calc(33.333333% - 12px); height: 120px; padding: 20px; 
	background: #fff; box-shadow: 0 0 8px rgba(0, 0, 0, .1); 
	display: flex; justify-content: center; align-items: center; 
	transition: .25s ease all; 
}
.is-manu:after {
	position: absolute; z-index: 2; top: 0; right: 0; width: 50px; height: 50px; opacity: 0; 
	background: rgba(193, 204, 241, .85); color: #0f1b44; pointer-events: all; 
	font-family: 'Font Awesome 6 Free', icon; content: "\f35d"; font-weight: 900; font-size: 17px; 
	display: flex; justify-content: center; align-items: center; 
	transition: .25s ease all; 
}
.is-manu img {
	width: 100%; height: 100%; object-fit: contain; object-position: center; 
	transition: .25s ease all; 
}

a.is-manu:hover { box-shadow: 0 2px 12px rgba(0, 0, 0, .2); }
a.is-manu:hover img { opacity: .7; }
a.is-manu:hover:after { opacity: 1; }

/* subpages */
.subpage {}

.subhero { 
	position: relative; width: 100%; background: #0f1b44; min-height: 300px; 
	padding: 60px max(3%, calc(50% - 900px)) 24px max(3%, calc(50% - 900px)); 
	display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-end; 
}
.subhero > img {
	position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; 
	object-fit: cover; object-position: center; 
}
.subhero .hero-overlay { 
	position: relative; z-index: 4; padding: 20px 42px 28px 36px; width: unset; max-width: min(100%, 600px); 
	background: rgba(28, 50, 125, .9); box-shadow: 0 4px 20px rgba(0, 0, 0, .5); 
	border-radius: 32px; border-bottom-left-radius: 0; 
	
}
.subhero .hero-overlay .title { font-size: 42px; }

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

.contact-mission { 
	padding: 0 max(0px, calc(50% - 1000px)); 
	display: flex; justify-content: space-between; align-items: flex-start; 
}
.contact-mission > .content-sect { 
	position: relative; width: 500px; padding: 40px 0 40px min(calc(4vw + 28px), 100px); 
}
.contact-mission > .content-sect:after {
	position: absolute; content: ""; top: 0; height: 100%; width: 28px; background: #0f1b44; 
	left: 0; border-top-right-radius: 32px; border-bottom-right-radius: 32px; 
}
.contact-mission .form-sect { 
	flex-grow: 1; max-width: min(calc(100% - 600px), 800px); padding: 40px!important; 
	border-top-left-radius: 50px; border-bottom-left-radius: 50px; 
}
.contact-mission .form-sect > .content-sect { width: 100%; padding: 0!important; }

.contact-inf { margin: 39px 0; justify-content: center; }

.title.listed-title { font-size: 22px; }
.contact-mission .title.listed-title { padding-top: 2px; padding-bottom: 4px; }
.contact-mission .listed { padding: 8px; }

.contactpage .map-div { padding: 50px max(4%, calc(50% - 900px)); }

/* financing.htm */
.financepage {}

.finance-mission > .content-sect { flex-grow: 1; }
.finance-mission .manu-logos-holder { align-items: center; }
.finance-mission .manu-logos-holder .is-manu { width: 240px; }

/* showrooms.htm */
.showroompage {}

.showroompage .is-manu:after, .showroompage .is-manu:hover:after { display: none!important; content: "\f061"; }

.showroompage .is-manu .title {
	position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 50px; opacity: 0; 
	padding: 10px; background: rgba(193, 204, 241, .85); 
	font-size: 18px; color: #0f1b44; 
	display: flex; justify-content: center; align-items: center; 
	transition: .25s ease all; 
}
.showroompage .is-manu .title:after {
	position: relative; z-index: 2; top: 0; right: 0; opacity: 0; margin-left: -16px; 
	color: #0f1b44; pointer-events: all; 
	font-family: 'Font Awesome 6 Free', icon; content: "\f061"; font-weight: 900; font-size: 17px; 
	display: flex; justify-content: center; align-items: center; 
	transition: .25s ease all; 
}
.showroompage a.is-manu:hover .title { opacity: 1; }
.showroompage a.is-manu:hover .title:after { opacity: 1; margin-left: 12px; }

/* soil-sampling.htm */
.soilpage {}

.soil-mission { flex-direction: column; row-gap: 0; }

.cta-bar.soil-style { width: 100%; flex-wrap: wrap; border-radius: 24px; gap: 1px; background: #555; }
.cta-bar.soil-style .is-box { padding: 32px; width: calc(50% - .5px); background: #000; border-radius: 0!important; justify-content: flex-start; }
.cta-bar.soil-style .is-box:first-child { border-bottom-left-radius: 0!important; border-top-left-radius: 24px!important; }
.cta-bar.soil-style .is-box:nth-child(2) { border-top-right-radius: 24px!important; }
.cta-bar.soil-style .is-box:nth-child(3) { border-bottom-left-radius: 24px!important; }
.cta-bar.soil-style .is-box:last-child { border-bottom-right-radius: 24px!important; }
.cta-bar.soil-style .is-box .title { font-size: 32px; margin-bottom: 8px; }
.cta-bar.soil-style .is-box .title:after, .cta-bar.soil-style .is-box:hover .title:after { display: none!important; }
.cta-bar.soil-style .is-box p { font-size: 18px; }
.cta-bar.soil-style a.invisilink:hover { color: #aaa; }

.cta-bar.soil-style .is-box:hover { background: #1c327d; }

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

/* recommended styles */
.center-style, .center-style .title, .center-style p, 
.title.center-style, p.center-style { text-align: center; }

.margtb-med { margin-top: 50px; margin-bottom: 50px; }
.margt-med { margin-top: 50px; }
.margb-med { margin-bottom: 50px; }
.margt-sm { margin-top: 8px; }

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

.padtb-med { padding-top: 50px; padding-bottom: 50px; }
.padt-med { padding-top: 50px; }
.padb-med { padding-bottom: 50px; }

.padlr-med { padding-left: max(4%, calc(50% - 950px)); padding-right: max(4%, calc(50% - 950px)); }

.width100 { width: 100%; }

.bg-lblue { background: #e0e3f6; }

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

.td-u { text-decoration: underline!important; }

.force-width100 { width: 100%!important; }

.force-rowgap0 { row-gap: 0!important; }

/*-------- FORM STYLES now located in formstyles.css --------------------*/


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

.mr-footer {
	position: relative; width: 100%; background: #000; padding: 50px max(40px, calc(50% - 850px)); 
	display: flex; align-items: flex-start; row-gap: 80px; 
}
.foot-col { display: flex; flex-direction: column; }
.foot-ql, .foot-inv { width: 18.75%; }
.foot-col:not(.foot-logo-col) { align-items: flex-start; }
.foot-col:not(.foot-logo-col) .title { color: #ddd; font-size: 22px; padding: 0 12px 10px 12px; }
.foot-col a:not(.btnclass) {
	position: relative; color: #fff; padding: 4px 12px; 
	font-size: 15px; font-weight: 500; text-align: left; 
	display: flex; justify-content: flex-start; align-items: center; 
	transition: .25s ease all; 
}
.foot-col a:not(.btnclass):hover, .foot-col a.listed:hover { color: #c1ccf1; }
.foot-logo-col { width: 25%; align-items: center; }
.foot-logo-col span, .foot-logo-col a { 
	font-size: 16px; color: #fff; text-align: center; justify-content: center; line-height: 30px; 
}
.foot-logo-col .title { font-size: 20px; margin-top: 20px; margin-bottom: 8px; }
.foot-logo, .foot-logo img { width: min(160px, 100%, 65vw); }
.foot-logo { display: flex; }
.foot-logo img { height: auto; object-fit: contain; object-position: center; }
.foot-soc { width: 37.5%; padding-left: min(5vw, 200px); }
.foot-soc a:not(.btnclass) { padding: 12px; font-size: 16px; }
.foot-soc a.listed.txt-bold { font-size: 21px; }
.foot-soc a.btnclass { font-size: 16px; margin-top: 16px; margin-left: 12px; padding: 11px 22px; }
.foot-soc a.btnclass:after { font-size: 15px; }
.foot-soc a.btnclass:hover { padding-left: 26px; padding-right: 26px; }

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.inv-foot-spacer { width: 100%; height: 90px; background: #000; }

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

@media only screen and (min-width: 2000px) {		/* mind the min-width */
	.mr-header:before, .mr-header:after { width: calc(50% + 1200px); }
}

@media only screen and (min-width: 1501px) {		/* mind the min-width */
	.mission.righty { padding-right: max(calc(4% + 32px), calc(50% - 930px)); }
	.mission.righty:after { right: max(0px, calc(50% - 1050px)); border-top-left-radius: 32px; border-bottom-left-radius: 32px; }
	.mission.lefty, .brands-sect, .contact-mission > .content-sect { padding-left: max(calc(4% + 32px), calc(50% - 930px)); }
	.mission:after, .brands-sect:after, .contact-mission > .content-sect:after { width: 32px; }
}

@media only screen and (max-width: 1520px) {
	.mr-header:before, .mr-header:after { width: calc(100% - 156px); }
	.header-logo { width: 156px; height: 142px; }
	.mr-topheader, .nav-div { padding-left: 156px; }
	.mr-topheader a { padding: 0 18px; }
	.nav-div { height: 76px; }
	.mr-header .searchbox { right: 20px; }
}

@media only screen and (max-width: 1500px) {
	.title { font-size: 34px; }
	
	.mission .missionimg { min-height: 350px; }
	
	.hero { padding-top: 100px; row-gap: 100px; height: clamp(700px, calc(100vh - 130px), 800px); }
	.hero .hero-overlay { width: 450px; }
	.hero-overlay .title { font-size: 50px; }
	
	.cta-bar > a, .cta-bar .is-box { padding-right: 32px; padding-left: 80px; }
	.cta-bar > a i { right: calc(100% - 64px); font-size: 38px; }
	.cta-bar > a .title, .cta-bar .is-box .title { font-size: 23px; margin-bottom: 2px; }
	
	.inv-btns-holder { column-gap: 20px; row-gap: 20px; }
	.inv-btn { width: calc(25% - 15px); border-radius: 12px; }
	.inv-btn img { border-radius: 12px; }
	.inv-btn span { border-top-left-radius: 12px; border-top-right-radius: 12px; }
}

@media only screen and (max-width: 1400px) {
	.mr-topheader, .nav-div { padding-right: 310px; }
	.mr-header .searchbox { width: 280px; }
	
	.mission:after, .brands-sect:after, .contact-mission > .content-sect:after { width: 24px; }
	.mission .missionimg { min-height: 320px; }
}

@media only screen and (max-width: 1300px) {
	.txt-default, .content-sect p { font-size: 16px; }
	.title { font-size: 32px; }
	
	.hero { padding-top: 100px; row-gap: 50px; height: unset; }
	.hero .hero-overlay { width: 416px; }
	.hero-overlay .title { font-size: 46px; }
	
	.inv-btns-sect { padding: 40px 3% 60px 3%; row-gap: 40px; }
	.inv-btns-holder { column-gap: 16px; row-gap: 16px; }
	.inv-btn { width: calc(25% - 12px); }
	.inv-btn span { font-size: 20px; }
	
	.brands-sect .content-sect, .brands-sect .manu-logos-holder { width: calc(50% - 30px); }
	.is-manu { height: 110px; }
	.brands-sect .is-manu { width: calc(50% - 8px); }
	
	.contact-mission > .content-sect { width: 450px; }
	.contact-mission .form-sect { max-width: calc(100% - 480px); }
}

/* switch to mobile nav */
@media only screen and (max-width: 1280px) {
	.mr-header .searchbox { right: 16px; }
}

@media only screen and (max-width: 1200px) {
	.subhero { min-height: 240px; }
	.subhero .hero-overlay .title { font-size: 34px; }
	
	.cta-bar.soil-style .is-box .title { font-size: 25px; }
	
	.mr-footer { flex-wrap: wrap; padding-top: 40px; padding-bottom: 80px; }
	.foot-col { width: 50%; }
	.foot-logo-col { order: 1; }
	.foot-soc { order: 2; }
	.foot-ql, .foot-inv { padding-left: 5vw; }
	.foot-ql { order: 3; }
	.foot-inv { order: 4; }
}

@media only screen and (max-width: 1180px) {
	.contact-mission form.mr-form .smcol { width: 100%!important; }
}

@media only screen and (min-width: 1151px) {		/* mind the min-width */
	.show1150 { display: none!important; }
}

@media only screen and (max-width: 1150px) {
	.hide1150 { display: none!important; }
	
	.cta-bar > a, .cta-bar .is-box { padding-left: 76px; }
	.cta-bar > a i { right: calc(100% - 58px); font-size: 36px; }
}

@media only screen and (max-width: 1125px) {
	.cta-bar > a, .cta-bar .is-box { padding: 16px 20px 16px 70px; }
	.cta-bar > a i { right: calc(100% - 55px); }
	.cta-bar > a .title, .cta-bar .is-box .title { font-size: 21px; }
}

@media only screen and (max-width: 1100px) {
	.mr-topheader a { padding: 0 16px; }
}

@media only screen and (max-width: 1080px) {
	.mission { flex-direction: column; padding: 50px 5%; }
	.mission.mission-cr { flex-direction: column-reverse; }
	.mission > .content-sect { width: 100%; padding: 0; }
	.mission .missionimg { width: 70%; }
	
	.hero { padding-top: 80px; padding-bottom: 32px; }
	.hero .hero-overlay { width: 370px; }
	.hero-overlay .title { font-size: 40px; }
	
	.cta-bar { flex-direction: column; width: min(100%, 600px); }
	.cta-bar > a, .cta-bar .is-box { width: 100%; padding: 20px 40px 20px 84px; }
	.cta-bar > a:first-child, .cta-bar .is-box:first-child { border-top-right-radius: 24px; border-bottom-left-radius: 0; }
	.cta-bar > a:last-child, .cta-bar .is-box:last-child { border-top-right-radius: 0; border-bottom-left-radius: 24px; }
	.cta-bar > a.the-lined:before, .cta-bar > a.the-lined:after { width: 90%; height: 1px; left: 50%; right: unset; transform: translateX(-50%); }
	.cta-bar > a.the-lined:before { top: 0; }
	.cta-bar > a.the-lined:after { top: calc(100% - 1px); }
	.cta-bar > a i { font-size: 40px; right: calc(100% - 64px); }
	.cta-bar > a .title, .cta-bar .is-box .title { margin-bottom: 6px; }
	
	.soil-mission { row-gap: 24px; }
	
	.cta-bar.soil-style { flex-direction: column; }
	.cta-bar.soil-style .is-box { width: 100%; padding: 28px!important; }
	.cta-bar.soil-style .is-box:first-child { border-top-right-radius: 24px!important; }
	.cta-bar.soil-style .is-box:nth-child(2) { border-top-right-radius: 0!important; }
	.cta-bar.soil-style .is-box:nth-child(3) { border-bottom-left-radius: 0!important; }
	.cta-bar.soil-style .is-box:last-child { border-bottom-left-radius: 24px!important; }
	
	.inv-btn { width: calc(33.333333% - 11px); min-height: unset; height: 180px; }
}

@media only screen and (max-width: 1020px) {
	.title { font-size: 28px; }
	
	.btnclass { font-size: 17px; min-height: 50px; }
	.btnclass:after { font-size: 16px; }
	
	.manu-logos-holder { column-gap: 12px; row-gap: 12px; }
	.is-manu { height: 100px; padding: 16px; }
	.brands-sect .is-manu { width: calc(50% - 6px); }
}

@media only screen and (max-width: 1000px) {
	.hide1000 { display: none!important; }
	
	.inv-btns-holder { column-gap: 12px; row-gap: 12px; }
	.inv-btn { width: calc(33.333333% - 8px); }
}

@media only screen and (max-width: 900px) {
	.inv-btn span { font-size: 18px; padding: 12px; }
	.inv-btn span:after { font-size: 16px; }
	
	.brands-sect { flex-direction: column; }
	.brands-sect .content-sect, .brands-sect .manu-logos-holder { width: 100%; }
	.brands-sect .is-manu { width: calc(33.333333% - 8px); }
	
	.contact-mission { flex-direction: column; margin-bottom: 0!important; }
	.contact-mission > .content-sect { width: 100%; margin-top: 0; padding-left: 5vw!important; padding-right: 5vw!important; }
	.contact-mission .form-sect { width: 100%; max-width: unset; border-radius: 0!important; box-shadow: none; padding-left: 5vw!important; padding-right: 5vw!important; }
}

@media only screen and (max-width: 850px) {
	.hide850 { display: none!important; }
	
	.mission .missionimg { width: 85%; }
	
	.bubble-cta { width: 90%; padding: 40px 5vw; }
	
	.inv-btns-sect .sb-sect { flex-direction: column; }
	.inv-btns-sect .sb-sect .title { text-align: center; }
	.inv-btn { height: 160px; }
}

@media only screen and (min-width: 801px) {		/* mind the min-width */
	.show800 { display: none!important; }
}

/* switch to full mobile header */
@media only screen and (max-width: 800px) {
	.mr-header { padding-top: 50px; }
	.mr-header:before { display: none!important; }
	.mr-header:after { width: 100%; }
	.header-logo { top: 50px; width: 122px; height: 112px; padding: 9px; }
	.header-main { flex-direction: row; justify-content: space-between; }
	.header-main, .mr-topheader, .nav-div { height: 90px; }
	.mr-topheader, .nav-div { width: unset; padding: 0; }
	.mr-topheader { padding-left: 122px; }
	.mr-topheader a:hover { background: #162964; }
	.nav-div { justify-content: flex-end; }
	.mr-header .searchbox { display: none; }
	
	.mission:after, .brands-sect:after, .contact-mission > .content-sect:after { width: 16px; }
	.mission .missionimg { width: 100%; }
	
	.inv-btn { height: 150px; }
	
	.showroompage a.is-manu:hover .title { font-size: 17px; }
}

@media only screen and (max-width: 750px) {
	.title { font-size: 26px; }
	
	.btnclass { font-size: 16px; }
	.btnclass:after { font-size: 15px; }
	
	.inv-btn { width: calc(50% - 6px); }
	
	.is-manu { height: 90px; padding: 12px; }
	
	.mr-footer { column-gap: 40px; row-gap: 32px; padding-left: 12px; padding-right: 12px; }
	.foot-logo-col, .foot-soc { width: 100%; }
	.foot-col { align-items: center!important; padding-left: 0!important; }
	.foot-col a { justify-content: center; text-align: center; }
	.foot-soc { margin-bottom: 40px; }
	.foot-soc a.btnclass { margin-left: 0; }
	.foot-ql, .foot-inv { width: calc(50% - 20px); }
}

@media only screen and (max-width: 650px) {
	.bubble-cta { width: 96%; padding-top: 32px; padding-bottom: 32px; border-radius: 32px; }
	
	.is-manu, .brands-sect .is-manu { width: calc(50% - 6px); }
	
	.subhero { min-height: unset; padding: 0; }
	.subhero .hero-overlay { width: 100%; max-width: unset; height: 100%; min-height: 200px; border-radius: 0; padding: 40px 5vw; justify-content: center; background: rgba(28, 50, 125, 0.6); align-items: center; box-shadow: none; }
	.subhero .hero-overlay .title { font-size: 28px; }
	.subhero .hero-overlay .title, .subhero .hero-overlay p { width: 100%; text-align: center; text-shadow: 1px 1px 0 #000, 0 0 20px rgba(0, 0, 0, .5); }
	.subhero .hero-overlay .btnclass { box-shadow: 0 0 20px rgba(0, 0, 0, .5); }
	.subhero .hero-overlay .horiz-sect { justify-content: center; align-items: center; }
	
	.contact-mission .form-sect { border-radius: 32px; }
}

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

@media only screen and (max-width: 500px) {
	.title { font-size: 24px; }
	
	.mission { padding-top: 24px; padding-bottom: 24px; }
	.mission.righty { padding-right: 5%; }
	.mission.lefty, .brands-sect { padding-left: 5%; }
	.mission:after, .brands-sect:after, .contact-mission > .content-sect:after { display: none!important; }
	
	.contact-mission > .content-sect { margin-bottom: 0; padding-top: 0!important; }
	
	.cta-bar > a, .cta-bar .is-box { padding: 16px 32px 16px 80px; }
	.cta-bar > a i { font-size: 36px; right: calc(100% - 60px); }
	
	.inv-btn { height: 130px; }
	
	.manu-logos-holder { column-gap: 8px; row-gap: 8px; }
	.is-manu, .brands-sect .is-manu { width: calc(50% - 4px); height: 80px; }
	
	.showroompage a.is-manu .title { height: 100%; }
	
	.foot-ql, .foot-inv { width: 100%; }
}

@media only screen and (max-width: 420px) {
	.hero .hero-overlay { width: min(100%, 370px); padding: 16px 5vw 24px 5vw; border-top-left-radius: 32px; border-top-right-radius: 32px; border-bottom-right-radius: 32px; }
	.hero-overlay .title { font-size: 36px; }
	
	.inv-btns-holder { row-gap: 8px; }
	.inv-btn { width: 100%; height: 120px; }
	
	.cta-bar.soil-style { width: calc(100% - 12px); }
	.cta-bar.soil-style .is-box { padding: 20px 4.5vw!important; }
}

@media only screen and (max-width: 400px) {
	.title { font-size: 21px; }
	
	.bubble-cta { width: 100%; border-radius: 20px; }
	
	.is-manu, .brands-sect .is-manu { height: 70px; }
	
	.contact-mission .form-sect { border-radius: 20px; }
}

@media only screen and (max-width: 380px) {
	.btnclass:after, .btnclass:hover:after { display: none!important; }
	.btnclass, .btnclass:hover { width: 100%; padding-left: 12px; padding-right: 12px; }
	
	.cta-bar > a .title:after, .cta-bar > a:hover .title:after { display: none!important; }
}

@media only screen and (max-width: 350px) {
	.hero-overlay .title { font-size: 31px; }
}

@media only screen and (max-width: 320px) {
	.cta-bar > a, .cta-bar .is-box { padding: 16px; }
	.cta-bar > a i { display: none!important; }
	
	.is-manu { width: 100%; padding: 8px; }
}

@media only screen and (max-width: 300px) {
	.hero-overlay .title { font-size: 26px; }
}