.slider { z-index: 1; }
.slider {
	-webkit-backface-visibility: hidden;
	   -moz-backface-visibility: hidden;
	    -ms-backface-visibility: hidden;
	        backface-visibility: hidden;
}
.slider ~ .main { position: relative; z-index: 2; }
.slider ~ .main {
	-webkit-backface-visibility: hidden;
	   -moz-backface-visibility: hidden;
	    -ms-backface-visibility: hidden;
	        backface-visibility: hidden;
}

.translate_fromtop {
	-webkit-transform: translate(300px, -400px) scale(0.5);
	    -ms-transform: translate(300px, -400px) scale(0.5);
	     -o-transform: translate(300px, -400px) scale(0.5);
	        transform: translate(300px, -400px) scale(0.5);
	-webkit-transform-origin: 50% 50%;
	   -moz-transform-origin: 50% 50%;
	    -ms-transform-origin: 50% 50%;
	     -o-transform-origin: 50% 50%;
	        transform-origin: 50% 50%;
	        opacity: 0;
}

.slider .slide h1 {
	-webkit-transform: scale(0);
	    -ms-transform: scale(0);
	     -o-transform: scale(0);
	        transform: scale(0);
	-webkit-transform-origin: 50% 50%;
	   -moz-transform-origin: 50% 50%;
	    -ms-transform-origin: 50% 50%;
	     -o-transform-origin: 50% 50%;
	        transform-origin: 50% 50%;
	        opacity: 0;
}
.slider .slide h2 {
	-webkit-transform: scale(0);
	    -ms-transform: scale(0);
	     -o-transform: scale(0);
	        transform: scale(0);
	-webkit-transform-origin: 50% 50%;
	   -moz-transform-origin: 50% 50%;
	    -ms-transform-origin: 50% 50%;
	     -o-transform-origin: 50% 50%;
	        transform-origin: 50% 50%;
	        opacity: 0;
}

.slider .slide .slide__actions {
	opacity: 0;
	-webkit-transform: translate(0px, 50px);
	    -ms-transform: translate(0px, 50px);
	     -o-transform: translate(0px, 50px);
	        transform: translate(0px, 50px);
}

.slider .current .slide__actions,
.slider .current h2,
.slider .current h1 {
	opacity: 1;
	-webkit-transition: -webkit-transform 1s, opacity 2s;
	    -ms-transition: -ms-transform 1s, opacity 2s;
	     -o-transition: -o-transform 1s, opacity 2s;
	        transition: transform 1s, opacity 2s;

	-webkit-transform: none;
		-ms-transform: none;
		 -o-transform: none;
			transform: none;
}

.slider .current .slide__actions {
		-webkit-transition: -webkit-transform 2.5s 2.5s, opacity 2.2s 2.2s;
		    -ms-transition: -ms-transform 2.5s 2.5s, opacity 2.5s 2.2s;
		     -o-transition: -o-transform 2.5s 2.5s, opacity 2.2s 2.2s;
		        transition: transform 2.5s 2.5s, opacity 2.2s 2.2s;
}

.slider .current h2 {
		-webkit-transition: -webkit-transform 1s 1s, opacity 1s 1s;
		    -ms-transition: -ms-transform 1s 1s, opacity 1s 1s;
		     -o-transition: -o-transform 1s 1s, opacity 1s 1s;
		        transition: transform 1s 1s, opacity 1s 1s;
}