/*!--------------------------------------------------------------------------*
 *
 *  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;
}

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

.pSimple3.pActive,
.pMultiple3 .pActive {
  opacity: 1;
}

.pSimple4,
.pMultiple4 > li,
.pMultiple4 > div{
  opacity: 0;
  transition: all 2s cubic-bezier(.4, 0, .2, 1);
  transition-delay:0.5s;
}

.pSimple4.pActive,
.pMultiple4 .pActive {
  opacity: 1;
}


.pSimple5,
.pMultiple5 > li,
.pMultiple5 > div {
  opacity: 0;
  -webkit-transform: translate3d(0,40px,0);
  transform: translate3d(0,40px,0);
  transition: all 1.2s cubic-bezier(.4, 0, .2, 1);
}

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

.pSimple6,
.pMultiple6 > li,
.pMultiple6 > div {
  opacity: 0;
  -webkit-transform: translate3d(40px,0,0);
  transform: translate3d(40px,0,0);
  transition: all 1.2s cubic-bezier(.4, 0, .2, 1);
}

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

.pSimple7,
.pMultiple7 > li,
.pMultiple7 > div {
  opacity: 0;
  -webkit-transform: translate3d(-40px,0,0);
  transform: translate3d(-40px,0,40px);
  transition: all 1.2s cubic-bezier(.4, 0, .2, 1);
}

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