@-webkit-keyframes rotating {
  /* Safari and Chrome */
  0% {
    -webkit-transform: rotateY(20deg);
    -o-transform: rotateY(20deg);
    transform: rotateY(20deg);
  }
  50% {
    -webkit-transform: rotateY(-20deg);
    -o-transform: rotateY(-20deg);
    transform: rotateY(-20deg);
  }
  100% {
    -webkit-transform: rotateY(20deg);
    -o-transform: rotateY(20deg);
    transform: rotateY(20deg);
  }
}
@keyframes rotating {
  0% {
    -ms-transform: rotateY(20deg);
    -moz-transform: rotateY(20deg);
    -webkit-transform: rotateY(20deg);
    -o-transform: rotateY(20deg);
    transform: rotateY(20deg);
  }
  50% {
    -ms-transform: rotateY(-20deg);
    -moz-transform: rotateY(-20deg);
    -webkit-transform: rotateY(-20deg);
    -o-transform: rotateY(-20deg);
    transform: rotateY(-20deg);
  }
  100% {
    -ms-transform: rotateY(20deg);
    -moz-transform: rotateY(20deg);
    -webkit-transform: rotateY(20deg);
    -o-transform: rotateY(20deg);
    transform: rotateY(20deg);
  }
}
.perspective300 {
  -webkit-perspective: 300px;
  /* Safari 4-8 */
  perspective: 300px;
}
.rotating {
  -webkit-animation: rotating 10s ease infinite;
  -moz-animation: rotating 10s ease infinite;
  -ms-animation: rotating 10s ease infinite;
  -o-animation: rotating 10s ease infinite;
  animation: rotating 10s ease infinite;
}
.rotate {
  -webkit-animation: rotating 10s ease infinite;
  -moz-animation: rotating 10s ease infinite;
  -ms-animation: rotating 10s ease infinite;
  -o-animation: rotating 10s ease infinite;
  animation: rotating 10s ease infinite;
}