/*
  1. Use a more-intuitive box-sizing model.
*/
*, *::before, *::after {
  box-sizing: border-box; }

/*
  2. Remove default margin
*/
* {
  margin: 0; }

/*
  3. Allow percentage-based heights in the application
*/
html, body {
  height: 100%; }

/*
  Typographic tweaks!
  4. Add accessible line-height
  5. Improve text rendering
*/
body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased; }

/*
  6. Improve media defaults
*/
img, picture, video, canvas, svg {
  display: block;
  max-width: 100%; }

/*
  7. Remove built-in form typography styles
*/
input, button, textarea, select {
  font: inherit; }

/*
  8. Avoid text overflows
*/
p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word; }

/*
  9. Create a root stacking context
*/
#root, #__next {
  isolation: isolate; }

button {
  background: transparent;
  padding: 0;
  margin: 0;
  border: 0; }

@font-face {
  font-family: 'Eklektyk-Stencil';
  src: url("../fonts/Eklektyk-Stencil.woff2") format("woff2"), url("../fonts/Eklektyk-Stencil.woff") format("woff"); }

:root {
  --app-height: 100%; }

::-moz-selection {
  background: #00ffd5;
  color: #040204; }

::selection {
  background: #00ffd5;
  color: #040204; }

::-webkit-scrollbar {
  display: none; }

html {
  background-color: #040204;
  height: -moz-available;
  height: fill-available;
  height: -webkit-fill-available; }
  html.menu-open {
    overflow: hidden; }
  html .has-scroll-smooth {
    overflow: hidden;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0; }

body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: "Chakra Petch", sans-serif;
  color: #fff;
  background-color: inherit;
  min-height: 100vh;
  min-height: -moz-available;
  min-height: fill-available;
  min-height: -webkit-fill-available; }
  body:before {
    -webkit-backdrop-filter: blur(20px) brightness(5.5) saturate(2.5) contrast(1);
    backdrop-filter: blur(20px) brightness(5.5) saturate(2.5) contrast(1);
    opacity: .3;
    z-index: 1; }
  body:after {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    content: '';
    background-image: url(../images/rgbpatternlight.png);
    background-repeat: repeat;
    background-size: 9px;
    -webkit-backdrop-filter: blur(0) brightness(1) saturate(2) contrast(2);
    backdrop-filter: blur(0) brightness(1) saturate(2) contrast(2);
    opacity: .5;
    z-index: 3; }
  body::before, body::after {
    content: '';
    position: fixed;
    inset: 0;
    pointer-events: none;
    top: 0;
    left: 0;
    height: 120vh;
    width: 100%;
    overflow: hidden; }

.menu-open body:after {
  z-index: 101; }

.logo-animation body:before {
  animation: transition-brightness 2000ms infinite;
  animation-delay: 1700ms; }

@keyframes transition-brightness {
  0% {
    -webkit-backdrop-filter: blur(20px) brightness(5.5) saturate(2.5) contrast(1);
    backdrop-filter: blur(20px) brightness(5.5) saturate(2.5) contrast(1);
    opacity: .3; }
  50% {
    -webkit-backdrop-filter: blur(20px) brightness(1) saturate(2.5) contrast(1);
    backdrop-filter: blur(20px) brightness(1) saturate(2.5) contrast(1);
    opacity: .3; }
  100% {
    -webkit-backdrop-filter: blur(20px) brightness(5.5) saturate(2.5) contrast(1);
    backdrop-filter: blur(20px) brightness(5.5) saturate(2.5) contrast(1);
    opacity: .3; } }

svg {
  width: 100%;
  height: auto; }

a {
  color: #fff; }
  a:hover, a:focus, a:visited {
    color: #fff; }

.page-content {
  margin-top: 5rem;
  margin-bottom: 10rem; }

.section-title {
  margin-bottom: 4rem; }

body {
  cursor: url("../images/cursor-default.svg") 19 3, default; }
  body a, body button, body input[type="submit"] {
    cursor: url("../images/cursor-pointer.svg") 19 5, pointer; }

#cursors {
  position: fixed;
  z-index: 99999;
  pointer-events: none;
  will-change: transform;
  transform: translate(-50px, -50px);
  display: none; }

.cursor {
  width: 35px;
  height: 35px;
  position: absolute; }
  .cursor svg {
    max-width: 100%;
    max-height: 100%; }
  .cursor.c-loader {
    left: 20px;
    top: 7px; }

.icon-group {
  display: flex;
  flex-wrap: wrap; }
  .icon-group__icon-wrapper {
    margin: 0 1.5rem 1.2rem 0; }
    @media (min-width: 600px) {
      .icon-group__icon-wrapper {
        margin: 0 2.1rem 1.2rem 0; } }
  .icon-group__icon-tooltip {
    display: none; }
  .icon-group__icon svg {
    height: 2rem;
    width: 2rem; }
    .icon-group__icon svg path {
      fill: #fff; }

.icons > span {
  display: inline-block;
  margin-right: 1.25rem; }
  .icons > span > span {
    display: none; }

.btn {
  background-color: #040204;
  color: #fff;
  border: 3px solid #ff1c1c;
  font-size: 1.125rem;
  font-weight: 600;
  padding: 0.3125rem 1.875rem;
  display: inline-block;
  text-decoration: none;
  min-width: 9.375rem;
  text-align: center; }
  .btn.btn-outline {
    background-color: transparent;
    color: #fff;
    border: 3px solid #fff; }
  .btn:hover {
    background-color: #fff;
    color: #040204;
    border-color: #fff; }
  .btn.big {
    font-size: 1.4rem;
    padding: 0.9375rem 3.75rem; }
  .btn:disabled {
    opacity: .8;
    cursor: default;
    background-color: #040204;
    border-color: #040204;
    color: #646464; }
    .btn:disabled:hover {
      background-color: #040204;
      border-color: #040204;
      color: #646464; }

input,
.form__input,
.form__select,
textarea,
.form__textarea {
  background-color: #040204;
  border: 2px solid #fff;
  margin-bottom: 5px;
  padding: 7px 15px;
  color: #fff;
  max-width: 400px;
  width: 100%; }
  input:focus,
  .form__input:focus,
  .form__select:focus,
  textarea:focus,
  .form__textarea:focus {
    outline: 1px solid #fff; }

.wpcf7-form-control-wrap {
  position: unset; }

input[type="submit"] {
  margin: 1rem 0;
  width: auto; }

label {
  display: block;
  font-weight: bold;
  margin-bottom: 5px; }

form {
  position: relative;
  padding-bottom: 3rem; }

.form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around; }
  .form__group {
    flex: 0 1 400px; }
    .form__group.form__group--last {
      margin-bottom: 0;
      flex: 0 1 100%;
      text-align: center;
      flex-direction: column;
      display: flex;
      align-items: center;
      width: 100%; }

.wpcf7-response-output {
  background-color: #040204 !important;
  border-color: #ff1c1c !important;
  margin-top: 0 !important; }

.mc-field-group, .form__group {
  margin-bottom: 1rem;
  position: relative; }

.mc-field-group {
  max-width: 300px; }

#mce-responses {
  position: absolute;
  width: 300px; }
  #mce-responses .response {
    padding: 0.5rem 1rem;
    line-height: 1.2;
    font-weight: 700; }

.wpcf7-response-output {
  position: absolute;
  max-width: 300px;
  bottom: 0;
  padding: 0.5rem 1rem !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  text-align: center; }

#mce-error-response,
.wpcf7-response-output {
  background-color: #ff1c1c !important;
  border-width: 0 !important;
  margin: 0 !important; }

#mce-success-response,
.wpcf7 form.sent .wpcf7-response-output {
  background-color: #00ffd5;
  color: #040204; }

div.mce_inline_error, .wpcf7-not-valid-tip {
  position: absolute;
  bottom: 46px;
  right: -1px;
  font-size: 12px;
  background: #ff1c1c;
  padding: 0 3px;
  color: #fff; }

input.mce_inline_error, .wpcf7-not-valid {
  border-color: #ff1c1c;
  outline: 1px solid #ff1c1c; }

h1,
.h1 {
  font-family: "Eklektyk-Stencil", sans-serif;
  font-weight: normal;
  line-height: .875;
  font-size: 5rem; }
  @media (min-width: 600px) {
    h1,
    .h1 {
      font-size: 6.5rem; } }
  @media (min-width: 900px) {
    h1,
    .h1 {
      font-size: 8rem; } }
  @media (min-width: 1200px) {
    h1,
    .h1 {
      font-size: 10rem; } }

h2,
.h2 {
  font-size: 4rem;
  font-family: "Eklektyk-Stencil", sans-serif;
  font-weight: normal;
  line-height: .875; }
  @media (min-width: 600px) {
    h2,
    .h2 {
      font-size: 5rem; } }
  @media (min-width: 900px) {
    h2,
    .h2 {
      font-size: 6rem; } }

h3,
.h3 {
  font-size: 2rem;
  font-family: "Eklektyk-Stencil", sans-serif;
  font-weight: normal;
  line-height: .875; }
  @media (min-width: 600px) {
    h3,
    .h3 {
      font-size: 2.5rem; } }
  @media (min-width: 900px) {
    h3,
    .h3 {
      font-size: 3rem; } }
  @media (min-width: 1200px) {
    h3,
    .h3 {
      font-size: 3.5rem; } }

h4,
.h4 {
  font-size: 2.5rem;
  font-family: "Eklektyk-Stencil", sans-serif;
  font-weight: normal;
  line-height: .875; }

.container {
  max-width: 57.8125rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding-left: 1rem;
  padding-right: 1rem; }

.container-wide {
  position: relative;
  padding-left: 1rem;
  padding-right: 1rem; }
  @media (min-width: 600px) {
    .container-wide {
      padding-left: 2rem;
      padding-right: 2rem; } }

.container-full {
  position: relative; }

#scroll {
  opacity: 0;
  position: relative;
  transition: opacity 0.5s cubic-bezier(0.78, -0.06, 0.31, 1.01);
  will-change: opacity;
  z-index: 4; }

.top-bar {
  transition-delay: .3s; }

.fade-up {
  opacity: 0;
  transition: opacity 1s cubic-bezier(1, 0.04, 0.44, 1.07), transform 1s cubic-bezier(1, 0.04, 0.44, 1.07);
  transform: translateY(30px);
  will-change: opacity; }

#viewport {
  position: fixed;
  height: 100vh;
  width: 100vw;
  top: 0;
  left: 0;
  z-index: 9999;
  pointer-events: none; }

canvas {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99997; }

.animate-opacity {
  opacity: 0;
  transition: opacity 0.5s cubic-bezier(0.78, -0.06, 0.31, 1.01); }

html :not(.has-scroll-init) .animate-opacity {
  opacity: 1; }

.theme-font {
  font-family: 'Eklektyk-Stencil', sans-serif; }

.loaded .fade-up {
  transform: translateY(0); }

.logo-animation #scroll {
  opacity: 0; }

.logo-animation.menu-open #nav, .logo-animation.menu-open .nav-bg {
  opacity: 0; }

.logo-animation.menu-open body:before {
  -webkit-backdrop-filter: blur(20px) brightness(5.5) saturate(2.5) contrast(1);
  backdrop-filter: blur(20px) brightness(5.5) saturate(2.5) contrast(1);
  opacity: .3; }

.logo-animation.menu-open body:after {
  -webkit-backdrop-filter: blur(0) brightness(1) saturate(2) contrast(2);
  backdrop-filter: blur(0) brightness(1) saturate(2) contrast(2);
  opacity: .5;
  z-index: 3; }

.logo-animation.menu-open #logo-wrapper .logo-lines path {
  fill: #ff1c1c; }

.logo-animation.menu-open #line-wrapper .logo-line path {
  stroke: #ff1c1c; }

.logo-animation.menu-open #bg-animation {
  z-index: 0; }

#loader {
  background: #020202;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0; }

#loader-bg {
  display: flex;
  justify-content: center;
  align-items: center; }

#intro-video {
  -o-object-fit: contain;
  object-fit: contain;
  width: 100vw;
  height: 100vh;
  max-height: 720px;
  max-width: 720px; }

.loading #loader {
  opacity: 1; }

.loading #loader-bg {
  flex: 0; }

.loading #scroll {
  opacity: 0 !important; }

.show {
  opacity: 1; }

.hide {
  opacity: 0; }

body .c-scrollbar {
  z-index: 151; }

body .c-scrollbar_thumb {
  border-radius: 0;
  background: #fff;
  opacity: 1; }

.nav {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  z-index: 102; }
  .nav .container-wide {
    height: 100%; }
  .nav-wrap {
    display: flex;
    padding: 5rem 2rem 8rem 0;
    flex-direction: column;
    height: 100%;
    position: relative; }
    .nav-wrap #menu-main-menu {
      margin: auto 0; }
    .nav-wrap ul {
      list-style: none;
      padding: 0;
      display: flex;
      flex-flow: column; }
      .nav-wrap ul li {
        margin: 0; }
        .nav-wrap ul li.menu-item {
          display: inherit; }
        .nav-wrap ul li a {
          text-decoration: none;
          font-size: calc(var(--app-height) / 15);
          font-family: "Eklektyk-Stencil", sans-serif;
          font-weight: normal;
          line-height: .875;
          line-height: .9;
          padding: 0.5rem 0;
          will-change: transform;
          transition: opacity 0.5s cubic-bezier(0.78, -0.06, 0.31, 1.01), transform 0.5s cubic-bezier(0.78, -0.06, 0.31, 1.01); }
          @media (min-width: 900px) {
            .nav-wrap ul li a {
              font-size: 9vh; } }
          .nav-wrap ul li a.nav-link {
            touch-action: none; }
  .nav .nav-links-secondary {
    margin: 0;
    list-style: none;
    padding: 0;
    position: absolute;
    bottom: 2rem; }
    .nav .nav-links-secondary li {
      display: flex;
      align-items: center;
      height: 40px; }
    .nav .nav-links-secondary .nav-link-secondary {
      font-family: "Eklektyk-Stencil", sans-serif;
      font-weight: normal;
      line-height: .875;
      font-size: 2rem;
      padding: 0;
      text-decoration: none; }
      @media (min-width: 600px) {
        .nav .nav-links-secondary .nav-link-secondary {
          font-size: 2.1rem; } }
      .nav .nav-links-secondary .nav-link-secondary-info {
        font-weight: 700;
        display: flex;
        line-height: 1;
        align-items: center;
        margin: 0 1rem; }
  .nav .right-text {
    right: 2rem;
    top: 0;
    position: absolute;
    transform: rotate(-90deg);
    transform-origin: 100% 0;
    width: 100vh; }
    @media (min-width: 600px) {
      .nav .right-text {
        right: 3rem; } }
    .nav .right-text p {
      letter-spacing: .15rem;
      text-align: left;
      font-weight: 600;
      transform: translateX(25vh); }
  .nav-close {
    position: absolute;
    width: 3.125rem;
    top: 3.125rem;
    left: 3.125rem; }

#sticky-header {
  opacity: 0;
  transition: opacity 1s cubic-bezier(1, 0.04, 0.44, 1.07); }

.nav-link-hover .nav-wrap ul li .nav-link {
  opacity: .6; }
  .nav-link-hover .nav-wrap ul li .nav-link.active {
    transform: scale(1.05);
    opacity: 1; }

.footer {
  position: relative;
  z-index: 3; }
  .footer .container {
    width: 100%;
    height: 100%; }
  .footer h4 {
    font-family: "Eklektyk-Stencil", sans-serif;
    font-weight: normal;
    line-height: .875;
    font-size: 4rem;
    margin-bottom: 2rem; }
    @media (min-width: 600px) {
      .footer h4 {
        font-size: 5rem;
        margin-bottom: 3rem; } }
  .footer h5 {
    font-size: 1.125rem;
    margin-bottom: 1.5rem; }
  .footer-block {
    display: flex;
    flex-direction: column; }
    @media (min-width: 600px) {
      .footer-block {
        flex-direction: row; } }
  .footer-section {
    flex: 1; }
    .footer-section.c2 {
      display: flex; }
  .footer-widget {
    margin-bottom: 3rem; }
    @media (min-width: 600px) {
      .footer-widget {
        margin-bottom: 4rem; } }
  .footer-contact {
    margin-bottom: 2rem; }

.shop-banner {
  height: 18.75rem;
  width: 100%;
  display: block; }
  .shop-banner-img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%; }

#banner-image {
  height: 30vh;
  position: relative;
  background: #252525; }
  #banner-image #image-text-container {
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center; }
  #banner-image .image-text {
    display: inline-block;
    color: #fff; }
    #banner-image .image-text h3 {
      margin-bottom: 1rem; }
    #banner-image .image-text p {
      font-weight: bold; }

@keyframes flick {
  0% {
    left: -6px; }
  100% {
    left: 3px; } }

@keyframes flick1 {
  0% {
    transform: translateY(0); }
  100% {
    transform: translateY(-0.5px); } }

@keyframes flick1abs {
  50% {
    left: -1px; }
  51% {
    left: 0; } }

#flicker {
  animation: flick1 20ms alternate infinite; }

#wrapper {
  position: relative;
  height: 100vh;
  width: 100%; }

.hero-video {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -1; }

#bg-video {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh; }

#bg-animation {
  pointer-events: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  min-height: 100vh;
  overflow: hidden; }

#blend-bg {
  background-color: #040204;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none; }

.logo {
  width: 258px; }

.logo-bg-wrap {
  position: absolute;
  width: 100%;
  height: 100%; }

#logo-lines-bg {
  will-change: opacity;
  transition: opacity 1s cubic-bezier(0.78, 0.15, 0.28, 0.89); }
  #logo-lines-bg.hide {
    opacity: 0; }

.logo-bg-container {
  position: relative;
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center; }

#line-wrapper {
  transition: opacity 1s cubic-bezier(1, 0.04, 0.44, 1.07);
  opacity: 0; }

.screen-shade {
  pointer-events: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }
  .screen-shade-gradient {
    position: absolute;
    width: 100%;
    height: 100vh;
    height: var(--app-height);
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 99;
    opacity: 1;
    box-shadow: inset 0 0 3vh 2vh #101010;
    border-radius: 2vh; }
  .screen-shade-border {
    position: absolute;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    top: 2px;
    left: 2px;
    z-index: 99;
    box-shadow: 0 0 0 1rem #101010;
    border-radius: 2vh;
    opacity: 1; }

.overlay-edges {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background: linear-gradient(90deg, #101010 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 50%, #101010 100%);
  z-index: 99;
  opacity: 1; }
  .overlay-edges:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(0deg, #101010 0%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0) 85%, #101010 100%); }

.logo-line-wrapper {
  position: fixed;
  display: flex;
  align-items: center;
  height: 100%;
  will-change: transform; }

.logo-line {
  width: 100%;
  height: 100%;
  max-width: none; }
  .logo-line path {
    fill: none;
    stroke: #020202;
    vector-effect: non-scaling-stroke;
    stroke-width: 2.5px;
    stroke-miterlimit: 10; }

#logo-wrapper {
  transition: opacity 1s cubic-bezier(1, 0.04, 0.44, 1.07);
  opacity: 0;
  width: 150px;
  position: fixed; }
  #logo-wrapper .logo-lines {
    width: 100%;
    height: 100%;
    transition: opacity 0.4s ease; }
    #logo-wrapper .logo-lines path {
      fill: #ff1c1c; }
  #logo-wrapper .logo-filled {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.4s ease; }
    #logo-wrapper .logo-filled path {
      fill: #ff1c1c; }
  #logo-wrapper.active .logo-filled {
    opacity: 1; }
  #logo-wrapper.active .logo-lines {
    opacity: 0; }

.logo-line-wrapper:nth-child(1) {
  width: calc(250px);
  height: calc(250px); }

.logo-line-wrapper:nth-child(2) {
  width: calc(450px);
  height: calc(450px); }

.logo-line-wrapper:nth-child(3) {
  width: calc(650px);
  height: calc(650px); }

.logo-line-wrapper:nth-child(4) {
  width: calc(850px);
  height: calc(850px); }

.logo-line-wrapper:nth-child(5) {
  width: calc(1050px);
  height: calc(1050px); }

.logo-line-wrapper:nth-child(6) {
  width: calc(1250px);
  height: calc(1250px); }

.logo-line-wrapper:nth-child(7) {
  width: calc(1450px);
  height: calc(1450px); }

.logo-line-wrapper:nth-child(8) {
  width: calc(1650px);
  height: calc(1650px); }

.logo-line-wrapper:nth-child(9) {
  width: calc(1850px);
  height: calc(1850px); }

.logo-line-wrapper:nth-child(10) {
  width: calc(2050px);
  height: calc(2050px); }

.logo-line-wrapper:nth-child(11) {
  width: calc(2250px);
  height: calc(2250px);
  display: none; }
  @media (min-width: 600px) {
    .logo-line-wrapper:nth-child(11) {
      display: flex; } }

.logo-line-wrapper:nth-child(12) {
  width: calc(2450px);
  height: calc(2450px);
  display: none; }
  @media (min-width: 600px) {
    .logo-line-wrapper:nth-child(12) {
      display: flex; } }

.logo-line-wrapper:nth-child(13) {
  width: calc(2650px);
  height: calc(2650px);
  display: none; }
  @media (min-width: 600px) {
    .logo-line-wrapper:nth-child(13) {
      display: flex; } }

.logo-line-wrapper:nth-child(14) {
  width: calc(2850px);
  height: calc(2850px);
  display: none; }
  @media (min-width: 600px) {
    .logo-line-wrapper:nth-child(14) {
      display: flex; } }

.logo-line-wrapper:nth-child(15) {
  width: calc(3050px);
  height: calc(3050px);
  display: none; }
  @media (min-width: 600px) {
    .logo-line-wrapper:nth-child(15) {
      display: flex; } }

.logo-line-wrapper:nth-child(16) {
  width: calc(3250px);
  height: calc(3250px);
  display: none; }
  @media (min-width: 600px) {
    .logo-line-wrapper:nth-child(16) {
      display: flex; } }

.logo-line-wrapper:nth-child(17) {
  width: calc(3450px);
  height: calc(3450px);
  display: none; }
  @media (min-width: 600px) {
    .logo-line-wrapper:nth-child(17) {
      display: flex; } }

.logo-line-wrapper:nth-child(18) {
  width: calc(3650px);
  height: calc(3650px);
  display: none; }
  @media (min-width: 600px) {
    .logo-line-wrapper:nth-child(18) {
      display: flex; } }

.logo-line-wrapper:nth-child(19) {
  width: calc(3850px);
  height: calc(3850px);
  display: none; }
  @media (min-width: 600px) {
    .logo-line-wrapper:nth-child(19) {
      display: flex; } }

.logo-line-wrapper:nth-child(20) {
  width: calc(4050px);
  height: calc(4050px);
  display: none; }
  @media (min-width: 600px) {
    .logo-line-wrapper:nth-child(20) {
      display: flex; } }

.logo-line-wrapper:nth-child(21) {
  width: calc(4250px);
  height: calc(4250px);
  display: none; }
  @media (min-width: 600px) {
    .logo-line-wrapper:nth-child(21) {
      display: flex; } }

.bg-wrap {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  min-height: 100%; }
  .bg-wrap .bg-art {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1; }

.bg-fade {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #040204 100%);
  z-index: -1; }
  @media (min-width: 600px) {
    .bg-fade {
      height: 100%; } }

.header {
  position: relative;
  min-height: 100vh; }
  @media (min-width: 900px) {
    .header {
      min-height: 40rem; } }

@media (min-width: 900px) {
  .home .header {
    min-height: 100vh; } }

.header-float {
  position: fixed;
  top: 0;
  z-index: 150;
  width: 100%;
  height: 100%;
  pointer-events: none; }
  .header-float .header-bg {
    position: absolute;
    left: 0;
    width: 100%;
    height: 150px;
    z-index: -1; }
    .header-float .header-bg.top {
      background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, #040204 100%);
      top: 0; }
  .header-float .line-bg {
    height: 100vh;
    width: 100%; }

.header-top {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end; }
  .header-top .brand {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.625rem 0; }
  .header-top .nav-icon {
    pointer-events: all;
    width: 30px; }
  .header-top #close-sticky-menu {
    display: none; }
  .header-top .right-icon {
    width: 1.875rem; }
  .header-top .language-wrap, .header-top .nav-icon-wrap {
    flex: 1 0 40px;
    display: flex; }
  .header-top .language-wrap {
    justify-content: flex-end;
    display: flex; }
  .header-top .logo-text {
    font-size: 2.5rem;
    font-family: "Eklektyk-Stencil", sans-serif;
    font-weight: normal;
    line-height: .875;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    pointer-events: all; }
  .header-top .language-select {
    pointer-events: all;
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end; }
    .header-top .language-select .lang-item {
      display: flex; }
      .header-top .language-select .lang-item:before {
        content: '/';
        margin: 4px 2px;
        font-size: 14px;
        line-height: 14px; }
      .header-top .language-select .lang-item a {
        text-transform: uppercase;
        font-size: 0.875rem;
        text-decoration: none;
        font-weight: 600;
        letter-spacing: 2px;
        line-height: 13px;
        padding: 3px; }
      .header-top .language-select .lang-item.current-lang:before {
        display: none; }
      .header-top .language-select .lang-item.current-lang a {
        border: 1px solid #fff;
        margin: 0 2px;
        font-style: italic;
        line-height: 15px;
        padding: 1px 4px;
        height: 20px; }

.top-bar {
  border: 1px solid #fff;
  font-size: 0.8125rem;
  display: flex;
  justify-content: space-between;
  padding: 0.625rem 1.875rem;
  margin-bottom: 1rem; }

.page-title {
  font-family: "Eklektyk-Stencil", sans-serif;
  font-weight: normal;
  line-height: .875;
  font-size: 5rem; }
  @media (min-width: 600px) {
    .page-title {
      font-size: 6.5rem; } }
  @media (min-width: 900px) {
    .page-title {
      font-size: 8rem; } }
  @media (min-width: 1200px) {
    .page-title {
      font-size: 10rem; } }
  .page-title-wrap {
    padding: 4rem 0 4rem; }
    @media (min-width: 600px) {
      .page-title-wrap {
        width: 80%; } }
  @media (min-width: 600px) and (min-width: 900px) {
    .page-title-wrap {
      padding: 6rem 0; } }
    .page-title-wrap span {
      flex: 0 1 34%;
      display: block; }
      .page-title-wrap span:nth-child(even) {
        text-align: right; }

.menu-open #nav {
  opacity: 1;
  pointer-events: all; }

.menu-open #scroll {
  opacity: 0; }

.menu-open #open-sticky-menu {
  display: none; }

.menu-open #close-sticky-menu {
  display: block; }

.menu-open .c-scrollbar {
  display: none; }

.load-more-wrapper {
  display: flex;
  justify-content: center; }

.post {
  transition: opacity 1s cubic-bezier(1, 0.04, 0.44, 1.07); }

#news-page-template #latest-news-all-posts {
  display: flex;
  justify-content: space-between;
  padding: 30px 0 100px; }
  #news-page-template #latest-news-all-posts #latest,
  #news-page-template #latest-news-all-posts #news {
    font-size: 34px;
    font-weight: bold;
    letter-spacing: 5px; }
  #news-page-template #latest-news-all-posts #news {
    font-style: italic; }
  #news-page-template #latest-news-all-posts #all-posts {
    color: #ff1c1c;
    background-color: #fff;
    font-size: 24px;
    letter-spacing: 1px;
    font-weight: bold;
    padding: 2px 26px; }

#news-page-template .news-post {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 30px 0 100px; }
  @media (min-width: 600px) {
    #news-page-template .news-post {
      flex-direction: row; } }
  #news-page-template .news-post h4 {
    margin-bottom: 16px; }
  #news-page-template .news-post .post-image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 350px;
    margin-bottom: 1rem; }
    @media (min-width: 600px) {
      #news-page-template .news-post .post-image {
        width: 45%;
        margin-bottom: 0; } }
  #news-page-template .news-post .post-info {
    width: 100%; }
    @media (min-width: 600px) {
      #news-page-template .news-post .post-info {
        width: 45%; } }
    #news-page-template .news-post .post-info .post-date {
      color: #fff;
      font-size: 14px;
      font-weight: bold;
      margin-bottom: 25px; }
    #news-page-template .news-post .post-info .post-excerpt {
      font-weight: bold;
      margin-bottom: 30px; }
    #news-page-template .news-post .post-info .btn-read-more {
      text-transform: lowercase; }

.single-news .page-content {
  margin-bottom: 10rem; }

.single-news .page-title-wrap {
  width: 100%; }
  @media (min-width: 900px) {
    .single-news .page-title-wrap {
      width: 80%; } }

.single-news .page-title {
  font-size: 4rem;
  font-family: "Eklektyk-Stencil", sans-serif;
  font-weight: normal;
  line-height: .875; }
  @media (min-width: 600px) {
    .single-news .page-title {
      font-size: 5rem; } }
  @media (min-width: 900px) {
    .single-news .page-title {
      font-size: 6rem; } }

.single-news .article-footer {
  display: flex;
  align-items: center;
  justify-content: space-around; }

#single-news .sub-title {
  font-size: 1.375rem;
  text-align: center; }

#single-news .news-content p {
  font-size: 1rem;
  margin-bottom: 1rem; }
  @media (min-width: 900px) {
    #single-news .news-content p {
      font-size: 1.25rem;
      margin-bottom: 2rem; } }

#single-news .news-content img {
  margin: 2rem auto; }
  @media (min-width: 900px) {
    #single-news .news-content img {
      margin: 5rem auto; } }

#single-news .share-title {
  font-size: 2rem;
  font-family: "Eklektyk-Stencil", sans-serif;
  font-weight: normal;
  line-height: .875;
  margin-bottom: 2rem; }
  @media (min-width: 600px) {
    #single-news .share-title {
      font-size: 2.5rem; } }
  @media (min-width: 900px) {
    #single-news .share-title {
      font-size: 3rem; } }
  @media (min-width: 1200px) {
    #single-news .share-title {
      font-size: 3.5rem; } }

#single-news .icon-group__icon svg {
  height: 2rem; }

.home .top-bar {
  margin-bottom: 2rem; }

.home #home-sections {
  position: relative;
  width: 100%;
  padding-top: 5rem; }

.home .page-title-wrap {
  width: 100%; }

.home .section {
  padding-bottom: 12rem;
  position: relative; }
  @media (min-width: 900px) {
    .home .section {
      padding-bottom: 20rem; } }

.home .video-bg {
  position: absolute;
  width: 400px;
  left: 0;
  z-index: -1;
  top: 0; }

.home .page-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: -1;
  top: 0; }
  .home .page-bg .bg-fade {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #080808 0%, rgba(8, 8, 8, 0) 50%, #080808 100%); }
  .home .page-bg img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit; }
  .home .page-bg-small {
    height: 50%; }

.home .section-title {
  font-family: "Eklektyk-Stencil", sans-serif;
  font-weight: normal;
  line-height: .875;
  font-size: 5rem;
  margin-bottom: 7rem;
  overflow-wrap: normal; }
  @media (min-width: 600px) {
    .home .section-title {
      font-size: 6.5rem; } }
  @media (min-width: 900px) {
    .home .section-title {
      font-size: 8rem; } }
  @media (min-width: 1200px) {
    .home .section-title {
      font-size: 10rem; } }
  .home .section-title .title-row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }

.home .vc-nation-icons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 10rem;
  margin-top: 10rem; }
  .home .vc-nation-icons-xx {
    width: 20%; }
  .home .vc-nation-icons-logo-art {
    width: 50%; }

.home .vc-nation-logo {
  margin-bottom: 3rem; }

.home .vc-nation-subtitle {
  text-align: right;
  letter-spacing: 0.125rem;
  margin-bottom: 4rem; }

.home .vc-nation-cta-wrap {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: center; }
  @media (min-width: 900px) {
    .home .vc-nation-cta-wrap {
      flex-direction: row; } }

.home .vc-nation-apps {
  display: flex;
  margin-bottom: 1rem; }
  @media (min-width: 900px) {
    .home .vc-nation-apps {
      margin-right: 2rem; } }
  .home .vc-nation-apps a {
    margin-bottom: 1rem; }
    .home .vc-nation-apps a:first-child {
      margin-right: 1rem; }

.home .vc-nation-links {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end; }
  @media (min-width: 900px) {
    .home .vc-nation-links {
      flex-direction: row; } }
  .home .vc-nation-links a {
    margin-bottom: 1rem; }
    .home .vc-nation-links a:last-child {
      margin-left: 1rem; }

.home .tour-dates.tour-dates-alt .events-wrap {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin: 0 auto; }
  @media (min-width: 900px) {
    .home .tour-dates.tour-dates-alt .events-wrap {
      width: calc(100% * 5 / 6); } }

.home .tour-dates.tour-dates-alt .events {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 5rem; }
  @media (min-width: 900px) {
    .home .tour-dates.tour-dates-alt .events {
      margin-bottom: 10rem; } }
  .home .tour-dates.tour-dates-alt .events .event {
    display: flex;
    flex-direction: row; }
    .home .tour-dates.tour-dates-alt .events .event-header {
      font-family: "Eklektyk-Stencil", sans-serif;
      font-weight: normal;
      line-height: .875;
      font-size: 2.5rem; }
      @media (min-width: 900px) {
        .home .tour-dates.tour-dates-alt .events .event-header {
          font-size: 3rem; } }
    .home .tour-dates.tour-dates-alt .events .event-date {
      text-align: left;
      min-width: 150px; }
      .home .tour-dates.tour-dates-alt .events .event-date .date {
        font-size: 22px;
        letter-spacing: 5px;
        white-space: nowrap;
        text-align: left; }
    .home .tour-dates.tour-dates-alt .events .event-info {
      padding-left: 1rem;
      flex-grow: 1;
      display: flex;
      justify-content: flex-start; }
      @media (min-width: 900px) {
        .home .tour-dates.tour-dates-alt .events .event-info {
          padding-left: 2rem; } }

.home .tour-dates.tour-dates-alt .event-tickets {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%; }
  .home .tour-dates.tour-dates-alt .event-tickets-svg {
    width: 50%; }

.home .shop-wrap {
  position: relative;
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center; }

.home .shop-merch {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%; }
  .home .shop-merch-svg {
    position: absolute;
    display: flex;
    justify-content: space-around;
    width: 100%; }
    .home .shop-merch-svg svg {
      flex: calc(1 / 6);
      z-index: -1; }
  .home .shop-merch-shirts {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    .home .shop-merch-shirts-bg {
      width: 100%; }

.home .shop-content {
  display: flex;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  align-items: center; }
  .home .shop-content .container {
    width: 100%;
    height: 100%;
    max-height: 70vh; }
  .home .shop-content-wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%; }

.home .shop-header {
  width: 100%; }
  .home .shop-header .section-title {
    margin: 0 0 7rem; }

.home .shop-footer {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.home .shop-collection-text > span {
  margin-right: 1rem; }

.home .latest-news-banner {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8rem; }
  .home .latest-news-banner-news {
    display: flex;
    flex-direction: column;
    flex: calc(3 / 5); }
  .home .latest-news-banner-icon {
    flex-grow: 1;
    display: flex;
    align-items: center;
    margin-bottom: 2rem; }
    .home .latest-news-banner-icon-stars {
      flex: 1 0 100%; }
    .home .latest-news-banner-icon-stars svg path, .home .latest-news-banner-icon-squares svg path {
      fill: #040204;
      stroke: #ff1c1c;
      stroke-width: 2px; }
  .home .latest-news-banner-text {
    display: flex;
    justify-content: space-between; }
    .home .latest-news-banner-text-wrapper {
      display: flex;
      justify-content: flex-end; }
      .home .latest-news-banner-text-wrapper span {
        font-size: 22px;
        font-weight: 600;
        letter-spacing: 5px; }
        .home .latest-news-banner-text-wrapper span:last-child {
          font-style: italic; }
        @media (min-width: 900px) {
          .home .latest-news-banner-text-wrapper span {
            font-size: 2rem; } }
  .home .latest-news-banner-posts {
    flex-flow: row wrap;
    align-items: center;
    justify-content: flex-end;
    flex: calc(1 / 5); }
    .home .latest-news-banner-posts > div {
      width: 100%; }
    .home .latest-news-banner-posts .btn {
      margin-bottom: 0; }
  .home .latest-news-banner-icon {
    margin-bottom: 2rem; }
  .home .latest-news-banner-btn {
    text-align: right; }

.home .latest-news-articles {
  display: flex;
  flex-flow: column; }
  @media (min-width: 600px) {
    .home .latest-news-articles {
      flex-flow: row wrap;
      justify-content: space-between; } }

.home .latest-news-article {
  width: 100%;
  flex-flow: column;
  display: flex;
  justify-content: space-between;
  margin-bottom: 5rem; }
  @media (min-width: 600px) {
    .home .latest-news-article {
      width: 40%;
      justify-content: space-between; } }
  .home .latest-news-article-img {
    width: 100%;
    height: 200px;
    overflow: hidden;
    margin-bottom: 1.5rem; }
    .home .latest-news-article-img img {
      -o-object-fit: cover;
      object-fit: cover;
      -o-object-position: center;
      object-position: center;
      width: 100%;
      height: 100%; }
  .home .latest-news-article-excerpt {
    text-align: justify; }
    .home .latest-news-article-excerpt p {
      margin-bottom: 1.5rem; }

.home .highlights-section .highlights-footer {
  text-align: right;
  margin-top: 4rem; }
  @media (min-width: 600px) {
    .home .highlights-section .highlights-footer {
      margin-top: 10rem; } }

.tour-dates .events .event {
  display: flex;
  margin: 1rem 0;
  align-items: center; }
  .tour-dates .events .event .date-wrap {
    min-width: 130px;
    display: flex; }
  .tour-dates .events .event .day {
    font-family: "Eklektyk-Stencil", sans-serif;
    font-size: 3.5rem;
    line-height: 1; }
    .tour-dates .events .event .day.hyphen {
      font-weight: bold;
      margin-bottom: 15px;
      align-self: flex-start; }
  .tour-dates .events .event .month-year {
    font-size: .8rem; }
  .tour-dates .events .event-date {
    text-align: center; }
  .tour-dates .events .event-info {
    flex-grow: 1;
    padding: 0 0 0 1.25rem; }
    @media (min-width: 600px) {
      .tour-dates .events .event-info {
        padding: 0 10%; } }
  .tour-dates .events .event-name {
    font-family: "Chakra Petch", sans-serif;
    font-size: 1.2rem;
    text-transform: none;
    font-weight: bold;
    margin-bottom: .5rem;
    line-height: 1; }
  .tour-dates .events .event-location {
    font-family: "Chakra Petch", sans-serif;
    font-size: 1rem;
    text-transform: none;
    font-style: italic; }
  .tour-dates .events .event-tickets {
    display: none; }
    .tour-dates .events .event-tickets.mobile {
      display: block;
      margin: 0.625rem 0; }
    @media (min-width: 600px) {
      .tour-dates .events .event-tickets {
        display: block; }
        .tour-dates .events .event-tickets.mobile {
          display: none; } }

.track {
  display: flex;
  flex-direction: column;
  margin-bottom: 6rem; }
  .track-art {
    margin-bottom: 1rem;
    width: 100%;
    border: 1px solid #252525; }
    .track-art img {
      width: 100%; }
  .track-info .release-date {
    margin-bottom: 2rem; }
  .track-info .track-name {
    font-size: 2rem;
    text-transform: none;
    margin-bottom: 1rem;
    line-height: 1; }
  .track-info .artist {
    font-family: "Chakra Petch", sans-serif;
    font-size: 1.1rem;
    text-transform: none;
    font-weight: bold;
    margin-bottom: 2rem;
    line-height: 1; }
  .track .listen-btn {
    margin-top: auto; }
  .track-links {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .track .streaming-services {
    display: flex; }
    .track .streaming-services.icons-inline .icon-group__icon-wrapper {
      margin: 0 1rem; }
  @media (min-width: 600px) {
    .track.latest-release {
      flex-direction: row;
      justify-content: center; } }
  .track.latest-release .track-art {
    width: auto; }
  @media (min-width: 600px) {
    .track.latest-release .track-info {
      padding-left: 5rem;
      display: flex;
      flex-direction: column;
      justify-content: center; } }
  .track.latest-release .track-name {
    font-size: 3.5rem; }
    @media (min-width: 900px) {
      .track.latest-release .track-name {
        font-size: 4rem; } }
  .track.latest-release .track-links {
    justify-content: flex-start; }
    .track.latest-release .track-links .btn-listen:first-child {
      margin-right: 1rem; }
  .track.latest-release .release-date {
    margin-bottom: 1rem; }
  .track.latest-release .track-name {
    margin-bottom: 1.5rem; }
  .track.latest-release .artist {
    margin-bottom: 3rem;
    font-size: 1.7rem;
    font-weight: 500; }

.latest-release-icons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%; }
  .latest-release-icons svg path {
    fill: #fff; }
  .latest-release-icons-dots {
    width: 16%; }
  .latest-release-icons-stars {
    width: 50%; }

.singles {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .singles .track {
    flex-basis: 49%; }
    @media (min-width: 900px) {
      .singles .track {
        flex-basis: 32%; } }

#music-single {
  max-width: 37.5rem; }

.single-music .artist {
  font-family: "Chakra Petch", sans-serif;
  text-transform: none;
  font-weight: bold;
  margin-bottom: 1rem;
  line-height: 1;
  font-size: 1.125rem; }
  @media (min-width: 900px) {
    .single-music .artist {
      font-size: 1.625rem; } }

.single-music .release-date-wrap {
  margin: 2rem 0 0; }

.single-music .track {
  margin-left: auto;
  margin-right: auto; }
  .single-music .track-link-wrap {
    margin: 0 auto;
    width: 400px;
    max-width: 100%; }
  .single-music .track-link {
    display: flex;
    margin: 1rem auto;
    align-items: center; }
  .single-music .track-link-icon {
    flex: 1 0 150px;
    padding: 1rem; }
    .single-music .track-link-icon svg {
      height: 3rem; }
      .single-music .track-link-icon svg path {
        fill: #fff; }
      .single-music .track-link-icon svg .transparent {
        fill: #040204; }
  .single-music .track-link-btn {
    flex: 1 0 150px;
    padding: 1rem; }
    .single-music .track-link-btn .btn {
      width: 100%; }
  .single-music .track-media {
    display: flex;
    margin: 0;
    flex-direction: column; }
    @media (min-width: 600px) {
      .single-music .track-media {
        flex-direction: row;
        margin-bottom: 4rem; } }
  .single-music .track-art {
    margin-bottom: 2rem; }
    @media (min-width: 600px) {
      .single-music .track-art {
        margin: 0;
        flex: 2; } }
  .single-music .track-video {
    margin-bottom: 2rem;
    height: 300px; }
    @media (min-width: 600px) {
      .single-music .track-video {
        height: auto;
        margin: 0;
        flex: 3;
        padding-left: 1rem; } }
    .single-music .track-video iframe {
      width: 100%;
      height: 100%; }
  .single-music .track-actions {
    display: flex;
    flex-direction: column; }
    .single-music .track-actions > div {
      margin-bottom: 2rem; }
    @media (min-width: 600px) {
      .single-music .track-actions {
        flex-direction: row; }
        .single-music .track-actions > div {
          flex: 3;
          padding-left: 1rem; }
          .single-music .track-actions > div:first-child {
            flex: 4; } }
    .single-music .track-actions h2 {
      margin-bottom: 2rem; }
    .single-music .track-actions svg {
      height: 1.7rem; }
      .single-music .track-actions svg path {
        fill: #fff; }
      .single-music .track-actions svg .transparent {
        fill: #040204; }

.highlights {
  position: relative;
  padding-left: 1rem; }
  @media (min-width: 900px) {
    .highlights {
      padding-left: 2rem; } }
  .highlights-lines {
    position: absolute;
    width: 10%;
    height: 100%;
    left: 0;
    top: 0;
    border-left: solid 1px #fff;
    border-right: solid 1px #fff;
    opacity: .5; }
    .highlights-lines-shade {
      position: absolute;
      width: 100%;
      height: 100%; }
      .highlights-lines-shade:before {
        content: '';
        top: 0;
        width: 100%;
        height: 100px;
        background: linear-gradient(to bottom, #040204, rgba(0, 0, 0, 0));
        position: absolute; }
      .highlights-lines-shade:after {
        content: '';
        bottom: 0;
        width: 100%;
        height: 100px;
        background: linear-gradient(to top, #040204, rgba(0, 0, 0, 0));
        position: absolute; }
  .highlights .highlight {
    padding: 1rem 0;
    position: relative; }
    @media (min-width: 900px) {
      .highlights .highlight {
        padding: 5rem 0; } }
    .highlights .highlight-year {
      z-index: 3;
      padding: 4rem 0 1rem 2rem; }
      .highlights .highlight-year-date {
        margin-bottom: 1rem; }
      @media (min-width: 900px) {
        .highlights .highlight-year {
          padding: 2rem 2rem 2rem 1.5rem; } }
    .highlights .highlight-content {
      position: relative;
      width: 100%;
      z-index: -1;
      height: 250px; }
      @media (min-width: 600px) {
        .highlights .highlight-content {
          height: 500px; } }
      @media (min-width: 900px) {
        .highlights .highlight-content {
          height: auto; } }
      .highlights .highlight-content img {
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
        height: 100%; }
    .highlights .highlight-caption-wrap {
      display: flex;
      height: 100%;
      align-items: center; }
    .highlights .highlight-caption {
      font-size: 1.2rem;
      margin-left: 3rem; }
      @media (min-width: 900px) {
        .highlights .highlight-caption {
          margin-left: 20%;
          font-size: 1.5rem; } }
      @media (min-width: 1200px) {
        .highlights .highlight-caption {
          margin-left: 20%;
          font-size: 1.7rem; } }
  .highlights .shadow-horizontal {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    background: linear-gradient(90deg, black 0%, rgba(0, 0, 0, 0) 50%, black 100%); }

#booking #section1 {
  display: flex;
  margin-bottom: 4rem;
  flex-direction: column; }
  @media (min-width: 600px) {
    #booking #section1 {
      flex-direction: row;
      justify-content: space-between; } }
  @media (min-width: 1200px) {
    #booking #section1 {
      margin-bottom: 6rem; } }
  #booking #section1 > div {
    margin-right: 3rem; }
  #booking #section1 h2 {
    margin-bottom: 2rem; }
  #booking #section1 #general-inquires {
    margin-bottom: 4rem; }
    @media (min-width: 600px) {
      #booking #section1 #general-inquires {
        margin-bottom: 0; } }
    #booking #section1 #general-inquires .col1 {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      height: 100%; }
      #booking #section1 #general-inquires .col1 > * {
        flex: 1; }
    #booking #section1 #general-inquires #image-1 {
      display: flex;
      align-items: flex-end;
      margin-top: 2rem; }
  #booking #section1 #booking-contact {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%; }
  #booking #section1 .contact-by-country {
    margin: 1rem 0; }
    #booking #section1 .contact-by-country:last-of-type {
      margin-bottom: 0; }
  #booking #section1 .country {
    font-size: 22px; }

#booking #booking-form h2 {
  margin-bottom: 60px; }

#booking #booking-form #form-container {
  display: flex;
  gap: 10%; }
  #booking #booking-form #form-container #form-left {
    width: 45%; }
  #booking #booking-form #form-container #form-right {
    width: 35%; }

#contact .contact-info {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column; }
  @media (min-width: 600px) {
    #contact .contact-info {
      flex-direction: row;
      justify-content: space-between; } }

#contact .row {
  flex: 0 1 45%;
  display: flex;
  flex-direction: column;
  margin-top: auto;
  margin-bottom: 3rem; }

#contact .contact-type {
  margin-bottom: 1rem; }
  @media (min-width: 900px) {
    #contact .contact-type {
      flex-direction: row;
      margin-bottom: 2rem; } }

#contact .email {
  font-size: 1.25rem; }