/* sliding */

@-webkit-keyframes sliding {
  0% {
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%);
    opacity: 0;
  }

  50% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(25%);
    transform: translateY(25%);
    opacity: 0;
  }
}

@keyframes sliding {
  0% {
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%);
    opacity: 0;
  }

  50% {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(25%);
    -ms-transform: translateY(25%);
    transform: translateY(25%);
    opacity: 0;
  }
}

.animation-sliding.animated,
.animation-sliding.animated-hover:hover,
.animation-parent.animated-hover:hover > .animation-sliding {
  -webkit-animation: sliding 2s linear infinite;
  animation: sliding 2s linear infinite;
}