//
// Some ANIMATIONS
// ------------------------------------------------------------

// Shake animations
// --------------------------------------------------------------------------

.loop-animation {
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  animation-iteration-count: infinite;
  @include backface-visibility(hidden);
  -webkit-font-smoothing: subpixel-antialiased;
}
.type-pulse {
  transform-origin: 70% 70%;
  animation-name: pulse_animation;
  animation-duration: 5000ms;
  animation-timing-function: linear;
}

@keyframes pulse_animation {
  0% { transform: scale(1); }
  30% { transform: scale(1); }
  40% { transform: scale(1.08); }
  50% { transform: scale(1); }
  60% { transform: scale(1); }
  70% { transform: scale(1.05); }
  80% { transform: scale(1); }
  100% { transform: scale(1); }
}

.type-zoomInOut {
  transform-origin: 70% 70%;
  animation-name: zoomInOut;
  animation-duration: 15s;
  animation-timing-function: linear;
}

@keyframes zoomInOut {
  0% { transform: scale(1); }
  50% { transform: scale(.92); }
  100% { transform: scale(1); }
}

.type-hMotion {
  transform-origin: 70% 70%;
  animation-name: hor-motion;
  animation-duration: 15s;
  animation-timing-function: linear;
}

@keyframes hor-motion {
  0% { transform: translate3d(0, 0, 0); }
  50% { transform: translate3d(20px, 0, 0); }
  100% { transform: translate3d(0, 0, 0); }
}

.type-vMotion {
  transform-origin: 70% 70%;
  animation-name: vert-motion;
  animation-duration: 15s;
  animation-timing-function: linear;
}

@keyframes vert-motion {
  0% { transform: translate3d(0, 0, 0); }
  50% { transform: translate3d(0, 20px, 0); }
  100% { transform: translate3d(0, 0, 0); }
}