﻿/***** 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; }
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 {  }

.techs-header {
	position: relative; z-index: 1004; width: 100%; 
	display: flex; flex-direction: column; align-items: stretch; 
}

.techs-topheader {
	height: 56px; padding: 0 max(1vw, calc(50% - 980px)); background: #8e1a24; 
	display: flex; justify-content: space-between; align-items: stretch; 
}
.topheader-left, .topheader-mid, .topheader-right { display: flex; align-items: stretch; }
.topheader-left, .topheader-right { width: calc(50% - 110px); }
.topheader-left { justify-content: flex-start; }
.topheader-mid { justify-content: center; }
.topheader-right { justify-content: flex-end; }
.techs-topheader a.listed { color: #fff; padding: 0 20px 4px 20px; }
.techs-topheader a.listed:not(.is-phone) { font-size: 16px; }
.techs-topheader a.listed:hover { background: #ba222f; color: #fff; }

.techs-header-main {
	padding: 24px max(2.5vw, calc(50% - 980px)) 0 max(1.5vw, calc(50% - 980px)); 
	background: #f8f8f8; box-shadow: 0 0 12px rgba(0, 0, 0, .2); 
	display: flex; flex-direction: column; align-items: center; row-gap: 16px; 
}
.header-logo-div, .header-logo {
	width: 220px; 
	display: flex; justify-content: center; align-items: center; 
}
.header-logo img { 
	width: min(100%, 78vw, 220px); object-fit: contain; object-position: center; 
}
.nav-div { 
	position: relative; width: 100%; height: 80px; 
	display: flex; justify-content: center; align-items: stretch; 
}

/* Site Colors: 
	
	--> Logo Red: #ba222f; <--
	Darker Red: #8e1a24; 
	Lightest Gray: #f8f8f8; 
	Light Gray: #e0e0e0; 
	Med Gray: #bbb; 
	Not-Black: #323232; 
*/
/*---BODY--------------------------------*/
/* Text / Titles / Paragraphs / <h1><h2><h3><h4> / <p> */
.txt-default, .content-sect p, .inv-btn .view-inv {
	font-family: 'tgn-soft-round', sans-serif; font-size: 17px; font-weight: 400; 
	line-height: 1.3; text-align: left; letter-spacing: .25px; color: #000; 
}

.title {
	font-family: 'trade-gothic-next', sans-serif; font-size: 40px; font-weight: 800; 
	line-height: 1.3; text-align: left; letter-spacing: .25px; color: #000; 
}

.subtitle {
	font-family: 'trade-gothic-next', sans-serif; font-size: 24px; font-weight: 500; 
	line-height: 1.3; text-align: left; letter-spacing: .25px; color: #323232; 
}

/* buttons / links / <a> / ctas */
.btnclass {
	font-family: 'trade-gothic-next', sans-serif; font-size: 19px; font-weight: 700; 
	text-align: center; letter-spacing: .75px; 
	display: flex; justify-content: center; align-items: center; 
	background: #ba222f; color: #fff; width: 248px; padding: 12px 20px; border-radius: 0; 
	transition: .35s ease all; 
}
.btnclass:hover { background: #8e1a24; }

.listed {
	font-family: 'tgn-soft-round', sans-serif; font-size: 17px; font-weight: 400; 
	text-align: left; letter-spacing: .25px; color: #8e1a24; 
	display: flex; justify-content: flex-start; align-items: center; 
	padding: 8px 10px; transition: .35s ease all; 
}
.listed i { 
	width: 19px; font-size: 15px; text-align: center; margin-right: 7px; padding-top: 2px; 
}
.listed.is-phone { font-size: 19px; }
a.listed:hover, a.titled-listed:hover .listed { color: #000; }

.titled-listed {
	padding: 8px 0; 
	display: flex; flex-direction: column; align-items: flex-start; row-gap: 6px; 
}
.titled-listed .subtitle { font-size: 20px; }
.titled-listed .listed { padding: 8px 12px; }

.invisilink {
	font-family: inherit; font-size: inherit; font-weight: inherit; 
	line-height: inherit; letter-spacing: inherit; color: inherit; display: inline; transition: .2s ease all; 
}
a.invisilink:hover { color: #ba222f; }

/* sections */
.content-sect {
	display: flex; flex-direction: column; align-items: flex-start; justify-content: center; row-gap: 14px; 
}
.content-sect.center-style { align-items: center; justify-content: center; }

.content-sect .title, .content-fw .title { margin-bottom: 8px; }
.content-sect p, .content-fw p { width: 100%; }

.content-sect > .horiz-sect.center-style { width: 100%; }

.horiz-sect {
	width: 100%; 
	display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; column-gap: 24px; row-gap: 24px; 
}
.horiz-sect.center-style, .content-sect.center-style .horiz-sect { justify-content: center; }

.mission {
	position: relative; width: 100%; padding: 80px max(5%, calc(50% - 900px)); 
	display: flex; align-items: center; column-gap: 80px; row-gap: 60px; 
}
.mission .content-sect { position: relative; z-index: 2; width: 62.25%; }
.mission .missionimg { 
	position: relative; z-index: 2; display: flex; width: 37.5%; 
	min-height: 420px; height: 100%; max-height: min(600px, 100%); 
}

.missionimg:not(.missionimg-contain) img {
	position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
	object-fit: cover; object-position: center; 
}
.missionimg.missionimg-contain img {
	position: relative; width: 100%; height: auto; min-height: 420px; max-height: min(600px, 100%); 
	object-fit: contain; object-position: 0% 50%; 
}

.fancy-mission { z-index: 2; }
.fancy-mission:before {
	position: absolute; z-index: 1; content: ""; bottom: 0; left: 0; width: 33%; height: 100%; 
	background: #323232; 
}

/* Homepage - default.htm */
.hero {
	position: relative; z-index: 2; width: 100%; padding: 40px max(4%, calc(50% - 800px)); 
	display: flex; justify-content: space-between; align-items: center; column-gap: 100px; row-gap: 100px; 
	background: #bbb; 
}

.hero > img { object-fit: cover; object-position: center; }

/*.hero-overlay { width: 512px; }*/

.hero-slider, .hero > img {
	position: relative; flex-grow: 1; height: 650px; box-shadow: 0 6px 24px rgba(0, 0, 0, .4); 
}
.hero .carousel { 
	background: #323232; position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; 
}
.hero .carousel-cell { 
	display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; overflow: hidden; 
}
.hero .carousel-cell-image { display: block; width: 100%; height: 100%; object-fit: cover; }
.hero .carousel .flickity-prev-next-button { display: none!important; }
.hero .carousel .flickity-prev-next-button:hover { display: none!important; }
.hero .carousel .flickity-page-dots .dot { background: #eee; opacity: .65; }
.hero .carousel .flickity-page-dots .dot.is-selected { background: #ba222f; opacity: 1; }

.graydient {
	position: relative; z-index: 11; width: 100%; 
	display: flex; flex-direction: column; align-items: center; 
}
.graydient:before {
	position: absolute; z-index: 1; content: ""; top: 0; left: 0; width: 100%; height: calc(100% + 50px); 
	background-image: linear-gradient(180deg, #bbb 0%, #f0f0f0 22%, #f0f0f0 90%, #fff 100%); 
}
.graydient > * { position: relative; z-index: 2; }

.invpage .graydient:before { height: 100%; }

.inv-search-sect {
	position: relative; z-index: 3; width: min(92%, 1600px); padding: 16px 60px 28px 60px; 
	display: flex; flex-direction: column; align-items: center; row-gap: 20px; 
	background: #fff; box-shadow: 0 4px 20px rgba(0, 0, 0, .2); 
}

.inv-btns-sect {
	position: relative; z-index: 3; width: 100%; padding: 80px max(4%, calc(50% - 900px)); 
	display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; 
}
.inv-btn {
	position: relative; padding: 20px; width: calc(33.333333% - 16px); margin: 8px; 
	background: #323232; min-height: 300px; overflow: hidden; 
	display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; 
}
.inv-btn:after, .inv-btn img {
	position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: .45s ease all; 
}
.inv-btn:after {
	z-index: 2; content: ""; background-image: linear-gradient(12deg, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 0) 70%); 
}
.inv-btn img {
	z-index: 1; object-fit: cover; object-position: center; filter: grayscale(.65); 
}
.inv-btn span { 
	position: relative; z-index: 3; text-shadow: 1px 1px 0 #000, 0 0 12px #000; 
}
.inv-btn .subtitle { font-size: 21px; letter-spacing: .4px; color: #eee; }
.inv-btn .title { font-size: 30px; letter-spacing: .5px; text-transform: uppercase; color: #fff; }

.inv-btn .view-inv { 
	height: 40px; margin-bottom: -40px; opacity: 0; color: #fff; 
	display: flex; justify-content: flex-start; align-items: center; 
	transition: .35s ease all; 
}
.inv-btn .view-inv i { font-size: 13px; margin-left: 12px; }

a.inv-btn:hover { background: #8e1a24; }
a.inv-btn:hover img { filter: grayscale(.5); opacity: .55; }
a.inv-btn:hover .view-inv { margin-bottom: 0; opacity: 1; }

.homepage {}

.is-inv-btns-horiz { column-gap: 16px; row-gap: 12px; }

.homepage.fancy-mission .missionimg.missionimg-contain, .homepage.fancy-mission .missionimg.missionimg-contain img { 
	min-height: unset; 
}

.scrolling-sect {
	position: relative; width: 100%; margin: 80px 0; 
}
.scrolling-sect .title { 
	width: 100%; padding: 0 max(4%, calc(50% - 900px)) 16px max(4%, calc(50% - 900px)); 
}
.scrolling-wrap { 
	position: relative; width: 100%; height: 90px; overflow: hidden; background: #f2f2f2; 
}
.scrolling-wrap iframe { 
	position: absolute; top: 0; left: 0; width: 100%; height: 90px!important; 
}

.lg-standalone-img {
	position: relative; width: 100%; height: auto; padding: 80px max(7%, calc(50% - 750px)) 0 max(7%, calc(50% - 750px)); 
	object-fit: contain; object-position: center; 
}

/* subpages */
.subpages { 
	width: 100%; position: relative; 
	display: flex; 
}

/* about-us.htm */
.aboutpage {}

/* contact-us.htm */
.contactpage {}

#location { align-items: stretch; }
#location .map-div { width: 65%; }
#location .map-div iframe { height: 100%; min-height: 420px; background: #f8f8f8; }
#location .content-sect { width: 35%; }

.contact-inf {
	display: flex; flex-direction: column; align-items: flex-start; column-gap: 24px; row-gap: 14px; 
}

/* thank-you.htm */
.thankyoupage { padding: 80px 5% 40px 5%; }

/* recommended styles */
.width100 { width: 100%; }

/* forced styles */
.txt-bold, .listed.txt-bold, .listed .txt-bold { font-weight: 700!important; }

.center-style, .center-style .title, .center-style .subtitle, .center-style p, 
.title.center-style, .subtitle.center-style, p.center-style { text-align: center!important; }

i.fa, i.fas, i.fa:before, i.fas:before { font-weight: 900!important; }

/*--------FORM STYLES--------------------*/
.form-sect {
	position: relative; width: 100%; padding: 80px 0; background: #bbb; 
	display: flex; justify-content: center; 
}
.form-div {
	position: relative; width: min(90%, 1400px); padding: 32px 60px; 
	display: flex; flex-direction: column; align-items: stretch; 
	background: #fff; box-shadow: 0 4px 20px rgba(0, 0, 0, .2); 
}

.form-div .content-sect { padding: 0 0 40px 0; }

form.techs-form {
	display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: stretch; 
	column-gap: 14px; 
}

.inv-search-sect form.techs-form {
	width: 100%; flex-wrap: nowrap; flex-direction: column; align-items: center; 
}
.inv-search-sect form.techs-form .search-fields {
	width: 100%; 
	display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; 
}
.inv-search-sect form.techs-form .search-fields input, .inv-search-sect form.techs-form .search-fields select {
	width: calc(33.333333% - 14px); margin: 7px; 
}

.form-div form .formrow { 
	width: 100%; display: flex; flex-wrap: wrap; justify-content: center; column-gap: 16px; 
}
.form-div form .formrow-captcha { 
	width: 100%; display: flex; flex-direction: column; align-items: center; margin-top: 24px; 
}

form.techs-form .smcol {
	width: calc(33.333333% - 10px); 
	display: flex; flex-direction: column; align-items: flex-start; 
}
form.techs-form .smcol input, form.techs-form .smcol select { width: 100%; }

form.techs-form label {
	font-family: 'trade-gothic-next', sans-serif; font-size: 19px; font-weight: 600; 
	padding: 12px 10px 8px 2px; box-sizing: border-box; margin: 8px 0 0 0; width: 100%; 
}

form.techs-form input[type="text"], form.techs-form input#CaptchaAnswer, form.techs-form input[type="email"], form.techs-form select, form.techs-form textarea {
	font-family: 'tgn-soft-round', sans-serif; font-size: 17px; font-weight: 400; color: #000; background: #fff; 
	padding: 12px 10px; box-sizing: border-box; border: none; outline: 1px solid #000; border-radius: 0; min-height: 47px; 
}
form.techs-form select { border-right: 8px solid #fff; }
form.techs-form textarea { width: calc(100% - 2px); height: 120px; }

form.techs-form a.btnclass { margin: 40px auto 0 auto; cursor: pointer; }
form.techs-form .CaptchaMessagePanel { 
	font-family: 'tgn-soft-round', sans-serif!important; color: #000!important; font-size: 18px; 
}
form.techs-form #CaptchaAnswer { width: 172px; }
form.techs-form div.CaptchaWhatsThisPanel a { 
	font-family: 'tgn-soft-round', sans-serif!important; font-size: 18px; 
	transition: .25s ease all; 
}
form.techs-form div.CaptchaWhatsThisPanel a:hover { text-decoration: underline; }

form.techs-form input[type="submit"], form.techs-form button { border: none; cursor: pointer; border-radius: 0; }

/*-------- FOOTER STYLES ----------------*/
footer {  }

.techs-footer {
	position: relative; z-index: 5; width: 100%; 
	display: flex; flex-direction: column; align-items: stretch; 
}
.foot-top, .foot-bottom { 
	position: relative; 
	display: flex; align-items: center; 
	padding-left: max(5%, calc(50% - 700px)); padding-right: max(5%, calc(50% - 700px)); 
}
.foot-top {
	z-index: 3; padding-top: 50px; padding-bottom: 50px; 
	justify-content: space-between; column-gap: 200px; row-gap: 40px; 
	background: #e0e0e0; box-shadow: 0 0 12px rgba(0, 0, 0, .2); 
}
.footer-logo-div, .footer-logo {
	width: 220px; 
	display: flex; justify-content: flex-start; align-items: center; 
}
.footer-logo img { width: min(100%, 78vw, 220px); object-fit: contain; object-position: 0% 50%; }
.foot-soc {
	display: flex; flex-grow: 1; flex-wrap: wrap; justify-content: space-evenly; align-items: center; 
	column-gap: 24px; row-gap: 12px;  
}

.foot-bottom {
	z-index: 1; width: 100%; padding-top: 32px; padding-bottom: 32px; background: #323232; 
	flex-wrap: wrap; justify-content: flex-start; 
}
.foot-nav {
	display: flex; flex-grow: 1; flex-wrap: wrap; justify-content: flex-start; align-items: center; 
	column-gap: 2%; row-gap: 10px; 
}
.foot-nav a {
	position: relative; padding: 12px 20px; color: #e0e0e0; background: #323232; 
	font-family: 'tgn-soft-round', sans-serif; font-size: 17px; font-weight: 700; 
	text-align: center; letter-spacing: .25px; 
	display: flex; justify-content: center; align-items: center; 
	transition: .35s ease all; 
}
.foot-nav a:hover { color: #fff; background: #8e1a24; }

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.inv-foot-spacer { width: 100%; height: 80px; background: #323232; }

.invpage-container {
	position: relative; width: 100%; background: #eee; 
	background-image: url('/siteart/hero1.jpg'); 
	background-size: cover; background-position: center; background-repeat: no-repeat; 
	background-attachment: fixed; 
	display: flex; flex-direction: column; align-items: center; 
}

.invpage-container .inv-search-sect { margin: 40px auto 12px auto; background: rgba(255, 255, 255, .85); }
.invpage-container .inv-search-sect .title { text-shadow: 0 0 16px #fff; }

/*---------- RESPONSIVE STYLES ----------*/

@media only screen and (max-width: 1500px) {
	.title { font-size: 36px; }
	
	.techs-topheader { padding: 0; }
	
	.mission { padding-top: 60px; padding-bottom: 60px; }
	
	.hero { padding-left: 3%; padding-right: 3%; column-gap: 80px; }
}

@media only screen and (max-width: 1450px) {
	.foot-top { column-gap: 12%; }
}

@media only screen and (max-width: 1400px) {
	.techs-topheader a.listed:not(.is-phone) { font-size: 15px; }
	.techs-topheader a.listed:not(.is-phone) i { font-size: 14px; }
	
	.foot-nav { column-gap: 1%; }
	.foot-nav a { font-size: 16px; font-weight: 500; }
}

@media only screen and (max-width: 1380px) {
	.mission .content-sect { width: 60%; }
	.mission .missionimg { width: 40%; }
}

@media only screen and (max-width: 1350px) {
	.hero-slider, .hero > img { height: 550px; }
	
	.inv-search-sect { padding-left: 60px; padding-right: 60px; }
}

@media only screen and (max-width: 1300px) {
	.title { font-size: 32px; }
		
	.hero { column-gap: 60px; }
	
	.inv-search-sect { width: 88%; padding-left: 50px; padding-right: 50px; }
	
	.inv-btn { min-height: 280px; }
	.inv-btn .title { font-size: 28px; }
	
	.form-div { padding-left: 50px; padding-right: 50px; }
}

@media only screen and (max-width: 1280px) {
	.mission { padding-left: 3.5%; padding-right: 3.5%; column-gap: 70px; }
	.mission .content-sect { width: 58%; }
	.mission .missionimg { width: 42%; }
	.fancy-mission:before { width: 37%; }
	
	.foot-top, .foot-bottom { padding-left: 3%; padding-right: 3%; }
	.foot-top { column-gap: 80px; }
}

@media only screen and (max-width: 1250px) {	
	.inv-btns-sect { padding: 60px 2.5%; }
}

@media only screen and (max-width: 1200px) {
	.hide1200 { display: none!important; }
	
	.inv-btn { width: calc(33.333333% - 12px); margin: 6px; min-height: 260px; }
}

@media only screen and (max-width: 1180px) {
	.mission { column-gap: 60px; }
	.fancy-mission:before { width: 35%; }
	
	.inv-btn .subtitle { font-size: 19px; }
	.inv-btn .title { font-size: 25px; }
	
	.foot-top { justify-content: center; column-gap: 10%; padding-top: 36px; padding-bottom: 36px; }
	.foot-soc { flex-grow: 0; flex-direction: column; align-items: flex-start; }
	.foot-nav { justify-content: center; }
}

@media only screen and (max-width: 1150px) {
	.hero { flex-direction: column; }
	.hero-overlay { width: 100%; align-items: center; }
	.hero-overlay .title { text-align: center; }
	.hero-overlay .is-inv-btns-horiz { justify-content: center; width: min(100%, 800px); }
	.hero-slider, .hero > img { width: 100%; height: 500px; }
	
	.inv-search-sect { width: 94%; padding-left: 36px; padding-right: 36px; }
	
	.form-div { width: 94%; padding-left: 5%; padding-right: 5%; }
}

@media only screen and (max-width: 1120px) {
	#location { flex-direction: column-reverse; }
	#location .map-div, #location .content-sect { width: 100%; }
	#location .map-div iframe { min-height: 350px; }
	.contact-inf { width: 100%; flex-direction: row; flex-wrap: wrap; }
	.contact-inf .titled-listed { flex-grow: 1; }
}

@media only screen and (max-width: 1080px) {
	.inv-btn { width: calc(50% - 12px); min-height: 240px; }
}

@media only screen and (max-width: 1050px) {
	.title { font-size: 28px; }
	
	.aboutpage.fancy-mission { flex-direction: column-reverse; }
	.aboutpage.fancy-mission:before { width: 100%; height: 380px; }
	.aboutpage.fancy-mission .missionimg, .aboutpage.fancy-mission .content-sect { width: 100%; }
}

@media only screen and (max-width: 1000px) {
	.foot-logo-div, .footer-logo { width: min(100%, 200px); }
}

@media only screen and (max-width: 980px) {
	form.techs-form .smcol { width: calc(100% - 2px); }
	
	.inv-search-sect form.techs-form .search-fields select { width: calc(50% - 14px); }
	.inv-search-sect form.techs-form .search-fields input { width: 100%; }
}

@media only screen and (max-width: 960px) {
	.mission { flex-direction: column; }
	.mission .content-sect, .mission .missionimg { width: 100%; }
	.missionimg.missionimg-contain img { object-position: 100% 50%; }
	.fancy-mission { flex-direction: column-reverse; }
	.fancy-mission:before { width: 100%; height: 380px; }
	.fancy-mission .missionimg-contain, .fancy-mission .missionimg-contain img { height: 380px; }
}

/* switch to mobile nav */
@media only screen and (max-width: 900px) {
	.header-logo-div, .header-logo { width: min(100%, 200px); }
	
	.foot-top { justify-content: space-around; column-gap: 0; }
	.foot-bottom { flex-direction: column; align-items: center; }
	.foot-nav { width: min(100%, 680px); column-gap: 1.5%; row-gap: 6px; }
	.foot-nav a { min-height: 50px; padding-left: 24px; padding-right: 24px; }
}

@media only screen and (max-width: 890px) {
	.contact-inf { flex-direction: column; }
	.contact-inf .titled-listed { flex-grow: 0; }
}

@media only screen and (max-width: 850px) {
	.inv-btn { min-height: 220px; }
}

@media only screen and (max-width: 800px) {
	.techs-topheader { justify-content: space-evenly; }
	.topheader-left, .topheader-right { width: unset; }
	.topheader-mid { display: none!important; }
	
	.lg-standalone-img { padding-left: 1.5%; padding-right: 1.5%; }
}

@media only screen and (max-width: 750px) {
	.missionimg.missionimg-contain img { object-position: center; }
	.fancy-mission .missionimg:not(.missionimg-contain) { min-height: 380px; }
	
	.hero-slider, .hero > img { height: 450px; }
	
	.inv-search-sect { padding-left: 24px; padding-right: 24px; }
	
	.inv-btn { min-height: 200px; }
}

@media only screen and (max-width: 700px) {
	.foot-top { flex-direction: column; padding-top: 42px; padding-bottom: 42px; }
}

@media only screen and (max-width: 650px) {
	.inv-btn { width: calc(50% - 10px); margin: 5px; min-height: 180px; }
}

@media only screen and (max-width: 620px) {
	.aboutpage.fancy-mission:before { height: 340px; }
	.aboutpage.fancy-mission .missionimg:not(.missionimg-contain) { min-height: 340px; }
}

@media only screen and (max-width: 600px) {
	.fancy-mission:before { height: 320px; }
	.fancy-mission .missionimg-contain, .fancy-mission .missionimg-contain img { height: 320px; }
}

@media only screen and (max-width: 580px) {
	.inv-btn { width: 100%; min-height: 170px; }
}

@media only screen and (max-width: 550px) {
	/*.hero { padding-top: 80px; row-gap: 80px; }*/
	
	.inv-search-sect form.techs-form .search-fields input, .inv-search-sect form.techs-form .search-fields select { width: 100%; }
}

@media only screen and (max-width: 500px) {
	.topheader-right { display: none!important; }
	
	.foot-nav { flex-direction: column; }
}

@media only screen and (max-width: 480px) {
	.btnclass { width: 100%; margin-left: auto; margin-right: auto; }
	
	.inv-search-sect, .form-div { padding-left: 3%; padding-right: 3%; }
	
	form.techs-form .btnclass { width: calc(100% - 12px); }
}

@media only screen and (max-width: 400px) {
	.hero-slider, .hero > img { height: 400px; }
	
	.inv-btn { min-height: 160px; }
}

@media only screen and (max-width: 220px) {
	.techs-topheader { display: none!important; }
}






