@font-face {
    font-family:'Helvetica';
	src:url('fonts/HelveticaLight.ttf');
	src:url('fonts/AdobeFnt14.lst');
	src:url('fonts/HelveNeuLig');
	src:url('fonts/HelveNeuLigIta');
	src:url('fonts/Helvetica%20Neue%203');
	src:url('fonts/Helvetica.dfont');
	src:url('fonts/HelveticaLight.ttf');
}

*, *:before, *:after {
  box-sizing: border-box; 
}

body{
margin:0;
padding:0;
font-size:100%;	
font-family:'Helvetica';
}
#main-container{
width:100%;
margin:0 auto;
overflow:hidden;
}
#wrapper{
width:100%;
max-width:1140px;
margin:0 auto;
}

  header{
	width:100%;
	 margin:0 auto;
  }
  #menu{
	width:100%;
	max-width:1140px;
	float:left;  
	margin:0;
	padding-top:80px;
	padding-bottom:10px;

  }
  #menu li{
	list-style:none;
	display:inline;
	text-align:center;
  }
.current{
	font-weight:900;
  }
 
   #menu li a {
	color:#C93;
	text-decoration:none;
	margin-right:10px;
	transition: all ease 0.3s;
	font-size:1.1em;
  }
   #menu li a:hover {
	color:#7b693c;
	
  }
#logo{
width: 210px;
height: 135px;
background:#fff;
-moz-border-radius: 105px / 67.5px;
-webkit-border-radius: 105px / 67.5px;
border-radius: 105px / 67.5px;
position:absolute;
margin-top:-80px;
margin-left:80px;
z-index:3;
-webkit-box-shadow: -1px 9px 6px 0px rgba(50, 50, 50, 0.3);
-moz-box-shadow:    -1px 9px 6px 0px rgba(50, 50, 50, 0.3);
box-shadow:         -1px 9px 6px 0px rgba(50, 50, 50, 0.3);
cursor:pointer;
  }
  #logo img{
	margin-top:10px;
	margin-left:5px; 
  }
  
  /****** NAV PRIMARY  **********/
  
  nav#primary {
	z-index: 5;
	position: fixed;
	top: 50%;
	right: 16px;
	margin-top: -40px;
}
nav#primary li {
	position: relative;
	height: 20px;
	list-style:none;
}
nav#primary a {
	display: block;
	width: 20px;
	height: 20px;
	margin-top:10px;
	text-indent: -9999px;
	background: transparent url('../img/nav-dot.png') 4px 4px no-repeat;
}

nav#primary a:hover, nav#primary a.active {
	background: transparent url('../img/nav-dot.png') 4px -16px no-repeat;
}
nav#primary h1 {
	position: absolute;
	right: 22px;
	top: -22px;
	display: none;
	padding: 12px 20px 10px 7px;
	color: #fff;
	white-space: nowrap;
	background: transparent url('../img/nav-arrow.png') 100% 50% no-repeat;
	font-size:1em;
	
	}
	
 h1 {
	position: absolute;
	right: 22px;
	top: -22px;
	display: none;
	padding: 12px 20px 10px 7px;
	color: #fff;
	white-space: nowrap;
	background: transparent url('../img/nav-arrow.png') 100% 50% no-repeat;
	font-size:1em;
	
	}


nav.next-prev {
	margin: 0;
	padding:0;
	padding:10px
	}
	#about-us a.next{
	margin-bottom:20px;	
	}

	a.prev,
	a.next {
		display: block;
		width: 15px;
		height: 11px;
		text-indent: -9999px;
		}
	a.prev {
		margin: -30px auto;
		background: transparent url('../img/scroll-arrow-up.png') -1px 0 no-repeat;
		
		}
		a.prev:hover {
			background: transparent url('../img/scroll-arrow-up.png') 0 -11px no-repeat;
			}
	a.next {
		margin: 0  auto;
		background: transparent url('../img/scroll-arrow-down.png') -1px 0 no-repeat;
		}
		a.next:hover {
			background: transparent url('../img/scroll-arrow-down.png') -1px -11px no-repeat;
			}
a.next:nth-child(1){
	margin-top:-10px;
}

#about-us,
#company,
#mill,
#hour-history,
#hour-value,
#envir-policy,
#bilancio-sociale{
width:100%;
max-width:1140px;
float:left;
padding-top:80px;
}
#about-us{
padding-top:0px;	
}

/********	ABOUT US	********/

.box-about-wrapper,
.box-about-text{
width:100%;
float:left;	
background:#b4975a;
}
.box-left{
width:66.6666667%;
float:left;	

}
.box-left img{
width:100%;
float:left;	

}
.box-right{
width:33.3333333%;
float:left;	
position:relative;

}
.box-right #logo{
border:0px solid #d00;	
}

.box-right h2{
width:100%;
float:left;
text-align:center;
color:#fff;
font-size:1.7em;	
position:absolute;
margin-top:430px;
z-index:2;
}
img.spiga{
position:absolute;
margin-top:150px;
margin-left:100px;
z-index:1;
width:auto;
max-width:100%;

}


.box-about-text{
width:100%;
float:left;
margin-top:0px;
background:#fff;
border-top:	1px solid #b4975a;
border-bottom:	1px solid #b4975a;
padding-bottom:20px;
padding-top:10px;
}
.box-left-text{
	padding-top:20px;
	float:left;
	width:50%;
}

.box-right-text{
	width:50%;
	float:left;
}

.box-left-text p{
width:80%;
float:left;
font-size:1.2375em;	
line-height:28px;
padding-left:50px;
}
#mill{
margin-top:50px;	
}
.text-mill{
width:100%;
clear:both;
margin:50px auto !important;
padding-bottom:20px;
border-top:	1px solid #b4975a;
border-bottom:	1px solid #b4975a;
}
.text-mill p{
width:100%;
padding:10px 0px;
font-size:1.2375em;	
line-height:28px;
}

.text-mill h1{
color:#5c3f1a;
font-size:2.25em;	
font-style:italic;
font-weight:0;
font-family:'Helvetica';

}
.box-about-wrapper{
margin-top:30px;
margin-bottom:50px;	

clear:both;
}
#about-us .box-about-wrapper{
margin-top:0px;
}
.text-value{
width:100%;
margin:50px auto !important;
padding-bottom:20px;
border-top:	1px solid #b4975a;
border-bottom:	1px solid #b4975a;
overflow:hidden;
}
.text-value p{
width:100%;
padding:10px 0px;
font-size:1.875em;	
line-height:32px;
color:#b4975a;

}
.grid-foto{
width:100%;
clear:both;
margin-top:0px;	
float:left;
}
.grid-foto .column-1{
	width:calc(100% * 1 / 3 );	
	float:left;
}

.immagine-value,
.column-1{
float:left;
width:100%	
}
.column-1 p{
font-size:1.2375em;
line-height:30px;
color:#000;
width:90%

}
.grid-foto .column-1 img{
width:90%;
float:left;
margin-left:0;
padding-left:0;
}


.grid-policy{
width:100%;
max-width:1140px;
margin-top:0px;	
margin-bottom:40px;
float:left;
}
.grid-policy .column-uno{
width:calc(100% * 1 / 3 - 60px);	
background:#72b279;
height:375px;
float:left;
margin-right:90px;
}
.grid-policy .column-uno.third{
width:calc(100% * 1 / 3 - 60px );
float:right;
margin-right:0;
}


.immagine-value img,
.immagine-value h2,
.immagine-value p{
float:left;	

	
}
.immagine-value h2{
color:#fff !important;
font-size:1.5em;
line-height:25px;
font-weight:0 !important;
margin-top:0;
padding-right:20px;

}
.immagine-value img{
margin:20px	10px;
}
.immagine-value h2,
.immagine-value p
{
width:100%;
padding-left:80px;
}
.immagine-value p
{
margin-top:0;
padding-right:20px;
line-height:20px;
font-size:1.1em;

}

.text-value-left{
width:60%;
float:left;
padding-top:20px;	
}
.text-value-right{
width:40%;
float:left;

}
.text-value-left h1{
font-size:1.625em;
font-weight:900;
}
.text-value-left p{
font-size:1.55em;
color:#333 !important;
line-height:32px;
}
.text-value-right img{
margin-top:20px;
float:right
}
#logo-immagini{
	width: 210px;
	height: 135px;
	background:#fff;
	-moz-border-radius: 105px / 67.5px;
	-webkit-border-radius: 105px / 67.5px;
	border-radius: 105px / 67.5px;
	position:absolute;
	margin-top:-80px;
	margin-left:80px;
	z-index:3;
	-webkit-box-shadow: -1px 9px 6px 0px rgba(50, 50, 50, 0.3);
-moz-box-shadow:    -1px 9px 6px 0px rgba(50, 50, 50, 0.3);
box-shadow:         -1px 9px 6px 0px rgba(50, 50, 50, 0.3);
cursor:pointer;
  }
  #logo-immagini img{
	margin-top:10px;
	margin-left:5px;
  }

.resp{
display:none;	
}
#logo-header{
display:none;	
}
a.back-to-top {
	display: none;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 20px;
	bottom: 20px;
	background: #5c3f1a url('../img/cd-top-arrow3.svg') no-repeat center 43%;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	transition: all ease 0.3s;
}
a:hover.back-to-top {
		background: #c93 url('../img/cd-top-arrow3.svg') no-repeat center 43%;
	
}
#main-container a.back-to-top:hover{
border:0;	
}

a:focus,
a:visited,
a:active,
 {
    outline: 0;
	border:0;
}
#main-container a:focus {
    outline: 0;
}

 .value{
top:-20px;	 
 }
@media screen and (min-width:1040px) and (max-width:1280px) {
nav#primary h1 {
	display:none !important;

	}	
}


@media screen and (min-width:961px) and (max-width:1039px) {
#wrapper{
width:100%;
max-width:100%;
}	

#about-us,
#company,
#mill,
#hour-history,
#hour-value,
#envir-policy{
width:100%;
max-width:100%;
}
#logo{
width: 210px;
height: 135px;
background:#fff;
-moz-border-radius: 105px / 67.5px;
-webkit-border-radius: 105px / 67.5px;
border-radius: 105px / 67.5px;
position:relative;
float:none;
margin:-80px auto !important;
z-index:3;
  }

    
#logo img{
	width:100%;
	max-width:100%;
	margin-top:6px;
	margin-left:0;
  }
 .box-left-text,
 .box-right-text{
	width:100%;
}
.box-right-text img{
	margin-left:20%;
}



.text-mill p,
.text-mill h1,
.text-value p{
padding:10px;	
}
#logo-immagini{
	width: 210px;
	height: 135px;
	background:#fff;
	-moz-border-radius: 105px / 67.5px;
	-webkit-border-radius: 105px / 67.5px;
	border-radius: 105px / 67.5px;
	position:relative;
	float:none !important;
	margin:-80px auto ;
	z-index:3;
  }
  #logo-immagini img{
	max-width:100% ;
	width:100% ;
	margin-left:0;
	margin-top:5px;
  }
  
 .box-about-wrapper{	 
margin-top:30px; 
 }
  
.history,
.value,
.envir{
display:block;	
}
.resp{
display:none;	
}
.grid-foto .column-1 p,
.grid-foto .column-1 img{

	float:right
}

.text-value{
width:100%;
}

.text-value p{
width:100%;
padding:10px 0px 0 40px;
}

.grid-policy{
width:100%;
max-width:100%;
}
.grid-policy .column-uno{
width:calc(95% * 1 / 3 - 0px);	
margin-right:10px;
}
.grid-policy .column-uno.third{
width:calc(100% * 1 / 3 - 0px );
margin-right:0;
}

.text-value-left h1{
font-size:1.625em;
font-weight:900;
}
.text-value-left p{
padding-left:0;
}
.box-right h2{
font-size:1.6em;	
position:absolute;
margin-top:380px;
}
img.spiga{
position:absolute;
margin-top:160px;
margin-left:90px;
z-index:1;
width:60%;
max-width:60%;

}
nav#primary h1 {
	display:none !important;

	}
}

@media screen and (min-width:768px) and (max-width:960px) {
#wrapper{
width:100%;
max-width:100%;
}	

#about-us,
#company,
#mill,
#hour-history,
#hour-value,
#envir-policy{
width:100%;
max-width:100%;
}
#logo{
width: 120px;
height: 80px;
background:#fff;
-moz-border-radius: 105px / 67.5px;
-webkit-border-radius: 105px / 67.5px;
border-radius: 105px / 67.5px;
position:relative;
float:none;
margin:-50px auto !important;
z-index:3;
  }
  
  #logo img{
	width:100%;
	max-width:100%;
	margin-top:3px;
	margin-left:0;
  }

#logo-header{
display:none;
  }
#logo-header img{
	max-width:100% ;
	width:100% ;
	margin-left:0
  }
 
 .box-left-text,
 .box-right-text{
	width:100%;
}
.box-right-text img{
	margin-left:20%;
}


.text-mill p,
.text-mill h1,
.text-value p{
padding:10px;	
}
#logo-immagini{
	width: 115px;
	height: 75px;
	background:#fff;
	-moz-border-radius: 105px / 67.5px;
	-webkit-border-radius: 105px / 67.5px;
	border-radius: 105px / 67.5px;
	position:relative;
	float:none !important;
	margin:-50px auto ;
	z-index:3;
  }
  #logo-immagini img{
	max-width:100% ;
	width:100% ;
	margin-left:0;
	margin-top:5px;
  }
  
 .box-about-wrapper{	 
margin-top:30px; 
 }
  
.history,
.value,
.envir{
display:block;	
}
.resp{
display:none;	
}
.grid-foto .column-1 p,
.grid-foto .column-1 img{

	float:right
}

.text-value{
width:100%;
}

.text-value p{
width:100%;
padding:10px 0px 0 40px;
}

.grid-policy{
width:100%;
max-width:100%;

}
.grid-policy .column-uno{
width:calc(95% * 1 / 3 - 0px);	
margin-right:10px;
height:410px
}
.grid-policy .column-uno.third{
width:calc(100% * 1 / 3 - 0px );
margin-right:0;
height:410px
}


.immagine-value h2{
color:#fff !important;
font-size:1.325em;
line-height:25px;
font-weight:0 !important;

}

.immagine-value h2,
.immagine-value p
{
width:100%;
padding-left:60px;
}
.immagine-value p
{
padding-bottom:10px;
margin-top:0;
padding-right:10px;
}


.text-value-left{
width:60%;
float:left;
padding-top:20px;	

}
.text-value-right{
width:40%;
float:left;
}
.text-value-left h1{
font-size:1.425em;
font-weight:900;
padding-left:10px;
}
.text-value-left p{
padding-left:0;
font-size:1.2em;

}
.text-value-right img{
margin-top:20px;
float:left;
width:100%;
max-width:100%;
}

.box-right h2{
width:100%;
float:left;
text-align:center;
color:#fff;
font-size:1.4em;	
position:absolute;
margin-top:310px;
z-index:2;
}
img.spiga{
position:absolute;
margin-top:130px;
margin-left:70px;
z-index:1;
width:60%;
max-width:60%;

}
nav#primary h1 {
	display:none !important;

	}
}


@media screen and (min-width:601px) and (max-width:767px) {
#wrapper{
width:100%;
max-width:100%;
}	

#about-us,
#company,
#mill,
#hour-history,
#hour-value,
#envir-policy{
width:100%;
max-width:100%;
}
#logo{
width: 120px;
height: 80px;
background:#fff;
-moz-border-radius: 105px / 67.5px;
-webkit-border-radius: 105px / 67.5px;
border-radius: 105px / 67.5px;
position:relative;
float:none;
margin:-50px auto !important;
z-index:3;

  }
  
  #logo img{
	width:100%;
	max-width:100%;
	margin-top:3px;
	margin-left:0;
  }

#logo-header{
display:none;
  }
#logo-header img{
	max-width:100% ;
	width:100% ;
	margin-left:0
  }
 
 .box-left-text,
 .box-right-text{
	width:100%;
}
.box-right-text img{
	margin-left:20%;
}


.text-mill p,
.text-mill h1,
.text-value p{
padding:10px;	
}
#logo-immagini{
	width: 115px;
	height: 75px;
	background:#fff;
	-moz-border-radius: 105px / 67.5px;
	-webkit-border-radius: 105px / 67.5px;
	border-radius: 105px / 67.5px;
	position:relative;
	float:none !important;
	margin:-50px auto ;
	z-index:3;
  }
  #logo-immagini img{
	max-width:100% ;
	width:100% ;
	margin-left:0;
	margin-top:5px;
  }
  
 .box-about-wrapper{	 
margin-top:30px; 
 }
  
.history,
.value,
.envir{
display:block;	
}
.resp{
display:none;	
}
.grid-foto .column-1 p,
.grid-foto .column-1 img{

	float:right
}

.text-value{
width:100%;
}

.text-value p{
width:100%;
padding:10px 0px 0 40px;
}

.grid-policy{
width:100%;
max-width:100%;

}
.grid-policy .column-uno{
width:calc(95% * 1 / 3 - 0px);	
margin-right:10px;
height:410px
}
.grid-policy .column-uno.third{
width:calc(100% * 1 / 3 - 0px );
margin-right:0;
height:410px
}


.immagine-value h2{
color:#fff !important;
font-size:1em !important;
line-height:25px;
font-weight:0 !important;
}

.immagine-value h2,
.immagine-value p
{
width:100%;
padding-left:60px;
}
.immagine-value p
{
padding-bottom:10px;
margin-top:0;
padding-right:10px;
font-size:0.9em;
}


.text-value-left{
width:60%;
float:left;
padding-top:20px;	

}
.text-value-right{
width:40%;
float:left;
}
.text-value-left h1{
font-size:1.425em;
font-weight:900;
padding-left:10px;
}
.text-value-left p{
padding-left:0;
font-size:1.2em;

}
.text-value-right img{
margin-top:20px;
float:left;
width:100%;
max-width:100%;
}

.box-right h2{
width:100%;
float:left;
text-align:center;
color:#fff;
font-size:1.2em;	
position:absolute;
margin-top:260px;
z-index:2;
}
img.spiga{
position:absolute;
margin-top:120px;
margin-left:50px;
z-index:1;
width:60%;
max-width:60%;

}
nav#primary h1 {
	display:none !important;

	}

}
@media screen and (min-width:481px) and (max-width:600px) {
#wrapper{
width:100%;
max-width:100%;
}	

#about-us,
#company,
#mill,
#hour-history,
#hour-value,
#envir-policy{
width:90%;
max-width:100%;
float:none;
margin:0 auto;
}

.box-about-wrapper{
width:100%;
}
.box-left{
width:100%;
float:left;	

}
.box-left img{
width:100%;
float:left;	

}
.box-right{
width:100%;
float:left;	
position:relative;
}
#logo{
display:none;	
}
#logo-header{
width: 105px;
height: 67.5px;
background:#fff;
-moz-border-radius: 105px / 67.5px;
-webkit-border-radius: 105px / 67.5px;
border-radius: 105px / 67.5px;
z-index:3;
display:block;
margin:0px auto;
float:none;
  }
  #logo-header img{
max-width:100%;	 
 }
 nav.next-prev {
	clear:both;
	margin-top:10px;
	margin-bottom:10px;
	}
.box-right-text{
	width:100%;
}	
#logo-immagini,
.spiga{
	display:none;
}
.box-left-text {
width:100%;	
}
.box-right h2{
width:100%;
float:left;
text-align:center;
color:#7b693c;
font-size:1.5em;	
position:absolute;
margin-top:0px;
z-index:2;	
margin-top:0;
padding:10px 0;
}
.box-left-text p{
width:100%;
padding:10px;
}
.text-mill p,
.text-mill h1,
.text-value p{
padding:10px;	
}

.text-mill h1{
font-size:1.5em;
}
.grid-foto .column-1{
	width:calc(100% * 1 / 1 );	
	float:left;
}

.grid-foto .column-1 img{
width:100%;
}
.column-1 p{
font-size:1.2em;
width:100%;
padding:10px;
}
.grid-policy .column-uno{
width:calc(100% * 1 / 1 - 60px);	
height:350px;
float:none;
margin:10px auto;
}
.grid-policy .column-uno.third{
width:calc(100% * 1 / 1 - 60px );
float:left;
float:none;
margin:10px auto;
}
.text-value,
.text-value-left,
.text-value-right{
width:100%;	
}
.text-value-left p,
.text-value-left h1{
padding:10px;	
}

.text-value-right img{
width:100%;
margin-top:20px;
float:left
}
 
.resp{
display:block;	
}
.history,
.value,
.envir{
display:none;	
}
#menu{
	width:100%;
	max-width:380px;
	float:none;  
	margin:0 auto;
	padding-top:30px !important;

  }
#about-us,
#company,
#mill,
#hour-history,
#hour-value,
#envir-policy{
padding-top:0px;
}
nav#primary h1 {
	display:none !important;

	}


}


@media screen and (max-width:480px) {
	
#wrapper{
width:100%;
max-width:100%;
}	

#about-us,
#company,
#mill,
#hour-history,
#hour-value,
#envir-policy{
width:100%;
max-width:100%;
}

.box-about-wrapper{
width:100%;
}
.box-left{
width:100%;
float:left;	

}
.box-left img{
width:100%;
float:left;	

}

#logo-header{
width: 105px;
height: 67.5px;
background:#fff;
-moz-border-radius: 105px / 67.5px;
-webkit-border-radius: 105px / 67.5px;
border-radius: 105px / 67.5px;
z-index:3;
display:block;
margin:0px auto;
float:none;
  }
  #logo-header img{
max-width:100%;	 
 }
 nav.next-prev {
	clear:both;
	margin-top:10px;
	margin-bottom:10px;
	}
.box-right-text{
	width:100%;
}	
#logo-immagini,
.spiga{
	display:none;
}
.box-left-text {
width:100%;	
}
.box-right h2{
width:100%;
float:left;
text-align:center;
color:#7b693c;
font-size:1.5em;	
position:absolute;
margin-top:0px;
z-index:2;	
margin-top:0;
padding:10px 0;
}
.box-left-text p{
width:100%;
padding:10px;
}
.text-mill p,
.text-mill h1,
.text-value p{
padding:10px;	
}

.text-mill h1{
font-size:1.5em;
}
.grid-foto .column-1{
	width:calc(100% * 1 / 1 );	
	float:left;
}

.grid-foto .column-1 img{
width:100%;
}
.column-1 p{
font-size:1.2em;
width:100%;
padding:10px;
}
.grid-policy .column-uno{
width:calc(100% * 1 / 1 - 60px);	
height:350px;
float:none;
margin:10px auto;
}
.grid-policy .column-uno.third{
width:calc(100% * 1 / 1 - 60px );
float:left;
float:none;
margin:10px auto;
}
.text-value,
.text-value-left,
.text-value-right{
width:100%;	
}
.text-value-left p,
.text-value-left h1{
padding:10px;	
}

.text-value-right img{
width:100%;
margin-top:20px;
float:left
}
 

#menu{
	width:100%;
	max-width:380px;
	float:none;  
	margin:0 auto;
	padding-top:30px !important;

  }
  
  
  #menu li a{
	font-size:1em;

  }
#about-us,
#company,
#mill,
#hour-history,
#hour-value,
#envir-policy{
padding-top:0px;
}
.column-uno .immagine-value h2{
font-size:1.3em;
}
.column-uno .immagine-value p{
font-size:1em;
	
}
.box-right-text{
width:95%;	
}
.box-right-text img{
width:100%;	
}
.text-value p{
font-size:1.5em;	
}
nav#primary h1 {
	display:none !important;
}
.box-right h2,
h2.resp{
width:380px;
float:none !important;
margin:0 auto !important;
display:block !important;	
text-align:center !important;
}
h2.history,
h2.value,
h2.envir{
display:none !important;
}

#logo-immagini,
#logo{
display:none !important;	
}

}