.fp-watermark {
  display: none !important;
}

/* @keyframes header {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.animate-header {
  animation: header 1s ease-in-out forwards;
} */

@keyframes header-opacityIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.animate-header-opacityIn {
  animation: header-opacityIn 0.6s ease-in-out forwards;
}

@keyframes header-opacityOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.animate-header-opacityOut {
  animation: header-opacityOut 0.1s ease-in-out forwards;
}

@keyframes logo {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.animate-logo {
  animation: logo 0.3s ease-in-out 0s both;
}

@keyframes logo-1 {
  from {
    stroke-dashoffset: 134.09197998046875px;
    stroke-dasharray: 134.09197998046875px;
  }

  to {
    stroke-dashoffset: 0;
    stroke-dasharray: 134.09197998046875px;
  }
}

.animate-logo-1 {
  animation: logo-1 1s ease-in-out 0s both;
}

@keyframes logo-2 {
  from {
    stroke-dashoffset: 134.09249877929688px;
    stroke-dasharray: 134.09249877929688px;
  }

  to {
    stroke-dashoffset: 0;
    stroke-dasharray: 134.09249877929688px;
  }
}

.animate-logo-2 {
  animation: logo-2 1s ease-in-out 0.12s both;
}

@keyframes opening {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(-100%);
  }
}

.animate-opening {
  animation: opening 0.3s ease-out forwards;
}

@keyframes earth {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.animate-earth {
  animation: earth 1s ease-in-out forwards;
}

@keyframes catch-opacityIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.animate-catch-opacityIn {
  animation: catch-opacityIn 0.6s ease-in-out forwards;
}

@keyframes catch-opacityOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.animate-catch-opacityOut {
  animation: catch-opacityOut 0.6s ease-in-out forwards;
}

@keyframes catch-maskUp {
  from {
    height: calc(100% + 2px);
  }

  to {
    height: 0;
  }
}

.animate-catch-maskUp {
  animation: catch-maskUp 0.6s ease-out forwards;
}

@keyframes bg-opacityIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.animate-bg-opacityIn {
  animation: bg-opacityIn 0.6s ease-in-out forwards;
}

@keyframes bg-opacityOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.animate-bg-opacityOut {
  animation: bg-opacityOut 1.6s ease-in-out forwards;
}

/* @keyframes slide-scaleUp {
  from {
    scale: 1;
  }

  to {
    scale: 1.1;
  }
}

.animate-slide-scaleUp {
  animation: slide-scaleUp 1s ease-in-out forwards;
} */


@keyframes slide-scaleDown {
  from {
    scale: 1.1;
  }

  to {
    scale: 1;
  }
}

.animate-slide-scaleDown {
  animation: slide-scaleDown 1s ease-in-out forwards;
}

@keyframes slide-maskUp {
  from {
    mask-position: 0 150vh;
  }

  to {
    mask-position: 0 -150vh;
  }
}

.animate-slide-maskUp {
  animation: slide-maskUp 1s ease-in-out forwards;
}

@keyframes slide-maskDown {
  from {
    mask-position: 0 -150vh;
  }
  
  to {
    mask-position: 0 150vh;
  }
}

.animate-slide-maskDown {
  animation: slide-maskDown 1s ease-in-out forwards;
}

@keyframes fullpage-opacityIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.animate-fullpage-opacityIn {
  animation: fullpage-opacityIn 0.6s ease-in-out forwards;
}

@keyframes fullpage-opacityOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.animate-fullpage-opacityOut {
  animation: fullpage-opacityOut 0.1s ease-in-out forwards;
}

@keyframes fullpage-imgIn {
  from {
    scale: 0.9;
    opacity: 0;
  }

  to {
    scale: 1;
    opacity: 1;
  }
}

.animate-fullpage-imgIn {
  animation: fullpage-imgIn 0.6s ease-in-out forwards;
}