.is-inview {
  transition: all .6s;
}

/* fadeIn
--------------------------------------------------------------*/

.fadeIn {
    opacity: 0; 
  }

.fadeIn.is-inview {
    opacity: 1; 
    transition-delay: .5s;
}

/* fadeInDown
--------------------------------------------------------------*/
.fadeInDown {
  opacity: 0; 
  transform: translateY(-30px); 
  transition: opacity .8s, transform .8s; 
}

.fadeInDown.is-inview {
  opacity: 1; 
  transform: translateY(0); 
  transition-delay: .3s; 
}

/* fadeInRight
--------------------------------------------------------------*/

.fadeInRight {
  opacity: 0; 
  transform: translateX(100px); 
  transition: opacity .8s, transform .8s; 
}

.fadeInRight.is-inview {
  opacity: 1; 
  transform: translateX(0); 
  transition-delay: .5s; 
}

/* fadeInLeft
--------------------------------------------------------------*/

.fadeInLeft {
  opacity: 0; 
  transform: translateX(-100px); 
  transition: opacity .8s, transform .8s; 
}

.fadeInLeft.is-inview {
  opacity: 1; 
  transform: translateX(0); 
  transition-delay: .5s; 
}