/*-----------------------
// Button Effect With keyframe
-----------------------*/
@-webkit-keyframes np-btn--1 {
	60% {
		-webkit-transform: scale3d(.8, .8, 1);
		transform: scale3d(.8, .8, 1);
	}
	
	85% {
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1);
	}
	
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@keyframes np-btn--1 {
	60% {
		-webkit-transform: scale3d(.8, .8, 1);
		transform: scale3d(.8, .8, 1);
	}
	
	85% {
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1);
	}
	
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@-webkit-keyframes np-btn--2 {
	to {
		opacity: 0;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@keyframes np-btn--2 {
	to {
		opacity: 0;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

/* Effect Horizontal */
@-webkit-keyframes np-hvr-horizontal {
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes np-hvr-horizontal {
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

/* Effect To Bottom Right */
@-webkit-keyframes hvr-to-bottom-right {
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}

@keyframes hvr-to-bottom-right {
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}

/*----------------------------
    Team keyframes
----------------------------*/

/*----------------------------
keyframes bounceY
----------------------------*/
@keyframes bounceY {
	0% {
		transform: translateY(-205px);
	}
	
	40% {
		transform: translateY(-100px);
	}
	
	65% {
		transform: translateY(-52px);
	}
	
	82% {
		transform: translateY(-25px);
	}
	
	92% {
		transform: translateY(-12px);
	}
	
	55%, 75%, 87%, 97%, 100% {
		transform: translateY(0px);
	}
}

@-moz-keyframes bounceY {
	0% {
		-moz-transform: translateY(-205px);
	}
	
	40% {
		-moz-transform: translateY(-100px);
	}
	
	65% {
		-moz-transform: translateY(-52px);
	}
	
	82% {
		-moz-transform: translateY(-25px);
	}
	
	92% {
		-moz-transform: translateY(-12px);
	}
	
	55%, 75%, 87%, 97%, 100% {
		-moz-transform: translateY(0px);
	}
}

@-webkit-keyframes bounceY {
	0% {
		-webkit-transform: translateY(-205px);
	}
	
	40% {
		-webkit-transform: translateY(-100px);
	}
	
	65% {
		-webkit-transform: translateY(-52px);
	}
	
	82% {
		-webkit-transform: translateY(-25px);
	}
	
	92% {
		-webkit-transform: translateY(-12px);
	}
	
	55%, 75%, 87%, 97%, 100% {
		-webkit-transform: translateY(0px);
	}
}