@font-face{
  font-family: "Flenya";
  src: url("/fonts/Flenja-Regular.otf");
  }
  
  
  body, html{
    margin:0;
    padding: 0;
    font-family: 'Montserrat', sans-serif;
  /*  height: 100%;*/
      line-height: 1.6;
  }
  
  * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  
  img{
    border: 0;
  }
  
  p{
    line-height: 2;
  }
  
  a{
    text-decoration: none;
  color: #222;
  }
  
  a:link, a:visited
  {text-decoration: none;
  font-weight:normal;
  outline:none;}
  
  a:hover, a:active
  {
  font-weight:normal;
  outline:none;color: #888;
  }
  
  h1,h2,h3{
      font-weight: 400;
      line-height: 1.1;
  }
  
  
  .flex-a{
    display:flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
  padding: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justif-content: space-around;
    -webkit-justify-content: space-around;
    align-items: center;
  }
  
  .flex-b{
    display:flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justif-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
  }
  
  
  .flex-b-stop{
    display:flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justif-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
  }
  
  
  
  .flex-b-start{
    display:flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justif-content: space-between;
    -webkit-justify-content: space-between;
    align-items: flex-start;
  }
  
  .flex-c{
    display:flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justif-content: center;
    -webkit-justify-content:center;
    align-items: center;
  }
  
  .flex-c-end{
    display:flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justif-content: flex-end;
    -webkit-justify-content:flex-end;
    align-items: flex-start;
  }
  
  .flex-c-start{
    display:flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justif-content: flex-end;
    -webkit-justify-content:center;
    align-items: flex-start;
  }
  
  
  .flex-c-block{
    display:flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    justif-content: center;
    -webkit-justify-content:center;
    align-items: center;
    text-align: center;
  }
  
  
  .icomenu{
    cursor:pointer;
    height: 24px;
    width: 24px;
  }
  
  .hidelogo{
    opacity: 0;
  }
  
  /*DESKTOP*/
  
  @media only screen and (min-width: 651px){
  
  
      .banner_bando{
        z-index: 9999;
        width: 30vw;
        padding: 1vh 0 1vh 0;
        /* position: absolute; */
        background-color: rgba(255,255,255,0.7);
        /*bottom: 12vh;
        left: 0;
        right: 0;
        margin: auto;*/
        text-align: center;
        cursor: pointer;
        margin-left: 3vw;
        margin-top: 1.8vh;
      }
  
      .banner_bando h2{
        font-size: 120% !important;
        color: #222 !important;
        font-weight: bold !important;
        text-transform: uppercase !important;
        margin: 0;
  line-height: 1 !important;
      }
  
      .banner_bando p{
        font-size: 79% !important;
        color: #222 !important;
        font-weight: bold !important;
        margin-bottom: 1vh;
        line-height: 1 !important;
      }
  
        .banner_bando img{
          display: block;
          width: 25vw !important;
          margin: 0 auto 0 auto;
        }
  
  
      .banner_bando a{
    font-size: 1em;
      color:#2590CF;
      text-decoration: none;
      font-weight: 400;
    }
  
    .banner_bando a:hover{
      color:#222;
      text-decoration: none;
    }
  
  
    .txt_bando{
      padding: 10vh 0;
      background-color: #fff;
      width: 60%;
      margin: 0 auto;
    }
  
    .txt_bando h1{
    margin: 0 auto 3vh auto;
    color: #222;
    font-size: 1.8em;
    font-weight: bold;
    }
  
  
  
    .txt_bando p{
    margin: 0 auto;
    color: #222;
    font-size: 0.9em;
    text-align: justify;
    font-weight: 400;
    }
  
  
    .txt_bando img{
      display: block;
      width: 100%;
      margin: 8vh auto 0 auto;
    }
  
  
    .intest_bando{
    width: 80%;
    margin: 0 auto;
    padding: 80px 0;
    text-align: center;
    }
  
  .intest_bando .tit_border{
    width: 75% !important;
  }
  
  
    .intest_bando h1{
      font-size:3.5em;
      color:#fff;
      text-transform: uppercase;
      font-family: 'Flenya', serif;
      margin: 0;
      padding: 0;
    }
  
  
  /*fine bando desk*/
  
  
  
  .cont-map{
    width: 100%;
  position: relative;
  }
  
  .text_map{
    position: absolute;
    z-index: 55;
    top:0;
    left:0;
    right: 0;
    margin: auto;
    text-align: center;
    color: #222;
    font-size: 1em;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 20px 0;
    width: 100%;
  }
  
  .text_map h1{
    color: #2374a1;
     text-transform: uppercase;
    font-size: 2em;
    padding: 0;
    margin: 0;
  }
  
  
   .breadcrumbs_worldwide{
    padding: 0;
    text-align: center;
    width: 100%;
    margin-bottom: 0;
    color:#555;
    font-size: 0.8em;
    font-weight: 500;
    text-transform: uppercase;
  
  }
   .breadcrumbs_worldwide a{
  color:#555 !important;
  font-weight: 500;
  text-decoration: none;
  
  }
  
  .breadcrumbs_worldwide a:hover{
  color:#2590CF !important;
  text-decoration: none;
  }
  
  
  
    .loghi{
      width: 60%;
      margin: 0 auto;
      padding: 80px 0;
      text-align: center;
      font-size: 0.8em;
      color: #222;
      font-style: italic;
    }
  
  
    .loghi_interno{
      width: 100%;
      border-top: 1px solid #dedede;
      margin: 20px auto 0 auto;
      padding: 50px 0;
      text-align: center;
      font-size: 0.8em;
      color: #222;
      font-style: italic;
    }
  
    .loghi_interno .flex-a{
      width: 70%;
      margin: 0 auto;
    }
  
  
    .brand_hp{
      height:120px;
    }
  
  .brand_hp_text{
    padding-top:25px;
  }
  
    /*tootip_scheda*/
  
    .punto span {
        z-index:50;display:none; padding: 10px;
        margin-top:-4px; margin-left:32px;
        line-height:16px;
        font-size: 0.8em;
        border-radius:2px;
  position:absolute;
  min-width:200px;
        color:#222;
        background-color:#dedede;
    }
    .punto:hover span{
        display:inline;
    }
  
    /*CSS3 extras*/
  
  
  
    .punto{
    position:absolute;
    transition: .2s;
    -webkit-transition: .2s;
  
    z-index:30;
    opacity: 0.5;
    filter: alpha(opacity=50);
    display:none;
    }
    .punto:hover{
    opacity: 1;
    filter: alpha(opacity=100);
    }
  
  
  
  
  
    .line_hp_mob{
      display: none;
    }
  
  .line_hp{
    position: absolute;
    top: 285px;
    left: 12px;
    color: #dedede;
    z-index: 99999999999999999999999;
    /*width: 3px;*/
    /*height: 500px;*/
    /*border-left: 1px solid dashed;
    color: #fff;*/
  }
  
    .hp{
      width: 100%;
      /*height: 11vh;*/
      padding: 2% 0 0 0;
      background-color: #000;
      color: #fff;
      transition: 0.2s;
       -moz-transition: 0.2s;
       -webkit-transition: 0.2s;
       position: relative;
    }
  
    .interno{
      width: 100%;
      /*height: 11vh;*/
      padding: 20px 0;
      background-color: #fff;
      color: #fff;
      position: fixed;
      z-index: 888;
      transition: 0.2s;
       -moz-transition: 0.2s;
       -webkit-transition: 0.2s;
    }
  
  .shrink_interno{
    background-color: rgba(255,255,255,0.9);
    transition: 0.2s;
  -moz-transition: 0.2s;
  -webkit-transition: 0.2s;
  width: 100%;
  /*height: 11vh;*/
  padding: 20px 0;
  background-color: #fff;
  color: #fff;
  position: fixed;
  z-index: 888;
  }
  
  footer{
    background-color: #222;
    padding: 30px 0;
    text-align: center;
  }
  
  footer p{
    color: #fff;
  font-size:0.9em;
  }
  
  
  
  footer p a{
    color: #ededed;
  text-decoration: none;
  }
  
  footer p a:hover{
    color: #fff;
  text-decoration: underline;
  }
  
    footer img:first-child {
      margin-right: 20px !important;
  }
  footer img {
      height: 30px;
  }
  
  
  
    .head{
      width:70%;margin:0 auto;
      transition: 0.2s;
       -moz-transition: 0.2s;
       -webkit-transition: 0.2s;
    }
  
  
    .shrink{
      width: 100%;
      /*height: 11vh;*/
      padding: 20px 0;
      background-color: rgba(255,255,255,0.9);
      color: #fff;
      position: fixed;
      z-index: 999999999999999999999999999999;
      transition: 0.2s;
   -moz-transition: 0.2s;
   -webkit-transition: 0.2s;
    }
  
    .shrink .logo2{
      width:15vh;
    }
  
  
  
    .intest{
      width: 60%;
      margin: 0 auto;
      padding:10px 0 0 0;
    }
  
  
    .logo{
      width:25vh;
      margin-top: 20px;
    }
  
    .logo2{
      width:15vh;
    }
  
    .hp .logo2{
      width:20vh;
    }
  
  
    .intest p{
    font-size: 0.58vw;
    font-weight: 400;
    line-height: 1.5;
  }
  
    .intest p a{
      font-weight: 400;
    font-size: 0.58vw;
    text-decoration: none;
    color: #555;
    }
  
    .intest p a:hover{
    text-decoration: none;
    color: #2374a1;
    }
  
    .content-hp{
      width: 100%;
      height: 100%;
      background: url(/images/back_content_hp.jpg) no-repeat;
      background-size: cover;
      background-position: bottom center;
    }
  
    .content-hp-video{
      width: 100%;
      /*height: 100%;*/
      position: absolute;
      z-index: 999;
      top:100px;
    }
  
    .video_hp{
      width: 100%;
      height:100vh;
      margin:0;
      padding: 0;
      position: relative;
    /*position: fixed;
    bottom: 0;
    left: 0;*/
    background-color: #000;
      z-index: 1;
      overflow: hidden;
    }
  
    .video_hp video{
      width: 100%;
    /*  height:100%;*/
    position: absolute;
      z-index: 2;
      bottom:0;
    }
  
  
    .content-hp-text{
      width: 70%;
      margin: 0 auto;
      padding-top: 13vh;
    }
  
    .content-hp-text h1{
    /*  font-family: "BodoniCond", serif;*/
      font-family: 'Flenya', serif;
      margin: -10px 0 10px 0;
      padding: 0;
      font-size: 8em;
      color: #fff;
      font-weight: 400;
      text-transform: uppercase;
    }
  
  
    .content-hp-text h2{
      margin: 0;
      padding: 0;
      font-size: 16px;
      color: #fff;
      font-weight: normal;
      text-transform: uppercase;
    }
  
  
    .content-hp-text h3{
      margin: 0 0 100px 0;
      padding: 0;
      font-size: 18px;
      color: #fff;
      font-weight: 400;
      text-transform: uppercase;
    }
  
    .content-hp-text p{
      font-size: 11px;
      font-weight: 400;
      line-height: 2;
      color: #fff;
    }
  
      .content-hp-text p a{
        font-weight: 400;
      font-size: 11px;
      text-decoration: none;
      color: #2374a1;
      }
  
      .content-hp-text p a:hover{
      text-decoration: none;
      color: #fff;
      }
  
  .mission{
    min-height: 60vh;
    width: 100%;
    background-color: #ececec;
    background-image: url(/images/maniglia.png);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: cover;
  }
  
  .div_maniglia{
  
    width: 52%;
  min-height: 60vh;
  
  }
  
  .text_mission{
    color: #222;
    width: 48%;
    padding: 0 20px 10px 20px;
  
  }
  
  .text_mission h1{
    font-size: 5em;
    color:#2590CF;
    text-transform: uppercase;
    font-family: 'Flenya', serif;
    margin: 0;
  padding: 0;
  }
  
  .text_mission p{
    font-size: 0.8em;
    color:#222;
    text-align: justify;
    width: 80%;
  }
  
  .text_mission a{
    font-size: 1em;
      color:#2590CF;
      text-decoration: none;
      font-weight: 400;
  }
  
  .text_mission a:hover{
      color:#222;
      text-decoration: none;
  }
  
  
  
  .history_hp{
  
    width: 100%;
    background-image: url(/images/history.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;}
  
  .story_text_hp{
  width: 60%;
  margin: 0 auto;
  padding: 120px 0 50px 0;
  text-align: center;
  }
  
  .story_text_hp h1{
    font-size: 8em;
    color:#fff;
    text-transform: uppercase;
    font-family: 'Flenya', serif;
    margin: 0;
    padding: 0;
    font-weight: 400;
  }
  
  
  .story_text_hp h2{
    font-size: 1.1em;
    color:#fff;
    text-transform: uppercase;
    font-weight: 400;
    margin:0 0 0 0;
    padding: 0;
  }
  
  .story_text_hp p{
    width: 60%;
    margin: 20px auto;
    font-size: 0.8em;
    color: #fff;
    text-align: justify;
    font-weight: 400;
  }
  
  
  .more_history{
  background-color: #2590CF;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin: 0 auto;
  width: 150px;
  padding: 62px 0;
  text-align: center;
  -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
  }
  
  .more_history:hover{
  
  background-color: #ececec;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin: 0 auto;
  width: 150px;
  padding: 62px 0;
  text-align: center;
  cursor: pointer;
  }
  
  .more_history:hover a{
    color:#2590CF;
    font-size: 1em;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 400;
  }
  
  
  .more_history a{
        color:#fff;
        font-size: 1em;
        text-transform: uppercase;
        text-decoration: none;
        font-weight: 400;
  }
  
  .more_history a:hover{
      color:#2590CF;
      text-decoration: none;
  }
  
  .tit_category, .tit_category_ita{
    width: 100%;
    /*background-color:#2590CF;*/
    text-align: center;
    padding: 50px 0 40px 0;
    position: relative;
  
  }
  
  .tit_category h1{
      font-family: 'Flenya', serif;
      color: #2590CF;
      font-weight: 400;
      text-transform: uppercase;
      font-size: 5em;
      margin: 0;
      padding: 0;
      background-color: #fff;
      width: 220px;
      margin: 0 auto;
  }
  
  .tit_category_ita h1{
      font-family: 'Flenya', serif;
      color: #2590CF;
      font-weight: 400;
      text-transform: uppercase;
      font-size: 5em;
      margin: 0;
      padding: 0;
      background-color: #fff;
      width: 300px;
      margin: 0 auto;
  }
  
  
  .vline{
    position: absolute;
  /* Style to taste */
  top: 0px;
  left: 0;
  right: 0;
  bottom: 0;
  margin:auto;
  border-bottom: solid 1px #2590CF;
  width: 73%;
  height: 20px;
  z-index: -5;
  }
  
  .vline::after{
    content: "|";
    color:#2590CF;
    font-size: 1em;
    right: -3px;
    top:6px;
    position: absolute;
  }
  
  .vline::before{
    content: "|";
    color:#2590CF;
    font-size: 1em;
    left: -3px;
    top:6px;
    position: absolute;}
  
  .prefooter{
    width: 100%;
    background:url(/images/sfondo_prefooter.jpg) no-repeat center center;
    background-size: cover;
    padding: 120px 0;
    cursor: pointer;
  opacity: 1;
  -webkit-transition: opacity .2s, -webkit-transform .2s;
  transition: opacity .2s, transform .2s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  
  }
  
    .prefooter:hover{
      opacity: 0.9;
  
  }
  
  
  .prefooter h1{
    color:#fff;
        font-family: 'Flenya', serif;
        font-weight: 400;
    font-size: 6em;
    padding-left: 20px;
    text-transform: uppercase;
  
  }
  
  .category_hp{
    width: 100%;
    background-color:#fff;
    padding: 0 0 50px 0;
  }
  
  .category_hp_div{
    width: 80%;
    margin: 0 auto;
  }
  
  .category_hp_div .item{
    /*border: 1px solid #2590CF;*/
    width: 30%;
    margin: 0 15px 15px 0;
    overflow: hidden;
    position: relative;
    height:340px;
    cursor: pointer;
  /*  background-color: rgba(0, 0, 0, 0.3);*/
  
  }
  .category_hp_div .item:hover{
  /*background-color: rgba(0, 0, 0, 0.5);*/
  }
  
  
  .cat_img{
    max-width: none;height:305px;
    -webkit-transition: opacity .2s, -webkit-transform .2s;
    transition: opacity .2s, transform .2s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
  
  }
  
  
  .cat_img:hover{
    opacity: 0.6;
      -webkit-transform: scale3d(1.05,1.05,1);
      transform: scale3d(1.05,1.05,1);
  }
  
  
  
  
  .category_hp_div .item:hover h2{
    background-color:#ececec;
    color: #2590CF;
  
  }
  
  
  .category_hp_div h2{
    background-color:#888;
    color: #fff;
    padding: 10px;
    margin: 0;
    text-align: center;
    position: absolute;
    bottom:0;
    z-index: 4;
    width: 100%;
    font-weight: 400;
    font-size: 1em;
    text-transform: uppercase;
    -moz-transition: all .2s ease-in;
      -o-transition: all .2s ease-in;
      -webkit-transition: all .2s ease-in;
      transition: all .2s ease-in;
  }
  
  
  .catalogo_sec1{
    width: 100%;
  
  }
  
  
  
  .catalogo_sec1_text{
  width: 80%;
  margin: 0 auto;
  padding: 80px 0;
  text-align: center;
  }
  
  .catalogo_sec1_text h1{
    font-size:5em;
    color:#fff;
    text-transform: uppercase;
    font-family: 'Flenya', serif;
    margin: 0;
    padding: 0;
  }
  
  
  .catalogo_sec1_text h2{
    font-size: 3em;
    color:#fff;
    text-transform: uppercase;
    font-family: 'Flenya', serif;
    margin: 0;
    padding: 0;
  }
  
  .catalogo_sec1_text p{
    width: 70%;
    margin: 20px auto;
    font-size: 0.8em;
    color: #fff;
    text-align: justify;
    font-weight: 400;
    columns: 2;
    column-gap: 20px;
  }
  
   .breadcrumbs{
    padding: 0;
    text-align: center;
    width: 100%;
    margin-bottom: 0;
    color:#dedede;
    font-size: 0.8em;
    font-weight: 500;
    text-transform: uppercase;
  
  }
   .breadcrumbs a{
  color:#dedede;
  font-weight: 500;
  text-decoration: none;
  
  }
  
  .breadcrumbs a:hover{
  color:#2590CF;
  text-decoration: none;
  }
  
  
  .catalogue{
    width: 100%;
    background-color:#fff;
    padding: 60px 0;
  }
  
  .catalogue_div{
    width: 80%;
    margin: 0 auto;
  }
  
  .catalogue_div .item{
  /*  border: 1px solid #2590CF;*/
    width: 30%;
    margin: 0 15px 15px 0;
    overflow: hidden;
    position: relative;
    height:340px;
  }
  .catalogue_div .item:hover{
  /*background-color: rgba(0, 0, 0, 0.5);*/
  }
  
  
  .catalogue_div .item:hover h2{
    background-color:#ececec;
    color: #2590CF;
  }
  
  
  .catalogue_div h2{
    background-color:#888;
    color: #fff;
    padding: 10px;
    margin: 0;
    text-align: center;
    position: absolute;
    bottom:0;
    z-index: 4;
    width: 100%;
    font-weight: 400;
    font-size: 1em;
    text-transform: uppercase;
    -moz-transition: all .2s ease-in;
      -o-transition: all .2s ease-in;
      -webkit-transition: all .2s ease-in;
      transition: all .2s ease-in;
  }
  
    /*catalogue news instagram desk*/
  
  .catalogue_news{
    width: 49%;
    background-color:#fff;
    padding: 0 0;
  }
  
  
  
  .catalogue_news .item{
  /*  border: 1px solid #2590CF;*/
    width: 90%;
    margin: 0 0 15px 0;
    overflow: hidden;
    position: relative;
    height:340px;
  }
  .catalogue_news .item:hover{
  /*background-color: rgba(0, 0, 0, 0.5);*/
  }
  
  
  .catalogue_news .item:hover h2{
    background-color:#ececec;
    color: #2590CF;
  }
  
  
  .catalogue_news h2{
    background-color:#888;
    color: #fff;
    padding: 10px;
    margin: 0;
    text-align: center;
    position: absolute;
    bottom:0;
    z-index: 4;
    width: 100%;
    font-weight: 400;
    font-size: 1em;
    text-transform: uppercase;
    -moz-transition: all .2s ease-in;
      -o-transition: all .2s ease-in;
      -webkit-transition: all .2s ease-in;
      transition: all .2s ease-in;
  }
  
  
  .content_news_page {
      width: 70%;
      margin: 40px auto;
      text-align: center;
  }
  
  
  .content_news_page .insta{
    border: 1px solid #dedede;
  }
  
  .keep_page {
      text-align: center;
      width: 100%;
      background-color: #ededed;
      padding: 20px 0;
    margin-top: 30px;
  }
    .keeph1 {
      font-size: 200%;
      font-weight: 600;
      padding-bottom: 5px;
      color: #2590CF;
      margin: 0 auto;
          margin-bottom: 0px;
      margin-bottom: 30px;
      position: relative;
  }
  
  .keep_page a{
    color: #2590CF;
    text-decoration: none;
  }
  
  .keep_page a:hover{
    color: #222;
    text-decoration: none;
  }
  
    .keep_page img:first-child {
      margin-right: 20px !important;
  }
  .keep_page img {
      height: 40px;
  }
  
  
  .cont_linkedin{
    width: 49%;
    text-align: center;
  }
  
  
  
  .cat_sistemi_mov{
    width: 80%;
    margin: 0 auto;
  }
  
  .cat_sistemi_mov .item{
  /*  border: 1px solid #2590CF;*/
    width: 30%;
    margin: 0 15px 15px 0;
    overflow: hidden;
    position: relative;
    height:340px;
  }
  .cat_sistemi_mov .item:hover{
  /*background-color: rgba(0, 0, 0, 0.5);*/
  }
  
  
  .cat_sistemi_mov .item:hover h2{
    background-color:#ececec;
    color: #2590CF;
  }
  
  
  .cat_sistemi_mov h2{
    background-color:#888;
    color: #fff;
    padding: 10px;
    margin: 0;
    text-align: center;
    position: absolute;
    bottom:0;
    z-index: 4;
    width: 100%;
    font-weight: 400;
    font-size: 0.9em;
    text-transform: uppercase;
    -moz-transition: all .2s ease-in;
      -o-transition: all .2s ease-in;
      -webkit-transition: all .2s ease-in;
      transition: all .2s ease-in;
  }
  
  
  
  
  
  .mission_sec1{
    width: 100%;
    background-image: url(/images/maniglia.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 120px 0;
    text-align: center;
  
  }
  
  .mission_sec1 h1{
    font-size: 5em;
    color:#fff;
    text-transform: uppercase;
    font-family: 'Flenya', serif;
    margin: 0 auto 12px auto;
    padding: 0;
    text-align: center;
    width: 100%;
  }
  
  
  
  .mission_sec1 h2{
    font-size: 1em;
    color:#fff;
    margin: 0 auto;
    padding: 0;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
  }
  
  .tit_border{
    padding: 30px;
    border: 1px solid #fff;
    text-align: center;
    width: 50%;
    margin: 0 auto;
  }
  
  .mission_sec_white{
    padding: 50px 0;
    background-color: #fff;
    width: 100%;
  }
  
  
  .mission_sec_white p{
  width: 60%;
  margin: 0 auto;
  color: #222;
  font-size: 0.9em;
  text-align: justify;
  font-weight: 400;
  }
  
  
  .mission_sec2{
    width: 100%;
    background-image: url(/images/mission_back1.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 120px 0;
  
  }
  
  .mission_sec2 p{
    width: 60%;
    margin: 0 auto;
    color:#fff;
    font-size: 0.9em;
    text-align: justify;
    font-weight: 400;
  }
  
  
  .img_mission{
  width: 100%;
  margin: 0 auto 0 auto;
  }
  
  .img_mission img{
  width: 33.3%;
  }
  
  .wfdoors{
    width: 95%;
    margin: 0 auto;
    padding: 120px 0;
    text-align: center;
  }
  
  .wfdoors h1{
    font-size: 6em;
    color:#fff;
    text-transform: uppercase;
    font-family: 'Flenya', serif;
    margin: 0 auto;
    font-weight: normal;
    padding: 10px 0;
    text-align: center;
  }
  
  .product{
  /*  min-height: 60vh;*/
    width:100%;
  }
  
  .img_scheda{
  width:40%;/*height:60vh;*/
  overflow: hidden;
  }
  
  .img_scheda_sistemi_moviment{
  width:100%;/*height:60vh;*/
  overflow: hidden;
  }
  
  
  .img_scheda div{
  width:90%;
  margin-top: 22px;
  height:30vw;
  cursor:pointer;
  -webkit-transition: opacity .2s, -webkit-transform .2s;
  transition: opacity .2s, transform .2s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
    border:1px solid transparent;
  }
  
  
    .montaviv_scafo{
      display: none;
    }
    .montaviv_scafo div{
      height: 80vh !important;
    }
  
  .corner{
    opacity: 0;
  }
  
  .img_scheda div:hover .corner{
    opacity: 1;
  }
  
  
  #img_news{
    height:18vw;
  }
  
  
  .text_scheda{
    width:60%;
  }
  
  .text_scheda h1{
    font-size: 1.2em;
    color: #222;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  .text_scheda p{
    font-size: 0.7em;
    color: #222;
    font-weight: 400;
  }
  
  .text_scheda ul{
    font-size: 0.7em;
    color: #222;
    font-weight: 400;
  }
  
  .text_scheda_sistemi_moviment{
    width:100%;
  }
  
  .text_scheda_sistemi_moviment h1{
    font-size: 1.2em;
    color: #222;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  .text_scheda_sistemi_moviment p{
    font-size: 0.7em;
    color: #222;
    font-weight: 400;
  }
  
  .text_scheda_sistemi_moviment ul{
    font-size: 0.7em;
    color: #222;
    font-weight: 400;
  }
  
  .scheda_news{
  padding:80px 60px 80px 40px;
  
  }
  
  .history{
    width: 100%;
    background-image: url(/images/history_interno.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 80px 0;
    text-align: center;
  
  }
  
  
  
  .hauling{
    width: 100%;
    background-image: url(/images/hauling.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 80px 0;
    text-align: center;
  }
  
    .cont-stainless{
      position: relative;
      width: 100%;
      height:70vh;
    }
  
    .owl_mob{
      display: none;
    }
  
  .owl-carousel{
    width: 100%;
    position: absolute;
    z-index: 0;
  }
  
  .txt-owl{
  position: fixed;
  z-index: 88;
  width: 40%;
  left: 10vw;
  text-align: left;
  top: 22vh;
  
  }
  
  
  
  .txt-owl h1{
    font-size: 5.4em;
    color:#222;
    text-transform: uppercase;
    font-family: 'Flenya', serif;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    width: 100%;
  
  }
  
  
  .txt-owl  p{
  width: 100%;
  margin:  0 auto;
  padding: 10px 0;
  color: #222;
  font-size: 1em;
  line-height: 1.8;
  text-align: justify;
  font-weight: 400;
  }
  
  
  
  .item{
    margin:0;
    width: 100%;
  
  }
  
  
  .img-slide{
    width: 100%;
  height:70vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
  }
  
  
  
  
  .stainless1{
    width: 100%;
    background-image: url(/images/back_stainless1.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding:8px 0 0 0;
    text-align: left;
    height: 100vh;
    position: relative;
  
  }
  
  
  .stainless{
    width: 100%;
    background-image: url(/images/back_stainless.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    padding:80px 0 0 0;
    text-align: left;
    height: 100vh;
  
  }
  
  
  
  
  .stainless1 .stain_space{
    width: 50%;
    min-height:40vh;
  }
  
  .stainless .stain_space{
    width: 50%;
    min-height:60vh;
  }
  
  .stain_text{
    width: 45%;
    padding-left: 40px;
  }
  
  
  .history h1{
    font-size: 8em;
    color:#fff;
    text-transform: uppercase;
    font-family: 'Flenya', serif;
    margin: 0 auto 0 auto;
    padding: 0;
    text-align: center;
    width: 100%;
  }
  
  
  
  .history h2{
    font-size: 1em;
    color:#fff;
    margin: 0 auto;
    padding: 0;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
  }
  
  .history  p{
  width: 50%;
  margin:  20px auto;
  color: #fff;
  font-size: 0.9em;
  text-align: justify;
  font-weight: 400;
  columns: 2;
  column-gap: 20px;
  }
  
  
  
  
  
  .hauling h1{
    font-size: 5em;
    color:#fff;
    text-transform: uppercase;
    font-family: 'Flenya', serif;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 100%;
  }
  
  
  .hauling  p{
  width: 50%;
  margin:  20px auto;
  color: #fff;
  font-size: 0.9em;
  text-align: center;
  font-weight: 400;
  /*columns: 2;
  column-gap: 20px;*/
  }
  
  .hauling a{
  color: #fff;
  font-weight: 400;
  text-decoration: none;
  }
  
  .hauling a:hover{
  color: #ededed;
  font-weight: 400;
  text-decoration: underline;
  }
  
  
  .stainless h1{
    font-size: 5.4em;
    color:#222;
    text-transform: uppercase;
    font-family: 'Flenya', serif;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    width: 100%;
  
  }
  
  
  .stainless  p{
  width: 100%;
  margin:  0 auto;
    padding: 30px;
  color: #222;
  font-size: 1.2em;
  line-height: 1.8;
  text-align: justify;
  font-weight: 400;
  }
  
  
  .stainless1 h1{
    font-size: 5.3em;
    color:#222;
    text-transform: uppercase;
    font-family: 'Flenya', serif;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    width: 100%;
  
  }
  
  
  .stainless1  p{
  width: 100%;
  margin:  20px auto;
  color: #222;
  font-size: 1.2em;
  text-align: justify;
  font-weight: 400;
  }
  
  
  
  .history_sec_white{
    padding: 50px 0;
    background-color: #fff;
    width: 100%;
    min-height: 60vh;
  }
  
  
  .history_sec_white p{
  width: 60%;
  margin: 0 auto 20px auto;
  color: #222;
  font-size: 0.9em;
  text-align: justify;
  font-weight: 400;
  /*columns: 2;
  column-gap: 10px;*/
  }
  
  .product{
    width: 70%;
    margin: 0 auto;
    padding-top: 20px;
  }
  
  .stainless{
    width: 100%;
    margin: 0 auto;
    padding-top: 20px;
  }
  
  .stainless1{
    width: 100%;
    margin: 0 auto;
    padding-top: 20px;
  }
  
  .img_scheda_sistemi_moviment div{
  width:100%;
  margin-top: 22px;
  height:55vh;
  cursor:pointer;
  -webkit-transition: opacity .2s, -webkit-transform .2s;
  transition: opacity .2s, transform .2s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
    border:1px solid transparent;
  }
  
  .bread_scheda{
    width: 100%;
    position: relative;
    text-transform: uppercase;
    font-size: 0.8em;
    margin: 10px 0 0 0;
    padding:5px 0;
   /*  background-color: #fff; */
    color: #2590CF;
    border-bottom: 1px solid #2590CF;
    font-weight: 400;
  }
  
  .bread_scheda a{
    color: #2590CF;
    font-weight: 400;
  }
  
  .bread_scheda a:hover{
    color: #222;
    font-weight: 400;
    text-decoration: none;
  }
  
  .fire_water img{
    height: 60px;
  }
  
  .fire_water{
    padding:0 0 8px 0;
  }
  
  .chart{
    padding:12px;
    margin-bottom: 20px;
    font-size: 0.8em;
    width: 100%;
    border: 1px solid #dedede;
  }
  
  .chart div{
    padding: 2px;
  }
  
  .grey{
    background-color: #ededed;
  }
  
  
  .grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
    margin: 0;
    padding: 8px;
  }
  
  .grid > span {
    margin: 0;
      padding: 12px;
  }
  
  .scheda_img_piccole
  {position:relative;
    display:block;
  width: 100%;
  margin-top: 30px;
  overflow: hidden;
  }
  
  .scheda_img_piccole li
  {list-style-type:none;
  display:inline;
  cursor:pointer;
  vertical-align:middle;
  margin-right:6px;
  position: relative;height: 150px;
  }
  
  .scheda_img_piccole li img
  {
    width:auto;
    height:150px;
    margin: 0 auto;
    /*border: 1px solid #dedede;*/
    -webkit-transition: opacity .2s, -webkit-transform .2s;
    transition: opacity .2s, transform .2s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    }
  
    .corner_small{
      opacity: 0;
      height: 156px;
      margin-top: -10px;
      margin-left: -2px;
      margin-right: 2px;
    }
  
    .scheda_img_piccole li:hover .corner_small{
      opacity: 1;
      }
  
  
    .more_scheda{
      padding: 20px 50px;
      font-size: 0.8em;
      font-weight: 400;
      text-align: center;
      background-color: #222;
      color: #fff;
      text-decoration: none;
      transition: 0.2s;
   -moz-transition: 0.2s;
   -webkit-transition: 0.2s;
    }
  
    .more_scheda:hover{
      padding: 20px 50px;
      text-align: center;
      background-color: #dedede;
      color: #222;
      text-decoration: none;
      transition: 0.2s;
   -moz-transition: 0.2s;
   -webkit-transition: 0.2s;
    }
  
  
    #form_info
    {position:relative;
    display:block;
    width: 100%;
    color: #555;
    margin: 40px 0;
    overflow:hidden;
  
    }
  
  
    #form_info h1
    {
    font-size: 2em;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 0px;
    text-align:center;
    }
  
  
    #form_info_scheda
    {position:relative;
    display:none;
    background-color: #f5f5f5;
    width: 100%;
    color: #555;
    margin: 40px auto;
    overflow:hidden;
  
    }
  
  
    #form_info_scheda h1
    {
    font-size: 2em;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 0px;
    text-align:center;
    }
  
  
    #contenuto_form
    {position:relative;
      /*display:none;*/
    width: 80%;
    margin: 20px auto;
    }
  
    #show_info{
    cursor: pointer;
    }
  
    #info
    {margin-top: 15px;
    display: none;
    background-color: #ededed;
    padding: 5px;
    font-size: 0.8em;
    }
  
    .send
    {position:relative;
    display:block;
    width: 200px;
  
    margin: 15px auto;
  
    text-align:center;}
  
    .send button
    {margin-left: 30px;
  
    padding: 20px;
    outline: none;
    border: none;
    background: #BDBDBD;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    }
  
  
    input, textarea{ display: block;font-size: 1.5em; border-top:#CCCCCC solid thin; border-bottom:#CCCCCC solid thin; border-right:#CCCCCC solid thin; border-left:#CCCCCC solid thin;color: #333333}
  
    .rightdesk{
    padding-right:20px;
    }
  
    .leftdesk{
    padding-left:20px;
    }
  
    .text{width:53%;text-align:center;margin:20px auto;}
  
    .cont-info{width:53%;text-align:center;margin:20px auto 0 auto;}
  
  .mobile{
    display: none;
  }
  
  
  
  /* PHOTOGALLERY HP DESK */
  
    .photogallery_hp{
      width:100%;height:100vh;background:url(/images/render_home.jpg) no-repeat center center;background-size:cover;position:relative;
    }
  
  
  
  img.img_info{
  height:20vh;
  width:auto;
  margin-left:50%;
     -webkit-transform: translate(-50%,0%);
     -moz-transform: translate(-50%,0%);
     -ms-transform: translate(-50%,0%);
     -o-transform: translate(-50%, 0%);
     transform: translate(-50%,0%);
  }
  
  
      .claim_photogallery{
  
  margin-left:50%;
     -webkit-transform: translate(-50%,0%);
     -moz-transform: translate(-50%,0%);
     -ms-transform: translate(-50%,0%);
     -o-transform: translate(-50%, 0%);
     transform: translate(-50%,0%);
  text-align:center;
  margin-top:20vh;
    position:absolute;
  
      }
  
  
  
  .icon-scroll span {
    animation-delay: .2s;
  }
   .icon-scroll {
          position: absolute;
          bottom: 10vh;
          left: 50%;
          width: 100px;
          height: 6.205em;
          /*transform: translateX(-50%) scale(2);*/
          z-index: 99999;
          text-align: center;
        }
  
  
  .icon-scroll2 span {
    animation-delay: .2s;
  }
   .icon-scroll2 {
          position: absolute;
          bottom: 10vh;
          left: 50%;
          width: 100px;
          height: 6.205em;
          /*transform: translateX(-50%) scale(2);*/
          z-index: 777;
          text-align: center;
        }
  
  .arrow
  {
      position: absolute;
      top: 0;
      left: -2px;
      height: 50px;
      width: 2px;
     /*  background: #fff; silvia 06.07.20 per nascondere la linea verticale*/
      animation: animate 1.3s ease infinite;
  }
  .arrow:before {
      content: '';
      position: absolute;
      bottom: 0;
      left: -5px;
      width: 10px;
      height: 10px;
      border-bottom: 2px solid #fff;
      border-right: 2px solid #fff;
      transform: rotate(45deg);
  }
  
  
  .arrow_grey
  {
      position: absolute;
      top: 0;
      left: -2px;
      height: 50px;
      width: 2px;
     /*  background: #fff; silvia 06.07.20 per nascondere la linea verticale*/
      animation: animate 1.3s ease infinite;
  }
  .arrow_grey:before {
      content: '';
      position: absolute;
      bottom: 0;
      left: -5px;
      width: 10px;
      height: 10px;
      border-bottom: 2px solid #888;
      border-right: 2px solid #888;
      transform: rotate(45deg);
  }
  
  
  .photogallery_hp a.punto::after{
  
  content: '';
      position: absolute;
      bottom: -2px;
      left: -2px;
      width: 30px;
      height: 30px;
      border-radius:50%;
      border: 2px solid #2590CF;
      animation-name: pulsar ;
      animation-duration: 1s;
      animation-iteration-count: infinite;
  
  }
  @keyframes pulsar {
    0%   {bottom: -2px;
      left: -2px;
      width: 30px;
      height: 30px;
    opacity:1;
    }
    50%  {
  bottom: -12px;
      left: -12px;
      width: 50px;
      height: 50px;
    opacity:0;
    }
    100% {
  bottom: -12px;
      left: -12px;
      width: 50px;
      height: 50px;
    opacity:0;
  
  
    }
  
  }
  
  
  
  
  
  }
  
  
  
  /*MOBILE*/
  
  @media screen and (max-width: 650px) { /*max-device-width importante per la visualizzazione landscape*/
    /*bando mobile*/
  
    .banner_bando{
      z-index: 9999;
      width: 80vw;
      padding: 1vh 0.5vw;
      /*position: absolute;*/
      background-color: rgba(255,255,255,0.7);
    /*  bottom: 3vh;
      left: 0;
      right: 0;
      margin: auto;*/
      text-align: center;
      cursor: pointer;
      margin-top: 3vh;
    }
  
    .banner_bando h2{
      font-size: 120% !important;
      color: #222 !important;
      font-weight: bold !important;
      text-transform: uppercase !important;
      margin: 0;
  line-height: 1 !important;
    }
  
    .banner_bando p{
      font-size: 90% !important;
      color: #222 !important;
      font-weight: bold !important;
      margin-bottom: 1vh;
      line-height: 1 !important;
    }
  
      .banner_bando img{
        display: block;
        width: 70vw !important;
        margin: 0 auto 0 auto;
      }
  
      .banner_bando a{
    font-size: 1em;
      color:#2590CF;
      text-decoration: none;
      font-weight: 400;
    }
  
    .banner_bando a:hover{
      color:#222;
      text-decoration: none;
    }
  
  
    .txt_bando{
      padding: 10vh 0;
      background-color: #fff;
      width: 90%;
      margin: 0 auto;
    }
  
    .txt_bando h1{
    margin: 0 auto 3vh auto;
    color: #222;
    font-size: 1.8em;
    font-weight: bold;
    }
  
  
  
    .txt_bando p{
    margin: 0 auto;
    color: #222;
    font-size: 0.9em;
    text-align: justify;
    font-weight: 400;
    }
  
  
    .txt_bando img{
      display: block;
      width: 80vw;
      margin: 5vh auto 0 auto;
    }
  
  
  
  
  
  
  
      .intest_bando{
      width: 90%;
      margin: 0 auto;
      padding: 80px 0;
      text-align: center;
      }
  
      .intest_bando h1{
        font-size:2.5em;
        color:#fff;
        text-transform: uppercase;
        font-family: 'Flenya', serif;
        margin: 0;
        padding: 0;
      }
  
  
  
  /*fine bando mobile*/
  
  
  
  
  #no_zoom_mob{
    pointer-events: none;
      cursor: default;
  }
      .loghi{
        width: 90%;
        margin: 0 auto;
        padding: 50px 0;
        text-align: center;
        font-size: 0.8em;
        color: #222;
        font-style: italic;
      }
  
  
          .montaviv_scafo{
                  display: none;
          }
  
  
  
  
  
  .cont-map{
    width: 100%;
  position: relative;
  }
  
  .text_map{
    position: absolute;
    z-index: 55;
    top:0;
    left:0;
    right: 0;
    margin: auto;
    text-align: center;
    color: #222;
    font-size: 1em;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 10px 0;
    width: 100%;
  }
  
  .text_map h1{
    color: #2374a1;
    text-transform: uppercase;
    font-size: 3vh;
  
  }
  
  
   .breadcrumbs_worldwide{
    padding: 0;
    text-align: center;
    width: 100%;
    margin-bottom: 0;
    color:#555;
    font-size: 0.8em;
    font-weight: 500;
    text-transform: uppercase;
  
  }
   .breadcrumbs_worldwide a{
  color:#555;
  font-weight: 500;
  text-decoration: none;
  
  }
  
  .breadcrumbs_worldwide a:hover{
  color:#2590CF;
  text-decoration: none;
  }
  
  
  
  
      .loghi_interno{
        width: 90%;
        border-top: 1px solid #dedede;
        margin: 0 auto;
        padding: 50px 0;
        text-align: center;
        font-size: 0.8em;
        color: #222;
        font-style: italic;
      }
  
      .brand_hp{
        width: 100%;
      }
  
  .altri_brand{
    width: 100vw;
  }
  
  
    .corner{
      display: none;
    }
  
  .corner_small{
    display: none;
  }
  
  .img_scheda_sistemi_moviment{
  width:100%;/*height:60vh;*/
  overflow: hidden;
  }
  
  
  
  .img_scheda_sistemi_moviment div{
  width:100%;
  margin-top: 22px;
  height:35vh;
  cursor:pointer;
  -webkit-transition: opacity .2s, -webkit-transform .2s;
  transition: opacity .2s, transform .2s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
    border:1px solid transparent;
  }
    #form_info
    {position:relative;
    display:block;
    width: 90%;
    color: #555;
    margin: 40px auto;
    overflow:hidden;
  
    }
  
  
    #form_info h1
    {
    font-size: 2em;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 0px;
    text-align:center;
    }
  
  
    #form_info_scheda
    {position:relative;
    display:none;
    background-color: #f5f5f5;
    width: 100%;
    color: #555;
    margin: 40px auto;
    overflow:hidden;
  
    }
  
  
    #form_info_scheda h1
    {
    font-size: 2em;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 0px;
    text-align:center;
    }
  
  
    #contenuto_form
    {position:relative;
      /*display:none;*/
    width: 80%;
    margin: 20px auto;
    }
  
    #show_info{
    cursor: pointer;
    }
  
    #info
    {margin-top: 15px;
    display: none;
    background-color: #ededed;
    padding: 5px;
    font-size: 0.8em;
    }
  
    .send
    {position:relative;
    display:block;
    width: 200px;
  
    margin: 15px auto;
  
    text-align:center;}
  
    .send button
    {margin-left: 30px;
  
    padding: 20px;
    outline: none;
    border: none;
    background: #BDBDBD;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    }
  
  
    input, textarea{ width:95%;display: block;font-size: 0.8em; border-top:#CCCCCC solid thin; border-bottom:#CCCCCC solid thin; border-right:#CCCCCC solid thin; border-left:#CCCCCC solid thin;color: #333333}
  
  
    .text{width:90%;text-align:center;margin:20px auto;}
  
    .cont-info{width:90%;text-align:center;margin:20px auto 0 auto;}
  
  
  .desk{
    display: none;
  }
  
  
  .line_hp{
    display: none;
  }
  .line_hp_mob{
    position: absolute;
    top:140px;
    left: 0;
    color: #dedede;
    z-index: 99999999999999999999999;
    /*width: 3px;*/
    /*height: 500px;*/
    /*border-left: 1px solid dashed;
    color: #fff;*/
  }
  
      .hp{
        width: 100%;
        /*height: 11vh;*/
        padding: 2% 0 0 0;
        background-color: #000;
        color: #fff;
      }
  
      .interno{
        width: 100%;
        /*height: 11vh;*/
        padding: 20px 0;
        background-color: rgba(255,255,255,.9);
        color: #fff;
        position: fixed;
        z-index: 888;
      }
  
    footer{
      background-color: #222;
      padding: 10px 0;
      text-align: center;
    }
  
    footer p{
      color: #fff !important;
    font-size:0.7em !important;
    }
  
  
  
    footer a{
      color: #ededed !important;
    text-decoration: none;
    }
  
    footer a:hover{
      color: #fff !important;
    text-decoration: underline;
    }
  
      footer img:first-child {
      margin-right: 20px !important;
  }
  footer img {
      height: 30px;
  }
  
  
  
      .head{
        width:85%;margin:0 auto;
        padding-top: 10px;
      }
  
      .intest{
        width: 60%;
        margin: 0 auto;
        padding:10px 0 0 0;
      }
  
  
      .logo{
        width:30vh;
        margin-top: 20px;
      }
  
      .logo2{
        width:15vh;
      }
  
      .intest p{
      font-size: 0.58vw;
      font-weight: 400;
      line-height: 1.5;
    }
  
      .intest p a{
        font-weight: 400;
      font-size: 0.58vw;
      text-decoration: none;
      color: #555;
      }
  
      .intest p a:hover{
      text-decoration: none;
      color: #2374a1;
      }
  
      .content-hp{
        width: 100%;
        height: 100%;
        background: url(/images/back_content_hp.jpg) no-repeat;
        background-size: cover;
        background-position: bottom center;
      }
  
      .content-hp-video{
        width: 100%;
        /*height: 100%;*/
        position: absolute;
        z-index: 999;
        top:120px;
      }
  
      .video_hp{
        width: 100%;
        height:78vh;
        margin:0;
        padding: 0;
        position: relative;
      /*position: fixed;
      bottom: 0;
      left: 0;*/
      background-color: #000;
        z-index: 1;
        overflow: hidden;
      }
  
      .video_hp video{
        width: 100%;
      /*  height:100%;*/
      position: absolute;
        z-index: 2;
        bottom:0;
      }
  
  
      .content-hp-text{
        width: 80%;
        margin: 0 auto;
        padding-top: 8vh;
      }
  
      .content-hp-text h1{
      /*  font-family: "BodoniCond", serif;*/
        font-family: 'Flenya', serif;
        margin: 0 0;
        padding: 0;
        line-height: 1.2;
        font-size: 15vw;
        color: #fff;
        font-weight: 400;
        text-transform: uppercase;
      }
  
  
      .content-hp-text h2{
        margin: 0;
        padding: 0;
        font-size: 3.2vw;
        color: #fff;
        font-weight: 400;
        text-transform: uppercase;
      }
  
  
      .content-hp-text h3{
        margin: 0 0 100px 0;
        padding: 0;
        font-size: 2.5vw;
        color: #fff;
        font-weight: 400;
        text-transform: uppercase;
      }
  
      .content-hp-text p{
        font-size: 11px;
        font-weight: 400;
        line-height: 2;
        color: #fff;
      }
  
        .content-hp-text p a{
          font-weight: 400;
        font-size: 11px;
        text-decoration: none;
        color: #2374a1;
        }
  
        .content-hp-text p a:hover{
        text-decoration: none;
        color: #fff;
        }
  
    .mission{
      min-height: 60vh;
      width: 100%;
      background-color: #ececec;
      background-image: url(/images/maniglia_mob.png);
      background-repeat: no-repeat;
      background-position: top center;
      background-size: cover;
    }
  
    .div_maniglia{
  display: none;
  
    }
  
    .text_mission{
      color: #222;
      width: 90%;
      margin: 20px auto;
      padding: 10px;
      background-color: rgba(255, 255, 255, 0.8);
  
    }
  
    .text_mission h1{
      font-size: 3em;
      color:#2590CF;
      text-transform: uppercase;
      font-family: 'Flenya', serif;
      margin-bottom: 0;
  
    }
  
    .text_mission p{
      font-size: 0.8em;
      color:#222;
      text-align: justify;
      width: 100%;
    }
  
    .text_mission a{
      font-size: 1em;
        color:#2590CF;
        text-decoration: none;
        font-weight: 400;
    }
  
    .text_mission a:hover{
        color:#222;
        text-decoration: none;
    }
  
  
  
    .history_hp{
  
      width: 100%;
      background-image: url(/images/history_mob.jpg);
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
    background-color: #000;}
  
    .story_text_hp{
    width: 90%;
    margin: 0 auto;
    padding: 50px 0;
    text-align: center;
    }
  
    .story_text_hp h1{
      font-size: 4em;
      color:#fff;
      text-transform: uppercase;
      font-family: 'Flenya', serif;
      margin: 0;
      padding: 0;
    }
  
  
    .story_text_hp h2{
      font-size: 1em;
      color:#fff;
      text-transform: uppercase;
      margin: 0;
      padding: 0;
    }
  
    .story_text_hp p{
      width: 80%;
      margin: 20px auto;
      font-size: 0.8em;
      color: #fff;
      text-align: justify;
      font-weight: 400;
    }
  
  
    .more_history{
    background-color: #2590CF;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 0 auto;
    width: 150px;
    padding: 62px 0;
    text-align: center;
    -moz-transition: all .2s ease-in;
      -o-transition: all .2s ease-in;
      -webkit-transition: all .2s ease-in;
      transition: all .2s ease-in;
    }
  
    .more_history:hover{
  
    background-color: #ececec;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 0 auto;
    width: 150px;
    padding: 62px 0;
    text-align: center;
    cursor: pointer;
    }
  
    .more_history:hover a{
      color:#2590CF;
      font-size: 1em;
      text-transform: uppercase;
      text-decoration: none;
      font-weight: 400;
    }
  
  
    .more_history a{
          color:#fff;
          font-size: 1em;
          text-transform: uppercase;
          text-decoration: none;
          font-weight: 400;
    }
  
    .more_history a:hover{
        color:#2590CF;
        text-decoration: none;
    }
  
    .tit_category, .tit_category_ita{
      width: 100%;
      /*background-color:#2590CF;*/
      text-align: center;
      padding: 50px 0 40px 0;
      position: relative;
  
    }
  
    .tit_category h1{
        font-family: 'Flenya', serif;
        color: #2590CF;
        font-weight: 400;
        text-transform: uppercase;
        font-size: 3em;
        margin: 0;
        padding: 0;
        background-color: #fff;
        width: 150px;
        margin: 0 auto;
    }
  
    .tit_category_ita h1{
        font-family: 'Flenya', serif;
        color: #2590CF;
        font-weight: 400;
        text-transform: uppercase;
        font-size: 3em;
        margin: 0;
        padding: 0;
        background-color: #fff;
        width: 300px;
        margin: 0 auto;
    }
  
    .vline{
      position: absolute;
    /* Style to taste */
    top: 60px;
    left: 0;
    border-bottom: solid 1px #2590CF;
    width: 100%;
    height: 20px;
    z-index: -5;
  
    }
  
  
    .prefooter{
      width: 100%;
      background:url(/images/sfondo_prefooter_mob.jpg) no-repeat center center;
      background-size: cover;
      padding: 80px 0;
      cursor: pointer;
    opacity: 1;
    -webkit-transition: opacity .2s, -webkit-transform .2s;
    transition: opacity .2s, transform .2s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
  
    }
  
      .prefooter:hover{
        opacity: 0.9;
  
    }
  
  
    .prefooter h1{
      color:#fff;
          font-family: 'Flenya', serif;
          font-weight: 400;
      font-size: 3em;
      padding-left: 20px;
      text-transform: uppercase;
  
    }
  
  
    .category_hp{
      width: 100%;
      background-color:#fff;
      padding: 0 0 30px 0;
    }
  
    .category_hp_div{
      width: 90%;
      margin: 0 auto;
    }
  
    .category_hp_div .item{
      /*border: 1px solid #2590CF;*/
      width: 100%;
      margin: 0 0 15px 0;
      overflow: hidden;
      position: relative;
      height:340px;
     cursor: pointer;
    /*  background-color: rgba(0, 0, 0, 0.3);*/
  
    }
    .category_hp_div .item:hover{
    /*background-color: rgba(0, 0, 0, 0.5);*/
    }
  
  
    .cat_img{
      max-width: none;height:300px;
      -webkit-transition: opacity .2s, -webkit-transform .2s;
      transition: opacity .2s, transform .2s;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      overflow: hidden;
  
    }
  
  
    .cat_img:hover{
      opacity: 0.6;
        -webkit-transform: scale3d(1.05,1.05,1);
        transform: scale3d(1.05,1.05,1);
    }
  
  
  
  
    .category_hp_div .item:hover h2{
      background-color:#ececec;
      color: #2590CF;
  
    }
  
  
    .category_hp_div h2{
      background-color:#2590CF;
      color: #fff;
      padding: 10px;
      margin: 0;
      text-align: center;
      position: absolute;
      bottom:0;
      z-index: 4;
      width: 100%;
      font-weight: 400;
      font-size: 0.8em;
      text-transform: uppercase;
      -moz-transition: all .2s ease-in;
        -o-transition: all .2s ease-in;
        -webkit-transition: all .2s ease-in;
        transition: all .2s ease-in;
    }
  
  
    .catalogo_sec1{
      width: 100%;
  }
  
  
  
    .catalogo_sec1_text{
    width: 90%;
    margin: 0 auto;
    padding: 80px 0;
    text-align: center;
    }
  
    .catalogo_sec1_text h1{
      font-size:2.5em;
      color:#fff;
      text-transform: uppercase;
      font-family: 'Flenya', serif;
      margin: 0;
      padding: 0;
    }
  
  
    .catalogo_sec1_text h2{
      font-size: 1.5em;
      color:#fff;
      text-transform: uppercase;
      font-family: 'Flenya', serif;
      margin: 0;
      padding: 0;
    }
  
    .catalogo_sec1_text p{
      width: 70%;
      margin: 20px auto;
      font-size: 0.8em;
      color: #fff;
      text-align: justify;
      font-weight: 400;
      columns: 2;
      column-gap: 20px;
    }
  
     .breadcrumbs{
      padding: 0;
      text-align: center;
      width: 100%;
      color:#dedede;
      font-size: 0.8em;
      font-weight: 500;
      text-transform: uppercase;
  
    }
     .breadcrumbs a{
    color:#dedede;
    font-weight: 500;
    text-decoration: none;
  
    }
  
    .breadcrumbs a:hover{
    color:#2590CF;
    text-decoration: none;
    }
  
  
    .catalogue{
      width: 100%;
      background-color:#fff;
      padding: 60px 0;
    }
  
    .catalogue_div{
      width: 90%;
      margin: 0 auto;
    }
  
    .catalogue_div .item{
    /*  border: 1px solid #2590CF;*/
      width: 100%;
      margin: 0 0 15px 0;
      overflow: hidden;
      position: relative;
      height:340px;
    }
    .catalogue_div .item:hover{
    /*background-color: rgba(0, 0, 0, 0.5);*/
    }
  
  
    .catalogue_div .item:hover h2{
      background-color:#ececec;
      color: #2590CF;
    }
  
  
    .catalogue_div h2{
      background-color:#2590CF;
      color: #fff;
      padding: 10px;
      margin: 0;
      text-align: center;
      position: absolute;
      bottom:0;
      z-index: 4;
      width: 100%;
      font-weight: 400;
      font-size: 0.8em;
      text-transform: uppercase;
      -moz-transition: all .2s ease-in;
        -o-transition: all .2s ease-in;
        -webkit-transition: all .2s ease-in;
        transition: all .2s ease-in;
    }
  
  
    /*catalogue news instagram mobile*/
  
  .catalogue_news{
    width: 100%;
    background-color:#fff;
    padding: 0 0;
  }
  
  
  
  .catalogue_news .item{
  /*  border: 1px solid #2590CF;*/
    width: 100%;
    margin: 0 0 15px 0;
    overflow: hidden;
    position: relative;
    height:340px;
  }
  .catalogue_news .item:hover{
  /*background-color: rgba(0, 0, 0, 0.5);*/
  }
  
  
  .catalogue_news .item:hover h2{
    background-color:#ececec;
    color: #2590CF;
  }
  
  
  .catalogue_news h2{
    background-color:#888;
    color: #fff;
    padding: 10px;
    margin: 0;
    text-align: center;
    position: absolute;
    bottom:0;
    z-index: 4;
    width: 100%;
    font-weight: 400;
    font-size: 0.8em;
    text-transform: uppercase;
    -moz-transition: all .2s ease-in;
      -o-transition: all .2s ease-in;
      -webkit-transition: all .2s ease-in;
      transition: all .2s ease-in;
  }
  
  
  content_news_page {
      width: 90%;
      margin: 40px auto;
      text-align: center;
  }
  
  
  .content_news_page .insta{
    border: 1px solid #dedede;
    margin-top: 40px;
  }
  
  .keep_page {
      text-align: center;
      width: 100%;
      background-color: #ededed;
      padding: 10px 0;
    margin: 40px 0;
  }
    .keeph1 {
      font-size: 200%;
      font-weight: 600;
      padding-bottom: 5px;
      color: #2590CF;
      margin: 0 auto;
          margin-bottom: 0px;
      margin-bottom: 30px;
      position: relative;
  }
  
  .keep_page a{
    color: #2590CF;
    text-decoration: none;
  }
  
  .keep_page a:hover{
    color: #222;
    text-decoration: none;
  }
  
  
    .keep_page img:first-child {
      margin-right: 20px !important;
  }
  .keep_page img {
      height: 40px;
  }
  
  
  
  .cont_linkedin{
    width: 100%;
    text-align: center;
  }
  
  
  
  
  
  
  
  
  
  
  
    .cat_sistemi_mov{
      width: 90%;
      margin: 0 auto;
    }
  
    .cat_sistemi_mov .item{
    /*  border: 1px solid #2590CF;*/
      width: 100%;
      margin: 0 0 15px 0;
      overflow: hidden;
      position: relative;
      height:340px;
    }
    .cat_sistemi_mov .item:hover{
    /*background-color: rgba(0, 0, 0, 0.5);*/
    }
  
  
    .cat_sistemi_mov .item:hover h2{
      background-color:#ececec;
      color: #2590CF;
    }
  
  
    .cat_sistemi_mov h2{
      background-color:#2590CF;
      color: #fff;
      padding: 10px;
      margin: 0;
      text-align: center;
      position: absolute;
      bottom:0;
      z-index: 4;
      width: 100%;
      font-weight: 400;
      font-size: 0.8em;
      text-transform: uppercase;
      -moz-transition: all .2s ease-in;
        -o-transition: all .2s ease-in;
        -webkit-transition: all .2s ease-in;
        transition: all .2s ease-in;
    }
  
    .mission_mob, .story_mob{
    width: 90%;
    margin: 0 auto;
    text-align: center;
    }
  
    .mission_sec1{
      width: 100%;
      background-image: url(/images/maniglia.jpg);
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      padding: 80px 0;
      text-align: center;
  
    }
  
    .mission_sec1 h1{
      font-size: 2.5em;
      color:#fff;
      text-transform: uppercase;
      font-family: 'Flenya', serif;
      margin: 0 auto;
      padding: 0;
      text-align: center;
      width: 100%;
    }
  
  
  
    .mission_sec1 h2{
      font-size: 0.8em;
      color:#fff;
      margin: 0 auto;
      padding: 0;
      text-transform: uppercase;
      text-align: center;
      width: 100%;
    }
  
    .tit_border{
      padding: 30px;
      border: 1px solid #fff;
      text-align: center;
      width: 80%;
      margin: 0 auto;
    }
  
    .mission_sec_white{
      padding: 50px 0;
      background-color: #fff;
      width: 100%;
    }
  
  
    .mission_sec_white p{
    width: 80%;
    margin: 0 auto;
    color: #222;
    font-size: 0.9em;
    text-align: justify;
    font-weight: 400;
    }
  
  
    .mission_sec2{
      width: 100%;
      background-image: url(/images/mission_back1.jpg);
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      padding: 80px  0;
      background-color: #000;
  
    }
  
    .mission_sec2 p{
      width: 80%;
      margin: 0 auto;
      color:#fff;
      font-size: 0.9em;
      text-align: justify;
      font-weight: 400;
    }
  
  
    .img_mission{
    width: 100%;
    margin: 0 auto 0 auto;
    }
  
    .img_mission img{
    width: 33.3%;
    }
  
    .wfdoors{
      width: 95%;
      margin: 0 auto;
      padding: 80px 0;
      text-align: center;
    }
  
    .wfdoors h1{
      font-size: 2.5em;
      color:#fff;
      text-transform: uppercase;
      font-family: 'Flenya', serif;
      margin: 0 auto;
      font-weight: normal;
      padding: 10px 0px;
      text-align: center;
    }
  
    .product{
    /*  min-height: 60vh;*/
      width:100%;
    }
  
    .stainless{
      width: 100%;
    }
  
    .stainless1{
      width: 100%;
    }
  
  
    .img_scheda{
    width:100%;
    overflow: hidden;
    }
  
  
    .img_scheda div{
    width:100%;
    height:60vh;
    cursor:pointer;
      -webkit-transition: opacity .2s, -webkit-transform .2s;
      transition: opacity .2s, transform .2s;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      overflow: hidden;
          border:1px solid transparent;
  
    }
    .montaviv_scafo div{
    width:100%;
    height:35vh !important;
    cursor:pointer;
      -webkit-transition: opacity .2s, -webkit-transform .2s;
      transition: opacity .2s, transform .2s;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      overflow: hidden;
          border:1px solid transparent;
  
    }
  
  
    .text_scheda{
      width:100%;
    }
  
    .text_scheda h1{
      font-size: 1.2em;
      color: #222;
      font-weight: bold;
      text-transform: uppercase;
    }
  
    .text_scheda p{
      font-size: 0.7em;
      color: #222;
      font-weight: 400;
    }
  
    .text_scheda ul {
      font-size: 0.7em;
      color: #222;
      font-weight: 400;
      margin: 0;
      padding: ;
  }
  
  
  
    .history{
      width: 100%;
      background-image: url(/images/history_interno.jpg);
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      padding: 50px 0 80px 0;
      text-align: center;
  
    }
  
  
    .hauling{
      width: 100%;
      background-image: url(/images/hauling.jpg);
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      padding: 50px 0 80px 0;
      text-align: center;
  
    }
  
  
    .stainless1{
      width: 100%;
      background-image: url(/images/back_stainless_mob1.jpg);
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      padding: 0 0 120px 0;
      text-align: center;
  
    }
  
  
    .stainless{
      width: 100%;
      background-image: url(/images/back_stainless_mob.jpg);
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      padding: 0 0 120px 0;
      text-align: center;
  
    }
  
  
  
  
  
  .cont-stainless{
      position: relative;
      width: 100%;
    }
  
  .owl-carousel{
    width: 100%;
    height: 50vh;
  }
  
  .txt-owl{
  width: 90%;
    margin: 0 auto;
  text-align: center;
  
  }
  
    .owl1{
      display: none;
    }
  
  .txt-owl h1{
      font-size: 4em;
      color:#222;
      text-transform: uppercase;
      font-family: 'Flenya', serif;
      margin: 20px auto;
      padding: 0;
      text-align: center;
      width: 100%;
  
  }
  
  
  .txt-owl  p{
    width: 100%;
    margin:  20px auto;
    color: #222;
    font-size: 0.9em;
    text-align: justify;
    font-weight: 400;
  }
  
  
  
  
  .item{
    margin:0;
    width: 100%;
  
  }
  
  
  .img-slide{
    width: 100%;
  height:50vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
  }
  
  
  
  
  
  
  
  
  
  .stain_space{
    display: none;
  }
  
  #mob-stain{
    background-color: rgba(255, 255, 255, 0.7);
    padding: 30px 0;
    margin-top: 30px;
  }
    .history h1{
      font-size: 3em;
      color:#fff;
      text-transform: uppercase;
      font-family: 'Flenya', serif;
      margin: 0 auto;
      padding: 0;
      text-align: center;
      width: 100%;
    }
  
  
    .stainless h1{
      font-size: 2em;
      color:#222;
      text-transform: uppercase;
      font-family: 'Flenya', serif;
      margin: 0 auto;
      padding: 0;
      text-align: center;
      width: 100%;
    }
    .stainless  p{
    width: 80%;
    margin:  20px auto;
    color: #222;
    font-size: 0.9em;
    text-align: justify;
    font-weight: 400;
  
    }
  
  
  
    .stainless1 h1{
      font-size: 2em;
      color:#222;
      text-transform: uppercase;
      font-family: 'Flenya', serif;
      margin: 0 auto;
      padding: 0;
      text-align: center;
      width: 100%;
    }
    .stainless1  p{
    width: 80%;
    margin:  20px auto;
    color: #222;
    font-size: 0.9em;
    text-align: justify;
    font-weight: 400;
  
    }
  
  
  
    .history h2{
      font-size: 1.5em;
      color:#fff;
      font-family: 'Flenya', serif;
      margin: 0 auto;
      padding: 0;
      text-transform: uppercase;
      text-align: center;
      width: 100%;
    }
  
    .history  p{
    width: 80%;
    margin:  20px auto;
    color: #fff;
    font-size: 0.9em;
    text-align: justify;
    font-weight: 400;
  
    }
  
  
  
      .hauling h1{
        font-size: 3em;
        color:#fff;
        text-transform: uppercase;
        font-family: 'Flenya', serif;
        margin: 0 auto;
        padding: 0;
        text-align: center;
        width: 100%;
      }
  
  
        .hauling  p{
        width: 80%;
        margin:  20px auto;
        color: #fff;
        font-size: 0.9em;
        text-align: justify;
        font-weight: 400;
  
        }
  
  
        .hauling a{
        color: #fff;
        font-weight: 400;
        text-decoration: none;
        }
  
        .hauling a:hover{
        color: #ededed;
        font-weight: 400;
        text-decoration: underline;
        }
  
  
  
    .history_sec_white{
      padding: 50px 0;
      background-color: #fff;
      width: 100%;
      min-height: 60vh;
    }
  
  
    .history_sec_white p{
    width: 60%;
    margin: 0 auto 20px auto;
    color: #222;
    font-size: 0.9em;
    text-align: justify;
    font-weight: 400;
    /*columns: 2;
    column-gap: 10px;*/
    }
  
    .product{
      width: 90%;
      margin: 0 auto;
      padding-top: 20px;
    }
  
  
  
    .bread_scheda{
      width: 100%;
      position: relative;
      text-transform: uppercase;
      font-size: 0.8em;
      margin: 10px 0 0 0;
      padding:5px 0;
      background-color: #fff;
      color: #2590CF;
      border-bottom: 1px solid #2590CF;
      font-weight: 400;
    }
  
    .bread_scheda a{
      color: #2590CF;
      font-weight: 400;
    }
  
    .bread_scheda a:hover{
      color: #dedede;
      font-weight: 400;
      text-decoration: none;
    }
  
    .fire_water img{
      height: 60px;
    }
  
    .fire_water{
      padding:0 0 8px 0;
    }
  
    .chart{
      padding:12px;
      margin-bottom: 20px;
      font-size: 0.8em;
      width: 100%;
      border: 1px solid #dedede;
    }
  
    .chart div{
      padding: 2px;
    }
  
    .grey{
      background-color: #ededed;
    }
  
  
    .grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
      margin: 0;
      padding: 8px;
    }
  
    .grid > span {
      margin: 0;
        padding: 12px;
    }
  
    .scheda_img_piccole
    {position:relative;
       display:block;
    width: 100%;
    margin-top: 10px;
    overflow: hidden;
    }
  
    .scheda_img_piccole li
    {list-style-type:none;
    display:inline;
    cursor:pointer;
    vertical-align:middle;
    margin-right:6px;
    }
  
    .scheda_img_piccole li img
    {
    /*width:auto;
    height:80px;*/
    width:100%;
    height:auto;
    border: 1px solid #dedede;
    -webkit-transition: opacity .2s, -webkit-transform .2s;
    transition: opacity .2s, transform .2s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    }
  
  
  
  .more_scheda{
    margin: 0 auto;
    padding: 20px 50px;
    font-size: 0.8em;
    font-weight: 400;
      text-align: center;
    background-color: #222;
    color: #fff;
    text-decoration: none;
    transition: 0.2s;
  -moz-transition: 0.2s;
  -webkit-transition: 0.2s;
  }
  
  .more_scheda:hover{
    padding: 20px 50px;
    text-align: center;
    background-color: #dedede;
    color: #222;
    text-decoration: none;
    transition: 0.2s;
  -moz-transition: 0.2s;
  -webkit-transition: 0.2s;
  }
  
  
  
  
  /* PHOTOGALLERY HP MOBILE */
  
  .photogallery_hp{
    width:100%;height:70vh;background:url(/images/render_home_mobile.jpg) no-repeat bottom center;background-size:cover;position:relative;
    }
  
  
  img.img_info{
  height:20vh;
  width:auto;
  margin-left:50%;
     -webkit-transform: translate(-50%,0%);
     -moz-transform: translate(-50%,0%);
     -ms-transform: translate(-50%,0%);
     -o-transform: translate(-50%, 0%);
     transform: translate(-50%,0%);
  }
  
  
  .claim_photogallery{
  margin-left:50%;
     -webkit-transform: translate(-50%,0%);
     -moz-transform: translate(-50%,0%);
     -ms-transform: translate(-50%,0%);
     -o-transform: translate(-50%, 0%);
     transform: translate(-50%,0%);
  text-align:center;
  margin-top:8vh;
    position:absolute;
      }
  
    .claim_photogallery h1{
      margin-bottom: 20px;
    }
  
    .claim_photogallery a{
      font-size: 0.9em;
      color: #222;
      text-decoration: none;
      }
  
    .claim_photogallery a:hover{
      font-size: 0.9em;
      color: #2590CF;
      text-decoration: none;
      }
  
  .icon-scroll span {
    animation-delay: .2s;
  }
   .icon-scroll {
          position: absolute;
          bottom: 10vh;
          left: 50%;
          width: 100px;
          height: 6.205em;
          /*transform: translateX(-50%) scale(2);*/
          z-index: 99999;
          text-align: center;
        }
  
  .arrow
  {
      position: absolute;
      top: 0;
      left: -2px;
      height: 50px;
      width: 2px;
     /*  background: #fff; silvia 06.07.20 per nascondere la linea verticale*/
      animation: animate 1.3s ease infinite;
  }
  .arrow:before {
      content: '';
      position: absolute;
      bottom: 0;
      left: -5px;
      width: 10px;
      height: 10px;
      border-bottom: 2px solid #fff;
      border-right: 2px solid #fff;
      transform: rotate(45deg);
  }
  
  
  .punto{
  
  display: none;
  
  }
  
  
  
    /*tootip_scheda*/
  
    .punto_mobile span {
        z-index:50;display:none; padding: 10px;
        margin-top:-4px; margin-left:32px;
        line-height:16px;
        font-size: 0.8em;
        border-radius:2px;
  position:absolute;
  min-width:200px;
        color:#222;
        background-color:#dedede;
    }
    .punto_mobile:hover span{
        display:inline;
    }
  
    /*CSS3 extras*/
  
  
  
    .punto_mobile{
    position:absolute;
    transition: .2s;
    -webkit-transition: .2s;
  
    z-index:30;
    opacity: 0.5;
    filter: alpha(opacity=50);
    display:none;
    }
    .punto_mobile:hover{
    opacity: 1;
    filter: alpha(opacity=100);
    }
  
  
  
  
  
  
  a.punto_mobile::after{
  
  content: '';
      position: absolute;
      bottom: -2px;
      left: -2px;
      width: 30px;
      height: 30px;
      border-radius:50%;
      border: 2px solid #2590CF;
      animation-name: pulsar ;
      animation-duration: 1s;
      animation-iteration-count: infinite;
  
  }
  @keyframes pulsar {
    0%   {bottom: -2px;
      left: -2px;
      width: 30px;
      height: 30px;
    opacity:1;
    }
    50%  {
  bottom: -12px;
      left: -12px;
      width: 50px;
      height: 50px;
    opacity:0;
    }
    100% {
  bottom: -12px;
      left: -12px;
      width: 50px;
      height: 50px;
    opacity:0;
  
  
    }
  
  
    }
  
  
  }