@-webkit-keyframes fadeInUp {
  0% {opacity: 0;-webkit-transform: translateY(-20px);}  
  100% {opacity: 1;-webkit-transform: translateY(0px);}
}
@-moz-keyframes fadeInUp {
  0% {opacity: 0;-moz-transform: translateY(-20px);}  
  100% {opacity: 1;-moz-transform: translateY(0px);}
}
@-ms-keyframes fadeInUp {
  0% {opacity: 0;-ms-transform: translateY(-20px);}  
  100% {opacity: 1;-ms-transform: translateY(0px);}
}
@-o-keyframes fadeInUp {
  0% {opacity: 0;-o-transform: translateY(-20px);}  
  100% {opacity: 1;-o-transform: translateY(0px);}
}

@-webkit-keyframes fadeIn {
  0% {opacity: 0;}  
  100% {opacity: 1;}
}
@-moz-keyframes fadeIn {
  0% {opacity: 0;}  
  100% {opacity: 1;}
}
@-ms-keyframes fadeIn {
  0% {opacity: 0;}  
  100% {opacity: 1;}
}
@-o-keyframes fadeIn {
  0% {opacity: 0;}  
  100% {opacity: 1;}
}

@-webkit-keyframes blue {
  0% {-webkit-transform: translateX(-100%) skew(30deg);}  
  100% {-webkit-transform: translateX(0px) skew(30deg);}
}
@-moz-keyframes blue {
  0% {-moz-transform: translateX(-100%) skew(30deg);}  
  100% {-moz-transform: translateX(0px) skew(30deg);}
}
@-ms-keyframes blue {
  0% {-ms-transform: translateX(-100%) skew(30deg);}  
  100% {-ms-transform: translateX(0px) skew(30deg);}
}
@-o-keyframes blue {
  0% {-o-transform: translateX(-100%) skew(30deg);}  
  100% {-o-transform: translateX(0px) skew(30deg);}
}

@-webkit-keyframes red {
  0% {-webkit-transform: translateX(100%) skew(30deg);}  
  100% {-webkit-transform: translateX(0px) skew(30deg);}
}
@-moz-keyframes red {
  0% {-moz-transform: translateX(100%) skew(30deg);}  
  100% {-moz-transform: translateX(0px) skew(30deg);}
}
@-ms-keyframes red {
  0% {-ms-transform: translateX(100%) skew(30deg);}  
  100% {-ms-transform: translateX(0px) skew(30deg);}
}
@-o-keyframes red {
  0% {-o-transform: translateX(100%) skew(30deg);}  
  100% {-o-transform: translateX(0px) skew(30deg);}
}