/* Ripple Effect Style like Google Material Buttons Effect*/
.ripplelink {
	/* display:block; */
	/*color:#fff;*/
	text-decoration: none;
	position: relative;
	overflow: hidden;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	z-index: 0;
}

.ripplelink:hover {
	/*z-index:1000;*/
	
}

.ink {
	display: block;
	position: absolute;
	background: rgba(255, 255, 255, 0.4);
	border-radius: 100%;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}

.animate {
	-webkit-animation: ripple 0.65s linear;
	-moz-animation: ripple 0.65s linear;
	-ms-animation: ripple 0.65s linear;
	-o-animation: ripple 0.65s linear;
	animation: ripple 0.65s linear;
}

@-webkit-keyframes ripple { 
	100% {
		opacity: 0;
		-webkit-transform: scale(2.5);
	}
}

@-moz-keyframes ripple { 
	100% {
		opacity: 0;
		-moz-transform: scale(2.5);
	}
}

@-o-keyframes ripple { 
	100% {
		opacity: 0;
		-o-transform: scale(2.5);
	}
}

@keyframes ripple { 
	100% {
		opacity: 0;
		transform: scale(2.5);
	}
}