html, body{width:100%; height:100%; margin: 0; padding: 0; font-family:'Montserrat', san serif; font-weight: 300; color: #2e3644;-webkit-text-size-adjust:100%;backface-visibility: hidden; will-change: all;/*-webkit-font-smoothing:antialiased;*/ }
html { overflow: overlay;   height: 100%;  -webkit-text-size-adjust: 100%;}
body { height: 100%;  } 

@media all and (max-width: 480px) {
	 
}

a,a:hover {text-decoration: none;transition: .4s all;}

/* custom fomt, colors*/
.font-smoothing-antialiased {-webkit-font-smoothing: antialiased;}
.font-MontSerrat {font-family: 'Montserrat';}
.font-adelia {font-family: 'adelia';} 

.font-weight-thin {font-weight: 100;}
.font-weight-xlight {font-weight: 200;}
.font-weight-light {font-weight: 300;}
.font-weight-regular {font-weight: 400;}
.font-weight-medium {font-weight: 500;}
.font-weight-sbold {font-weight: 600;}
.font-weight-bold {font-weight: 700;}

.font-size-xsmall {font-size: 12px;}
.font-size-small {font-size: 16px;}
.font-size-normal {font-size: 20px;}
.font-size-medium {font-size: 24px;}
.font-size-large {font-size: 34px;}
.font-size-xlarge {font-size: 46px;}
.font-size-xxlarge {font-size: 56px;}


.lh-n {line-height: normal}
.lh-120 {line-height: 120%}
.lh-150 {line-height: 150%}
.lh-200 {line-height: 200%}

.ls-2 { letter-spacing: 2px;}
.ls-7 { letter-spacing: 7px;}


@media all and (max-width: 480px) {	
	
	.font-weight-thin {font-weight: 300;}
	
	.font-size-xsmall {font-size: 12px;}
	.font-size-small {font-size: 16px;}
	.font-size-normal {font-size: 18px;}
	.font-size-medium {font-size: 22px;}
	.font-size-large {font-size: 28px;}
	.font-size-xlarge {font-size: 38px;}
}


.colore-primario { color: #2d2b68;}
.colore-primario-light { color: #7a7a7a;}

.colore-secondario { color: #222d3f}
.colore-secondario-light { color: #7a818c;}

.colore-fondo-primario { background-color: rgba(34,34,34,1);}
.colore-fondo-primario-light {  background-color: rgba(122,122,122,1);}

.colore-fondo-secondario { background-color: rgba(34,45,63,1);}
.colore-fondo-secondario-light {  background-color:  rgba(122,129,140,1);}
  
/*SIDE NAV HELP*/
#mySidenav{position:fixed;top:20%; left: -200px; width: 200px; height: auto; background-color: #fff; padding: 10px 20px; transition:.3s; z-index:999;box-shadow: -6px 0px 20px rgba(0,0,0,0.2);}
#mySidenav:hover{left:0}
#mySidenav .btnOpen{ position: absolute; top: 0px; right: -40px; height: 40px; width: 40px; line-height: 40px; text-align: center; background-color: #fff;color: #333;box-shadow: 6px 2px 8px rgba(0,0,0,0.2); }
#mySidenav a{ display: block; transition:.3s;padding:5px 0; width: 100%;text-decoration:none;font-size:14px;color:#333 ;white-space: nowrap; }
#mySidenav a:hover { opacity: .6}
#mySidenav a.divider { height: 0; margin: .5rem 0 0 0; overflow: hidden; border-top: 1px solid #e9ecef;} 
 
@media all and (max-width: 667px) { 	
	#mySidenav a{ text-decoration:none;font-size:16px;}
}
 

/* Tablet in modalità orizzontale */
@media only screen and (width: 820px) and (height: 1106px)  { 			
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {	
}

/* Tablet in modalità verticale */
@media all and (min-width: 481px) and (max-width: 768px) { 			
}

@media all and (max-width: 667px) { 			
}

@media all and (min-width: 737px) and (max-width: 1279px) {  	
}
 
@media all and (min-width: 481px) and (max-width: 820px) {		 
}

@media (max-width:736px){	 	 
} 	

.no-header {position: relative; width: 66.7%; min-height: 100vh; margin-top: 100px; margin-left: 33.3%;}	

@media all and (max-width: 480px) {
	.no-header { width: 100%; margin-left: 0; padding-left: 15px; padding-right: 15px; margin-top: 50vh;  height: auto;}	
}
	 
 
/*MAIN*/
.main { position: relative; display: inline-block; width: 100%;  background-color: #fff; /*overflow-x: hidden;*/}
  

.fg-top-gradient {
	position: absolute; top: 0; left: 0; right: 0; height: 20%; z-index: 1;
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

/*sezioni*/

.sezione {position: relative; display:inline-block; width: 100%; min-height: 50vh; }
 
.sezione .s-image {position: relative; overflow: hidden;}
.sezione .s-image img { width: 100%; height: 100%; object-fit: cover; object-position: center;}

/* Smartphone o piccoli Tablet */
@media all and (max-width: 480px) { 
	 
}
/* FOOTER */  

.footer {position: relative; display: inline-block; width: 100%; padding: 5% 10%; margin-bottom: 200px;  -webkit-font-smoothing: antialiased;}
.footer strong { font-weight: 700;}
 
.footer .social a{ display:inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin: 0 10px; background-color: #2d2b68; color: #fff; border-radius: 50%; transition: transform .3s}
.footer .social a:hover { transform: scale(1.1);}

@media all and (min-height: 1100px) { 
	 
}

/* Smartphone o piccoli Tablet */
@media all and (max-width: 480px) { 
	  
} 	


@media all and (min-width: 1280px) { 
}