@charset "UTF-8";
/*
  unified.css
*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800;900&display=swap');


/* ===== style.css ===== */
/* CSS Document */

:root{
    /*
    --bg:#060908;
    --panel:#0d1110;
    --gold:#c98720;
    --gold2:#e0a033;
    --text:#f4f4f2;
    --muted:#c9c6bf;
    --line:rgba(201,135,32,.35)
    */
    --bg:#222831;
    --panel:#0d1110;
    --gold:#CD7F32;
    --gold2:#CD7F32;
    --text:#f4f4f2;
    --muted:#5F6B73;
    --line:rgba(201,135,32,.35)
}
*{
    box-sizing:border-box;
}
body{
    margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text)
}
a{
    text-decoration:none;
    color:inherit
}
.wrap{
    width:min(1180px,92%);
    margin:auto
}
.gold{
    color:var(--gold2)
}
.top{
    /*background:#050606;*/
    background:#222831;
    border-bottom:1px solid var(--line);
    font-size:13px;color:var(--gold2)
}
.top .wrap{
    height:38px;
    display:flex;
    align-items:center;
    justify-content:space-between
}
.top span{
    margin-left:24px;
    /*color:#f1dfbd;*/
    color:#CD7F32;
}
header{
    position:sticky;
    top:0;
    z-index:20;
    /*background:rgba(5,6,6,.92);*/
    background:#222831;
    backdrop-filter:blur(8px);
    border-bottom:1px solid var(--line)
}
nav{height:72px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-weight:900;font-size:30px}.brand i{font-style:normal;border:2px solid var(--gold);color:var(--gold);padding:4px 7px;border-radius:3px}.brand small{font-size:12px}.menu{display:flex;gap:28px;align-items:center;font-size:13px;font-weight:800}.btn{display:inline-flex;align-items:center;gap:14px;border:1px solid var(--gold);padding:14px 22px;font-weight:800;color:var(--gold2);text-transform:uppercase}
.btn.fill{
    /*background:linear-gradient(90deg,#d49128,#f0b13d);*/
    background:#CD7F32;
    color:#090909;
    border:0
}
.hero{
    min-height:650px;
    /*background:linear-gradient(90deg,#050606 0%,rgba(5,6,6,.86) 42%,rgba(5,6,6,.25)),url('https://www.pelizzari-srl.it/images/sliderHp.webp') center/cover;*/
    /*background:linear-gradient(90deg,#222831 0%,rgba(5,6,6,.86) 42%,rgba(5,6,6,.25)),url('https://www.pelizzari-srl.it/images/sliderHp.webp') center/cover;*/
    background:
    linear-gradient(
        90deg,
        rgba(34,40,49,.75) 0%,
        rgba(34,40,49,.50) 42%,
        rgba(34,40,49,.10) 100%
    ),
    url('https://www.pelizzari-srl.it/images/sliderHp.webp')
    center/cover;

    display:flex;
    align-items:center;
    border-bottom:1px solid var(--line)
}
h1{
    font-size:clamp(44px,6vw,23px);
    line-height:.98;
    margin:0 0 24px;
    font-weight:600;
    letter-spacing:-2px;
}
.lead{
    font-size:22px;
    line-height:1.55;
    /*color:#eee;*/
    color:#5F6B73;
    max-width:600px;
}
.specs{display:flex;gap:42px;margin:42px 0}.spec{display:flex;gap:14px;align-items:center;border-right:1px solid var(--line);padding-right:34px;font-size:14px;font-weight:800}.ico{width:42px;height:42px;border:2px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold2)}.actions{display:flex;gap:18px;flex-wrap:wrap}
.features{
    /*background:#0b0d0c;*/
    background:#222831;
    border-bottom:1px solid var(--line)
}
.features .wrap{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
    padding:35px 0;
}
.feature{
    display:flex;
    gap:18px;
}.feature h3,.eyebrow{color:var(--gold2);font-size:14px;text-transform:uppercase;margin:0 0 8px;font-weight:900}.feature p,p{color:var(--muted);line-height:1.65;margin:0}
section{padding:70px 0;border-bottom:1px solid rgba(201,135,32,.22)}.grid2{display:grid;grid-template-columns:1fr 1.35fr;gap:70px;align-items:center}h2{font-size:42px;line-height:1.1;margin:0 0 24px}.photo{border:1px solid var(--line);min-height:560px;background:url('https://www.pelizzari-srl.it/images/azienda.webp') center/cover;box-shadow:0 0 0 1px rgba(0,0,0,.8)}
.center{text-align:center}.sectors{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-top:28px}.sector{border:1px solid var(--line);padding:34px 15px;min-height:150px;display:grid;place-items:center;color:var(--gold2);font-weight:900;text-transform:uppercase}.sector b{font-size:42px;line-height:1}
.darkband{
    /*background:linear-gradient(90deg,#07100f,#0b0d0c)*/
    background: #222831;
}
.work{
    display:grid;
    grid-template-columns:1fr 2.1fr;
    gap:38px;
}
.checks{
    list-style:none;
    padding:0; 
    margin:20px 0;
}
.checks li{
    margin:10px 0;
    /*color:#eee;*/
    color:#5F6B73;
}
.checks li:before{content:'✓';color:var(--gold2);margin-right:10px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:#101514;border:1px solid var(--line);overflow:hidden}.card img{width:100%;height:185px;object-fit:cover;filter:grayscale(.35)}.card div{padding:18px}.card h3{font-size:16px;color:var(--gold2);margin:0 0 8px;text-transform:uppercase}.card p{font-size:13px}
.cases{display:grid;grid-template-columns:1fr 1fr;gap:26px}.case{display:grid;grid-template-columns:1fr 1fr;background:#0d1110;border:1px solid var(--line)}.case img{width:100%;height:210px;object-fit:cover}.case div{padding:24px}.case h3{color:var(--gold2);margin:0 0 10px}
.stats{
    /*background:#07100f;*/
    background: #222831;
}
.stats .wrap{display:grid;grid-template-columns:repeat(6,1fr);text-align:center}.stat{padding:32px 10px;border-right:1px solid var(--line)}.stat strong{display:block;color:var(--gold2);font-size:38px}.stat span{color:#ddd;font-size:13px}
@media(max-width:900px){.menu{display:none}.features .wrap,.sectors,.cards,.stats .wrap{grid-template-columns:1fr 1fr}.grid2,.work,.cases{grid-template-columns:1fr}.hero{padding:80px 0}.specs{flex-direction:column}.case{grid-template-columns:1fr}}@media(max-width:560px){.features .wrap,.sectors,.cards,.stats .wrap{grid-template-columns:1fr}.top .wrap{height:auto;padding:10px 0;display:block}.brand{font-size:24px}}



.lavorazioni-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:10px;
margin-top:40px;
}

@media(max-width:900px){
.lavorazioni-grid{
    grid-template-columns:1fr 1fr;
}
}

@media(max-width:560px){
.lavorazioni-grid{
    grid-template-columns:1fr;
}
}


/* ===== css/custom.css ===== */
/* CSS Document */

html {
    font-size: calc(.6rem + .3vw);
  }

:root{
    /*--giallo: #FFAA17;*/
    --giallo: #CD7F32;
    --nero: #000;
    --bianco: #fff;
    --grigio: #E0E0E0;
}

body{
    font-family: 'Rajdhani', sans-serif;
}

h1.titolo_slider{
    font-size: 2rem;
    font-weight: 700;
    color: var(--bianco);
    text-align: center;
}

h1, .h1 {
    font-size: calc(2.5rem + 0.3vw);
    color: var(--giallo);
    font-weight: 700;
    text-align: center;
  }
h2, .h2 {
    font-size: calc(1.2rem + 0.3vw);
    font-weight: 700;
  }

#parco_macchine h3, .h3 {
    font-size: calc(2.3rem + 0.3vw);
    font-weight: 700;
    color: var(--bianco);
  }

h4, .h4 {
    font-size: calc(.7rem + 0.6vw);
  }

h5, .h5 {
    font-size: 1.25rem;
  }

  h6, .h6 {
    font-size: .95rem;
  }

  p{
    font-size: 1.1rem;
  }

.menu{
    font-weight: 700;
}

.link-menu{
    background-color: #fff;
    height: 100%;
    padding: 0 10px;
}

.phone{
    background-color: var(--giallo);
    padding: 10px;
}
.navbar{
    --bs-navbar-nav-link-padding-x: 1rem;
    --bs-navbar-color: #000;
}

.navbar-nav .nav-link.active {
    color: var(--giallo);
  }

  .nav-link:hover, .nav-link:focus {
    color: var(--giallo);
}

.icona-plus{
    width: 12px;
}

.btn-primary {
   background-color: var(--giallo);
   border-color:  var(--giallo);
   color: #000;
   border-radius: 0;
   font-size: 1.2rem;
   font-weight: 700;
   transition: width 1s;
   width: 100%;
}

  .btn-primary:hover {
    background-color: var(--giallo);
    border-color:  var(--giallo);
    color: #000;
    width: 80%;
    transition-timing-function: linear;
   }

   .btn-secondary {
    background-color: var(--bianco);
    border: 3px solid var(--grigio);
    color: #000;
    border-radius: 0;
    font-size: 1.2rem;
    font-weight: 700;
    padding: 5px 20%;
 }
 
   .btn-secondary:hover {
     background-color: var(--bianco);
     border: 3px solid var(--grigio);
     color: #000;
    }

   .slider{
    position: relative;
}

.carousel-control-prev{
    justify-content: start;

} 

.carousel-control-next{
    justify-content: end;
}

.carousel-control-prev, .carousel-control-next{
    opacity: 1;
    background-color: rgba(255, 255, 255, 0.5);
    width: 10%;
    height: 50px;
    top: 50%;
    justify-content: center;
}

.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm{
    --bs-offcanvas-width: 200px;
}

.dropdown-menu{
    border-radius: 0;
}

#azienda{
    padding: 50px 0;
}

ul.azienda{
    padding: 10px 0;
}

ul.azienda li{
    list-style: none;
    font-weight: 600;
}

ul.azienda li img{
    width: 13px;
}

#parco_macchine{
    padding: 0 0 50px 0;
    text-align: center;
}

.parco_bg{
    background-image: url("../images/bg_parco_macchine.webp");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px 0 150px 0;
}

.parco_img{
    margin-top: -100px;
}

#lavorazioni{
    background-image: none;
}

.box_lavorazioni{
    padding: 30px;
    color: var(--nero);
    border: 1px solid var(--grigio);
    height: auto;
    background-color: var(--bianco);
    text-align: center;
    margin-bottom: 20px;
}

.icona-lav img{
    width: 70px;
    margin: 0 0 30px 0;
}

.text-lav p{
    font-weight: 600;
    font-size: 2rem;
}

#impianti{
    padding: 50px 0;
    background-color: var(--grigio);
    background-image: none;
    text-align: center;
}

#impianti h3, .h3 {
    font-size: calc(3rem + 0.3vw);
    font-weight: 700;
    color: var(--nero);
  }

  footer{
    padding: 50px 0 0 0 ;
    background-image: url("../images/bg-footer.webp");
    background-size: cover;
    background-repeat: no-repeat;
  }

  .footer-bottom{
    padding: 20px 0;
    background-color: var(--grigio);
  }
  .video{
    aspect-ratio: 16 / 9;
    width: 100%;
  }
  .logo_cert{
    width: 20%;
    margin: 0 0 15px 0;
  }

#gallery_azienda img{
  margin: 10px 0;
}

#impianti.no-img{
  background-image: none;
  background-color: var(--bianco);}

  #lavorazioni.lav_int{
    height: auto;
    padding: 100px 0;
    background-image: none;
    min-height: auto;
  }

  #realizzazioni{
    padding: 100px 0;
  }



  /* stili gallery */

  * {
    box-sizing: border-box;
  }
  
  h1 {
    font-size: 50px;
    word-break: break-all;
  }
  
  realizzazioni .row {
    margin: 10px -16px;
  } 
  
  /* Add padding BETWEEN each column */
#realizzazioni .row,
  .row > .column {
    padding: 8px 0;
  } 
  
  /* Create three equal columns that floats next to each other */
  .column {
    float: left;
    width: 20%;
    display: none; /* Hide all elements by default */
  }
  
  /* Clear floats after rows */ 
  .row:after {
    content: "";
    display: table;
    clear: both;
  }
  
  /* Content */
  .content {
    background-color: white;
    padding: 10px;
  }
  
  /* The "show" class is added to the filtered elements */
  .show {
    display: block;
  }
  
  /* Style the buttons */
  .btn {
    border: 2px solid var(--giallo);
    outline: none;
    padding: 12px 16px;
    /*background-color: var(--giallo);*/
    cursor: pointer;
  }
  
  .btn:hover {
    /*
    background-color: #ddd;
    border: 2px solid #ddd;
    */
  }
  
  .btn.active2 {
    background-color: var(--giallo);
    color: var(--nero);
    border: 2px solid var(--giallo);
  }

  .b_radius_none{border-radius: 0;}
  .lavorazioni .content img{padding-bottom: 8px;}
  .realizzazioni .content img{padding-bottom: 8px;}
  .azienda .content img{padding-bottom: 8px;}

  #realizzazioni img {
    margin: 10px 0;
  }


/* ===== css/custom_extra.css ===== */
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

    .phone{
        background-color: var(--giallo);
        padding: 20px;
    }

    h1.titolo_slider{
        font-size: 6rem;
        font-weight: 700;
    }
    #lavorazioni{
        background-image: url("../images/box-giallo.webp");
        background-position: right bottom;
        background-repeat: no-repeat;
        min-height: 900px;
        background-size: 40%;
    }

}


/* ===== css/custom_large.css ===== */
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

    h1.titolo_slider{
        font-size: 6.5rem;
        font-weight: 700;
    }

    .phone{
        background-color: var(--giallo);
        padding: 10px;
    }
    h1, .h1 {
        font-size: calc(0.8rem + 0.3vw);
        text-align: left;
      }
     

}


/* ===== css/custom_medium.css ===== */
/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {

    
    .carousel-control-prev, .carousel-control-next{
        width: 3%;
    }
    h4, .h4 {
        font-size: calc(1rem + 0.6vw);
      }
      h6, .h6 {
        font-size: 1.25rem;
      }
      #impianti{
        padding: 100px 0;
        background-color: var(--grigio);
        background-image: url("../images/box-giallo.webp");
        background-position: right top;
        background-repeat: repeat-y;
        text-align: left;
        background-size: 40%;
    }
    .box_lavorazioni{
        padding: 30px;
        text-align: left;
        margin-bottom: 0;
        height: 100%;
    }
    .text-lav p{
        font-weight: 600;
        font-size: 1.5rem;
    }

      .logo_cert{
        width: auto;
        margin: 0;
      }
}


/* ===== css/custom_small.css ===== */
/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {

    h1.titolo_slider{
        font-size: 4rem;
    }
    .carousel-control-prev, .carousel-control-next{
        width: 5%;
    }
    #parco_macchine h3, .h3 {
        font-size: calc(3.5rem + 0.3vw);
      }
    #azienda{
        padding: 100px 0;
    }
    #parco_macchine{
        padding: 0 0 100px 0;
    }
    h1, .h1 {
        font-size: calc(1.3rem + 0.3vw);
        text-align: left;
      }
      #lavorazioni{
        background-image: url("../images/box-giallo.webp");
        background-position: right bottom;
        background-repeat: no-repeat;
        min-height: 700px;
        background-size: 40%;
    }
    .box_lavorazioni{
        padding: 70px 30px;
        text-align: left;
        margin-bottom: 0;
        height: 100%;
    }
    .icona-lav img{
        width: 70px;
        margin: 0 50px 30px 0;
    }
    .text-lav p{
        font-weight: 600;
        font-size: 1rem;
    }
    #impianti{
        padding: 80px 0;
        background-color: var(--grigio);
        text-align: left;
    }

      .logo_cert{
        width: inherit;
        margin: 0 0 15px 0;
      }
     
}


/* ===== Inline <style> da company.html #1 ===== */
.page-hero {
      min-height: 360px;
      display: flex;
      align-items: end;
      border-bottom: 1px solid var(--line);
      background: linear-gradient(90deg, rgba(34, 40, 49, .82), rgba(34, 40, 49, .35)), var(--hero-img) center/cover
    }

    .page-hero .wrap {
      padding: 95px 0 70px
    }

    .page-hero h1 {
      max-width: 900px
    }

    .gallery-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 16px
    }

    .gallery-grid img {
      width: 100%;
      height: 230px;
      object-fit: cover;
      border: 1px solid var(--line);
      filter: grayscale(.25)
    }

    .gallery-grid .wide {
      grid-column: span 2
    }

    .video {
      width: 100%;
      aspect-ratio: 16/9;
      min-height: 420px;
      border: 1px solid var(--line)
    }

    .form-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 34px;
      align-items: stretch
    }

    .contact-card,
    .form-card {
      background: #101514;
      border: 1px solid var(--line);
      padding: 28px
    }

    label {
      display: block;
      color: var(--gold2);
      font-weight: 800;
      text-transform: uppercase;
      font-size: 13px;
      margin: 0 0 8px
    }

    input,
    textarea {
      width: 100%;
      background: #0d1110;
      border: 1px solid var(--line);
      color: var(--text);
      padding: 14px;
      margin-bottom: 18px;
      font: inherit
    }

    textarea {
      min-height: 130px;
      resize: vertical
    }

    .map {
      width: 100%;
      height: 100%;
      min-height: 520px;
      border: 1px solid var(--line)
    }

    .page-list {
      list-style: none;
      padding: 0;
      margin: 22px 0
    }

    .page-list li {
      margin: 12px 0;
      color: var(--muted);
      line-height: 1.6
    }

    .page-list li:before {
      content: '✓';
      color: var(--gold2);
      margin-right: 10px
    }

    .cert-box {
      max-width: 420px;
      margin: 42px auto 0;
      text-align: center
    }

    .cert-box img {
      max-width: 220px;
      width: 70%;
      height: auto;
      margin-top: 22px
    }

    @media(max-width:900px) {
      .gallery-grid {
        grid-template-columns: repeat(2, 1fr)
      }

      .form-grid {
        grid-template-columns: 1fr
      }

      .video {
        min-height: 260px
      }
    }

    @media(max-width:560px) {
      .gallery-grid {
        grid-template-columns: 1fr
      }

      .gallery-grid .wide {
        grid-column: span 1
      }
    }

    .menu a.active {
      color: var(--gold2)
    }


/* ===== Inline <style> da gallery.html #1 ===== */
.page-hero {
      min-height: 360px;
      display: flex;
      align-items: end;
      border-bottom: 1px solid var(--line);
      background: linear-gradient(90deg, rgba(34, 40, 49, .82), rgba(34, 40, 49, .35)), var(--hero-img) center/cover
    }

    .page-hero .wrap {
      padding: 95px 0 70px
    }

    .page-hero h1 {
      max-width: 900px
    }

    .gallery-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 16px
    }

    .gallery-grid img {
      width: 100%;
      height: 230px;
      object-fit: cover;
      border: 1px solid var(--line);
      filter: grayscale(.25)
    }

    .gallery-grid .wide {
      grid-column: span 2
    }

    .video {
      width: 100%;
      aspect-ratio: 16/9;
      min-height: 420px;
      border: 1px solid var(--line)
    }

    .form-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 34px;
      align-items: stretch
    }

    .contact-card,
    .form-card {
      background: #101514;
      border: 1px solid var(--line);
      padding: 28px
    }

    label {
      display: block;
      color: var(--gold2);
      font-weight: 800;
      text-transform: uppercase;
      font-size: 13px;
      margin: 0 0 8px
    }

    input,
    textarea {
      width: 100%;
      background: #0d1110;
      border: 1px solid var(--line);
      color: var(--text);
      padding: 14px;
      margin-bottom: 18px;
      font: inherit
    }

    textarea {
      min-height: 130px;
      resize: vertical
    }

    .map {
      width: 100%;
      height: 100%;
      min-height: 520px;
      border: 1px solid var(--line)
    }

    .page-list {
      list-style: none;
      padding: 0;
      margin: 22px 0
    }

    .page-list li {
      margin: 12px 0;
      color: var(--muted);
      line-height: 1.6
    }

    .page-list li:before {
      content: '✓';
      color: var(--gold2);
      margin-right: 10px
    }

    .cert-box {
      max-width: 420px;
      margin: 42px auto 0;
      text-align: center
    }

    .cert-box img {
      max-width: 220px;
      width: 70%;
      height: auto;
      margin-top: 22px
    }

    @media(max-width:900px) {
      .gallery-grid {
        grid-template-columns: repeat(2, 1fr)
      }

      .form-grid {
        grid-template-columns: 1fr
      }

      .video {
        min-height: 260px
      }
    }

    @media(max-width:560px) {
      .gallery-grid {
        grid-template-columns: 1fr
      }

      .gallery-grid .wide {
        grid-column: span 1
      }
    }

    .menu a.active {
      color: var(--gold2)
    }
  

    .gallery-grid a.gallery-item {
      display: block;
      overflow: hidden;
      border: 1px solid var(--line);
      cursor: zoom-in;
      position: relative;
      background: #101514;
    }

    .gallery-grid a.gallery-item img {
      border: 0;
      transition: transform .35s ease, filter .35s ease, opacity .35s ease;
    }

    .gallery-grid a.gallery-item:hover img {
      transform: scale(1.08);
      filter: grayscale(0);
      opacity: .92;
    }

    .gallery-grid a.gallery-item::after {
      content: '+';
      position: absolute;
      right: 12px;
      bottom: 10px;
      width: 34px;
      height: 34px;
      display: grid;
      place-items: center;
      border: 1px solid var(--gold);
      color: var(--gold2);
      background: rgba(13,17,16,.75);
      font-size: 24px;
      line-height: 1;
      opacity: 0;
      transition: opacity .25s ease;
    }

    .gallery-grid a.gallery-item:hover::after {
      opacity: 1;
    }

    .lightbox {
      position: fixed;
      inset: 0;
      z-index: 9999;
      background: rgba(0,0,0,.92);
      display: none;
      align-items: center;
      justify-content: center;
      padding: 28px;
    }

    .lightbox.open {
      display: flex;
    }

    .lightbox img {
      max-width: min(1200px, 92vw);
      max-height: 86vh;
      object-fit: contain;
      border: 1px solid var(--line);
      box-shadow: 0 20px 80px rgba(0,0,0,.65);
    }

    .lightbox-close,
    .lightbox-prev,
    .lightbox-next {
      position: absolute;
      border: 1px solid var(--gold);
      background: rgba(13,17,16,.75);
      color: var(--gold2);
      font: inherit;
      font-weight: 900;
      cursor: pointer;
      display: grid;
      place-items: center;
      transition: background .25s ease, color .25s ease;
    }

    .lightbox-close:hover,
    .lightbox-prev:hover,
    .lightbox-next:hover {
      background: var(--gold);
      color: #090909;
    }

    .lightbox-close {
      top: 22px;
      right: 22px;
      width: 46px;
      height: 46px;
      font-size: 26px;
    }

    .lightbox-prev,
    .lightbox-next {
      top: 50%;
      transform: translateY(-50%);
      width: 54px;
      height: 54px;
      font-size: 34px;
    }

    .lightbox-prev {
      left: 22px;
    }

    .lightbox-next {
      right: 22px;
    }

    .lightbox-counter {
      position: absolute;
      left: 50%;
      bottom: 20px;
      transform: translateX(-50%);
      color: var(--muted);
      font-size: 13px;
      letter-spacing: .08em;
      text-transform: uppercase;
    }

    @media(max-width:560px) {
      .lightbox {
        padding: 18px;
      }

      .lightbox-prev,
      .lightbox-next {
        width: 44px;
        height: 44px;
        font-size: 28px;
      }

      .lightbox-prev {
        left: 10px;
      }

      .lightbox-next {
        right: 10px;
      }

      .lightbox-close {
        top: 12px;
        right: 12px;
      }
    }


/* ===== Inline <style> da invio-email-template.html #1 ===== */
.titolo{color:#ffffff; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
.testi{color:#000; font-size:12px; font-family:Arial, Helvetica, sans-serif;}