﻿/***** 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 {
	font-family: 'loos-normal', sans-serif!important; 
}

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 {  }

.jw-header {
	position: relative; z-index: 1004; width: 100%; height: 130px; 
	padding: 0 max(0px, calc(50% - 1000px)) 0 max(24px, calc(50% - 976px)); 
	background: #0f2743; box-shadow: 0 0 12px rgba(0, 0, 0, .45); 
	display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; 
}
.jw-header-left, .jw-header-right, .header-phones, .jw-topheader, .nav-div { 
	position: relative; display: flex; height: 130px; 
}
.jw-header-left {
	z-index: 2; flex-direction: row; align-items: center; justify-content: flex-start; column-gap: 24px; 
}
.header-logo-div {
	z-index: 2; background: #478ad7; margin-bottom: -42px; width: 176px; box-shadow: 0 0 12px rgba(0, 0, 0, .5); 
}
.header-logo-div, .header-logo, .header-logo img { 
	position: relative; display: block; border-bottom-left-radius: 88px; border-bottom-right-radius: 88px; 
	transition: .25s ease all; 
}
.header-logo, .header-logo img { width: 100%; }
.header-logo { padding: 10px 20px; }
.header-logo-div:hover { background: #5c97db; margin-bottom: -50px; box-shadow: 0 -1px 16px rgba(0, 0, 0, .75); }
.header-logo-div:hover .header-logo { padding-top: 18px; }
.header-logo img { height: 153px; object-fit: contain; object-position: center; }
.header-phones {
	z-index: 2; flex-direction: column; align-items: flex-start; justify-content: center; height: 100%; 
}
.header-phones .listed { color: #fff!important; padding: 8px!important; }
.jw-header a.listed:hover, .header-phones a.listed:hover, .jw-topheader a.listed:hover { color: #478ad7!important; }
.jw-header-right {
	z-index: 4; 
	flex-direction: column; align-items: flex-end; justify-content: flex-start; 
}
.jw-topheader, .nav-div { flex-direction: row; justify-content: flex-end; align-items: stretch; }
.jw-topheader {
	z-index: 2; background: #133358; height: 50px; padding: 0 40px; border-bottom-left-radius: 48px; column-gap: 16px; 
}
.jw-topheader .listed { color: #d0d0d0!important; padding: 0 8px; }
.nav-div { z-index: 3; height: 80px; padding-right: 24px; }

.header-phones-mobile {
	position: relative; z-index: 3; background: #133358; width: 100%; 
	display: flex; justify-content: space-evenly; align-items: stretch; 
}
.header-phones-mobile a.listed { padding: 4px 12px; min-height: 40px; justify-content: center; color: #fff!important; }
.header-phones-mobile a.listed:hover { color: #478ad7!important; } 

/* Site Colors: 
		
	Blue0: #478ad7; rgba(71, 138, 215, 1); 					compliant with BLACK 
	Blue1: #478ad7; rgba(71, 138, 215, 1); 					compliant with BLACK 
	--> Blue2: #0064ad; rgba(0, 100, 173, 1); <--			compliant with WHITE 
	Blue3: #133358; rgba(19, 51, 88, 1); 							"" 
	Blue4: #0f2743; rgba(15, 39, 67, 1); 							"" 
	Blue5: #0a1b2e; rgba(10, 27, 46, 1); 							"" 
	
	Lightest Gray: #f4f4f4; rgba(244, 244, 244, 1); 
	Light Gray: #d0d0d0; rgba(208, 208, 208, 1); 
	Not-Black: #181818; rgba(24, 24, 24, 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: #0064ad!important; text-decoration: underline; }
a.invisilink.hvr-light:hover, .darkmode a.invisilink:hover { color: #478ad7!important; text-decoration: underline; }

/* Text / Titles / Paragraphs / <h1><h2><h3><h4> / <p> */
.txt-default, .content-sect p {
	font-size: 17px; font-weight: 400; line-height: 1.3; letter-spacing: .5px; 
}

.title {
	font-size: 36px; font-weight: 900; line-height: 1.3; letter-spacing: .25px; 
}
.title.title-smed { font-size: 24px; }
.title.title-sm { font-size: 20px; }

.subtitle {
	font-size: 24px; font-weight: 100; line-height: 1.3; letter-spacing: 1.25px; text-transform: uppercase; 
}
.subtitle.title-sm { font-size: 18px; }
.subtitle.title-smed { font-size: 20px; }

.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, .btnclass:link {
	position: relative; padding: 12px 24px; background: #0064ad; box-shadow: 0 2px 12px rgba(0, 0, 0, .25); 
	display: flex; justify-content: flex-start; align-items: center; 
	font-size: 19px; font-weight: 700; text-transform: uppercase; text-align: center; 
	letter-spacing: .25px; color: #fff; transition: .35s ease all; 
}
.btnclass.btn-blue3 { background: #133358; }
.btnclass.btn-blue4 { background: #0f2743; }
.btnclass:hover, .btnclass.btn-blue3:hover, .btnclass.btn-blue4:hover { 
	background: #000; color: #fff; transform: scaleX(1.1); z-index: 12; 
}

.listed {
	position: relative; padding: 10px 16px; 
	display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; column-gap: 12px; 
	font-size: 16px; font-weight: 400; text-align: left; letter-spacing: .5px; line-height: 1.35; 
	color: #000; transition: .3s ease all; 
}
.darkmode .listed { color: #fff; }
.is-phone { font-size: 18px; font-weight: 700; }

.titled-listed {
	position: relative; 
	display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; row-gap: 4px; 
}
.listed-title {
	font-size: 16px; font-weight: 400; text-align: left; letter-spacing: .5px; line-height: 1.35; 
	color: #000; transition: .25s ease all; 
}

/* sections */
.content-sect {
	display: flex; flex-direction: column; align-items: flex-start; justify-content: center; row-gap: 16px;
}
.content-sect.lefty-style { align-items: flex-start; }
.content-sect .btnclass, .content-sect.lefty-style .btnclass, .horiz-sect .btnclass { transform-origin: left; }
.content-sect.center-style { align-items: center; }
.content-sect.center-style > .btnclass, .horiz-sect.center-style > .btnclass, .content-sect.center-style > .horiz-sect .btnclass { 
	transform-origin: 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; }

.mission {
	position: relative; width: 100%; padding: 50px max(4%, calc(50% - 900px)); 
	display: flex; justify-content: center; align-items: center; column-gap: 5%; row-gap: 40px; 
}
.mission > .content-sect { width: 50%; }
.mission .missionimg { position: relative; width: 45%; }

.missionimg img, .inv-btn img, .hero > img, .subhero > img {
	position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; 
	object-fit: cover; object-position: center; 
}

.mission.watermark-padding { padding-top: 20px; padding-bottom: 20px; align-items: stretch; }
.mission.watermark-padding > .bg-watermark { padding-top: 40px; padding-bottom: 40px; }
.mission.watermark-padding .missionimg { margin-top: 32px; margin-bottom: 32px; }

.may19sign { padding-bottom: 32%; }

.missionimg.bg-style {
	background-size: cover; background-position: center; background-repeat: no-repeat; 
}
.bgsize-100auto, .missionimg.bg-style.bgsize-100auto { background-size: 100% auto; width:100% auto;}

img.img-contain { object-fit: contain; }

/* Homepage - default.htm */
.homepage {}

.hero {
	position: relative; width: 100%; background: #000; 
	padding: 180px max(2.5%, calc(50% - 1000px)) 32px max(2.5%, calc(50% - 1000px)); 
	display: flex; flex-direction: column; align-items: center; row-gap: 150px; 
}
.hero:before, .hero:after { position: absolute; content: ""; z-index: 3; left: 0; width: 100%; }
.hero:before { bottom: 0; height: 20px; background: #0a1b2e; }
.hero:after {
	bottom: 19px; height: 120px; 
	background-image: linear-gradient(0deg, rgba(10, 27, 46, 1) 0%, rgba(10, 27, 46, 1) 1%, rgba(10, 27, 46, 0) 100%); 
}
.hero img { height: calc(100% - 20px); opacity: .55; }
.hero-overlay { position: relative; z-index: 4; }
.hero-overlay .title, .hero-overlay .subtitle, .hero-overlay p, .hero-overlay .listed { 
	text-shadow: 1px 1px 0 #000, 0 0 20px #000; 
}
.hero-overlay .btnclass { box-shadow: 0 0 20px #000; }

.blue-ctas-holder {
	position: relative; z-index: 5; 
	display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: stretch; 
	column-gap: 24px; row-gap: 16px; 
}
.blue-cta {
	position: relative; width: clamp(288px, calc(33.333333% - 16px), 340px); 
	background: #478ad7; padding: 12px 28px 20px 28px; box-shadow: 0 2px 20px rgba(0, 0, 0, .8); 
	display: flex; flex-direction: column; align-items: center; justify-content: space-between; 
	transition: .2s ease all; 
}

.fill-link { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; }

.blue-cta .title, .blue-cta p { width: 100%; color: #000; text-align: center; transition: .2s ease all; }
.blue-cta .title { font-size: 28px; margin-bottom: 12px; transform-origin: center; }
.blue-cta p { font-size: 15px; }
.blue-cta-togetherer {
	position: relative; z-index: 2; width: 100%; 
	display: flex; flex-direction: column; align-items: center; 
}
.blue-cta .btnclass { z-index: 2; margin-top: 12px; }

.blue-cta:hover { background: #5c97db; margin: -4px 0 4px 0; transition: .3s ease all; }
.blue-cta:hover .title, .inv-btn:hover .title { transform: scale(1.1, 1.05); transition: .4s ease all; }

.feat-upcoming {
	position: relative; width: 100%; padding: 32px max(4%, calc(50% - 850px)); 
}
.feat-upcoming .content-sect { width: 50%; }
.feat-upcoming .flyer-holder { 
	position: relative; width: 50%; padding: 0 5%; 
	display: flex; justify-content: center; align-items: center; 
}
.flyer-a {
	position: relative; max-width: 100%; box-shadow: 0 0 12px rgba(0, 0, 0, 0); 
	display: flex; justify-content: center; align-items: center; 
	transition: .15s ease all; 
}
.flyer-a:after {
	position: absolute; z-index: 3; content: "\f00e"; top: 0; left: 0; width: 100%; height: 100%; 
	color: rgba(255, 255, 255, .9); text-shadow: 0 0 8px #000, 0 0 32px #000; 
	display: flex; justify-content: center; align-items: center; 
	font-family: 'Font Awesome 6 Free', icon; font-size: 65px; font-weight: 900; text-align: center; 
	opacity: 0; pointer-events: none; transition: .15s ease all; 
}
.flyer-a img { 
	width: auto; max-width: 100%; height: clamp(500px, 50vw, 800px); object-fit: contain; object-position: center; 
	transition: .15s ease all; 
}
a.flyer-a:hover, .flyer-a:hover:after, a.flyer-a:hover img { transition: .3s ease all; }
a.flyer-a:hover { box-shadow: 0 2px 20px rgba(0, 0, 0, .4); }
a.flyer-a:hover:after { opacity: 1; }
a.flyer-a:hover img { opacity: .7; }

.inv-btns-sect {
	position: relative; width: 100%; padding: 60px max(2.5%, calc(50% - 1000px)); 
	display: flex; flex-direction: column; align-items: center; row-gap: 32px; 
}
.inv-btns-holder-full, .inv-btns-holder-6 {
	position: relative; 
	display: flex; justify-content: flex-start; align-items: stretch; column-gap: 12px; row-gap: 12px; 
}
.inv-btns-holder-full { width: 100%; }
.inv-btns-holder-6 { width: 75%; flex-wrap: wrap; }

.inv-btn { 
	position: relative; width: calc(33.333333% - 8px); min-height: 200px; 
	background: #000; padding: 20px 16px; 
	display: flex; justify-content: flex-start; align-items: center; 
}
.inv-btn img { opacity: .7; transition: .25s ease all; }
.inv-btn .title { 
	position: relative; z-index: 3; 
	font-size: 26px; color: #fff; text-shadow: 1px 1px 0 #000, 0 0 12px rgba(0, 0, 0, .5); 
	transform-origin: left; transition: .25s ease all; 
}
.inv-btn:hover img { opacity: .3; transition: .4s ease all; }

.inv-btn.inv-all { width: 25%; background: #0064ad; border-top-right-radius: 60px; }
.inv-btn.inv-all img { opacity: .2; border-top-right-radius: 60px; }
.inv-btn.inv-all:hover img { opacity: .8; }

.newsletter-sect .mission { align-items: flex-start; }
.newsletter-sect .newsletter-left {}
.newsletter-form-div { 
	width: 45%; margin-top: -16px; 
	display: flex; justify-content: center; align-items: center; 
}
.newsletter-form-div iframe { min-width: min(100%, 480px); min-height: 160px; }
.newsletter-sm form.jw-form .col50 { width: calc(50% - 8px)!important; }

/* subpages */
.subpage { 
	width: 100%; position: relative; 
	display: flex; flex-direction: column; align-items: center; 
}

.subhero {
	position: relative; width: 100%; background: #0a1b2e; 
	padding: 80px max(5%, calc(50% - 1000px)); 
	display: flex; flex-direction: column; align-items: center; row-gap: 150px; 
}
.subhero > img { height: 100%; opacity: .15; object-position: 40% 20%; }
.hero-overlay { position: relative; z-index: 4; }
.hero-overlay .title, .hero-overlay .subtitle, .hero-overlay p, .hero-overlay .listed { 
	text-shadow: 1px 1px 0 #000, 0 0 20px #000; 
}
.hero-overlay .btnclass { box-shadow: 0 0 20px #000; }

/* contact-us.htm */
.contactpage {}

.mission.contact-mission > .content-sect { width: 670px; }

.map-div { width: calc(95% - 670px); }

.contact-tls { 
	position: relative; width: 100%; padding: 12px 0;
	display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; 
	column-gap: 32px; row-gap: 20px; 
}
.contact-tls.center-style { justify-content: center; }
.contact-tls .titled-listed { min-width: 316px; }

/* thank-you.htm */
.thankyoupage {}

/* recommended styles */
.title.center-style, .subtitle.center-style, p.center-style { text-align: center; }

.darkmode .title, .darkmode .subtitle, .darkmode p, .darkmode .invisilink, .darkmode .listed, .darkmode .listed-title { 
	color: #fff; 
}

a.listed:hover, a.titled-listed:hover .listed { color: #133358; }
a.listed.hvr-light:hover, .use-hvr-light a.listed:hover, .darkmode a.listed:hover, .darkmode a.titled-listed:hover .listed, .darkmode a.titled-listed:hover .listed-title { 
	color: #478ad7; 
}

.darkmode a.listed:hover .listed-title { 
	color: #478ad7!important; 
}

.tl-corner-notfullwidth {
	position: relative; width: calc(100% - 12px); margin-left: 12px; border-top-left-radius: 60px; 
}

.bg-blue3 { background: #133358; }
.bg-blue4 { background: #0f2743; }
.bg-blue5 { background: #0a1b2e; }

.bg-spotlight {
	background: #181818; 
	background-image: linear-gradient(0deg,rgba(23, 23, 23, 1) 10%, rgba(35, 35, 35, 1) 50%, rgba(23, 23, 23, 1) 90%); 
}

.bg-fur {
	background: #f4f4f4; background-image: url('/siteart/bg-fur.jpg'); 
	background-size: cover; background-position: 50% 75%; background-repeat: no-repeat; 
}

.bg-watermark {
	background: #fff; background-image: url('/siteart/watermark.png'); 
	background-size: contain; background-position: center; background-repeat: no-repeat; 
}

.width100 { width: 100%; }

.allpad0, .mission.allpad0 { padding: 0; }

.padtb-med { padding-top: 50px; padding-bottom: 50px; }
.padt-med { padding-top: 50px; }
.padb-med { padding-bottom: 50px; }

.padlr-ml { padding-left: max(5%, calc(50% - 850px)); padding-right: max(5%, calc(50% - 850px)); }
.padlr-med { padding-left: max(4%, calc(50% - 900px)); padding-right: max(4%, calc(50% - 900px)); }

.margt-smed { margin-top: 16px; }

.margb-sm { margin-bottom: 10px; }
.margt-smed { margin-bottom: 16px; }

/* forced styles */
.txt-bold { font-weight: 900!important; }

.force-width100 { width: 100%!important; }

/*-------- FORM STYLES now located in formstyles.css --------------------*/


/*-------- FOOTER STYLES ----------------*/
footer {  }

.jw-footer {
	position: relative; width: 100%; 
	display: flex; flex-direction: column; 
}
.jw-footer-main {
	position: relative; width: 100%; padding: 32px max(calc(9% - 48px), calc(50% - 800px)) 32px max(9%, calc(50% - 800px)); 
	display: flex; flex-direction: row; justify-content: space-between; align-items: center; row-gap: 8px; 
}
.foot-logo { 
	position: relative; 
	display: flex; justify-content: center; align-items: center; 
}
.foot-logo, .foot-logo img { width: 140px; }
.foot-logo img {
	height: auto; object-fit: contain; object-position: center; 
}
.foot-col { 
	position: relative; 
	display: flex; flex-direction: column; align-items: center; justify-content: center; 
}
.foot-col .listed { justify-content: center; }
.foot-soc { row-gap: 8px; }
.foot-soc a { color: #000; padding: 12px; }
.foot-soc a:hover { color: #133358; }
.foot-soc a:hover:before { width: 100%; transition: .6s ease all; }
.foot-nav { width: 181px; }
.foot-nav a {
	position: relative; padding: 6px 12px; min-height: 36px; 
	display: flex; justify-content: center; align-items: center; 
	font-size: 16px; font-weight: 500; text-align: center; color: #000; 
	cursor: pointer; transition: .3s ease all; 
}
.foot-nav a:before, .foot-soc a:before {
	position: absolute; content: ""; bottom: 4px; left: 50%; transform: translateX(-50%); width: 0px; height: 2px; 
	background: #000; opacity: 0; transition: .2s ease all; 
}
.foot-nav a:hover { color: #133358; transition: .4s ease all; }
.foot-nav a:hover:before, .foot-soc a:hover:before { background: #133358; opacity: 1; }
.foot-nav a:hover:before { width: 60px; }
.footcol-toggled { background: rgba(0, 0, 0, .1); }
.footer-bottom {
	position: relative; width: 100%; padding: 12px max(5%, calc(50% - 800px)); 
	background: #181818; 
}
.footer-bottom p.txt-default { color: #bbb!important; font-size: 14px; }

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.inv-foot-spacer { display: flex; width: 100%; height: 88px; background: #181818; }

/* AT styles */
.list.listing { display: flex!important; }

/*---------- RESPONSIVE STYLES ----------*/

@media only screen and (min-width: 2001px) {	/* MIND THE MIN-WIDTH */
	.jw-topheader { border-bottom-right-radius: 48px; }
}

@media only screen and (max-width: 1650px) {
	.inv-btn { min-height: 180px; }
}

@media only screen and (max-width: 1500px) {
	.hero { padding-top: 150px; row-gap: 120px; }
	
	.blue-ctas-holder { column-gap: 20px; }
	.blue-cta { width: clamp(288px, calc(33.333333% - 14px), 340px); }
	.blue-cta .title { font-size: 24px; margin-bottom: 9px; }
	
	.inv-btn { min-height: 160px; }
	.inv-btn .title { font-size: 22px; }
}

@media only screen and (max-width: 1350px) {
	.title { font-size: 32px; }
	.subtitle { font-size: 21px; }
	
	.inv-btns-holder-full, .inv-btns-holder-6 { column-gap: 8px; row-gap: 8px; }
	.inv-btn { width: calc(33.333333% - 5.5px); min-height: 140px; }
}

@media only screen and (max-width: 1320px) {
	.btnclass { font-size: 18px; }
	
	.hero { padding-top: 120px; row-gap: 80px; }
}

@media only screen and (max-width: 1300px) {
	.jw-header { height: 126px; padding-left: 16px; }
	.jw-header-left, .jw-header-right { height: 126px; column-gap: 16px; }
	.header-logo-div { width: 150px; height: 160px; margin-bottom: -32px; }
	.header-logo-div:hover { height: 165px; margin-bottom: -37px; }
	.header-logo-div:hover .header-logo { padding-top: 13px; }
	.header-logo { padding: 9px 12px; }
	.header-logo img { height: 144px; }
	.jw-topheader { padding-right: 20px; }
	.nav-div { padding-right: 16px; height: 76px; }
	
	.jw-footer-main { padding: 24px 5%; }
}

@media only screen and (max-width: 1260px) {
	.newsletter-left { flex-grow: 1; width: unset; }
	.newsletter-form-div { width: 400px; }
}

@media only screen and (max-width: 1250px) {
	.nav-div { padding-right: 8px; }
	
	.flyer-a:after { font-size: 50px; }
	
	.mission.contact-mission > .content-sect { width: 100%; }
	.contact-mission .map-div { display: none!important; }
}

@media only screen and (max-width: 1200px) {
	.hide1200 { display: none!important; }
	
	.title { font-size: 30px; }
	.subtitle { font-size: 18px; }
	
	.blue-ctas-holder { column-gap: 16px; }
	.blue-cta { width: clamp(288px, calc(33.333333% - 11px), 340px); }
	.blue-cta .title { font-size: 22px; margin-bottom: 6px; }
}

@media only screen and (max-width: 1200px) and (min-width: 1101px) {	/* MIND THE MAX-MIN-WIDTH */
	.newsletter-sect { padding-left: 3%!important; padding-right: 3%!important; }
	.newsletter-sect .mission { column-gap: 3%; }
	
	.subhero { padding-top: 60px; padding-bottom: 60px; }
}

@media only screen and (max-width: 1150px) {
	.jw-footer-main { flex-direction: column; flex-wrap: wrap; }
	.foot-logo { margin: auto; }
}

/* switch to mobile nav */
@media only screen and (max-width: 1120px) {
	.nav-div { padding-right: 0; }
}

@media only screen and (max-width: 1100px) {
	.mission.watermark-padding { padding-top: 12px; padding-bottom: 12px; }
	.mission.watermark-padding .missionimg { margin-top: 20px; margin-bottom: 20px; }
	
	.newsletter-sect .mission { flex-direction: column; }
	.newsletter-left { width: 100%!important; }
	.newsletter-form-div { width: 100%; margin-top: 0; justify-content: flex-start; }
	.newsletter-form-div iframe { min-width: min(100%, 630px); }
}

@media only screen and (max-width: 1050px) {
	.inv-btn .title { font-size: 20px; }
}

@media only screen and (max-width: 1020px) {
	.inv-btns-holder-full { flex-wrap: wrap; }
	.inv-btns-holder-6, .inv-btn.inv-all { width: 100%; }
	.inv-btn.inv-all, .inv-btn.inv-all img { border-top-right-radius: 0; border-bottom-right-radius: 60px; }
}

@media only screen and (min-width: 1001px) {	/* MIND THE MIN-WIDTH */
	.show1000 { display: none!important; }
}

@media only screen and (max-width: 1000px) {
	.hide1000 { display: none!important; }
	
	.mission { flex-direction: column; }
	.mission-cr, .mission.mission-cr { flex-direction: column-reverse; }
	.mission > .content-sect, .mission .missionimg { width: 100%; }
	.mission.watermark-padding .missionimg { margin-top: 0; margin-bottom: 0; }
	.bgsize-100auto, .missionimg.bg-style.bgsize-100auto { background-size: contain; }
	.may19sign { padding-bottom: unset; min-height: 400px; background-size: auto 125%!important; }
	.feat-upcoming .flyer-holder { width: 100%; padding: 0; }
	.flyer-a:after { font-size: 40px; }
}

@media only screen and (max-width: 980px) {
	.hero:before { height: 35%; }
	.hero:after { bottom: 34.9%; }
	.hero img { height: 65%; }
	
	.blue-cta { width: clamp(288px, calc(50% - 8px), 400px); }
}

@media only screen and (min-width: 801px) {	/* MIND THE MIN-WIDTH */
	.header-phones-mobile { display: none!important; }
}

@media only screen and (max-width: 800px) {
	.jw-header { flex-wrap: wrap; padding-left: 0; height: unset; }
	.jw-header-left, .jw-header-right { height: 90px; }
	.header-logo-div { width: 140px; height: 150px; margin-bottom: -58px; margin-left: 8px; }
	.header-logo-div:hover { height: 157px; margin-bottom: -63px; }
	.header-logo { padding-bottom: 7px; }
	.header-logo img { height: 132px; }
	.header-phones, .jw-topheader { display: none!important; }
	.nav-div { height: 90px; }
	
	.btnclass:hover { transform: none; }
	
	.inv-btn { min-height: 120px; padding-left: 10px; padding-right: 10px; }
}

@media only screen and (max-width: 750px) {
	.contact-tls { flex-direction: column; }
	.contact-tls .titled-listed { min-width: unset; }
}

@media only screen and (max-width: 700px) {
	.flyer-a img { width: 100%; height: auto; max-height: 600px; }
	a.flyer-a:hover { box-shadow: none; }
	
	.inv-btn .title { font-size: 18px; }
	.bgsize-100auto, .missionimg.bg-style.bgsize-100auto {background-size: contain;}
 
}

@media only screen and (min-width: 651px) {	/* MIND THE MIN-WIDTH */
	.header-phones-mobile a.listed { padding: 0 16px; min-height: 50px; } 
	.header-phones-mobile a.listed:first-child { padding-left: 32px; } 
	.header-phones-mobile a.listed:last-child { padding-right: 32px; }  
	.header-phones-mobile { flex-direction: row; justify-content: space-evenly; }
}

@media only screen and (max-width: 650px) {
	.header-phones-mobile { flex-direction: column; }
	.header-phones-mobile a.listed { width: 100%; }
	
	.hero:before { height: 50%; }
	.hero:after { bottom: 49.9%; }
	.hero img { height: 50%; }
	
	.blue-cta { width: clamp(288px, 100%, 400px); }
	
	.inv-btn { width: calc(50% - 4px); }
}

@media only screen and (max-width: 600px) {
	.header-logo-div { transform: scale(.9); transform-origin: top left; }
	
	.subhero { padding-top: 40px; padding-bottom: 40px; }
}

@media only screen and (max-width: 500px) {
	.header-logo-div { transform: scale(.8); }
}

@media only screen and (max-width: 450px) {
	.inv-btns-holder-full, .inv-btns-holder-6 { column-gap: 6px; row-gap: 6px; }
	.inv-btn { width: calc(50% - 3px); min-height: 110px; }
	a.inv-btn:hover .title { transform: none; }
}

@media only screen and (max-width: 420px) {
	.inv-btn { min-height: 100px; }
}

@media only screen and (max-width: 400px) {
	.inv-btn { width: 100%; min-height: 80px; }
	
	.newsletter-sm form.jw-form .col50 { width: 100%!important; }
}

@media only screen and (max-width: 380px) {
	.header-phones-mobile a.listed { flex-direction: column; }
	.header-logo-div { transform: scale(.75); }
}

@media only screen and (max-width: 280px) {
	.header-logo-div { transform: scale(.7); margin-left: 4px; }
}

@media only screen and (max-width: 220px) {
	.header-phones-mobile { display: none!important; }
}






