.animated{-webkit-animation-fill-mode:both; animation-fill-mode:both;-webkit-animation-duration:.5s;animation-duration:.5s;}

.animated.hinge{-webkit-animation-duration:.4s;animation-duration:.4s;}

@-webkit-keyframes bounceIn {
	0% {
		visibility:visible;
		opacity: 0;
		-webkit-transform: scale(.3);
		display:block;
	}	
	
	50% {
		visibility:visible;
		opacity: 1;
		-webkit-transform: scale(1.05);
	}
	
	70% {
		visibility:visible;
		opacity: 0.8;
		-webkit-transform: scale(.9);
	}
	
	100% {
		visibility:visible;
		opacity:1;
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes bounceIn {
	0% {
		visibility:visible;
		opacity: 0;
		-webkit-transform: scale(.3);
		display:block;
	}	
	
	50% {
		visibility:visible;
		opacity: 1;
		-webkit-transform: scale(1.05);
	}
	
	70% {
		visibility:visible;
		opacity: 0.8;
		-webkit-transform: scale(.9);
	}
	
	100% {
		visibility:visible;
		opacity:1;
		-webkit-transform: scale(1);
	}
}

@-ms-keyframes bounceIn {
	0% {
		visibility:visible;
		opacity: 0;
		-webkit-transform: scale(.3);
		display:block;
	}	
	
	50% {
		visibility:visible;
		opacity: 1;
		-webkit-transform: scale(1.05);
	}
	
	70% {
		visibility:visible;
		opacity: 0.8;
		-webkit-transform: scale(.9);
	}
	
	100% {
		visibility:visible;
		opacity:1;
		-webkit-transform: scale(1);
	}
}

@-o-keyframes bounceIn {
	0% {
		visibility:visible;
		opacity: 0;
		-webkit-transform: scale(.3);
		display:block;
	}	
	
	50% {
		visibility:visible;
		opacity: 1;
		-webkit-transform: scale(1.05);
	}
	
	70% {
		visibility:visible;
		opacity: 0.8;
		-webkit-transform: scale(.9);
	}
	
	100% {
		visibility:visible;
		opacity:1;
		-webkit-transform: scale(1);
	}
}


@keyframes bounceIn {
	0% {
		visibility:visible;
		opacity: 0;
		transform: scale(.3);
		display:block;
	}
	
	50% {
		visibility:visible;
		opacity: 1;
		transform: scale(1.05);
	}
	
	70% {
		visibility:visible;
		opacity: 0.8;
		transform: scale(.9);
	}
	
	100% {
		
		visibility:visible;
		opacity:1;
		transform: scale(1);
	}
}

.bounceIn {
	display:block !important;
	visibility:visible;
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn;
}


@-webkit-keyframes bounceOut {
	0% {
		-webkit-transform: scale(1);
	}
	
	25% {
		-webkit-transform: scale(.95);
	}
	
	50% {
		opacity: 1;
		-webkit-transform: scale(1.1);
	}
	
	100% {
		visibility:hidden;
		opacity: 0;
		-webkit-transform: scale(.3);
		display:none;
	}	
}

@-moz-keyframes bounceOut {
	0% {
		-webkit-transform: scale(1);
	}
	
	25% {
		-webkit-transform: scale(.95);
	}
	
	50% {
		opacity: 1;
		-webkit-transform: scale(1.1);
	}
	
	100% {
		visibility:hidden;
		opacity: 0;
		-webkit-transform: scale(.3);
		display:none;
	}	
}

@-ms-keyframes bounceOut {
	0% {
		-webkit-transform: scale(1);
	}
	
	25% {
		-webkit-transform: scale(.95);
	}
	
	50% {
		opacity: 1;
		-webkit-transform: scale(1.1);
	}
	
	100% {
		visibility:hidden;
		opacity: 0;
		-webkit-transform: scale(.3);
		display:none;
	}	
}

@-o-keyframes bounceOut {
	0% {
		-webkit-transform: scale(1);
	}
	
	25% {
		-webkit-transform: scale(.95);
	}
	
	50% {
		opacity: 1;
		-webkit-transform: scale(1.1);
	}
	
	100% {
		visibility:hidden;
		opacity: 0;
		-webkit-transform: scale(.3);
		display:none;
	}	
}

@keyframes bounceOut {
	0% {
		transform: scale(1);
	}
	
	25% {
		transform: scale(.95);
	}
	
	50% {
		opacity: 1;
		transform: scale(1.1);
	}
	
	100% {
		visibility:hidden;
		opacity: 0;
		transform: scale(.3);
		display:none;
	}	
}

.bounceOut {
	-webkit-animation-name: bounceOut;
	animation-name: bounceOut;
}

/* drop down menu */
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
@-webkit-keyframes fadeOutDown {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}
}

@-moz-keyframes fadeOutDown {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}
}

@-o-keyframes fadeOutDown {
	0% {
		opacity: 1;
		-o-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateY(20px);
	}
}

@keyframes fadeOutDown {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		transform: translateY(20px);
	}
}

.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	-moz-animation-name: fadeOutDown;
	-o-animation-name: fadeOutDown;
	animation-name: fadeOutDown;
}