@keyframes jumpInfiniteLeftToRight {
  0% {
    transform: translateX(0) translateY(0) scale3d(.95, .95, .95);
  }
  50% {
    transform: translateX(-30px) translateY(-30px) scale3d(1, 1, 1);
  }
  100% {
    transform: translateX(0) translateY(0) scale3d(.95, .95, .95);
  }
}

@keyframes jumpInfiniteRightToLeft {
  0% {
    transform: translateX(0) translateY(0) scale3d(1, 1, 1) ;
  }
  50% {
    transform: translateX(-30px) translateY(30px) scale3d(.95, .95, .95);
  }
  100% {
    transform: translateX(0) translateY(0) scale3d(1, 1, 1);
  }
}


.hero-animation-01 {
  animation: jumpInfiniteLeftToRight 5s infinite;
}


@-webkit-keyframes floatCloud {
  0% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
  50% {
    -webkit-transform: translate(-40px, 10px);
            transform: translate(-40px, 10px);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
}

@keyframes floatCloud {
  0% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
  50% {
    -webkit-transform: translate(-40px, 10px);
            transform: translate(-40px, 10px);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
}


@-webkit-keyframes floatCloud2 {
  0% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
  50% {
    -webkit-transform: translate(40px, 15px);
            transform: translate(40px, 15px);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
}

@keyframes floatCloud2 {
  0% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
  50% {
    -webkit-transform: translate(40px, 15px);
            transform: translate(40px, 15px);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
}

.float-cloud-left {
  animation: floatCloud 8s infinite;
}


@-webkit-keyframes floatCloud {
  0% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
  50% {
    -webkit-transform: translate(-40px, 10px);
            transform: translate(-40px, 10px);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
}

@keyframes floatCloud {
  0% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
  50% {
    -webkit-transform: translate(-40px, 10px);
            transform: translate(-40px, 10px);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
}


@-webkit-keyframes floatCloud2 {
  0% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
  50% {
    -webkit-transform: translate(40px, 15px);
            transform: translate(40px, 15px);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
}

@keyframes floatCloud2 {
  0% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
  50% {
    -webkit-transform: translate(40px, 15px);
            transform: translate(40px, 15px);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
}

.float-cloud-right {
  animation: floatCloud 8s infinite;
}


@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  75% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  75% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
}


.shake {
    width: 100%;
    animation: 0.6s ease-in-out 0s infinite normal none running shake;
}

@-webkit-keyframes moveDown {
  0%, 100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
  }
}

@keyframes moveDown {
  0%, 100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
  }
}

.moveDown {
    animation: 3s ease 0s infinite normal none running moveDown;
}

@-webkit-keyframes moveUp {
  0%, 100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
}

@keyframes moveUp {
  0%, 100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
}
.moveUp {
    animation: 4s ease 0s infinite normal none running moveUp;
}


@-webkit-keyframes moveUpCenter {
  0%, 100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
}

@keyframes moveUpCenter {
  0%, 100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
}

.moveUpCenter {
    animation: 4s ease .5s infinite normal none running moveUpCenter;
}

@keyframes rotationLeft {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(5deg);
  }
  100% {
  	transform: rotate(0deg);
  }
}

@keyframes rotationRight {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(-5deg);
  }
  100% {
  	transform: rotate(0deg);
  }
}

.rotation-animation-left {
    transform-origin: bottom left;
    animation: rotationLeft 4s infinite ease;
}

.rotation-animation-right {
    transform-origin: bottom right;
    animation: rotationRight 4s infinite ease;
}