@keyframes animate1{
  0% {
    opacity:0;
    transform:translate3d(0,50px,0);
  }
  100%{
    opacity:1;
    transform:translate3d(0,0,0);
  }
}

@keyframes animate2{
  0% {
    opacity:0;
    transform:translate3d(80px,0,0);
  }
  100%{
    opacity:1;
    transform:translate3d(0,0,0);
  }
}

@keyframes animate3{
  0% {
    opacity:0;
    transform:translate3d(-80px,50px,0);
  }
  100%{
    opacity:1;
    transform:translate3d(0,0,0);
  }
}

.g-animate {
  -webkit-animation: animate1 1s cubic-bezier(0.6, 0.2, 0.1, 1) forwards;
  -moz-animation: animate1 1s cubic-bezier(0.6, 0.2, 0.1, 1) forwards;
}

.g-animate-2 {
  -webkit-animation: animate2 1s cubic-bezier(0.6, 0.2, 0.1, 1) forwards;
  -moz-animation: animate2 1s cubic-bezier(0.6, 0.2, 0.1, 1) forwards;
}

.g-animate-3 {
  -webkit-animation: animate3 1.5s cubic-bezier(0.6, 0.2, 0.1, 1) forwards;
  -moz-animation: animate3 1.5s cubic-bezier(0.6, 0.2, 0.1, 1) forwards;
}