@charset "utf-8";
/* CSS Document */

/* IMMAGINI BACKGROUND DEI LI*/
.unslider 		{ width:100%; margin-bottom:20px;  }
.unslider ul 	{ margin:0px; padding:0px;  }
.unslider ul li { height:800px; overflow:hidden; }   
.unslider img 	{ width:100%; height:auto;  }   

.box_payoff 	{ position:absolute; z-index:10; left:5%; top:45%;  }
.box_payoff p   { color:#fff; margin:0px; padding:0px; text-shadow:0px 1px 1px #666; text-transform:uppercase; text-align:center; font-family:'bd_cn';}
.box_payoff span   	{ display:block; font-style:italic;  }
.box_payoff span:first-of-type   	{ font-size:72px; line-height:60px;  }
.box_payoff span:nth-of-type(2)    	{ font-size:40px; line-height:30px;  }
.box_payoff span:nth-of-type(3)   	{ font-size:58px; line-height:50px;  }

.unslider .dots 		{ margin:0px; padding:0px; position:absolute; bottom:15px; left:0px; width:100%; text-align:center; list-style:none; }
.unslider .dots li 		{ display:inline-block; margin:0px 5px; width:15px; height:15px; background:#fff; text-indent:-9999px; opacity:.5; cursor:pointer; }
.unslider .dots .active	{ opacity:1; box-shadow: 0 1px 2px rgba(0,0,0,.3); }

.unslider .unslider-arrow { position:absolute; top:50%; z-index:100; margin-top:-20px; width:50px; height:50px; transition:all .25s ease-in-out; color:#979ea6; font-size:40px; line-height:55px; text-align:center;  }
.unslider .unslider-arrow.next 	{ right:1%; }
.unslider .unslider-arrow.prev 	{ left:1%; }
.unslider .unslider-arrow:hover { color:#fff; }

@media all and (max-width: 1599px) {
	.unslider ul li { height:700px; }   
	.box_payoff 	{ top:40%;  }
}
@media all and (max-width: 1399px) {
	.unslider ul li { height:600px; }   
}
@media all and (max-width: 1199px) {
	.unslider ul li { height:500px; }   
}
@media all and (max-width: 999px) {
	.unslider ul li { height:400px; }
	.box_payoff span:first-of-type   	{ font-size:60px; line-height:40px; }
	.box_payoff span:nth-of-type(2)    	{ font-size:33px; line-height:30px; }
	.box_payoff span:nth-of-type(3)   	{ font-size:50px; line-height:35px; }
   
}
@media all and (max-width: 799px) {
	.unslider ul li { height:300px; }
	.box_payoff 	{ display:none; }
	.unslider .dots { bottom:10px; }
}

@media all and (max-width: 599px) {
	.unslider ul li { height:200px; }
}
@media all and (max-width: 499px) {
	.div_slide span h2	{ font-size:24px; } 
}
@media all and (max-width: 399px) {
	.div_slide span h2	{ font-size:20px; } 
}
@media all and (max-width: 320px) {
	.div_slide span h2	{ display:none; } 
}