body.dev *{
  box-shadow:inset 0 0 2px pink;
}
/* trusarc */
.bf-ta-consent-blackbar {
  z-index: 600;
}
/* FOOTER STYLES*/
.page-footer {
  position: fixed;
  right: 15px;
  bottom: 30px;
  display: flex;
  align-items: center;
  font-size: 1rem;
  padding: 5px;
}

.page-footer a {
  margin-left: 4px;
}

.footer {
  color: #fff;
  text-transform: uppercase;
  text-align: center;
}

.footer,
.footer p, 
#date_entry p,
.agegate__item{
  font-family: unit-gothic-721, sans-serif;
  letter-spacing: 0.04em;
  text-align: center;
}

.footer a {
  color: #fff;
  text-decoration: none;
}

.footer .ppsr {
  font-size: 140%;
}
/* #intro-mobil{
  height: 100%;
} */


@-webkit-keyframes animate-svg-stroke-apple {
  0% {
    stroke-dashoffset: 1822.4735107421875px;
    stroke-dasharray: 1822.4735107421875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1822.4735107421875px;
  }
}

@keyframes animate-svg-stroke-apple {
  0% {
    stroke-dashoffset: 1822.4735107421875px;
    stroke-dasharray: 1822.4735107421875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1822.4735107421875px;
  }
}

@-webkit-keyframes animate-svg-fill-apple {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-apple {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-apple {
  -webkit-animation: animate-svg-stroke-apple 1.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
                       animate-svg-fill-apple 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both;
          animation: animate-svg-stroke-apple 1.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
               animate-svg-fill-apple 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both;
}



@-webkit-keyframes animate-svg-stroke-fire {
  0% {
    stroke-dashoffset: 956.4775390625px;
    stroke-dasharray: 956.4775390625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 956.4775390625px;
  }
}

@keyframes animate-svg-stroke-fire {
  0% {
    stroke-dashoffset: 956.4775390625px;
    stroke-dasharray: 956.4775390625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 956.4775390625px;
  }
}

@-webkit-keyframes animate-svg-fill-fire {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-fire {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-fire {
  -webkit-animation: animate-svg-stroke-fire 1.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
                       animate-svg-fill-fire 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both;
          animation: animate-svg-stroke-fire 1.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
               animate-svg-fill-fire 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both;
}

@-webkit-keyframes animate-svg-stroke-jd {
  0% {
    stroke-dashoffset: 7780.25341796875px;
    stroke-dasharray: 7780.25341796875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 7780.25341796875px;
  }
}

@keyframes animate-svg-stroke-jd {
  0% {
    stroke-dashoffset: 7780.25341796875px;
    stroke-dasharray: 7780.25341796875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 7780.25341796875px;
  }
}

@-webkit-keyframes animate-svg-fill-jd {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-jd {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-jd {
  -webkit-animation: animate-svg-stroke-jd 2s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
                       animate-svg-fill-jd 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
          animation: animate-svg-stroke-jd 2s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
               animate-svg-fill-jd 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
}

@-webkit-keyframes animate-svg-stroke-honey {
  0% {
    stroke-dashoffset: 1866.5487060546875px;
    stroke-dasharray: 1866.5487060546875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1866.5487060546875px;
  }
}

@keyframes animate-svg-stroke-honey {
  0% {
    stroke-dashoffset: 1866.5487060546875px;
    stroke-dasharray: 1866.5487060546875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1866.5487060546875px;
  }
}

@-webkit-keyframes animate-svg-fill-honey {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(179, 161, 134);
  }
}

@keyframes animate-svg-fill-honey {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(179, 161, 134);
  }
}

.svg-elem-honey {
  -webkit-animation:  animate-svg-stroke-honey 3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s both,
                      animate-svg-fill-honey 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 2.4s both;
  animation:  animate-svg-stroke-honey 3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s both,
              animate-svg-fill-honey 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 2.4s both;
}

@-webkit-keyframes animate-svg-stroke-drop {
  0% {
    stroke-dashoffset: 1152.674072265625px;
    stroke-dasharray: 1152.674072265625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1152.674072265625px;
  }
}

@keyframes animate-svg-stroke-drop {
  0% {
    stroke-dashoffset: 1152.674072265625px;
    stroke-dasharray: 1152.674072265625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1152.674072265625px;
  }
}

.svg-elem-drop {
  -webkit-animation: animate-svg-stroke-drop 3s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
          animation: animate-svg-stroke-drop 3s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
}


.animate-bottle {
  -webkit-animation: key-bottle-in 600ms ease-in;
  animation: key-bottle-in 600ms ease-in;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes key-bottle-in {
  0% {
      -webkit-transform: translate3d(0px, -30px, 0.003px);
      transform: translate3d(0px, -30px, 0.003px);
      opacity: 0;
    }
  100% {
      -webkit-transform: translate3d(0px, 0px, 0.003px);
      transform: translate3d(0px, 0px, 0.003px);
      opacity: 1;
  }
}

.animate-to-inl {
    -webkit-animation:key-to-inl 1000ms cubic-bezier(.47,1.24,.78,1.09) 0ms;
    animation: key-to-inl 1000ms cubic-bezier(.47,1.24,.78,1.09) 0ms;
    animation-fill-mode: forwards;
  }
  
@keyframes key-to-inl {
    0% {
        -webkit-transform: translate3d(120%, 0px, 0.003px);
        transform: translate3d(120%, 0px, 0.003px);
        opacity: 0
    }
    100% {
        -webkit-transform: translate3d(0px, 0px, 0.003px);
        transform: translate3d(0px, 0px, 0.003px);
        opacity: 1
    }
  }

  .animate-to-inr-mb {
    -webkit-animation: key-to-inr-mb 2000ms cubic-bezier(.47,1.24,.78,1.09) 0ms;
    animation: key-to-inr-mb 2000ms cubic-bezier(.47,1.24,.78,1.09) 0ms;
    animation-fill-mode: forwards;
  }
  
@keyframes key-to-inr-mb {
    0% {
        -webkit-transform: translate3d(-120%, 0px, 0.003px);
        transform: translate3d(-120%, 0px, 0.003px);
        opacity: 0
    }
    100% {
        -webkit-transform: translate3d(0px, 0px, 0.003px);
        transform: translate3d(0px, 0px, 0.003px);
        opacity: 1
    }
  }

  .animate-to-inr {
    -webkit-animation: key-to-inr 1000ms cubic-bezier(.47,1.24,.78,1.09) 0ms;
    animation: key-to-inr 1000ms cubic-bezier(.47,1.24,.78,1.09) 0ms;
    animation-fill-mode: forwards;
  }
  
@keyframes key-to-inr {
    0% {
        -webkit-transform: translate3d(-120%, 0px, 0.003px);
        transform: translate3d(-120%, 0px, 0.003px);
        opacity: 0
    }
    100% {
        -webkit-transform: translate3d(0px, 0px, 0.003px);
        transform: translate3d(0px, 0px, 0.003px);
        opacity: 1
    }
  }

.animate-in {
    -webkit-animation: key-in 800ms cubic-bezier(.36,0,1,.99) 0ms;
    animation: key-in 800ms cubic-bezier(.36,0,1,.99) 0ms;
    animation-fill-mode: forwards;
  }
  
@keyframes key-in {
  0% {
    -webkit-transform: translate3d(0px, 48px, 0.003px);
    transform: translate3d(0px, 48px, 0.003px);
    opacity: 0
}
100% {
    -webkit-transform: translate3d(0px, 0px, 0.003px);
    transform: translate3d(0px, 0px, 0.003px);
    opacity: 1
}
}

.animate-up {
  -webkit-animation: key-up 1000ms cubic-bezier(.36,0,1,.99) 0ms;
  animation: key-up 1000ms cubic-bezier(.36,0,1,.99) 0ms;
  animation-fill-mode: forwards;
}

@keyframes key-up {
0% {
  -webkit-transform: translate3d(0px, 200px, 0.003px);
  transform: translate3d(0px, 200px, 0.003px);
  opacity: 0
}
100% {
  -webkit-transform: translate3d(0px, 0px, 0.003px);
  transform: translate3d(0px, 0px, 0.003px);
  opacity: 1
}
}


.animate-to-inlt {
  -webkit-animation:key-to-inlt 1000ms cubic-bezier(.47,1.24,.78,1.09) 0ms;
  animation: key-to-inlt 1000ms cubic-bezier(.47,1.24,.78,1.09) 0ms;
  animation-fill-mode: forwards;
}

@keyframes key-to-inlt {
  0% {
      -webkit-transform: translate3d(220%, 0px, 0.003px);
      transform: translate3d(220%, 0px, 0.003px);
      opacity: 0
  }
  100% {
      -webkit-transform: translate3d(0px, 0px, 0.003px);
      transform: translate3d(0px, 0px, 0.003px);
      opacity: 1
  }
}


.animate-down {
  -webkit-animation: key-down 1000ms cubic-bezier(.47,1.24,.78,1.09) 0ms;
  animation: key-down 1000ms cubic-bezier(.47,1.24,.78,1.09) 0ms;
  animation-fill-mode: forwards;
}

@keyframes key-down {
0% {
  -webkit-transform: translate3d(0px, -100px, 0.003px);
  transform: translate3d(0px, -100px, 0.003px);
  opacity: 0
}
100% {
  -webkit-transform: translate3d(0px, 0px, 0.003px);
  transform: translate3d(0px, 0px, 0.003px);
  opacity: 1
}
}

.animate-menu {
  -webkit-animation: key-down-menu 600ms cubic-bezier(.36,0,1,.99) 0ms;
  animation: key-down-menu 600ms cubic-bezier(.36,0,1,.99) 0ms;
  animation-fill-mode: forwards;
}

@keyframes key-down-menu {
0% {
  -webkit-transform: translate3d(0px, -12px, 0.003px);
  transform: translate3d(0px, -12px, 0.003px);
  opacity: 0
}
60% {
  opacity: 1
}
100% {
  -webkit-transform: translate3d(0px, 0px, 0.003px);
  transform: translate3d(0px, 0px, 0.003px);
  opacity: 1
}
}

.animate-menu-line {
  -webkit-animation: key-down-menu-line 1000ms cubic-bezier(.36,0,1,.99);
  animation: key-down-menu-line 1000ms cubic-bezier(.36,0,1,.99);
  animation-fill-mode: forwards;
  opacity: 0
}

@keyframes key-down-menu-line {
0% {
  -webkit-transform: translate3d(0px, 0px, 0.003px);
  transform: translate3d(0px, 0px, 0.003px);
  opacity: 0
}
50% {
  opacity: 0
}
100% {
  -webkit-transform: translate3d(0px, 0px, 0.003px);
  transform: translate3d(0px, 0px, 0.003px);
  opacity: 1
}
}

.animate-loga-up2 {
  -webkit-animation: key-loga-h 600ms cubic-bezier(.36,0,1,.99) 0ms;
  animation: key-loga-h 600ms cubic-bezier(.36,0,1,.99) 0ms;
  animation-fill-mode: forwards;
}

@keyframes key-loga-h {
0% {
  -webkit-transform: translate3d(0px, 12px, 0.003px);
  transform: translate3d(0px, 12px, 0.003px);
  opacity: 0
}
60% {
  opacity: 1
}
100% {
  -webkit-transform: translate3d(0px, 0px, 0.003px);
  transform: translate3d(0px, 0px, 0.003px);
  opacity: 1
}
}





.animate-loga-up {
  -webkit-animation: key-loga-up 5ms cubic-bezier(.36,0,1,.99);
  animation: key-loga-up 500ms cubic-bezier(.36,0,1,.99);
  animation-fill-mode: forwards;
  transform-origin: center top;
  transform-style: preserve-3d;
}

@keyframes key-loga-up {
0% {
  -webkit-transform: translateY(0%) rotateX(0deg) scale(1);
  transform: translateY(0%) rotateX(0deg) scale(1);
  opacity: 0
}
50% {
  -webkit-transform: translateY(-10%) rotateX(-10deg) scale(1.1) ;
  transform: translateY(-10%) rotateX(-10deg) scale(1.1);
  opacity: 1
}

100% {
  -webkit-transform: translateY(0%) rotateX(0deg) scale(1);
  transform: translateY(0%) rotateX(0deg) scale(1);
  opacity: 1
}
}

.animate-loga {
  -webkit-animation: bounce-loga 800ms cubic-bezier(.47,1.24,.78,1.09);
  animation: bounce-loga 800ms cubic-bezier(.47,1.24,.78,1.09);
  animation-fill-mode: forwards;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}


@-webkit-keyframes bounce-loga {
  from,
  20%,
  53%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -10px, 0) scaleY(1.1);
    transform: translate3d(0, -10px, 0) scaleY(1.1);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -9px, 0) scaleY(1.05);
    transform: translate3d(0, -9px, 0) scaleY(1.05);
  }

  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}



@keyframes bounce-loga {
  from,
  20%,
  53%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -10px, 0) scaleY(1.1);
    transform: translate3d(0, -10px, 0) scaleY(1.1);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -9px, 0) scaleY(1.05);
    transform: translate3d(0, -9px, 0) scaleY(1.05);
  }

  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}

.cursor-m {
  z-index: 5;
  width: 200px;
  height: 200px;
  opacity: 1;
}

.cursor-m svg {
  fill: rgba(255, 255, 255, 0.793);
  stroke: #b3a186;
  stroke-width: 4;
  overflow: visible;
  transition: stroke-dashoffset 0.3s;
}
.cursor-m:before, .cursor-m:after {
  content: "";
  background-color: #b3a186;
}

.play-button {
  width: 208px;
  height: 208px;
  position: relative;
  cursor: pointer;
}

.play-backdrop {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background-color: #000;
  opacity: 0;
  visibility: hidden;
}

.play-close {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 0;
  bottom: calc(100% + 15px);
  border: none;
  outline: none;
  background: none;
  opacity: 0;
  cursor: pointer;
}

.play-close::before,
.play-close::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: rotate(45deg);
  background-color: white;
}

.play-close::after {
  transform: rotate(-45deg);
}

.play-circles {
  display: block;
  width: 100%;
  height: 100%;
}

.play-perspective {
  width: 720px;
  height: 400px;
  position: absolute;
  left: -260px;
  top: -100px;
}

.play-triangle {
  width: 720px;
  height: 400px;
  background-color: #fff;
  cursor: pointer;
}


.play-button-2 {
  width: 208px;
  height: 208px;
  position: relative;
  cursor: pointer;
}

.play-backdrop-2 {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background-color: #000;
  opacity: 0;
  visibility: hidden;
}

.play-close-2 {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 0;
  bottom: calc(100% + 15px);
  border: none;
  outline: none;
  background: none;
  opacity: 0;
  cursor: pointer;
}

.play-close-2::before,
.play-close-2::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: rotate(45deg);
  background-color: white;
}