.icon-general
{
    display:inline-block;
    height:40px;
    width:40px;
    background-repeat: no-repeat;
    background-position: 50%;
    margin-left:auto;
    margin-right:auto;
    text-indent: -9999px;
    background-size: 100%;
    vertical-align: middle;
    position: relative;
}

/*jumping up BEGIN*/
* > div[class^="icon-"].icon-animated-jumping-up {
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
}

*:hover > div[class^="icon-"].icon-animated-jumping-up {
	
	animation: animation-jumping-up 0.4s linear;
	animation-iteration-count: 2;
	
	-webkit-animation: animation-jumping-up 0.4s linear;
	-webkit-animation-iteration-count: 2;
}

@keyframes  animation-jumping-up {
	
	0% { margin-top: 0px; margin-bottom: 0px; }
	50% { margin-top: -7px; margin-bottom: 7px; }
	100% { margin-top: 3px; margin-bottom: -3px; }
}

@-webkit-keyframes  animation-jumping-up {
	
	0% { margin-top: 0px; margin-bottom: 0px; }
	50% { margin-top: -7px; margin-bottom: 7px; }
	100% { margin-top: 3px; margin-bottom: -3px; }
}
/*jumping up END*/

/*jumping down BEGIN*/
* > div[class^="icon-"].icon-animated-jumping-down {
	
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
}

*:hover > div[class^="icon-"].icon-animated-jumping-down {
	
	animation: animation-jumping-down 0.4s linear;
	animation-iteration-count: 2;
	
	-webkit-animation: animation-jumping-down 0.4s linear;
	-webkit-animation-iteration-count: 2;
}

@keyframes  animation-jumping-down {
	
	0% { margin-top: 0px; margin-bottom: 0px; }
	50% { margin-top: 7px; margin-bottom: -7px; }
	100% { margin-top: 3px; margin-bottom: -3px; }
}

@-webkit-keyframes  animation-jumping-down {
	
	0% { margin-top: 0px; margin-bottom: 0px; }
	50% { margin-top: 7px; margin-bottom: -7px; }
	100% { margin-top: 3px; margin-bottom: -3px; }
}
/*jumping down END*/