@import 'lib/animate.css';
/* ----------------------------------------------------------------------------
    Animations
---------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------
    Custom animations
---------------------------------------------------------------------------- */
@-moz-document url-prefix() {
  .animated,
  .animated * {
    outline: 1px solid transparent;
  }
}
.animated {
  opacity: 0;
}
.animated.roll3dInTop {
  -webkit-animation: roll3dInTop 0.7s 0s 1;
  -moz-animation: roll3dInTop 0.7s 0s 1;
  -o-animation: roll3dInTop 0.7s 0s 1;
  animation: roll3dInTop 0.7s 0s 1;
}
.animated.roll3dInRight {
  -webkit-animation: roll3dInRight 0.7s 0s 1;
  -moz-animation: roll3dInRight 0.7s 0s 1;
  -o-animation: roll3dInRight 0.7s 0s 1;
  animation: roll3dInRight 0.7s 0s 1;
}
.animated.roll3dInLeft {
  -webkit-animation: roll3dInLeft 0.7s 0s 1;
  -moz-animation: roll3dInLeft 0.7s 0s 1;
  -o-animation: roll3dInLeft 0.7s 0s 1;
  animation: roll3dInLeft 0.7s 0s 1;
}
.animated.flip3dHorizontal {
  -webkit-animation: flip3dHorizontal 0.7s 0s 1;
  -moz-animation: flip3dHorizontal 0.7s 0s 1;
  -o-animation: flip3dHorizontal 0.7s 0s 1;
  animation: flip3dHorizontal 0.7s 0s 1;
}
.animated.flip3dVertical {
  -webkit-animation: flip3dVertical 0.7s 0s 1;
  -moz-animation: flip3dVertical 0.7s 0s 1;
  -o-animation: flip3dVertical 0.7s 0s 1;
  animation: flip3dVertical 0.7s 0s 1;
}
.animated.flip3dInTop {
  -webkit-animation: flip3dInTop 0.7s 0s 1;
  -moz-animation: flip3dInTop 0.7s 0s 1;
  -o-animation: flip3dInTop 0.7s 0s 1;
  animation: flip3dInTop 0.7s 0s 1;
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.animated.flip3dInBottom {
  -webkit-animation: flip3dInBottom 0.7s 0s 1;
  -moz-animation: flip3dInBottom 0.7s 0s 1;
  -o-animation: flip3dInBottom 0.7s 0s 1;
  animation: flip3dInBottom 0.7s 0s 1;
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
}
.animated.flip3dInLeft {
  -webkit-animation: flip3dInLeft 0.7s 0s 1;
  -moz-animation: flip3dInLeft 0.7s 0s 1;
  -o-animation: flip3dInLeft 0.7s 0s 1;
  animation: flip3dInLeft 0.7s 0s 1;
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.animated.flip3dInright {
  -webkit-animation: flip3dInright 0.7s 0s 1;
  -moz-animation: flip3dInright 0.7s 0s 1;
  -o-animation: flip3dInright 0.7s 0s 1;
  animation: flip3dInright 0.7s 0s 1;
  -webkit-transform-origin: 0 50%;
  -moz-transform-origin: 0 50%;
  -o-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
}
.animated.bounce,
.animated.flash,
.animated.pulse,
.animated.rubberBand,
.animated.shake,
.animated.swing,
.animated.tada,
.animated.wobble,
.animated.jello,
.animated.bounceIn,
.animated.bounceInDown,
.animated.bounceInLeft,
.animated.bounceInRight,
.animated.bounceInUp,
.animated.bounceOut,
.animated.bounceOutDown,
.animated.bounceOutLeft,
.animated.bounceOutRight,
.animated.bounceOutUp,
.animated.fadeIn,
.animated.fadeInDown,
.animated.fadeInDownBig,
.animated.fadeInLeft,
.animated.fadeInLeftBig,
.animated.fadeInRight,
.animated.fadeInRightBig,
.animated.fadeInUp,
.animated.fadeInUpBig,
.animated.fadeOut,
.animated.fadeOutDown,
.animated.fadeOutDownBig,
.animated.fadeOutLeft,
.animated.fadeOutLeftBig,
.animated.fadeOutRight,
.animated.fadeOutRightBig,
.animated.fadeOutUp,
.animated.fadeOutUpBig,
.animated.flipInX,
.animated.flipInY,
.animated.flipOutX,
.animated.flipOutY,
.animated.lightSpeedIn,
.animated.lightSpeedOut,
.animated.rotateIn,
.animated.rotateInDownLeft,
.animated.rotateInDownRight,
.animated.rotateInUpLeft,
.animated.rotateInUpRight,
.animated.rotateOut,
.animated.rotateOutDownLeft,
.animated.rotateOutDownRight,
.animated.rotateOutUpLeft,
.animated.rotateOutUpRight,
.animated.hinge,
.animated.rollIn,
.animated.rollOut,
.animated.zoomIn,
.animated.zoomInDown,
.animated.zoomInLeft,
.animated.zoomInRight,
.animated.zoomInUp,
.animated.zoomOut,
.animated.zoomOutDown,
.animated.zoomOutLeft,
.animated.zoomOutRight,
.animated.zoomOutUp,
.animated.slideInDown,
.animated.slideInLeft,
.animated.slideInRight,
.animated.slideInUp,
.animated.slideOutDown,
.animated.slideOutLeft,
.animated.slideOutRight,
.animated.slideOutUp,
.animated.roll3dInTop,
.animated.roll3dInLeft,
.animated.roll3dInRight,
.animated.flip3dHorizontal,
.animated.flip3dVertical,
.animated.flip3dInTop,
.animated.flip3dInBottom,
.animated.flip3dInLeft,
.animated.flip3dInRight {
  opacity: 1;
}
.animated.fadeInDown,
.animated.fadeInDownBig,
.animated.fadeInLeft,
.animated.fadeInLeftBig,
.animated.fadeInRight,
.animated.fadeInRightBig,
.animated.fadeInUp,
.animated.fadeInUpBig,
.animated.fadeOutDown,
.animated.fadeOutDownBig,
.animated.fadeOutLeft,
.animated.fadeOutLeftBig,
.animated.fadeOutRight,
.animated.fadeOutRightBig,
.animated.fadeOutUp,
.animated.fadeOutUpBig,
.animated.rotateIn,
.animated.rotateInDownLeft,
.animated.rotateInDownRight,
.animated.rotateInUpLeft,
.animated.rotateInUpRight,
.animated.rotateOut,
.animated.rotateOutDownLeft,
.animated.rotateOutDownRight,
.animated.rotateOutUpLeft,
.animated.rotateOutUpRight,
.animated.zoomIn,
.animated.zoomInDown,
.animated.zoomInLeft,
.animated.zoomInRight,
.animated.zoomInUp,
.animated.zoomOut,
.animated.zoomOutDown,
.animated.zoomOutLeft,
.animated.zoomOutRight,
.animated.zoomOutUp,
.animated.slideInDown,
.animated.slideInLeft,
.animated.slideInRight,
.animated.slideInUp,
.animated.slideOutDown,
.animated.slideOutLeft,
.animated.slideOutRight,
.animated.slideOutUp,
.animated.roll3dInTop,
.animated.roll3dInLeft,
.animated.roll3dInRight,
.animated.flip3dHorizontal,
.animated.flip3dVertical,
.animated.flip3dInTop,
.animated.flip3dInBottom,
.animated.flip3dInLeft,
.animated.flip3dInRight {
  -webkit-animation-timing-function: cubic-bezier(0.51, 0.02, 0, 1.335);
  -moz-animation-timing-function: cubic-bezier(0.51, 0.02, 0, 1.335);
  -o-animation-timing-function: cubic-bezier(0.51, 0.02, 0, 1.335);
  animation-timing-function: cubic-bezier(0.51, 0.02, 0, 1.335);
}
.animated.roll3dInTop,
.animated.roll3dInLeft,
.animated.roll3dInRight,
.animated.flip3dHorizontal,
.animated.flip3dVertical,
.animated.flip3dInTop,
.animated.flip3dInBottom,
.animated.flip3dInLeft,
.animated.flip3dInRight {
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
/* Animations keyframes */
@keyframes roll3dInTop {
  0% {
    opacity: 0;
    -webkit-transform: perspective(200px) rotateX(-50deg) translate3d(0, 600px, -20px);
    -moz-transform: perspective(200px) rotateX(-50deg) translate3d(0, 600px, -20px);
    -ms-transform: perspective(200px) rotateX(-50deg) translate3d(0, 600px, -20px);
    transform: perspective(200px) rotateX(-50deg) translate3d(0, 600px, -20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(200px) rotateX(0) translate3d(0, 0, 0);
    -moz-transform: perspective(200px) rotateX(0) translate3d(0, 0, 0);
    -ms-transform: perspective(200px) rotateX(0) translate3d(0, 0, 0);
    transform: perspective(200px) rotateX(0) translate3d(0, 0, 0);
  }
}
@-o-keyframes roll3dInTop {
  0% {
    opacity: 0;
    -o-transform: perspective(200px) rotateX(-50deg) translate3d(0, 600px, -20px);
  }
  100% {
    opacity: 1;
    -o-transform: perspective(200px) rotateX(0) translate3d(0, 0, 0);
  }
}
@-moz-keyframes roll3dInTop {
  0% {
    opacity: 0;
    -moz-transform: perspective(200px) rotateX(-50deg) translate3d(0, 600px, -20px);
  }
  100% {
    opacity: 1;
    -moz-transform: perspective(200px) rotateX(0) translate3d(0, 0, 0);
  }
}
@-webkit-keyframes roll3dInTop {
  0% {
    opacity: 0;
    -webkit-transform: perspective(200px) rotateX(-50deg) translate3d(0, 600px, -20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(200px) rotateX(0) translate3d(0, 0, 0);
  }
}
@keyframes roll3dInLeft {
  0% {
    opacity: 0;
    -webkit-transform: perspective(200px) rotateY(80deg) translate3d(600px, 0, -20px);
    -moz-transform: perspective(200px) rotateY(80deg) translate3d(600px, 0, -20px);
    -ms-transform: perspective(200px) rotateY(80deg) translate3d(600px, 0, -20px);
    transform: perspective(200px) rotateY(80deg) translate3d(600px, 0, -20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(200px) rotateY(0) translate3d(0, 0, 0);
    -moz-transform: perspective(200px) rotateY(0) translate3d(0, 0, 0);
    -ms-transform: perspective(200px) rotateY(0) translate3d(0, 0, 0);
    transform: perspective(200px) rotateY(0) translate3d(0, 0, 0);
  }
}
@-o-keyframes roll3dInLeft {
  0% {
    opacity: 0;
    -o-transform: perspective(200px) rotateY(80deg) translate3d(600px, 0, -20px);
  }
  100% {
    opacity: 1;
    -o-transform: perspective(200px) rotateY(0) translate3d(0, 0, 0);
  }
}
@-moz-keyframes roll3dInLeft {
  0% {
    opacity: 0;
    -moz-transform: perspective(200px) rotateY(80deg) translate3d(600px, 0, -20px);
  }
  100% {
    opacity: 1;
    -moz-transform: perspective(200px) rotateY(0) translate3d(0, 0, 0);
  }
}
@-webkit-keyframes roll3dInLeft {
  0% {
    opacity: 0;
    -webkit-transform: perspective(200px) rotateY(80deg) translate3d(600px, 0, -20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(200px) rotateY(0) translate3d(0, 0, 0);
  }
}
@keyframes roll3dInRight {
  0% {
    opacity: 0;
    -webkit-transform: perspective(200px) rotateY(-50deg) translate3d(-600px, 0, -20px);
    -moz-transform: perspective(200px) rotateY(-50deg) translate3d(-600px, 0, -20px);
    -ms-transform: perspective(200px) rotateY(-50deg) translate3d(-600px, 0, -20px);
    transform: perspective(200px) rotateY(-50deg) translate3d(-600px, 0, -20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(200px) rotateY(0) translate3d(0, 0, 0);
    -moz-transform: perspective(200px) rotateY(0) translate3d(0, 0, 0);
    -ms-transform: perspective(200px) rotateY(0) translate3d(0, 0, 0);
    transform: perspective(200px) rotateY(0) translate3d(0, 0, 0);
  }
}
@-o-keyframes roll3dInRight {
  0% {
    opacity: 0;
    -o-transform: perspective(200px) rotateY(-50deg) translate3d(-600px, 0, -20px);
  }
  100% {
    opacity: 1;
    -o-transform: perspective(200px) rotateY(0) translate3d(0, 0, 0);
  }
}
@-moz-keyframes roll3dInRight {
  0% {
    opacity: 0;
    -moz-transform: perspective(200px) rotateY(-50deg) translate3d(-600px, 0, -20px);
  }
  100% {
    opacity: 1;
    -moz-transform: perspective(200px) rotateY(0) translate3d(0, 0, 0);
  }
}
@-webkit-keyframes roll3dInRight {
  0% {
    opacity: 0;
    -webkit-transform: perspective(200px) rotateY(-50deg) translate3d(-600px, 0, -20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(200px) rotateY(0) translate3d(0, 0, 0);
  }
}
@keyframes flip3dInTop {
  0% {
    opacity: 0;
    -webkit-transform: perspective(1300px) rotateX(90deg);
    -moz-transform: perspective(1300px) rotateX(90deg);
    -ms-transform: perspective(1300px) rotateX(90deg);
    transform: perspective(1300px) rotateX(90deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(1300px) rotateX(0);
    -moz-transform: perspective(1300px) rotateX(0);
    -ms-transform: perspective(1300px) rotateX(0);
    transform: perspective(1300px) rotateX(0);
  }
}
@-o-keyframes flip3dInTop {
  0% {
    opacity: 0;
    -o-transform: perspective(1300px) rotateX(90deg);
  }
  100% {
    opacity: 1;
    -o-transform: perspective(1300px) rotateX(0);
  }
}
@-moz-keyframes flip3dInTop {
  0% {
    opacity: 0;
    -moz-transform: perspective(1300px) rotateX(90deg);
  }
  100% {
    opacity: 1;
    -moz-transform: perspective(1300px) rotateX(0);
  }
}
@-webkit-keyframes flip3dInTop {
  0% {
    opacity: 0;
    -webkit-transform: perspective(1300px) rotateX(90deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(1300px) rotateX(0);
  }
}
@keyframes flip3dInBottom {
  0% {
    opacity: 0;
    -webkit-transform: perspective(1300px) rotateX(-90deg);
    -moz-transform: perspective(1300px) rotateX(-90deg);
    -ms-transform: perspective(1300px) rotateX(-90deg);
    transform: perspective(1300px) rotateX(-90deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(1300px) rotateX(0);
    -moz-transform: perspective(1300px) rotateX(0);
    -ms-transform: perspective(1300px) rotateX(0);
    transform: perspective(1300px) rotateX(0);
  }
}
@-o-keyframes flip3dInBottom {
  0% {
    opacity: 0;
    -o-transform: perspective(1300px) rotateX(-90deg);
  }
  100% {
    opacity: 1;
    -o-transform: perspective(1300px) rotateX(0);
  }
}
@-moz-keyframes flip3dInBottom {
  0% {
    opacity: 0;
    -moz-transform: perspective(1300px) rotateX(-90deg);
  }
  100% {
    opacity: 1;
    -moz-transform: perspective(1300px) rotateX(0);
  }
}
@-webkit-keyframes flip3dInBottom {
  0% {
    opacity: 0;
    -webkit-transform: perspective(1300px) rotateX(-90deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(1300px) rotateX(0);
  }
}
@keyframes flip3dInLeft {
  0% {
    opacity: 0;
    -webkit-transform: perspective(1300px) rotateY(90deg);
    -moz-transform: perspective(1300px) rotateY(90deg);
    -ms-transform: perspective(1300px) rotateY(90deg);
    transform: perspective(1300px) rotateY(90deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(1300px) rotateY(0);
    -moz-transform: perspective(1300px) rotateY(0);
    -ms-transform: perspective(1300px) rotateY(0);
    transform: perspective(1300px) rotateY(0);
  }
}
@-o-keyframes flip3dInLeft {
  0% {
    opacity: 0;
    -o-transform: perspective(1300px) rotateY(90deg);
  }
  100% {
    opacity: 1;
    -o-transform: perspective(1300px) rotateY(0);
  }
}
@-moz-keyframes flip3dInLeft {
  0% {
    opacity: 0;
    -moz-transform: perspective(1300px) rotateY(90deg);
  }
  100% {
    opacity: 1;
    -moz-transform: perspective(1300px) rotateY(0);
  }
}
@-webkit-keyframes flip3dInLeft {
  0% {
    opacity: 0;
    -webkit-transform: perspective(1300px) rotateY(90deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(1300px) rotateY(0);
  }
}
@keyframes flip3dInRight {
  0% {
    opacity: 0;
    -webkit-transform: perspective(1300px) rotateY(-90deg);
    -moz-transform: perspective(1300px) rotateY(-90deg);
    -ms-transform: perspective(1300px) rotateY(-90deg);
    transform: perspective(1300px) rotateY(-90deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(1300px) rotateY(0);
    -moz-transform: perspective(1300px) rotateY(0);
    -ms-transform: perspective(1300px) rotateY(0);
    transform: perspective(1300px) rotateY(0);
  }
}
@-o-keyframes flip3dInRight {
  0% {
    opacity: 0;
    -o-transform: perspective(1300px) rotateY(-90deg);
  }
  100% {
    opacity: 1;
    -o-transform: perspective(1300px) rotateY(0);
  }
}
@-moz-keyframes flip3dInRight {
  0% {
    opacity: 0;
    -moz-transform: perspective(1300px) rotateY(-90deg);
  }
  100% {
    opacity: 1;
    -moz-transform: perspective(1300px) rotateY(0);
  }
}
@-webkit-keyframes flip3dInRight {
  0% {
    opacity: 0;
    -webkit-transform: perspective(1300px) rotateY(-90deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(1300px) rotateY(0);
  }
}
@keyframes flip3dHorizontal {
  0% {
    opacity: 0;
    -webkit-transform: perspective(1300px) rotateY(-90deg);
    -moz-transform: perspective(1300px) rotateY(-90deg);
    -ms-transform: perspective(1300px) rotateY(-90deg);
    transform: perspective(1300px) rotateY(-90deg);
  }
  50% {
    opacity: 1;
    -webkit-transform: perspective(1300px) rotateY(20deg);
    -moz-transform: perspective(1300px) rotateY(20deg);
    -ms-transform: perspective(1300px) rotateY(20deg);
    transform: perspective(1300px) rotateY(20deg);
  }
  85% {
    -webkit-transform: perspective(1300px) rotateY(-10deg);
    -moz-transform: perspective(1300px) rotateY(-10deg);
    -ms-transform: perspective(1300px) rotateY(-10deg);
    transform: perspective(1300px) rotateY(-10deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(1300px) rotateY(0);
    -moz-transform: perspective(1300px) rotateY(0);
    -ms-transform: perspective(1300px) rotateY(0);
    transform: perspective(1300px) rotateY(0);
  }
}
@-o-keyframes flip3dHorizontal {
  0% {
    opacity: 0;
    -o-transform: perspective(1300px) rotateY(-90deg);
  }
  50% {
    opacity: 1;
    -o-transform: perspective(1300px) rotateY(20deg);
  }
  85% {
    -o-transform: perspective(1300px) rotateY(-10deg);
  }
  100% {
    opacity: 1;
    -o-transform: perspective(1300px) rotateY(0);
  }
}
@-moz-keyframes flip3dHorizontal {
  0% {
    opacity: 0;
    -moz-transform: perspective(1300px) rotateY(-90deg);
  }
  50% {
    opacity: 1;
    -moz-transform: perspective(1300px) rotateY(20deg);
  }
  85% {
    -moz-transform: perspective(1300px) rotateY(-10deg);
  }
  100% {
    opacity: 1;
    -moz-transform: perspective(1300px) rotateY(0);
  }
}
@-webkit-keyframes flip3dHorizontal {
  0% {
    opacity: 0;
    -webkit-transform: perspective(1300px) rotateY(-90deg);
  }
  50% {
    opacity: 1;
    -webkit-transform: perspective(1300px) rotateY(20deg);
  }
  85% {
    -webkit-transform: perspective(1300px) rotateY(-10deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(1300px) rotateY(0);
  }
}
@keyframes flip3dVertical {
  0% {
    opacity: 0;
    -webkit-transform: perspective(1300px) rotateX(-90deg);
    -moz-transform: perspective(1300px) rotateX(-90deg);
    -ms-transform: perspective(1300px) rotateX(-90deg);
    transform: perspective(1300px) rotateX(-90deg);
  }
  50% {
    opacity: 1;
    -webkit-transform: perspective(1300px) rotateX(20deg);
    -moz-transform: perspective(1300px) rotateX(20deg);
    -ms-transform: perspective(1300px) rotateX(20deg);
    transform: perspective(1300px) rotateX(20deg);
  }
  85% {
    -webkit-transform: perspective(1300px) rotateX(-10deg);
    -moz-transform: perspective(1300px) rotateX(-10deg);
    -ms-transform: perspective(1300px) rotateX(-10deg);
    transform: perspective(1300px) rotateX(-10deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(1300px) rotateX(0);
    -moz-transform: perspective(1300px) rotateX(0);
    -ms-transform: perspective(1300px) rotateX(0);
    transform: perspective(1300px) rotateX(0);
  }
  @-o-keyframes flip3dVertical {
    0% {
      opacity: 0;
      -o-transform: perspective(1300px) rotateX(-90deg);
    }
    50% {
      opacity: 1;
      -o-transform: perspective(1300px) rotateX(20deg);
    }
    85% {
      -o-transform: perspective(1300px) rotateX(-10deg);
    }
    100% {
      opacity: 1;
      -o-transform: perspective(1300px) rotateX(0);
    }
  }
  @-moz-keyframes flip3dVertical {
    0% {
      opacity: 0;
      -moz-transform: perspective(1300px) rotateX(-90deg);
    }
    50% {
      opacity: 1;
      -moz-transform: perspective(1300px) rotateX(20deg);
    }
    85% {
      -moz-transform: perspective(1300px) rotateX(-10deg);
    }
    100% {
      opacity: 1;
      -moz-transform: perspective(1300px) rotateX(0);
    }
  }
  @-webkit-keyframes flip3dVertical {
    0% {
      opacity: 0;
      -webkit-transform: perspective(1300px) rotateX(-90deg);
    }
    50% {
      opacity: 1;
      -webkit-transform: perspective(1300px) rotateX(20deg);
    }
    85% {
      -webkit-transform: perspective(1300px) rotateX(-10deg);
    }
    100% {
      opacity: 1;
      -webkit-transform: perspective(1300px) rotateX(0);
    }
  }
}