.no_mobile{
  display: none !important;
}

body{
  font-size: 3.5vw;
  /* background-color: #000; */
}
.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: 999999999;
  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;
  }
  
  
  


  .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_mobile.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  filter: brightness(0.8);
  transform: scale(1);
  overflow: hidden;
  opacity: 0;
}


.black_panel_sx{
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  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: 50%;
  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: 36%;
  height: 50%;
  margin: auto;
  position: absolute;
  top: 0;
  z-index: 10;
  left: 0;
  right: 0;
  bottom: 0;
}


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

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



.scritta_luxury{
  /* height: 3vh;*/
  font-size: 200%;
  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: 10vw;
  display: block;
  margin: 0vh auto 4vh auto;
  opacity: 0;
} 

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

.underconstruction{
  opacity: 0;
}

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

.txt_p{
  position: absolute;
  bottom: 10vh;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 120%;
  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: 13vw;
  opacity: 1;
}

.logo2_mob{
  position: absolute;
  left: 8vw;
  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_mob img{
  height: 13vw;
opacity: 1;
}




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


.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: 100%;
  text-align: center;
}

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

.shrink .logo_hp{
  width: 30%;
  text-align: left;
  padding-left: 2vw;
}

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

.head .empty{
  width: 30%;
}


.logo_hp_img{height: 11vw;/* opacity:0; */}

.shrink .logo_hp_img{
  height: 3.5vh;
}

.shrink .scritta_luxury{/* height: 2vh; */}

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

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

.animenu{
   opacity: 0; 
  top: 2.2vh !important;
}

.arrow_scroll {
  display: none;
  }
  

.about_us{width: 100%;padding: 8vh 0;background-color: #fff;/* height: 160vh; */}

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

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

.square_fix{
  width: 90vw;
  height: 90vw;
  /*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: 95vw;
  height: 95vw;
  position: absolute;
  z-index: 0;
}

.content_about_us .empty{
  width: 12%;
}


.txt_about{
  width: 100%;
  margin-top: 4vh;
}

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

.txt_about p{
  width: 100%;
  font-size: 120%;
  line-height: 1.6;
  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;
  overflow: hidden;
  transition: all 0.2s ease-out;

}

/*
.more:hover{
  background-color: #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;
  color: #fff;
  overflow: hidden;
}
*/


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

.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: 6.5vh; */
  position: relative;
}
/*
.linea_genesi_link::after{
  content: '';
  width: 44.25vw;
  position: absolute;
  margin: auto;
  bottom: 0;
  left: -0.15vw;
  height: 1px;
  background-color: #fff;
  right: 0;
}*/

.linea_genesi_link a{
  color: #fff;
   width: 100%; 
  font-size: 150%;
  text-decoration: none;
  background-color: transparent;
  padding: 0.5vh 1vw;
  margin: 0vh 0vw;
  position: relative;
  text-transform: capitalize;
}

/*
.linea_genesi_link a:hover{
  color: #fff;
  background-color: #000;
  text-decoration: none;
}*/
/*
.linea_genesi_link a::after{
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -1.8vh;
  width: 1px;
  height: 1.5vh;
  background-color: #fff;
}


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




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

  .video_certif{width: 100%;display: block;margin:0 auto 5vh auto;}

  .loghi_certif{
    width: 100%;
    margin: 5vh auto 0 auto;
    display: block;
  }



.txt_certif{
  width: 100%;
}

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

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






.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;
 
}

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

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



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

.content_green p{
  font-size: 120%;
  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: 49vh;
  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: 10vh 0;
  background-color: #E6E6E6;
  /*height: 250vh;*/
  position: relative;
  z-index: 991;
  }
  
  .content_materials{
    width: 90%;
    margin: 0 auto;
  }
  
  .img_materials{
    width: 100%;
    text-align: center;
    position: relative;
  }



.square_fix_mat{
  width: 90vw;
  height: 90vw;
  /*transform: scale(0.5);*/
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
}


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


.txt_materials{
  width: 100%;
  padding-top: 3vh;
}

.nopadding_mobile{
  padding-top: 0 !important;
}

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

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


.desc_materials{
  width: 100%;
  margin-bottom: 3vh;
}

.desc_materials2 {
  width: 100%;
  /* padding-left: 1vw; */
  margin: 0 auto;
}

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

  .desc_materials p{
  font-size: 120%;
  line-height: 1.4;
  color: #222;
  font-weight: 200;
  width: 100%;
  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: 140%;
  line-height: 1.4;
  color: #222;
  font-weight: 200;
  width: 100%;
  opacity: 0;
  transition: all 0.2s linear;
}
.scheda_materials2  .desc_materials2 p{
  font-size: 140%;
  line-height: 1.4;
  color: #222;
  font-weight: 200;
  width: 100%;
  opacity: 0;
  transition: all 0.2s linear;
}

.menu_materials{
  width: 100%;
}


.link_stagger{
  opacity: 0;
}


.link_stagger2{
  opacity: 0;
}

.link_menu_materials{
  width: 100%;
}

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

.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: 140%;
  position: relative;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.3s ease-in-out;
}



/*

.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 .active{
  color: #000;
  text-decoration: none;
  pointer-events: none;
}

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

.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: 90%;
    margin: 0 auto;
  }

.content_img_products{
  width: 100%;
  height: 60vh;
  /*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: 90%;
  margin: 0 auto;
  font-size: 120%;
  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: 8vh 0 10vh 0;
  /*height: 50vh;*/
}

  .content_txt_products{
    width: 100%;
  }

  .content_txt_products .empty{
    /* width: 35%; */
    display: none;
  }

  .txt_products{
    width: 100%;
  }

  .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: 100%;
    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: 140%;
    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: 100%;
  text-align: center;
  position: relative;
}

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

.scheda_fix_hard2 {
  width: 100%;
  height: 100vw;
  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: 100vw;
  position: absolute;
  z-index: 0;
}


.txt_hardware {
  width: 100%;
  padding-top: 2vh;
}


.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: 300%;
  font-weight: 100;
  color: #222;
  margin: 2vh 0 1vh 0;
  line-height: 1.2;
  opacity: 0;
}




.txt_hardware3{
  width: 100%;
  padding-top: 3vh;
  margin-bottom: 2vh;
}

.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: 300%;
  font-weight: 100;
  color: #222;
  margin: 1vh 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: 70vw;
  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;
}

.bread_home_hard{
  padding: 1vh 1vw;
}

.bread_home_hard img{
  height: 3vh;
}

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



.content_nav_hardware{
  width: 95%;
  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: 90%;
    margin: 0 auto;
  }

.content_img_hardware{
  width: 100%;
  height: 60vh;
  /*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: 90%;
  margin: 0% auto;
  font-size: 120%;
  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: 8vh 0 10vh 0;
  /*height: 50vh;*/
}

  .content_txt_hardware{
    width: 100%;
  }

  .content_txt_hardware .empty{
    /* width: 35%; */
    display: none;
  }

  .txt_hardware_hp{
    width: 100%;
  }

  .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: 120%;
    line-height: 1.4;
    color: #222;
    font-weight: 200;
    transition: all 0.2s linear;
  }

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

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


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

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

.link_hardware_hp{
    width: 100%;
    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: 140%;
    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: 8vh;
}

.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: 76%;
    margin: 0 auto;
  }

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

  .txt_foot h1{
    font-size: 120%;
    font-weight: 600;
    /* color: #fff; */
  }

  .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: 100%;
    margin-top: 2vh;
  }



  .facebook{
    width: 8vw;
    height: 8vw;
    margin-right: 2vw;
    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: 8vw;
    height: 8vw;
    margin-right: 2vw;
    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: 8vw;
    height: 8vw;
    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: 8vw;
    height: 8vw;
    margin-right: 2vw;
    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: 10vh 0;
	position: relative;
}


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





	.container-contact-info {
	  width: 90%;
	  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: 10vh 0;
    background-color: #fff;
    position: relative;
  }
  
  
  
  .content_video_location{
    height: 40vh;
    overflow: hidden;
    width: 90%;
    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: 30%;
    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: 20%;
    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: auto;
      height: 100%;
      display: block;
   }
  
  
  #map{
    width: 90%;
    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;
}

.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: 13vh 0 0 0;
  background-color: #fff;
  position: fixed;
  top: 0;
  z-index: 99;
}


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




.linea_genesi_link_page{
  width: 100%;
  /* height: 9.5vh; */
  position: relative;
  /* margin-top: 13vh;*/
}
/*
.linea_genesi_link_page::after{
  content: '';
  width: 45.7vw;
  position: absolute;
  margin: auto;
  bottom: 0;
  left: -0.15vw;
  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: 140%;
  text-decoration: none;
  background-color: transparent;
  padding: 0.5vh 2.5vw;
  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;
}

::after {}

.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: 100% !important;
  /* height: 68px; */
  position: absolute;
  /* top: 8vh; */
  display: none;
  /* left: 39.8% !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;
  display: none;
}

.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;
  display: none;
}

.sel_treat::before{
  display: none;
  content: '';
  position: absolute;
  left: 2.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;
  display: none;
}

.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: 12vh;
}



.selected{
  color: #fff !important;
  /* background-color: #000;*/
  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: #000;*/
  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: 90%;
  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: 0;
  z-index: 9999;
  right: 0;
  text-align: center;
  margin: auto;
}

.bread_home img{
  height: 3vh;
}

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

.bread_home_mil img{
  height: 3vh;
}

.bread_home_cont {
  position: absolute;
  top: 11.2vh;
  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_mat {
  position: absolute;
  top: 18vh;
  left: 50%;
  z-index: 9999;
}


.bread_home_mat img{
  height: 2vh;
}


.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: 2vh;
}



.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);
 
}

.intest_scheda h1 {
  position: relative;
  color: #fff;
  font-size: 350%;
  margin: 0 6vw;
  font-weight: 100;
}


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

.content_txt_scheda60{
  width: 90%;
  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: 120%;
  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: 120%;
  line-height: 1.6;
  font-weight: 200;
  color: #222;
}

.txt_invia{
padding-bottom: 5vh;
  text-align: center;
}



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

.box_green{
  width: 100%;
  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: 20vh 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: 90%;margin: 0 auto;}

.box_story{
  width: 100%;
  position: relative;
  /* margin-top: -6vh; */
}

.empty_story{
  width: 100%;
  height: 4vh;
}

/*
.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: 100%;
  margin: 0 auto;
  font-size: 140%;
  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: 5vh;
}

.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: 120%;
  line-height: 1.6;
  font-weight: 100;
  color: #787878;
  margin: 0;
  padding: 0;
}



.colors:hover h4, .colors:hover h5{
  color: #000;
}




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

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

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

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



.div_colors{
  display: none;
  background-color: #fff;
  padding: 4vh 2vw;
  width: 90%;
}

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

.close img{
  height: 2vh;
}


.content_div_colors{
  width: 100%;
}

.lista_colors{
  width: 100%;
}


.lista_colors_sign{
  width: 100%;
}

.lista_colors_sign img{
  width: 100%;
}

.txt_colors{
  width: 100%;
}



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

.txt_colors p{
  width: 100%;
  font-size: 120%;
  line-height: 1.6;
  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 1vw 0vh 0;
  /* display: none; */
}

.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: 88%;
  padding: 9vh 0 2vh 0;
  margin: 0 auto;
  position: relative;
}

.prodotti_download{
  /* position: absolute; */
  /* top: 10vh; */
  /* right: 4.3%; */
  width: 70%;
  z-index: 99999;
  background-color: #ededed;
  padding: 1vh 2vw;
  margin: 0 auto 3vh auto;
}
.content_ico_download{margin-right: 0;border-right: 1px solid #A3A3A3;padding-right: 2vw;}

.ico_download{
  height: 3vh;
  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: 130%;
  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: 95%;
  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;
	  
	
	}
		
	}




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

.bread_home_case img{
  height: 3vh;
}


.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: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
    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: 1 !important;
    padding: 20vh 0;
    text-align: center;
    background-color: rgba(0,0,0,0.2);
    color: #fff;
    position: absolute;
    top:0;
    left: 0;
    font-size: 350%;
    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;
  display: none;
  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; }








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

  .custom1{
    height: 70vh;
    position: absolute;
    top: -3%;
    left: 16%;
  }


    .custom2{
    height: 71vh;
    position: absolute;
    top: 15%;
    right: 11%;
  }

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

  .img_custom_proj img{width: 100%;}

.txt_custom_proj{
  width: 100%;
  padding-top: 2vh;
}

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

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




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




.owl_custom_proj{
  width: 100%;
  height:  40vh !important;
  position: relative !important;

}

.owl_custom_proj .item{
width: 100%  !important;
  height: 35vh  !important;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
/*  border-radius: 1.5vw;*/
}




.owl-dots{
  position: absolute;
  z-index: 999999999;
  bottom: 0;
  left: 0vw;
  width: 100%;
  text-align: center;
  }
  
  .owl-dots .owl-dot span {
      width: 15px !important;
      height: 15px !important;
      display: block;
      border-radius: 100%;
      margin: 0 5px;
      background-color: #999;
  }
  
  .owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span {
      background: #222 !important;
      scale: 0.7;
  }
  




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


.scheda_materials2{
  width: 100%;
  padding: 4vh 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%;
    display: none;
  }


  .empty_scheda_hard{
    width: 2%;
    display: none;
  }
    
    
  .img_materials_scheda{
    width: 100%;
    text-align: center;
    position: relative;
    /* padding-top: 3vh; */
    margin-top: 3vh;
  }

  .img_materials_scheda25{
    width: 100%;
    text-align: center;
    position: relative;
    margin-top: 2vh;
  }



  .square_fix_mat{
    width: 90vw;
    height: 90vw;
    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: 90vw; */
    /* height: 90vw; */
    /* 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: 100vw; */
    /* height: 63vw; */
    /* 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: 95vw;
    height: 95vw;
    position: absolute;
    z-index: 0;
  }
  
  
  .img_square_mat_scheda{
   /*  height: 90vh;
    margin: 0 auto;*/
   /* width: 80vw; */
   height: 120vw;
   /* position: absolute; */
   /* z-index: 0; */
  }
  
  
  .img_square_mat_scheda2{
    /*  height: 90vh;
     margin: 0 auto;*/
    /* width: 100vw; */
    /* margin-top: 4vh; */
    /* position: absolute; */
    /* z-index: 0; */
    height: 100vw;
   }
   
   
  
  
  .txt_materials{
    width: 90%;
    padding-top: 4vh;
    margin: 0 auto;
  }
  
  .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: 150%;
    font-weight: 100;
    color: #222;
    margin: 1vh 0 3vh 0;
    line-height: 1.2;
    opacity: 0;
    text-align: center;
  }
  
  .scheda_fix_mat3 {
    width: 100%;
    height: 100vw;
    /* 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: 100vw;
    position: absolute;
    z-index: 0;
  }
  
  .separator_hard2 {
    height: 8vh;
  }
  .txt_materials h4{
    font-size: 200%;
    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;
  }









  @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;
  }
  .no_mobile{
    display: none;
  }
  
  body{
    font-size: 3.5vw;
    /* background-color: #000; */
  }
  .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: 999999999;
    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;
    }
    
    
    
  
  
    .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_mobile.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    filter: brightness(0.8);
    transform: scale(1);
    overflow: hidden;
    opacity: 0;
  }
  
  
  .black_panel_sx{
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    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: 50%;
    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: 36%;
    height: 50%;
    margin: auto;
    position: absolute;
    top: 0;
    z-index: 10;
    left: 0;
    right: 0;
    bottom: 0;
  }
  
  
  .content_txt_intro{
    width: 100%;
    height: 100%;
    text-align: center;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.2);
    overflow: hidden;
  }
  
  .logo_finale{
    height: 14vw;
    display: block;
    margin: 26vh auto 2.5vh auto;
    opacity: 0;
  }
  
  
  
  .scritta_luxury{
    /* height: 3vh;*/
    font-size: 200%;
    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: 10vw;
    display: block;
    margin: 0vh auto 4vh auto;
    opacity: 0;
  } 
  
  .content_txt_intro h1{
    font-size: 235%;
    color: #fff;
    font-weight: 300;
    margin: 0 auto 0 auto;
    font-family: "Barlow Condensed", sans-serif;
  }
  
  .underconstruction{
    opacity: 0;
  }
  
  .email{
    font-size: 140%;
    color: #fff;
    font-weight: 200;
    margin: 0 auto 0 auto;
    font-family: "Barlow Condensed", sans-serif;
  }
  
  .txt_p{
    position: absolute;
    bottom: 10vh;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 120%;
    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: 13vw;
    opacity: 1;
  }
  
  .logo2_mob{
    position: absolute;
    left: 8vw;
    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_mob img{
    height: 13vw;
  opacity: 1;
  }
  
  
  
  
  .head{
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: 4.5vh 5vw;
    position: fixed;
    z-index: 99999998;
  }
  
  
  .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: 100%;
    text-align: center;
  }
  
  .luxury_hp{
    width: 100%;
    text-align: center;
  }
  
  .shrink .logo_hp{
    width: 30%;
    text-align: left;
    padding-left: 2vw;
  }
  
  .shrink  .luxury_hp{
    width: 40%;
    text-align: center;
  }
  
  .head .empty{
    width: 30%;
  }
  
  
  .logo_hp_img{height: 11vw;/* opacity:0; */}
  
  .shrink .logo_hp_img{
    height: 3.5vh;
  }
  
  .shrink .scritta_luxury{/* height: 2vh; */}
  
  .home_sezione1{
    width: 100%;
    height: 88%;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    z-index: 999999;
  }
  
  .home_sezione1 .scritta_cultura_eleganza{
    height: 12vw;
    display: block;
    margin: 0vh auto 0 auto;
    opacity: 0;
  } 
  
  .animenu{
     opacity: 0; 
    top: 2.2vh !important;
  }
  
  .arrow_scroll {
    display: none;
    }
    
  
  .about_us{width: 100%;padding: 8vh 0;background-color: #fff;/* height: 160vh; */}
  
  .content_about_us{
    width: 90%;
    margin: 0 auto;
  }
  
  .img_about{
    width: 100%;
    text-align: center;
    position: relative;
  }
  
  .square_fix{
    width: 90vw;
    height: 90vw;
    /*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: 95vw;
    height: 95vw;
    position: absolute;
    z-index: 0;
  }
  
  .content_about_us .empty{
    width: 12%;
  }
  
  
  .txt_about{
    width: 100%;
    margin-top: 4vh;
  }
  
  .txt_about h1{
    font-size: 350%;
    font-weight: 100;
   /* color: #222;*/
    color: #222 !important;
    margin-bottom: 3vh;
    padding-right: 7vw;
    line-height: 1.2;
  }
  
  .txt_about p{
    width: 100%;
    font-size: 120%;
    line-height: 1.6;
    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;
    overflow: hidden;
    transition: all 0.2s ease-out;
  
  }
  
  /*
  .more:hover{
    background-color: #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;
    color: #fff;
    overflow: hidden;
  }
  */
  
  
  .genesi{
    width: 100%;
    height: 90vh;
    background-image: url(../images/back_genesi.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    position: relative;
  }
  
  .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: 6.5vh; */
    position: relative;
  }
  /*
  .linea_genesi_link::after{
    content: '';
    width: 44.25vw;
    position: absolute;
    margin: auto;
    bottom: 0;
    left: -0.15vw;
    height: 1px;
    background-color: #fff;
    right: 0;
  }*/
  
  .linea_genesi_link a{
    color: #fff;
     width: 100%; 
    font-size: 150%;
    text-decoration: none;
    background-color: transparent;
    padding: 0.5vh 1vw;
    margin: 0vh 0vw;
    position: relative;
  }
  
  /*
  .linea_genesi_link a:hover{
    color: #fff;
    background-color: #000;
    text-decoration: none;
  }*/
  /*
  .linea_genesi_link a::after{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -1.8vh;
    width: 1px;
    height: 1.5vh;
    background-color: #fff;
  }
  
  
  .linea_genesi{
    width: 100%;
    margin: 0 auto;
    display: block;
  }
  */
  
  
  
  
  .certifications{
    width: 100%;
    padding: 8vh 0;
    background-color: #fff;
    /*height: 200vh;*/
    position: relative;
    z-index: 99;
    }
    
    .content_certif{
      width: 90%;
      margin: 0 auto;
    }
    
    .img_certif{
      width: 100%;
      text-align: center;
      position: relative;
    }
  
    .video_certif{width: 100%;display: block;margin:0 auto 5vh auto;}
  
    .loghi_certif{
      width: 100%;
      margin: 5vh auto 0 auto;
      display: block;
    }
  
  
  
  .txt_certif{
    width: 100%;
  }
  
  .txt_certif h1{
    font-size: 350%;
    font-weight: 100;
    color: #222;
    margin-bottom: 3vh;
    line-height: 1.2;
  }
  
  .txt_certif p{
    width: 100%;
    font-size: 120%;
    font-weight: 200;
    line-height: 1.6;
    color: #222;
  }
  
  
  
  
  
  
  .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;
   
  }
  
  .green_flex{
    width: 100%;
    height: 100%;
  }
  
  .content_green{
    width: 90%;
    padding: 10vh 5vw;
    margin: 0 auto;
    position: relative;
  }
  
  
  
  .content_green h1{
    font-size: 400%;
    font-weight: 100;
    color: #fff;
    margin-bottom: 3vh;
    line-height: 1.2;
    text-align: center;
  }
  
  .content_green p{
    font-size: 120%;
    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: 49vh;
    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: 10vh 0;
    background-color: #E6E6E6;
    /*height: 250vh;*/
    position: relative;
    z-index: 991;
    }
    
    .content_materials{
      width: 90%;
      margin: 0 auto;
    }
    
    .img_materials{
      width: 100%;
      text-align: center;
      position: relative;
    }
  
  
  
  .square_fix_mat{
    width: 90vw;
    height: 90vw;
    /*transform: scale(0.5);*/
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
  }
  
  
  .img_square_mat{
    width: 95vw;
    height: 95vw;
    position: absolute;
    z-index: 0;
  }
  
  
  .txt_materials{
    width: 100%;
    padding-top: 3vh;
  }
  
  .txt_materials h1{
    font-size: 350%;
    font-weight: 100;
    color: #222;
    margin-bottom: 1vh;
    line-height: 1.2;
    /* text-align: center; */
  }
  
  .txt_materials h2{
    font-size: 210%;
    font-weight: 100;
    color: #222;
    margin-bottom: 3vh;
    line-height: 1.2;
    /* text-align: center; */
  }
  
  
  .desc_materials{
    width: 100%;
    margin-bottom: 3vh;
  }
  
  .desc_materials2 {
    width: 100%;
    /* padding-left: 1vw; */
    margin: 0 auto;
  }
  
  .scheda_materials .desc_materials {
    width: 100% !important;
    margin: 0 auto;
  }
  
    .desc_materials p{
    font-size: 120%;
    line-height: 1.4;
    color: #222;
    font-weight: 200;
    width: 100%;
    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: 140%;
    line-height: 1.4;
    color: #222;
    font-weight: 200;
    width: 100%;
    opacity: 0;
    transition: all 0.2s linear;
  }
  .scheda_materials2  .desc_materials2 p{
    font-size: 140%;
    line-height: 1.4;
    color: #222;
    font-weight: 200;
    width: 100%;
    opacity: 0;
    transition: all 0.2s linear;
  }
  
  .menu_materials{
    width: 100%;
  }
  
  
  .link_stagger{
    opacity: 0;
  }
  
  
  .link_stagger2{
    opacity: 0;
  }
  
  .link_menu_materials{
    width: 100%;
  }
  
  .link_menu_materials a{
    color: #787878;
    font-size: 140%;
    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 .active{
    color: #000;
    text-decoration: none;
    pointer-events: none;
  }
  
  .link_menu_materials .active::before{
    content: '+';
    position: absolute;
    color: #000;
    font-size: 100%;
    top: 0;
    left: -1vw;
  }*/
  
  .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: 90%;
      margin: 0 auto;
    }
  
  .content_img_products{
    width: 100%;
    height: 60vh;
    /*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: 90%;
    margin: 0 auto;
    font-size: 120%;
    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: 8vh 0 10vh 0;
    /*height: 50vh;*/
  }
  
    .content_txt_products{
      width: 100%;
    }
  
    .content_txt_products .empty{
      /* width: 35%; */
      display: none;
    }
  
    .txt_products{
      width: 100%;
    }
  
    .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: 100%;
      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: 140%;
      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: 100%;
    text-align: center;
    position: relative;
  }
  
  .img_hardware_scheda2{
    width: 100%;
    text-align: center;
    position: relative;
  }
  
  .scheda_fix_hard2 {
    width: 100%;
    height: 100vw;
    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: 100vw;
    position: absolute;
    z-index: 0;
  }
  
  
  .txt_hardware {
    width: 100%;
    padding-top: 2vh;
  }
  
  
  .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: 300%;
    font-weight: 100;
    color: #222;
    margin: 2vh 0 1vh 0;
    line-height: 1.2;
    opacity: 0;
  }
  
  
  
  
  .txt_hardware3{
    width: 100%;
    padding-top: 3vh;
    margin-bottom: 2vh;
  }
  
  .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: 300%;
    font-weight: 100;
    color: #222;
    margin: 1vh 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: 70vw;
    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;
  }
  
  .bread_home_hard{
    padding: 1vh 1vw;
  }
  
  .bread_home_hard img{
    height: 3vh;
  }
  
  .bread_home_hard:hover{
    color: #fff;
    background-color: transparent !important;
    text-decoration: none;
  }
  
  
  
  .content_nav_hardware{
    width: 95%;
    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: 90%;
      margin: 0 auto;
    }
  
  .content_img_hardware{
    width: 100%;
    height: 60vh;
    /*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: 90%;
    margin: 0% auto;
    font-size: 120%;
    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: 8vh 0 10vh 0;
    /*height: 50vh;*/
  }
  
    .content_txt_hardware{
      width: 100%;
    }
  
    .content_txt_hardware .empty{
      /* width: 35%; */
      display: none;
    }
  
    .txt_hardware_hp{
      width: 100%;
    }
  
    .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: 120%;
      line-height: 1.4;
      color: #222;
      font-weight: 200;
      transition: all 0.2s linear;
    }
  
    .txt_hardware_hp .active{
      display: inline;
    }
    
  .specifiche_hard{
    height: 35vw;
    margin: 2vh 0vw;
  }
  
  .specifiche_hard3 {
    height: 35vw;
    margin: 2vh 0vw;
  }
  
  
  .specifiche_hard2{
    height: 55vw;
    margin: 2vh 0vw 1vh 0;
  }
  
  .specifiche_hard4{
    height: 55vw;
    margin: 2vh 0vw;
  }
  
  .link_hardware_hp{
      width: 100%;
      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: 140%;
      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: 8vh;
  }
  
  .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: 76%;
      margin: 0 auto;
    }
  
    .txt_foot{
      width: 100%;
      font-size: 110%;
      color: #fff;
      font-weight: 300;
    }
  
    .txt_foot h1{
      font-size: 120%;
      font-weight: 600;
      /* color: #fff; */
    }
  
    .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: 100%;
      margin-top: 2vh;
    }
  
  
  
    .facebook{
      width: 8vw;
      height: 8vw;
      margin-right: 2vw;
      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: 8vw;
      height: 8vw;
      margin-right: 2vw;
      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: 8vw;
      height: 8vw;
      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: 8vw;
      height: 8vw;
      margin-right: 2vw;
      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: 10vh 0;
    position: relative;
  }
  
  
    #form_info h1{
      font-size: 350%;
      font-weight: 100;
      color: #222;
      margin-bottom: 3vh;
      line-height: 1.2;
      text-align: center;
   }
  
  
  
  
  
    .container-contact-info {
      width: 90%;
      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: 10vh 0;
      background-color: #fff;
      position: relative;
    }
    
    
    
    .content_video_location{
      height: 40vh;
      overflow: hidden;
      width: 90%;
      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: 30%;
      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: 20%;
      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: auto;
        height: 100%;
        display: block;
     }
    
    
    #map{
      width: 90%;
      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;
  }
  
  .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: 13vh 0 0 0;
    background-color: #fff;
    position: fixed;
    top: 0;
    z-index: 99;
  }
  
  
  .linea_fixed2{
    width: 100%;
    padding: 14vh 0 1vh 0;
    background-color: #fff;
    position: fixed;
    top: 0;
    z-index: 99;
  }
  
  
  
  
  .linea_genesi_link_page{
    width: 100%;
    /* height: 9.5vh; */
    position: relative;
    /* margin-top: 13vh;*/
  }
  /*
  .linea_genesi_link_page::after{
    content: '';
    width: 45.7vw;
    position: absolute;
    margin: auto;
    bottom: 0;
    left: -0.15vw;
    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: 140%;
    text-decoration: none;
    background-color: transparent;
    padding: 0.5vh 2.5vw;
    margin: 0 0vw;
    position: relative;
    font-weight: 100;
  }
  
  
  .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;
  }
  
  ::after {}
  
  .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: 100% !important;
    /* height: 68px; */
    position: absolute;
    /* top: 8vh; */
    display: none;
    /* left: 39.8% !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;
    display: none;
  }
  
  .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;
    display: none;
  }
  
  .sel_treat::before{
    display: none;
    content: '';
    position: absolute;
    left: 2.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;
    display: none;
  }
  
  .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: 12vh;
  }
  
  
  
  .selected{
    color: #fff !important;
    /* background-color: #000;*/
    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: #000;*/
    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: 90%;
    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: 9vh;
    left: 0;
    z-index: 9999;
    right: 0;
    text-align: center;
    margin: auto;
  }
  
  .bread_home img{
    height: 3vh;
  }
  
  .bread_home_mil {
    position: absolute;
    top: 11.2vh;
    left: 20%;
    z-index: 9999;
  }
  
  .bread_home_mil img{
    height: 3vh;
  }
  

  .bread_home_cont {
    position: absolute;
    top: 11.2vh;
    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_mat {
    position: absolute;
    top: 18vh;
    left: 50%;
    z-index: 9999;
  }
  
  
  .bread_home_mat img{
    height: 2vh;
  }
  
  
  .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);
   
  }
  
  .intest_scheda h1 {
    position: relative;
    color: #fff;
    font-size: 350%;
    margin: 0 6vw;
    font-weight: 100;
  }
  
  
  .scheda100{
    width: 100%;
    margin: 0 auto;
    padding: 4vh 0;
  }
  
  .content_txt_scheda60{
    width: 90%;
    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: 120%;
    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: 120%;
    line-height: 1.6;
    font-weight: 200;
    color: #222;
  }
  
  .txt_invia{
  padding-bottom: 5vh;
    text-align: center;
  }
  
  
  
  .lista_green{
    width: 100%;
    margin: 5vh auto;
    text-align: left !important;
  }
  
  .box_green{
    width: 100%;
    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: 20vh 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: 90%;margin: 0 auto;}
  
  .box_story{
    width: 100%;
    position: relative;
    /* margin-top: -6vh; */
  }
  
  .empty_story{
    width: 100%;
    height: 4vh;
  }
  
  /*
  .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: 100%;
    margin: 0 auto;
    font-size: 140%;
    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)
  }
  
  
  .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: 5vh;
  }
  
  .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: 120%;
    line-height: 1.6;
    font-weight: 100;
    color: #787878;
    margin: 0;
    padding: 0;
  }
  
  
  
  .colors:hover h4, .colors:hover h5{
    color: #000;
  }
  
  
  .div_colors{
    display: none;
    background-color: #fff;
    padding: 4vh 2vw;
    width: 90%;
  }
  
  .close{
    width: 100%;
    text-align: right;
    margin-bottom: 4vh;
  }
  
  .close img{
    height: 2vh;
  }
  
  
  .content_div_colors{
    width: 100%;
  }
  
  .lista_colors{
    width: 100%;
  }
  .txt_colors{
    width: 100%;
  }
  
  
  
  .txt_colors h1{
    font-size: 350%;
    font-weight: 100;
    color: #222;
    margin-bottom: 4vh;
    line-height: 1.2;
  }
  
  .txt_colors p{
    width: 100%;
    font-size: 120%;
    line-height: 1.6;
    font-weight: 200;
    color: #222;
  }
  
  
  .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 1vw 0vh 0;
    /* display: none; */
  }
  
  .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: 88%;
    padding: 9vh 0 2vh 0;
    margin: 0 auto;
    position: relative;
  }
  
  .prodotti_download{
    /* position: absolute; */
    /* top: 10vh; */
    /* right: 4.3%; */
    width: 70%;
    z-index: 99999;
    background-color: #ededed;
    padding: 1vh 2vw;
    margin: 0 auto 3vh auto;
  }
  .content_ico_download{margin-right: 0;border-right: 1px solid #A3A3A3;padding-right: 2vw;}
  
  .ico_download{
    height: 3vh;
    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: 130%;
    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: 95%;
    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;
      
    
    }
      
    }
  
  
  
  
  .bread_home_case {
    position: absolute;
    top: 2.2vh;
    left: 12%;
    z-index: 9999;
  }
  
  .bread_home_case img{
    height: 3vh;
  }
  
  
  .case {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    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: 1 !important;
      padding: 20vh 0;
      text-align: center;
      background-color: rgba(0,0,0,0.2);
      color: #fff;
      position: absolute;
      top:0;
      left: 0;
      font-size: 350%;
      transition: all 0.2s ease-out;
    }
  
    .div_case:hover h2{
      opacity: 1;
    }
    
    .case 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;
      
    
    }
      
    }
  
  
  
  
  
  
  
  
  .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;
    display: none;
    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; }
  
  
  
  
  
  
  
  
  .custom_proj{
    width: 100%;
    padding: 10vh 0 20vh 0;
    background-color: #fff;
    /* min-height: 200vh; */
    position: relative;
    z-index: 99;
    }
  
    .custom1{
      height: 70vh;
      position: absolute;
      top: -3%;
      left: 16%;
    }
  
  
      .custom2{
      height: 71vh;
      position: absolute;
      top: 15%;
      right: 11%;
    }
  
      .custom3{
      height: 44vh;
      position: absolute;
      top: 32%;
      left: 13%;
    }
    
    .content_custom_proj{
      width: 90%;
      margin: 0 auto;
    }
    
    .img_custom_proj{
      width: 100%;
      margin: 0 auto;
      text-align: left;
      position: relative;
    }
  
    .img_custom_proj img{width: 100%;}
  
  .txt_custom_proj{
    width: 100%;
    padding-top: 2vh;
  }
  
  .txt_custom_proj h1{
    font-size: 350%;
    font-weight: 100;
    color: #222;
    margin-bottom: 3vh;
    line-height: 1.2;
  }
  
  .txt_custom_proj p{
    width: 100%;
    font-size: 120%;
    font-weight: 200;
    line-height: 1.4;
    color: #222;
    filter: contrast();
  }
  
  
  
  
  .txt_custom_proj .more{
    margin: 3vh 0 0 0 !important;
  }
  
  
  
  
  .owl_custom_proj{
    width: 100%;
    height:  40vh !important;
    position: relative !important;
  
  }
  
  .owl_custom_proj .item{
  width: 100%  !important;
    height: 35vh  !important;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  /*  border-radius: 1.5vw;*/
  }
  
  
  
  
  .owl-dots{
    position: absolute;
    z-index: 999999999;
    bottom: 0;
    left: 0vw;
    width: 100%;
    text-align: center;
    }
    
    .owl-dots .owl-dot span {
        width: 15px !important;
        height: 15px !important;
        display: block;
        border-radius: 100%;
        margin: 0 5px;
        background-color: #999;
    }
    
    .owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span {
        background: #222 !important;
        scale: 0.7;
    }
    
  
  
  
  
  .scheda_materials{
    width: 100%;
    padding: 9vh 0;
    height: 100%;
  }
    
  
  
  .scheda_materials2{
    width: 100%;
    padding: 4vh 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%;
      display: none;
    }
  
  
    .empty_scheda_hard{
      width: 2%;
      display: none;
    }
      
      
    .img_materials_scheda{
      width: 100%;
      text-align: center;
      position: relative;
      /* padding-top: 3vh; */
      margin-top: 3vh;
    }
  
    .img_materials_scheda25{
      width: 100%;
      text-align: center;
      position: relative;
      margin-top: 2vh;
    }
  
  
  
    .square_fix_mat{
      width: 90vw;
      height: 90vw;
      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: 90vw; */
      /* height: 90vw; */
      /* 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: 100vw; */
      /* height: 63vw; */
      /* 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: 95vw;
      height: 95vw;
      position: absolute;
      z-index: 0;
    }
    
    
    .img_square_mat_scheda{
     /*  height: 90vh;
      margin: 0 auto;*/
     /* width: 80vw; */
     height: 120vw;
     /* position: absolute; */
     /* z-index: 0; */
    }
    
    
    .img_square_mat_scheda2{
      /*  height: 90vh;
       margin: 0 auto;*/
      /* width: 100vw; */
      /* margin-top: 4vh; */
      /* position: absolute; */
      /* z-index: 0; */
      height: 100vw;
     }
     
     
    
    
    .txt_materials{
      width: 90%;
      padding-top: 4vh;
      margin: 0 auto;
    }
    
    .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: 150%;
      font-weight: 100;
      color: #222;
      margin: 1vh 0 3vh 0;
      line-height: 1.2;
      opacity: 0;
      text-align: center;
    }
    
    .scheda_fix_mat3 {
      width: 100%;
      height: 100vw;
      /* 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: 100vw;
      position: absolute;
      z-index: 0;
    }
    
    .separator_hard2 {
      height: 8vh;
    }
    .txt_materials h4{
      font-size: 200%;
      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;
    }
  
  
  
  
  
  
  
  
  
    @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;
    }
.no_mobile{
  display: none;
}

body{
  font-size: 3.5vw;
  /* background-color: #000; */
}
.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: 999999999;
  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;
  }
  
  
  


  .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_mobile.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  filter: brightness(0.8);
  transform: scale(1);
  overflow: hidden;
  opacity: 0;
}


.black_panel_sx{
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  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: 50%;
  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: 36%;
  height: 50%;
  margin: auto;
  position: absolute;
  top: 0;
  z-index: 10;
  left: 0;
  right: 0;
  bottom: 0;
}


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

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



.scritta_luxury{
  /* height: 3vh;*/
  font-size: 200%;
  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: 10vw;
  display: block;
  margin: 0vh auto 4vh auto;
  opacity: 0;
} 

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

.underconstruction{
  opacity: 0;
}

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

.txt_p{
  position: absolute;
  bottom: 10vh;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 120%;
  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: 13vw;
  opacity: 1;
}

.logo2_mob{
  position: absolute;
  left: 8vw;
  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_mob img{
  height: 13vw;
opacity: 1;
}




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


.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: 100%;
  text-align: center;
}

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

.shrink .logo_hp{
  width: 30%;
  text-align: left;
  padding-left: 2vw;
}

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

.head .empty{
  width: 30%;
}


.logo_hp_img{height: 11vw;/* opacity:0; */}

.shrink .logo_hp_img{
  height: 3.5vh;
}

.shrink .scritta_luxury{/* height: 2vh; */}

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

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

.animenu{
   opacity: 0; 
  top: 2.2vh !important;
}

.arrow_scroll {
  display: none;
  }
  

.about_us{width: 100%;padding: 8vh 0;background-color: #fff;/* height: 160vh; */}

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

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

.square_fix{
  width: 90vw;
  height: 90vw;
  /*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: 95vw;
  height: 95vw;
  position: absolute;
  z-index: 0;
}

.content_about_us .empty{
  width: 12%;
}


.txt_about{
  width: 100%;
  margin-top: 4vh;
}

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

.txt_about p{
  width: 100%;
  font-size: 120%;
  line-height: 1.6;
  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;
  overflow: hidden;
  transition: all 0.2s ease-out;

}

/*
.more:hover{
  background-color: #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;
  color: #fff;
  overflow: hidden;
}
*/


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

.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: 6.5vh; */
  position: relative;
}
/*
.linea_genesi_link::after{
  content: '';
  width: 44.25vw;
  position: absolute;
  margin: auto;
  bottom: 0;
  left: -0.15vw;
  height: 1px;
  background-color: #fff;
  right: 0;
}*/

.linea_genesi_link a{
  color: #fff;
   width: 100%; 
  font-size: 150%;
  text-decoration: none;
  background-color: transparent;
  padding: 0.5vh 1vw;
  margin: 0vh 0vw;
  position: relative;
}

/*
.linea_genesi_link a:hover{
  color: #fff;
  background-color: #000;
  text-decoration: none;
}*/
/*
.linea_genesi_link a::after{
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -1.8vh;
  width: 1px;
  height: 1.5vh;
  background-color: #fff;
}


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




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

  .video_certif{width: 100%;display: block;margin:0 auto 5vh auto;}

  .loghi_certif{
    width: 100%;
    margin: 5vh auto 0 auto;
    display: block;
  }



.txt_certif{
  width: 100%;
}

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

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






.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;
 
}

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

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



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

.content_green p{
  font-size: 120%;
  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: 65vh;
  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: 10vh 0;
  background-color: #E6E6E6;
  /*height: 250vh;*/
  position: relative;
  z-index: 991;
  }
  
  .content_materials{
    width: 90%;
    margin: 0 auto;
  }
  
  .img_materials{
    width: 100%;
    text-align: center;
    position: relative;
  }



.square_fix_mat{
  width: 90vw;
  height: 90vw;
  /*transform: scale(0.5);*/
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
}


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


.txt_materials{
  width: 100%;
  padding-top: 3vh;
}

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

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


.desc_materials{
  width: 100%;
  margin-bottom: 3vh;
}

.desc_materials2 {
  width: 100%;
  /* padding-left: 1vw; */
  margin: 0 auto;
}

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

  .desc_materials p{
  font-size: 120%;
  line-height: 1.4;
  color: #222;
  font-weight: 200;
  width: 100%;
  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: 140%;
  line-height: 1.4;
  color: #222;
  font-weight: 200;
  width: 100%;
  opacity: 0;
  transition: all 0.2s linear;
}
.scheda_materials2  .desc_materials2 p{
  font-size: 140%;
  line-height: 1.4;
  color: #222;
  font-weight: 200;
  width: 100%;
  opacity: 0;
  transition: all 0.2s linear;
}

.menu_materials{
  width: 100%;
}


.link_stagger{
  opacity: 0;
}


.link_stagger2{
  opacity: 0;
}

.link_menu_materials{
  width: 100%;
}

.link_menu_materials a{
  color: #787878;
  font-size: 140%;
  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 .active{
  color: #000;
  text-decoration: none;
  pointer-events: none;
}

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

.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: 90%;
    margin: 0 auto;
  }

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

.content_tit_prod_hp{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 8vh;
  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: 90%;
  margin: 0 auto;
  font-size: 120%;
  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: 8vh 0 10vh 0;
  /*height: 50vh;*/
}

  .content_txt_products{
    width: 100%;
  }

  .content_txt_products .empty{
    /* width: 35%; */
    display: none;
  }

  .txt_products{
    width: 100%;
  }

  .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: 100%;
    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: 140%;
    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: 100%;
  text-align: center;
  position: relative;
}

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

.scheda_fix_hard2 {
  width: 100%;
  height: 100vw;
  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: 100vw;
  position: absolute;
  z-index: 0;
}


.txt_hardware {
  width: 100%;
  padding-top: 2vh;
}


.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: 300%;
  font-weight: 100;
  color: #222;
  margin: 2vh 0 1vh 0;
  line-height: 1.2;
  opacity: 0;
}




.txt_hardware3{
  width: 100%;
  padding-top: 3vh;
  margin-bottom: 2vh;
}

.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: 300%;
  font-weight: 100;
  color: #222;
  margin: 1vh 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: 70vw;
  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;
}

.bread_home_hard{
  padding: 1vh 1vw;
}

.bread_home_hard img{
  height: 3vh;
}

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



.content_nav_hardware{
  width: 95%;
  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: 90%;
    margin: 0 auto;
  }

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

.content_tit_hard_hp{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 8vh;
  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: 90%;
  margin: 0% auto;
  font-size: 120%;
  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: 8vh 0 10vh 0;
  /*height: 50vh;*/
}

  .content_txt_hardware{
    width: 100%;
  }

  .content_txt_hardware .empty{
    /* width: 35%; */
    display: none;
  }

  .txt_hardware_hp{
    width: 100%;
  }

  .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: 120%;
    line-height: 1.4;
    color: #222;
    font-weight: 200;
    transition: all 0.2s linear;
  }

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

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


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

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

.link_hardware_hp{
    width: 100%;
    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: 140%;
    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: 8vh;
}

.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: 81%;
    margin: 0 auto;
  }

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

  .txt_foot h1{
    font-size: 120%;
    font-weight: 600;
    /* color: #fff; */
  }

  .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: 100%;
    margin-top: 2vh;
  }



  .facebook{
    width: 8vw;
    height: 8vw;
    margin-right: 2vw;
    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: 8vw;
    height: 8vw;
    margin-right: 2vw;
    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: 8vw;
    height: 8vw;
    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: 8vw;
    height: 8vw;
    margin-right: 2vw;
    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: 10vh 0;
	position: relative;
}


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





	.container-contact-info {
	  width: 90%;
	  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: 10vh 0;
    background-color: #fff;
    position: relative;
  }
  
  
  
  .content_video_location{
    height: 40vh;
    overflow: hidden;
    width: 90%;
    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: 30%;
    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: 20%;
    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: auto;
      height: 100%;
      display: block;
   }
  
  
  #map{
    width: 90%;
    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;
}

.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: 13vh 0 0 0;
  background-color: #fff;
  position: fixed;
  top: 0;
  z-index: 99;
}


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




.linea_genesi_link_page{
  width: 100%;
  /* height: 9.5vh; */
  position: relative;
  /* margin-top: 13vh;*/
}
/*
.linea_genesi_link_page::after{
  content: '';
  width: 45.7vw;
  position: absolute;
  margin: auto;
  bottom: 0;
  left: -0.15vw;
  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: 140%;
  text-decoration: none;
  background-color: transparent;
  padding: 0.5vh 2.5vw;
  margin: 0 0vw;
  position: relative;
  font-weight: 100;
}


.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;
}

::after {}

.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: 100% !important;
  /* height: 68px; */
  position: absolute;
  /* top: 8vh; */
  display: none;
  /* left: 39.8% !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;
  display: none;
}

.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;
  display: none;
}

.sel_treat::before{
  display: none;
  content: '';
  position: absolute;
  left: 2.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;
  display: none;
}

.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: 14vh;
}



.selected{
  color: #fff !important;
  /* background-color: #000;*/
  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: #000;*/
  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: auto 100%;
  background-position: top center;
  position: relative;
  overflow: hidden;
}

.content_intest{
  text-align: center;
  width: 90%;
  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: 9vh;
  left: 0;
  z-index: 9999;
  right: 0;
  text-align: center;
  margin: auto;
}

.bread_home img{
  height: 3vh;
}

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

.bread_home_mil img{
  height: 3vh;
}

.bread_home_cont {
  position: absolute;
  top: 8.2vh;
  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_mat {
  position: absolute;
  top: 18vh;
  left: 50%;
  z-index: 9999;
}


.bread_home_mat img{
  height: 2vh;
}


.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: 350%;
  margin: 0 6vw;
  font-weight: 100;
}


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

.content_txt_scheda60{
  width: 90%;
  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: 120%;
  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: 120%;
  line-height: 1.6;
  font-weight: 200;
  color: #222;
}

.txt_invia{
padding-bottom: 5vh;
  text-align: center;
}



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

.box_green{
  width: 100%;
  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: 20vh 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: 90%;margin: 0 auto;}

.box_story{
  width: 100%;
  position: relative;
  /* margin-top: -6vh; */
}

.empty_story{
  width: 100%;
  height: 4vh;
}

/*
.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: 100%;
  margin: 0 auto;
  font-size: 140%;
  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)
}


.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: 5vh;
}

.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: 120%;
  line-height: 1.6;
  font-weight: 100;
  color: #787878;
  margin: 0;
  padding: 0;
}



.colors:hover h4, .colors:hover h5{
  color: #000;
}


.div_colors{
  display: none;
  background-color: #fff;
  padding: 4vh 2vw;
  width: 90%;
}

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

.close img{
  height: 2vh;
}


.content_div_colors{
  width: 100%;
}

.lista_colors{
  width: 100%;
}
.txt_colors{
  width: 100%;
}



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

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


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

.box_colors div{
  width: 19%;
}

.box_colors img{
  height: 15vw;
}

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



/*gallery products*/

.bread_home_gal{
  padding: 1vh 1vw 0vh 0;
  /* display: none; */
}

.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: 88%;
  padding: 9vh 0 2vh 0;
  margin: 0 auto;
  position: relative;
}

.prodotti_download{
  /* position: absolute; */
  /* top: 10vh; */
  /* right: 4.3%; */
  width: 70%;
  z-index: 99999;
  background-color: #ededed;
  padding: 1vh 2vw;
  margin: 0 auto 3vh auto;
}
.content_ico_download{margin-right: 0;border-right: 1px solid #A3A3A3;padding-right: 2vw;}

.ico_download{
  height: 3vh;
  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: 130%;
  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: 95%;
  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;
	  
	
	}
		
	}




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

.bread_home_case img{
  height: 3vh;
}


.case {
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
	-moz-column-count: 2; /* Firefox */
	column-count: 2;
	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: 1 !important;
    padding: 20vh 0;
    text-align: center;
    background-color: rgba(0,0,0,0.2);
    color: #fff;
    position: absolute;
    top:0;
    left: 0;
    font-size: 350%;
    transition: all 0.2s ease-out;
  }

  .div_case:hover h2{
    opacity: 1;
  }
  
  .case 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;
	  
	
	}
		
	}








.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;
  display: none;
  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; }








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

  .custom1{
    height: 70vh;
    position: absolute;
    top: -3%;
    left: 16%;
  }


    .custom2{
    height: 71vh;
    position: absolute;
    top: 15%;
    right: 11%;
  }

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

  .img_custom_proj img{width: 100%;}

.txt_custom_proj{
  width: 100%;
  padding-top: 2vh;
}

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

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




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




.owl_custom_proj{
  width: 100%;
  height:  40vh !important;
  position: relative !important;

}

.owl_custom_proj .item{
width: 100%  !important;
  height: 35vh  !important;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
/*  border-radius: 1.5vw;*/
}




.owl-dots{
  position: absolute;
  z-index: 999999999;
  bottom: 0;
  left: 0vw;
  width: 100%;
  text-align: center;
  }
  
  .owl-dots .owl-dot span {
      width: 15px !important;
      height: 15px !important;
      display: block;
      border-radius: 100%;
      margin: 0 5px;
      background-color: #999;
  }
  
  .owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span {
      background: #222 !important;
      scale: 0.7;
  }
  




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


.scheda_materials2{
  width: 100%;
  padding: 4vh 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%;
    display: none;
  }


  .empty_scheda_hard{
    width: 2%;
    display: none;
  }
    
    
  .img_materials_scheda{
    width: 100%;
    text-align: center;
    position: relative;
    /* padding-top: 3vh; */
    margin-top: 3vh;
  }

  .img_materials_scheda25{
    width: 100%;
    text-align: center;
    position: relative;
    margin-top: 2vh;
  }



  .square_fix_mat{
    width: 90vw;
    height: 90vw;
    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: 90vw; */
    /* height: 90vw; */
    /* 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: 100vw; */
    /* height: 63vw; */
    /* 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: 95vw;
    height: 95vw;
    position: absolute;
    z-index: 0;
  }
  
  
  .img_square_mat_scheda{
   /*  height: 90vh;
    margin: 0 auto;*/
   /* width: 80vw; */
   height: 120vw;
   /* position: absolute; */
   /* z-index: 0; */
  }
  
  
  .img_square_mat_scheda2{
    /*  height: 90vh;
     margin: 0 auto;*/
    /* width: 100vw; */
    /* margin-top: 4vh; */
    /* position: absolute; */
    /* z-index: 0; */
    height: 100vw;
   }
   
   
  
  
  .txt_materials{
    width: 90%;
    /* padding-top: 9vh; */
    margin: 0 auto;
  }
  
  .txt_materials h1{
    font-size: 320%;
    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: 150%;
    font-weight: 100;
    color: #222;
    margin: 1vh 0 3vh 0;
    line-height: 1.2;
    opacity: 0;
    text-align: center;
  }
  
  .scheda_fix_mat3 {
    width: 100%;
    height: 100vw;
    /* 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: 100vw;
    position: absolute;
    z-index: 0;
  }
  
  .separator_hard2 {
    height: 8vh;
  }
  .txt_materials h4{
    font-size: 200%;
    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;
  }









  @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;
  }

  .seal_treat_mob,.seal_finish_mob{
    margin-top: 2vh;
    margin-bottom: 2vh;
    position: relative;
    padding-top: 3vh;
  }
  
    .seal_treat_mob::before {
        content: '';
        position: absolute;
        left: 10vw;
        right: 0;
        /* margin: auto; */
        top: -2vh;
        width: 1px;
        height: 2.5vh;
        background-color: #222;
    }
  
  
  
    .seal_treat_mob::after {
        content: '';
        position: absolute;
        left: 10vw;
        right: 0;
        /* margin: auto; */
        top: 0.5vh;
        width: 78%;
        height: 1px;
        background-color: #222;
    }
  
  
  .seal_treat_mob a::before{
      content: '';
        position: absolute;
        left: 0vw;
        right: 0;
        margin: auto;
        top: -2.5vh;
        width: 1px;
        height: 2.5vh;
        background-color: #222;
    
  }


    
  .seal_finish_mob::after {
    content: '';
    position: absolute;
    left: 10vw;
    right: 0;
    /* margin: auto; */
    top: 0.5vh;
    width: 78%;
    height: 1px;
    background-color: #222;
}


.seal_finish_mob a::before{
  content: '';
    position: absolute;
    left: 0vw;
    right: 0;
    margin: auto;
    top: -2.5vh;
    width: 1px;
    height: 2.5vh;
    background-color: #222;

}

  .separator_scheda_treat{
    height: 8vh;
  }