﻿/***** 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 --------*/
html { scroll-behavior: smooth; }

body {
	
}

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; }

.italic {font-style: italic !important;}

/*--- HEADER STYLES ---------------------*/
header {  }

.bas-header { position: relative; z-index: 1004; width: 100%; display: flex; flex-direction: column; }
.bas-header-top {
	position: relative; width: 100%; background-color: #333333; padding: 10px max(32px, calc(50% - 1000px)); 
	display: flex; flex-direction: row; justify-content: space-between; align-items: center; row-gap: 20px; 
}
.header-logo-div, .header-logo { position: relative; display: flex; justify-content: flex-start; align-items: center; }
.header-logo-div, .header-logo, .header-logo img { height: 82px; max-width: 85vw; }
.header-logo img { width: auto; object-fit: contain; object-position: center; }
.bas-header-soc {
	position: relative; background: #0759ad; 
	border-top-left-radius: 12px; border-bottom-left-radius: 12px; box-shadow: 0 2px 12px rgba(0, 0, 0, .5); 
	padding-left: 16px; padding-right: max(32px, calc(50% - 1000px)); margin-right: -32px; 
	display: flex; justify-content: flex-end; align-items: center; column-gap: 4px; 
}
.bas-header-soc .listed { box-shadow: none; min-width: 50px; min-height: 50px; padding: 4px 12px; column-gap: 8px; }
.bas-header-soc .listed i { background: none; font-size: 16px; width: unset; height: unset; }
.bas-header-soc .listed span { color: #fff; }
.bas-header-soc a.listed:hover i, .bas-header-soc a.listed:hover span { color: #add6ff!important; }

.bas-header-banner-sect {
	position: relative; z-index: 1; width: 100%; background: #202020; 
	display: flex; justify-content: center; align-items: stretch; 
	overflow-x: clip; overflow-y: visible; transition: .25s ease all; 
}
.bas-header-banner-sect:hover { z-index: 1005; }
.bas-header-banner { 
	position: relative; z-index: 2; width: 38%; height: 54px; min-height: 50px; /*transform: skewX(-35deg); */
	display: flex; justify-content: center; align-items: center; 
	transition: .25s ease all; padding: 8px 12px; 
}
.bas-header-banner:before {
	position: absolute; z-index: 1; content: ""; top: 0; left: 0; width: 110%; height: 54px; min-height: 50px; 
	transform: skewX(-35deg); transition: .25s ease all; 
}
.bas-header-banner:hover {}
.bas-header-banner.is-banner1:before { background: rgba(19, 138, 255, .85); margin-left: -9.9%; }
.bas-header-banner.is-banner1:hover:before { background: rgba(46, 150, 255, 1); }
.bas-header-banner.is-banner1:hover p { color: #000; text-shadow: none; }
.bas-header-banner.is-banner2:before { background: rgba(7, 89, 173, .85); width: 100.1%; }
.bas-header-banner.is-banner2:hover:before { background: rgba(7, 89, 173, 1); }
.bas-header-banner.is-banner3:before { background: rgba(0, 42, 84, .85); margin-right: -9.9%; }
.bas-header-banner.is-banner3:hover:before { background: rgba(0, 28, 56, 1); }
.bas-header-banner.is-banner3:hover p, .bas-header-banner.is-banner2:hover p { color: #fff; text-shadow: none; }
.bas-header-banner p { 
	position: relative; z-index: 3;
	font-family: "urw-form-condensed", sans-serif; font-size: 17px; letter-spacing: .25px; 
	color: #fff; text-shadow: 0 0 12px #000; 
	text-align: center; /*transform: skewX(35deg); */
	display: flex; justify-content: center; align-items: center; 
	transition: .25s ease all; 
}
.bas-header-banner p:after, .header-dpdown-dpdown a:after { 
	position: relative; order: 2; font-family: 'Font Awesome 6 Free', icon; font-weight: 900!important; 
	content: "\f178"; width: 16px; text-align: center; opacity: 0; 
	display: flex; justify-content: center; align-items: center; 
	 margin-left: -16px; transition: .25s ease all;
 }
.bas-header-banner:hover p:after, .bas-header-banner a.header-banner-filllink:hover ~ p:after, .header-dpdown-dpdown a:hover:after {
	margin-left: 16px; opacity: 1; 
}

.header-dpdown { position: relative; }
.header-dpdown-dpdown { 
	display: none; background: #138aff; flex-direction: column; /*transform: skewX(35deg); */
	position: absolute; z-index: 5; top: calc(100% - 8px); left: 50%; transform: translateX(-50%); 
}
.header-dpdown:hover .header-dpdown-dpdown { display: flex; }
.header-dpdown-dpdown ul { 
	list-style: none!important; display: flex!important; flex-direction: column!important; align-items: stretch!important; 
} 
.header-dpdown-dpdown li { list-style: none!important; width: 100%; } 
.header-dpdown-dpdown a { 
	position: relative; min-width: 236px; padding: 8px 16px; text-align: center; width: 100%; 
	font-size: 17px; font-weight: 500; letter-spacing: .5px; text-shadow: 0 0 10px rgba(0, 0, 0, .75); 
	border-bottom: 1px solid #002a54; 
	display: flex; justify-content: center!important; align-items: center; 
} 
.header-dpdown-dpdown li:last-child a { border-bottom: none!important; }
.header-dpdown-dpdown a:hover { opacity: 1!important; background: #002a54; }

.header-banner-filllink {
	position: absolute; z-index: 4; top: 0; left: 0; width: 100%; height: 54px; transform: skewX(-35deg); cursor: pointer; 
}

/* Site Colors: 
	
	--> Light/Main Blue: #138aff; rgba(19, 138, 255, 1); <--
	Darker Blue: #0759ad; rgba(7, 89, 173, 1); 
	Dark Blue: #002a54; rgba(0, 42, 84, 1); 
	Darker Blue: #001c38; rgba(0, 28, 56, 1); 
	Lightest (Hover) Blue: #add6ff; rgba(173, 214, 255, 1); 
	Lighter (Hover) Blue: #2e96ff; rgba(46, 150, 255, 1); 
	
	Light Gray: #ddd; rgba(221, 221, 221, 1); 
	Med-Dark Gray: #333; rgba(51, 51, 51, 1); 
	Not-Black: #202020; rgba(32, 32, 32, 1); 
*/

h1, .h1, h2, .h2, h3, .h3, p, .row { margin: 0; }

/*---My Styles --------------------------------*/

.heropoints-sect {
	align-items: stretch; position: relative; width: min(100%, 1500px); z-index: 4; 
}
.heropoints-sect > .row {
	display: flex; flex-direction: row; justify-content: center; 
	align-items: stretch; position: relative; width: 100%; z-index: 4; 
}
.heropoints-sect > .row .col-lg-4 {
	display: flex; flex-direction: row; justify-content: center; align-items: stretch; margin: 10px !important; 
}

.heropoints {padding: 50px 32px; width: 100%; 
    background: #0759ad; box-shadow: 0 2px 16px rgba(0, 0, 0, .5); 
    color: #fff !important;
    border-radius: 10px; 
	display: flex;
    flex-direction: column;
}.heropoints *:not(img):not(.btnclass) { text-shadow: 1px 1px 0 #000, 0px 0px 14px #000; }
.heropoints > .pointheader{
	font-size: 50px;line-height: 1.2; 
    font-weight: 700;
	margin-bottom: 8px; text-align: center; 
	font-family: "urw-form-condensed", sans-serif !important;
}
.heropoints > .pointtext{
	font-size: 24px; padding: 0!important; text-transform: uppercase; letter-spacing: .5px; color: #ddd; 
    font-weight: 500; text-align: center; line-height: 1.2; margin-top: 8px; 
	font-family: "owners-text", sans-serif !important;
	flex-grow: 1;
}
ul.pointtext {
	font-size: 20px !important; text-transform: uppercase; 
    font-weight: 300; 
	font-family: "owners-text", sans-serif !important;
 list-style-type: disc !important; 
	display: flex; flex-direction: column; align-items: flex-start; 

}

ul.pointtext a { color: #fff; display: flex; transition: .2s ease all; }
ul.pointtext a:hover { opacity: .7; }

.heropoints *:not(img) { position: relative; z-index: 3; }
.heropoints img {
	position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .25; border-radius: 10px; 
}
.heropoints .btnclass { margin: 16px auto 0!important; }


.whitetext{ font-size: 17px !important; letter-spacing: .5px; font-weight: 300 !important; font-family: "owners-text", sans-serif !important; color: white !important;}


.nopad {padding: 0px !important;}
.img-responsive { max-width: 100%; height: auto; display:block; }

.inv-btns-sect .container-fluid { width: 100%; padding: 0!important; }
.inv-btns-sect .container-fluid > .row { width: 100%; justify-content: space-between; display: flex; align-items: flex-start; }
.inv-btns-sect .container-fluid > .row > .col-lg-3 { max-width: 300px!important; }

.myinvbox, .myinvbox:hover {display: flex; color: #000; flex-direction: column; align-items: center; justify-content: center; padding: 10px; margin: 0 12px; text-align: center !important;transitions: .25s ease all;}
.myinvbox > .invheader {font-size: 25px; font-family: "urw-form-condensed", sans-serif !important; 	margin-bottom: 15px; font-weight: 700;}
.myinvbox > img {max-height: 170px; margin: auto; padding-bottom: 15px; transition: .15s ease all; }
.myinvbox:hover img { transform: scale(.85); transition: .25s ease all; }

.myfooterlink {font-size: 17px; display: table; font-weight: 300; color: white !important; font-family: "owners-text", sans-serif !important; min-height: 30px; }
.myfooterlink:hover {color: #a7a7a7 !important; transition-duration: 0.4s;}
.footheader {font-size: 21px; font-family: "urw-form-condensed", sans-serif !important; color: gainsboro !important; margin-bottom: 5px; font-weight: 700;}










/*---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: #0759ad!important; text-decoration: underline; }
.bg-notblack a.invisilink:hover, .hero a.invisilink:hover, .subhero a.invisilink:hover, 
.sm-inv-btns-sect a.invisilink:hover { 
	color: #5c7cff!important; 
}

/* Text / Titles / Paragraphs / <h1><h2><h3><h4> / <p> */
.txt-default, .content-sect p, .ul-checked li {
	font-family: "owners-text", sans-serif; font-size: 15px; font-weight: 400; 
	line-height: 1.3; letter-spacing: .2px; color: #000; 
}

h1, h2, h3, h4, h5, h6, .title, .subtitle, 
.btnclass, .listed, ul, 
label, input, select, textarea, button {
	font-family: "urw-form-condensed", sans-serif; 
}

.title {
	font-size: 45px; font-weight: 700; color: white; 
}
.title.title-sm, .multi-title.title-sm .title { font-size: 30px; }

.subtitle {
	font-size: 32px; font-weight: 400; color: #a7a7a7; font-style: italic; 
}
.subtitle.title-sm, .multi-title.title-sm .subtitle { font-size: 22px; }

.multi-title { 
	display: flex; flex-direction: column; align-items: flex-start; margin-bottom: 6px; 
}
.multi-title .title, .multi-title .subtitle { text-align: left; }
.multi-title.center-style { align-items: center; }
.multi-title.center-style .title, .multi-title.center-style .subtitle { text-align: center; }

.lightmode .title, .lightmode.title { color: #000; }
.lightmode .subtitle, .lightmode.subtitle { color: #202020; }

.featp, p.featp { font-size: 22px; }

.isconame, .title.isconame { font-size: 50px; }

/* buttons / links / <a> / ctas */
.btnclass {
	position: relative; padding: 12px 20px; 
	background: #0759ad; color: #fff!important; border-radius: 10px; 
	display: flex; justify-content: center; align-items: center; 
	font-size: 18px; font-weight: 700; letter-spacing: 0; text-align: left; 
	transition: .3s ease all; 
}
.btnclass:after {
	position: relative; content: "\f178"; margin-left: 16px; 
	font-family: 'Font Awesome 6 Free', icon; font-size: 16px; font-weight: 900!important; 
	transition: .3s ease all; 
}

.btnclass:hover { 
	background: #0759ad; color: #fff!important; text-decoration: none!important; 
}

.btnclass.btn-blue { background: #138aff !important; color: #000 !important; }
.btnclass.btn-blue:hover { background: #0759ad !important; color: #fff !important; }

.btnclass.btn-outlined { background-color: transparent !important; color: #fff !important; border: 1px solid white !important; }
.btnclass.btn-outlined:hover { background-color: #fff !important; color: #000 !important; border: 1px solid white !important;}

.btnclass.btn-outlined2 { background-color: transparent !important; color:black !important; border: 1px solid black !important; }
.btnclass.btn-outlined2:hover { background-color: #000 !important; color:#fff !important; border: 1px solid black !important;}

.listed {
	position: relative; 
	display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; column-gap: 16px; row-gap: 12px; 
	font-family: "urw-form-condensed", sans-serif!important; text-align: left; color: #000; 
	transition: .3s ease all; 
}
.listed i { 
	font-family: 'Font Awesome 6 Free', icon; font-size: 18px; text-align: center; 
	background: #138aff; color: #fff; 
	width: 50px; height: 50px; border-radius: 6px; display: flex; justify-content: center; align-items: center; 
	transition: .3s ease all; 
}
.listed-col {
	position: relative; 
	display: flex; flex-direction: column; align-items: flex-start; 
}
.listed span { color: #000; transition: .3s ease all; }
.listed .is-phone { font-size: 25px; font-weight: 700; }
.listed-title { font-size: 18px; font-weight: 300; letter-spacing: .5px; }
.listed-content { font-size: 18px; font-weight: 400; }
ul.listed-hours { 
	list-style: none; 
	display: flex; flex-direction: column; align-items: flex-start; 
}
ul.listed-hours li { 
	position: relative; padding: 4px; list-style: none; font-size: 18px; 
	display: flex; justify-content: flex-start; align-items: center; 
	transition: .2s ease all; 
}
ul.listed-hours li:before {
	position: absolute; content: ""; top: -2px; left: -2px; width: calc(100% + 4px); height: calc(100% + 4px); 
	background: rgba(0, 0, 0, .05); opacity: 0; 
	transition: .2s ease all; 
}
ul.listed-hours li:hover:before { opacity: 1; }

a.listed:hover, a.listed:hover span { color: #0759ad!important; }
a.listed:hover i { background: #0759ad; }

.listed.righty, .listed.righty ul.listed-hours li { 
	justify-content: flex-end!important; text-align: right!important; 
}
.listed.righty .listed-col, .listed.righty ul.listed-hours { 
	align-items: flex-end!important; text-align: right!important; 
}
.listed.righty i { order: 2; }

/* 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: 32px; row-gap: 16px; 
}
.horiz-sect.center-style, .content-sect.center-style .horiz-sect { justify-content: center; }

.sb-sect {
	width: 100%; 
	display: flex; flex-direction: row; justify-content: space-between; align-items: center; 
	column-gap: 5%; row-gap: 16px; 
}
.sb-sect > * { flex-grow: 1; }

.mission {
	position: relative; width: 100%; padding: 80px max(4%, calc(50% - 900px)); 
	display: flex; justify-content: center; align-items: center; column-gap: 40px; row-gap: 50px; 
}
.mission > .content-sect { width: 60%; }
.mission .missionimg { 
	position: relative; width: calc(40% - 40px); min-height: 380px; 
	display: flex; justify-content: center; align-items: center; 
}

.missionimg img:not(.img-contain), .hero img, .subhero img, .inv-btn-lg img {
	position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; 
	object-fit: cover; object-position: center; 
}
.missionimg img.img-contain {
	position: relative; width: 100%; height: auto; max-height: 450px; 
	object-fit: contain; object-position: center; 
}

img.img-contain { object-fit: contain; }

.overlapped-mission { padding: 0; }
.overlapped-mission > .content-sect { 
	position: relative; z-index: 2; 
	width: 70%; margin-right: 30%; padding: 120px 21% 120px max(3%, calc(50vw - 900px)); background: #333; 
}
.overlapped-mission .missionimg { 
	position: absolute; z-index: 3; top: 50%; right: 0; transform: translateY(-50%); 
	width: 42%; filter: drop-shadow(0 2px 16px rgba(0, 0, 0, .2)); 
}

hr.bg-gray { 
	position: relative; width: min(1500px, 70%); height: 1px; margin: 0 auto; 
	border: none; background: #ddd; 
}

iframe { background: #ddd; }

/* Homepage - default.htm */
.homepage {}

.hero, .subhero {
	position: relative; z-index: 2; width: 100%; padding: 25px max(4%, calc(50% - 980px)); 
	background: #202020; 
	align-items: center; display: flex; 
}
.hero { background: #fff; flex-direction: row; padding: 150px max(2.5%, calc(50% - 980px)) 80px max(4%, calc(50% - 980px)); }
.hero > img { object-fit: contain; object-position: 100% 0%; width: 80%; left: unset; right: 0; height: calc(100% - 24px); }
.hero-overlay {
	position: relative; z-index: 3; width: 100%; clear: both; padding: 150px 0 80px 0; 
}
.hero .hero-overlay {
	position: relative; z-index: 3; width: 620px; clear: both; padding: 0; 
}
.hero-overlay .title, .hero-overlay .subtitle, .hero-overlay p { 
	color: #fff; text-shadow: 1px 1px 0 #000, 0 2px 12px rgba(0, 0, 0, .8); 
}
.hero .hero-overlay .title, .hero .hero-overlay .subtitle, .hero .hero-overlay p { 
	color: #000; text-shadow: 1px 1px 0 #fff, 0 2px 12px rgba(255, 255, 255, .8); 
}
.hero-overlay p { 
	width: min(326px, 100%); font-size: 20px; font-weight: 300; margin-top: 8px; 
}
.hero-overlay .btnclass { box-shadow: 0 2px 12px rgba(0, 0, 0, .8); }

.heropoints-sect { width: calc(100% - 620px); margin: 0; padding-left: 5%; padding-right: 0; }
.heropoints-sect > .row .col-lg-4 { width: 50%; }

.inv-btns-sect {
	position: relative; width: 100%; padding: 50px max(4%, calc(50% - 900px)); 
	display: flex; flex-direction: column; align-items: stretch; row-gap: 24px; 
}
.inv-btns-sect .multi-title {}

.newsletter-sect {
	position: relative; width: 100%; padding: 100px 8% 100px 22%; 
	background: #001c38; background-image: url('/siteart/bg-newsletter.jpg'); background-size: cover; 
	background-position: center; background-repeat: no-repeat; 
	display: flex; justify-content: space-between; align-items: center; 
}
.newsletter-sect .content-sect p { font-size: 20px; color: #fff; }

/* subpages */
.subpage { 
	width: 100%; position: relative; 
	display: flex; flex-direction: column; align-items: center; 
}

.subhero { display: flex; padding-top: 140px!important; padding-bottom: 32px!important; }
.subhero > img { opacity: .3; }
.subhero .hero-overlay { padding: 0px!important; }

/* contact-us.htm */
.contactpage {}

.contact-div {
	position: relative; width: 100%; padding-left: max(5%, calc(50% - 900px)); padding-right: max(5%, calc(50% - 900px)); 
	display: flex; flex-direction: column; align-items: center; 
}
.contact-div .content-sect { width: 100%; }
.contact-inf {  }
.map-div { width: 100%; display: flex; }

.horiz-soc-sect { padding: 24px 0; row-gap: 24px; }
.hss-l-holder { 
	position: relative; width: calc(33.333333% - 22px); 
	display: flex; justify-content: flex-start; align-items: center; 
}

/* services.htm */
.servicepage {}

.serviceslist {
	position: relative; width: 100%; 
	display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; column-gap: 3%; row-gap: 32px; 
}
.is-service {
	position: relative; width: 48.5%; padding: 24px 32px; border-radius: 10px; background: #0759ad; box-shadow: 0 2px 10px rgba(0, 0, 0, .2); 
	display: flex; flex-direction: column; align-items: center; 
}
.is-service .title, .is-service .subtitle, .is-service p { color: #fff!important; text-align: center; }
.is-service p { font-size: 18px; }
.is-service .pointheader { font-size: 32px; }

.pointheader{
	    font-size: 28px;
    font-weight: 700; color: #fff!important; 
	margin-bottom: 16px;
	font-family: "urw-form-condensed", sans-serif !important;
}
.heropoints p {
	font-size: 18px; padding: 0!important; 
    font-weight: 300; 
	font-family: "owners-text", sans-serif !important;
	flex-grow: 1;
}
ul.pointtext {
	font-size: 17px !important;
    font-weight: 300;
	font-family: "owners-text", sans-serif !important;
 list-style-type: disc !important; 
	display: flex; flex-direction: column; align-items: flex-start; 

}

ul.pointtext a { color: #fff; display: flex; transition: .2s ease all; }
ul.pointtext a:hover { opacity: .7; }

.is-service .btnclass { margin: 16px auto 0!important; }

/* thank-you.htm */
.thankyoupage {}

/* recommended styles */
.center-style, .title.center-style, .subtitle.center-style, p.center-style { text-align: center; }

.padtb-med { padding-top: 60px; padding-bottom: 60px; }
.padtb-xs { padding-top: 20px; padding-bottom: 20px; }

.padlr-med { padding-left: max(5%, calc(50% - 980px)); padding-right: max(5%, calc(50% - 980px)); }

.margtb-med { margin-top: 60px; margin-bottom: 60px; }

.margt-sm { margin-top: 16px; }
.margt-smed { margin-top: 32px; }
.margt-med { margin-top: 60px; }

.margb-med { margin-bottom: 60px; }
.margb-sm { margin-bottom: 16px; }

.width100 { width: 100%; }

.inv-btn-sm.bg-blue, .bg-blue { background: #0759ad; }

.bg-gray1 { background-color: #333333 !important; }

/* forced styles */
.txt-bold { font-weight: 700!important; }

.force-mheight-u { min-height: unset!important; }

/*-------- FORM STYLES now located in formstyles.css --------------------*/


/*-------- FOOTER STYLES ----------------*/
footer {  }

.bas-footer2 {
	position: relative; width: 100%; padding: 50px max(2%, calc(50% - 600px)) 32px max(2%, calc(50% - 600px));
	display: flex; flex-direction: column; align-items: stretch; 
}
.foot-top, .foot-soc-media {
	display: flex; flex-direction: row; 
}
.foot-top {
	padding: 0 15.5%; position: relative; width: 100%; 
	justify-content: space-between; align-items: flex-start; column-gap: 40px; row-gap: 32px; 
}
.bas-footer2 .myfooterbox a:not(.listed):not(.btnclass) { padding: 3px 10px; transition: .25s ease all; }
.myfooterbox { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; }
.myfooterbox .listed { column-gap: 0!important; padding: 2px 0; }
.myfooterbox .listed span { font-size: 17px!important; }
.myfooterbox .listed, .myfooterbox .listed span { color: #fff!important; }
.myfooterbox a.listed:hover span { color: #138aff!important; }
.myfooterbox .listed i { background: none!important; color: #fff!important; font-size: 16px; }
.myfooterbox .listed:hover i { background: none!important; color: #138aff!important; font-size: 16px; }
.foot-hr {
	display: flex; width: 92%; height: 1px; background-color: #a7a7a7; margin: 32px auto; 
}
.foot-foot {
	position: relative; width: 100%; 
	display: flex; justify-content: space-between; align-items: center; row-gap: 24px; 
}
.foot-foot-logo-div { display: flex; }
.foot-logo { 
	position: relative; 
	display: flex; justify-content: center; align-items: center; 
}
.foot-logo, .foot-logo img { height: 74px; max-width: 85vw; }
.foot-logo img { 
	width: auto; object-fit: contain; object-position: center; 
}
.foot-soc-media {
	width: unset!important; display: none; 
	justify-content: center; align-items: center; column-gap: 16px; row-gap: 8px; 
}
.foot-soc-media a i { background: #0759ad; }
.foot-soc-media a:hover i { background: #138aff; }

.foot-pp-tc, .foot-foot-logo-div { width: min(350px, 100%)!important; }
.foot-pp-tc { color: gainsboro; text-align: right; font-weight: 300; font-family: "owners-text", sans-serif !important; font-size: 15px; letter-spacing: 0.5px; }

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.inv-foot-spacer { display: none; width: 100%; height: 0px; background: #138aff; }
.invpage .inv-foot-spacer { display: block; width: 100%; height: 100px; background: #138aff; }

/*---------- RESPONSIVE STYLES ----------*/

@media only screen and (min-width: 2001px) {	/* MIND THE MIN-WIDTH */
	.bas-header-soc { margin-right: 0; padding-right: 16px; border-top-right-radius: 12px; border-bottom-right-radius: 12px; }
	
	.hero:after { width: 100%; }
}

@media only screen and (max-width: 1750px) {
	.inv-btns-sect { padding-left: 0; padding-right: 0; }
	.inv-btns-sect .multi-title { padding: 0 5vw; }
	
	.newsletter-sect { padding-left: 20%; }
}

@media only screen and (min-width: 1601px) {	/* MIND THE MIN-WIDTH */
	.overlapped-mission > .content-sect { padding: 100px 17% 100px max(3%, calc(50vw - 850px)); min-height: 480px; }
	.overlapped-mission .missionimg { justify-content: flex-start; }
	.overlapped-mission .missionimg img { height: 420px!important; object-position: 0% 50%; }
}

@media only screen and (max-width: 1500px) {
	.hide1500 { display: none!important; }
	
	.hero { padding-top: 100px; padding-bottom: 50px; }
	
	.heropoints-sect > .row .col-lg-4 { margin: 6px!important; }
	
	.newsletter-sect { padding: 80px 6% 80px 16%; background-size: 110% auto; }
}

@media only screen and (max-width: 1470px) {
	.title { font-size: 36px; }
	.title.title-sm { font-size: 28px; }
	.subtitle { font-size: 29px; }
	
	.hero { padding-left: 2%; padding-right: 1.25%; }
	.hero .hero-overlay { width: 560px; }
	.heropoints-sect { width: calc(100% - 560px); }
	.heropoints { padding-left: 20px; padding-right: 20px; }
}

@media only screen and (max-width: 1450px) {
	
}

@media only screen and (max-width: 1400px) {
	.foot-hr { width: 100%; }
}

@media only screen and (max-width: 1350px) {
	
}

@media only screen and (max-width: 1320px) {
	.myinvbox > img { max-height: 160px; }
	
	.newsletter-sect { padding: 70px 4% 70px 12%; background-size: 120% auto; }
}

@media only screen and (max-width: 1300px) {
	.heropoints { padding-top: 5vw; padding-bottom: 5vw; }
	.heropoints-sect > .row { flex-direction: column; }
	.heropoints-sect > .row .col-lg-4 { width: calc(100% - 12px)!important; }
	
	.listed-content, ul.listed-hours li { font-size: 16px; }
}


@media only screen and (max-width: 1280px) {
	.overlapped-mission > .content-sect { padding-top: 80px; padding-bottom: 80px; padding-right: 18%; }
}

@media only screen and (max-width: 1250px) {
	.title { font-size: 34px; }
	.title.title-sm { font-size: 26px; }
	.subtitle { font-size: 26px; }
	
	.hero .hero-overlay { width: 520px; }
	.heropoints-sect { width: calc(100% - 520px); }
	.heropoints > .pointheader{font-size: 42px;}
	
	.myinvbox > .invheader { font-size: 22px; margin-bottom: 8px; }
	.myinvbox > img { max-height: 140px; padding-bottom: 8px; }
}

@media only screen and (max-width: 1200px) {
	.foot-top { flex-wrap: wrap; padding: 0 2%; }
	.foot-top > div { width: calc(50% - 20px); }
}

@media only screen and (max-width: 1180px) {
	.hide1180 { display: none!important; }
}

@media only screen and (min-width: 1151px) {	/* MIND THE MIN-WIDTH */
	
}

@media only screen and (max-width: 1150px) {
	.hss-l-holder { width: unset; }
}

@media only screen and (max-width: 1120px) {
	.listed { column-gap: 12px; }
	
	.newsletter-sect { padding: 70px 4% 70px 4%; background-size: 150% auto; }
}

@media only screen and (max-width: 1100px) {
	
}

@media only screen and (max-width: 1080px) {
	.bas-header-top { padding: 10px 2.5%; }
	.header-logo-div, .header-logo, .header-logo img { height: 70px; }
	.bas-header-soc { padding-left: 2.5%; padding-right: 2.5%; margin-right: -2.5%; }
	
	.inv-btns-sect { padding-top: 32px; padding-bottom: 32px; }
	.inv-btns-sect .container-fluid > .row { flex-wrap: wrap; row-gap: 24px; }
	.inv-btns-sect .container-fluid > .row > .col-lg-3 { width: 50%!important; max-width: unset!important; }
	.inv-btns-sect .container-fluid > .row > .col-lg-3 .myinvbox { max-width: 300px!important; margin: 0 auto!important; }
	.myinvbox > img { max-height: 160px; }
	
	.mission { flex-direction: column; padding-top: 40px; padding-bottom: 40px; }
	.mission.mission-cr { flex-direction: column-reverse; }
	.mission > .content-sect, .mission .missionimg { width: 100%; }
	.mission .missionimg { min-height: 250px; }
	.mission .missionimg img.img-contain { max-height: 400px!important; }
	
	.overlapped-mission { row-gap: 0; padding-top: 0; }
	.overlapped-mission > .content-sect { width: 100%; padding: 50px 5% 120px 5%; margin-right: 0; }
	.overlapped-mission .missionimg { position: relative; top: unset; right: unset; width: 100%; padding: 0 5%; transform: none; margin-top: -70px; }
}

@media only screen and (max-width: 1000px) {
	.hero { flex-direction: column; row-gap: 60px; padding-top: 150px; padding-bottom: 24px; }
	.hero > img { width: 60%; }
	.hero .hero-overlay, .heropoints-sect { width: 100%; padding: 0; }
}

@media only screen and (min-width: 981px) {	/* MIND THE MIN-WIDTH */
	.newsletter-sect .content-sect { width: 530px; }
	.newsletter-sect .content-sect .subtitle { color: #202020; }
	.newsletter-sect .content-sect .title, .newsletter-sect .content-sect p { color: #000; }
}

@media only screen and (max-width: 980px) {
	.bas-header-banner-sect { flex-wrap: wrap; }
	.bas-header-banner.is-banner1, .bas-header-banner.is-banner2 { width: 50%; }
	.bas-header-banner.is-banner2:before { width: 110%; margin-right: -9.9%; }
	.bas-header-banner.is-banner3 { width: 100%; }
	.bas-header-banner.is-banner3:before { margin-right: 0!important; left: 50%; transform: skewX(-35deg) translateX(-50%); }
	
	.newsletter-sect { padding: 50px 4%; background-image: url('/siteart/bg-newsletter-mobile.jpg'); background-size: cover; flex-direction: column; align-items: flex-start; }
	.newsletter-sect .content-sect { width: 100%; }
	.newsletter-sect .btnclass { margin-top: 20px; }
}

/* switch to mobile nav */
@media only screen and (max-width: 950px) {
	.bas-header-top { padding: 10px 2vw; }
	.bas-header-soc { margin-right: -2vw; }
	
	.inv-btn-sm { width: calc(50% - 5px); }
}

@media only screen and (max-width: 850px) {
	.foot-foot { flex-direction: column; }
	.foot-foot-logo-div, .foot-pp-tc { width: 100%; }
	.foot-foot-logo-div { justify-content: center; }
	.foot-pp-tc { text-align: center!important; }
}

@media only screen and (max-width: 800px) {
	.hero > img { height: 580px; }
	
	.is-service { width: 100%; }
}

@media only screen and (max-width: 750px) {
	.hide750 { display: none!important; }
	
	.bas-header-top { flex-direction: column-reverse; padding-top: 0; padding-bottom: 12px; }
	.bas-header-soc { margin-right: 0; border-top-left-radius: 0; border-bottom-right-radius: 12px; width: 100%; justify-content: space-around; }
	
	.hero > img { width: 100%; }
}

@media only screen and (max-width: 700px) {
	.myinvbox > img { max-height: 130px; }
}

@media only screen and (max-width: 650px) {
	.bas-header-banner-sect { flex-direction: column; margin-bottom: 0; }
	.bas-header-banner { width: 100%!important; transform: none; margin: 0!important; height: unset; }
	.bas-header-banner:before { display: none!important; }
	.bas-header-banner.is-banner1 { background: rgba(19, 138, 255, 1); }
	.bas-header-banner.is-banner2 { background: rgba(7, 89, 173, 1); }
	.bas-header-banner.is-banner3 { background: rgba(0, 42, 84, 1)!important; }
	.bas-header-banner p { transform: none; }
	
	.hero { padding-top: 60px; }
	
	.heropoints > .pointheader{font-size: 36px;}
	
	.subhero { justify-content: center; padding-top: 32px!important; }
	.subhero .hero-overlay { align-items: center; }
	.subhero .hero-overlay .title, .subhero .hero-overlay .subtitle, .subhero .hero-overlay p { text-align: center; }
	.subhero .hero-overlay .horiz-sect { justify-content: center; }
	
	.foot-top { flex-direction: column; }
	.foot-top > div { width: 100%; }
	.myfooterbox { align-items: center; }
	.myfooterbox a:not(.listed) { text-align: center!important; justify-content: center; min-height: 40px; }
}

@media only screen and (max-width: 600px) {
	.heropoints { padding: 16px 5vw; }
	
	.foot-logo, .foot-logo img { height: 50px; }
}

@media only screen and (min-width: 501px) {	/* MIND THE MIN-WIDTH */
	.show500 { display: none!important; }
}

/* switch to full mobile header */
@media only screen and (max-width: 500px) {
	.hide500 { display: none!important; }
	
	.bas-header-top { justify-content: center; }
	
	.myinvbox > .invheader { font-size: 18px; }
}

@media only screen and (max-width: 480px) {
	/*.hide480 { display: none!important; }
	.bas-header-soc { justify-content: center; }*/
	
}

@media only screen and (max-width: 420px) {
	.inv-btns-sect .container-fluid > .row > .col-lg-3 { width: 100%!important; }
}

@media only screen and (max-width: 400px) {
	
}

@media only screen and (max-width: 380px) {
	.bas-header-soc { flex-direction: column; }
	.bas-header-soc .listed { flex-direction: row; justify-content: center; align-items: center; }
	
	.btnclass, .btnclass:hover { width: 100%; text-align: center; padding-left: 16px!important; padding-right: 16px!important; }
	.btnclass:after, .btnclass:hover:after { display: none!important; }
	
	.listed { width: 100%; }
	
	.listed.righty, .listed.righty ul.listed-hours li { justify-content: flex-start!important; text-align: left!important; }
	.listed.righty i { order: 0!important; }
	.listed.righty .listed-col, .listed.righty ul.listed-hours { align-items: flex-start!important; text-align: left!important; }
	
	.bas-header-soc .listed { flex-direction: row!important; justify-content: center!important; align-items: center!important; }
}

@media only screen and (max-width: 320px) {
	.bas-header-banner p { font-size: 15px; }
}

@media only screen and (max-width: 200px) {
	.bas-header-top { padding-top: 20px; }
	.bas-header-soc { display: none!important; }
}

@media only screen and (max-width: 150px) {
	
}






