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

.into_a {
  -webkit-animation: into_a 0.8s ease-out 1;
  -moz-animation: into_a 0.8s ease-out 1;
  -ms-animation: into_a 0.8s ease-out 1;
  -o-animation: into_a 0.8s ease-out 1;
  animation: into_a 0.8s ease-out 1;
  }


@-webkit-keyframes out_a{
  0% {transform: translate(0,0px);opacity:1;}
  100%{transform: translate(0,-100%);opacity:0;}
}
@-moz-keyframes out_a{
  0% {transform: translate(0,0px);opacity:1;}
  100%{transform: translate(0,-100%);opacity:0;}
}
@-ms-keyframes out_a{
  0% {transform: translate(0,0px);opacity:1;}
  100%{transform: translate(0,-100%);opacity:0;}
}
@-o-keyframes out_a{
  0% {transform: translate(0,0px);opacity:1;}
  100%{transform: translate(0,-100%);opacity:0;}
}
@keyframes out_a{
  0% {transform: translate(0,0px);opacity:1;}
  100%{transform: translate(0,-100%);opacity:0;}
}

.out_a {
  -webkit-animation: out_a 0.5s ease-in 1;
  -moz-animation: out_a 0.5s ease-in 1;
  -ms-animation: out_a 0.5s ease-in 1;
  -o-animation: out_a 0.5s ease-in 1;
  animation: out_a 0.5s ease-in 1;
  }


/*  .into_a {
  -webkit-animation: into_a 0.8s linear infinite;
  -moz-animation: into_a 0.8s linear infinite;
  -ms-animation: into_a 0.8s linear infinite;
  -o-animation: into_a 0.8s linear infinite;
  animation: into_a 0.8s linear infinite;
  }*/



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

.into_aa {
  -webkit-animation: into_aa 0.5s ease-out 1;
  -moz-animation: into_aa 0.5s ease-out 1;
  -ms-animation: into_aa 0.5s ease-out 1;
  -o-animation: into_aa 0.5s ease-out 1;
  animation: into_aa 0.5s ease-out 1;
  }




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

.out_aa {
  -webkit-animation: out_aa 0.5s ease-out 1;
  -moz-animation: out_aa 0.5s ease-out 1;
  -ms-animation: out_aa 0.5s ease-out 1;
  -o-animation: out_aa 0.5s ease-out 1;
  animation: out_aa 0.5s ease-out 1;
  }