@charset "utf-8";

.slider {padding-bottom:40px; }
.slider a {height:150px; padding:50px; overflow:hidden; text-align:right; position:relative; font-size:24px; color:#FFF; text-decoration:none;
	display:flex; 	
	flex-direction:column; 	
	flex-wrap:nowrap;
	justify-content:flex-start; 
	align-items:flex-end;		
	align-content:flex-start;	
}
.slider span, .slider h3 {font-size:50px; color:#FFF; padding:0 0 25px 0; line-height:110%; text-shadow:0px 0px 9px #000000; }
.slider i {font-style:normal; margin-top:30px; box-shadow: 0px 0px 30px -10px #000000; }
.slider img {position:absolute; top:0; left:0; z-index:-1; }
 




@media (max-width: 600px) {

.slider a {height:auto; }
.slider span, .slider h3 {font-size:20px; }
.slider i {margin-top:15px; }
.slider img {height:100%; width:300%; }

}



/*
.slider img.on_ {
 -webkit-transform: scale(1.1);
 -moz-transform: scale(1.1);
 -o-transform: scale(1.1);
}
*/

.slider img {
	-moz-transition: all 9s ease-out;
	-o-transition: all 9s ease-out;
	-webkit-transition: all 9s ease-out;
	
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
 
	animation: showUp 20s;
}




.slider h3 {
position:relative;
animation:showLeft 2s;
z-index:1;
}

.slider span, .slider i {
position:relative;
animation:showRight 2s;
z-index:1;
}



@keyframes showLeft {
	from {left:-100%;}	
	to {left:0;}
}

@keyframes showRight {
	from {right:-100%;}
	to {right:0;}
}

@keyframes showUp {
	from {
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 -o-transform: scale(1);
		}
	to {
 -webkit-transform: scale(1.1);
 -moz-transform: scale(1.1);
 -o-transform: scale(1.1);
		}
}






.products_slider_images_random {height:200px; padding-bottom:30px; overflow:hidden; 
	display:flex; 	
	flex-direction:row; 
	flex-wrap:nowrap;
	justify-content:center; 
	align-items:flex-start;		
	align-content:flex-start;
}
.products_slider_images_random li img {height:200px; }
