@keyframes scaleAndRotateAnimation {
  0% {
      transform: scale(1)
  }
  25% {
      transform: scale(0.9)
  }
  50% {
      transform: scale(1)
  }
  50% {
      transform: scale(0.9)
  }
  100% {
      transform: scale(1)
  }
}

@keyframes rotate_img10deg {
  0% {
      transform: rotate(10deg);
  }
  49% {
      transform: rotate(10deg);
  }
  50% {
      transform: rotate(-10deg);
  }
  99% {
      transform: rotate(-10deg);
  }
  100% {
      transform: rotate(10deg);
  }

}

  .animate-rotate{
    animation: rotate 30s linear infinite;
  }
  .animate-blk{
    animation: blk 1s infinite ease-in-out;
  }
  .animate-light{
    animation: light 3s infinite;
  }
  .animate-windyEffect_right{
    animation: windyEffect_right 2s infinite;
  }
  .animate-windyEffect_left{
    animation: windyEffect_left 2s infinite;
  }
  .animate-ddm{
    animation: ddm_little 1s infinite ease-in-out;
  }

  @keyframes jello-horizontal {
    0% {
        -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);
      }
      100% {
        -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
    }
  }

  .jello-horizontal {
    opacity: 1;
    animation: jello-horizontal 1.2s ease-out infinite;
    /* animation: jello-horizontal 1s ease-out both; */
  }
  .jello-horizontal2 {
    opacity: 1;
    animation: jello-horizontal 1.8s ease-out infinite;
    /* animation: jello-horizontal 1s ease-out both; */
  }
  .jello-horizontal3 {
    opacity: 1;
    animation: jello-horizontal 1.8s ease-out infinite;
    /* animation: jello-horizontal 1s ease-out both; */
  }

  @keyframes scale-in-bottom {
    0% {
      -webkit-transform: scale(0);
              transform: scale(0);
      -webkit-transform-origin: 50% 100%;
              transform-origin: 50% 100%;
      opacity: 1;
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-transform-origin: 50% 100%;
              transform-origin: 50% 100%;
      opacity: 1;
    }
  }
  .scale-in-bottom {
    opacity: 1 !important;
    animation: scale-in-bottom 1s ease-out both;
  }

  @keyframes scale-in-hor-center {
    0% {
      -webkit-transform: scaleX(0);
              transform: scaleX(0);
      opacity: 1;
    }
    100% {
      -webkit-transform: scaleX(1);
              transform: scaleX(1);
      opacity: 1;
    }
  }
  .scale-in-hor-center {
    opacity: 1 !important;
    animation: scale-in-hor-center 1s ease-out both;
  }

  @keyframes scale-in-hor-left {
    0% {
      -webkit-transform: scaleX(0);
              transform: scaleX(0);
      -webkit-transform-origin: 0% 0%;
              transform-origin: 0% 0%;
      opacity: 1;
    }
    100% {
      -webkit-transform: scaleX(1);
              transform: scaleX(1);
      -webkit-transform-origin: 0% 0%;
              transform-origin: 0% 0%;
      opacity: 1;
    }
  }

  .scale-in-hor-left {
    opacity: 1 !important;
    animation: scale-in-hor-left 1s ease-out both;
  }

  @keyframes scale-in-ver-top {
    0% {
      -webkit-transform: scaleY(0);
              transform: scaleY(0);
      -webkit-transform-origin: 100% 0%;
              transform-origin: 100% 0%;
      opacity: 1;
    }
    100% {
      -webkit-transform: scaleY(1);
              transform: scaleY(1);
      -webkit-transform-origin: 100% 0%;
              transform-origin: 100% 0%;
      opacity: 1;
    }
  }

  .scale-in-ver-top {
    opacity: 1 !important;
    animation: scale-in-ver-top 1s ease-out both;
  }

  @keyframes scale-up-ver-bottom {
    0% {
      -webkit-transform: scaleY(0.4);
              transform: scaleY(0.4);
      -webkit-transform-origin: 0% 100%;
              transform-origin: 0% 100%;
    }
    100% {
      -webkit-transform: scaleY(1);
              transform: scaleY(1);
      -webkit-transform-origin: 0% 100%;
              transform-origin: 0% 100%;
    }
  }  
  .scale-up-ver-bottom {
    opacity: 1 !important;
    animation: scale-up-ver-bottom 1s ease-out both;
  }


  @keyframes swing-in-top-fwd {
    0% {
      -webkit-transform: rotateX(-100deg);
              transform: rotateX(-100deg);
      -webkit-transform-origin: top;
              transform-origin: top;
      opacity: 0;
    }
    100% {
      -webkit-transform: rotateX(0deg);
              transform: rotateX(0deg);
      -webkit-transform-origin: top;
              transform-origin: top;
      opacity: 1;
    }
  }  
  .swing-in-top-fwd {
    opacity: 1 !important;
    animation: swing-in-top-fwd 1s ease-out both;
  }

@keyframes bg-pan-left {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

  .bg-pan-left {
    opacity: 1 !important;
    animation: bg-pan-left 1s ease-out both;
  }