@-webkit-keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

@-webkit-keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

@-webkit-keyframes bounce-top {
  40% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  0%,
  25%,
  55%,
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes bounce-top {
  
  40% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  0%,
  25%,
  55%,
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}



@-webkit-keyframes scale-out-in {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);

  }
  10% {
    -webkit-transform: scale(0);
            transform: scale(0);

  }
  90% {
    -webkit-transform: scale(0);
            transform: scale(0);

  }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);

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

  }
  10% {
    -webkit-transform: scale(0);
            transform: scale(0);

  }
  90% {
    -webkit-transform: scale(0);
            transform: scale(0);

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

  }
}


@-webkit-keyframes scale-in-out {
  0%,10%,90%,100% {
    -webkit-transform: scale(0);
            transform: scale(0);

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

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

  }
}
@keyframes scale-in-out {
  0%,10%,90%,100% {
    -webkit-transform: scale(0);
            transform: scale(0);

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

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

  }
}




@-webkit-keyframes slide-in-left {
  0% {
    left:-30px;
    opacity: 0;
  }
  100% {
    left:0;
    opacity: 1;
  }
}

@keyframes slide-in-left {
  0% {
    left:-30px;
    opacity: 0;
  }
  100% {
    left:0;
    opacity: 1;
  }
}

@-webkit-keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);

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

  }
}

@keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);

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

  }
}

@-webkit-keyframes wobble-hor-bottom {
  0%,
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-5px) rotate(-6deg);
            transform: translateX(-5px) rotate(-6deg);
  }
  30% {
    -webkit-transform: translateX(5px) rotate(6deg);
            transform: translateX(5px) rotate(6deg);
  }
  45% {
    -webkit-transform: translateX(-3px) rotate(-3.6deg);
            transform: translateX(-3px) rotate(-3.6deg);
  }
  60% {
    -webkit-transform: translateX(3px) rotate(2.4deg);
            transform: translateX(3px) rotate(2.4deg);
  }
  75% {
    -webkit-transform: translateX(-1px) rotate(-1.2deg);
            transform: translateX(-1px) rotate(-1.2deg);
  }
}

@keyframes wobble-hor-bottom {
  0%,
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-5px) rotate(-6deg);
            transform: translateX(-5px) rotate(-6deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(6deg);
            transform: translateX(3px) rotate(6deg);
  }
  45% {
    -webkit-transform: translateX(-3px) rotate(-3.6deg);
            transform: translateX(-3px) rotate(-3.6deg);
  }
  60% {
    -webkit-transform: translateX(1px) rotate(2.4deg);
            transform: translateX(1px) rotate(2.4deg);
  }
  75% {
    -webkit-transform: translateX(-1px) rotate(-1.2deg);
            transform: translateX(-1px) rotate(-1.2deg);
  }
}

@-webkit-keyframes pulse-fade {
  0% {
    -webkit-transform: translate(-50%,-50%)  scale(0);
    transform: translate(-50%,-50%)  scale(0);
    opacity: 1
  }
  75% {
    -webkit-transform: translate(-50%,-50%)  scale(0.75);
    transform: translate(-50%,-50%)  scale(0.75);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-50%,-50%)  scale(1);
    transform: translate(-50%,-50%)  scale(1);
    opacity: 0;

  }
}
@keyframes pulse-fade {
  0% {
    -webkit-transform: translate(-50%,-50%)  scale(0);
    transform: translate(-50%,-50%)  scale(0);
    opacity: 1
  }
  75% {
    -webkit-transform: translate(-50%,-50%)  scale(0.75);
    transform: translate(-50%,-50%)  scale(0.75);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-50%,-50%)  scale(1);
    transform: translate(-50%,-50%)  scale(1);
    opacity: 0;

  }
}

@-webkit-keyframes line-flash {
  0%{
    width: 0px;
    right:152px;
  } 
  25%{
    width: 90px;
    right:62px;
  } 
  50%{
    width: 0px;
    right:62px;
    
  } 
  100% {
    width: 0px;
    right:62px;
  }
}
@keyframes line-flash {
  0%{
    width: 0px;
    right:152px;
  } 
  25%{
    width: 90px;
    right:62px;
  } 
  50%{
    width: 0px;
    right: 62px;
  } 
  100%{
    width: 0px;
    right: 62px;
  }
}

@-webkit-keyframes clip-text {
  0% {
   -webkit-clip-path: polygon(0 0, 0% 0, 0% 100%, 0% 100%) ;
clip-path: polygon(0 0, 0% 0, 0% 100%, 0% 100%) ;
  }
  100% {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }
}
@keyframes clip-text {
  0% {
   -webkit-clip-path: polygon(0 0, 0% 0, 0% 100%, 0% 100%) ;
clip-path: polygon(0 0, 0% 0, 0% 100%, 0% 100%) ;
  }
  100% {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }
}
.anim-el {opacity: 0;}
.anim-el.in-view {opacity: 1;}
.slide-up.in-view {-webkit-animation: slide-in-bottom 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
          animation: slide-in-bottom 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
.anim-delay-01 { animation-delay:0.1s !important; }
.anim-delay-02 { animation-delay:0.2s !important; }
.anim-delay-03 { animation-delay:.3s !important; }
.anim-delay-04 { animation-delay:.4s !important; }
.anim-delay-05 { animation-delay:.5s !important; }
.anim-delay-06 { animation-delay:.6s !important; }
.anim-delay-07 { animation-delay:.7s !important; }
.anim-delay-08 { animation-delay:.8s !important; }
.anim-delay-09 { animation-delay:.9s !important; }
.anim-delay-10 { animation-delay:1s !important; }
.anim-delay-11 { animation-delay:1.1s !important; }
.anim-delay-12 { animation-delay:1.2s !important; }
.anim-delay-13 { animation-delay:1.3s !important; }