body {
      font-family: "Montserrat Alternates", sans-serif;;
      margin: 0;
      padding: 0;
      color: rgb(81, 89, 89);
     background-color: white;
      text-align: left;
      margin-block: auto;
    }
    
   h2  {
        font-family: "Boldonse", system-ui;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  font-size: 20PX;
letter-spacing: 0.09em;
margin-block: auto;
    }   
    
   h3  {
    
     font-family: "Boldonse", system-ui;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  margin-block: auto;
    }
    
    h1 {
      font-family: "Jost", serif;
    font-size: 25px;
     font-weight: 500;
    text-transform: uppercase;
    margin-block: auto;
    }
    
    a {
    color: #808080; /* Grigio */
    text-decoration: none; /* Rimuove la sottolineatura */
}

a:hover {
    color: #505050; /* Grigio più scuro al passaggio del mouse */
    text-decoration: none; /* Assicura che non venga aggiunta la sottolineatura */
}

/* FONT */

.forum-regular {
  font-family: "Forum", serif;
  font-weight: 400;
  font-style: normal;
}
.forum-regular {
  font-family: "Forum", serif;
  font-weight: 400;
  font-style: normal;
}
.boldonse-regular {
  font-family: "Boldonse", system-ui;
  font-weight: 400;
  font-style: normal;
}
.yesteryear-regular {
  font-family: "Yesteryear", cursive;
  font-weight: 400;
  font-style: normal;
}
.lustria-regular {
  font-family: "Lustria", serif;
  font-weight: 400;
  font-style: normal;
}
.montserrat-alternates-thin {
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.montserrat-alternates-extralight {
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.montserrat-alternates-light {
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.montserrat-alternates-regular {
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.montserrat-alternates-medium {
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.montserrat-alternates-semibold {
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.montserrat-alternates-bold {
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.montserrat-alternates-extrabold {
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.montserrat-alternates-black {
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.montserrat-alternates-thin-italic {
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.montserrat-alternates-extralight-italic {
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.montserrat-alternates-light-italic {
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.montserrat-alternates-regular-italic {
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.montserrat-alternates-medium-italic {
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.montserrat-alternates-semibold-italic {
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.montserrat-alternates-bold-italic {
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.montserrat-alternates-extrabold-italic {
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.montserrat-alternates-black-italic {
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 900;
  font-style: italic;}
  


/* intro */
.claim h3 {text-align: center;
font-size: 60px;
margin-block: 20px;}

.claim2 {text-align: center;
font-size: 31px;
margin-block: 20px;}

/* end intro */

/* END  FONT */

    /* CALENDARIO */
    .flatpickr-calendar {
      font-family: 'Roboto', sans-serif;
       font-size: 10px;
    }
    .flatpickr-day {
      font-size: 10px;
    }
    .flatpickr-month {
      font-family: 'Roboto', sans-serif;
      font-size: 10px;
    }

      /* END CALENDARIO */
  
.cell-flex {display: flex; }
    
    .text-right {
       text-align: right;
       font-size: 10px;
       width: 100%;
    }
    
    .hero {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    display: flex;
    justify-content: center;
    text-align: center;
    color: white;

    /* Sfondo immagine per mobile */
    background: url('http://www.naxoshouse.it/images/naxoshouse_banner.png') no-repeat center center;
    background-size: cover;
}

/* Video di sfondo visibile solo su desktop */
.hero-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
    
    /* info popup esperienze*/
      .open-gallery {
      padding: 12px 20px;
      background: #000;
      color: #fff;
      font-weight: bold;
      text-decoration: none;
      border-radius: 5px;
      display: inline-block;
      margin-bottom: 30px;
    }
    .popup-overlay {
      display: none;
      position: fixed;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background: rgba(0, 0, 0, 0.8);
      justify-content: center;
      align-items: center;
      z-index: 9999;
      padding: 20px;
      box-sizing: border-box;
    }
    .popup-content {
      background: #fff;
      padding: 20px;
      width: 100%;
      max-width: 600px;
      border-radius: 8px;
      position: relative;
      text-align: center;
      overflow-y: auto;
      max-height: 90vh;
      box-sizing: border-box;
    }
    .close-btn {
      position: absolute;
      top: 10px; right: 20px;
      font-size: 30px;
      cursor: pointer;
      color: #333;
    }
    .slideshow-container img {
      width: 100%;
      height: auto;
      object-fit: contain;
      border-radius: 6px;
      margin-bottom: 10px;
    }
    .popup-description {
      font-size: 16px;
      color: #444;
    }
    .tour-details {
      display: none;
      text-align: left;
      font-size: 15px;
      margin-top: 15px;
      background: #f9f9f9;
      padding: 15px;
      border-radius: 6px;
    }
    .show-details {
      margin-top: 10px;
      display: inline-block;
      font-size: 14px;
      color: #007bff;
      cursor: pointer;
      text-decoration: underline;
    }
 

/* Logo e testo centrati */
.hero-content {
    position: relative;
    text-align: center;
    color: white;
    z-index: 2;
}


    .hero {
      position: relative;
      min-height: 85vh;
      height: 85vh;
      overflow: hidden;
      display: flex;
      justify-content: center;
    }
    /* Video di sfondo nell'header */
    .hero video.hero-video {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%;
      height: 100%;
      object-fit: cover;
      transform: translate(-50%, -50%);
      z-index: 0;
    }
    /* Logo centrato */
    .logo {
      position: absolute;
      top: 20px;
      left: 50%;
      transform: translateX(-50%);
      width: 100px;
      z-index: 2;
    }
    .hero-content {
      position: relative;
      z-index: 2;
      color: darkblue;
      margin-top: 100px; 
      border-radius: 10px;
      max-width: 100%;
      text-align: center;  /* Testo centrato */
    }
    .hero-content h2 {
      font-family: 'Roboto', sans-serif;
      font-size: 30px;
      text-transform: uppercase;
      letter-spacing: 2px;
    }
   
   .titolo-intro {
       font-size: 40px;
       text-align: center;
       font-family: sans serif;
       line-height: 1.4em;
   }

     .hero-content h2.corinthia-regular {
  font-family: "Corinthia", serif;
  font-weight: 400;
  font-style: normal;
   font-size: 40px;
   word-spacing: 0.2em;
}


    .hero-content h1 {
      font-weight: 200; 
      margin-bottom: 0px; 
      font-size: 100px;
      text-transform: uppercase;
      margin-block-start: 0px;
      
    }
    
    
    .hero-content h2.corinthia-regular 
    {font-size: 50px;
margin-block-end: 0px;
text-transform: none;
        
    }
    .navbar {
      background: #fff;
      box-shadow: 0 4px 8px rgba(0,0,0,0.1);
      padding: 20px;
      position: sticky;
      top: 0;
      z-index: 1000;
      display: flex;
      justify-content: center;
    }
    .navbar ul {
      list-style: none;
      display: flex;
      justify-content: center;
      padding: 0;
      margin: 0;
    }
    .navbar ul li {
      margin: 0 25px;
    }
    .navbar ul li a {
      text-decoration: none;
      color: #5a5a5a;
      font-family: 'Founders Grotesk', 'Founders Grotesk Fallback', Verdana, sans-serif;
      font-weight: 500;
      font-size: 13px;
    }
    .bar1 {
      padding: 20px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .bar1 ul {
      list-style: none;
      display: flex;
      justify-content: center;
      padding: 0;
      margin: 0;
    }
    .bar1 ul li {
      margin: 0 25px;
    }
    .content {
      padding: 20px;
      background: #ffffff;
      margin-bottom: 20px;
}
    
    #note.h2 {
text-align: center;
}
    
 
    .footer .copy{
text-align: center;
font-size: 16px;
    }
    
     
    .footer .copy p{
         background: #f1eded;
padding-bottom: 30px;
    }
    
    
     .footer {
 background: #f1eded;

    }
    
    

    .accordion {
      background-color: #fff;
      color: #444;
      cursor: pointer;
      padding: 15px;
      width: 100%;
      border: none;
      text-align: left;
      outline: none;
      font-size: 18px;
      transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
      box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    }
    .accordion {
  text-transform: uppercase;         /* Testo in maiuscolo */
  text-align: left;                   /* Allineamento a sinistra */
  padding: 10px;                      /* Padding generale, 10px incluso a sinistra */
  padding-right: 40px;                /* Spazio extra a destra per l'icona */
  position: relative;                 /* Necessario per il posizionamento assoluto del ::after */
  background-color: #fff;
  border: none;
  cursor: pointer;
  outline: none;
  font-size: 18px;
  transition: max-height 0.3s ease, opacity 0.3s ease;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

.accordion::after {
  content: "▼";                       /* Freccia verso il basso (pannello chiuso) */
  position: absolute;
  right: 10px;                        /* Distanza 10px dal bordo destro */
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  transition: transform 0.3s ease;
}

.accordion.active::after {
  content: "▲";                       /* Freccia verso l'alto (pannello aperto) */
}
    .active, .accordion:hover {
      background-color: #f1f1f1;
    }
    .panel {
      max-height: 0;
      overflow: hidden;
      background-color: #f9f9f9;
      transition: max-height 0.3s ease-in-out;
       width:100%;
       margin-top: 10px;
    }
    
    .panel li {
        
    }
    
        .panel p {
        padding: 0px 30px 0px 30px;
        
    }
    
          .panel h2 {
        padding-left: 30px;
    
    
    }
              .panel h3 {
        padding-left: 30px;
        
    }
    
  #villa .villa-pd { 
      padding: 20px;
  }
    
.move 
     {
  scroll-margin-top: 50px; /* Sposta il punto di ancoraggio 20px più in basso */
}

    /* Stili per la galleria */
  .gallery-carousel {
      margin: 0 auto;
    }
    .gallery-carousel .gallery-item {
      width: 230px;
      margin-right: 30px;
      display: inline-block;
      vertical-align: top;
    }
   .gallery-carousel .gallery-item img {
      height: 170px;
      object-fit: cover;
      width: 100%;
display: block;
    }
     .gallery-carousel .gallery-description {
      text-align: center;
      margin-top: 10px;
      font-size: 14px;
      line-height: 1.2;
    }
    
         .gallery-carousel .gallery-description h4 {
     height: 15px; 
    }
 
 .gallery-click {
     position: relative;
display: inline-block;
 }
 
 .gallery-click img {
width: 100%;
display: block;
 }
 .gallery-click div {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
background: rgba(212, 210, 176, 0.5);
/* padding: 10px 20px; */
font-size: 18px;
font-weight: bold;
text-align: center;
border-radius: 5px;
height: 100%;
width: 100%;
}

.gallery-click p { padding: 20px;
      
  }
  .gallery-click a { color:#f5f4af;
      
  }


  .testo-img  {   position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
background: rgb(196, 183, 183);
font-size: 17px;
font-weight: bold;
text-align: center;
border-radius: 5px;
width: 100%;
height: 100%;
 }
 
 
 .testo-img  p {  padding: 10px;}
    
    #map {
   padding: 0px;
margin: 0px;
}

    
        #area { 
            background:rgb(144, 199, 199);
         margin-bottom: 0px;
        border-bottom: 1px solid rgb(81, 89, 89);;
      }
      
      #experiens {background:rgb(144, 199, 199);
         margin-bottom: 0px;
      }
    

      
       /* Stili per la experiens */
    #experiens .gallery-carousel {
      margin: 0 auto;
    }
    #experiens .gallery-carousel .gallery-item {
      width: 300px;
      margin-right: 30px;
      display: inline-block;
      vertical-align: top;
    }
    #experiens .gallery-carousel .gallery-item img {
      width: 300px;
      height: 300px;
      object-fit: cover;
    }
   #experiens .gallery-carousel .gallery-description {
text-align: left;
font-size: 14px;
line-height: 1.7;
    }
#experiens .gallery-carousel .gallery-description h3 {
   font-family: "Wittgenstein", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
    }
    
#esperti {
    display: flex;
    padding: 0px;
   background-color: rgb(255, 253, 228);
}
    
#esperti .image {
    flex: 1; /* Distribuisce equamente lo spazio */
    padding: 20px;
    text-align: center;
    max-width: 30%;
    display: flex;
align-items: center;
justify-content: center;
min-height: 100%;
}

#esperti .text {
    flex: 1; /* Distribuisce equamente lo spazio */
    padding: 20px;
   text-align: left;
font-size: 12px;
}

    
    /* Riduzione dello spazio tra la galleria e l'accordion */
    #gallery {
      margin-bottom: 10px;
      padding-bottom: 10px;
    }
    #villa {
      margin-top: 10px;
    }
    /* caratteristiche e servizi*/
    
    .accordion .panel {
        width:100%
    }
    
    .service-list .text_right {  text-align: right;
  font-size: 12px;
  width: 20%;
    }
    
    
   .service-list .text_right_e  {width: 100%;
  font-size: 10px;
  text-align: right;}
   
       .service-list li strong  {  text-align: left;
  width: 100%;
  font-weight: normal;
    } 
    
    
    
    ul.service-list {
      column-count: 2;
      column-gap: 30px;
      list-style: none;
      padding: 20px;
      margin: 0;
    }
    ul.service-list li {
      display: flex;
      align-items: center;
      bottom: 0px;
      padding-bottom: 10px; 
    }
    ul.service-list li::before {
      content: "";
      display: inline-block;
      background: url('../images/icone/ok.svg') no-repeat center center;
      width: 20px;
      height: 20px;
      margin-right: 8px;
      flex-shrink: 0;
    }
    /* Contenitore a due colonne fino alla sezione Map */
.pre-map-container {
  display: flex;
  flex-wrap: nowrap; /* Non wrap, se lo schermo lo permette */
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
 
}

    #review {padding-top: 0px;
padding-left: 0px;
    
    } 
    
      #review .area-container {
    display: flex;
    gap: 20px; 
    flex-wr: wrap;
    -webkit-flex-wrap: wrap;
}
    
  #review .area-right { display: flex;
align-items: center;
justify-content: center;
min-height: 100%;
padding: 20px;
width: 60%;
}
    
#review .area-right p    { 
    text-align: center;
font-family: wittgenstein;
font-size: 30px;}





   #review .area-left {   flex: 1;
text-align: left;
width: 40%;
background: rgb(249, 237, 221);
padding: 80px;
margin: 0 0 0 0;}

   #esperti .area-left {   flex: 1;
text-align: left;
width: 40%;
background: rgb(249, 237, 221);
padding: 65px;
margin: 0 0 0 0;}

  #esperti .area-right {
align-items: center;
justify-content: center;
min-height: 100%;
padding: 20px;
width: 60%;
}

#share {
  text-align: center;
   
}
#share  {
  text-align: center;
   
}



#contatti .container {
    display: flex;
    gap: 20px; 
 
}


   /* Contatti */
   
#contatti .column {
flex: 1;
text-align: justify;
line-height: 25px;
font-size:12px;
}

#contatti .column ul {
height: 63%;
padding-top: 20px;
}

#contatti .column p {
text-align: right;

}

.logo-footer {
width: 230px;
z-index: 2;
padding: 10px 0 0 30px;
}
    }
#posizione {
  background: #00acd8ff;
     margin: 0px;
     padding: 30px 30px 0 30px;
  color: white;
}

#posizione h2 {margin: 0px;
padding: 30px;}


#attivita {
    background: #b4d0d1;
    margin: 0px; 
    padding: 0px 30px 30px 30px;
}

#attivita h2 {margin: 0px;
padding: 30px;}

#mappa {
    background: #b4d0d1;
    margin: 0px;
    padding: 0px;
}

#area .area-right ul { border-top: 1px solid rgb(81, 89, 89); 
padding-top: 30px;
margin-top: 20px;
}
#area .area-right li { margin-bottom: 7px;
}

.fflatpickr-calendar {
    font-family: 'Editorial New', 'Editorial New Fallback', Baskerville, serif;
}
    /* Colonna di sinistra: contiene tutti i testi esistenti */
.pre-map-container .left-column {
  width: 70%;
} 
   
   
    
.pre-map-container .right-column {
  width: 30%;
  padding-top: 50px;
  position: -webkit-sticky; /* per Safari */
  position: sticky;
  top: 20px;
  align-self: flex-start;
}


        /* Form contatti, sticky */
    
    #form .flatpickr-input
    {width: 95%;;}
    
    
    
      /* Contenitore dello slideshow (es. full screen) */
  #slideshow {
    display: none; /* inizialmente nascosto */
    width: 100vw;
    height: 100vh;
    background: #000;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
  }
  /* Contenitore del carosello */
  .slider-container {
    width: 100%;
    height: 100%;
  }
  /* Ogni slide è un contenitore flex per centrare l'immagine */
  .slider-container .slide {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100vh;
  }
  /* L'immagine viene scalata per non superare il 100% in altezza o in larghezza e centrata */
  .slider-container .slide img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    object-position: center center;
  }
  /* Pulsante per uscire dalla modalità full screen */
  #exitFullScreen {
    position: absolute;
    top: 20px;
    right: 20px;
    background: rgba(255,255,255,0.8);
    color: #000;
    padding: 10px 15px;
    border: none;
    cursor: pointer;
    font-size: 14px;
    z-index: 10001;
  }
  
        .menu {
            display: flex;
            justify-content: center;
            align-items: center;
            background: #fff;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
            padding: 10px 0;
            position: sticky;
            top: 0;
            z-index: 1000;
        }
        .menu a {
            text-decoration: none;
            color: #333;
            padding: 10px 15px;
            font-size: 14px;
            font-weight: normal;
            text-transform: uppercase;
            display: flex;
            align-items: center;
        }
        .menu a:not(:last-child) {
            border-right: 1px solid #ddd;
        }
        .menu a:hover {
            color: #0073e6;
        }
        .menu-toggle {
            display: none;
            font-size: 24px;
            background: none;
            border: none;
            cursor: pointer;
        }
    
    @media (max-width: 768px) {
        
            .hero-video {
        display: none;
    }

    /* Aggiunge un'immagine di sfondo solo su mobile */
    .hero-video {
        display: none;
    }


/* Logo e testo centrati sopra il video o immagine */
.hero-content {
    position: relative;
    z-index: 2;
}

.logo {
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 150px;
}


.titolo-intro {
    font-size: 20px;
    line-height: 1.8em;}

.titolo-intro .corinthia-regular {font-size: 40px; }
    
      .hero-content h1 {
        font-size: 50px;
      }
      .hero-content h2 {
        font-size: 20px;
      }
      .navbar ul {
        flex-direction: column;
      }
      .navbar ul li {
        margin: 10px 0;
      }
  .pre-map-container {
    flex-direction: column;
  }
  
    .guestbook-image {
        max-height: 100px; /* Altezza ridotta su mobile */
    }
    .guestbook {padding: 5px;}
    
    
  .pre-map-container .left-column,
  .pre-map-container .right-column {
    width: 100%;
    position: relative;
    top: 0px;
    padding: 20px 0px;
}

           .menu {
                flex-direction: column;
                align-items: flex-start;
                display: none;
                position: absolute;
                top: 100%;
                left: 0;
                width: 100%;
                background: #fff;
                box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
            }
            .menu a {
                width: 100%;
                padding: 15px;
                border-right: none;
                border-bottom: 1px solid #ddd;
            }
            .menu-toggle {
                display: block;
                position: absolute;
                top: 10px;
                right: 10px;
            }
            .menu.show {
                display: flex;
            }



.content {
     padding: 0px; }
     
 /* rewiev */   
 
 #rewiev {
     text-align: center;
padding: 0px;
 }
 
       #review .area-container {
    display: block;
    gap: 0px; 

}
 
 #review .area-left {
 text-align: center;
width: 100%;
padding: 20px 0px;
margin: 0px; } 


 #review .area-right {
 text-align: center;
width: 100%;
padding: 20px 0px;
margin: 0px;
} 
   
     #esperti {
         display: block; 
     }
   
  #esperti .area-left {
 text-align: center;
width: 100%;
padding: 20px 10px 20px 10px;
margin: 0px; } 


 #esperti .area-right {
display: block;
text-align: center;
width: 100%;
padding: 20px 0px;
margin: 0px;
background: rgb(255, 253, 228);} 


#note ul.service-list {
column-count: 1;
column-gap: 20px;
list-style: none;
padding: 5px;
margin: 0;
}



#villa .villa-pd {
    padding: 0px; 
}

#villa .panel p {
padding: 0px 10px;
text-align: justify;
}

.servizi ul.service-list {
column-count: 1;
column-gap: 30px;
list-style: none;
padding: 20px;
margin: 0;
}

.incluso ul.service-list {
    column-count: 1;
column-gap: 30px;
list-style: none;
padding: 20px;
margin: 0;
    
}

   #review .area-right p    { 
font-size: 20px;
       padding: 10px;
   }         
            
     #review .img    { 
display:flex;}    
 /* footer */   
 
  #contatti .container {
display: block;

}
            
 #contatti .column {
flex: 1;
text-align: center;
line-height: 20px;
font-size:12px;
}

#contatti .column ul {
list-style-type: none;
padding: 0;
margin: 0;
text-align: center;

}

#contatti .column p {
text-align: center;

}

.wittgenstein {
    font-size: 18px;
}

#posizione h2 {
margin: 0px;
padding: 10px;
}

#posizione {padding: 30px 30px 30px 30px;}

#posizione .area-container {display: block !important;}


.cell-testo {
    padding: 20px;
    display: block;
    
}

.logo-footer {
width: 160px;
    } 
        
    
#esperti .area-left {
text-align: center;
width: 100%;
padding: 0px 0px 0px 0px;
margin: 0px;
}

 .bar1 ul li { text-align: center;
    
}

 .gallery-carousel .gallery-item img { height: 280px;
}
.gallery-carousel .gallery-item  { width: 350px;
}

#esperti .area-left  img {
padding: 20px;
}

 
}