@-webkit-keyframes rotatingLeft /* Safari and Chrome */ {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}

@keyframes rotatingLeft {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}

.rotatingLeftTenSeconds {
  -webkit-animation: rotatingLeft 10s linear infinite;
  -moz-animation: rotatingLeft 10s linear infinite;
  -ms-animation: rotatingLeft 10s linear infinite;
  -o-animation: rotatingLeft 10s linear infinite;
  animation: rotatingLeft 10s linear infinite;
}

.rotatingLeftThousandSeconds {
  -webkit-animation: rotatingLeft 1000s linear infinite;
  -moz-animation: rotatingLeft 1000s linear infinite;
  -ms-animation: rotatingLeft 1000s linear infinite;
  -o-animation: rotatingLeft 1000s linear infinite;
  animation: rotatingLeft 1000s linear infinite;
}





@-webkit-keyframes rotatingRight /* Safari and Chrome */ {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  } to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotatingRight {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  } to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.rotatingRightTenSeconds {
  -webkit-animation: rotatingRight 10s linear infinite;
  -moz-animation: rotatingRight 10s linear infinite;
  -ms-animation: rotatingRight 10s linear infinite;
  -o-animation: rotatingRight 10s linear infinite;
  animation: rotatingRight 10s linear infinite;
}


.mirror {
  -moz-transform: scaleX(-1);    /* Gecko */
  -o-transform: scaleX(-1);      /* Opera */
  -webkit-transform: scaleX(-1); /* Webkit */
  transform: scaleX(-1);         /* Standard */
  filter: FlipH;                 /* IE 6/7/8 */
}