@keyframes showLogo {
  0% {opacity:0; top:-10px;}
 33% {opacity:0; top:-10px;}
100% {opacity:1; top: 0.25%;}
}

@keyframes showTitle {
  0% {opacity:0; transform:scale(3);}
 50% {opacity:0; transform:scale(2);}
100% {opacity:1; transform:scale(1);}
}

@-webkit-keyframes ani_up{
  from {-webkit-transform:translate(0, 0);}
  65% {-webkit-transform:translate(0, -30px);}
  to {-webkit-transform: translate(0, 0);}
}
@-webkit-keyframes ani_up02{
  from {-webkit-transform:translate(0, 0px);}
  65% {-webkit-transform:translate(0, 22px);}
  to {-webkit-transform: translate(0, 0);}
}

@keyframes circle1 {
  0% {
      transform: scale(.8) rotate(0);
      -webkit-transform: scale(.8) rotate(0);
  }
  100% {
      transform: scale(.8) rotate(360deg);
      -webkit-transform: scale(.8) rotate(360deg);
  }
}

@-webkit-keyframes circle1 {
  0% {
      transform: scale(.8) rotate(0);
      -webkit-transform: scale(.8) rotate(0);
  }
  100% {
      transform: scale(.8) rotate(360deg);
      -webkit-transform: scale(.8) rotate(360deg);
  }
}

@keyframes circle2 {
  0% {
      transform: scale(.8) rotate(0);
      -webkit-transform: scale(.8) rotate(0);
  }
  100% {
      transform: scale(.8) rotate(-360deg);
      -webkit-transform: scale(.8) rotate(-360deg);
  }
}

@-webkit-keyframes circle2 {
  0% {
      transform: scale(.8) rotate(0);
      -webkit-transform: scale(.8) rotate(0);
  }
  100% {
      transform: scale(.8) rotate(-360deg);
      -webkit-transform: scale(.8) rotate(-360deg);
  }
}

@keyframes effect-fade {
  0% {opacity:1; transform:scale(1);}
 50% {opacity:1; transform:scale(0.9);}
100% {opacity:1; transform:scale(1);}
}
@-webkit-keyframes pendulum1 {
  0%{
      -webkit-transform: rotate(-3deg);
  }
  50%{
      -webkit-transform: rotate(3deg);
  }
  100%{
      -webkit-transform: rotate(-3deg);
  }
} 
@-moz-keyframes pendulum1 { 
 0%{
      -moz-transform: rotate(-3deg);
  }
  50%{
      -moz-transform: rotate(3deg);
  }
  100%{
      -moz-transform: rotate(-3deg);
  }
} 
@keyframes pendulum1 { 
  0%{
      transform: rotate(-3deg);
  }
  50%{
      transform: rotate(3deg);
  }
  100%{
      transform: rotate(-3deg);
  }
}