.fadeIn {
  transition: 1s;
  opacity: 0;
  will-change: opacity;
}

.fadeIn.animated {
  opacity: 1;
}

.fab.fadeIn.animated {
  transition-delay: 1s;
}

.fadeUp {
  -webkit-transform: translate3d(0, 50px, 0);
  transform: translate3d(0, 50px, 0);
  opacity: 0;
}

.fadeUp.animated {
  -webkit-animation: fadeup 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards 1;
  animation: fadeup 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards 1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  outline: 1px solid transparent;
  /* overflow: hidden; */
}

.about__image.fadeUp.animated {
  overflow: visible;
}

@-webkit-keyframes fadeup {
  0% {
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
    opacity: 0;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes fadeup {
  0% {
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
    opacity: 0;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.galleryFadeUp {
  -webkit-transform: translate3d(0, 50px, 0);
  transform: translate3d(0, 50px, 0);
  opacity: 0;
}

.instagram__container.animated .galleryFadeUp {
  -webkit-animation: galleryFadeUp 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards
    1;
  animation: galleryFadeUp 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards 1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  outline: 1px solid transparent;
  overflow: hidden;
}

@-webkit-keyframes galleryFadeUp {
  0% {
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
    opacity: 0;
  }

  50% {
    opacity: 0.6;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes galleryFadeUp {
  0% {
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
    opacity: 0;
  }

  50% {
    opacity: 0.6;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.fadeup-centered {
  -webkit-animation: fadeup-centered 1.5s cubic-bezier(0.23, 1, 0.32, 1)
    forwards 1;
  animation: fadeup-centered 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards 1;
  -webkit-transform: rotate(0.0001deg);
  transform: rotate(0.0001deg);
}

@-webkit-keyframes fadeup-centered {
  0% {
    -webkit-transform: translate3d(-50%, 50px, 0);
    transform: translate3d(-50%, 50px, 0);
    opacity: 0;
  }

  50% {
    opacity: 0.6;
  }

  100% {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    opacity: 1;
  }
}

@keyframes fadeup-centered {
  0% {
    -webkit-transform: translate3d(-50%, 50px, 0);
    transform: translate3d(-50%, 50px, 0);
    opacity: 0;
  }

  50% {
    opacity: 0.6;
  }

  100% {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    opacity: 1;
  }
}

.fadein {
  -webkit-animation: fadein 1s cubic-bezier(0.23, 1, 0.32, 1) forwards 1;
  animation: fadein 1s cubic-bezier(0.23, 1, 0.32, 1) forwards 1;
}

.fv-fadein {
  -webkit-animation: head-img-zoom 5s ease 0s 1 alternate forwards;
  animation: head-img-zoom 5s ease 0s 1 alternate forwards;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  outline: 1px solid transparent;
  opacity: 1;
}

@-webkit-keyframes head-img-zoom {
  0% {
    -webkit-transform: scale(1.2) rotate(0.0001deg);
    transform: scale(1.2) rotate(0.0001deg);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1) rotate(0.0001deg);
    transform: scale(1) rotate(0.0001deg);
    opacity: 1;
  }
}

@keyframes head-img-zoom {
  0% {
    -webkit-transform: scale(1.2) rotate(0.0001deg);
    transform: scale(1.2) rotate(0.0001deg);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1) rotate(0.0001deg);
    transform: scale(1) rotate(0.0001deg);
    opacity: 1;
  }
}

.fadeInRight {
  -webkit-transform: translate3d(-100px, 0, 0) rotate(0.0001deg);
  transform: translate3d(-100px, 0, 0) rotate(0.0001deg);
  opacity: 0;
}

.fadeInRight.animated {
  -webkit-animation: fadeInRight 1.8s cubic-bezier(0.075, 0.82, 0.165, 1)
    forwards 1;
  animation: fadeInRight 1.8s cubic-bezier(0.075, 0.82, 0.165, 1) forwards 1;
  outline: 1px solid transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

@media (min-width: 768px) {
  .about__content.fadeInRight {
    animation-delay: 0.5s;
  }
}

@-webkit-keyframes fadeInRight {
  0% {
    -webkit-transform: translate3d(-100px, 0, 0) rotate(0.0001deg);
    transform: translate3d(-100px, 0, 0) rotate(0.0001deg);
    opacity: 0;
  }

  50% {
    opacity: 0.6;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0) rotate(0.0001deg);
    transform: translate3d(0, 0, 0) rotate(0.0001deg);
    opacity: 1;
  }
}

@keyframes fadeInRight {
  0% {
    -webkit-transform: translate3d(-100px, 0, 0) rotate(0.0001deg);
    transform: translate3d(-100px, 0, 0) rotate(0.0001deg);
    opacity: 0;
  }

  50% {
    opacity: 0.6;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0) rotate(0.0001deg);
    transform: translate3d(0, 0, 0) rotate(0.0001deg);
    opacity: 1;
  }
}

.fadeInLeft {
  -webkit-transform: translate3d(-100px, 0, 0) rotate(0.0001deg);
  transform: translate3d(-100px, 0, 0) rotate(0.0001deg);
  opacity: 0;
}

.fadeInLeft.animated {
  -webkit-animation: fadeInLeft 1.8s cubic-bezier(0.075, 0.82, 0.165, 1)
    forwards 1;
  animation: fadeInLeft 1.8s cubic-bezier(0.075, 0.82, 0.165, 1) forwards 1;
  outline: 1px solid transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

@-webkit-keyframes fadeInLeft {
  0% {
    -webkit-transform: translate3d(100px, 0, 0) rotate(0.0001deg);
    transform: translate3d(100px, 0, 0) rotate(0.0001deg);
    opacity: 0;
  }

  50% {
    opacity: 0.6;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0) rotate(0.0001deg);
    transform: translate3d(0, 0, 0) rotate(0.0001deg);
    opacity: 1;
  }
}

@keyframes fadeInLeft {
  0% {
    -webkit-transform: translate3d(100px, 0, 0) rotate(0.0001deg);
    transform: translate3d(100px, 0, 0) rotate(0.0001deg);
    opacity: 0;
  }

  50% {
    opacity: 0.6;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0) rotate(0.0001deg);
    transform: translate3d(0, 0, 0) rotate(0.0001deg);
    opacity: 1;
  }
}

.page-cover .cover__title {
  -webkit-transform: translate3d(1.59em, -50%, 0);
  transform: translate3d(1.59em, -50%, 0);
  opacity: 1;
}

.page-cover .cover__title.animated {
  -webkit-animation: infotextani-cover 1.8s cubic-bezier(0.075, 0.82, 0.165, 1)
    forwards 1;
  animation: infotextani-cover 1.8s cubic-bezier(0.075, 0.82, 0.165, 1) forwards
    1;
  outline: 1px solid transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

@-webkit-keyframes infotextani-cover {
  0% {
    -webkit-transform: translate3d(-100px, -50%, 0);
    transform: translate3d(-100px, -50%, 0);
    opacity: 0;
  }

  50% {
    opacity: 0.6;
  }

  100% {
    -webkit-transform: translate3d(1.59em, -50%, 0);
    transform: translate3d(1.59em, -50%, 0);
    opacity: 1;
  }
}

@keyframes infotextani-cover {
  0% {
    -webkit-transform: translate3d(-100px, -50%, 0);
    transform: translate3d(-100px, -50%, 0);
    opacity: 0;
  }

  50% {
    opacity: 0.6;
  }

  100% {
    -webkit-transform: translate3d(1.59em, -50%, 0);
    transform: translate3d(1.59em, -50%, 0);
    opacity: 1;
  }
}

@media (min-width: 768px) {
  .page-cover .cover__title {
    -webkit-transform: translate3d(-100px, -50%, 0);
    transform: translate3d(-100px, -50%, 0);
    opacity: 0;
  }
  @-webkit-keyframes infotextani-cover {
    0% {
      -webkit-transform: translate3d(-100px, -50%, 0);
      transform: translate3d(-100px, -50%, 0);
      opacity: 0;
    }

    50% {
      opacity: 0.6;
    }

    100% {
      -webkit-transform: translate3d(0, -50%, 0);
      transform: translate3d(0, -50%, 0);
      opacity: 1;
    }
  }

  @keyframes infotextani-cover {
    0% {
      -webkit-transform: translate3d(-100px, -50%, 0);
      transform: translate3d(-100px, -50%, 0);
      opacity: 0;
    }

    50% {
      opacity: 0.6;
    }

    100% {
      -webkit-transform: translate3d(0, -50%, 0);
      transform: translate3d(0, -50%, 0);
      opacity: 1;
    }
  }
}

.fv__caption {
  -webkit-transform: translate3d(-30px, 0, 0);
  transform: translate3d(-30px, 0, 0);
  opacity: 0;
}

.fv__caption {
  -webkit-animation: fvcaption 1.8s cubic-bezier(0.075, 0.82, 0.165, 1) forwards
    1;
  animation: fvcaption 1.8s cubic-bezier(0.075, 0.82, 0.165, 1) forwards 1;
  outline: 1px solid transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

@-webkit-keyframes fvcaption {
  0% {
    -webkit-transform: translate3d(-30px, 0, 0) rotate(0.0001deg);
    transform: translate3d(-30px, 0, 0) rotate(0.0001deg);
    opacity: 0;
  }

  50% {
    opacity: 0.6;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0) rotate(0.0001deg);
    transform: translate3d(0, 0, 0) rotate(0.0001deg);
    opacity: 1;
  }
}

@keyframes fvcaption {
  0% {
    -webkit-transform: translate3d(-30px, 0, 0) rotate(0.0001deg);
    transform: translate3d(-30px, 0, 0) rotate(0.0001deg);
    opacity: 0;
  }

  50% {
    opacity: 0.6;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0) rotate(0.0001deg);
    transform: translate3d(0, 0, 0) rotate(0.0001deg);
    opacity: 1;
  }
}

.gallery-fade {
  opacity: 0;
}

.gallery-fade {
  -webkit-animation: gallery-fade 2s ease 0s 1 alternate forwards;
  animation: gallery-fade 2s ease 0s 1 alternate forwards;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

@-webkit-keyframes gallery-fade {
  0% {
    -webkit-transform: translate3d(0, 25%, 0);
    transform: translate3d(0, 25%, 0);
    opacity: 0;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes gallery-fade {
  0% {
    -webkit-transform: translate3d(0, 25%, 0);
    transform: translate3d(0, 25%, 0);
    opacity: 0;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@media (min-width: 768px) {
  .fv__caption {
    -webkit-transform: translate3d(-30px, -50%, 0) rotate(0.0001deg);
    transform: translate3d(-30px, -50%, 0) rotate(0.0001deg);
    opacity: 0;
    margin-top: 0;
  }

  .fv__caption {
    -webkit-animation: fvcaption 1.8s cubic-bezier(0.075, 0.82, 0.165, 1)
      forwards 1;
    animation: fvcaption 1.8s cubic-bezier(0.075, 0.82, 0.165, 1) forwards 1;
    outline: 1px solid transparent;
    -webkit-transform: rotate(0.0001deg);
    transform: rotate(0.0001deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  @-webkit-keyframes fvcaption {
    0% {
      -webkit-transform: translate3d(-30px, -50%, 0) rotate(0.0001deg);
      transform: translate3d(-30px, -50%, 0) rotate(0.0001deg);
      opacity: 0;
    }

    50% {
      opacity: 0.6;
    }

    100% {
      -webkit-transform: translate3d(0, -50%, 0) rotate(0.0001deg);
      transform: translate3d(0, -50%, 0) rotate(0.0001deg);
      opacity: 1;
    }
  }

  @keyframes fvcaption {
    0% {
      -webkit-transform: translate3d(-30px, -50%, 0) rotate(0.0001deg);
      transform: translate3d(-30px, -50%, 0) rotate(0.0001deg);
      opacity: 0;
    }

    50% {
      opacity: 0.6;
    }

    100% {
      -webkit-transform: translate3d(0, -50%, 0) rotate(0.0001deg);
      transform: translate3d(0, -50%, 0) rotate(0.0001deg);
      opacity: 1;
    }
  }
}

@-webkit-keyframes gallery-fade {
  0% {
    -webkit-transform: translate3d(0, -25%, 0);
    transform: translate3d(0, -25%, 0);
    opacity: 0;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes gallery-fade {
  0% {
    -webkit-transform: translate3d(0, -25%, 0);
    transform: translate3d(0, -25%, 0);
    opacity: 0;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.page-cover .cover__decor {
  -webkit-transform: translate3d(0, -25%, 0);
  transform: translate3d(0, -25%, 0);
  opacity: 0;
}

.page-cover .cover__decor.animated {
  -webkit-animation: decor-vert 2s ease 0s 1 alternate forwards;
  animation: decor-vert 2s ease 0s 1 alternate forwards;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

@-webkit-keyframes decor-vert {
  0% {
    -webkit-transform: translate3d(0, -25%, 0);
    transform: translate3d(0, -25%, 0);
    opacity: 0;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes decor-vert {
  0% {
    -webkit-transform: translate3d(0, -25%, 0) rotate(90deg);
    transform: translate3d(0, -25%, 0) rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0) rotate(90deg);
    transform: translate3d(0, 0, 0) rotate(90deg);
    opacity: 1;
  }
}

.gallery-li {
  -webkit-animation: gallery-fade 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards 1;
  animation: gallery-fade 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards 1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  -webkit-transform: rotate(0.0001deg);
  transform: rotate(0.0001deg);
  outline: 1px solid transparent;
}