@-webkit-keyframes fadeInRight-x {
  from {
    opacity: 0;
    -webkit-transform: translate(250px);
    transform: translate(250px);
    -webkit-transition-timing-function: cubic-bezier(.2,.7,.6,1);
    transition-timing-function: cubic-bezier(.2,.7,.6,1);
  }

  to {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0);
  }
}

@keyframes fadeInRight-x {
  from {
    opacity: 0;
    -webkit-transform: translate(250px);
    transform: translate(250px);
    -webkit-transition-timing-function: cubic-bezier(.2,.7,.6,1);
    transition-timing-function: cubic-bezier(.2,.7,.6,1);
  }

  to {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0);
  }
}

.fadeInRight-x {
  -webkit-animation-name: fadeInRight-x;
  animation-name: fadeInRight-x;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(20%, 0, 0);
    transform: translate3d(20%, 0, 0);
    -webkit-transition-timing-function: cubic-bezier(.2,.7,.6,1);
    transition-timing-function: cubic-bezier(.2,.7,.6,1);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(20%, 0, 0);
    transform: translate3d(20%, 0, 0);
    -webkit-transition-timing-function: cubic-bezier(.2,.7,.6,1);
    transition-timing-function: cubic-bezier(.2,.7,.6,1);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInLeft-x {
  from {
    opacity: 0;
    -ms-transform: translate(-300px,-300px);
    transform: translate(-300px,-300px);
    -webkit-transition-timing-function: cubic-bezier(.2,.7,.6,1);
    transition-timing-function: cubic-bezier(.2,.7,.6,1);
  }

  to {
    opacity: 1;
    -ms-transform: translate(0);
    transform: translate(0);
  }
}

@keyframes fadeInLeft-x {
  from {
    opacity: 0;
    -ms-transform: translate(-300px,-300px);
    transform: translate(-300px,-300px);
    -webkit-transition-timing-function: cubic-bezier(.2,.7,.6,1);
    transition-timing-function: cubic-bezier(.2,.7,.6,1);
  }

  to {
    opacity: 1;
    -ms-transform: translate(0);
    transform: translate(0);
  }
}

.fadeInLeft-x {
  -webkit-animation-name: fadeInLeft-x;
  animation-name: fadeInLeft-x;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-20%, 0, 0);
    transform: translate3d(-20%, 0, 0);
    -webkit-transition-timing-function: cubic-bezier(.2,.7,.6,1);
    transition-timing-function: cubic-bezier(.2,.7,.6,1);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-20%, 0, 0);
    transform: translate3d(-20%, 0, 0);
    -webkit-transition-timing-function: cubic-bezier(.2,.7,.6,1);
    transition-timing-function: cubic-bezier(.2,.7,.6,1);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 15%, 0);
    transform: translate3d(0, 15%, 0);
    -webkit-transition-timing-function: cubic-bezier(.2,.7,.6,1);
    transition-timing-function: cubic-bezier(.2,.7,.6,1);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 15%, 0);
    transform: translate3d(0, 15%, 0);
    -webkit-transition-timing-function: cubic-bezier(.2,.7,.6,1);
    transition-timing-function: cubic-bezier(.2,.7,.6,1);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale(.5) translateY(400px);
  }

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

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale(.5) translateY(400px);
  }

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

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: scale(.3) rotate(180deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: scale(1) rotate(0deg);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

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

  50% {
    opacity: .5;
  }
}

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

  50% {
    opacity: .5;
  }
}

.opacity {
  -webkit-animation-name: opacity;
  animation-name: opacity;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    -webkit-transition-timing-function: cubic-bezier(.2,.7,.6,1);
    transition-timing-function: cubic-bezier(.2,.7,.6,1);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transition-timing-function: cubic-bezier(.2, .7, .6, 1);
    transition-timing-function: cubic-bezier(.2, .7, .6, 1);
    -webkit-transform: translate3d(0, -15%, 0);
    transform: translate3d(0, -15%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

.animated {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}


@-webkit-keyframes SideWay {
  0% {
    -webkit-transform: translateX(-20px) translateY(-5px) skewX(15deg);
    transform: translateX(-20px) translateY(-5px) skewX(15deg)
  }

  50% {
    -webkit-transform: translateX(20px) translateY(5px) skewX(-15deg);
    transform: translateX(20px) translateY(5px) skewX(-15deg)
  }
}

@keyframes SideWay {
  0% {
    -webkit-transform: translateX(-20px) translateY(-5px) skewX(15deg);
    transform: translateX(-20px) translateY(-5px) skewX(15deg)
  }

  50% {
    -webkit-transform: translateX(20px) translateY(5px) skewX(-15deg);
    transform: translateX(20px) translateY(5px) skewX(-15deg)
  }
}

@-webkit-keyframes SideWay2 {
  0% {
    -webkit-transform: translateX(-15px) translateY(3px) skewX(10deg);
    transform: translateX(-15px) translateY(3px) skewX(10deg)
  }

  50% {
    -webkit-transform: translateX(15px) translateY(-3px) skewX(-10deg);
    transform: translateX(15px) translateY(-3px) skewX(-10deg)
  }
}

@keyframes SideWay2 {
  0% {
    -webkit-transform: translateX(-15px) translateY(3px) skewX(10deg);
    transform: translateX(-15px) translateY(3px) skewX(10deg)
  }

  50% {
    -webkit-transform: translateX(15px) translateY(-3px) skewX(-10deg);
    transform: translateX(15px) translateY(-3px) skewX(-10deg)
  }
}

@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  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);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

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

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(.4,0,.2,1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

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

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}