/* 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.65, 0, 0.35, 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.65, 0, 0.35, 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.65, 0, 0.35, 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.65, 0, 0.35, 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.65, 0, 0.35, 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.65, 0, 0.35, 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.65, 0, 0.35, 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.65, 0, 0.35, 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.65, 0, 0.35, 1);animation-fill-mode: both;}

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

.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;}

.moveAni {animation:add-move 1s infinite alternate;}
.moveAni.delay10 {animation:add-move 1s 0.2s infinite alternate;}
.moveAni.delay20 {animation:add-move 1s 0.5s infinite alternate;}
.moveAni.delay30 {animation:add-move 1s 0.7s infinite alternate;}
.moveAni.delay40 {animation:add-move 1s 0.9s infinite alternate;}

.block09,
.block10,
.block11 {animation:add-move 1s infinite alternate;}
.block12 {animation:add-move 1s 0.2s infinite alternate;}

@keyframes add-move {
	0%{transform:  translateY(10px);}
	100%{transform: translateY(0px);}
}

 @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;
  }
}

.mainWrap .center-box{
	animation: center-box 1.2s cubic-bezier(0.65, 0, 0.35, 1) both infinite alternate;
}
@keyframes center-box {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}
.mainWrap .marina-box{
	animation: marina-box 1.2s cubic-bezier(0.65, 0, 0.35, 1) both infinite alternate;
}
@keyframes marina-box {
  0% {
    transform: translate(0px,0px);
  }
  100% {
    transform: translate(-10px,-10px);
  }
}
.mainWrap .yolcargo-box{
	animation: yolcargo-box 1.2s cubic-bezier(0.65, 0, 0.35, 1) both infinite alternate;
}
@keyframes yolcargo-box {
  0% {
    transform: translate(0px,0px);
  }
  100% {
    transform: translate(10px,-10px);
  }
}
.mainWrap .rovigos-box{
	animation: rovigos-box 1.2s cubic-bezier(0.65, 0, 0.35, 1) both infinite alternate;
}
@keyframes rovigos-box {
  0% {
    transform: translate(0px,0px);
  }
  100% {
    transform: translate(-10px,0px);
  }
}
.mainWrap .hhs-box{
	animation: hhs-box 1.2s cubic-bezier(0.65, 0, 0.35, 1) both infinite alternate;
}
@keyframes hhs-box {
  0% {
    transform: translate(0px,0px);
  }
  100% {
    transform: translate(10px,0px);
  }
}
.mainWrap .unist-box{
	animation: unist-box 1.2s cubic-bezier(0.65, 0, 0.35, 1) both infinite alternate;
}
@keyframes unist-box {
  0% {
    transform: translate(0px,0px);
  }
  100% {
    transform: translate(-10px,10px);
  }
}

.mainWrap .fkii-box{
	animation: fkii-box 1.2s cubic-bezier(0.65, 0, 0.35, 1) both infinite alternate;
}
@keyframes fkii-box {
  0% {
    transform: translate(0px,0px);
  }
  100% {
    transform: translate(10px,10px);
  }
}
/* .mainWrap .motion-wrap{
	animation: motion-wrap 1.2s cubic-bezier(0.65, 0, 0.35, 1) both infinite alternate;
} */
@keyframes motion-wrap {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}
.mainWrap .arrow-left{
 
	animation: arrow-left 1.2s cubic-bezier(0.65, 0, 0.35, 1) both infinite alternate;
}
@keyframes arrow-left {
	0%		{transform: scale(0.8);opacity:0;}
	100%	{transform: scale(1);opacity:1;}
}
.mainWrap .arrow-right{
 
	animation: arrow-right 1.2s cubic-bezier(0.65, 0, 0.35, 1) both infinite alternate;
}
@keyframes arrow-right {
	0%		{transform: scale(0.8);opacity:0;}
	100%	{transform: scale(1);opacity:1;}
}
.headingWrap .center-box{
	animation: center-box 1.2s cubic-bezier(0.65, 0, 0.35, 1) both infinite alternate;
}
.headingWrap .block08{
	animation: block08 1.2s cubic-bezier(0.65, 0, 0.35, 1) both infinite alternate;
}
@keyframes block08 {
  0% {
    transform: translate(0px,0px);
  }
  100% {
    transform: translate(-10px,-10px);
  }
}
.headingWrap .block07{
	animation: block07 1.2s cubic-bezier(0.65, 0, 0.35, 1) both infinite alternate;
}
@keyframes block07 {
  0% {
    transform: translate(0px,0px);
  }
  100% {
    transform: translate(-10px,-5px);
  }
}
.headingWrap .block06{
	animation: block06 1.2s cubic-bezier(0.65, 0, 0.35, 1) both infinite alternate;
}
@keyframes block06 {
  0% {
    transform: translate(0px,0px);
  }
  100% {
    transform: translate(-10px,0px);
  }
}
.headingWrap .block05{
	animation: block05 1.2s cubic-bezier(0.65, 0, 0.35, 1) both infinite alternate;
}
@keyframes block05 {
  0% {
    transform: translate(0px,0px);
  }
  100% {
    transform: translate(-10px,10px);
  }
}

.headingWrap .block04{
	animation: block04 1.2s cubic-bezier(0.65, 0, 0.35, 1) both infinite alternate;
}
@keyframes block04 {
  0% {
    transform: translate(0px,0px);
  }
  100% {
    transform: translate(10px,10px);
  }
}

.headingWrap .block03{
	animation: block03 1.2s cubic-bezier(0.65, 0, 0.35, 1) both infinite alternate;
}
@keyframes block03 {
  0% {
    transform: translate(0px,0px);
  }
  100% {
    transform: translate(12px,15px);
  }
}

.headingWrap .block02{
	animation: block02 1.2s cubic-bezier(0.65, 0, 0.35, 1) both infinite alternate;
}
@keyframes block02 {
  0% {
    transform: translate(0px,0px);
  }
  100% {
    transform: translate(10px,-15px);
  }
}
.headingWrap .block01{
	animation: block01 1.2s cubic-bezier(0.65, 0, 0.35, 1) both infinite alternate;
}
@keyframes block01 {
  0% {
    transform: translate(0px,0px);
  }
  100% {
    transform: translate(5px,-10px);
  }
}

.sblock01,
.sblock03,
.sblock05 {animation:add-move 1.3s infinite alternate;}
.sblock02,
.sblock04,
.sblock06 {animation:add-move 1.2s infinite alternate;}
.sblock07 {animation:add-move 1.1s infinite alternate;}
.sblock08 {animation:add-move 1.5s infinite alternate;}

.motion-wrap.type01 .center-box {animation:add-move 2s infinite alternate;}
.motion-wrap.type01 .marina-box,
.motion-wrap.type01 .fkii-box {animation:add-move 1.8s infinite alternate;} 
.motion-wrap.type01 .unist-box,
.motion-wrap.type01 .yolcargo-box {animation:add-move 2.1s infinite alternate;}
.motion-wrap.type01 .hhs-box {animation:add-move 2.3s infinite alternate;}
.motion-wrap.type01 .rovigos-box {animation:add-move 2.2s infinite alternate;}