﻿/***** 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; }

/*--- HEADER STYLES ---------------------*/
header {  }

.aria-skip { position: relative; width: 0px; height: 0px; display: flex; font-size: 0px; opacity: 0; }

.merritt-header {
	position: relative; z-index: 1004; width: 100%; padding: 12px max(2vw, calc(50% - 1200px)); 
	background: #fff; border-bottom: 1px solid #ddd; 
	display: flex; flex-direction: row; align-items: center; 
}
.header-logo { 
	position: relative; margin-top: -4px; margin-right: 24px; 
	display: flex; justify-content: flex-start; align-items: center; 
}
.header-logo, .header-logo img { height: 70px; }
.header-logo img { width: auto; object-fit: contain; object-position: 0% 50%; }
.nav-div {
	position: relative; flex-grow: 1; height: 60px; 
	display: flex; justify-content: flex-start; align-items: stretch; 
}

.searchbox {}

.searchbox form.merritt-form input[type="text"] { width: 240px; }

#HeaderSearch form.merritt-form {
	flex-wrap: nowrap; column-gap: 0px; 
}

/* Site Colors: 
	
	--> Logo Blue: #005eb7; rgba(0, 94, 183, 1); <--

	Med Blue (Blue2): #003b73; rgba(0, 59, 115, 1); 
	Dark Blue (Blue3): #002140; rgba(0, 33, 64, 1); 

	Not-White: #f8f8f8; rgba(248, 248, 248, 1); 
	Light Gray: #ddd; rgba(221, 221, 221, 1); 
	Med/Dark Gray: #4d4d4d; rgba(77, 77, 77, 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: #003b73; text-decoration: underline; }

/* Text / Titles / Paragraphs / <h1><h2><h3><h4> / <p> */
.title, .cta-title, .btnclass, .btn2, label, .icon-link, .dealerpage {
	font-family: 'obliqua', sans-serif; 
}
.txt-default, .content-sect p, .feat-p, .subtitle, .cta-subtitle, ul.hours-ul, nav, #menu-button a span, input, select, textarea, .footcol a:not(.icon-link):not(.invisilink):not(.foot-logo), .bc, .nav-footer, .cta-descr {
	font-family: 'ff-nexus-mix', sans-serif; font-weight: 400; line-height: 1.5; 
}
.txt-default, .content-sect p, .subtitle, .cta-subtitle, input, select, textarea, .bc, ul.hours-ul {
	font-size: 16px; font-weight: 400; line-height: 1.5; 
}
.feat-p, .content-sect p.feat-p, nav, #menu-button a span, label { font-weight: 700; letter-spacing: .5px; }
.feat-p, .content-sect p.feat-p { font-size: 18px; }

ul.txt-default { list-style: disc; padding-left: 24px; }
ul.hours-ul { list-style: none; }

.title, .cta-title {
	font-weight: 700; line-height: 1.3; 
}
.title { font-size: 32px; width: 100%; }
.title.title-xs { font-size: 18px; }
.title.title-ml { font-size: 36px; }
.title.title-lg { font-size: 40px; }

.subtitle, .cta-subtitle {
	font-weight: 700; 
}
.subtitle, p.subtitle { font-size: 24px; color: #333; width: 100%; }

.multi-title { 
	position: relative; width: 100%; 
	display: flex; flex-direction: column; align-items: flex-start; 
}
.multi-title.center-style { align-items: center; }
.multi-title.center-style .title, .multi-title.center-style .subtitle { text-align: center; }

/* buttons / links / <a> / ctas */
.btnclass, .btn2 {
	position: relative; z-index: 3; padding-top: 10px; padding-bottom: 10px; min-height: 50px; 
	display: flex; flex-wrap: wrap; justify-content: center; align-items: center; column-gap: 21px; row-gap: 12px; 
	font-size: 18px; font-weight: 700; text-align: center; text-transform: uppercase; 
	transition: .3s ease all; 
}
.btnclass, .btnclass:not(.btn2) {
	position: relative; padding-left: 24px; padding-right: 24px; 
	/*background: #005eb7;*/ color: #fff; letter-spacing: 2px; cursor: pointer; 
}
.btnclass:not(.btn2):before, .btnclass:not(.btn2):after {
	position: absolute; z-index: -1; content: ""; top: 0; height: 100%; 
	background: #005eb7; transition: .25s ease all; 
}
.btnclass:not(.btn2):before {
	left: 50%; width: calc(100% - 32px); transform: translateX(-50%); 
}
.btnclass:not(.btn2):after {
	left: 0; width: 100%; 
	clip-path: polygon(16px 0%, 100% 0%, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0% 100%, 0% 16px); 
}
.btn2, .btnclass.btn2 { 
	background: #fff; color: #003b73; border: 1px solid #003b73; 
	padding-left: 20px; padding-right: 20px; 
	font-weight: 400; font-style: italic; letter-spacing: 1px; 
}

.btnclass:hover, 
.btnclass:hover:before, 
.btnclass:hover:after,
.btn2:hover,
.btnclass.btn2:hover { background: #002140; color: #fff; border-color: #002140; }

.btnclass:not(.btn2):hover:after { 
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 100%, 0% 100%, 0% 0%); 
	transition: .3s ease all; 
} 
.btnclass.has-shadow1, .btn2.has-shadow1, .darkmode1 .btnclass, .darkmode1 .btn2 { 
	filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .25)); 
} 
.btnclass.has-shadow2, .btn2.has-shadow2, .darkmode2 .btnclass, .darkmode2 .btn2 { 
	filter: drop-shadow(0 2px 12px #000); 
} 

.icon-link {
	position: relative; min-width: 50px; min-height: 50px; padding: 8px 16px; margin: -2px 0; 
	display: flex; justify-content: center; align-items: center; column-gap: 12px; row-gap: 12px; 
	font-size: 17px; text-align: left; 
	color: #003b73; transition: .3s ease all; 
}
.icon-link:before {
	position: absolute; content: ""; top: 50%; left: 50%; width: 40%; height: 40%; transform: translateX(-50%) translateY(-50%); 
	border: 1px solid rgba(0, 94, 183, 0); pointer-events: none; transition: .2s ease all; 
}
.icon-link i { text-align: center; }

a.icon-link:hover { color: #005eb7; }
a.icon-link:hover:before { 
	width: 100%; height: 100%; border-color: rgba(0, 94, 183, 1); transition: .3s ease all; 
}

.icon-link ul { padding-left: 0!important; }

/* sections */
.content-sect {
	position: relative; width: 100%; 
	display: flex; flex-direction: column; align-items: flex-start; justify-content: center; 
	row-gap: 8px;
}
.content-sect.center-style { align-items: center; }

.content-sect p, .content-sect .title { width: 100%; }

.horiz-sect {
	width: 100%; 
	display: flex; 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; }

.sb-sect {
	position: relative; width: 100%; 
	display: flex; justify-content: space-between; align-items: center; 
	column-gap: clamp(60px, 5vw, 160px); row-gap: 16px; 
}
.sb-sect .content-sect { width: unset; flex-grow: 1; }

.mission {
	position: relative; width: 100%; padding: 50px max(4vw, calc(50% - 1050px)); /*overflow: hidden; */
	display: flex; justify-content: center; align-items: center; column-gap: 60px; row-gap: 40px; 
}
.mission > .content-sect { position: relative; z-index: 3; width: 50%; }
.mission.gb-righty > .content-sect:before, .mission.gb-lefty > .content-sect:before {
	position: absolute; z-index: -1; content: ""; top: -50px; 
	width: calc(100% + 32px + 4vw); max-width: 1120px; height: calc(100% + 100px); 
	background: #f8f8f8; 
}
.mission.gb-righty > .content-sect:before {
	left: -32px; border-top-left-radius: 32px; border-bottom-left-radius: 32px; 
}
.mission.gb-lefty > .content-sect:before {
	right: -32px; border-top-right-radius: 32px; border-bottom-right-radius: 32px; 
}

.mission .missionimg { 
	position: relative; width: calc(50% - 60px); margin: 0 auto; 
	display: flex; justify-content: center; align-items: center; 
}
.missionimg > img {
	position: relative; width: auto; max-width: 100%; height: auto; max-height: 500px; 
	object-fit: contain; object-position: center; /*border: 8px solid #005eb7; */border-radius: 16px; 
	box-shadow: 0 4px 16px rgba(0, 0, 0, .1); 
}
.mission .missionimg-short > img { max-height: 300px; }
.mission-slider {
	position: relative; width: 100%; height: 450px; 
	background: #f8f8f8; /*border: 8px solid #005eb7; */
	border-radius: 16px; box-shadow: 0 4px 16px rgba(0, 0, 0, .1); 
}
.mission-slider * { width: 100%; height: 100%; max-height: 100%; border-radius: 8px; }
.mission-slider img { object-fit: cover; object-position: center; border-radius: 0!important; }
.mission-slider .flickity-page-dots { display: none!important; opacity: 0!important; pointer-events: none!important; }

.mission-continuous { flex-wrap: wrap; row-gap: 50px; }
.mission .content-sect.m-dc, .mission .missionimg.m-dc { width: calc(50% - 30px); }
.mission .content-sect img { 
	position: relative; width: 100%; height: auto; max-height: 400px; object-fit: contain; object-position: center; 
}

.feature-col { width: calc(33.333333% - 40px)!important; }
.feature-col-sm { width: calc(25% - 45px)!important; }

.feature-col img, .feature-col-sm img { margin-bottom: 8px; }
.feature-col .title { font-size: 24px; }
.feature-col-sm .title { font-size: 20px; }

img.img-contain { object-fit: contain; }

.lg-banner {
	background: #002140; 
	position: relative; width: 100%; padding: 80px max(5%, calc(50% - 480px)); min-height: 400px; 
}
.lg-banner > *:not(img) { position: relative; z-index: 3; }
.lg-banner img { 
	position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; 
	object-fit: cover; object-position: center; 
}

.feat-img { 
	position: relative; flex-grow: 1; margin: 24px auto; max-width: 100%; 
	display: flex; justify-content: center; align-items: center; 
}
.feat-img img {
	position: relative; width: auto; height: auto; max-width: 100%; max-height: 600px; 
	object-fit: contain; object-position: center; /*border: 8px solid #005eb7; */border-radius: 12px; 
}
.feat-img-med img { max-height: 400px; }
.feat-img-lg img { max-height: 1200px; }

.emp-div {
	position: relative; width: 100%; padding: 24px 0; 
	display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; 
	column-gap: 16px; row-gap: 20px; 
}
.em-p, .content-sect .em-p { font-size: 20px; font-weight: 700; text-align: center; display: flex; width: unset!important; }
.em-dot {
	position: relative; font-size: 8px; color: #bbb; display: flex; width: unset!important; 
}

.divider-hr {
	position: relative; width: min(90%, 1600px); margin: 0 auto; height: 1px; display: flex; background: #bbb; 
}

#backToTop {
	display: none; 
	position: fixed; z-index: 1003; top: 12px; right: 12px; cursor: pointer; 
	padding: 8px 10px; width: 50px; height: 52px; 
	background: rgba(0, 0, 0, .8); color: #fff; box-shadow: 0 2px 12px rgba(0, 0, 0, .25); 
	font-family: 'obliqua', sans-serif; font-size: 16px; font-weight: 400; text-align: center; letter-spacing: .25px; 
	transition: .1s ease all; 
}
#backToTop i { font-size: 13px; }
#backToTop:hover { background: #22376d; transition: .3s ease all; }

/* 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; background: #003b73; 
}
.hero {
	min-height: 500px; padding-left: calc(50vw - 1000px); 
	justify-content: flex-start; align-items: stretch; 
}
.hero:before {
	position: absolute; z-index: 4; content: ""; top: 0; left: 0; width: calc(50vw - 1000px); height: 100%; 
}

.hero > img, .subhero > img {
	position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; 
	object-fit: cover; object-position: center; 
}
.hero > img { width: calc(100% - calc(686px + min(5vw, 80px)) + 8px); left: unset; right: 0; top: unset; bottom: 0; }

.hero:before, .hero-overlay, .hero .hero-overlay:before, .hero .hero-overlay:after { background: #005eb7; }
.hero-overlay {
	position: relative; z-index: 3; width: calc(686px + min(5vw, 80px)); padding: 80px 32px 80px min(5vw, 80px); 
	filter: drop-shadow(0 0 20px rgba(0, 0, 0, .2)); 
}
.hero .hero-overlay:before, .hero .hero-overlay:after {
	position: absolute; z-index: 1; content: ""; height: 100%; transform: skewX(10deg); transform-origin: top right; 
}
.hero .hero-overlay:before { width: calc(110%); right: -2px; }
.hero .hero-overlay:after { width: 10px; right: -20px; }
.hero-overlay > * { position: relative; z-index: 3; }
.hero .hero-overlay .feat-p { font-size: 20px; }

.cta-btns-sect {
	position: relative; width: 100%; padding: 50px max(calc(6% + 10px), calc(50% - 1000px)); 
	display: flex; flex-direction: row; flex-wrap: wrap; justify-content: stretch; align-items: stretch; 
	column-gap: 12px; row-gap: 12px; 
}
.cta-btn {
	position: relative; z-index: 3; flex-grow: 1; min-height: 220px; 
	padding: 20px; background: #002140; overflow: hidden; border-radius: 16px; 
	display: flex; flex-direction: column; align-items: center; justify-content: center; 
	transition: .3s ease all; 
}
.cta-btn > img {
	position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; 
	object-fit: cover; object-position: center; opacity: .65; transition: .3s ease all; 
}
.cta-subtitle, .cta-title, .cta-descr, .cta-btn > i { 
	position: relative; z-index: 4; 
	text-align: center; color: #fff; text-shadow: 1px 1px 0 #000, 0 0 16px #000; 
	transition: .3s ease all; 
}
.cta-subtitle, .cta-title { width: 100%; }
.cta-subtitle { font-size: 18px; }
.cta-title { font-size: 30px; }
.cta-descr { width: calc(100% + 40px); margin: 0 -20px 10px -20px; padding: 8px 12px; font-size: 17px; line-height: 1.2; letter-spacing: .5px; background: rgba(0, 0, 0, .4); }
.cta-btn > i { font-size: 18px; }

.cta-btn.cta-quarter { width: calc(25% - 9px); }
.cta-btn.cta-third { width: calc(33.333333% - 8px); }
.cta-btn.cta-half { width: calc(50% - 6px); }

a.cta-btn:hover { transform: scale(1.08); z-index: 5; }
a.cta-btn:hover > img, .cta-btn.hvr-yes:hover > img {
	position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; 
	object-fit: cover; object-position: center; opacity: 1; filter: brightness(1.05); 
}

.skew-banner {
	position: relative; width: min(1900px, 94%); margin: 0 auto; padding: 42px 60px; 
	display: flex; 
}
.skew-banner-bg {
	position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; transform: skewX(-10deg); 
	border: 2.5px solid #002140; 
}
.skew-banner > *:not(.skew-banner-bg) {
	position: relative; z-index: 3; 
}

.skew-banner p { font-size: 20px; }
.skew-banner .feat-p { font-size: 22px!important; }

/* subpages */
.subpage { 
	width: 100%; position: relative; 
	display: flex; flex-direction: column; align-items: center; 
}

.subhero {
	padding: /*60px*/ 0 max(0px, calc(50% - 1200px)) 0 max(0px, calc(50% - 1200px)); min-height: 300px; background: #003b73; 
	flex-direction: row; justify-content: center; align-items: center; 
}
.subhero > img { opacity: .5; filter: brightness(.5); }

.subhero .hero-overlay { 
	width: 100%; padding: 24px 32px 16px 32px; background: none /*rgba(0, 94, 183, .9)*/; row-gap: 20px; align-items: center; 
}
.subhero .hero-overlay .multi-title { align-items: center; }
.subhero .hero-overlay .multi-title * { width: unset; }
.subhero .hero-overlay .title, .subhero .hero-overlay .subtitle, .subhero .hero-overlay p { text-align: center!important; }

.merritt-breadcrumbs {
	position: relative; 
	display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; 
}
.merritt-breadcrumbs .bc, .merritt-breadcrumbs .bc-fake { width: unset; }
.merritt-breadcrumbs a.bc { transition: .25s ease all; }
.merritt-breadcrumbs a.bc:hover { color: #ddd; }
.merritt-breadcrumbs p.bc:not(.bc-fake) { color: #eee; font-weight: 700; }
.merritt-breadcrumbs .bc-div { margin: 0 6px; color: #fff; }

/* about-us.htm */
.aboutpage {}
.aboutpage .feat-img { width: 100%; } 
.aboutpage .coverfeatimg { 
	max-width: 1000px!important; width: min(100%, 1000px)!important; object-fit: cover!important; height: 400px; 
}

/* careers.htm */
.careerpage {}

/*.careerpage .mission-slider { width: min(90%, 1000px); }*/

/*.jobopeningsiframe-div { width: 100%; height: 800px; margin: 24px auto; padding: 16px; border: 8px solid #005eb7; }*/

/* contact-us.htm */
.contactpage {}

.contactmission { justify-content: space-between; }

.contactmission > .content-sect { width: 40%; }
.contactmission #contactForm { width: 50%; }

/* dealers.htm */
.dealerpage {}
.dealerpage > *:not(.merritt-footer):not(.merritt-header) *.txt-default { width: 100%; }

.dealerfilter-br { position: relative; width: 100%; display: flex; }

.dealer-bigmap {
	position: relative; width: 100%; height: 450px; 
	display: flex; 
}
.dealer-bigmap iframe { 
	width: 100%!important; height: 100%!important; background: #f8f8f8; 
}

ul.filter-media-types {
	position: relative; width: 100%; 
	display: flex; flex-wrap: wrap; justify-content: center; align-items: center; 
}

.is-filter {
	position: relative; cursor: pointer; 
	display: flex; justify-content: center; align-items: center; 
}
.category, .is-filter.category {}
.country, .is-filter.country {}
.state, .is-filter.state {}

.media-all, .is-filter.media-all {
	margin-left: auto; margin-right: auto; 
}

#StateFiltersHolder {
	position: relative; width: 100%; 
	display: flex; flex-direction: column; align-items: center; justify-content: center; 
}

#StateFiltersHolder.active #FbS { display: none; }
#StateFiltersHolder:not(.active) #HSF { display: none; }

#StateFiltersHolder.active li { display: flex!important; }
#StateFiltersHolder:not(.active) li { display: none!important; }

#StateFilterToggler {
	position: relative; width: unset; margin: 12px 0; cursor: pointer; 
	display: flex; justify-content: center; align-items: center; 
}
#StatesFilterButtons {
	position: relative; width: 100%; 
	display: flex; flex-wrap: wrap; justify-content: center; align-items: center; 
}
#StateFiltersHolder li {}

.fmt-btns-divider { width: 100%; }

.title-tm { font-size: 17px!important; }

/* accordion!! */
.accordion-sect {
	position: relative; width: 100%; 
	display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; 
	column-gap: 20px; row-gap: 20px; 
}
.dealers-list {}

.dealers-list .accordion {
	position: relative; width: calc(25% - 15px); padding: 12px; box-shadow: 0 0 10px rgba(0, 0, 0, .15); 
	display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; 
	transition: .2s ease all; 
}
.dealers-list .accordion:hover { box-shadow: 0 2px 12px rgba(0, 0, 0, .25); }
.dealers-list .accordion .locinf-default { 
	width: 100%; 
	display: flex; flex-direction: column; align-items: flex-start; 
}
.dealers-list .accordion .title { 
	font-size: 20px; text-align: center; width: 100%; margin-bottom: 12px; letter-spacing: .5px; 
}
.dealers-list .accordion .icon-link { padding: 4px 12px!important; flex-wrap: nowrap; }
.dealers-list .accordion .icon-link.is-phone span { font-size: 20px; font-weight: 700; }
.icon-link.is-phone *:not(i) { font-size: 20px; font-weight: 700; }
.dealers-list .accordion .icon-link.is-tagil { font-size: 16px; color: #444; }
.dealers-list .accordion .icon-link.accordion-header { 
	width: 100%!important; justify-content: center; cursor: pointer; border: 1px solid #fff; background: #f8f8f8; color: #003b73; text-align: center; margin-top: auto; 
}
.dealers-list .accordion .icon-link.accordion-header:hover { color: #fff; background: #003b73; }
.dealers-list .accordion .icon-link.is-hours ul { padding-left: 0!important; }
.dealers-list .accordion .accordion-content { 
	width: 100%; 
	flex-direction: column; align-items: flex-start; 
}
.dlr-logo { 
	width: 100%; height: 60px; object-fit: contain; object-position: center; padding: 8px 12px 20px 12px; transition: .3s ease all; 
}
.dealers-list .accordion.active .locinf-default, .accordion.active .icon-link.accordion-header { width: unset!important; }
.dealers-list .accordion.active .map-div {
	position: absolute; top: 24px; right: 24px; width: calc(45% - 24px); height: calc(100% - 48px); 
}
.dealers-list .accordion.active .map-div iframe { width: 100%!important; height: 100%!important; background: #f8f8f8; }
/*.dealers-list .accordion.active .dlr-logo { 
	position: absolute; top: 16px; right: calc(50% - 12px); width: 240px; height: 140px; object-position: 100% 0%; 
}*/
.dealers-list .accordion.active .dlr-logo { 
	width: 280px; height: auto; max-height: 140px; object-position: 0% 50%; margin-right: auto; margin-left: 0; order: -4; 
}
.dealers-list .accordion.active .title { 
	order: -3; font-size: 26px!important; /*width: calc(100% - 260px);*/ width: 100%; /*min-height: 118px;*/ padding-left: 12px; /*padding-top: 20px; */ margin-bottom: 4px; 
	display: flex; justify-content: flex-start; align-items: center; 
	text-align: left!important; 
}
.dealers-list .accordion.active .is-tagil { order: -2!important; max-width: /*calc(100% - 224px)*/ 100%; }
.dealers-list .states-served { 
	color: #505050; font-size: 15px; font-weight: 700; font-style: italic; padding: 8px 12px; margin-bottom: 8px; 
}
.dealers-list .accordion.active .states-served { order: -1!important; }
.dealers-list .accordion.active .states-served, .dealers-list .accordion.active .icon-link { max-width: /*calc(100% - 224px)*/ 100%; }
.dealers-list .accordion .accordion-content { display: none; width: 50%; }
.dealers-list .accordion .accordion-content .horiz-sect { margin-top: 12px; }

.dealers-list .accordion.active { width: 100%!important; flex-direction: column; }
.dealers-list .accordion.active .locinf-default { width: 50%!important; }
.dealers-list .accordion.active .accordion-content { display: flex; }

.accordion:not(.active) .ah-hide { display: none; }
.accordion.active .ah-view { display: none; }
.accordion:not(.active) i.fa-plus:before { content: "\2b"; }
.accordion.active i.fa-plus:before { content: "\f068"; }
.dealers-list .accordion.active .icon-link.accordion-header { order: 5; margin-top: 12px; }

/* start spaghetti */
.filter-media-types li { 
	display: flex; padding: 10px 12px 8px 12px; min-height: 40px; background: #e5e5e5; margin: 4px; cursor: pointer; transition: .2s ease all; 
}
.filter-media-types li:hover { background: #d5d5d5; }
.filter-media-types li.showing { background: #005eb7; color: white; }
.f-media:not(.showing) { display: none!important; }
.f-media.showing { display: flex; }
/* end spaghetti */

.is-hours li { padding: 4px; margin: -4px; transition: .1s ease all; }
.is-hours li:hover { background: rgba(0, 0, 0, .04); }

/* newer styles for the dealer page */


.dealer-lgdiv {
	position: relative; width: 100%; padding: 0 max(0px, calc(50% - 1000px)); 
	display: flex; flex-direction: row; justify-content: flex-end; align-items: stretch; 
}
.dealer-lgdiv-leftsticky { 
	position: sticky; z-index: 3; top: 0px; left: 0px; 
	padding: 40px 16px 40px 20px!important; width: 341px;
	box-shadow: 0 0 12px rgba(0, 0, 0, .05); background: #fff; 
	display: flex; 
}
ul.filter-media-types { 
	width: 100%; max-height: calc(100vh - 48px); overflow-y: auto; overflow-x: hidden; 
	position: sticky; z-index: 3; top: 24px; flex-direction: column; align-items: stretch; justify-content: flex-start; flex-wrap: nowrap; padding: 0 12px 0 0!important; 
}
.media-all, .is-filter.media-all { margin-left: 4px!important; }
#StateFilterToggler { padding-left: 8px!important; padding-right: 8px!important; }
#StateFiltersHolder { align-items: flex-start; }
#StatesFilterButtons { justify-content: flex-start; align-items: stretch; }
#StatesFilterButtons li { padding-left: 8px!important; padding-right: 8px!important; }
#StatesFilterButtons .country, .media-all, .is-filter.media-all, #StateFilterToggler, .category { width: 100%; text-align: center; justify-content: center; }
#StatesFilterButtons .state { width: calc(50% - 8px); text-align: center; justify-content: center; }
.dealers-list { width: calc(100% - 341px); padding: 40px 3%!important; align-content: flex-start; }

.dealers-list .accordion { background: #fff; border-radius: 12px; }
.dealers-list .accordion:not(.active) { background: #fff; width: calc(33.333333% - 13.5px); }
.dlr-logo { height: 100px; }
.dealers-list .accordion:not(.active) .icon-link { justify-content: center; margin-left: auto; margin-right: auto; }
.dealers-list .accordion:not(.active) .icon-link.is-phone, .dealers-list .accordion:not(.active) .icon-link.is-tagil, .dealers-list .accordion:not(.active) .states-served { display: none!important; }
.dealers-list .accordion:not(.active) .icon-link.accordion-header { margin-top: 8px; }

/* financing.htm */
.financepage {}

.fin-logo { 
	max-width: 550px; max-height: 320px; padding: min(24px, 5%); border: 1px solid #005eb7; background: #fff; 
}
.fin-logo img { 
	border: none; border-radius: none; box-shadow: none; transition: .25s ease all; 
}
a.fin-logo:hover img { opacity: .7; }

/* legal.htm */
.legalpage .divider-hr { margin: 32px auto; }

/* trailer pages */
.trailerpage {}

.specs-accordion {
	position: relative; width: 100%; max-width: 1000px; margin: 0 auto; 
	display: flex; flex-direction: column; align-items: stretch; column-gap: 0; row-gap: 0; 
}
.specs-accordion .accordion { 
	margin-top: -1px; border: 1px solid #e8e8e8; background: #fff; 
	display: flex; flex-direction: column; justify-content: flex-start; 
}
.specs-accordion .accordion > * { margin-bottom: 0!important; }
.specs-accordion .accordion .accordion-header { 
	position: relative; width: 100%; background: #fff; padding: 16px 20px; min-height: 70px; 
	display: flex; justify-content: space-between; align-items: center; column-gap: 5%; 
	transition: .25s ease all; 
}
.specs-accordion .accordion .accordion-header:hover { background: #e8e8e8!important; cursor: pointer; }
.specs-accordion .accordion:not(.active) .accordion-header {
	
}
.specs-accordion .accordion:not(.active) .accordion-header .title { font-size: 20px; transition: .25s ease all; }
.specs-accordion .accordion:not(.active) .accordion-content { display: none; }
.specs-accordion .accordion.active .accordion-header {
	background: #fff; 
}
.specs-accordion .accordion.active .accordion-header .title { font-size: 24px; transition: .25s ease all; }
.specs-accordion .accordion.active .accordion-content {
	position: relative; width: 100%; padding: 24px; background: #fff; 
	display: flex; flex-direction: column; align-items: stretch; 
}

.specs-accordion ul.spec-ul, ul.optionsmenu {
	position: relative; width: 100%; list-style-type: none; padding: 0!important; margin: 0!important; 
	display: flex; flex-direction: column; align-items: stretch; 
}
.specs-accordion ul.spec-ul li {
	display: flex; flex-direction: row; justify-content: space-between; align-items: center; column-gap: 24px; row-gap: 8px; 
	border-bottom: 1px solid #bbb; padding: 12px; list-style-type: none; 
}
.specs-accordion ul.spec-ul li span:first-child { text-align: left; max-width: 20%; }
.specs-accordion ul.spec-ul li span:last-child { text-align: right; max-width: calc(80% - 24px); }
.specs-accordion ul.spec-ul li:hover { background: #f0f0f0; }

.bg-f8 { background: #f8f8f8; }

.featcol-list, .bg-hexes, .featcol-list > *, .bg-hexes > * { position: relative; z-index: 2; }
.featcol-list:before, .featcol-list:after, .bg-hexes:before, .bg-hexes:after {
	position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; content: ""; opacity: .25; 
	background: #fff; 
	background-size: auto 1500px; background-repeat: repeat-y; 
}
.featcol-list:before, .bg-hexes:before {
	background-image: url('/siteart/bg-hex-left.png'); background-position: -80px 0%; 
}
.featcol-list:after, .bg-hexes:after {
	background-image: url('/siteart/bg-hex-right.png'); background-position: calc(100% + 80px) 0%; 
}
.bg-hexes.bghexcentered:before { background-position: -80px 50%; }
.bg-hexes.bghexcentered:after { background-position: calc(100% + 80px) 50%; }

/* livestock-trailers.htm */
.livestocktrailerpage {}

.trailerpage .feature-col img, .trailerpage .feature-col-sm img { max-height: 350px; border-radius: 12px; }

.theoptionsdiv {
	position: relative; width: 100%; 
	display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; column-gap: 40px; row-gap: 40px; 
}
.theoptionsmenu { width: 20%; position: sticky; top: 20px; }
ul.optionsmenu {}
ul.optionsmenu a { 
	text-align: left; 
	padding: 6px 12px; color: #444; transition: .25s ease all; 
}
ul.optionsmenu a.title { font-size: 20px; color: #000; }
ul.optionsmenu li { display: flex; flex-direction: column; align-items: stretch; border-bottom: none; }
.theoptionsmenu > ul.optionsmenu > li { border-bottom: 1px solid #bbb; padding: 12px 0; }
ul.optionsmenu li a:hover { background: #f0f0f0; }
ul.optionsmenu ul { padding-left: 12px!important; }
ul.optionsmenu ul li { border-bottom: none; }
.theoptionslonglist { width: calc(80% - 40px); }

.theoptionslonglist .divider-hr { margin-top: 32px; margin-bottom: 32px; }
.theoptionslonglist h2.title { margin-bottom: -24px; }
.theoptionslonglist h3.title { font-size: 24px; margin-top: 32px; margin-bottom: 16px; color: #444; }

.filter-group { position: relative; width: 100%; }
.filter-group .f-media:not(.showing) { display: none!important; }
.filter-group .f-media.showing { display: flex!important; }

.theoptionslonglist .media-all, .theoptionslonglist .is-filter.media-all { margin: 4px!important; }
.theoptionslonglist ul.filter-media-types { width: 100%; padding: 0 0 12px 0; }

.option-sect { 
	position: relative; width: 100%; 
	display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-start; align-items: flex-start; 
	column-gap: 40px; row-gap: 32px; 
}
.option-sect .f-media { 
	position: relative; width: calc(25% - 30px); 
	display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; row-gap: 12px; 
}
.option-sect .f-media img { 
	width: 100%; height: auto; max-height: 300px; object-fit: contain; object-position: center; margin-bottom: 8px; border-radius: 12px; 
} 
.option-sect .f-media .title { font-size: 20px; }

.livestocktraileroptionspage .divider-hr, .goosenecktraileroptionspage .divider-hr { width: 100%!important; }

.missionimg-sm, .missionimg-sm img { max-height: 320px!important; }

.more-features-accordion {
	width: 100%; padding: 0; display: flex; flex-direction: column; align-items: flex-start; 
}
.more-features-accordion .accordion-header { width: unset!important; }
.more-features-accordion:not(.active) .accordion-content { display: none; }
.more-features-accordion.active .accordion-header { display: none; }
.more-features-accordion.active .accordion-content { 
	display: flex; 
	width: 100%!important; 
}

.feature-col { position: relative; z-index: 3; }
.feature-col img { 
	border-radius: 12px; width: auto!important; margin-left: auto; margin-right: auto; max-height: 420px!important; 
}
.feature-col:before { 
	position: absolute; z-index: -1; top: -20px; left: -20px; width: calc(100% + 40px); height: calc(100% + 40px); 
	border-radius: 32px; background: rgba(255, 255, 255, .75); content: ""; transition: .3s ease all; 
}
.feature-col:hover:before { background: rgba(255, 255, 255, 1); box-shadow: 0 2px 16px rgba(0, 0, 0, .1); }

.standardfeatlist:before, .standardfeatlist:after { display: none!important; }

ul.feature-list {}
ul.feature-list li { padding: 5px 8px; background: rgba(0, 0, 0, 0); transition: .15s ease all; }
ul.feature-list li:hover { background: rgba(0, 0, 0, .05); }

.multi-missionimg-collage { position: relative; height: unset!important; min-height: unset!important; max-height: unset!important; display: flex; flex-direction: column!important; align-items: center; justify-content: center; }
.multi-missionimg-collage img { position: relative; margin-top: -6px; margin-bottom: -6px; border-radius: 12px; box-shadow: 0 2px 12px rgba(0, 0, 0, .05); }
.multi-missionimg-collage img:nth-child(even) { margin-left: min(7vw, 300px); }
.multi-missionimg-collage img:nth-child(odd) { margin-right: min(7vw, 300px); }
.multi-missionimg-collage img:first-child { margin-top: 0; }
.multi-missionimg-collage img:last-child { margin-bottom: 0; }

/* thank-you.htm */
.thankyoupage {}

/* recommended styles */
.center-style, .title.center-style, .subtitle.center-style, p.center-style { text-align: center; }

.txt-upper { text-transform: uppercase; }

.txt-italic { font-style: italic; }

.txt-blue1 { color: #005eb7; }
.txt-blue2 { color: #003b73; }
.txt-blue3 { color: #002140; }

.darkmode1 .title, .darkmode1 .subtitle, .darkmode1 p, .darkmode1 .icon-link, .darkmode1 .bc { 
	color: #fff; text-shadow: 0 0 16px rgba(0, 0, 0, .25); 
}

.darkmode2 .title, .darkmode2 .subtitle, .darkmode2 p, .darkmode2 .icon-link, .darkmode2 .bc { 
	color: #fff; text-shadow: 1px 1px 0 #000, 0 0 16px rgba(0, 0, 0, 1); 
}

.bg-lgray { background: #f8f8f8; }
.bg-blue2 { background: #003b73; }

.bg-diamond {
	background: #cdd3d9; 
}
.bg-diamond:not(.skew-banner-bg) {
	background: #cdd3d9; position: relative; z-index: 2; 
}
.bg-diamond:before {
	position: absolute; z-index: 1; content: ""; top: 0; left: 0; width: 100%; height: 100%; 
	opacity: .1; filter: brightness(1.5); 
	background: #cdd3d9; background-image: url('/siteart/bg-cattledrive-mudflaps.jpg'); 
	background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment: fixed; 
}
.bg-diamond > * { position: relative; z-index: 3; }

.padtb-med { padding-top: 50px; padding-bottom: 50px; }
.padtb-sm { padding-top: 20px; padding-bottom: 20px; }

.padt-med { padding-top: 50px; }

.padb-sm { padding-bottom: 20px; }

.padlr-med { padding-left: max(4vw, calc(50% - 900px)); padding-right: max(4vw, calc(50% - 900px)); }

.margtb-med { margin-top: 40px; margin-bottom: 40px; }

.margt-sm { margin-top: 20px; }
.margt-smed { margin-top: 32px; }
.margt-med { margin-top: 40px; }
.margt-lg { margin-top: 60px; }

.margr-auto { margin-right: auto; }

.marglr-padmed { margin-left: max(4vw, calc(50% - 900px)); margin-right: max(4vw, calc(50% - 900px)); }

.ai-fs, .mission.ai-fs { align-items: flex-start; }
.jc-fs, .mission.jc-fs { justify-content: flex-start; }

/* forced styles */
.txt-bold { font-weight: 700!important; }

.force-width100 { width: 100%!important; }

.force-padtb-0 { padding-top: 0!important; padding-bottom: 0!important; }
.force-padlr-0 { padding-left: 0!important; padding-right: 0!important; }

.force-padt-0 { padding-top: 0!important; }
.force-padt-0 { padding-top: 0!important; }

.force-padb-0 { padding-bottom: 0!important; }

.force-rowgap-0 { row-gap: 0!important; }

/*--------FORM STYLES--------------------*/
.form-sect { 
	width: 100%; padding: 80px max(5vw, calc(50% - 600px)); 
	display: flex; flex-direction: column; align-items: stretch; 
	background: #ddd; 
}
.form-sect .content-sect { width: 100%; padding: 0 0 24px 0; }

form.merritt-form .title { 
	width: 100%; margin: 30px 0 0 0; padding-bottom: 4px; border-bottom: 1px solid #bbb; 
}
form.merritt-form p.txt-default { width: 100%; text-align: left; color: #fff; padding: 20px 0 0 0; }
form.merritt-form p.txt-default.center-style { text-align: center; }

form.merritt-form p.form-important-message { font-size: 18px; letter-spacing: .25px; }

form.merritt-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.merritt-form .formrow { width: 100%; display: flex; justify-content: center; }
form.merritt-form .formrow-captcha { width: 100%; display: flex; flex-direction: column; align-items: center; margin-top: 8px; }

form.merritt-form .col50 { 
	width: calc(50% - 12px); 
	display: flex; flex-direction: column; align-items: flex-start; 
}

form.merritt-form .subtitle { 
	width: 100%; margin-top: 32px; 
}

form.merritt-form label { 
	width: 100%; padding: 12px 0 10px 0; box-sizing: border-box; margin-top: 10px; 
	color: #444; font-size: 18px; 
	line-height: 1.4; letter-spacing: .5px; 
}
form.merritt-form select, form.merritt-form input, form.merritt-form input[type="text"], form.merritt-form input[type="email"], form.merritt-form textarea, form.merritt-form #CaptchaAnswer {
	width: 100%; height: 44px; padding: 12px; box-sizing: border-box; 
	color: #000; font-size: 14px; 
	line-height: 1.4; letter-spacing: .5px; 
	border: none; border-bottom: 1px solid #000; border-radius: 0px!important; background: #f8f8f8; 
}
form.merritt-form textarea { height: 120px; }
form.merritt-form select {}

form.merritt-form input[type="checkbox"] { width: 24px; height: 24px; }
form.merritt-form .checkbox-div {
	position: relative; width: 100%; 
	display: flex; flex-direction: row; justify-content: flex-start; align-items: center; 
}
form.merritt-form .checkbox-div label { width: unset; flex-grow: 1; padding-left: 16px!important; } 

form.merritt-form a:not(.invisilink) { cursor: pointer; margin: 20px 0 0 0; }
form.merritt-form .CaptchaMessagePanel { font-family: 'obliqua-sans', sans-serif!important; color: #000; }
form.merritt-form #CaptchaAnswer { width: 180px!important; }
form.merritt-form div.CaptchaWhatsThisPanel a { 
	font-family: 'obliqua-sans', sans-serif!important; transition: .15s ease all; 
}
form.merritt-form div.CaptchaWhatsThisPanel a:hover { text-decoration: underline; }
form button[type="submit"], form input[type="submit"] { 
	background: #005eb7; color: #fff; 
	display: flex; justify-content: center; align-items: center; 
	min-width: 44px; min-height: 44px; 
	cursor: pointer; border: none; outline: none; border-radius: 0; 
	transition: .25s ease all; 
}
form button[type="submit"] i, form input[type="submit"] i { font-size: 20px; }
form button[type="submit"]:hover, form input[type="submit"]:hover { background: #002140; color: #fff; }

/*---------- FORM RESPONSIVE STYLES ----------*/

@media only screen and (max-width: 1080px) {
	form.merritt-form .smcol { width: calc(50% - 12px); }
}

@media only screen and (max-width: 750px) {
	form.merritt-form .smcol { width: 100%; }
}


/*-------- FOOTER STYLES ----------------*/
footer {  }

.merritt-footer {
	position: relative; width: 100%; background: #f8f8f8; padding: 40px max(4vw, calc(50% - 1200px)); 
	display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; 
	column-gap: 40px; row-gap: 32px; 
}
.footcol {
	position: relative; 
	display: flex; flex-direction: column; align-items: flex-start; 
}
.footcol .title { color: #003b73; padding: 0 8px 2px 8px; }
.footcol a:not(.icon-link):not(.invisilink):not(.foot-logo) { 
	position: relative; padding: 2px 8px; 
	display: flex; justify-content: flex-start; align-items: center; 
	color: #000; line-height: unset; transition: .25s ease all; 
}
.footcol a:not(.icon-link):hover { color: #005eb7!important; }
.foot-logo-col { justify-content: space-between; }
.foot-logo-top { justify-content: flex-start; }
.foot-logo, .foot-logo img, .foot-soc-media { width: 208px; }
.foot-logo { 
	position: relative; 
	display: flex; justify-content: flex-start; align-items: center; 
}
.foot-logo img { height: auto; object-fit: contain; object-position: 0% 50%; }
.foot-soc-media { width: 100%; justify-content: space-between; column-gap: 4px; row-gap: 4px; margin: 8px 0; }
.foot-copyright { color: #4d4d4d; margin-top: auto; }
.footnav { align-items: stretch; justify-content: flex-start; }
.foot-ql {}
.foot-dealers {}
.foot-resources {}
.foot-shop {}

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.inv-foot-spacer { display: flex; width: 100%; height: 80px; background: #f8f8f8; }

/* AT styles */
.list.listing { display: flex!important; }

/*---------- RESPONSIVE STYLES ----------*/

@media only screen and (min-width: 2201px) {	/* MIND THE MIN-WIDTH */
	.mission.gb-righty > .content-sect:before { border-radius: 32px; width: calc(100% + 72px); }
	.mission.gb-lefty > .content-sect:before { border-radius: 32px; width: calc(100% + 72px); }
	
	.featcol-list:before, .featcol-list:after, .bg-hexes:before, .bg-hexes:after { background-size: auto 1500px; }
	.featcol-list:before, .bg-hexes:before { background-position: calc(50% - 1000px) 0; }
	.featcol-list:after, .bg-hexes:after { background-position: calc(50% + 1000px) 0; }
	.bg-hexes.bghexcentered:before { background-position: calc(50% - 1000px) 50%; }
	.bg-hexes.bghexcentered:after { background-position: calc(50% + 1000px) 50%; }
}

@media only screen and (max-width: 1750px) {
	.cta-btn.cta-quarter { width: calc(50% - 6px); }
}

@media only screen and (max-width: 1500px) {
	.title { font-size: 30px; }
	.title.title-lg { font-size: 36px; }
	
	.searchbox form.merritt-form input[type="text"] { width: 210px; }
	
	.hero { min-height: 450px; }
	.hero > img { width: calc(100% - calc(618px + min(2.25vw, 80px)) + 8px); }
	.hero-overlay { width: calc(618px + min(2.25vw, 80px)); padding-left: 2.25vw; }
	
	.lg-banner { min-height: 320px; }
	
	.option-sect .f-media { width: calc(33.333333% - 27px)!important; }
}

@media only screen and (max-width: 1450px) {
	.title.title-ml { font-size: 32px; }
}

@media only screen and (max-width: 1400px) {
	.title { font-size: 28px; }
}

@media only screen and (max-width: 1380px) {
	.dealers-list .accordion:not(.active) { width: calc(50% - 10px); }
	.dealers-list .accordion.active .dlr-logo { margin-left: auto; object-position: center; max-width: 100%; }
	.dealers-list .accordion.active .locinf-default, .dealers-list .accordion.active .accordion-content { width: 100%!important; }
	.dealers-list .accordion.active .map-div { position: relative; order: 4; width: /*calc(*/100%/* - 48px)*/; height: 320px; top: unset; right: unset; margin-top: 16px; }
}

@media only screen and (max-width: 1350px) {
	.mission-slider { height: 400px; }
	
	.cta-btns-sect { padding-left: 3%; padding-right: 3%; }
	
	.featcol-list { column-gap: 40px!important; }
	.feature-col { width: calc(50% - 20px)!important; }
	.feature-col-sm { width: calc(33.333333% - 30px)!important; }
}

@media only screen and (max-width: 1320px) {
	.dealer-lgdiv-leftsticky { width: 240px; padding-left: 12px!important; padding-right: 12px!important; }
	.dealers-list { width: calc(100% - 240px); }
	.filter-media-types li { margin: 1px; padding-left: 5px!important; padding-right: 5px!important; }
	#StatesFilterButtons .state { width: 100%; }
	
	.merritt-header, .merritt-footer { padding-left: 2.5%; padding-right: 2.5%; }
	.foot-logo-col { margin-right: 24px; }
}

/* switch to mobile nav */
@media only screen and (max-width: 1250px) {
	.nav-div { height: 66px; }
	
	.title { font-size: 26px; }
	
	.skew-banner { flex-direction: column; align-items: center; }
	.skew-banner .content-sect, .skew-banner .multi-title { width: 100%!important; align-items: center; }
	.skew-banner .title, .skew-banner .subtitle, .skew-banner p { text-align: center; }
	.skew-banner .horiz-sect { justify-content: center; }
	
	.cta-btn { min-height: 200px; }
	
	.subhero { min-height: 240px; }
}

@media only screen and (max-width: 1200px) {
	.title.title-lg { font-size: 32px; }
	
	.hero .hero-overlay .feat-p { font-size: 18px; }
	
	.hero { min-height: 420px; }
	.hero > img { width: calc(100% - calc(522px + 3.5vw) + 8px); }
	.hero .hero-overlay { width: calc(522px + 3.5vw); padding: 60px 1vw 60px 2.5vw; }
	
	.cta-btns-sect { column-gap: 8px; row-gap: 8px; }
	.cta-btn.cta-third { width: calc(33.333333% - 5.333334px); }
	.cta-btn.cta-half { width: calc(50% - 4px); }
	
	.theoptionsdiv { padding-left: 0!important; padding-right: 2%; column-gap: 24px; }
	.theoptionsmenu { width: 220px; }
	.theoptionslonglist { width: calc(100% - 224px); }
	.option-sect .f-media { width: calc(50% - 20px)!important; }
}

@media only screen and (max-width: 1150px) {
	.merritt-footer { flex-wrap: wrap; }
	.foot-logo-col { order: 5; width: 100%; flex-direction: row; align-items: center; margin-right: 0; }
	.foot-soc-media { width: unset; flex-grow: unset; margin: 0; justify-content: center; }
	.foot-copyright { margin-top: 0; }
}

@media only screen and (max-width: 1120px) {
	.feature-col-sm { width: calc(50% - 20px)!important; }
}

@media only screen and (max-width: 1080px) {
	.title { font-size: 24px; }
}

@media only screen and (max-width: 1050px) {
	.force-padtb-40-1050 { padding-top: 40px!important; padding-bottom: 40px!important; }
	.order4-1050 { order: 4; }
	
	.mission { flex-direction: column; }
	.mission-cr, .mission.mission-cr { flex-direction: column-reverse; }
	.mission > .content-sect, .mission .missionimg, .mission .content-sect.m-dc, .mission .missionimg.m-dc { width: 100%; }
	.mission:not(.mission-cr).gb-righty > .content-sect, .mission.mission-cr.gb-lefty > .content-sect { margin-top: 32px; }
	.mission.mission-cr.gb-righty > .content-sect, .mission:not(.mission-cr).gb-lefty > .content-sect { margin-bottom: 32px; }
	.mission.gb-righty > .content-sect:before, .mission.gb-lefty > .content-sect:before { width: calc(100% + 8vw); left: -4vw; top: -32px; height: calc(100% + 64px); border-radius: 0!important; }
	.missionimg > img { max-height: 400px; }
	
	.hero { min-height: 380px; }
	.hero > img { width: calc(100% - calc(360px + 7vw) + 8px); }
	.hero .hero-overlay { width: calc(360px + 7vw); }
	.hero .hero-overlay .feat-p { font-size: 18px; }
	
	.hero { flex-direction: column; min-height: unset; }
	.hero > img { width: 100%; position: relative; height: auto; max-height: 350px; }
	.hero .hero-overlay { width: 100%; padding: 50px 5%; }
	.hero .hero-overlay:before, .hero .hero-overlay:after { width: 100%; right: 0; transform-origin: center; display: none; }
	
	.cta-btn { min-height: 180px; }
	
	.featcol-list { flex-direction: row!important; }
	
	.multi-missionimg-collage { row-gap: 16px; }
	.multi-missionimg-collage img { margin: 0 auto!important; }
	
	.form-div { width: 100%!important; }
}

@media only screen and (max-width: 1000px) {
	.skew-banner { width: 100%; padding-left: 5%; padding-right: 5%; }
	.skew-banner-bg { transform: none; border: none; }
	
	.aboutpage .coverfeatimg { height: 320px; }
}

@media only screen and (max-width: 950px) {
	.cta-btn { min-height: 160px; }
}

@media only screen and (max-width: 920px) {
	.featcol-list:before, .featcol-list:after, .bg-hexes:before, .bg-hexes:after { background-size: auto 1200px; }
	
	.dealers-list .accordion:not(.active) { width: 100%; }
}

@media only screen and (max-width: 900px) {
	.merritt-footer { column-gap: 0; }
	.foot-logo-col { flex-wrap: wrap; }
	.foot-copyright { width: 100%; margin-top: 24px; }
	.footnav { width: 50%; align-items: flex-start; }
}

@media only screen and (max-width: 800px) {
	.searchbox form.merritt-form input[type="text"] { width: 180px; }
	
	.cta-btns-sect { column-gap: 4px; row-gap: 4px; }
	.cta-btn { flex-grow: 1; min-height: 150px; }
	.cta-btn.cta-third, .cta-btn.cta-half { width: calc(50% - 2px); }
	
	.subhero { min-height: unset; padding: 0; }
	.subhero .hero-overlay { width: 100%; padding-left: 5%; padding-right: 5%; }
	
	.feature-col, .feature-col-sm { width: 100%!important; }
	
	.option-sect .f-media { width: 100%!important; }
	
	.aboutpage .coverfeatimg { height: 250px; }
}

@media only screen and (max-width: 764px) {
	.featcol-list:before, .featcol-list:after, .bg-hexes:before, .bg-hexes:after { background-size: auto 950px; }
}

@media only screen and (max-width: 750px) {
	form.merritt-form .col50 { width: 100%!important; }
}

@media only screen and (max-width: 700px) {
	.hide700 { display: none!important; }
	
	.cta-btn.cta-quarter { width: 100%; }
}

@media only screen and (max-width: 650px) {
	.merritt-header { padding-top: 60px; }
	#HeaderSearch { position: absolute; top: 0; left: 0; width: 100%; }
	.searchbox form.merritt-form input[type="text"] { width: calc(100% - 44px); }
	.header-logo { margin-top: 0px; }
	.nav-div { justify-content: flex-end; }
	
	.cta-btn { min-height: 120px; }
	
	.foot-logo-col { flex-direction: column; flex-wrap: nowrap; }
	.foot-logo { margin: 24px 0 32px 0; }
	.foot-copyright { text-align: center; }
}

@media only screen and (max-width: 620px) {
	.theoptionsdiv { flex-direction: column; padding-left: 2%!important; }
	.theoptionsmenu, .theoptionslonglist { width: 100%; position: relative; top: unset; }
	
	.dealer-lgdiv { flex-direction: column; }
	.dealer-lgdiv-leftsticky, .dealers-list { width: 100%; position: relative; top: unset; }
	ul.filter-media-types { flex-direction: row; flex-wrap: wrap; justify-content: flex-start; max-height: unset!important; }
	.filter-media-types li.category { width: calc(50% - 2px)!important; }
	.filter-media-types li.media-all { width: 100%!important; }
	#StatesFilterButtons .state { width: calc(33.333333% - 2px)!important; }
	
}

@media only screen and (max-width: 530px) {
	.emp-div { flex-direction: column; }
	.em-dot { display: none!important; }
	
	.featcol-list:before, .bg-hexes:before { display: none!important; }
	
	.mission-slider { height: 350px; }
}

@media only screen and (max-width: 500px) {
	.title { font-size: 22px; }
	
	.footnav { width: 100%; align-items: center; }
	.footcol .title { text-align: center; }
	.footcol a:not(.icon-link):not(.invisilink):not(.foot-logo) { min-height: 40px; justify-content: center; text-align: center; }
}

@media only screen and (max-width: 450px) {
	.filter-media-types li.media-all, .filter-media-types li.category { width: 100%!important; }
	#StatesFilterButtons .state { width: calc(50% - 2px)!important; }
	
	.aboutpage .coverfeatimg { height: auto; object-fit: contain!important; }
}

@media only screen and (max-width: 400px) {
	.merritt-header { column-gap: 0!important; }
	.header-logo, .header-logo img { width: 46vw!important; max-width: 46vw!important; height: auto; margin-right: 0; }
	#menu-button a { width: 33vw!important; padding: 0!important; }
	
	.icon-link { flex-wrap: wrap; }
	
	.cta-btn { width: 100%!important; min-height: 100px; }
}

@media only screen and (max-width: 380px) {
	.btnclass { width: 100%; padding-left: 12px; padding-right: 12px; margin-left: auto; margin-right: auto; background: #005eb7; }
	.btnclass:before, .btnclass:after { display: none!important; }
}

@media only screen and (max-width: 300px) {
	.merritt-header { padding-top: 0; }
	#HeaderSearch { display: none!important; }
}

@media only screen and (max-width: 280px) {
	#StatesFilterButtons .state { width: 100%!important; }
}






