/*/---------------------------------- PRLOADER --------------------------------/*/	

#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#343333; /* change if the mask should be a color other than white */
	z-index:99; /* makes sure it stays on top */
}

#status {
	width:200px;
	height:200px;
	position:absolute;
	left:7%; /* centers the loading animation horizontally on the screen */
	top:7%; /* centers the loading animation vertically on the screen */

	background-repeat:no-repeat;
	background-position:center;
	margin:-100px 0 0 -100px; /* is width and height divided by two */
}


#status:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #e74c3c;
    -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
      animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
 
#status:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #f9c922;
    -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
      animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
 
@-webkit-keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}
@keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}

/*/---------------------------------- CLOCK --------------------------------/*/	

#clock {
	position:absolute;
	left:42.5%; /* centers the loading animation horizontally on the screen */
	top:42.5%; /* centers the loading animation vertically on the screen */

}
/*/------------------ VELOCITA' CARICAMENTO PAGINA pre --------------
#velocita_caricamento {
	position:absolute;
	left:33%;
	top:33%; 
	margin:auto
	font-family: 'Helvetica', Arial, sans-serif; 
	text-align: center;
	font-size: 22px;
	font-weight: normal;
	line-height: 1.2em;
	color: #DDDDDD;
	text-shadow:1px 1px 0 #414913;
}
/*/

/*/------------------ VELOCITA' CARICAMENTO PAGINA after -------------- */
#velocita_caricamento {

	font-family: 'Helvetica', Arial, sans-serif; 
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.0em;
	color: #888888;
	text-shadow:1px 1px 0 #414913;
	margin-bottom:20px; 
}
/*/---------------------------------- PERCENTUALE E MESSAGGIO --------------------------------/*/

.percent {
display:block;
position:absolute;
	top:50%;
	left:50%;	
text-align:center;
font-family:'PT Sans Narrow', sans-serif;
font-size:22px;
color:#fff;
}


.messaggio1 {

	position:absolute;
	left:45%;
	top:20%; 

	font-family: 'Helvetica', Arial, sans-serif; 
	text-align: left;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.2em;
	color: #EEEEEE;
	text-shadow:1px 1px 0 #414913;
	margin:auto; 
}	

.messaggio2 {

	position:absolute;
	left:45%;
	top:22%; 

	font-family: 'Helvetica', Arial, sans-serif; 
	text-align:center;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.2em;
	color: #EEEEEE;
	text-shadow:1px 1px 0 #414913;
	margin:auto; 
}

.messaggio3 {

	position:absolute;
	left:45%;
	top:24%; 

	font-family: 'Helvetica', Arial, sans-serif; 
	text-align:center;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.2em;
	color: #EEEEEE;
	text-shadow:1px 1px 0 #414913;
	margin:auto; 
}

.messaggio4 {

	position:absolute;
	left:45%;
	top:26%; 

	font-family: 'Helvetica', Arial, sans-serif; 
	text-align:center;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.2em;
	color: #EEEEEE;
	text-shadow:1px 1px 0 #414913;
	margin:auto; 
}

.messaggio5 {

	position:absolute;
	left:45%;
	top:28%; 

	font-family: 'Helvetica', Arial, sans-serif; 
	text-align:center;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.2em;
	color: #EEEEEE;
	text-shadow:1px 1px 0 #414913;
	margin:auto; 
}

.messaggio6 {

	position:absolute;
	left:45%;
	top:30%; 

	font-family: 'Helvetica', Arial, sans-serif; 
	text-align:center;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.2em;
	color: #EEEEEE;
	text-shadow:1px 1px 0 #414913;
	margin:auto; 
}

.messaggio7 {

	position:absolute;
	left:45%;
	top:32%; 

	font-family: 'Helvetica', Arial, sans-serif; 
	text-align:center;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.2em;
	color: #EEEEEE;
	text-shadow:1px 1px 0 #414913;
	margin:auto; 
}

.messaggio8 {

	position:absolute;
	left:45%;
	top:34%; 

	font-family: 'Helvetica', Arial, sans-serif; 
	text-align:center;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.2em;
	color: #EEEEEE;
	text-shadow:1px 1px 0 #414913;
	margin:auto; 
}

.messaggio9 {

	position:absolute;
	left:45%;
	top:36%; 

	font-family: 'Helvetica', Arial, sans-serif; 
	text-align:center;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.2em;
	color: #EEEEEE;
	text-shadow:1px 1px 0 #414913;
	margin:auto; 
}
/*/---------------------------------- PRELOADER --------------------------------/*/	


p {
	text-align: left;
	font-size: 26px;
	font-weight: normal;
	line-height: 1.1em;
	color: #aeadad;
	text-shadow:1px 1px 0 #101010;
}

p.background {
	text-align: left;
	font-size: 26px;
	font-weight: normal;
	line-height: 1.1em;
	color: #666666;
	text-shadow:0px 0px 0 #101010;
}

/*/----------------------------------SLIDER --------------------------------/*/	
	#slider_background {}

	#txt_box {
	height: 400px;
	width: auto;
	background-color: #5a5a5a;	
	}
	li {
	padding: 0px;
	margin: 0px;
	list-style: none;
	}
	p.nome_slider {
	font-family: 'Helvetica', Arial, sans-serif; 
	text-align: left;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.2em;
	color: #D7FF00;
	text-shadow:1px 1px 0 #414913;
	}
	.autori_slider {
	font-family: 'Helvetica', Arial, sans-serif; 
	font-size: 14px;
	color: #999999;
	font-weight: normal;
	line-height: 1.2em;
	text-shadow:0px 0px 0 #414913;	
	}

/*...................................................*/	

.timeline-body-txt p {
	font-family: 'Helvetica', Arial, sans-serif; 
	text-align: left;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.2em;
	color: #aeadad;
	text-shadow:1px 1px 0 #101010;
	margin-left: 15px;	
	margin-bottom: 50px;	
	}
		
h1 {
	text-align: left;
	font-family: "Terminal Dosis";
	color: #dddddd;
	display: block;
	font-size: 46px;
	font-weight: normal;
	line-height: 0.9em;
	margin-bottom: 10px;
	text-shadow: 
	text-shadow:1px 1px 0 #101010;
}

h1.ombra  {
	text-align: left;
	font-family: "Terminal Dosis";
	color: #dddddd;
	display: block;
	font-size: 46px;
	font-weight: normal;
	line-height: 0.9em;
	margin-bottom: 10px;
	text-shadow: 
		2px 2px 0 transparent,
		4px 4px 0 #101010;
}

.titolispaziati {
	text-align: left;
	font-family: "Terminal Dosis";
	color: #333333;
	display: block;
	font-size: 50px;
	font-weight: normal;
	line-height: 0.9em;
	margin-bottom: 10px;
	text-shadow: 
	text-shadow:1px 1px 0 #101010;
}

.titoli {
	text-align: left;
	font-family: "Oswald";
	color: #555555;
	display: block;
	font-size: 50px;
	font-weight: bold;
	line-height: 0.2em;
	margin-bottom: 10px;
	text-shadow: 
	text-shadow: 
		2px 2px 0 transparent,
		4px 4px 0 #101010;
}

.titoliextracolor {
	text-align: left;
	font-family: "Oswald";
	color: #D7FF00;
	display: block;
	font-size: 50px;
	font-weight: bold;
	line-height: 0.3em;
	margin-bottom: 10px;
	text-shadow: 
	text-shadow: 
		2px 2px 0 transparent,
		4px 4px 0 #101010;
}

.dati {
	text-align: left;
	font-family: "Terminal Dosis";
	font-size: 20px;
	font-weight: normal;
	line-height: 1.0em;
	color: #dddddd;
	text-shadow:1px 1px 0 #101010;		
} 
.dati a {
	text-align: left;
	font-family: "Terminal Dosis";
	font-size: 20px;
	font-weight: normal;
	line-height: 1.0em;
	color: #D7FF00;
	text-shadow:1px 1px 0 #101010;		
} 
		

h2 {
	text-align: left;
	font-family: "Oswald";
	font-size: 37px;
	font-weight: normal;
	line-height: 1.0em;
	color: #999999;
	text-shadow:1px 1px 0 #101010;			
}

h3 {
	text-align: left;
	font-family: "Oswald";
	font-size: 28px;
	font-weight: normal;
	line-height: 1.0em;
	color: #aeadad;
	text-shadow:1px 1px 0 #101010;
}

.homedesk{
	text-align: left;
	font-family: "Oswald";
	font-size: 28px;
	font-weight: normal;
	line-height: 1.0em;
	color: #999999;
	text-shadow:1px 1px 0 #101010;
}

.htrecolor {
	text-align: left;
	font-family: "Oswald";
	font-size: 28px;
	font-weight: normal;
	line-height: 1.0em;
	color: #D7FF00;
	text-shadow:1px 1px 0 #101010;
}
.hometrecolor {
	text-align: left;
	font-family: "Oswald";
	font-size: 37px;
	font-weight: normal;
	line-height: 1.0em;
	color: #D7FF00;
	text-shadow:1px 1px 0 #101010;		
} 
h4 {
	text-align: left;
	font-size: 24px;
	font-weight: normal;
	line-height: 1.0em;
	color: #aeadad;
	text-decoration: none;

}
h4 a {
	text-align: left;
	font-size: 24px;
	font-weight: normal;
	line-height: 1.0em;
	color: #aeadad;
	text-decoration: none;
}

h4 a:hover {
	color: #FFFFFF;	
}

/*...........................................*/
	
	#worldgraphic {
	padding-top: 50px;
	height: 500px;
	width: 100%;
	}
	.highcharts-tooltip>span {
	padding: 20px;
	white-space: normal !important;
	width: 600px;
	}
	.loading {
	margin-top: 10em;
	text-align: center;
	color: gray;
	}
	.f32 .flag {
	vertical-align: middle !important;
	}
/*...........................................*/
	#einstein {
	height: 281px;
	width: 100%;
	}
/*...........................................*/
	iframe {
	height: 600px;
	width: 100%;
	margin:0;
	padding:0;	
        border: none;
        overflow: hidden;	
    }
    
	.form-control {
	background-color: #ddd;
	}

	.copyright {
	text-align: left;
   	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.0em;
	color: #999999;
		
	}