﻿/***** 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; }

/*--- HEADER STYLES ---------------------*/
header {  }

.champ-header {
	position: relative; z-index: 1004; width: 100%; 
	display: flex; flex-direction: column; 
}
.champ-header-top {
	position: relative; width: 100%; background: #fff; 
	padding: 16px max(32px, calc(50% - 1000px)); 
	display: flex; flex-direction: row; justify-content: space-between; align-items: center; 
}
.header-logo-div { 
	position: relative; 
	display: flex; justify-content: flex-start; align-items: center; 
}
.header-logo {
	position: relative; 
	display: flex; justify-content: flex-start; align-items: center;
}
.header-logo-div, .header-logo, .header-logo img { width: 240px; }
.header-logo img { height: auto; object-fit: contain; object-position: center; }
.champ-header-soc {
	position: relative; 
	display: flex; justify-content: flex-end; align-items: center; column-gap: clamp(32px, 3.5vw, 70px);
}
.champ-header-soc .listed i { width: 42px!important; height: 42px!important; }
.champ-header-soc .listed .listed-content { font-size: 16px!important; }
.champ-header-soc .listed .is-phone { font-size: 22px!important; }
.nav-div {
	position: relative; width: 100%; height: 54px; background: #00135e; padding: 0 max(16px, calc(50% - 980px)); 
	display: flex; justify-content: space-between; align-items: stretch; 
}
.nav-div .sm-icon-link { color: #fff!important; }
.nav-div a.sm-icon-link:hover { color: #fff!important; background: #ac2733; }

/* Site Colors: 
	
	--> Red: #ac2733;  <--
	--> Blue: #001d91;  <--
	
	Light (hover) Red: #d13340; 
	Dark Red: #811d26; 
	Lightest (invisilink hover) Blue: #5c7cff; 
	Light (btn hover) Blue: #0027c2; 
	Dark Blue: #00135e; 
	Light Gray: #e7e7e7; 
	Not-Black: #191919; 
*/
/*---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: #001d91!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: 'adelle-sans', sans-serif; font-size: 16px; 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: 'apotek', sans-serif; letter-spacing: 1px; 
}

.title {
	font-size: 40px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: #000; 
}
.title.title-sm { font-size: 30px; }
.title.title-xl { font-size: 70px; line-height: 1.05; }
.title.title-mega { font-size: 95px; line-height: 1.05; }

.subtitle {
	font-size: 32px; font-weight: 400; letter-spacing: 1.3px; text-transform: uppercase; color: #001d91; 
}

.multi-title { 
	display: flex; flex-direction: column; align-items: flex-start; 
}
.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; }

/* buttons / links / <a> / ctas */
.btnclass {
	position: relative; padding: 12px 34px; 
	background: #001d91; color: #fff!important; border-radius: 24px; 
	display: flex; justify-content: center; align-items: center; 
	font-size: 19px; font-weight: 400; letter-spacing: 1px; 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: 20px; font-weight: 900!important; 
	transition: .3s ease all; 
}
.btnclass.btn-red { background: #ac2733; color: #fff!important; }
.btnclass:hover { background: #0027c2; color: #fff!important; padding-left: 29px; padding-right: 29px; }
.btnclass:hover:after { margin-left: 26px; }
.btnclass.btn-red:hover { background: #d13340; color: #fff!important; }

.listed {
	position: relative; 
	display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; column-gap: 16px; row-gap: 12px; 
	font-family: 'apotek', 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: #ac2733; 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; }
.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: #001d91!important; }
a.listed:hover i { background: #001d91; }

.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; }

.sm-icon-link {
	position: relative; min-width: 50px; min-height: 50px; 
	display: flex; justify-content: center; align-items: center; 
	font-size: 18px; text-align: center; color: #ac2733!important; 
	transition: .25s ease all; 
}
a.sm-icon-link:hover { color: #001d91!important; }

/* 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; }

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: 80px max(4%, calc(50% - 980px)) 160px max(4%, calc(50% - 980px)); 
	background: #000; background-image: url('/siteart/hero1.jpg'); 
	background-size: cover; background-position: 60% 38%; background-repeat: no-repeat; 
	display: flex; flex-direction: row; justify-content: flex-start; align-items: center; 
}
.hero:after, .subhero:after {
	position: absolute; z-index: 2; content: ""; top: 0; left: 0; width: 75%; height: 100%; 
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.61) 0%, rgba(0, 0, 0, 0.44) 45%, rgba(0, 0, 0, 0.19) 65%, rgba(0, 0, 0, 0.02) 100%); 
}
.hero img {}
.hero-overlay {
	position: relative; z-index: 3; 
}
.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-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); }

.searchbox { 
	position: relative; 
	display: flex; flex-direction: row; justify-content: space-between; align-items: center; 
	column-gap: 80px; row-gap: 16px; 
}
.searchbox.floating-between {
	z-index: 5; width: min(1400px, 92%); height: 110px; margin: -55px auto; padding: 20px 32px;
	background: #e7e7e7; border-radius: 25px; box-shadow: 0 2px 12px rgba(0, 0, 0, .25); 
}
.searchbox select, .searchbox option, .searchbox input { text-transform: uppercase; }
.searchbox form.champ-form {
	position: relative; flex-grow: 1; filter: drop-shadow(0 2px 6px rgba(0, 0, 0, .2)); 
	display: flex; flex-direction: row; align-items: stretch; 
	column-gap: 0; row-gap: 6px; 
}
.searchbox form.champ-form .hvr-uline-input { flex-grow: 1; }
.hvr-uline-input {
	position: relative; 
	display: flex; flex-direction: column; align-items: stretch; 
}
.hvr-uline-input span {
	position: absolute; z-index: 3; bottom: 0; left: 0; right: -1px; height: 2px; 
	background-color: #001d91; transform-origin: bottom right; transform: scaleX(0); 
	pointer-events: none; 
	transition: transform 0.5s ease;
}
.searchbox form.champ-form select, .searchbox form.champ-form input {
	position: relative; z-index: 2; height: 54px; flex-grow: 1; 
	padding: 8px 24px; box-sizing: border-box; 
	border: none; border-bottom: 2px solid #fff; outline: none; border-radius: 0; 
	font-size: 18px; font-weight: 300; 
	transition: .25s ease all; 
}
.searchbox form.champ-form select.is-first-child { 
	border-top-left-radius: 25px; border-bottom-left-radius: 25px; 
}
.searchbox form.champ-form input[type="text"] { 
	padding-right: 40px; 
}
.searchbox form.champ-form button[type="submit"] {
	position: relative; z-index: 3; width: 120px; margin-left: -40px; border-radius: 25px; 
	background: #001d91; color: rgba(255, 255, 255, 0); font-size: 0px; 
	border: none; outline: none; 
	box-shadow: 0 2px 20px rgba(0, 0, 0, .2); cursor: pointer; 
	transition: .3s ease all; 
}
.searchbox form.champ-form button[type="submit"] i {
	position: relative; z-index: 2; 
	font-family: 'Font Awesome 6 Free', icon!important; font-size: 20px!important; font-weight: 900!important; 
	text-align: center; color: #fff!important; 
	transition: .3s ease all; 
}
.searchbox form.champ-form button[type="submit"]:hover { background: #0027c2; }

.lg-inv-btns-sect {
	position: relative; z-index: 2; width: 100%; height: min(calc(33.333333vw + 80px), 520px); 
	padding: 0 max(0px, calc(50% - 1200px)); background: #fff; 
	display: flex; flex-direction: row; align-items: stretch; 
}
.inv-btn-lg {
	position: relative; width: 33.333333%; 
	padding: 55px 40px 0 40px; background: #fff; 
	display: flex; justify-content: center; align-items: center; 
	transition: .3s ease all; 
}
.inv-btn-lg img { opacity: .75; transition: .2s ease all; }
.redboxed {
	position: relative; z-index: 4; 
	background: #ac2733; padding: 16px 24px; 
	border-radius: 10px; box-shadow: 0 4px 20px rgba(0, 0, 0, .2); 
	display: flex; flex-direction: column; align-items: center; justify-content: center; 
	transition: .4s ease all; 
}
.redboxed:before {
	position: absolute; content: ""; pointer-events: none; top: -4px; left: -4px; 
	width: calc(100% + 8px); height: calc(100% + 8px); 
	background: transparent; box-shadow: 0 4px 20px rgba(0, 0, 0, .2); 
	border: 2px solid #ac2733; border-radius: 10px; 
	transform-origin: center; transform: scale(1); 
	transition: .4s ease all; 
}
.redboxed span { text-align: center; }
.redboxed .subtitle { font-size: 26px; color: #ddd; }
.redboxed .title { font-size: 32px; color: #fff; transition: .25s ease all; }

a.inv-btn-lg:hover { width: 38%; transition: .4s ease all; }
a.inv-btn-lg:hover img { opacity: 1; transition: .4s ease all; }
a.inv-btn-lg:hover .redboxed { background: #001d91; }
a.inv-btn-lg:hover .redboxed:before {
	border-color: #001d91; 
	transition: all 0.5s ease-in-out; transform-origin: center; transform: scale(1.5); opacity: 0; 
}

.team-sect {
	position: relative; width: 100%; padding: 40px max(4%, calc(50% - 900px)); row-gap: 32px; 
}
.team-holder {
	position: relative; width: 100%; 
	display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-start; align-items: flex-start; 
	column-gap: 5%; row-gap: 40px; 
}
.is-team {
	position: relative; width: 47.5%; 
	display: flex; flex-direction: column; align-items: center; justify-content: flex-start; row-gap: 16px; 
}
.team-img-card {
	position: relative; width: 100%; 
	display: flex; flex-direction: row; justify-content: center; align-items: flex-end; 
	column-gap: 32px; row-gap: 16px; 
}
.team-img-card img {
	position: relative; width: 160px; height: 160px; 
	object-fit: contain; object-position: center; 
}
.team-img-card .multi-title { align-items: flex-start; }
.team-img-card .title, .team-img-card .subtitle { text-align: left; }
.team-img-card .title { font-size: 23px; }
.team-img-card .subtitle { font-size: 21px; }
.is-team .is-descr { 
	width: min(100%, 650px); font-size: 15px; text-align: center; margin-bottom: 8px; 
}

.sm-inv-btns-sect {
	position: relative; width: 100%; 
	background: #191919; padding: 60px max(4%, calc(50% - 900px)); 
	display: flex; flex-direction: column; align-items: center; row-gap: 40px; 
}
.sm-inv-btns-sect .sb-sect .content-sect { width: calc(100% - 350px); }
.sm-inv-btns-sect .sb-sect .content-sect .title, .sm-inv-btns-sect .sb-sect .content-sect p { color: #fff; }
.sm-inv-btns-holder {
	position: relative; width: 100%; padding: 0 40px; 
	display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; 
	column-gap: 9px; row-gap: 9px; 
}
.inv-btn-sm {
	position: relative; width: calc(33.333333% - 6px); padding: 20px; 
	background: #ac2733; border-radius: 6px; box-shadow: 0 2px 8px rgba(0, 0, 0, .2); 
	display: flex; flex-direction: column; align-items: center; 
	transition: .2s ease all; 
}
.inv-btn-sm .subtitle, .inv-btn-sm .title { 
	position: relative; 
	display: flex; justify-content: center; align-items: center; 
}
.inv-btn-sm .subtitle { 
	font-size: 22px; font-weight: 100; color: #ddd; letter-spacing: 1px; text-align: center; 
}
.inv-btn-sm .title { 
	font-size: 25px; font-weight: 700!important; color: #fff; letter-spacing: 1px; text-align: left; transition: .2s ease all; 
}
.inv-btn-sm .title:after {
	position: relative; content: "\f178"; margin-left: -20px; width: 20px; opacity: 0; 
	font-family: 'Font Awesome 6 Free', icon; font-size: 20px; font-weight: 900!important; 
	transition: .2s ease all; 
}

a.inv-btn-sm.bg-blue {  flex-grow: 1; }

a.inv-btn-sm:hover { background: #d13340; transition: .3s ease all; }
a.inv-btn-sm:hover .title:after { margin-left: 16px; opacity: 1; transition: .3s ease all; }
a.inv-btn-sm.bg-blue:hover { background: #0027c2; }

/* subpages */
.subpage { 
	width: 100%; position: relative; 
	display: flex; flex-direction: column; align-items: center; 
}

.subhero { padding-top: 50px!important; padding-bottom: 50px!important; }

/* contact-us.htm */
.contactpage {}

.contactpage .mission { row-gap: 0; }
.contactpage .mission > .content-sect { width: unset!important; padding: 24px 5% 24px 0; }

/* financing.htm */
.financingpage {}

.is-fin { 
	position: relative; width: min(100%, 1200px); margin: 0 auto;  
	display: flex; flex-direction: column; align-items: center; row-gap: 24px; 
}

.blocked-paramount { width: 100%; padding: 8px 24px; background: #f4ae2f; color: #000; text-align: left; }

.sb-sect.paramount .not-fin-logo-div { width: calc(95% - 400px); }

.ul-checked {
	position: relative; list-style: none; padding-left: 12px; 
	display: flex; flex-direction: column; align-items: flex-start; 
}
.ul-checked li { 
	position: relative; list-style: none; min-height: 42px; padding: 6px 0 6px 36px; 
	display: flex; justify-content: flex-start; align-items: center; 
	font-size: 19px!important; font-weight: 600; text-transform: uppercase; text-align: left!important; 
}
.ul-checked li:before { 
	position: absolute; top: 50%; transform: translateY(-50%); left: 4px; width: 24px; height: 24px; 
	content: url('/siteart/icon-paramount-check.png'); object-fit: contain; object-position: center; 
}

.content-img { width: min(300px, 100%); height: auto; object-fit: contain; object-position: center; }

/* location.htm */
.locationpage {}

.largest-map { 
	position: relative; width: 100%; 
	display: flex; justify-content: center; align-items: center; 
}

.horiz-soc-sect { padding: 24px 0; row-gap: 24px; }
.hss-l-holder { 
	position: relative; width: calc(50% - 18px); 
	display: flex; justify-content: center; align-items: center; 
}
.hss-l-holder .listed { width: 350px; }

/* rentals.htm */
.rentalpage {}

/* 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)); }

.margt-sm { margin-top: 16px; }
.margb-med { margin-bottom: 60px; }
.margb-sm { margin-bottom: 16px; }

.width100 { width: 100%; }

.inv-btn-sm.bg-blue, .bg-blue { background: #001d91; }

.bg-topographic {
	position: relative; background: #fff; 
	background-image: url('/siteart/bg-topographic.jpg'); 
	background-size: cover; background-position: center; background-repeat: no-repeat; 
}
.bg-topographic:before {
	position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; 
	background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 3%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 1) 97%, rgba(255, 255, 255, 1) 100%); 
}
.bg-topographic > * { position: relative; z-index: 3; }

/* 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 {  }

.champ-footer {
	position: relative; width: 100%; 
	display: flex; flex-direction: column; 
}
.champ-footer, .foot-top, .foot-nav { position: relative; width: 100%; }
.foot-top, .foot-nav,.foot-soc-media {
	display: flex; flex-direction: row; 
}
.foot-top {
	background: #e7e7e7; padding: 50px max(6.5%, calc(50% - 800px)); 
	justify-content: space-between; align-items: center; row-gap: 24px; 
}
.foot-col {
	position: relative; width: 33%; 
	display: flex; flex-direction: column; justify-content: center; row-gap: 24px; 
}
.foot-soc {}
.foot-soc-left { align-items: flex-start; }
.foot-soc-right { align-items: flex-end; }
.foot-logo-col { align-items: center; }
.foot-logo { 
	position: relative; 
	display: flex; justify-content: center; align-items: center; 
}
.foot-logo, .foot-logo img { width: 260px; }
.foot-logo img { 
	height: auto; object-fit: contain; object-position: center; 
}
.foot-soc-media {
	justify-content: center; align-items: center; column-gap: 8px; row-gap: 8px; 
}
.foot-nav {
	background: #00135e; padding: 0 max(2.5%, calc(50% - 800px)); 
	flex-wrap: wrap; justify-content: center; align-items: center; 
}
.foot-nav a {
	position: relative; min-height: 60px; padding: 12px 24px; background: rgba(0, 0, 0, 0); 
	display: flex; justify-content: center; align-items: center; 
	font-family: 'apotek', sans-serif; font-size: 18px; font-weight: 400; 
	text-transform: uppercase; text-align: center; letter-spacing: 1px; color: #fff!important; 
	transition: .3s ease all; 
}
.foot-nav a:hover { background: rgba(0, 0, 0, .2); color: #fff!important; }

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.inv-foot-spacer { display: none; width: 100%; height: 0px; background: #00135e; }
.invpage .inv-foot-spacer { display: block; width: 100%; height: 100px; background: #00135e; }

/*---------- RESPONSIVE STYLES ----------*/

@media only screen and (min-width: 2001px) {	/* MIND THE MIN-WIDTH */
	.hero:after { width: 100%; background: linear-gradient(90deg, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.19) calc(50% - 1200px), rgba(0, 0, 0, 0.61) calc(50% - 900px), rgba(0, 0, 0, 0.44) 45%, rgba(0, 0, 0, 0.19) 65%, rgba(0, 0, 0, 0.02) 100%); }
}

@media only screen and (max-width: 1500px) {
	.hide1500 { display: none!important; }
}

@media only screen and (max-width: 1450px) {
	.title { font-size: 36px; }
	.title.title-sm { font-size: 28px; }
	.subtitle { font-size: 29px; }
}

@media only screen and (max-width: 1400px) {
	.searchbox { column-gap: 60px; }
	
	.foot-top { padding: 40px 4%; }
}

@media only screen and (max-width: 1350px) {
	.title.title-mega { font-size: 80px; }
	.title.title-xl { font-size: 60px; }
	
	.hero-overlay p { margin-top: 0; }
}

@media only screen and (max-width: 1300px) {
	.listed-content, ul.listed-hours li { font-size: 16px; }
	
	.hss-l-holder .listed { width: 320px; }
	
	.foot-top { padding: 40px 3%; }
	.foot-logo, .foot-logo img { width: 260px; }
}

@media only screen and (max-width: 1250px) {
	.title { font-size: 34px; }
	.title.title-sm { font-size: 26px; }
	.subtitle { font-size: 26px; }
	
	.searchbox { column-gap: 40px; }
}

@media only screen and (max-width: 1200px) {
	.team-img-card img { width: 130px; height: 130px; }
	
	.sm-inv-btns-holder { padding: 0 16px; }
	
	.contactpage .mission { justify-content: space-between; }
}

@media only screen and (max-width: 1180px) {
	.hide1180 { display: none!important; }
	
	.champ-header-soc { column-gap: 12px; }
	.is-header-phone { margin-right: 20px; }
	
	.searchbox.floating-between { width: 98%; padding-left: 2.5%; padding-right: 2.5%; }
}

@media only screen and (min-width: 1151px) {	/* MIND THE MIN-WIDTH */
	.contactpage .horiz-soc-sect { width: unset; flex-direction: column; align-items: flex-start; }
	.contactpage .horiz-soc-sect .hss-l-holder { width: 100%; justify-content: flex-start; }
}

@media only screen and (max-width: 1150px) {
	.hero { padding-top: 60px; padding-bottom: 120px; }
	
	.contactpage .mission { flex-direction: column; }
	.contactpage .mission > .content-sect { width: 100%; }
	.contactpage .mission > .content-sect .multi-title { width: 100%; align-items: center; }
	.contactpage .mission > .content-sect .multi-title .title, .contactpage .mission > .content-sect .multi-title .subtitle { text-align: center; }
}

@media only screen and (max-width: 1120px) {
	.listed { column-gap: 12px; }
	
	.foot-top { flex-wrap: wrap; }
	.foot-logo-col { order: 1; width: 100%; }
	.foot-soc { width: unset; }
	.foot-soc-left { order: 2; }
	.foot-soc-right { order: 3; }
}

@media only screen and (max-width: 1100px) {
	.team-holder { flex-direction: column; }
	.is-team { width: 100%; }
	
	.sm-inv-btns-holder { padding: 0; }
}

@media only screen and (max-width: 1080px) {
	.title.title-mega { font-size: 68px; }
	.title.title-xl { font-size: 56px; }
	
	.header-logo-div, .header-logo, .header-logo img { width: min(210px, 100%); }
	
	.hero { padding-top: 50px; padding-bottom: 130px; }
	
	.searchbox { flex-direction: column; }
	.searchbox.floating-between { height: 142px; margin: -71px auto; }
	.searchbox form.champ-form { width: 100%; }
	
	.inv-btn-lg { padding-top: 71px; }
	
	.mission { flex-direction: column; }
	.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: 300px!important; }
	
	.sb-sect.paramount { flex-direction: column; }
	.sb-sect.paramount .not-fin-logo-div { width: 100%; }
	
	.bg-topographic:before { background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 12px, rgba(255, 255, 255, 0) 50px, rgba(255, 255, 255, 0) calc(100% - 50px), rgba(255, 255, 255, 1) calc(100% - 12px), rgba(255, 255, 255, 1) 100%); }
}

@media only screen and (max-width: 1050px) {
	.lg-inv-btns-sect { height: 400px; }
	.redboxed { padding: 12px 20px; }
	.redboxed .subtitle { font-size: 22px; }
	.redboxed .title { font-size: 26px; }
}

@media only screen and (max-width: 980px) {
	.nav-div { padding: 0; }
	
	.sm-inv-btns-sect .sb-sect { flex-direction: column; align-items: flex-start; }
	.sm-inv-btns-sect .sb-sect .content-sect { width: 100%; }
}

/* switch to mobile nav */
@media only screen and (max-width: 950px) {
	.champ-header-top { padding: 16px 2%; }
	
	.inv-btn-sm { width: calc(50% - 5px); }
}

@media only screen and (max-width: 800px) {
	.title.title-mega { font-size: 60px; }
	.title.title-xl { font-size: 50px; }
	
	.hero { padding-bottom: 50px; }
	
	.searchbox.floating-between { width: 100%; height: unset; margin: 0; }
	.searchbox.floating-between .title { text-align: center!important; }
	.searchbox form.champ-form { flex-direction: column; width: min(100%, 600px); }
	.searchbox form.champ-form select, .searchbox form.champ-form input { border-radius: 25px!important; }
	.searchbox form.champ-form input[type="text"] { padding-right: 24px!important; }
	.searchbox form.champ-form .hvr-uline-input  span { left: 16px!important; right: 16px!important; }	
	.searchbox form.champ-form button[type="submit"] { width: 100%; height: 54px; margin-left: 0; }
	
	.lg-inv-btns-sect { flex-direction: column; height: unset; }
	.inv-btn-lg { height: 180px; padding: 20px 5%; }
	.inv-btn-lg, a.inv-btn-lg:hover { width: 100%; }
}

@media only screen and (max-width: 750px) {
	.hide750 { display: none!important; }
	
	.is-header-phone { margin-right: 0; }
	
	.inv-btn-lg { height: 150px; }
	
	.hss-l-holder { width: 100%; justify-content: flex-start; }
	.hss-l-holder .listed { width: unset; }
	
	.foot-top { flex-direction: column; }
	.foot-soc { width: min(100%, 314px); align-items: flex-start; }
	.foot-soc .listed.righty, .foot-soc .listed.righty ul.listed-hours li { justify-content: flex-start!important; text-align: left!important; }
	.foot-soc .listed.righty i { order: 0!important; }
	.foot-soc .listed.righty .listed-col, .foot-soc .listed.righty ul.listed-hours { align-items: flex-start!important; text-align: left!important; }
}

@media only screen and (max-width: 650px) {
	.sm-inv-btns-holder { row-gap: 5px; }
	.inv-btn-sm { width: 100%; padding: 16px; }
	.inv-btn-sm .title { text-align: center; }
	
	.subhero { justify-content: center; }
	.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; }
	
	.contactpage .mission { padding-left: 0; padding-right: 0; }
	.contactpage .mission > .content-sect { padding: 24px 5vw 24px 5vw; }
	
	.rentalpage .padlr-med { padding-left: 0; padding-right: 0; }
	.rentalpage .padlr-med > * { padding-left: 5vw; padding-right: 5vw; }
	
	.foot-nav { flex-direction: column; padding-top: 24px; padding-bottom: 80px; }
}

@media only screen and (max-width: 600px) {
	.title.title-mega { font-size: 56px; }
	.title.title-xl { font-size: 44px; }
	
	.foot-logo, .foot-logo img { width: min(100%, 220px); }
}

/* switch to full mobile header */
@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; }
	
	.champ-header-top { justify-content: center; }
	
	.inv-btn-lg { height: 140px; padding: 12px 5%; }
	
	.ul-checked { padding-left: 0; }
	.ul-checked li { font-size: 17px!important; }
}

@media only screen and (max-width: 400px) {
	.inv-btn-lg { height: 120px; }
	
	.team-img-card { flex-direction: column; align-items: center; }
	.team-img-card img, .team-img-card .multi-title { width: 100%; }
	.team-img-card .multi-title { align-items: center; }
	.team-img-card .multi-title .title, .team-img-card .multi-title .subtitle, .team-img-card .title, .team-img-card .subtitle, { text-align: center; }
}

@media only screen and (max-width: 380px) {
	.title.title-mega { font-size: 50px; }
	.title.title-xl { font-size: 32px; }
	
	.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 { flex-direction: column; align-items: flex-start; 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; }
}

@media only screen and (max-width: 300px) {
	.title.title-mega { font-size: 40px; }
}

@media only screen and (max-width: 250px) {
	.title.title-mega { font-size: 30px; }
}

@media only screen and (max-width: 150px) {
	.nav-div .sm-icon-link { display: none!important; }
}






