.no_desk{
  display: none !important;
}
body{
  font-size: 1vw;
  background-color: #000;
  width: 100vw;
  overflow-x: hidden;
}


.home_scroll{position:fixed;top:0;left:0;height:100vh;margin: 0 !important; overflow-y: hidden;}



.back_dark_menu{
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
  z-index: 9999999;
  top: 0;
  left: 0;
  transition: all 0.2s ease-out;
  opacity: 0;
  pointer-events: none;
}

.back_dark_visible{
  opacity: 1 !important;
  pointer-events: all !important;
  
}


.blur_attivo>section{
  transition: all 0.2s ease-out;
  filter: blur(6px) brightness(0.4);
}




.blur_attivo>div{
  transition: all 0.2s ease-out;
  filter: blur(6px) brightness(0.4);
}


.blur_attivo .blur_head{
  transition: all 0.2s ease-out;
  filter: blur(6px) brightness(0.4);
}






/*animazione titoli*/

.animate_h1 p{
transition: all 0.5s linear;
opacity:0;
}

.animate_h1 .visible p{
opacity:1 ;
}


/*gsap*/


.anispan{
  width: 100%;
   /* -webkit-clip-path: polygon(0% 50%, 100% 100%, 100% 100%,0% 100%);
    clip-path: polygon(0% 50%, 100% 100%, 100% 100%,0% 100%);*/
 /* transform: translateY(-50px);*/
  opacity: 0;
}

.anip{
opacity:0;
}


.anip_first{
  opacity:0;
  }
  



.intro_hp{
width: 100vw;
height: 100vh;
position: relative;
overflow:hidden;
}

.home_hp{
width: 100%;
height: 100vh;
position: relative;
overflow: hidden;
}

.sfondo_intro{
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 0;
  background-image: url(../images/back_home.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
filter: brightness(0.8);
transform: scale(1);
opacity: 0;
}

.back_scale{
  transform: scale(1.1);
  filter: brightness(0.8);
}


.black_panel_sx{
  position: absolute;
  top: 0;
  left: 0;
  width: 50vw;
  height: 100%;
  z-index: 2;
  background: rgb(71,71,71);
  background: radial-gradient(circle at right center, rgb(60, 60, 60) 0%, rgba(0,0,0,1) 80%, rgba(0,0,0,1) 100%); 
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
.border_panel_sx{
  top: 0;
  z-index: 1;
  left: 0;
  width: 50vw;
  height: 100%;
  background-color: #000;
  position: absolute;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

.black_panel_dx{
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  z-index: 2;
  background: rgb(71,71,71);
  background: radial-gradient(circle at left center, rgba(60, 60, 60,1) 0%, rgba(0,0,0,1) 80%, rgba(0,0,0,1) 100%); 
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

.border_panel_dx{
  top: 0;
  z-index: 1;
  right: 0;
  width: 50%;
  height: 100%;
  background-color: #000;
  position: absolute;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}



.border_black_panel_sx{
  border-right: 30px solid #000;
}

.border_black_panel_dx{
  border-left: 30px solid #000;
}


.content_logo{
  width: 12%;
  height: 100%;
margin: 0 auto;
position: relative;
z-index: 10;
}


.content_txt_intro{
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 3%;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.2);
}

.logo_finale{
  height: 9vh;
  display: block;
  margin: 14% auto 2.5vh auto;
  opacity: 0;
}

.scritta_luxury{
 /* height: 3vh;*/
 font-size: 150%;
 color: #fff;
 font-weight: 100;
  display: block;
  margin:0 auto 0 auto;
  opacity: 0;
}

.scheda_body .scritta_luxury{
  opacity: 1 !important;
}


.scheda_body .animenu{
  opacity: 1 !important;
}

.scritta_cultura_eleganza{
  height: 7vh;
  display: block;
  margin: 0vh auto 3vh auto;
  opacity: 0;
} 

.content_txt_intro h1{
  font-size: 220%;
  color: #fff;
  font-weight: 300;
  margin: 0 auto 0 auto;
  font-family: "Barlow Condensed", sans-serif;
}

.underconstruction{
  opacity: 0;
}

.email{
  font-size: 120%;
  color: #fff;
  font-weight: 200;
  margin: 0 auto 17vh auto;
  font-family: "Barlow Condensed", sans-serif;
}

.txt_p{
  font-size: 100%;
  color: #fff;
  font-weight: 200;
  font-family: "Barlow Condensed", sans-serif;

  opacity: 0;
}

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

.content_txt_intro a:hover{
  color: #999;
  text-decoration: none;
}



.logo1{
  position: absolute;
  left: 0;
  text-align: right;
  opacity:0;
}
.logo1 img{
  height: 6vh;
  opacity:1;
}

.logo2{
  position: absolute;
  left: 2vw;
  text-align: left;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  opacity:0;
}

.logo_chiuso{
  width: 0;
  clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
}

.logo_100{
  width: 100% !important;
  text-align: center !important;
}


.logo2 img{
  height: 6vh;
  opacity:1;
  
}



.head{
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  padding: 4vh 4vw;
  position: fixed;
  z-index: 99999;
}


.shrink{
  background-color: rgba(0,0,0,0.5);
  padding: 1vh 2vw 0.5vh 2vw;
  transition: all 0.2s linear;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

.logo_hp{
  width: 30%;
  text-align: left;
}

.luxury_hp{
  width: 30%;
  text-align: center;
}

.head .empty{
  width: 30%;
}


.logo_hp_img{
height: 6vh;
opacity:0;
}

.scheda_body .logo_hp_img{
  opacity: 1 !important;
}

.shrink .logo_hp_img{
  height: 3.5vh;
}

.shrink .scritta_luxury{
/*height: 2vh;*/
font-size: 150%;
color: #fff;
font-weight: 100;
}

.home_sezione1{
  width: 100%;
  height: 88%;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  z-index: 999;
}

.home_sezione1 .scritta_cultura_eleganza{
  height: 8vh;
  display: block;
  margin: 0vh auto 0 auto;
  opacity: 0;
} 

.animenu,.arrow_scroll{
  opacity: 0;
}


.about_us{width: 100%;padding: 14vh 0 0 0;background-color: #fff;height: 100vh;}

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

.img_about{
  width: 40%;
  text-align: center;
  position: relative;
}

.square_fix{
  width: 35vw;
  height:35vw;
  border: 1vw solid transparent;
  /*transform: scale(0.5);*/
    display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin: 0 auto;
  position: relative;

}


.img_square{
  width: 35vw;
  height:35vw;
  position: absolute;
  z-index: 0;
  transform: scale(1.1);
}

.content_about_us .empty{
  width: 12%;
}


.txt_about{
  width: 36%;
}

.txt_about h1{
  font-size: 350%;
  font-weight: 100;
  color: #222;
  margin-bottom: 3vh;
  padding-right: 7vw;
  line-height: 1.2;
}

.txt_about p{
  width: 97%;
  font-size: 100%;
  line-height: 1.4;
  font-weight: 200;
  color: #222;
}

.more{
  display: block;
  width: fit-content;
  text-align: center;
margin: 3vh auto 0 auto;
  padding: 1vh 1vw;
  background-color: #555;
  color: #fff;
  /*box-shadow: inset 0 0 0 0 #000;
  transition: color .3s ease-in-out, box-shadow .3s ease-in-out;*/
  font-size: 90%;
  font-weight: 100;
  overflow: hidden;
  transition: all 0.2s ease-out;

}

.txt_custom_proj .more{
  margin: 3vh 0 0 0 !important;
}

.more:hover{
  background-color: #000;
  /*box-shadow: inset 200px 0 0 0 #000;*/
  color: #fff;
  overflow: hidden;
}


.more_green{
  display: block;
  width: fit-content;
  text-align: center;
margin: 3vh auto 0 auto;
  padding: 1vh 1vw;
  background-color: #005468;
  color: #fff;
  /*box-shadow: inset 0 0 0 0 #000;
  transition: color .3s ease-in-out, box-shadow .3s ease-in-out;*/
  font-size: 90%;
  font-weight: 100;
  overflow: hidden;
  transition: all 0.2s ease-out;

}
.more_green:hover{
  background-color: #000;
/*  box-shadow: inset 200px 0 0 0 #000;;*/
  color: #fff;
  overflow: hidden;
}


.genesi{
  width: 100%;
  height: 100vh;
  background-image: url(../images/back_genesi2.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  position: relative;
  z-index: 9999;
}

.content_genesi{
  width: 90%;
  padding: 13vh 0 0 0; 
 margin: 0 auto;
}

.txt_genesi{
  padding: 0 0 0 0;
}

.txt_genesi h1{
  font-size: 350%;
  font-weight: 100;
  color: #fff;
  margin-bottom: 0vh;
  line-height: 1.2;
}

.txt_genesi h2{
  font-size: 150%;
  font-weight: 100;
  color: #fff;
  margin-bottom: 2vh;
}


.linea_genesi_link{
  width: 100%;
  height: 3.2vw;
  position: relative;
}

.linea_genesi_link::after{
  content: '';
  width: 45.8vw;
  position: absolute;
  margin: auto;
  bottom: 0;
  left: -0.7vw;
  height: 1px;
  background-color: #fff;
  right: 0;
}

.linea_genesi_link a{
  color: #fff;
  /*box-shadow: inset 0 0 0 0 #445872;
  transition: color .3s ease-in-out, box-shadow .3s ease-in-out;*/
  font-size: 110%;
  text-decoration: none;
  background-color: transparent;
  padding: 0.2vh 1.2vw 0.4vh 1.2vw;
  margin: 0 0vw;
  position: relative;
  font-weight: 100;
  text-transform: capitalize;
}


.linea_genesi_link a:hover{
  color: #fff;
  background-color: #445872;
 /* box-shadow: inset 200px 0 0 0 #445872;;*/
  text-decoration: none;
}

.linea_genesi_link a::after{
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -1.1vw;
  width: 1px;
  height: 1vw;
  background-color: #fff;
}



.linea_genesi{
  width: 100%;
  margin: 0 auto;
  display: block;
}





.certifications{
  width: 100%;
  padding: 20vh 0;
  background-color: #fff;
  /*height: 200vh;*/
  position: relative;
  z-index: 99;
  }
  
  .content_certif{
    width: 90%;
    margin: 0 auto;
  }
  
  .img_certif{
    width: 48%;
    text-align: center;
    position: relative;
  }

  /*.video_certif{width: 54%;display: block;margin:0 auto 5vh auto;}*/

  .video_certif{width: 500px;display: block;margin: 0 auto 0 auto;}



.img_certif h2{
  font-size: 150%;
  font-weight: 100;
  color: #222;
  margin-bottom: 1vh;
  line-height: 1.2;
}


  .loghi_certif{
    width: 70%;
    margin: 8vh 0 0 0;
    display: block;
  }



.txt_certif{
  width: 50%;
}

.txt_certif h1{
  font-size: 350%;
  font-weight: 100;
  color: #222;
  margin-bottom: 3vh;
  line-height: 1.2;
}

.txt_certif p{
  width: 70%;
  font-size: 100%;
  font-weight: 200;
  line-height: 1.4;
  color: #222;
}









.custom_proj {
  width: 100%;
  padding: 46vw 0 10vw 0;
  background-color: #fff;
  /* min-height: 200vh; */
  position: relative;
  z-index: 99;
}

  .custom1{
    height: 34vw;
    position: absolute;
    top: -3%;
    left: 16%;
  }


    .custom2{
    height: 35vw;
    position: absolute;
    top: 15%;
    right: 11%;
  }

    .custom3{
    height: 22vw;
    position: absolute;
    top: 32%;
    left: 13%;
  }
  
  .content_custom_proj{
    width: 90%;
    margin: 0 auto;
  }
  
  .img_custom_proj{
    width: 50%;
    margin: 0 auto;
    text-align: left;
    position: relative;
  }

  .img_custom_proj img{width: 100%;}

.txt_custom_proj{
  width: 46%;
  padding-top: 10vh;
}

.txt_custom_proj h1{
  font-size: 350%;
  font-weight: 100;
  color: #222;
  margin-bottom: 3vh;
  line-height: 1.2;
}

.txt_custom_proj p{
  width: 70%;
  font-size: 100%;
  font-weight: 200;
  line-height: 1.4;
  color: #222;
  filter: contrast();
}









.green{
  width: 100%;
  height: 80vh;
  background-image: url(../images/back_green.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  position: relative;
  background-attachment: fixed;
}

.green_flex{
  width: 100%;
  height: 100%;
}

.content_green{
  width: 50%;
  padding: 10vh 5vw; 
 margin: 0 auto;
 position: relative;
}



.content_green h1{
  font-size: 350%;
  font-weight: 100;
  color: #fff;
  margin-bottom: 3vh;
  line-height: 1.2;
}

.content_green p{
  font-size: 100%;
  font-weight: 100;
  color: #fff;
}

.txt_green_hp{
  position: relative;
  z-index: 2;
}


#square {
  position: absolute;
  top: 5vh;
  left: 0;
  right: 0;
  margin: auto;
  display: block;
  width: 100%;
  height: 40vh;
z-index: 1;
}

#left-side,
#top-side,
#right-side,
#bottom-side {
  position: absolute;
  background: none transparent;
  width: 0px;
  height: 0px;
}


#left-side {
  left: 0;
  bottom: 0;
  height: 30%;
  width: 1px;
}

#top-side {
  top: 0;
  left: 0;
  width: 80%;
  height: 1px;
}

#right-side {
  right: 0;
  top: 0;
  height: 30%;
  width: 1px;
}

#bottom-side {
  bottom: 0;
  right: 0;
  width: 80%;
  height: 1px;
}



#materials{position: relative;z-index: 0;/* height: 100vh; */}

.materials{
  width: 100%;
  padding: 20vh 0;
  background-color: #E6E6E6;
  height: 100%;
}



.scheda_materials{
  width: 100%;
  padding: 9vh 0;
  height: 100%;
}
  


.scheda_materials2{
  width: 100%;
  padding: 10vh 0;
  height: 100%;
  background-color: #dedede;
}
  


  
  .content_materials{
    width: 90%;
    margin: 0 auto;
  }
  
  .img_materials{
    width: 44%;
    text-align: center;
    position: relative;
  }


  .empty_scheda_materials{
    width: 7%;
  }


  .empty_scheda_hard{
    width: 2%;
  }
    
    
  .img_materials_scheda{
    width: 43%;
    text-align: center;
    position: relative;
    /* padding-top: 2vh; */
  }

  .img_materials_scheda25{
    width: 16%;
    text-align: center;
    position: relative;
    /* padding-top: 2vh; */
  }



.square_fix_mat{
  width: 35vw;
  height:35vw;
  border: 1vw solid transparent;
    display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin: 0 auto;
  position: relative;

}

.scheda_fix_mat{
  /*  width: 100%;
  height: 90vh;
  border: 1vw solid transparent;
  margin: 0 auto;
  position: relative;
  text-align: center;*/
  width: 35vw;
  height: 40vw;
  border: 1vw solid transparent;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
  }


.scheda_fix_mat2{
  /*  width: 100%;
  height: 90vh;
  border: 1vw solid transparent;
  margin: 0 auto;
  position: relative;
  text-align: center;*/
  width: 35vw;
  height: 40vw;
  border: 1vw solid transparent;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
  }




.img_square_mat{
  width: 35vw;
  height:35vw;
  position: absolute;
  z-index: 0;
}


.img_square_mat_scheda{
 /*  height: 90vh;
  margin: 0 auto;*/
 /*width: 35vw;*/
 height: 36vw;
 position: absolute;
 z-index: 0;
 cursor: pointer;
}


.img_square_mat_scheda2{
  /*  height: 90vh;
   margin: 0 auto;*/
  width: 35vw;
  margin-top: 4vh;
  position: absolute;
  z-index: 0;
  cursor: pointer;
 }
 
 


.txt_materials{
  width: 50%;
  padding-top: 5vh;
}

.txt_materials h1{
  font-size: 350%;
  font-weight: 100;
  color: #222;
  margin-bottom: 1vh;
  line-height: 1.2;
}

.txt_materials h2{
  font-size: 210%;
  font-weight: 100;
  color: #222;
  margin-bottom: 3vh;
  line-height: 1.2;
}


.txt_materials h3{
  font-size: 150%;
  font-weight: 100;
  color: #222;
  margin: 4vh 0 1vh 0;
  line-height: 1.2;
  opacity: 0;
}

.img_materials_scheda25 h3{
  font-size: 120%;
  font-weight: 100;
  color: #222;
  margin: 0vh 0 1vh 0;
  line-height: 1.2;
  opacity: 0;
  text-align: center;
}

.scheda_fix_mat3 {
  width: 100%;
  height: 28vw;
  /* border: 1vw solid transparent; */
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
}

.img_square_mat_scheda3 {
  /* width: 35vw; */
  height: 26vw;
  position: absolute;
  z-index: 0;
  cursor: pointer;
}

.separator_hard2 {
  height: 3vh;
}
.txt_materials h4{
  font-size: 140%;
  font-weight: 300;
  color: #222;
  line-height: 1.2;
  margin-bottom: 2vh;
}




.txt_materials3{
  width: 29%;
  padding-top: 5vh;
}

.txt_materials3 h1{
  font-size: 350%;
  font-weight: 100;
  color: #222;
  margin-bottom: 1vh;
  line-height: 1.2;
}

.txt_materials3 h2{
  font-size: 210%;
  font-weight: 100;
  color: #222;
  margin-bottom: 3vh;
  line-height: 1.2;
}


.txt_materials3 h3{
  font-size: 150%;
  font-weight: 100;
  color: #222;
  margin: 4vh 0 1vh 0;
  line-height: 1.2;
  opacity: 0;
}



.txt_materials3 h4{
  font-size: 140%;
  font-weight: 300;
  color: #222;
  line-height: 1.2;
  margin-bottom: 2vh;
}



.desc_materials{
  width: 80%;
}

.desc_materials2 {
  width: 100%;
  padding-left: 26%;
}

.scheda_materials .desc_materials {
  width: 100% !important;
}

  .desc_materials p{
  font-size: 100%;
  line-height: 1.4;
  color: #222;
  font-weight: 200;
  width: 70%;
  transition: all 0.2s linear;

}
  .desc_materials2 p{
  font-size: 100%;
  line-height: 1.4;
  color: #222;
  font-weight: 200;
  width: 90%;
  transition: all 0.2s linear;

}

.desc_materials strong{
  font-weight: 400;
}

.scheda_materials  .desc_materials p{
  font-size: 100%;
  line-height: 1.4;
  color: #222;
  font-weight: 200;
  width: 70%;
  opacity: 0;
  transition: all 0.2s linear;

}
.scheda_materials2  .desc_materials2 p{
  font-size: 100%;
  line-height: 1.4;
  color: #222;
  font-weight: 200;
  width: 90%;
  opacity: 0;
  transition: all 0.2s linear;

}

.menu_materials{
  width: 100%;
}


.link_stagger{
  opacity: 0;
}


.link_stagger2{
  opacity: 0;
}

.link_menu_materials{
  width: 20%;
}

.scheda_materials .link_menu_materials{
  padding-top: 9.5vh;
}
.scheda_materials2 .link_menu_materials{
  padding-top: 9.5vh;
}


/*
.link_menu_materials a{
  color: #787878;
  font-size: 110%;
  text-decoration: none;
  position: relative;
  display: block;
  transition: all 0.2s linear;

}

.link_menu_materials a:hover{
  color: #000;
  text-decoration: none;
  transition: all 0.2s linear;

}

.link_menu_materials a:hover::before{
  content: '+';
  position: absolute;
  color: #000;
  font-size: 100%;
  top: 0;
  left: -1vw;
}
  */

  .link_menu_materials a {
  background-image: linear-gradient(to left, #787878, #787878 50%, #000 50%);
  background-size: 200% 100%;
  background-position: 100%;
  display: block;
  font-size: 110%;
  position: relative;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.3s ease-in-out;
}


.link_menu_materials a:before {
  content: '+';
  position: absolute;
  background-size: 200% 100%;
  background-position: 100%;
  background-image: linear-gradient(to left, #787878, #787878 50%, #000 50%);
  font-size: 100%;
  top: 0;
  opacity: 0;
  left: -1vw;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.link_menu_materials a:hover {
  background-position: 0 !important;
}

.link_menu_materials a:hover::before{
  background-position: 0;
  opacity: 1;
}



.link_menu_materials .active{
  color: #000;
  text-decoration: none;
  pointer-events: none;
  background-position: 0 !important;

}

.link_menu_materials .active::before{
  content: '+';
  position: absolute;
  background-size: 200% 100%;
  background-image: linear-gradient(to left, #787878, #787878 50%, #000 50%);
  font-size: 100%;
  top: 0;
  background-position: 0;
  opacity: 1;
  left: -1vw;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.hide{
  display: none;
}


.small_img_materials{
  width: 100%;
  margin: 3vh 0 2vh 0;
  opacity: 0;
}

.asterisco{
  font-size: 80% !important;
  opacity: 1 !important;
}

.small_img_materials img{
  height: 8vh;
  display: block;
  margin-right: 1vw;
}


.products{
  width: 100%;
  padding: 0 0;
  background-color: #fff;
  /* height: 120vh; */
  position: relative;
  z-index: 991;
  }
  
  .content_products{
    width: 70%;
    margin: 0 auto;
  }

.content_img_products{
  width: 100%;
  height: 100vh;
  /*position: absolute;
  top: 0;
  left: 0;
  z-index: 1;*/
  position: relative;
}

.content_tit_prod_hp{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.tit_prod_hp{
  width: 100%;
  margin: 0% auto 0vh auto;
  font-size: 450%;
  font-weight: 100;
  color: #fff;

  text-align: center;
}

.p_prod_hp{
  width: 50%;
  margin: 0% auto;
  font-size: 110%;
  font-weight: 100;
  color: #fff;
  text-align: center;
}


  .img_products{
    width: 100%;
    height: 100%;
    background-image: url(../images/img_products_hp.jpg);
    background-repeat: no-repeat;
    /*background-position: 0 0;*/
    /*background-position: center center;*/
    background-size: cover;
    background-attachment: fixed;
    z-index: -1;
    position: relative;
    filter: brightness(0.5);
  }


.div_products{
  width: 100%;
  /*position: absolute;
  top: 80vh;
  left: 0;*/
  z-index: 2;
  background-color: #fff;
  padding: 12vh 0 20vh 0;
  /*height: 50vh;*/
}

  .content_txt_products{
    width: 100%;
  }

  .content_txt_products .empty{
    width: 35%;
  }

  .txt_products{
    width: 45%;
  }

  .txt_products h1{
    font-size: 350%;
    font-weight: 100;
    color: #222;
    margin-bottom: 3vh;
    line-height: 1.2;
  }
  
  .txt_products p{
    font-size: 100%;
    line-height: 1.4;
    color: #222;
    font-weight: 200;
    transition: all 0.2s linear;

  }

  .txt_products .active{
    display: inline;
  }
  


  .link_products{
    width: 12%;
    padding-top: 3vh;
  }
  

  /*
  .link_products a{
    color: #787878;
    font-size: 110%;
    text-decoration: none;
    position: relative;
    display: block;
    transition: all 0.2s linear;

  }
  
  .link_products a:hover{
    color: #000;
    text-decoration: none;
    transition: all 0.2s linear;

  }
  
  .link_products a:hover::before{
    content: '+';
    position: absolute;
    color: #000;
    font-size: 100%;
    top: 0;
    left: -1vw;
  }*/


  .link_products a {
    background-image: linear-gradient(to left, #787878, #787878 50%, #000 50%);
    background-size: 200% 100%;
    background-position: 100%;
    display: block;
    font-size: 110%;
    position: relative;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all 0.3s ease-in-out;
  }
  
  
  .link_products a:before {
    content: '+';
    position: absolute;
    background-size: 200% 100%;
    background-position: 100%;
    background-image: linear-gradient(to left, #787878, #787878 50%, #000 50%);
    font-size: 100%;
    top: 0;
    opacity: 0;
    left: -1vw;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  
  .link_products a:hover {
    background-position: 0 !important;
  }
  
  .link_products a:hover::before{
    background-position: 0;
    opacity: 1;
  }
  



  
  .link_products .active{
    color: #000;
    text-decoration: none;
    pointer-events: none;
  }
  
  .link_products .active::before{
    content: '+';
    position: absolute;
    color: #000;
    font-size: 100%;
    top: 0;
    left: -1vw;
  }


/*hardware*/

.img_hardware_scheda{
  width: 55%;
  text-align: center;
  position: relative;
}

.img_hardware_scheda2{
  width: 40%;
  text-align: center;
  position: relative;
}

.scheda_fix_hard2 {
  width: 100%;
  height: 43.5vw;
  border: 1vw solid transparent;
  display: flex
;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
}

.img_square_hard_scheda2 {
  /* width: 100%; */
  height: 42vw;
  position: absolute;
  z-index: 0;
  cursor: pointer;
}


.txt_hardware {
  width: 41%;
  padding-top: 5vh;
}


.txt_hardware h1{
  font-size: 350%;
  font-weight: 100;
  color: #222;
  margin-bottom: 1vh;
  line-height: 1.2;
}

.txt_hardware h2{
  font-size: 210%;
  font-weight: 100;
  color: #222;
  margin-bottom: 3vh;
  line-height: 1.2;
}


.txt_hardware h3{
  font-size: 150%;
  font-weight: 100;
  color: #222;
  margin: 4vh 0 1vh 0;
  line-height: 1.2;
  opacity: 0;
}




.txt_hardware3{
  width: 29%;
  padding-top: 5vh;
}

.txt_hardware3 h1{
  font-size: 350%;
  font-weight: 100;
  color: #222;
  margin-bottom: 1vh;
  line-height: 1.2;
}

.txt_hardware3 h2{
  font-size: 210%;
  font-weight: 100;
  color: #222;
  margin-bottom: 3vh;
  line-height: 1.2;
}


.txt_hardware3 h3{
  font-size: 150%;
  font-weight: 100;
  color: #222;
  margin: 4vh 0 1vh 0;
  line-height: 1.2;
  opacity: 0;
}



.txt_hardware3 h4{
  font-size: 140%;
  font-weight: 300;
  color: #222;
  line-height: 1.2;
  margin-bottom: 2vh;
}




.scheda_fix_hard {
  width: 100%;
  height: 40vw;
  border: 1vw solid transparent;
  display: flex
;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
}

.img_square_hard_scheda {
  width: 100%;
  /* height: 44vw; */
  position: absolute;
  z-index: 0;
  cursor: pointer;
}

.bread_home_hard{
  padding: 1vh 1.2vw 0vh 1.2vw;
}

.bread_home_hard img{
  height: 3vh;
}

.bread_home_hard:hover{
  color: #fff;
  background-color: transparent !important;
  text-decoration: none;
}



.content_nav_hardware{
  width: 40%;
  padding: 8vh 0 1vh 0;
  margin: 0 auto;
  position: relative;
}

.special_handle_nav{
  padding: 8vh 0 0 0 !important;
}

.hardware{
  width: 100%;
  padding: 0 0;
  background-color: #fff;
  /* height: 120vh; */
  position: relative;
  z-index: 991;
  }
  
  .content_hardware{
    width: 70%;
    margin: 0 auto;
  }

.content_img_hardware{
  width: 100%;
  height: 100vh;
  /*position: absolute;
  top: 0;
  left: 0;
  z-index: 1;*/
  position: relative;
}

.content_tit_hard_hp{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.tit_hard_hp{
  width: 100%;
  margin: 0% auto 0vh auto;
  font-size: 450%;
  font-weight: 100;
  color: #fff;

  text-align: center;
}

.p_hard_hp{
  width: 50%;
  margin: 0% auto;
  font-size: 110%;
  font-weight: 100;
  color: #fff;
  text-align: center;
}


  .img_hardware{
    width: 100%;
    height: 100%;
    background-image: url(../images/img_hardware_hp.jpg);
    background-repeat: no-repeat;
    /*background-position: 0 0;*/
    /*background-position: center center;*/
    background-size: cover;
    background-attachment: fixed;
    z-index: -1;
    position: relative;
    filter: brightness(0.5);
  }


.div_hardware{
  width: 100%;
  /*position: absolute;
  top: 80vh;
  left: 0;*/
  z-index: 2;
  background-color: #fff;
  padding: 12vh 0 20vh 0;
  /*height: 50vh;*/
}

  .content_txt_hardware{
    width: 100%;
  }

  .content_txt_hardware .empty{
    width: 35%;
  }

  .txt_hardware_hp{
    width: 45%;
  }

  .txt_hardware_hp h1{
    font-size: 350%;
    font-weight: 100;
    color: #222;
    margin-bottom: 3vh;
    line-height: 1.2;
  }
  
  .txt_hardware_hp p{
    font-size: 100%;
    line-height: 1.4;
    color: #222;
    font-weight: 200;
    transition: all 0.2s linear;

  }

  .txt_hardware_hp .active{
    display: inline;
  }
  
.specifiche_hard{
  height: 12vw;
  margin: 2vh 0vw;
}

.specifiche_hard3 {
  height: 10vw;
  margin: 2vh 0vw;
}


.specifiche_hard2{
  height: 18vw;
  margin: 2vh 0vw;
}

.specifiche_hard4{
  height: 15vw;
  margin: 2vh 0vw;
}

.link_hardware_hp{
    width: 15%;
    padding-top: 3vh;
  }
  


  .link_hardware_hp a {
    background-image: linear-gradient(to left, #787878, #787878 50%, #000 50%);
    background-size: 200% 100%;
    background-position: 100%;
    display: block;
    font-size: 110%;
    position: relative;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all 0.3s ease-in-out;
  }
  
  
  .link_hardware_hp a:before {
    content: '+';
    position: absolute;
    background-size: 200% 100%;
    background-position: 100%;
    background-image: linear-gradient(to left, #787878, #787878 50%, #000 50%);
    font-size: 100%;
    top: 0;
    opacity: 0;
    left: -1vw;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  
  .link_hardware_hp a:hover {
    background-position: 0 !important;
  }
  
  .link_hardware_hp a:hover::before{
    background-position: 0;
    opacity: 1;
  }
  



  
  .link_hardware_hp .active{
    color: #000;
    text-decoration: none;
    pointer-events: none;
  }
  
  .link_hardware_hp .active::before{
    content: '+';
    position: absolute;
    color: #000;
    font-size: 100%;
    top: 0;
    left: -1vw;
  }


  .separator_hard {
    height: 5vh;
}

.linea_hardware_sublink_page {
  width: 40%;
  /* height: 68px; */
  position: absolute;
  /* top: 8vh; */
  left: 20.5%;
}


.linea_hardware_sublink_page::after{
  content:'';
  width: 65.3%;
  position: absolute;
  margin: auto;
  top: 0.8vh;
  left: 2%;
  height: 1px;
  background-color: #222;
  right: 0;
}


.tronca {
  left: 1.5vw;
  top: 13.2vh;
}


.sel_tronca::before{
  content: '';
  position: absolute;
  left: -3.4vw;
  right: 0;
  margin: auto;
  top: -1vh;
  width: 1px;
  height: 1.8vh;
  background-color: #222;
}



.classic_h {
  width: 45% !important;
  left: 10.5vw;
  top: 13.2vh;
}

.classic_h::after {
  content: '';
  width: 71.15% !important;
  position: absolute;
  margin: auto;
  top: 0.8vh;
  left: 2.8% !important;
  height: 1px;
  background-color: #222;
  right: 0;
}


.sel_classic_h::before{
  content: '';
  position: absolute;
  left: -3.4vw;
  right: 0;
  margin: auto;
  top: -1vh;
  width: 1px;
  height: 1.8vh;
  background-color: #222;
}



.linea_hardware_sublink_page a{
  color: #222;
  /*box-shadow: inset 0 0 0 0 #7F7F7F;
  transition: color .3s ease-in-out, box-shadow .3s ease-in-out;*/
  font-size: 110%;
  text-decoration: none;
  background-color: transparent;
  padding: 0vh 1.2vw 0vh 1.2vw;
  margin: 3vh 0.2vw 0 0.2vw;
  position: relative;
  font-weight: 100;
}



.linea_hardware_sublink_page a:hover{
  color: #fff;
  background-color: #7F7F7F;
 /* box-shadow: inset 200px 0 0 0 #7F7F7F;;*/
  text-decoration: none;
}

.linea_hardware_sublink_page a::after{
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 3.7vh;
  width: 1px;
  height: 2vh;
  background-color: #222;
}

  footer{
    width: 100%;
    padding: 4vh 0;
    background-color: #404040;
  }

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

  .txt_foot{
    width: 86%;
    font-size: 90%;
    color: #fff;
    font-weight: 300;
  }

  .txt_foot h1{
    font-size: 120%;
    font-weight: 600;
  }

  .txt_foot a{
    text-decoration: none;
    color: #dedede;
  }

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

  .txt_foot img{
    height: 4vh;
    display: block;
    margin-bottom: 1vh;
  }

  .social_foot{
    width: 14%;
  }



  .facebook{
    width: 2vw;
    height: 2vw;
    margin-right: 0.5vw;
    background-image: url(../images/facebook_grey.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    transition: all 0.2s linear;
  }

  .facebook:hover{
    background-image: url(../images/facebook.svg);
  }



  .youtube{
    display: none;
    width: 2vw;
    height: 2vw;
    margin-right: 0.5vw;
    background-image: url(../images/youtube_grey.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    transition: all 0.2s linear;
  }

  .youtube:hover{
    background-image: url(../images/youtube.svg);
  }





  .instagram{
    width: 2vw;
    height: 2vw;
    background-image: url(../images/instagram_grey.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    transition: all 0.2s linear;

  }

  .instagram:hover{
    background-image: url(../images/instagram.svg);
  }

  .linkedin{
    width: 2vw;
    height: 2vw;
    margin-right: 0.5vw;
    background-image: url(../images/linkedin_grey.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    transition: all 0.2s linear;
  }

  .linkedin:hover{
    background-image: url(../images/linkedin.svg);
  }







/*form scheda*/

.form_info{
	width: 100%;
	background-color: #E6E6E6;
	padding: 15vh 0;
  position: relative;
}


	#form_info h1{
    font-size: 350%;
    font-weight: 100;
    color: #222;
    margin-bottom: 6vh;
    line-height: 1.2;
    text-align: center;
	}


  .contact_hp{
    /* margin-top: 34vh; */
  }



	.container-contact-info {
	  width: 60%;
		margin: 0 auto 0 auto;
	  padding:1vh 0;
	}



	.cont-form{
		width: 100%;
	}




	.text-modulo {
    padding: 10vh 0;
    width: 70%;
    margin: 0 auto;
   text-align:center;
   min-height:60vh;
	}


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

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

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





.location{
  width: 100%;
  margin: 0 auto;
  padding: 12vh 0 10vh 0;
  background-color: #fff;
  position: relative;
}



.content_video_location{
  height: 80vh;
  overflow: hidden;
  width: 80%;
  position: relative;
  margin: 0 auto 5vh auto;
  /* padding-top: 5vh; */
}


.content_video_location::after{
  content: '';
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.2);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.content_video_location h1{
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  font-size: 350%;
  font-weight: 100;
  color: #fff;
  line-height: 1.2;
  text-align: center;
  z-index: 2;
  }



.content_video_location h2{
  position: absolute;
  top: 35%;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  font-size: 150%;
  font-weight: 100;
  color: #fff;
  line-height: 1.2;
  text-align: center;
  z-index: 2;
  }

  .video_location{
    width: 100%; 
    height: auto;
     display: block;
 }


#map{
  width: 80%;
  height: 60vh;
  margin: 0 auto;
}

.txtmaps {
  padding: 20px 20px;
  font-size: 13px;
  text-align: center;
  color: #333;
}

.txtmaps img{
  height:4vh;margin-bottom:10px;
}

.txtmaps h2{
  font-weight:200;font-size:150%;
}


.txtmaps p{
line-height:1.5;
font-size:100%;
font-weight: 100;
}


.txtmaps a{
  color: #555;
  font-weight: 100 !important;
  text-decoration: none;
}

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





/*scheda*/




/*scheda*/


.scheda{
  width: 100%;
  height: 81vh;
  background-repeat: no-repeat;
  background-position: top left;
  background-size: auto 100%;
}


.scheda2{
  width: 100%;
  height: 80vh;
  background-repeat: no-repeat;
  background-position: top right;
  background-size: auto 100%;
  background-color: #dedede;
}


.content_txt_scheda{
  width: 100%;
  height: 100%;
}

.content_txt_scheda .empty{
  width: 45%;
}

.cont_img_treat{
  width: 48%;
  padding-left: 3vw;
  height: 100%;
  text-align: right;
  padding-top: 10vh;
}



.cont_img_genesi{
  width: 36%;
  text-align: center;
  position: relative;
}

.square_fix_genesi{
  width: 35vw;
  height:35vw;
  border: 1vw solid transparent;
  /*transform: scale(0.5);*/
    display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin: 0 auto;
  position: relative;

}


.img_square_genesi{
  width: 35vw;
 /*height:35vw;*/
  position: absolute;
  z-index: 0;
  transform: scale(1.1);
}

.empty_img_genesi{
  width: 12%;
 }




.img_scheda_small{
  height: 20vh;
  margin-top: 3vh;
  display: block;
  cursor: pointer;
}

.img_treat{
  width: 90%;
}


.empty_img{
  width: 35%;
 }

.img_genesi_scheda{
width: 65%;
}



.empty_img20{
  width: 20%;
 }

.img_genesi_scheda80{
width: 80%;
}



.txt_scheda_treat {
  width: 52%;
  padding: 10vh 8vw 5vh 3vw;
  height: 100%;
}

.content_txt_scheda .txt_scheda{
  width: 55%;
  background-color: rgba(255,255,255,0.8);
  padding: 10vh 10vw 5vh 6vw;
  height: 100%;
}

.scheda2 .txt_scheda{
  padding: 20vh 7vw 5vh 8vw !important;
}


.scheda2 .cont_img_treat{
  width: 48%;
  padding-right: 3vw;
  height: 100%;
  text-align: left;
}

.scheda2 .txt_scheda_treat {
  width: 52%;
  padding: 10vh 0vw 5vh 13vw;
  height: 100%;
}


.txt_scheda h1{
  font-size: 350%;
  font-weight: 100;
  color: #222;
  margin-bottom: 4vh;
  line-height: 1.2;
}


.txt_scheda h2{
  font-size: 200%;
  font-weight: 100;
  color: #222;
  margin-bottom: 1vh;
  line-height: 1.2;
}

.txt_scheda p{
  width: 84%;
  font-size: 100%;
  line-height: 1.6;
  font-weight: 200;
  color: #222;
}


.txt_scheda_treat h1{
  font-size: 350%;
  font-weight: 100;
  color: #222;
  margin-bottom: 4vh;
  line-height: 1.2;
}

.txt_scheda_treat h2{
  font-size: 180%;
  font-weight: 100;
  color: #222;
  margin-bottom: 1vh;
  line-height: 1.2;
}

.txt_scheda_treat p{
  width: 74%;
  font-size: 100%;
  line-height: 1.6;
  font-weight: 200;
  color: #222;
}

.scheda2 .txt_scheda_treat p{

  width: 90%;

}



.linea_fixed{
  width: 100%;
  padding: 10vh 0;
  background-color: #fff;
  position: fixed;
  top: 0;
  z-index: 99;
}


.linea_fixed2{
  width: 100%;
  padding: 10vh 0 3vh 0;
  background-color: #fff;
  position: fixed;
  top: 0;
  z-index: 99;
}




.linea_genesi_link_page{
  width: 100%;
  height: 6.5vh;
  position: relative;
 /* margin-top: 13vh;*/
}

.linea_genesi_link_page::after {
  content: '';
  width: 46.2vw;
  position: absolute;
  margin: auto;
  bottom: 0;
  left: -0.3vw;
  height: 1px;
  background-color: #222;
  right: 0;
}

.submenu_opacity .linea_genesi_link_page::after{
  opacity: 0.2;
}

.linea_genesi_link_page a{
  color: #222;
  /*box-shadow: inset 0 0 0 0 #7F7F7F;
  transition: color .3s ease-in-out, box-shadow .3s ease-in-out;*/
  font-size: 110%;
  text-decoration: none;
  /*background-color: transparent;*/
  padding: 0vh 1.2vw 0vh 1.2vw;
  margin: 0 0vw;
  position: relative;
  font-weight: 100;
  text-transform: capitalize;
}


.linea_genesi_link_page a:hover{
  color: #fff;
  background-color: #7F7F7F;
  /*box-shadow: inset 200px 0 0 0 #7F7F7F;;*/
  text-decoration: none;
}

.linea_genesi_link_page a::after{
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -2.9vh;
  width: 1px;
  height: 1.9vh;
  background-color: #222;
}

.submenu_opacity .linea_genesi_link_page a::after{
  opacity: 0.2;
}






.linea_genesi_sublink_page{
  width: 50%;
  /* height: 68px; */
  position: absolute;
  /* top: 8vh; */
  left: 20.5%;
}

.finishing{
  width: 11% !important;
        /* height: 68px; */
        position: absolute;
        /* top: 8vh; */
        left: 39.15% !important;
}


.linea_genesi_sublink_page::after{
  content:'';
  width: 45.4%;
  position: absolute;
  margin: auto;
  top: 2.8vh;
  left: -0.9%;
  height: 1px;
  background-color: #222;
  right: 0;
}

.finishing::after {
  content: '';
  width: 47.5% !important;
  position: absolute;
  margin: auto;
  top: 2.8vh;
  left: 0.5vw !important;
  height: 1px;
  background-color: #222;
  right: 0;
}



.treat{
  left: 25.5% !important;
}

.sel_treat::before{
  content: '';
  position: absolute;
  left: 1.3vw;
  right: 0;
  margin: auto;
  top: -2vh;
  width: 1px;
  height: 4.8vh;
  background-color: #222;
}


.linea_genesi_sublink_page a{
  color: #222;
  /*box-shadow: inset 0 0 0 0 #7F7F7F;
  transition: color .3s ease-in-out, box-shadow .3s ease-in-out;*/
  font-size: 110%;
  text-decoration: none;
  /*background-color: transparent;*/
  padding: 0vh 1.2vw 0vh 1.2vw;
  margin: 5vh 0.2vw 0 0.2vw;
  position: relative;
  font-weight: 100;
}

.finishing a{
  padding: 0vh 1.2vw 0vw 1.2vw !important;
}


.linea_genesi_sublink_page a:hover{
  color: #fff;
  background-color: #7F7F7F;
 /* box-shadow: inset 200px 0 0 0 #7F7F7F;;*/
  text-decoration: none;
}

.linea_genesi_sublink_page a::after{
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 3.7vh;
  width: 1px;
  height: 2vh;
  background-color: #222;
}


.finishing::before{
  content: '';
  position: absolute;
  left: 0.8vw;
  right: 0;
  margin: auto;
  top: -2vh;
  width: 1px;
  height: 4.8vh;
  background-color: #222;
}



.finishing a::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 3.7vh;
  width: 1px;
  height: 2vh;
  background-color: #222;
}


.separator_scheda{
  height: 18vh;
}


.separator_scheda2{
  height: 11vh;
}



.selected{
  color: #fff !important;
  background-color: #7F7F7F;
  /*box-shadow: inset 230px 0 0 0 #7F7F7F !important;*/
  text-decoration: none !important;
  pointer-events: none !important;
  /*padding: 0vh 0.8vw 0vh 0.8vw !important;*/
  margin: 0 0.4vw !important;
  }


.sub_selected{
  color: #fff !important;
  background-color: #7F7F7F;
  /*box-shadow: inset 200px 0 0 0 #7F7F7F !important;*/
  text-decoration: none !important;
  pointer-events: none !important;
  }

  


.intest_scheda{
  width: 100%;
  margin: 0 auto 0 auto;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
  overflow: hidden;
}

.content_intest{
  text-align: center;
  width: 40%;
  margin: 0 auto;
  border: 1px solid #fff;
  padding: 6vh 0 3vh 0;
}



.breadcrumbs {
  padding: 0;
  text-align: center;
  width: 100%;
  margin-top: 1vh;
  color: #fff !important;
  font-size: 80%;
  font-weight: 200;
  text-transform: uppercase;
}

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


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


.bread_home{
  position: fixed; top: 10vh;left: 20%;z-index: 9999;
}

.bread_home img{
  height: 3vh;
}

.bread_home_mil {
  position: absolute;
  top: 12vh;
  left: 40%;
  z-index: 9999;
}

.bread_home_mil img{
  height: 3vh;
}


.bread_home_cont {
  position: absolute;
  top: 12vh;
  left: 0;
  right: 0;
  /* bottom: 0; */
  z-index: 9999;
  margin: auto;
  width: 100%;
  height: 5vh;
  text-align: center;
}
.bread_home_cont img{
  height: 3vh;
}

.bread_home_case {
  position: absolute;
  top: 3.5vh;
  left: 38%;
  z-index: 9999;
}

.bread_home_case img {height: 1.5vw;}



.bread_home_mat {
  position: absolute;
  top: 18vh;
  left: 50%;
  z-index: 9999;
}


.bread_home_mat img{
  height: 3vh;
}


.breadcrumbs_black {
  padding: 0;
  text-align: center;
  width: 100%;
  margin-top: 1vh;
  color: #222 !important;
  font-size: 80%;
  font-weight: 200;
  text-transform: uppercase;
}

.breadcrumbs_black a {
  color: #222;
  font-weight: 500;
  text-decoration: none;
}


.breadcrumbs_black a:hover{
color:#7B7B7B;
text-decoration: none;
}



.bread_green{
  position: absolute;
  top: 15vh;
  left: 0;
  right: 0;
  z-index: 9999;
  margin: auto;
  text-align: center;
}

.bread_green img{
  height: 3vh;
}



.gradient-intest {
  /*background: linear-gradient(0deg, rgba(0,0,0,0.4) 20%,rgba(0,0,0,0.8) 100%);*/
      padding: 12vh 0 10vh 0;
      width: 100%;
  }

.intest_green{
  background-image: url(../images/back_green.jpg);
  background-attachment: fixed;
}

.intest_scheda h1 {
  position: relative;
  color: #fff;
  font-size: 320%;
  margin: 0 0 1vh 0;
  font-weight: 100;
}


.scheda100{
  width: 100%;
  margin: 0 auto;
  padding: 8vh 0;
}

.content_txt_scheda60{
  width: 55%;
  margin: 0 auto;
  text-align: center;
}



.content_txt_scheda60 h1{
  font-size: 180%;
  font-weight: 100;
  color: #222;
  margin-bottom: 2vh;
  line-height: 1.2;
}

.content_txt_scheda60 p{
  font-size: 100%;
  line-height: 1.6;
  font-weight: 200;
  color: #222;
}


.content_txt_scheda h1{
  font-size: 180%;
  font-weight: 100;
  color: #222;
  margin-bottom: 2vh;
  line-height: 1.2;
}

.content_txt_scheda p{
  font-size: 100%;
  line-height: 1.6;
  font-weight: 200;
  color: #222;
}

.txt_invia{
  height: 15.8vh;
  text-align: center;
}


.lista_green{
  width: 100%;
  margin: 10vh auto;
  text-align: left !important;
}

.box_green{
  width: 48%;
  margin-bottom: 4vh;
}

.ico_green{
  width: 15%;
  text-align: center !important;
  padding: 1vh 0 0 0;
}

.ico_green img{
  height: 3.2vh;
}

.txt_box_green{
  width: 85%;
  padding-right: 1vw;
}


.our_story{
  width: 100%;
  padding: 30vh 0 10vh 0;
  position: relative;
}


.our_story h1 {
  position: relative;
  color: #222;
  font-size: 320%;
  margin: auto;
  font-weight: 100;
  position: absolute;
  top: 8vh;
  left: 0;
  right: 0;
  text-align: center;
}


.line_story{
  height: 550vh;
  width: 1px;
  background-color: #7F7F7F;
  position: absolute;
  top: 20vh;
  left: 0;
  right: 0;
  margin: auto;
}

.content_our_story{
width: 60%;
margin: 0 auto;
}

.box_story{
  width: 48%;
  position: relative;
  margin-top: -6vh;
}

.empty_story{
  width: 48%;
}

.box_story::after{
  content: '';
  position: absolute;
  bottom: -3vh;
  right: -1.2vw;
  width: 105%;
  height: 1px;
  background-color: #7F7F7F;
}

.box_right::after{
  left: -1.2vw !important;
}

.img_box_story{
  width: 100%;
  height: 38vh;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  margin-bottom: 2vh;
}

.img_box_story h2{
  font-size: 500%;
  font-weight: 100;
  color: #fff;
  /* margin-bottom: 4vh; */
  line-height: 1.2;
  position: absolute;
  bottom: 3vh;
  left: 0;
  right: 0;
  /* height: 0; */
  margin: auto;
  text-align: center;
}

.box_story p{
  width: 80%;
  margin: 0 auto;
  font-size: 100%;
  line-height: 1.6;
  font-weight: 200;
  color: #222;
}

.logo_milestone{
  position: absolute;
  top: 12vh;
  left: 0;
  height: 8vh;
  right: 0;
  margin: auto;
  /* bottom: 0; */
}

.anno2024{
  background-color:#000;
}

.anno2023{
  background-image: url(../images/milestones/2023.jpg);
}

.anno2022{
  background-image:url(../images/milestones/2022.jpg);
}
.anno2019{
  background-image:url(../images/milestones/2019.jpg);
}


.anno2017{
  background-image:url(../images/milestones/2017.jpg);
}
.anno2013{
  background-image:url(../images/milestones/2013.jpg);
}


.anno2012{
  background-image:url(../images/milestones/2012.jpg);
}

.anno2010{
  background-image:url(../images/milestones/2010.jpg);
}
.anno2008{
  background-image:url(../images/milestones/2008.jpg);
  background-position: center top !important;
}
.anno2008 h2{
  color: #000 !important;
}

.anno2006{
  background-image:url(../images/milestones/2006.jpg);
}

.anno1999{
  background-image:url(../images/milestones/1999.jpg);
}
.anno1995{
  background-image:url(../images/milestones/1995.jpg);
}

.colors{

  margin-top: 5vh;
  display: block;
}


.colors img{
  height: 2vh;
}

.colors h4{
  font-size: 100%;
  font-weight: 400;
  color: #787878;
  /* margin-bottom: 4vh; */
  line-height: 1.2;
  margin: 0;
  padding: 0;
  }

.colors h5{
  font-size: 100%;
  line-height: 1.6;
  font-weight: 100;
  color: #787878;
    margin: 0;
  padding: 0;
}

.link_colors{
  width: 50%;
  margin: 0.5vw 0;
}

.link_colors a{
  margin-right: 1vw;
}

.link_colors a:hover h4{
  color: #000;
}

.link_colors .more{
  margin: 0 1vw 0 0 !important;
}


.div_colors{
  display: none;
  background-color: #fff;
  padding: 3vh 2vw 8vh 2vw;
  width: 80%;
}

.close{
  width: 100%;
  text-align: right;
  margin-bottom: 4vh;
}

.close img{
  height: 2vh;
}


.content_div_colors{
  width: 100%;
}

.lista_colors{
  width: 54%;
}
.txt_colors{
  width: 46%;
}

.lista_colors_sign{
  width: 54%;
}

.lista_colors_sign img{
  height: 84vh;
}

.txt_colors h1{
  font-size: 350%;
  font-weight: 100;
  color: #222;
  margin-bottom: 4vh;
  line-height: 1.2;
}

.txt_colors p{
  width: 90%;
  font-size: 95%;
  line-height: 1.4;
  font-weight: 200;
  color: #222;
}

.txt_colors .small{
  font-size: 85% !important;
  font-style: italic;
}


.box_colors{
  width: 100%;
  margin-bottom: 1vh;
}

.box_colors div{
  width: 17%;
}

.box_colors img{
  height: 10vh;
}

.box_colors h6{
    font-size: 100%;
    font-weight: 600;
    color: #222;
}



/*gallery products*/

.bread_home_gal{
  padding: 1vh 1.2vw 0vh 1.2vw;
}

.bread_home_gal img{
  height: 3vh;
}

.bread_home_gal:hover{
  color: #fff;
  background-color: transparent !important;
  text-decoration: none;
}



.separator_gallery{
  height: 18vh;
}

.separator_mater{
  height: 9vh;
}


.nav_product{
  width: 100%;
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 9999;
}

.content_nav_product{
  width: 40%;
  padding: 10vh 0 3vh 0;
  margin: 0 auto;
  position: relative;
}

.prodotti_download{
  position: absolute;
  top: 10vh;
  right: 4.3%;
  width: 18%;
  z-index: 99999;
  background-color: #ededed;
  padding: 1vh 1vw 1vh 0.8vw;
}
.content_ico_download{margin-right: 1.5vw;border-right: 1px solid #A3A3A3;padding-right: 0.5vw;}

.ico_download{
  height: 2vh;
  opacity: 0.5;
}

.link_nav_download{
  color: #222;
  /*box-shadow: inset 0 0 0 0 #7F7F7F;
  transition: color .3s ease-in-out, box-shadow .3s ease-in-out;*/
  font-size: 100%;
  text-decoration: none;
  background-color: transparent;
  padding: 0vh 0.5vw;
  margin: 0 0vw;
  position: relative;
  font-weight: 100;
}


.link_nav_download:hover{
  color: #fff;
  background-color: #7F7F7F;
 /* box-shadow: inset 200px 0 0 0 #7F7F7F;;*/
  text-decoration: none;
}






.link_nav_prod{
  color: #222;
  /*box-shadow: inset 0 0 0 0 #7F7F7F;
  transition: color .3s ease-in-out, box-shadow .3s ease-in-out;*/
  font-size: 110%;
  text-decoration: none;
  /*background-color: transparent;*/
  padding: 0vh 1.2vw 0vh 1.2vw;
  margin: 0 0vw;
  position: relative;
  font-weight: 100;
}


.link_nav_prod:hover{
  color: #fff;
  background-color: #7F7F7F;
 /* box-shadow: inset 200px 0 0 0 #7F7F7F;;*/
  text-decoration: none;
}






.gallery{
  width: 90%;
  margin: 0 auto;
  padding: 0 0;
}


.gallery h2{
  font-size: 130%;
  font-weight: 100;
  color: #222;
  margin-bottom: 2vh;
  line-height: 1;
  text-align: center;
}


.gallery h1{
  font-size: 350%;
  font-weight: 100;
  color: #222;
  margin-bottom: 4vh;
  line-height: 1.2;
  text-align: center;
}

.gal {
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
	-moz-column-count: 3; /* Firefox */
	column-count: 3;
	column-gap: 3.5vw;
	}	

	.gal img{cursor:pointer;width: 100%;padding: 7px 0;margin-bottom: 2vw;}


@media (max-width: 500px) {
		
		.gal {
	
	
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
	  
	
	}
		
	}




.gal2 {
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    column-gap: 3.5vw;
	
	}	
	.gal2 img{ cursor:pointer;width: 100%; padding: 7px 0;margin-bottom: 2vw;}



@media (max-width: 500px) {
		
		.gal2 {
	
	
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
	  
	
	}
		
	}





.case {
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
	-moz-column-count: 2; /* Firefox */
	column-count: 2;
	column-gap: 3.5vw;
	}	


  .last-proj {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
    column-gap: 3.5vw;
    }	
  

	.div_case{
    display: block;
    position:relative;
    cursor:pointer;
    width: 100%;
    padding: 22vh 0;
    margin-bottom: 2vw;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    overflow: hidden;
    transition: all 0.2s ease-out;

  }

  .div_case h2{
    width: 100%;
    opacity: 0;
    padding: 20vh 0;
    text-align: center;
    background-color: rgba(0,0,0,0.4);
    color: #fff;
    position: absolute;
    top:0;
    left: 0;
    font-size: 250%;
    transition: all 0.2s ease-out;

  }

  .div_case:hover h2{
    opacity: 1;
  }
  
  .case img{cursor:pointer;width: 100%;padding: 7px 0;margin-bottom: 2vw;}
  .last-proj img{cursor:pointer;width: 100%;padding: 7px 0;margin-bottom: 2vw;}

@media (max-width: 500px) {
		
		.case {
	
	
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
	  
	
	}

  .last-proj {
	
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
      -moz-column-count: 1; /* Firefox */
      column-count: 1;
      
    
    }
		
	}








.spinner {
  height:60px;
  width:60px;
  margin:20px auto;
  -webkit-animation: rotation .6s infinite linear;
  -moz-animation: rotation .6s infinite linear;
  -o-animation: rotation .6s infinite linear;
  animation: rotation .6s infinite linear;
  border-left:6px solid rgb(141, 141, 141);
  border-right:6px solid rgb(141, 141, 141);
  border-bottom:6px solid rgb(141, 141, 141);
  border-top:6px solid rgba(255, 255, 255,1);
  border-radius:100%;
}

@-webkit-keyframes rotation {
  from {-webkit-transform: rotate(0deg);}
  to {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
  from {-moz-transform: rotate(0deg);}
  to {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
  from {-o-transform: rotate(0deg);}
  to {-o-transform: rotate(359deg);}
}
@keyframes rotation {
  from {transform: rotate(0deg);}
  to {transform: rotate(359deg);}
}






nav#dot-nav {
  position: fixed;
  right: 1.5vw;
  top: 46vh;
  z-index: 999999999;
}
  nav#dot-nav a {
    border: 1px solid #555;
    border-radius: 50%;
    width: 1vw;
    height: 1vw;
    display: block;
    margin: 1vw;
    -webkit-transition: all 0.4;
    transition: all 0.4;
    }
    nav#dot-nav a.active {
      background: #555; }





     /*tablet landscape orizzontale*/ 



@media (min-width: 1200px) and (min-resolution: 2dppx) and (pointer: coarse) {
      
  p{
    font-size: 150% !important;
  }

  h1 {
    font-size: 280% !important;
  }

  .arrow_scroll {
    display: none;
    }
    

    .home_sezione1 {
      width: 100%;
      height: 85% !important;
      position: absolute;
      top: 0;
      left: 0;
      text-align: center;
      z-index: 999999;
  }
  
  }
/***************/


    /*tablet portrait verticale*/ 

 @media (orientation: portrait) {
  p{
    font-size: 180% !important;
  }

  h1 {
    font-size: 400% !important;
  }

  .logo_hp_img {
    height: 6vw;
    opacity: 0;
}

  .content_about_us .empty{
    display: none !important;
  }

  .txt_about {
    width: 55% !important;
}

.about_us {
  width: 100%;
  padding: 10vw 0 0 0 !important;
  background-color: #fff;
  height: 50vh !important;
}

.more {
  font-size: 120% !important;
}

.materials {
  padding: 10vw 0 !important;

}

.txt_materials {
  width: 55% !important;
  padding-top: 0;
}

.link_menu_materials a {

  font-size: 180% !important;
}

.link_products a {

  font-size: 180% !important;
}


.link_hardware_hp a {

  font-size: 180% !important;
}
.content_img_products {
  width: 100%;
  height: 50vh !important;
  position: relative;
}


.content_logo{
  width: 20% !important;

}

.logo2{
  left: 4vw !important;
}


.logo1 img {
  height: 7vw !important;
}

.logo2 img {
  height: 8vw !important;
}

.tit_prod_hp{
  font-size: 550% !important;
}


.content_txt_products .empty {
  display: none !important;
}

.txt_products {
  width: 60% !important;
}

.link_products {
  width: 20% !important;
}


.div_products {
  padding: 8vw 0 10vw 0 !important;
}


.content_img_hardware {
  width: 100%;
  height: 50vh !important;
  position: relative;
}

.tit_hard_hp {
  font-size: 550% !important;
}


.content_txt_hardware .empty {
  display: none !important;
}

.txt_hardware_hp {
  width: 60% !important;
}

.link_hardware_hp {
  width: 20% !important;
}


.div_hardware {
  padding: 8vw 0 10vw 0 !important;
}


.genesi {
  width: 100%;
  height: 50vh !important;
}

.content_genesi {
  padding: 8vw 0 0 0 !important;
}


.linea_genesi_link a{
  font-size: 200% !important;
}

.txt_genesi h1{
  font-size: 350% !important;

}

.txt_genesi h2{
  font-size: 250% !important;

}


.linea_genesi_link{
  height: 7.5vw !important;
}

.linea_genesi_link::after {
  content: '';
  width: 69.2vw !important;
}

.certifications {
  padding: 10vw 0 !important;
}

.loghi_certif{
  width: 70%;
  margin: 5vw 0 0 0 !important;
  display: block;
}

.video_certif {
  width: 100% !important;
  display: block;
  margin: 0 auto 0 auto;
}
.img_certif {
  width: 46% !important;
  text-align: center;
  position: relative;
}


.green {
  width: 100%;
  height: 50vh !important;
}

.content_green {
  width: 70% !important;
  padding: 20vw 5vw !important;

}

#square {
  position: absolute;
  top: 12vw !important;
  height: 40vw !important;
}

.location {
  width: 100%;
  margin: 0 auto;
  padding: 10vw 0 !important;

}

.content_video_location {
  height: 35vh !important;
  width: 90% !important;

}

.content_video_location h2 {
  font-size: 250% !important;

}

.video_location {
  width: auto !important;
  height: 100% !important;
  display: block;
}

#map {
  width: 90% !important;
  height: 40vh !important;
  margin: 0 auto;
}

.form_info {
  width: 100%;
  background-color: #E6E6E6;
  padding: 10vw 0 !important;
  position: relative;
}
.container-contact-info {
  width: 80% !important;
  margin: 0 auto 0 auto;
  padding: 1vw 0 !important;
}
#form_info h1 {

  margin-bottom: 0vh !important; 
  
}



.our_story {
  width: 100%;
  padding: 30vw 0 15vw 0;
  position: relative;
}
.line_story {
  height: 310vh;
  width: 1px;
  background-color: #7F7F7F;
  position: absolute;
  top: 21vw;
  left: 0;
  right: 0;
  margin: auto;
}

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

.box_story {
  width: 48%;
  position: relative;
  margin-top: -9vw;
}

.img_box_story {
  width: 100%;
  height: 22vh;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  margin-bottom: 2vh;
}

.logo_milestone {
  position: absolute;
  top: 9vh;
  left: 0;
  height: 8vw;
  right: 0;
  margin: auto;
  /* bottom: 0; */
}

.box_story::after {
  content: '';
  position: absolute;
  bottom: -3vh;
  right: -1.2vw;
  width: 105%;
  height: 1px;
  background-color: #7F7F7F;
}

.bread_home_mil {
  position: absolute;
  top: 13.7vw;
  left: 38%;
  z-index: 9999;
}

.bread_home_mil img {
  height: 3vw;
}

.bread_home_cont {
  position: absolute;
  top: 13.7vw;
  left: 0;
  right: 0;
 /* bottom: 0;*/
  z-index: 9999;
  margin: auto;
  height: 5vh;
  width: 100%;
  text-align: center;
}
.bread_home_cont img{
  height: 3vw;
}



.bread_home_case {
  position: absolute;
  top: 13.7vw;
  left: 38%;
  z-index: 9999;
}

.bread_home_case img {
height: 3vw;
}



.empty_scheda_materials {
display: none;
}


.scheda_materials .desc_materials p {
  width: 90%;
}

.colors h4 {
  font-size: 230%;
}
 .colors h5 {
  font-size: 180%;

 }

 .box_colors h6 {
  font-size: 180%;

 }

 .box_colors img {
  height: 8vw;
}

.txt_colors h1 {
 margin-bottom: 2vh;
}

.instagram, .linkedin,.facebook,.youtube {
  width: 6vw;
  height: 6vw;
}

.youtube{
  display: none;
}

.txt_foot h1 {
  font-size: 120% !important;
}
.txt_foot {
  width: 80%;
  font-size: 110%;
  color: #fff;
  font-weight: 300;
}

.social_foot {
  width: 15%;
}


.link_nav_prod {
  color: #222;
  font-size: 180%;
}
.bread_home_gal img, .bread_home_hard img  {
  height: 3vw;
}

.separator_mater {
  height: 8vw;
}


.small_img_materials img {
  height: 6vw;
}

.nav_product {
  width: 100%;
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 9999;
  padding: 0 0 1vh 0;
}

.content_nav_product, .content_nav_hardware {
  width: 80%  !important;
  padding: 12vw 0 1vw 0;
}

.prodotti_download {
position: relative !important;
  width: 35%  !important;
  margin: 0 auto;
  top:0 !important;
  right: 0 !important;
  background-color: #ededed;
  padding: 1vh 2vw  !important;
}

.ico_download {
  height: 3vw;
  opacity: 0.5;
}

.link_nav_download {
  font-size: 180%;
}


.shrink .animenu {
  top: 2.5vh;
}

.shrink .scritta_luxury {
  font-size: 250% !important;
}

.separator_hard {
  height: 15vw;
}

.specifiche_hard, 
.specifiche_hard3{ 
  height: 16vw;
}

.txt_hardware h3,  .txt_hardware3 h3  {
  font-size: 200%;
  font-weight: 100;
  color: #222;
  margin: 2vh 0 1vh 0;
}

.scheda_materials {
  width: 100%;
  padding: 5vh 0;
 /* height: 100%;*/
}

.minheight{
 min-height: 72vh;
}

.scheda_materials2 {
  width: 100%;
  padding: 5vh 0 5vh 0;
}

.txt_hardware3 {
  width: 29%;
  padding-top: 0vh !important;
}

.txt_hardware {
  width: 41%;
  padding-top: 0 !important;
}

.separator_hard2 {
  height: 16vw;
}

.img_materials_scheda25 h3 {
  font-size: 180%;
}

.linea_genesi_link_page a {
  font-size: 180%;
}

.bread_home {
  position: fixed;
  top: 15vw;
  left: 8%;
  z-index: 9999;
}
.bread_home img {
  height: 3vw;
}

.linea_fixed2 {
  width: 100%;
  padding: 15vw 0 2vw 0;
  background-color: #fff;
  position: fixed;
  top: 0;
  z-index: 99;
}

.linea_genesi_link_page {
  width: 100%;
  height: 4.9vh;
  position: relative;
  /* margin-top: 13vh; */
}

.linea_genesi_link_page::after {
  content: '';
  width: 65vw;
  position: absolute;
  margin: auto;
  bottom: 0;
  left: 0vw;
  height: 1px;
  background-color: #222;
  right: 0;
}

.separator_scheda2 {
  height: 18vw;
}


.scheda_materials .desc_materials {
  width: 100% !important;
  padding-top: 2vh;
}

.img_scheda_small {
  height: 16vw;
  margin-top: 3vh;
  display: block;
  cursor: pointer;
}


.linea_fixed {
  width: 100%;
  padding: 10vh 0 6vh 0;
  background-color: #fff;
  position: fixed;
  top: 0;
  z-index: 99;
}

.finishing {
  width: 20% !important;
  /* height: 68px; */
  position: absolute;
  /* top: 8vh; */
  left: 33.4% !important;
}

.finishing::before {
  content: '';
  position: absolute;
  left: 0.8vw;
  right: 0;
  margin: auto;
  top: -2vh;
  width: 1px;
  height: 3.95vh;
  background-color: #222;
}

.finishing::after {
  content: '';
  width: 34.2% !important;
  position: absolute;
  margin: auto;
  top: 2vh;
  left: 0.8vw !important;
  height: 1px;
  background-color: #222;
  right: 0;
}


.linea_genesi_sublink_page a {
  font-size: 180%;
  margin: 2.8vh 0.2vw 0 0.2vw;
}
.finishing a::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 2.7vh;
  width: 1px;
  height: 2vh;
  background-color: #222;
}
.separator_scheda {
  height: 22vw;
}


.linea_genesi_sublink_page::after {
  content: '';
  width: 62.5%;
  position: absolute;
  margin: auto;
  top: 2vh;
  left: -1.8%;
  height: 1px;
  background-color: #222;
  right: 0;
}

.linea_genesi_sublink_page {
  width: 50.5%;
  /* height: 68px; */
  position: absolute;
  /* top: 8vh; */
  left: 20.5%;
}


.linea_genesi_sublink_page a::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 2.7vh;
  width: 1px;
  height: 2vh;
  background-color: #222;
}

.txt_foot img {
  height: 3.5vw;
  display: block;
  margin-bottom: 1vh;
}

.bread_green img {
  height: 3vw;
}

.intest_green {
  background-attachment: initial !important;
}

.content_intest {
  text-align: center;
  width: 60%;
  margin: 0 auto;
  border: 1px solid #fff;
  padding: 6vh 0 3vh 0;
}

.scheda100 {
  width: 100%;
  margin: 0 auto;
  padding: 6vw 0;
}
.content_txt_scheda60 {
  width: 80%;
  margin: 0 auto;
  text-align: center;
}
.lista_green {
  width: 100%;
  margin: 7vw auto;
  text-align: left !important;
}

.ico_green {
  width: 15%;
  text-align: center !important;
  padding: 0.2vh 0 0 0;
}
.ico_green img {
  height: 3.2vw;
}
.content_txt_scheda60 h1 {
  font-size: 300% !important;
  margin-bottom: 0.5vh;
}
 .arrow_scroll {
display: none;
}

.img_materials_scheda {
  padding-top: 2vh;
}

 }








@keyframes loader {
  0% {
    width: 0;
  }

  10% {
    width: 5%;
  }

  15% {
    width: 12%;
  }

  23% {
    width: 20%;
  }

  36% {
    width: 25%;
  }

  46% {
    width: 27%;
  }

  51% {
    width: 30%;
  }

  55% {
    width: 46%;
  }

  64% {
    width: 56%;
  }

  70%{
    width: 66%;
  }
  75%{
    width: 72%;
  }

  80%{
    width: 80%;
  }
  95%{
    width: 92%;
  }

  100% {
    width: 100%;
  }
}


.hide{
	display: none;
}

.show{
	display: inline !important;
}

.progress-bar {
  border-radius: 0.2vw;
  overflow: hidden;
  width: 100%;

  span {
    display: block;
  }
}

.bar {
  background: #bbb;
}

.progress {
  animation: loader 8s ease 1;
  background: rgba(0,0,0,0.5);
  color: #fff;
  padding: 3px;
  width: 0;
}

.progress-bar {
  /* left: 50%; */
  /* max-width: 50%; */
  /* position: absolute; */
  /* top: 50%; */
  /* transform: translate3d(-50%, -50%, 0); */
  margin-top: 5vh;
}


.tit_bronze_dimension{
  width:60% !important;
}