/* Shape Animation css pk */
.shape_animate1 {

}

.rotate {
  animation: rotation infinite 3s linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.updown_icon {
  animation: MoveUpDown 3s linear infinite;
  position: absolute;
  left: 0;
  bottom: 0;
}

@keyframes MoveUpDown {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}

.zoom_in_out {
  position: absolute;
  animation: zoom-in-zoom-out 4s infinite;
}
@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.2, 1.2);
  }
  100% {
    transform: scale(1, 1);
  }
}

.zoom_in_out2{
    animation-duration: 6s;
    animation-name: example8;
    animation-iteration-count: infinite;
}
@keyframes example8 {
  0%   {background-color:#fff; height:10px;width:10px;}
  25%  {background-color:#fff;height:30px;width:30px;}
  50%  {background-color:#fff;height:10px;width:10px;}
  75%  {background-color:#fff;height:30px;width:30px;}
  100% {background-color:#fff;height:10px;width:10px;}
}

.move_right {
  animation: moveRight 2s ease-in-out infinite;
}
@keyframes moveRight {
  0%   { transform: translateX(0); }
  100% { transform: translateX(10px); }
}

.shake {
  animation: shake 9s ease-in-out infinite;
}
@keyframes shake {
  0%   { transform: translateX(0); }
  20%  { transform: translateX(-10px); }
  40%  { transform: translateX(10px); }
  60%  { transform: translateX(-10px); }
  80%  { transform: translateX(10px); }
  100% { transform: translateX(0); }
}

@keyframes bounce {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-25px); }
}

.bounce {
  animation: bounce 1s infinite;
}


@keyframes pulse {
  0%   { transform: scale(1); }
  50%  { transform: scale(1.05); }
  100% { transform: scale(1); }
}

.pulse {
  animation: pulse 5s infinite;
}

@keyframes float {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(-10px); }
  100% { transform: translateY(0); }
}

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

@keyframes flash {
  0%, 100% { opacity: 1; }
  50%      { opacity: 0; }
}

.flash {
  animation: flash 3s linear infinite;
}


@keyframes fadeIn {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
.fadein {
  animation: fadeIn 2s ease-in 1s forwards infinite;
             
}

.shake1 {
  animation: shake1 6s ease-in-out infinite;
}
@keyframes shake1 {
  0%   { transform: translateX(0); }
  20%  { transform: translateX(-10px); }
  40%  { transform: translateX(10px); }
  60%  { transform: translateX(-10px); }
  80%  { transform: translateX(10px); }
  100% { transform: translateX(0); }
}

@keyframes pulseBtn {
  0%   { transform: scale(1); }
  50%  { transform: scale(1.05); }
  100% { transform: scale(1); }
}

.pulseBtn {
  animation: pulseBtn 3s infinite;
}

@keyframes stepbox  {
  0%   { transform: scale(0.5); }
  50%  { transform: scale(1.1); }
  100% { transform: scale(1); }
}

.stepbox {
  animation: stepbox 3s infinite;
}




[data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1;
  transform: translateZ(0);
}
[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
}
[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
  transition-duration: 1s;
}
[data-aos^=fade][data-aos^=fade] {
  opacity: 0;
  transition-property: opacity,transform;
}