@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=Italiana&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');*/
/*layout*/
:root{
	--basefont:"Urbanist", sans-serif;
	--fontSize:"13px";
}
body{
	font-family: var(--basefont)!important;
	font-optical-sizing: auto;
	font-style: normal;
	font-size:var(--fontSize);
	color:#333333;
	overflow-x:hidden;
	overscroll-behavior: none;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	
	
}
html {
	overflow-y: scroll;
	height: 100%;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	scroll-behavior: smooth!important;
}
.orange{color:#f16725!important;}
.info{border:0px; background:rgba(255,255,255,0.3); width:100%; color:#fff;}
.info:focus{background:rgba(255,255,255,0.8); width:100%; color:#000}

#smooth-wrapper {
    overflow: hidden;
}
#smooth-content {
    will-change: transform;
}
/*menu*/
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
.navbar {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	color: white;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1rem 2rem;
	z-index: 1000;
	max-width: 78%;
	margin: 0 auto;
	
}
.logo {
	font-size: 1.5rem;
}
.nav-links {
	display: flex;
	gap: 1rem;
	transition: all 0.3s ease-in-out;
}
.nav-links a {
	color: white;
	text-decoration: none;
	font-size: 1rem;
	position: relative;
	text-transform:uppercase;
	font-weight:bold;
	
}
.nav-links a::after {
	content: "";
	position: absolute;
	width: 0%;
	height: 2px;
	bottom: -4px;
	left: 0;
	background-color: #f16725;
	transition: width 0.3s ease-in-out;
}
.nav-links a:hover::after {
	width: 100%;
}
.hamburger {
	display: none;
	flex-direction: column;
	gap: 5px;
	cursor: pointer;
	background: none;
	border: none;
}
.hamburger span {
	width: 25px;
	height: 3px;
	background-color: white;
	transition: all 0.4s ease;
	border-radius: 2px;
}
/* --- Hamburger Animation --- */
.hamburger.active span:nth-child(1) {
	transform: rotate(45deg) translate(5px, 5px);
}
.hamburger.active span:nth-child(2) {
	opacity: 0;
}
.hamburger.active span:nth-child(3) {
	transform: rotate(-45deg) translate(5px, -5px);
}
/* --- Responsive --- */
@media (max-width: 1380px) {
	.navbar {
		max-width: 100%;
		border-radius: 0;
		padding: 10px;
		
	}
	.hamburger {
		display: flex;
	}
	.nav-links {
		transform-origin: top;
		transform: scaleY(0);
		transition: transform 0.3s ease-in-out;
		overflow: hidden;
		position: absolute;
		top: 100%;
		right: 0;
		background: rgba(0, 0, 0, 0.3);
		box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
		backdrop-filter: blur(7.3px);
		-webkit-backdrop-filter: blur(7.3px);
		width: 100%;
		flex-direction: column;
		align-items: center;
		
		
	}
	.nav-links.active {
		transform: scaleY(1);
		min-height:100vh;
		display:flex;
		align-items: center;  justify-content: center; flex-wrap:wrap;
		
	}
	.nav-links a {
		padding: 15px;
	}
}
@charset "utf-8";
/* CSS Document */
/*layout*/
.bianco{color:#fff;}
.nero{color:#000;}
.centra{text-align:center;}
.sx{text-align:left;}
.dx{text-align:right;}
.space{padding:20px;}
.space_intro{padding:30px;}
.maiusc{text-transform:uppercase;}
.mobile{display:block;}
.desktop{display:none;}
.bg_white{background:#fff;}
.bg_black{background:#000;}
.bg_gray{background:#eee;}
.bg_tg{background:#004444; background: linear-gradient(135deg,  #003836 32%, #009d9e 78%);}
/*.link_a{color:#fff!important;background: linear-gradient(135deg,  #f16725 32%, #ff9326 78%); text-transform:uppercase; font-weight:bold;}*/
.link_a{color:#fff!important;background: linear-gradient(135deg,  #003836 32%, #009d9e 78%); text-transform:uppercase; font-weight:bold;}
label{text-transform:uppercase; font-weight:bold;}
.logo_txt{font-size:2vmax; font-weight:600; color:#00ffff;}
.txt_tg{color:#00ffff;}
.txt_tg{color:#f16725;}
.intro_txt{width:100%; max-width:800px!important; line-height:1.1!important;}
.h1_home{font-size:13.5px; text-align:center; width:100%; color::#00ffff; position:absolute; top:90vh; left:0;z-index:9999999!important;  }
.font300{font-weight:300;}
.txt{font-size:18px!important; line-height:1.4;}
/*basic animation */
@keyframes anim_fade_in{
	0%{opacity:0}
	100%{opacity:1}
}
.fade_in{animation: anim_fade_in 1s forwards;}
.error{display:block; width:100%; text-align:center; background:#ff7373; }
h1{margin:0px; padding:0px; line-height:100%;}
h2{margin:0px; padding:0px; line-height:100%;}
h3{margin:0px; padding:0px; line-height:100%;}
h4{margin:0px; padding:0px; line-height:100%;}
h5{margin:0px; padding:0px; line-height:100%;}
h6{margin:0px; padding:0px; line-height:100%;}
div{box-sizing:border-box!important; -moz-box-sizing:border-box!important; -webkit-box-sizing:border-box!important;}
.flexi{display:flex !important;  align-items: center;  justify-content: center; flex-wrap:wrap;}
.flexi_sx{ align-items: center; justify-content: flex-start;}
.flexi_dx{ align-items: center; justify-content: flex-end;}
.flexi_c{  align-items: center; justify-content: center;}
.box_contenuto{display:block;   width:100%;}
.blocco{display:block;}
.margin_auto{margin:0px auto;}
.clear{clear:both;}
.bordo_w{border:1px solid white;}
.bordo{border:1px solid black;}
.bordo_tg{border:2px solid #00ffff;}
.link_a{display:block; text-decoration:none; width:280px; transition:.5s; opacity:1; color:inherit;  filter:drop-shadow(1px 1px 30px #000);}
.link_a:hover{opacity:.5;}
.p10{padding:10px;}
.p20{padding:20px;}
.p30{padding:30px;}
p{display:block; margin:20px 0px;}
	.giustifica{ font-size:16px;text-align: justify;  hyphens: auto;  word-spacing: -0.05em;  letter-spacing: 0.5px;  line-height: 1.6;   text-justify: inter-word; }
@media (orientation: landscape) {
	.wrap_contenitore{width:75%; max-width:1480px;}
	h1{ font-size:4vw; }
	h2{ font-size:3vw; margin-top:5vh}
	h3{ font-size:2.5vw; font-weight:bold!important; margin:40px 0px;}
	.h4_box{height:80px;}
	.box_duo{max-width:70%!important; width:100%;}
	.sub_title{font-size:1.5vw; }
	.pro_pic{max-width:650px!important}
	.mobile{display:none;}
	.desktop{display:block;}
	.hmin30{min-height:30vh!important;}
	.hmin40{min-height:40vh!important;}
	.hmin50{min-height:50vh!important;}
	.hmin60{min-height:60vh!important;}
	.hmin70{min-height:70vh!important;}
	.hmin80{min-height:80vh!important;}
	.hmin90{min-height:90vh!important;}
	.hmin100{min-height:100vh!important;}
	.hmin130{min-height:130vh!important;}
	.hmin_box{min-height:100vh;}
	h4{font-size:30px; margin-bottom:30px; }
}
@media (orientation: portrait) {
.list_box,.sub_title{ display:block; margin:auto; width:90%; max-width:350px; font-size:15px;}
	.wrap_contenitore{width:90%; text-align:justify;  font-size:16px;text-align: justify;
  hyphens: auto; /* Attiva la sillabazione */
  word-spacing: -0.05em; /* Leggero spazio negativo tra le parole */
  letter-spacing: 0.5px; /* Aumenta leggermente lo spazio tra le lettere */
  line-height: 1.6; /* Altezza della riga per migliorare la leggibilità */
  text-justify: inter-word; /* Giustifica solo tra le parole */}
	.logo_txt{font-size:3vmax; font-weight:600; color:#00ffff;}
	.pic_pro{max-width:300px; display:block; margin:20px auto; }
	.link_a{display:block; margin:auto; text-decoration:none; width:100%; max-width:300px; font-size:13px; transition:.5s; opacity:1; color:inherit;  filter:drop-shadow(1px 1px 30px #000);}
.link_a:hover{opacity:.5;}
	h1{ font-size:5.5vh; margin-top:10vh; margin-bottom:40px; font-weight:bold!important; display:block; margin:auto; text-align:center;}
	h2{ font-size:4.5vh; margin-top:10vh; margin-bottom:40px; font-weight:bold!important;}
	h3{ font-size:3.5vmax; font-weight:bold!important; margin:40px 0px;}
	h4{ font-size:3vmax; font-weight:bold!important; margin:40px 0px;}
	.sub_title{font-size:15px; }
	.intro_txt ul li{font-size:12px;}
	.pro_pic{max-width:60%!important; margin-top:-15vh;}
	.mobile{display:block;}
	.desktop{display:desktop;}
	.hmin30{min-height:20vh!important;}
	.hmin40{min-height:20vh!important;}
	.hmin50{min-height:50vh!important;}
	.hmin60{min-height:40vh!important;}
	.hmin70{min-height:50vh!important;}
	.hmin80{min-height:60vh!important;}
	.hmin90{min-height:60vh!important;}
	.hmin100{min-height:100vh!important;}
	.hmin130{min-height:100vh!important;}
	.hmin_box,.box_video{min-height:130vh;}
	
	.hmin_mobile{min-height:auto!important; padding:20px;}
}




ul{list-style-type:square}
.box_video {
	position: relative;
	width: 100%;
	height:100vh; /* altezza della sezione */
	overflow: hidden;
}
.box_contenuto {
	position: relative;
	width: 100%;
	height:100vh; /* altezza della sezione */
	overflow: hidden;
}
.box_video video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -1;
}
.contenuto_video {
	position: relative;
	z-index: 1;
	color: white;
	text-align: center;
	font-size: 2em;
}



.accordion {
	/*border: .5px solid #ccc;*/
	
	margin-bottom: 20px;
}

.accordion-item + .accordion-item {
	border-top: .5px solid #ccc;
}
.bg_glass{
	background: rgba(255, 255, 255, 0.16);
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(7.3px);
	-webkit-backdrop-filter: blur(7.3px);
	
}
.arrow_box{
	clip-path: polygon(0 0, 100% 0, 100% 10%, 50% 30%, 0 10%);
	background:#000;
}
.accordion-header {
	
	background: rgba(255, 255, 255, 0.16);
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(7.3px);
	-webkit-backdrop-filter: blur(7.3px);
	padding: 15px;
	width: 100%;
	text-align: left;
	border: none;
	outline: none;
	font-size: 1rem;
	cursor: pointer;
	
}


.accordion-content {
	overflow: hidden;
	height: 0;
	padding: 0 15px;
	transition: height 0.8s ease;
}

.lista li{padding:5px; text-transform:uppercase; list-style-type:none; font-size:16px;}



.credits-wrap{display:block; height:40vh; width:100%; overflow:hidden!important; text-align:center; font-size:2vmax;}