.slide-in-fwd-center1 {
	animation: slide-in-fwd-center 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.slide-in-fwd-center2 {
	animation: slide-in-fwd-center .7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  animation-delay:.7s;
}
.slide-in-fwd-center3 {
	animation: slide-in-fwd-center 1.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  animation-delay:1.1s;
}
@keyframes slide-in-fwd-center {
  0% {
    /* transform: scale(0); */
    opacity: 0;
  }
  100% {
    /* transform: scale(1); */
    opacity: 1;
  }
}








/* section3 animation */
/* icon1 */
.s3_icon1-2 {
  animation:s3_icon1-2 1s linear alternate infinite;
}
@keyframes s3_icon1-2 {
  0% {
    left:100px; top:0px;
  }
  100% {
   left:100px; top:10px;
  }
}
/* car start */
.s3_icon1-3 {
  animation:s3_icon1-3 2.5s both;
}
@keyframes s3_icon1-3 {
  0%{
    left:1px; top:-44px;
  }
  1% {
    opacity:1;
  }
  100% {
   left:-82px; top:27px;
   opacity:0;
  }
}

.s3_icon1-4 {
  animation:s3_icon1-4 2.5s both;
  animation-delay:1.2s;
}
@keyframes s3_icon1-4 {
  0% {
    left:-107px; top:49px;
  }
  1% {
    opacity:1;
  }
  100% {
   left:50px; top:164px;
   opacity:0;
  }
}

.s3_icon1-5 {
  animation:s3_icon1-5 2.5s both;
  animation-delay:2.4s;
}
@keyframes s3_icon1-5 {
  0% {
    left:80px; top:170px;
  }
  1% {
    opacity:1;
  }
  100% {
   left:210px; top:102px;
   opacity:0;
  }
}

.s3_icon1-6 {
  animation:s3_icon1-6 2.5s both;
  animation-delay:3.6s;
}
@keyframes s3_icon1-6 {
  0% {
    left:213px; top:76px;
  }
  1% {
    opacity:1;
  }
  100% {
   left:52px; top:-30px;
   opacity:0;
  }
}

/* icon2 */
.s3_icon2-2 {
  animation:s3_icon2-2 1.5s both linear infinite;
}
@keyframes s3_icon2-2 {
  0% {
    right:-15px; bottom:-38px;
  }
  40% {
    right:34px; bottom:-8px;
  }
  65% {
    right:27px; bottom:-18px;
  }
  100% {
   right:34px; bottom:-8px;
  }
}

/* icon3 */
.s3_icon3-2 {
  animation:s3_icon3-2 2.5s both infinite;
}
@keyframes s3_icon3-2 {
  0% {
    right:-41px; bottom:21px;
  }
  100% {
    right:42px; bottom:-22px;
  }
}
.s3_icon3-3 {
  animation: s3_icon3-3 4.55s linear infinite;
  animation-delay:1s;
}
@keyframes s3_icon3-3 {
  0%,
  50%,
  100% {
    opacity: 0;
  }
  25%,
  75% {
    opacity: 1;
  }
}

/* section4 animation */
/* flex1 */
.s4_slide1_img4 {
  animation:s4_slide1_img4 1s linear alternate infinite;
}
@keyframes s4_slide1_img4 {
  0% {
    left:192px; top:-57px;
  }
  100% {
    left:192px; top:-73px;
  }
}
.s4_slide1_img3 {
  animation:s4_slide1_img3 2.5s infinite;
}
@keyframes s4_slide1_img3 {
  0% {
    left:306px; top:-20px;
  }
  100% {
    left:157px; top:75px;
  }
}

/* flex2 */
.s4_slide2_img1 {
  animation:s4_slide2_img1 4s infinite;
}
@keyframes s4_slide2_img1 {
  0% {
    left:-857px; bottom:-582px;
  }
  25%,75% {
    left:-441px; bottom:-349px;
  }
  100% {
    left:82px; bottom:-41px;
  }
}

.s4_slide2_img2 {
  animation:s4_slide2_img2 4s infinite;
}
@keyframes s4_slide2_img2 {
  0% {
    left:-270px; bottom:-250px;
    opacity:1;
  }
  25%,65% {
    left:170px; bottom:-40px;
    opacity:1;
  }
  75%,100% {left:170px; bottom:-40px; opacity:0;}
}

.s4_slide2_img3 {
	animation: s4_slide2_img3 1.5s linear infinite both;
}
@keyframes s4_slide2_img3 {
  0% {
    transform: translate(0);
  }
  20% {
    transform: translate(2px, -2px);
  }
  40% {
    transform: translate(2px, 2px);
  }
  60% {
    transform: translate(-2px, 2px);
  }
  80% {
    transform: translate(-2px, -2px);
  }
  100% {
    transform: translate(0);
  }
}
/* slide3 animation */
.s4_slide3_img2 {
	animation: s4_slide3_img2 .5s infinite linear alternate both;
}
@keyframes s4_slide3_img2 {
  0% {
    bottom:-36px;
  }
  100% {
    bottom:-28px;
  }
}
.s4_slide3_img3 {
	animation: s4_slide3_img3 5s infinite both;
}
@keyframes s4_slide3_img3 {
  25% {opacity:1;}
  50% {opacity:0;}
}

.s4_slide3_img4 {
	animation: s4_slide3_img4 5s infinite both;
}
@keyframes s4_slide3_img4 {
  25% {opacity:0;}
  50% {opacity:1;}
  75% {opacity:0;}
}

.s4_slide3_img5 {
	animation: s4_slide3_img5 5s infinite both;
}
@keyframes s4_slide3_img5 {
  50% {opacity:0;}
  75% {opacity:1;}
  100% {opacity:0;}
}


/* business animation */
.m1-1 {
	animation: m1-1 4s  linear both infinite;
}
@keyframes m1-1 {
  0%,95%,100% {
    opacity:0;
  }
  80% {
    opacity:1;
  }
}

.m1-3 {
  animation: m1-3 4s both infinite;
}
@keyframes m1-3 {
  0% {
    left:242.5px; bottom:133px;
    opacity:0;
  }
  80% {
    left:160.5px; bottom:70px;
    opacity:1;
  }
  95%,100% {
    left:160.5px; bottom:70px;
    opacity:0;
  }
}

/* .m2-2 {
  animation: m2-2 2s both;
}
@keyframes m2-2 {
  0% {
    transform: scale(0);
    transform-origin: 0% 0%;
    opacity: 0;
  }
  50%,100% {
    transform: scale(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
} */

.m3-2 {
  animation: m3-2 .8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both infinite alternate;
}
@keyframes m3-2 {
  0% {
    left:30%; bottom:2%;
  }
  100% {
    left:35%; bottom:7%;
  }
}


/* business service */
/* service1 */
.s1_flex1_car1 {
  animation: s1_flex1_car1 8s linear both infinite;
}
@keyframes s1_flex1_car1 {
  0% {
    right:49px; bottom:-14px;
  }
  25% {
    right:178px; bottom:-105px; opacity:1;
  }
  35%,100% {
    right:178px; bottom:-105px; opacity:0;
  }
}
.s1_flex1_car2 {
  animation: s1_flex1_car2 8s linear both infinite;
}
@keyframes s1_flex1_car2 {
  0% {
    right:-60px; bottom:68px;
  }
  25% {
    right:49px; bottom:-14px;
  }
  50% {
    right:178px; bottom:-105px; opacity:1;
  }
  60%,100% {
    right:178px; bottom:-105px; opacity:0;
  }
}
.s1_flex1_car3 {
  animation: s1_flex1_car3 8s linear both infinite;
}
@keyframes s1_flex1_car3 {
  0% {
    right:-158px; bottom:133px;
  }
  25% {
    right:-60px; bottom:68px;
  }
  50% {
    right:49px; bottom:-14px;
  }
  75% {
    right:178px; bottom:-105px; opacity:1;
  }
  85%,100% {
    right:178px; bottom:-105px; opacity:0;
  }
}
.s1_flex1_msg {
  animation: s1_flex1_msg 8s linear both infinite;
}
@keyframes s1_flex1_msg {
  0% {
    opacity:0;
  }
  20% {
    opacity:0;
  }
  25% {
    opacity:1;
  }
  42.5%,45% {
    opacity:0;
  }
  50% {
    opacity:1;
  }
  67.5%,70% {
    opacity:0;
  }
  75% {
    opacity:1;
  } 
  92.5%,100% {
    opacity:0;
  }
}
/* service2 */
.s1_flex2_hand {
  animation: s1_flex2_hand 1.5s ease both infinite alternate;
}
@keyframes s1_flex2_hand {
  0% {
    left:173px;
    bottom:-224px;
  }
  100% {
    transform:rotate(-8deg);
    bottom:-244px;
  }
}
.s1_flex2_water {
  animation: s1_flex2_water 3s ease-in-out infinite both;
  animation-delay:1.3s;
}
@keyframes s1_flex2_water {
  0% {
    transform: scale(0.2);
    opacity: 0;
  }
  1% {
    transform: scale(0.2);
    opacity: 0.8;
  }
  25% {
    transform: scale(1.2);
    opacity: 0;
  }
  50%,100% {
    transform: scale(2.2);
    opacity: 0;
  }
}
/* service3 */
.s1_flex3_human {
  animation: s1_flex3_human 3.3s linear both infinite;
}
@keyframes s1_flex3_human {
  0% {
    right:205px;
    bottom:-75px;
  }
  70% {
    opacity:1;
  }
  80%,100% {
    opacity:0;
    right:95px;
    bottom:-12px;
  }
}
.s1_flex3_cloud1 {
  animation: s1_flex3_cloud1 4s linear both infinite alternate;
}
@keyframes s1_flex3_cloud1 {
  0% {
    right:-10px;
  }
  100% {
    right:-56px;
  }
}
.s1_flex3_cloud2 {
  animation: s1_flex3_cloud2 4s linear both infinite alternate;
}
@keyframes s1_flex3_cloud2 {
  0% {
    right:114px;
  }
  100% {
    right:74px;
  }
}
.s1_flex3_cloud3 {
  animation: s1_flex3_cloud3 4s linear both infinite alternate;
}
@keyframes s1_flex3_cloud3 {
  0% {
    left:-35px;
  }
  100% {
    left:-5px;
  }
}
/* service4 */
.s1_flex4_cube1 {
  animation: s1_flex4_cube1 4s cubic-bezier(0.230, 1.000, 0.320, 1.000) infinite both;
}
@keyframes s1_flex4_cube1 {
  0% {
    transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
    transform-origin: 50% 100%;
    filter: blur(40px);
    opacity: 0;
  }
  80% {
    transform: translateY(0) scaleY(1) scaleX(1);
    transform-origin: 50% 50%;
    filter: blur(0);
    opacity: 1;
  }
  100% {
    transform: translateY(0) scaleY(1) scaleX(1);
    transform-origin: 50% 50%;
    filter: blur(0);
    opacity: 0;
  }
}
.s1_flex4_paper {
  animation: s1_flex4_paper 4s cubic-bezier(0.230, 1.000, 0.320, 1.000) both infinite;
}
@keyframes s1_flex4_paper {
  0% {
    transform: translate(1000px, 1000px) skew(80deg, 10deg);
    transform-origin: 0% 100%;
    filter: blur(40px);
    opacity: 0;
  }
  80% {
    transform: translate(0, 0) skew(0deg, 0deg);
    transform-origin: 50% 50%;
    filter: blur(0);
    opacity: 1;
  }
  100% {
    transform: translate(0, 0) skew(0deg, 0deg);
    transform-origin: 50% 50%;
    filter: blur(0);
    opacity: 0;
  }
}
/* service5 */
.s1_flex5_tree1 {
  animation: s1_flex5_tree1 8s both infinite;
}
@keyframes s1_flex5_tree1 {
  0%,
  100% {
    transform: translateY(0) rotate(0);
    transform-origin: 50% 50%;
  }
  15% {
    transform: translateY(-30px) rotate(6deg);
  }
  30% {
    transform: translateY(15px) rotate(-6deg);
  }
  45% {
    transform: translateY(-15px) rotate(3.6deg);
  }
  60% {
    transform: translateY(9px) rotate(-2.4deg);
  }
  75% {
    transform: translateY(-6px) rotate(1.2deg);
  }
}
.s1_flex5_tree2 {
  animation: s1_flex5_tree2 8s both infinite;
}
@keyframes s1_flex5_tree2 {
  0%,
  100% {
    transform: translateY(0) rotate(0);
    transform-origin: 50% 50%;
  }
  15% {
    transform: translateY(-30px) rotate(-6deg);
  }
  30% {
    transform: translateY(15px) rotate(6deg);
  }
  45% {
    transform: translateY(-15px) rotate(-3.6deg);
  }
  60% {
    transform: translateY(9px) rotate(2.4deg);
  }
  75% {
    transform: translateY(-6px) rotate(-1.2deg);
  }
}
.s1_flex5_wave1 {
  animation: s1_flex5_wave1 2s ease infinite alternate both;
}
@keyframes s1_flex5_wave1 {
  0% {
    transform: translateY(0) translateX(0);
  }
  100% {
    transform: translateY(-3px) translateX(3px);
  }
}
.s1_flex5_wave2 {
  animation: s1_flex5_wave2 1.7s ease infinite alternate both;
}
@keyframes s1_flex5_wave2 {
  0% {
    transform: translateY(0) translateX(0);
  }
  100% {
    transform: translateY(-5px) translateX(5px);
  }
}
.s1_flex5_wave3 {
  animation: s1_flex5_wave1 1.8s ease infinite alternate both;
}
@keyframes s1_flex5_wave1 {
  0% {
    transform: translateY(0) translateX(0);
  }
  100% {
    transform: translateY(-3px) translateX(3px);
  }
}