@import url('https://fonts.googleapis.com/css2?family=Sedan:ital@0;1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fredericka+the+Great&family=Sedan:ital@0;1&display=swap');


body {
	width: 100%;
	overflow-x: none;
	font-family: "Sedan";
	font-size: 18px;
}
h1, h2 {
	color: #65141b;
	font-family: "Fredericka the Great", serif;
	font-weight: 400;
	font-style: normal;
}



#mainform {
	background: #000;
	background-size: cover !important; 
}
#footer {
	padding: 30px 0;
	text-align: center;
	font-size: 14px;
}
img {
	max-width: 100%;
}

label {
	font-size: 12px;
	color: #444;
	text-transform: uppercase;
	font-weight: 400;
	display: block;
}
.accordion {
	border-bottom: 1px solid #dedede;
}
	.accordion .domanda {
		cursor: pointer;
		padding: 15px;
		margin-bottom: 5px;
		font-size: 22px;
		font-weight: bold;
	}
	.accordion .risposta {
		display: none;
		padding: 15px;
	}
	

.table {
	max-width: 100%;
	box-shadow: 0 15px 15px rgba(0,0,0,.15);
	border: 0 !important;
	margin: 30px 0;
	background: #fff;
	border-radius: 15px !important;
}
	.table th, .table td {
		font-size: 14px;
		padding: 5px 10px !important;
		border: 0 !important;
		border-bottom: 2px solid #ecf0f1 !important;
	}
	.table tr:last-child td {
		border: 0 !important;
	}

.tag {
	color: #000;
	margin-bottom: 5px;
	letter-spacing: 1px;
	display: block;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
}

.section {
	font-size: 20px;
}
.section h2 { 
	font-weight: 700;
	margin: 0;
	margin-bottom: 30px;
	font-size: 30px;
}
.section .btn {
	margin: 60px auto;
	margin-bottom: 0;
}

#mainform {
	
}
	#mainform h1 {
		font-weight: 700;
		font-size: 30px;
	}
	#mainform p {
		font-weight: 700;
		font-size: 20px;
	}
	#mainform p.secondary {
		font-weight: 700;
		font-size: 16px;
	}
	#mainform p.disclaimer {
		display: block;
		margin: 30px 0;
		font-weight: 400;
		font-size: 12px;
	}
	
	#mainform p span {
		background: #f1c40f;
		padding: 0 5px;
	}

.descr {
	font-size: 13px;
	margin-bottom: 15px;
}
.formail {
	border-radius: 15px;
	background: #fff;
	padding: 30px;
	box-shadow: 0 15px 15px rgba(0,0,0,.2);
}
.form-control {
	border: 0;
	margin-bottom: 10px !important;
	background: #f7f7f7;
	border-radius: 5px;
}
.form-control-margin {
	margin-bottom: 5px !important;
}


.icon {
	text-align: center;
	margin: 30px auto;
	margin-bottom: 15px;
	font-size: 80px;
}
.iconize {
	display: block;
	text-align: center;
	padding: 0 30px;
}
.btn {
	transition: all .3s;
	white-space: wrap;
	padding: 15px 30px;
	font-size: 18px;
	font-weight: bold;
}
.btn-success {
	border: 0; 
	background: #62171e !important;
	color: #fff;
}
.or_call {
	display: block;
	margin-top: 15px;
}
	.or_call a {
		text-decoration: none;
		border-bottom: 1px dashed #62171e;
		color: #62171e;
	}
	.section_dark .or_call a {
		border-bottom: 1px dashed #f1c40f;
		color: #f1c40f;
	}
	
	.caption {
		display: block;
		clear: both;
		position: relative;
		color: #111;
		margin-bottom: 30px;
		font-weight: 300;
		text-align: center;
	}
	.caption_author {
		color: #111;
		text-align: center;
		font-weight: 800;
		font-size: 16px;
	}
		.caption_author img {
			border: 1px solid #dedede;
			margin: 5px;
			width: 80px;
			height: 80px;
			border-radius: 50%;
		}
		.caption_author span {
			margin-bottom: 5px;
			color: #2C3E50;
			opacity: .9;
			display: block;
			clear: both;
		}
	.caption:before, .caption:after {
		opacity: .5;
		content: '';
		position: absolute;
		display: block;
	}
	.caption:before {
		content: '\f10d';
		left: 0;
		top: -30px;
		font-weight: 600;
		color: #2C3E50;
		font-size: 20px;
		font-family: "Font Awesome 6 Pro";

	}
	.caption:after {
		bottom: 0;
		right: 0;
		content: '\f10e';
		font-weight: 600;
		color: #2C3E50;
		font-size: 20px;
		font-family: "Font Awesome 6 Pro";

	}
	.parlano_di_noi {
		text-align: center;
		padding: 60px 0;
		color: #111;
		font-size: 17px;
		text-decoration: none;
	}
	.parlano_di_noi .tag {
		color: #000;
		font-size: 14px;
	}
	.parlano_di_noi a {
		color: #111;
		font-size: 17px;
		text-decoration: none;
	}
	.parlano_di_noi img {
		margin: 5px 0;
	}
.lenuslab_copyright {
	color: #dedede;
	font-size: 12px;
	letter-spacing: 1px;
	padding: 5px 0;
	display: block;
}

#logo_odrakos {
  height: 100vh;
  text-align: center;
  position: relative; /* Aggiungiamo position: relative; al genitore */
}

#logo_odrakos img {
  position: absolute;
  width: 90%;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  opacity: 0;
  transition: opacity 1s ease; /* Animazione dell'opacità */
}

#logo_odrakos img.visible {
  opacity: 1; /* Opacità al 100% quando la classe visible viene aggiunta */
}
.section_text {
	padding: 15px 30px;
}


.section_text a {
	position: relative;
	transition: all .3s;
	font-size: 24px;
	text-decoration: none;
	color: #000;
}
.section_text a:hover {
	color: #62171e;
}
.section_text a:after {
	content: '';
	transition: all .3s;
	display: block;
	width: 0;
	height: 1px;
	background: #000;
}
.section_text a:hover:after {
	width: 250px;
}
#domande_faq, #form {
	background: #eee;
}
.bevi_responsabilmente {
	text-align: center;
	padding: 30px 0;
	font-size: 20px;
	text-transform: uppercase;
}

	
	#logo_odrakos {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 66;
		width: 100%;
		height: 100%;
		background: linear-gradient(to bottom, #fffbe0 0%, rgba(255, 251, 224, .7) 50%, #fffbe0 100%);
	}
	
	#read_more {
		color: #62171e;
		position: absolute;
		bottom: 15px;
		left: 0;
		text-align: center;
		font-size: 24px;
		z-index: 77;
		width: 100%;
	}
		#read_more i {
			font-size: 36px;
		}
		#mainform a {
			text-decoration: none !important;
			color: #62171e;
		}
	#mainform {
		padding: 0 !important;
		height: 100vh;
	}
	#mainform .video {
		background: #000;
		position: relative;
		float: left;
		width: 100%;
		height: 100vh;
	}
	#mainform .video video {
		background: #000;
		position: absolute;
		top: 0;
		z-index: 33;
		left: 0;
		width: 100%;
		height: 100%;
	}
	#mainform .video {
		display: none;
	}
	#mainform .video.video_0 {
		display: block;
	}
	.section_text {
		font-size: 26px; 
		padding: 50px 15px;
	}
	.section_padded {
		padding: 60px 0 !important; 
	}
	
	
@media(min-width: 768px){
	
	#mainform .video {
		display: block;
		width: 25%; 
	}
	
	#logo_odrakos img {
	  width: 45%;
	}
	
	.section_text {
		margin: 35px;
		font-size: 26px; 
		padding: 50px 120px 50px 50px;
	}
	.section_text h2 {
		font-size: 48px;
	}
	.section {
		clear: both;
		display: block;
	}
	
	.section:after {
		content: '';
		clear: both;
		display: block;
	}
	.colonna {
		float: left;
	}
	.colonna_testo {
		width: 50%;
	}
	.colonna_immagine {
		background-size: cover !important;
		background: #000;
		width: 50%;
	}
	.colonna_immagine img {
		width: 100%;
		height: auto;
	}
	
	.section_odd .section_text {
		float: right; 
	}
	.section_odd .colonna_testo {
		float: left;
	}
	.section_odd .colonna_immagine {
		float: right;
	}
	
		

	
	

	.parlano_di_noi {
		margin: 0 auto;
		padding: 60px 240px;
	}
	
	.table th, .table td {
		font-size: 17px;
		padding: 15px 30px !important;
	}
	.btn {
		font-size: 24px;
	}
	
	#mainform h1 {
		font-size: 48px;
	}
	#mainform p {
		font-size: 24px;
	}
	#mainform p.secondary {
		font-size: 20px;
	}
	#mainform p.disclaimer {
		font-size: 14px;
	}
		
	.section h2 { 
		font-size: 48px;
	}
	.container {
		width: 1280px;
	}


	.table {
		width: 60%;
		margin: 30px auto;
	}
	
	.allineamento_centrale {
		padding-right: 10%;
	}
}