.slider-wrap { max-height: 500px; }
.slider { }
.wrap-container { position: relative }
.crsl-item { position: relative; width: 970px; }
.itemClassActive { color: #E42322; }
/* CAPTION */

.caption { position: absolute; top: 45px; left: 90px; padding: 0px; min-width: 100%; width: 480px; height: 100px; color: #fff; background-color: transparent; opacity: 1; filter: alpha(opacity=100); z-index: 9; /*display:none;*/
}
.caption-text1 { font-size: 100%; font-weight: 400; font-size: 20px; line-height: normal !important; color: #fff; margin-bottom: 8px; }
.caption-text2 { width: 300px; font-size: 14px; line-height: 18px; font-weight: 400; color: #fff; }
/* PAYOFF */

.payoff { position: relative; margin-top: 34px; color: #666666; height: 90px; padding: 0 20px; }
.payoff-text1 { font-size: 100%; font-weight: 400; font-size: 20px; line-height: normal !important; color: #666666; margin-bottom: 10px; }
.payoff-text2 { font-size: 14px; line-height: 22px; font-weight: 400; color: #666666; }
/* NAVIGATION */


#nav-SliderTop { width: 100%; height: 50px; position: absolute; margin-top:14%; left: 0; z-index: 999; }
#nav-SliderTop .previous, #nav-SliderTop .next { height: 45px; width: 45px; padding: 0; cursor: pointer; color: #FFFFFF; text-align: center; opacity: 0.5; filter: alpha(opacity=50); }
#nav-SliderTop .previous i, #nav-SliderTop .next i { font-size: 40px; font-weight: bold; }
#nav-SliderTop .previous:hover, #nav-SliderTop .next:hover { color: #E42322; opacity: 0.5; filter: alpha(opacity=50); }
#nav-SliderTop .previous { float: left; margin-left: 10px; }
#nav-SliderTop .previous:hover { }
#nav-SliderTop .next { float: right; margin-right: 10px; }
#nav-SliderTop .next:hover { }
/* DOTS */


.caption-dots-box { position: absolute !important; bottom: 5px; left: 85px; width: 100%; height: 20px; z-index: 9; }
#caption-dots { position: relative; /*float:left;*/
margin: 0px auto; height: 20px; display: block; text-align: left; }
#caption-dots a { display: inline-block; position: relative; width: 28px; height: 3px; background-color: #fff; color: #fff; margin: 0 3px; padding: 0; cursor: default; text-decoration: none; }
/*#caption-dots a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	background-color:#E42322;
}*/
#caption-dots a.active { background-color: #E42322; }
.areasensibileBottom { height: 10px; width: 100%; }

/* RESPONSIVE MOBILE UNDER 768px WIDTH*/
@media screen and (max-width: 768px) {
.caption-dots-box { display: none; }
.payoff { height: auto !important; }
}

/* RESPONSIVE MOBILE UNDER 700px WIDTH*/
@media screen and (max-width: 480px) {
.slider-wrap { /*height:390px !important;*/
}
#slidergall, .wrap-container { min-height: 200px !important; }
.caption { position: relative !important; top: inherit !important; left: inherit !important; width: 100% !important; height: auto !important; padding: 10px 20px; background-color: #ccc; }
.caption-text1 { margin-bottom: 1px; }
.caption-text2 { max-width: 180px; }
.caption-text2 { max-width: 100% !important; }
.payoff { margin-top: 20px; height: auto !important; padding: 0 20px; margin-bottom: 20px; }
.payoff-text1 { font-size: 16px; }
.payoff-text2 { font-size: 14px; line-height: 22px; }
.caption-dots-box { display: none; }
#nav-SliderTop { bottom: 62%; }
#nav-SliderTop .previous i, #nav-SliderTop .next i { font-size: 20px; font-weight: bold; }
}

/* RESPONSIVE MOBILE UNDER 700px WIDTH*/
@media screen and (max-width: 320px) {
.slider-wrap { /*height:390px !important;*/
}
.caption { position: relative !important; top: inherit !important; left: inherit !important; width: 100%; height: auto !important; padding: 10px 20px; }
.caption-text1 { margin-bottom: 1px; }
.caption-text2 { max-width: 180px; }
.caption-text2 { max-width: 100% !important; }
.payoff { margin-top: 20px; height: auto !important; padding: 0 20px; margin-bottom: 20px; }
.payoff-text1 { font-size: 16px; }
.payoff-text2 { font-size: 14px; line-height: 22px; }
.caption-dots-box { display: none; }
}
