/*
    slide.css
    m.buranimoto.it | 27/01/2020 | CSS
    (c) Copyright 2020 web-communication.eu
*/


.swiper-container {
	width: 					100%;
	height: 				50vh;
	min-height:				350px;
	margin: 				0 auto;
	margin-top:				80px;
	cursor: 				pointer;
	background-color: 		#000000;
}


 .swiper-slide {
	background-position: 		center;
	-webkit-background-size:	cover;
	-moz-background-size: 		cover;
	-o-background-size: 		cover;
	background-size: 			cover;
}
	
	
	


.slide-0 {
	background-image: url('images/slider/foto 13.jpg');
}	
	
.slide-1 {
	background-image: url('images/slider/foto 11.jpg');
}

.slide-2 {
	background-image: url('images/slider/foto 14.jpg');
}

.slide-3 {
	background-image: url('images/slider/foto 10.jpg'); 
}

.slide-4 {
	background-image: url('images/slider/foto 2.jpg'); 
}
.slide-5 {
	background-image: url('images/slider/foto 3.jpg'); 
}

.slide-6 {
	background-image: url('images/slider/foto 9.jpg'); 
}

.slide-8 {
	background-image: url('images/slider/foto 19.jpg'); 
}


/* slide */

.fading {
	position:						absolute;
	bottom:							0;
	left:							0;
	width:							100%;
	height:							150px;
	
	/* webkit example */
	background-image: -webkit-gradient(
	linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.8))
	);

	/* mozilla example - FF3.6+ */
	background-image: -moz-linear-gradient(
	  rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 95%
	);
}


 
#slide  .content-top  {
	position:						absolute;
	bottom: 						35%;
	left:							2%;
	display:						block; 
}


#slide .content-mid { 
    position:						absolute;
    bottom: 						220px;
	width:							100%;
	text-align:						center;
}


#slide .content-button { 
    position:						absolute;
    bottom: 						150px;
	width:							100%;
	text-align:						center;
}


#slide  .content-bottom  {
	position:						absolute;
	bottom: 						15%;
	left:							2%;
	display:						block; 
}




#slide .style {
	font-family: 					Verdana, sans-serif;
	font-weight: 					bold;
	font-size: 						5vw;/*68px;*/
	letter-spacing: 				0.075em;
	color:							#FFFFFF;
}

#slide .style-1 {
	font-family: 					Verdana, sans-serif;
	font-weight: 					bold;
	font-size: 						5vw;/*68px;*/
	letter-spacing: 				0.075em;
	color:							#FFFFFF;
}

#slide .style-black {
	font-family: 					Verdana, sans-serif;
	font-weight: 					bold;
	font-size: 						5vw;/*68px;*/
	letter-spacing: 				0.075em;
	color:							#333333;
}	

	
		
#slide sup {font-size: 12px;}		
		
		





#slide .infobutton {
	font-family:      			Arial, sans-serif;
	font-size:        			18px;
	color:						#ffffff; 
	padding: 					8px 15px;
	text-decoration: 			none;
	
	border: 					3px solid #fff;
	-moz-border-radius: 		10px;
	-webkit-border-radius: 		10px;
	border-radius: 				10px;
	
		/*standard*/
		/*transition-duration: .3s;*/

		/*Safari e Chrome */
		/*-webkit-transition-duration: .3s;*/
			
		/*Opera*/
		/*-o-transition-duration: .3s;*/
			
		/*Firefox*/
		/*-moz-transition-duration: .3s;*/
 }
 
 
 
#slide .infobutton:hover{
	background-color: 			#FFFFFF;
	color:            			#000000;
}


#slide .infobutton-black {
	font-family:      			Arial, sans-serif;
	font-size:        			18px;
	color:						#333333; 
	padding: 					8px 15px;
	text-decoration: 			none;
	
	border: 					3px solid #333333;
	-moz-border-radius: 		10px;
	-webkit-border-radius: 		10px;
	border-radius: 				10px;
	
		/*standard*/
		/*transition-duration: .3s;*/

		/*Safari e Chrome */
		/*-webkit-transition-duration: .3s;*/
			
		/*Opera*/
		/*-o-transition-duration: .3s;*/
			
		/*Firefox*/
		/*-moz-transition-duration: .3s;*/
 }
 
 
 
#slide .infobutton-black:hover{
	background-color: 			#333333;
	color:            			#ffffff;
}




		
/* responsive */		

@media only screen and (max-width: 480px) {
	/*
	#slide .style {
		font-size: 						24px;
	}	
	
	#slide .style-1 {
		font-size: 						22px;
	}	
	*/
	#slide .content-mid { 
		bottom: 						90px;
	}
	
	#slide .content-button { 
		bottom: 						50px;
	}
	
	#slide .infobutton {
		font-size:        			14px;
		padding: 					8px 15px;
		text-decoration: 			none;
		border: 					2px solid #fff;
		-moz-border-radius: 		8px;
		-webkit-border-radius: 		8px;
		border-radius: 				8px;
	}
	
	#slide .infobutton-black {
		font-size:        			14px;
		padding: 					8px 15px;
		text-decoration: 			none;
		border: 					2px solid #333333;
		-moz-border-radius: 		8px;
		-webkit-border-radius: 		8px;
		border-radius: 				8px;
	}

}


@media only screen and (min-width: 481px) and (max-width: 620px) {
	/*
	#slide .style {
		font-size: 						28px;
	}	
	
	#slide .style-1 {
		font-size: 						24px;
	}	
	*/
	#slide .content-mid { 
		bottom: 						110px;
	}
	
	#slide .content-button { 
		bottom: 						60px;
	}
	
	#slide .infobutton {
		font-size:        			16px;
		padding: 					8px 15px;
		text-decoration: 			none;
		border: 					2px solid #fff;
		-moz-border-radius: 		8px;
		-webkit-border-radius: 		8px;
		border-radius: 				8px;
	}
	
	#slide .infobutton-black {
		font-size:        			16px;
		padding: 					8px 15px;
		text-decoration: 			none;
		border: 					2px solid #333333;
		-moz-border-radius: 		8px;
		-webkit-border-radius: 		8px;
		border-radius: 				8px;
	}

}

@media only screen and (min-width: 621px) and (max-width: 860px) {
	/*
	#slide .style {
		font-size: 						34px;
	}	
	
	#slide .style-1 {
		font-size: 						34px;
	}	
	*/
	#slide .content-mid { 
		bottom: 						130px;
	}
	
	#slide .content-button { 
		bottom: 						80px;
	}
	
	#slide .infobutton {
		font-size:        			16px;
		padding: 					8px 15px;
		text-decoration: 			none;
		border: 					2px solid #fff;
		-moz-border-radius: 		8px;
		-webkit-border-radius: 		8px;
		border-radius: 				8px;
	}
	
	#slide .infobutton-black {
		font-size:        			16px;
		padding: 					8px 15px;
		text-decoration: 			none;
		border: 					2px solid #333333;
		-moz-border-radius: 		8px;
		-webkit-border-radius: 		8px;
		border-radius: 				8px;
	}

}
/*
@media only screen and (min-width: 1300px) {
	
	.swiper-container {
		height: 				80vh;
	}
	
}
*/

@media only screen and (min-width: 1921px) {
	
	.swiper-container {
	    width: 						1920px;
	}
	
}