/***** 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:before, .cf:after { content: " "; display: table; } .cf:after { clear: both; } .cf { *zoom: 1; }

/*-------- BODY STYLES --------*/
body {

}

a:link, a:visited, a:active { text-decoration: none; } a:hover { text-decoration: none; }
hr { border:#000 1px solid; }

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

.header { position: relative; z-index: 1004; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; align-content: flex-start; margin-bottom: -154px; box-sizing: border-box; }
.topheader { position: relative; z-index: 1; width: 100%; height: 42px; display: flex; justify-content: flex-end; align-items: center; background: #ed1d24; padding: 0 24px; box-sizing: border-box; }
.topheader *:not(.bold-text):not(.fa) { font-weight: 500; }
.topheader a { padding: 0 4px; margin: 0 0 0 60px; height: 100%; font-size: 18px; }
.topheader a:hover { color: #252525!important; }
.header-logo { margin-left: 40px; position: relative; z-index: 2; margin-top: -20px; }
.header-logo img { object-fit: contain; object-position: center; padding: 22px 32px; box-sizing: border-box; max-width: 80vw; height: 170px; background: #fff; box-shadow: 0 0 8px rgba(0, 0, 0, .6); }
.nav-div { position: relative; z-index: 3; box-shadow: 0 1px 6px rgba(0, 0, 0, .7); display: flex; justify-content: flex-end; align-items: center; background: #000; margin-top: -20px; padding-left: 24px; padding-right: 10px; box-sizing: border-box; }
.mobile-soc { display: flex; justify-content: flex-start; }
.mobile-soc a { min-width: 60px; height: 60px; color: #ddd; padding: 0 16px; justify-content: center; font-weight: normal; }
.mobile-soc a span { margin-right: 12px; }
.mobile-soc a:hover { background: #252525; color: #fff!important; }
.mobile-header-logo { position: absolute; z-index: 401; width: 212.14px; height: 130px; top: -124px; left: calc(50% - 106.07px); right: calc(50% - 106.07px); }
.mobile-header-logo img { width: 100%; height: 100%; padding: 16px 22px; box-sizing: border-box; background: #fff; box-shadow: 0 0 8px rgba(0, 0, 0, .6); object-fit: contain; object-position: center; max-width: 80vw; }

/* Site Colors:

	Red: #ed1d24;
	Darker/Hover Red: #be171d; (#dadada-#fff bg: >=4.5 / #c1c1c1-#d9d9d9 bg: >=3.5) 

  	Lighter Grays: #ddd; #aaa;
	Dark Gray: #252525;
*/
/*---BODY--------------------------------*/
.bg-red { background: #ed1d24!important; }

.txt-bold { font-weight: 800!important; }
.txt-default { font-family: 'Bai Jamjuree', sans-serif; color: #000; font-size: 15px; line-height: 1.4; letter-spacing: .3px; }
.title { font-family: 'refrigerator-deluxe', sans-serif; font-weight: 900; color: #ed1d24; letter-spacing: 1.5px; text-transform: uppercase; text-align: left; margin-bottom: 24px; }
.title-sm { color: #000; font-size: 16px; line-height: 15px; letter-spacing: 1.4px; }
h1.title { font-size: 68px; line-height: 62px; }
h1 .title-sm { font-size: 46px; line-height: 22px; }
h2.title { font-size: 62px; line-height: 56px; }
h2 .title-sm { font-size: 38px; line-height: 36px; }
h3.title { font-size: 28px; line-height: 24px; }
h4.title { font-size: 22px; line-height: 22px; }

.content-sect { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; box-sizing: border-box; }
.content-sect p { width: 100%; margin-bottom: 12px; font-family: 'Bai Jamjuree', sans-serif; color: #000; font-size: 15px; line-height: 1.4; letter-spacing: .3px; }
.content-sect .btnclass { margin: 0 0 12px 0; }
.content-sect .listed { margin: 6px 0 12px 0; }

.horiz-btns { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; column-gap: 20px; row-gap: 12px; width: 100%; }
.horiz-btns .btnclass { margin: 0; }

/* Buttons/Links/CTAs */
.btnclass { display: flex; justify-content: center; align-items: center; font-family: 'refrigerator-deluxe', sans-serif; font-size: 16px; font-weight: 600; text-transform: uppercase; text-align: center; letter-spacing: 1.5px; color: #000; border: 2px solid #000; padding: 12px 24px; box-sizing: border-box; transition: .2s ease all; }
.btnclass.btn-white { color: #fff; background: rgba(0, 0, 0, .3); border: 2px solid #fff; }
.btnclass.btn-red { color: #fff; text-shadow: 1px 1px 0 #000; box-shadow: 0 2px 6px rgba(0, 0, 0, .6); background: #ed1d24; border: 2px solid #ed1d24; }
a.btnclass:hover, button.btnclass:hover { background: #000; color: #fff; transition: .3s ease all; }
a.btnclass.btn-white:hover { background: #fff; color: #000; }
a.btnclass.btn-red:hover, button.btnclass.btn-red:hover { background: #000; border: 2px solid #000; box-shadow: none; }

.listed { font-family: 'refrigerator-deluxe', sans-serif; font-size: 17px; font-weight: 800; text-transform: uppercase; letter-spacing: 1.5px; color: #000; box-sizing: border-box; display: flex; justify-content: flex-start; align-items: center; transition: .25s ease all; }
a.listed:hover { color: #be171d; }

.fw-centerholder { width: 100%; display: flex; justify-content: center; }
.listed-w-btn { display: flex; justify-content: center; align-items: center; column-gap: 20px; }

.invisilink { font-family: inherit; font-size: inherit; font-weight: inherit; color: inherit; }
a.invisilink:hover { color: #be171d; text-decoration: underline; }

/* Shared Sections */
.subhero { width: 100%; min-height: 250px; padding: 180px 6% 40px 6%; box-sizing: border-box; background: #bbb; background-image: url('/siteart/heros/aboutpage.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; display: flex; justify-content: flex-start; align-items: flex-end; position: relative; }
.subhero:after { position: absolute; z-index: 2; content: ""; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(90deg, rgba(0, 0, 0, .8) 10%, rgba(0, 0, 0, 0) 60%); }
.subhero .subhero-overlay { position: relative; z-index: 3; width: 100%; }
.subhero .subhero-overlay h1.title { text-shadow: 1px 1px 0 #000, 0 0 24px rgba(0, 0, 0, .6); }
.subhero .subhero-overlay .title-sm { color: #fff; }

.inv-btns-sect { width: 100%; display: flex; justify-content: center; align-items: stretch; column-gap: 20px; padding: 60px 0; box-sizing: border-box; background: #000; }
.inv-btn { display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-end; font-family: 'refrigerator-deluxe', sans-serif; font-size: 32px; text-transform: uppercase; text-align: right; letter-spacing: .5px; font-weight: 800; line-height: 33px; text-shadow: 1px 1px 0 #000, 0 0 6px rgba(0, 0, 0, .6); color: #fff; background: #000; border: 4px solid #fff; width: min(30%, 350px); padding: 14px; box-sizing: border-box; position: relative; transition: .3s ease all; }
.inv-btn.inv-btn-red { background: #262626; border: 4px solid #ed1d24; }
.inv-btn img { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; opacity: .5; transtion: .4s ease all; }
.inv-btn span { position: relative; z-index: 3; }
.inv-btn span.inv-sm { font-size: 25px; font-weight: 400; line-height: 22px; }
.inv-btn:hover { border: 4px solid #aaa; }
.inv-btn:hover img { opacity: .15; transition: .25s ease all; }
.inv-btn.inv-btn-red:hover { background: #be171d; border: 4px solid #be171d; }

.mission { width: 100%; display: flex; justify-content: center; align-items: stretch; padding: 0 6%; box-sizing: border-box; position: relative; border-bottom: 100px solid #ed1d24; }
.mission:before { position: absolute; z-index: 1; content: ""; bottom: 0; left: 0; width: 16%; height: calc(100% - 160px); background: #ed1d24; }
.mission .missionimg { position: relative; z-index: 3; margin: 0 0 -100px 0; width: min(32%, 500px); max-height: 500px; display: flex; justify-content: flex-start; align-items: stretch; padding: 30px min(5%, 60px) 30px 0; box-sizing: border-box; }
.mission .missionimg img { object-fit: contain; object-position: left; width: 100%; height: 100%; min-height: 350px; box-sizing: border-box; }
.mission .content-sect { position: relative; z-index: 4; width: min(68%, 900px); padding: 50px 0; }
.mission .dbl-soc-sect { width: unset; }

.map-sect { width: 100%; display: flex; justify-content: center; align-items: stretch; padding: 0 calc(4% - 60px) 0 4%; box-sizing: border-box; position: relative; border-bottom: 100px solid #ed1d24; }
.map-sect:before { position: absolute; z-index: 1; content: ""; bottom: 0; left: 0; width: 16%; height: calc(100% - 160px); background: #ed1d24; }
.map-sect .map-div { position: relative; z-index: 3; margin: 0 0 -100px 0; display: flex; justify-content: flex-start; align-items: stretch; width: min(55%, 1100px); max-height: 500px; min-height: 350px; padding: 40px 0 0 0; box-sizing: border-box; }
.map-div iframe { width: 100%; height: 100%; min-height: 350px; }
.map-sect .content-sect { position: relative; z-index: 4; width: min(45%, 800px); padding: 60px; background: #fff; }

.dbl-soc-sect { display: flex; justify-content: center; align-items: flex-start; column-gap: 20px; width: 100%; margin-top: 24px; }
.dbl-soc-col { display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-start; row-gap: 24px; }
.dbl-soc-col-l { align-items: flex-end; }
.dbl-soc-col-r { align-items: flex-start; }
.dbl-soc-col .btnclass, .dbl-soc-col .listed { height: 48px; margin: 0; }

/* Homepage - default.htm */
.hero { width: 100%; height: calc(100vh - 42px); min-height: 550px; max-height: 900px; display: flex; justify-content: flex-start; align-items: center; position: relative; z-index: 1; padding: 0 10% 40px 10%; box-sizing: border-box; background: #000; background-size: cover; background-position: 50% 75%; background-repeat: no-repeat; }
.hero:after { position: absolute; z-index: 2; content: ""; bottom: 0; left: 0; width: 100%; height: 20%; background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 40%); }
.hero-overlay { position: relative; z-index: 3; padding: 0; }
.hero-overlay h1 { text-shadow: 1px 1px 0 #000, 0 0 24px rgba(0, 0, 0, .6); }
.hero-overlay h1 .title-sm { color: #fff; }
.hero-overlay a { box-shadow: 0 0 24px rgba(0, 0, 0, .6); }
.hero .inv-btns-sect { position: absolute; z-index: 3; bottom: 40px; left: 0; width: 100%; margin: 0; padding: 0; background: none; }

.homepage {  }

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

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

/* thank-you.htm */
.thankyoupage { width: 100%; display: flex; justify-content: center; margin: 0 auto; }
.thankyoupage .inv-btns-sect { border-top: 40px solid #ed1d24; }

/*--------FORM STYLES--------------------*/
#contactForm {  }
.form-sect { display: flex; justify-content: center; align-items: flex-start; width: 100%; padding: 40px 10% 60px 10%; box-sizing: border-box; position: relative; border-top: 40px solid #ed1d24; }
.form-sect:before { position: absolute; z-index: 2; content: ""; top: 0; left: 0; width: 8%; height: 100%; background: #ed1d24; }
.form-sect:after { position: absolute; z-index: 2; content: ""; top: 0; right: 0; width: 8%; height: 100%; background: #ed1d24; }
.form-sect .content-sect { position: relative; z-index: 3; width: 500px; }
.form-div { width: min(calc(100% - 500px), 800px); display: flex; flex-direction: column; align-items: center; padding: 0 60px; box-sizing: border-box; position: relative; z-index: 3; }
.form-div form { display: flex; flex-wrap: wrap; justify-content: center; width: 100%; margin: 0; max-width: 750px; }
.form-div form .formrow { display: flex; justify-content: center; width: 100%; }
.form-div form .formrow-captcha { display: flex; flex-direction: column; align-items: center; width: 100%; }
.form-div form label { margin: 10px 0 0 0; box-sizing: border-box; color: #000; font-family: 'refrigerator-deluxe', sans-serif; font-size: 22px; width: 100%; text-align: left; }
.form-div form input[type="text"] { width: 100%; margin: 7px 0; padding: 7px 6px; box-sizing: border-box; color: #000; font-family: 'Bai Jamjuree', sans-serif; font-size: 15px; border: 1px solid #000; }
.form-div form input[type="email"] { width: 100%; margin: 7px 0; padding: 7px 6px; box-sizing: border-box; color: #000; font-family: 'Bai Jamjuree', sans-serif; font-size: 15px; border: 1px solid #000; }
.form-div form textarea { width: 100%; height: 110px; margin: 7px 0; padding: 7px 6px; box-sizing: border-box; color: #000; font-family: 'Bai Jamjuree', sans-serif; font-size: 15px; border: 1px solid #000; }
.form-div form a { margin: 20px 0 0 0; cursor: pointer; }
.form-div form .CaptchaMessagePanel { font-family: 'Bai Jamjuree', sans-serif!important; color: #000; }
.form-div form #CaptchaAnswer { padding: 7px 6px; box-sizing: border-box; color: #000; font-family: 'Bai Jamjuree', sans-serif; font-size: 15px; border: 1px solid #000; }
.form-div form div.CaptchaWhatsThisPanel a { font-family: 'Bai Jamjuree', sans-serif!important; }
.form-div form div.CaptchaWhatsThisPanel a:hover { text-decoration: underline; }
form button[type="submit"] { border: none; cursor: pointer; }

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

.footer { width: 100%; display: flex; justify-content: space-between; align-items: flex-start; padding: 50px min(6%, 100px) 70px min(6%, 100px); box-sizing: border-box; background: #ddd; background-image: url('/siteart/bg-paper.png'); background-size: cover; background-repeat: repeat; background-position: 0% 0%; }
.foot-logo img { width: 238px; object-fit: contain; object-position: left; max-width: 80vw; }
.foot-col { display: flex; }
.foot-soc { justify-content: center; align-items: flex-start; }
.foot-soc .dbl-soc-sect { width: unset; margin-top: 0; }
.foot-nav { flex-direction: column; justify-content: flex-start; align-items: flex-end; }
.foot-nav a { font-family: 'refrigerator-deluxe', sans-serif; font-size: 19px; font-weight: 600; text-transform: uppercase; letter-spacing: .3px; text-align: right; line-height: 34px; color: #000; display: flex; align-items: center; transition: .15s ease all; }
.foot-nav a:hover { margin-left: -8px; padding-right: 8px; color: #be171d; transition: .25s ease all; }

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.inv-foot-spacer { width: 100%; height: 80px; background: #ddd; background-image: url('/siteart/bg-paper.png'); background-size: cover; background-repeat: repeat; background-position: 0% 0%; }

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

@media only screen and (min-width: 1750px) {
	.header-logo { margin-left: calc(50% - 850px); }
	.hero { padding-left: calc(50% - 750px); padding-right: calc(50% - 750px); }
	.subhero { padding-left: calc(50% - 750px); padding-right: calc(50% - 750px); }
	.footer { justify-content: center; }
	.foot-soc { width: 1050px; }
}

@media only screen and (min-width: 1600px) {
	.header-logo { margin-left: 5.5%; }
	.mission:before { width: calc(50% - 570px); }
	.map-sect:before { width: calc(50% - 570px); }
	.form-sect:before { width: unset; right: calc(50% + 750px); }
	.form-sect:after { width: unset; left: calc(50% + 750px); }
}

@media only screen and (max-width: 1500px) {
	.foot-logo { margin-right: 28px; }
	.foot-logo img { width: 210px; }
}

@media only screen and (max-width: 1400px) {
	.header { margin-bottom: -134px; }
	.header-logo img { height: 150px; }
	.subhero { padding-top: 170px; }
	.mission { padding-left: 4%; }
}

@media only screen and (max-width: 1250px) {
	.header-logo { margin-left: 32px; }
	.mission { padding-left: 0%; }
	.mission .missionimg { padding-left: 2%; padding-right: min(5%, 40px); }
	.map-sect { padding-top: 0; padding-right: min(5%, 40px); }
	.map-sect .content-sect { padding-right: 0; }
}

@media only screen and (max-width: 1200px) {
	.nav-div { padding-left: 16px; padding-right: 0; }
	.mission .missionimg { padding-right: max(2%, 36px); width: 40%; max-height: 600px; }
	.mission .missionimg img { padding: 0 7%; }
	.mission .content-sect { width: 60%; }
	.form-sect { flex-direction: column; }
	.form-sect .content-sect { width: 100%; }
	.form-sect .form-div { width: 100%; }
}

@media only screen and (max-width: 1150px) {
	.footer { padding-left: 5%; padding-right: 5%; }
	.foot-logo { margin-right: 38px; }
	.foot-logo img { width: 200px; }
}

/* switch to mobile nav */
@media only screen and (max-width: 1120px) {
	.nav-div { padding-left: 0; }
	h2.title { font-size: 56px; line-height: 44px; }
	.map-sect { flex-direction: column; align-items: center; padding-right: 0; padding-left: 0; }
	.map-sect:before { width: 7%; height: 100%; }
	.map-sect .content-sect { order: 1; width: 86%; padding-left: max(24px, 5%); padding-right: max(24px, 5%); }
	.map-sect .map-div { order: 2; width: 94%; margin-bottom: -40px; padding-top: 0; }
	.thankyoupage .inv-btns-sect { border-top: 24px solid #ed1d24; }
}

@media only screen and (max-width: 1100px) {
	.mission .missionimg img { padding: 0; }
}

@media only screen and (max-width: 1070px) {
	.hero { padding-left: 6%; padding-right: 6%; }
	.footer { padding-left: 32px; padding-right: 32px; }
}

@media only screen and (max-width: 1050px) {
	.header { margin-bottom: -124px; }
	.header-logo img { height: 140px; }
}

@media only screen and (max-width: 1020px) {
	h1.title { font-size: 62px; line-height: 54px; }
	h1.title .title-sm { font-size: 42px; }
	.mission { border-bottom: 60px solid #ed1d24; }
	.mission .missionimg { width: 35%; }
	.mission .content-sect { width: 65%; padding-bottom: 24px; }
	.map-sect { border-bottom: 60px solid #ed1d24; }
}

@media only screen and (min-width: 951px) {
	.mobile-soc { display: none!important; }
	.mobile-header-logo { display: none!important; }
}

/* switch to mobile header */
@media only screen and (max-width: 950px) {
	.header { background: #ed1d24; margin-bottom: 0; flex-direction: column; align-items: center; padding-top: 134px; }
	.header-logo { display: none!important; }
	.topheader { display: none!important; }
	.nav-div { width: 100%; margin: 0; }
	.subhero { padding-top: 80px; padding-bottom: 24px; min-height: unset; }
	.subhero .horiz-btns { justify-content: center; }
	.hero { height: calc(100vh - 194px); }
	.footer { flex-direction: column; align-items: center; padding-left: 12px; padding-right: 12px; }
	.foot-soc { margin: 60px 0; width: 100%; }
	.foot-nav { align-items: center; }
}

@media only screen and (max-width: 900px) {
	.inv-btns-sect { column-gap: 16px; }
	.hero .inv-btns-sect { bottom: 24px; }
	.inv-btn { width: calc(33% - 16px); }
	.mission { padding-left: 6%; }
	.mission:before { width: 3%; height: calc(100% - 133px); }
	.mission .missionimg { display: none!important; }
	.mission .content-sect { width: 100%; padding-bottom: 16px; }
}

@media only screen and (max-width: 850px) {
	h2.title { font-size: 52px; line-height: 42px; }
}

@media only screen and (max-width: 820px) {
	.inv-btn { font-size: 28px; line-height: 26px; }
	.inv-btn span.inv-sm { font-size: 20px; }
}

@media only screen and (min-width: 801px) {
	.inv-foot-spacer { display: none!important; }
}

@media only screen and (max-width: 800px) {
	h1.title { font-size: 58px; line-height: 50px; }
	h1.title .title-sm { font-size: 34px; }
	.form-sect:before { width: 5%; }
	.form-sect:after { width: 5%; }
	.form-div { padding: 0; }
}

@media only screen and (max-width: 750px) {
	h2.title { line-height: 46px; }
	.subhero { padding-top: 40px; padding-bottom: 12px; }
	.inv-btns-sect { flex-direction: column; align-items: center; row-gap: 12px; }
	.inv-btn { width: 100%; max-width: 600px; min-height: 120px; }
	.hero { height: unset; min-height: 550px; max-height: unset; flex-direction: column; align-items: flex-start; padding: 0 24px 40px 24px; background-size: auto calc(100% - 300px); background-position: 50% 0%; }
	.hero:after { height: 520px; }
	.hero .hero-overlay { margin: 100px calc(5% - 24px) 120px calc(5% - 24px); }
	.hero .inv-btns-sect { position: relative; bottom: unset; left: unset; }
	.foot-col a { min-height: 48px; height: 48px!important; }
}

@media only screen and (max-width: 650px) {
	.hide650 { display: none!important; }
	.header { padding-top: 114px; }
	.mobile-header-logo { width: 178px; height: 110px; top: -104px; left: calc(50% - 89px); right: calc(50% - 89px); }
	.inv-btn { min-height: 110px; }
	.map-sect.map-div { min-height: 300px; }
	.map-div iframe { min-height: 300px; }
}

@media only screen and (max-width: 600px) {
	h1.title { font-size: 54px; line-height: 49px; }
	.listed { font-size: 15px; }
	.mission { padding-left: 5%; padding-right: 5%; border-bottom: 40px solid #ed1d24; }
	.mission:before { width: 2.5%; height: 100%; }
	.footer .btnclass { width: unset!important; margin-left: 0!important; margin-right: 0!important; }
}

@media only screen and (max-width: 550px) {
	.map-sect .content-sect { width: 100%; }
}

@media only screen and (max-width: 500px) {
	.hide500 { display: none!important; }
	.btnclass { width: 100%; margin-left: auto; margin-right: auto; }
	.hero .hero-overlay { width: 100%; }
}

@media only screen and (max-width: 400px) {
	.hide400 { display: none!important; }
	.form-sect { padding-left: 5%; padding-right: 5%; }
	.form-sect:before { display: none!important; }
	.form-sect:after { display: none!important; }
}

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