/* 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(100px); }
}

.shake {
  animation: shake 6s 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 1s 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;
             
}