.asvg-text
{overflow: hidden;
    
}

/* Fonts */

/* Style 1*/


/* Style 2*/

.water-fill {
  -moz-animation: wave 0.7s infinite linear, fill-up 10s infinite ease-out alternate;
  -webkit-animation: wave 0.7s infinite linear, fill-up 10s infinite ease-out alternate;
          animation: wave 0.7s infinite linear, fill-up 10s infinite ease-out alternate;
}
@-webkit-keyframes wave {
  0% {
    x: -400px;
    
  }
  100% {
    x: 0;
  }
}
@keyframes wave {
  0% {
    x: -400px;
  }
  100% {
    x: 0;
  }
}
@-webkit-keyframes fill-up {
  0% {
    height: 0;
    y: 170px;
  }
  100% {
    height: 160px;
    y: -10px;
  }
}
@keyframes fill-up {
  0% {
    height: 0;
    y: 170px;
  }
  100% {
    height: 160px;
    y: -10px;
  }
}

.tracking-in-expand {
	-webkit-animation: tracking-in-expand 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) 1s both;
	        animation: tracking-in-expand 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) 1s both;
}

@-webkit-keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
@keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
	
}

/* Style 8*/

@-webkit-keyframes asvg-s8 {
  0% {
    -webkit-transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
    transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-filter: blur(40px);
    filter: blur(40px);
    opacity: 0 ;
  }

  100% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
    transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}

@keyframes asvg-s8 {
  0% {
    -webkit-transform: translateY(1000px) scaleY(2.5) scaleX(0.2) backwards;
    transform: translateY(1000px) scaleY(2.5) scaleX(0.2)  backwards;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-filter: blur(40px);
    filter: blur(40px);
    opacity: 0;
	  
  }


  100% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1) backwards;
    transform: translateY(0) scaleY(1) scaleX(1) backwards;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;

  }
}

@-webkit-keyframes asvg-s8-h {
  0% {
    -webkit-transform: translateZ(0) translateY(0);
    transform: translateZ(0) translateY(0);

  }

  100% {
    -webkit-transform: translateZ(0px) translateY(-12px);
    transform: translateZ(0x) translateY(-12px);

  }
}

@keyframes asvg-s8-h {
  0% {
    -webkit-transform: translateZ(0) translateY(0);
    transform: translateZ(0) translateY(0);
  }

  100% {
    -webkit-transform: translateZ(50px) translateY(-12px);
    transform: translateZ(50px) translateY(-12px);
  }
}

/* Style 9*/


@keyframes move1 {
  
    0%, 100% {
    transform: translate(-50%, -50%) translateZ(0);
  }

  12% {
    transform: translate(-50%, -50%) translateZ(0vw);
  }
    48%, 55%{
    transform: translate(-50%, -50%) translateY(6vw) translateZ(-59vw);
  }
}

@keyframes move2 {
    0%, 100% {
    transform: translate(-50%, -50%) translateZ(0);
  }

  12% {
    transform: translate(-50%, -50%) translateZ(0vw);
  }
    48%, 55%{
    transform: translate(-50%, -50%) translateY(7vw) translateZ(-55vw);
  }
}

@keyframes move3 {
    0%, 100% {
    transform: translate(-50%, -50%) translateZ(0);
  }

  12% {
    transform: translate(-50%, -50%) translateZ(0vw);
  }
    48%, 55%{
    transform: translate(-50%, -50%) translateY(8vw) translateZ(-51vw);
  }
}

@keyframes move4 {
    0%, 100% {
    transform: translate(-50%, -50%) translateZ(0);
  }

  12% {
    transform: translate(-50%, -50%) translateZ(0vw);
  }
    48%, 55%{
    transform: translate(-50%, -50%) translateY(9vw) translateZ(-47vw);
  }
}

@keyframes move5 {
    0%, 100% {
    transform: translate(-50%, -50%) translateZ(0);
  }

  12% {
    transform: translate(-50%, -50%) translateZ(0vw);
  }
    48%, 55%{
    transform: translate(-50%, -50%) translateY(10vw) translateZ(-43vw);
  }
}

@keyframes move6 {
    0%, 100% {
    transform: translate(-50%, -50%) translateZ(0);
  }

  12% {
    transform: translate(-50%, -50%) translateZ(0vw);
  }
    48%, 55%{
    transform: translate(-50%, -50%) translateY(11vw) translateZ(-39vw);
  }
}

@keyframes move7 {
    0%, 100% {
    transform: translate(-50%, -50%) translateZ(0);
  }

  12% {
    transform: translate(-50%, -50%) translateZ(0vw);
  }
    48%, 55%{
    transform: translate(-50%, -50%) translateY(12vw) translateZ(-35vw);
  }
}

@keyframes move8 {
    0%, 100% {
    transform: translate(-50%, -50%) translateZ(0);
  }

  12% {
    transform: translate(-50%, -50%) translateZ(0vw);
  }
    48%, 55%{
    transform: translate(-50%, -50%) translateY(13vw) translateZ(-31vw);
  }
}

@keyframes move9 {
  0%, 100% {
    transform: translate(-50%, -50%) translateZ(0);
  }

  12% {
    transform: translate(-50%, -50%) translateZ(0vw);
  }
    48%, 55%{
    transform: translate(-50%, -50%) translateY(14vw) translateZ(-27vw);
  }
}

@keyframes move10 {
  0%, 100% {
    transform: translate(-50%, -50%) translateZ(0);
  }

  12% {
    transform: translate(-50%, -50%) translateZ(0vw);
  }
    48%, 55%{
    transform: translate(-50%, -50%) translateY(15vw) translateZ(-23vw);
  }
}

@keyframes move11 {
  0%, 100% {
    transform: translate(-50%, -50%) translateZ(0);
  }

  12% {
    transform: translate(-50%, -50%) translateZ(0vw);
  }
    48%, 55%{
    transform: translate(-50%, -50%) translateY(16vw) translateZ(-19vw);
  }
}

@keyframes move12 {
  0%, 100% {
    transform: translate(-50%, -50%) translateZ(0);
  }

 12% {
    transform: translate(-50%, -50%) translateZ(0vw);
  }
    48%, 55%{
    transform: translate(-50%, -50%) translateY(17vw) translateZ(-15vw);
  }
}

/* Style 10*/
@keyframes jump {
  20% {
    transform: translatey(0) scale(0);
    opacity: 0;
  }
  40% {
    transform: translatey(-50px) scale(1);
    opacity: 1;
  }
  60% {
    transform: translatey(0) scale(0);
    opacity: 0;
  }
  80% {
    transform: translatey(-50px) scale(1);
    opacity: 1;
  }
}

/* Style 11*/


@keyframes circle-move-s11 {
  0%,
  100% {
    clip-path: circle(13% at 85% 50%);
  }
  50% {
    clip-path: circle(13% at 15% 50%);
  }
}

/* Style 13*/

@keyframes noise-anim {
  0% {
    clip-path: inset(67% 0 16% 0);
  }
  5% {
    clip-path: inset(18% 0 27% 0);
  }
  10% {
    clip-path: inset(63% 0 6% 0);
  }
  15% {
    clip-path: inset(61% 0 31% 0);
  }
  20% {
    clip-path: inset(82% 0 15% 0);
  }
  25% {
    clip-path: inset(100% 0 1% 0);
  }
  30% {
    clip-path: inset(15% 0 50% 0);
  }
  35% {
    clip-path: inset(53% 0 32% 0);
  }
  40% {
    clip-path: inset(33% 0 64% 0);
  }
  45% {
    clip-path: inset(75% 0 11% 0);
  }
  50% {
    clip-path: inset(94% 0 5% 0);
  }
  55% {
    clip-path: inset(85% 0 12% 0);
  }
  60% {
    clip-path: inset(39% 0 6% 0);
  }
  65% {
    clip-path: inset(39% 0 46% 0);
  }
  70% {
    clip-path: inset(35% 0 15% 0);
  }
  75% {
    clip-path: inset(10% 0 17% 0);
  }
  80% {
    clip-path: inset(68% 0 29% 0);
  }
  85% {
    clip-path: inset(90% 0 5% 0);
  }
  90% {
    clip-path: inset(74% 0 5% 0);
  }
  95% {
    clip-path: inset(12% 0 28% 0);
  }
  100% {
    clip-path: inset(29% 0 47% 0);
  }
}

@keyframes noise-anim-2 {
  0% {
    clip-path: inset(95% 0 5% 0);
  }
  5% {
    clip-path: inset(2% 0 51% 0);
  }
  10% {
    clip-path: inset(59% 0 34% 0);
  }
  15% {
    clip-path: inset(79% 0 5% 0);
  }
  20% {
    clip-path: inset(55% 0 21% 0);
  }
  25% {
    clip-path: inset(41% 0 47% 0);
  }
  30% {
    clip-path: inset(10% 0 50% 0);
  }
  35% {
    clip-path: inset(21% 0 47% 0);
  }
  40% {
    clip-path: inset(69% 0 14% 0);
  }
  45% {
    clip-path: inset(87% 0 9% 0);
  }
  50% {
    clip-path: inset(27% 0 5% 0);
  }
  55% {
    clip-path: inset(35% 0 45% 0);
  }
  60% {
    clip-path: inset(64% 0 1% 0);
  }
  65% {
    clip-path: inset(36% 0 31% 0);
  }
  70% {
    clip-path: inset(64% 0 13% 0);
  }
  75% {
    clip-path: inset(32% 0 42% 0);
  }
  80% {
    clip-path: inset(57% 0 35% 0);
  }
  85% {
    clip-path: inset(100% 0 1% 0);
  }
  90% {
    clip-path: inset(38% 0 31% 0);
  }
  95% {
    clip-path: inset(53% 0 43% 0);
  }
  100% {
    clip-path: inset(57% 0 10% 0);
  }
}