body {
      color: #fff;
      background-color: #191919;
      font-size: 21px;
      font-weight: 400;
      font-family: "Manrope", sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      letter-spacing: 0.03rem;
  }

  @media only screen and (max-width: 600px) {
      body {
          font-size: 17px;
      }
  }

  /*
.manrope-<uniquifier> {
    font-family: "Manrope", sans-serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
}
*/
  header {
      background-color: #191919;
  }

  /*-------COLORS-------------------- */
  .color-beige {
      color: #D5CFB7 !important
  }

  .background-beige {
      background-color: #D5CFB7 !important
  }

  /*-------COLORS-------------------- */
  /*-------BUTTONS-------------------- */
  .btn {
      font-size: 1.2rem !important;
      border-radius: 4rem;
      padding: 1rem 3rem;
      color: #191919;
      font-weight: bold
  }

  .btn-white {
      background-color: #E2E0DA;
  }

  .btn-white:hover {
      color: #E2E0DA;
      background-color: #191919;
      border-color: #fff
  }

  a.link-standard {
      text-decoration: none !important;
      color: #fff;
      font-size: 1.2rem !important;
      font-weight: bold
  }

  a.link-standard:hover {
      text-decoration: underline !important;
  }

  @media only screen and (max-width: 600px) {
      .btn {
          font-size: 1rem !important;
          border-radius: 2rem;
          padding: 0.5rem 1.5rem;
          color: #191919;
          font-weight: bold
      }

  }

  /*-------BUTTONS-------------------- */

  /*-------MARGINS-------------------- */
  .margin-top-no {
      margin-top: 0px !important
  }

  .margin-bot-no {
      margin-bottom: 0px !important
  }

  /*-------MARGINS-------------------- */
.main-title{
        margin-top: 3rem !important;
}
 @media only screen and (max-width: 600px) { 
   .main-title{
        margin-top: 1rem !important;
}
 }
  .video-flex {}

  .video-container {
      position: relative;
      padding-bottom: 56.25%;
      /* Rapporto 16:9 (altezza / larghezza = 9/16 = 0.5625) */
      height: 0;
      /* height: 500px!important;  */
      overflow: hidden;
      max-width: 100%;
      background: #000;
      /* Optional: adds a black background while loading */
  }

  .video-container iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }

  .video-vertical-mobile-only {
      position: relative;
      /* Rapporto d'aspetto per video verticale 9:16 */
      /* Calcolo: (altezza / larghezza) * 100 = (16 / 9) * 100 ≈ 177.78% */
      padding-bottom: 177.78%;
      /* Questo crea l'altezza proporzionale alla larghezza per un 9:16 */
      height: 0;
      /* L'altezza effettiva è data dal padding */
      overflow: hidden;
      max-width: 100%;
      margin: 20px auto;
      background: #000;
  }

  .video-vertical-mobile-only iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      /* L'iframe riempie l'altezza definita dal padding del contenitore */
  }

  .secondarymenu.sticky-top {
      top: 6rem;
      background-color: #191919;
      padding-bottom: 0.5rem !important;
      margin-bottom: 0.5rem !important;
  }

  .secondarymenu-content {
      width: 80%;
      margin: auto;
  }

  @media only screen and (max-width: 600px) {

      .secondarymenu-content {
          width: auto;
          margin: auto;
      }
        .secondarymenu.sticky-top {
                top: 6rem;
                background-color: #191919;
                padding-bottom: 0.5rem !important;
                margin-bottom: 0.5rem !important;
            }
  }

  .logo-more {
      width: auto;
      height: 60px;
      /* margin-top: 2rem;
    margin-bottom: 2rem; */

  }

  .headerLoghi {
      display: flex !important;
      flex-direction: row !important;
      justify-content: space-between !important;
  }

  .loghiRight {
      display: flex !important;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      float: right !important;
  }

  a.aerrelink {
      padding-right: 2rem !important;
      margin-right: 1.8rem !important;
      border-right: 2px solid #EFEFEF !important;
  }

  .loghiRight img.aerre {
      width: auto;
      height: 27px;


  }

  .loghiRight img.exprimo {
      width: auto;
          height: 45px;
    margin-top: 3px;
 

  }

  button.navbar-toggler {
    padding: 0 !important;
    background-color: transparent !important;
    color: #fff !important;
        padding: 10px !important;
        margin-top: -11px;
  }

  .navbar-toggler:focus {

    box-shadow: none;
  }

  .navbar-collapse {

    width: 100%;
    background-color: #191919 !important;
    position: fixed;
    left: 0;
    top: 3rem;
  }

  .navbar-collapse a {
    color: #fff !important;
  }

  .aerre-mobile {
      width: 6rem;
 
  }

  .exprimo-mobile {
   width: 8rem;
       margin-top: -4px;
  }
.navbar-toggler-icon {
        height: 1rem;
            width: 2em;
            float: right;
                margin-bottom: 2px;
  }

  @media only screen and (max-width: 600px) {
      a.aerrelink {

          border-right: 1px solid #EFEFEF !important;
      }

      .logo-more {
          width: auto;
          height: 30px;
          /* margin-top: 2rem;
                margin-bottom: 2rem; */

      }

      .loghiRight img.aerre {
          width: auto;
          height: 17px;

      }

      .loghiRight img.exprimo {
          width: auto;
          height: 28px;

      }
  }

  h1 {
      font-size: 4.5rem !important;
      line-height: 5.5rem;
      font-weight: 600;
  }

  h1>b {
      color: #fff !important;
      font-weight: inherit;
  }

  .main-sections h2 {
      font-size: 6rem !important;
      margin-bottom: 4rem !important;
  }

  .main-sections hr {
      /*    border-width: 5px;*/
      opacity: 1;
  }

  .text-and-image h3 {
      font-size: 2.25rem !important;
      margin-bottom: 2rem !important;
  }

  p {
      font-size: 1.5rem !important;
      margin-bottom: 2rem !important;
  }

  @media only screen and (max-width: 600px) {
      h1 {
          font-size: 2rem !important;
          line-height: 3rem;
          font-weight: 600;
      }

      .main-sections h2 {
          font-size: 2.5rem !important;
          margin-bottom: 2rem !important;
      }

      p {
          font-size: 1rem !important;
          margin-bottom: 1rem !important;
      }
  }

  .arrow-bot {
      width: 8rem;
      height: auto
  }

  .arrow-leftright {
      width: 5rem !important;
      height: auto !important
  }

  .arrow-leftright-disabled,
  .swiper-button-disabled {
      opacity: .5 !important
  }

  .sliderTitleAndArrows {
      height: 100%;
      display: flex !important;
      align-content: space-around !important;
      flex-direction: column !important;
      justify-content: space-between !important;
  }

  @media only screen and (max-width: 600px) {
      .arrow-leftright {
          width: 3rem !important;
          height: auto !important
      }
  }

  /*
.swiper-wrapper   { height: 60vh}
.swiper-slide   { width:auto;  object-fit:cover;   object-position: bottom }
*/

  .col-border-bot {
      border-bottom: 1px solid #D5CFB7
  }

  @media only screen and (max-width: 600px) {
      .col-border-bot {
          border-bottom: 0px solid #D5CFB7
      }
  }

  section {
      margin: 8rem 0;
  }

  @media only screen and (max-width: 600px) {
      section {
          margin: 5rem 0;
      }
  }

  UL.numeri {
      padding: 0;
      margin: 0;
      list-style: none !important
  }

  UL.numeri LI:first-child {
      font-size: 6rem !important;
      font-weight: 500;
  }

  .target-element {
      scroll-margin-top: 11rem!important;
  }

  .target-element-plus {
      scroll-margin-top: -100px;
  }

  @media only screen and (max-width: 600px) {
      .target-element {
          scroll-margin-top: 40px;
      }

      .target-element-plus {
          scroll-margin-top: -60px;
      }

      UL.numeri LI:first-child {
          font-size: 3rem !important;
      }
  }
@property --from {
  syntax: '<integer>';
  initial-value: 0;
  inherits: false;
}

.counter {
  transition: --from 1s;
  counter-reset: int var(--from);
  animation: counter var(--time, 1000) forwards ease-in-out;
}

.counter::after {
  content: counter(int);
}

@keyframes counter {
  to {
    --from: var(--to, 100);
  }
}
  /*-------FOOTER-------------------------*/
  footer {
      color: #000;
      font-size: 0.8rem !important;
      text-align: left !important;
  }

  footer HR {
      margin: 3rem 0px;
  }

  .footer-more {
      background-position: center center;
      background-size: cover;
      background-repeat: no-repeat;

  }

  .loghi-footer-bottom {
      display: flex;
      flex-direction: row;
      align-items: flex-end;
          justify-content: space-between;
  }


@media only screen and (max-width: 600px) {
  .loghi-footer-bottom {
      
    justify-content: center!important;
  }

  

}

  footer a {
      color: #000 !important;
      text-decoration: none !important;
  }

  footer a:hover {
      text-decoration: underline !important;
  }
    .logo-aerre-nero {
        width: 122px;
       
        
    }
.logo-aerre-nero-link{
           padding-right: 2rem !important;
      margin-right: 1.8rem !important;
      /* border-right: 2px solid #191919 !important; */
}
    .logo-exprimo-nero {
          width: 161px;
    margin-bottom: 9px;
    }
  @media only screen and (max-width: 600px) {

      footer {
          text-align: center !important;
      }

      .logo-more-color {
          width: 88px;
      }

      .logo-aerre-nero {
          width: 64px;
      }

      .logo-exprimo-nero {
          width: 82px;
          margin-bottom: 4px;
      }

      footer HR {
          margin: 1rem 0px;
      }

  }

  /* ------------- FORM ---------- */

  form label {
      color: #D5CFB7;
      width: 100% !important;
  }

  form input {
      border-width: 0;
      background-color: transparent !important;
      color: #fff;
      width: 100% !important;
      border-bottom: 1px solid #D5CFB7;
      border-right: 0px solid black;
  }

  form textarea {
      resize: vertical;
      width: 100%;
      background-color: transparent;
      color: #fff;
      border: 1px solid #D5CFB7;
  }

  [type=button],
  [type=reset],
  [type=submit],
  button {
      font-size: 1.2rem !important;
      border-radius: 4rem;
      padding: 1rem 3rem;
      color: #191919;
      font-weight: bold;
      background-color: #E2E0DA !important;
      width: 250px !important;
  }
.screen-reader-response , .screen-reader-response  p, .wpcf7-response-output, .wpcf7-not-valid-tip{
    font-size: 1rem!important;
        margin-bottom: 1rem !important;
        color:red;
}
.screen-reader-response { 
    display: none!important;
}
  @media only screen and (max-width: 600px) {

      [type=button],
      [type=reset],
      [type=submit],
      button {
          font-size: 1rem !important;
          border-radius: 2rem;
          padding: 0.5rem 1.5rem;
          color: #191919;
          font-weight: bold;
          width: 110px !important;
      }
  }

  p.disclamerform {
      font-size: 1rem !important;
      margin-top: -1.5rem !important;
      margin-bottom: 2rem !important;
  }

  .contact-icons {
      font-size: 2rem;
  }

  .contact-icons a,
  a.menuancore {
      color: #FFF !important;
      text-decoration: none !important;
      font-size: 1.1rem;
  }

  .contact-icons a:hover  {
      text-decoration: underline !important;
  }

    .contact-icons   a{
        
        font-size: 2rem;
            
        }
 


.menuancore {
  position: relative; /* Importante per posizionare il ::after rispetto al link */
  text-decoration: none; /* Rimuove la sottolineatura predefinita del link */
  color: black; /* Colore del testo del link, puoi cambiarlo */
  padding-bottom: 5px; /* Spazio sotto il testo per la linea */
}

.menuancore::after {
  content: ''; /* Obbligatorio per i pseudo-elementi */
  position: absolute; /* Permette di posizionare la linea */
  bottom: 0; /* Posiziona la linea sul fondo del link */
  right: 0; /* Allinea la linea a destra del link */
  width: 0; /* Larghezza iniziale della linea (invisibile) */
  height: 2px; /* Altezza della linea rossa */
  background-color: red; /* Colore della linea */
  transition: width 0.3s ease-out; /* Animazione della larghezza */
}

.menuancore:hover::after {
  width: 75%; /* Larghezza finale della linea al hover */
}

  @media only screen and (max-width: 600px) {
      .contact-icons img {
          width: 50px !important;
      }

      .contact-icons a {
          font-size: 1.5rem !important;
      }
  }


  .coldxloghi {
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
      align-items: center;
  }

  .border-top {
      border-top: 1px solid #D5CFB7 !important
  }


  .f-button {
      color: #000
  }

  .swiper-slide {
      width: fit-content !important;
  }



/*********************
* IUBENDA RESTYLING *
*********************/
#iubenda-iframe .iubenda-iframe-footer #iubFooterBtnContainer button {
    background-color: black !important;
}
/* #iubenda-cs-banner .iubenda-cs-opt-group .iubenda-cs-opt-group-consent .iubenda-cs-reject-btn.iubenda-cs-btn-primary,
#iubenda-cs-banner .iubenda-cs-opt-group button.iubenda-cs-accept-btn, #iubenda-cs-banner .iubenda-cs-opt-group button.iubenda-cs-btn-primary
{
/* background: linear-gradient(22deg, #151b3d -9%, #af3185 50%, #283c85) !important; * /
background: linear-gradient(22deg, #151b3d -10%, #af3185 150%) !important;
} */


/**********************************************
 * FANCYBOX THUMBS AND ARROWS FIXING OVERRIDE *
 **********************************************/
button[title="Next"],
button[title="Previous"] {
     font-size: 0.8rem !important;
     border-radius: 50%;
     padding: 0;
     color: #191919;
     font-weight: bold;
     background-color: #E2E0DA !important;
     /* background-color: transparent !important; */
     width: 50px !important;
     height: 50px !important;
     margin: 0 15px;
}
/* button[title="Next"]::after {
    content: "";
    background-image: url(../img/arrow-right.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}button[title="Previous"]::after {
    content: "";
    background-image: url(../img/arrow-left.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
} */
 .f-thumbs__slide__button{
     border-radius: .2rem !important;
     padding: 0rem 3rem !important;
     width: auto !important;
 }
 /* .fancybox-button svg path {
    fill: #1d1d1d !important;
    stroke-width: 0 !important;
} */
 

/****************
 * CONTACT FORM *
 ****************/
 .disclamerform span {
    font-size: 1rem !important;
    margin-top: -13px !important;
    margin-bottom: 0;
    padding: 0;
    margin-left: 0;
  }
  .disclamerform span a{
    color: #d5cfb7;
  }
  form input[name="acceptance-pp"] {
    border-width: 0;
    background-color: transparent !important;
    color: #fff;
    width: fit-content !important;
    /* height: 17px !important; */
    border-bottom: 1px solid #D5CFB7;
    border-right: 0px solid black;
    margin-right: 10px;
  }
  form input:disabled{
    background: #ffffff1c !important;
    border-bottom: none;
    color: grey;
  }