/*!
 * Font Awesome Animation - v0.0.6
 * https://github.com/l-lin/font-awesome-animation
 * License: MIT
 */
 
@-webkit-keyframes wrench {
  
  0% { -webkit-transform: rotate(-12deg); transform: rotate(-12deg); }
  8% { -webkit-transform: rotate(12deg); transform: rotate(12deg); }
  10% { -webkit-transform: rotate(24deg); transform: rotate(24deg); }
  18% { -webkit-transform: rotate(-24deg); transform: rotate(-24deg); }
  20% { -webkit-transform: rotate(-24deg); transform: rotate(-24deg); }
  28% { -webkit-transform: rotate(24deg); transform: rotate(24deg); }
  30% { -webkit-transform: rotate(24deg); transform: rotate(24deg); }
  38% { -webkit-transform: rotate(-24deg); transform: rotate(-24deg); }
  40% { -webkit-transform: rotate(-24deg); transform: rotate(-24deg); }
  48% { -webkit-transform: rotate(24deg); transform: rotate(24deg); }
  50% { -webkit-transform: rotate(24deg); transform: rotate(24deg); }
  58% { -webkit-transform: rotate(-24deg); transform: rotate(-24deg); }
  60% { -webkit-transform: rotate(-24deg); transform: rotate(-24deg); }
  68% { -webkit-transform: rotate(24deg); transform: rotate(24deg); }
  75% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  
}

@keyframes wrench {
  
  0% { -webkit-transform: rotate(-12deg); -ms-transform: rotate(-12deg); transform: rotate(-12deg); }
  8% { -webkit-transform: rotate(12deg); -ms-transform: rotate(12deg); transform: rotate(12deg); }
  10% { -webkit-transform: rotate(24deg); -ms-transform: rotate(24deg); transform: rotate(24deg); }
  18% { -webkit-transform: rotate(-24deg); -ms-transform: rotate(-24deg); transform: rotate(-24deg); }
  20% { -webkit-transform: rotate(-24deg); -ms-transform: rotate(-24deg); transform: rotate(-24deg); }
  28% { -webkit-transform: rotate(24deg); -ms-transform: rotate(24deg); transform: rotate(24deg); }
  30% { -webkit-transform: rotate(24deg); -ms-transform: rotate(24deg); transform: rotate(24deg); }
  38% { -webkit-transform: rotate(-24deg); -ms-transform: rotate(-24deg); transform: rotate(-24deg); }
  40% { -webkit-transform: rotate(-24deg); -ms-transform: rotate(-24deg); transform: rotate(-24deg);}
  48% { -webkit-transform: rotate(24deg); -ms-transform: rotate(24deg); transform: rotate(24deg); }
  50% { -webkit-transform: rotate(24deg); -ms-transform: rotate(24deg); transform: rotate(24deg); }
  58% { -webkit-transform: rotate(-24deg); -ms-transform: rotate(-24deg); transform: rotate(-24deg); }
  60% { -webkit-transform: rotate(-24deg); -ms-transform: rotate(-24deg); transform: rotate(-24deg); }
  68% { -webkit-transform: rotate(24deg); -ms-transform: rotate(24deg); transform: rotate(24deg); }
  75% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
  
}

.faa-wrench.animated,
.faa-wrench.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-wrench { -webkit-animation: wrench 2.5s ease infinite; animation: wrench 2.5s ease infinite; transform-origin-x: 90%; transform-origin-y: 35%; transform-origin-z: initial; }

/* RING */

@-webkit-keyframes ring {
  
  0% { -webkit-transform: rotate(-15deg); transform: rotate(-15deg); }
  2% { -webkit-transform: rotate(15deg); transform: rotate(15deg); }
  4% { -webkit-transform: rotate(-18deg); transform: rotate(-18deg); }
  6% { -webkit-transform: rotate(18deg); transform: rotate(18deg); }
  8% { -webkit-transform: rotate(-22deg); transform: rotate(-22deg); }
  10% { -webkit-transform: rotate(22deg); transform: rotate(22deg); }
  12% { -webkit-transform: rotate(-18deg); transform: rotate(-18deg); }
  14% { -webkit-transform: rotate(18deg); transform: rotate(18deg); }
  16% { -webkit-transform: rotate(-12deg); transform: rotate(-12deg); }
  18% { -webkit-transform: rotate(12deg); transform: rotate(12deg); }
  20% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  
}

@keyframes ring {
  
  0% { -webkit-transform: rotate(-15deg); -ms-transform: rotate(-15deg); transform: rotate(-15deg); }
  2% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); }
  4% { -webkit-transform: rotate(-18deg); -ms-transform: rotate(-18deg); transform: rotate(-18deg); }
  6% { -webkit-transform: rotate(18deg); -ms-transform: rotate(18deg); transform: rotate(18deg); }
  8% { -webkit-transform: rotate(-22deg); -ms-transform: rotate(-22deg); transform: rotate(-22deg); }
  10% { -webkit-transform: rotate(22deg); -ms-transform: rotate(22deg); transform: rotate(22deg); }
  12% { -webkit-transform: rotate(-18deg); -ms-transform: rotate(-18deg); transform: rotate(-18deg); }
  14% { -webkit-transform: rotate(18deg); -ms-transform: rotate(18deg); transform: rotate(18deg); }
  16% { -webkit-transform: rotate(-12deg); -ms-transform: rotate(-12deg); transform: rotate(-12deg); }
  18% { -webkit-transform: rotate(12deg); -ms-transform: rotate(12deg); transform: rotate(12deg); }
  20% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
  
}

.faa-ring.animated,
.faa-ring.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-ring { -webkit-animation: ring 2s ease infinite; animation: ring 2s ease infinite; transform-origin-x: 50%; transform-origin-y: 0px; transform-origin-z: initial; }

/* VERTICAL */

@-webkit-keyframes vertical {
  0% { -webkit-transform: translate(0,-3px); transform: translate(0,-3px) }
  4% { -webkit-transform: translate(0,3px); transform: translate(0,3px); }
  8% { -webkit-transform: translate(0,-3px); transform: translate(0,-3px); }
  12% { -webkit-transform: translate(0,3px); transform: translate(0,3px); }
  16% { -webkit-transform: translate(0,-3px); transform: translate(0,-3px); }
  20% { -webkit-transform: translate(0,3px); transform: translate(0,3px); }
  22% { -webkit-transform: translate(0,0); transform: translate(0,0); }
}

@keyframes vertical {
  0% { -webkit-transform: translate(0,-3px); -ms-transform: translate(0,-3px); transform: translate(0,-3px); }
  4% { -webkit-transform: translate(0,3px); -ms-transform: translate(0,3px); transform: translate(0,3px); }
  8% { -webkit-transform: translate(0,-3px); -ms-transform: translate(0,-3px); transform: translate(0,-3px); }
  12% { -webkit-transform: translate(0,3px); -ms-transform: translate(0,3px); transform: translate(0,3px); }
  16% { -webkit-transform: translate(0,-3px); -ms-transform: translate(0,-3px); transform: translate(0,-3px); }
  20% { -webkit-transform: translate(0,3px); -ms-transform: translate(0,3px); transform: translate(0,3px); }
  22% { -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); }
}

.faa-vertical.animated,
.faa-vertical.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-vertical { -webkit-animation: vertical 2s ease infinite; animation: vertical 2s ease infinite; }

/* HORIZONTAL */

@-webkit-keyframes horizontal {
  0% { -webkit-transform: translate(0,0); transform: translate(0,0); }
  6% { -webkit-transform: translate(5px,0); transform: translate(5px,0); }
  12% { -webkit-transform: translate(0,0); transform: translate(0,0); }
  18% { -webkit-transform: translate(5px,0); transform: translate(5px,0); }
  24% { -webkit-transform: translate(0,0); transform: translate(0,0); }
  30% { -webkit-transform: translate(5px,0); transform: translate(5px,0); }
  36% { -webkit-transform: translate(0,0); transform: translate(0,0); }
}

@keyframes horizontal {
  0% { -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); }
  6% { -webkit-transform: translate(5px,0); -ms-transform: translate(5px,0); transform: translate(5px,0); }
  12% { -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); }
  18% { -webkit-transform: translate(5px,0); -ms-transform: translate(5px,0); transform: translate(5px,0); }
  24% { -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); }
  30% { -webkit-transform: translate(5px,0); -ms-transform: translate(5px,0); transform: translate(5px,0); }
  36% { -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); }
}

.faa-horizontal.animated,
.faa-horizontal.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-horizontal { -webkit-animation: horizontal 2s ease infinite; animation: horizontal 2s ease infinite; }

/* FLASH */

@-webkit-keyframes flash {
  0%, 100%, 50% { opacity: 0; }
  25%, 75% { opacity: 1; }
}

@keyframes flash {
  0%, 100%, 50% { opacity: 0; }
  25%, 75% { opacity: 1; }
}

.faa-flash.animated,
.faa-flash.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-flash { -webkit-animation: flash 1.5s ease infinite; animation: flash 1.5s ease infinite; }

.faa-flash-2s.animated,
.faa-parent.animated-hover:hover > .faa-flash-2s { -webkit-animation: flash 2s ease infinite; animation: flash 2s ease infinite; }

/* FLASH-TIPS */

@-webkit-keyframes flash-tips {
  0%, 100%, 50% { opacity: 0; }
  /* 50% { opacity: 1; } */
  25%, 75% { opacity: 1; }
}

@keyframes flash-tips {
  0%, 100%,50% { opacity: 0; }
  /* 50% { opacity: 1; } */
  25%, 75% { opacity: 1; }
}

.faa-flash-tips.animated,
.faa-flash-tips.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-flash-tips { -webkit-animation: flash-tips 1.5s ease infinite; animation: flash-tips 1.5s ease infinite; }

.faa-flash-tips-2s.animated,
.faa-parent.animated-hover:hover > .faa-flash-tips-2s { -webkit-animation: flash-tips 2s ease infinite; animation: flash-tips 2s ease infinite; }

/* FADEIN */

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

@keyframes fadein {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.faa-fadein.animated,
.faa-fadein.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-fadein { -webkit-animation: fadein 1.5s ease forwards; animation: fadein 1.5s ease forwards; }

.faa-fadein-2s.animated,
.faa-parent.animated-hover:hover > .faa-fadein-2s { -webkit-animation: fadein 2s ease forwards; animation: fadein 2s ease forwards; }

.faa-fadein-05s.animated,
.faa-parent.animated-hover:hover > .faa-fadein-05s { -webkit-animation: fadein 0.5s ease forwards; animation: fadein 0.5s ease forwards; }

/* FADEOUT */

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

@keyframes fadeout {
  0% { opacity: 1; }
  100% { opacity: 0; }
}

.faa-fadeout.animated,
.faa-fadeout.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-fadeout { -webkit-animation: fadeout 1.5s ease forwards; animation: fadeout 1.5s ease forwards; }

.faa-fadeout-2s.animated,
.faa-parent.animated-hover:hover > .faa-fadeout-2s { -webkit-animation: fadeout 2s ease forwards; animation: fadeout 2s ease forwards; }

.faa-fadeout-05s.animated,
.faa-parent.animated-hover:hover > .faa-fadeout-05s { -webkit-animation: fadeout 0.5s ease forwards; animation: fadeout 0.5s ease forwards; }

/* FOCUSFADEIN */

@-webkit-keyframes focusfadein {
  0% { opacity: .25; }
  100% { opacity: 1; }
}

@keyframes focusfadein {
  0% { opacity: .25; }
  100% { opacity: 1; }
}

.faa-focusfadein.animated,
.faa-focusfadein.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-focusfadein { -webkit-animation: focusfadein 0.5s ease forwards; animation: focusfadein 0.5s ease forwards; }

/* FOCUSFADEOUT */

@-webkit-keyframes focusfadeout {
  0% { opacity: 1; }
  100% { opacity: .25; }
}

@keyframes focusfadeout {
  0% { opacity: 1; }
  100% { opacity: .25; }
}

.faa-focusfadeout.animated,
.faa-focusfadeout.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-focusfadeout { -webkit-animation: focusfadeout 0.5s ease forwards; animation: focusfadeout 0.5s ease forwards; }

/* BOUNCE */

@-webkit-keyframes bounce {
  0%, 10%, 20%, 50%, 80% { -webkit-transform: translateY(0); transform: translateY(0); }
  40% { -webkit-transform: translateY(-15px); transform: translateY(-15px); }
  60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); }
}

@keyframes bounce {
  0%, 10%, 20%, 50%, 80% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  40% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); }
  60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); }
}

.faa-bounce.animated,
.faa-bounce.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-bounce { -webkit-animation: bounce 2s ease infinite; animation: bounce 2s ease infinite; }

/* SPIN */

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

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

.faa-spin.animated,
.faa-spin.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-spin { -webkit-animation: spin 1.5s linear infinite; animation: spin 1.5s linear infinite; }

.faa-spin-3s.animated,
.faa-parent.animated-hover:hover > .faa-spin-3s { -webkit-animation: spin 3s linear infinite; animation: spin 3s linear infinite; }

.faa-spin-5s.animated,
.faa-parent.animated-hover:hover > .faa-spin-5s { -webkit-animation: spin 5s linear infinite; animation: spin 5s linear infinite; }

.faa-spin-10s.animated,
.faa-parent.animated-hover:hover > .faa-spin-10s { -webkit-animation: spin 10s linear infinite; animation: spin 10s linear infinite; }

.faa-spin-25s.animated,
.faa-parent.animated-hover:hover > .faa-spin-25s { -webkit-animation: spin 25s linear infinite; animation: spin 25s linear infinite; }

/* SPARKLE */

@-webkit-keyframes sparkle {
  0% { -webkit-transform: rotate(0deg) scale(0.2); transform: rotate(0deg) scale(0.2); opacity: 0.2; }
  25% { -webkit-transform: rotate(90deg) scale(1.0); transform: rotate(180deg) scale(1.0); opacity: 1; }
  50% { }
  100% { -webkit-transform: rotate(359deg) scale(0.2); transform: rotate(359deg) scale(0.2); opacity: 0.0; }
}

@keyframes sparkle {
  0% { -webkit-transform: rotate(0deg) scale(0.2); -ms-transform: rotate(0deg) scale(0.2); transform: rotate(0deg) scale(0.2); opacity: 0.2; }
  25% { -webkit-transform: rotate(90deg) scale(1.0); -ms-transform: rotate(180deg) scale(1.0); transform: rotate(180deg) scale(1.0); opacity: 1; }
  50% { }
  100% { -webkit-transform: rotate(359deg) scale(0.2); -ms-transform: rotate(359deg) scale(0.2); transform: rotate(359deg) scale(0.2); opacity: 0.0; }
}

.faa-sparkle.animated,
.faa-sparkle.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-sparkle { -webkit-animation: sparkle 4s 1s forwards infinite; animation: sparkle 4s 1s forwards infinite; }

.faa-sparkle-15s.animated,
.faa-parent.animated-hover:hover > .faa-sparkle-15s { -webkit-animation: sparkle 2s 1.5s forwards infinite; animation: sparkle 2s 1.5s forwards infinite; }

/* REVERSE SPIN */

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

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

.faa-reverse-spin.animated,
.faa-reverse-spin.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-reverse-spin { -webkit-animation: reverse-spin 1.5s linear infinite; animation: reverse-spin 1.5s linear infinite; }

.faa-reverse-spin-3s.animated,
.faa-parent.animated-hover:hover > .faa-reverse-spin-3s { -webkit-animation: reverse-spin 3s linear infinite; animation: reverse-spin 3s linear infinite; }

.faa-reverse-spin-5s.animated,
.faa-parent.animated-hover:hover > .faa-reverse-spin-5s { -webkit-animation: reverse-spin 5s linear infinite; animation: reverse-spin 5s linear infinite; }

/* FLARE */

@-webkit-keyframes flare {
  0% { -webkit-transform: rotate(360deg) scale(0.2); transform: rotate(0deg) scale(0.2); opacity: 0.2; }
  25% { -webkit-transform: rotate(270deg) scale(1.0); transform: rotate(270deg) scale(1.0); opacity: 1; }
  50% { }
  100% { -webkit-transform: rotate(1deg) scale(0.2); transform: rotate(1deg) scale(0.2); opacity: 0.0; }
}

@keyframes flare {
  0% { -webkit-transform: rotate(360deg) scale(0.2); -ms-transform: rotate(360deg) scale(0.2); transform: rotate(360deg) scale(0.2); opacity: 0.2; }
  25% { -webkit-transform: rotate(270deg) scale(1.0); -ms-transform: rotate(270deg) scale(1.0); transform: rotate(270deg) scale(1.0); opacity: 1; }
  50% { }
  100% { -webkit-transform: rotate(1deg) scale(0.2); -ms-transform: rotate(1deg) scale(0.2); transform: rotate(1deg) scale(0.2); opacity: 0.0; }
}

.faa-flare.animated,
.faa-flare.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-flare { -webkit-animation: flare 3s 1s forwards infinite; animation: flare 3s 1s forwards infinite; }

.faa-flare-15s.animated,
.faa-parent.animated-hover:hover > .faa-flare-15s { -webkit-animation: flare 2s 1.5s forwards infinite; animation: flare 2s 1.5s forwards infinite; }

.faa-flare-25s.animated,
.faa-parent.animated-hover:hover > .faa-flare-25s { -webkit-animation: flare 2s 2.5s forwards infinite; animation: flare 2s 2.5s forwards infinite; }

/* FLOAT */

@-webkit-keyframes float {
  0% { -webkit-transform: translateY(0); transform: translateY(0); }
  50% { -webkit-transform: translateY(-6px); transform: translateY(-6px); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes float {
  0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  50% { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); }
  100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

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

/* PULSE */

@-webkit-keyframes pulse {
  0% { -webkit-transform: scale(1.1); transform: scale(1.1); }
  50% { -webkit-transform: scale(0.8); transform: scale(0.8); }
  100% { -webkit-transform: scale(1.1); transform: scale(1.1); }
}

@keyframes pulse {
  0% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
  50% { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }
  100% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
}

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

/* PULSE LOGO */

@-webkit-keyframes pulselogo {
  0% { -webkit-transform: scale(1.0); transform: scale(1.0); }
  16% { -webkit-transform: scale(0.8); transform: scale(0.8); }
  36% { -webkit-transform: scale(1.1); transform: scale(1.1); }
  50% { -webkit-transform: scale(0.9); transform: scale(0.9); }
  66% { -webkit-transform: scale(1.0); transform: scale(1.0); }
  100% { -webkit-transform: scale(1.0); transform: scale(1.0); }
}

@keyframes pulselogo {
  0% { -webkit-transform: scale(1.0); -ms-transform: scale(1.0); transform: scale(1.0); }
  16% { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }
  36% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
  50% { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); }
  66% { -webkit-transform: scale(1.0); -ms-transform: scale(1.0); transform: scale(1.0); }
  100% { -webkit-transform: scale(1.0); -ms-transform: scale(1.0); transform: scale(1.0); }
}

.faa-pulse-logo.animated,
.faa-pulse-logo.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-pulse-logo { -webkit-animation: pulselogo 1.5s linear infinite; animation: pulselogo 1.5s linear infinite; }


/* SHAKE */

.faa-shake.animated,
.faa-shake.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-shake { -webkit-animation: wrench 2.5s ease infinite; animation: wrench 2.5s ease infinite; }

/* TADA */

@-webkit-keyframes tada {
  0% { -webkit-transform: scale(1); transform: scale(1); }
  10%, 20% { -webkit-transform: scale(.9) rotate(-8deg); transform: scale(.9) rotate(-8deg); }
  30%, 50%, 70% { -webkit-transform: scale(1.3) rotate(8deg); transform: scale(1.3) rotate(8deg); }
  40%, 60% { -webkit-transform: scale(1.3) rotate(-8deg); transform: scale(1.3) rotate(-8deg); }
  80% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); }
}

@keyframes tada {
  0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
  10%, 20% { -webkit-transform: scale(.9) rotate(-8deg); -ms-transform: scale(.9) rotate(-8deg); transform: scale(.9) rotate(-8deg); }
  30%, 50%, 70% { -webkit-transform: scale(1.3) rotate(8deg); -ms-transform: scale(1.3) rotate(8deg); transform: scale(1.3) rotate(8deg); }
  40%, 60% { -webkit-transform: scale(1.3) rotate(-8deg); -ms-transform: scale(1.3) rotate(-8deg); transform: scale(1.3) rotate(-8deg); }
  80% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); }
}

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

/* PASSING */

@-webkit-keyframes passing {
  0% { -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; }
  50% { -webkit-transform: translateX(0%); transform: translateX(0%); opacity: 1; }
  100% { -webkit-transform: translateX(50%); transform: translateX(50%); opacity: 0; }
}

@keyframes passing {
  
  0% { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; }
  50% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); opacity: 1; }
  100% { -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); opacity: 0; }
  
}

.faa-passing.animated,
.faa-passing.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-passing { -webkit-animation: passing 3s linear infinite; animation: passing 3s linear infinite; }

/* BURST */

@-webkit-keyframes burst {
  
  0% { opacity: .6; }
  50% { -webkit-transform: scale(1.8); transform: scale(1.8); opacity: 0; }
  100% { opacity: 0; }
}

@keyframes burst {
  
  0% { opacity: .6; }
  50% { -webkit-transform: scale(1.8); -ms-transform: scale(1.8); transform: scale(1.8); opacity: 0; }
  100% { opacity: 0; }
  
}

.faa-burst.animated,
.faa-burst.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-burst { -webkit-animation: burst 3s infinite linear; animation: burst 3s infinite linear; }

/* TIMER BOOM */

@-webkit-keyframes boom {
  
  0% { opacity: .8; }
  100% { -webkit-transform: scale(1.8); transform: scale(1.8); opacity: 0; }  

}

@keyframes boom {
  
  0% { opacity: .8; }
  100% { -webkit-transform: scale(1.8); -ms-transform: scale(1.8); transform: scale(1.8); opacity: 0; }  
  
}

.faa-boom.animated,
.faa-boom.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-boom { -webkit-animation: boom 1s forwards linear; animation: boom 1s forwards linear; }

.faa-boom-2s.animated,
.faa-parent.animated-hover:hover > .faa-boom-2s { -webkit-animation: boom 2.5s forwards linear; animation: boom 2.5s forwards linear; }

.faa-boom-1s.animated,
.faa-parent.animated-hover:hover > .faa-boom-1s { -webkit-animation: boom 1s forwards linear; animation: boom 1s forwards linear; }

.faa-boom-3si.animated,
.faa-parent.animated-hover:hover > .faa-boom-3si { -webkit-animation: boom 2.5s forwards infinite; animation: boom 2.5s forwards infinite; }

/* SKILLS BOOM */

@-webkit-keyframes boom-skills {
  
  0% { opacity: .8; }
  100% { -webkit-transform: scale(2.5); transform: scale(2.5); opacity: 0; }  

}

@keyframes boom-skills {
  
  0% { opacity: .8; }
  100% { -webkit-transform: scale(2.5); -ms-transform: scale(2.5); transform: scale(2.5); opacity: 0; }  
  
}

.faa-boom-skills.animated,
.faa-boom-skills.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-boom-skills { -webkit-animation: boom-skills 2.5s forwards infinite; animation: boom-skills 2.5s forwards infinite; }

.faa-boom-skills-d05.animated,
.faa-boom-skills-d05.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-boom-skills-d05 { -webkit-animation: boom-skills 2.5s 0.5s forwards infinite; animation: boom-skills 2.5s 0.5s forwards infinite; }

/* BONUS BOOM */

@-webkit-keyframes bonusboom {
  
  0% { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: .8; }
  50% { -webkit-transform: scale(1); transform: scale(1); opacity: .8; }  
  100% { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0; }  

}

@keyframes bonusboom {
  
  0% { -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); opacity: .8; }
  50% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: .8; }
  100% { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); opacity: 0; }  
  
}

.faa-bonusboom.animated,
.faa-bonusboom.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-bonusboom { -webkit-animation: bonusboom 1.5s forwards linear; animation: bonusboom 1.5s forwards linear; }

/* BUTTON BOOM */

@-webkit-keyframes buttonboom {
  
  0% {  opacity: 0.6; }  
  100% {  -webkit-transform: scale(1.1); transform: scale(1.1); opacity: 0; }

}

@keyframes buttonboom {
  
  0% { opacity: 0.6; }  
  100% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); opacity: 0; }
  
}

.faa-buttonboom.animated,
.faa-buttonboom.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-buttonboom { -webkit-animation: buttonboom 3s 0.5s forwards infinite; animation: buttonboom 3s 0.5s forwards infinite; /* -webkit-animation-delay: 2s; animation-delay: 2s; */ }

/* FIT BOOM */

@-webkit-keyframes fitboom {
  
  0% { -webkit-transform: scale(0.2); transform: scale(0.2); opacity: .2; }
  100% { -webkit-transform: scale(1.0); transform: scale(1.0); opacity: 1; }  

}

@keyframes fitboom {
  
  0% { -webkit-transform: scale(.2); -ms-transform: scale(0.2); transform: scale(0.2); opacity: .2; }
  100% { -webkit-transform: scale(1.0); -ms-transform: scale(1.0); transform: scale(1.0); opacity: 1; }  
  
}

.faa-fitboom-05s.animated,
.faa-fitboom-05s.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-fitboom-05s { -webkit-animation: fitboom 0.5s forwards linear; animation: fitboom 0.5s forwards linear; }

.faa-fitboom-025s.animated,
.faa-parent.animated-hover:hover > .faa-fitboom-025s { -webkit-animation: fitboom 0.25s forwards linear; animation: fitboom 0.25s forwards linear; }

/* CARD BOOM */

@-webkit-keyframes cardboom {
  
  0% { -webkit-transform: scale(0.2); transform: scale(0.2); opacity: .2; }
  100% { -webkit-transform: scale(1.0); transform: scale(1.0); opacity: 1; }

}

@keyframes cardboom {
  
  0% { -webkit-transform: scale(.2); -ms-transform: scale(0.2); transform: scale(0.2); opacity: .2; }
  100% { -webkit-transform: scale(1.0); -ms-transform: scale(1.0); transform: scale(1.0); opacity: 1; }
  
}

.faa-cardboom-010s.animated,
.faa-parent.animated-hover:hover > .faa-cardboom-010s { -webkit-animation: cardboom 0.10s forwards linear; animation: cardboom 0.10s forwards linear; }


/* BONUS SCROLL-DOWN */

@-webkit-keyframes bonus-scrolldown {
  
  0% { top: -100%; opacity: 0; }  
  50% { top: -100%; opacity: 0; }
  66% { top: 0%; opacity: 1; }
  83% { top: 0%; opacity: 1; -webkit-transform: scale(1.25); -ms-transform: scale(1.25); transform: scale(1.25); }
  100% { top: 200%; opacity: 0; }
  
}

@keyframes bonus-scrolldown {
  
  0% { top: -100%; opacity: 0; }  
  50% { top: -100%; opacity: 0; }
  66% { top: 0%; opacity: 1; }
  83% { top: 0%; opacity: 1; }
  100% { top: 200%; opacity: 0; -webkit-transform: scale(1.25); -ms-transform: scale(1.25); transform: scale(1.25); }
  
}

.faa-bonus-scrolldown.animated,
.faa-bonus-scrolldown.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-bonus-scrolldown { -webkit-animation: bonus-scrolldown 1.5s forwards /*infinite*/ ease /*linear*/; animation: bonus-scrolldown 1.5s forwards /*infinite*/ ease /*linear*/; }

.faa-bonus-scrolldown-d.animated,
.faa-parent.animated-hover:hover > .faa-bonus-scrolldown-d { -webkit-animation: bonus-scrolldown 1.5s 0.5s forwards /*infinite*/ ease /*linear*/; animation: bonus-scrolldown 1.5s 0.5s forwards /*infinite*/ ease /*linear*/; }

/* BONUS SCROLL-UP */

@-webkit-keyframes bonus-scrollup {
  
  0% { top: 100%; opacity: 0; }
  16% { top: 0%; opacity: 1; }
  34% { top: 0%; opacity: 1; }
  50% { top: -100%; opacity: 0;  }
  100% { top: -100%; opacity: 0; -webkit-transform: scale(2); -ms-transform: scale(1); transform: scale(2);}
  
}

@keyframes bonus-scrollup {
    
  0% { top: 100%; opacity: 0; }
  16% { top: 0%; opacity: 1; }
  34% { top: 0%; opacity: 1; }
  50% { top: -100%; opacity: 0;  }
  100% { top: -100%; opacity: 0; -webkit-transform: scale(2); -ms-transform: scale(1); transform: scale(2); }
  
}

.faa-bonus-scrollup.animated,
.faa-bonus-scrollup.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-bonus-scrollup { -webkit-animation: bonus-scrollup 1.5s forwards /*infinite*/ ease /*linear*/; animation: bonus-scrollup 1.5s forwards /*infinite*/ ease /*linear*/; }

.faa-bonus-scrollup-d.animated,
.faa-parent.animated-hover:hover > .faa-bonus-scrollup-d { -webkit-animation: bonus-scrollup 1.5s 0.5 forwards /*infinite*/ ease /*linear*/; animation: bonus-scrollup 1.5s 0.5 forwards /*infinite*/ ease /*linear*/; }


/* BALLOON POINTS */

@-webkit-keyframes balloon {
  
  0% { top: 50%; opacity: 0; -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); }
  33% { top: -100%; opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
  66% { top: -100%; opacity: 1; }
  100% { top: -200%; opacity: 0; -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); }  
}

@keyframes balloon {
  
  0% { top: 50%; opacity: 0; -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); }
  33% { top: -100%; opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}
  66% { top: -100%; opacity: 1; }
  100% { top: -200%; opacity: 0; -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); }
  
}

.faa-balloon.animated,
.faa-balloon.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-balloon { -webkit-animation: balloon 1s forwards /*infinite*/ ease /*linear*/; animation: balloon 1s forwards /*infinite*/ ease /*linear*/; }


/* BALLOON SKILLS */

@-webkit-keyframes balloon-skills {
  
  0% { top: 0%; opacity: 0; }  
  50% { top: -50%; opacity: 1; }
  99% { top: -100%; opacity: 0; }
  100% { top: 0%; opacity: 0; }
}

@keyframes balloon-skills {
  
  0% { top: 0%; opacity: 0; }
  50% { top: -50%; opacity: 1; }
  99% { top: -100%; opacity: 0; }
  100% { top: 0%; opacity: 0; }
}

.faa-balloon-skills.animated,
.faa-balloon-skills.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-balloon-skills { -webkit-animation: balloon-skills 1s forwards /*infinite*/ ease /*linear*/; animation: balloon-skills 1s forwards /*infinite*/ ease /*linear*/; }


/* BALLOON SKILLS DOWN */

@-webkit-keyframes balloon-skills-down {
  
  0% { top: -100%; opacity: 0; }
  50% { top: -50%; opacity: 1; }
  99% { top: 0%; opacity: 0; }
  100% { top: -100%; opacity: 0; }
}

@keyframes balloon-skills-down {
  
  0% { top: -100%; opacity: 0; }
  50% { top: -50%; opacity: 1; }
  99% { top: -0%; opacity: 0; }
  100% { top: -100%; opacity: 0; }
}

.faa-balloon-skills-down.animated,
.faa-balloon-skills-down.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-balloon-skills-down { -webkit-animation: balloon-skills-down 1s forwards /*infinite*/ ease /*linear*/; animation: balloon-skills-down 1s forwards /*infinite*/ ease /*linear*/; }

/* Fix FontAwesome icon animation sizing on device with Android 4.x */
.animated { vertical-align: text-bottom; }