/**
 * @package next
 * @version 2
 * @copyright © 2014 Next Solutions
 */ 
 
 @-webkit-keyframes bounce { 
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
	40% {-webkit-transform: translateY(-30px);} 
	60% {-webkit-transform: translateY(-15px);} 
} 

@keyframes bounce { 
	0%, 50%, 80%, 100% {transform: translateY(0);} 
	40% {transform: translateY(-15px);} 
	60% {transform: translateY(+7px);} 
} 

.bounce { 
-webkit-animation-duration: 0.5s; 
	animation-duration: 0.5s; 
	-webkit-animation-fill-mode: both; 
	animation-fill-mode: both; 
	-webkit-animation-name: bounce; 
	animation-name: bounce; 
}      

@-webkit-keyframes wobble { 
  0% { -webkit-transform: translateX(0%); } 
  15% { -webkit-transform: translateX(-10%) rotate(-3deg); } 
  30% { -webkit-transform: translateX(8%) rotate(2deg); } 
  45% { -webkit-transform: translateX(-6%) rotate(-1deg); } 
  60% { -webkit-transform: translateX(3%) rotate(1deg); } 
  75% { -webkit-transform: translateX(-1%) rotate(-0.6deg); } 
  100% { -webkit-transform: translateX(0%); } 
} 

@keyframes wobble { 
  0% { transform: translateX(0%); } 
  15% { transform: translateX(-10%) rotate(-3deg); } 
  30% { transform: translateX(8%) rotate(2deg); } 
  45% { transform: translateX(-6%) rotate(-1.5deg); } 
  60% { transform: translateX(3%) rotate(1deg); } 
  75% { transform: translateX(-1%) rotate(-0.6deg); } 
  100% { transform: translateX(0%); } 
} 

.wobble { 
	-webkit-animation-duration: 1s; 
	animation-duration: 1s; 
	-webkit-animation-fill-mode: both; 
	animation-fill-mode: both; 
	-webkit-animation-name: wobble; 
	animation-name: wobble; 
}