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

/*-------- COLORS --------

*/

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

h1 { font-family: 'Roboto', sans-serif; font-size: 56px; }
h2 { font-family: 'Roboto', sans-serif; font-size: 30px; }
h3 { font-family: 'Roboto', sans-serif; font-size: 36px; }
h4 { font-family: 'Roboto', sans-serif; font-size: 24px; }
p { font-family: 'Roboto', sans-serif; font-size: 17px; line-height: 1.5; font-weight: 500; }

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

.header { width: 100%; position: relative; z-index: 1004; display: flex; flex-direction: column; align-items: flex-end; margin-bottom: -56px; }
.header .topheader { width: 100%; position: relative; z-index: 3; height: 40px; background: #002856; /* BLUE */ display: flex; justify-content: flex-end; align-items: center; }
.header .topheader a { color: #fff; font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 40px; letter-spacing: .5px; padding: 0 8px; box-sizing: border-box; margin: 0 80px 0 0; }
.header .topheader a:hover { text-decoration: underline; }
.header .gray-border { position: absolute; z-index: 1; top: 40px; width: 100%; height: 4px; background: #837e7a; /* GRAY */ }
.header a.header-logo { position: absolute; z-index: 3; top: 0; left: 60px; width: 250px; border: 1px solid #837e7a; /* GRAY */ border-top: none; background: #fff; box-shadow: 0 0 12px #000; }
.header a.header-logo img { object-fit: contain; width: 250px; height: 140px; }
.header .nav-div { position: relative; z-index: 2; background: #fff; border-bottom-left-radius: 24px; box-shadow: 0 0 12px #000; padding: 0 30px; box-sizing: border-box; }

/*---BODY--------------------------------*/
.bg-lgray { background: #f8f8f8; /* lightest gray */ }
.red-text { color: #d82c30!important; /* RED */ }
.title { position: relative; margin: 20px 0 40px 0; font-size: 28px; }
.title span { font-weight: 400; letter-spacing: .5px; text-transform: uppercase; color: #837e7a; /* gray */ position: relative; }
.title span:not(.title-sub):before { position: absolute; content: ""; top: -4px; bottom: -4px; left: -20px; right: -20px; border-top: 1px solid #837e7a; border-bottom: 1px solid #837e7a; }
.title span.title-sub { color: #002856; /* BLUE */ font-weight: 600; line-height: 48px; }
.content-sect { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; padding: 40px 5%; box-sizing: border-box; }
.content-sect p { width: 100%; margin: 12px 0; color: #002856; /* BLUE */ }
.content-sect a { margin: 12px 0; }

.subhero { width: 100%; height: 250px; display: flex; justify-content: center; align-items: flex-end; padding: 70px 5% 24px 5%; box-sizing: border-box; position: relative; background: #002856; /* BLUE */ background-image: url('/siteart/hero-slideshow/1.jpg'); background-size: cover; background-repeat: no-repeat; background-position: 50% 75%; }
.subhero:before { position: absolute; z-index: 2; top: 0; bottom: 0; left: 0; right: 0; content: ""; background: #002856; /* BLUE */ background-image: url('/siteart/hero-slideshow/1.jpg'); background-size: cover; background-repeat: no-repeat; background-position: 50% 75%; filter: grayscale(1) brightness(.7); }
.subhero h1 { position: relative; z-index: 3; color: #fff; text-shadow: 1px 1px 0 #000, 0 0 12px #000; text-align: center; }

.btnclass { font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 500; letter-spacing: .5px; display: flex; justify-content: flex-start; align-items: center; padding: 12px 100px 12px 12px; box-sizing: border-box; border: 2px solid #002856; /* BLUE */ color: #002856; position: relative; }
.btnclass:after { position: absolute; content: ""; top: calc(50% - 9px); right: 44px; background-image: url("/siteart/arrow-right-blue.png"); width: 18px; height: 18px; background-size: contain; background-position: center; background-repeat: no-repeat; transition: .25s ease right; }
.btnclass:hover { background: #002856; color: #fff; transition: .2s ease all; }
.btnclass:hover:after { filter: brightness(1000) saturate(0) contrast(10); right: 22px; transition: .5s ease right; }
a.invisilink { font-family: 'Roboto', sans-serif; color: #002856; font-weight: 900; }
a.invisilink:hover { text-decoration: underline; }
.invisilink.listed { letter-spacing: .5px; padding: 12px; box-sizing: border-box; }

.inv-btns-sect { display: flex; flex-direction: column; align-items: center; width: 100%; max-width: 3000px; margin: 0 auto; padding: 40px 5%; box-sizing: border-box; }
.inv-btns-sect .inv-btn-title { width: 100%; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; }
.inv-btns-sect .inv-btn-title .title { margin-top: 0; }
.inv-btns-sect .inv-btn-title a.btnclass { margin: -30px 0 0 0; }
.inv-btns { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; width: 100%; max-width: 2500px; padding: 0 5%; box-sizing: border-box; }
.inv-btns > a { width: calc(33.333333% - 20px); height: 300px; margin: 10px; padding: 20px; box-sizing: border-box; display: flex; justify-content: center; align-items: center; position: relative; background: #002856; transition: .5s ease all;}
.inv-btns > a img { position: absolute; z-index: 1; width: 100%; height: 100%; object-fit: cover; object-position: center; filter: brightness(.6); transition: .15s ease all; }
.inv-btns > a span { position: relative; z-index: 3; width: 100%; font-family: 'Roboto', sans-serif; font-size: 22px; text-transform: uppercase; text-align: center; letter-spacing: 1px; color: #fff; text-shadow: 1px 1px 0px #000, 0 0 12px #000, 0 0 20px #000; transition: .15s ease all; }
.inv-btns > a span:before { position: absolute; z-index: -1; top: -6px; bottom: -6px; left: 10px; right: 10px; content: ""; border-top: 1px solid #bbb2a6; border-bottom: 1px solid #bbb2a6; transition: .15s ease all; }
.inv-btns > a:hover { padding: 20px 10px; }
.inv-btns > a:hover img { filter: brightness(.95); transition: .6s ease all; }
.inv-btns > a:hover span { font-size: 24px; letter-spacing: 2px; transition: .4s ease all; }
.inv-btns > a:hover span:before { border-top: 2px solid #bbb2a6; border-bottom: 2px solid #bbb2a6; top: -20px; bottom: -20px; transition: .5s ease top, .5s ease bottom, .2s ease border; }

/* default.htm - Homepage */
.hero { width: 100%; max-width: 3000px; margin: 0 auto; height: 750px; background: #002856; /* BLUE */ border-bottom: 4px solid #837e7a; }

.hero .carousel{background: #222;}
.hero .carousel-cell{display: flex; align-items: center; justify-content: center; width: 100%; height: 750px; overflow: hidden;}
.hero .carousel-cell-image{display: block; width: 100%; height: 750px; object-fit: cover;}
.hero .carousel .flickity-prev-next-button{background: none; width: 45px; height: 45px; color: #fff; opacity: .75; transition: all .2s ease-in-out;}
.hero .carousel .flickity-prev-next-button:hover{background: none; opacity: 1;}
.hero .carousel .flickity-page-dots .dot{display: none;}

.homepage.mission { display: flex; justify-content: center; align-items: stretch; width: 100%; max-width: 3000px; margin: 0 auto; }
.homepage.mission .content-sect { width: 35%; padding-right: 60px; }
.homepage.mission .missionimg { width: 65%; min-height: 400px; background-size: cover; background-position: center; background-repeat: no-repeat; }

/* project-overview.htm */
.projectpage {  }
.projectpage.content-sect { width: 100%; max-width: 3000px; margin: 0 auto; align-items: center; }
.projectpage.content-sect p { text-align: center; }

/* contact-us.htm */
.contactpage { display: flex; flex-wrap: wrap; }
.contactpage .form-div { width: 50%; }
.contactpage .form-div > .content-sect { width: 100%; padding: 0 10%; }
.contactpage .form-div .title { margin: 0; }
.contactpage > .content-sect { width: 50%; }

/* thank-you.htm */
.thankyoupage.content-sect { width: 100%; max-width: 3000px; margin: 0 auto; align-items: center; }
.thankyoupage.content-sect p { text-align: center; }

/*--------FORM STYLES--------------------*/
.form-div { display: flex; flex-direction: column; align-items: center; padding: 40px 0 70px 0; width: 100%; }
.form-div form { display: flex; flex-wrap: wrap; justify-content: center; width: 90%; margin: 0 auto; max-width: 1000px; }
.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 { font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 500; color: #002856; width: 94%; box-sizing: border-box; margin: 20px 0 2px 0; }
.form-div form input[type="text"] { width: 94%; margin: 4px 0; padding: 6px 8px; box-sizing: border-box; color: #000; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 500; border: 1px solid #000; }
.form-div form input[type="email"] { width: 94%; margin: 4px 0; padding: 6px 8px; box-sizing: border-box; color: #000; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 500; border: 1px solid #000; }
.form-div form textarea { width: 94%; height: 160px; margin: 4px 0; padding: 6px 8px; box-sizing: border-box; color: #000; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 500; border: 1px solid #000; }
.form-div form a { margin: 20px 0 0 0; cursor: pointer; }
.form-div form .CaptchaMessagePanel { font-family: 'Roboto', sans-serif!important; }
.form-div form #CaptchaAnswer { padding: 6px 8px; box-sizing: border-box; color: #000; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 500; border: 1px solid #000; }
.form-div form div.CaptchaWhatsThisPanel a { font-family: 'Roboto', sans-serif!important; }
.form-div form div.CaptchaWhatsThisPanel a:hover { text-decoration: underline; }
form button[type="submit"] { background: none; cursor: pointer; }

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

.footer { width: 100%; display: flex; flex-direction: column; align-items: center; background: #002856; /* BLUE */ }
.footer .scrolling-inv-wrapper { width: 100%; height: 90px; overflow: hidden; border-top: 4px solid #837e7a; border-bottom: 4px solid #837e7a; }
.footer .scrolling-inv-wrapper iframe { width: 100%; }
.footer .foot-foot { display: flex; justify-content: space-between; align-items: flex-start; padding: 40px 6% 100px calc(6% - 12px); box-sizing: border-box; width: 100%; max-width: 3000px; }
.footer .foot-foot a.foot-logo img { width: 180px; object-fit: contain; object-position: top left; }
.footer .foot-foot .foot-nav { width: calc(100% - 550px); max-width: 1100px; }
.footer .foot-foot .foot-nav ul { display: flex; justify-content: space-between; align-items: flex-start; width: 100%; }
.footer .foot-foot .foot-nav ul li { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; }
.footer .foot-foot a { color: #fff; font-family: 'Roboto', sans-serif; font-size: 17px; letter-spacing: .5px; cursor: pointer; padding: 12px; box-sizing: border-box; display: flex; justify-content: center; align-items: center; }
.footer .foot-foot .foot-nav ul li a { font-weight: 600; letter-spacing: 1px; }
.footer .foot-foot a:hover { text-decoration: underline; }
.footer .foot-foot a i { font-size: 12px; margin-left: 12px; margin-right: 5px; }
.footer .foot-foot a#EqLinks { text-decoration: none; }
.footer .foot-foot a#EqLinks:hover { text-decoration: none; }
.footer .foot-foot a#EqLinks:hover span.underline-it { text-decoration: underline; }
.footer .foot-foot a#EqLinks:hover i { font-size: 16px; margin-right: 0; }
.footer .foot-foot a#EqLinks:hover i.fa-plus:before { content: "\f13a"!important; }
.footer .foot-foot a#EqLinks:hover i.fa-minus:before { content: "\f139"!important; }
.footer .foot-foot a#CatLinks { text-decoration: none; }
.footer .foot-foot a#CatLinks:hover { text-decoration: none; }
.footer .foot-foot a#CatLinks:hover span.underline-it { text-decoration: underline; }
.footer .foot-foot a#CatLinks:hover i { font-size: 16px; margin-right: 0; }
.footer .foot-foot a#CatLinks:hover i.fa-plus:before { content: "\f13a"!important; }
.footer .foot-foot a#CatLinks:hover i.fa-minus:before { content: "\f139"!important; }
.footer .foot-foot .foot-drop { width: 150px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; }
.footer .foot-foot .foot-drop.border-it { border-left: 1px solid #fff; border-bottom: 1px solid #fff; }
.footer .foot-foot .foot-drop a { margin-left: 16px; }
.footer .foot-foot #CatOptions a { margin-left: 32px; }
.footer .foot-foot .foot-soc { display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-start; }

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
div.inv-foot-spacer { width: 100%; height: 60px; background: #002856; }

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

@media only screen and (max-width: 2000px) {
	.inv-btns a { height: 250px; }
}

@media only screen and (min-width: 1500px) {
	.footer .foot-foot .foot-nav ul { justify-content: space-around; }
	.footer .foot-foot .foot-nav .foot-drop { width: unset; }
	.footer .foot-foot .foot-nav ul { justify-content: space-around; }
}

@media only screen and (max-width: 1500px) {
	.homepage.mission .content-sect { width: 45%; }
	.homepage.mission .missionimg { width: 55%; }
	.inv-btns a { height: 200px; }
}

@media only screen and (max-width: 1250px) {
	h1 { font-size: 48px; }
	.footer .foot-foot .foot-nav { width: calc(100% - 460px); }
}

@media only screen and (max-width: 1200px) {
	.hero { height: 620px; }
	.hero .carousel-cell{ height: 620px; }
	.hero .carousel-cell-image{ height: 620px; }
}

@media only screen and (max-width: 1150px) {
	.inv-btns-sect { padding: 40px calc(5% - 10px); }
	.inv-btns-sect .inv-btn-title { padding: 0 10px; }
	.inv-btns { padding: 0; }
}

@media only screen and (max-width: 1120px) {
	.footer .foot-foot { flex-wrap: wrap; }
	.footer .foot-foot .foot-logo-div { order: 1; }
	.footer .foot-foot .foot-nav { width: 100%; order: 3; margin-top: 40px; }
	.footer .foot-foot .foot-nav .foot-drop { width: unset; }
	.footer .foot-foot .foot-soc { order: 2; }
}

@media only screen and (max-width: 1100px) {
	.homepage.mission .content-sect { width: 490px; }
	.homepage.mission .missionimg { width: calc(100% - 490px); }
}

/* start mobile */
@media only screen and (max-width: 1000px) {
	.header .topheader a { margin: 0 22px 0 0; }
	.header a.header-logo { width: 200px; }
	.header a.header-logo img { width: 200px; height: 100px; }
	.header .nav-div { padding-right: 0; }
	.title { font-size: 25px; }
	.title span.title-sub { line-height: 42px; }
	.subhero { height: 200px; }
	.hero { height: 550px; }
	.hero .carousel-cell{ height: 550px; }
	.hero .carousel-cell-image{ height: 550px; }
	.inv-btns a { height: 170px; }
}

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

@media only screen and (max-width: 850px) {
	.hero { height: 500px; }
	.hero .carousel-cell{ height: 500px; }
	.hero .carousel-cell-image{ height: 500px; }
}

@media only screen and (max-width: 800px) {
	h1 { font-size: 42px; }
	.header a.header-logo { left: 24px; }
	.inv-btns-sect .inv-btn-title { flex-direction: column; padding-top: 20px; padding-bottom: 30px; }
	.inv-btns-sect .inv-btn-title .title { width: 100%; }
	.inv-btns-sect .inv-btn-title a.btnclass { margin-top: 0; }
	.inv-btns a { width: calc(50% - 20px); }
	.inv-btns a:last-of-type { width: calc(100% - 20px); }
	.inv-btns a img.all-inv { object-position: bottom; }
	.contactpage .form-div { width: 100%; order: 2; }
	.contactpage .form-div > .content-sect { padding: 0 6%; }
	.contactpage > .content-sect { width: 100%; order: 1; }
}

@media only screen and (max-width: 750px) {
	.header .topheader a { padding: 0 16px; margin: 0 16px 0 8px; }
	.homepage.mission { flex-direction: column; align-items: center; }
	.homepage.mission .content-sect { width: 100%; padding-right: 5%; }
	.homepage.mission .missionimg { width: 100%; height: 300px; min-height: unset; }
	.footer .foot-foot { flex-wrap: wrap; align-items: center; }
	.footer .foot-foot a { padding: 15px; }
}

@media only screen and (max-width: 700px) {
	.footer .foot-foot .foot-nav .foot-drop { width: 150px; }
}

@media only screen and (min-width: 651px) {
	.show650 { display: none; }
	.header .topheader a i { display: none; }
}

@media only screen and (max-width: 650px) {
	h1 { font-size: 36px; }
	.hide650 { display: none; }
	.subhero { height: 180px; }
	.btnclass { width: 100%; }
	.inv-btns a { width: calc(100% - 20px); height: 120px; }
	.form-div form label { width: 97%; }
	.form-div form input[type="text"] { width: 97%; }
	.form-div form input[type="email"] { width: 97%; }
	.form-div form textarea { width: 97%; }
	.form-div form .btnclass { width: 97%; }
	.footer .foot-foot { justify-content: center; }
	.footer .foot-foot .foot-logo-div { width: 100%; display: flex; justify-content: center; align-items: center; }
	.footer .foot-foot .foot-nav { width: 100%; margin-bottom: 40px; order: 2; }
	.footer .foot-foot .foot-nav ul { flex-direction: column; align-items: center; }
	.footer .foot-foot .foot-nav .foot-drop { width: unset; }
	.footer .foot-foot .foot-soc { width: 100%; align-items: center; order: 3; }
}

@media only screen and (max-width: 550px) {
	.header a.header-logo { left: 16px; }
	.hero { height: 450px; }
	.hero .carousel-cell{ height: 450px; }
	.hero .carousel-cell-image{ height: 450px; }
}

@media only screen and (max-width: 500px) {
	.header a.header-logo { width: 160px; }
	.header a.header-logo img { width: 160px; height: 95px; }
}

@media only screen and (max-width: 400px) {
	.header a.header-logo { left: 8px; width: calc(100% - 170px); }
	.header a.header-logo img { width: 100%; height: 95px; }
	.header .nav-div { width: 100%; border-bottom-left-radius: 0; display: flex; justify-content: flex-end; }
}