.no_mobile{
  display: none !important;
}
body{
  font-size: 3vw;
  /* overflow: hidden; */
}


.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 80%;
    /*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: 60%;
    height: 100%;
    background-image: url(/images/back_utensili_26.jpg);
    background-position: 12% center;
    clip-path: polygon(0 0%, 100% 0, 100% 100%, 0% 100%);
    left: 0;
    top:0;
    cursor: pointer;
    /* padding-right: 5%; */
  }

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

  .area_progettazione{
    width: 55%;
    background-image: url(/images/back_progettazione_23.jpg);
    background-position: 80% center;
    clip-path: polygon(20% 0%, 100% 0%, 100% 100%, -0% 100%);
    right:0;
    bottom: 0;
    height: 100%;
    cursor:pointer;
    padding-left: 6%;
    background-size: auto 90%;
  }

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


.background{
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.4);
  -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%);
}


.puls_hp_mobile{
  width: 75%;
  margin: 0;
  text-align: center;
  /* border-top: 1px solid #fff; */
  padding: 2vh 0.5vw;
  border: 1px solid #fff;
  min-height: 32vh;
  position: absolute;
  /*background-color: rgba(255,255,255,0.3);*/
}


.area_utensili .puls_hp_mobile{
          left: 4%;
          top: 30%;
}

.area_progettazione .puls_hp_mobile{
          right: 4%;
          width: 80%;
          top: 30%;
}

.puls_hp_mobile h1{
  font-size: 137%;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 2vh;
  font-weight: 500;
}


.button_area{
  width: 90%;
  display:block;
  background-color: #ccc;
  padding: 1vh 1vw;
  text-align: center;
  /*bottom: 30vh;
  margin: auto;
  left: 0;
  right: 0;

  position: absolute;
  z-index: 3;*/
  margin: 0 auto 2vh  auto;
  -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;*/
}



.plus_prog{
  position: absolute;
  top:50%;
  width: 30vw;
  z-index: 999999999999999999999;
  pointer-events: none;
  opacity: 0;
  display: none;
  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%;
  filter: brightness(0.5);
  transition: all 0.2s ease-in-out;
}

.box_plus:hover{
  filter: brightness(1);
  background-size: 110%;
}

.box_utensili{
  background-image: url(/images/utensili.jpg);
}

.box_network{
  background-image: url(/images/network.jpg);
}


.box_progettazione{
  background-image: url(/images/progettazione26.jpg);
  padding: 6vh 0;

}

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

}

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


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

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




.button_area h2{
  text-transform: uppercase;
  color: #333;
  font-size: 150%;
  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: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /* margin: auto; */
  width: 100%;
  z-index: 99;
  text-align: center;
  height: 13%;
}

.logo_slogan h1{
  color: #222;
  margin: 0;
  font-size: 150%;
  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: 18vh;
    padding: 4vh 0 7vh 0;
    text-align: center;
    background-color: #fff;
    clip-path: polygon(0 0%, 100% 0, 100% 100%, 0 80%);
  }

  .logo_hp{
    height: 8vw;
  }

/*homepage interna desk*/

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

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

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

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


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





.hp_ap{
  width: 100%;
  height: 70vh;
}

.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: 96%;
  margin: 0 auto;
  height: 100%;
  color: #fff;
  padding-top: 15vh;
  text-align: center;
}

.bg_network .content_hp_ap{
  padding-top: 15vh;
  width: 100%;
  background-color: rgba(0,0,0,0.3);
}

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

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

.content_hp_ap h3{
  font-weight: 400;
  font-size: 140%;
  font-style: italic;
  margin: 1vh auto 0 auto;
  width: 86%;
}

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

.bg_network h2{
  color: #fff;
}

.bg_network h3{
  color: #fff;
}

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



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


.content_txt_hp_ap div{
  width: 100%;
  text-align: center;
  padding: 7vh 0;
}

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

.img_txt{
  height: 25vw;
  display: none;
  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: 92%;
  font-size: 120%;
  margin: 0 auto;
  color: #222;
  font-weight: lighter;
  /* padding: 0 0 0 2vw; */
  position: relative;
}
.round_costruzione{
  width: 100% !important;
}
.round_costruzione p{
  /* width: 100%; */
}

.round_costruzione h1{
  width: 100%;
  /* padding: 0 0 0 2vw; */
  font-size: 250%;
  margin-bottom: 2vh;
}

.all100 p{
  margin: 0 auto;
}

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

.sec_mission_hp{
  position: relative;
  /* overflow: hidden; */
}

.mission_hp{margin-top: 28vh;z-index: 999 !important;clip-path: polygon(0 0, 100% 10%, 100% 90%, 0 100%);background-color: #e5e5ff;width: 100%;padding: 12vh 0 7vh 0;overflow: hidden;}




.mission_img_big{
  width: 90%;
  height: 32vh;
  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: 90%;
  height: 35vh;
  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: 80vw !important;
  height: 80vw !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;
  display: none;
  height: 25vw !important;
  border-radius: 50%;
  background-image: url(/images/costruzione/img_costruzione.jpg);
  background-color: #fff;
  background-size: 75%;
  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: 12vh 0 7vh 0;margin-top: -5%;z-index: -1;}


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

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

.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: 100%;
  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;
  border-bottom: 1px solid #ccc;
}
.content_case_urensili{
  width: 100%;
  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: 30vh;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center center;
  -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); */
}

.content_case h2{
  text-transform: uppercase;
  font-size: 183%;
  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;
  margin:1vh 0 3vh 0;
}



.content_case_urensili h2{
  text-transform: uppercase;
  font-size: 150%;
  color: #222;
  font-weight: 500;
  margin-top: 1vh;
  -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_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: 39vh;
  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: 23vh !important;
}

.bg_network{
  background:url(/images/back_network.jpg);
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: right center;
  height: 40vh;
}  

.bg_profile{
  background:url(/images/profile/back_profile1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  height: 60vh;
  background-position: right center !important;
}



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


.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% 6%, 100% 100%, 0 100%);
  background-color: #e5e5ff;
  margin-top: -10vh;
  width: 100%;
  overflow: hidden;
}

.content_prodotti{
  width: 90%;
  margin: 0 auto;
  text-align: center;
  padding: 7vh 0 10vh 0;
}

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

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

.partner{
  width: 100%;
  position: relative;
  height: 102vh;
  /* 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: 100%;
  height: 58vh;
  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: 100%;
  height: 58vh;
  background-image: url(https://www.essetierre.com/images/rigibore_sfondo.jpg);
  background-position: right center;
  clip-path: polygon(0% 0, 100% 8%, 100% 100%, 0% 100%);
  right: 0;
  top: 50%;
  left: 0;
  margin: 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: 90%;
  position: relative;
  height: 100%;
  margin: 0 auto;
}

.content_round_marchi2{width: 90%;position: relative;height: 100%;/* float: right; */margin: 0 auto;}


.round_marchi {
  width: 75vw !important;
  height: 75vw !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;
}



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

.round_mcelroy img{
height:4.5vh;
}

.round_mcelroy h2 {
  text-transform: uppercase;
  font-size: 140%;
  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: 80%;
  cursor: pointer;
  font-size: 180%;
}





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




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


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



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

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






.elenco_prodotti{
  width: 100%;
  padding: 1vh 0;
  font-size: 114%;
  color: #555;
  margin: 0 auto;
  text-align: left;
}

.elenco_prodotti div{
  width: 50%;
  margin-bottom: 0.5vh;
}

.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: 300%;
    color: #222;
    font-weight: 500;
    margin-bottom: 2vh;
    text-align: center;
  }


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

  .content_marchi a{
    width: 100%;
    margin: 0 auto 4vh 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: 180%;
  font-weight: 500;
  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: 9vh 0 14vh 0;
  background-image: url(/images/back_novacore2.jpg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: auto 100%;
  clip-path: polygon(0 0, 100% 0%, 100% 91%, 0 100%);
}

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

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

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

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

.txt_novacore{
  width: 100%;
  /* padding-top: 1%; */
  }



  .txt_novacore h1 {
    margin: 0 0 3vh 0;
    font-size: 300% !important;
    font-weight: 600 !important;
    color: #199653;
    text-align: center;
  }
  
  .txt_novacore p{
    font-size: 130%;
    color: #222;
    margin-bottom: 2vh;
  }




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

.marchi26 h1{
  font-size: 250%;
  margin:0 auto;
  font-weight:600;
}

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

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

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

.txt_box_marchi26 h2 {
  margin: 0 0 0 0 !important;
  /* padding: 0 0 0 1vw !important; */
  font-size: 250% !important;
  font-weight: 500 !important;
  text-transform: uppercase;
  text-align: center !important;
  /* border-bottom: 0.5vw solid #171694 !important; */
}


.box_img_marchi26{
  width: 100%;
}


.img_marchi26{
  width: 50%;
  height: 12vh;
  background-position: center center;
  background-size: 90%;
  background-repeat: no-repeat;
  background-color: #fff;
}


.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;
  overflow: hidden;
}



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

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



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

.cont_promo div{
  width: 100%;
  text-align: center;
  font-size: 125%;
  margin-bottom: 3vh;
}


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

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

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


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

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



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

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

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

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

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



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



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

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


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


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



  .nachi{
    padding: 8vh 0;
  }
  
  .nachi .content_txt_network img{
    width: 60%;
    text-align: center;
  }
  



.content_txt_network{
  width: 94%;
  margin: 0 auto;
  text-align: center;
}


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



.box_block_flyer{
  width: 85vw;
  height: 85vw;
  border-radius: 100%;
  /* border: 1px solid #666; */
  margin: 0 auto;
  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: 176%;
  width: 100%;
  text-align: center;
  font-weight: 200;
  color: #666;
}




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

.box_block_flyer img{
  height: 50vw;
  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: 204%;
  color: #171694;
  font-weight: 600;
  margin-bottom: 1vh;
}
.nachi .content_txt_network h1{
  font-size: 176%;

}


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

.nachi .content_txt_network h1{
  font-size: 150%;

}

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







  .mb_trading{
    width: 100%;
    padding: 8vh 0 8vh 0;
    background-color: #e0ecf5;
  }
  
  .content_mb_trading{
    width: 94%;
    margin: 0 auto;
    text-align: center;
  }
  
  
  
  .txt_trading{
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }
  
  .download_flyer_trading{
    width: 90%;
    margin: 0 auto;
    text-align: center;
  }
  
  
  .txt_trading h1{
    font-size: 204%;
    color: #171694;
    font-weight: 600;
    margin-bottom: 1vh;
  }
  
  
  .txt_trading h2{
    font-size: 176%;
    color: #222;
    font-weight: 500;
    margin-bottom: 3vh;
    font-style: italic;
  }
  
  
    .txt_trading p{
      font-size: 140%;
      color: #222;
      margin-bottom: 2vh;
    
    }
  
  
  
  
  
  .box_block_flyer_trading{
    width: 85vw;
    height: 85vw;
    border-radius: 100%;
    /* border: 1px solid #666; */
    margin: 0 auto;
    transition: all 0.35s ease-out;
    background-color: #ededed;
    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: 176%;
    width: 100%;
    text-align: center;
    font-weight: 200;
    color: #666;
  }
  
  
  
  
  .box_block_flyer_trading:hover p{
    color: #171694;
  }
  
  .box_block_flyer_trading img{
    height: 50vw;
    display: block;
    margin: 0 auto;
    transition: all 0.3s ease;
  }
  
  .box_block_flyer_trading:hover img{
    transform:scale(1.1);
  }
  
  

  

  .all_network{
    width: 100%;
    padding: 10vh 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: 80%;
    margin: 0 auto;
    text-align: center;
  }
  



  .content_all_network h1{
    font-size: 220%;
    color: #F7D603;
    font-weight: 600;
    margin-bottom: 1vh;
  }
  
   
  
    .content_all_network p{
      font-size: 128%;
      color: #fff;
      margin:0 auto;
    }
    



    .brand-area{
      padding: 10vh 0;
    }
    
    .brand-area h2{
      font-size: 250%;
      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: 140%;
      font-style: italic;
    }
    



/*form scheda*/

.form_info{
    width: 100%;
    background-color: #eeeefb;
    padding: 5vh 0;
    font-size: 140% !important;
    position: relative;
}


    #form_info h2{
    font-size: 178%;
    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: 92%;
      margin: 0 auto 0 auto;
      padding:1vh 0;
    }



    .cont-form{
        width: 100%;
        /* font-size:150%; */
    }




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

.box_about{
  width: 80vw;
  height: 80vw;
  background-color: #fff;
  border-radius: 100%;
  margin: 0 auto 2vh auto;
}

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

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






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

.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{
  width: 100%;
  /* flex:1; */
  background-size: cover;
  height: 23vh;
  background-position:center;
  background-repeat: no-repeat;
}

.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;
  width: 100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

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


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

.block-text h2{
  color:#171694;
  margin-bottom: 6vh;
  font-size: 243%;
  width: 90%;
  font-weight: 500;
  margin: 0 auto 3vh auto;
}

.block-text p{
  margin: 0 auto 1.6vh auto;
  line-height:1.5;
  font-size: 130%;
  width: 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: 6vh 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: 90%;
  margin: 0 auto;
  font-size: 140%;
}

.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: 60vw;
  height: 60vw;
  border-radius: 100%;
  border: 1px solid #666;
  margin: 0 auto 2vh auto;
  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: 140%;
  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;
  width: 74%;
  margin: 0 auto;
}

.contatto {
  position: relative;
  padding-left: 4vw;
  margin-bottom: 5vh;
}

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

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

.nome {
  font-size: 130%;
  color: #222;
  margin: 0vh 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: 2vh 2vw;
  font-size: 100%;
  text-align: center;
  color: #333;
}

.txtmaps img{
  height: 5.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: 10vh 2vw 7vh 2vw;
  width: 90vw !important;
  margin: 0 auto;
  background-color: #ebebff;
  border-radius: 100%;
  position: relative;
  height: 90vw !important;
  }

      .form_promo .box_48{
        width: 48%;
      }

      .form_promo .box_100{
        width: 100%;
      }

      .btn-invia {
        display: block;
        margin: 0vh auto 0 auto;
        width: 45%;
        background-color: #171694;
        color: #fff;
        border: none;
        padding: 1.5vh 1vw;
        font-size: 90%;
        text-align: center;
        cursor: pointer;
        text-transform: lowercase;
        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: 2vh 1vw;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: 0 auto;width: 80%;text-align: center;}

/* 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;
}