.no_mobile{
  display: none !important;
  }
  
  body{
    font-size: 3.5vw;
  }
  
  .hide{
    display: none !important;
  }
  
  .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;
    
  }
  
  /*animazione titoli*/
  
  .anispa{
    opacity: 0;
  }
  
  .animate_h1 span{
      width: 100%;
    /*  float: left;*/
        -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;
    }
  .animate_h1 span{
    /*animation-delay: 0.6s;*/
    -webkit-animation-fill-mode: forwards;
  }
  @keyframes titleAnimation {
      0% {
        transform: translateY(-50px);
        opacity: 0;
        -webkit-clip-path: polygon(0% 50%, 100% 100%, 100% 100%,0% 100%);
        clip-path: polygon(0% 50%, 100% 100%, 100% 100%,0% 100%);
        /*
        -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 80%);
        clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 80%);
            */
    }
    100% {
        transform: translateY(0);
        opacity: 1;
            /*
        -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 15%);
        clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 15%);
            */
        -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%,0% 100%);
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%,0% 100%);
    }
  }
  
  
  
  
  .animate_h1 p{
  transition: all 0.5s linear;
  opacity:0;
  }
  
  .animate_h1 .visible p{
  opacity:1 ;
  }
  
  
  header{
    width: 100vw;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    transition: all 0.2s linear;
  }
  
  .shrink{
    background-color: rgba(13,64,103,0.8);
    transition: all 0.2s linear;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
  }
  
  .banner{
    position: absolute;
    display: none;
    top:0; right:0; bottom:0; left:0; margin: 0 auto;
    width: 90vw;
    height: 38vh;
    background-color: #fff;
    z-index: 9999999999;
    padding: 20px 20px 20px 20px;
    text-align: center;
  }
  .banner img{
  width: 100%;
  }
  
  .lang{
    padding:0 0 1vh 1.2vw;
       }
  
  .lang a{
    width: 40% !important;
    text-align: center;
    border: 1px solid #fff;
    padding: 0.5vh 0 !important;
  }
  
            .lang .select_img{
                height: 2vh;
                margin:0 1vw;
         cursor: auto;
            }
  
        .lang .ita{
                height: 2vh;
                margin:0 1vw 0 0 !important;
         cursor: auto;
            }
  
       .lang .lang_img{
           height: 2vh;
           margin-right: 0;
           /*cursor: pointer;*/
           filter: gray; /* IE6-9 */
   -webkit-filter: grayscale(1) brightness(2); /* Google Chrome, Safari 6+ & Opera 15+ */
   filter: grayscale(1) brightness(2); /* Microsoft Edge and Firefox 35+ */
       }
  
            .lang .lang_img:hover{
               -webkit-filter: grayscale(0) brightness(0);
                 filter: none;
           cursor: pointer;
           }
  
  
    .content_logo{
      width: 50%;
    }
  
  
    .logo_shrink{
      width: 78%;
      background-color: #fff;
      clip-path: polygon(0 0, 75% 0, 100% 100%, 0% 100%);
      text-align: center;
      padding: 1vh 3vw 1vh 0;
    }
  
  .logo_shrink img{
    height: 10vh;
  }
  
  
  .shrink  .logo_shrink{
    width: 66%;
  
  }
  
  
  .shrink .logo_shrink img{
    height: 7vh;
  }
  
  .txt_header h1{
  font-size: 110%;
  color: #fff;
  font-weight: 500;
  }
  
  .shrink .txt_header h1{
    font-size: 90%;
    
  }
  
  
  .menu{
    width: 42%;
    text-align: right;
  }
  
  
  .shrink .menu a{
    font-size: 90%;
  }
  
  .menu a{
    font-size: 100%;
    color: #fff;
    padding: 0 1vw;
    position: relative;
    text-decoration: none;
    position: relative;
    z-index: 1;
    text-align: center;
    text-transform: capitalize;
  }
  
    .link_menu{
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right, #00DD00, #00DD00 50%, #fff 50%);
    background-size: 200% 100%;
    background-position: -100%;
    transition: all 0.3s ease-in-out;
  }
  .link_men::before {
    display: block;
    content: "";
    width: 0;
    height: 1px;
    bottom: 5px;
    left: 18%;
    bottom: -3px;
    margin: auto;
    z-index: 0;
    position: absolute;
    background: #00DD00;
    transition: all 0.3s ease-in-out;
  }
  .link_menu:hover {
    background-position: 0%;
  }
  .link_menu:hover::before {
    width: 62%;
  }
  
  .ita_lang{
    margin-left: 2vw;
    margin-right:0.5vw;
  }
  
  .lang{
    /*! border: 1px solid #fff; */
    width: 100%;
    margin-left: 0;
  }
  
  
  .lang a:hover{
    border: 1px solid #00DD00;
    color: #00DD00 !important;
    background-color: transparent !important;
  
  }
  
  .select_lang{
  
    border: 1px solid #00DD00 !important;
    color: #00DD00 !important;
    pointer-events: none;
  }
  
  
  
  .back_intro {
      position: absolute;
      z-index: 999;
      top: 0;
      height: 100%;
      background: #0B1320;
      display: flex;
      justify-content: center;
      align-items: center;
      pointer-events: none;
    }
  
    .left {
      width: 50%;
      left: 0;
      }
  
    .right {
      width: 50%;
      right: 0 !important;
      }
  
      .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;
    width: 0;
        }
    }
  
    @keyframes right {
      0%{
        opacity: 1;
      }
      100% {
        opacity: 1;
        width: 0;
      }
    }
  
  
  .intro{
      width: 100%;
      height: 100vh;
      position: relative;
      /*overflow: hidden;*/
      overflow: hidden;
      background-color: #000;
  }
  
  .intro::after{
    content: '';
    width: 100%;
    height: 110vh;
    background-color: rgba(0,0,0,0.4);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
  
  .tit_intro{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
  width: 100%;
  height: 94%;
  }
  
  .tit_intro img{
  width: 50%;
  opacity: 0.8;
  transition: all 0.5s ease-out;
  
  }
  
  
  .video_home{
    width: auto;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 0;
  }
  
  
  #container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 5%;
    left: 0;
    right: 0;
    z-index: 3;
    margin: auto;
    transition: transform 0.5s ease;
    opacity: 0;
  }
  
  .text-item {
    font-size: 100%;
    font-weight: 500;
    color: #fff;
    opacity: 0.5;
    margin: 0;
    padding: 0;
    transition: all 0.5s ease;
    line-height: 1.2;
    transform: scale(1);
    /*margin-bottom: 0.5vh;*/
  }
  
  
  
  
  
  .text-item.active {
    opacity: 1;
    transform: scale(5) !important;
    margin:4vh 0 5vh 0 !important;
    line-height: 1.5;
    color: #00DD00;
  }
  
  .text-item.active_small {
    opacity: 1;
    transform: scale(3) !important;
    margin:4vh 0 5vh 0 !important;
    line-height: 1.5;
  }
  
  
  .owl-carousel1{
      display: inline !important;
      position: absolute !important;
      width: 100vw  !important;
      height: 110vh !important;
      z-index: 1;
      overflow: hidden;
      top: -10vh;
  }
  
  
  
  .owl-carousel1 .item{
      width: 100vw;
      height: 110vh;
      background-repeat:no-repeat;
    background-size:cover;
    background-position:top center;
  }
  
  .txt_intro{
    width: 90%;
    height: 80%;
    margin: 0 auto;
    text-align: left;
  }
  
  .txt_intro h1{
        color: #fff;
        font-size: 400%;
        line-height: 1;
  }
  
  
  .txt_intro h2{
        color: #fff;
        font-size: 220%;
        font-style: italic;
        padding-top: 2vh;
        /*padding-right: 1vw;*/
  }
  
  
  /*
  .owl-carousel1{
  cursor:grab;
  }
  
  .owl-carousel1:active{
  cursor:grabbing;
  }
  */
  
  .anispan_testi_slide{
    width: 100%;        
  /*  float: left;*/    
      -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; 
  }
  
  .anip2{
  
  opacity: 0;
  }
  
  
  
  .anip{
  
      opacity: 0;
  }
  .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;
  }
  
  
  footer{
    background-color: #153E57;
    padding: 3vh 0;
  }
  
  .foot{
    font-size: 100%;
    width: 90%;
    margin: 0 auto;
    color: #fff;
    text-align: center;
  }
  
  .foot a{
    color: #ccc;
  }
  .foot a:hover{
    color: #3382af;
  }
  
  .foot img{
    height:9vh;
    display: block;
    margin:0 auto 1vh auto;
  }
  
  
  
  
  
  
  .location{
    width: 100%;
    margin: 0 auto;
    padding: 0 0 0 0;
    overflow: hidden;
  }
  
  #map{
    width: 100%;
    height: 80vh;
  }
  
  .txtmaps {
    padding: 20px 20px;
    font-size: 13px;
    text-align: center;
    color: #222;
  }
  
  .txtmaps img{
    height:4vh;margin-bottom:10px;
  }
  
  .txtmaps h2{
    font-weight:bold;font-size:150%;
  }
  
  
  .txtmaps p{
  line-height:1.5;
  font-size:100%;
  }
  
  
  
  
  
  /*form hp*/
  
  .form_info{
      width: 100%;
      background-color: #f5f5f5;
      padding: 5vh 0 10vh 0;
    position: relative;
  }
  
  
      #contact h2{
      margin: 4vh 0 2vh 0;
      padding: 0 0 0 0;
    font-size: 300%;
    color: #222;
    font-weight: 500;
      line-height: 1.2;
      text-align: center;
      }
  
  
    #form_info h2{
      margin: 4vh 0 2vh 0;
      padding: 0 0 0 0;
      font-size: 200%;
      color: #222;
      font-weight: 500;
      line-height: 1.2;
      text-align: center;
      }
    
  
  
  
  
      .container-contact-info {
        width: 80%;
          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:30vh;
      }
  
  
      .text-modulo h1{
        font-size: 200%;
          font-weight: 800;
        color: #222;
      }
  
      .text-modulo p{
          margin: 20px 0 30px 0;
  }
  
      .text-modulo a{
          color: #D2560E;
          text-decoration: none;
      }
      .text-modulo a:hover{
          color: #222;
          text-decoration: none;
      }
  
  
  
  
  
  
    .intest {
      width: 100%;
      margin: 0 auto 0 auto;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
      position: relative;
      overflow: hidden;
    }
  
    .back_invia_modulo {
      background-image: url(../images/slide/slide1.jpg);
    }
  
    .gradient-intest {
      background: linear-gradient(0deg, rgba(0,0,0,0.4) 20%,rgba(0,0,0,0.8) 100%);
      padding: 12vh 0 8vh 0;
      width: 100%;
    }
  
    .content_intest {
      text-align: center;
    }
  
  
  
  .breadcrumbs {
    padding: 0;
    text-align: center;
    width: 100%;
    margin-top: 1vh;
    color: #fff !important;
    font-size: 70%;
    font-weight: 500;
    text-transform: uppercase;
  }
  
  .breadcrumbs a {
    color: #fff;
    font-weight: 500;
    text-decoration: none;
  }
  
  
  .breadcrumbs a:hover{
  color:#00DBDB;
  text-decoration: none;
  }
  
  
  .intest h1 {
    position: relative;
    color: #fff;
    font-size: 320%;
    margin: 0 0 1vh 0;
  }
  
  
  
  .text-modulo {
    padding: 10vh 0;
    width: 70%;
    margin: 0 auto;
   text-align:center;
   min-height:30vh;
  }
  
  
  .text-modulo h1{
    font-size: 200%;
    font-weight: 800;
    color: #222;
  }
  
  .text-modulo p{
    margin: 20px 0 30px 0;
  }
  
  .text-modulo a{
    color: #d2560e;
    text-decoration: none;
  }
  .text-modulo a:hover{
    color: #222;
    text-decoration: none;
  }
  
  
  
  
  .txt_scheda h1{
  color: #d2560e;
  font-weight: 600;
  padding: 0 0 1vh 0;
  font-size: 200%;
  }
  
  .txt_scheda p{
  color: #222;
  font-size: 100%;
  }
  
  section{
    background-color: #fff;
  }
  
  
  .about_hp{
    width: 100%;
    padding: 10vh 0 18vh 0;
    background-color: #fff;
  }
  
  .bird_about{
    position: absolute;
    left: 8%;
    top: -20%;
    /*left: 20%;
    top: -4%;*/
    z-index: 99;
   
  }
  
  .content_txt_about{
    width: 90%;
    margin: 0 auto;
  }
  
  .about_h1{
    width: 100%;
    font-size: 500%;
    font-weight: 400;
    color: #000;
    text-align: center;
    padding: 0vh 0 3vh 0;
    opacity: 0;
  }
  
  .blue{
    color: #0D4067;
  }
  
  .txt_about{
  
    width: 100%;
    position: relative;
  }
  
  
  .content_parentesti{
    position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 72vh;
  right: 0;
  margin: auto;
  opacity: 0;
  display: none;
  
  }
  
  .parentesi_sx{
    position: absolute;
    left: 0%;
    top: 0;
    width: 30%;
    height: 72vh;
    z-index: 0;
    background-image: url(../images/parentesi_sx_mobile.svg);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: auto 100%;
    opacity: 0.5; /*0.5*/
  
  }
  
  .parentesi_dx{
    position: absolute;
    right: 0%;
    top: 0;
    width: 30%;
    height: 72vh;
    z-index: 0;
    background-image: url(../images/parentesi_dx_mobile.svg);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: auto 100%;
    opacity: 0.5;/*0.5*/
  }
  
  .content_p_stay_mob{
    opacity: 0;
  }
  
  .txt_about_p{
    font-size: 130%;
    line-height: 1.6;
    color: #222;
    padding: 2vh 4vw 2vh 4vw;
  }
  
  .stay_rad{
    width: 75%;
    margin: 0 auto;
    text-align: right;
  }
  
  .stay_rad img{
    height: 19vw;
  }
  
  .business_area{
    width: 100%;
    padding: 10vh 0;
  
    background-color: #f5f5f5;
  }
  
  .content_business_area{
    width: 90%;
  margin: 0 auto;
  
  }
  
  .business_area h1{
    font-size: 200%;
    font-weight: 500;
    color: #000;
    letter-spacing: 0.1vw;
    width: 100%;
    margin-bottom: 1vh;
  }
  
  .area{
    text-align: center;
    width: 50%;
  }
  
  .area h2{
    font-size: 120%;
    font-weight: 400;
    color: #000;
    margin-bottom: 3vh;
  }
  
  .area img{
    height: 13vh;
  }
  
  .partners{
    width: 100%;
    padding: 10vh 0 15vh 0;
  }
  
  .partners_map{
    width: 98%;
    margin: 8vh auto 0 auto;
    position: relative;
    text-align: center;
  }
  
  .partners_map img{
    width: 100%;
  }
  
  
  .linea_partners2 {
    width: 0%;
    height: 2px;
    background-color: #0D4067;
    position: absolute;
    top: 4.2%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: -1;
    display: none;
  }
  
  .content_partners{
    width: 100%;
    margin: 0 auto;
    position: relative;
  }
  
  .linea_partners{
    width: 0%;
    height: 2px;
    background-color:#0D4067;
    position: absolute;
    top: 6%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: -1;
    display: none;
  }
  
  .partners h1{
    font-size: 400%;
    font-weight: 500;
    color: #0D4067;
    letter-spacing: 0.1vw;
    padding: 0;
    background-color: #fff;
    text-align: center;
    width: 100%;
    margin: 0 auto 5vh auto;
  }
  
  .loghi_partners{
    width: 100%;
    margin: 0 auto;
  }
  
  .img_loghi_partners{
    width: 100%;
    margin-bottom: 2vh;
    text-align: center;
  }
  
  .img_loghi_partners img{
    height: 10vh;
  }
  
  
  .logo_box{
    width: 100%;
    height: 16vh;
    margin: 0 0vw 2vh 0vw;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 106%;
  }
  
  
  
  .products{
  width: 90%;
  margin: 0 auto 3vh auto;
  position: relative;
  }
  .content_products{
    width: 100%;
  background-image: url(../images/back_product.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  padding: 3vh 0 2vh 0;
  clip-path: polygon(15% 0, 100% 0, 100% 70%, 85% 100%, 0 100%, 0 30%);
  }
  
  
  .bird_procucts{
    position: absolute;
    left: -1%;
    top: -24%;
    z-index: 9999999;
    display: none;
  }
  
  .bird_procucts img{
    height: 28vw;
  }
  
  .txt_products{
  width: 80%;
  margin: 0 auto;
  color: #fff;
  text-align: center;
  }
  
  .txt_products h1{
    font-size: 400%;
    font-weight: 500;
    margin-bottom: 0.5vh;
    padding: 0;
  }
  
  .txt_products p{
    font-size: 90%;
    margin-bottom: 2vh;
    padding: 0;
    font-weight: 300;
    line-height: 1.6;
  }
  
  .txt_products a{
    display: block;
    font-weight: 500;
    width: 50%;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 2vw;
    padding: 0.5vh 0;
    color:#0E4169;
    text-decoration: none;
  }
  
  
  
  .txt_products a:hover{
    color: #fff;
    background-color:#0E4169;
    text-decoration: none;
  }
  
  
  .case_studies{
    width: 100%;
    margin: 0vh auto 0 auto;
    text-align: center;
  }
  
  .case_studies h1{
    font-size: 300%;
    color: #222;
    font-weight: 500;
    margin-bottom: 1vh;
  }
  
  .txt_case_studies{
    width: 100%;
    margin:0 auto 10vh auto;
  }
  
  .txt30{
    width: 90%;
    margin: 0 auto 2vh auto;
  }
  
  .txt30 h1{
    font-size: 250%;
    color: #000;
    font-style: italic;
    font-weight: 500;
    line-height: 1.4;
    text-align: center;
  }
  
  .txt30 h2{
    font-size: 200%;
    color: #222;
    font-weight: 500;
    text-align: center;
  }
  
  .txt70{
    width: 90%;
    margin: 0 auto;
  }
  
  .txt70 p{
    font-size: 120%;
    color: #333;
    font-weight: 400;
    text-align: justify;
    line-height: 1.6;
    padding: 0;
  }
  
  .owl_case_studies{
    width: 85% !important;
    margin: 0 auto;
    height:  34vh !important;
    position: relative !important;
  
  }
  
  .owl_case_studies .item{
  width: 100%  !important;
  text-align: center;
  }
  
  .owl_case_studies .img_item{
    width: 95%;
    height: 25vh  !important;
    margin: 0 auto;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  /*  border-radius: 1.5vw;*/
  }
  
  .owl_case_studies h2{
    font-size: 90%;
    color: #000;
    font-weight: 400;
    margin-top: 1vh;
  }
  
  
  
  .content_cat_products{
    width: 90%;
    margin: 0vh auto 10vh auto;
  }
  
  .box_products{
    width: 90%;
    margin: 0 auto 5vh auto;
    position: relative;
    text-align: center;
  }
  
  .box_products::after{
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 6%;
    background-color: #ccc;
    display: none;
  }
  
  .box_products:last-child:after{
  display: none;
  }
  
  
  .macrocat{
    font-size: 200%;
    color: #0E4268;
    font-weight: 600;
    margin-bottom: 0vh;
    padding-right: 0vw;
    margin-top: 1vh;
  }
  
  .box_products ul{
    padding: 0 0 0 0.6vw;list-style-type: square;margin: 0;
    font-size: 120%;color: #444;text-align: left;}
  
  .box_products li{
    line-height: 1.6;
    padding-right: 2.5vw;
  }
  
  .box_products li::marker {
    font-size: 100%;
    color: #0E4268;
  }
  
  .box_products img{
    /*! width: 100%; */
    margin: 0 auto;
    /*! aspect-ratio: 3: 2; */
    height: 24vh;
  }
  
  
  
  /*scheda*/
  
  
  
  .intest_scheda{
    width: 100%;
    margin: 0 auto 0 auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    overflow: hidden;
  }
  
  .titolo_intest_scheda{
    text-align: center;
    width: 90%;
  }
  
  .titolo_intest_scheda h1{
    color: #fff;
    padding: 0 0;
    margin: 1.5vh auto 1.5vh auto;
    line-height: 1;
    font-size: 350%;
  }
  
  .titolo_intest_scheda h2{
    color: #fff;
    padding: 0 0;
    margin: 2vh 0 0 0;
    line-height: 1;
    font-size: 120%;
  }
  
  
  .gradient-intest {
    background: linear-gradient(0deg, rgba(0,0,0,0.4) 20%,rgba(0,0,0,0.8) 100%);
        padding: 16vh 0 12vh 0;
        width: 100%;
    }
    
  
  .breadcrumbs {
    padding: 0;
    text-align: center;
    width: 100%;
    margin-top: 1vh;
    color: #fff !important;
    font-size: 120%;
    font-weight: 500;
    text-transform: uppercase;
  }
  
  .breadcrumbs a {
    color: #fff;
    font-weight: 500;
    text-decoration: none;
  }
  
  
  .breadcrumbs a:hover{
  color:#d2560e;
  text-decoration: none;
  }
  
  
  .prodotto{
    width: 75%;
    margin: 0 auto;
    padding: 8vh 0 7vh 0;
    position: relative;
    background-color: transparent;
  }
  
  
  .bird_prodotto{
    position: absolute;
    z-index: 0;
    top: -5%;
    left: -8%;
    width: 25vw;
    height: 100vh;
    background-image: url(../images/bird_rad.svg);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0;
  }
  
  .img_prodotto{
    width: 100%;
    text-align: center;
    cursor: pointer;
  }
  
  .img_prodotto img{
    width: 100%;
    aspect-ratio: 3:2;
  }
  
  .txt_prodotto{
    width: 100%;
    text-align: center;
    margin-top: 2vh;
  }
  
  .prodotto h2 {
    font-size: 120%;
    font-weight: 500;
    color: #024268;
  }
  
  .prodotto h1 {
    font-size: 250%;
    font-weight: 500;
    color: #000;
    margin-bottom: 3vh;
    line-height: 1.2;
  }
  
  .prodotto p{
    font-size: 100%;
  line-height: 1.6;
  color: #222;
  }
  
  
  .scheda_azienda,.scheda_azienda2{
    width: 90%;
    margin: 0 auto;
    padding: 2vh 0 8vh 0;
    position: relative;
  }
  
  .scheda_azienda::before{
    content: '';
    position: absolute;
    top: -3%;
    left: 0;
    margin: auto;
    width: 90%;
    height: 2px;
    background-color: #024268;
    right: 0;
  }
  
  .logo_azienda_scheda{
    width: 100%;
    text-align: center;
  }
  
  .logo_azienda_scheda img{
    height: 20vh;
  }
  
  .txt_azienda_scheda{
    width: 100%;
  
    text-align: center;
  }
  
  
  .lista_img{
    width: 100%;
    margin-top: 1vh;
  }
  
  .img_prodotto_small{
    width: 50%;
    height: 33vw;
    /*! margin-right:9px; */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    margin-bottom: 1.5vh;
  }
  
  .txt_azienda_scheda h1 {
    font-size: 200%;
    font-weight: 500;
    color: #000;
    margin-bottom: 1vh;
    
  }
  
  .txt_azienda_scheda p{
    font-size: 120%;
  line-height: 1.6;
  color: #222;
  
  }
  
  
  
    
    
  .more{
    display: block;
    width: 30%;
    padding: 1vh 0.2vw;
    color: #fff;
    font-size: 130%;
    background-color:#888;
    text-align: center;
    margin: 2vh auto;
  }
  
  .more:hover{
    background-color: #153E57;
    color: #fff;
  }
  
  
  .scheda_azienda2 .txt_azienda_scheda{
    width: 100vw !important;
    text-align: center;
  }
  
  
  .scheda_azienda2 .txt_azienda_scheda img{
    height: 20vh;
    display: block;
    margin:0 auto 1vh auto;
  }
  
  
  .scheda_azienda2 .txt_azienda_scheda h1 {
    font-size: 180%;
    font-weight: 500;
    color: #000;
    margin-bottom: 1vh;
  }
  
  .scheda_azienda2 .txt_azienda_scheda p{
    font-size: 120%;
  line-height: 1.6;
  color: #222;
  }
  
  
  
  .prodotti_azienda{
    width: 90%;
    margin: 1vw auto;
  }
  
  .prodotti{
    width: 76%;
    margin: 1vw auto;
    padding: 4vh 0 0vh 0;
  }
  
  .box_prodotti_azienda{
    width: 100%;
    margin:0 0.5vw 9vh 0.5vw;
    text-align: center;
    display: block;
  }
  
  .box_img_prodotto{
    width: 100%;
    height: 30vh;
    background-repeat: no-repeat;
    background-position: center center;
    /*background-size: auto 140%;*/
    background-size: auto 100%;
    /*background-size: contain;*/
  }
  
  .box_prodotti_azienda h1{
    color: #024268;
    font-weight: 500;
    padding: 0 0 !important;
    font-size: 180%;
    margin: 0;
    line-height: 1;
  }
  
  .prodotti .box_prodotti_azienda h1{
    margin-top: 0.5vh !important;
  }
  
  .box_prodotti_azienda h2{
    color: #444;
    font-weight: 500;
    padding: 0 0;
    font-size: 120%;
    margin-top: 0.5vh;
  }
  
  .doppia_cella{
    width: 100%;
    margin-top: 2vh;
  
    text-align: left;
    font-size: 120%;
    line-height: 1.6;
    color: #222;
  }


  .img_aggiuntiva_vem{
    width: 100%;
    margin-top: 2vh;
    display: none;
  }

  .img_aggiuntiva_vem img{
    width: 100%;
    height: auto !important;
  }
  

  .img_aggiuntiva_sjv{
    width: 100%;
    margin-top: 2vh;
    display: none;
  }
  
  .box_sjv{
    width: 100%;
  }
  
  
  .box_sjv img{
    width: 100%;
    display: block;
    height: 30vh !important;
    margin: 3vh auto 1vh auto !important;
  }
  


  /*
  .doppia_cella div{
    display: block;
    width: 48%;
    text-align: left;
    font-size: 95%;
    line-height: 1.6;
    color: #222;
  }*/
  
  
  .Astec{
    display: none !important;
  }