@import url('https://fonts.googleapis.com/css2?family=Gruppo&family=Raleway:ital,wght@0,400;0,700;1,400;1,700&display=swap');

html{
width: 100%; 
height: 100%;
	
font-display: auto;	
		
overflow: initial;
}

body{
position: relative;
	
margin: 0vw;
padding: 0vw;	
	
width: 100%; 
height: 100%;   

font-family: 'Raleway', sans-serif;
font-size: 1.25vw;
text-align: center;	

color: #000000;
	
overflow-x: hidden;
overflow-y: auto;
	
cursor: default;
}










.unselectable, #logo, .menu, .box, #boxH, .button, label, .pfBoxWIP, #contatti_info span, #foot, #foot_middle, #foot_left{
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;	
}


::-webkit-scrollbar{
width: 0.35vw;
}
::-webkit-scrollbar-track{
box-shadow: inset 0.1vw 0.1vw 0.25vw rgba(51,51,51,0.5);
-webkit-box-shadow: inset 0.1vw 0.1vw 0.25vw rgba(51,51,51,0.5);
-moz-box-shadow: inset 0.1vw 0.1vw 0.25vw rgba(51,51,51,0.5);
-o-box-shadow: inset 0.1vw 0.1vw 0.25vw rgba(51,51,51,0.5);
}
::-webkit-scrollbar-thumb{
border-radius: 0.05vw;	
	
background: rgba(25,76,102,0.75);
	
box-shadow: 0.1vw 0.1vw 0.25vw rgba(51,51,51,0.5);
-webkit-box-shadow: 0.1vw 0.1vw 0.25vw rgba(51,51,51,0.5);
-moz-box-shadow: 0.1vw 0.1vw 0.25vw rgba(51,51,51,0.5);
-o-box-shadow: 0.1vw 0.1vw 0.25vw rgba(51,51,51,0.5);
}

h1{
margin: 0vw;	
padding-bottom: 2vw;	
	
font-family: 'Gruppo', sans-serif;
font-size: 3vw;	
font-weight: bold;
color: #194C66;
	
text-align: center;
}
h2{
margin: 0vw;	
padding-bottom: 0.75vw;	
	
font-family: 'Gruppo', sans-serif;
font-size: 2.25vw;	
font-weight: bold;
color: #194C66;	
	
text-align: center;
}
h3{
margin: 1.5vw auto 4vw auto;	
	
font-family: 'Gruppo', sans-serif;
font-size: 2vw;	
font-weight: bold;
color: #194C66;	
	
text-align: center;
}
	h3 span{
	font-size: 50%;
	}

ul{
margin: 0vw;
padding-left: 0.75vw;
	
text-align: justify;
}
	li{
	list-style: none;
	
	margin-top: 0.5vw;	
	padding-left: 2.25vw;	
		
	line-height: 1.5vw;
		
	font-size: 1.2vw;	
		
	background: url('../../img/li.png') left top no-repeat;
	background-size: auto 1.25vw;
	}
	.liTM{
	margin-top: 2vw;	
	}
	li div{
	padding-top: 0.2vw;
	padding-left: 1vw;
		
	font-size: 80%;
	}

.button{
margin: 1vw auto;
padding: 0.5vw 0vw;
	
width: 20vw;
line-height: 2vw;

font-family: 'Gruppo', sans-serif;
font-size: 1.75vw;	
font-weight: bold;
color: #FFFFFF;	
text-align: center;

text-shadow: 0.05vw 0.05vw 0.1vw rgba(51,51,51,0.5);
	
background: rgba(25,76,102,0.8) url('../../img/menu.png') 25vw center no-repeat;	
background-size: auto 2vw;
	
border-radius: 0.25vw;
	
transition: all 0.25s ease-in-out;	

clip-path: polygon(0% 10%, 100% 0%, 100% 90%, 0% 100%);		
	
cursor: pointer;
}
	.button:hover{
	background: rgba(25,76,102,1) url('../../img/menu.png') 17vw center no-repeat;	
	background-size: auto 2vw;
	}

.buttonBack{
display: none;
	
margin: 1vw auto;
padding: 0.5vw 0vw;
	
width: 20vw;
line-height: 2vw;

font-family: 'Gruppo', sans-serif;
font-size: 1.75vw;	
font-weight: bold;
color: #FFFFFF;	
text-align: center;

text-shadow: 0.05vw 0.05vw 0.1vw rgba(51,51,51,0.5);
	
background: rgba(25,76,102,0.8) url('../../img/menuBack.png') -5vw center no-repeat;	
background-size: auto 2vw;
	
border-radius: 0.25vw;
	
transition: all 0.25s ease-in-out;	

clip-path: polygon(0% 10%, 100% 0%, 100% 90%, 0% 100%);		
	
cursor: pointer;
}
	.buttonBack:hover{
	background: rgba(25,76,102,1) url('../../img/menuBack.png') 1vw center no-repeat;	
	background-size: auto 2vw;
	}





.colsBox{
position: relative;
	
display: flex;
flex-wrap: wrap;
justify-content: center;
	
margin: -1.25vw auto;
padding: 0vw;
	
text-align: justify;
}
	.cols{
	margin: 1.25vw 2.5vw;	
		
	width: 33vw;	
	}



label{	
margin: 0.5vw;
	
font-family: 'Gruppo', sans-serif;
font-size: 1.5vw;
font-weight: bold;
text-align: right;
color: #194C66;
	
cursor: pointer;
}

input, textarea{
margin: 0.5vw;
padding: 0.5vw;	
	
width: 20vw;	
height: 1.25vw;
line-height: 1.25vw;
	
	
font-family: 'Raleway', sans-serif;
font-size: 1vw;
text-align: center;	
font-style: italic;
	
background: #F4F6F7;
	
outline: none;
border: none;
border-radius: 0.25vw;
	
box-shadow: 0vw 0vw 0.15vw rgba(51,51,51,1);

cursor: text;
}
textarea{
min-height: 4vw;
height: 4vw;
max-height: 16vw;
	
text-align: justify;
	
resize: vertical;
}

input:focus, textarea:focus{
box-shadow: inset 0vw 0vw 0.25vw rgba(51,51,51,1);
}



a{
color: #194C66;
	
text-decoration: underline;
text-decoration-color: #194C66;
}
a:hover{
color: #333333;
}


/*			AGENCY 			*/

#boxA{
position: absolute;
top: 31vw;
left: 0vw;
	
height: 1vw;
	
z-index: -1;
}

/*			SOLUZIONI 			*/

.boxOpen{
display: none;

margin: 1.25vw 0vw 1.25vw 5vw;	
		
width: 33vw;
min-height: 27.5vw;
}

.disclaimer{
position: absolute;
bottom: -1vw;
right: 2.5vw;
		
display: none;
	
		
width: 50vw;
line-height: 1vw;
	
font-size: 0.55vw;
text-align: right;
}

/*			CONTATTI 			*/

#contatti_tab{
display: inline-block;

margin: 0vw auto;
}

.contatti_row{
display: flex;
align-items: center;
}
    #contatti_tab label{width: 10vw;
    line-height: 2.25vw;
    }

#contatti_button{
margin-top: 0.5vw;
}


#contatti_info{
margin-top: 0.75vw;	
}
	
#contatti_info span{
font-family: 'Gruppo', sans-serif;
font-size: 1.75vw;
font-weight: bold;
text-align: right;
}

#contatti_info div{
margin: 1vw 0.5vw;
	
line-height: 1.25vw;	
	
font-size: 1vw;
}

/*		###################		*/





#topShadow{
position: fixed;
top: 0vw;
left: 0vw;
	
filter: drop-shadow(0vw 0vw 0.25vw rgba(51,51,51,1));
	
z-index: 1;
}
#top{
display: flex;
align-items: center;
justify-content: space-between;
    
padding: 0.5vw 2vw 1vw 3vw;	
	
width: 95vw;
	
font-family: 'Gruppo', sans-serif;
font-size: 1.5vw;	
	
background: rgba(51,51,51,1);

clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 0% 100%);	
}

	#logo{
    display: flex;
    align-items: center;
    justify-content: flex-start;
        
    container-type: size;
        
    width: 27.5vw;    
        
    max-height: 8.5vw;    
    height: 90%;
		
	color: #FFFFFF;
	font-weight: bold;
		
	transition: all 0.25s ease-in-out;	
		
	cursor: pointer;
	}
        #logo img{
        margin-right: 20cqh;    
            
        height: 100%;
        }
        #logo div{
        font-size: 47.5cqh;
        }
        #logo:hover{
        opacity: 0.5;
        }

    #menuIcon{
    display: none;    
    }
	#menu{
	display: flex;
	flex-wrap: nowrap;	
	align-items: center;
	justify-content: center;
		
	width: 60vw;
	height: 100%;
		
	font-size: 2.25vw;
	font-weight: bold;
		
	text-shadow: 0.1vw 0.1vw 0.25vw #000000;
	}
	.menu{
	margin: 0vw 0.5vw;	
	padding-bottom: 1vw;	
		
	width: 14vw;
	line-height: 15vw;	
		
	color: rgba(255,255,255,1);
	text-align: center;
	white-space: nowrap;
		
	transition: all 0.25s ease-in-out;	
		
	cursor: pointer;
	}

	.menu:hover{
	opacity: 0.5;
	}





#content{
position: relative;
	
padding: 13.5vw 0vw;
	
width: 100vw;
min-height: calc(100vh - 31vw);
	
z-index: 0;
}


#boxH{
position: relative;
	
margin: -5vw 0vw 2vw 0vw;
	
width: 100vw;	
height: calc(100vh - 20vw);
	
clip-path: polygon(0% 0%, 100% 0%, 100% 95%, 0% 100%);	
}
#boxH video{
position: fixed;
top: -40vw;
left: 0vw;
	
width: 100vw;	
height: 100vw;	

background-color: #2c2c31;
background-image: url('../../img/load.gif');
background-position: center calc(100% - 15vw);
background-repeat: no-repeat;
background-attachment: fixed;
background-size: auto 10vw;
    
opacity: 0.65;	
	
z-index: 0;
}
	#boxTextH{
	position: absolute;
	top: 0vw;
	left: 0vw;
        
    display: flex;
    align-items: center;
    justify-content: center;

	width: 100vw;
	height: calc(100vh - 20vw);
		
	font-family: 'Gruppo', sans-serif;
	color: #194C66;
	font-size: 9vh;
	font-weight: bold;	

	mix-blend-mode: saturation;

	z-index: 1;
	}


.box{
margin: 4vw auto;
padding: 11vh 0vw 13vh 0vw;	

width: 100vw;	
height: 12vh;
	
background-position: center center;
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
	
clip-path: polygon(0% 9%, 100% 0%, 100% 89%, 0% 100%);	
}
	.boxText{
	font-family: 'Gruppo', sans-serif;
	color: #194C66;
	font-size: 12vh;
	font-weight: bold;
	text-shadow: 0.1vw 0.1vw 0.1vw rgba(0,0,0,0.5);	

	mix-blend-mode: color-burn;
	}




.pfBoxSubTit{
padding-top: 0.5vw;    
    
font-size: 75%;
}

.pfBoxWIP{
margin: 1vw auto;
padding: 0.5vw 0vw;
	
width: 20vw;
line-height: 2vw;
 
font-family: 'Gruppo', sans-serif;
font-size: 1.75vw;	
font-weight: bold;
color: #83311C;	
text-align: center;

text-shadow: 0.05vw 0.05vw 0.1vw rgba(51,51,51,0.5);
	
border-radius: 0.25vw;
    
border: 0.15vw solid #83311C;	   

clip-path: polygon(0% 10%, 100% 0%, 100% 90%, 0% 100%);		  
}







#footShadow{
position: relative;
	
filter: drop-shadow(0vw 0vw 0.25vw rgba(51,51,51,1));
}
#foot{
display: flex;
justify-content: space-between;
align-items: flex-start;    
column-gap: 1vw;
    
padding: 5vw 5vw 2.5vw 5vw;	
	
width: 90vw;

color: #FFFFFF;	
font-family: 'Gruppo', sans-serif;
	
background: rgba(51,51,51,1);

clip-path: polygon(0% 15%, 100% 0%, 100% 100%, 0% 100%);	
	
z-index: 0;
}

	#foot_left{
	width: 15vw;

    opacity: 0.25;
	}	

		#foot_left img{
		height: 4vw;
		}

		#foot_copy{
		margin-top: 0.5vw;

		font-size: 1vw;	
		font-weight: bold;
		}

	#foot_right{
    margin-top: -2.5vw;    
        
	line-height: 1vw;
			
	text-align: left;
	}
        #foot_rightTit{
		font-size: 1.4vw;				
		font-weight: bold;
        }
            #foot_rightTit span{
            line-height: 1.5vw;

            font-size: 0.9vw;	
            }
		#foot_rightInd{
        padding: 0.5vw 0vw;    
            
		font-size: 1vw;				           
        }

        #foot_menu{            
        line-height: 1vw;    
            
        font-size: 0.9vw;	
        }
            .foot_menu{
            cursor: pointer;
            }



#loader{
display: none;
	
position: fixed; 
top: 0vw; 
left: 0vw; 
	
width: 100vw;
height: 100vh;

background: #fcfdfc url("../../img/loader.gif") center center no-repeat;
background-size: 25vw auto;
	
z-index: 999;
}