/* geologica-100 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Geologica';
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/geologica-v1-latin-100.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* geologica-300 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Geologica';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/geologica-v1-latin-300.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* line 70, ../sass/main.scss */
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 74, ../sass/main.scss */
body, html {
  margin: 0;
  padding: 0;
  height: 100%;
}

/* line 80, ../sass/main.scss */
body {
  position: relative;
  background-color: #0e0e0b;
  font-family: "Geologica", "sans-serif";
  font-weight: 400;
  font-size: 0;
  color: #000;
}

/* line 89, ../sass/main.scss */
.main {
  position: relative;
  opacity: 0;
}

/* line 94, ../sass/main.scss */
a {
  text-decoration: none;
  color: inherit;
}

/* line 99, ../sass/main.scss */
.youtube-video {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
}

/* line 105, ../sass/main.scss */
.youtube-video iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

/* line 113, ../sass/main.scss */
.outer {
  display: table;
  position: relative;
  height: 100%;
  width: 100%;
}

/* line 120, ../sass/main.scss */
.middle {
  display: table-cell;
  vertical-align: middle;
}

/* line 129, ../sass/main.scss */
.loader {
  position: fixed;
  width: 100%;
  height: 100%;
  text-align: center;
}
@media (max-width: 720px) and (orientation: landscape) {
  /* line 129, ../sass/main.scss */
  .loader {
    display: none;
  }
}
/* line 139, ../sass/main.scss */
.loader .loader-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* line 147, ../sass/main.scss */
.loader .hexagon {
  width: 3.66032vw;
  -moz-animation: hexagon-animation 6s linear 0s infinite;
  -webkit-animation: hexagon-animation 6s linear 0s infinite;
  animation: hexagon-animation 6s linear 0s infinite;
}
/* line 150, ../sass/main.scss */
.loader .hexagon svg {
  fill: #ffffff;
}
@-moz-keyframes hexagon-animation {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes hexagon-animation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes hexagon-animation {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* line 170, ../sass/main.scss */
.landscape-notice {
  display: none;
  height: 100vh;
  width: 100%;
  font-size: 16px;
  padding: 20px;
  align-items: center;
  text-align: center;
  justify-content: center;
}
@media (max-width: 720px) and (orientation: landscape) {
  /* line 170, ../sass/main.scss */
  .landscape-notice {
    display: flex;
  }
}

@media (max-width: 720px) and (orientation: landscape) {
  /* line 185, ../sass/main.scss */
  .main {
    display: none;
  }
}

/* line 191, ../sass/main.scss */
.main {
  height: 100%;
  min-height: 27.37921vw;
  display: flex;
}
@media (max-width: 1023px) {
  /* line 191, ../sass/main.scss */
  .main {
    flex-direction: column;
  }
}
@media (max-width: 479px) {
  /* line 191, ../sass/main.scss */
  .main {
    min-height: 160vw;
  }
}
/* line 204, ../sass/main.scss */
.main .video-container {
  position: relative;
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  flex-direction: column;
}
@media (max-width: 1023px) {
  /* line 204, ../sass/main.scss */
  .main .video-container {
    width: 100%;
    height: 50%;
    order: 2;
  }
}
/* line 218, ../sass/main.scss */
.main .video-container .video {
  position: absolute;
  height: 100%;
  width: 100%;
}
/* line 223, ../sass/main.scss */
.main .video-container .video video {
  position: absolute;
  height: 100%;
  left: 50%;
  top: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
/* line 232, ../sass/main.scss */
.main .video-container .social {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0.80527vw;
}
@media (max-width: 1023px) {
  /* line 232, ../sass/main.scss */
  .main .video-container .social {
    padding: 1.43229vw;
    right: 0;
    text-align: right;
  }
}
@media (max-width: 479px) {
  /* line 232, ../sass/main.scss */
  .main .video-container .social {
    padding: 2.93333vw;
  }
}
/* line 248, ../sass/main.scss */
.main .video-container .social img {
  height: 1.61054vw;
  width: auto;
  margin-right: 0.65886vw;
  -moz-transition: -moz-transform 0.25s;
  -o-transition: -o-transform 0.25s;
  -webkit-transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
}
/* line 254, ../sass/main.scss */
.main .video-container .social img:hover {
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
@media (max-width: 1023px) {
  /* line 248, ../sass/main.scss */
  .main .video-container .social img {
    height: 2.86458vw;
    margin-left: 1.30208vw;
    margin-right: 0;
  }
}
@media (max-width: 479px) {
  /* line 248, ../sass/main.scss */
  .main .video-container .social img {
    height: 5.86667vw;
    margin-left: 2.66667vw;
  }
}
/* line 271, ../sass/main.scss */
.main .video-container .content {
  position: relative;

}
/* line 274, ../sass/main.scss */
.main .video-container .content img {
  width: 31.33236vw;
  margin-bottom: 1.1713vw;
  height: auto;
}
@media (max-width: 1023px) {
  /* line 274, ../sass/main.scss */
  .main .video-container .content img {
    width: 52.08333vw;
    margin-bottom: 2.08333vw;
  }
}
@media (max-width: 479px) {
  /* line 274, ../sass/main.scss */
  .main .video-container .content img {
    width: 74.93333vw;
    margin-bottom: 4.26667vw;
  }
}
/* line 290, ../sass/main.scss */
.main .video-container .content .button {
  display: table;
  margin: auto;
  font-size: 1.11164vw;
  letter-spacing: 0.05558vw;
  padding: 0.65886vw 1.24451vw;
  border: 0.10395vw solid #ffffff;
  color: #ffffff;
  -moz-transition: border-color 0.25s;
  -o-transition: border-color 0.25s;
  -webkit-transition: border-color 0.25s;
  transition: border-color 0.25s;
  -moz-transition-property: border-color, color;
  -o-transition-property: border-color, color;
  -webkit-transition-property: border-color, color;
  transition-property: border-color, color;
}
@media (max-width: 1023px) {
  /* line 290, ../sass/main.scss */
  .main .video-container .content .button {
    font-size: 2.08333vw;
    letter-spacing: 0.10417vw;
    padding: 1.17188vw 2.21354vw;
    border: 0.1849vw solid #ffffff;

  }
}
@media (max-width: 479px) {
  /* line 290, ../sass/main.scss */
  .main .video-container .content .button {
    font-size: 3.73333vw;
    letter-spacing: 0.18667vw;
    padding: 2.4vw 4.53333vw;
    /*border: 0.37867vw solid #64748e;*/
  }
}
/* line 317, ../sass/main.scss */
.main .video-container .content:hover .button {
  	color: #fc9d05;
	border-color: #fc9d05;
}
/* line 290, ../sass/main.scss */
.main .video-container .content .text-button {
  display: table;
  margin: auto;
  font-size: 1.11164vw;
  letter-spacing: 0.05558vw;
  padding: 0.65886vw 1.24451vw;
  color: #ffffff;
  -moz-transition: color 0.25s;
  -o-transition: color 0.25s;
  -webkit-transition: color 0.25s;
  transition: color 0.25s;
}
@media (max-width: 1023px) {
  /* line 290, ../sass/main.scss */
  .main .video-container .content .text-button {
    font-size: 2.08333vw;
    letter-spacing: 0.10417vw;
    padding: 1.17188vw 2.21354vw;

  }
}
@media (max-width: 479px) {
  /* line 290, ../sass/main.scss */
  .main .video-container .content .text-button {
    font-size: 3.73333vw;
    letter-spacing: 0.18667vw;
    padding: 2.4vw 4.53333vw;
    /*border: 0.37867vw solid #64748e;*/
  }
}
/* line 317, ../sass/main.scss */
.main .video-container .content:hover .text-button {
  	color: #fc9d05;
}
/* line 324, ../sass/main.scss */
.main .video-container .footer {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  padding: 0.80527vw;
  font-weight: 100;
  font-size: 11px;
  letter-spacing: 0.275px;
  color: #fff;
  opacity: .5;
}
@media (max-width: 1023px) {
  /* line 324, ../sass/main.scss */
  .main .video-container .footer {
    padding: 1.43229vw;
  }
}
@media (max-width: 479px) {
  /* line 324, ../sass/main.scss */
  .main .video-container .footer {
    padding: 2.93333vw;
    text-align: center;
  }
}
/* line 345, ../sass/main.scss */
.main .video-container .footer a:hover {
  text-decoration: underline;
}
/* line 351, ../sass/main.scss */
.main .cover-container {
  position: relative;
  width: 50%;
  background-image: url("../img/background-desktop-EP.webp");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left top;
}
@media (max-width: 1023px) {
  /* line 351, ../sass/main.scss */
  .main .cover-container {
    width: 100%;
    height: 50%;
    order: 1;
  }
}
/* line 365, ../sass/main.scss */
.main .cover-container .logo {
  position: absolute;
  width: 14.31186vw;
  right: 0.80527vw;
  top: 0.80527vw;
}
@media (max-width: 1023px) {
  /* line 365, ../sass/main.scss */
  .main .cover-container .logo {
    width: 26.04167vw;
    right: 1.43229vw;
    top: 1.43229vw;
  }
}
@media (max-width: 479px) {
  /* line 365, ../sass/main.scss */
  .main .cover-container .logo {
    width: 40vw;
    right: 2.93333vw;
    top: 2.93333vw;
  }
}
/* line 383, ../sass/main.scss */
.main .cover-container .logo img {
  width: 100%;
  height: auto;
}
/* line 389, ../sass/main.scss */
.main .cover-container .cover {
  position: absolute;
  width: 15.73939vw;
  right: 0.80527vw;
  bottom: 0.80527vw;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -moz-transition: -moz-transform 0.25s;
  -o-transition: -o-transform 0.25s;
  -webkit-transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
}
/* line 397, ../sass/main.scss */
.main .cover-container .cover:hover {
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
@media (max-width: 1023px) {
  /* line 389, ../sass/main.scss */
  .main .cover-container .cover {
    width: 27.99479vw;
    right: 1.43229vw;
    bottom: 1.43229vw;
  }
}
@media (max-width: 479px) {
  /* line 389, ../sass/main.scss */
  .main .cover-container .cover {
    width: 40vw;
    right: 2.93333vw;
    bottom: 2.93333vw;
  }
}
/* line 413, ../sass/main.scss */
.main .cover-container .cover img {
  width: 100%;
  height: auto;
}