/* Chrome, Safari, Opera */
@-webkit-keyframes MotionOpacity1 {
  0%   
  {opacity: 0;}
  100%   
  {opacity: 1;}
}
/* Standard syntax */
@keyframes MotionOpacity1 {
  0%   
  {opacity: 0; }
  100%   
  {opacity: 1;}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes MotionOpacity2 {
  40%   
  {opacity: 0;}
  80%   
  {opacity: 1;}
}
/* Standard syntax */
@keyframes MotionOpacity2 {
  40%   
  {opacity: 0;}
  80%   
  {opacity: 1;}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes MotionScale1 {
  80%   
  {transform: scale(1);}
  100%   
  {transform: scale(1.2);}
}
/* Standard syntax */
@keyframes MotionScale1 {
  80%   
  {transform: scale(1);}
  100%   
  {transform: scale(1.2);}
}
/* Chrome, Safari, Opera */
@-webkit-keyframes MotionScale1_O {
  80%   
  {opacity: 1; transform: scale(1);}
  100%   
  {opacity: 1; transform: scale(1.2);}
}
/* Standard syntax */
@keyframes MotionScale1_O {
  80%   
  {opacity: 1; transform: scale(1);}
  100%   
  {opacity: 1; transform: scale(1.2);}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes MotionScale2 {
  0%   {transform: scale(1);}
  10%   {transform: scale(0.7);}
  50%   {transform: scale(1.2);}
  70%   {transform: scale(0.8);}
  100%   {transform: scale(1);}
}
/* Standard syntax */
@keyframes MotionScale2 {
  0%   {transform: scale(1);}
  10%   {transform: scale(0.7);}
  50%   {transform: scale(1.2);}
  70%   {transform: scale(0.8);}
  100%   {transform: scale(1);}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes MotionScale2_O {
  0%   {opacity: 0; transform: scale(1);}
  10%   {opacity: 1; transform: scale(0.7);}
  50%   {opacity: 1; transform: scale(1.1);}
  70%   {opacity: 1; transform: scale(0.8);}
  100%   {opacity: 1; transform: scale(1);}
}
/* Standard syntax */
@keyframes MotionScale2_O {
  0%   {opacity: 0; transform: scale(1);}
  10%   {opacity: 1; transform: scale(0.7);}
  50%   {opacity: 1; transform: scale(1.1);}
  70%   {opacity: 1; transform: scale(0.8);}
  100%   {opacity: 1; transform: scale(1);}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes MotionScale3_O {
  0%   
  {opacity: 0; transform: scale(.2);}
  70%   
  {opacity: 100; transform: scale(1.2);}
  100%   
  {opacity: 100; transform: scale(1);}
}
/* Standard syntax */
@keyframes MotionScale3_O {
  0%   
  {opacity: 0; transform: scale(.2);}
  70%   
  {opacity: 100; transform: scale(1.2);}
  100%   
  {opacity: 100; transform: scale(1);}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes MotionTransY30_O {
  0%   
  {opacity: 0; transform: translateY(30px);}
  100%   
  {opacity: 1; transform: translateY(0);}
}
/* Standard syntax */
@keyframes MotionTransY30_O {
  0%   
  {opacity: 0; transform: translateY(30px);}
  100%   
  {opacity: 1; transform: translateY(0);}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes MotionTransY30M_O {
  0%   
  {opacity: 0; transform: translateY(-30px);}
  100%   
  {opacity: 1; transform: translateY(0);}
}
/* Standard syntax */
@keyframes MotionTransY30M_O {
  0%   
  {opacity: 0; transform: translateY(-30px);}
  100%   
  {opacity: 1; transform: translateY(0);}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes MotionTransAltY20 {
  0%   {transform: translateY(0);}
  20%   {transform: translateY(-25px);}
  60%   {transform: translateY(25px);}
  100%   {transform: translateY(0);}
}
/* Standard syntax */
@keyframes MotionTransAltY20 {
  0%   {transform: translateY(0);}
  20%   {transform: translateY(-25px);}
  60%   {transform: translateY(25px);}
  100%   {transform: translateY(0);}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes MotionTransAltY20M {
  0%   {transform: translateY(-20px);}
  40%   {transform: translateY(5px);}
  100%   {transform: translateY(0);}
}
/* Standard syntax */
@keyframes MotionTransAltY20M {
  0%   {transform: translateY(-20px);}
  40%   {transform: translateY(5px);}
  100%   {transform: translateY(0);}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes MotionTransAltY20M_O {
  0%   {transform: translateY(-20px);}
  40%   {opacity:1; transform: translateY(5px);}
  100%   {opacity:1; transform: translateY(0);}
}
/* Standard syntax */
@keyframes MotionTransAltY20M_O {
  0%   {transform: translateY(-20px);}
  40%   {opacity:1; transform: translateY(5px);}
  100%   {opacity:1; transform: translateY(0);}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes MotionTransAltY20_O {
  0%   {transform: translateY(20px);}
  40%   {opacity:1; transform: translateY(-5px);}
  100%   {opacity:1; transform: translateY(0);}
}
/* Standard syntax */
@keyframes MotionTransAltY20_O {
  0%   {transform: translateY(20px);}
  40%   {opacity:1; transform: translateY(-5px);}
  100%   {opacity:1; transform: translateY(0);}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes MotionTransAltY100M {
  0%   {opacity:0; transform: translateY(-100px);}
  40%   {opacity:1; transform: translateY(5px);}
  100%   {opacity:1; transform: translateY(0);}
}
/* Standard syntax */
@keyframes MotionTransAltY100M {
  0%   {opacity:0; transform: translateY(-100px);}
  40%   {opacity:1; transform: translateY(5px);}
  100%   {opacity:1; transform: translateY(0);}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes MotionTransAltY100 {
  0%   {opacity:0; transform: translateY(100px);}
  40%   {opacity:1; transform: translateY(-5px);}
  100%   {opacity:1; transform: translateY(0);}
}
/* Standard syntax */
@keyframes MotionTransAltY100 {
  0%   {opacity:0; transform: translateY(100px);}
  40%   {opacity:1; transform: translateY(-5px);}
  100%   {opacity:1; transform: translateY(0);}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes MotionTransAltY10 {
  0%   {transform: translateY(10px);}
  70%   {transform: translateY(-10px);}
  100%   {transform: translateY(0);}
}
/* Standard syntax */
@keyframes MotionTransAltY10 {
  0%   {transform: translateY(10px);}
  70%   {transform: translateY(-10px);}
  100%   {transform: translateY(0);}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes MotionTransAltY10_O {
  0%   {transform: translateY(10px);}
  70%   {opacity:1; transform: translateY(-10px);}
  100%   {opacity:1; transform: translateY(0);}
}
/* Standard syntax */
@keyframes MotionTransAltY10_O {
  0%   {transform: translateY(10px);}
  70%   {opacity:1; transform: translateY(-10px);}
  100%   {opacity:1; transform: translateY(0);}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes MotionTransAltY10M {
  0%   {transform: translateY(-10px);}
  70%   {transform: translateY(10px);}
  100%   {transform: translateY(0);}
}
/* Standard syntax */
@keyframes MotionTransAltY10M {
  0%   {transform: translateY(-10px);}
  70%   {transform: translateY(10px);}
  100%   {transform: translateY(0);}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes MotionTransAltY10M_O {
  0%   {transform: translateY(-10px);}
  70%   {opacity:1; transform: translateY(10px);}
  100%   {opacity:1; transform: translateY(0);}
}
/* Standard syntax */
@keyframes MotionTransAltY10M_O {
  0%   {transform: translateY(-10px);}
  70%   {opacity:1; transform: translateY(10px);}
  100%   {opacity:1; transform: translateY(0);}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes MotionTransX30 {
  0%   {opacity: 0; transform: translateX(30px);}
  100%   {opacity: 1; transform: translateX(0);}
}
/* Standard syntax */
@keyframes MotionTransX30 {
  0%   {opacity: 0; transform: translateX(30px);}
  100%   {opacity: 1; transform: translateX(0);}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes MotionTransAltX30 {
  0%   {transform: translateX(0);}
  50%   {transform: translateX(30px);}
  100%   {transform: translateX(0);}
}
/* Standard syntax */
@keyframes MotionTransAltX30 {
  0%   {transform: translateX(0);}
  50%   {transform: translateX(30px);}
  100%   {transform: translateX(0);}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes MotionTransAltX30M {
  0%   {transform: translateX(0);}
  50%   {transform: translateX(-30px);}
  100%   {transform: translateX(0);}
}
/* Standard syntax */
@keyframes MotionTransAltX30M {
  0%   {transform: translateX(0);}
  50%   {transform: translateX(-30px);}
  100%   {transform: translateX(0);}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes MotionTransAltX10 {
  0%   {transform: translateX(-10px);}
  40%   {transform: translateX(10px);}
  100%   {transform: translateX(0);}
}
/* Standard syntax */
@keyframes MotionTransAltX10 {
  0%   {transform: translateX(-10px);}
  40%   {transform: translateX(10px);}
  100%   {transform: translateX(0);}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes MotionTransAltX10_O {
  0%   {transform: translateX(-10px);}
  40%   {opacity:1; transform: translateX(10px);}
  100%   {opacity:1; transform: translateX(0);}
}
/* Standard syntax */
@keyframes MotionTransAltX10_O {
  0%   {transform: translateX(-10px);}
  40%   {opacity:1; transform: translateX(10px);}
  100%   {opacity:1; transform: translateX(0);}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes MotionTransAltX10M {
  0%   {transform: translateX(10px);}
  40%   {transform: translateX(-10px);}
  100%   {transform: translateX(0);}
}
/* Standard syntax */
@keyframes MotionTransAltX10M {
  0%   {transform: translateX(10px);}
  40%   {transform: translateX(-10px);}
  100%   {transform: translateX(0);}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes MotionTransX100 {
  0%   {opacity: 0; transform: translateX(100px);}
  100%   {opacity: 1; transform: translateX(0);}
}
/* Standard syntax */
@keyframes MotionTransX100 {
  0%   {opacity: 0; transform: translateX(100px);}
  100%   {opacity: 1; transform: translateX(0);}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes MotionTransX100M {
  0%   {opacity: 0; transform: translateX(-100px);}
  100%   {opacity: 1; transform: translateX(0);}
}
/* Standard syntax */
@keyframes MotionTransX100M {
  0%   {opacity: 0; transform: translateX(-100px);}
  100%   {opacity: 1; transform: translateX(0);}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes MotionTransX30M {
  0%   {opacity: 0; transform: translateX(-30px);}
  100%   {opacity: 1; transform: translateX(0);}
}
/* Standard syntax */
@keyframes MotionTransX30M {
  0%   {opacity: 0; transform: translateX(-30px);}
  100%   {opacity: 1; transform: translateX(0);}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes MotionRotate1 {
  0%   {opacity: 0; transform: rotate(45deg);}
  100%   {opacity: 1; transform: rotate(0);}
}
/* Standard syntax */
@keyframes MotionRotate1 {
  0%   {opacity: 0; transform: rotate(45deg);}
  100%   {opacity: 1; transform: rotate(0);}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes MotionRotate2 {
  0%   {opacity: 0; transform: rotate(-45deg);}
  100%   {opacity: 1; transform: rotate(0);}
}
/* Standard syntax */
@keyframes MotionRotate2 {
  0%   {opacity: 0; transform: rotate(-45deg);}
  100%   {opacity: 1; transform: rotate(0);}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes MotionRotate3 {
  0%   {opacity: 0; transform: scale(.5) rotate(-45deg);}
  30%   {transform: scale(1.1)}
  100%   {opacity: 1; transform: rotate(0);}
}
/* Standard syntax */
@keyframes MotionRotate3 {
  0%   {opacity: 0; transform: scale(.5) rotate(-45deg);}
  30%   {transform: scale(1.1)}
  100%   {opacity: 1; transform: rotate(0);}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes MotionSkew1 {
  0%   {opacity: 0; transform: skew(-10deg,-10deg);}
  100%   {opacity: 1; transform: skew(0);}
}
/* Standard syntax */
@keyframes MotionSkew1 {
  0%   {opacity: 0; transform: skew(-10deg,-10deg);}
  100%   {opacity: 1; transform: skew(0);}
}