@-webkit-keyframes admire {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
  }

  42% {
    -webkit-transform: scale(1.9);
    transform: scale(1.9);
  }

  70% {
    -webkit-transform: scale(6);
    transform: scale(11);
  }
}
@keyframes admire {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
  }

  42% {
    -webkit-transform: scale(1.9);
    transform: scale(1.9);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

 @keyframes zoomMove {
    0% {
      transform: scale(1) translateX(0);
    }
    25% {
      transform: scale(1.2) translateX(0);
    }
    50% {
      transform: scale(1) translateX(50%);
    }
    62.5% {
      transform: scale(1) translateX(50%);
    }
    75% {
      transform: scale(1.2) translateX(0);
    }
    100% {
      transform: scale(1) translateX(-50%);
    }
  }

  @-webkit-keyframes zoomMove {
    0% {
      transform: scale(1) translateX(0);
    }
    25% {
      transform: scale(1.2) translateX(0);
    }
    50% {
      transform: scale(1) translateX(50%);
    }
    62.5% {
      transform: scale(1) translateX(50%);
    }
    75% {
      transform: scale(1.2) translateX(0);
    }
    100% {
      transform: scale(1) translateX(-50%);
    }
  }
@-webkit-keyframes blink {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

@keyframes blink {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}
@keyframes bloom {
  from {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }  

25% {
    -webkit-transform: scaleX(-1.5);
    transform: scaleX(-1.5);
  }

  50% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }

  75% {
    -webkit-transform: scaleX(-2);
    transform: scaleX(-2);
  }

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

@keyframes bounceTicker {
      0%, {
        transform: translateX(100%);
      }
      25% {
        transform: translateX(-10%) scale(1);
      }
      50% {
        transform: translateX(0%) scale(1);
      }
      75% {
        transform: translateX(10%) scale(1.2);
      }
      100%{
        transform: translateX(100%);
      }
    }
    @-webkit-keyframes bounceTicker {
      0%, {
        transform: translateX(100%);
      }
      25% {
        transform: translateX(-10%) scale(1);
      }
      50% {
        transform: translateX(0%) scale(1);
      }
      75% {
        transform: translateX(10%) scale(1.2);
      }
      100%{
        transform: translateX(100%);
      }
    }
@keyframes spin {
            0% {
                transform: rotate(0deg);
            }
            100% {
                transform: rotate(360deg);
            }
        }

@-webkit-keyframes spin {
            0% {
                -webkit-transform: rotate(0deg);
            }
            100% {
                -webkit-transform: rotate(360deg);
            }
        }
@-webkit-keyframes Rightout {
   from,0%{
  margin-top: 100px;
  transform: translateY(0);
}
25%{
 transform: translateY(100px);
                width: 100px;
                height: 100px;
            }
  50%{
    opacity: 1;

                transform: translateY(100);
  }
  75% {
    opacity: 0;
transform: translatey(100);
  }
100%{
  transform: translateX(500)
}
}

@keyframes Rightout {
  from,0%{
  margin-top: 100px;
  transform: translateY(0);
}
25%{
 transform: translateY(100px);
                width: 100px;
                height: 100px;
            }
  50%{
    opacity: 1;

                transform: translateY(100);
  }
  75% {
    opacity: 0;
transform: translatey(100);
  }
100%{
  transform: translateX(500)
}
}

@keyframes elasticStretchColor {
    0% {
      transform: scaleX(1);
      color: rgba(255, 69, 0, 0.8); /* Orange-red */
    }

    25% {
      transform: scaleX(1.5);
      color: rgba(50, 205, 50, 0.8); /* Green */
    }

    50% {
      transform: scaleX(0.75);
      color: rgba(238, 130, 238, 0.8); /* Violet */
    }

    75% {
      transform: scaleX(1.25);
      color: rgba(0, 123, 255, 0.8); /* Blue */
    }

    100% {
      transform: scaleX(1);
      color: rgba(255, 69, 0, 0.8); /* Back to Orange-red */
    }
  }
 @keyframes flipIn {
      0%, 100% {
        opacity: 0;
        transform: rotateY(90deg);
      }
      50% {
        opacity: 1;
        transform: rotateY(0deg);
      }
    }

    @-webkit-keyframes flipIn {
      0%, 100% {
        opacity: 0;
        transform: rotateY(90deg);
      }
      50% {
        opacity: 1;
        transform: rotateY(0deg);
      }
    }
@keyframes jump {
     0% {
     -webkit-transform: translate(0px, 0px);
     transform: translate(0px,-60px);
  }
  20px {
     -webkit-transform: translate(0px, 0px);
     transform: translate(0px, 0px);
  }  
    60px {
     -webkit-transform: translate(0px, 0px);
     transform: translate(0px, 0px);
  }
100px {
     -webkit-transform: translate(0px, 0px);
     transform: translate(0px, 50px);
}
}
@-webkit-keyframes jump {
     0px {
     -webkit-transform: translate(0px, 0px);
     transform: translate(0px, -100px);
  }
  20px {
     -webkit-transform: translate(0px, 0px);
     transform: translate(0px, 0px);
  }  
    60px {
     -webkit-transform: translate(0px, 0px);
     transform: translate(0px, 0px);
  }
100px {
     -webkit-transform: translate(0px, 0px);
     transform: translate(0px, -50px);
}
}
@keyframes moveZoom {
  0% {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  25% {
    transform: translate(-50%, -50%) scale(1.5);
  }
  50% {
    top: 20%;
    left: 80%;
    transform: translate(-50%, -50%) scale(1);
  }
  75% {
    top: 80%;
    left: 20%;
    transform: translate(-50%, -50%) scale(1.5);
  }
  100% {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes moveZoom {
  0% {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  25% {
    -webkit-transform: translate(-50%, -50%) scale(1.5);
  }
  50% {
    top: 20%;
    left: 80%;
    -webkit-transform: translate(-50%, -50%) scale(1);
  }
  75% {
    top: 80%;
    left: 20%;
    -webkit-transform: translate(-50%, -50%) scale(1.5);
  }
  100% {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
}
@keyframes newsslide {
      0% {
        transform: translateX(100%);
      }
      100% {
        transform: translateX(-100%);
      }
    }
    @-webkit-keyframes newsslide {
      0% {
        transform: translateX(100%);
      }
      100% {
        transform: translateX(-100%);
      }
    }
@-webkit-keyframes razor {
  from
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(50px, 0, 0);
    transform: translate3d(50px, 0, 0);
  }
}
@keyframes razor {
  from
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(50px, 0, 0);
    transform: translate3d(50px, 0, 0);
  }
}
@-webkit-keyframes skip {
from {
   -webkit-transform: translateY(10px);
    transform: translateY(10px);
   }
to {
  -webkit-transform: translateY(20px);
   transform: translateY(20px);
   }
}
@keyframes skip {
from {
   -webkit-transform: translateY(10px);
    transform: translateY(10px);
   }
to {
  -webkit-transform: translateY(20px);
   transform: translateY(20px);
   }
}
@keyframes slideBackward {
    0% {
      transform: translateX(0);
    }
    50%{
      transform: translateX(-300px);
    }
    75% {
      transform: translateX(-350px);
    }
  }

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

@keyframes slideForward {
    0% {
      transform: translateX(0);
    }
    50% {
      transform: translateX(300px);
    }
    75%{
      transform: translateX(350px);
    }
  }

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

@-webkit-keyframes spinAndAdmire {
  0% {
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
  }

  14% {
    -webkit-transform: scale(1.3) rotate(45deg);
    transform: scale(1.3) rotate(45deg);
  }

  28% {
    -webkit-transform: scale(1.6) rotate(90deg);
    transform: scale(1.6) rotate(90deg);
  }

  42% {
    -webkit-transform: scale(1.9) rotate(135deg);
    transform: scale(1.9) rotate(135deg);
  }

  70% {
    -webkit-transform: scale(1) rotate(180deg);
    transform: scale(1) rotate(180deg);
  }
}

@keyframes spinAndAdmire {
  0% {
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
  }

  14% {
    -webkit-transform: scale(1.3) rotate(45deg);
    transform: scale(1.3) rotate(45deg);
  }

  28% {
    -webkit-transform: scale(1.6) rotate(90deg);
    transform: scale(1.6) rotate(90deg);
  }

  42% {
    -webkit-transform: scale(1.9) rotate(135deg);
    transform: scale(1.9) rotate(135deg);
  }

  70% {
    -webkit-transform: scale(1) rotate(180deg);
    transform: scale(1) rotate(180deg);
  }
}
 @keyframes text {
      0%, 100% {
        opacity: 0;
        transform: translateY(50px);
      }
      50% {
        opacity: 1;
        transform: translateY(0);
      }
    }

    @-webkit-keyframes text {
      0%, 100% {
        opacity: 0;
        transform: translateY(50px);
      }
      50% {
        opacity: 1;
        transform: translateY(0);
      }
    }
 @keyframes shine {
  0% {
    transform: scaleX(0);
    opacity: 0.2;
  }
  50% {
    transform: scaleX(1.5);
    opacity: 0.8;
  }
  100% {
    transform: scaleX(0);
    opacity: 0.2;
  }
}

@-webkit-keyframes shine {
  0% {
    transform: scaleX(0);
    opacity: 0.2;
  }
  50% {
    transform: scaleX(1);
    opacity: 0.8;
  }
  100% {
    transform: scaleX(0);
    opacity: 0.2;
  }
}
@-webkit-keyframes colorChange {
  from {
    color: red;
  }
  to {
    color: blue;
  }
}

@keyframes colorChange {
  from {
    color: red;
  }
  to {
    color: blue;
  }
}

.color-change {
  -webkit-animation: colorChange 2s ease-in-out infinite;
  animation: colorChange 2s ease-in-out infinite;
}
@-webkit-keyframes smoothReveal {
  from {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
  }

  to {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
}
@keyframes bounceIn {
      0%, 100% {
        opacity: 0;
        transform: translateY(50px);
      }
      50% {
        opacity: 1;
        transform: translateY(0);
      }
    }

    @-webkit-keyframes bounceIn {
      0%, 100% {
        opacity: 0;
        transform: translateY(50px);
      }
      50% {
        opacity: 1;
        transform: translateY(0);
      }
    }
 @keyframes text {
      0%, 100% {
        opacity: 0;
        transform: translateY(50px);
      }
      50% {
        opacity: 1;
        transform: translateY(0);
      }
    }

    @-webkit-keyframes text {
      0%, 100% {
        opacity: 0;
        transform: translateY(50px);
      }
      50% {
        opacity: 1;
        transform: translateY(0);
      }
    }
@-webkit-keyframes translate3d {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6x) rotateY(-6deg);
    transform: translateX(-6px) rotateY(-6deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes translate3d {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes zoomRotate {
      0% {
        opacity: 0;
        transform: scale(0) rotate(90deg);
      }
      100% {
        opacity: 1;
        transform: scale(1) rotate(0deg);
      }
    }

    @-webkit-keyframes zoomRotate {
      0% {
        opacity: 0;
        transform: scale(0) rotate(90deg);
      }
      100% {
        opacity: 1;
        transform: scale(1) rotate(0deg);
      }
    }
@-webkit-keyframes appear {
		from {
				opacity:1; 
		}
		to {
				opacity:1; 
		}
}
@keyframes appear {
		from {
				opacity:1; 
		}
		to {
				opacity:1; 
		}
}
@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounceGlow {
  0%, 100% {
    transform: translateY(0);
    fill: rgba(0, 123, 255, 0.8);
    filter: drop-shadow(0 0 0px rgba(255, 255, 255, 0));
  }

  50% {
    transform: translateY(-30px);
    fill: rgba(255, 69, 0, 0.8);
    filter: drop-shadow(0 0 20px rgba(255, 255, 255, 1));
  }
}

.animated.bounceGlow {
  animation: bounceGlow 3s infinite ease-in-out;
  transform-origin: center;
}
@keyframes bounceHover {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-20px);
  }

  100% {
    transform: translateY(0);
  }
}

.animated.bounceHover :hover {
  animation: bounceHover 0.5s ease-in-out;
}
@keyframes bouncingBall {
  0%, 100% {
    transform: translateY(0);
    box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.2);
  }

  50% {
    transform: translateY(-100px);
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
  }
}

.animated.bouncingBall  {
  animation: bouncingBall 2s infinite ease-in-out;
}
@keyframes breathingGlow {
  0%, 100% {
    filter: drop-shadow(0 0 0px rgba(255, 255, 255, 0));
    transform: scale(1);
  }

  50% {
    filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.8));
    transform: scale(1.1);
  }
}

.animated.breathingGlow  {
  animation: breathingGlow 4s infinite ease-in-out;
}
@keyframes cartoonPop {
  0% {
    transform: scale(0);
  }

  60% {
    transform: scale(1.2);
  }

  80% {
    transform: scale(0.9);
  }

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

.animated.cartoonPop  {
  animation: cartoonPop 1s ease-in-out forwards;
}
@keyframes cartoonSquashImpact {
  0%, 100% {
    transform: scale(1, 1);
  }

  50% {
    transform: scale(1.5, 0.5);
  }
}

.animated.cartoonSquashImpact  {
  animation: cartoonSquashImpact 1s infinite ease-in-out;
}

@keyframes circularOrbit {
  0% {
    transform: rotate(0deg) translateX(80px);
  }

  100% {
    transform: rotate(360deg) translateX(80px);
  }
}

.animated.circularOrbit  {
  animation: circularOrbit 4s linear infinite;
  transform-origin: center;
}
@keyframes complexTransform {
  0% {
    transform: translate(0, 0) scale(1) rotate(0deg);
    fill: rgba(0, 123, 255, 0.8);
    r: 50;
  }

  20% {
    transform: translate(50px, -30px) scale(1.2) rotate(45deg);
    fill: rgba(255, 69, 0, 0.8);
    r: 60;
  }

  40% {
    transform: translate(100px, 50px) scale(0.8) rotate(90deg);
    fill: rgba(50, 205, 50, 0.8);
    r: 40;
  }

  60% {
    transform: translate(150px, -20px) scale(1.5) rotate(135deg);
    fill: rgba(238, 130, 238, 0.8);
    r: 70;
  }

  80% {
    transform: translate(200px, 40px) scale(0.9) rotate(180deg);
    fill: rgba(255, 165, 0, 0.8);
    r: 45;
  }

  100% {
    transform: translate(250px, 0) scale(1) rotate(360deg);
    fill: rgba(0, 123, 255, 0.8);
    r: 50;
  }
}

.animated.complexTransform  {
  animation: complexTransform 10s infinite ease-in-out;
  transform-origin: center;
}
.acustom {}
@keyframes diagonalSlideBounce {
  0% {
    transform: translate(0, 0);
  }

  50% {
    transform: translate(150px, 150px);
  }

  75% {
    transform: translate(130px, 170px);
  }

  100% {
    transform: translate(150px, 150px);
  }
}

.animated.diagonalSlideBounce  {
  animation: diagonalSlideBounce 4s infinite ease-in-out;
}
@keyframes elasticExpand {
  0% {
    transform: scale(1);
  }

  40% {
    transform: scale(1.4);
  }

  60% {
    transform: scale(0.9);
  }

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

.animated.elasticExpand {
  animation: elasticExpand 3s infinite ease-in-out;
  transform-origin: center;
}
@keyframes elasticStretch {
  0% {
    transform: scaleX(1);
    fill: rgba(255, 69, 0, 0.8);
  }

  25% {
    transform: scaleX(1.5);
    fill: rgba(50, 205, 50, 0.8);
  }

  50% {
    transform: scaleX(0.75);
    fill: rgba(238, 130, 238, 0.8);
  }

  75% {
    transform: scaleX(1.25);
    fill: rgba(0, 123, 255, 0.8);
  }

  100% {
    transform: scaleX(1);
    fill: rgba(255, 69, 0, 0.8);
  }
}

.animated.elasticStretch {
  animation: elasticStretch 3s infinite ease-in-out;
}
@keyframes exaggeratedBounce {
  0%, 100% {
    transform: translateY(0) scale(1, 1);
  }

  30% {
    transform: translateY(-30px) scale(1.2, 0.8);
  }

  50% {
    transform: translateY(0) scale(0.8, 1.2);
  }

  70% {
    transform: translateY(-15px) scale(1.1, 0.9);
  }
}

.animated.exaggeratedBounce  {
  animation: exaggeratedBounce 2s infinite ease-in-out;
}
@keyframes expandContract {
  0% {
    transform: scale(1);
    stroke-width: 2;
  }

  50% {
    transform: scale(1.5);
    stroke-width: 6;
  }

  100% {
    transform: scale(1);
    stroke-width: 2;
  }
}

.animated.expandContract {
  animation: expandContract 3s infinite ease-in-out;
  transform-origin: center;
}
@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flipCard {
  0% {
    transform: rotateY(0deg);
  }

  50% {
    transform: rotateY(180deg);
  }

  100% {
    transform: rotateY(360deg);
  }
}

.animated.flipCard {
  animation: flipCard 3s infinite ease-in-out;
  transform-style: preserve-3d;
}
@keyframes flipGlow {
  0% {
    transform: rotateY(0deg);
    fill: rgba(0, 123, 255, 0.8);
    filter: drop-shadow(0 0 0px rgba(255, 255, 255, 0));
  }

  50% {
    transform: rotateY(180deg);
    fill: rgba(255, 69, 0, 0.8);
    filter: drop-shadow(0 0 20px rgba(255, 255, 255, 1));
  }

  100% {
    transform: rotateY(360deg);
    fill: rgba(0, 123, 255, 0.8);
    filter: drop-shadow(0 0 0px rgba(255, 255, 255, 0));
  }
}
.animated.flipGlow {
  animation: flipGlow 2s infinite ease-in-out;
  transform-style: preserve-3d;
}
@keyframes flipStretch {
  0% {
    transform: rotateY(0deg) scaleX(1);
    fill: rgba(0, 123, 255, 0.8);
  }

  50% {
    transform: rotateY(180deg) scaleX(1.5);
    fill: rgba(255, 69, 0, 0.8);
  }

  100% {
    transform: rotateY(360deg) scaleX(1);
    fill: rgba(0, 123, 255, 0.8);
  }
}

.animated.flipStretch {
  animation: flipStretch 3s infinite ease-in-out;
  transform-origin: center;
}
@keyframes glitch {
  0% {
    clip-path: inset(0 0 0 0);
  }

  25% {
    clip-path: inset(10px 20px 30px 10px);
  }

  50% {
    clip-path: inset(30px 5px 10px 20px);
  }

  75% {
    clip-path: inset(5px 15px 25px 5px);
  }

  100% {
    clip-path: inset(0 0 0 0);
  }
}

.animated.glitch {
  animation: glitch 2s infinite ease-in-out;
}
@keyframes glowingPulse {
  0% {
    transform: scale(1);
    filter: drop-shadow(0 0 0 rgba(255, 255, 255, 0));
  }

  50% {
    transform: scale(1.2);
    filter: drop-shadow(0 0 20px rgba(255, 255, 255, 1));
  }

  100% {
    transform: scale(1);
    filter: drop-shadow(0 0 0 rgba(255, 255, 255, 0));
  }
}

.animated.glowingPulse  {
  animation: glowingPulse 3s infinite ease-in-out;
}
@keyframes gravityBounce {
  0% {
    transform: translateY(0);
  }

  40% {
    transform: translateY(200px);
  }

  60% {
    transform: translateY(100px);
  }

  80% {
    transform: translateY(150px);
  }

  100% {
    transform: translateY(140px);
  }
}

.animated.gravityBounce  {
  animation: gravityBounce 3s ease-out infinite;
}
@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6x) rotateY(-6deg);
    transform: translateX(-6px) rotateY(-6deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes heartbeatPulse {
  0%, 100% {
    transform: scale(1);
  }

  25% {
    transform: scale(1.2);
  }

  50% {
    transform: scale(0.9);
  }

  75% {
    transform: scale(1.1);
  }
}

.animated.heartbeatPulse  {
  animation: heartbeatPulse 2s infinite ease-in-out;
  transform-origin: center;
}
@keyframes hexagonSpin {
  0% {
    transform: rotate(0deg) scale(1);
  }

  50% {
    transform: rotate(180deg) scale(1.2);
  }

  100% {
    transform: rotate(360deg) scale(1);
  }
}

.animated.hexagonSpin  {
  animation: hexagonSpin 6s infinite ease-in-out;
  transform-origin: center;
}
@keyframes infiniteTwirl {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.animated.infiniteTwirl {
  animation: infiniteTwirl 5s infinite linear;
  transform-origin: center;
}
@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
@keyframes jellyBounce {
  0% {
    transform: scale(1, 1);
  }

  25% {
    transform: scale(1.2, 0.8);
  }

  50% {
    transform: scale(0.8, 1.2);
  }

  75% {
    transform: scale(1.1, 0.9);
  }

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

.animated.jellyBounce {
  animation: jellyBounce 1.5s infinite ease-in-out;
}
@keyframes jellyPress {
  0% {
    transform: scale(1, 1);
  }

  50% {
    transform: scale(0.9, 1.1);
  }

  75% {
    transform: scale(1.1, 0.9);
  }

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

.animated.jellyPress :hover {
  animation: jellyPress 0.6s ease-in-out;
}
@keyframes liquidBlob {
  0%, 100% {
    border-radius: 40% 60% 60% 40% / 50% 50% 60% 60%;
    transform: translate(0, 0);
  }

  50% {
    border-radius: 60% 40% 50% 60% / 40% 60% 50% 60%;
    transform: translate(10px, -10px);
  }
}

.animated.liquidBlob  {
  animation: liquidBlob 5s infinite ease-in-out;
}
@keyframes magnetAttract {
  0% {
    transform: translateX(0) scale(1);
  }

  50% {
    transform: translateX(-50px) scale(1.2);
  }

  100% {
    transform: translateX(0) scale(1);
  }
}

.animated.magnetAttract  {
  animation: magnetAttract 3s infinite ease-in-out;
}
@keyframes morphing {
  0% {
    transform: scale(1) rotate(0deg);
    fill: rgba(0, 123, 255, 0.8);
  }

  33% {
    transform: scale(1.2) rotate(45deg);
    fill: rgba(255, 69, 0, 0.8);
  }

  66% {
    transform: scale(0.8) rotate(90deg);
    fill: rgba(50, 205, 50, 0.8);
  }

  100% {
    transform: scale(1) rotate(135deg);
    fill: rgba(238, 130, 238, 0.8);
  }
}

.animated.morphing {
  animation: morphing 6s infinite ease-in-out;
  transform-origin: center;
}
@-webkit-keyframes movement {
  from{
     -webkit-transform: translate(0px, 0px);
     transform: translate(0px, 0px);
  }
  
  to {
     -webkit-transform: translate(0px, -100px);
     transform: translate(0px, -100px);
  }
}

@keyframes movement {
  from {
     -webkit-transform: translate(0px, 0px);
     transform: translate(0px, 0px);
  }
  
  to {
     -webkit-transform: translate(0px, -20px);
     transform: translate(0px, -20px);
  }
}
@keyframes nand {
     0% {
     -webkit-transform: translate(0px, 0px);
     transform: translate(0px, 50px);
  }
  20% {
     -webkit-transform: translate(0px, 0px);
     transform: translate(0px, 0px);
  }  
    60% {
     -webkit-transform: translate(0px, 0px);
     transform: translate(0px, 0px);
  }
100% {
     -webkit-transform: translate(0px, 0px);
     transform: translate(0px, -50px);
}
}
@-webkit-keyframes nand {
     0% {
     -webkit-transform: translate(0px, 0px);
     transform: translate(0px, 50px);
  }
  20% {
     -webkit-transform: translate(0px, 0px);
     transform: translate(0px, 0px);
  }  
    60% {
     -webkit-transform: translate(0px, 0px);
     transform: translate(0px, 0px);
  }
100% {
     -webkit-transform: translate(0px, 0px);
     transform: translate(0px, -50px);
}
}
@keyframes neonFlicker {
  0%, 100% {
    opacity: 1;
    filter: drop-shadow(0 0 10px rgba(0, 255, 255, 1));
  }

  10%, 90% {
    opacity: 0.5;
    filter: drop-shadow(0 0 20px rgba(0, 255, 255, 0.8));
  }

  20%, 80% {
    opacity: 0.2;
    filter: drop-shadow(0 0 30px rgba(0, 255, 255, 0.5));
  }

  30%, 70% {
    opacity: 1;
    filter: drop-shadow(0 0 40px rgba(0, 255, 255, 1));
  }
}

.animated.neonFlicker  {
  animation: neonFlicker 3s infinite ease-in-out;
}
@-webkit-keyframes opdown {
0%   {transform: translateY(0)}
  25%  {transform: translateY(-100%)}
  75%  {transform: translateY(100%)}
  100% {transform: translateY(0)}
}
@keyframes orbit {
  0% {
    transform: rotate(0deg) translateX(100px) rotate(0deg);
  }

  100% {
    transform: rotate(360deg) translateX(100px) rotate(-360deg);
  }
}

.animated.orbit {
  animation: orbit 5s infinite linear;
  transform-origin: center;
}
@keyframes orbiting {
  0% {
    transform: rotate(0deg) translateX(100px);
  }

  100% {
    transform: rotate(360deg) translateX(100px);
  }
}

.animated.orbiting {
  animation: orbiting 6s infinite linear;
  transform-origin: center;
}
@keyframes orbitPulse {
  0% {
    transform: rotate(0deg) translateX(100px) scale(1);
    fill: rgba(0, 123, 255, 0.8);
  }

  25% {
    transform: rotate(90deg) translateX(100px) scale(1.2);
    fill: rgba(255, 69, 0, 0.8);
  }

  50% {
    transform: rotate(180deg) translateX(100px) scale(1);
    fill: rgba(50, 205, 50, 0.8);
  }

  75% {
    transform: rotate(270deg) translateX(100px) scale(1.2);
    fill: rgba(238, 130, 238, 0.8);
  }

  100% {
    transform: rotate(360deg) translateX(100px) scale(1);
    fill: rgba(0, 123, 255, 0.8);
  }
}
.animated.orbitPulse {
  animation: orbitPulse 10s infinite ease-in-out;
  transform-origin: center;
}
@keyframes particleExplosion {
  0% {
    transform: translate(0, 0) scale(0);
    opacity: 1;
  }

  100% {
    transform: translate(50px, 50px) scale(1);
    opacity: 0;
  }
}

.animated.particleExplosion  {
  animation: particleExplosion 2s ease-out infinite;
}
@keyframes popIn {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }

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

.typography-animation span {
  display: inline-block;
  opacity: 0;
  animation: popIn 0.6s forwards ease-out;
}

.typography-animation span:nth-child(1) {
  animation-delay: 0s;
}

.typography-animation span:nth-child(2) {
  animation-delay: 0.1s;
}

.typography-animation span:nth-child(3) {
  animation-delay: 0.2s;
}

.typography-animation span:nth-child(4) {
  animation-delay: 0.3s;
}

.typography-animation span:nth-child(5) {
  animation-delay: 0.4s;
}

/* Add more nth-child selectors as needed for longer words */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulseRings {
  0% {
    transform: scale(0);
    opacity: 1;
  }

  100% {
    transform: scale(3);
    opacity: 0;
  }
}

.animated.pulseRings  {
  animation: pulseRings 3s infinite ease-out;
  transform-origin: center;
}
@keyframes pulseShake {
  0% {
    transform: scale(1) translateX(0);
    fill: rgba(0, 123, 255, 0.8);
  }

  25% {
    transform: scale(1.1) translateX(-10px);
    fill: rgba(255, 69, 0, 0.8);
  }

  50% {
    transform: scale(1) translateX(10px);
    fill: rgba(50, 205, 50, 0.8);
  }

  75% {
    transform: scale(0.9) translateX(-5px);
    fill: rgba(238, 130, 238, 0.8);
  }

  100% {
    transform: scale(1) translateX(0);
    fill: rgba(0, 123, 255, 0.8);
  }
}

.animated.pulseShake  {
  animation: pulseShake 4s infinite ease-in-out;
}
   @keyframes pulseSpin {
      0% {
        transform: scale(1) rotate(0deg);
        fill: rgba(0, 123, 255, 0.8);
      }

      25% {
        transform: scale(1.2) rotate(90deg);
        fill: rgba(50, 205, 50, 0.8);
      }

      50% {
        transform: scale(0.8) rotate(180deg);
        fill: rgba(255, 69, 0, 0.8);
      }

      75% {
        transform: scale(1.3) rotate(270deg);
        fill: rgba(238, 130, 238, 0.8);
      }

      100% {
        transform: scale(1) rotate(360deg);
        fill: rgba(0, 123, 255, 0.8);
      }
    }
.animated.pulseSpin {
      animation: pulseSpin 10s infinite ease-in-out;
      transform-origin: 50% 50%;
    }
@keyframes radialBurst {
  0% {
    stroke-width: 0;
    opacity: 0.8;
  }

  50% {
    stroke-width: 4;
    opacity: 1;
  }

  100% {
    stroke-width: 0;
    opacity: 0;
  }
}

.animated.radialBurst  {
  animation: radialBurst 2s infinite ease-in-out;
  transform-origin: center;
}
@keyframes ripple {
  0% {
    transform: scale(0.5);
    opacity: 1;
    stroke-width: 2;
  }

  50% {
    transform: scale(1.5);
    opacity: 0.5;
    stroke-width: 5;
  }

  100% {
    transform: scale(2);
    opacity: 0;
    stroke-width: 8;
  }
}
.animated.ripple {
  animation: ripple 3s infinite ease-out;
  transform-origin: center;
  fill: none;
  stroke: rgba(0, 123, 255, 0.8);
  stroke-width: 2;
}
@keyframes rippleSpread {
  0% {
    transform: scale(0);
    opacity: 1;
  }

  100% {
    transform: scale(3);
    opacity: 0;
  }
}

.animated.rippleSpread  {
  animation: rippleSpread 2s infinite ease-out;
  transform-origin: center;
}
@keyframes rollingBall {
  0% {
    transform: translateX(0) rotate(0deg);
  }

  100% {
    transform: translateX(200px) rotate(360deg);
  }
}

.animated.rollingBall  {
  animation: rollingBall 4s infinite linear;
  transform-origin: center;
}
@keyframes rollInOut {
  0% {
    transform: translateX(-100%) rotate(-360deg);
    opacity: 0;
  }

  50% {
    transform: translateX(0) rotate(0deg);
    opacity: 1;
  }

  100% {
    transform: translateX(100%) rotate(360deg);
    opacity: 0;
  }
}

.animated.rollInOut  {
  animation: rollInOut 1s infinite ease-in-out;
}
@keyframes rotateScale {
  0% {
    transform: rotate(0deg) scale(1);
    fill: rgba(0, 123, 255, 0.8);
  }

  25% {
    transform: rotate(90deg) scale(1.2);
    fill: rgba(255, 69, 0, 0.8);
  }

  50% {
    transform: rotate(180deg) scale(0.8);
    fill: rgba(50, 205, 50, 0.8);
  }

  75% {
    transform: rotate(270deg) scale(1.2);
    fill: rgba(238, 130, 238, 0.8);
  }

  100% {
    transform: rotate(360deg) scale(1);
    fill: rgba(0, 123, 255, 0.8);
  }
}

.animated.rotateScale {
  animation: rotateScale 5s infinite ease-in-out;
  transform-origin: center;
}
@keyframes rotatingCubes {
  0% {
    transform: rotate(0deg) scale(1);
  }

  50% {
    transform: rotate(180deg) scale(1.2);
  }

  100% {
    transform: rotate(360deg) scale(1);
  }
}

.animated.rotatingCubes  {
  animation: rotatingCubes 5s infinite ease-in-out;
  transform-origin: center;
}
@-webkit-keyframes rubberBand {
  from { 
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  100% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from { 
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBandStretch {
  0% {
    transform: scale(1, 1);
  }

  30% {
    transform: scale(1.25, 0.75);
  }

  40% {
    transform: scale(0.75, 1.25);
  }

  50% {
    transform: scale(1.15, 0.85);
  }

  65% {
    transform: scale(0.95, 1.05);
  }

  75% {
    transform: scale(1.05, 0.95);
  }

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

.animated.rubberBandStretch {
  animation: rubberBandStretch 1.5s infinite ease-in-out;
}
@-webkit-keyframes brightness  {
  from {
filter: saturate(30%);
  }

  50% {
filter: saturate(80%);
  }
}

@keyframes brightness {
  from {
filter: saturate(30%);
  }

  50% {
filter: saturate(80%);
  }
}
@keyframes scaleFade {
  0% {
    transform: scale(1);
    opacity: 1;
    fill: rgba(0, 123, 255, 1);
  }

  50% {
    transform: scale(1.5);
    opacity: 0.5;
    fill: rgba(255, 165, 0, 0.5);
  }

  100% {
    transform: scale(1);
    opacity: 1;
    fill: rgba(0, 123, 255, 1);
  }
}

.animated.scaleFade {
  animation: scaleFade 4s infinite ease-in-out;
}
@-webkit-keyframes sepia  {
  from {
filter: sepia(10%);
  }

  50% {
filter: sepia(60%);
  }
}

@keyframes sepia {
  from {
filter: sepia(10%);
  }

  50% {
filter: sepia(60%);
  }
}
@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes solarEclipse {
  0% {
    transform: translateX(-150px);
  }

  50% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(150px);
  }
}

.animated.solarEclipse  {
  animation: solarEclipse 6s infinite ease-in-out;
}
@keyframes spinSkew {
  0% {
    transform: rotate(0deg) skew(0deg);
  }

  50% {
    transform: rotate(180deg) skew(20deg);
  }

  100% {
    transform: rotate(360deg) skew(0deg);
  }
}

.animated.spinSkew  {
  animation: spinSkew 5s infinite ease-in-out;
  transform-origin: center;
}
@keyframes squashStretchJump {
  0%, 100% {
    transform: translateY(0) scale(1);
  }

  20% {
    transform: translateY(0) scale(1.2, 0.8);
  }

  40% {
    transform: translateY(-100px) scale(0.8, 1.2);
  }

  80% {
    transform: translateY(-50px) scale(1.1, 0.9);
  }
}

.animated.squashStretchJump {
  animation: squashStretchJump 2s infinite ease-in-out;
}

@keyframes stopMotion {
  0% {
    transform: translateX(0);
  }

  20% {
    transform: translateX(50px);
  }

  40% {
    transform: translateX(100px);
  }

  60% {
    transform: translateX(150px);
  }

  80% {
    transform: translateX(200px);
  }

  100% {
    transform: translateX(250px);
  }
}

.animated.stopMotion {
  animation: stopMotion 5s steps(5) infinite;
}
@keyframes stopMotionMorph {
  0% {
    transform: scale(1);
  }

  25% {
    transform: scale(0.8);
  }

  50% {
    transform: scale(1.2);
  }

  75% {
    transform: scale(0.6);
  }

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

.animated.stopMotionMorph  {
  animation: stopMotionMorph 4s steps(4) infinite;
  transform-origin: center;
}

@keyframes stopMotionScale {
  0% {
    transform: scale(1);
  }

  20% {
    transform: scale(1.2);
  }

  40% {
    transform: scale(0.8);
  }

  60% {
    transform: scale(1.4);
  }

  80% {
    transform: scale(0.6);
  }

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

.animated.stopMotionScale  {
  animation: stopMotionScale 3s steps(5) infinite;
}
@keyframes stretchShrink {
  0% {
    transform: scaleX(1);
  }

  50% {
    transform: scaleX(1.5);
  }

  100% {
    transform: scaleX(1);
  }
}

.animated.stretchShrink {
  animation: stretchShrink 2s infinite ease-in-out;
}
@keyframes stretchyElasticEntrance {
  0% {
    transform: translateX(-300px) scaleX(2);
  }

  60% {
    transform: translateX(20px) scaleX(0.8);
  }

  80% {
    transform: translateX(-10px) scaleX(1.1);
  }

  100% {
    transform: translateX(0) scaleX(1);
  }
}

.animated.stretchyElasticEntrance  {
  animation: stretchyElasticEntrance 1s ease-out forwards;
}
@keyframes stretchySlide {
  0% {
    transform: translateX(0) scaleX(1);
  }

  50% {
    transform: translateX(100px) scaleX(1.5);
  }

  100% {
    transform: translateX(200px) scaleX(1);
  }
}

.animated.stretchySlide  {
  animation: stretchySlide 3s infinite ease-in-out;
}
@keyframes sun-ray {
  0%,100% { 
		transform: scaleY(1); 
  }
  50% { 
		transform: scaleX(0.8); 
transform:skewY(2deg); 
  }
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
 @keyframes swingFrontBack {
            0%   { transform: scale(0.5); }
            50%  { transform: scale(1.5); }
            100% { transform: scale(0.5); }
        }
@keyframes swingGlow {
  0% {
    transform: rotate(0deg);
    fill: rgba(0, 123, 255, 0.8);
    filter: drop-shadow(0 0 0px rgba(255, 255, 255, 0));
  }

  25% {
    transform: rotate(-15deg);
    fill: rgba(50, 205, 50, 0.8);
    filter: drop-shadow(0 0 10px rgba(50, 205, 50, 1));
  }

  50% {
    transform: rotate(15deg);
    fill: rgba(255, 69, 0, 0.8);
    filter: drop-shadow(0 0 20px rgba(255, 69, 0, 1));
  }

  75% {
    transform: rotate(-10deg);
    fill: rgba(238, 130, 238, 0.8);
    filter: drop-shadow(0 0 10px rgba(238, 130, 238, 1));
  }

  100% {
    transform: rotate(0deg);
    fill: rgba(0, 123, 255, 0.8);
    filter: drop-shadow(0 0 0px rgba(255, 255, 255, 0));
  }
}
.animated.swingGlow {
  animation: swingGlow 4s infinite ease-in-out;
  transform-origin: center top;
}
@keyframes swingPendulum {
  0% {
    transform: rotate(0deg);
  }

  25% {
    transform: rotate(30deg);
  }

  50% {
    transform: rotate(0deg);
  }

  75% {
    transform: rotate(-30deg);
  }

  100% {
    transform: rotate(0deg);
  }
}

.animated.swingPendulum  {
  animation: swingPendulum 3s infinite ease-in-out;
  transform-origin: top center;
}
@keyframes swooshShrink {
  0% {
    transform: translateX(0) scale(1);
  }

  50% {
    transform: translateX(150px) scale(0.5);
  }

  100% {
    transform: translateX(300px) scale(1);
  }
}

.animated.swooshShrink  {
  animation: swooshShrink 4s infinite ease-in-out;
}
@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tornadoSpin {
  0% {
    transform: rotate(0deg) translateX(0) scale(1);
  }

  50% {
    transform: rotate(180deg) translateX(30px) scale(1.2);
  }

  100% {
    transform: rotate(360deg) translateX(0) scale(1);
  }
}

.animated.tornadoSpin  {
  animation: tornadoSpin 4s infinite ease-in-out;
  transform-origin: center;
}
@keyframes twirlingExpand {
  0% {
    transform: rotate(0deg) scale(1);
  }

  50% {
    transform: rotate(180deg) scale(1.2);
  }

  100% {
    transform: rotate(360deg) scale(1);
  }
}

.animated.twirlingExpand {
  animation: twirlingExpand 2s infinite ease-in-out;
  transform-origin: center;
}
@keyframes twistExpand {
  0% {
    transform: rotate(0deg) scale(1);
    fill: rgba(0, 123, 255, 0.8);
  }

  25% {
    transform: rotate(45deg) scale(1.2);
    fill: rgba(255, 69, 0, 0.8);
  }

  50% {
    transform: rotate(90deg) scale(1.5);
    fill: rgba(50, 205, 50, 0.8);
  }

  75% {
    transform: rotate(135deg) scale(1.2);
    fill: rgba(238, 130, 238, 0.8);
  }

  100% {
    transform: rotate(180deg) scale(1);
    fill: rgba(0, 123, 255, 0.8);
  }
}
.animated.twistExpand {
  animation: twistExpand 4s infinite ease-in-out;
  transform-origin: center;
}
@keyframes waveRipple {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  100% {
    transform: scale(2);
    opacity: 0;
  }
}

.animated.waveRipple {
  animation: waveRipple 3s infinite ease-out;
  transform-origin: center;
}
@keyframes wavyMotion {
  0% {
    transform: translateY(0);
    fill: rgba(0, 123, 255, 0.8);
  }

  25% {
    transform: translateY(-20px);
    fill: rgba(255, 69, 0, 0.8);
  }

  50% {
    transform: translateY(20px);
    fill: rgba(50, 205, 50, 0.8);
  }

  75% {
    transform: translateY(-20px);
    fill: rgba(238, 130, 238, 0.8);
  }

  100% {
    transform: translateY(0);
    fill: rgba(0, 123, 255, 0.8);
  }
}

.animated.wavyMotion {
  animation: wavyMotion 4s infinite ease-in-out;
  transform-origin: center;
}
@keyframes wavyMotionLeftToRight {
  0% {
    transform: translateX(0) translateY(0);
  }

  25% {
    transform: translateX(100px) translateY(-30px);
  }

  50% {
    transform: translateX(200px) translateY(30px);
  }

  75% {
    transform: translateX(300px) translateY(-30px);
  }

  100% {
    transform: translateX(400px) translateY(0);
  }
}

.animated.wavy-left-right {
  animation: wavyMotionLeftToRight 5s infinite ease-in-out;
}
@keyframes wavyShapeMotion {
  0% {
    transform: translateX(0) translateY(0);
  }

  25% {
    transform: translateX(100px) translateY(-20px);
  }

  50% {
    transform: translateX(200px) translateY(20px);
  }

  75% {
    transform: translateX(300px) translateY(-20px);
  }

  100% {
    transform: translateX(400px) translateY(0);
  }
}

.animated.wavy-shape {
  animation: wavyShapeMotion 6s infinite ease-in-out;
}
@keyframes whiplashSwing {
  0% {
    transform: rotate(0deg);
  }

  20% {
    transform: rotate(30deg);
  }

  40% {
    transform: rotate(-30deg);
  }

  60% {
    transform: rotate(15deg);
  }

  80% {
    transform: rotate(-15deg);
  }

  100% {
    transform: rotate(0deg);
  }
}

.animated.whiplashSwing {
  animation: whiplashSwing 1.5s infinite ease-in-out;
  transform-origin: center top;
}

@keyframes wiggleWobble {
  0%, 100% {
    transform: rotate(0deg);
  }

  15% {
    transform: rotate(15deg);
  }

  30% {
    transform: rotate(-15deg);
  }

  45% {
    transform: rotate(10deg);
  }

  60% {
    transform: rotate(-10deg);
  }

  75% {
    transform: rotate(5deg);
  }

  90% {
    transform: rotate(-5deg);
  }
}

.animated.wiggleWobble  {
  animation: wiggleWobble 1.2s infinite ease-in-out;
}
@keyframes windyFlutter {
  0% {
    transform: rotate(0deg) translateX(0);
  }

  25% {
    transform: rotate(5deg) translateX(-10px);
  }

  50% {
    transform: rotate(-5deg) translateX(10px);
  }

  75% {
    transform: rotate(5deg) translateX(-5px);
  }

  100% {
    transform: rotate(0deg) translateX(0);
  }
}

.animated.windyFlutter  {
  animation: windyFlutter 4s infinite ease-in-out;
}
@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes wobbleColorShift {
  0% {
    transform: translateX(0) rotate(0deg);
    fill: rgba(0, 123, 255, 0.8);
  }
  
  25% {
    transform: translateX(-15px) rotate(-5deg);
    fill: rgba(255, 99, 71, 0.8);
  }

  50% {
    transform: translateX(15px) rotate(5deg);
    fill: rgba(50, 205, 50, 0.8);
  }

  75% {
    transform: translateX(-10px) rotate(-3deg);
    fill: rgba(238, 130, 238, 0.8);
  }

  100% {
    transform: translateX(0) rotate(0deg);
    fill: rgba(0, 123, 255, 0.8);
  }
}
.animated.wobbleColorShift {
  animation: wobbleColorShift 5s infinite ease-in-out;
}
@keyframes wobbleSkew {
  0% {
    transform: skew(0deg);
  }

  25% {
    transform: skew(20deg);
  }

  50% {
    transform: skew(-20deg);
  }

  75% {
    transform: skew(10deg);
  }

  100% {
    transform: skew(0deg);
  }
}

.animated.wobbleSkew  {
  animation: wobbleSkew 2s infinite ease-in-out;
}
@keyframes zigzagMotion {
  0% {
    transform: translateX(0) translateY(0);
  }

  25% {
    transform: translateX(50px) translateY(-30px);
  }

  50% {
    transform: translateX(100px) translateY(30px);
  }

  75% {
    transform: translateX(150px) translateY(-30px);
  }

  100% {
    transform: translateX(200px) translateY(0);
  }
}

.animated.zigzagMotion  {
  animation: zigzagMotion 3s infinite ease-in-out;
}
@keyframes zoomBounce {
  0% {
    transform: scale(1) translateY(0);
    fill: rgba(0, 123, 255, 0.8);
  }

  25% {
    transform: scale(1.2) translateY(-10px);
    fill: rgba(255, 165, 0, 0.8);
  }

  50% {
    transform: scale(0.9) translateY(10px);
    fill: rgba(50, 205, 50, 0.8);
  }

  75% {
    transform: scale(1.1) translateY(-5px);
    fill: rgba(238, 130, 238, 0.8);
  }

  100% {
    transform: scale(1) translateY(0);
    fill: rgba(0, 123, 255, 0.8);
  }
}
.animated.zoomBounce {
  animation: zoomBounce 3s infinite ease-in-out;
  transform-origin: center;
}
@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bouncing{
  0%  { bottom: 0; box-shadow: 0 0 5px rgba(0,0,0,0.5);}
  100%{ bottom: 50px; box-shadow: 0 50px 50px rgba(0,0,0,0.1);}
}
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@-webkit-keyframes 3colors{
 25% {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
  }
  50% {
    -webkit-transform: translateY(6px) scale(0.98);
    transform: translateY(6px) scale(0.98);
  }

  100% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
}


@keyframes 3colors {
 25% {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
  }
  50% {
    -webkit-transform: translateY(6px) scale(0.98);
    transform: translateY(6px) scale(0.98);
  }

  100% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
}

  
@keyframes bloom {
	0% {
filter: grayscale(.8);
      transform: translate(0%, 0%);
  transform: rotate(50deg);
  transform: scale(3);
 transform:skewX(20deg);
 	}
	50% {
filter: grayscale(.5);
   transform: translate(-50%, 0%);
  transform: rotateX(-50deg);
 transform:skewY(120deg);

	}
	100% {
filter: grayscale(.2);
   transform: translate(-100%, 0%);
 transform: rotateZ(-50deg);
	}
}


@-webkit-keyframes orbit {
    0% {     
        transform: translate3d(0, 0, 0) scale(1.3);
        background: rgb(234, 242, 253);
    }
    15% {     
        transform: translate3d(8vw, 8vw, 0) scale(1);
        background: rgb(234, 242, 253);
    }
    20% {    
        transform: translate3d(9vw, 9vw, 0) scale(.9);
        background: rgb(234, 242, 253);
    }
    25% {
       transform: translate3d(8.5vw, 8.5vw, 0) scale(.85);
        background: darken(rgb(234, 242, 253), 5%);
    }
    30% {     
       transform: translate3d(7.5vw, 7.5vw, 0) scale(.8);
        background: darken(rgb(234, 242, 253), 5%);
    } 
    
    65% {
      opacity:0;
        transform: translate3d(-8.5vw, -8.5vw, 0) scale(.8);
        background: darken(rgb(234, 242, 253));
    }
    70% {
  opacity:1;
         transform: translate3d(-9.5vw, -9.5vw, 0) scale(.85);
        background: darken(rgb(234, 242, 253), 15%);
    }
    75% {
       transform: translate3d(-10vw, -10vw, 0) scale(.9);
        background: darken(rgb(234, 242, 253), 15%);
    }
    80% {
       transform: translate3d(-9vw, -9vw, 0) scale(1);
        background: rgb(234, 242, 253);
    }
    100% {
         transform: translate3d(0, 0, 0) scale(1.3);
        background: rgb(234, 242, 253);
    }
}
@keyframes orbit {
    0% {     
        transform: translate3d(0, 0, 0) scale(1.3);
        background: rgb(234, 242, 253);
    }
    15% {     
        transform: translate3d(8vw, 8vw, 0) scale(1);
        background: rgb(234, 242, 253);
    }
    20% {    
        transform: translate3d(9vw, 9vw, 0) scale(.9);
        background: rgb(234, 242, 253);
    }
    25% {
       transform: translate3d(8.5vw, 8.5vw, 0) scale(.85);
        background: darken(rgb(234, 242, 253), 5%);
    }
    30% {     
       transform: translate3d(7.5vw, 7.5vw, 0) scale(.8);
        background: darken(rgb(234, 242, 253), 5%);
    } 
    
    65% {
      opacity:0;
        transform: translate3d(-8.5vw, -8.5vw, 0) scale(.8);
        background: darken(rgb(234, 242, 253));
    }
    70% {
  opacity:1;
         transform: translate3d(-9.5vw, -9.5vw, 0) scale(.85);
        background: darken(rgb(234, 242, 253), 15%);
    }
    75% {
       transform: translate3d(-10vw, -10vw, 0) scale(.9);
        background: darken(rgb(234, 242, 253), 15%);
    }
    80% {
       transform: translate3d(-9vw, -9vw, 0) scale(1);
        background: rgb(234, 242, 253);
    }
    100% {
         transform: translate3d(0, 0, 0) scale(1.3);
        background: rgb(234, 242, 253);
    }
}
@keyframes animate {
  0% {
    background-position: -500%;
  }
  100% {
    background-position: 500%;
  }
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}
@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@-webkit-keyframes BLUR-IN {
  from { -webkit-filter: grayscale(0); }
  to   { -webkit-filter: grayscale(1); }
}
@-webkit-keyframes blur {
  from {
url(#svg-blur);
  }

  50% {
url(#svg-blur);
  }
}

@keyframes blur {
  from {
url(#svg-blur);
  }

  50% {
url(#svg-blur);
  }
}
@-webkit-keyframes brightness  {
  from {
-webkit-filter: brightness(0.2);
filter: brightness(0.2);
  }

  50% {
-webkit-filter: brightness(0.7);
filter: brightness(0.7);
  }
}

@keyframes brightness {
  from {
-webkit-filter: brightness(0.2);
filter: brightness(0.2);
  }

  50% {
-webkit-filter: brightness(0.7);
filter: brightness(0.7);
  }
}
@-webkit-keyframes contrast  {
  from {
-webkit-filter: contrast(100%);
filter: contrast(100%);
  }

  50% {
-webkit-filter: contrast(200%);
filter: contrast(200%);
  }
}

@keyframes contrast {
  from {
-webkit-filter: contrast(100%);
filter: contrast(100%);
  }

  50% {
-webkit-filter: contrast(200%);
filter: contrast(200%);
  }
}
@-webkit-keyframes gScale  {
  0% {
-webkit-filter: grayscale(50%);
filter: grayscale(50%);
  }

  100% {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
  }
}

@keyframes gScale {
  0% {
-webkit-filter: grayscale(50%);
filter: grayscale(50%);
  }

  100% {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
  }
}
@-webkit-keyframes hues{
0%, 100%  { -webkit-filter: hue-rotate(0deg); }
0%, 100%  {filter: hue-rotate(0deg); }
  50% { -webkit-filter: hue-rotate(120deg); }
  50% { filter: hue-rotate(120deg); }
  }


@keyframes hues{
0%, 100%  { -webkit-filter: hue-rotate(0deg); }
0%, 100%  {filter: hue-rotate(0deg); }
  50% { -webkit-filter: hue-rotate(120deg); }
  50% {filter: hue-rotate(120deg); }
  }

@-webkit-keyframes invert  {
  from {
 -webkit-filter: invert(75%);
filter: invert(75%);
  }

  50% {
 -webkit-filter: invert(100%);
filter: invert(100%);
  }
}

@keyframes invert {
  from {
 -webkit-filter: invert(75%);
filter: invert(75%);
  }

  50% {
 -webkit-filter: invert(100%);
filter: invert(100%);
  }
}
@-webkit-keyframes sepia {
  from {
-webkit-filter: sepia(10%);
filter: sepia(10%);
  }
0%{-webkit-filter:sepia(100%);filter:sepia(100%);}
  50% {
-webkit-filter: sepia(70%);
filter: sepia(70%);
  }
}

@keyframes sepia {
  from {
-webkit-filter: sepia(10%);
filter: sepia(10%);
  }
0%{-webkit-filter:sepia(100%);filter:sepia(100%);}
  50% {
-webkit-filter: sepia(70%);
filter: sepia(70%);
  }
}
@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@-webkit-keyframes animate-star {
    0% {
          stroke-dashoffset: 0;
    }

    40% {
       stroke-dashoffset: 200;
    }

    80% {
       stroke-dashoffset: 300;
        fill: transparent;
    }

    100% {
      stroke-dashoffset: 3620;
       fill: #D81B60;
    }
}
@keyframes topPosition {
	from, 50% { background-position: bottom right, center; }
	to { background-position: bottom left, center; }
}
@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
     -webkit-transform: translateY(0);
     transform: translateY(0);
  }
  
  40%, 43% {
     -webkit-transform: translateY(-30px);
     transform: translateY(-30px);
  }
  
  70% {
     -webkit-transform: translateY(-15px);
     transform: translateY(-15px);
  }
  
  90% {
     -webkit-transform: translateY(-4px);
     transform: translateY(-4px);
  }
}
@-webkit-keyframes marqueelr {
  from {
     -webkit-transform: translate(0px, 0px);
     transform: translate(0px, 0px);
  }
  
  to {
     -webkit-transform: translate(-200%, 0px);
     transform: translate(-200%, 0px);
  }
}

@keyframes marqueelr {
  from {
     -webkit-transform: translate(0px, 0px);
     transform: translate(0px, 0px);
  }
  
  to {
     -webkit-transform: translate(-200%, 0px);
     transform: translate(-200%, 0px);
  }
}
 .mousemove { cursor:pointer;}
@-webkit-keyframes moveDiagonal {
  from {
     -webkit-transform: translate(0px, 0px);
     transform: translate(0px, 0px);
  }
  
  to {
     -webkit-transform: translate(100%, 100%);
     transform: translate(100%, 100%);
  }
}

@-webkit-keyframes  moveAllDirections{
            0%   { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
            20%  {  -webkit-transform: translate(0, -200px);transform: translate(0, -200px); }
            30%  {  -webkit-transform: translate(0, 0);transform: translate(0, 0);}
            40%  {  -webkit-transform: translate(0, 200px); transform: translate(0, 200px); }
            50%  { -webkit-transform: translate(0, 0);transform: translate(0, 0);  }
            60%  {-webkit-transform: translate(-200px, 0);transform: translate(-200px, 0); }
            70%  {-webkit-transform: translate(0, 0); transform: translate(0, 0); }
            80%  {-webkit-transform: translate(200px, 0);  transform: translate(200px, 0); }
            100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
        }
@keyframes moveAllDirections{
          0%   { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
            20%  {  -webkit-transform: translate(0, -200px);transform: translate(0, -200px); }
            30%  {  -webkit-transform: translate(0, 0);transform: translate(0, 0);}
            40%  {  -webkit-transform: translate(0, 200px); transform: translate(0, 200px); }
            50%  { -webkit-transform: translate(0, 0);transform: translate(0, 0);  }
            60%  {-webkit-transform: translate(-200px, 0);transform: translate(-200px, 0); }
            70%  {-webkit-transform: translate(0, 0); transform: translate(0, 0); }
            80%  {-webkit-transform: translate(200px, 0);  transform: translate(200px, 0); }
            100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
        }
@-webkit-keyframes moveBottom {
  from {
     -webkit-transform: translate(0px, 0px);
     transform: translate(0px, 0px);
  }
  
  to {
     -webkit-transform: translate(0px, 100%);
     transform: translate(0px, 100%);
  }
}

@keyframes moveBottom {
 from {
     -webkit-transform: translate(0px, 0px);
     transform: translate(0px, 0px);
  }
  
  to {
     -webkit-transform: translate(0px, 20%);
     transform: translate(0px, 20%);
  }
}
@-webkit-keyframes moveLeft {
  from {
     -webkit-transform: translate(0px, 0px);
     transform: translate(0px, 0px);
  }
  
  to {
     -webkit-transform: translate(-100%, 0px);
     transform: translate(-100%, 0px);
  }
}

@keyframes moveLeft {
  from {
     -webkit-transform: translate(0px, 0px);
     transform: translate(0px, 0px);
  }
  
  to {
     -webkit-transform: translate(-20%, 0px);
     transform: translate(-20%, 0px);
  }
}
@-webkit-keyframes moveRight {
 from {
     -webkit-transform: translate(0px, 0px);
     transform: translate(0px, 0px);
  }
  
  to {
     -webkit-transform: translate(100%, 0px);
     transform: translate(100%, 0px);
  }
}

@keyframes moveRight {
  from {
     -webkit-transform: translate(0px, 0px);
     transform: translate(0px, 0px);
  }
  
  to {
     -webkit-transform: translate(20%, 0px);
     transform: translate(20%, 0px);
  }
}
@-webkit-keyframes moveRight {
 from {
     -webkit-transform: translate(0px, 0px);
     transform: translate(0px, 0px);
  }
  
  to {
     -webkit-transform: translate(100%, 0px);
     transform: translate(100%, 0px);
  }
}

@keyframes MoveRightX{
  from {
     -webkit-transform: translate(0px, 0px);
     transform: translate(0px, 0px);
  }
  
  to {
     -webkit-transform: translate(80%, 0px);
     transform: translate(80%, 0px);
  }
}
@-webkit-keyframes moveTop {
  from{
     -webkit-transform: translate(0px, 0px);
     transform: translate(0px, 0px);
  }
  
  to {
     -webkit-transform: translate(0px, -100%);
     transform: translate(0px, -100%);
  }
}

@keyframes moveTop {
  from {
     -webkit-transform: translate(0px, 0px);
     transform: translate(0px, 0px);
  }
  
  to {
     -webkit-transform: translate(0px, -20%);
     transform: translate(0px, -20%);
  }
}
@-webkit-keyframes rotationn10{
		from {
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(-10deg);
				transform: rotate(-10deg);
		}
}
@keyframes rotationn10{
		from {
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(-10deg);
				transform: rotate(-10deg);
		}
}
@-webkit-keyframes rotationn180 {
		from {
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(-180deg);
				transform: rotate(-180deg);
		}
}
@keyframes rotationn180 {
		from {
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(-180deg);
				transform: rotate(-180deg);
		}
}
@-webkit-keyframes rotationn20{
		from {
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(-20deg);
				transform: rotate(-20deg);
		}
}
@keyframes rotationn20{
		from {
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(-20deg);
				transform: rotate(-20deg);
		}
}
@-webkit-keyframes rotationn270 {
		from {
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(-270deg);
				transform: rotate(-270deg);
		}
}
@keyframes rotationn270 {
		from {
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(-270deg);
				transform: rotate(-270deg);
		}
}
@-webkit-keyframes rotationn30 {
		from {
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(-30deg);
				transform: rotate(-30deg);
		}
}
@keyframes rotationn30 {
		from {
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(-30deg);
				transform: rotate(-30deg);
		}
}
@-webkit-keyframes rotationn40{
		from {
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(-40deg);
				transform: rotate(-40deg);
		}
}
@keyframes rotationn40{
		from {
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(-40deg);
				transform: rotate(-40deg);
		}
}
@-webkit-keyframes rotationn45 {
		from {
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(-45deg);
				transform: rotate(-45deg);
		}
}
@keyframes rotationn45 {
		from {
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(-45deg);
				transform: rotate(-45deg);
		}
}
@-webkit-keyframes rotationn50{
		from {
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(-50deg);
				transform: rotate(-50deg);
		}
}
@keyframes rotationn50{
		from {
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(-50deg);
				transform: rotate(-50deg);
		}
}
@-webkit-keyframes rotationn90 {
		from {
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(-90deg);
				transform: rotate(-90deg);
		}
}
@keyframes rotationn90 {
		from {
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(-90deg);
				transform: rotate(-90deg);
		}
}
@-webkit-keyframes rotation10 {
		from {
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(10deg);
				transform: rotate(10deg);
		}
}
@keyframes rotation10 {
		from {
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(10deg);
				transform: rotate(10deg);
		}
}
@-webkit-keyframes rotation180 {
		from {
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(180deg);
				transform: rotate(180deg);
		}
}
@keyframes rotation180 {
		from {
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(180deg);
				transform: rotate(180deg);
		}
}
@-webkit-keyframes rotation20 {
		from {
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(20deg);
				transform: rotate(20deg);
		}
}
@keyframes rotation20 {
		from {
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(20deg);
				transform: rotate(20deg);
		}
}
@-webkit-keyframes rotation270 {
		from {
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg);


		}
		to {
				-webkit-transform: rotate(270deg);
				transform: rotate(270deg);
scaleX:0.5; 
		}
}
@keyframes rotation270{
		from {
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg);

		}
		to {
				-webkit-transform: rotate(270deg);
				transform: rotate(270deg);
scaleX:0.5; 
		}
}
@-webkit-keyframes rotation30 {
		from {
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(30deg);
				transform: rotate(30deg);
		}
}
@keyframes rotation30{
		from {
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(30deg);
				transform: rotate(30deg);
		}
}
@-webkit-keyframes rotation360 {
		from {
				-webkit-transform: rotate(0deg);
				transform: rotate(1deg);
		}
		to {
				-webkit-transform: rotate(359deg);
				transform: rotate(359deg);
		}
}
@keyframes rotation360 {
		from {
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(359deg);
				transform: rotate(359deg);
		}
}
@-webkit-keyframes rotation40 {
		from {
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(40deg);
				transform: rotate(40deg);
		}
}
@keyframes rotation40{
		from {
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(40deg);
				transform: rotate(40deg);
		}
}
@-webkit-keyframes rotation45 {
		from {
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
		}
}
@keyframes rotation45 {
		from {
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
		}
}
@-webkit-keyframes rotation50 {
		from {
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(50deg);
				transform: rotate(50deg);
		}
}
@keyframes rotation50{
		from {
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(50deg);
				transform: rotate(50deg);
		}
}
@-webkit-keyframes rotation90 {
		from {
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(90deg);
				transform: rotate(90deg);
		}
}
@keyframes rotation90 {
		from {
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(90deg);
				transform: rotate(90deg);
		}
}
@-webkit-keyframes rotateIn {
  from { 
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to { 
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  from { 
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to { 
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes rotateInDownLeft {
  from { 
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to { 
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from { 
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to { 
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes rotateInDownRight {
  from { 
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to { 
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from { 
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to { 
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes rotateInUpLeft {
  from { 
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to { 
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from { 
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to { 
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes rotateInUpRight {
  from { 
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to { 
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from { 
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to { 
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes rotateOut {
  from { 
    opacity: 1;
  }

  to { 
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from { 
    opacity: 1;
  }

  to { 
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@-webkit-keyframes rotateOutDownLeft {
  from { 
    opacity: 1;
  }

  to { 
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from { 
    opacity: 1;
  }

  to { 
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@-webkit-keyframes rotateOutDownRight {
  from { 
    opacity: 1;
  }

  to { 
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from { 
    opacity: 1;
  }

  to { 
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@-webkit-keyframes rotateOutUpLeft {
  from { 
    opacity: 1;
  }

  to { 
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from { 
    opacity: 1;
  }

  to { 
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@-webkit-keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }

  to { 
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from { 
    opacity: 1;
  }

  to { 
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes ball-animation {
  0% {
   fill: blue;
   transform: translateX(0);
 }
  50% {
   fill: purple;
   transform: translateX(50px);
 }
  100% {
   fill: red;
   transform: translateX(100px);
 }
}
@-webkit-keyframes barchart_hor{
from{  -webkit-transform:scale(0,1);transform:scale(0,1);}
}
@keyframes barchart_hor{
from{  -webkit-transform:scale(0,1);transform:scale(0,1);}
}
@-webkit-keyframes barchart_ver{
from{  -webkit-transform:scale(1,0);transform:scale(1,0);}
}
@keyframes barchart_ver{
from{  -webkit-transform:scale(1,0);transform:scale(1,0);}
}
@-webkit-keyframes blur  {
  from {
filter: brightness(0.2);
  }

  50% {
filter: brightness(0.7);
  }
}

@keyframes blur {
  from {
filter: brightness(0.2);
  }

  50% {
filter: brightness(0.7);
  }
}
@keyframes cchange {
	0% {
filter: grayscale(.8);

 	}
	50% {
filter: grayscale(.5);


	}
	100% {
filter: grayscale(.2);

}
}
@-webkit-keyframes eye {
from{

fill: #009966;
  }

 to{

fill: #eeeeee;
  }
}

@keyframes eye {
from{
  
fill: #009966;
  }

 to{
  
fill: #eeeeee;
  }
}
@-webkit-keyframes my {
0% {
opacity: 0;
fill: none;
stroke-dashoffset: 1800;
}
30% {
opacity: 10;
fill: none;
stroke-dashoffset: 1800;
}
90% {
fill: rgba(255,255,255,0);
}
100% {
opacity: 10;
fill: fill: rgba(255,255,255,1);
stroke-dashoffset: 1800;
}
}
@keyframes my {
0% {
opacity: 0;
fill: none;
stroke-dashoffset: 1800;
}
30% {
opacity: 10;
fill: none;
stroke-dashoffset: 1800;
}
90% {
fill: rgba(255,255,255,0);
}
100% {
opacity: 10;
fill: fill: rgba(255,255,255,1);
stroke-dashoffset: 1800;
}
}
@keyframes move-around {
  0% {
    transform: translate(-40%, -35%);
  }

  25% {
    transform: translate(40%, -35%);
  }

  50% {
    transform: translate(40%, 35%);
  }

  75% {
    transform: translate(-40%, 35%);
  }

  100% {
    transform: translate(-40%, -35%);
  }
}
@-webkit-keyframes moveLeftTurn {
  from {
     -webkit-transform: translate(0px, 0px);
     transform: translate(0px, 0px);

  }
  
  to {
     -webkit-transform: translate(-100%, 0px);
     transform: translate(-100%, 0px);

  }
}

@keyframes moveLeftTurn {
  from {
     -webkit-transform: translate(0px, 0px);
     transform: translate(0px, 0px);

  }
  
  to {
     -webkit-transform: translate(-20%, 0px);
     transform: translate(-20%, 0px);

  }
}
@-webkit-keyframes panning {
  0% {
    background-position: 0% 0%;
  }
  25% {
    background-position: 100% 100%;
  }
   50% {
    background-position: 100% 0%;
  }
  75% {
    background-position: 0 100%;
  }
  200% {
    background-position: 0 0;
  }
}
@keyframes piechart{
  0%   { stroke-dashoffset: 1000; }
            50%   { stroke-dashoffset: 0; }
            100% { stroke-dashoffset: 1000; }
}

@-webkit-keyframes piechart{
            0%   { stroke-dashoffset: 1000; }
            50%   { stroke-dashoffset: 0; }
            100% { stroke-dashoffset: 1000; }
}


@-webkit-keyframes pull {
  0% {
    -webkit-transform: scaleY(1);
  }
  40% {
    -webkit-transform: scaleY(1.01);
  }
  60% {
    -webkit-transform: scaleY(0.99);
  }
  80% {
    -webkit-transform: scaleY(1.01);
  }
  100% {
    -webkit-transform: scaleY(0.99);
  }       
  80% {
    -webkit-transform: scaleY(1.01);
  }
  100% {
    -webkit-transform: scaleY(1);
  }   
}
@-webkit-keyframes pull2 {
  0% {
    -webkit-transform: scaleY(1);
  }
  40% {
    -webkit-transform: scaleY(1.01);
  }
  60% {
    -webkit-transform: scaleY(0.99);
  }
  80% {
    -webkit-transform: scaleY(1.01);
  }
  100% {
    -webkit-transform: scaleY(0.99);
  }       
  80% {
    -webkit-transform: scaleY(1.01);
  }
  100% {
    -webkit-transform: scaleY(1);
  }   
}

@-webkit-keyframes rotate-left {
  from { 
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-360deg);
  }
}
@-webkit-keyframes rotate-right {
  from { 
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin{
   from {    
 -webkit-transform: rotate(0 50 51); 
transform: rotate(0 50 51); 
    }
    to{  
 -webkit-transform: rotate(-360 50 50); 
transform: rotate(-360 50 50); 
    }
}
@keyframes  spin{
  from {    
 -webkit-transform: rotate(0 50 51);
 transform: rotate(0 50 51); 
    }
    to{  
 -webkit-transform: rotate(-360 50 50);
 transform: rotate(-360 50 50); 
    }
}


@keyframes stars{
  0%{
    opacity: 1;
  }
  50%{
    opacity: .1;
    transform: scale(.95);

  }
  100%{
    opacity: 1;
  }
}

@keyframes dot-grow {
  0% {
    stroke-width: 0px;
  }
  15% {
    stroke-width: 0px;
  }
  20% {
    stroke-width: 44px;
  }
  100% {
    stroke-width: 44px;
  }
}
@-webkit-keyframes swingTurn{
0% {
     -webkit-transform: translate(0px, 0px);
transform: matrix(-0.668, -0.669, -0.602, 0.743, 737.944, 185.233);
  -webkit-transform: matrix(-0.668, -0.669, -0.602, 0.743, 737.944, 185.233);
  -moz-transform: matrix(-0.668, -0.669, -0.602, 0.743, 737.944, 185.233);

  } 
.transition {
  transition: all 2s ease-in-out;
  -webkit-transition: all 2s ease-in-out;
  -moz-transition: all 2s ease-in-out;
}

}

@keyframes swingTurn{
  0%{
     -webkit-transform: translate(0px, 0px);
   transform: matrix(-0.668, -0.669, -0.602, 0.743, 737.944, 185.233);
  -webkit-transform: matrix(-0.668, -0.669, -0.602, 0.743, 737.944, 185.233);
  -moz-transform: matrix(-0.668, -0.669, -0.602, 0.743, 737.944, 185.233);

  }
  .transition {
  transition: all 2s ease-in-out;
  -webkit-transition: all 2s ease-in-out;
  -moz-transition: all 2s ease-in-out;
}

}
@-webkit-keyframes text_background{
from{  -webkit-transform:scale(0,1);transform:scale(0,1);}
}

@keyframes text_background{
from{  -webkit-transform:scale(0,1);transform:scale(0,1);}
}
@-webkit-keyframes text_background_opacity{
from{  -webkit-transform:scale(0,1);transform:scale(0,1);opacity:0.6;}
}
@keyframes text_background_opacity{
from{  -webkit-transform:scale(0,1);transform:scale(0,1);opacity:0.6;}
}
@-webkit-keyframes turnLeftRight{
    0%  {    -webkit-transform:  rotateY(180deg); transform: rotateY(180deg); }    
    50%  {   -webkit-transform:  translate(0, 0); transform: translate(0, 0); }
 100%  { -webkit-transform:  translate(0, 0);  transform: translate(0, 0); }
  }

@keyframes turnLeftRight{         
      0%  {    -webkit-transform:  rotateY(180deg); transform: rotateY(180deg); }    
    50%  {   -webkit-transform:  translate(0, 0); transform: translate(0, 0); }
 100%  { -webkit-transform:  translate(0, 0);  transform: translate(0, 0); }
        }
@keyframes walk {
    0% {
        transform: translateX(0);
    }
    6% {
        transform: translateX(0);
    }
    10% {
        transform: translateX(100px);
    },

    15% {
        transform: translateX(140px);
    }

    25% {
        transform: translateX(170px);
    }

    35% {
        transform: translateX(220px);
    }

    45% {
        transform: translateX(280px);
    }

    55% {
        transform: translateX(340px);
    }

    65% {
        transform: translateX(370px);
    }

    75% {
        transform: translateX(430px);
    }

    85% {
        transform: translateX(460px);
    }

    100% {
        transform: translateX(520px);
    }
}
@-webkit-keyframes zoomwop{
  from {
  opacity: 0;
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

}

@keyframes zoomwop{
  from {
  opacity: 0;
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

}
@-webkit-keyframes zoom{
  from {
  opacity: 0;
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoom{
  from {
  opacity: 0;
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }


  50% {
    opacity: 1;
  }
}
@-webkit-keyframes zoom1 {
  from {
  opacity: 0;
    -webkit-transform: scale3d(0.5,0.5,0.5);
    transform: scale3d(0.5,0.5,0.5);
}
  50% {
    opacity: 1;
  }
}

@keyframes zoom1 {
  from {
  opacity: 0;
    -webkit-transform: scale3d(0.5,0.5,0.5);
    transform: scale3d(0.5,0.5,0.5);
  }

  50% {
    opacity: 1;
  }
}
@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1);
    transform: scale3d(0.1, 0.1, 0.1);
  }

  to {
    opacity: 1;
  }

}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1);
    transform: scale3d(0.1, 0.1, 0.1);
  }

to  {
    opacity: 1;
  }
}
@-webkit-keyframes zoomIn {
  from {
  opacity: 0;
    -webkit-transform: scale3d(5, 5, 5);
    transform: scale3d(2,2, 2);
  }

  50% {
    opacity: 0;
  }
}

90% {
    opacity:1;
    -webkit-transform: scale3d(15, 15, 15);
    transform: scale3d(12,12,12);
  }
}

@keyframes zoomIn {
  from {
  opacity: 0;
    -webkit-transform: scale3d(5, 5, 5);
    transform: scale3d(5, 5, 5);
  }

  50% {
    opacity: 1;
  }
}
@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}
@-webkit-keyframes zoomOutDown {
  100% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
 .hanimated {
    -webkit-animation: unset;
    animation: unset;
    -webkit-transition: none;
    transition: none;
  }

.animated, .hanimated:hover {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-timing-function: linear;
}

.animated.delay-show, .hanimated.delay-show:hover {
    display:none; 
}