.scale-up-top {
  animation: scale-up-top 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

@-webkit-keyframes scale-up-top {
  0% {
    transform: scale(0.5);

    transform-origin: 50% 0%;
  }
  100% {
    transform: scale(1);

    transform-origin: 50% 0%;
  }
}
@keyframes scale-up-top {
  0% {
    transform: scale(0.5);

    transform-origin: 50% 0%;
  }
  100% {
    transform: scale(1);

    transform-origin: 50% 0%;
  }
}

//
.slide-in-left {
  animation: slide-in-left 1.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

@-webkit-keyframes slide-in-left {
  0% {
    transform: translateX(-1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-left {
  0% {
    transform: translateX(-1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

//
.slide-in-br {
  animation: slide-in-br 0.92s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

@keyframes slide-in-br {
  0% {
    transform: translateY(0000px) translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateY(0) translateX(0);
    opacity: 1;
  }
}

//
.slide-in-bl {
  animation: slide-in-bl 0.92s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

@-webkit-keyframes slide-in-bl {
  0% {
    transform: translateY(1000px) translateX(-1000px);
    opacity: 0;
  }
  100% {
    transform: translateY(0) translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-bl {
  0% {
    transform: translateY(1000px) translateX(-1000px);
    opacity: 0;
  }
  100% {
    transform: translateY(0) translateX(0);
    opacity: 1;
  }
}

//

.text-pop-up-right {
  animation: text-pop-up-right 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

@-webkit-keyframes text-pop-up-right {
  0% {
    transform: translateX(0);

    transform-origin: 50% 50%;
    text-shadow: none;
  }
  100% {
    transform: translateX(50px);

    transform-origin: 50% 50%;
    text-shadow: 0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc,
      0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc,
      0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3);
  }
}
@keyframes text-pop-up-right {
  0% {
    transform: translateX(0);

    transform-origin: 50% 50%;
    text-shadow: none;
  }
  100% {
    transform: translateX(50px);

    transform-origin: 50% 50%;
    text-shadow: 0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc,
      0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc,
      0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3);
  }
}