body {  }
.testo { font-family: 'Open Sans', sans-serif; }
.titolo { font-family: 'Open Sans', sans-serif; }
.dida { font-family: 'Open Sans', sans-serif; }
.h1, h1 { font-family: 'Open Sans', sans-serif; }
.h2, h2 { font-family: 'Open Sans', sans-serif; }
.corsivo { font-family: 'Cinzel Decorative', serif; }
.sottotitolo { font-family: 'Cinzel Decorative', serif; }
.footerlink { font-family: 'Great Vibes', cursive; }
.whatsapp { font-family: 'Open Sans', sans-serif; }
.testo2 { font-family: 'Open Sans', sans-serif; font-size:12px; }
.testo3 { font-family: 'Open Sans', sans-serif; font-size:16px; }

.img-responsive { width:100%; height:auto; }
.img-responsive img{ width:100%; height:auto; }

.margintop-10 { margin-top:10px; }
.margintop-20 { margin-top:20px; }
.margintop-30 { margin-top:30px; }
.margintop-40 { margin-top:40px; }
.margintop-50 { margin-top:50px; }
.margintop-70 { margin-top:70px; }
.marginbottom-10 { margin-bottom:10px }
.marginbottom-20 { margin-bottom:20px }
.marginbottom-30 { margin-bottom:30px }
.marginbottom-40 { margin-bottom:40px }
.marginbottom-50 { margin-bottom:50px }
.paddingtop-10 { padding-top:10px; }
.paddingtop-20 { padding-top:20px; }
.paddingtop-30 { padding-top:30px; }
.paddingtop-40 { padding-top:40px; }
.paddingtop-50 { padding-top:50px; }
.paddingbottom-10 { padding-bottom:10px; }
.paddingbottom-20 { padding-bottom:20px; }
.paddingbottom-30 { padding-bottom:30px; }
.paddingbottom-40 { padding-bottom:40px; }
.paddingbottom-50 { padding-bottom:50px; }

.text-left { text-align:left; }
.text-center { text-align:center; }
.text-right { text-align:right; }

.nero { color:#282123; }
.nero a{ color:#282123; }
.nero a:hover{ color:#282123; }
.giallo { color:#ffe080; }
.giallo a{ color:#ffe080; }
.giallo a:hover{ color:#ffe080; }
.bianco { color:#ffffff; }
.bianco a{ color:#ffffff; }
.bianco a:hover{ color:#ffe080; text-decoration:none; }


@media (max-width:767px) {
.testo { font-size:15px; }
.titolo { font-size:20px; }
.h1, h1 { font-size:16px; }
.h2, h2 { font-size:20px; }
.corsivo { font-size:13px; }
.sottotitolo {  font-size:18px; }
.whatsapp  {  font-size:17px; }

.no-pc { display:block; }
.no-tablet { display:block; }
.no-telefonino { display:none; }
.no-pc-tablet { display:block; }
.no-pc-telefonino { display:none; }
.no-tablet-telefonino { display:none; }
 }

@media(min-width:768px) and (max-width:991px) {
.testo { font-size:13px; }
.titolo { font-size:18px; }
.dida { font-size:12px; }
.h1, h1 { font-size:18px; }
.h2, h2 { font-size:14px; }
.corsivo { font-size:13px; }
.sottotitolo {  font-size:18px; }
.footerlink {  font-size:20px; }
.whatsapp  {  font-size:17px; }

.no-pc { display:block; }
.no-tablet { display:none; }
.no-telefonino { display:block; }
.no-pc-tablet { display:none; }
.no-pc-telefonino { display:block; }
.no-tablet-telefonino { display:none; }
.hr, hr { margin-top: 10px; margin-bottom: 12px; }
.pre-hr-tablet { margin-top: 10px; }
}

@media(min-width:992px) {
.testo { font-size:13px; }
.titolo { font-size:22px; }
.dida { font-size:12px; }
.h1, h1 { font-size:22px; }
.h2, h2 { font-size:18px; }
.corsivo { font-size:14px; }
.sottotitolo {  font-size:19px; }
.footerlink {  font-size:22px; }
.whatsapp  {  font-size:17px; }

.no-pc { display:none; }
.no-tablet { display:block; }
.no-telefonino { display:block; }
.no-pc-tablet { display:none; }
.no-pc-telefonino { display:none; }
.no-tablet-telefonino { display:block; }
 }

@media(min-width:1200px) {
.testo { font-size:15px; }
.titolo { font-size:24px; }
.dida { font-size:13px; }
.h1, h1 { font-size:24px; }
.h2, h2 { font-size:22px; }
.corsivo {  font-size:14px; }
.sottotitolo {  font-size:24px; }
.footerlink {  font-size:24px; }
.whatsapp  {  font-size:18px; }

.no-pc { display:none; }
.no-tablet { display:block; }
.no-telefonino { display:block; }
.no-pc-tablet { display:none; }
.no-pc-telefonino { display:none; }
.no-tablet-telefonino { display:block; }

 }

.top-lot-section {
  background-color: #f5f5f5;
  padding: 30px 0;
  margin:  50px 0;
}

.top-lot-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
}

.top-lot-item {
  width: 300px;
  background-color: #fff;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
  text-align: center;
}

.top-lot-item img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  
}

.top-lot-item h3 {
  font-size: 24px;
  margin-top: 20px;
}

.top-lot-item p {
  font-size: 16px;
  margin-top: 10px;
  color: #777;
}

.top-lot-item a {
  display: inline-block;
  margin-top: 20px;
  padding: 10px 20px;
  background-color: none;
  color: #fff;
  border-radius: 25px;
  text-decoration: none;
  font-weight: bold;
  transition: transform .5s;
}

.top-lot-item a:hover {
  transform: scale(1.5);
}