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

}


.leftorg {
    transform-origin: left 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 1.5s 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.8);opacity:0;}
	50%		{transform: scale(0.9);opacity:0;}
	100%	{transform: scale(1);opacity:1;}
}

.headingWrap .globe{
	transform: scale(0);opacity:0;
}
.headingWrap .globe.show1{
	animation: globeShow1 0.5s ease-in-out;animation-fill-mode: both;
	
}

@keyframes globeShow1 {
	100% 	{transform: scale(1);opacity:1;}
}

.headingWrap .globe.show1_bk{
	transform: scale(1);opacity:1;
	animation: globeShow1Bk 0.5s ease-in-out;animation-fill-mode: both;
	
}
@keyframes globeShow1Bk {
	100% 	{transform: scale(0);opacity:0;}
}

.headingWrap .globe.show2{
	transform: scale(1);opacity:1;
	animation: globeShow2 0.5s ease-in-out;animation-fill-mode: both;
	
}
@keyframes globeShow2 {
	100% 	{transform: rotate(40deg)}
}

.headingWrap .globe.show2_bk{
	transform: rotate(40deg);opacity:1;
	animation: globeShow2Bk 0.5s ease-in-out;animation-fill-mode: both;
	
}
@keyframes globeShow2Bk {
	100% 	{transform: rotate(0deg);opacity:1;}
}
.headingWrap .globe.show22_bk{
	transform: rotate(40deg);opacity:1;
	animation: globeShow22Bk 0.5s 0.5s ease-in-out;animation-fill-mode: both;
	
}
@keyframes globeShow22Bk {
	100% 	{opacity:1;}
}
.headingWrap .cover{
	position:relative;
	transform: rotate(40deg);
	
}
.headingWrap .globe.show3{
	opacity:1;
	transform: scale( 0.0,1);
	animation: globeShow3 0.5s ease-in-out;animation-fill-mode: both;
}
.headingWrap .globe.show4 .light {
	opacity:0;
	animation: globeShow3R 0.5s 0.3s ease-in-out;animation-fill-mode: both;
}
.headingWrap .globe.show3_bk .light {
	opacity:0;
	animation: globeShow3RBK 0.5s 0.3s ease-in-out;animation-fill-mode: both;
}
.headingWrap .globe.show3_bk{
	opacity:1;
	/* transform: rotate(40deg); */
	transform: scale( 0.5,1);
	animation: globeShow3Bk 0.5s ease-in-out;animation-fill-mode: both;
}
.headingWrap .globe.show3 .light {
	opacity:0;
	animation: globeShow3R 0.5s 0.3s ease-in-out;animation-fill-mode: both;
}
@keyframes globeShow3R {
	100% 	{opacity:1;}
}
@keyframes globeShow4R {
	100% 	{opacity:1;}
}
@keyframes globeShow3RBK {
	100% 	{opacity:0;}
}
@keyframes globeShow3 {
	100% 	{transform: scale( 0.5,1) ;}
}
@keyframes globeShow3Bk {
	100% 	{transform: scale( 0.0,1);opacity:0;}
}
.headingWrap .globe.show4{
	opacity:1;
	transform: scale( 0.5,1);
	animation: globeShow4 0.5s ease-in-out;animation-fill-mode: both;
}
.headingWrap .globe.show4_bk .light01 {
	opacity:1;
	animation: globeShow3RBK 0.5s  ease-in-out;animation-fill-mode: both;
}
.headingWrap .globe.show4 .light01 {
	opacity:0;
	animation: globeShow4R 0.5s 0.3s ease-in-out;animation-fill-mode: both;
}
@keyframes globeShow4 {
	100% 	{transform: scale(1, 1) ;}
}
.headingWrap .globe.show4_bk{
	opacity:1;
	transform: scale(1 ,1);
	animation: globeShow4Bk 0.5s ease-in-out;animation-fill-mode: both;
}
@keyframes globeShow4Bk {
	100% 	{transform: scale(0.5, 1);}
}
.headingWrap .globe .light01 {
	opacity:0;
}