/*************/
/* ANIMATION */	
/*************/

/* $sliderAnimateIn */
@-webkit-keyframes sliderAnimateIn {
	0% {
		-webkit-transform: scale(0.7);
		opacity: 0;
	}
	100% {
		-webkit-transform: scale(1);
		opacity: 1;
	}
}

@keyframes sliderAnimateIn {
	0% {
		transform: scale(0.7);
		opacity: 0;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}

.sliderAnimateIn{
	-webkit-transform-origin: 50% 100%;
			transform-origin: 50% 100%;
			
	-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
			
	-webkit-transform-style: preserve-3d;
			transform-style: preserve-3d;

	-webkit-transform: translate3d(0,0,0);
			transform: translate3d(0,0,0);
	
	-webkit-animation-name: sliderAnimateIn;
			animation-name: sliderAnimateIn;
}

/* $sliderAnimateOut */
@keyframes sliderAnimateOut {
	0% {
		transform: scale(1);
		opacity: 1;
	}
	100% {
		transform: scale(1.2);
		opacity: 0;
	}
}
		
@-webkit-keyframes sliderAnimateOut {
	0% {
		-webkit-transform: scale(1);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(1.2);
		opacity: 0;
	}
}

.sliderAnimateOut{
	-webkit-transform-origin: 50% 100%;
			transform-origin: 50% 100%;

	-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
			
	-webkit-transform-style: preserve-3d;
			transform-style: preserve-3d;
			
	-webkit-transform: translate3d(0,0,0);
			transform: translate3d(0,0,0);
			
	-webkit-animation-name: sliderAnimateOut;
			animation-name: sliderAnimateOut;
}