:root{
	--colore-primario: #0094DA;
	--colore-secondario: #0082BF;
	--colore-testo: #3C3C3C;
	--colore-footer: var(--colore-secondario);
	--colore-grigio: #F7F7F7;
	--colore-pulsanti: var(--colore-primario);
	--colore-social: #6E1430;
	--font-family-primario: "Open Sans", serif;
	--font-weight-primario: 700;
	--font-family-secondario: "Open Sans", serif;
	--font-weight-secondario: 700;
	--font-family-testo: "Open Sans", serif;
	--font-weight-testo: 400;
	--font-family-pulsanti: "Open Sans", serif;
	--font-weight-pulsanti: 400;
}

@media screen and (min-width: 0px){
	html{
		font-size: 16px;
		margin-top: 0!important;
		scroll-padding-top: 180px;
	}
	
	/* BASE */
	html, body{
		position: relative;
		font-style: normal;
		box-sizing: border-box;
		font-family: var(--font-family-primario);
	}
	/* RESET CSS */
	*, *::before, *::after {
	  	box-sizing: border-box;
	}
	* {
	  	margin: 0;
	}
	body {
		overflow-x: hidden;
	  	line-height: 1.5;
	  	-webkit-font-smoothing: antialiased;
	}
	img, picture, video, canvas, svg {
		/* display: block;*/
	  	max-width: 100%;
	}
	input, button, textarea, select {
	  	font: inherit;
	}
	p, h1, h2, h3, h4, h5, h6 {
	  	overflow-wrap: break-word;
/*	  	text-wrap: balance; FIX CONTENUTO LARGHEZZA INTERA*/
	}
	h1,h2,h3{
  		font-weight: 600;
  		margin: 40px 0;
	}
	p{
		margin-bottom: 1.25rem;
	}
	a{
		text-decoration: none;
	}
	b, strong{
		font-weight: 700;
	}
	p, li{
		color: var(--colore-testo);
	}
	li.check::marker {
		content: "✓ ";
	}
	img, svg{
		image-rendering: auto;
		-webkit-backface-visibility: hidden;
		-webkit-transform: translateZ(0) scale(1, 1);
	}
	header {
	  	padding: 20px 0;
	  	box-shadow: 0px 1px 10px #00000029;
	}
	header img {
	  width: auto;
	  height: auto;
	  max-width: 150px;
	}
	section{
		padding: 40px 0;
	}
	div.desktop{
		display: none;
	}
	.z-index-1{
		z-index: 1;
		position: relative;
	}
	.contenitore-principale:has(.bg-cyan) {
		max-width: 100%;
		padding: 0;
	}
	.contenitore-principale{
		max-width: 1400px;
		padding: 0 30px;
		margin-left: auto;
		margin-right: auto;
	}
	footer .contenitore-principale{
		padding: 40px 30px;
	}
	.container-sticky{
		top: 0;
		z-index: 9;
		position: sticky;
	}
	.bg-white{
		background-color: white;
	}
	.bg-grey {
		background-color: #F3F3F3;
	}
	.bg-cyan{
		color: white;
		background-color: var(--colore-primario);
	}
	.bg-cyan-scuro{
		color: white;
		background-color: #0082BF;
	}
	.bg-black {
	  	color: white;
	  	background-color: #222226;
	}
	.bg-brochure{
		padding: 80px 0;
		background-size: cover;
		background-position: center;
		background-image: url('./assets/img/img-scarica-brochure.png');
	}
 	.padding-laterale-1{
 		padding: calc( 100% - 88% );
 	}
 	.margin-verticale-1{
 		margin: calc( 100% - 88% ) 0;
 	}
 	#definizione-problema .margin-verticale-1, #soluzione-problema .ombra-grigia{
 		height: 100%;
 	}
	.ombra-grigia{
		box-shadow: 0px 1px 16px #00000029;
	}
	.container-progettodi{
		margin-top: 20px;
		display: flex;
		align-items: center;
		justify-content: space-around;
		border-left: 1px solid var(--colore-primario);
	}
	.img-logo img{
		height: auto;
	}
	.container-progettodi > * {
	  	height: auto;
	  	display: inline-block;
	}
	.container-progettodi p{
		color: var(--colore-primario);
		margin-bottom: 0;
	}
	section.slider{
		height: 200px;
		padding: 0;
		position: relative;
	}
	section.slider, section#stringa{
		max-width: 1920px;
		margin-left: auto;
		margin-right: auto;
	}
	img.slider {
		height: 100%;
		object-fit: cover;
	}
	h1.titolo-slider {
  		color: white;
	}
	.contenitore-vantaggi p, .contenitore-vantaggi h3, .titolo-centrale, .testo-copyright{
		text-align: center;
	}
	.titolo-azzurro, .testo-azzurro{
		color: var(--colore-primario);
	}
	.titolo-bianco, .testo-bianco{
		color: white;
	}
	div.testo-slider {
	  	top: 50%;
	  	position: absolute;
	  	transform: translateY(-50%);
	}
	a.pulsante-bianco {
	  	color: var(--colore-primario);
	  	font-weight: 600;
	  	padding: 10px 50px;
	  	display: inline-block;
	  	background-color: white;
	}
	.container-costi {
		margin: 60px 0;
	}
	.sezione-md-3, .sezione-md-4, .sezione-md-6{
		width: 100%;
		margin: 40px 0;
		padding: 0 20px;
	}
	.due-sezioni, .tre-sezioni, .quattro-sezioni {
		margin: 60px 0;
	}
	#soluzione-innovativa, #soluzione-innovativa .due-sezioni, #risultati, #risultati .due-sezioni {
	  	padding: 0;
	  	margin: 0;
	}
	#soluzione-innovativa div.testo-soluzione-innovativa {
	  	padding: 40px 0 40px 0;
	}
	#risultati div.testo-risultati{
	  	padding: 40px 0 40px 0;
	}
	#vantaggi{
		padding: 100px 0;
	}
	#risultati div.testo-risultati::after{
		height: 100%!important;
		top: 0!important;
		left: -3000px;
	}
	#soluzione-innovativa div.testo-soluzione-innovativa::after{
		height: 103%!important;
		top: 0!important;
		right: -2900px;
	}
	#soluzione-problema .due-sezioni, #soluzione-innovativa div.testo-soluzione-innovativa, #risultati div.testo-risultati {
		position: relative;
	}
	#soluzione-innovativa div.testo-soluzione-innovativa::after{
		z-index: -1!important;
	}
	#soluzione-problema .due-sezioni::before, #soluzione-problema .due-sezioni::after, #soluzione-innovativa div.testo-soluzione-innovativa::after, #risultati div.testo-risultati::after{
		top: 16%;
		z-index: 0;
		content: unset;
		width: 3000px;
		height: 70%;
		position: absolute;
		background-color: var(--colore-primario);
	}
	#soluzione-problema .due-sezioni::before{
		left: -2000px;
	}
	#soluzione-problema .due-sezioni::after{
		right: -2000px;
	}
	#soluzione-problema .z-index-1::after, #soluzione-problema .z-index-1::before{
		z-index: 0;
	}
	.costi-complessivi, .contributo-concesso {
	  	width: 100%;
	  	padding: 20px;
	  	text-align: center;
	}
	p.numeri{
		font-size: 2rem;
		font-weight: 600;
	}
	.testi-scarica-brochure {
	  	text-align: center;
	  	margin-bottom: 40px;
	}
	.bg-cyan :is(p, li), .bg-cyan-scuro :is(p, li), .bg-black :is(p, li){
		color: white;
	}
	.titolo-vantaggio{
		padding-bottom: 20px;
		position: relative;
	}
	.titolo-vantaggio::after{
		content: "";
		left: 50%;
		bottom: 0;
		width: 90px;
		height: 1px;
		position: absolute;
		background-color: white;
		transform: translateX(-50%);
	}
	.titolo-footer {
		min-height: 50px;
	}
	#soluzione-innovativa .sezione-md-6, #risultati .sezione-md-6 {
		margin: 0;
	}
	.mappa > *{
		max-width: 100%;
	}
}
@media screen and (min-width: 768px){
	header img {
	  max-width: 100%;
	}
	section.slider{
		height: 980px;
	}
	.container-progettodi{
		margin-top: 0;
	}
	.flex-between{
		max-height: 48px;
		display: flex;
		justify-content: space-between;
	}
	.contenitore-principale:has(.bg-cyan) {
		max-width: 1400px;
		padding: 0 30px;
	}
	h1{
  		font-size: 3rem;
  		line-height: 4rem;
	}
	h2{
		font-size: 2.5rem;
		line-height: 3rem;
	}
	p, li{
		font-size: 1.1rem;
		color: var(--colore-testo);
	}
	p.numeri{
		font-size: 3rem;
	}
	.img-logo img{
		width: auto;
	}
	.container-progettodi > * {
	  	max-width: 50%;
	}
	.due-sezioni, .tre-sezioni, .quattro-sezioni{
		display: flex;
		flex-wrap: wrap;
	}
	.sezione-md-3, .sezione-md-4, .sezione-md-6{
		flex: 0 0 auto;
	}
	.sezione-md-3{
		width: 25%;
	}
	.sezione-md-4{
		width: 33.33333%;
	}
	.sezione-md-6.footer {
	  	width: 33.33333%;
	}
	.sezione-md-6{
		width: 50%;
	}
	.container-costi {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.contenitore-vantaggi, footer .due-sezioni{
		justify-content: center;
	}
	.margin-verticale-1 {
		margin: 0;
	}
	#soluzione-problema .due-sezioni::before, #soluzione-problema .due-sezioni::after, #soluzione-innovativa div.testo-soluzione-innovativa::after, #risultati div.testo-risultati::after{
		content: "";
	}
	#soluzione-innovativa div.testo-soluzione-innovativa {
	  	padding: 100px 0 100px 40px;
	}
	#risultati div.testo-risultati{
	  	padding: 100px 4px 100px 0px;
	}
}
@media screen and (min-width: 1200px){
	div.mobile{
		display: none;
	}
	div.desktop{
		display: block;
		text-align: center;
	}

}
@media screen and (min-width: 1600px){


}