@charset "UTF-8";
/*–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**
 * classi generiche.
 */
 
/**
 * caricamento dei font
 */
@font-face 
{
	font-family	: CronosPro;
	font-weight	:500;
	src			: url('font/CronosPro-Regular.woff') format('woff');
}

@font-face 
{
	font-family	: CronosPro;
	font-weight	:600;
	src			: url('font/CronosPro-Semibold.woff') format('woff');
}

@font-face 
{
	font-family	: CronosPro;
	font-weight	:700;
	src			: url('font/CronosPro-Bold.woff') format('woff');
}

@font-face 
{
	font-family	: CronosProItalic;
	src			: url('font/CronosPro-Italic.woff') format('woff');
}

 
/* Reset CSS
 * --------------------------------------- */ 
 
/* latin-ext */
@font-face 
{
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 400;
  src: local('Caveat'), local('Caveat-Regular'), url(https://fonts.gstatic.com/s/caveat/v2/v49GpqN0mUqDlqGfn930s3-_kf6ByYO6CLYdB4HQE-Y.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face 
{
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 400;
  src: local('Caveat'), local('Caveat-Regular'), url(https://fonts.gstatic.com/s/caveat/v2/wZQlxpTbd2ROCsOVwXALZevvDin1pK8aKteLpeZ5c0A.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
} 

@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 700;
  src: local('Caveat Bold'), local('Caveat-Bold'), url(https://fonts.gstatic.com/s/caveat/v2/x6VSYBqZaI7QnEcE_qETMLO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}

*
{
	font-family		: CronosPro, Helvetica, Arial, Verdana, sans-serif, Engagement;
	line-height		: 1; 
	margin			: 0px;
	padding			: 0px;
	border-width	: 0px;
	outline			: none;
	text-decoration	: none;
	position		: relative;
	text-align		: left;  
	background-color: transparent;
	color			: rgb( 57, 59, 61);
	
	/* Attilio non lo vuole, dice che è da verificare... sarà...
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	*/
}
a,
a:link,
a:visited
{
	outline: none;
    text-decoration: none;
    color: inherit;
}
body footer *,
body header *
{
	font-family	: Caveat;
	background-color: transparent;
}

body footer *
{
		color		: rgb(154, 159, 163);
    	font-size	: 16px;
}

body footer > * li h3:hover,
body header > * li:hover,
body header > * li h3:hover,
body .sezione .item-container > * li h3:hover
{
    color	: rgb(0,118,221);
}



body header * 
{
    text-align: center;
}


body img { border: none; }
body p,
body span,
body label
{
	line-height: 1.4;
}

body h1
{
	font-family: CronosPro;
	line-height: 1.1;
	font-weight: 700;
	font-size: 60px;
	color: rgb(0, 118, 221);
    word-break: break-word;
}

body h2
{
	font-family: CronosPro;
	font-weight: 600;
	line-height: 1;
	font-size: 35px;
	color: rgb(0, 118, 221);
    word-break: break-word;
}

body h3
{
	font-weight: 400;
	line-height: 1.2;
}

body h4
{
	font-weight: 500;
	line-height: 1.2;
}
body p
{
	font-family: CronosPro;
	font-weight: 500;
	line-height: 1.4;
	margin-top: 24px;
	font-size: 20px;
}








.sezione-text ul {
  list-style: none; /* Remove default bullets */
  margin-top: 10px;	
}

.sezione-text ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #0076dd; /* Color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 0.8em; /* Also needed for space (tweak if needed) */
}

.sezione-text li
{
	font-family: CronosPro;
	font-weight: 500;
	line-height: 1.4;
	font-size: 18px;
}



body img:hover:not(.notscale)
{ 
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
	
	-moz-transition: -moz-transform 0.2s ease-out;
	-ms-transition: -ms-transform 0.2s ease-out;
	-webkit-transition: -webkit-transform 0.2s ease-out;
	transition: transform 0.2s ease-out;
	 
}
/* rotazione delle immagini.
body img:hover {
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
*/
body .gpro-clickable
{
	cursor: pointer;
}
body .display-inline
{
	display: inline-block;
}

body .span-container li a:hover
{
	color: rgb(0, 118, 221);
}	

body #section0.section .sezione-main
{
	margin: 30px 0px;
}


/* tentativo di spaziare le righe dei paragrafi: funziona su chome ma non su firefox.*/
/* body br  */
/* { */
/*    line-height: 1.7; */
/* } */

body .gpro-box-vertical-align-middle:before 
{
    content: '';
    vertical-align: middle;
    height: 100%;
    display: inline-block;
}

body .background-color-greysistema
{
	background-color: rgb(232, 237, 242); 
}
body .background-color-blacksistema
{
	background-color: #000000; 
}
body .background-color-whitesistema
{
	background-color: #ffffff; 
}

body .section .sezione .item-container:not(last-child) 
{
	border-top	: 1px solid #ffffff;
	padding: 9px 0px;
}
body .section .sezione .item-container:last-child 
{
	border-bottom	: 1px solid #ffffff;
}

body .section .sezione .item-container .item > * 
{
    margin: 10px 16px;
}

body .section .sezione .item-container .item .body-text-right 
{
    margin: 10px 0px;
}

body .section .sezione .item-container .item .counter.tabelle h1 
{
    color: #95aabf;
    line-height: 1;
}
body .section .sezione .item-container .item .counter.tabelle h2 
{
    color: #95aabf;
    line-height: 1;
    text-transform: uppercase;
}

body .section .sezione .item-container .item > *,
body .section .sezione .item-container .item .right > *
 
{
    display: inline-block;
    vertical-align: middle;
}
body .section .sezione .item-container .item > p
{
	font-family: CronosProItalic;
}

body .section .sezione .item-container .item .body-text
{
	max-width: 350px;
}

body .section .sezione .item-container .item .image
{
	width: 72px;
	height: 72px;
	
}

body .section .sezione .item-container .item .right
{
	position: absolute;
    top		: 0px;
    bottom	: 0px;
    right	: 0px;
    margin-right: 20px;	
}
/**
  css circle-item-container
*/
body .section .section-container
{
	max-width: 960px;
	text-align: center;
	display: inline-block;
	margin-bottom: 90px;
}	
body .section .section-container .section-container-frame
{
	text-align: left;
}	

body .section .section-container.direzione
{
	text-align: center;
}	

body .circle-item-container
{
	display: inline-block;
	white-space: nowrap;
	text-align: center;
	margin: 0px 10px 50px 10px;
	vertical-align: top;
}

body .circle-item-container .circle-item 
{
	width	: 215px;
}

body .circle-item-container:not(.not-gallery) .circle-item
{
	cursor	: pointer;
}

body .circle-item-container .circle-image
{
	text-align: center;
}

body .circle-item-container .circle-label
{
	margin-top	: 18px;
	white-space: normal;
}

body .circle-item-container .circle-image img
{
	
	border-radius : 50%;
	width	: 160px;
	height	: 160px;
	box-shadow: 0px 8px 6px rgba(0,0,0,0.15);	
}

body .circle-item-container:not(.not-gallery) .circle-item:hover .circle-image img
{
	box-shadow	: none;
	filter		: brightness(90%);
}

body .circle-item-container .circle-label > *
{
	text-align: center;
}

body .circle-item-container .circle-label h1
{
	font-size: 20px;
	font-weight: 600;
	line-height: 1.1;
}
body .circle-item-container .circle-label h2
{
	font-family: CronosProItalic;
	font-size: 14px;
}
body .circle-item-container .circle-label p
{
	margin-top: 6px;
	line-height: 1;
	font-family: CronosProItalic;
	font-size: 16px;
}
body .item-container li.body-text
{
	font-family: CronosProItalic;
	font-size: 16px;
}
body #section2
{
	overflow: hidden;
}
@media all and (max-width: 600px)
{
	body .section .sezione .item-container .item > * 
	{
	    margin: 10px 10px;
	}	
	body footer .span-container 
	{
	    margin: 0px 20px;
	}	
	body footer * > li a h3,
	body footer * > li h3,
	body footer * > li a
	{
		padding: 8px 0px;
	}
	

	body .circle-item-container .circle-item 
	{
		width: 160px;
	}
	body .circle-item-container .circle-label
	{
		margin-top	: 12px;
	}	
	body .circle-item-container .circle-image img 
	{
	    width: 120px;
	    height: 120px;
	}	
	
	body .circle-item-container 
	{
	    margin: 0px 5px 30px 5px;
	}	
	
	body h1
	{
		font-size: 48px;
	}

	body h2
	{
		font-size: 30px;
	}
	
	body p
	{
		font-size: 18px;
	}
}