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

@-webkit-keyframes mymove
{
  0% {top: 80px; left: 16px; transform:rotate(0deg);}
  30% {top:75px;; left: 33px; transform:rotate(-30deg)}
  60% {top: 80px; left: 16px; transform:rotate(0deg);}
  90% {top:75px;; left: 0; transform:rotate(30deg)}
  100% {top: 80px; left: 16px; transform:rotate(0deg);}
}



@-webkit-keyframes move1{
  0%{
    transform:translate(0,0);
    -webkit-transform:translate(0,0);
    -moz-transform:translate(0,0);
    -o-transform:translate(0,0);
    -ms-transform:translate(0,0)
  }
  50%{
    transform:translate(0,-10px);
    -webkit-transform:translate(0,-10px);
    -moz-transform:translate(0,-10px);
    -o-transform:translate(0,-10px);
    -ms-transform:translate(0,-10px)
  }
  100%{
    transform:translate(0,0);
    -webkit-transform:translate(0,0);
    -moz-transform:translate(0,0);
    -o-transform:translate(0,0);
    -ms-transform:translate(0,0)
  }
}

@-webkit-keyframes move2{
  0%{
    transform:translate(0,0);
    -webkit-transform:translate(0,0);
    -moz-transform:translate(0,0);
    -o-transform:translate(0,0);
    -ms-transform:translate(0,0)
  }
  50%{
    transform:translate(10px,0);
    -webkit-transform:translate(10px,0);
    -moz-transform:translate(10px,0);
    -o-transform:translate(10px,0);
    -ms-transform:translate(10px,0)
  }
  100%{
    transform:translate(0,0);
    -webkit-transform:translate(0,0);
    -moz-transform:translate(0,0);
    -o-transform:translate(0,0);
    -ms-transform:translate(0,0)
  }
}


@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.bounceY{
  -webkit-animation: bounceY 0.9s linear;
  -moz-animation: bounceY 0.9s linear;
  -ms-animation: bounceY 0.9s linear;
  animation: bounceY 0.9s linear;
}

@keyframes bounceY {
  0% { transform: translateY(-50px);}
  40% { transform: translateY(-30px);}
  65% { transform: translateY(-22px);}
  82% { transform: translateY(-12px);}
  92% { transform: translateY(-5px);}
  55%, 75%, 87%, 97%, 100% { transform: translateY(0px);}
}
@-moz-keyframes bounceY {
  0% { transform: translateY(-50px);}
  40% { transform: translateY(-30px);}
  65% { transform: translateY(-22px);}
  82% { transform: translateY(-12px);}
  92% { transform: translateY(-5px);}
  55%, 75%, 87%, 97%, 100% { transform: translateY(0px);}
}
@-webkit-keyframes bounceY {
  0% { transform: translateY(-50px);}
  40% { transform: translateY(-30px);}
  65% { transform: translateY(-22px);}
  82% { transform: translateY(-12px);}
  92% { transform: translateY(-5px);}
  55%, 75%, 87%, 97%, 100% { transform: translateY(0px);}
}


@keyframes go {
  0% {
    -webkit-transform: rotate(1deg);
    -webkit-transform-origin: top center;
    -moz-transform: rotate(1deg);
    -moz-transform-origin: top center;
    transform: rotate(1deg);
    transform-origin: top center;
  }
  100% {
    -webkit-transform: rotate(-1deg);
    -webkit-transform-origin: top center;
    -moz-transform: rotate(-1deg);
    -moz-transform-origin: top center;
    transform: rotate(-1deg);
    transform-origin: top center;
  }
}