.no_desk{
  display: none;
}
body{
  font-size: 1vw;
}


.lang{
  padding: 0 0 30px 22px;
  }


	 	 .lang .select_img{
	 		 height: 15px;
	 		 margin-right: 3px;
	 		}

	 .lang .lang_img{
		 height: 15px;
		 margin-right: 3px;
		 /*cursor: pointer;*/
		 filter: gray; /* IE6-9 */
		 -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
		 filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
		 /* opacity: 0.0; */
     cursor: pointer;
		}

	 	 .lang .lang_img:hover{
			 -webkit-filter: grayscale(0);
			   filter: none;
         cursor: pointer
		 }

/* scroll */
#scroll_div1,  #scroll_div2,  #scroll_div3,  #scroll_div4{
        opacity: 0;
        -webkit-transition: all 1s ease-in-out;
           -moz-transition: all 1s ease-in-out;
            -ms-transition: all 1s ease-in-out;
             -o-transition: all 1s ease-in-out;
                transition: all 1s ease-in-out;
      }

   #scroll_div1.visible, #scroll_div2.visible, #scroll_div3.visible, #scroll_div4.visible{
        opacity: 1;
      }

   .digit{
             opacity: 0;
             -webkit-transform: translateX(-40px);
                -moz-transform: translateX(-40px);
                 -ms-transform: translateX(-40px);
                  -o-transform: translateX(-40px);
                     transform: translateX(-40px);
             -webkit-transition: all 0.3s ease-out;
                -moz-transition: all 0.3s ease-out;
                 -ms-transition: all 0.3s ease-out;
                  -o-transition: all 0.3s ease-out;
                     transition: all 0.3s ease-out;
           }

           .only_opacity {
                opacity: 0;
            /*    -webkit-transform: translateX(40px);
                   -moz-transform: translateX(40px);
                    -ms-transform: translateX(40px);
                     -o-transform: translateX(40px);
                        transform: translateX(40px);*/
                -webkit-transition: all 0.3s ease-out;
                   -moz-transition: all 0.3s ease-out;
                    -ms-transition: all 0.3s ease-out;
                     -o-transition: all 0.3s ease-out;
                        transition: all 0.3s ease-out;
                        transition-delay: 0.2s;

              }


   .digit_img_dx {
                opacity: 0;
               -webkit-transform: translateX(40px);
                   -moz-transform: translateX(40px);
                    -ms-transform: translateX(40px);
                     -o-transform: translateX(40px);
                        transform: translateX(40px);
                -webkit-transition: all 0.3s ease-out;
                   -moz-transition: all 0.3s ease-out;
                    -ms-transition: all 0.3s ease-out;
                     -o-transition: all 0.3s ease-out;
                        transition: all 0.3s ease-out;
              }

           .digit.visible, .only_opacity.visible, .digit_img_dx.visible {
             opacity: 1;
             -webkit-transform: none;
                -moz-transform: none;
                 -ms-transform: none;
                  -o-transform: none;
                     transform: none;
           }


           .item_scroll {
               opacity: 0;
               /*-webkit-transform: translateX(40px);
                   -moz-transform: translateX(40px);
                    -ms-transform: translateX(40px);
                     -o-transform: translateX(40px);
                        transform: translateX(40px);*/
                          -webkit-transition: all 0.15s ease-in;
                          -moz-transition: all 0.15s ease-in;
                           -ms-transition: all 0.15s ease-in;
                            -o-transition: all 0.15s ease-in;
                               transition: all 0.15s ease-in;
             }
             .item_scroll.visible {
               opacity: 1;
               /*-webkit-transform: none;
                  -moz-transform: none;
                   -ms-transform: none;
                    -o-transform: none;
                       transform: none;*/
             }


   .item_scroll2 {
               opacity: 0;
               -webkit-transform: translateY(40px);
                  -moz-transform: translateY(40px);
                   -ms-transform: translateY(40px);
                    -o-transform: translateY(40px);
                       transform: translateY(40px);
             /* 	-webkit-transition: all 0.3s ease-out;
                  -moz-transition: all 0.3s ease-out;
                   -ms-transition: all 0.3s ease-out;
                    -o-transition: all 0.3s ease-out; */
                       /* transition: all 0.3s ease-out; */
                       -webkit-transition: transform .5s ease-in-out, opacity .5s ease-in-out;
                          -moz-transition: transform .5s ease-in-out, opacity .5s ease-in-out;
                           -ms-transition: transform .5s ease-in-out, opacity .5s ease-in-out;
                            -o-transition: transform .5s ease-in-out, opacity .5s ease-in-out;
                               transition: transform .5s ease-in-out, opacity .5s ease-in-out;


             }
             .item_scroll2.visible {
               opacity: 1;
               -webkit-transform: none;
                  -moz-transform: none;
                   -ms-transform: none;
                    -o-transform: none;
                       transform: none;
             }

             .biggone.visible {
          transform: scale(1.0) !important;
          filter: opacity(1.0) !important;
          transition: all 0.2s ease-in-out;
         }

         .biggone_testo.visible {
          filter: opacity(1.0) !important;
          transition: all 0.2s ease-in-out;
         }


  /*homepage desk*/

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

  .area_utensili, .area_progettazione{
    position: absolute;
    height: 100%;
    z-index: 0;
    background-repeat: no-repeat;
    background-size: auto 100%;
    /*filter: brightness(50%);*/
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
  }

  .area_utensili{
    width: 70%;
    background-image: url(/images/back_utensili_26.jpg);
    background-position: 120% center;
clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);
left: 0;
top:0;
cursor: pointer;
  }

  .area_progettazione{
    width: 55%;
    background-image: url(/images/back_progettazione_23.jpg);
    background-position: right center;
clip-path: polygon(20% 0, 100% 0, 100% 100%, 0% 100%);
right:0;
top: 0;
cursor:pointer;
  }


.background{
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.2);
  -moz-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}

.attivo .background{
  background-color: rgba(0, 0, 0, 0);
}

.attivo{
  width: 76%;
  filter: brightness(100%);
  background-size: auto 120%;
}

.non_attivo{
  width: 40%;
  filter: brightness(20%);
}

.button_area{
  width: 15vw;
  bottom: 30vh;
  margin: auto;
  left: 0;
  right: 0;
  background-color: #ccc;
  padding: 1vh 1vw;
  text-align: center;
  position: absolute;
  z-index: 3;
  -moz-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
}

.attivo .button_area{
  background-color: #171695;/*#fff;*/
}

.b_uten{
  left: -10vw;
}

.b_prog{
  right: 10vw;
}



.plus_prog{
  position: absolute;
  top:50%;

  width: 30vw;
z-index: 999999999999999999999;
pointer-events: none;
  opacity: 0;
  transition: opacity .2s ease;
}

#commercializzazione_puls{
  left: 40%;
}

#attrezzature_puls{
  right: 8%;
}

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

.attivo .plus_prog{
  display: inline;
}

.content_box_plus{
  width: 100%;
}


.box_plus{
  width: 50%;
  padding: 5vh 0;
  height: 30vh;
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100%;
  transition: all 0.2s ease-in-out;
  position: relative;
  z-index: 1;
  overflow: hidden;
}



.box_plus::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0%;
  opacity: 0.3;
  height: 100%;
  background-color: #171694;
  z-index: 0;
  transition: width 0.3s ease;
}



.box_plus:hover::before {
  width: 100%;
}



.box_plus:hover{
  background-size: 110%;
}

.box_utensili{
  background-image: url(/images/utensili.jpg);
  padding: 11vh 0 0 0 !important;
}

.box_network{
  background-image: url(/images/network.jpg);
  padding: 5.5vh 0 0 0 !important;
  padding: 8vh 0 0 0 !important;
}


.box_progettazione{
  background-image: url(/images/progettazione26.jpg);
  /*padding: 6vh 0;*/
  padding: 11vh 0 0 0 !important;
}

.box_costruzione{
  background-image: url(/images/costruzione26.jpg);
 /*padding: 6vh 0;*/
 padding: 11vh 0 0 0 !important;

}

.box_plus h2{
  font-size: 120%;
  color: #fff;
  margin: 0 0 0.5vh 0;
  text-align: center;
  text-transform: uppercase;
  line-height: 1;
  font-weight: 600;
  position: relative;
}


.box_plus h1{
  font-size: 180%;
  color: #fff;
  margin: 0 0 0 0;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  transition: all 0.2s ease-in-out;
  position: relative;
  line-height: 1.3;
}

.box_network h1{
    margin:1vh 0 0 0;
}

/*
.box_plus:hover h1{
  color: #F7D603 !important;
}*/

.box_plus p{
  font-size: 75%;
  color: #fff;
  margin: 0 auto;
  width: 85%;
  text-align: center;
  font-style: italic;
  position: relative;
}




.button_area h2{
  text-transform: uppercase;
  color: #333;
  font-size: 100%;
  margin: 0;
  font-weight: 400;
  transition: all .2s ease-in;
}

.button_area h1{
  color: #000;
  font-size: 120%;
  font-weight: 500;
  margin: 0;
  transition: all .2s ease-in;
}

.attivo .button_area h2{
  color: #fff;
}

.attivo .button_area h1{
  color: #fff;
}

.button_area:hover h2{
  color: #fff;
}

.button_area:hover h1{
  color: #fff;
}



.logo_slogan{
  position: absolute;
  top: -17%;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  z-index: 99;
  text-align: center;
  height: 20%;
}

.logo_slogan h1{
  color: #fff;
  margin: 0;
  font-size: 300%;
  font-weight: 200;
  padding: 0;
}


.back_intro {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #151515;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
  }

  .left {
    clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);

    }

  .right {
    clip-path: polygon(20% 0, 100% 0, 100% 100%, 0% 100%);
    }

    .anima_left{
      animation: left 1.5s ease-in-out 0.5s 1 normal forwards;
    }

    .anima_right{
      animation: right 1.5s ease-in-out 0.5s 1 normal forwards;
    }


  @keyframes left {
  	0%{
  		opacity: 1;
  	}


  	100% {
  		opacity: 1;
clip-path: polygon(0 0, 0 0, -10% 100%, -30% 100%);
  	}
  }

  @keyframes right {
    0%{
      opacity: 1;
    }
    100% {
      opacity: 1;
      clip-path: polygon(110% 0, 100% 0, 100% 100%, 100% 100%);
    }
  }


  .barra_logo{
    width: 100%;
    height: 13.5vh;
    padding: 3vh 0;
    text-align: center;
    background-color: #fff;
    clip-path: polygon(0 20%, 100% 0, 100% 100%, 0 80%);
  }

  .logo_hp{
    height: 6vh;
  }

/*homepage interna desk*/

header{
  width: 100%;
  background-color: #fff;
  height: 15vh;
  clip-path: polygon(0 0, 100% 0%, 100% 40%, 0 80%);
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 98;
}

.head{
  width: 80%;
  margin: 0 auto;
  padding: 3vh 0;

}

.logo_interno{
  width: 45%;
  text-align: left;
}

.menu_interno{
  width: 45%;
  text-align: right;
}


.logo_interno img{
  height: 3vh;
  margin-right: 2vw;
}





.hp_ap{
  width: 100%;
  height: 108vh;

}

.bg_progettazione{
  background:radial-gradient(ellipse at center,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.7) 100%),url(/images/home_progettazione/back_hp1.jpg);
  background-repeat: auto, no-repeat;
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
}

.bg_costruzione{
  
  background:radial-gradient(ellipse at center,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.7) 100%),url(/images/costruzione/back_costruzione_2026.jpg);
  background-repeat: auto, no-repeat;
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;

}

.content_hp_ap{
  width: 80%;
  margin: 0 auto;
  height: 100%;
  color: #fff;
  padding-top: 30vh;
}

.bg_network .content_hp_ap{
  padding-top: 34vh;
  width: 75%;
}

.content_hp_ap h2{
  text-transform: uppercase;
  font-weight: 600;
  font-size: 150%;
  margin-top: 2vh;
}

.content_hp_ap h1{
  font-weight: 300;
  font-size: 250%;
}

.content_hp_ap h3{
  font-weight: 400;
  font-size: 120%;
  font-style: italic;
  margin-top: 1vh;
}

.bg_network h1{
  color: #F7D603;
  font-weight: 600;
  font-size: 350%;
}

.bg_network h2{
  color: #fff;
}

.bg_network h3{
  color: #fff;
}

.txt_hp_ap{
clip-path: polygon(0 0, 100% 20%, 100% 80%, 0 100%);
background-color: #e5e5ff;
margin-top: -20vh;
width: 100%;
overflow: hidden;
}



.content_txt_hp_ap{
  width: 70%;
  margin: 0 auto;
  padding: 0;
  position: relative;
}


.content_txt_hp_ap div{
  width: 55%;
}

.all100{
  width: 90% !important;
  margin: 0 auto;
  padding: 20vh 0;
  text-align: center;
}

.img_txt{
  height: 25vw;
  width: 25vw !important;
  border-radius: 100%;
  margin: 12vh auto;
  background-image: url(/images/home_progettazione/back_progett_txt.jpg);
  background-color: #fff;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center;
}



.txt p{
  width: 80%;
  font-size: 90%;
  color: #222;
  font-weight: lighter;
  padding: 0 0 0 2vw;
  position: relative;
}
.round_costruzione{
  width:60% !important;
}
.round_costruzione p{
  width: 100%;
}

.round_costruzione h1{
  width: 100%;
  padding: 0 0 0 2vw;
}

.all100 p{
  margin: 0 auto;
}

.all100 h1{
  text-align: center;
  margin-bottom: 2vh;
}

.txt p::after{
  content: "";
  height: 0.3vh;
  background-color: #222;
  display: block;
  width: 1.5vw;
  margin-top: 2vh;
}

.all100 p::after{
  margin: 2vh auto !important;
}

.sec_mission_hp{
  position: relative;
}

.mission_hp{margin-top: 30vh;z-index: 999 !important;clip-path: polygon(0 0, 100% 20%, 100% 80%, 0 100%);background-color: #e5e5ff;width: 100%;padding: 55vh 0 15vh 0;}


.mission_img_big{
  width: 70%;
  height: 75vh;
  position: absolute;
  z-index: 97;
  top: -25vh;
  left: 0;
  right: 0;
  margin: auto;
  background-image: url(/images/home_progettazione/back_hp2.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.mission_costruzione{
  width: 70%;
  height: 75vh;
  position: absolute;
  z-index: 97;
  top: -25vh;
  left: 0;
  right: 0;
  margin: auto;
  background-image: url(/images/costruzione/mac_spec.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.img_round{
  width: 25vw !important;
  height: 25vw !important;
  border-radius: 100%;
  background-image: url(/images/home_progettazione/back_hp3.jpg);
  background-color: #fff;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.img_round_costruzione{
  width: 25vw !important;
  height: 25vw !important;
  border-radius: 50%;
  background-image: url(/images/costruzione/img_costruzione.jpg);
  background-color: #fff;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.case_studies{
  text-align: center;
}

.case_page_costruzione{
  /* clip-path: polygon(0 0, 100% 20%, 100% 80%, 0 100%); */
  /* background-color: #e5e5ff; */
  padding: 7vh 0;
}

.case_page_utensili{/* clip-path: polygon(0 0, 100% 0%, 100% 91%, 0 100%); *//* background-color: #eeeefb; */padding: 17vh 0 7vh 0;margin-top: -5%;z-index: 0;}


.referenze{
  padding: 12vh 0 2vh 0;
  text-align: center;
}

.case_studies h1, .referenze h1{
  text-transform: uppercase;
  font-size: 150%;
  color: #222;
  font-weight: 500;
  margin-bottom: 4vh;
}

.box_case{
  width: 100%;
  background-color: #e5e5ff;
  padding: 2vh 5vw;
}

.case_page_costruzione .box_case{
  background-color: transparent;
}

.case_page_utensili .box_case{
  background-color: transparent;
}


.box_case_page{
  width: 90%;
  padding: 10vh 0;
  margin: 0 auto;
}

.content_case{
  width: 23%;
  margin: 2vh 0;
  overflow: hidden;
  -moz-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}

.content_case_urensili{
  width: 15%;
  margin: 2vh 0;
  overflow: hidden;
  -moz-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}

.box_img{
  width: 100%;
  height: 28vh;
  margin-bottom:1vh;
  background-repeat: no-repeat;
  overflow:hidden;
  background-size: 80%;
  background-position: center center;
  background-color: #fff;
  -moz-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
  /*filter: grayscale(1); silvia 17.03.2026*/
}

.content_case_urensili .box_img{
   height: 20vh !important;
}

.content_case h2{
  text-transform: uppercase;
  font-size: 70%;
  color: #222;
  font-weight: 500;
  -moz-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}

.content_case:hover h2{
color: #171793;
}

.content_case:hover .box_img{
 transform:scale(1.05);
  /*filter: grayscale(0.3); silvia 17.03.26*/
}

.content_case_urensili h2{
  text-transform: uppercase;
  font-size: 80%;
  color: #222;
  width: 90%;
  font-weight: 500;
  -moz-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
  margin: 1.5vh auto;
}

.content_case_urensili:hover h2{
color: #171793;
}

.content_case_urensili:hover .box_img{
  background-size: auto 105%;
  filter: grayscale(0.3);
}


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

.box_referenze div{
  /*width: 23%; commentato per owl carousel*/
  height: 10vh;
  margin: 0 0 2vh 0;
  background-repeat: no-repeat;
  background-size: auto 80%;
  background-position: center center;
}


.breadcrumb{
  width: 100%;
  font-size: 100%;
  color: #fff;
}

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

.breadcrumb a:hover{
  color: #F7D603;
  text-decoration: none;
}

.intest_page{
  width: 100%;
  height: 75vh;
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
}

.bg_utensili{
  background:radial-gradient(ellipse at center,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.7) 100%),url(/images/back_marchi_23.jpg);
  background-repeat: auto, no-repeat;
}

.bg_contatti{
  background:radial-gradient(ellipse at center,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.7) 100%),url(/images/back_marchi_23.jpg);
  background-repeat: auto, no-repeat;
  height: 48vh !important;
}

.bg_network{
  background:url(/images/back_network.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  height: 64vh;
}  

.bg_profile{
  background:url(/images/profile/back_profile1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
}

.bg_invia{
  background:url(/images/profile/back_profile1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  height: 50vh;
}

.intest_company{
  width: 100%;
  height: 75vh;
  background:radial-gradient(ellipse at center,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.7) 100%),url(/images/back_profile_two.jpg);
  background-repeat: auto, no-repeat;
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
}

.intest_page35{
  width: 100%;
  height: 35vh;
  background-repeat: auto, no-repeat;
  background-size: cover;
  background-position: center center;
  filter: grayscale(1);
}

.content_intest_page{
  width: 80%;
  margin: 0 auto;
  height: 100%;
  color: #fff;
  padding-top: 18vh;
  transition-delay: 1s !important;
}

.content_intest_page h2{
  text-transform: uppercase;
  font-weight: 600;
  font-size: 150%;
}

.content_intest_page h1{
  font-weight: 300;
  font-size: 250%;
}


.prodotti{
  clip-path: polygon(0 0, 100% 20%, 100% 80%, 0 100%);
  background-color: #e5e5ff;
  margin-top: -10vh;
  width: 100%;
  overflow: hidden;
  z-index: 2;
}

.content_prodotti{
  width: 80%;
  margin: 0 auto;
  text-align: left;
  position: relative;
  padding: 5vh 0 10vh 0;
  z-index: 0;
}

.content_prodotti h1{
  text-transform: uppercase;
  font-size: 150%;
  color: #222;
  font-weight: 500;
  margin-bottom: 2vh;
}

.content_prodotti p{
width: 55%;
font-size: 105% !important;
}

.partner{
  width: 100%;
position: relative;
height: 80vh;
clip-path: polygon(0 8%, 100% 0%, 100% 100%, 0 100%);
margin-top: -9vh;
overflow: hidden;
}

.mcelroy, .rigibore{
  position: absolute;
  z-index: 0;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  /*filter: brightness(50%);*/
  -moz-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}

.mcelroy {
  width: 70%;
 background-image: url(https://www.essetierre.com/images/mcelroy_sfondo.jpg);
  background-position: left center;
  clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);
  left: 0;
  top: 0;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

.rigibore {
  width: 55%;
  background-image: url(https://www.essetierre.com/images/rigibore_sfondo.jpg);
  background-position: right center;
  clip-path: polygon(20% 0, 100% 0, 100% 100%, 0% 100%);
  right: 0;
  top: 0;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

.gradient_mcelroy,.gradient_rigi{
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

.mcelroy:hover .gradient_mcelroy{
opacity: 1;
}

.rigibore:hover .gradient_rigi{
opacity: 1;
}

.content_round_marchi{
  width: 76%;
  position: relative;
  height: 100%;
}

.content_round_marchi2{width: 90%;position: relative;height: 100%;float: right;}


.round_marchi {
  width: 28vw !important;
  height: 28vw !important;
  border-radius: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}


.mcelroy:hover .round_marchi, .rigibore:hover .round_marchi {
  width: 30vw !important;
  height: 30vw !important;
  border-radius: 100%;
}


.round_mcelroy{
  background-color: #02994F;
  /* margin-left: 18%; */
}

.round_mcelroy h2 {
  text-transform: uppercase;
  font-size: 120%;
  color: #fff;
  margin: 2vh 0;
  font-weight: bold;
  padding: 0;
}

.butt_mcel {
  padding: 1vh 1vw;
  margin: 0 auto;
  border-radius: 0.5vw;
  background-color: #fff;
  color: #02994f;
  border: none;
  width: 70%;
  cursor: pointer;
  font-size: 100%;
}



.butt_mcel:hover{
background-color:#e5e5ff;
color:#02994f;
}

.butt_mcel:hover a{
text-decoration:none;
color:#555;
}


.round_mcelroy a{
color:#02994f;
text-decoration:none;
}


.round_mcelroy:hover .butt_mcel{
background-color:#e5e5ff;
color:#02994f;
}


.round_mcelroy:hover a{
text-decoration:none;
color:#555;
}


.round_rigibore{
  background-color: #fff;
  /* margin: 0 auto; */
}


.round_rigibore h2 {
  color: #0069aa;
  text-transform: uppercase;
  font-size: 120%;
  margin: 2vh 0;
  font-weight: bold;
  padding: 0;
}




.butt_rigi {
  padding: 1vh 1vw;
  margin: 0 auto;
  width: 55%;
  border-radius: 0.5vw;
  background-color: #0069aa;
  color: #fff;
  border: none;
  cursor: pointer;
  font-size: 100%;
}



.butt_rigi:hover{
  background-color:#f5a019;
  color:#0069aa;
}

.butt_rigi a{
text-decoration:none;
color:#fff;
}
.butt_rigi:hover a{
text-decoration:none;
color:#0069aa;
}


.round_rigibore:hover .butt_rigi{
  background-color:#f5a019;
  color:#0069aa;
}


.round_rigibore:hover a{
text-decoration:none;
color:#0069aa;
}



.elenco_prodotti{
  width: 70%;
  padding: 1vh 0;
  font-size: 100%;
  color: #555;
}

.elenco_prodotti div{
  width: 25%;
}

.elenco_prodotti div::before{
  content: '\2609';
  color: #555;
  font-size: 90%;
}


.marchi_evidenza{
  /*  margin-top: 0;
    z-index: 9999999999;
    clip-path: polygon(0 0, 100% 20%, 100% 80%, 0 100%);
    background-color: #e5e5ff;*/
    width: 80%;
    padding: 5vh 0;
    text-align: left;
margin: 0 auto 0 auto;
}



  .marchi_evidenza h1{
    text-transform: uppercase;
    font-size: 150%;
    color: #222;
    font-weight: 500;
    margin-bottom: 2vh;
    text-align: center;
  }


  .content_marchi{
    width:100%;
    margin: 0 auto;
    text-align: center;
    padding: 5vh 0;
  }

  .content_marchi a{
    width: 23%;
margin: 0 auto 3vh auto;
    border-bottom: 0.2vh solid #888;
    color: #888;
    text-decoration: none;
  }

  .content_marchi a:hover{
    color: #171695;
    text-decoration: none;
    border-bottom: 0.2vh solid #171695;
  }

  .content_marchi h2 {
  margin: 0 0 0 0;
  padding: 3vh 0 0 0;
  font-size: 100%;
  font-weight: 400;
  text-transform: uppercase;
}

.content_marchi p {
  margin: 1vh 0;
  padding: 0;
  font-size: 90%;
  font-weight: 200;
  line-height: 1.5;
}

.img_marchi{
  width:100%;
  height: 12vh;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #fff;
}


.novacore{
  width: 100%;
  padding: 16vh 0 2vh 0;
  background-image: url(/images/back_novacore2.jpg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100%;
  clip-path: polygon(0 0, 100% 0%, 100% 91%, 0 100%);
}

.content_novacore{
  width: 80%;
  margin: 0 auto 0 auto;
}

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

.logo_novacore{
  height: 10vh;
  display: block;
  margin: 0 auto 5vh auto;
}

.img_novac{
    height: 60vh;
    display: block;
    margin: 0 auto;
}

.txt_novacore{
  width: 55%;
  padding-top: 1%;
  }



  .txt_novacore h1 {
    margin: 0 0 3vh 0;
    font-size: 192% !important;
    font-weight: 600 !important;
    color: #199653;
  }
  
  .txt_novacore p{
    font-size: 100%;
    color: #222;
    margin-bottom: 2vh;
  
  }





.marchi26 {
  width: 80%;
  padding: 5vh 0 8vh 0;
  text-align: center;
  margin: 0 auto 0 auto;
}


.box_marchi26{
  width: 100%;
  padding: 1vh 0 4vh 0;
  margin: 3vh 0;
  border-bottom: 1px solid #888;
}

.box_marchi26:last-child{
  border-bottom: 1px solid transparent !important;

}

.txt_box_marchi26{
  width: 30%;
}

.txt_box_marchi26 h2 {
  margin: 0 0 0 0 !important;
  padding: 0 0 0 1vw !important;
  font-size: 120% !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  text-align: left !important;
  border-left: 0.5vw solid #171694 !important;
}


.box_img_marchi26{
  width: 70%;
}


.img_marchi26{
  width: 20%;
  height: 10vh;
  background-position: center center;
  background-size: auto 94%;
  background-repeat: no-repeat;
  background-color: #fff;
  margin-bottom: 1.5vh;
}


.promozioni{
  /*  margin-top: 0;
    z-index: 9999999999;
    clip-path: polygon(0 0, 100% 20%, 100% 80%, 0 100%);
    background-color: #e5e5ff;*/
    width: 100%;
    padding: 5vh 0;
    text-align: center;
}



  .promozioni h1{
    text-transform: uppercase;
    font-size: 150%;
    color: #222;
    font-weight: 500;
    margin-bottom: 2vh;
  }

  .promozioni p {
    margin: 0 0;
    padding: 0;
    font-size: 90%;
    font-weight: 200;
    line-height: 1.5;
  }



  .cont_promo{
    width:60%;
    margin: 0 auto;
    text-align: center;
    padding: 8vh 0;
  }

.cont_promo div{
  width: 50%;
}


.altri_marchi{
  margin-top: 0;
    z-index: 97;
    clip-path: polygon(0 0, 100% 5%, 100% 95%, 0 100%);
    background-color: #e5e5ff;
    width: 100%;
    padding: 10vh 0;
    text-align: left;
}

.container_altri_marchi{
  width: 80%;
  margin: 0 auto;
}

  .altri_marchi h1{
    text-transform: uppercase;
    font-size: 150%;
    color: #222;
    font-weight: 500;
    margin-top: 1vh;
    text-align: center;
  }


  .content_altri_marchi{
    width:100%;
    margin: 0 auto;
    text-align: center;
    padding: 8vh 0;
  }

  .content_altri_marchi .img_altri_marchi{
    width: 23%;
margin: 0 auto 3vh auto;
background-position: center center;
background-size: 50%;
background-repeat: no-repeat;
background-color: #fff;
padding: 8vh 0;
  }



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

.foot_home{
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

footer p{
  width: 80%;
  margin: 0 auto;
  color: #fff;
  font-size:80%;
  font-weight: 300;
  text-align: center;
}

footer a{
  color: #888;
  text-decoration: none;
}

footer a:hover{
  color: #444;
  text-decoration: none;
}



.txt_network{
  width: 80%;
  padding: 8vh 0 15vh 0;
  margin: 0 auto;
}





.mb_trading{
  width: 100%;
  padding: 12vh 0 16vh 0;
  background-color: #e0ecf5;
  clip-path: polygon(0 0, 100% 0%, 100% 91%, 0 100%);
}

.content_mb_trading{
  width: 80%;
  margin: 0 auto 0 auto;
}



.txt_trading{
  width: 65%;
  margin: 0 auto;
}

.download_flyer_trading{
  width: 30%;
  margin: 0 auto;
  text-align: center;
}


.txt_trading h1{
  text-transform: uppercase;
  font-size: 200%;
  color: #171694;
  font-weight: 600;
  margin-bottom: 1vh;
}


.txt_trading h2{
  font-size: 150%;
  color: #222;
  font-weight: 500;
  margin-bottom: 3vh;
  font-style: italic;
}


  .txt_trading p{
    font-size: 100%;
    color: #222;
    margin-bottom: 2vh;
  
  }





.box_block_flyer_trading{
  width: 18vw;
  height: 18vw;
  border-radius: 100%;
  /* border: 1px solid #666; */
  margin: 0 2vw;
  transition: all 0.35s ease-out;
  background-color: #fff;
  position: relative;
  overflow: hidden;
}


.box_block_flyer_trading::before {
  content: "";
  position: absolute;
  left: 0;
  right:0;
  top:0;
  margin:auto;
  bottom: 0;
  opacity: 0;
  width: 100%;
    height: 100%;
  border-radius: 100%;
  background-color: #7777ce;
  z-index: 0;
  transition: all 0.35s ease-out;
}



.box_block_flyer_trading:hover::before {
opacity: 0.2;
}

.box_block_flyer_trading:hover {
  background-color: transparent;
}


.box_block_flyer_trading h1{
  font-size: 250%;
  font-weight: 500;
  width: 88%;
  text-align: center;
  color: #171694;
  margin: 5.8vh auto 0 auto;
}

.box_block_flyer_trading p{
  margin:10px auto 0 auto;
  font-size: 120%;
  width: 100%;
  text-align: center;
  font-weight: 200;
  color: #666;
}




.box_block_flyer_trading:hover p{
  color: #171694;
}

.box_block_flyer_trading img{
  height: 17vh;
  display: block;
  margin: 0 auto;
  transition: all 0.3s ease;
}

.box_block_flyer_trading:hover img{
  transform:scale(1.1);
}







.txt_invia{
  width: 80%;
  padding: 8vh 0 15vh 0;
  margin: 0 auto;
}

.content_txt_network{
  width: 65%;
  margin: 0 auto;
}

.nachi{
  padding: 8vh 0;
}

.nachi .content_txt_network img{
  height: 8vh;
}

.download_flyer{
  width: 30%;
  margin: 0 auto;
  text-align: center;
}



.box_block_flyer{
  width: 18vw;
  height: 18vw;
  border-radius: 100%;
  /* border: 1px solid #666; */
  margin: 0 2vw;
  transition: all 0.35s ease-out;
  background-color: #ededed;
  position: relative;
  overflow: hidden;
}


.box_block_flyer::before {
  content: "";
  position: absolute;
  left: 0;
  right:0;
  top:0;
  margin:auto;
  bottom: 0;
  opacity: 0;
  width: 100%;
    height: 100%;
  border-radius: 100%;
  background-color: #F7D603;
  z-index: 0;
  transition: all 0.35s ease-out;
}



.box_block_flyer:hover::before {
opacity: 0.2;
}

.box_block_flyer:hover {
  background-color: transparent;
}


.box_block_flyer h1{
  font-size: 250%;
  font-weight: 500;
  width: 88%;
  text-align: center;
  color: #171694;
  margin: 5.8vh auto 0 auto;
}

.box_block_flyer p{
  margin:10px auto 0 auto;
  font-size: 120%;
  width: 100%;
  text-align: center;
  font-weight: 200;
  color: #666;
}




.box_block_flyer:hover p{
  color: #171694;
}

.box_block_flyer img{
  height: 17vh;
  display: block;
  margin: 0 auto;
  transition: all 0.3s ease;
}

.box_block_flyer:hover img{
  transform:scale(1.1);
}




.content_txt_network h1{
  /*text-transform: uppercase;*/
  font-size: 200%;
  color: #171694;
  font-weight: 600;
  margin-bottom: 1vh;
}


.content_txt_network h2{
  font-size: 150%;
  color: #222;
  font-weight: 500;
  margin-bottom: 3vh;
  font-style: italic;
}


  .content_txt_network p{
    font-size: 100%;
    color: #222;
    margin-bottom: 2vh;
  
  }


.nachi .content_txt_network h1, .nachi .content_txt_network h2, .nachi .content_txt_network p{
  padding-left: 1vw;
}



.txt_invia h1{
  text-transform: uppercase;
  font-size: 200%;
  color: #171694;
  font-weight: 600;
  margin:0 auto 1vh auto;
  text-align: center;
}


.txt_invia h2{
  font-size: 150%;
  color: #222;
  font-weight: 500;
  margin-bottom: 3vh;
  font-style: italic;
}


  .txt_invia p{
    font-size: 100%;
    color: #222;
    margin:0 auto 1vh auto;
    text-align: center;
  
  }
  

  

  .all_network{
    width: 100%;
    padding: 30vh 0;
    background-image: url(/images/back_network2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    position: relative;
  }

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

  .content_all_network{
    position: relative;
    z-index: 2;
    width: 50%;
    margin: 0 auto;
  text-align: center;
  }
  



  .content_all_network h1{
    font-size: 250%;
    color: #F7D603;
    font-weight: 600;
    margin-bottom: 1vh;
  }
  
   
  
    .content_all_network p{
      font-size: 100%;
      color: #fff;
      margin-bottom: 2vh;
    
    }
    



    .brand-area{
      padding: 10vh 0;
    }
    
    .brand-area h2{
      font-size: 200%;
      color: #171694;
      font-weight: 600;
      text-align: center;
      margin-bottom: 2vh;
    }
    
    .brand-grid{
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
      gap: 15px 15px;
      width: 90%;
      margin: 0 auto;
    }
    
    .brand-grid span{
      display: inline-block;
      padding: 2vh 0.5vw;
      border-radius: 5px;
      background:#e0ecf5;
      text-align:center;
      font-size: 90%;
      font-style: italic;
    }
    



/*form scheda*/

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


	#form_info h2{
	font-size: 250%;
	margin: 4vh 0 2vh 0;
	padding: 0 0 0 0;
	color: #555;
	line-height: 1.2;
	text-align: center;
  font-weight: 600;
	}





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



	.cont-form{
		width: 100%;
	}




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


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

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

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

  



.content_box_about{
  width: 100%;
  padding: 12vh 0;
  background-image: url(/images/profile/back_profile2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
}

.div_content_box_about{
  width: 70%;
  margin: 0 auto;
}

.box_about{
  width: 20vw;
  height: 20vw;
  background-color: #fff;
  border-radius: 100%;
}

.box_about h1{
  font-size: 138%;
  font-weight: 500;
  width: 88%;
  text-align: center;
  color: #171694;
  margin: 0 auto;
}

.box_about p{
  margin:10px auto 0 auto;
  font-size: 100%;
  width: 78%;
  text-align: center;
  font-weight: 200;
  color: #666;
}






/* BLOCCHI ALTERNATI ---------------------------------------- */
.block{
  display:flex;
  min-height:60vh;
}

.block_green{
  display: flex;
  min-height: 60vh;
  width: 90%;
  margin: 10vh auto;
}

.block-img-green-left{
  border-radius: 100%;
    width: 100%;
    height: 36vw;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat;
}


.block-img-green-right{
  border-radius: 100%;
  width: 100%;
  height: 36vw;
  background-size: cover !important;
  background-position: right center !important;
  background-repeat: no-repeat;
}

.blockgreen_dx {
  padding: 0 0vw 0 12vw !important;
}

.block50{
position: relative;
}

.block50::before{
  content: '';
  position: absolute;
  inset: 0;
  left: -10%;
  background-image: url(/images/star_green.svg);
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: center left;
  opacity: 0.2;      /* solo sul background */
  z-index: -1;
  filter: grayscale(1);
}

.block-img{
  flex:1;
  background-size:cover;
  background-position:center;
}

.block-img-right{
  background-size: 80%;
  background-position: center left;
  background-repeat: no-repeat;
}

.block-img-left{
  background-size: 80%;
  background-position: center right;
  background-repeat: no-repeat;
}

.block-text{
  flex:1;
  padding:6vh 5vw;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.block-text img{
  height: 10vh;
  display: block;
  margin: 0 auto;
}


.block-text{
  padding: 10vh 5vw 10vh 5vw !important;
}

.block-text h2{
  color:#171694;
  margin-bottom: 6vh;
  font-size: 250%;
}

.block-text p{
  margin-bottom:1.6vh;
  line-height:1.5;
  font-size: 90%;
}

.block-text ul {
 list-style-type: circle;
 line-height: 1.5;
 font-size: 100%;
 color: #222;
 padding: 0 0 0 1vw;
 margin: 0;
 /* display: block; */
}

.block-text li{
  /* display: inline-block; */
  margin-bottom: 2vh;
}

/* Alternanza */
.alt-left .block-img{ order:1; }
.alt-left .block-text{ order:2; }

.alt-right .block-img{ order:2; }
.alt-right .block-text{ order:1; }

.alt-central{
  padding: 20vh 0 20vh 0;
  background-attachment: fixed;
  width: 100%;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.alt-central::after{
  content: '';
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
}
.alt-central .block-text{
  text-align: center;
  color: #fff !important;
  width: 100%;
  position: relative;
  z-index: 2;
}

.alt-central .block-text h2{
  text-align: center;
  color: #fff !important;
}

.alt-central .block-text p{
  text-align: center;
  color: #fff !important;
  width: 60%;
  margin: 0 auto;
  font-size: 110%;
}

.block4_dx{
  padding: 0 4vw 0 9vw !important;
}

.block4_sx{
  padding: 0 9vw 0 4vw !important;
}



.content_box_block{
  width: 100%;
  margin: 2vh 0;
}

.box_block{
  width: 13vw;
  height: 13vw;
  border-radius: 100%;
  border: 1px solid #666;
  margin: 0 2vw;
  transition: all 0.2s ease-in-out;
}

.box_block h1{
  font-size: 250%;
  font-weight: 500;
  width: 88%;
  text-align: center;
  color: #171694;
  margin: 5.8vh auto 0 auto;
}

.box_block p{
  margin:10px auto 0 auto;
  font-size: 100%;
  width: 100%;
  text-align: center;
  font-weight: 200;
  color: #666;
}


.box_block:hover{
  border: 1px solid #171694;
}

.box_block:hover p{
  color: #171694;
}





.contatti {
  padding: 0 6% 0 6%;
   background-color: #fff; 
  /* font-family: 'Helvetica Neue', Arial, sans-serif; */
  width: 100%;
  margin: 0 auto;
}

.contatti-title {
  font-size: 250%;
  font-weight: 500;
  color: #222;
  margin-bottom: 5vh;
  /* letter-spacing: 1px; */
  display: none;
  text-align: center;
}

.contatti-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(10%, 1fr));
  gap: 2%;
  padding: 8vh 0 0 0;
}

.contatto {
  position: relative;
  padding-left: 1vw;
}

.contatto .ruolo::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 0.5vw;
  height: 5%;
  background-color: #171694;
  opacity: 0.5;
}

.ruolo {
  display: block;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #171694;
  margin-bottom: 1vh;
  font-weight: 600;
}

.nome {
  font-size: 83%;
  color: #222;
  margin: 2vh 0 0 0;
  padding: 0 0 0 0;
  /* line-height: 1.4; */
  /* border-top: 1px solid #ccc; */
}

.contatto a {
  font-size: 100%;
  color: #171694;
  text-decoration: none;
  display: block;
  margin: 0 0 1vh 0;
  line-height: 1;
  padding: 0;
}

.contatto a:hover {
  text-decoration: underline !important;
}



#map{
  width: 100%;
  height: 100%;
}

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

.txtmaps img{
  height: 1.5vw;
  margin-bottom: 2vh;
}

.txtmaps h2{
  font-weight:500;font-size:100%;
}


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

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


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


.map,
.contatti {
  min-height: 100vh;
}

.map {
  position: relative;
  z-index: 1;
}

.contatti {
  background: #ffffff;
  position: relative;
  z-index: 2;
}

.altre_foto{
  display: none;
}


.form_promo{
  padding: 14vh 2vw 7vh 2vw;
  width: 24vw !important;
  margin: 0 auto;
  background-color: #ebebff;
  border-radius: 100%;
  position: relative;
  height: 24vw;
  }

      .form_promo .box_48{
        width: 48%;
      }

      .form_promo .box_100{
        width: 100%;
      }

      .btn-invia {
        display: block;
        margin:2vh auto 0 auto;
        width: 30%;
background-color: #171694;
color: #fff;
border: none;
padding: 1.5vh 1vw;
font-size: 100%;
text-align: center;
cursor: pointer;
border-radius: 4px;
transition: all 0.3s ease;
}

/* Hover */
.btn-invia:hover {
background-color: #222;
transform: translateY(-2px);
color: #fff;
}

.butt-novacore{
  background-color: #02994F !important;
}

.butt-novacore:hover {
  background-color: #222 !important;
}

/* Click */
.btn-invia:active {
transform: translateY(0);
}
.input-form {
background: #ffffff;
color: #171694;
border: 2px solid #e6e6fa;
padding: clamp(10px, 1.5vh, 18px) clamp(20px, 3vw, 40px);
font-size: clamp(14px, 1.8vh, 18px);
border-radius: clamp(20px, 3vw, 40px);
cursor: pointer;
box-shadow: 0 0.4vh 1vh rgba(0,0,0,0.08);
transition: all 0.3s ease;
letter-spacing: 0.05em;
margin-bottom: 2vh;
}

/* Hover*/
.input-form:hover {
background: #f5f5ff;
border-color: #7777ce;
box-shadow: 0 0.6vh 1.4vh rgba(23, 22, 148, 0.15);
}

.input-form:focus {
outline: none;
box-shadow: 0 0 0 0.3vh rgba(23, 22, 148, 0.2);
}

input::placeholder,
textarea::placeholder {
color: #666 !important;
opacity: 1 !important; /* importantissimo su alcuni browser */
}

.msg_error{
  display: none; 
text-align: center;
width: 100% !important;
color: #f00;
position: absolute;
bottom: 18%;
left: 0;
right: 0;
font-style: italic;
margin: auto;
font-weight: 500;
}