@-moz-keyframes in-left {
  0% {
    -moz-transform: translateX(-200%);
    -webkit-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    transform: translateX(-200%); }
  100% {
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } 
}
  
@-webkit-keyframes in-left {
  0% {
    -moz-transform: translateX(-200%);
    -webkit-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    transform: translateX(-200%); }
  100% {
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } 
}

@-ms-keyframes in-left {
  0% {
    -moz-transform: translateX(-200%);
    -webkit-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    transform: translateX(-200%); }
  100% {
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } 
}

@keyframes in-left {
  0% {
    -moz-transform: translateX(-200%);
    -webkit-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    transform: translateX(-200%); }
  100% {
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } 
}


@-moz-keyframes in-right {
  0% {
    -moz-transform: translateX(200%);
    -webkit-transform: translateX(200%);
    -ms-transform: translateX(200%);
    transform: translateX(200%); }
  100% {
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } 
}
  
@-webkit-keyframes in-right {
  0% {
    -moz-transform: translateX(200%);
    -webkit-transform: translateX(200%);
    -ms-transform: translateX(200%);
    transform: translateX(200%); }
  100% {
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } 
}

@-ms-keyframes in-right {
  0% {
    -moz-transform: translateX(200%);
    -webkit-transform: translateX(200%);
    -ms-transform: translateX(200%);
    transform: translateX(200%); }
  100% {
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } 
}

@keyframes in-right {
  0% {
    -moz-transform: translateX(200%);
    -webkit-transform: translateX(200%);
    -ms-transform: translateX(200%);
    transform: translateX(200%); }
  100% {
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } 
}


@-moz-keyframes out-right {
  0% {
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } 
  100% {
    -moz-transform: translateX(200%);
    -webkit-transform: translateX(200%);
    -ms-transform: translateX(200%);
    transform: translateX(200%); }
  
}
  
@-webkit-keyframes out-right {
  0% {
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } 
  100% {
    -moz-transform: translateX(200%);
    -webkit-transform: translateX(200%);
    -ms-transform: translateX(200%);
    transform: translateX(200%); }
  
}

@-ms-keyframes out-right {
  0% {
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } 
  100% {
    -moz-transform: translateX(200%);
    -webkit-transform: translateX(200%);
    -ms-transform: translateX(200%);
    transform: translateX(200%); }
  
}

@keyframes out-right {
  0% {
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } 
  100% {
    -moz-transform: translateX(200%);
    -webkit-transform: translateX(200%);
    -ms-transform: translateX(200%);
    transform: translateX(200%); }
  
}

/*scale */
@-moz-keyframes big {
  0% {
    -moz-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1); } 
  50% {
    -moz-transform: scale(1.5,1.5);
    -webkit-transform: scale(1.5,1.5);
    -ms-transform: scale(1.5,1.5);
    transform: scale(1.5,1.5); }
  100% {
    -moz-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1); 
  }
  
}
  
@-webkit-keyframes big {
  0% {
    -moz-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1); } 
  50% {
    -moz-transform: scale(1.5,1.5);
    -webkit-transform: scale(1.5,1.5);
    -ms-transform: scale(1.5,1.5);
    transform: scale(1.5,1.5); }
  100% {
    -moz-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1);
  }
  
}

@-ms-keyframes big {
  0% {
    -moz-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1); } 
  50% {
    -moz-transform: scale(1.5,1.5);
    -webkit-transform: scale(1.5,1.5);
    -ms-transform: scale(1.5,1.5);
    transform: scale(1.5,1.5); }
  100% {
    -moz-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1);
  }
  
}

@keyframes big {
  0% {
    -moz-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1); } 
  50% {
    -moz-transform: scale(1.5,1.5);
    -webkit-transform: scale(1.5,1.5);
    -ms-transform: scale(1.5,1.5);
    transform: scale(1.5,1.5); }
  100% {
    -moz-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1);
  }
  
}