/* Animation */
/* Spin */
@keyframes spin {
   100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
   }
}

@-o-keyframes spin {
   100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
   }
}

@-moz-keyframes spin {
   100% {
      -moz-transform: rotate(360deg);
   }
}

@-webkit-keyframes spin {
   100% {
      -webkit-transform: rotate(360deg);
   }
}

/* Flicker  */
@keyframes flicker {
   0% {
      opacity: 1;
   }

   50% {
      opacity: 0;
   }

   100% {
      opacity: 1;
   }
}

@-o-keyframes flicker {
   0% {
      opacity: 1;
   }

   50% {
      opacity: 0;
   }

   100% {
      opacity: 1;
   }
}

@-moz-keyframes flicker {
   0% {
      opacity: 1;
   }

   50% {
      opacity: 0;
   }

   100% {
      opacity: 1;
   }
}

@-webkit-keyframes flicker {
   0% {
      opacity: 1;
   }

   50% {
      opacity: 0;
   }

   100% {
      opacity: 1;
   }
}

/* Swing  */
@keyframes swing {
   0%, 30%, 50%, 70%, 100% {
      transform: rotate(0deg);
   }

   10% {
      transform: rotate(10deg);
   }

   40% {
      transform: rotate(-10deg);
   }

   60% {
      transform: rotate(5deg);
   }

   80% {
      transform: rotate(-5deg);
   }
}

@-o-keyframes swing {
   0%, 30%, 50%, 70%, 100% {
      transform: rotate(0deg);
   }

   10% {
      transform: rotate(10deg);
   }

   40% {
      transform: rotate(-10deg);
   }

   60% {
      transform: rotate(5deg);
   }

   80% {
      transform: rotate(-5deg);
   }
}

@-moz-keyframes swing {
   0%, 30%, 50%, 70%, 100% {
      -moz-transform: rotate(0deg);
   }

   10% {
      -moz-transform: rotate(10deg);
   }

   40% {
      -moz-transform: rotate(-10deg);
   }

   60% {
      -moz-transform: rotate(5deg);
   }

   80% {
      -moz-transform: rotate(-5deg);
   }
}

@-webkit-keyframes swing {
   0%, 30%, 50%, 70%, 100% {
      -webkit-transform: rotate(0deg);
   }

   10% {
      -webkit-transform: rotate(10deg);
   }

   40% {
      -webkit-transform: rotate(-10deg);
   }

   60% {
      -webkit-transform: rotate(5deg);
   }

   80% {
      -webkit-transform: rotate(-5deg);
   }
}

/* Animate */
.animate-flicker {
   -webkit-animation: flicker 1s infinite;
   -moz-animation: flicker 1s infinite;
   -o-animation: flicker 1s infinite;
   animation: flicker 1s infinite;
}

.animate-flicker-fast {
   -webkit-animation: flicker .5s infinite;
   -moz-animation: flicker .5s infinite;
   -o-animation: flicker .5s infinite;
   animation: flicker .5s infinite;
}

.animate-flicker-slow {
   -webkit-animation: flicker 2s infinite;
   -moz-animation: flicker 2s infinite;
   -o-animation: flicker 2s infinite;
   animation: flicker 2s infinite;
}

.animate-swing {
   -webkit-animation: swing 1s infinite;
   -moz-animation: swing 1s infinite;
   -o-animation: swing 1s infinite;
   animation: swing 1s infinite;
}