/*CSS DESK*/



body{
    font-size: 1vw;
    }
    
    
    
    
    #scroll_div1,  #scroll_div2,  #scroll_div3,  #scroll_div4{
           opacity: 0;
           -webkit-transition: all 1s ease-in-out;
              -moz-transition: all 1s ease-in-out;
               -ms-transition: all 1s ease-in-out;
                -o-transition: all 1s ease-in-out;
                   transition: all 1s ease-in-out;
         }
    
        #scroll_div1.visible, #scroll_div2.visible, #scroll_div3.visible, #scroll_div4.visible{
           opacity: 1;
         }
    
        .digit{
                    opacity: 0;
                    -webkit-transform: translateX(-40px);
                         -moz-transform: translateX(-40px);
                            -ms-transform: translateX(-40px);
                             -o-transform: translateX(-40px);
                                    transform: translateX(-40px);
                    -webkit-transition: all 0.6s ease-out;
                         -moz-transition: all 0.6s ease-out;
                            -ms-transition: all 0.6s ease-out;
                             -o-transition: all 0.6s ease-out;
                                    transition: all 0.6s ease-out;
                }
    
              .digit2 {
                   opacity: 0;
               /*    -webkit-transform: translateX(40px);
                      -moz-transform: translateX(40px);
                       -ms-transform: translateX(40px);
                        -o-transform: translateX(40px);
                           transform: translateX(40px);*/
                   -webkit-transition: all 0.6s ease-out;
                      -moz-transition: all 0.6s ease-out;
                       -ms-transition: all 0.6s ease-out;
                        -o-transition: all 0.6s ease-out;
                           transition: all 0.6s ease-out;
                 }
    
    
        .digit_img_dx {
                   opacity: 0;
                  -webkit-transform: translateX(40px);
                      -moz-transform: translateX(40px);
                       -ms-transform: translateX(40px);
                        -o-transform: translateX(40px);
                           transform: translateX(40px);
                   -webkit-transition: all 0.6s ease-out;
                      -moz-transition: all 0.6s ease-out;
                       -ms-transition: all 0.6s ease-out;
                        -o-transition: all 0.6s ease-out;
                           transition: all 0.6s ease-out;
                 }
    
                .digit.visible, .digit2.visible, .digit_img_dx.visible {
                    opacity: 1;
                    -webkit-transform: none;
                         -moz-transform: none;
                            -ms-transform: none;
                             -o-transform: none;
                                    transform: none;
                }
    
    
              .item_scroll {
                      opacity: 0;
                      /*-webkit-transform: translateX(40px);
                      -moz-transform: translateX(40px);
                       -ms-transform: translateX(40px);
                        -o-transform: translateX(40px);
                           transform: translateX(40px);*/
                             -webkit-transition: all 0.5s ease-in;
                             -moz-transition: all 0.5s ease-in;
                              -ms-transition: all 0.5s ease-in;
                               -o-transition: all 0.5s ease-in;
                                  transition: all 0.5s ease-in;
                  }
                  .item_scroll.visible {
                      opacity: 1;
                      /*-webkit-transform: none;
                           -moz-transform: none;
                              -ms-transform: none;
                               -o-transform: none;
                                      transform: none;*/
                  }
    
    
        .item_scroll2 {
                      opacity: 0;
                      -webkit-transform: translateY(40px);
                           -moz-transform: translateY(40px);
                              -ms-transform: translateY(40px);
                               -o-transform: translateY(40px);
                                      transform: translateY(40px);
                  /* 	-webkit-transition: all 0.6s ease-out;
                           -moz-transition: all 0.6s ease-out;
                              -ms-transition: all 0.6s ease-out;
                               -o-transition: all 0.6s ease-out; */
                                      /* transition: all 0.6s ease-out; */
                          -webkit-transition: all .5s ease-in-out;
                             -moz-transition: all .5s ease-in-out;
                              -ms-transition: all .5s ease-in-out;
                               -o-transition: all .5s ease-in-out;
                                  transition: all .5s ease-in-out;
                  }
    
                  .item_scroll2.visible {
                      opacity: 1;
                      -webkit-transform: none;
                      -moz-transform: none;
                      -ms-transform: none;
                      -o-transform: none;
                      transform: none;
                  }
    
    
    
    
    .mobile{
        display: none !important;
    }
    
    
    
    
    
    .head_cappellini{
        position: fixed;
        top:0;
        left: 0;
        width: 100%;
        z-index: 99;
    }
    
    
    .shrink{
        background-color: #f8f8f8;
    }
    
    
    
    .head .logo-head{
        width: 50%;
        text-align: left;
    }
    
  
    .head {
        width: 85%;
        margin: 0 auto;
        padding-top: 4vh;
    }


.shrink .head{
	width: 85%;
	margin: 0 auto;
	padding: 1vh 0;
}

    .head .logo-head img {
        height: 20vh;
    }

    .home .logo-head img {
        opacity:0;
    }



.shrink .logo-head img {
    height: 10vh;
    opacity: 1;
}

    
.cbp-spmenu img {
    height: 150px !important;
    padding: 1.2vh 0 1.2vh 8vh;
}

    
    .head .menu-head{
    width: 7vh;
    text-align: center;
    padding: 2vh 0;
    background-color: #ededed;
    }
    
    .shrink .menu-head{
    width: 5vh;
    text-align: center;
    padding: 1vh 0;
    background-color: #ededed;
    }
    
    
    #menu-cappellini ul{
        padding:20px 0 !important;
        margin: 0 !important;
        list-style-type: none;
    }
    
    .lang_menu{
        width: 80%;
        margin: 0 auto;
        text-align: center !important;
    }
    
    .lang_menu a{
        width: 50%;
     padding: 0 !important;
    }
    .lang_menu img{
        height: 40px !important;
    }
    
    
    .intro{
        width: 100%;
        height: 100vh;
    /* 	background-image: url(/images/home/back1.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top center; */
        position: relative;
    }
    
    .owl-carousel{
        display: inline !important;
        position: absolute !important;
        z-index: 0 !important;
        width: 100vw  !important;
        height: 100vh  !important;
    }
    
    .owl-carousel .item{
        width: 100vw;
        height: 100vh;
        background-repeat:no-repeat;
      background-size:cover;
      background-position:top center;
    }
    
    /*.owl-carousel .item h1{
      padding-top: 78vh;
      text-align: center;
          font-size: 400%;
          color: #222;
          font-weight: normal;
    }*/
    
    .owl-carousel .item h1 {
      padding-top: 63vh;
      text-align: left;
      font-size: 360%;
      color: #222;
      font-weight: normal;
      padding-left: 10vw;
      width: 27%;
      line-height: 1.1;
    }
    
    
    .owl-next, .owl-prev{
      position: absolute;
      bottom: 40vh;
      font-size: 600% !important;
      color: #888 !important;
        font-family: 'Nanum Gothic', sans-serif !important;
    }
    
    .owl-next:hover, .owl-prev:hover{
      color: #45AB36 !important;
    }
    
    .owl-prev{
      left: 3vw;
    }
    
    .owl-next{
      right: 3vw;
    }
    
    
    .cont-intro{
        width: 80%;
        margin: 0 auto;
        height: 100%;
        z-index: 2;
    }
    
    
    .cont-intro .empty{
        width: 40%;
    }
    
    .intro-txt{
        width: 60%;
        text-align: center;
        padding-top: 55vh;
    }
    
    .intro-txt .chicco{
        height: 15vh;
    }
    
    .intro-txt h1{
        font-size: 230%;
        color: #222;
        font-weight: normal;
    }
    
    
    .intro-txt-new{
        width: 100%;
        text-align: center;
        padding-top: 65vh;
    }
    
    .intro-txt-new h1{
        font-size: 400%;
        color: #222;
        font-weight: normal;
    }
    
    .green_bold{
        font-weight: bold;
        color: #45AB36;
    }
    
    .vai_configuratore{
        width: 30%;
        margin: 60px auto;
    }
    
    
    .vai_configuratore:hover .txt-vai-conf{
        color: #45AB36;
    }
    
    .txt-vai-conf{
        color: #808080;
        font-size: 120%;
        font-style: italic;
        text-align: left;
        font-weight: bold;
        line-height: 1.2;
    }
    
    .arrow-vai-conf img{
        height: 3vh;
    }
    
    
    /*bio desk*/
    
    .bio_home{
        width: 100%;
        border-bottom: 6px solid #45AB36;
        background: url(/images/home/bio.jpg) no-repeat;
        background-size: cover;
        background-position: center center;
    }
    
    .content_bio{
      padding: 25vh 0;
      text-align: center;
    }
    
    .content_bio img{
      height: 12vh;
      display: block;
      margin: 0 auto 3vh auto;
    }
    
    .content_bio h1 {
      font-size: 250%;
      font-weight: bold;
      color: #fff;
      text-transform: uppercase;
    }
    
    /*about hp desk*/
    
    .about-hp{
        width: 100%;
        border-top: 6px solid #45AB36;
        border-bottom: 6px solid #45AB36;
        background: url(/images/sfondo_formati.jpg) no-repeat;
        background-size: cover;
        background-position: center right;
    }
    .about-hp-new{
        width: 100%;
        border-top: 6px solid #45AB36;
        border-bottom: 6px solid #45AB36;
        background: url(/images/sfondo_sezione.jpg) no-repeat;
        background-size: cover;
        background-position: center right;
    }
    
    .cont-about-hp{
        width: 80%;
        margin: 0 auto;
        padding: 8vh 0;
    }
    
    .about-formati-hp{
        width: 48%;
        text-align: center;
    }
    
    .txt-about-hp{
        width: 32%;
        text-align: left;
        padding: 0 40px 0 0;
    }
    .bustina-hp{
        width: 20%;
        text-align: center;
    }
    
    
    .txt-about-hp h1{
        font-size: 250%;
        color: #45AB36;
        font-weight: bold;
        margin-bottom: 20px;
    }
    
    
    .txt-about-hp p{
        font-size: 120%;
        color: #222;
        font-weight: normal;
    }
    
    /* astuccio rosso pagina nespresso */
    
    .wp-image-785,.wp-image-808{
        margin-left:250px !important;
        width:700px !important;
        padding-left:30px !important;
    }
    
    .wp-image-810{
      width: 700px !important;
    }
    
    /* astuccio arancio pagina fiorfior */
    .wp-image-847{
        margin-right:300px !important;
    }
    
    /* usta capsule pagina fiorfior */
    .busta1{
        /*argin-left:150px;*/
        float:right;
        width:82% !important;
    }
    
    .busta2{
        width:68% !important;
    }
    
    
    
    /*formati hp desk*/
    
    .formati-hp{
        width: 100%;
        position: relative;
        padding-bottom: 10vh;
    }
    
    
    .back_formati{
        width: 100%;
        height: 100vh;
        position: absolute;
        z-index: -2;
        background-image: url(/images/home/back_formati.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top center;
    }
    .back_formati_new{
        width: 100%;
        height: 100vh;
        position: absolute;
        z-index: -2;
        background-image: url(/images/home/back_formati_new.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top center;
    }
    
    
    .head-formati{
        width: 50%;
        margin: 0 auto;
        text-align: left;
    }
    
    .head-formati h1{
        font-size: 320%;
        font-weight: bold;
        color: #fff;
        text-transform: uppercase;
        padding-top: 30vh;
    }
    
     .container-formati{
        width: 100%;
    /* 	min-height: 100vh;
        position: absolute;
        z-index: 2;
         */}
    
    .back_white{
     position: absolute;
        top:50vh;
        z-index: -1;
        width: 100%;
         min-height: 100vh;
        margin: 0 auto;
        clip-path: polygon(50% 20%, 100% 0, 100% 100%, 50% 100%, 0 100%, 0 0);
        background-color: #fff;
    /* 	background-image: url(/images/home/back_white_formati.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top center; */
    }
    
    .cont-formati-hp{
        width: 100%;
        margin: 0 auto;
    }
    
    
    
    .catalogue_formati_hp{
    width: 50%;
    margin: 10vh auto 0 auto;
    
    }
    
    .catalogue_formati_hp .item{
        width:  15vw;
        height: 15vw;
        margin-bottom: 25px;
        position: relative;
         -moz-transition: all .2s ease-in;
     -o-transition: all .2s ease-in;
     -webkit-transition: all .2s ease-in;
     transition: all .2s ease-in;
    }
    
    
    /*INSERITO LAST CHILD IL 11.02.21 perchè gli item in homepage sn aumentati e l'ultimo era da solo*/
    .catalogue_formati_hp .item:last-child{
    margin: 0 auto !important;
    
    }
    
    .catalogue_formati_hp .item img{
        width:  15vw;
        height: 15vw;
    }
    
    
    
    .catalogue_formati_hp .item .tit-item{
        position: absolute;
        opacity: 0;
        background-color: rgba(69,171,63,0.8);
        width:  15vw;
        height: 15vw;
        top: 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;
    }
    
    
    .catalogue_formati_hp .item .tit-item h1{
        color: #fff;
        font-size: 220%;
        font-weight: bold;
        margin-top: 28%;
        margin-bottom: 8px;
    }
    
    .catalogue_formati_hp .item .tit-item h2{
        color: #fff;
        font-size: 120%;
        font-weight: bold;
    }
    
    
    /*profile hp*/
    
    .profile_hp{
        width: 100%;
        /* height: 100vh; */
        background: url(/images/home/back_profile.jpg) no-repeat;
        background-size: cover;
        background-position: center center;
    
    }
    
    
    .content-profile_hp{
        width: 70%;
        margin: 0 auto;
        text-align: center;
            padding: 30vh 0;
    }
    
    .txt-profile_hp{
        width: 40%;
        }
    
    .content-profile_hp .empty{
        width: 60%;
        height: 100%;
    }
    
    
    .txt-profile_hp h1{
    
            font-size: 320%;
        font-weight: bold;
        color: #fff;
        text-transform: uppercase;
    
    }
    
    .txt-profile_hp p{
            font-size: 120%;
            color: #fff;
        margin: 30px 0;
        padding: 0 30px;
    
    }
    
    .txt-profile_hp a{
        padding: 1vh;
        font-size: 90%;
        background-color:#d4d4d5;
        color: #222;
        text-decoration: none;
             -moz-transition: all .2s ease-in;
     -o-transition: all .2s ease-in;
     -webkit-transition: all .2s ease-in;
     transition: all .2s ease-in;
    }
    .txt-profile_hp a:hover{
        padding: 1vh;
        background-color:#45AB36;
        color: #fff;
        text-decoration: none;
             -moz-transition: all .2s ease-in;
     -o-transition: all .2s ease-in;
     -webkit-transition: all .2s ease-in;
     transition: all .2s ease-in;
    }
    
    
    
    /*magazzino*/
    
    
    .magazzino{
        width: 100%;
        /* height: 100vh; */
        background: url(/images/home/magazzino.jpg) no-repeat;
        background-size: cover;
        background-position: center center;
      border-bottom: 6px solid #45AB36;
    }
    
    
    .content-magazzino{
        width: 70%;
        margin: 0 auto;
        text-align: center;
            padding: 25vh 0;
    }
    
    .txt-magazzino{
        width: 40%;
        }
    
    .content-magazzino .empty{
        width: 60%;
        height: 100%;
    }
    
    
    .txt-magazzino h1{
        font-size: 320%;
        font-weight: bold;
        color: #fff;
        text-transform: uppercase;
    
    }
    
    .txt-magazzino p{
            font-size: 120%;
            color: #fff;
        margin: 30px 0;
        padding: 0 0;
    
    }
    
    .txt-magazzino a{
        padding: 1vh;
        font-size: 90%;
        background-color:#d4d4d5;
        color: #222;
        text-decoration: none;
             -moz-transition: all .2s ease-in;
     -o-transition: all .2s ease-in;
     -webkit-transition: all .2s ease-in;
     transition: all .2s ease-in;
    }
    .txt-magazzino a:hover{
        padding: 1vh;
        background-color:#45AB36;
        color: #fff;
        text-decoration: none;
             -moz-transition: all .2s ease-in;
     -o-transition: all .2s ease-in;
     -webkit-transition: all .2s ease-in;
     transition: all .2s ease-in;
    }
    
    
    
    /*video_hp desk*/
    
    .video_hp{
        width: 100%;
        padding: 10vh 0;
        text-align: center;
    }
    
    .video_hp video{
        width: 70%;
        margin: 0 auto !important;
        height: auto;
        -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.56);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.56);
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.56);
    }
    
    
    /*footer desk*/
    footer{
        width: 100%;
        background-color: #45AB36;
        padding: 4vh 0 2vh 0;
    }
    
    .foot{
        width: 70%;
        margin: 0 auto;
        text-align: left;
        color: #fff;
    }
    
    
    .foot a{
        color: #fff /*#66B331*/;
        text-decoration: none;
    }
    .foot a:hover{
        color: #fff;
        text-decoration: underline;
    }
    
    .foot h1{
        font-weight: bold;
        font-size: 125%;
        color: #fff;
    }
    
    .first-foot{
        width: 80%;
    }
    
    .txt-foot{
        margin-top: 15px;
        width: 44%;
        font-size: 90%;
    }
    
    .foot-piccolo{
        font-size: 70%;margin-top: 20px;
    }
    
    
    
    /*page desk*/
    
    
    .page{
        width: 100%;
        height: 100vh;
        background-repeat: no-repeat;background-size: cover;background-position: top center;
    
    }
    
    .page-news{
        width: 100%;
        height: 40vh;
    }
    
    
    .page-contatti{
        width: 100%;
        height: 40vh;
    }
    
    
    
    .cont-page-news{
        margin: 0 auto;
        padding: 18vh 0 0 0;
        width:100%;height:100%;background-color:rgba(0,0,0,.5);
        text-align: center;
    }
    
    
    .cont-page-contatti h1{
        font-size: 250%;
        color: #fff;
        font-weight: bold;
            text-align: center;
    
    }
    
    
    
    .cont-page-contatti{
        margin: 0 auto;
        padding: 18vh 0 0 0;
        width:100%;height:100%;background-color:rgba(0,0,0,.5);
        text-align: center;
    }
    
    
    .cont-page-news h1{
        font-size: 250%;
        color: #fff;
        font-weight: bold;
            text-align: center;
    
    }
    
    
    .location{
        width: 100%;
        background-color: #fff;
    }
    
    
    .pagina-location{
        width: 80%;
        margin: 0 auto;
        padding: 5vh 0;
    }
    
    .map{
        width: 49%;
        height: 99.3vh;
    }
    .info_contatti{
    width: 49%;
        text-align: center;
        padding: 30px 0;
        background-color: #f5f5f5;
    }
    
    
    .page-azienda{
        width: 100%;
        height: 100vh;
    }
    
    .cont-page{
        width: 80%;
        margin: 0 auto;
        height: 100%;
    }
    
    .cont-azienda{
        background: linear-gradient(0deg, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.5) 100%);
            background-position: top center;
        height: 100vh;
            padding: 25vh 0 0 0;
            text-align: center;
    position: relative;
    }
    
    
    
    .cont-page .empty{
        width: 39%;
      /*! display: none; */
    }
    
    .page-txt{
        width: 60%;
        text-align: left;
        /*padding-top: 45vh;*/
      padding-top: 55vh;
    }
    
    
    
    .page-txt h1{
      font-size: 250%;
      color: #222;
      font-weight: bold;
      width: 60%;
    }
    
    
    .azienda-txt{
        width: 50%;
        margin: 0 auto;
        border: 1px solid #fff;
        padding: 30px;
    }
    
    
    .azienda-txt h1{
        font-size: 250%;
        color: #fff;
        font-weight: bold;
            text-align: center;
    
    }
    
    .azienda-page{
        width: 100%;
        /* padding: 10vh 0 5vh 0; */
        border-top: 6px solid #45AB36;
        background-color: #fff;
    }
    
    .cont-azienda-page{
        width: 50%;
        text-align: justify;
        column-count: 2;
        column-gap: 40px;
        margin: 0 auto !important;
    }
    
    .contenuto-page{
        width: 100%;
        padding: 10vh 0 5vh 0;
        border-top: 6px solid #45AB36;
        background-color: #fff;
    }
    
    
    .bread_page {
        font-size: 110%;
        color: #fff;
    }
    .bread_page a{
        font-size: 110%;
        color: #fff;
        text-decoration: none;
    }
    
    .bread_page a:hover{
        color: #45AB36;
        text-decoration: none;
    }
    
    
    
    .icon-scroll {
              position: absolute;
              bottom: 0px;
              left: 50%;
            width: 100px;
              height: 6.205em;
              /*transform: translateX(-50%) scale(2);*/
              z-index: 999;
            text-align: center;
          }
    
    
    .arrow
    {
        position: absolute;
        top: 0;
        left: -4px;
        height: 50px;
        width: 4px;
        background: /* #222 */ transparent;
        animation: animate 1.3s ease infinite;
    }
    .arrow:before
    {
        content: '';
        position: absolute;
        bottom: 0;
        left: -8px;
        width: 20px;
        height: 20px;
        border-bottom: 4px solid #fff;
        border-right: 4px solid #fff;
        transform: rotate(45deg);
    }
    
    
    
    @keyframes animate
    {
        0%
        {
            transform: translateY(0);
            opacity: 0.3;
        }
       /* 50%
        {
            transform: translateY(80px);
            opacity: 1;
        }*/
        100%
        {
            transform: translateY(50px);
            opacity: 1;
        }
    }
    
    
    
    .cont-contenuto-page{
        width: 100%;
        margin: 0 auto !important;
    }
    
    
    
    .contenuto-news{
        width: 60%;
        margin: 0 auto !important;
    }
    
    .news_img{
        width: 52%;
    }
    
    .news_txt{
        width: 46%;
    }
    
    .news_txt h1{
        font-size: 210%;
        font-weight: bold;
        color: #45AB36;
        margin-bottom: 30px;
    }
    .news_txt p{
        font-size: 110%;
        color: #222;
        line-height: 1.8;
        margin-bottom: 20px;
    }
    
    .news_txt a{
        color: #45AB36;
    }
    .news_txt a:hover{
        color: #888;
    }
    
    
    .txt-page-formati{
        width: 50%;
        margin: 0 auto;
        padding: 5vh 0;
    }
    
    .txt-page-formati2{
        width: 100%;
        margin: 0 auto;
        padding: 2vh 0 ;
    }
    
    .txt-page-formati-eng{
        width: 100%;
        margin: 0 auto;
        padding: 2vh 0 ;
    }
    
    
    .immagini-page{
        width: 60%;
        margin: 0 auto;
        padding: 5vh 0 0 0;
    }
    
    
    .txt-page{
        width: 60%;
        margin: 0 auto;
        padding:  0;
    }
    
    .txt-page50{
        width: 50%;
        margin: 0 auto;
        padding:  0;
    }
    
    .txt-page-formati p{
        margin-bottom: 20px;
        font-size: 120%;
    }
    
    .txt-page-formati2 p{
        margin:10px 0 20px 0;
        font-size: 120%;
        line-height: 1.8;
    }
    .txt-page-formati-eng p{
        margin:10px 0 20px 0;
        font-size: 100%;
        line-height: 1.8;
    }
    
    .evidenza{
        color: #222;
        padding: 10px;
        text-align: left;
        margin: 10px 0 0 0;
        font-size: 80% !important;
    }
    
    .txt-page-formati2 a{
        background-color: #45AB36;
        color: #fff;
        text-decoration: none;
        padding: 10px 20px;
        border-radius: 10px;
        text-align: center;
        margin: 8px 0;
        font-size: 80% !important;
    }
    
    .txt-page-formati2 a:hover{
        background-color: #555;
        text-decoration: none;
    }
    
    .txt-page-formati-eng a{
        background-color: #45AB36;
        color: #fff;
        text-decoration: none;
        padding: 10px 20px;
        border-radius: 10px;
        text-align: center;
        margin: 8px 0;
        font-size: 80% !important;
    }
    
    .txt-page-formati-eng a:hover{
        background-color: #555;
        text-decoration: none;
    }
    
    
    .icone_formati {
        margin: 2vh 0 0 0;
        /*! text-align: right; */
        /*min-width: 25%;*/
        float: left;
        /*! display: none; */
    }
    .icone_formati div{
        margin: 0 8px;
      text-align: center;
    }
    
    .icone_formati img{
        height: 6vh;
    }
    
    .icone_formati h2{
        font-size: 100%;
        margin-top: 5px;
        font-weight: 500;
    }
    
    
    .info_scheda{
        width: 100%;
        background-color: #fff;
        text-align: center;
        padding: 0 0 5vh 0;
    }
    
    
    
            .contatti{
                width: 100%;
                /* height: 100vh; */
                padding-bottom: 20vh;
                background-color: #222;
                color: #fff;
                display: none;
            }
    
    
    
    
            .contatti{
                width: 100%;
                /* height: 100vh; */
                padding-bottom: 20vh;
                background-color: #666;
                color: #fff;
                display: none;
            }
    
    
    .cont-contatti{
                width: 80%;
                margin:  0 auto;
                text-align: center;
                position: relative;
            }
    
    
            .cont-contatti h1{
                font-size: 200%;
                color: #fff;
                text-align: center;
                padding: 20vh 0 20px 0;
    
            }
    
    
    
    /*INFO scheda*/
    
     #show_info{
       margin: 40px auto 0 auto;
         text-align: center;
       width: 60%;
       cursor: pointer;
       color: #fff;
     }
    
     #show_info:hover{
       color: #45AB36;
     }
    
     #info
     {margin: 15px auto;
       display: none;
       text-align: center;
       width: 60%;
       padding:15px;
       background-color: #888;
        font-size: 100%;
     }
    
     #info a{
        color: #fff;
      }
      #info a:hover{
        color: #2b821f;
      }
    
    /*info contatti*/
    
     #show_info_contatti{
       margin: 40px auto 0 auto;
         text-align: center;
       width: 60%;
       cursor: pointer;
       color: #222;
     }
    
     #show_info_contatti:hover{
       color: #45AB36;
     }
    
     #info_contatti
     {margin: 15px auto;
       display: none;
       text-align: center;
       width: 60%;
       padding:15px;
       background-color: #888;
        font-size: 100%;
     }
    
     #info_contatti a{
        color: #fff;
      }
      #info_contatti a:hover{
        color: #2b821f;
      }
    
    .contact2-form {
      width: 100%;
    }
    
    
    .contact2-form input {
        outline: none;
        border: none;
        background-color: transparent;
    }
    
    
    
    .contact2-form .checkbox{
        background-color: #fff !important;
    }
    
    
    .contact2-form textarea {
      outline: none;
      border: none;
        background-color: transparent;
    }
    
    .wrap-input-scheda {
      width: 60%;
      position: relative;
      border-bottom: 1px solid #fff;
      margin: 30px auto 10px auto;
        text-align: left;
    }
    
    .wrap-input-contatti {
      width: 60%;
      position: relative;
      border-bottom: 1px solid #222;
      margin: 30px auto 10px auto;
        text-align: left;
    }
    
    .wrap-input-privacy {
      width: 100%;
      position: relative;
      color: #fff;
      margin: 40px auto;
        text-align: center;
    }
    .wrap-input-privacy2{
      width: 100%;
      position: relative;
      color: #222;
      margin: 40px auto;
        text-align: center;
    }
    
    .input2 {
      display: block;
      width: 100%;
      font-size: 1em;
      color: #fff;
      line-height: 1.2;
    }
    
    .input-contatti {
      display: block;
      width: 100%;
      font-size: 1em;
      color: #222;
      line-height: 1.2;
    }
    
    .focus-input2 {
      position: absolute;
      display: block;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      pointer-events: none;
    }
    
    .focus-input2::before {
      content: "";
      display: block;
      position: absolute;
      bottom: -2px;
      left: 0;
      width: 0;
      height: 2px;
    
      -webkit-transition: all 0.4s;
      -o-transition: all 0.4s;
      -moz-transition: all 0.4s;
      transition: all 0.4s;
    
      background: rgba(69,45,15,1);
      background: -webkit-linear-gradient(45deg, #45AB36, #2b821f);
      background: -o-linear-gradient(45deg, #45AB36, #2b821f);
      background: -moz-linear-gradient(45deg, #45AB36, #2b821f);
      background: linear-gradient(45deg, #45AB36, #2b821f);
    }
    
    .focus-input2::after {
      content: attr(data-placeholder);
      display: block;
      width: 100%;
      position: absolute;
      top: 0px;
      left: 0;
    
      font-size: 1em;
      color: #fff;
      line-height: 1.2;
    
      -webkit-transition: all 0.4s;
      -o-transition: all 0.4s;
      -moz-transition: all 0.4s;
      transition: all 0.4s;
    }
    
    .focus-input-contatti {
      position: absolute;
      display: block;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      pointer-events: none;
    }
    
    .focus-input-contatti::before {
      content: "";
      display: block;
      position: absolute;
      bottom: -2px;
      left: 0;
      width: 0;
      height: 2px;
    
      -webkit-transition: all 0.4s;
      -o-transition: all 0.4s;
      -moz-transition: all 0.4s;
      transition: all 0.4s;
    
      background: rgba(69,45,15,1);
      background: -webkit-linear-gradient(45deg, #45AB36, #2b821f);
      background: -o-linear-gradient(45deg, #45AB36, #2b821f);
      background: -moz-linear-gradient(45deg, #45AB36, #2b821f);
      background: linear-gradient(45deg, #45AB36, #2b821f);
    }
    
    .focus-input-contatti::after {
      content: attr(data-placeholder);
      display: block;
      width: 100%;
      position: absolute;
      top: 0px;
      left: 0;
    
      font-size: 1em;
      color: #222;
      line-height: 1.2;
    
      -webkit-transition: all 0.4s;
      -o-transition: all 0.4s;
      -moz-transition: all 0.4s;
      transition: all 0.4s;
    }
    
    /*---------------------------------------------*/
    input.input2, input.input-contatti {
      height: 45px;
    }
    
    input.input2 + .focus-input2::after, input.input-contatti + .focus-input-contatti::after {
      top: 16px;
      left: 0;
    }
    
    textarea.input2, textarea.input-contatti {
      min-height: 80px;
      padding-top: 13px;
      padding-bottom: 13px;
    }
    
    textarea.input2 + .focus-input2::after, textarea.input-contatti + .focus-input-contatti::after {
      top: 16px;
      left: 0;
    }
    
    .input2:focus + .focus-input2::after, .input-contatti:focus + .focus-input-contatti::after {
      top: -13px;
        color: #45AB36;
    }
    
    .input2:focus + .focus-input2::before, .input-contatti:focus + .focus-input-contatti::before {
      width: 100%;
    }
    
    .has-val.input2 + .focus-input2::after, .has-val.input-contatti + .focus-input-contatti::after {
      top: -13px;
        color: #45AB36;
    }
    
    .has-val.input2 + .focus-input2::before, .has-val.input-contatti + .focus-input-contatti::before {
      width: 100%;
    }
    /*---------------------------------------------*/
    
    /*------------------------------------------------------------------
    [ Button ]*/
    .container-contact2-form-btn {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      padding-top: 0px;
    }
    
    .wrap-contact2-form-btn {
      display: block;
      position: relative;
      z-index: 1;
      border-radius: 2px;
      width: auto;
      overflow: hidden;
      margin: 0 auto;
    }
    
    .contact2-form-bgbtn {
      position: absolute;
      z-index: -1;
      width: 300%;
      height: 100%;
      background: rgba(219,21,99,1);
      background: -webkit-linear-gradient(-135deg, #45AB36, #2b821f, #45AB36, #2b821f);
      background: -o-linear-gradient(-135deg, #45AB36, #2b821f, #45AB36, #2b821f);
      background: -moz-linear-gradient(-135deg, #45AB36, #2b821f, #45AB36, #2b821f);
      background: linear-gradient(-135deg, #45AB36, #2b821f, #45AB36, #2b821f);
      top: 0;
      left: -100%;
    
      -webkit-transition: all 0.4s;
      -o-transition: all 0.4s;
      -moz-transition: all 0.4s;
      transition: all 0.4s;
    }
    
    .contact2-form-btn {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      justify-content: center;
      align-items: center;
      /* padding: 0 0;
      min-width: 244px;
      height: 50px;
      font-size: 16px;
      color: #fff;
      line-height: 1.2;
       */
    
    }
    
    .wrap-contact2-form-btn:hover .contact2-form-bgbtn {
      left: 0;
    }
    
    /*------------------------------------------------------------------
    [ Responsive ]*/
    
    @media (max-width: 576px) {
      .wrap-contact2 {
        padding: 72px 15px 90px 15px;
      }
    }
    
    
    
    /*------------------------------------------------------------------
    [ Alert validate ]*/
    
    .validate-input {
      position: relative;
    }
    
    .alert-validate::before {
      content: attr(data-validate);
      position: absolute;
      max-width: 70%;
      background-color: #000;
      border: 1px solid #45AB36;
      border-radius: 2px;
      padding: 4px 25px 4px 10px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      right: 0px;
      pointer-events: none;
    
    
      color: #45AB36;
      font-size: 13px;
      line-height: 1.4;
      text-align: left;
    
      visibility: hidden;
      opacity: 0;
    
      -webkit-transition: opacity 0.4s;
      -o-transition: opacity 0.4s;
      -moz-transition: opacity 0.4s;
      transition: opacity 0.4s;
    }
    
    .alert-validate::after {
      content: "\f12a";
      font-family: FontAwesome;
      display: block;
      position: absolute;
      color: #45AB36;
      font-size: 16px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      right: 8px;
    }
    
    .alert-validate:hover:before {
      visibility: visible;
      opacity: 1;
    }
    
    @media (max-width: 992px) {
      .alert-validate::before {
        visibility: visible;
        opacity: 1;
      }
    }
    
    
    .full-azienda{
        width: 100%;
        padding: 30vh 0;
        background: url(/images/azienda/profilo-aziendale2.jpg) no-repeat;
        background-repeat: no-repeat;
        background-size:cover;
        background-position: center center;
        border-top: 6px solid #45AB36;
    }
    .cont-full{
        width: 55%;
        margin: 0 auto;
        text-align: center;
    }
    
    .cont-full h1{
        font-size: 220%;
        color: #fff;
        font-weight: bold;
        margin-bottom: 40px;
    }
    
    .cont-full p{
        font-size: 110%;
        color: #fff;
    }
    
    
    .azienda_1{
            width: 50%;
            /*padding: 300px 0;*/
            height: 80vh;
        }
    
         .azienda2_1{
            width: 50%;
            /*padding: 300px 0;*/
            height: 94vh;
        }
    
        .furgone_capp{
            width: 80%;display: block;margin: 0 0 5vh 3vw !important;
        }
    
    .azienda_1{
            background: url(/images/azienda/cappellini-caffe-storia.jpg) no-repeat;
            background-repeat: no-repeat;
            background-size:50%;
            background-position: center left;
            background-attachment:fixed;
            }
    
    .azienda2_1{
            background: url(/images/azienda/cappellini2_new.jpg) no-repeat;
            background-repeat: no-repeat;
            background-size:50%;
            background-position: center right;
            background-attachment:fixed;
            }
    
    
        .azienda_2,.azienda2_2{
            width: 50%;
            padding: 150px 30px 0 30px;
        }
    
    
    
        .azienda_2 h1, .azienda2_2 h1{
            color: #45AB36;
       font-weight: 400;
       text-transform: uppercase;
            font-size: 210%;
            margin: 0 0 50px 40px;
            padding: 0 20px;
            border-left: 5px solid #45AB36;
        }
    
    
        .azienda_2 p, .azienda2_2 p{
            color: #222;
            font-size: 110%;
            margin: 0;
            padding: 0 120px 0 65px;
        }
    
    
    
    
    .dropdown-menu {
        display: inline !important;
        background-color: transparent !important;
        float: none !important;
    
        position: relative !important;
    min-width: 12rem;
    padding: 0 0 0 20px !important;
    margin: 0 !important;
    font-size: 80% !important;
    text-align: left;
    list-style: none;
        list-style-type: none;
    background-clip: content-box !important;
    border: none !important;
    border-radius: none !important;
    
    }
    .dropdown-item {
    margin-left: 10px !important;
    }
    
    
    .dropdown-item:hover {
    background: #45AB36 !important;
    color: #fff !important;
    }
    
    
    
    
    .dropdown-toggle::after{
        content: '' !important;
        display: none !important;
    }
    
    
    
    .configuratore_menu a{
        font-size: 90% !important;
        color: #45AB36 !important;
        margin: 15px 0;
        background-color: #C5C5C5 !important;
        font-weight: 700 !important;
    }
    
    .configuratore_menu a:hover{
        color: #fff !important;
        background-color: #45AB36 !important;
    
    }
    
    
    .current-menu-item a{
        color: #fff !important;
        background-color: #45AB36 !important;
    }
    
    
    /*ARCHIVIO NEWS*/
    
    .catalogue_div {
        width: 80%;
        margin: 80px auto 40px auto;
        min-height: 50vh;
    }
    
    
     .catalogue_div .item2{
       width: 30%;
       margin: 0 15px 30px 0;
       overflow: hidden;
       position: relative;
               background-color: #45AB36 !important;
    
     }
    
    
    
    
    
    
    
    
     .catalogue_div .item2 h2{
       color: #fff;
         z-index: 1;
        /*position: absolute;*/
         background-color: #222;
       padding:10px 0;
    bottom: 0;
       width: 100%;
       font-weight: 400;
       font-size: 100%;
       /*min-height: 68px;*/
       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_div .item2:hover h2{
      background-color: #45AB36 !important;
    }
    
    
    .catalogue_div .item2:hover .item_categoria{
       color: #45AB36;
    }
    
    .catalogue_div .item2 p{
            color: #555;
            font-style: italic;
            font-size: 80%;
            text-align: center;
            margin: 0;
            padding:0 0 8px 0;
        }
    
    
    
     .catalogue_div .item2:hover .text-item h2{
       background-color:transparent;
    }
    
     .catalogue_div .item2:hover h2, .catalogue_div .item2:hover p{
       color: #fff;
     }
    
    
    .cat_img{
        z-index: 0 !important;
       max-width: none !important;
        height:30vh !important;
       -moz-transition: all .2s ease-in !important;
         -o-transition: all .2s ease-in !important;
         -webkit-transition: all .2s ease-in !important;
         transition: all .2s ease-in !important;
       -webkit-backface-visibility: hidden !important;
       backface-visibility: hidden !important;
      overflow: hidden !important;
         /* opacity: 0.7;*/
        position: relative !important;
    
     }
    
    
    
    .catalogue_div .item2:hover .cat_img{
    opacity: 0.7;
    }
    
    
    
        .text-item{
               margin: 0;
       text-align: center;
       /*position: absolute;*/
       /*bottom:0;*/
       z-index: 4;
       background-color:#ededed;
            position: relative;
    
        }
    
    
    .img_capsule{
    width: 60%;
    margin: 0 auto;
    padding: 0;
        text-align: left !important;
    
        }
    
    .img_capsule img{
    width: 100% !important;
    height: auto;
        }
    
    .img_capsule2{
    width: 60%;
    margin: 0 auto;
    padding: 0;
        text-align: left !important;
    
        }
    
    .img_capsule2 img{
    width: 90% !important;
    height: auto;
        }
    
    
    .privacy{
        width: 100%;
        margin: 0 auto;
        padding: 8vh 0;
        background-color: #fff;
    }
    
    .cont-privacy{
        width: 60%;
        margin: 0 auto;
    }
    
    .cont-privacy  p{
        font-size: 110%;
        color: #222;
        line-height: 1.8;
        font-weight: normal;
    }
    
    
    /************************************/
    
    .page50{
        width:50%;margin:0 auto;
    }
    
    .page50 .disponibili{
    
    background-color:#f5f5f5;padding:20px 10px 20px 20px;
    }
    
    .piccolo{
    font-size:70% !important;
    }
    
    .disponibili{
        background-color:#f5f5f5;padding:20px 0 40px 40px
    }
    
    .disponibili2{
        background-color:#f5f5f5;padding:20px;
    }
    
    
    .disponibili img{
        padding-right:8px;height:22px;
    }
    .disponibili2 img{
        padding-right:8px;height:22px;
    }
    
    .icone-scheda-50{
        width:50%;text-align:center;
    }
    
    .icone-scheda-50-nes{
        width:50%;text-align:center;
    }
    
    .icone-scheda-80{
        width:80%;text-align:center;
    }
    
    
    .icone-scheda-25{
        width:25%;text-align:center;
    }
    
    .icone-scheda-50 img,.icone-scheda-50-nes img, .icone-scheda-25 img, .icone-scheda-80 img{
        height: 80px;
    }
    
    
    
    
    /*PAGINA CONFIGURATORE desk*/
    
    .page-configuratore{
        width: 100%;
        height: 75vh;
        background-repeat: no-repeat;background-size: cover;background-position: top center;
        border-bottom: 4px solid #45AB36;
    }
    
    
    .content-intest_configuratore{
                width: 80%;
                margin: 0 auto;
                padding:55vh 0 0 0;
            }
    
    
    .
    .cont-intest_configuratore .empty{
        width: 40%;
      display: none;
    }
    
            .logo_intest_configuratore{
                width: 60%;
          margin: 0 auto;
                text-align: center;
                position: relative;
            }
    
            .logo_intest_configuratore img{
                height: 150px;
            }
    
            .logo_intest_configuratore h1{
                font-size: 280%;
                color: #222;
                margin: 60px 0 30px 0;
                font-weight: bold;
    
            }
    
            .logo_intest_configuratore h2{
                font-size: 130%;
                color: #222;
                font-weight: bold;
    }
    
    .icone_pagamento{
        margin: 60px auto;
    text-align: center;
    width: 80%;
    
    }
    
    .content-intest_configuratore .icone_pagamento{
        margin: 30px auto !important;
    text-align: center;
    width: 80%;
    
    }
    
    
    .icone_pagamento div{
        width: 33.3%;
    }
    
    
    .icone_pagamento img{
        height: 100px !important;
    }
    
    .icone_pagamento h2{
        font-size: 100% !important;
    color: #222;
    margin: 5px 0;
    padding: 0;
    
    }
    
    .contenuto-preventivo{
        width: 100%;
        background-color: #fff;
    }
    
    
    
    .preventivo{
        width: 80%;
        margin: 0 auto;
        padding: 7vh 5vh 5vh 5vh;
    }
    
    #pers-confezione,#dati-eti{
        width: 80%;
        margin: 0 auto;
        padding: 7vh 5vh 0vh 5vh !important;
    }
    
    .arrow_down{
        width: 100%;text-align: center;
    }
    
    .arrow_down img{
    height: 40px;
    }
    
    
    #img_preview{
        height:18vh;width:auto;float:right;
    }
    
    
    .prev_form{
        width: 45%;
    }
    /*
    .prev_form_100{
        width: 100%;
    }
    
    .riferimenti_box{ width: 100%;}
    .riferimenti_box .box_form{ width: 30%;}
    
    .riferimenti_box .last{ width: 33% !important;}
    
    .prev_form_100 .riferimenti_box{ margin-top: 30px;}
     */
    
    
    .riferimenti_box .box_form{ width:100%;}
    
     .prev_img{
        width: 55%;
         text-align: center;
         position: relative;
    }
    
    
    .over_black{
        display: none;
        background-color: rgba(0,0,0,.6);
        width: 99.9vw;
        height:100vh;
        position: fixed;
        padding: 0;
        top: 0;
        left: 0;
        z-index: 99999999999;
    }
    
    
    .loading_gif{
        display: none;
        position: absolute;
        margin: auto;
        top:40%;
        left: 0;
        right: 0;
        width: 50px;
        height: 50px;
        z-index: 200;
        text-align: center;
    }
    .loading_gif img{
        height: 50px;
    }
    
     .prev_logo{
        height: 60vh;
    }
    
    
    .box_form h1{
        color: #45AB36 /*#66B331*/;
        font-size: 130%;
        margin-bottom: 8px;
    }
    .box_form h2{
        color: #222;
        font-size: 80%;
        margin: 8px 0;
    }
    
    
    .non_obb{
        font-size: 60% !important;
        color: #888 !important;
    }
    .non_obb_h2{
        color: #888 !important;
    }
    
    
    #testo_logo label{
        color: #45AB36 /*#66B331*/;
        font-size: 100%;
    }
    
    
    .dati_cartoni{
        margin: 0 0 20px 0 !important;
        font-size: 150%;
        color: #fff;
        font-weight: 500;
        padding: 10px 20px;
        background-color: #45AB36 /*#66B331*/;
    }
    
    
    .box_form{
    
        padding-bottom: 15px;
        font-size: 100%;
    }
    
    
    .box_form:last-child{
    
        padding-bottom: 0 !important;
        font-size: 100%;
    }
    
    
    
    .img_cartone{
        width: 100%;
        text-align: center;
        margin-top: 40px !important;
    }
    
    .img_cartone img{
        height: auto;
    width: 80%;
    
    }
    
    .line{
             border-bottom: 1px solid #dedede;
            margin-bottom: 15px;
    }
    
    
    .last{
        padding-bottom: 0 !important;
        margin-bottom: 30px;
    }
    
    
    .box_form .btn-primary{
        background-color: #555 /*#66B331*/ !important;
        color: #fff !important;
    border-color: #555 /*#66B331*/ !important;
    
    }
    
    
    .boxhalf{
        width: 100%;
    }
    
    .boxhalf .box_form{
        width: 49%;
    }
    
    .box3{
        width: 100%;
    }
    
    .box3 .box_form{
        width: 30%;
    }
    
    .box4{
        width: 100%;
    }
    
    .box4 .box_form{
        width: 23%;
    }
    
    
    .img_scatola{
        width: 40.5vh;
        margin: 0 auto 0 auto;
        border: 1px solid #222;
        /* padding: 10vh 10px; */
        text-align: center;
         height: 60.6vh;
    }
    
    .logo_caricato{
        width: 70%;
        margin: 0 auto;
    }
    
    .nome_miscela{
        font-weight: bold;
        font-size: 180%;
        text-align: center;
        margin: 20px auto;
    }
    
    .diciture_azienda{
        font-size: 120%;
        text-align: center;
    }
    
    
    #colore_confezione{
        width: 46%;
        padding-right: 20px;
        border-right: 1px solid #dedede;
    }
    #div_colore_logo{
        width: 50%;
    }
    #carica_logo{
        /* width: 46%;
        padding-right: 20px; */
        /* border-right: 1px solid #dedede; */
    }
    
    
    #testo_logo{
    width: 50% !important;
    }
    
    .button_richiedi{
        width: 100%;
        text-align: center;
            font-size:100%;
    }
    .button_richiedi button{
            font-size:100%;
    }
    
    .button_richiedi h2{
        color: #222;
        font-size:100%;
        line-height: 1.6;
        margin: 15px 0 20px 0;
        background-color: #F5F5F5;
        text-align: center;
        padding: 30px 40px;
    }
    
    
    
    
    .question {
    cursor: pointer;
    display: inline-block;
    width: 18px;
    height: 18px;
    background-color: #dedede;
    line-height: 16px;
    color: #555;
    font-size: 60%;
    margin: -8px 0 0 10px;
    font-weight: bold;
    border-radius: 50%;
    text-align: center;
        position: relative;
    
    }
    
    
    
    .question:hover {
        background-color: #45AB36 /*#66B331*/;
        color: #fff;
    }
    
    
    .question:hover a{
    text-decoration: none;
    color: #fff;
    }
    
    
    #combina_colori{
        display: none;
        position: absolute;
        width: 600px;
        background-color: #fff;
        padding: 2vw;
        font-weight: 500;
        color: #222;
        font-size: 110%;
        text-align: center;
    }
    
    #combina_colori img{
        height: 60px;
        display: block;
        margin:0 auto 15px auto;
    }
    
    
    
    
    #errore_immagine{
        display: none;
        position: absolute;
        width: 600px;
        background-color: #fff;
        padding: 2vw;
        font-weight: 500;
        color: #222;
        font-size: 110%;
        text-align: center;
    }
    
    #errore_immagine img{
        height: 60px;
        display: block;
        margin:0 auto 15px auto;
    }
    
    .head_mobile{
        width: 85%;
    margin: 0 auto;
    padding: 0 5vh;
    
    }
    
    
    
    .logo_mobile{
        width: 45%;
        text-align: left;
        padding-left: 3%;
    }
    
    .configuratore{
        width: 55%;
        text-align: right;
        color: #fff;
        font-size: 150%;
    /* 	font-weight: bold; */
        position: relative;
    
        /* font-weight: bold; */
    
    }
    
    
    /*
    
    .configuratore{
        width: 100%;
        padding:3vh 0 1vh 0;
        text-align: center;
        color: #45AB36 #66B331;
        font-size: 150%;
        text-transform: uppercase;
        position: relative;
        margin-bottom: 20px;
        background-color: #45AB36 #66B331;
    } */
    
    .configuratore::after{
        position: absolute;
        content: "";
        width: 30px;
        height: 3px;
        background-color: #45AB36 /*#66B331*/;
        margin: auto;
        left: 0;
        right: 0;
        bottom: 0px;
    }
    
    
     */
    /*drag & drop*/
    
    
    .dropzone{
      width: 100%;
      border: 4px dashed #dedede;
        position: relative;
        cursor: pointer;
    }
    
    .miscela_scatola_hide, .txt_scatola_hide{
        font-size: 70%;
        color: #888;
        font-style: italic;
        padding: 0;
        margin: 0 auto;
        text-align: center;
    }
    
    .cancel_logo{
        display: none;
        position: absolute;top:10px;right: 10px;z-index:99;height: 30px;width: 30px;
        cursor: pointer;
    }
    
    .cancel_logo img{
        height: 30px;
        }
    
    
    #bustina_oro,#bustina_bianco,#bustina_rosso,#bustina_verde{
        display: none;
    }
    
    
    .invio_successo{
        width: 100%;
        text-align: center;
        background: url(/images/home/home1_1.jpg) no-repeat;
        background-position: center center;
        background-size: cover;
    }
    
    .cont_invio_successo{
        /* background: rgba(0,0,0,.5); */
        padding: 18vh 0;
        width: 80%;
        margin: 0 auto;
        text-align: center;
    }
    
    
    .logo_invio{
        text-align: center;
    }
    
    .cont_invio_successo h1{
        font-size: 280%;
        color: #222;
        margin-top: 20px;
    
        /* font-weight: bold; */
    }
    
    
    .text-modulo{
        width: 70%;
        margin: 0 auto;
        padding: 5vh 0;
        min-height: 30vh;
    }
    
    
    .text-modulo h1{
        font-size: 150%;
        color: #222;
        margin-bottom: 30px;
    }
    
    .text-modulo p{
        font-size: 100%;
        color: #222;
    }
    
    
    #show_info_prev{
       margin: 0 auto;
         text-align: center;
       width: 100%;
       cursor: pointer;
       color: #222;
     }
    
     #show_info_prev:hover{
       color: #45AB36;
     }
    
     #info_prev
     {margin: 15px auto;
       display: none;
       text-align: center;
       width: 100%;
       padding:15px;
       background-color: #f5f5f5;
         font-size: 80%;
     }
    
     #info_prev a{
        color: #45AB36;
      }
      #info_prev a:hover{
        color: #222;
      }
    
    
    .didascalia figcaption{
        text-align: center;
        font-size: 90%;
        color: #555;
        font-style: italic;
    }
    
    
    .campi_obbligatori{
        font-size:80%;margin:20px auto;text-align:center;
    }
    
    
    
    
    
    
        .pulsante_inserisci{
                    width: 30%;
                    float: right;
                    text-align: center;
                    margin-top: 5px;
                    padding:2px 8px;background-color: #1e9a08;color: #fff;font-size: 70%;border-radius: 5px;cursor: pointer;
                }
    
                .pulsante_inserisci:hover{
                    padding:2px 8px;background-color: #227114;color: #fff;font-size: 70%;border-radius: 5px;cursor: pointer;
                }
    
    
    
    .news_page {
        width: 100%;
    background-color: #fff;
        padding: 20px 0;
    }
    
    
    .content_news_page {
        width: 70%;
        margin: 40px auto;
        text-align: center;
    }
    
    
    .insta {
        text-align: center;
        width: 90%;
        background-color: rgba(255,255,255,1);
        padding: 10px;
        margin-bottom: 20px;
    }
    
    .content_news_page .insta{
        border: 1px solid #dedede;
    }
    
    
    .keep {
        text-align: center;
        width: 90%;
        background-color: rgba(255,255,255,.5);
        padding: 40px 0;
    }
    
    .keep_page {
        text-align: center;
        width: 90%;
        background-color: #f5f5f5;
        padding: 40px 0;
    }
    
    
    .keeph1 {
        font-size: 200%;
        font-weight: 600;
        padding-bottom: 5px;
        color: #45AB36;
        margin: 0 auto;
            margin-bottom: 0px;
        margin-bottom: 30px;
        position: relative;
    }
    
    
            .keep p{
                font-size: 100%;
                color: #222;
                width: 80%;
                margin: 0 auto;
                text-align: center;
                margin-bottom: 40px;
            }
    
    .keep a{
        color: #45AB36;
        text-decoration: none;
    }
    
    .keep a:hover{
        color: #222;
        text-decoration: none;
    }
            .keep_page p{
                font-size: 100%;
                color: #222;
                width: 80%;
                margin: 0 auto;
                text-align: center;
                margin-bottom: 40px;
            }
    
    .keep_page a{
        color: #45AB36;
        text-decoration: none;
    }
    
    .keep_page a:hover{
        color: #222;
        text-decoration: none;
    }
    
    .cont_linkedin{
        width: 50%;
        text-align: center;
    }
    
    
     .news_linkedin{
        width: 95%;
        text-align: center;
         background-color: rgba(255,255,255,1);
        padding: 18px 0;
    }
    
    /* .news_linkedin,.news_fb{
        width: 30%;
        text-align: center;
        background-color: rgba(255,255,255,0.8);
        padding: 10px;
    } */
    .news_fb{
        width: 50%;
        text-align: center;
        background-color: rgba(255,255,255,1);
        padding: 10px;
    }
    
    .keep img:first-child {
        margin-right: 20px !important;
    }
    .keep img {
        height: 40px;
    }
    
    .keep_page img:first-child {
        margin-right: 20px !important;
    }
    .keep_page img {
        height: 40px;
    }
    
    
    .content_news_page .news_fb{
        padding: 0 !important;
    }
    
    
    
     .flag_lang{
                  width: 80%;
    list-style-type: none;
    padding: 20px 0;
    margin: 0 1.8vh;
    font-size: 80%;
    border-bottom: 3px solid #aaa;
    
              }
    
              .flag_lang li:first-child{
              padding: 0 10px 0 0;
              }
    
    
              .flag_lang li{
                  display: inline;
    width: 40%;
    text-align: left;
    padding: 0;
    
              }
    
              .flag_lang img{
                height: 20px !important;
        padding: 0 8px !important;
                  filter: grayscale(0)
    }
              .flag_lang img:hover{
    
                  filter: grayscale(100)
    }
    
    
              .flag_lang a{
                display: inline !important;
        padding: 0 !important;
                  background-color: transparent !important;
    }
    
    
              .flag_lang a:hover{
                display: inline !important;
        padding: 0 !important;
                  background-color: transparent !important;
    }
    
    
    
    /*capsula compostabile desk*/
    
    .capsula_compost{
      margin-bottom: 4vh;
    background-color: #f5f5f5;
    padding: 3vh 2vw;
    }
    .capsula_compost h1{
      font-size: 200%;
      color: #45AB36;
      font-weight: bold;
      width: 60%;
    }
    
    .capsula_compost img{
    height: 20vh;
    }
    
    
    .offerta_mese{
        position: absolute;
        bottom:18%;
        right:8%;
        width:18%;
        /*! padding: 1vh; */
        text-align:center;
        z-index: 9;
        background-color: #45AB36;
        padding: 2vh 1vw;
        line-height: 1.2;
    }
    
    
    
    .offerta_mese a{
        font-size: 150%;
        /*! background-color:#45AB36; */
        color: #fff;
        text-decoration: none;
             -moz-transition: all .2s ease-in;
     -o-transition: all .2s ease-in;
     -webkit-transition: all .2s ease-in;
     transition: all .2s ease-in;
        /*! padding: 2vh; */
        text-align: center;
        font-weight: 600;
    }
    .offerta_mese:hover{
        background-color:#222;
             -moz-transition: all .2s ease-in;
     -o-transition: all .2s ease-in;
     -webkit-transition: all .2s ease-in;
     transition: all .2s ease-in;
    }
    
    .offerta_mese a:hover{
        text-decoration: none;
        
    }
    
    
    .astucci_home{
        width: 100%;
        border-bottom: 6px solid #45AB36;
        background-color:#fff;
        padding:10vh 0;
    }
    
    .content_astucci{
        width: 100%;
        text-align:center;
    }
    
    .astucci_home h1 {
        font-size: 250%;
        color: #45AB36;
        font-weight: bold;
        margin-bottom: 20px;
    }
    
    .astucci_home p {
        font-size: 120%;
        color: #222;
        font-weight: normal;
        margin-bottom:2vh;
    }
    
    .astucci_home img{
        width: 80%;
        display:block;
        margin:0 auto;
    }
    
    
    
    /*FINE DESK*/