body{
	font-family: 'Abel', sans-serif;
	font-size: 16px;
}



.titolo{
	font-family: 'Rubik', sans-serif; 
	line-height: 50px;
}

.testo{
	font-family: 'Abel', sans-serif; 
	line-height: 28px;
	font-size: 18px;
}




.sfondo1{
	/*background-image: url('../PNG/sfondo.png');
	background-size: cover;	
	background-position: 50%;
    background-repeat: no-repeat;*/
    background-color: #264c6e;
}

.white,.bianco{
	color:#fff;	
}

.celeste{
	color: #2f669a;
}

.blu{
	color: #264C6E;
}

.verde{
	color: #33AFAF;
}

.giallo{
	color: #FFC65B;	
}


.bg-bianco{
	background-color:#fff;
}

.bg-celeste{
	background-color: #C0CFDD;
}

.bg-blu{
	background-color: #264C6E;
}

.bg-verde{
	background-color: #33AFAF;
}

.bg-giallo{
	background-color: #FFC65B;	
}

.arrow{
	width: 25px;
	margin-left: 20px;
}

.triangle{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 40px 40px 40px;
}

.triangle-white{
	border-color: transparent transparent #ffffff transparent;	
}

.triangle-yellow{
	border-color: transparent transparent #FFC65B transparent;	
}

.btn-triangle-scroll{
    z-index: 100;
    position: absolute;
    bottom: 10px;
    left:50%;
    transform:translateX(-20px);
}

.section{
	margin: 0px;
}

.headers{
	padding-top: 20px;
	margin-top: 20px;
}

.section-b{
	margin-top: -20px;
}

.button{
	font-family: 'Abel', sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	opacity: 0.9;
	border:none;	
	background-color:#264C6E40;
	border-radius: 3px;
}

.button-celeste{
	background-color:#6e869c;
}

.button-blue{
	background-color:#264C6E;
}

.button-verde{
	background-color:#33AFAF;
}

.button:hover{
	background-color: #33AFAF;
}

.button-blue:hover{
	background-color:#33AFAF;
}

.button-verde:hover{
	background-color:#264C6E;
}


.button-full{
	width: 100%;
}

#video_graph{
	z-index:1; 	 
	min-width: 50vw;
    height: auto;
    min-height: 100vh;
    max-height: 155vh;
	/*max-height: 100vh;*/ 
}

#striscia-obliqua{
	height:100vh;
	width: 37%;
	z-index:10;
	position:absolute;	
	background-image: url('../PNG/striscia_obliqua.png');
	background-size: cover;	
	background-position: 50%;
    background-repeat: no-repeat;
 
}

.block-top{
	position:absolute;
	top: 0px;
	width: 50vw;
	height:100vh;		
	background-color:#fff;
}

.stats{
	color: #fff;
}

.stats .num{
	font-size:3.75rem;
	font-family: 'Rubik', sans-serif; 
	font-weight: 900;	
	line-height: 1em;
}

.stats small{
	font-size:1.55rem;
	font-family: 'Abel', sans-serif; 
}

.stats .text{
	font-size:2.1rem;
	font-family: 'Rubik', sans-serif; 
}

.stats .arrow{
	width: 30px;
	margin-top:-10px;
}

.stats_1{
	position:relative;
	top:22%;
	left:23%;
}
.stats_2{
	position:relative;
	top:36%;
	left:20%;
}
.stats_3{
	position:relative;
	top:50%;
	left:17%;
}

#box-login,#box-recupera-password{
	position:relative;
	left : 20%; 
	text-align: center;
}

#box-login .titolo,#box-recupera-password .titolo{
	font-family: 'Rubik', sans-serif;
	font-weight: 500;
	font-size: 1.875rem;
	color: #264C6E;	
}
#box-login .sottotitolo,#box-recupera-password .sottotitolo{
	font-family: 'Rubik', sans-serif;
	font-weight: 500;
	font-size: 1.1rem;
	color: #33AFAF;
	margin-bottom:70px;
}
#box-login input[type=text],#box-login input[type=password],#box-recupera-password input[type=email]{
	font-family: 'Rubik', sans-serif;
	font-size: 1.1rem;
	border: none;
	border-bottom: 2px solid #fff;
	background-color: transparent;
	background: transparent;
    margin-bottom: 20px;
    color: #345a78!important;  
    padding: 10px;
    
}

#box-login input[type=password]{
	background-image: url('../SVG/password.svg');
  	background-position: 5px 5px;
  	background-color: transparent;
  	background-repeat: no-repeat;
  	padding-left: 40px;
}
#box-login input[type=text],#box-recupera-password input[type=email]{
	background-image: url('../SVG/user.svg');
  	background-position: 5x 5px;
  	background-color: transparent;
  	background-repeat: no-repeat;
  	padding-left: 40px;
}


#box-login input[type=text]:focus,#box-login input[type=password]:focus{
	border: none;
	border-bottom: 2px solid #fff;
	color: white;  
}

input:-internal-autofill-selected {
	background-color: transparent!important;
	background: transparent!important;
}

.sub-titolo{
	font-family: 'Rubik', sans-serif;
	font-size: 0.9rem;
	color: #5b7288;
}

.cursor_pointer{
   cursor: pointer;
}

.stats_text{
    position: relative;
    top: 14%;
    font-size: 40px;
    font-weight: 900;
    left: 28%;
}

.stats_1 .num{
    background: #FF9E2B;
    padding: 10px;
    border-radius: 15px;   
    margin-right: 15px;
}

.stats_2 .num{
    background: #EB4A66;
    padding: 10px;
    border-radius: 15px;   
    margin-right: 15px;
}

.stats_3 .num{
    background: #4F85A6;
    padding: 10px;
    border-radius: 15px;  
    margin-right: 15px; 
}

@media only screen and (max-height: 800px) {
	#fullpage .mt-15{
		margin-top: 4rem;
	}
	
	.f40{
		font-size: 1.8rem;
	}	
	 
	#video_graph{
	      max-height: 110vh;
	}
	
}

@media only screen and (min-height: 620px) and (min-width: 1000px) {
   #logo-quadrata{ 
    position: absolute;
    bottom: 10px;
    z-index: 2000;
    width: 100%;
    height: 50px;   
   }
}

@media only screen and (max-height: 800px) and (min-width:1000px) {
     #video_graph{
	      max-height: 150vh;
	}
}
@media only screen and (max-width: 1100px) {
	
	.stats .num{
		font-size:2.8rem; 
		line-height: 0.5em;
	}
	.stats .text{
		font-size:1.8rem;
		font-family: 'Rubik', sans-serif; 
	}
	 
}

@media only screen and (max-width: 990px) {
	
	.stats .num{
		font-size:2.4rem; 
		line-height: 0.5em;
	}
	
	.stats small{
		font-size:1rem; 
	}
	
	.stats .text{
		font-size:1.5rem;
		font-family: 'Rubik', sans-serif; 
	}
	
}

@media only screen and (max-width: 769px) {
	.sfondo1{
		background-image: none;
		background-color:#264C6E;
	}
	
	
	.stats .num{
		font-size:2.0rem; 
		line-height: 0.5em;
	}
	
	.stats small{
		font-size:1rem; 
	}
	
	.stats .text{
		font-size:1.5rem;
		font-family: 'Rubik', sans-serif; 
	}
}

.overlay-no-active{
	background: #000000c7;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 99;
	text-align: center;
	vertical-align: middle;

}
.overlay-no-active span{
	    color: #fff;
    font-size: 40px;
    /* top: 50%; */
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%,-50%);
}
	
}