/* Tada */
@-webkit-keyframes pxg-tada {
  0% {
    -webkit-transform: scale(1);
  }

  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1);
  }
}

@keyframes pxg-tada {
  0% {
    transform: scale(1);
  }

  10%,
  20% {
    transform: scale(0.9) rotate(-3deg);
  }

  30%,
  50%,
  70%,
  90% {
    transform: scale(1.1) rotate(3deg);
  }

  40%,
  60%,
  80% {
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    transform: scale(1);
  }
}

.pxg-tada {
  -webkit-animation: pxg-tada 1s ease-in-out;
  animation: pxg-tada 1s ease-in-out;
}

/* Swing */
@-webkit-keyframes pxg-swing {
  20% {
    -webkit-transform: rotate(15deg);
  }

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

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

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

  100% {
    -webkit-transform: rotate(0);
  }
}

@keyframes pxg-swing {
  20% {
    transform: rotate(15deg);
  }

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

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

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

  100% {
    transform: rotate(0);
  }
}

.pxg-swing {
  -webkit-animation: pxg-swing 1s ease-in-out;
  animation: pxg-swing 1s ease-in-out;
}

/* Heart Beat */
@-webkit-keyframes pxg-heartBeat {
  0% {
    -webkit-transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
  }
}

@keyframes pxg-heartBeat {
  0% {
    transform: scale(1);
  }

  14% {
    transform: scale(1.3);
  }

  28% {
    transform: scale(1);
  }

  42% {
    transform: scale(1.3);
  }

  70% {
    transform: scale(1);
  }
}

.pxg-heartBeat {
  -webkit-animation: pxg-heartBeat 1.5s ease-in-out;
  animation: pxg-heartBeat 1.5s ease-in-out;
}

/* Jello */
@-webkit-keyframes pxg-jello {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
  }

  11.1% {
    -webkit-transform: scale3d(1.1, 0.9, 1);
  }

  22.2% {
    -webkit-transform: scale3d(0.9, 1.1, 1);
  }

  33.3% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
  }

  44.4% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
  }

  55.5% {
    -webkit-transform: scale3d(1, 1, 1);
  }
}

@keyframes pxg-jello {
  0% {
    transform: scale3d(1, 1, 1);
  }

  11.1% {
    transform: scale3d(1.1, 0.9, 1);
  }

  22.2% {
    transform: scale3d(0.9, 1.1, 1);
  }

  33.3% {
    transform: scale3d(1.05, 0.95, 1);
  }

  44.4% {
    transform: scale3d(0.95, 1.05, 1);
  }

  55.5% {
    transform: scale3d(1, 1, 1);
  }
}

.pxg-jello {
  -webkit-animation: pxg-jello 1s ease-in-out;
  animation: pxg-jello 1s ease-in-out;
}

/* Pulse */
@-webkit-keyframes pxg-pulse {
  0% {
    -webkit-transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
  }
}

@keyframes pxg-pulse {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}

.pxg-pulse {
  -webkit-animation: pxg-pulse 1s ease-in-out;
  animation: pxg-pulse 1s ease-in-out;
}

/* Flash */
@-webkit-keyframes pxg-flash {

  0%,
  50%,
  100% {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

@keyframes pxg-flash {

  0%,
  50%,
  100% {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

.pxg-flash {
  -webkit-animation: pxg-flash 1s ease-in-out;
  animation: pxg-flash 1s ease-in-out;
}

/* Fade In */
@-webkit-keyframes pxg-fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes pxg-fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.pxg-fadeIn {
  -webkit-animation: pxg-fadeIn 1s ease-in-out;
  animation: pxg-fadeIn 1s ease-in-out;
}

/* Zoom In */
@-webkit-keyframes pxg-zoomIn {
  0% {
    -webkit-transform: scale(0.3);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
}

@keyframes pxg-zoomIn {
  0% {
    transform: scale(0.3);
    opacity: 0;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.pxg-zoomIn {
  -webkit-animation: pxg-zoomIn 1s ease-in-out;
  animation: pxg-zoomIn 1s ease-in-out;
}

/* Bounce In */
@-webkit-keyframes pxg-bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}

@keyframes pxg-bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.pxg-bounceIn {
  -webkit-animation: pxg-bounceIn 1s ease-in-out;
  animation: pxg-bounceIn 1s ease-in-out;
}

/* Spin */
@-webkit-keyframes pxg-spin {
  0% {
    -webkit-transform: rotate(0deg);
  }

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

@keyframes pxg-spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.pxg-spin {
  -webkit-animation: pxg-spin 1s linear infinite;
  animation: pxg-spin 1s linear infinite;
}

/* Rubber Band */
@-webkit-keyframes pxg-rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
  }
}

@keyframes pxg-rubberBand {
  0% {
    transform: scale3d(1, 1, 1);
  }

  30% {
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    transform: scale3d(1.05, 0.95, 1);
  }

  100% {
    transform: scale3d(1, 1, 1);
  }
}

.pxg-rubberBand {
  -webkit-animation: pxg-rubberBand 1s ease-in-out;
  animation: pxg-rubberBand 1s ease-in-out;
}

/* ShakeX */
@-webkit-keyframes pxg-shakeX {

  0%,
  100% {
    -webkit-transform: translateX(0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
  }
}

@keyframes pxg-shakeX {

  0%,
  100% {
    transform: translateX(0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translateX(-10px);
  }

  20%,
  40%,
  60%,
  80% {
    transform: translateX(10px);
  }
}

.pxg-shakeX {
  -webkit-animation: pxg-shakeX 1s ease-in-out;
  animation: pxg-shakeX 1s ease-in-out;
}

/* ShakeY */
@-webkit-keyframes pxg-shakeY {

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

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateY(-10px);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateY(10px);
  }
}

@keyframes pxg-shakeY {

  0%,
  100% {
    transform: translateY(0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translateY(-10px);
  }

  20%,
  40%,
  60%,
  80% {
    transform: translateY(10px);
  }
}

.pxg-shakeY {
  -webkit-animation: pxg-shakeY 1s ease-in-out;
  animation: pxg-shakeY 1s ease-in-out;
}

/* Head Shake */
@-webkit-keyframes pxg-headShake {
  0% {
    -webkit-transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
  }
}

@keyframes pxg-headShake {
  0% {
    transform: translateX(0);
  }

  6.5% {
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    transform: translateX(0);
  }
}

.pxg-headShake {
  -webkit-animation: pxg-headShake 1s ease-in-out;
  animation: pxg-headShake 1s ease-in-out;
}

/* Shake */
@-webkit-keyframes pxg-shake {
  0% {
    -webkit-transform: rotate(0deg);
  }

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

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

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

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

  50%,
  100% {
    -webkit-transform: rotate(0deg);
  }
}

@keyframes pxg-shake {
  0% {
    transform: rotate(0deg);
  }

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

  20% {
    transform: rotate(15deg);
  }

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

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

  50%,
  100% {
    transform: rotate(0deg);
  }
}

.pxg-shake {
  -webkit-animation: pxg-shake 2s infinite;
  animation: pxg-shake 2s infinite;
}

/* Bell Shake */
@-webkit-keyframes pxg-bellShake {
  0% {
    -webkit-transform: rotate(0);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  43%,
  100% {
    -webkit-transform: rotate(0);
  }
}

@keyframes pxg-bellShake {
  0% {
    transform: rotate(0);
  }

  1% {
    transform: rotate(30deg);
  }

  3% {
    transform: rotate(-28deg);
  }

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

  7% {
    transform: rotate(-32deg);
  }

  9% {
    transform: rotate(30deg);
  }

  11% {
    transform: rotate(-28deg);
  }

  13% {
    transform: rotate(26deg);
  }

  15% {
    transform: rotate(-24deg);
  }

  17% {
    transform: rotate(22deg);
  }

  19% {
    transform: rotate(-20deg);
  }

  21% {
    transform: rotate(18deg);
  }

  23% {
    transform: rotate(-16deg);
  }

  25% {
    transform: rotate(14deg);
  }

  27% {
    transform: rotate(-12deg);
  }

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

  31% {
    transform: rotate(-8deg);
  }

  33% {
    transform: rotate(6deg);
  }

  35% {
    transform: rotate(-4deg);
  }

  37% {
    transform: rotate(2deg);
  }

  39% {
    transform: rotate(-1deg);
  }

  41% {
    transform: rotate(1deg);
  }

  43%,
  100% {
    transform: rotate(0);
  }
}

.pxg-bellShake {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation: pxg-bellShake 1.5s ease-in-out;
  animation: pxg-bellShake 1.5s ease-in-out;
}

/* Delay & Repeat */
.effect-delay {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.effect-repeat {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}