@-webkit-keyframes HalfSpinOpacity {
  0% {
    -webkit-transform: scale(0.8) rotate(180deg);
            transform: scale(0.8) rotate(180deg);
    opacity: 0; }
  100% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
    opacity: 1; } }

@keyframes HalfSpinOpacity {
  0% {
    -webkit-transform: scale(0.8) rotate(180deg);
            transform: scale(0.8) rotate(180deg);
    opacity: 0; }
  100% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
    opacity: 1; } }

@-webkit-keyframes OneSpinClockwise {
  0% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg); }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

@keyframes OneSpinClockwise {
  0% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg); }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

@-webkit-keyframes OneSpinAntiClockwise {
  0% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

@keyframes OneSpinAntiClockwise {
  0% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

@-webkit-keyframes animationWidthMax {
  0% {
    width: 0; }
  100% {
    width: 100%; } }

@keyframes animationWidthMax {
  0% {
    width: 0; }
  100% {
    width: 100%; } }