.fadein {
    opacity: 0;
    visibility: hidden;
    transform: translate(0,30px);
    transition: all 1.5s;
}

.fadein.scrollin{
  opacity: 1;
  visibility: visible;
  transform: translate(0, 0);
}

.fadeinRight {
    opacity: 0;
    visibility: hidden;
    transform: translateX(60px);
    transition: all .6s;
}

.fadeinRight.scrollinRight{
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.fadeinLeft {
  opacity: 0;
  visibility: hidden;
  transform: translateX(-60px);
  transition: all .6s;
}

.fadeinLeft.scrollinLeft{
opacity: 1;
visibility: visible;
transform: translateX(0);
}