@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap');
@import url('hamburgers.css');

* { border:0px; list-style:none; margin:0px; padding:0px;outline:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url(boxsizing.htc); -webkit-appearance: none; -moz-appearance: none; appearance: none; }
* { transition: all 0.9s ease-in-out;  -webkit-transition: all 0.9s ease-in-out; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; -ms-transition: all 0.9s ease-in-out;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
html { font-size: 100%; }
body { margin: 0; background-color: #020e2d; color: #ffffff; font-family: "Roboto", sans-serif; font-weight:300; font-size:14px;  }
a { color:#FFF; text-decoration:none; }
a:hover, .selected { opacity:0.5; }
b { font-weight:700; }
h1, h2 { font-family: "Roboto", sans-serif; font-weight:900; }
h2 { font-size: 60px; margin-bottom: 60px; }
h2 span { font-size:20px; display:block; font-weight:normal; }
h2 sup { font-size: 25px; bottom: 10px; position: relative; }
h3 { font-size: 30px; margin-bottom: 30px; }
h4 { font-size: 22px; margin-bottom: 40px; font-weight:normal; }
form { display: inline-block; text-align: left; max-width: 500px; width: 100%; font-size: 14px; }
input, select, textarea { background-color: #9a9fab; font-family: "Roboto", sans-serif; font-size:14px; width: 100%; padding: 10px; margin-bottom: 10px; border: none; }
input[type="checkbox"], input[type="radio"] { width:20px; height:20px; background-color: #9a9fab; float:left; margin-right:10px; }
input[type="submit"] { padding: 10px 20px; border: none; background-color: #FFF; color:#000313; font-weight:bold; font-size: 14px; cursor: pointer; text-transform:uppercase; }
input:focus, textarea:focus { background-color: #FFF; }
figure { overflow:hidden; position:relative; }
a:hover figure.fade img { opacity:0.5; }
a:hover figure.scale img { filter: none; transform: scale(1.1); }
::-ms-input-placeholder { color: white; }
::placeholder { color: white; }
.scale { width:100%; height:auto; }
.mb20 { margin-bottom:20px; }
.msg { margin-bottom:40px; }
.msg.error { color: #d7916f; }
.msg.success { color: #8bd76f; }
.content-small { max-width: 800px; margin:0 auto; text-align:left;  }
.logo.fixed, .lang.fixed { position:fixed; }
.videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */	height: 0; }
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

header { position:fixed; top:0; left:0; right:0; z-index:222;   }
header nav { position:absolute; top:0px; left:0px; right:0; text-align:center; display:none; background-color: transparent; transition: background-color 0.5s ease; padding:110px 0 40px 0; }
header nav.active { background-color: #020e2d;  }
header nav ul { margin:0 auto; transition: opacity 0.3s ease;}
header nav li { display:inline-block; font-size:20px; position:relative; }
header nav li:before { content:" | "; padding: 0 10px; }
header nav li:first-child:before { content:""; }
header nav li li:before { content:""; padding: 0px; }

header nav ul ul { position:fixed; padding:10px 20px; background-color: #020e2d; display: none; z-index:222; }
header nav li li { display:block; white-space:nowrap; text-align:left; padding:10px 10px; }
nav ul li:hover > ul { display: block; }

header .lang { position:absolute; right:100px; top:35px; z-index:333;  }
header .lang li { display:inline-block; }
header .lang li:before { content:" | "; padding: 0 10px; }
header .lang li:first-child:before { content:""; }
.hamburger { position:absolute; right:20px; top:20px; }


.logo { width:150px; height:auto; position:fixed; z-index:2222; top:30px; left:60px; z-index:2; }
.hero { overflow:hidden; height: calc(100vh - 0px); position:relative; }
.hero h1 { font-size: 100px; line-height:100px; margin: 0; }
.hero .text { height: calc(100vh - 0px); width: 100%; text-align: center; align-content: center; position:absolute; z-index:22; }
.hero  video { object-fit: fill; position:absolute; z-index:11; top:0; bottom:0; right:0; width:100%; min-width: 100%; height:auto; overflow:hidden;  }

	
.find { font-size: 18px; margin: 20px 0; color: #ffffff;  text-transform:uppercase; position:absolute; bottom:40px; text-align: center; right:0; left:0; }
.find i { display:block; font-size:52px; }

.section { padding: 50px 20px; text-align: center; margin:0 auto; font-size:18px; }

.grid-container { display: grid; grid-template-columns: 1fr 1fr; gap:20px; max-width: 800px; margin: 0 auto;  }
.grid-item-1 { width:80%; margin: 0 0 20px auto; }
.grid-item-2 { width:90%; margin-top:100px; margin-bottom:20px; }
.grid-item-3 { width:100%; margin-bottom:20px; }
.grid-item-4 { width:100%; margin-bottom:20px; }
.grid-item i { font-size: 30px; margin-left:10px; }
.grid-item p { display: flex; align-items: center; }
.grid-item .icon { height:25px; width:auto; margin: 5px 10px; }
.grid-2 { display: grid; grid-template-columns: 1fr 1fr; }
.grid-1-3 { display: grid; grid-template-columns: 1fr 3fr; }
.grid-3-1 { display: grid; grid-template-columns: 3fr 1fr; }
.gap5 { gap:5px; }
.gap20 { gap:20px; }

.address { text-align:left; font-size:13px; margin-top:40px; }
.story-item { display: inline-block; padding: 10px; vertical-align: top; text-align: left; font-size:18px; opacity:0.3; width: 390px;  }
.story-item img { margin-bottom:5px; }
.slick-center { opacity: 1; }

.slick-next { right:40%; top: 120%; }
.slick-prev { left:40%; top: 120%; }
.slick-prev::before, .slick-next::before { color:#FFFFFF; font-size:50px; }

ul.social { margin:0 auto 20px auto; }
ul.social li { display:inline-block; margin: 0 2px; }
ul.social li i { width:30px; height:30px; background:#FFF; border-radius:50px; color:#000313; padding-top:5px; font-size:20px; }
ul.social-2 { margin:10px auto; }
ul.social-2 li { display:inline-block; margin: 0 2px; text-align:center; }
ul.social-2 li i { width:20px; height:20px; background:#FFF; border-radius:50px; color:#000313; padding-top:4px; font-size:13px; }

.footer { background-color: #000313; padding: 60px 0; text-align: center; }
.footer p { margin: 5px 0; }
.footer .copy { margin-top:20px; opacity:0.5; }


.checkbox_container { min-height:30px; position: relative; padding: 0 0 0 35px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
label.checkbox_container { font-weight: normal; padding: 0 0 0 35px; }
.checkbox_container input:checked ~ .checkmark:after { display: block; }
.checkbox_container .checkmark:after { left: 8px; top: 4px; width: 3px; height: 8px; border: solid #020e2d; border-width: 0 2px 2px 0;  -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);  transform: rotate(45deg); }
.checkbox_container input { position: absolute; left: 0; top: 0; }
.checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; }
.checkmark:after { content: ""; position: absolute; display: none; }

.faq h2 { text-align:center; }
.faq h3 { margin-bottom:5px; margin-top:40px; font-size:24px;}
.faq h3:first-child { margin-top:0; }