/* CSS modify Document */


.text-photo__img--esperienze{
    order: 1!important;
}

.mosaico .text-photo__title{
    line-height: 40px;
    font-size: 30px;
}

.cont-h1--piccolo h1{
    line-height: 40px;
    font-size: 30px;
}

#qr2 .chose:last-child, .prenota-btn{
    font-size: 3.5rem;
    color: #80232b;
}
footer .partner__item{
    margin-right: 15px!important;
}
@media screen and (max-width: 1855px){
footer .partner {
    width: 100%!important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap!important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center!important;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2!important;
}
footer .cont-bottom {
    text-align: center;
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 35px;
}
}

#qr2 .chose.prenota-btn{
   margin-top: 0px!important;
}


.cont-slide.main-top{
   padding-top: 0;
   display: flex;
   align-items: center;
   justify-content: center;
}

.vantaggi{
   height: 500px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   padding:20px;
   max-width: 400px;
}

.vantaggi-image{
   width: 100%;
   height: 100%;
}
.vantaggi-image img{
   width: 100%;
   height: 100%;
}
.vantaggi-text{
   background: #80232b;
   padding: 10px;
}

.vantaggi-text h2{
   text-align: center;
   text-transform: uppercase;
   line-height: 22px;
   margin: 5px;
   font-size: 1.8rem;
   color: #fff;
   font-weight: bold;
}
.vantaggi-text h3{
   text-align: center;
   text-transform: uppercase;
   line-height: 22px;
   font-size: 1.3rem;
   color: #fff;
   font-weight: bold;
   cursor: pointer;
}
.vantaggi-text h3 svg{
   margin-left: 5px;
   transition: all 0.4s ease-in; 
   transform: rotate(0deg);
}
.vantaggi-text h3 svg.rotate-freccia{
   transform: rotate(180deg);
}
.vantaggi-text ul{
   margin: 5px;
   list-style: disc;
   list-style-position: inside; 
   max-height: 0;
   overflow: hidden;
   transition: all 0.4s ease-in;
}
.vantaggi-text ul.open{
   max-height: unset;
   margin-top: 10px;
}
.vantaggi-text ul li{
  font-size: 1.3rem;
  line-height: 18px;
  color: #fff;
  margin: 5px;
  text-align: left;
}
.vantaggi-mob{
   display: none;
   font-size: 14px;
   color: white;
   background-image: linear-gradient(to right bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.3)), url("https://www.domhotelroma.com/wp-content/uploads/2021/11/dom-suite-1-scaled.jpg");
   background-size: cover; 
   background-position: center;
}
.vantaggi-mob-container h3{
   text-align: center;
   text-transform: uppercase;
   line-height: 22px;
   font-size: 1.3rem;
   color: #fff;
   font-weight: bold;
   cursor: pointer;
   padding-top: 20px;
}
.vantaggi-mob-container h2{
   text-align: center;
   text-transform: uppercase;
   line-height: 22px;
   font-size: 1.8rem;
   color: #fff;
   font-weight: bold;
   padding-top: 20px;
}
.vantaggi-mob ul.testo {
    color: white;
    list-style: disc;
    list-style-position: inside;
    padding: 20px;
}

.vantaggi-mob ul.testo li{
    line-height: 18px;
}

.vantaggi-new{
   padding: 8px;
   background: #e0cfb1;
   display: flex;
   flex-direction: column;
   position: fixed;
   bottom: 10px;
   left: 40px;
   z-index: 99;;
   max-height: unset;
   transition: max-height 0.4s ease-in-out;

   .book-vantaggi{
      font-weight: bold;
      color: #80232b;
      text-transform: uppercase;
      font-size: 1.6rem;
      padding: 16px 0;
      text-align: center;
      margin: 0 auto;
   }
   .vantaggi-new__close{
      position: absolute;
      top: -15px;
      right: -12px;
      background-color: #80232b;
      border-radius: 100px;
      cursor: pointer;

      svg{
         color: white;
         font-size: 24px;
      }
   }
}

.vantaggi-open{
   display: none;
   position: fixed;
   bottom: 15px;
   left:40px;
   z-index: 9;
   padding: 10px;
   background: #80232b;
   border-radius: 50%;
   cursor: pointer;
   svg{
      color: white;
      font-size: 24px;
   }
} 
.vantaggi-open.show{
   display: block;
}

.vantaggi-new.hidden{
   max-height: 0;
   overflow: hidden;
   padding: 0;
}


.vantaggi-new__image{
   max-width: 250px;

   img{
      width: 100%;
   }
}

.vantaggi-new__text{
   max-width: 250px;

   h2{
      font-weight: bold;
      color: #80232b;
      text-transform: uppercase;
      font-size: 1.6rem;
      padding: 6px 0;
      text-align: center;
   }

   ul{
      font-size: 1.4rem;
      max-width: 220px;
      margin: 0 auto;
      font-family: "Cormorant Garamond", serif;
      
      li{
         list-style-type: disc;
         list-style-position: inside;
         padding: 3px;
      }
      li::marker{
         color: #80232b;
         font-size: 22px;
      }
   }

}

@media screen and (max-height: 650px){
   .vantaggi-new{
      .book-vantaggi{
         padding: 5px;
      }
      .vantaggi-new__image{
         max-width: 160px;
         margin: 0 auto;
      }
      .vantaggi-new__text{
         max-width: 250px;
         margin: 0 auto;
         
         ul{
            li{
               padding: 0;
            }
         }
      }
   }
}

@media screen and (max-height: 850px){
   .vantaggi{
      padding: 30px;
   }
   .vantaggi-text{
      background: #80232b;
      padding: 2px;
   }
   .vantaggi-text h3{
      margin-bottom: 5px;
      line-height: 18px;
   }  
   .vantaggi-text ul li{
      margin: 2px;
   }
}

@media screen and (max-width: 1024px) {
   .banner_mob_off{
      display: none;
       height: auto!important;
   }
   .vantaggi-mob{
      display: block;
   }

   .vantaggi-new{
      bottom: 65px;
      left: 20px; 
   }
   .vantaggi-open{
      bottom: 65px;
      left: 20px;
   }
   .header-contsx{
      display: block!important;
   }
   .cont-qr{
      display: none;
   }
}


.header-top{
   height: 120px!important;
   padding-top: 10px!important;
}
.header-top .logo{
   margin-left: 55px!important;
}
.header-top .logo img{
   width: unset!important;
   height: 90px!important;
}
@media screen and (max-width: 1024px){
   header{
      height: 350px!important;
   }
   .header-top{
      height: 105px!important;
   }
   .header-top .logo{
      margin-left: 0!important;
   }
   .header-top .logo img{
      height: 80px!important;
   }
}

@media screen and (max-width: 750px){
   .gallery_top{
      margin-top: 80px!important;
   }
}