/* mobile */



body{
font-size: 3.4vw;
}


.no_mobile{
	display: none !important;
}




html,body{
	scroll-behavior: smooth;
}




.container_camaleonte{
	position: relative;

}

.camaleonte_iniziale{
  width: 320%;
    height: auto;
    position: absolute;
    top: 10vh;
    left: -40vw;

}

#sfondo_base{
width:100%;
height:90vh;
    overflow: hidden;
	opacity:0;
}

.movimento_giungla{
	position: relative;
    overflow: hidden;
	opacity:1 !important;
}

.movimento_giungla::before{
content: "";
	background-color:#000;
position: absolute;
width:100%;
height:100%;
top:0;
left:0;
z-index: -1;
background: url(../images/sfondo_piante.jpg) 0 0 repeat;
background-size:cover;
/* background-attachment:fixed; */
animation: ingrandisci_giungla 3s linear 1 forwards;
transform: translateZ(0);
filter: brightness(0.2);
}



@-webkit-keyframes ingrandisci_giungla{
from{-webkit-transform: scale(1,1);-webkit-filter: brightness(0.2);}
to{-webkit-transform: scale(1.1,1.1);-webkit-filter: brightness(1);}
}



@-ms-keyframes ingrandisci_giungla{
from{-ms-transform: scale(1,1);-ms-filter: brightness(0.2);}
to{-ms-transform: scale(1.1,1.1);-ms-filter: brightness(1);}
}



@-o-keyframes ingrandisci_giungla{
from{-o-transform: scale(1,1);-o-filter: brightness(0.2);}
to{-o-transform: scale(1.1,1.1);-o-filter: brightness(1);}
}


@-moz-keyframes ingrandisci_giungla{
from{-moz-transform: scale(1,1);-moz-filter: brightness(0.2);}
to{-moz-transform: scale(1.1,1.1);-moz-filter: brightness(1);}
}



@keyframes ingrandisci_giungla{
from{transform: scale(1,1);filter: brightness(0.2);}
to{transform: scale(1.1,1.1);filter: brightness(1);}
}




.camaleonte{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
			z-index:1;
	opacity:1;

}


.totop{
position:relative;
overflow:hidden;
width:100%;
height:100%;
right:0;
top:9.6vh;
}

.totop::before{
content: "";
position:absolute;
width:150%;
height: calc(100% + 10vh);
left:-10.8vw;
background-image:url("../images/camaleonte_color.png");
    background-position: left center;
    background-size: auto 68vh;
background-repeat:no-repeat;
z-index:-1;
animation: sposta_alto 3s linear 1 forwards ;
transform: translateZ(0);
filter: brightness(0.2) grayscale(80%);
}

@keyframes sposta_alto{
from{transform: scale(1.15,1.15) translateY(4vh);filter: brightness(0.2) grayscale(80%);}
to{transform: scale(1,1) translateY(0vh);filter: brightness(1) grayscale(0%);}
}

.camaleonte_colore{
width: 150%;
    height: 100%;
    position: absolute;
    top: 8vh;
    right: 0;
    background-repeat: no-repeat;
    background-position: 40vw center;
    background-size: auto 80vh;
    z-index: 3;
	opacity:0;

}

.sfondo_oggetto{
width:60%;
height:100%;
position:absolute;
top:0;
left:0;
        background-repeat:no-repeat;
        background-position:0 center;
          background-size:auto 100vh;
	opacity:0;
clip-path: polygon(0% 0%, 100% 0, 70% 100%, 0% 100%);
 -webkit-clip-path: polygon(0% 0%, 100% 0, 70% 100%, 0% 100%);
}

.sfondo_master{
width:60%;
height:100%;
position:absolute;
top:0;
left:40%;
background-repeat:no-repeat;
background-position:right center;
          background-size:auto 110vh;
	opacity:0;
clip-path: polygon(30% 0%, 100% 0, 100% 100%, 0% 100%);
 -webkit-clip-path: polygon(30% 0%, 100% 0, 100% 100%, 0% 100%);
}

.attiva_master{
	opacity:1;
                animation: animation_master 3s ease-out 1;
        animation-fill-mode: forwards;

}

@keyframes animation_master{
  0%{background-size:100%}
  100%{ background-size:110% }
}





.slogan_camaleonte{
	width: 100%;
	position: absolute;
	z-index: 10;
	text-align: center;
	padding-top: 60vh;
	left: 0;
	right: 0;
	height: 100%;
	margin: auto;
background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 40%);
opacity:0;
}

.slogan_camaleonte h1{
	color: #fff;
    font-size: 280%;
	font-weight: bold;
	margin-bottom: 1vh;
	text-shadow: 8px 8px 16px rgba(0, 0, 0, .5);
}
.slogan_camaleonte h2{
	color: #fff;
	font-size: 180%;
	text-shadow: 8px 8px 16px rgba(0, 0, 0, .5);
}

.header-home{
	width: 100%;
	background-color: #fff;
	position: fixed;
	z-index: 999;
		-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}




.head-hp .empty{
	display: none;
}

.dropdown{
	width: 10%;
  text-align: right;
}
.dropdown-toggle{
  border: 1px solid transparent;
  color: #222;
  font-size: 0.8em;
}

.dropdown-toggle:hover,.dropdown-toggle:active,.dropdown-toggle:link{
  background-color: #fff;
  border: 1px solid transparent;
  color: #6591f4;
}

.dropdown-item{
text-align: center;
}

    .lang_select{
        height:15px;
    }

.dropdown-item img{
  height: 15px;
  margin:0 auto;
}


.ico_menu{
	width: 20%;
	text-align: right;
}


.shrink{
	background-color: #f5f5f5;
}


.sep{
	width: 100%;
	height: 10vh;
}

.head-hp{
	width: 90%;
	margin: 0 auto;
	padding: 2.55vh 0;
}

.shrink .head-hp{
	width: 90%;
	margin: 0 auto;
	padding: 1.2vh 0;
}


.cont-logo{
	width: 70%;
	text-align: left;
}

.logo{
	height: 5vh;
	margin: 0 auto;
		-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.shrink .logo{
	height: 5vh;
	margin: 0 auto;
}





.menu{
	width: 100%;
	height: 100vh;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	background: url(../images/back_menu.jpg) no-repeat;
	/* background-size: cover; */
	background-position: center center;
	z-index: 99999999999999;

}

.chiudi_menu{
	position: absolute;
	z-index: 333;
	width: 100%;
	margin: 0 auto;
	text-align: right;
	padding: 2.7vh 1.2vw;

}

.chiudi_menu a{
font-size: 5vh;
	text-decoration: none;
	color: #555;
}

.chiudi_menu img{
height: 5vh;
}


.logo_menu{
position: absolute;
    z-index: 555;
    top: 20vh;
    left: 0;
    right: 0;
		width: 90vw;
		height: 90vw;
		padding: 14vw 0 0 0;
    border-radius: 100%;
    margin: auto;
    background-color: #fff;
    text-align: center;
    border: 6px solid #dedede;
}


.logo_menu img{
	height: 5vh;
	margin: 0 auto;
}

.link-menu{
    margin-top: 1vh;
	width: 100%;
}

.link-menu a{
	color: #555;
	text-transform: uppercase;
	font-size: 90%;
	font-weight: bold;
	display: block;
	text-decoration: none;
}


.link-menu a:hover{
	/* color: #222; */	color: #6591f4;
text-decoration: none;
}


.link-menu a.visited{
	color: #6591f4;
text-decoration: none;
}






/*###### pesce rosso ##########*/

.redfishXXXXXXXXXXXXXXXXXXXxxx{
	width: 100%;
 	background: url(../images/back_redfish.jpg) no-repeat #000;
	background-size: 110%;
	background-position: right top;
/* 	background-attachment: fixed;  */
	transition: all 0.6s ease-in;
	filter: grayscale(100%) brightness(0.6);
	-webkit-filter: grayscale(100%) brightness(0.6);
	}


.redfish{
	position:relative;
        width: 100%;
       /*  height: 100%; */
	padding-bottom: 20vh;
	overflow:hidden;
        }

#sfondo_pesce{
    top: 3vh;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    position: absolute;
    background: url(../images/back_redfish.jpg) no-repeat #000;
    background-size: 98%;
    background-position: right bottom;
	transition: filter 1s linear;
        filter: grayscale(100%) brightness(0.4);
        -webkit-filter: grayscale(100%) brightness(0.4);
}

.sfondo_pesce_animato{
	filter: grayscale(0%) brightness(1.0) !important;
        -webkit-filter: grayscale(0%) brightness(1.0) !important;

}



.redfish::after{
        content: "";
        top:0;
        right:0;
        width: 100%;
        height: 100%;
        z-index:-3;
        position:absolute;
	background-color:#000;
}




.entradestraXXXXX{
	transform: scale(1.5,1.5)
	filter: grayscale(0%) brightness(1);
	-webkit-filter: grayscale(0%) brightness(1);
}


.content_redfish{
	width: 95%;
	padding: 10vh 0;
	margin: 0 auto;
	text-align: center;
	color: #fff;
}



.content_redfish h1{
	font-size: 280%;
	font-weight: bold;
	margin-bottom: 1vh;
	text-align: center;

}

.blu{
	color: #6591f4;
}


.content_redfish p{
font-size: 110%;
    width: 90%;
    margin: 2vh auto 0 auto;

}


.content_redfish p a{
	text-decoration: none;
	    color: #6591f4;

}

.content_redfish p a:hover{
	text-decoration: underline;
	    color: #6591f4;

}




/*###### fine pesce rosso ##########*/

.masterbatch{
	width: 100%;
	/*
			background: url(../images/back_film.jpg) no-repeat;
		background-size: 80%;
		background-position: left bottom;
		background-attachment: fixed; */
	background-color:#fff;


}

.content_masterbatch{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	/* height: 100%; */
	position: relative;
	padding-bottom: 8vh;
}


.content_txt_masterbatch{
	width: 100%;
	margin: 0 auto 0 auto;
/* 	background: url(../images/back_film.jpg) no-repeat;
	background-size: 70%;
	background-position: left bottom;
	background-attachment: fixed; */
}

.flusso{
	width: 100%;
    height: auto;
    margin: 5vh auto 0 auto;

}


.txt_masterbatch{
	width: 90%;
	margin: 0 auto;
	padding-bottom: 5vh;
	text-align: center;
}

.txt_masterbatch h1{
	font-size: 300%;
	font-weight: bold;
	color: #222;
	margin-bottom: 20px;
}
.txt_masterbatch p{
	font-size: 110%;
	color: #222;
}


.first_masterbatch{
	width: 100%;
}


.pantone{
	width: 100%;
	margin-top: 2vh;
}

.txt_pantone{
	width: 90%;
	margin: 0 auto 3vh auto;
	font-size: 110%;
	text-align: center;
}


.circle_pantone{
	width:50vw;
	height: 50vw;
	margin: 3vh auto 1vh auto;
	border-radius: 100%;
	border: 8px solid #ececec;
	background-image: url(../images/pantone_circle.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}



.halfCircleBottom{
 height: 50vw;
    width: 100vw;
    border-radius: 0 0 50vw 50vw;
    background: #000;
    text-align: center;
    /* margin-top: -6vh; */
    position: relative;
}

.halfCircleBottom h1{
	color: #fff;
	font-size:190%;
	font-weight: bold;
	padding: 4vh 0 0 0;
	line-height: 1.4;
}

/*
.halfCircleBottom::after{
	content:'';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -8.5vh;
	margin: auto;
	width: 3px;
	height: 55px;
	z-index: 77;
	background-color: #000;
}

 */

.owl-carousel{
  width: 100%;
	margin-top: 7vh;
}

.item{
  margin:0;
  width: 100%;
 height: 60vh;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}



.science{
	width: 100%;
	padding: 10vh 0;
	background: url(../images/back_science.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
}


.content_science{
	width: 90%;
	margin: 0 auto;
}

.txt_science{
	width: 100%;
}

.txt_science h1{
    font-size: 280%;
    font-weight: bold;
    margin-bottom: 3vh;
	line-height: 1.2;
color: #fff;
}


.txt_science p{
	font-size: 110%;
	color: #fff;
	line-height: 1.6;
	text-align: center;
}

.txt_science a{
	color: #fff;
text-decoration: none;
}

.txt_science a:hover{
	color: #6591f4;
text-decoration: none;
}


.video_science{
	width: 100%;
	display: none; /*silvia 09.02.23*/

}


.video_science video{
	width: 100%;
	height: auto;
	cursor: pointer;
}


#map{
	width: 90%;
	margin: 10vh auto 10vh auto;
	height: 70vh;
	border-radius: 20px;
}


.contatti{
			width: 100%;
			/* height: 100vh; */
			padding-bottom: 5vh;
			background-color: #000;
			color: #fff;
		}

.cont-contatti{
			width: 100%;
			margin:  0 auto;
			text-align: center;
			position: relative;
		}


		.contatti h1{
			font-size: 250%;
			color: #fff;
			text-align: center;
			padding: 10vh 0 20px 0;
			text-transform: uppercase;
			 font-weight: bold;
		}



 #show_info_home{
   margin: 40px auto 0 auto;
	 text-align: center;
   width: 90%;
   cursor: pointer;
   color: #fff;
 }

 #show_info_home:hover{
   color: #6591f4;
 }

 #info_home
 {margin: 15px auto;
   display: none;
   text-align: center;
   width: 90%;
   padding:15px;
   background-color: #888;
	font-size: 110%;
 }

 #info_home a{
    color: #fff;
  }
  #info_home a:hover{
    color: #6591f4;
  }

.contact2-form {
  width: 100%;
}


.contact2-form input {
	outline: none;
	border: none;
	background-color: transparent !important;
}



.contact2-form .checkbox{
	background-color: #fff !important;
}


.contact2-form textarea {
  outline: none;
  border: none;
	background-color: transparent !important;
}

.wrap-input-scheda {
  width: 90%;
  position: relative;
  border-bottom: 1px solid #fff;
  margin: 30px auto 10px auto;
	text-align: left;
}

.wrap-input-privacy {
  width: 100%;
  position: relative;
  color: #fff;
  margin: 40px auto;
	text-align: center;
}

.input2 {
  display: block;
  width: 100%;
  font-size: 1em;
  color: #fff;
  line-height: 1.2;
}

.focus-input2 {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}

.focus-input2::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 2px;

  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;

  background: rgba(69,45,15,1);
  background: -webkit-linear-gradient(45deg, #255fdf, #6591f4);
  background: -o-linear-gradient(45deg, #255fdf, #6591f4);
  background: -moz-linear-gradient(45deg, #255fdf, #6591f4);
  background: linear-gradient(45deg, #255fdf, #6591f4);
}

.focus-input2::after {
  content: attr(data-placeholder);
  display: block;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0;

  font-size: 1em;
  color: #fff;
  line-height: 1.2;

  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

/*---------------------------------------------*/
input.input2 {
  height: 45px;
}

input.input2 + .focus-input2::after {
  top: 16px;
  left: 0;
}

textarea.input2 {
  min-height: 80px;
  padding-top: 13px;
  padding-bottom: 13px;
}

textarea.input2 + .focus-input2::after {
  top: 16px;
  left: 0;
}

.input2:focus + .focus-input2::after {
  top: -13px;
	color: #6591f4;
}

.input2:focus + .focus-input2::before {
  width: 100%;
}

.has-val.input2 + .focus-input2::after {
  top: -13px;
	color: #6591f4;
}

.has-val.input2 + .focus-input2::before {
  width: 100%;
}
/*---------------------------------------------*/

/*------------------------------------------------------------------
[ Button ]*/
.container-contact2-form-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 0px;
}

.wrap-contact2-form-btn {
  display: block;
  position: relative;
  z-index: 1;
  border-radius: 2px;
  width: auto;
  overflow: hidden;
  margin: 0 auto;
}

.contact2-form-bgbtn {
  position: absolute;
  z-index: -1;
  width: 300%;
  height: 100%;
  background: rgba(219,21,99,1);
  background: -webkit-linear-gradient(-135deg, #255fdf, #6591f4, #255fdf, #6591f4);
  background: -o-linear-gradient(-135deg, #255fdf, #6591f4, #255fdf, #6591f4);
  background: -moz-linear-gradient(-135deg, #255fdf, #6591f4, #255fdf, #6591f4);
  background: linear-gradient(-135deg, #255fdf, #6591f4, #255fdf, #6591f4);
  top: 0;
  left: -100%;

  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

.contact2-form-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  /* padding: 0 0;
  min-width: 244px;
  height: 50px;
  font-size: 16px;
  color: #fff;
  line-height: 1.2;
   */

}

.wrap-contact2-form-btn:hover .contact2-form-bgbtn {
  left: 0;
}

/*------------------------------------------------------------------
[ Responsive ]*/

@media (max-width: 576px) {
  .wrap-contact2 {
    padding: 72px 15px 90px 15px;
  }
}



/*------------------------------------------------------------------
[ Alert validate ]*/

.validate-input {
  position: relative;
}

.alert-validate::before {
  content: attr(data-validate);
  position: absolute;
  max-width: 70%;
  background-color: #000;
  border: 1px solid #6591f4;
  border-radius: 2px;
  padding: 4px 25px 4px 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0px;
  pointer-events: none;


  color: #6591f4;
  font-size: 13px;
  line-height: 1.4;
  text-align: left;

  visibility: hidden;
  opacity: 0;

  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.alert-validate::after {
  content: "\f12a";
  font-family: FontAwesome;
  display: block;
  position: absolute;
  color: #6591f4;
  font-size: 16px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 8px;
}

.alert-validate:hover:before {
  visibility: visible;
  opacity: 1;
}

@media (max-width: 992px) {
  .alert-validate::before {
    visibility: visible;
    opacity: 1;
  }
}


footer{
	width: 100%;
	padding: 5vh 0;
	background-color: #8d8b8b;
}


.content-footer{
	width:90%;
	margin: 0 auto;
}

.txt_footer{
	width: 100%;
	text-align: center;
	color: #fff;
}

.txt_footer img{
	height: 6vh;
	display: block;
margin: 0 auto 2vh auto;
}

.txt_footer p{
	font-size: 90%;
}

.txt_footer a{
	color: #ececec;
	text-decoration: none;
}

.txt_footer a:hover{
	color: #204980;
	text-decoration: none;
}


.social_footer{
	width: 100%;
	text-align: center;
	margin-top: 3vh;
}

.social_footer img{
	height: 8vh;
}




.intest_invia {
    width: 100%;
    margin: 0 auto;
    background-image: url(../images/black20.png), url(../images/back_contatti.jpg);
    background-repeat: repeat,no-repeat;
    background-size: auto,cover;
    background-position: top center;
}

.gradient-invia {
    background: linear-gradient(0deg, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.9) 100%);
    background-position: top center;
    height: 35vh;
    padding: 5vh 0 0 0;
}



  .home_bread{
    position: relative;
  }

.breadcrumbs{
	text-transform: uppercase;
	font-size: 80%;
	color:#fff;
}

  .breadcrumbs a{
  color:#fff;
  font-weight: 600;
  text-decoration: none;
  }

  .breadcrumbs a:hover{
  color:#6591f4;
  text-decoration: none;
  }



.tit_border{
   padding: 30px 0;
   /*border: 1px solid #fff;*/
   text-align: center;
   width: 95%;
   margin: 0 auto;
 }

 .tit_border h1{
font-size: 180%;
			font-weight: 600;
	text-transform: uppercase;
	 color: #fff;
	 margin-top: 3vh;
 }

	.tit_border p{
font-size: 110%;
	 color: #fff;
		margin-top: 8px;
	/*	text-shadow: 0px 0px 3px #fff;*/
 }


 .tit_border h1:after{
   content: '';
   display: block;
   height: 3px;
   width: 30px;
   margin: 15px auto;
   background-color: #fff;
 }



	.text-modulo {
    padding: 10vh 0;
    width: 90%;
    margin: 0 auto;
   /* min-height: 30vh;*/
	}


	.text-modulo h1{
  font-size: 200%;
			font-weight: 600;
	text-transform: uppercase;
	 color: #222;
	}

	.text-modulo p{
		margin: 20px 0 30px 0;
}

	.text-modulo a{
		color: #6591f4;
		text-decoration: none;
	}
	.text-modulo a:hover{
		color: #222;
		text-decoration: none;
	}



.green_hp{
	width: 100%;
	/*padding: 25vh 0;*/
position:relative;


	height: 80vh;
	text-align: center;
	background: url(../images/back_green1.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
  /*     -webkit-filter: grayscale(100%) brightness(40%) sepia(100%) hue-rotate(50deg) saturate(1000%) contrast(0.8);
      filter: grayscale(100%) brightness(40%) sepia(100%) hue-rotate(50deg) saturate(1000%) contrast(0.8); */
    }

.green{
	position:absolute;
	width: 100%;
	height: 1%;
	bottom:0px;
	background-color: #00eb0c;
	 mix-blend-mode: color-burn;
	transition: all 0.5s ease-out;
}

.green_full{

	height: 100%;

}

#sc_green{
	position: absolute;
	z-index:10;
	width:100%;
	height:auto;
	margin-top:25%;
	left:0;
}

#sc_green h1{
	text-shadow: 8px 8px 16px rgba(0, 0, 0, .8);
	/*padding-top:15%;*/

}


.black{
	width: 100%;
	height: 50%;
	background-color: #555555;
	 mix-blend-mode: multiply;
}


.green_hp h1{
	font-size: 300%;
	color: #fff;
	font-weight: bold;
	margin-bottom: 4vh;
}


.green_hp a{
	font-size: 150%;
	color: #fff;
	text-decoration: none;
}


  .green_hp a:hover{
  color:#6591f4;
  text-decoration: none;
  }



.pulsante{


    text-align: center;
    color: #fff;
    display: block;
    font-size: 120% !important;
    padding: 1.5vh 1.5vw;
       width: 80vw;
    background-color: #6591f4;
    border-radius: 4px;
    margin: 2vh auto 0 auto;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.pulsante:hover{
	color: #6591f4 !important;
	background-color: #222 !important;
	text-decoration: none;
}


.pulshalfmobile{
	width: 50% !important;
	    margin: 2vh auto 0 auto!important;
}


.pulsante_big{

    display: block;
    text-align: center;
		    max-width: 80vw;

    color: #fff;
    font-size: 120% !important;
    padding: 1.5vh 1vw;
    background-color: #6591f4;
    border-radius: 4px;
    margin: 2vh auto 0 auto;
	text-decoration: none;
		-webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
     -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.pulsante_big:hover{
	color: #6591f4 !important;
	background-color: #222 !important;
	text-decoration: none;
}



/*pagina profile desk*/




.intest_profile {
    width: 100%;
    margin: 0 auto;
    background-image: url(../images/profile/1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}

.gradient-profile {
    background: linear-gradient(0deg, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.9) 100%);
    background-position: top center;
    height: 50vh;
    padding: 10vh 0 0 0;
}




.profile{
width: 100%;
margin: 5vh auto;
padding: 0;
}


.profile_1 {
    background-repeat: no-repeat;
    background-size: cover;
     background-position: center center;
width: 90%;
	margin: 0 auto;
/* padding: 120px 0; */
/* height: 40vw; */
 padding-top: 80vw; /* 1:1 Aspect Ratio */

}

.img1{
   background-image: url(../images/profile/2.jpg);

}


.img2{
   background-image: url(../images/profile/4.jpg);

}


.profile_2{
width: 90%;
	margin: 0 auto;
padding: 5vh 0 0 0;
}

.profile_2 h1{
    color: #6591f4;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 190%;
    margin: 0 auto 30px auto;
	font-weight: bold;
    padding: 0 0;
    text-align: center;
}

.profile_2 p {
    color: #555;
    font-size: 110%;
    margin: 0;
    padding: 0 0;
	line-height: 1.8;
	margin-bottom: 3vh;
	text-align: center;
}


.profile_2 h3{
    color: #222;
    font-size: 140%;
    font-style: italic;
    margin: 40px 0 0 0;
    padding: 0 0;
	text-align: center;
}

.profile_2 ul{
	margin: 20px auto;
	padding: 0;
	width: 100%;
	list-style-type: none;
	text-align: center;
}

.profile_2 li{
	background-color: #6591f4;
	color: #fff;
	padding: 0.7vw 1vw;
	text-align: center;
	margin-bottom: 10px;
}

.profile_2 li:hover{
	background-color: #222;
	color: #fff;
}

.profile_2 li a{
	text-decoration: none;
	color: #fff;
}


.mission {
    width: 100%;
    margin: 0 auto;
    background-image: url(../images/profile/3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.mission_div {
    width: 100%;
	background-color: rgba(0,0,0,0.6);
    padding: 20vh 0;
    text-align: center;
}

.mission_div h1 {
color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 220%;
    margin: 0 auto 4vh auto;
    width: 80%;
    font-weight: 500;
}

.mission_div p {
    color: #fff;
	width: 90%;
	margin: 0 auto;
    font-size: 110%;
	line-height: 1.8;
}



/*pagina laboratorio desk*/





.intest_laboratorio {
    width: 100%;
    margin: 0 auto;
    background-image: url(../images/laboratorio/cover_laboratorio.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}

.gradient-laboratorio {
    background: linear-gradient(0deg, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.9) 100%);
    background-position: top center;
    height: 100vh;
    padding: 10vh 0 0 0;
}



.lab_sec0 {
    width: 100%;
    margin: 0 auto;
    background-image: url(../images/laboratorio/0.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.content_lab_sec0 {
    width: 100%;
	background-color: rgba(0,0,0,0.6);
    padding: 20vh 0;
    text-align: center;
}

.content_lab_sec0 h1 {
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 220%;
    margin-bottom: 20px;
    font-weight: bold;
}


.content_lab_sec0 p {
    color: #fff;
	width: 80%;
	margin: 0 auto;
    font-size: 110%;
	line-height: 1.8;
}






.lab_sec1, .lab_sec3,.lab_sec5{
width: 100%;
margin: 40px auto;
padding: 0;
}




.img_lab_sec1,.img_lab_sec3,.img_lab_sec5 {
    background-repeat: no-repeat;
    background-size: cover;
     background-position: center center;
width: 90%;
	margin: 0 auto;
/* padding: 120px 0; */
/* height: 40vw; */
 padding-top: 80vw; /* 1:1 Aspect Ratio */
	margin-bottom: 3vh;
}

.lab1{
   background-image: url(../images/laboratorio/1.jpg);

}


.lab3{
   background-image: url(../images/laboratorio/3.jpg);

}

.lab5{
   background-image: url(../images/laboratorio/5.jpg);

}





.txt_lab_sec1, .txt_lab_sec3, .txt_lab_sec5{
width: 95%;
    margin: 0 auto;
    padding: 3vh 0 0 0;
	text-align: center;
}




.txt_lab_sec1 h1, .txt_lab_sec3 h1, .txt_lab_sec5 h1{
    color: #6591f4;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 180%;
	font-weight: bold;
    margin: 0 auto 30px auto;
    padding: 0;
    text-align: center;
}

.txt_lab_sec1 p, .txt_lab_sec3 p, .txt_lab_sec5 p {
    color: #555;
    font-size: 110%;
    margin: 0;
    padding: 0 ;
	line-height: 1.8;
	text-align: center;
}


.txt_lab_sec1 h3, .txt_lab_sec3 h3, .txt_lab_sec5 h3{
    color: #333;
    font-size: 120%;
	font-weight: bold;
    font-style: italic;
    margin: 3vh 0;
    padding: 0;
}

.txt_lab_sec1 ul, .txt_lab_sec3 ul, .txt_lab_sec5 ul{
	margin: 20px auto;
	padding: 0;
	width: 90%;
	list-style-type: none;
	text-align: center;
}

.txt_lab_sec1 li, .txt_lab_sec3 li, .txt_lab_sec5 li{
	background-color: #6591f4;
	color: #fff;
	padding: 0.7vw 1vw;
	text-align: center;
	margin-bottom: 10px;
}

.txt_lab_sec1 li:hover, .txt_lab_sec3 li:hover, .txt_lab_sec5 li:hover{
	background-color: #222;
	color: #fff;
}

.txt_lab_sec1 li a, .txt_lab_sec3 li a, .txt_lab_sec5 li a{
	text-decoration: none;
	color: #fff;
}


.lab_sec2 {
    width: 100%;
    margin: 0 auto;
    background-image: url(../images/laboratorio/2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;
}


.content_lab_sec2{
	width: 90%;
	margin: 0 auto;
}

.content_lab_sec2 .empty{
display: none;
}


.txt_lab_sec2{
width: 100%;
padding: 15vh 0;
}




.txt_lab_sec2 h1{
    color: #6591f4;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 180%;
	font-weight: bold;
    margin: 0 auto 30px auto;
    padding: 0;
    text-align: center;
}

.txt_lab_sec2 p {
    color: #fff;
    font-size: 110%;
    margin: 0;
    padding: 0;
	line-height: 1.8;
	text-align: center;
}




.lab_sec4 {
    width: 100%;
    margin: 0 auto;
    background-image: url(../images/laboratorio/4.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.content_lab_sec4 {
    width: 100%;
	background-color: rgba(0,0,0,0.6);
    padding: 20vh 0;
    text-align: center;
}

.content_lab_sec4 h1 {
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 220%;
    margin-bottom: 20px;
    font-weight: bold;
}


.content_lab_sec4 p {
    color: #fff;
	width: 90%;
	margin: 0 auto;
    font-size: 110%;
	text-align: center;
	line-height: 1.8;
}




/*pagina laboratorio desk*/





.intest_green {
    width: 100%;
    margin: 0 auto;
    background-image: url(../images/green/back_green.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}

.gradient-green {
    background: linear-gradient(0deg, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.9) 100%);
    background-position: top center;
    height: 50vh;
    padding: 10vh 0 0 0;
}


.green_sec0 {
    width: 100%;
}

.content_green_sec0 {
    width: 90%;
	margin: 0 auto;
    padding: 4vh 0;
    text-align: center;
}

.content_green_sec0 h1 {
    color: #6591f4;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 220%;
    margin-bottom: 20px;
    font-weight: bold;
}


.content_green_sec0 p {
    color: #555;
	width:100%;
	margin: 0 auto;
    font-size: 110%;
	line-height: 1.8;
	text-align: center;
}





.green_sec1{
width: 100%;
margin: 40px auto;
padding: 0;
}




.img_green_sec1{
  background-repeat: no-repeat;
    background-size: cover;
     background-position: center center;
width: 70vw;
	height: 70vw;
	border-radius: 100%;
	margin: 0 auto;
	margin-bottom: 3vh;
   background-image: url(../images/green/carbon_black.jpg);
	}




.txt_green_sec1{
width: 95%;
    margin: 0 auto;
    padding: 3vh 0 0 0;
	text-align: center;
}


.txt_green_sec1 h1{
    color: #6591f4;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 180%;
	font-weight: bold;
    margin: 0 auto 30px auto;
    padding: 0;
}

.txt_green_sec1 p{
    color: #555;
    font-size: 110%;
    margin: 0;
    padding: 0;
	line-height: 1.8;
	text-align: center;
}


.txt_green_sec1 h3{
    color: #333;
    font-size: 120%;
	font-weight: bold;
    font-style: italic;
    margin: 40px 0;
    padding: 0;
}



.map_txt{
    width: 100%;
    /* height: 200px; */
    padding: 20px 0 10px 0;
    text-align: center;
    line-height: 1.6;
}


.map_txt h2{
	font-size:160%;font-weight:bold;
}






/*area stock mobile*/


.intest_stock {
    width: 100%;
    margin: 0 auto;
    background-image: url(../images/back_green1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}

.gradient-stock {
    background: linear-gradient(0deg, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.9) 100%);
    background-position: top center;
    height: 35vh;
    padding: 8vh 0 0 0;
}




.area_stock {
    width: 100%;
}

.content_area_stock {
    width: 98%;
	margin: 0 auto;
    padding: 5vh 0;
}

.content_area_stock h1 {
    color: #6591f4;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 200%;
    margin-bottom: 20px;
    font-weight: bold;
}






.wrapper {
	display: grid;
	/*grid-template-columns: repeat(5, minmax(50px, 1fr));*/
	grid-template-columns: 14% 25% 18% 22% 22%;
	max-width: 100%;
}

.row {
/*	grid-column: 1 / -1;*/
	display: grid;
	grid-template-columns: 14% 25% 18% 22% 22%;
	margin-right: 0 !important;
margin-left: 0 !important;
}




.box_intest {
	background-color: #6591f4;
	color: #fff;
	padding: 2vh 1vw;
	font-size: 80%;
	border-right:1px solid #fff;
	text-transform: capitalize;
}

.box_intest:first-child, .box:first-child {
	border-left:1px solid #6591f4;

}

.box_intest:last-child {
	border-right:1px solid #6591f4;
}

.box {
	color: #222;
	padding: 2vh 1vw;
	font-size: 80%;
	/*border-bottom:1px solid #6591f4;*/
	border-right:1px solid #6591f4;
}



.row:nth-child(even) {background: #f5f5f5}
.row:nth-child(odd) {background: #FFF}


.row:last-child {	border-bottom:1px solid #6591f4;}





/*newsletter mobile*/




		.iscriviti_newsletter{
			width: 100%;
			background-color: #f5f5f5;
			padding: 5vh 0;
		}


		.cont_iscriviti_newsletter{
			width: 95%;
			margin: 0 auto;
		}

		.cont_iscriviti_newsletter h1{
			    color: #222;
    padding: 0 0 0 15px;
    margin: 0 0 10px 0;
    font-size: 200%;
			text-align: center;
			color: #6591f4;
			text-transform: none;
			font-weight: 600;
		}
		.cont_iscriviti_newsletter h2{
			    color: #555;
    padding: 0;
    margin: 0;
    font-size: 90%;
			text-align: center;
		}

		.dati_newsletter{
      width: 100%;
      margin:4vh auto;
		}

.dati_newsletter div{
  width: 100%;
  margin-bottom: 2vh;
}


.dati_newsletter input{
  display: block;
  width: 100%;
	border: 1px solid #cecece;
	-webkit-appearance: auto !important;
	padding: 1vh 1vw;
}
 .send_news
 {width: 100%;
   margin: 4vh auto 0 auto;
   position:relative;
 text-align:center;}

 .send_news button
 {margin-left: 30px;

 padding: 20px;
outline: none;
border: none;
background: #BDBDBD;
color: #fff;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
cursor: pointer;
 }



 #show_info_news{
   margin: 0 auto;text-align: center;
   width: 100%;
   cursor: pointer;
   color: #777;
	 font-size: 90%;
 }

 #show_info_news:hover{
   color: #6591f4;
 }





	#iscritto_newsletter, #errore_newsletter{
		display: none;
	}

	.div_msg_newsletter{
		width: 50vw;
		padding: 8vh 0;
		text-align: center;
		background-color: #fff;
	}

	.div_msg_newsletter h1{
		font-size: 1.5vw;
		color: #6591f4;
		margin-bottom: 20px;
	}
	.div_msg_newsletter p{
		font-size: 1vw;
		color: #222;
		margin-bottom: 50px;
	}

	.div_msg_newsletter a{
		font-size: 1vw;
		color: #222;
		text-decoration: none;

	}

	.div_msg_newsletter a:hover{
		color: #6591f4;
		text-decoration: none;
	}


	 #info
	 {margin: 15px auto;
	   display: none;
	   text-align: center;
	   width: 66%;
     font-size: 80%;
	   padding:15px 8px;
	   background-color: #fff;
	 }

	      #info a{
	        color: #6591f4;
	         text-decoration: none;
	      }

	     #info a:hover{
	        color: #6591f4;
	         text-decoration: none;
	      }



/*richiesta Preventivo mobile*/




/*area stock mobile*/


.intest_preventivo {
    width: 100%;
    margin: 0 auto;
    background-image: url(../images/back_green1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}

.gradient-preventivo {
    background: linear-gradient(0deg, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.9) 100%);
    background-position: top center;
    height: 25vh;
    padding: 2vh 0 0 0;
}


.preventivo{
	width: 95%;
	margin: 0 auto;
	padding: 2vh 0;
}


.prev_form{
	width: 100%;
}



.box_form h1{
	color: #6591f4;
	font-size: 150%;
	margin-bottom: 1.2vh;
}


.box_form h2{
	color: #222;
	font-size: 100%;
}

.box3 h2, .content_box h2{
	color: #6591f4;
	font-size: 150%;
	margin: 0 0 4vh 0;
  padding: 0 0 1vh 0;
  font-weight: bold;
  border-bottom: 1px solid #6591f4;
}


.box_form{

	font-size: 100%;
}

.box_form input{

	background-color: #fff;
}




.small_prev {
    font-size: 60% !important;
    color: #888 !important;
}


.content_box{
	width: 100%;
	padding: 4vh 2vw;
  background-color: #f5f5f5;
  margin: 0 0;

}


.box2{
	width: 100%;
	padding: 4vh 0;
}

.box2 .box_form{
	width: 100%;
}



.box3{
	width: 100%;
	padding: 4vh 0;
  background-color: #f5f5f5;
  margin: 0 0 4vh 0;

}

.box3 .box_form{
	width: 100%;
  margin-bottom: 2vh;
}


.box4{
	width: 100%;
padding: 0 0 0 0;
}

.box4 .box_form{
	width: 100%;
	margin-bottom: 2vh;

}

.box_form textarea{
	background-color:white; width: 100%;
}


#privacy h3{
  font-size: 90% !important;
}


 #show_info_prev{
   margin: 5vh auto 0 auto;
	 text-align: center;
   width: 100%;
   cursor: pointer;
   color: #222;
 }

 #show_info_prev:hover{
   color: #6591f4;
 }

 #info_prev
 {margin: 15px auto;
   display: none;
   text-align: center;
   width: 100%;
   padding:15px;
   background-color: #f5f5f5;
	 font-size: 80%;
 }

 #info_prev a{
    color: #6591f4;
  }
  #info_prev a:hover{
    color: #222;
  }

	.button_richiedi{
		margin-top: 3vh;
		text-align: center;
	}




	  /*area stock homepage desk*/

		.intest_stock {
		    width: 100%;
		    margin: 0 auto;
		    background-image: url(../images/back_green1.jpg);
		    background-repeat: no-repeat;
		    background-size: cover;
		    background-position: top center;
		}

		.gradient-stock {
		    background: linear-gradient(0deg, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.9) 100%);
		    background-position: top center;
		    height: 35vh;
		    padding: 2vh 0 0 0;
		}




	  .area_stock_hp{
	  	width: 100%;
	  	padding: 10vh 0;
	  	background: url(../images/back_areastock.jpg) no-repeat;
	  	background-position: center center;
	  	background-size: cover;
	  }

	  .cont_area_stock{
	  	width: 95%;
	  	margin: 0 auto;
	  }

	  .txt_area_stock{
	  	width: 100%;
	  	background-color: rgba(0, 0, 0, 0.7);
	  padding: 5vh 0;
	  	border-radius: 5px;
	  	text-align: center;
	  }

	  .empty_area_stock{
	  	display: none;
	  }


	  .button_stock {
	  	position: relative;
	  	display: inline-block;
	  	padding: 20px 50px;
	  	margin: 3vh auto;
	  	outline: none;
	  	border: none;
	  	background: #555 /*#66B331*/;
	  	color: #fff;
	  	text-transform: uppercase;
	  	font-size: 15px;
	  	font-weight:bold;
	  	cursor:pointer;

	  }

	  .button_stock:hover {

	  	background: #6591f4 /*#66B331*/;

	  }

	  .area_stock_hp h1 {
	      font-size: 200%;
	      font-weight: bold;
	      margin-bottom: 1vh;
	  		color: #fff;
	  }

	  .iscriviti_href{
	  	display: block;
	  	margin-top: 4vh;
	  	font-size: 100%;
	  	text-decoration: none;
	  	color: #fff;
	  }


	  .iscriviti_href:hover{
	  	color: #6591f4;
	  }




		.benv_cont{
			width: 100%;
			background-color: #ededed;
			padding: 1vh 0;
		}

	.cont_benv_cont{
		width: 95%;
		margin: 0 auto;
		text-align: center;
		font-size: 70%;
		color: #444;
	}

	.cont_benv_cont a{
		text-decoration: none;
		color: #000;
	}

	.cont_benv_cont a:hover{
		text-decoration: none;
		color: #6591f4;
	}


	#div_altro{
	display:none;  width: 90%; height:40vh; background:white; color:black; padding: 1vh 1vw;border-radius:5px; text-align:center;

	}







		/*lavora con noi*/

		.lavora_con_noi{
		  width: 90%;
		  margin: 5vh auto;
		}

		.txt_lavora{
		  width: 100%;
		  padding: 0 0 0 0;
			text-align: center;
			margin-bottom: 2vh;	
		}

		.lavora{
		  width: 100%;
		  padding-bottom: 5vh;
		background-color: #f5f5f5;
		}

		.cont-lavora{
		  width: 100%;
		margin: 0 auto;
		text-align: center;
		position: relative;
		}

		.lavora_file{
		  width: 100%;
		margin: 0 auto;
		}


		.lavora h1 {
		  font-size: 200%;
		  color: #222;
		  text-align: center;
		  padding: 5vh 0 20px 0;
		  text-transform: uppercase;
		  font-weight: bold;
		}

		.lavora .contact2-form {
		  width: 90%;
		  color: #222 !important;
			margin: 0 auto;
		}

		.lavora .wrap-input-scheda {
		  width: 100%;
		  position: relative;
		  border-bottom: 1px solid #222;
		  margin: 30px auto 10px auto;
		  text-align: left;
		}

		.lavora .input2 {
		  display: block;
		  width: 100%;
		  font-size: 1em;
		  color: #222;
		  line-height: 1.2;
		}


		.lavora .focus-input2::after {
		  content: attr(data-placeholder);
		  display: block;
		  width: 100%;
		  position: absolute;
		  top: 0px;
		  left: 0;
		  font-size: 1em;
		  color: #222;
		  line-height: 1.2;
		  -webkit-transition: all 0.4s;
		  -o-transition: all 0.4s;
		  -moz-transition: all 0.4s;
		  transition: all 0.4s;
		}


		#show_info_lavora {
		  margin: 40px auto 0 auto;
		  text-align: center;
		  width: 100%;
		  cursor: pointer;
		  color: #222;
		}


		#info_lavora {
		  margin: 15px auto;
		  display: none;
		  text-align: center;
		  width: 100%;
		  padding: 15px;
		  background-color: #dedede;
		  font-size: 100%;
		}

		.lavora .wrap-input-privacy {
		  width: 100%;
		  position: relative;
		  color: #222;
		  margin: 40px auto;
		  text-align: center;
		}


		.txt_lavora h1 {
		  font-size: 200%;
		  color: #222;
		  padding: 0 0 20px 0;
		  font-weight: bold;
		}

		.txt_lavora p {
		  font-size: 100%;
		  color: #222;
		}




	.replacart{

		width: 100%;
        padding: 10vh 0;
		text-align: center;
		background-image: url(../images/back_replacart.jpg);
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
	}


.replacart h1{
	font-size: 300%;
	color: #fff;
	font-weight: bold;
	margin-bottom: 4vh;
}

.replacart p{
    color: #fff;
    font-size: 90%;
    margin: 0 auto 3vh auto;
    padding: 0;
	width: 90%;
	line-height: 1.8;
}


.replacart a {
        font-size: 100%;
        color: #fff;
        text-decoration: none;
    }

	.loghi_replacart{
		display: block;
		margin: 5vh auto 0 auto;
		width: 90%;
	}