/* --- Top from right --- */

@-webkit-keyframes upMotion {
  0% {
   opacity: 0;
   -webkit-transform: translateX(500px);
  }
  50% {
   opacity: 0;
   -webkit-transform: translateX(200px);
  }
  100% {
   opacity: 1;
   -webkit-transform: translateX(0);
  }
}

@-moz-keyframes upMotion {
  0% {
   opacity: 0;
   -moz-transform: translateX(500px);
  }
  50% {
   opacity: 0;
   -moz-transform: translateX(200px);
  }
  100% {
   opacity: 1;
   -moz-transform: translateX(0);
  }
}

@-o-keyframes upMotion {
  0% {
   opacity: 0;
   -o-transform: translateX(500px);
  }
  50% {
   opacity: 0;
   -o-transform: translateX(200px);
  }
  100% {
   opacity: 1;
   -o-transform: translateX(0);
  }
}

@keyframes upMotion {
  0% {
   opacity: 0;
   transform: translateX(500px);
  }
  50% {
   opacity: 0;
   transform: translateX(200px);
  }
  100% {
   opacity: 1;
   transform: translateX(0);
  }
}