/* SWING SWING SWING SWING SWING SWING SWING*/
.swing{
    animation: swingFrames linear 5s;
    animation-iteration-count: 1;
    transform-origin: 50% 0%;
    -webkit-animation: swingFrames linear 5s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 0%;
    -moz-animation: swingFrames linear 5s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 0%;
    -o-animation: swingFrames linear 5s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 0%;
    -ms-animation: swingFrames linear 5s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 0%;
  }
  
  @keyframes swingFrames{
    0% {
      transform:  rotate(0deg) ;
    }
    20% {
      transform:  rotate(15deg) ;
    }
    40% {
      transform:  rotate(-10deg) ;
    }
    60% {
      transform:  rotate(5deg) ;
    }
    80% {
      transform:  rotate(-5deg) ;
    }
    100% {
      transform:  rotate(0deg) ;
    }
  }
  
  @-moz-keyframes swingFrames{
    0% {
      -moz-transform:  rotate(0deg) ;
    }
    20% {
      -moz-transform:  rotate(15deg) ;
    }
    40% {
      -moz-transform:  rotate(-10deg) ;
    }
    60% {
      -moz-transform:  rotate(5deg) ;
    }
    80% {
      -moz-transform:  rotate(-5deg) ;
    }
    100% {
      -moz-transform:  rotate(0deg) ;
    }
  }
  
  @-webkit-keyframes swingFrames {
    0% {
      -webkit-transform:  rotate(0deg) ;
    }
    20% {
      -webkit-transform:  rotate(15deg) ;
    }
    40% {
      -webkit-transform:  rotate(-10deg) ;
    }
    60% {
      -webkit-transform:  rotate(5deg) ;
    }
    80% {
      -webkit-transform:  rotate(-5deg) ;
    }
    100% {
      -webkit-transform:  rotate(0deg) ;
    }
  }
  
  @-o-keyframes swingFrames {
    0% {
      -o-transform:  rotate(0deg) ;
    }
    20% {
      -o-transform:  rotate(15deg) ;
    }
    40% {
      -o-transform:  rotate(-10deg) ;
    }
    60% {
      -o-transform:  rotate(5deg) ;
    }
    80% {
      -o-transform:  rotate(-5deg) ;
    }
    100% {
      -o-transform:  rotate(0deg) ;
    }
  }
  
  @-ms-keyframes swingFrames {
    0% {
      -ms-transform:  rotate(0deg) ;
    }
    20% {
      -ms-transform:  rotate(15deg) ;
    }
    40% {
      -ms-transform:  rotate(-10deg) ;
    }
    60% {
      -ms-transform:  rotate(5deg) ;
    }
    80% {
      -ms-transform:  rotate(-5deg) ;
    }
    100% {
      -ms-transform:  rotate(0deg) ;
    }
  }
  
/* TADA TADA TADA TADA TADA TADA TADA TADA */
  .tada{
    animation: tadaFrames linear 1s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    -webkit-animation: tadaFrames linear 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: tadaFrames linear 1s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -o-animation: tadaFrames linear 1s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -ms-animation: tadaFrames linear 1s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%;
  }
  
  @keyframes tadaFrames{
    0% {
      transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
    }
    10% {
      transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
    }
    20% {
      transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
    }
    30% {
      transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
    }
    40% {
      transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
    }
    50% {
      transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
    }
    60% {
      transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
    }
    70% {
      transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
    }
    80% {
      transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
    }
    90% {
      transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
    }
    100% {
      transform:  rotate(0deg) scaleX(1.20) scaleY(1.20) ;
    }
  }
  
  @-moz-keyframes tadaFrames{
    0% {
      -moz-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
    }
    10% {
      -moz-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
    }
    20% {
      -moz-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
    }
    30% {
      -moz-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
    }
    40% {
      -moz-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
    }
    50% {
      -moz-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
    }
    60% {
      -moz-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
    }
    70% {
      -moz-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
    }
    80% {
      -moz-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
    }
    90% {
      -moz-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
    }
    100% {
      -moz-transform:  rotate(0deg) scaleX(1.20) scaleY(1.20) ;
    }
  }
  
  @-webkit-keyframes tadaFrames {
    0% {
      -webkit-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
    }
    10% {
      -webkit-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
    }
    20% {
      -webkit-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
    }
    30% {
      -webkit-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
    }
    40% {
      -webkit-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
    }
    50% {
      -webkit-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
    }
    60% {
      -webkit-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
    }
    70% {
      -webkit-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
    }
    80% {
      -webkit-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
    }
    90% {
      -webkit-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
    }
    100% {
      -webkit-transform:  rotate(0deg) scaleX(1.20) scaleY(1.20) ;
    }
  }
  
  @-o-keyframes tadaFrames {
    0% {
      -o-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
    }
    10% {
      -o-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
    }
    20% {
      -o-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
    }
    30% {
      -o-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
    }
    40% {
      -o-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
    }
    50% {
      -o-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
    }
    60% {
      -o-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
    }
    70% {
      -o-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
    }
    80% {
      -o-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
    }
    90% {
      -o-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
    }
    100% {
      -o-transform:  rotate(0deg) scaleX(1.20) scaleY(1.20) ;
    }
  }
  
  @-ms-keyframes tadaFrames {
    0% {
      -ms-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
    }
    10% {
      -ms-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
    }
    20% {
      -ms-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
    }
    30% {
      -ms-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
    }
    40% {
      -ms-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
    }
    50% {
      -ms-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
    }
    60% {
      -ms-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
    }
    70% {
      -ms-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
    }
    80% {
      -ms-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
    }
    90% {
      -ms-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
    }
    100% {
      -ms-transform:  rotate(0deg) scaleX(1.20) scaleY(1.20) ;
    }
  }

  .self-rotate{
    animation: selfrotateFrames linear 10s;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
    -webkit-animation: selfrotateFrames linear 10s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: selfrotateFrames linear 10s;
    -moz-animation-iteration-count: infinite;
    -moz-transform-origin: 50% 50%;
    -o-animation: selfrotateFrames linear 10s;
    -o-animation-iteration-count: infinite;
    -o-transform-origin: 50% 50%;
    -ms-animation: selfrotateFrames linear 10s;
    -ms-animation-iteration-count: infinite;
    -ms-transform-origin: 50% 50%;
  }
  
  @keyframes selfrotateFrames{
    0% {
      transform:  rotate(0deg) ;
    }
    10% {
      transform:  rotate(36deg) ;
    }
    20% {
      transform:  rotate(72deg) ;
    }
    30% {
      transform:  rotate(108deg) ;
    }
    40% {
      transform:  rotate(144deg) ;
    }
    50% {
      transform:  rotate(180deg) ;
    }
    61% {
      transform:  rotate(216deg) ;
    }
    70% {
      transform:  rotate(252deg) ;
    }
    80% {
      transform:  rotate(288deg) ;
    }
    90% {
      transform:  rotate(324deg) ;
    }
    100% {
      transform:  rotate(360deg) ;
    }
  }
  
  @-moz-keyframes selfrotateFrames{
    0% {
      -moz-transform:  rotate(0deg) ;
    }
    10% {
      -moz-transform:  rotate(36deg) ;
    }
    20% {
      -moz-transform:  rotate(72deg) ;
    }
    30% {
      -moz-transform:  rotate(108deg) ;
    }
    40% {
      -moz-transform:  rotate(144deg) ;
    }
    50% {
      -moz-transform:  rotate(180deg) ;
    }
    61% {
      -moz-transform:  rotate(216deg) ;
    }
    70% {
      -moz-transform:  rotate(252deg) ;
    }
    80% {
      -moz-transform:  rotate(288deg) ;
    }
    90% {
      -moz-transform:  rotate(324deg) ;
    }
    100% {
      -moz-transform:  rotate(360deg) ;
    }
  }
  
  @-webkit-keyframes selfrotateFrames {
    0% {
      -webkit-transform:  rotate(0deg) ;
    }
    10% {
      -webkit-transform:  rotate(36deg) ;
    }
    20% {
      -webkit-transform:  rotate(72deg) ;
    }
    30% {
      -webkit-transform:  rotate(108deg) ;
    }
    40% {
      -webkit-transform:  rotate(144deg) ;
    }
    50% {
      -webkit-transform:  rotate(180deg) ;
    }
    61% {
      -webkit-transform:  rotate(216deg) ;
    }
    70% {
      -webkit-transform:  rotate(252deg) ;
    }
    80% {
      -webkit-transform:  rotate(288deg) ;
    }
    90% {
      -webkit-transform:  rotate(324deg) ;
    }
    100% {
      -webkit-transform:  rotate(360deg) ;
    }
  }
  
  @-o-keyframes selfrotateFrames {
    0% {
      -o-transform:  rotate(0deg) ;
    }
    10% {
      -o-transform:  rotate(36deg) ;
    }
    20% {
      -o-transform:  rotate(72deg) ;
    }
    30% {
      -o-transform:  rotate(108deg) ;
    }
    40% {
      -o-transform:  rotate(144deg) ;
    }
    50% {
      -o-transform:  rotate(180deg) ;
    }
    61% {
      -o-transform:  rotate(216deg) ;
    }
    70% {
      -o-transform:  rotate(252deg) ;
    }
    80% {
      -o-transform:  rotate(288deg) ;
    }
    90% {
      -o-transform:  rotate(324deg) ;
    }
    100% {
      -o-transform:  rotate(360deg) ;
    }
  }
  
  @-ms-keyframes selfrotateFrames {
    0% {
      -ms-transform:  rotate(0deg) ;
    }
    10% {
      -ms-transform:  rotate(36deg) ;
    }
    20% {
      -ms-transform:  rotate(72deg) ;
    }
    30% {
      -ms-transform:  rotate(108deg) ;
    }
    40% {
      -ms-transform:  rotate(144deg) ;
    }
    50% {
      -ms-transform:  rotate(180deg) ;
    }
    61% {
      -ms-transform:  rotate(216deg) ;
    }
    70% {
      -ms-transform:  rotate(252deg) ;
    }
    80% {
      -ms-transform:  rotate(288deg) ;
    }
    90% {
      -ms-transform:  rotate(324deg) ;
    }
    100% {
      -ms-transform:  rotate(360deg) ;
    }
  }

  /* ------------------------------------------------------ */
  /* ------------------------------------------------------ */
  .wee{
    animation: weeFrame linear 6s;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
    -webkit-animation: weeFrame linear 6s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: weeFrame linear 6s;
    -moz-animation-iteration-count: infinite;
    -moz-transform-origin: 50% 50%;
    -o-animation: weeFrame linear 6s;
    -o-animation-iteration-count: infinite;
    -o-transform-origin: 50% 50%;
    -ms-animation: weeFrame linear 6s;
    -ms-animation-iteration-count: infinite;
    -ms-transform-origin: 50% 50%;
  }
  
  @keyframes weeFrame{
    0% {
      transform:  translate(0px,0px)  ;
    }
    12% {
      transform:  translate(-13px,5px)  ;
    }
    25% {
      transform:  translate(-36px,-11px)  ;
    }
    37% {
      transform:  translate(-25px,-26px)  ;
    }
    50% {
      transform:  translate(-13px,-35px)  ;
    }
    62% {
      transform:  translate(-1px,-26px)  ;
    }
    75% {
      transform:  translate(7px,-14px)  ;
    }
    88% {
      transform:  translate(5px,4px)  ;
    }
    88% {
      transform:  translate(5px,4px)  ;
    }
    100% {
      transform:  translate(1px,0px)  ;
    }
  }
  
  @-moz-keyframes weeFrame{
    0% {
      -moz-transform:  translate(0px,0px)  ;
    }
    12% {
      -moz-transform:  translate(-13px,5px)  ;
    }
    25% {
      -moz-transform:  translate(-36px,-11px)  ;
    }
    37% {
      -moz-transform:  translate(-25px,-26px)  ;
    }
    50% {
      -moz-transform:  translate(-13px,-35px)  ;
    }
    62% {
      -moz-transform:  translate(-1px,-26px)  ;
    }
    75% {
      -moz-transform:  translate(7px,-14px)  ;
    }
    88% {
      -moz-transform:  translate(5px,4px)  ;
    }
    88% {
      -moz-transform:  translate(5px,4px)  ;
    }
    100% {
      -moz-transform:  translate(1px,0px)  ;
    }
  }
  
  @-webkit-keyframes weeFrame {
    0% {
      -webkit-transform:  translate(0px,0px)  ;
    }
    12% {
      -webkit-transform:  translate(-13px,5px)  ;
    }
    25% {
      -webkit-transform:  translate(-36px,-11px)  ;
    }
    37% {
      -webkit-transform:  translate(-25px,-26px)  ;
    }
    50% {
      -webkit-transform:  translate(-13px,-35px)  ;
    }
    62% {
      -webkit-transform:  translate(-1px,-26px)  ;
    }
    75% {
      -webkit-transform:  translate(7px,-14px)  ;
    }
    88% {
      -webkit-transform:  translate(5px,4px)  ;
    }
    88% {
      -webkit-transform:  translate(5px,4px)  ;
    }
    100% {
      -webkit-transform:  translate(1px,0px)  ;
    }
  }
  
  @-o-keyframes weeFrame {
    0% {
      -o-transform:  translate(0px,0px)  ;
    }
    12% {
      -o-transform:  translate(-13px,5px)  ;
    }
    25% {
      -o-transform:  translate(-36px,-11px)  ;
    }
    37% {
      -o-transform:  translate(-25px,-26px)  ;
    }
    50% {
      -o-transform:  translate(-13px,-35px)  ;
    }
    62% {
      -o-transform:  translate(-1px,-26px)  ;
    }
    75% {
      -o-transform:  translate(7px,-14px)  ;
    }
    88% {
      -o-transform:  translate(5px,4px)  ;
    }
    88% {
      -o-transform:  translate(5px,4px)  ;
    }
    100% {
      -o-transform:  translate(1px,0px)  ;
    }
  }
  
  @-ms-keyframes weeFrame {
    0% {
      -ms-transform:  translate(0px,0px)  ;
    }
    12% {
      -ms-transform:  translate(-13px,5px)  ;
    }
    25% {
      -ms-transform:  translate(-36px,-11px)  ;
    }
    37% {
      -ms-transform:  translate(-25px,-26px)  ;
    }
    50% {
      -ms-transform:  translate(-13px,-35px)  ;
    }
    62% {
      -ms-transform:  translate(-1px,-26px)  ;
    }
    75% {
      -ms-transform:  translate(7px,-14px)  ;
    }
    88% {
      -ms-transform:  translate(5px,4px)  ;
    }
    88% {
      -ms-transform:  translate(5px,4px)  ;
    }
    100% {
      -ms-transform:  translate(1px,0px)  ;
    }
  }
  /* ------------------------------------------------------ */
  /* ------------------------------------------------------ */

  .zoome{
    animation: zoomeFrames linear 4s;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
    -webkit-animation: zoomeFrames linear 4s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: zoomeFrames linear 4s;
    -moz-animation-iteration-count: infinite;
    -moz-transform-origin: 50% 50%;
    -o-animation: zoomeFrames linear 4s;
    -o-animation-iteration-count: infinite;
    -o-transform-origin: 50% 50%;
    -ms-animation: zoomeFrames linear 4s;
    -ms-animation-iteration-count: infinite;
    -ms-transform-origin: 50% 50%;
  }
  
  @keyframes zoomeFrames{
    0% {
      transform:  translate(0px,0px)  scaleX(1.00) scaleY(1.00) ;
    }
    50% {
      transform:  translate(-2px,-6px)  scaleX(1.20) scaleY(1.20) ;
    }
    100% {
      transform:  translate(0px,0px)  scaleX(1.00) scaleY(1.00) ;
    }
  }
  
  @-moz-keyframes zoomeFrames{
    0% {
      -moz-transform:  translate(0px,0px)  scaleX(1.00) scaleY(1.00) ;
    }
    50% {
      -moz-transform:  translate(-2px,-6px)  scaleX(1.20) scaleY(1.20) ;
    }
    100% {
      -moz-transform:  translate(0px,0px)  scaleX(1.00) scaleY(1.00) ;
    }
  }
  
  @-webkit-keyframes zoomeFrames {
    0% {
      -webkit-transform:  translate(0px,0px)  scaleX(1.00) scaleY(1.00) ;
    }
    50% {
      -webkit-transform:  translate(-2px,-6px)  scaleX(1.20) scaleY(1.20) ;
    }
    100% {
      -webkit-transform:  translate(0px,0px)  scaleX(1.00) scaleY(1.00) ;
    }
  }
  
  @-o-keyframes zoomeFrames {
    0% {
      -o-transform:  translate(0px,0px)  scaleX(1.00) scaleY(1.00) ;
    }
    50% {
      -o-transform:  translate(-2px,-6px)  scaleX(1.20) scaleY(1.20) ;
    }
    100% {
      -o-transform:  translate(0px,0px)  scaleX(1.00) scaleY(1.00) ;
    }
  }
  
  @-ms-keyframes zoomeFrames {
    0% {
      -ms-transform:  translate(0px,0px)  scaleX(1.00) scaleY(1.00) ;
    }
    50% {
      -ms-transform:  translate(-2px,-6px)  scaleX(1.20) scaleY(1.20) ;
    }
    100% {
      -ms-transform:  translate(0px,0px)  scaleX(1.00) scaleY(1.00) ;
    }
  }