/* Wobble Horizontal - http://ianlunn.github.io/Hover/ */
@-webkit-keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

/* Spin animation - https://codepen.io/jscottsmith/pen/azRObp */
@keyframes spin {
  to { transform: rotate(360deg); }
}

/* bouncing effects for arrow - https://codepen.io/blenderous/pen/vGvjyp */
@-moz-keyframes bounce-side {
  0%, 100% {
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
  56% {
    -moz-transform: translateX(4px);
    transform: translateX(4px);
  }
}
@-webkit-keyframes bounce-side {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  56% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
}
@keyframes bounce-side {
  0%, 100% {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  56% {
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
}

@-moz-keyframes bounce-down {
  0%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  56% {
    -moz-transform: translateY(4px);
    transform: translateY(4px);
  }
}
@-webkit-keyframes bounce-down {
  0%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  56% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
}
@keyframes bounce-down {
  0%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  56% {
    -moz-transform: translateY(4px);
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
}

/* Icon Push - http://ianlunn.github.io/Hover/ */
@-webkit-keyframes hvr-icon-push {
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}
@keyframes hvr-icon-push {
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}

/* Bounce - https://daneden.github.io/animate.css/ */
@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

/* Wobble Horizontal - http://animista.net/play/attention/wobble*/
@-webkit-keyframes wobble-hor-bottom {
  0%,
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-30px) rotate(-6deg);
    transform: translateX(-30px) rotate(-6deg);
  }
  30% {
    -webkit-transform: translateX(15px) rotate(6deg);
    transform: translateX(15px) rotate(6deg);
  }
  45% {
    -webkit-transform: translateX(-15px) rotate(-3.6deg);
    transform: translateX(-15px) rotate(-3.6deg);
  }
  60% {
    -webkit-transform: translateX(9px) rotate(2.4deg);
    transform: translateX(9px) rotate(2.4deg);
  }
  75% {
    -webkit-transform: translateX(-6px) rotate(-1.2deg);
    transform: translateX(-6px) rotate(-1.2deg);
  }
}
@keyframes wobble-hor-bottom {
  0%,
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-30px) rotate(-6deg);
    transform: translateX(-30px) rotate(-6deg);
  }
  30% {
    -webkit-transform: translateX(15px) rotate(6deg);
    transform: translateX(15px) rotate(6deg);
  }
  45% {
    -webkit-transform: translateX(-15px) rotate(-3.6deg);
    transform: translateX(-15px) rotate(-3.6deg);
  }
  60% {
    -webkit-transform: translateX(9px) rotate(2.4deg);
    transform: translateX(9px) rotate(2.4deg);
  }
  75% {
    -webkit-transform: translateX(-6px) rotate(-1.2deg);
    transform: translateX(-6px) rotate(-1.2deg);
  }
}

/* Checkbox animation - https://tympanus.net/Development/ClickEffects/ */
@-webkit-keyframes anim-effect-stana {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;

    -webkit-animation-timing: ease-out;
    animation-timing: ease-out;
  }
}

@keyframes anim-effect-stana {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;

    -webkit-animation-timing: ease-out;
    animation-timing: ease-out;
  }
}

/* Pulse - http://www.justinaguilar.com/animations/index.html#*/
@keyframes pulse {
  0% {
    transform: scale(0.9);
    opacity: 0.7;
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.9);
    opacity: 0.7;
  }
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0.95);
    opacity: 0.7;
  }
  50% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.95);
    opacity: 0.7;
  }
}

/* Bounce In Top - http://animista.net/play/entrances/bounce-in*/
@-webkit-keyframes bounce-in-top{
  0%{
    -webkit-transform:translateY(-500px);
    transform:translateY(-500px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in;
    opacity:0
  }
  38%{
    -webkit-transform:translateY(0);
    transform:translateY(0);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out;
    opacity:1
  }
  55%{
    -webkit-transform:translateY(-65px);
    transform:translateY(-65px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  72%,90%,to{
    -webkit-transform:translateY(0);
    transform:translateY(0);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
  }
  81%{
    -webkit-transform:translateY(-28px);
    transform:translateY(-28px);
    -webkit-animation-timing-function:ease-in
  }
  95%{
    -webkit-transform:translateY(-8px);
    transform:translateY(-8px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
}

@keyframes bounce-in-top{
  0%{
    -webkit-transform:translateY(-500px);
    transform:translateY(-500px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in;
    opacity:0
  }
  38%{
    -webkit-transform:translateY(0);
    transform:translateY(0);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out;
    opacity:1
  }
  55%{
    -webkit-transform:translateY(-65px);
    transform:translateY(-65px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  72%,90%,to{
    -webkit-transform:translateY(0);
    transform:translateY(0);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
  }
  81%{
    -webkit-transform:translateY(-28px);
    transform:translateY(-28px);
    -webkit-animation-timing-function:ease-in
  }
  95%{
    -webkit-transform:translateY(-8px);
    transform:translateY(-8px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
}

/* Scale in vertical bottom - http://animista.net/play/entrances/scale-in/scale-in-ver-bottom*/
@-webkit-keyframes scale-in-ver-bottom{
  0%{
    -webkit-transform:scaleY(0);
    transform:scaleY(0);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%;
    opacity:1
  }
  to {
    -webkit-transform:scaleY(1);
    transform:scaleY(1);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%;
    opacity:1
  }
}

@keyframes scale-in-ver-bottom{
  0%{
    -webkit-transform:scaleY(0);
    transform:scaleY(0);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%;
    opacity:1
  }
  to{
    -webkit-transform:scaleY(1);
    transform:scaleY(1);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%;
    opacity:1
  }
}

/* Swap - https://www.minimamente.com/example/magic_animations/ */
@keyframes swap{
  0%{
    opacity:0;
    transform-origin:0 100%;
    transform:scale(0,0) translate(-700px,0)
  }
  100%{
    opacity:1;
    transform-origin:100% 100%;
    transform:scale(1,1) translate(0,0)
  }
}

/* Push - http://ianlunn.github.io/Hover/ */
@-webkit-keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/* Pop - http://ianlunn.github.io/Hover/ */
@-webkit-keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

/* ----------------------------------------------
 * Generated by Animista on 2019-4-16 10:52:28
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-top
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-top {
 0% {
   -webkit-transform: translateY(-15px);
   transform: translateY(-15px);
   opacity: 0;
 }
 100% {
   -webkit-transform: translateY(0);
   transform: translateY(0);
   opacity: 1;
 }
}
@keyframes slide-in-top {
 0% {
   -webkit-transform: translateY(-15px);
           transform: translateY(-15px);
   opacity: 0;
 }
 100% {
   -webkit-transform: translateY(0);
           transform: translateY(0);
   opacity: 1;
 }
}
/* ----------------------------------------------
 * Generated by Animista on 2019-4-15 16:36:39
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation scale-in-center
 * ----------------------------------------
 */
@-webkit-keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}