/*Animations*/
.animated-short {
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
/*Fade In Down Small*/
@-webkit-keyframes fadeInDownSmall {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDownSmall {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDownSmall {
  -webkit-animation-name: fadeInDownSmall;
  animation-name: fadeInDownSmall;
}
/*Fade In Up Small*/
@-webkit-keyframes fadeInUpSmall {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUpSmall {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUpSmall {
  -webkit-animation-name: fadeInUpSmall;
  animation-name: fadeInUpSmall;
}
/*Flicker Animation*/
@-webkit-keyframes flickerAnimation{
  0% {
    opacity:1;
  }
  20% {
    opacity:0;
  }
  50% {
    opacity:1;
  }
  100% {
    opacity:1;
  }
}
@keyframes flickerAnimation {
  0% {
    opacity:1;
  }
  20% {
    opacity:0;
  }
  50% {
    opacity:1;
  }
  100% {
    opacity:1;
  }
}
.flickerAnimation {
  -webkit-animation-name: flickerAnimation;
  animation-name: flickerAnimation;
}
/*fix for admin pages*/
.path-admin .fade {
  opacity: 1;
  filter: alpha(opacity=100);
}