@-webkit-keyframes fadeInUp {
  from {
      transform: translate3d(0,40px,0);
  }

  to {
      transform: translate3d(0,0,0);
      opacity: 1;
  }
}

@keyframes fadeInUp {
  from {
    transform: translate3d(0,40px,0);
  }

  to {
      transform: translate3d(0,0,0);
      opacity: 1;
  }
}

@keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

@-webkit-keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}
}

@keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}
}


@-webkit-keyframes fadeInLeft {
  from {
      opacity:0;
      -webkit-transform: translatex(-10px);
      -moz-transform: translatex(-10px);
      -o-transform: translatex(-10px);
      transform: translatex(-10px);
  }
  to {
      opacity:1;
      -webkit-transform: translatex(0);
      -moz-transform: translatex(0);
      -o-transform: translatex(0);
      transform: translatex(0);
  }
}
@-moz-keyframes fadeInLeft {
  from {
      opacity:0;
      -webkit-transform: translatex(-10px);
      -moz-transform: translatex(-10px);
      -o-transform: translatex(-10px);
      transform: translatex(-10px);
  }
  to {
      opacity:1;
      -webkit-transform: translatex(0);
      -moz-transform: translatex(0);
      -o-transform: translatex(0);
      transform: translatex(0);
  }
}
@keyframes fadeInLeft {
  from {
      opacity:0;
      -webkit-transform: translatex(-100px);
      -moz-transform: translatex(-100px);
      -o-transform: translatex(-100px);
      transform: translatex(-100px);
  }
  to {
      opacity:1;
      -webkit-transform: translatex(0);
      -moz-transform: translatex(0);
      -o-transform: translatex(0);
      transform: translatex(0);
  }
}

@keyframes fadeInRight {
  0% {
     opacity: 0;
     transform: translateX(40px);
  }
  100% {
     opacity: 1;
     transform: translateX(0);
  }
} 

@-webkit-keyframes fadeInLeftFast{
  0%{
      opacity:0;
      -webkit-transform:translateX(-200px);
      transform:translateX(-200px)}
  100%{
      opacity:1;
      -webkit-transform:translateX(0);
      transform:translateX(0)
  }
}
@keyframes fadeInLeftFast {
  0%{
      opacity:0;
      -webkit-transform:translateX(-200px);
      -ms-transform:translateX(-200px);
      transform:translateX(-200px)}
  100%{
      opacity:1;
      -webkit-transform:translateX(0);
      -ms-transform:translateX(0);
      transform:translateX(0)
  }
}


.fadeInLeftFast {
  opacity: 1 ;
  -webkit-animation-name: fadeInLeftFast;
  animation: fadeInLeftFast 0.3s ease-in both;
}

.fadeInUp {
  opacity: 1 ;
  -webkit-animation-name: fadeInUp;
  animation: fadeInUp 0.8s ease-in both;
}
.fadeIn {
  opacity: 1 ;
  -webkit-animation-name: fadein;
  animation: fadein 0.8s ease-in both;
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation: fadeOut 0.4s ease-in both;
}
.fadeInLeft {
  opacity: 1 ;
  -webkit-animation-name: fadeInLeft;
  animation: fadeInLeft 0.8s ease-in both;
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation: fadeInRight 0.8s ease-in both;
}

.up,
.fade-in,
.fade-in-left,
.fade-in-right,
.fade-out {
  opacity: 0;
}