/* FASCIA FORMULE VACANZA */
#fascia_formule_vacanza { width: 1080px; margin: 0 auto 100px; position: relative; }
#fascia_formule_vacanza h2 {
	display: block; text-align: center; font-size: 70px; line-height: 87px; margin: 0 0 40px; padding: 0;
}
#fascia_formule_vacanza .formule_container {
	width: 100%; display: grid; grid-template-columns: repeat(3,1fr); column-gap: 60px; row-gap: 0;
}
#fascia_formule_vacanza .formula { text-align: center; }
#fascia_formule_vacanza .formula h3 {
	display: block; font-size: 40px; line-height: 50px; color: #404040; margin: 0; padding: 0;
}
#fascia_formule_vacanza .formula span {
	display: block; font-size: 18px; line-height: 24px; font-weight: 700; color: #34B9C8; margin: 0 0 20px;
}
#fascia_formule_vacanza .formula p { font-size: 16px; line-height: 24px; color: #6C6C6C; }
#fascia_formule_vacanza .formula .carosello { width: 200px; height: 200px; margin: 0 auto 30px; position: relative; }
#fascia_formule_vacanza .formula .carosello .immagine { width: 100%; height: 0; padding-bottom: 100%; }
#fascia_formule_vacanza .formula .carosello .immagine img {
	width: 100%; height: 100%; object-fit: cover; border-radius: 50%;
	position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1;
}
#fascia_formule_vacanza .formula .carosello .owl-prev,
#fascia_formule_vacanza .formula .carosello .owl-next {
	width: 13px; height: 22px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1;
}
#fascia_formule_vacanza .formula .carosello .owl-prev { left: -38px; }
#fascia_formule_vacanza .formula .carosello .owl-next { right: -38px; }
#fascia_formule_vacanza .formula .carosello .owl-prev:hover path,
#fascia_formule_vacanza .formula .carosello .owl-next:hover path { stroke: #997E3D; }
@media screen and (max-width:1120px) {
	#fascia_formule_vacanza { width: auto; margin: 0 20px 100px; }
}
@media screen and (max-width:960px) {
	#fascia_formule_vacanza .formule_container { column-gap: 30px; }
	#fascia_formule_vacanza .formula .carosello { width: 150px; height: 150px; }
}
@media screen and (max-width:767px) {
	#fascia_formule_vacanza { margin: 0 20px 60px; }
	#fascia_formule_vacanza h2 { font-size: 50px; line-height: 62px; }
	#fascia_formule_vacanza .formule_container { display: block; }
	#fascia_formule_vacanza .formula { margin: 0 0 40px; }
	#fascia_formule_vacanza .formula:last-child { margin: 0; }
	#fascia_formule_vacanza .formula .carosello { width: calc( 100% - 80px ); max-width: 480px; height: auto; }
}

/* FASCIA SERVIZI */
#fascia_servizi { width: 960px; margin: 0 auto 100px; position: relative; }
#fascia_servizi h2 {
	display: block; text-align: center; font-size: 70px; line-height: 87px; margin: 0 0 20px; padding: 0;
}
#fascia_servizi .introduzione {
	max-width: 750px; margin: 0 auto 60px; font-size: 18px; line-height: 24px; color: #6C6C6C; text-align: center;
}
#fascia_servizi .introduzione p { font-size: 18px; line-height: 24px; color: #6C6C6C; margin: 0 0 12px; padding: 0; }
#fascia_servizi .introduzione p:last-child { margin: 0; }
#servizi_container {
	width: 100%; display: grid; grid-template-columns: repeat(4,1fr); column-gap: 30px; row-gap: 50px;
}
#servizi_container .servizio { 
	box-sizing: border-box; padding: 0 10px; text-align: center; line-height: 0;
}
#servizi_container .servizio img { margin: 0 auto 15px; width: 109px; height: auto; }
#servizi_container .servizio p {
	display: block; font-weight: 700; font-size: 14px; line-height: 17px; text-align: center;
	color: #404040; margin: 0; padding: 0; text-transform: uppercase;
}
@media screen and (max-width:1000px) {
	#fascia_servizi { width: auto; margin: 0 20px 100px; }
}
@media screen and (max-width:960px) {
	#servizi_container { grid-template-columns: repeat(3,1fr); }
}
@media screen and (max-width:767px) {
	#fascia_servizi { margin: 0 20px 60px; }
	#fascia_servizi h2 { font-size: 50px; line-height: 62px; }
	#fascia_servizi .introduzione { margin: 0 auto 40px; font-size: 16px; }
	#fascia_servizi .introduzione p { font-size: 16px; }
}
@media screen and (max-width:600px) {
	#servizi_container { grid-template-columns: repeat(2,1fr); }
}

/* BOX GRAFICO */
#box_grafico { padding: 0 0 100px; position: relative; overflow: hidden; }
#box_grafico .background {
	position: absolute; top: 69px; left: 0; right: 0; z-index: 0; background: #EBF8FA; height: 470px;
}
#box_grafico .box_grafico_container {
	width: 960px; margin: 0 auto; box-sizing: border-box; padding: 129px 0 0; position: relative;
}
#box_grafico .img_background {
	position: absolute; top: 0; left: 275px; z-index: 0;
}
#box_grafico .contenuto {
	width: 50%; float: right; box-sizing: border-box; padding: 40px; background: #FFF;
	font-size: 16px; line-height: 24px; color: #6C6C6C; position: relative; z-index: 1;
}
#box_grafico .contenuto h2 {
	font-size: 50px; line-height: 62px; margin: 0 0 20px; padding: 0;
}
#box_grafico .contenuto p {
	font-size: 16px; line-height: 24px; color: #6C6C6C; margin: 0; padding: 0;
}
#box_grafico .link { padding: 30px 0 0; }
#box_grafico .link a {
	display: inline-block; font-family: 'Bon Vivant Family Serif'; font-weight: 700;
	font-size: 18px; line-height: 22px; color: #404040; border-radius: 10px;
	box-sizing: border-box; padding: 9px 20px; border: 1px solid #C7A14F;
	background: #FFF; text-decoration: none;
}
#box_grafico .link a:hover, #box_grafico .link a:focus,
#box_grafico .link a:active { text-decoration: none; background: rgba(199,161,79,0.15); }
#box_grafico .immagine {
	width: calc( 50% - 60px ); max-width: 420px; float: left; position: relative; z-index: 1;
	box-sizing: border-box; padding: 10px; background: #FFF;
}
#box_grafico .immagine img { width: 100%; height: auto; }
#box_grafico .contenuto h2,
#box_grafico .contenuto p,
#box_grafico .contenuto .link { opacity: 0; transform: translateX(30px) translateY(30px); }
#box_grafico .contenuto h2.is_visible,
#box_grafico .contenuto p.is_visible,
#box_grafico .contenuto .link.is_visible {
	opacity: 1;
	transform: translateX(0) translateY(0);
	transition: opacity 1s cubic-bezier(0.34, 0.615, 0.4, 0.985), transform 1s cubic-bezier(0.34, 0.615, 0.4, 0.985);
	transition-delay: 200ms;
}
@media screen and (max-width:1000px) {
	#box_grafico .box_grafico_container { width: auto; margin: 0 20px; }
}
@media screen and (max-width:960px) {
	#box_grafico .box_grafico_container { padding: 99px 0 0; }
	#box_grafico .contenuto h2 { font-size: 40px; line-height: 50px; }
	#box_grafico .immagine { width: calc( 50% - 20px ); }
}
@media screen and (max-width:767px) {
	#box_grafico { padding: 0 0 50px; }
	#box_grafico .background { top: 50px; height: 570px; }
	#box_grafico .box_grafico_container { padding: 88px 0 0; }
	#box_grafico .img_background { left: -75px; }
	#box_grafico .contenuto { width: auto; float: none; padding: 20px 20px 40px; margin: 0 0 40px; }
	#box_grafico .link { padding: 26px 0 0; }
	#box_grafico .immagine {
		width: auto; max-width: none; float: none; height: 0; padding: 0 0 87%;
	}
	#box_grafico .immagine img {
		width: calc( 100% - 20px ); height: calc( 100% - 20px );
		position: absolute; top: 10px; bottom: 10px; left: 10px;
		right: 10px; object-fit: cover;
	}
}