@charset "utf-8";
/* CSS Document */


@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@300;400;600;700&display=swap" rel="stylesheet');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");



@media (max-width: 900px) {
	#sottolista span {

	left: 40% !important;

}
	.sottoheader {

	font: 100 italic 2.1em archivo !important;

}
	#testo {

	column-count: 1 !important;

}
	#sopralista {

	padding: 30px 20px !important;
	font: 100 italic 1.8em archivo !important;

}
#sottolista {
	padding: 20% 5% 7% !important;
	font: 100 italic 1.6em archivo !important;
}
	header img {
	max-width: 200px !important;

}
.rjc img {
	margin: 5px auto !important;
	max-width: 98% !important;
}
	.anno {
	column-count: 1 !important;

}
	#anno span {

	letter-spacing: 0 !important;

}
	.due img {

	width: 250px !important;
}
		#anno span::after {

	width: 30px !important;
	right: -20% !important;
}
#anno span::before {
	width: 30px !important;
	left: -20% !important;
}
	.due {
	margin: 30px auto !important;
}
	.uno {
	text-align: center !important;
	width: 300px !important
}
	.soprafooter {
	margin: 50px 0 0 !important;

}
}











#testo1 a {
	color: #333;
}
.anno a {
	display: table;
}


.anno a:hover {
	transform: translate(10px, 0px);
	transition: all 300ms ease-in-out 0s;
}

.uno li {
	font: 1.2em archivo;
	line-height: 1.4em;
}
#anno span{
  position: relative;
  max-width: 500px;
  margin: 100px auto;
  text-align: center;
}
.soprafooter img {
	max-width: 35px;
	margin: 0 0 -10px 0;
	display: inline-table;
}
#anno span::after {
	content: " ";
	height: 1px;
	width: 130px;
	background: #fff;
	display: block;
	position: absolute;
	top: 50%;
	right: -35%;
}
#anno span::before {
	content: " ";
	height: 1px;
	width: 130px;
	background: #fff;
	display: block;
	position: absolute;
	top: 50%;
	left: -35%;
}


body {
	font-family: 'Archivo', sans-serif;
	color: #565555;
	max-width: 1600px;
	margin: 0 auto;
	border: 1px solid #ccc;
}
header img {
	max-width: 250px;
	margin: 0 auto;
	text-align: center;
	display: table;
	padding: 20px;
}
header {
	background: #3b3b3b;
}
.lista {
	padding: 6% 9%;
	list-style: none;
	position: relative;
}
.lista li {
	padding: 0 0 30px 20px;
	position: relative;
}

.lista li::after {
	content: '';
	width: 8px;
	height: 8px;
	border: 2px solid #c4a249;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 8px;
}
#lista {
	background: #3b3b3b;
	color: #fff;
	font: 100 1.4em archivo;
	line-height: 1.4em;
}
#sottolista {
	background: #e8e8e8;
	padding: 6% 20% 7%;
	font: 100 italic 2.4em archivo;
	color: #565555;
	text-align: center;
	line-height: 1.3em;
	border: 1px solid #cccccc; position: relative;
}

#sottolista strong {
	font: 700 italic 1.0em archivo;
	letter-spacing: -1px;
}
#lista img {
	max-width: 15px;
}
.rjc {
	text-align: center;
	margin: 50px auto;
}
.rjc img {
	margin: 0 20px;
	max-width: 400px;
}

.privacy {
	background: #dedede;
	padding: 10px;
	text-align: center;
	font: 0.8em archivo;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.privacy a {color:#333}
a, a:hover { text-decoration: none; color: #fff}
#anno {
	background: #304c5a;
	color: #fff;
	text-align: center;
	padding: 40px 0 60px;
}
.soprafooter a {
	color: #333;
	font: 300 italic 1.5em archivo;
}
.soprafooter span {
	font: 400 italic 1.3em archivo;
}

.sottotitolo {
	font: 500 1.8em archivo;
	border-bottom: 1px solid;

	margin: 0 0 10px;
	padding: 0 0 10px;
	letter-spacing: 10px;
	color: #c4a249;
}
.uno li {
	font: 1.2em archivo;
	line-height: 1.6em;
}
.soprafooter img {
	max-width: 35px;
	margin: 0 0 -10px 0;
	display: inline-table;
}
.soprafooter a strong {
	font: 600 italic 0.7em archivo;
	letter-spacing: -1px;
}
.uno li {

	list-style: none;
}
.uno {
	text-align: left;

}
.due img {
	display: inline-table;
	width: 300px;
	padding: 0 60px;
}
.uno, .due {
	display: inline-table;
	/* max-width: 300px; */
	vertical-align: middle;
	color: #fff;
}
.footer {
	max-width: 1200px;
	margin: 0 auto;

}
footer {
	background: #3b3b3b;
	text-align: center;
	padding: 80px 0 90px;
}
.soprafooter {
	margin: 100px 0 0;
	background: #dedede;
	color: #333;
	text-align: center;
	padding: 20px 0 30px;
}
.anno img {
	width: 15px;
}
.anno li {
	line-height: 1.6em;
	list-style: none;
}
#sottolista span {
	position: absolute;
	top: 0;
	left: 50%;
	font: 600 italic 4.4em archivo;
	color: #acacac;
}
#anno span {
	font: 300 2.0em archivo;
	text-transform: uppercase;
	letter-spacing: 20px;
	color: #867763;
	margin: 20px auto 60px;
	display: table;
}
.anno {
	column-count: 2;
	max-width: 500px;
	margin: 0 auto;
	text-align: left;
	font: 1.4em archivo;
}
#sopralista i {
	margin: 0 5px -5px 0;
}
#sopralista {
	background: #e8e8e8;
	padding: 30px 9%;
	font: 100 italic 2.4em archivo;
	color: #333;
	letter-spacing: -1px;
	border: 1px solid #ccc;
}


.sottoheader {
	background: #e8e8e8;
	padding: 40px 0;
	font: 100 italic 2.8em archivo;
	text-align: center;
	color: #494949;
	letter-spacing: -1px;
	border: 1px solid #ccc;
}
#testo p {
	margin: 0 0 20px;
}
#testo1 {
	font: 1.3em archivo;
	padding: 50px 5% 70px;
	text-align: justify;


}
#testo {
	font: 1.3em / 1.4em archivo;
	padding: 50px 5% 70px;
	text-align: justify;
	column-count: 2;
	vertical-align: top;
	column-gap: 40px;
}
ul {
  padding-left: 1.5rem; margin: 0;
}


@keyframes fadeInUp {
  from {
    transform: translateY(50px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.fade {
  animation: 0.75s both fadeInUp;
}