/*--------------------------Rotate--------------------------*/
@-webkit-keyframes MotionRotate1 {
  0% { transform: rotate(0);} 
  30% { transform: rotate(5deg);}
  70% { transform: rotate(-5deg);}
  100% { transform: rotate(0);}
}
@keyframes MotionRotate1 {
  0% { transform: rotate(0);} 
  30% { transform: rotate(5deg);}
  70% { transform: rotate(-5deg);}
  100% { transform: rotate(0);}
}

@-webkit-keyframes MotionRotate2 {
  0% { transform: rotate(0);} 
  40% { transform: rotate(10deg) translateX(-20px);}
  70% { transform: rotate(-10deg);}
  100% { transform: rotate(0);}
}
@keyframes MotionRotate2 {
  0% { transform: rotate(0);} 
  40% { transform: rotate(10deg) translateX(-20px);}
  70% { transform: rotate(-10deg);}
  100% { transform: rotate(0);}
}

@-webkit-keyframes MotionRotate3 {
  0% { transform: rotate(0);} 
  40% { transform: rotate(-10deg) translateX(20px);}
  70% { transform: rotate(10deg);}
  100% { transform: rotate(0);}
}
@keyframes MotionRotate3 {
  0% { transform: rotate(0);} 
  40% { transform: rotate(-10deg) translateX(20px);}
  70% { transform: rotate(10deg);}
  100% { transform: rotate(0);}
}

@-webkit-keyframes MotionRotate3_1 {
  0% { transform: rotate(0);} 
  25% { transform: rotate(-3deg);}
  50% { transform: rotate(0);}
  75% { transform: rotate(3deg);}
  100% { transform: rotate(0);}
}
@keyframes MotionRotate3_1 {
  0% { transform: rotate(0);} 
  25% { transform: rotate(-3deg);}
  50% { transform: rotate(0);}
  75% { transform: rotate(3deg);}
  100% { transform: rotate(0);}
}

@-webkit-keyframes MotionRotate4 {
  0% { transform: rotate(0);} 
  25% { transform: rotate(-10deg)}
  75% { transform: rotate(10deg);}
  100% { transform: rotate(0);}
}
@keyframes MotionRotate4 {
  0% { transform: rotate(0);} 
  25% { transform: rotate(-10deg)}
  75% { transform: rotate(10deg);}
  100% { transform: rotate(0);}
}

@-webkit-keyframes MotionRotate5 {
  0% { transform: rotateY(0);} 
  25% { transform: rotateY(-180deg)}
  100% { transform: rotateY(0);}
}
@keyframes MotionRotate5 {
  0% { transform: rotateY(0);} 
  25% { transform: rotateY(-180deg)}
  100% { transform: rotateY(0);}
}

@-webkit-keyframes MotionRotate6 {
  0% { transform: rotate(0);} 
  30% { transform: rotate(180deg);}
  100% { transform: rotate(0);}
}
@keyframes MotionRotate6 {
  0% { transform: rotate(0);} 
  30% { transform: rotate(180deg);}
  100% { transform: rotate(0);}
}
/*--------------------------translateX--------------------------*/
@-webkit-keyframes MotionX1 {
    0%   {transform: translateX(-50px);}
    100%  {transform: translateX(0);}
}
@keyframes MotionX1 {
	0%   {transform: translateX(-50px);}
	100%  {transform: translateX(0);}
}

@-webkit-keyframes MotionX2 {
    0%   {transform: translateX(50px);}
    100%  {transform: translateX(0);}
}
@keyframes MotionX2 {
	0%   {transform: translateX(50px);}
	100%  {transform: translateX(0);}
}

@-webkit-keyframes MotionX3 {
    0%   {transform: translateX(-100px);}
    100%  {transform: translateX(0);}
}
@keyframes MotionX3 {
	0%   {transform: translateX(-100px);}
	100%  {transform: translateX(0);}
}

@-webkit-keyframes MotionX4 {
    0%   {transform: translateX(100px);}
    100%  {transform: translateX(0);}
}
@keyframes MotionX4 {
	0%   {transform: translateX(100px);}
	100%  {transform: translateX(0);}
}

@-webkit-keyframes MotionX5 {
    0%   {transform: translateX(5px);}
    50%   {transform: translateX(-5px);}
    100%  {transform: translateX(5px);}
}
@keyframes MotionX5 {
  0%   {transform: translateX(5px);}
  50%   {transform: translateX(-5px);}
  100%  {transform: translateX(5px);}
}

@-webkit-keyframes MotionX6 {
    0%   {transform: translateX(20px);}
    50%   {transform: translateX(-20px);}
    100%  {transform: translateX(20px);}
}
@keyframes MotionX6 {
  0%   {transform: translateX(20px);}
  50%   {transform: translateX(-20px);}
  100%  {transform: translateX(20px);}
}

@-webkit-keyframes MotionX7 {
  0%   {transform: translateX(200px);}
  30%   {transform: translateX(-20px);}
  100%  {transform: translateX(0);}
}
@keyframes MotionX7 {
  0%   {transform: translateX(200px);}
  30%   {transform: translateX(-20px);}
  100%  {transform: translateX(0);}
}

@-webkit-keyframes MotionX8 {
  0%   {transform: translateX(-200px);}
  30%   {transform: translateX(20px);}
  100%  {transform: translateX(0);}
}
@keyframes MotionX8 {
  0%   {transform: translateX(-200px);}
  30%   {transform: translateX(20px);}
  100%  {transform: translateX(0);}
}


@-webkit-keyframes MotionX9 {
  0%   {transform: translateX(-20px);}
  50%   {transform: translateX(20px);}
  100%  {transform: translateX(-20px);}
}
@keyframes MotionX9 {
  0%   {transform: translateX(-20px);}
  50%   {transform: translateX(20px);}
  100%  {transform: translateX(-20px);}
}
/*--------------------------translateY--------------------------*/
@-webkit-keyframes MotionY1 {
  0%   {transform: translateY(-50px);}
  100%  {transform: translateY(0);}
}
@keyframes MotionY1 {
	0%   {transform: translateY(-50px);}
	100%  {transform: translateY(0);}
}

@-webkit-keyframes MotionY2 {
  0%   {transform: translateY(50px);}
  100%  {transform: translateY(0);}
}
@keyframes MotionY2 {
	0%   {transform: translateY(50px);}
	100%  {transform: translateY(0);}
}

@-webkit-keyframes MotionY3 {
  0%   {transform: translateY(0);}
  60%	  {transform: translateY(20px);}
  100%  {transform: translateY(0);}
}
@keyframes MotionY3 {
	0%   {transform: translateY(0);}
	60%	  {transform: translateY(20px);}
	100%  {transform: translateY(0);}
}

@-webkit-keyframes MotionY4 {
  0%   {transform: translateY(0);}
  50%	  {transform: translateY(-20px);}
  100%  {transform: translateY(0);}
}
@keyframes MotionY4 {
	0%   {transform: translateY(0);}
	50%	  {transform: translateY(-20px);}
	100%  {transform: translateY(0);}
}

@-webkit-keyframes MotionY5 {
  0%   {transform: translateY(-100px);}
  100%  {transform: translateY(0);}
}
@keyframes MotionY5 {
	0%   {transform: translateY(-100px);}
	100%  {transform: translateY(0);}
}

@-webkit-keyframes MotionY6 {
  0%   {transform: translateY(100px);}
  100%  {transform: translateY(0);}
}
@keyframes MotionY6 {
	0%   {transform: translateY(100px);}
	100%  {transform: translateY(0);}
}
/*--------------------------Scale--------------------------*/
@-webkit-keyframes MotionScale1 {
	0%   {transform: scale(1);}
	10%   {transform: scale(1.2);}
	50%   {transform: scale(.6);}
	100%   {transform: scale(1);}
}
@keyframes MotionScale1 {
	0%   {transform: scale(1);}
	10%   {transform: scale(1.2);}
	50%   {transform: scale(.6);}
	100%   {transform: scale(1);}
}

@-webkit-keyframes MotionScale2 {
	0%   {transform: scale(.5);}
	50%   {transform: scale(.9);}
	80%   {transform: scale(1.1);}
	100%   {transform: scale(1);}
}
@keyframes MotionScale2 {
	0%   {transform: scale(.5);}
	50%   {transform: scale(.9);}
	80%   {transform: scale(1.1);}
	100%   {transform: scale(1);}
}

@-webkit-keyframes MotionScale3 {
	0%   {transform: scale(1);}
	35%   {transform: scale(0.95);}
	80%   {transform: scale(1.02);}
	100%   {transform: scale(1);}
}
@keyframes MotionScale3 {
	0%   {transform: scale(1);}
	35%   {transform: scale(0.95);}
	80%   {transform: scale(1.02);}
	100%   {transform: scale(1);}
}

@-webkit-keyframes MotionScale4 {
	0%   {transform: scale(1.5);}
	100%   {transform: scale(1);}
}
@keyframes MotionScale4 {
	0%   {transform: scale(1.5);}
	100%   {transform: scale(1);}
}

@-webkit-keyframes MotionScale5 {
	0%   {transform: scale(0.5);}
	100%   {transform: scale(1);}
}
@keyframes MotionScale5 {
	0%   {transform: scale(0.5);}
	100%   {transform: scale(1);}
}