:root {
	--blue:#262250;
	--blue-light:#1e2883;
	--green:#63ff00;
}


* { box-sizing:border-box; }
html,body { overflow-x:hidden;width:100%;margin:0;padding:0;font-family: "proxima-nova", sans-serif;font-weight: 400;color:var(--blue); }

.pos-rel { position:relative; }

h1,h2,h3,h4,h5,h6, .hero-text { text-transform:uppercase;font-family: "proxima-nova-extra-condensed", sans-serif;font-weight: 900;font-style:italic; }
h1 { font-size:41pt;margin-bottom:-50px;margin-top:0px;line-height:38pt; }
h2 { font-size:50pt;color:var(--green);line-height:40pt;margin-bottom:30px; }
h3 { font-size:30pt;color:var(--blue-light);line-height:28pt;margin-bottom:-15px; }
p { font-size:18pt;text-wrap:pretty;line-height:22pt; }
p.small { font-size:16pt; }
p small { font-size:14pt;line-height:initial; }


.survey { background:var(--green);color:var(--blue);padding:5px 15px;text-align:center; }
.survey p { font-size:18px; }
.survey a { background:var(--blue);color:#fff;padding:2px 10px;display:inline-block;margin:0 10px; }
.survey a:hover { text-decoration:none;color:var(--blue);background:#fff; }



.legal :where(h1,h2,h3,h4,h5,h6) { line-height:initial;font-size:18pt;color:var(--blue);font-family:"proxima-nova";font-style:normal; }
.legal h1 { font-size:24pt; }
.legal p { font-size:14pt;line-height:auto; }
.legal a { color:var(--blue);text-decoration:underline; }
.legal a:hover { color:var(--blue);opacity:0.6; }
.legal h2 { margin-bottom:-10px; }
.legal h3 { font-size:20pt; }

a { color:var(--green);text-decoration:none; }
a:hover { color:#fff;text-decoration:underline; }

.bg-blue { background:var(--blue);color:#fff; }
.text-white { color:#fff; }
.text-green { color:var(--green); }
.text-blue-light { color:var(--blue-light); }

nav { height:70px;background:var(--blue);position:relative;z-index:2; }
nav .logo { position:absolute;top:15px;left:15px;height:40px;width:auto; }


.hero { width:100%;position:relative;height:100vh;max-height:690px;background:url("/img/hero.jpg") no-repeat;background-size:cover;background-position:center 30%; }
nav::before, .hero::after { background:url("/img/arc.svg") no-repeat center top;content:"";display:block;position:absolute;width:1440px;height:20px;background-size:cover;background-position:center top;top:calc(100% - 1px);left:50%;transform:translateX(-50%); }
.hero::after { bottom:-1px;top:auto;transform:rotate(180deg) translateX(50%); }
.hero img { width:100%;height:100%;object-fit:cover;object-position:center 30%; }
.hero-text{ padding:0 30px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;text-align:center;font-size:30pt;line-height:32pt; }

.container { width:100%;margin:0 auto;max-width:890px;padding:35px 15px 15px; }
.big-container { width:100%;margin:0 auto;max-width:1440px; }
.text-center { text-align:center; }
.intro { padding-bottom:45px;padding-top:65px }
.youtube { margin-top:50px;margin-bottom:55px; }
.youtube iframe { width:100%;aspect-ratio:16/9; }


footer { position:relative;margin-top:20px;padding-bottom:40px; }

footer .container { padding-top:30px;padding-bottom:60px; }
footer h3 { margin-top:0px; }
footer::before { background:url("/img/arc.svg") no-repeat center top;content:"";display:block;position:absolute;width:1440px;height:20px;background-size:cover;background-position:center top;top:-19px;left:50%;transform:rotate(180deg) translateX(50%); }
.footer-bottom-links { margin-top:130px;position:relative; }

.footer-logo { height:60px;width:auto;margin-bottom:0px;position:absolute;bottom:50px;right:15px; }
.apex-logo { position:absolute;bottom:30px;right:200px;height:100px; }


table { width:100%;text-align:left; }

.cookie-banner {
	transition:bottom  0.6s ease-in-out;
  position: fixed;
  bottom: 0px;
  left:0;
  width:100%;
  padding: 15px 30px;
  justify-content: space-between;
  background-color: var(--blue);
  color:#fff;
  border-top:2px solid var(--green);
  border-bottom:none;
  border-left:none;
  text-align:center;
  font-size:14pt;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}
.close {
  color: var(--blue);
  background:var(--green);
  display:inline-block;
  font-weight:bold;
  font-size:1.1rem;
  margin-left:10px;
  margin-top:5px;margin-bottom:5px;
  padding:5px 10px;
}
.close:hover{
	background:#fff;
	color:var(--blue);
	text-decoration: none;
}




@media(max-width:768px){
	.hero { max-height:420px; }
	.hero::before { opacity:0.5;background:#000;content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%; }


	h1 { font-size:30pt;margin-bottom:-50px;line-height:38pt; }
	h2 { font-size:38pt;color:var(--green);line-height:40pt;margin-bottom:30px; }
	h3 { font-size:30pt;color:var(--blue-light);line-height:28pt;margin-bottom:-15px; }
	p { font-size:17pt;text-wrap:pretty;line-height:20pt; }
	p.small { font-size:15pt; }
	footer::before, nav::before, .hero::after { width:768px;height:11px; }
	footer::before { top:-11px; }


		.apex-logo { position:static;display:inline-block;margin:30px auto 0 0; }
		.footer-logo { position:static;display:inline-block;margin:30px auto 30px 15px;position:relative;top:10px;left:10px; }
		.logo-holder { display:block; }

nav .logo { height:35px; }


}



@media(max-width:560px){
	h1 { font-size:25pt;margin-bottom:-30px;line-height:30pt; }
	h2 { font-size:28pt;color:var(--green);line-height:30pt;margin-bottom:30px; }
	h3 { font-size:25pt;color:var(--blue-light);line-height:28pt;margin-bottom:-15px; }
	p { font-size:16pt;text-wrap:pretty;line-height:18pt; }
	p.small { font-size:15pt; }
	.footer-bottom-links { margin-top:40px; }


	footer::before, nav::before, .hero::after { width:560px;height:8px; }
	footer::before { top:-8px; }

	.hero { max-height:320px; }

}







@media(max-width:400px){
	h1 { font-size:19pt;margin-bottom:-25px;line-height:22pt; }
	h2 { font-size:24pt;color:var(--green);line-height:26pt;margin-bottom:30px; }
	h3 { font-size:22pt;color:var(--blue-light);line-height:24pt;margin-bottom:-10px; }
	p { font-size:16pt;text-wrap:pretty;line-height:18pt; }
	p.small { font-size:15pt; }
	.footer-bottom-links { margin-top:40px; }

	footer::before, nav::before, .hero::after { width:560px;height:8px; }
	footer::before { top:-8px; }


}