body { margin:0px; background-color:#fff; height:100% }
html { height:100% }
form { margin:0px }
body > form { height:100% }
img { margin:0px; border-style:none }
button { margin:0px; border-style:none; padding:0px; background-color:transparent; vertical-align:top }
table { empty-cells:hide }
td { padding:0px }
.f-sp { font-size:1px; visibility:hidden }
.f-lp { margin-bottom:0px }
.f-fp { margin-top:0px }
#h-slider { top:111px !important; margin-bottom:100px }
#h-slider-slogan { position:relative; height:100% }
.carousel-fade .carousel-inner .item { transition-property:opacity; -webkit-transition-property:opacity }
.carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { opacity:0 }
.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity:1 }
.carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); left:0 }
.carousel-fade .carousel-control { z-index:2 }
.carousel-control { color:#e9ecef; top:inherit; height:30px; left:inherit; opacity:1; text-shadow:inherit }
.carousel-control.left { right:60%; background-image:inherit }
.carousel-control.right { left:60%; background-image:inherit }
.slider-indicator { width:50px !important; height:4px !important; margin:0; border-radius:inherit !important }
.carousel-indicators { bottom:60px !important }
.carousel-item { height:calc(100vw * 0.35); opacity:0.8; aspect-ratio:1/0.35; width:100% }
.carousel-foto { background-size:cover; height:100%; width:100%; filter:grayscale(0%); background-repeat:no-repeat; background-position:top; position:absolute }
.carousel-controls { position:absolute; bottom:20px; height:30px; left:50%; transform:translateX(-50%) }
.carousel-controls-inner { width:20%; position:absolute }
.h-slider-content { height:100%; position:absolute; left:50%; transform:translateX(-50%); width:80% }
.h-slider-slogan { position:relative; width:calc(100vw * 0.5); left:0; top:calc(100vw * 0.08) }
.h-inciso { color:#e9ecef; font-family:'Zalando Sans SemiExpanded', sans-serif; font-size:14px; text-transform:uppercase; font-variant:normal; letter-spacing:normal; line-height:1; white-space:nowrap; font-weight:600; padding:0 0 30px 0; z-index:100; transition:all 0.4s ease 0.3s; float:left; position:relative }
h1.headline { color:#fff; font-family:'Zalando Sans SemiExpanded', sans-serif; letter-spacing:-0.04em; line-height:0.8; margin-bottom:25px; font-weight:600; padding:0; clear:left; font-size:calc(100vw * 0.045); position:relative; z-index:100; margin-top:0 }
h1:first-child { margin-top:0px }
.h-descrizione { color:#495057; font-family:'Zalando Sans SemiExpanded', sans-serif; font-size:18px; line-height:1; position:relative; z-index:100; margin-bottom:25px; width:60%; padding:15px; border:1px solid #DEE2E6; background-color:rgba(255,255,255,0.8); border-radius:10px 20px }
.h-slogan-readmore { color:#e9ecef; font-size:14px; text-transform:uppercase; font-variant:normal; padding:20px 0 0 0; font-weight:600 }
.item { background-position:center; background-size:cover }
.slider-titolo { color:#fff; font-family:'Zalando Sans SemiExpanded', sans-serif; font-size:46px; letter-spacing:-0.05em; line-height:1; white-space:nowrap; font-weight:lighter; padding:20px 30px 30px 30px; height:auto; border-bottom:1px solid #FFF; z-index:9998; opacity:1; transition:all 0.4s ease 0.3s; background-color:rgba(0,0,0,0.5); float:left }
.slider-titolo::before { background-color:#e5302d; margin-right:0px; width:auto; height:10px; display:block; top:-30px; position:relative; left:-300px; transition:all 0.4s ease 0.3s; transform:translateX(300px); content:"" }
.slogan-up { position:absolute; bottom:300px }
.carousel-fade .carousel-inner .item .slogan-up { opacity:0; bottom:0; position:absolute; visibility:hidden }
.carousel-fade .carousel-inner .item.active .slogan-up { visibility:visible; transition:1s all ease-in-out 1.5s; -webkit-transition:1s all ease-in-out 1.5s; -moz-transition:1s all ease-in-out 1.5s; animation-name:sloganup; -webkit-animation-name:sloganup; position:absolute; opacity:1; bottom:200px }
.onda-blu { width:100%; position:absolute; z-index:9999; height:100px; bottom:0 }
.bollorosso::before { background-color:rgba(229,48,45,0.8); height:calc(100vw * 0.23); border-radius:50%; position:absolute; content:""; display:block; top:calc(100vw * -0.05); left:calc(100vw * -0.05); z-index:50; width:calc(100vw * 0.23); animation:bollorosso 2s ease 0s 10 normal backwards }
#PageDiv { position:relative; min-height:100% }
#tmplt { position:absolute; left:20px; top:10px; width:868px; z-index:1; background-color:#ced4da }
@media screen and (max-width:768px)
{
	#h-slider { top:68px !important; margin-bottom:60px }
	.carousel-control { bottom:30px !important; opacity:.6; width:10% !important }
	.carousel-control.left { right:55% }
	.carousel-control.right { left:55% }
	.carousel-item { height:350px }
	.carousel-foto { background-position:center }
	.h-slider-content { left:0; transform:none; padding:0; margin:0; width:85% }
	.h-slider-slogan { left:0; width:100%; padding:0 0 0 30px; top:12% }
	.h-inciso { font-size:16px; letter-spacing:-0.02em; font-weight:400; padding:0 0 20px 0; white-space:unset }
	h1.headline { font-size:34px; letter-spacing:-0.03em; text-shadow:0em 0em 4px rgba(0,0,0,0.75) }
	.h-descrizione { font-size:16px; width:100%; padding:10px }
	.h-slogan-readmore { font-size:15px; padding:0 }
	.onda-blu { height:50px }
	.bollorosso::before { height:calc(100vw * 0.5); width:calc(100vw * 0.5) }
}
@keyframes bollorosso {
	0% {
		transform: scale(1);
				opacity: 70%;
	}

	50% {
		transform: scale(1.1);
				opacity: 100%;
	}

	100% {
		transform: scale(1);
				opacity: 70%;
	}
}