@charset "UTF-8";
.fade-type-scale {
  transform: translateY(50px);
  transition: 0.6s;
  opacity: 0;
}
.fade-scale {
  transform: translateY(0px);
  opacity: 1;
}
.fade-elem {
  transform: translateY(50px);
  transition: 0.6s;
  opacity: 0;
}
.fade-elem:nth-of-type(2) {
  transition-delay: 0.1s;
}
.fade-elem:nth-of-type(3) {
  transition-delay: 0.2s;
}
.fade-elem:nth-of-type(4) {
  transition-delay: 0.3s;
}
.fade-elem:nth-of-type(5) {
  transition-delay: 0.4s;
}
.fade-elem:nth-of-type(6) {
  transition-delay: 0.5s;
}
.fade-elem:nth-of-type(7) {
  transition-delay: 0.6s;
}
.fade-up {
  transform: translateY(0);
  opacity: 1;
}
.fade-type-up, .fade-type-down, .fade-type-left, .fade-type-right, .fade-elem {
  transition: 0.6s;
  opacity: 0;
}
.fade-type-up, .fade-elem {
  transform: translateY(50px);
}
.fade-type-down {
  transform: translateY(-50px);
}
.fade-type-left {
  transform: translateX(50px);
}
.fade-type-right {
  transform: translateX(-50px);
}
.fade-elem:nth-of-type(2) {
  transition-delay: 0.1s;
}
.fade-elem:nth-of-type(3) {
  transition-delay: 0.2s;
}
.fade-elem:nth-of-type(4) {
  transition-delay: 0.3s;
}
.fade-elem:nth-of-type(5) {
  transition-delay: 0.4s;
}
.fade-elem:nth-of-type(6) {
  transition-delay: 0.5s;
}
.fade-elem:nth-of-type(7) {
  transition-delay: 0.6s;
}
.fade-up-down {
  transform: translateY(0);
  opacity: 1;
}
.fade-left-right {
  transform: translateX(0);
  opacity: 1;
}