/***** 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: #ef5a22;  color: #000; text-shadow: none; } 
::selection { background: #ef5a22; color: #000; text-shadow: none; }
/* Clearfix */
.cf { *zoom: 1; }
.cf:before, .cf:after { content: " "; display: table; } 
.cf:after { clear: both; } 

/*-------- BODY STYLES --------*/
html { scroll-behavior: smooth; }
body { font-family: 'Rethink Sans', sans-serif; }

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 {  }

.meyers-header {
	position: relative; z-index: 1004; width: 100%; 
	display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; 
}
.header-logo { position: relative; z-index: 2; display: flex; transition: .2s ease all; }
.header-logo img { width: auto; max-width: 75vw; height: 124px; padding: 12px 0; object-fit: contain; object-position: center; transition: .2s ease all; }
a.is-logo-hvryes img { transform: none; transition: .2s ease all; }
a.header-logo:hover img, a.foot-logo:hover img, a.is-logo-hvryes:hover img { transform: scale(1.05) translateY(-2px); }
.meyers-header-right {
	position: relative; z-index: 3; 
	display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between; column-gap: 10px; 
}
.header-soc {
	position: relative; z-index: 1; padding-top: 12px; 
	display: flex; flex-direction: row; justify-content: flex-end; align-items: center; column-gap: 10px; 
}
.nav-div {
	position: relative; z-index: 5; height: 70px; 
	display: flex; justify-content: flex-end; align-items: stretch; 
}

/* Site Colors: 
	
	--> Orange: #ef5a22; rgba(239, 90, 34, 1); <--
	
	Hover Orange: #d14310; rgba(209, 67, 16, 1); 

	Main Background Gray (bg-333): #333; rgba(51, 51, 51, 1); 
	Secondary Background Gray/Not-Black (bg-23): #232323; rgba(35, 35, 35, 1); 
	Input Background Med Gray (bg-67): #676767; rgba(103, 103, 103, 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: #ef5a22; text-decoration: underline; }
.txt-orange a.invisilink:hover, a.invisilink.txt-orange:hover { color: #d14310; text-decoration: underline; }

/* Text / Titles / Paragraphs / <h1><h2><h3><h4> / <p> */
.txt-default, .content-sect p, .title, .tl-title, .btnclass, .listed, .icon-link, .inv-btn, label, input, button, select, textarea {
	font-family: 'Rethink Sans', sans-serif;
}

.txt-default, .content-sect p {
	font-size: 16px; font-weight: 400; line-height: 1.8; width: 100%; 
}

.title, .tl-title {
	font-size: 48px; font-weight: 800; width: 100%; margin-bottom: 14px; 
}

.title.h3, .h3 .title, .tl-title { font-size: 20px; }

/* buttons / links / <a> / ctas */
.btnclass {
	position: relative; width: 256px; min-height: 42px; padding: 8px 16px; 
	display: flex; justify-content: center; align-items: center; column-gap: 8px; 
	font-size: 18px; font-weight: 700; text-align: center; text-transform: uppercase; 
	background: #ef5a22; color: #000; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, .25); transition: .2s ease all; 
}
.btnclass:hover, a.showroom-link:hover .btnclass { background: #d14310; font-weight: 800; letter-spacing: 1px; transition: .3s ease all; }
.btnclass.btn-pad-min { width: unset!important; padding: 6px 10px; min-height: 36px; column-gap: 6px; }

.listed {
	position: relative; min-width: 50px; min-height: 50px; color: #fff; 
	display: flex; justify-content: flex-start; align-items: flex-start; column-gap: 8px; row-gap: 8px; 
	font-size: 16px; line-height: 1.7; letter-spacing: .5px; transition: .2s ease all; 
}
.listed i { 
	font-size: 15px; width: 20px; height: 20px; text-align: center; 
	display: flex; justify-content: center; align-items: center; 
}
a.listed:hover, a.titled-listed:hover .listed { color: #ef5a22; font-weight: 800; letter-spacing: 1px; transition: .3s ease all; }

.titled-listed {
	position: relative; 
	display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; 
}
.tl-title {}
.titled-listed .listed {}

.icon-link {
	position: relative; min-width: 42px; min-height: 42px; border-radius: 21px; 
	display: flex; justify-content: center; align-items: center; 
	text-align: center; transition: .2s ease all; 
}
.icon-link, .icon-link.il-hasbg { font-size: 18px; color: #000; }
.icon-link i, .icon-link.il-hasbg i { width: 30px; height: 30px; font-size: 16px; text-align: center; background: #ef5a22; color: #000; border-radius: 21px; display: flex; justify-content: center; align-items: center; }
.icon-link:hover i, .icon-link.il-hasbg:hover i { background: #d14310; transition: .3s ease all; }

.icon-link.il-nobg, .icon-link.il-nobg i { font-size: 30px; color: #ef5a22; background: none; }
.icon-link.il-nobg:hover, .icon-link.il-nobg:hover i { color: #d14310; background: none; transition: .3s ease all; }

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

.notquitemission {
	position: relative; width: 100%; padding-left: 30%; 
	display: flex; justify-content: center; align-items: stretch; 
}
.notquitemission .content-sect { width: 100%; }

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

img.img-contain { object-fit: contain; }

.ul-bullets { position: relative; z-index: 3; list-style: disc; width: unset; padding-left: 24px; }
.ul-bullets li { position: relative; z-index: 3; }
.ul-bullets li:before { position: absolute; z-index: -1; content: ""; top: -4px; left: -24px; width: calc(100% + 28px); height: calc(100% + 8px); background: rgba(0, 0, 0, 0); transition: .1s ease all; }
.ul-bullets li:hover:before { background: rgba(0, 0, 0, .2); transition: .2s ease all; }

.meyers-shape { position: relative; width: min(450px, 100%); height: auto; object-fit: contain; object-position: center; }

.featimg { position: relative; max-width: 100%; max-height: 1200px; object-fit: contain; object-position: center; }
.featimg-lg {}

.map-div { position: relative; background: #676767; display: flex; }
.map-div iframe { width: 100%; height: 320px; border: none; padding: 0; margin: 0; }

.meyers-page-padlr { padding-left: max(4.75vw, calc(50vw - 875px)); padding-right: max(4.75vw, calc(50vw - 875px)); }
.meyers-page-padl { padding-left: max(4.75vw, calc(50vw - 875px)); }
.meyers-page-padr { padding-right: max(4.75vw, calc(50vw - 875px)); }

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

.homepage {}

.hero { 
	position: relative; width: 100%; min-height: 650px; overflow: hidden; background: #000; 
	display: flex; flex-direction: row; justify-content: flex-start; align-items: stretch; 
}
.hero .hero-overlay {
	position: relative; z-index: 5; width: 42%; border-top-right-radius: 325px; box-shadow: 0 0 24px rgba(0, 0, 0, .65); 
	padding-top: 80px; padding-bottom: 80px; padding-right: 100px; 
	display: flex; flex-direction: column; align-items: flex-start; justify-content: center; 
}
.hero-slider-div {
	position: absolute; z-index: 2; width: calc(58% + 325px); height: 100%; top: 0; right: 0; 
}
.hero-slider-div:after {
	position: absolute; content: ""; z-index: 5; top: 0; left: 0; width: 80%; height: 100%; pointer-events: none; 
	background-image: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .2) 50%, rgba(0, 0, 0, 0) 100%);
}
.hero-slider-div > img {
	position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; 
	object-fit: cover; object-position: center; 
}

.hero-slider-div img { filter: brightness(.9); }
.hero-slider { position: absolute; z-index: 3; top: 0; left: 0; width: 100%; height: 100%; }
.hero-slider .carousel-cell { width: 100%; height: 100%; }
.hero-slider img { width: 100%; height: 100%; object-fit: cover; object-position: center; }

.inv-sect {}
.inv-search-div { position: relative; padding-top: 90px; display: flex; }
.inv-search-div > img {
	position: absolute; z-index: 2; top: 0; right: 70px; width: 57%; height: calc(100% - 80px); 
	object-fit: cover; object-position: center; 
}
.inv-search {
	position: relative; z-index: 5; width: 800px; padding: 32px; 
	border: 3px solid #7f7f7f; border-radius: 24px; box-shadow: 2px -2px 20px rgba(0, 0, 0, .8); 
}
.inv-search form {}

.inv-btns-sect {}
.inv-btn {
	position: relative; width: 370px; min-height: 80px; padding: 16px; 
	display: flex; flex-wrap: wrap; justify-content: center; align-items: center; 
	font-size: 25px; font-weight: 750; text-align: center; text-transform: uppercase; letter-spacing: 1.5px; 
	background: #ef5a22; color: #000; border-radius: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, .5); transition: .2s ease all; 
}
.inv-btn:after {
	position: relative; order: 2; content: "\f08e"; margin-left: 20px; 
	font-family: 'Font Awesome 6 Free', icon; font-weight: 900; font-size: 23px; 
	transition: .2s ease all;
}
.inv-btn:hover { background: #d14310; font-weight: 800; letter-spacing: 2.5px; transition: .3s ease all; }
.inv-btn:hover:after { margin-left: 20px; transition: .3s ease all; }

.contact-sect {}
.contactinf {}

/* subpages */
.subpage {}

.subhero {
	position: relative; width: 100%; overflow: hidden; 
	display: flex; justify-content: flex-start; align-items: stretch; 
}

.subhero img {
	position: absolute; z-index: 1; top: 0; right: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; 
}

.subhero-image-div {
	position: relative; margin-left: -50px; flex-grow: 1; 
}

.subhero .hero-overlay {
	position: relative; z-index: 5; border-top-right-radius: 50px; box-shadow: 0 0 24px rgba(0, 0, 0, .65); 
	padding-top: 40px; padding-bottom: 40px; padding-right: min(4vw, 80px); 
	display: flex; flex-direction: column; align-items: flex-start; justify-content: center; 
}
.subhero .hero-overlay .title.h1 { margin-bottom: 8px; }

.meyers-breadcrumbs {
	position: relative; margin-bottom: 4px; 
	display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; column-gap: 14px; 
}
.breadcrumb { color: #ccc; font-size: 15px; text-align: left; width: unset; transition: .2s ease all; }
a.breadcrumb:hover { color: #ef5a22; font-weight: 800; text-decoration: underline; letter-spacing: .5px; transition: .3s ease all; }
.breadcrumb-divider { color: #ccc!important; width: unset; }

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

.timeline { 
	position: relative; width: 100%; 
	display: flex; flex-direction: column; align-items: center; 
}
.timeline:after {
	position: absolute; z-index: 1; content: ""; top: 40px; left: calc(50% - 1px); width: 3px; height: calc(100% - 80px); 
	background: #676767; 
}

.timeline-event {
	position: relative; z-index: 3; padding: 32px; background: #232323; width: calc(50% - 40px); 
	margin-top: -40px; margin-bottom: -40px; 
	border: 3px solid #676767; border-radius: 20px; box-shadow: 0 0 16px rgba(0, 0, 0, .2); 
	display: flex; flex-direction: column; align-items: center; row-gap: 14px; 
	transition: .2s ease all; 
}
.timeline-event:before {
	position: absolute; content: ""; z-index: -2; top: calc(50% - 1px); width: 43px; height: 3px; background: #676767; 
}

.timeline-event:nth-child(odd) { margin-right: calc(50% + 40px); }
.timeline-event:nth-child(odd):before { left: 100%; }
.timeline-event:nth-child(even) { margin-left: calc(50% + 40px); }
.timeline-event:nth-child(even):before { right: 100%; }

.timeline-event:first-child { margin-top: 0; }
.timeline-event:last-child { margin-bottom: 0; }

.timeline-event:first-child:before, .timeline-event:last-child:before {  }

.timeline-event:hover { box-shadow: 0 2px 20px rgba(0, 0, 0, .8); transition: .3s ease all; }

.timeline-event img { width: 100%; height: auto; max-height: 300px; object-fit: contain; object-position: 0% 50%; margin-bottom: 12px; }
.timeline-event .timeline-icon { font-size: 60px; color: #ef5a22; text-align: left; margin-right: auto; padding: 4px 12px 12px 8px; }
.timeline-event .title, .timeline-event p { width: 100%; text-align: left; }

.timeline-2logos {
	width: 100%; justify-content: space-around; 
}
.timeline-2logos .is-logo-hvryes, .timeline-2logos > img { width: calc(50% - 12px); }
.timeline-2logos img { max-height: 70px; object-position: center; }

/* builds.htm */
.buildspage {}

.meyers-gallery {
	position: relative; width: 100%; box-sizing: border-box; 
	display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: flex-start; 
}

/*---galleryscript.js---*/
.indi-media { display: flex; flex-direction: column; align-items: center; justify-content: center; width: calc(25% - 14px); margin: 7px 7px 3px 7px; }
.indi-media img { width: 100%; height: 20vw; max-height: 580px; object-fit: cover; object-position: center; position: relative; z-index: 2; cursor: pointer; transition: .1s ease all; }
.indi-media img:hover { opacity: .75; transition: .2s ease all; }
.indi-media .img-wrapper { position: relative; width: 100%; }
.img-overlay { background: rgba(0,0,0,0.7); width: 100%; height: calc(100% - 10px); /* 100% - .img-wrapper img's margin-bottom */ position: absolute; z-index: 3; top: 0; left: 0; display: flex; justify-content: center; align-items: center; opacity: 0; pointer-events: none; }
.img-overlay i { color: #fff; font-size: 3em; }
.openDiv { background: rgba(0,0,0,0.5); width: 100%; height: 100%; position: fixed; top: 0; left: 0; display: flex; justify-content: center; align-items: center; z-index: 1200; /* Removes blue highlight */ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding-top: 100px; box-sizing: border-box; }
.openDiv img { z-index: 2; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);margin: 0 12px; width: min(90%, 1000px); height: auto; max-height: 90%; object-fit: contain; object-position: center; box-sizing: border-box; }
.nextButton, .prevButton, .closeBtn { position: absolute; z-index: 3; color: #000; background: #bbb; min-height: 50px; min-width: 50px; display: flex; justify-content: center; align-items: center; text-align: center; border: none; font-size: 2em; transition: .2s ease all; }
.nextButton:hover, .prevButton:hover, .closeBtn:hover { background: #fff; cursor: pointer; }
.nextButton, .prevButton { top: 50%; transform: translateY(-50%); }
.nextButton { right: max(10px, calc(50vw - 800px)); }
.prevButton { left: max(10px, calc(50vw - 800px)); }
.closeBtn { top: 15px; right: 15px; }

/* start spaghetti */

.youtube-video-holder {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%; /* 9:16 aspect ratio */
	height: 0;
	overflow: hidden;
}

.youtube-video-holder iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

/* end spaghetti */

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

/* finance.htm */
.financepage {}

.financehoriz { align-items: flex-start; }
.finance50 { width: calc(50% - 12px); }

.currencylink img { width: auto; max-width: 100%; height: auto; max-height: 50px; object-fit: contain; object-position: center; }

/* showrooms.htm */
.showroomspage {}

.showrooms-holder {
	position: relative; width: 100%; 
	display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: flex-start; 
	column-gap: 14px; row-gap: 14px; 
}

.showroom-link, .finance50 {
	position: relative; max-width: 500px; padding: 20px; 
	border: 3px solid #676767; border-radius: 20px; box-shadow: 0 0 16px rgba(0, 0, 0, .2); 
	display: flex; flex-direction: column; align-items: center; row-gap: 14px; 
	transition: .2s ease all; 
}
.showroom-link { width: calc(33.333333% - 9.4px); }
.showroom-link img { position: relative; width: 100%; height: 110px; object-fit: contain; object-position: center; padding: 0 8px; }
.showroom-link p { text-align: center; margin: 14px 0 8px 0; }
.showroom-link .btnclass { min-height: 42px!important; }
.showroom-link:hover, .finance50:hover { box-shadow: 0 2px 20px rgba(0, 0, 0, .8); transition: .3s ease all; }

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

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

.darkmode:not(.btnclass):not(.icon-link):not(.inv-btn):not(.txt-orange), .darkmode p, .darkmode .title, .darkmode .listed { 
	color: #fff; 
}

.txt-orange, .darkmode .txt-orange { color: #ef5a22; }

/*.bg-orange { background: #ef5a22; }*/
/*.bg-67 { background: #676767; }*/
.bg-333 { background: #333; }
.bg-23 { background: #232323; }
.bg-black { background: #000; }

.border-333 { border-color: #333; }
.border-23 { border-color: #232323; }
.border-black { border-color: #000; }

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

.padtb-50 { padding-top: 50px; padding-bottom: 50px; }
.padtb-60 { padding-top: 60px; padding-bottom: 60px; }

.padt-24 { padding-top: 24px; }

.padlr-42 { padding-left: 42px; padding-right: 42px; }
.padlr-70 { padding-left: 70px; padding-right: 70px; }

.margtb-24 { margin-top: 24px; margin-bottom: 24px; }

.margt-14 { margin-top: 14px; }
.margt-24 { margin-top: 24px; }
.margt-40 { margin-top: 40px; }

.margb-10 { margin-bottom: 10px; }
.margb-12 { margin-bottom: 12px; }
.margb-24 { margin-bottom: 24px; }
.margb-40 { margin-bottom: 40px; }
.margb-60 { margin-bottom: 60px; }

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

.jc-sb { justify-content: space-between; }
.ai-fs { align-items: flex-start; }
.ai-s { align-items: stretch; }

.colgap-4 { column-gap: 4px; }

.rowgap-0, .horiz-sect.rowgap-0 { row-gap: 0px; }
.rowgap-4, .horiz-sect.rowgap-4 { row-gap: 4px; }
.rowgap-10 { row-gap: 10px; }

p.txt-bold, p .txt-bold { letter-spacing: .5px; }

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

form.meyers-form .force-width50, form.meyers-form select.force-width50, form.meyers-form input[type="text"].force-width50, form.meyers-form input[type="email"].force-width50 { width: calc(50% - 15px)!important; }

.force-width100, .btnclass.btn-pad-min.force-width100 { width: 100%!important; }

.force-margb-0 { margin-bottom: 0!important; }

/*-------- FORM STYLES --------------------*/
form.meyers-form {
	position: relative; width: 100%; 
	display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; 
	column-gap: 30px; row-gap: 14px; 
}

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

.form-title { font-size: 30px!important; margin: 14px 0 0 0; width: 100%; }

form.meyers-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.meyers-form select, form.meyers-form input, form.meyers-form input[type="text"], form.meyers-form input[type="email"], form.meyers-form textarea, form.meyers-form #CaptchaAnswer {
	position: relative; width: 100%; height: 50px; padding: 8px 16px; box-sizing: border-box; font-size: 18px; 
	background: #676767; color: #fff; border: none; outline: 1px solid #000; border-radius: 0; transition: .2s ease all; 
}
form.meyers-form select:focus, form.meyers-form input:focus, form.meyers-form input[type="text"]:focus, form.meyers-form input[type="email"]:focus, form.meyers-form textarea:focus, form.meyers-form #CaptchaAnswer:focus {
	background: #ccc; color: #000; border: none; outline: 1px solid #000; transition: .3s ease all; 
}
form.meyers-form textarea { height: 120px; }
form.meyers-form select { background: #676767; border-right: 16px solid #676767!important; }
form.meyers-form select:focus { border-right-color: #ccc!important; }

.input-placeholder-div, #invsearch-Keywords-div { position: relative; }
.has-placeholder, #invsearch-Keywords { position: relative; z-index: 2; }
.input-placeholder, #invsearch-Keywords-placeholder {
	position: absolute; z-index: 5; top: 50%; transform: translateY(-50%); left: 17px; pointer-events: none; 
	font-size: 18px; color: #fff; transition: .2s ease all; 
}
.input-placeholder.ip-textarea { top: 8px!important; transform: none!important; }
.has-placeholder:focus ~ .input-placeholder, #invsearch-Keywords:focus ~ #invsearch-Keywords-placeholder { display: none!important; opacity: 0!important; transition: .3s ease all; }

form.meyers-form a:not(.invisilink) { cursor: pointer; }
form.meyers-form .CaptchaPanel { text-align: left; }
form.meyers-form .CaptchaMessagePanel { font-family: 'Rethink Sans', sans-serif!important; color: #fff; }
form.meyers-form #CaptchaAnswer { width: 180px!important; }
form.meyers-form div.CaptchaWhatsThisPanel a { font-family: 'Rethink Sans', sans-serif!important; background: #fff; color: blue; padding: 10px 16px; transition: .2s ease all; }
form.meyers-form div.CaptchaWhatsThisPanel a:hover { text-decoration: underline; }
form button[type="submit"], form input[type="submit"] { cursor: pointer; border: none; outline: none; }

/* start spaghetti */

.has-value { color: #000; background-color: #ccc; }

.input-placeholder { transition: opacity 0.2s ease; }

.input-placeholder.hidden { opacity: 0; }

/* end spaghetti */

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

.meyers-footer {
	position: relative; width: 100%; padding: 60px max(4.75vw, calc(50vw - 875px)) 90px; background: #000; 
	display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; row-gap: 20px; 
}
.m-footcol, .footcolcol, .foot-logo { position: relative; display: flex; align-items: flex-start; justify-content: flex-start; }
.m-footcol, .footcolcol { flex-direction: column; }
.foot-logo-div {}
.foot-logo, .foot-logo img { width: min(220px, 100%); transition: .2s ease all; }
.foot-logo {}
.foot-logo img { height: auto; object-fit: contain; object-position: 0% 0%; }
.foot-soc {}
.meyers-footer .listed { font-weight: 500; }
.foot-nav {}
.foot-nav .tl-title { padding: 0 4px; }
.foot-navs-holder {}
.foot-nav a {
	position: relative; padding: 4px; min-height: 42px; 
	display: flex; justify-content: flex-start; align-items: center; 
	font-size: 17px; font-weight: 500; color: #fff; transition: .2s ease all; 
}
.foot-nav a:hover { color: #ef5a22; font-weight: 800; letter-spacing: .5px; transition: .3s ease all; }
.footcolcol {}
.foot-nav-left { width: 180px; }
.foot-nav-right {  }

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
/*.inv-foot-spacer { display: flex; width: 100%; height: 80px; }*/

.invpage {}

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

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

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

@media only screen and (max-width: 2000px) {
	.hero { min-height: 600px; }
	.hero .hero-overlay { border-top-right-radius: 300px; }
	.hero-slider-div { width: calc(58% + 300px); }
}

@media only screen and (max-width: 1550px) {
	.title { font-size: 44px; }
	
	.hero { min-height: 580px; }
	.hero .hero-overlay { width: 600px; border-top-right-radius: 290px; }
	.hero-slider-div { width: calc(100% - 310px); }
}

@media only screen and (max-width: 1500px) {
	.inv-search { width: 700px; }
	.inv-search-div > img { width: 50%; }
}

@media only screen and (max-width: 1380px) {
	.hero { min-height: 520px; }
	.hero .hero-overlay { border-top-right-radius: 260px; }
	.hero-slider-div { width: calc(100% - 340px); }
}

@media only screen and (max-width: 1300px) {
	.title { font-size: 38px; }
	.title.h1 { font-size: 44px; }
	
	.meyers-page-padlr { padding-left: 3vw; padding-right: 3vw; }
	.meyers-page-padl { padding-left: 3vw; }
	.meyers-page-padr { padding-right: 3vw; }
	
	.hero { min-height: 480px; }
	.hero .hero-overlay { width: 524px; border-top-right-radius: 240px; }
	.hero-slider-div { width: calc(100% - 284px); }
	
	.padtb-50 { padding-top: 40px; padding-bottom: 40px; }
	.padtb-60 { padding-top: 50px; padding-bottom: 50px; }
	
	.padlr-42 { padding-left: 36px; padding-right: 36px; }
	.padlr-70 { padding-left: 50px; padding-right: 50px; }
	
	.inv-search-div, .inv-search-div.padlr-70 { padding-left: 24px; padding-right: 24px; }
	.inv-search-div > img { right: 24px; }
	
	.meyers-footer { padding-top: 40px; }
}

@media only screen and (max-width: 1250px) {
	.inv-btns-sect { justify-content: center; }
}

@media only screen and (max-width: 1200px) {
	.timeline-event { padding: 24px; }
}

@media only screen and (max-width: 1150px) {
	.showroom-link { width: calc(50% - 7px); }
	.showroom-link img { height: 90px; }
}

@media only screen and (max-width: 1120px) {
	.title { font-size: 34px; }
	.title.h1 { font-size: 42px; }
	
	.indi-media { width: calc(33.333333% - 14px); }
	.indi-media img { height: 25vw; }
}

@media only screen and (max-width: 1080px) {
	.inv-search-div, .inv-search-div.padlr-70 { padding-left: 0; padding-right: 0; }
	.inv-search { width: 600px; }
	.inv-search-div > img { width: 50%; right: 0; }
	
	form.meyers-form { column-gap: 24px; }
	form.meyers-form .force-width50, form.meyers-form select.force-width50, form.meyers-form input[type="text"].force-width50, form.meyers-form input[type="email"].force-width50 { width: calc(50% - 12px)!important; }
}

/* switch to mobile nav */
@media only screen and (max-width: 1050px) {
	.header-logo img { height: 100px; padding: 10px 0 14px 0; }
	.meyers-header-right { flex-direction: row; justify-content: flex-end; align-items: center; }
	.header-soc { padding-top: 0; }
	.nav-div { height: 54px; }
}

@media only screen and (max-width: 1000px) {
	.title { font-size: 34px; }
	.title.h1 { font-size: 40px; }
	
	.content-sect:not(.hero-overlay) .title { margin-bottom: 0px; }
	.hero-overlay .title { margin-bottom: 6px; }
	
	.hero { min-height: 420px; }
	.hero .hero-overlay { width: 480px; border-top-right-radius: 180px; padding-right: 80px; }
	.hero-slider-div { width: calc(100% - 260px); }
	
	.inv-btn { font-size: 21px; }
	.inv-btn:after, a.inv-btn:hover:after { font-size: 22px; margin-left: 18px; }
	
	.timeline-event { padding: 20px; }
	.timeline-2logos .is-logo-hvryes, .timeline-2logos > img { width: 100%; }
	.timeline-2logos img.is-meyer { max-height: 90px; }
	
	.finance50 { width: 100%; }
}

@media only screen and (max-width: 880px) {
	.hide880 { display: none!important; }
	
	.meyers-page-padlr { padding-left: 4vw; padding-right: 4vw; }
	.meyers-page-padl { padding-left: 4vw; }
	.meyers-page-padr { padding-right: 4vw; }
	
	.hero { min-height: unset; padding-top: 350px; }
	.hero .hero-overlay { width: 100%; border-top-right-radius: 50px; padding-right: 4vw; padding-top: 40px; padding-bottom: 40px; }
	.hero-slider-div { width: 100%; height: 400px; }
	.hero-slider-div:after { width: 100%; background-image: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 24px, rgba(0, 0, 0, .2) 40%, rgba(0, 0, 0, 0) 100%); }
	.hero-slider-div img { filter: none; }
	
	.subhero { padding-top: 150px; }
	.subhero .subhero-image-div { width: 100%; height: 200px; position: absolute; top: 0; left: 0; margin-left: 0; }
	.subhero .hero-overlay { width: 100%; }
	
	.inv-search-div, .inv-search-div.padlr-70 { padding-left: 0; padding-right: 0; padding-top: max(35vw, 200px); }
	.inv-search { width: 100%; padding: 20px 3.5vw; }
	.inv-search-div > img { width: 100%; height: max(calc(35vw + 20px), 220px); }
	
	.indi-media { width: calc(50% - 14px); }
	.indi-media img { height: 40vw; }
	
	.padtb-50 { padding-top: 30px; padding-bottom: 30px; }
	.padtb-60 { padding-top: 40px; padding-bottom: 40px; }
	
	.padlr-42 { padding-left: 3vw; padding-right: 3vw; }
	.padlr-70 { padding-left: 5vw; padding-right: 5vw; }
}

@media only screen and (max-width: 850px) {
	.inv-btn { width: min(410px, 100%); }
}

@media only screen and (max-width: 800px) {
	.meyers-footer { padding-top: 30px; }
}

@media only screen and (max-width: 760px) {
	.showroom-link { width: 100%; }
	.showroom-link img { height: 80px; }
}

@media only screen and (max-width: 750px) {
	.title { font-size: 30px; }
	.title.h1 { font-size: 36px; }
	
	.btnclass { min-height: 50px; }
	
	.hero { padding-top: 300px; }
	.hero-slider-div { height: 350px; }
	
	.contactinf { flex-direction: column; }
}

@media only screen and (max-width: 700px) {
	.timeline { row-gap: 20px; align-items: flex-start; }
	.timeline:after { left: -16px; }
	.timeline-event { margin: 0!important; width: 100%; }
	.timeline-event:before { left: -18px!important; right: unset!important; width: 17px; }
}

@media only screen and (max-width: 650px) {
	.header-logo img { height: 95px; }
	
	.meyers-shape { width: 100%; }
	
	.servicepage .notquitemission { flex-direction: column; padding-left: 0; }
	.servicepage .notquitemission > img { width: 100%; position: relative; height: auto; max-height: 300px; }
	
	.meyers-footer { flex-direction: column; }
	.foot-nav { width: 100%; }
	.foot-nav-left { width: min(50%, min(100%, 240px)); }
}

@media only screen and (max-width: 600px) {
	.btnclass { width: 100%; margin-left: auto; margin-right: auto; }
	
	.hero { padding-top: 260px; }
	.hero .hero-overlay, .subhero .hero-overlay { border-top-right-radius: 32px; padding-top: 30px; padding-bottom: 30px; }
	.hero-slider-div { height: 292px; }
	
	.subhero { padding-top: 120px; }
	.subhero .subhero-image-div { height: 152px; }
	
	form.meyers-form .force-width50, #invsearch form.meyers-form .force-width50, form.meyers-form select.force-width50 { width: 100%!important; }
}

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

@media only screen and (max-width: 480px) {
	.timeline-2logos img.is-meyer { max-height: 70px; }
	.timeline-2logos img.is-meyers { max-height: 55px; }
}

@media only screen and (max-width: 450px) {
	.indi-media { width: 100%; }
	.indi-media img { height: 50vw; }
}

@media only screen and (max-width: 400px) {
	.title { font-size: 26px; }
	.title.h1 { font-size: 32px; }
	
	.inv-btn { font-size: 18px; }
	.inv-btn:after, a.inv-btn:hover:after { font-size: 20px; }
}

@media only screen and (max-width: 380px) {
	.timeline { padding-left: 16px; }
	.timeline:after { left: 0; }
}

@media only screen and (max-width: 350px) {
	.title { font-size: 22px; }
	.title.h1 { font-size: 24px; }
	
	.foot-navs-holder { flex-direction: column; }
	.foot-nav-left, .foot-nav-right { width: 100%; }
	.foot-nav a { min-height: 50px; width: 100%; }
}

@media only screen and (max-width: 280px) {
	.meyers-header { flex-direction: column; padding-bottom: 12px; }
	.header-logo { justify-content: center; }
	.meyers-header-right { justify-content: center; }
	
	.inv-btn:after, a.inv-btn:hover:after { display: none!important; }
}