:root{
  --coldark:#000; 
  --timetransition:0.4s;
  --greylight:#f5f5f5;
  --beige:#ede5dc;
  --divider-border-color:#707070;
  --pxl:33px; /* margini left right desktop */
  --pxs:18px; /* margini left right mobile */
  --ind-mobile:70px; /* indent left titoli mobile */
  --mb-mobile:12px; /* padding-bottom titoli mobile */
}

@font-face {
  font-family: "MaziusDisplay";
  src: url("../fonts/MaziusDisplay-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "MaziusDisplayBold";
  src: url("../fonts/MaziusDisplay-Bold.woff2") format("woff2");
}

@font-face {
  font-family: "MaziusDisplayExtraitalic";
  src: url("../fonts/MaziusDisplay-Extraitalic.woff2") format("woff2");
}

*{-webkit-transition: all var(--timetransition) ease-in-out;
-moz-transition: all var(--timetransition) ease-in-out;
-o-transition: all var(--timetransition) ease-in-out;
-ms-transition: all var(--timetransition) ease-in-out;
transition: all var(--timetransition) ease-in-out;
}

.work-sans-generic {
  font-family: "Work Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}


a, button, button:focus, button:active, input[type="text"]:focus, input[type="search"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea, select, input[type="checkbox"] {text-decoration:none !important; outline:none !important; box-shadow: none !important;}
body, html {
    height: 100%; /* Imposta altezza a 100% per coprire l'intera finestra del browser */
    margin: 0; /* Rimuovi margini predefiniti */
    padding: 0; /* Rimuovi padding predefinito */
    overflow-y: auto;
    overflow-x: hidden;

}
body{font-size: 0.8em; background-color: #ffffff}
.btest{border:#f00 1px solid}
.btest2{border:#00cc00 1px solid}

#menu-content-hp-mob{display: none}
#menu-content-hp {
  position: fixed;
  z-index: 3;
  width: 100%;
}


#menu-content-hp .container-fluid{background: rgba(255,255,255,1)}
#navbar-main{font-size: 1.2em;}

.nav-item{ margin:0 !important;
-webkit-transition: all var(--timetransition) ease-in-out;
-moz-transition: all var(--timetransition) ease-in-out;
-o-transition: all var(--timetransition) ease-in-out;
-ms-transition: all var(--timetransition) ease-in-out;
transition: all var(--timetransition) ease-in-out;
}
.navbar{ padding:0 !important;}
.nav-link{margin:0 !important; color:#000 !important;}
.navbar-nav{padding:0 !important}
.h90 {height: 90px}

 .menu-container{
  position: absolute;
  top:0;
  left: 0;
  padding:0 !important; 
  background-color: #f0f0f0;
  box-shadow: 0px 2px 4px #dcdcdc;
  z-index: 2;
}
     #navbar-left{z-index: 8}
     #navbar-left li:first-child .nav-link{padding-left: 20px; background: #fff}
     #navbar-right li:last-child {padding-right: 20px;}
    

#tendina-bottom{background-color: #fff; position: absolute; top:10px; left: 0; width:100%; z-index:1; font-size: 1.2em; padding-left: 20px; padding-top: 7px; padding-bottom: 7px}
#tendina-bottom .navbar-nav { flex-direction: row}
#tendina-bottom .first { padding-left:0 !important;}
#tendina-bottom .last { margin-left:10px !important;}
#tendina-bottom.show{top:90px}



.icon-bar {
  border: 0 !important;
  width: 36px; 
  height: 2px;
  display: block;
  transition: all 0.2s;
  margin-top: 8px
}

.navbar-toggler {
  font-family: MaziusDisplayBold; 
  display: flex; align-items: center; justify-content: center;
  border: #000 1px solid; border-radius: 4px; width:40px; height: 40px; font-size: 0.6em;
  background: #000 !important; color:#fff;
  margin:0 !important; padding: 0 !important;
  }

.btn-lingua{font-family: MaziusDisplayBold; font-size: 0.8em; border:#000 1px solid; border-radius: 4px; padding: 0 !important; background: #000; color: #fff; text-transform:uppercase; line-height: 0.8em; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center;}


/*
#menu-content-hp .collapsed {
  border: #000 1px solid; width:40px; height: 40px;
  background: transparent !important; color: #000;
  margin:0 !important; padding: 0 !important
  }
*/
  .navbar-toggler .top-bar {
    transform: rotate(45deg);
    transform-origin: 10% 10%;
    background-color: #000;
  }
   
  .navbar-toggler .middle-bar {
    opacity: 0;
  }
   
  .navbar-toggler .bottom-bar {
    transform: rotate(-45deg);
    transform-origin: 10% 90%;
    background-color:  #000;
  }
   
  .navbar-toggler.collapsed .top-bar {
    transform: rotate(0);
    background-color: #000;
  }
   
  .navbar-toggler.collapsed .middle-bar {
    opacity: 1;
    background-color: #000;
  }
   
  .navbar-toggler.collapsed .bottom-bar {
    transform: rotate(0);
    background-color: #000;
  }
.lingue-mobile a{color: #000; font-size: 1.4em}



#centro img{height: 45px; width: auto; margin-top: 6px}
.col-menu-right{display: flex; justify-content: flex-end; align-items: center}
.lingue{padding-left: 12px; padding-right: 12px}
.lingue a {display: inline-block;}
.lingue .nav-link {padding-left:0 !important; padding-right:0 !important;}
.cerca{display: flex; align-items: center}
.btn-search{border:0; background: none; padding-top: 0; padding-bottom: 0}
.btn-search svg {fill: #000; width: 20px; height: 20px}

.searchsite{
  position: absolute; 
  top:10px; 
  right: 4px; 
  width: 400px; 
  display: flex; 
  align-items: center; 
  justify-content: flex-end;
  background-color: #fff; 
  padding:8px 4px; 
 transition: right 0.3s ease; 
 z-index: 1000; 
}
.searchsite.hidden {
  right: -420px; 
  visibility: hidden; 
  overflow: hidden;
}

.searchsite.hidden{transition: right 0.3s ease;  }

#searchsite input[type="text"]{max-width:200px; border-radius:0; border-top:0; border-left:0; border-right:0; border-bottom:#000 1px solid}
#close-search{border:0; padding:0; background: none; margin-right: 8px}
#close-search svg{width: 16px; height: 16px}
#btn-search-start{ background: #fff; margin-left: 8px; font-size: 0.8em; color: #333; border: #444 1px solid;}


.btn-ch{ font-family: "Work Sans", sans-serif; font-size:1em; border-radius:6px; border:#d7d7d7 1px solid; padding: 5px 50px; background: none; color: #000; font-size: 1em}
.btn-ch:hover{border:#000 1px solid;  background: #000; color: #fff;}

.btn-ch-wh{ font-family: "Work Sans", sans-serif; font-size:1em; border-radius:6px; border:#fff 1px solid; padding: 5px 50px; background: none; color: #fff; font-size: 1em}
.btn-ch-wh:hover{border:#fff 1px solid; background: #fff; color: #000;}

#row-mobile{display: none}

.footer-container{background-color: #ebebeb; padding-top: 32px; padding-bottom: 32px; font-size: 1.1em;  box-shadow: 0px 2px 6px #a4a4a4;}
.footer-container-mobile{display: none}
.logo-footer svg{height: 56px; width: auto;}
.ln-footer div {display: inline-block;}
.nletter input[type="text"], .nletter input[type="email"] {border-radius: 0; border:0; border-bottom: #000 1px solid; background: none}
.nletter .col-12 {margin-bottom: 8px}

.footer-container a, .footer-container-mobile a{color:#000 !important}

.celle-last{margin-top: 24px}
.h1-404{min-height: 700px; display: flex; align-items: center; justify-content: center}
.h1-404 h1{font-family: MaziusDisplayBold; font-size: 4em}

/*  ************************* BLOCCHI DI TESTO ************************* */
.maz-tit-med{font-family: MaziusDisplayBold; font-size:1.6em; text-transform: uppercase; letter-spacing: 2px;  line-height:1.2em;}
.maz-tx-med{font-family: MaziusDisplay; font-size: 1.6em; line-height: 1.2em; }
.maz-tx-med-plus{font-family: MaziusDisplay; font-size: 1.8em; line-height: 1.2em; letter-spacing:1px }

.maz-tit-big{font-family: MaziusDisplay; font-size:3.5em; line-height: 1em; letter-spacing:1px; }
.maz-tx-big{font-family: MaziusDisplay; font-size: 2.6em; line-height: 1.1em;}

.ws-tx-small{font-family: "Work Sans", sans-serif; font-optical-sizing: auto; font-weight: 300; font-style: normal; font-size: 1.1em;}

.slideinfo{font-family: MaziusDisplay; font-size: 2em;  min-width: 50px; height: 80px; color: #000;}
/*  ********************** BLOCCHI DI TESTO FINE  ********************** */


@media (max-width: 1199px)  /* --------------------------------------------------------------------------------------------------------------------------------------------------------- */
{
  .footer-container{display: none}
  .footer-container-mobile{display:block; background-color: #ebebeb; padding-top: 14px; padding-bottom: 24px; font-size: 1em;  box-shadow: 0px 2px 6px #a4a4a4; line-height: 1.1em}
  .logo-footer-mobile svg{height: 45px; width: auto;}
  .pb-min{padding-bottom: 26px}
  .pb-max{padding-bottom: 46px}
  #btn-newsletter-mobile{width: 184px; padding-right: 0; padding-left: 0; text-align: center}
}

@media (max-width: 991px) /* --------------------------------------------------------------------------------------------------------------------------------------------------------- */
{

/*  ************************* BLOCCHI DI TESTO ************************* */
.maz-tit-med{font-size:1.5em; letter-spacing: 1.5px;}
.maz-tx-med{font-size: 1.4em; line-height: 1.3em; letter-spacing: 1px;}
.maz-tx-med-plus{font-size: 1.4em; line-height: 1.3em; letter-spacing:1px }

.maz-tit-big{font-family: MaziusDisplay; font-size:3.5em; line-height: 1em; letter-spacing:1px; }
.maz-tx-big{font-family: MaziusDisplay; font-size: 1.4em; line-height: 1.1em;}

.slideinfo{font-family: MaziusDisplay; font-size: 1.2em;}
/*  ********************** BLOCCHI DI TESTO FINE  ********************** */

  #menu-content-hp{display: none}
  #menu-content-hp-mob{display: block;  position: fixed; z-index: 3; width: 100%; background-color: #fff; font-size:0.9em}
  .menu-container-mob{
    position: absolute;
    top:0;
    left: 0;
    padding:0 !important; 
    background-color: #fff;
    box-shadow: 0px 2px 4px #a4a4a4;
    z-index: 2;
  }
  #centro-mob img{height: 30px; width: auto; margin: 20px auto}
  
   #btn-menu-mob {
      margin-right: 4px;
      border:0;
      background: none !important;
      position: relative; /* Assicura che le icone siano posizionate rispetto a questo pulsante */
      width: 60px; /* Larghezza del pulsante */
      height: 60px; /* Altezza del pulsante */
    }

    .icon-plus,
    .icon-min {
      border: 0 !important;
      background-color: #000;
      display: block;
      position: absolute; /* Posizionamento assoluto all'interno del pulsante */
      transition: all 0.2s;
    }

    .icon-plus {
      width: 30px;
      height: 2px; /* Altezza ridotta a 2px */
      top: 29px; /* Posiziona l'icona + verticalmente */
      left: 15px; /* Posiziona l'icona + orizzontalmente */
    }

    .icon-min {
      width: 2px; /* Larghezza ridotta a 2px */
      height: 30px;
      top: 15px; /* Posiziona l'icona - verticalmente */
      left: 29px; /* Posiziona l'icona - orizzontalmente */
    }

    .icon-min.rotate {transform: rotate(90deg);}

    #div-nav-mobile{font-size:1.4em; position: absolute; top:-440px; left: 0; width: 100%; z-index: 1; padding: 98px 20px 20px 20px; background-color: #fff;}
    #div-nav-mobile.open{top:0}
    #div-nav-mobile a {color: #000}
    #div-nav-mobile ul {list-style-type: none; padding:0;}
    #div-nav-mobile ul li {line-height: 1.3em}
    .lingue-mobile{margin-top: 110px}
    #div-nav-mobile ul li > ul {padding-left: 20px; padding-bottom: 16px}
    .lingue-mobile a{font-size: 1em; color:#b2b2b2 !important}
    .lingue-mobile a.def {color:#000 !important}
    .lingue-mobile .btn-search svg{width: 30px; height: 30px}
}

@media (max-width: 767px) {
 .btn-ch{ font-family: "Work Sans", sans-serif; font-size:1em; padding: 2px 20px; background: none; color: #000; font-size: 1em}
}