/**/
.text-reveal span,
.text-reveal > figure {
  position: relative;
}
.text-reveal span:before,
.text-reveal > figure:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: #e5e9ee;
  transform-origin: left;
  transform: scale(1, 1);
}
.text-reveal span:after,
.text-reveal > figure:after {
  content: "\A";
  white-space: pre;
}
.text-reveal.isAnimate span:nth-of-type(1):before,
.text-reveal.isAnimate figure:nth-of-type(1):before {
  animation: reveal-text 600ms cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s forwards;
}
.text-reveal.isAnimate span:nth-of-type(2):before,
.text-reveal.isAnimate figure:nth-of-type(2):before {
  animation: reveal-text 600ms cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s forwards;
}
.text-reveal.isAnimate span:nth-of-type(3):before,
.text-reveal.isAnimate figure:nth-of-type(3):before {
  animation: reveal-text 600ms cubic-bezier(0.645, 0.045, 0.355, 1) 0.6s forwards;
}
.text-reveal.isAnimate span:nth-of-type(4):before,
.text-reveal.isAnimate figure:nth-of-type(4):before {
  animation: reveal-text 600ms cubic-bezier(0.645, 0.045, 0.355, 1) 0.8s forwards;
}
.text-reveal.isAnimate span:nth-of-type(5):before,
.text-reveal.isAnimate figure:nth-of-type(5):before {
  animation: reveal-text 600ms cubic-bezier(0.645, 0.045, 0.355, 1) 1.0s forwards;
}
.text-reveal.isAnimate span:nth-of-type(6):before,
.text-reveal.isAnimate figure:nth-of-type(6):before {
  animation: reveal-text 600ms cubic-bezier(0.645, 0.045, 0.355, 1) 1.2s forwards;
}
.text-reveal.isAnimate span:nth-of-type(7):before,
.text-reveal.isAnimate figure:nth-of-type(7):before {
  animation: reveal-text 600ms cubic-bezier(0.645, 0.045, 0.355, 1) 1.4s forwards;
}
.text-reveal.isAnimate span:nth-of-type(8):before,
.text-reveal.isAnimate figure:nth-of-type(8):before {
  animation: reveal-text 600ms cubic-bezier(0.645, 0.045, 0.355, 1) 1.6s forwards;
}
.text-reveal.isAnimate span:nth-of-type(9):before,
.text-reveal.isAnimate figure:nth-of-type(9):before {
  animation: reveal-text 600ms cubic-bezier(0.645, 0.045, 0.355, 1) 1.8s forwards;
}
.text-reveal.isAnimate span:nth-of-type(10):before,
.text-reveal.isAnimate figure:nth-of-type(10):before {
  animation: reveal-text 600ms cubic-bezier(0.645, 0.045, 0.355, 1) 2.0s forwards;
}

@keyframes reveal-text {
  100% {
    transform: scale(0, 1);
  }
}

#message .text-reveal span:before {
  background-color: #ffffff;
}
#fabric .text-reveal span:before {
  background-color: #F2F4F6;
}
#fabric .point .text-reveal span:before {
  background-color: #E5E9EE;
}
#manufacturing h3.text-reveal span:before {
  background-color: #fff;
}
#manufacturing p.text-reveal span:before {
  background-color: #F2F4F6;
}
@media (max-width:750px) {
  #manufacturing p.text-reveal span:before {
    background-color: #fff;
  }
}
#shop .text-reveal span:before {
  background-color: #F2F4F6;
}
#shop .flow .text-reveal span:before {
  background-color: #E6EAEE;
}
#model .text-reveal span:before {
  background-color: #fff;
}
#model .text-reveal figure:before {
  background-color: #E8EFF9;
}
#formal .text-reveal span:before {
  background-color: #000;
}



/**/
.fadeUp {
  opacity: 0;
  transform: translateY(20px);
}
.fadeUp.isAnimate {
  animation: up-fade 600ms cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s forwards;
}

@keyframes up-fade {
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}




/**/
.fadeIn {
  opacity: 0;
}
.fadeIn.isAnimate {
  animation: in-fade 900ms cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s forwards;
}

@keyframes in-fade {
  100% {
    opacity: 1;
  }
}




/**/
.__delay1.isAnimate { animation-delay: 0.2s;}
.__delay2.isAnimate { animation-delay: 0.4s;}
.__delay3.isAnimate { animation-delay: 0.6s;}
.__delay4.isAnimate { animation-delay: 0.8s;}
.__delay5.isAnimate { animation-delay: 1.0s;}