/*!
 * css di base pagina finissaggio sito fonte.
* Common styles
 * --------------------------------------- */



body .section h1
{
	font-size: 60px;
}
body .section h2
{
	font-size: 48px;
}





body .main 
{
	display: inline-block;
    text-align: center;
    width: 100%;	
}

body .main .sezione-main img 
{
	width: 490px;
	margin-right: 40px;
}
body .main .sezione-main h4 
{
	width: 430px;
}
body .main .sezione-main > h4
{
	font-family: Caveat;
	font-size: 22px;
	color: rgb(57, 59, 61);
	text-align: left;
}


/*
body #section3_2.section.background-color-greysistema 
{
    background: rgb(232, 237, 242);
  	background-image: url("../png/ImgSettoreGenerale_Collaboratori_Down.png"), 
  	background-image: url("../png/ImgSettoreGenerale_Collaboratori_Down.png"), -o-linear-gradient(rgb(232, 237, 242) 147px, rgb(255, 255, 255)); 
  	background-image: url("../png/ImgSettoreGenerale_Collaboratori_Down.png"), -moz-linear-gradient(rgb(232, 237, 242) 147px, rgb(255, 255, 255));
  	background-image: url("../png/ImgSettoreGenerale_Collaboratori_Down.png"), linear-gradient(rgb(232, 237, 242) 147px, rgb(255, 255, 255)); 
	background-repeat: no-repeat;
	background-position: left top; 
}
*/


body #section3_2.section
{
  	background-image: url("../png/ImgSettoreGenerale_Collaboratori_Down.png"); 
	background-repeat: no-repeat;
	background-position: left top; 
}

.background-color-greysistema 
{
	background-color: rgb(232, 237, 242);
}


body #section4_2.section

{
	background-image: url("../jpg/CoperturaFotovoltaico_SezioneFuturo.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
    max-height: 485px !important;	
}

body #section4_2 img 
{
    max-width: 100%;
	width: 100%;
}




body #section0,
body #section1,
body #section2,
body #section3,
body #section3_2,
body #section4,
body #section5,
body #section7,
body #section8,
body #section9,
body #section10
{
	height: auto !important;
}

body #section1 .main .sezione
{
	margin-bottom: 40px;
}

body #section3 .main .sezione
{
	text-align: left;
	margin-bottom: 170px;
}

body #section5 .main .sezione
{
	margin-bottom: 110px;
}


body .sezione
{
	width: 960px;
	margin-top: 70px;
	margin-bottom: 110px;
	text-align: center;
}


body .sezione-text
{
	width: 670px;
	text-align: left;
}

body .sezione .sezione-interna
{
	display: inline-block;
	width: 670px;
	text-align: left;
}

body #section6
{
	height: auto !important;
	margin-top: 6px;
}

body #section0
{
	background-image: url("../jpg/BackgroundIllustazione.jpg");
	background-repeat: repeat;
	background-position: top;
	text-align: center;
}

body #section6 img,
body #section2 img
{
	width: 100%;
}

body #section3
{
	background-image: url("../png/ImgSettoreGenerale_Collaboratori_Up.png");
	background-repeat: no-repeat;
	background-position: left bottom;
}

body #section3 .main 
{
    margin-top: 140px;
}

body #section3_2 .sezione 
{
	margin-top: 140px;
	margin-bottom: 140px;
	display: inline-block;
}
body #section6 img 
{
    max-width: 100%;
    height: auto;
    top: 4px;
}

body .main .sezione,
body .main .sezione-main,
body .main .sezione-main > *
{
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}

body .section .sezione,
body .section .sezione-main
{
	vertical-align: middle;
}
body .section .slide
{
	text-align: center;
}

body #section3_2.section .counter > h1
{
	line-height: 1;
    vertical-align: middle;
}

body #section3_2.section .counter > * 
{
    display: inline-block;
}

body #section3_2.section .counter > h2
{
	font-size: 20px;
	margin-left: 16px;
	vertical-align: middle;
}

/********************************************************************
ANIMAZIONE SUI LIVELLI  sezione chisiamo.
********************************************************************/
body #section2 .livelli 
{
    position: absolute;
	background-repeat: no-repeat;
	background-size	: cover;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-position: center center;
	opacity: 0;
}
body #section2 .livello1.opacity
{
	background-image: url("../png/Illustrazione_SezioneChiSiamo_Livelli-01.png");	
	opacity: 1;
	
-webkit-transition-delay: 0.75s;
  -moz-transition-delay: 0.75s;
  -o-transition-delay: 0.75s;
  transition-delay: 0.75s;
}

body #section2 .livello2.opacity
{
	background-image: url("../png/Illustrazione_SezioneChiSiamo_Livelli-02.png");	
	opacity: 1;

-webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;

}
body #section2 .livello3.opacity
{
	background-image: url("../png/Illustrazione_SezioneChiSiamo_Livelli-03.png");	
	opacity: 1;

-webkit-transition-delay: 0.25s;
  -moz-transition-delay: 0.25s;
  -o-transition-delay: 0.25s;
  transition-delay: 0.25s;

}


body #section2 .livello4.opacity
{
	background-image: url("../png/Illustrazione_SezioneChiSiamo_Livelli-04.png");	
	opacity: 1;
	
-webkit-transition-delay: 1.25s;
  -moz-transition-delay: 1.25s;
  -o-transition-delay: 1.25s;
  transition-delay: 1.25s;

}
body #section2 .livello5.opacity
{
	background-image: url("../png/Illustrazione_SezioneChiSiamo_Livelli-05.png");	
	opacity: 1;

-webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;

}
body #section2 .livello6.opacity
{
	background-image: url("../png/Illustrazione_SezioneChiSiamo_Livelli-06.png");	
	opacity: 1;

-webkit-transition-delay: 1.50s;
  -moz-transition-delay: 1.50s;
  -o-transition-delay: 1.50s;
  transition-delay: 1.50s;

}

body #section2 .livello7
{
	background-image: url("../png/Illustrazione_SezioneChiSiamo_Livelli-07.png");	

	transform: translate(1920px,-500px);
}
body #section2 .livello7.move-left.animated
{
	opacity: 1;
	transition: transform 0.25s;
	transform: translate(0px,0px);

-webkit-transition-delay: 1.5s;
  -moz-transition-delay: 1.5s;
  -o-transition-delay: 1.5s;
  transition-delay: 1.5s;
}

body #section7,
body #section8,
body #section9
{
	background: transparent;
    background: linear-gradient(180deg, rgba(232,237,242,1) 0%, rgba(255,255,255,0) 65%);
}

body #section8
{
	padding-top: 7rem;
}

body #section9
{
	padding-top: 4rem;
}

body #section10
{
	background: rgba(24,121,218,1.00);
	margin-top: -170px;
	padding-top: 4rem;
}

body #section10 h2
{
	color: #fff;
}
body #section10 p
{
	color: #000;
}

body .divisore
{
	background: rgba(24,121,218,1.00);
	height: 10px;
}

body #section7 .section-container,
body #section8 .section-container,
body #section9 .section-container
{
	display: inline-flex;
	justify-content: flex-start;
	align-items: flex-start;
}

body #section9 .section-container
{
	flex-direction: column;
}

body #section9 .section-container .tabella
{
	border-radius: 30px;
	border: 5px solid rgba(24,121,218,1.00);
	padding: 5rem 4rem;
	width: 100%;
	background: #fff;
	margin-top: -7px;
	align-self: center;
}


body #section9 .section-container .tabella h3,
body #section9 .section-container .tabella h4
{
	font-family: CronosPro;
	font-weight: 600;
	color: rgb(0, 118, 221);
    word-break: break-word;
}

body #section9 .section-container .tabella h3
{
	font-size: 38px;
}
body #section9 .section-container .tabella h4
{
	font-size: 28px;
}

body #section9 .section-container .tabella h4
{
	margin-top: 1.2rem;
}
body #section9 .section-container .tabella p
{
	margin-top: 0;
}

body #section7 .section-container .spaziatore,
body #section8 .section-container .spaziatore,
body #section9 .section-container .spaziatore
{
	width: 15vw;
	height: 7vh;
}

body #section7 .section-container img,
body #section8 .section-container img,
body #section9 .section-container img
{
	max-width: 50%;
}

body #section9 .section-container img
{
	max-width: 65%;
}

body #section7 .section-container strong,
body #section7 .section-container b,
body #section8 .section-container strong,
body #section8 .section-container b,
body #section9 .section-container strong,
body #section9 .section-container b
{
	font-weight: 600;
}

body #section10 .circle-label h1
{
	color: #fff;
}

body #section11
{
	height: auto !important;
}

body #section11 .sezione
{
	margin: 120px 0px 90px 0px;
    padding: 90px 120px 100px 120px;
	border: 3px solid white;
	border-radius: 50px;
	background: rgba(0, 118, 221, 0.04);
}

body #section11 h2
{
	color: rgba(82,85,87,1.00);
	font-size: 28px;
	line-height: normal;
	font-weight:600;
	text-align: center;
}

body #section11 h1
{
	color: rgba(82,85,87,1.00);
	font-family: Caveat;
	font-size: 72px;
	font-weight:600;
	margin-bottom: 20px;
	text-align: center;
}

body #section11 img
{
	width: 30vw;
    max-width: 700px;
	opacity: 0.75;
    padding-top: 30px;
}


/* desktop: fullhd */
@media all and (max-width: 1920px)
{
	body #section3 .main 
	{
	    text-align: left;
	    margin-left: 500px;
	}
	body .sezione .sezione-interna 
	{
	    width: 510px;
	}	
	body #section3 .main .sezione 
	{
	    text-align: left;
	}	
	
}

/* mobile: tablet */
@media all and (max-width: 1024px)
{
	body .main 
	{
	    width: initial;
	}
	body #section3 .main 
	{
	    text-align: center;
	    margin-left: 0px;
		margin-top: 0px;
	}	
	body .main .sezione-main h4 
	{
		width: auto;
		margin: 50px 50px;
	}
	
	body .main .sezione-main img 
	{
	    margin-right: 0px;
	}	
	
	body .sezione	
	{
		margin-left: 80px;
	    margin-right: 80px;
	    margin-top: 70px;
	    margin-bottom: 70px;
	    width: auto;
	}	
	body .sezione-text
	{
		width: auto;
		text-align: left;
	}
	body #section3 .main .sezione
 	{
 		margin-left: 80px;
 	    margin-right: 80px;
	    margin-bottom: 470px;
	    margin-top: 70px;
 	    width: auto;
 	}	

	body .sezione .sezione-interna
	{
		width: auto;
	}	
	
	body #section3_2 .sezione 
	{
	    display: inline-block;
	}
	
	
	body #section4 .sezione-text
	{
		width: auto;
		text-align: left;
	}
	
	body #section7 .section-container,
	body #section8 .section-container,
	body #section9 .section-container
	{
		flex-direction: column;
		align-items: center;
	}

	body #section7 .section-container p,
	body #section8 .section-container p,
	body #section8 .section-container h2
	{
		max-width: 75vw;
	}

	body #section9 .section-container .tabella
	{
		max-width: 66vw;
		padding: 9vw 8vw;
	}
	
	body #section11 h2
	{
		font-size: 22px;
	}

	body #section11 h1
	{
		font-size: 36px;
	}
    
    body #section11 .main .sezione
 	{
 		margin-left: 40px;
 	    margin-right: 40px;
 	}
}

@media all and (max-width: 600px)
{
	body .main .sezione-main img 
	{
	    width: 100%;
	}

	
	body .sezione	
	{
	    margin: 0px 40px 0px 40px;
	}
    
	body #section3 .main .sezione,
    body #section11 .main .sezione
 	{
        margin: 60px 40px 40px 40px;
        padding: 60px 20px 40px 20px;
 	}
    
    body #section11 img
{
	width: 60vw;
}
	
}