/* page motion */
.add-upscroll:not(.play-mo) {transform:translateY(70px) ;opacity:0;}
.play-mo.add-upscroll ,.play-mo .add-upscroll {animation: add-upscroll 0.7s 0s ease-in-out;animation-fill-mode: both;}
.play-mo.add-upscroll.delay10 ,.play-mo .add-upscroll.delay10 {animation: add-upscroll 0.8s 0.1s ease-in-out;animation-fill-mode: both;}
.play-mo.add-upscroll.delay20 ,.play-mo .add-upscroll.delay20 {animation: add-upscroll 0.8s 0.2s ease-in-out;animation-fill-mode: both;}
.play-mo.add-upscroll.delay30 ,.play-mo .add-upscroll.delay30 {animation: add-upscroll 0.8s 0.3s ease-in-out;animation-fill-mode: both;}
.play-mo.add-upscroll.delay40 ,.play-mo .add-upscroll.delay40 {animation: add-upscroll 0.8s 0.4s ease-in-out;animation-fill-mode: both;}
.play-mo.add-upscroll.delay50 ,.play-mo .add-upscroll.delay50 {animation: add-upscroll 0.8s 0.5s ease-in-out;animation-fill-mode: both;}
.play-mo.add-upscroll.delay60 ,.play-mo .add-upscroll.delay60 {animation: add-upscroll 0.8s 0.6s ease-in-out;animation-fill-mode: both;}
.play-mo.add-upscroll.delay70 ,.play-mo .add-upscroll.delay70 {animation: add-upscroll 0.8s 0.7s ease-in-out;animation-fill-mode: both;}
.play-mo.add-upscroll.delay80 ,.play-mo .add-upscroll.delay80 {animation: add-upscroll 0.8s 0.8s ease-in-out;animation-fill-mode: both;}
@keyframes add-upscroll {
	0%		{transform:translateY(70px);opacity:0;}
	100%	{transform: translateY(0px);opacity:1;}
}

.add-downscroll:not(.play-mo) {transform:translateY(-70px) ;opacity:0;}
.play-mo.add-downscroll ,.play-mo .add-downscroll {animation: add-downscroll 0.7s 0.0s ease-in-out;animation-fill-mode: both;}
.play-mo.add-downscroll.delay10 ,.play-mo .add-downscroll.delay10 {animation: add-downscroll 0.7s 0.1s ease-in-out;animation-fill-mode: both;}
.play-mo.add-downscroll.delay20 ,.play-mo .add-downscroll.delay20 {animation: add-downscroll 0.7s 0.2s ease-in-out;animation-fill-mode: both;}
.play-mo.add-downscroll.delay30 ,.play-mo .add-downscroll.delay30 {animation: add-downscroll 0.7s 0.3s ease-in-out;animation-fill-mode: both;}
.play-mo.add-downscroll.delay40 ,.play-mo .add-downscroll.delay40 {animation: add-downscroll 0.7s 0.4s ease-in-out;animation-fill-mode: both;}
.play-mo.add-downscroll.delay50 ,.play-mo .add-downscroll.delay50 {animation: add-downscroll 0.7s 0.5s ease-in-out;animation-fill-mode: both;}
.play-mo.add-downscroll.delay60 ,.play-mo .add-downscroll.delay60 {animation: add-downscroll 0.7s 0.6s ease-in-out;animation-fill-mode: both;}
.play-mo.add-downscroll.delay70 ,.play-mo .add-downscroll.delay70 {animation: add-downscroll 0.7s 0.7s ease-in-out;animation-fill-mode: both;}
.play-mo.add-downscroll.delay80 ,.play-mo .add-downscroll.delay80 {animation: add-downscroll 0.7s 0.8s ease-in-out;animation-fill-mode: both;}

@keyframes add-downscroll {
	0%		{transform: translateY(-70px) ;opacity:0;}
	100%	{transform: translateY(0px);opacity:1;}
}

header.show {animation: showMenu 0.3s ease-out;animation-fill-mode: both;}
@keyframes showMenu {

	100%{
		opacity:1;
		top:0px;
	}

}


.centerAni {
    transform-origin: center center;
	}
.rightorg {
    transform-origin: right center;
	}

.add-qzoom:not(.play-mo) {transform:scale(0) ;opacity:0;}
.play-mo.add-qzoom ,.play-mo .add-qzoom {animation: add-qzoom 0.7s 0.0s cubic-bezier(0.34, 1.56, 0.64, 1);animation-fill-mode: both;}
.play-mo.add-qzoom.delay10 ,.play-mo .add-qzoom.delay10 {animation: add-qzoom 0.7s 0.1s cubic-bezier(0.34, 1.56, 0.64, 1);animation-fill-mode: both;}
.play-mo.add-qzoom.delay20 ,.play-mo .add-qzoom.delay20 {animation: add-qzoom 0.7s 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);animation-fill-mode: both;}
.play-mo.add-qzoom.delay30 ,.play-mo .add-qzoom.delay30 {animation: add-qzoom 0.7s 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);animation-fill-mode: both;}
.play-mo.add-qzoom.delay40 ,.play-mo .add-qzoom.delay40 {animation: add-qzoom 0.7s 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);animation-fill-mode: both;}
.play-mo.add-qzoom.delay50 ,.play-mo .add-qzoom.delay50 {animation: add-qzoom 0.7s 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);animation-fill-mode: both;}
.play-mo.add-qzoom.delay60 ,.play-mo .add-qzoom.delay60 {animation: add-qzoom 0.7s 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);animation-fill-mode: both;}
.play-mo.add-qzoom.delay70 ,.play-mo .add-qzoom.delay70 {animation: add-qzoom 0.7s 0.7s cubic-bezier(0.34, 1.56, 0.64, 1);animation-fill-mode: both;}
.play-mo.add-qzoom.delay80 ,.play-mo .add-qzoom.delay80 {animation: add-qzoom 0.7s 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);animation-fill-mode: both;}

@keyframes add-qzoom {
	0%		{transform: scale(0);opacity:0.5;}
	100%	{transform: scale(1);opacity:1;}
}

@keyframes scrollAni {
	0%{transform:  translateY(10px);}
	100%{transform: translateY(0px);}
}

.heartbeat {animation: heartbeat 3s 1s ease-in-out infinite both;}
.heartbeat.delay10 {animation: heartbeat 2.5s 0.2s ease-in-out infinite both;}
.heartbeat.delay20 {animation: heartbeat 2.5s 2s ease-in-out infinite both;}

/* .motion-keyvisual {animation:machine 0.8s 0.5s cubic-bezier(0.92, -0.01, 1, 1) both;} */
/* .motion-keyvisual {animation:machine 1.2s 0.5s cubic-bezier(0.22, 0.08, 0.1, 1) both;} */

 @keyframes heartbeat {
  from {
    transform: scale(1);
    transform-origin: center center;
    animation-timing-function: ease-out;
  }
  10% {
    transform: scale(0.97);
    animation-timing-function: ease-in;
  }
  17% {
    transform: scale(0.99);
    animation-timing-function: ease-out;
  }
  33% {
    transform: scale(0.95);
    animation-timing-function: ease-in;
  }
  45% {
    transform: scale(1);
    animation-timing-function: ease-out;
  }
}

/* .scrollIcon {
  position:absolute;bottom:70px;left:50%;width:30px;height:74px;margin-left:-15px;background:url("../images/icon_scroll.svg") no-repeat center bottom / auto 74px;z-index: 10;animation:scrollAni 1s infinite alternate;
} */
@keyframes banner {
	0%{
		transform: skewX(30deg) translateX(-1000px);opacity:0;
	}
	5%{
		transform: skewX(20deg) translateX(0px);opacity:1;
	}
	100%{
		transform: skewX(0deg) translateX(0px);opacity:1;
	}
}

.txtani ds {
	transform: skewX(30deg) translateX(-1000px);opacity:0;
}
.fp-completely .txtani ds:nth-of-type(1) {
	animation: banner 0.1s 0s ease-in-out;animation-fill-mode: both;;
}
.fp-completely .txtani ds:nth-of-type(2) {
	animation: banner 0.1s 0.1s ease-in-out;animation-fill-mode: both;;
}
.fp-completely .txtani ds:nth-of-type(3) {
	animation: banner 0.1s 0.2s ease-in-out;animation-fill-mode: both;;
}
.fp-completely .txtani ds:nth-of-type(4) {
	animation: banner 0.1s 0.3s ease-in-out;animation-fill-mode: both;;
}

.fp-completely .txtani ds:nth-of-type(5) {
	animation: banner 0.1s 0.4s ease-in-out;animation-fill-mode: both;;
}
.fp-completely .txtani ds:nth-of-type(6) {
	animation: banner 0.1s 0.5s ease-in-out;animation-fill-mode: both;;
}
.fp-completely .txtani ds:nth-of-type(7) {
	animation: banner 0.1s 0.6s ease-in-out;animation-fill-mode: both;;
}
.fp-completely .txtani ds:nth-of-type(8) {
	animation: banner 0.1s 0.7s ease-in-out;animation-fill-mode: both;;
}
.fp-completely .txtani ds:nth-of-type(9) {
	animation: banner 0.1s 0.8s ease-in-out;animation-fill-mode: both;;
}
.fp-completely .txtani ds:nth-of-type(10) {
	animation: banner 0.1s 0.9s ease-in-out;animation-fill-mode: both;;
}

.fp-completely .txtani ds:nth-of-type(11) {
	animation: banner 0.1s 1.0s ease-in-out;animation-fill-mode: both;;
}
.fp-completely .txtani ds:nth-of-type(12) {
	animation: banner 0.1s 1.1s ease-in-out;animation-fill-mode: both;;
}
.fp-completely .txtani ds:nth-of-type(13) {
	animation: banner 0.1s 1.2s ease-in-out;animation-fill-mode: both;;
}
.fp-completely .txtani ds:nth-of-type(14) {
	animation: banner 0.1s 1.3s ease-in-out;animation-fill-mode: both;;
}
.fp-completely .txtani ds:nth-of-type(15) {
	animation: banner 0.1s 1.4s ease-in-out;animation-fill-mode: both;;
}
.fp-completely .txtani ds:nth-of-type(16) {
	animation: banner 0.1s 1.5s ease-in-out;animation-fill-mode: both;;
}
.fp-completely .txtani ds:nth-of-type(17) {
	animation: banner 0.1s 1.6s ease-in-out;animation-fill-mode: both;;
}
.fp-completely .txtani ds:nth-of-type(18) {
	animation: banner 0.1s 1.7s ease-in-out;animation-fill-mode: both;;
}
.fp-completely .txtani ds:nth-of-type(19) {
	animation: banner 0.1s 1.8s ease-in-out;animation-fill-mode: both;;
}
.fp-completely .txtani ds:nth-of-type(20) {
	animation: banner 0.1s 1.9s ease-in-out;animation-fill-mode: both;;
}
.fp-completely .txtani ds:nth-of-type(21) {
	animation: banner 0.1s 2.0s ease-in-out;animation-fill-mode: both;;
}
.fp-completely .txtani ds:nth-of-type(22) {
	animation: banner 0.1s 2.1s ease-in-out;animation-fill-mode: both;;
}
.fp-completely .txtani ds:nth-of-type(23) {
	animation: banner 0.1s 2.2s ease-in-out;animation-fill-mode: both;;
}

.down-on-scroll {
	transform:  translateY(-70px);opacity:0;
}
.fp-completely .down-on-scroll.add1 {
	animation: on-scroll 0.7s 0s ease-in-out;animation-fill-mode: both;
}
.fp-completely .down-on-scroll.add2 {
	animation: on-scroll 0.7s 0.3s ease-in-out;animation-fill-mode: both;
}
.fp-completely .down-on-scroll.add3 {
	animation: on-scroll 0.7s 0.6s ease-in-out;animation-fill-mode: both;
}
.fp-completely .down-on-scroll.add4 {
	animation: on-scroll 0.7s 0.9s ease-in-out;animation-fill-mode: both;
}
.fp-completely .down-on-scroll.add5 {
	animation: on-scroll 0.7s 1.2s ease-in-out;animation-fill-mode: both;
}

@keyframes on-scroll {
	0%{
		transform:  translateY(-70px) ;opacity:0;
	}
	100%{
		transform: translateY(0px);opacity:1;
	}
}

.up-on-scroll {
	transform:  translateY(70px);opacity:0;
}
.fp-completely .up-on-scroll.add1 {
	animation: uon-scroll 0.7s 0s ease-in-out;animation-fill-mode: both;
}
.fp-completely .up-on-scroll.add2 {
	animation: uon-scroll 0.7s 0.3s ease-in-out;animation-fill-mode: both;
}
.fp-completely .up-on-scroll.add3 {
	animation: uon-scroll 0.7s 0.6s ease-in-out;animation-fill-mode: both;
}

@keyframes uon-scroll {
	0%{
		transform:  translateY(70px) ;opacity:0;
	}
	100%{
		transform: translateY(0px);opacity:1;
	}
}

.show-on-scroll {
	opacity:0;
}
.fp-completely .show-on-scroll.delay1 {
	animation: son-scroll 0.5s 0s ease-in-out;animation-fill-mode: both;
}
.fp-completely .show-on-scroll.delay2 {
	animation: son-scroll 0.5s 0.6s ease-in-out;animation-fill-mode: both;
}
.fp-completely .show-on-scroll.delay3 {
	animation: son-scroll 0.5s 1.2s ease-in-out;animation-fill-mode: both;
}
.fp-completely .show-on-scroll.delay4 {
	animation: son-scroll 0.5s 1.8s ease-in-out;animation-fill-mode: both;
}
.fp-completely .show-on-scroll.delay5 {
	animation: son-scroll 0.5s 2.4s ease-in-out;animation-fill-mode: both;
}

@keyframes son-scroll {
	0%{
		opacity:0;
	}
	100%{
		opacity:1;
	}
}

.move-scroll {opacity:0;}
.fp-completely .move-scroll {
  animation: mon-scroll 0.8s 0s cubic-bezier(0.87, 0.02, 0.13, 1.01) ;animation-fill-mode: both;
}

@keyframes mon-scroll {
	0%{
		transform: translateX(-200%) scale(0.1) ;
    opacity:0;
	
	}
  /* 25%{
    transform: translateX(-100%);
		opacity:0.5;
	} */
  50%{
    transform: translateX(0)  scale(1) ;
		opacity:1;
	}
  /* 75%{
    transform: translateX(100%);
		opacity:0.5;
	} */
	100%{
    transform: translateX(200%)  scale(0.1) ;
		opacity:0;
	}
}

/* .fp-completely .motion-group .disk01 {transform: rotate3d(34, -8, 7, 75deg);} */
/* .fp-completely .motion-group .disk02 {transform: rotate3d(0, 34, 13, 31deg);}
.fp-completely .motion-group .disk03 {transform: rotate3d(5, -1, -1, 45deg);} */

.motion-group .disk01,
.motion-group .disk02,
.motion-group .disk03 {opacity:0;}
.fp-completely .motion-group .disk01 {animation: disk-motion01 1s 0.0s ease-in-out ;animation-fill-mode: both;}
@keyframes disk-motion01 {
  0%{
		transform: translateY(100px) rotate3d(34, -8, 7, 75deg);
    opacity:0;
	}
  100%{
    transform: translateY(0) rotate3d(0, 0, 0, 0deg);
    opacity:1;
	}
}

.fp-completely .motion-group .disk02 {animation: disk-motion02 1s 0.3s ease-in-out ;animation-fill-mode: both;}
@keyframes disk-motion02 {
  0%{
		transform: translateY(100px) rotate3d(0, 34, 13, 31deg);;
    opacity:0;
	}
  100%{
    transform: translateY(0) rotate3d(0, 0, 0, 0deg);
    opacity:1;
	}
}

.fp-completely .motion-group .disk03 {animation: disk-motion03 0.7s 0s ease-in-out ;animation-fill-mode: both;}
@keyframes disk-motion03 {
  0%{
		transform: translateY(100px) rotate3d(5, -1, -1, 45deg);
    opacity:0;
	}
  100%{
    transform: translateY(0) rotate3d(0, 0, 0, 0deg);
    opacity:1;
	}
}

.fp-completely .ani-shake {animation:shake 1.5s infinite alternate;}
.fp-completely .ani-shake.delay1 {animation:shake 1.5s 0.5s infinite alternate;}
.fp-completely .ani-shake.delay2 {animation:shake 1.5s 0.2s infinite alternate;}

@keyframes shake {
	0%{transform:  translateY(10px);}
	100%{transform: translateY(0px);}
}


.fp-completely .textMotion-wrap .txtani ds:nth-of-type(1) {
	animation: banner 0.1s 0.7s ease-in-out;animation-fill-mode: both;;
}
.fp-completely .textMotion-wrap .txtani ds:nth-of-type(2) {
	animation: banner 0.1s 0.8s ease-in-out;animation-fill-mode: both;;
}
.fp-completely .textMotion-wrap .txtani ds:nth-of-type(3) {
	animation: banner 0.1s 0.9s ease-in-out;animation-fill-mode: both;;
}
.fp-completely .textMotion-wrap .txtani ds:nth-of-type(4) {
	animation: banner 0.1s 1.0s ease-in-out;animation-fill-mode: both;;
}
.fp-completely .textMotion-wrap .txtani ds:nth-of-type(5) {
	animation: banner 0.1s 1.1s ease-in-out;animation-fill-mode: both;;
}
.fp-completely .textMotion-wrap .txtani ds:nth-of-type(6) {
	animation: banner 0.1s 1.2s ease-in-out;animation-fill-mode: both;;
}
.fp-completely .textMotion-wrap .txtani ds:nth-of-type(7) {
	animation: banner 0.1s 1.3s ease-in-out;animation-fill-mode: both;;
}
.fp-completely .textMotion-wrap .txtani ds:nth-of-type(8) {
	animation: banner 0.1s 1.4s ease-in-out;animation-fill-mode: both;;
}
.fp-completely .textMotion-wrap .txtani ds:nth-of-type(9) {
	animation: banner 0.1s 1.5s ease-in-out;animation-fill-mode: both;;
}
.fp-completely .textMotion-wrap .txtani ds:nth-of-type(10) {
	animation: banner 0.1s 1.6s ease-in-out;animation-fill-mode: both;;
}
.fp-completely .textMotion-wrap .txtani ds:nth-of-type(11) {
	animation: banner 0.1s 1.7s ease-in-out;animation-fill-mode: both;;
}
.fp-completely .textMotion-wrap .txtani ds:nth-of-type(12) {
	animation: banner 0.1s 1.8s ease-in-out;animation-fill-mode: both;;
}
.fp-completely .textMotion-wrap .txtani ds:nth-of-type(13) {
	animation: banner 0.1s 1.9s ease-in-out;animation-fill-mode: both;;
}
.fp-completely .textMotion-wrap .txtani ds:nth-of-type(14) {
	animation: banner 0.1s 2.1s ease-in-out;animation-fill-mode: both;;
}
.fp-completely .textMotion-wrap .txtani ds:nth-of-type(15) {
	animation: banner 0.1s 2.2s ease-in-out;animation-fill-mode: both;;
}
.fp-completely .textMotion-wrap .txtani ds:nth-of-type(16) {
	animation: banner 0.1s 2.3s ease-in-out;animation-fill-mode: both;;
}
.fp-completely .textMotion-wrap .txtani ds:nth-of-type(17) {
	animation: banner 0.1s 2.4s ease-in-out;animation-fill-mode: both;;
}
.fp-completely .textMotion-wrap .txtani ds:nth-of-type(18) {
	animation: banner 0.1s 2.5s ease-in-out;animation-fill-mode: both;;
}
.fp-completely .textMotion-wrap .txtani ds:nth-of-type(19) {
	animation: banner 0.1s 2.6s ease-in-out;animation-fill-mode: both;;
}
.fp-completely .textMotion-wrap .txtani ds:nth-of-type(20) {
	animation: banner 0.1s 2.7s ease-in-out;animation-fill-mode: both;;
}
.fp-completely .textMotion-wrap .txtani ds:nth-of-type(21) {
	animation: banner 0.1s 2.8s ease-in-out;animation-fill-mode: both;;
}
.fp-completely .textMotion-wrap .txtani ds:nth-of-type(22) {
	animation: banner 0.1s 2.9s ease-in-out;animation-fill-mode: both;;
}
.fp-completely .textMotion-wrap .txtani ds:nth-of-type(23) {
	animation: banner 0.1s 2.2s ease-in-out;animation-fill-mode: both;;
}

.lightBar {opacity:0;}
.fp-completely .lightBar {animation: lightBarAni 1.5s 0s ease-in;animation-fill-mode: both;;}

@keyframes lightBarAni {
  0%{
    width:0;
		/* transform: translateX(0); */
	background-size:auto 10px;
    opacity:1;
	}
  100%{
    width:110%;
    /* transform: translateX(100%); */
	  background-size:auto 72px;
    opacity:1;
	}
}

.detail-list > li {opacity:0;}
.fp-completely .detail-list > li:nth-of-type(1) {animation: son-scroll 0s 1.2s ease-in-out;animation-fill-mode: both;;}
.fp-completely .detail-list > li:nth-of-type(2) {animation: son-scroll 0s 1.7s ease-in-out;animation-fill-mode: both;;}
.fp-completely .detail-list > li:nth-of-type(3) {animation: son-scroll 0s 2.3s ease-in-out;animation-fill-mode: both;;}

.page03 .fade-text .text01,.page03 .fade-text .text02,.page03 .fade-text .text03 {opacity:0;}
.page03.fp-completely .fade-text .text01 {animation: fade1Ani 2s 0s ease-in-out;animation-fill-mode: both;}
.page03.fp-completely .fade-text .text01 strong{animation: fade1AniStr 2s 0s ease-in-out;animation-fill-mode: both;}
.page03.fp-completely .fade-text .text03 {animation: fadeAni3 3.5s 1.5s ease-in-out;animation-fill-mode: both;}
.page03.fp-completely .fade-text .text03 {animation: fadeAni3Str 3.5s 1.5s ease-in-out;animation-fill-mode: both;}

.page03 .rolling-text .text01,
.page03 .rolling-text .text02 {opacity:0;}
.page03.fp-completely .rolling-text .page-title {animation: fade1Ani 5s 0s ease-in-out;animation-fill-mode: both;}
.page03.fp-completely .rolling-text .text02 {animation: fadeAni2 2s 5s ease-in-out;animation-fill-mode: both;}

.page04 .fade-text .text01,.page04 .fade-text .text02,.page04 .fade-text .text03 {opacity:0;}
.page04.fp-completely .fade-text .text01 {animation: fadeAni 3s 0s ease-in-out;animation-fill-mode: both;}


.page04 .rolling-text .text01,
.page04 .rolling-text .text02 {opacity:0;}
.page04.fp-completely .rolling-text .page-title {animation: fadeAni2 3s 0s ease-in-out;animation-fill-mode: both;}
.page04.fp-completely .rolling-text .text02 {animation: fadeAni22 0.8s 3.3s ease-in-out;animation-fill-mode: both;}
/* .page04.fp-completely .rolling-text .text02 {animation: flip-horizontal-bottom 0.4s 4.3s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;} */
.page04 .map-motion .dot {opacity:0;}
.page04 .map-change {opacity:0;}
.page04.fp-completely .map-motion .dot {animation: dot 0.5s 0.5s ease-in-out infinite alternate;}
.page04.fp-completely .map-change{animation: map-change 2s 0.2s ease-in-out ;animation-fill-mode: both;}
@keyframes map-change {
	0%{
		opacity:0;
	}
   100%{
		opacity:1;
	}
}
@keyframes dot {
	0%{
		opacity:1;
		/* transform:scale(1) ; */
	}
	50%{
		opacity:1;
		background-color: rgba(82,247,86,.1);
		/* transform:scale(1) ; */
	}

   100%{
		opacity:1;
		background-color: rgba(82,247,86,.1);
		transform:scale(1.2) ;
	}
}

@keyframes fade1Ani {
	0%{
		opacity:0;
	}
	10%{
		opacity:1;
		
	}
	60%{
		opacity:1;

	}
   100%{
		opacity:0;
	}
}
@keyframes fade1AniStr {
	0%{
		opacity:0;
	}
	10%{
		opacity:1;
		color:#bbc5ce;
		
	}
	95%{
		opacity:1;
		color:#52F756;
	}
   100%{
		opacity:0;
	}
}
@keyframes fadeAni {
	0%{
		opacity:0;
	}
	10%{
		opacity:1;
		
	}
	95%{
		opacity:1;
	}
   100%{
		opacity:0;
	}
}
@keyframes fadeAni11 {
	0%{
		opacity:0;
	}
	10%{
		opacity:1;
		
	}
	80%{
		/* transform: rotate3d(2, 0, 0, 0deg); */
	}
   100%{
    opacity:0;
		/* transform: rotate3d(2, 0, 0, 90deg); */
	}
}
@keyframes fadeAni2 {
	0%{
		opacity:0;
	}
	10%{
		opacity:1;
	}
	90%{
		opacity:1;
	}
	100%{
		opacity:0;
	}
}
/* @keyframes fadeAni22 {
	0%{
		opacity:0;
		transform: rotate3d(2, 0, 0, -90deg);
	}
	10%{
		opacity:1;
	}
	50%{
		transform: rotate3d(2, 0, 0, 0deg);
	}
	100%{
		opacity:1;
		transform: rotate3d(2, 0, 0, 0deg);
	}
} */
@keyframes fadeAni22 {
	0%{
		opacity:0;
	}
  10%{
		opacity:1;
	}
	100%{
		opacity:1;
	}
}
@keyframes fadeAni3 {
	0%{
		opacity:0;
	}
	20%{
		opacity:1;
	}
	100%{
		opacity:1;
	}
}
@keyframes fadeAni3Str {
	100%{
		color:#52F756;
		opacity:1;
	}
}
.flicker {opacity:0;}
.fp-completely .flicker {animation: flicker 0.7s 0.2s ease-in-out infinite both;}

 @keyframes flicker {
	0%{
		opacity:0;
	}

	100%{
		opacity:1;
	}
}
.page07 .text1 {transform:  translateX(-400px);opacity:0;}
.page07 .text2 {transform:  translateX(400px);opacity:0;}
.page07.fp-completely .text1 {animation: text1 0.5s 0s ease-in-out   both ;}
.page07.fp-completely .text2 {animation: text1 0.5s 0s ease-in-out  both ;}

@keyframes text1 {
	0%{
		opacity:0;
		color:#fff;
	}
	50%{
		opacity:0.2;
		transform:  translateX(0);
		color:#52F756;
	}
	100%{
		opacity:1;
		transform:  translateX(0);
		color:#fff;
	}
}
#section2 .motion-area .lightBar {border-top-right-radius:72px;}
#section2 .page-title span {width: 170px !important;}

.big  {animation: big 1.5s 0s ease-in-out  both ;}
@keyframes big {
	0%{
		transform:scale(1) ; 
	}
	80%{

		transform:scale(1.2) ; 
	}
	100%{
		transform:scale(1) ; 
	}
}

@keyframes flip-horizontal-bottom {
  0% {
    transform: rotateX(0);
  }
  100% {
    transform: rotateX(-180deg);
  }
}