html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	padding-left: 20px;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

img {max-width: 100%; width: 100%}

* { box-sizing: border-box;}

/*fine reset*/
@font-face {
  font-family: Helvetica;
  src: url(Helvetica/Helvetica.ttf);
}
@font-face {
  font-family: Helvetica-bold;
  src: url(Helvetica/Helvetica-Bold.ttf);
}
@font-face {
  font-family: Helvetica-light;
  src: url(Helvetica/Helvetica.ttf);
}
body {
	line-height: 24px;;
	background-color: #000;
	font-family: Helvetica;
	color:#343434;
}
strong { font-family: Helvetica-bold;}
header{
	overflow: hidden;
	font-family: Helvetica-light;
	padding: 15px;
	font-size: 13px;
	max-width: 1400px;
    margin: auto;

}
nav {color: #fff;	padding-top: 25px}
.logo-header{max-width: 257px; float: left;}
nav {float: right;}
nav li {display: inline-block; margin-left: 25px;}
nav a {color:#91919a; text-decoration:none}
nav a:hover {color:#fff; text-decoration:none;   }
nav .active a {color:#fff; text-decoration:none;   font-family: Helvetica-bold; cursor:default }
.main-home{
	max-width: 920px;
	margin: auto;
	overflow: hidden;
    position: relative;
}
.main-home div{line-height: 0}{line-height: 0}
.servizi-home {position: relative; cursor:pointer}
.servizi-home-box {position: absolute; width: 100%; z-index: 1; top:0; visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.9s linear;}
.servizi-home span {
	position: absolute;
	width: 100%; z-index: 2;
	top:50px;
	text-align:right;
	font-size: 50px;
	color:#fff;
	font-family: Helvetica-bold;
	padding-top: 30px;
	margin-left: 3px;
}
.box-sinistra p { margin-bottom:20px;}
.servizi-home:hover .servizi-home-box{visibility: visible; opacity: 1;}
.technical-industrial{ line-height:50px; font-size:40px; 	top:15px !important}
footer {text-align:center}
footer img {max-width: 190px; margin-top:30px;}
footer span{ display:block; color:#fff;  margin-top:30px; font-size:10px;}
footer a{ color:#fff; text-decoration:none}
.prodotti-banner{ max-width:1900px; margin:auto; position:relative}
.prodotti-menu ul {
	background-color:#000; 
	max-width:800px; 
	margin:auto; 
	display:flex;  
	justify-content:space-between;
	padding-top:30px;
	}
.prodotti-menu li {color:#fff; display:block;position:relative; }
.prodotti-menu li a {color:#fff; text-decoration:none; position:relative; text-align:center; height: 45px; display:block}
.prodotti-menu li:hover::after  {
	  position: absolute;
	  width:100%;
	  content:'';
	   bottom: 0px;
	  left:0;
	  height: 10px;
    background-color: #fff;
	cursor:pointer
	}
.prodotti-menu-active :after  {
	 position: absolute;
	  width:100%;
	  content:'';
	   bottom: 0px;
	  left:0;
	  height: 10px;
    background-color: #fff;
	cursor:default !important;
	}
.prodotti-container-full {
	width:100%; 
	background-color:#fff;
	}
.prodotti-content{
	max-width:1400px;
	padding:60px;
	margin:auto;
	}
.prodotti-content-descrizione { overflow:hidden}
.prodotti-content-descrizione div {float:left; width:50%}
h2{font-size: 28px; margin-bottom:30px;line-height: 1; color:#343434;   font-family: Helvetica-bold;}
.box-sinistra{padding-right:80px;}
.box-sinistra-senza-padding-left{padding-right:0px;} 
.prodotti-content-box-prodotti {display:flex; flex-wrap:  wrap;   justify-content:space-between }
.zoom {
  transition: transform .2s;
  width: 180px;
  margin: 0 auto;
  opacity:0.6;
  cursor:pointer;
}
.prodotti-content-box-prodotti{ margin-top:100px; margin-bottom:80px;}
.zoom:hover, .zoom-active {
  -ms-transform: scale(1.3); /* IE 9 */
  -webkit-transform: scale(1.3); /* Safari 3-8 */
  transform: scale(1.3); 
  opacity:1;
}
.zoom-active {
   cursor:default;
}
.zoom  span{font-size: 14px; }
.conatiner-1400{max-width:1400px; margin:auto}
.prodotto-macchina-sfondo {
	background-image:url(../img/prodotto-macchina-sfondo.png);
	background-repeat: repeat-X;
	border-top: 30px solid #fff;
	}
.footer-menu-prodotti { display:flex; color:#91919a; font-size:12px; text-align:left}
.footer-menu-prodotti ul { list-style:none; margin-right:40px; padding-bottom:20px;}
.linee-verticali{ border-left: 1px solid #91919a;  border-right: 1px solid #91919a; padding-right:60px; padding-left:40px; height:80px; margin-right: 10px !important;}
.logo-footer {float:right; text-align:right; color:#91919a; font-size:12px; line-height:16px; padding-right:30px; }
.logo-footer ul {list-style:none;margin-top:20px;}
.logo-footer img {
    max-width: 220px;
    margin-top: 0px;
}
.footer-menu-prodotti{float:left}
.margin-footer{margin-top:60px; overflow:hidden; margin-bottom: 50px;}

.news-home {
 max-width: 670px;
    margin: auto;
    overflow: hidden;
    position: relative;
	padding-top:15px;
	padding-bottom:10px;
	font-size:26px;
	 font-family: Helvetica-bold;
	 color:#000;
	 background-image:url(../img/sfondo-news-2.jpg);
}
.news-home  span{ color:red }
/*menu X*/
.menu-mobile-x {
	top: 30px;
    position: absolute;
    right: 30px;
	display:none;
	cursor:pointer;
	}
.bar1, .bar2, .bar3 {
  width: 35px;
  height: 5px;
  background-color: #fff;
  margin: 6px 0;
  transition: 0.4s;
  
}

.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
  transform: rotate(-45deg) translate(-9px, 6px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-8px, -8px);
}
.automotive-chi-siamo {
	display:flex;
	flex-wrap: wrap;
	}
.automotive-chi-siamo div {
	width:25%;
	text-align:center;
	padding:20px;
	background-color:#c8c8c8;
	color:#8d8d8d;

	}
.automotive-chi-siamo div h2 {
	text-align:center;
	margin-bottom:20px;
	font-size: 20px;
	 color:#343434;
	}
.automotive-chi-siamo div p {
	text-align:center;
	font-size:12px;

	}

.sfondo-grigio-scuro{background-color:#343434 !important; 	color:#c8c8c8 !important; }
.contatti-box {overflow: hidden; color:#000} 
.contatti-box ul {padding:0} 
.contatti-box-sx {float:left; width:40%;}
.contatti-box-sx h3 {color: #343434 !important;
    font-family: Helvetica-bold !important; font-size:18px !important;     line-height: 20px !important;}
.contatti-box-sx img {max-width:65px;}
.contatti-box-dx {float:left; width:60%}
.contatti-box-sx li {display:flex; align-items: center; margin-bottom:30px}
.contatti-box-sx div {margin-right:10px;}
h3{color:#343434;   font-family: Helvetica-bold;}
.contatti-box-dx input, .contatti-box-dx textarea {width:100%; display:block; background-color:#f4f4f4; padding:10px; margin-bottom:30px; border:1px solid #dddddd;   font-family: Helvetica; }
.contatti-box-dx textarea { min-height:200px}
.contatti-box-dx input[type='checkbox'] { display: block; width: 15px; border: 1px solid #7b7b7b}
.checkbox {display:flex;}
.contatti-box-dx span {
	display: block;
    margin-top: -2px;
    margin-left: 5px;
	color:#7b7b7b;
	}
	.contatti-box-dx button {
	display: block;
    width:110px;
	border: 1px solid #7b7b7b;
	text-align:center;
	padding:10px 0;
	 float: right;
	 margin-top:30px;
	  border-radius: 20px;
	}
	.linea-bottom { border-bottom:0px solid #fff}
	.packaging-sinistra { float:none !important; width:100% !important}
	.titolo-range { margin-top:60px;}
	
	/* slick*/
		.gallery-packging  {box-sizing:content-box}
    	.gallery-packging img {max-width: 169px;}
		.gallery-packging div { text-align:center}
		.slick-slide img {display:inline}
		.slick-next {right: -15px; background-image:url(../img/freccia-dx.png); background-repeat:no-repeat; height:30px;}
		.slick-next:before {content: ''; background-image:url(../img/freccia-dx.png)}
		.slick-next:hover, .slick-next:focus {
			background:none;
	background-image:url(../img/freccia-dx.png); background-repeat:no-repeat; 
			}
		
		.slick-prev {left: -10px; background-image:url(../img/freccia-sx.png); background-repeat:no-repeat; height:30px;}
		.slick-prev:before {content: ''; background-image:url(../img/freccia-sx.png)}
			.slick-prev:hover, .slick-prev:focus {
			background:none;
	background-image:url(../img/freccia-sx.png); background-repeat:no-repeat; 
}
.back {padding-bottom: 60px;
    margin-left: -50PX;}
.skin {margin-left:15px}
.skin-ul{ margin-top:20px}
.skin-ul li { margin-bottom:20px;}
.descrizione-prodotti{overflow:hidden}
.descrizione-prodotti-sinistro {width:20%; float:left}
.descrizione-prodotti-sinistro img { border-radius:20px}
.descrizione-prodotti-destro{padding-left:50px; margin-top:0px; width:70%; float:left}
.skin-banner {margin-top:50px}
 .hr-skin {margin-top: 50px; margin-bottom:50px;}
 .sea-flock-centrale { width:48%; }
  .sea-flock-destra { width:30%;  float:right}
  .sea-flock-centrale p {margin-bottom:20px}
 .sea-flock-ul span{ font-family: Helvetica-bold; font-size:18px;}
  .sea-flock-ul li{ margin-bottom:20px}
  .what-packaging { display:flex; align-items:center} 
  .what-packaging-sx {width: 45.7%; line-height:0}
    .what-packaging-dx {margin-left:50px; width: 50.3%;}
	 .what-packaging-dx H2 {margin-bottom: 16px;}
	.what-packaging-dx p {margin-bottom:20px}
.what-packaging{ background:#fff}.linea-what {
    width: 82px;
    margin-bottom: 15px;
    height: 2px;
    background: #343434;
}
.technical-box {display:flex; align-items:center; justify-content: space-between}
.technical-box-sx {text-align:left; padding-left:100px; line-height:0}
.technical-box-dx {text-align:right;  line-height:0}
.home-contatti {overflow:hidden; padding-top:50px; position:relative; padding-bottom:100px; 
    margin: auto;max-width: 1000px; width:600px;}
.home-contatti-box h3 { font-size:20px;}
.home-contatti-sx {float:left;width:300px; }
.home-contatti-dx {float:left;width:60%; }
.home-contatti-box{ display:flex; color:#dbdbdb; line-height:30px !important; align-items:center;     margin-bottom: 30px; }
.home-contatti-box h3, .home-contatti-box p{ color:#fff; line-height:25px !important; margin-left:20px; }
.back-contatti {position: absolute;
    top: 0;
    left: -300px;}
.certificati-box{display:flex; flex-wrap:wrap;     justify-content: space-around;}
.certificati-box div {width:33.33%; text-align:center; margin-bottom: 50px;}
.certificati-box p {color:#77787b;  font-family: Helvetica-bold; font-size: 18px;}
.certificati-box2 div {text-align:center; margin-bottom: 0px;}
.certificati-box2  { max-width:1000px; margin:auto}
.certificati-box img {max-width:137px}
.certificati-box a {color:#77787b; text-decoration:none; margin: 010px;}
.certificati-box a:hover{text-decoration:underline; opacity:0.5}
.certificati-box2 div {width:33.33%;  margin-top:40px;}
.prodotti-banner-bio {position:absolute; width:100%; bottom:20px;}
.prodotti-banner-bio div {max-width:1400px; margin:auto; padding:15px; }
.prodotti-banner-bio img {max-width:204px}
.padding-bottom {padding-bottom:30px;}
.all-news li a { display:block; line-height:30px; border-bottom:1px solid #000; color:#000; text-decoration:none }
.all-news li a:hover { text-decoration:underline}
.all-news { list-style:none }
.who-we-are p{color:#fff; margin-bottom:20px;}
.who-we-are ul li {color:#fff; margin-bottom:20px;}
.home-group { margin-top:40px;}
.home-group div { width:33.33%; text-align:center}
.home-group img { max-width:300px;}
.green-sezione-3 { display:flex; margin-left:-20px; margin-right:-20px; margin-top:40px;}
.green-sezione-3 h3 { font-size:16px;   font-family: Helvetica-bold; margin-bottom:20px; }
.green-sezione-3 div  p { margin-bottom:20px; margin-top:20px; }
.green-sezione-3 div { width:33.33%; padding:20px;}
.green-sezione-3-linee { border-left:1px solid #333333; border-right:1px solid #333333}
.top-enviromental { margin-top:30px;}
.hr { margin:40px 0}
.possible-support { display:flex; margin-left:-10px; margin-right:-10px; flex-wrap: wrap; }
.possible-support div { width:20%; text-align:center; padding:10px;}
.possible-support ul { list-style:none; margin-top:20px; padding:0}
.possible-support img {max-width:185px}
.possible-support p, .possible-support li { font-size:12px; margin-bottom:10px; line-height:16px;}
.hr-about {
	    margin-bottom: 30px;
    margin-top: 30px;
    margin-left: -15px;
    margin-right: -15px;
    border: 0;
    height: 1px;
    background-color: #fff;
	
	}
.ul-about ul { margin-left:0px;}

.possibile-supports { display:flex;  justify-content: space-between ; flex-wrap: wrap; }
.possibile-supports div { text-align:center; width:20% }
.possibile-supports span { display:block; margin-bottom:20px;   font-family: Helvetica-bold; margin-top:10px; }
.possibile-supports ul { margin:0; padding:0;margin-bottom:20px; list-style:none; }
.possibile-supports li h3 {    color: #000 !important;
    font-size: 16px !important; 
    margin-bottom: 0px  !important; 
    line-height: 24px  !important; 
	font-weight:normal !important;
	font-family: Helvetica !important;
	
}
.possibile-supports img{ max-width:125px }

/*pagina range fiber*/
.gruppo-colori { display:flex; margin-left:-10px; justify-content: start; padding:10px;  align-items:center; flex-wrap: wrap;}
.gruppo-colori div { width:140px; height:140px;  margin-left:10px; border-radius:20px; transition: all 0.5s ease; position:relative; text-align:center; margin-bottom:20px;}
.gruppo-colori span { position:absolute; bottom:-25px; text-align:center; width:100%; display:none; transition: all 0.20s ease; }
.gruppo-colori .pdf { background-color:green; }

 .gruppo-colori div:hover {
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.1);
    opacity: 1;
	display:inline-block;
	margin-bottom:55px;

}
.gruppo-colori-active {
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.1);
    opacity: 1;
	display:inline-block;
	margin-bottom:10px;

}
.span-active { display:block !important}
.gruppo-colori div:hover span { display:block}
.pdf-download img { padding-left:0px;}
.pdf-download  { display:block; text-align:center; position:relative; color:#333 !important; width:140px; margin-left:10px;}
.pdf-download span  { display:block; text-align:center; width:100%; font-size:14px; padding-left:0px; line-height:20px;}
.pdf-download:hover {opacity:0.7}

.prodotti-banner-bio-descrizione {
    position: absolute;
    top: 0;
    width: 100%;
}
.prodotti-banner-bio-descrizione-box {
    color: #fff;
    max-width: 800px;
    margin: auto;
    text-align: center;
    margin-top: 6%;
}
h3 {
    color: #fff;
    font-size: 50px;
    margin-bottom: 0px;
    line-height: 50px;
}

.prodotti-banner-bio-descrizione-box h4 {

    font-size:30px;
	margin:15px;
	}
.prodotti-banner-bio-descrizione-box h5 {   font-family: Helvetica-light;     font-weight: normal;}
.linea-group { margin:50px -20px;}
.date-desktop { display:block}
.date-mobile { display:none}
.it-en {
	display: inline-block;
    margin-left: 10px;
	width:40px;
	line-height:40px;
	background-color:#000;
	color:#fff;
	border-radius: 120px;
	text-align:center;
	font-size:13px;
	text-decoration:none;
	}
.lingua-attiva {background-color:#fff;
	color:#000; cursor:default; }
.didascalia-colori {  font-family: Helvetica-light;}
.gallery-news img { margin-bottom:30px;}
.titolo-news { font-size: 28px; color:#343434; font-family: Helvetica-bold;  padding-top:20px; margin-bottom: 20px;}
.news-hr { margin-bottom:20px; border:0; height:1px; background-color: #343434 }


@media screen and (max-width: 1350px) {
		.what-packaging {padding: 30px;}
		
	}


@media screen and (max-width: 1100px) {
		.prodotti-banner-bio-descrizione-box h5 {display:none}
		.green-sezione-3 { display:block; margin-left:0px; margin-right:0px; margin-top:40px;}
		.green-sezione-3 div { width:100%; padding:0px; margin-bottom:30px}
		.top-enviromental { margin-top: 30px; max-width: 300px;}
		.green-sezione-3-linee { border:0px }
		.green-sezione-3 ul { margin-left:20px}
		.possibile-supports div { text-align:center; width:30% ; padding:10px;}
		.possibile-supports {   justify-content: flex-start ;  }
		.gruppo-colori div { width:90px; height:90px;}
		.pdf-download span { padding-left:0px; line-height:16px }
		.pdf-download img { width:70px; padding-left:0	}
		.home-group img { max-width: 200px; }

@media screen and (max-width: 980px) {
   nav {
		display:none;
		float:none;
		padding-top:10px;
	  }
  .logo-header {float:none;}
  .menu-mobile-x {
	top: 30px;
    position: absolute;
    right: 30px;
	display:block
	}
	nav li {display: block; margin-left: 0px;}
	ul { padding-left: 0px;}
	.servizi-home span { font-size:20px; top: 30px; padding-right:5px}
	.technical-industrial {line-height:24px;}
	.prodotti-menu ul { padding-left:10px; padding-right:10px;}
	.prodotti-content-descrizione div {float: none; width: 100%;}
	.box-sinistra { padding-right: 0px; margin-bottom:20px; }
	.prodotti-content-descrizione ul { padding-left:20px }
	.prodotti-content {padding: 15px;}
	.prodotti-menu ul {padding-top: 15px;}
	.footer-menu-prodotti {padding-left:30px; display:block; text-align:left; }
	.linee-verticali {
		border-left: 0px solid #91919a;
		border-right: 0px solid #91919a;
		padding-right: 0px;
		padding-left: 0px;
		height: auto;
		margin-right: 0px !important;
		}
	  .zoom {width: 90px;}
	.automotive-chi-siamo div {width: 50%;}
	.contatti-box-sx { float: none; width: 100%; }
	.contatti-box-dx { float: none; width: 100%; }
	.linea-bottom { border-bottom:2px solid #fff}
	    	.gallery-packging img {max-width: 100px;}
			.descrizione-prodotti-sinistro {
					width: 100%;
					float: none;}
	.descrizione-prodotti-destro {
    padding-left: 0px;
    margin-top: 20px;
    width: 100%;
    float: none;}
	.skin-ul{ margin-left:20px}
	.prodotti-banner-bio img {
    max-width: 150px;
	}
	.prodotti-banner-bio {
    bottom: 0px;}
	.back {
    padding-bottom: 40px;
    margin-left: 0PX;
    margin-top: 20px;
	}
	.certificati-box div {width:100%; }
	.certificati-box{ justify-content: left;}
	.what-packaging {
    display: block;
}
.what-packaging-dx {
    margin-left: 0px;
    width: 100%;
    margin-top: 30px;
}
.what-packaging-dx ul {margin-left:20px;}
.what-packaging {padding-bottom: 10px;}
.logistic-padding {padding-bottom:30px}
.prodotti-banner-bio-descrizione-box h3{ font-size:20px;}
.possible-support div { width: 33.33%;}
.gruppo-colori { flex-wrap:wrap; justify-content: start;}
.gruppo-colori div {
    width: 120px;
    height: 120px;
	margin-top:20px;	
}
		.pdf-download  { width:120px; text-align:center; margin-top:20px;	}
		.home-group img {
    max-width: 300px;
}
.date-desktop { display:none}
.date-mobile { display:block;     max-width: 500px; margin:auto}

}


@media screen and (max-width: 500px) { 
	.prodotti-menu li a { font-size:12px}
	.logo-footer { float:left; text-align:left; padding-left:30px; margin-top:30px;}
	.footer-menu-prodotti {float: none;}
	.zoom { 
		width: 40%;
		margin-bottom: 40px;
		line-height: 14px;
		}
	 .zoom span { font-size: 12px;}
	 .prodotti-content-box-prodotti { margin-top: 70px; margin-bottom: 0px;}
	 automotive-chi-siamo div {width: 100%;}
	 .linea-bottom { border-bottom:0px solid #fff}
	 .linea-bottom { border-bottom:0px solid #fff}
	 .prodotti-banner-bio img {
    max-width: 70px;
	}
	
		.descrizione-box h3 {
    color: #fff;
    font-size: 30px;
    margin-bottom: 5px;
	}
	.prodotti-banner-bio-descrizione-box h4 {
    color: #fff;
    font-size: 14px;
    margin-bottom: 25px;
	}
	.what-packaging-sx {
    width: 100%;
    line-height: 0;
}
	.possible-support div { width: 50%;}
	.automotive-chi-siamo div {width: 100%;}
	.possibile-supports div { text-align:center; width:50% ; padding:10px;}
	.home-contatti-sx  { width:100%}
	

}




/* gestione banner*/
.prodotti-banner-bio-descrizione{
	position:absolute;
	top:0;
	width:100%;
	}
.prodotti-banner-bio-descrizione-box{color:#fff;
	max-width:800px;
	margin:auto;
	text-align:center;
	margin-top:6%
}
.prodotti-banner-bio-descrizione-box h3{color:#fff; font-size:50px; margin-bottom:0px; line-height:50px;}
.prodotti-banner-bio-descrizione-box h4{color:#fff; font-size:23px; margin-bottom:15px; line-height:30px;}
.prodotti-banner-bio-descrizione-box h5{color:#fff; font-size:16px; margin-bottom:25px; line-height:30px;}

@media screen and (max-width: 980px) { 
.prodotti-banner-bio-descrizione-box h3{ font-size:20px;  line-height:20px;}
.prodotti-banner-bio-descrizione-box h4{color:#fff; font-size:16px; margin-bottom:15px; line-height:30px;}
}