body{
font-size: 5vw;
}

h1{
padding-bottom: 5vw;	

font-size: 10vw;
font-weight: bold;
}
h2{
padding: 5vw 0vw;	
	
font-size: 8.5vw;	
}
h3{
margin: 2.5vw auto 5vw auto;	

font-size: 8.5vw;	
}
	h3 span{
	font-size: 65%;
	}

ul{
padding-left: 5vw;
}
	li{
	list-style: none;
	
	margin-top: 2.5vw;	
	padding-left: 7.5vw;	
		
	line-height: 7.5vw;
		
	font-size: 5vw;	
		
	background: url('../../img/li.png') left top no-repeat;
	background-size: auto 5vw;
	}
	.liTM{
	margin-top: 15vw;
	}
	li div{
	padding-top: 5vw;
	padding-left: 2.5vw;
		
	font-size: 80%;
	}

.button{
margin: 5vw auto 25vw auto;
padding: 2.5vw 5vw;
	
width: 80vw;
line-height: 10vw;

font-size: 8.5vw;	

text-shadow: 1vw 1vw 2.5vw rgba(51,51,51,0.5);
	
background: rgba(25,76,102,0.8) url('../../img/menu.png') 75vw center no-repeat;	
background-size: auto 7.5vw;
	
border-radius: 1vw;
}
	.button:hover{
	background: rgba(25,76,102,1) url('../../img/menu.png') 75vw center no-repeat;	
	background-size: auto 7.5vw;
	}

.buttonBack{
margin: 5vw auto 10vw auto;
padding: 2.5vw 5vw;
	
width: 80vw;
line-height: 10vw;

font-size: 8.5vw;	

text-shadow: 1vw 1vw 2.5vw rgba(51,51,51,0.5);
	
background: rgba(25,76,102,0.8) url('../../img/menuBack.png') 5vw center no-repeat;	
background-size: auto 7.5vw;
	
border-radius: 1vw;
}
	.buttonBack:hover{
	background: rgba(25,76,102,1) url('../../img/menuBack.png') 5vw center no-repeat;	
	background-size: auto 7.5vw;
	}





.colsBox{
display: block;
	
margin: 2.5vw auto;
}
	.cols{
	margin: 2.5vw;	
		
	width: 95vw;	
	}



label{	
margin: 2.5vw;
	
width: 90vw;    
    
font-size: 7.5vw;
text-align: center;
}

input, textarea{
margin: 2.5vw 2.5vw 10vw 2.5vw;
padding: 2.5vw;	
	
width: 80vw;	
height: 7.5vw;
line-height: 7.5vw;
	
font-size: 5vw;

border-radius: 1.5vw;
	
box-shadow: 0vw 0vw 0.5vw rgba(51,51,51,1);
}
textarea{
min-height: 25vw;
height: 25vw;
max-height: 80vh;
}

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



/*			AGENCY 			*/

#boxA{
position: relative;
top: -17.5vw;
}

/*			SOLUZIONI 			*/

.boxOpen{
display: none;

margin: 2.5vw;	
		
width: 90vw;
min-height: 27.5vw;
}

.disclaimer{
position: relative;
right: 0vw;
bottom: 0vw;
		
display: none;
	
margin: 15vw auto 5vw auto;
    
width: 90vw;
line-height: 5vw;
	
font-size: 4vw;
text-align: justify;
}

/*			CONTATTI 			*/

#contatti_tab{
display: block;

width: 90vw;
}

.contatti_row{
display: block;
    
text-align: center;    
}

#contatti_tab label{
line-height: 7.5vw;
}

#contatti_button{
margin-top: 2.5vw;
}


#contatti_info{
margin-top: -10vw;
}
	
#contatti_info span{
display: none;
}

#contatti_info div{
margin: 0vw auto;
	
line-height: 7.5vw;	
	
font-size: 5vw;
text-align: center;
}

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





#topShadow{
filter: drop-shadow(0vw 0vw 1.5vw rgba(51,51,51,1));
}
#top{
flex-wrap: wrap;
    
padding: 5vw 2.5vw 7.5vw 2.5vw;	
	
width: 95vw;
	
font-size: 8vw;	

clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 5vw), 0% 100%);	
}

	#logo{
    margin-left: 5vw;    
        
    width: 25vw;    
        
    max-height: 100%;    
    height: 25vw;    
	}
        #logo img{
        margin-right: 3.5vw;   
        }
        #logo div{
        font-size: 7.5vw;
        }
        #logo:hover{
        opacity: 1;
        }


    #menuIcon{
    display: block;
        
    margin-right: 5vw;    
        
    height: 7.5vw; 
        
    cursor: pointer;
    }
    #menu{
	display: none;
		        
    margin: 5vw 0vw -3.5vw 0vw;    
    padding: 0vw 2.5vw;    
        
	width: 95vw;
	height: auto;
		
	font-size: 8vw;
		
	text-shadow: 1vw 1vw 2vw #000000;
	}
	.menu{
	margin: 0vw;	
	padding-bottom: 1vw;	
		
	width: 100%;
	line-height: 10vw;	

    text-align: left;
	}

	.menu:hover{
	font-size: 8vw;
	}





#content{
padding: 25vw 0vw;
	
width: 100vw;
min-height: calc(100vh - 50vw);
}


#boxH{
margin: -5vw 0vw 15vw 0vw;
	
width: 100vw;	
height: calc(100vh - 15vw);
	
clip-path: polygon(0% 0%, 100% 0%, 100% 98%, 0% 100%);
}
#boxH video{
top: 0vw;
left: 0vw;
	
width: auto;	
height: 100vh;
    
background-position: center calc(100% - 25vw);
background-size: auto 50vw;
}
	#boxTextH{
    flex-direction: column;
        
    margin: 0vw 5vw;    
        
	width: 90vw;
	height: calc(100vh - 15vw);
		
	font-size: 15.5vw;
	font-weight: bold;	

	mix-blend-mode: saturation;

	z-index: 1;
	}


.box{
margin: 10vw auto;
padding: 10vh 0vw 7.5vh 0vw;	
    
clip-path: polygon(0% 7.5%, 100% 0%, 100% 92.5%, 0% 100%);
}

    .box[data-A='Soluzioni']{
    background-position: left center;
    }
    .box[data-A='Portfolio']{
    background-position: bottom center;
    }
	.boxText{
	font-size: 20vw;
    text-shadow: 0.5vw 0.5vw 0.25vw rgba(0,0,0,0.5);	
	}




.pfBoxSubTit{
padding-top: 2.5vw;    
    
font-size: 80%;
}

.pfBoxWIP{
margin: 5vw auto 25vw auto;
padding: 2.5vw 5vw;
	
width: 80vw;
line-height: 10vw;

font-size: 8.5vw;	
color: #83311C;	
    
text-shadow: 1vw 1vw 2.5vw rgba(51,51,51,0.5);
	
border-radius: 1vw;
border: 0.15vw solid #83311C;	      
}







#footShadow{
filter: drop-shadow(0vw 0vw 1.5vw rgba(51,51,51,1));
}
#foot{
flex-direction: column;
    
padding: 5vw 0vw;	
    
width: 100vw;
    
text-align: center;

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

	#foot_left{
	width: 100%;
        
    order: 3;
	}	

		#foot_left img{
		display: none;
		}

		#foot_copy{
		margin-top: 2.5vw;

		font-size: 5vw;
		}

	#foot_right{
    margin-top: 5vw;    
    width: 100%;    
        
	line-height: 7.5vw;
			
	text-align: center;
        
    order: 1;
	}
        #foot_rightTit{
		font-size: 7.5vw;
        }
            #foot_rightTit span{
            font-size: 5vw;	
            }
		#foot_rightInd{
        padding: 5vw 0vw;    
            
		font-size: 5vw;				           
        }

        #foot_menu{            
        display: none;
        }