.inf-fullrotate{
    animation-name: fullrotate;
    animation-timing-function: linear;
    animation-iteration-count: infinite;  
}
@-webkit-keyframes fullrotate{
    to{ transform: rotate(360deg); }
}


.inf-halfrotate{
    animation-name: halfrotate;
    animation-timing-function: linear;
    animation-iteration-count: infinite;  
}
@keyframes halfrotate {  	
    0%,100% {
        transform: rotate(-10deg);
    }
    50% {
        transform: rotate(0);
    }
    50% {
        transform: rotate(10deg);
    }
}


.inf-updown {
    animation-name: updown;
    animation-timing-function: linear;
    animation-iteration-count: infinite;    
    position: relative;
}
@keyframes updown {
  0% {
    transform: translateY(-15px);
  }

  50% {
    transform: translateY(15px);
  }

  100% {
    transform: translateY(-15px);
  }
}


.inf-leftright {
    animation-name: leftright;
    animation-timing-function: linear;
    animation-iteration-count: infinite;    
    position: relative;
}
@keyframes leftright {
  0% {
    transform: translateX(-15px);
  }

  50% {
    transform: translateX(15px);
  }

  100% {
    transform: translateX(-15px);
  }
}


.inf-allshadow {
    animation-name: allshadow;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite; 
}
@keyframes allshadow{
    0% {box-shadow: 0px 0px 0px 0px;}
    50% {box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.2);}
    100% {box-shadow: 0px 0px 0px 0px;}
}


.inf-bouncetop{
    animation-name: bouncetop;
    animation-timing-function: linear;
    animation-iteration-count: infinite;  
}
@keyframes bouncetop {
  0%,
  20%,
  50%,
  80%,
  100% {transform: translateY(0);}
  40% {transform: translateY(15px);}
  60% {transform: translateY(15px);}
}


.inf-bounceright{
    animation-name: bounceright;
    animation-timing-function: linear;
    animation-iteration-count: infinite;  
}
@keyframes bounceright {
  0%,
  20%,
  50%,
  80%,
  100% {transform: translateX(0);}
  40% {transform: translateX(-15px);}
  60% {transform: translateX(-15px);}
}


.inf-bouncedown{
    animation-name: bouncedown;
    animation-timing-function: linear;
    animation-iteration-count: infinite;  
}
@keyframes bouncedown {
  0%,
  20%,
  50%,
  80%,
  100% {transform: translateY(0);}
  40% {transform: translateY(-15px);}
  60% {transform: translateY(-15px);
  }
}


.inf-bounceleft{
    animation-name: bounceleft;
    animation-timing-function: linear;
    animation-iteration-count: infinite;  
}
@keyframes bounceleft {
  0%,
  20%,
  50%,
  80%,
  100% {transform: translateX(0);}
  40% {transform: translateX(15px);}
  60% {transform: translateX(15px);
  }
}


.inf-shake {
    animation-name: shake;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}


/*Animation Duration START*/

.andur-1 {
  animation-duration: 1s;
} 

.andur-2 {
  animation-duration: 2s;
} 

.andur-3 {
  animation-duration: 3s;
} 

.andur-4 {
  animation-duration: 4s;
} 

.andur-5 {
  animation-duration: 5s;
} 

.andur-6 {
  animation-duration: 6s;
} 

.andur-7 {
  animation-duration: 7s;
} 

.andur-8 {
  animation-duration: 8s;
} 

.andur-9 {
  animation-duration: 9s;
} 

.andur-10 {
  animation-duration: 10s;
} 

.andur-11 {
  animation-duration: 11s;
} 

.andur-12 {
  animation-duration: 12s;
} 

.andur-13 {
  animation-duration: 13s;
} 

.andur-14 {
  animation-duration: 14s;
} 

.andur-15 {
  animation-duration: 15s;
} 

.andur-16 {
  animation-duration: 16s;
} 

.andur-17 {
  animation-duration: 17s;
} 

.andur-18 {
  animation-duration: 18s;
} 

.andur-19 {
  animation-duration: 19s;
} 

.andur-20 {
  animation-duration: 20s;
} 

/*Animation Duration END*/