/*!--------------------------------------------------------------------------*
 *  
 *  ScrollEffect.css
 *  
 *  MIT-style license. 
 *  
 *  2017 MuuYan
 *  http://muumv.com
 *  
 *--------------------------------------------------------------------------*/
 
.pSimple1,
.pMultiple1 > li,
.pMultiple1 > div {
  opacity: 0;
  -webkit-transform: translate3d(0,80px,0);
  transform: translate3d(0,80px,0);
  transition: all 1.2s cubic-bezier(.4, 0, .2, 1);
}

.pSimple1.pActive,
.pMultiple1 .pActive {
  opacity: 1;
  --webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.pSimple2,
.pMultiple2 > li,
.pMultiple2 > div {
  opacity: 0;
  transition: all 2s cubic-bezier(.4, 0, .2, 1);
}

.pSimple2.pActive,
.pMultiple2 .pActive {
  opacity: 1;
}