/*-----------------------------------*/
/* OPACITY */

._opacity {
  opacity: 0;
  transition: all 0.5s ease 0s;
}


/* BOTTOM */
._bottom_opacity {
  transform: translate(0px, 100%);
  opacity: 0;
  transition: all 0.5s ease 0s;
}

/* TOP */
._top_opacity {
  transform: translate(0px, -100%);
  opacity: 0;
  transition: all 0.5s ease 0s;
}

/* LEFT */
._left_opacity {
  transform: translate(-100%, 0);
  opacity: 0;
  transition: all 0.5s ease 0s;
}

/* RIGHT */
._right_opacity {
  transform: translate(100%, 0);
  opacity: 0;
  transition: all 0.5s ease 0s;
}

/* BOTTOM RIGHT */
._bottom-right_opacity {
  transform: translate(100%, 100%);
  opacity: 0;
  transition: all 0.5s ease 0s;
}

/* BOTTOM LEFT */
._bottom-left_opacity {
  transform: translate(-100%, 100%);
  opacity: 0;
  transition: all 0.5s ease 0s;
}

/* TOP RIGHT */
._top-right_opacity {
  transform: translate(100%, -100%);
  opacity: 0;
  transition: all 0.5s ease 0s;
}

/* TOP LEFT */
._top-left_opacity {
  transform: translate(-100%, -100%);
  opacity: 0;
  transition: all 0.5s ease 0s;
}

._animate._opacity {
  opacity: 1;
}

._animate._bottom_opacity,
._animate ._bottom_opacity,
._animate ._top_opacity,
._animate._top_opacity,
._animate ._left_opacity,
._animate._left_opacity,
._animate._right_opacity,
._animate ._right_opacity,
._animate._bottom-right_opacity,
._animate ._bottom-right_opacity,
._animate._bottom-left_opacity,
._animate ._bottom-left_opacity,
._animate._top-right_opacity,
._animate ._top-right_opacity,
._animate._top-left_opacity,
._animate ._top-left_opacity {
  transform: translate(0px, 0px);
  opacity: 1;
}

._scale {
  transform: scale(0);
  transition: all 0.5s ease 0s;
}

._animate._scale,
._animate ._scale {
  transform: scale(1);
}


._animate._smooth-top-bottom,
._animate ._smooth-top-bottom {
  animation: top-bottom 4s linear infinite;
}

@keyframes top-bottom {
  from {
    transform: translateY(-10%);
  }

  50% {
    transform: translateY(10%);
  }

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