@keyframes bounce {
	0%, 20%, 60%, 100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	40% {
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}

	80% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}
}
.hvr:hover {
	animation: bounce 0.5s;
} 

/* grow hover */
.item:hover, .grow:hover
{
        -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
}

/* skew effect */

/* .hvr:hover {
transform: skew(-10deg);
} */


/* dotted border */
/* .hvr {
 
	border: 3px solid #3a7999;
	border-radius:80px;
}
.hvr:hover {


border-radius:150px;
	border: 3px dotted #3a7999;
	color: #3a7999;
	background: rgba(0,0,0,0);
} */




/* flip effect */

/* .hvr {
	transform-style: preserve-3d;
}

.hvr:after {
	top: -100%;
	left: 0px;
	width: 100%;
	position: absolute;
	background: #3a9999;
	border-radius: 5px;
	content: '';
	transform-origin: left bottom;
	transform: rotateX(360deg);
}


.hvr:hover {
	transform-origin: center bottom;
	transform: rotateX(-90deg) translateY(100%);
} */