.noDesktop{
display: none;
}




@font-face {
font-family: 'Font';
font-style: normal;
font-weight: 400;
src: url('Comfortaa-VariableFont_wght.ttf') format('truetype');
font-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: 'Font', sans-serif;
font-size: 1vw;
text-align: center;

color: #000000;

cursor: default;

overflow-x: hidden;
overflow-y: auto;
}



.unselectable, label, input[type="checkbox"], input[type="radio"], #top, .marchi_img, .marchi_catListRow, #back_button, .prodotti_box, #box404{
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.boxShadow{
box-shadow: 0vw 0vw 0.25vw #787878;
-webkit-box-shadow: 0vw 0vw 0.25vw #787878;
-moz-box-shadow: 0vw 0vw 0.25vw #787878;
-o-box-shadow: 0vw 0vw 0.25vw #787878;
}




a{
color: #FFFFFF;
text-decoration-style: dashed;
font-style: italic;
}
	a:hover{
	text-decoration-style: solid;
	}



input[type="text"], textarea, button{
padding: 1vw;	

line-height: 1.5vw;		
	
font-family: 'Font', sans-serif;
font-size: 1vw;
}




label{	
font-size: 1.5vw;
font-weight: bold;
	
cursor: pointer;
}



.hr{
clear: both;
	
margin: 5vw auto;
	
width: 50vw;
	
border-radius: 10vw;	
	
border: 0.2vw solid rgba(162,36,75,1);	
	
box-shadow: 0vw 0.1vw 0.15vw #B1B1B1;
-webkit-box-shadow: 0vw 0.1vw 0.15vw #B1B1B1;
-moz-box-shadow: 0vw 0.1vw 0.15vw #B1B1B1;
-o-box-shadow: 0vw 0.1vw 0.15vw #B1B1B1;
}













#top{
display: flex;
align-items: center;
justify-content: center;
    
padding: 0vw 2.5vw;    
    
width: 95vw;
height: 10vw;

color: #FFFFFF;
text-shadow: 0vw 0.1vw 0.15vw #787878;
font-size: 1.25vw;


background: rgba(162,36,75,1);

box-shadow: 0vw 0.1vw 0.15vw #787878;
-webkit-box-shadow: 0vw 0.1vw 0.15vw #787878;
-moz-box-shadow: 0vw 0.1vw 0.15vw #787878;
-o-box-shadow: 0vw 0.1vw 0.15vw #787878;
}

	#logo{
	width: 12.5vw;
	height: 8vw;

	background: url('../img/bunino.png') center left no-repeat;
	background-size: contain;

	cursor: pointer;
	}

	#menu{
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 1vw;
        
	flex-grow: 1;
        
	height: 8vw;
	}
		.menu{
        position: relative;
            
		padding: 3vw 0vw;

		width: 12vw;
		line-height: 2vw;
            
		cursor: pointer;
		}
            .menu:hover{
            font-weight: bold;
            }
            .menu img{
            position: absolute;
            left: 25%;
            bottom: 1.5vw;
                
            width: 50%;
            }

	#topRight{
    margin-left: 1vw;    
        
	width: 7vw;
	height: 7vw;

	background: url('../img/CPP.png') center center no-repeat;
	background-size: contain;
        
    cursor: pointer;
	}


#content{
padding: 5vw 1vw 15vw 1vw;

width: 98vw;
min-height: calc(100vh - 38vw);
}



	#top_slideshow{
	margin: -5vw -1vw 5vw -1vw;

	width: 300vw;
	height: 20vw;

	background: rgba(162,36,75,0.05);

	box-shadow: 0vw 0.1vw 0.15vw #787878;
	-webkit-box-shadow: 0vw 0.1vw 0.15vw #787878;
	-moz-box-shadow: 0vw 0.1vw 0.15vw #787878;
	-o-box-shadow: 0vw 0.1vw 0.15vw #787878;
		
	overflow: hidden;
	}

	#top_slideshow div{
	float: left;
		
	width: 100vw;	
	height: 20vw;
		
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	}








/*			404 		*/

#box404{
cursor: pointer;
}

#img404{
width: 20vw;
}

/*			HOME 		*/

#home_desc{
margin: 5vw auto -20vw auto;
padding: 0vw 12.5vw 15vw 12.5vw;	
	
line-height: 2vw;	
	
text-align: justify;
font-size: 1.25vw;	
	
background: url("../img/back.png") 7vw calc(100% - 10vw) no-repeat;
background-size: 10vw;
}

.home_hr{
clear: both;
	
margin: 2vw auto;
	
width: 5vw;
	
border-radius: 10vw;	
	
border: 0.1vw solid rgba(162,36,75,1);	
	
box-shadow: 0vw 0.1vw 0.15vw #B1B1B1;
-webkit-box-shadow: 0vw 0.1vw 0.15vw #B1B1B1;
-moz-box-shadow: 0vw 0.1vw 0.15vw #B1B1B1;
-o-box-shadow: 0vw 0.1vw 0.15vw #B1B1B1;
}


#home_cpp{
display: none;	
}

#home_natale{
margin: 0vw auto; 
    
width: 35vw; 
    
box-shadow: 0vw 0.1vw 0.25vw #B1B1B1; 
-webkit-box-shadow: 0vw 0.1vw 0.25vw #B1B1B1; 
-moz-box-shadow: 0vw 0.1vw 0.25vw #B1B1B1; 
-o-box-shadow: 0vw 0.1vw 0.25vw #B1B1B1;
}


/*			FIRST CHOICE 		*/


#flipBook{
margin: 0vw auto;
	
width: 94vw;
height: 50vw;
}


/*			CONTATTI 		*/


#contatti_map{
position: absolute;
top: 10vw;
right: 0vw;
	
width: 55vw;
height: 20vw;
	
background: #FFFFFF;
}


#contatti_form{
display: inline-block;
	
margin: 0vw auto;
}
.contatti_form{
float: left;
	
width: 31vw;
}


	#contatti_email{
	margin: 1vw auto;	
		
	width: 20vw;
		
	text-align: center;	
	font-style: italic;
	}
	#contatti_text{
	margin: 1vw auto;	
		
	width: 30vw;
	height: 10vw;
		
	text-align: left;
		
	resize: none;	
	}

	#contatti_button{
	margin: 2.65vw auto;	
		
	width: 20vw;
		
	text-align: center;
	font-size: 1.5vw;
	font-weight: bold;
		
	font-variant-caps: small-caps;
		
	cursor: pointer;
	}


/*			MARCHI			*/

#marchi_img{
margin: -2.5vw auto 0vw auto;
	
max-width: 90vw;
}

.marchi_img, #back_button{
display: inline-block;	
	
margin: 1vw;
padding: 2vw;
	
width: 10vw;
	
border-radius: 0.35vw;	
	
background: rgba(162,36,75,0.05);	
	
box-shadow: 0vw 0.1vw 0.25vw #787878;
-webkit-box-shadow: 0vw 0.1vw 0.25vw #787878;
-moz-box-shadow: 0vw 0.1vw 0.25vw #787878;
-o-box-shadow: 0vw 0.1vw 0.25vw #787878;
	
cursor: pointer;
}
.marchi_img:hover, #back_button:hover{
background: rgba(162,36,75,0.1);	
	
box-shadow: inset 0vw 0.1vw 0.25vw #787878;
-webkit-box-shadow: inset 0vw 0.1vw 0.25vw #787878;
-moz-box-shadow: inset 0vw 0.1vw 0.25vw #787878;
-o-box-shadow: inset 0vw 0.1vw 0.25vw #787878;
}

#marchi_sep{
margin: 5vw auto 1vw auto;
    
font-variant: small-caps;
color: #A2244B;
font-weight: bold;
font-size: 2vw;    
}

.marchi_imgA{
display: inline-block;	
	
margin: 0.5vw;
padding: 1vw;
	
width: 5vw;
	
border-radius: 0.35vw;	
	
background: rgba(162,36,75,0.05);	
	
box-shadow: 0vw 0.1vw 0.25vw #787878;
-webkit-box-shadow: 0vw 0.1vw 0.25vw #787878;
-moz-box-shadow: 0vw 0.1vw 0.25vw #787878;
-o-box-shadow: 0vw 0.1vw 0.25vw #787878;
	
cursor: help;
}


#back_button{
margin-left: 5vw;	
padding: 0.75vw 2vw;
	
font-size: 1.25vw;	
font-weight: bold;
font-variant-caps: small-caps;	
	
opacity: 0;
}





.marchi_cat{
display: none;
	
float: right;
	
width: 65vw;
}
.marchi_catList{
float: left;
	
margin-top: 3vw;	
	
width: 15vw;
}
	.marchi_catListRow{
	margin-bottom: 0.5vw;	
	padding-left: 2.5vw;	
		
	line-height: 2vw;	
		
	text-align: left;
		
	background: url('../img/pdf.png') top left no-repeat;
	background-size: 1.75vw;
		
	cursor: pointer;
	}
	.marchi_catListRow:hover{
	text-decoration: underline;
	}


.marchi_iframeBox{
float: right;
	
margin-bottom: 5vw;	
	
width: 47.5vw;
height: 100vh;
	
border-radius: 0.25vw;	
	
box-shadow: 0vw 0.1vw 0.25vw #787878;
-webkit-box-shadow: 0vw 0.1vw 0.25vw #787878;
-moz-box-shadow: 0vw 0.1vw 0.25vw #787878;
-o-box-shadow: 0vw 0.1vw 0.25vw #787878;
		
background: url('../img/load.gif') center 10vw no-repeat;
background-size: 5vw;
	
overflow: hidden;
}

/*			PRODOTTI			*/

#prodotti_box{
margin: -2.5vw auto 0vw auto;
}


.prodotti_box{
display: inline-block;
	
margin: 1vw;
padding: 2vw 2vw 2vw 10vw;
	
width: 15vw;
height: 4vw;
line-height: 2vw;
		
border-radius: 0.35vw;	
	
background-color: rgba(162,36,75,0.05);	
background-position: 1.5vw bottom;
background-repeat: no-repeat;
background-size: contain;
	
box-shadow: 0vw 0.1vw 0.25vw #787878;
-webkit-box-shadow: 0vw 0.1vw 0.25vw #787878;
-moz-box-shadow: 0vw 0.1vw 0.25vw #787878;
-o-box-shadow: 0vw 0.1vw 0.25vw #787878;
	
cursor: pointer;
	
overflow: hidden;
}
.prodotti_box:hover{
background-color: rgba(162,36,75,0.1);	
	
box-shadow: inset 0vw 0.1vw 0.25vw #787878;
-webkit-box-shadow: inset 0vw 0.1vw 0.25vw #787878;
-moz-box-shadow: inset 0vw 0.1vw 0.25vw #787878;
-o-box-shadow: inset 0vw 0.1vw 0.25vw #787878;
}

.prodotti_mrc{
display: none;
	
float: right;
	
width: 65vw;
min-height: calc(100vh - 20vw);	
}
	.prodotti_tit{
	font-weight: bold;
	}
	.prodotti_img{
	margin: 1vw;
	padding: 1vw 2.5vw;

	width: 10vw;

	border-radius: 0.35vw;	
		
	background-color: rgba(162,36,75,0.05);	

	box-shadow: 0vw 0.1vw 0.25vw #787878;
	-webkit-box-shadow: 0vw 0.1vw 0.25vw #787878;
	-moz-box-shadow: 0vw 0.1vw 0.25vw #787878;
	-o-box-shadow: 0vw 0.1vw 0.25vw #787878;

	cursor: pointer;
	}
	.prodotti_img:hover{
	background-color: rgba(162,36,75,0.1);	

	box-shadow: inset 0vw 0.1vw 0.25vw #787878;
	-webkit-box-shadow: inset 0vw 0.1vw 0.25vw #787878;
	-moz-box-shadow: inset 0vw 0.1vw 0.25vw #787878;
	-o-box-shadow: inset 0vw 0.1vw 0.25vw #787878;
	}

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





#footPush{
clear: both;
}

#foot{
padding: 0.75vw 0vw 1.25vw 0vw;

width: 100vw;
height: 6vw;

color: #FFFFFF;
text-shadow: 0vw 0.1vw 0.15vw #787878;
font-size: 0.75vw;

background: rgba(162,36,75,1);

box-shadow: 0vw -0.1vw 0.15vw #787878;
-webkit-box-shadow: 0vw -0.1vw 0.15vw #787878;
-moz-box-shadow: 0vw -0.1vw 0.15vw #787878;
-o-box-shadow: 0vw -0.1vw 0.15vw #787878;
}
#foot strong{
font-size: 1vw;
}

	#foot_1{
	float: left;

	margin: 1vw 5vw 1vw 2vw;

	width: 15vw;
	line-height: 1.15vw;

	text-align: left;
	}
	#foot_2{
	float: left;

	margin: 2.15vw 0vw;

	width: 15vw;
	line-height: 1.15vw;

	text-align: left;
	}
	#foot_3{
	float: left;

	margin: 2.15vw 0vw;

	width: 15vw;
	line-height: 1.15vw;

	text-align: left;
	}

	#foot_4{
	float: right;

	margin: 1vw 2.5vw 0vw 0vw;
	padding: 1vw 2.5vw;
			
	height: 3vw;
		
	background: #FFFFFF;	
		
	border-radius: 2vw 0vw;

	box-shadow: inset 0vw 0vw 0.2vw #787878;
	-webkit-box-shadow: inset 0vw 0vw 0.2vw #787878;
	-moz-box-shadow: inset 0vw 0vw 0.2vw #787878;
	-o-box-shadow: inset 0vw 0vw 0.2vw #787878;
	}
	#foot_5{
	float: right;

	margin: 1vw 2vw 0vw 0vw;
			
	line-height: 1.15vw;

	font-size: 1vw;	
	text-align: right;
	font-weight: bold;
	font-style: normal;
	}



	#foot_copy{
	float: left;
	
	margin: 2.75vw 0vw 0vw 5vw;
		
	width: 3vw;
	height: 3vw;
		
	background: url('../img/d.png') center center no-repeat;
	background-size: contain;
		
	cursor: pointer;
	}