@-moz-keyframes flipInX {
  0% {
    transform: perspective(em(400px)) rotateX(90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(em(400px)) rotateX(-10deg);
  }
  70% {
    transform: perspective(em(400px)) rotateX(10deg);
  }
  100% {
    transform: perspective(em(400px)) rotateX(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes flipInX {
  0% {
    transform: perspective(em(400px)) rotateX(90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(em(400px)) rotateX(-10deg);
  }
  70% {
    transform: perspective(em(400px)) rotateX(10deg);
  }
  100% {
    transform: perspective(em(400px)) rotateX(0deg);
    opacity: 1;
  }
}
@-o-keyframes flipInX {
  0% {
    transform: perspective(em(400px)) rotateX(90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(em(400px)) rotateX(-10deg);
  }
  70% {
    transform: perspective(em(400px)) rotateX(10deg);
  }
  100% {
    transform: perspective(em(400px)) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes flipInX {
  0% {
    transform: perspective(em(400px)) rotateX(90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(em(400px)) rotateX(-10deg);
  }
  70% {
    transform: perspective(em(400px)) rotateX(10deg);
  }
  100% {
    transform: perspective(em(400px)) rotateX(0deg);
    opacity: 1;
  }
}