@media all {
  *#dm .dmInner div.u_1472662555 .svg { fill:var(--color_3) !important; }

  *#dm .dmInner a.u_1861349604 .iconBg {
    display:inline-block !important;
    order:1 !important;
    mask-image:url(https://irp.cdn-website.com/542394f5/icon/Arrow_3134190.svg) !important;
  }

  *#dm .dmInner div.u_1155345347 .svg { fill:var(--color_3) !important; }

  *#dm .dmInner div.u_1320936689 .svg { fill:var(--color_3) !important; }

  *#dm .dmInner div.u_1358997413 .svg { fill:var(--color_3) !important; }

  *#dm .dmInner div.u_1491276182 .svg { fill:var(--color_3) !important; }

  *#dm .dmInner div.u_1138906520 img { border-radius:10% 10% 10% 10% !important; }

  *#dm .dmInner *.u_1472293583 .swiper_h3 { text-align:LEFT !important; }

  *#dm .dmInner a.u_1324294445 .iconBg {
    display:inline-block !important;
    order:1 !important;
    mask-image:url(https://irp.cdn-website.com/542394f5/icon/Arrow_3134190.svg) !important;
  }

  *#dm .dmInner a.u_1324294445 { gap:30px !important; }

  *#dm .dmInner a.u_1861349604:hover .iconBg { background-color:var(--color_4) !important; }

  *#dm .dmInner a.u_1861349604.hover .iconBg { background-color:var(--color_4) !important; }

  *#dm .dmInner div.u_1472293583 .image-swiper-slide { border-radius:35px 35px 35px 35px !important; }

  *#dm .dmInner div.u_1472293583 .swiper-slide { border-radius:35px 35px 35px 35px !important; }

  *#dm .dmInner div.u_1472293583 .swiper_h3 {
    font-weight:400 !important;
    color:var(--color_4) !important;
    font-family:'Avenir 85 Heavy' !important;
  }

  *#dm .dmInner div.u_1970729401 .svg { fill:var(--color_3) !important; }

  *#dm .dmInner div.u_1849771461 .svg { fill:var(--color_3) !important; }

  *#dm .dmInner div.u_1135907291 .svg { fill:var(--color_3) !important; }

  *#dm .dmInner div.u_1517031327 .svg { fill:var(--color_3) !important; }

  *#dm .dmInner a.u_1249369524 .iconBg {
    display:inline-block !important;
    order:1 !important;
    mask-image:url(https://irp.cdn-website.com/542394f5/icon/Arrow_3134190.svg) !important;
  }

  *#dm .dmInner a.u_1249369524:hover .iconBg { background-color:var(--color_4) !important; }

  *#dm .dmInner a.u_1249369524.hover .iconBg { background-color:var(--color_4) !important; }

  *#dm .dmInner a.u_1249369524 { gap:30px !important; }

  *#dm .dmInner a.u_1861349604 { gap:15px !important; }

  *#dm .dmInner a.u_1173363134 .iconBg {
    display:inline-block !important;
    order:1 !important;
    mask-image:url(https://irp.cdn-website.com/542394f5/icon/Arrow_3134190.svg) !important;
  }

  *#dm .dmInner a.u_1173363134:hover .iconBg { background-color:var(--color_4) !important; }

  *#dm .dmInner a.u_1173363134.hover .iconBg { background-color:var(--color_4) !important; }

  *#dm .dmInner a.u_1173363134 { gap:15px !important; }

  *#dm .dmInner a.u_1336861695 .iconBg {
    display:inline-block !important;
    order:1 !important;
    mask-image:url(https://irp.cdn-website.com/542394f5/icon/Arrow_3134190.svg) !important;
  }

  *#dm .dmInner a.u_1336861695:hover .iconBg { background-color:var(--color_4) !important; }

  *#dm .dmInner a.u_1336861695.hover .iconBg { background-color:var(--color_4) !important; }

  *#dm .dmInner a.u_1336861695 { gap:15px !important; }

  *#dm .dmInner a.u_1581462463 span.text {
    color:var(--color_4) !important;
    font-size:18px !important;
  }

  *#dm .dmInner a.u_1581462463:hover span.text { color:var(--color_1) !important; }

  *#dm .dmInner a.u_1581462463.hover span.text { color:var(--color_1) !important; }

  *#dm .dmInner a.u_1581462463:hover .iconBg { background-color:var(--color_1) !important; }

  *#dm .dmInner a.u_1581462463.hover .iconBg { background-color:var(--color_1) !important; }

  *#dm .dmInner a.u_1581462463:hover { border-color:rgba(0,0,0,0) !important; }

  *#dm .dmInner a.u_1581462463.hover { border-color:rgba(0,0,0,0) !important; }

  *#dm .dmInner a.u_1581462463 .iconBg {
    background-color:var(--color_4) !important;
    mask-image:url(https://irp.cdn-website.com/542394f5/icon/Mail_1707176.svg) !important;
  }

  *#dm .dmInner nav.u_1809709426 { color:white !important; }

  *#dm .dmInner a.u_1324294445:hover .iconBg { background-color:var(--color_4) !important; }

  *#dm .dmInner a.u_1324294445.hover .iconBg { background-color:var(--color_4) !important; }

  *#dm .dmInner nav.u_1092162115 { color:black !important; }

  *#dm .dmInner nav.u_1849083324 { color:black !important; }

  *#dm .dmInner nav.u_1998592992 { color:white !important; }

  *#dm .dmInner a.u_1723547712 .iconBg {
    display:inline-block !important;
    order:1 !important;
    mask-image:url(https://irp.cdn-website.com/542394f5/icon/Arrow_3134190.svg) !important;
  }

  *#dm .dmInner a.u_1723547712 { gap:30px !important; }

  *#dm .dmInner a.u_1723547712:hover .iconBg { background-color:var(--color_4) !important; }

  *#dm .dmInner a.u_1723547712.hover .iconBg { background-color:var(--color_4) !important; }

  *#dm .dmInner a.u_1949164913 .iconBg {
    display:inline-block !important;
    order:1 !important;
    mask-image:url(https://irp.cdn-website.com/542394f5/icon/Arrow_3134190.svg) !important;
  }

  *#dm .dmInner a.u_1949164913 { gap:30px !important; }

  *#dm .dmInner a.u_1949164913:hover .iconBg { background-color:var(--color_4) !important; }

  *#dm .dmInner a.u_1949164913.hover .iconBg { background-color:var(--color_4) !important; }
}
@media (min-width:1025px) {
  *#dm .dmInner *.u_1472293583 .slider-content {
    padding-bottom:31px !important;
    padding-left:31px !important;
  }

  *#dm .dmInner *.u_1472293583 .slide-content {
    padding-bottom:50px !important;
    padding-left:50px !important;
  }

  *#dm .dmInner *.u_1472293583 .swiper-slide svg {
    width:66px !important;
    top:45px !important;
    left:45px !important;
  }

  *#dm .dmInner div.u_1472293583 .swiper { height:430px !important; }

  *#dm .dmInner div.u_1472293583 .swiper-slide { height:430px !important; }

  *#dm .dmInner div.u_1472293583 .swiper_desc { font-size:32px !important; }

  *#dm .dmInner div.u_1472293583 .swiper_h3 { font-size:28px !important; }
}
@media (min-width:0px) and (max-width:767px) {
  *#dm .dmInner *.u_1472293583 .swiper-slide svg {
    top:20px !important;
    left:20px !important;
  }

  *#dm .dmInner div.u_1472293583 .swiper_desc { font-size:24px !important; }

  *#dm .dmInner div.u_1472293583 .swiper_h3 { font-size:18px !important; }

  *#dm .dmInner *.u_1472293583 .slide-content {
    padding-bottom:20px !important;
    padding-left:20px !important;
  }

  *#dm .dmInner div.u_1472293583 .swiper { height:300px !important; }

  *#dm .dmInner div.u_1472293583 .swiper-slide { height:300px !important; }
}
@media (min-width:768px) and (max-width:1024px) {}
separatorHomeCss{color:red !important}separatorHomeCss{color:red !important}@media all {
    
#flex-header[data-overlapping] {
    background-color: rgba(0, 0, 0, 0);
    background-image: initial;
}
}



@media all {
    
#\36 3bd85219866cc3622781520 {
    min-height: 100vh;
    column-gap: 0%;
    row-gap: 0px;
    width: 100%;
    flex-wrap: nowrap;
    padding-top: 0%;
    padding-left: 0%;
    padding-bottom: 0%;
    padding-right: 0%;
    margin-bottom: 0%;
    margin-right: 0%;
    margin-top: 0%;
    margin-left: 0%;
}
    
#\36 3bd85219866cc3622781522 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    background-color: rgba(0, 0, 0, 0);
    justify-content: flex-end;
    padding: 50px 16px 50px 16px;
    margin-bottom: 0%;
    margin-right: 0%;
    margin-top: 0%;
    margin-left: 0%;
}
    
#\36 3bd85219866cc362278151f::before, #\36 3bd85219866cc362278151f > .bgExtraLayerOverlay {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--color_1);
    opacity: 0.7;
    border-radius: inherit;
}
#\36 3bd85219866cc362278151f {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: rgba(0, 0, 0, 0);
    background-image: url(https://lirp.cdn-website.com/542394f5/dms3rep/multi/opt/Hotello_07-05-23_Giovanni-Aiello_-4-1920w.webp);
}
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#widget_h8p {
    width: 170px;
    height: auto;
    max-width: 100%;
    order: 0;
    align-self: auto;
    grid-area: auto / auto / auto / auto;
}
    
#widget_hqg {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 1;
}
    
#widget_llj {
    width: 56.67%;
    height: auto;
    max-width: 100%;
    align-self: auto;
    order: 2;
    grid-area: auto / auto / auto / auto;
}
    
#widget_pjn.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding: 10px 15px 10px 15px;
}
#widget_pjn {
    width: auto;
    height: auto;
    max-width: 100%;
    order: 3;
    align-self: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    grid-area: auto / auto / auto / auto;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\36 3bd85219866cc3622781520 {
    padding-right: 2%;
}
    
#\36 3bd85219866cc3622781522 {
    padding-left: 50px;
    padding-right: 50px;
}
    
#\36 3bd85219866cc362278151f::before, #\36 3bd85219866cc362278151f > .bgExtraLayerOverlay {
    
}
}



@media (max-width: 767px) {
    
#\36 3bd85219866cc3622781520 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 25vh 4% 25vh 4%;
}
    
#\36 3bd85219866cc3622781522 {
    min-height: 80px;
    align-items: center;
    width: 100%;
}
    
#\36 3bd85219866cc362278151f::before, #\36 3bd85219866cc362278151f > .bgExtraLayerOverlay {
    
}
#\36 3bd85219866cc362278151f {
    background-position: 0% 50%;
}
    
#widget_h8p {
    align-self: flex-start;
    width: 80px;
    justify-self: auto;
    order: 0;
    margin: 0px 0% -16px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#widget_llj {
    width: 100.00%;
    order: 2;
}
    
#widget_pjn {
    align-self: flex-start;
    margin-left: 0px;
    margin-right: 0px;
    order: 3;
}
    
#widget_hqg {
    order: 1;
}
}



@media all {
    
#\36 3d24979f4a54e38542a8abe {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: rgba(0, 0, 0, 0);
}
    
#\36 3d24979f4a54e38542a8abb {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 50.25%;
    min-width: 4%;
    background-color: rgba(0, 0, 0, 0);
    margin-right: 0%;
    margin-left: 0%;
    padding: 16px 16px 16px 16px;
}
    
#\36 3d24979f4a54e38542a8abd {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 35px;
    width: 24.916666666666668%;
    min-width: 4%;
    background-color: rgba(0, 0, 0, 0);
    justify-content: flex-start;
    padding: 16px 16px 16px 16px;
    margin: -60px 0% 0% 0%;
}
    
#\36 3d24979f4a54e38542a8abc {
    min-height: 320px;
    column-gap: 0%;
    row-gap: 0px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
}
    
#widget_r72 {
    width: 80.09%;
    height: auto;
    max-width: 100%;
    margin-bottom: 10px;
}
    
#group_0fq {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: 160px;
    max-height: 100%;
    row-gap: 0px;
    column-gap: 4%;
    align-self: center;
    order: 0;
    background-color: var(--color_1);
    background-image: initial;
    border-radius: 50px 50px 50px 50px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 11px 0px;
    padding: 10px 0% 10px 0%;
    margin: 0% 0% 0% 0%;
    grid-area: auto / auto / auto / auto;
}
    
#widget_1nc.flex-element.widget-wrapper > [data-element-type] {
    padding-top: 25px;
    padding-bottom: 25px;
}
#widget_1nc {
    width: 70px;
    height: auto;
    max-width: 100%;
}
    
#widget_p79.flex-element.widget-wrapper > [data-element-type] {
    padding-bottom: 25px;
}
#widget_p79 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#b296dec1 {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: 160px;
    max-height: 100%;
    row-gap: 0px;
    column-gap: 4%;
    align-self: auto;
    order: 1;
    background-color: var(--color_4);
    background-image: initial;
    border-radius: 50px 50px 50px 50px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 11px 0px;
    justify-self: auto;
    padding: 10px 0% 10px 0%;
    margin: 0% 0% 0% 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\38 0c3eee8.flex-element.widget-wrapper > [data-element-type] {
    padding-top: 25px;
    padding-bottom: 25px;
}
#\38 0c3eee8 {
    width: 70px;
    height: auto;
    max-width: 100%;
}
    
#a9c91685.flex-element.widget-wrapper > [data-element-type] {
    padding-bottom: 25px;
}
#a9c91685 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\35 dc41fc6[data-css-edit] {
    position: relative;
    z-index: 9;
}
#\35 dc41fc6 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 35px;
    width: 24.83%;
    min-width: 4%;
    background-color: rgba(0, 0, 0, 0);
    justify-content: flex-start;
    padding: 16px 16px 16px 16px;
    margin: 25px 0% 0% 0%;
}
    
#\30 f03f59f {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: 160px;
    max-height: 100%;
    row-gap: 0px;
    column-gap: 4%;
    align-self: center;
    order: 0;
    background-color: var(--color_4);
    background-image: initial;
    border-radius: 50px 50px 50px 50px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 11px 0px;
    padding: 10px 0% 10px 0%;
    margin: 0% 0% 0% 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\36 6fb5386.flex-element.widget-wrapper > [data-element-type] {
    padding-top: 25px;
    padding-bottom: 25px;
}
#\36 6fb5386 {
    width: 70px;
    height: auto;
    max-width: 100%;
}
    
#c07d9ae4.flex-element.widget-wrapper > [data-element-type] {
    padding-bottom: 25px;
}
#c07d9ae4 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#ac8b6a3b[data-css-edit] {
    position: relative;
    z-index: 9999;
}
#ac8b6a3b {
    justify-content: flex-start;
    align-items: center;
    width: 99.99694495035544%;
    min-height: 160px;
    max-height: 100%;
    row-gap: 0px;
    column-gap: 4%;
    align-self: auto;
    order: 1;
    background-color: var(--color_1);
    background-image: initial;
    border-radius: 50px 50px 50px 50px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 11px 0px;
    justify-self: auto;
    padding: 10px 0% 10px 0%;
    margin: 0% 0% 0% 0%;
    grid-area: auto / auto / auto / auto;
}
    
#c774e8dd.flex-element.widget-wrapper > [data-element-type] {
    padding-top: 25px;
    padding-bottom: 25px;
}
#c774e8dd {
    width: 70px;
    height: auto;
    max-width: 100%;
}
    
#eea91745.flex-element.widget-wrapper > [data-element-type] {
    padding-bottom: 25px;
}
#eea91745 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#ab3f6e26.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding: 10px 15px 10px 15px;
}
#ab3f6e26 {
    width: auto;
    height: auto;
    max-width: 100%;
    order: 0;
    align-self: flex-start;
    justify-self: auto;
    margin-top: 0px;
    margin-bottom: 40px;
    grid-area: auto / auto / auto / auto;
}
    
#\36 3d24979f4a54e38542a8aba {
    margin-bottom: -30px;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\36 3d24979f4a54e38542a8abc {
    padding-left: 2%;
    padding-right: 2%;
    flex-direction: row;
    flex-wrap: nowrap;
    min-height: 320px;
}
    
#\36 3d24979f4a54e38542a8abb {
    width: 100%;
    min-height: 8px;
}
    
#\35 dc41fc6 {
    width: 50%;
    min-height: 8px;
}
    
#widget_r72 {
    width: 100.00%;
}
}



@media (max-width: 767px) {
    
#\36 3d24979f4a54e38542a8abb {
    min-height: 80px;
    align-items: center;
    width: 100%;
    margin: 0% 0% 0% 0%;
}
    
#\36 3d24979f4a54e38542a8abd {
    min-height: 80px;
    align-items: center;
    width: 100%;
    padding-right: 25px;
    padding-left: 25px;
    margin: 0% 0% 0% 0%;
}
    
#\36 3d24979f4a54e38542a8abc {
    min-height: 0;
    flex-direction: column;
    padding-left: 4%;
    padding-right: 4%;
    flex-wrap: nowrap;
    row-gap: 0px;
    column-gap: 0%;
}
    
#\35 dc41fc6 {
    min-height: 80px;
    align-items: center;
    width: 100%;
    row-gap: 35px;
    padding-right: 25px;
    padding-left: 25px;
    margin: 0% 0% 0% 0%;
}
    
#widget_r72 {
    width: 100.00%;
    margin-top: 50px;
    margin-bottom: 15px;
}
    
#ac8b6a3b {
    order: 0;
}
    
#\30 f03f59f {
    order: 1;
}
    
#ab3f6e26 {
    align-self: flex-start;
    margin-left: 0px;
    margin-right: 0px;
    order: 3;
}
}



@media all {
    
#\38 e2a1ca9 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 47%;
    min-width: 4%;
    padding: 0% 0% 0% 0%;
    margin: NaNpx 0% 0% 0%;
}
    
#b552b1c7 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 47%;
    min-width: 4%;
    padding: 75px 0px 75px 0px;
    margin: 0% 0% 0% 0%;
}
    
#\39 3952ef1 {
    min-height: 240px;
    column-gap: 6%;
    row-gap: 36px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 4% 0% 4% 0%;
    margin: 0% 0% 0% 0%;
}
    
#\32 12fe7f6 {
    width: 99.99617917018809%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    grid-area: auto / auto / auto / auto;
}
    
#\31 6ac52b6 {
    background-color: var(--color_2);
    background-image: url('https://irp.cdn-website.com/542394f5/dms3rep/multi/HOTELLO4.png?dm-skip-opt=true');
    border-radius: 50px 50px 50px 50px;
    background-size: auto;
    background-position: 100% 100%;
}
#\31 6ac52b6.lazy {
    background-image: url('data:image/jpeg; base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAjUlEQVQI103PPUuCARQF4Hd5BaFf4NbQ0CJBkyYuFbY0lV8ZBIY/wCAak/B3n0cuvIHD2R7OubdJMsQFLnGHSZIHLLHHR5J5gxVGeMI7PrHDGxa4xbDgD9bYdg0H/CYpOE7Soj2H1fT1D7GpM9CvFLzHdZIpXrrJVzxXQZIZHgsO0MNVhys3qIe+ccTfCeHgxO/y16WxAAAAAElFTkSuQmCC');
}
    
#\32 ed54d2e {
    margin-left: 4%;
    margin-right: 4%;
}
    
#widget_ek9 {
    width: 100.00%;
    height: 600px;
    max-width: 100%;
}
    
#d316e06b.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding: 10px 15px 10px 15px;
}
#d316e06b {
    width: auto;
    height: auto;
    max-width: 100%;
    order: 0;
    align-self: auto;
    justify-self: auto;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\39 3952ef1 {
    padding-left: 2%;
    padding-right: 2%;
}
}



@media (max-width: 767px) {
    
#\38 e2a1ca9 {
    width: 100%;
    min-height: 80px;
    align-items: center;
    order: 1;
}
    
#b552b1c7 {
    width: 100%;
    min-height: 80px;
    align-items: center;
    padding-top: 16px;
    padding-bottom: 16px;
    order: 0;
}
    
#\39 3952ef1 {
    min-height: unset;
    flex-direction: column;
    row-gap: 24px;
    padding: 25% 4% 25% 4%;
}
    
#widget_ek9.flex-element.widget-wrapper > [data-element-type] {
    padding-top: 0px;
    padding-left: 16px;
    padding-right: 16px;
}
#widget_ek9 {
    height: 400px;
    margin-top: 0px;
}
    
#\32 12fe7f6 {
    width: 100.00%;
}
    
#d316e06b {
    align-self: flex-start;
    margin-left: 0px;
    margin-right: 0px;
    order: 3;
}
}



@media all {
    
#\34 00c337d {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 55.58725%;
    min-width: 4%;
    padding: 16px 16px 16px 16px;
    margin-bottom: 0%;
    margin-right: 0%;
    margin-top: 0%;
    margin-left: 0%;
}
    
#ac87b821 {
    padding-top: 4%;
    min-height: 240px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    padding-left: 0%;
    padding-bottom: 0%;
    padding-right: 0%;
    margin-bottom: 0%;
    margin-right: 0%;
    margin-top: 0%;
    margin-left: 0%;
}
    
#\38 8c08d29 {
    width: 80.63%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    grid-area: auto / auto / auto / auto;
}
    
#group_40r {
    width: 40.41%;
    min-width: 4%;
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    padding: 30px 16px 30px 16px;
    margin-bottom: 0%;
    margin-right: 0%;
    margin-top: 0%;
    margin-left: 0%;
}
    
#\31 6eead16.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding: 10px 15px 10px 15px;
}
#\31 6eead16 {
    width: auto;
    height: auto;
    max-width: 100%;
    order: 0;
    align-self: flex-end;
    margin-top: 0px;
    margin-bottom: 0px;
    grid-area: auto / auto / auto / auto;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#ac87b821 {
    padding-left: 2%;
    padding-right: 2%;
}
    
#\38 8c08d29 {
    width: 100.00%;
}
}



@media (max-width: 767px) {
    
#\34 00c337d {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#ac87b821 {
    min-height: 0;
    flex-direction: column;
    padding-left: 4%;
    padding-right: 4%;
    flex-wrap: nowrap;
}
    
#\38 8c08d29 {
    width: 100.00%;
}
    
#group_40r {
    width: 100%;
    min-height: 80px;
    align-items: center;
    padding-top: 0px;
}
    
#\31 6eead16 {
    align-self: flex-start;
    margin-left: 0px;
    margin-right: 0px;
    order: 3;
}
}



@media all {
    
#\38 8341693 {
    margin-top: 4%;
    margin-bottom: 4%;
}
    
#\34 6a3e5f0 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 0px;
    width: 100%;
    min-width: 4%;
    padding-top: 0%;
    padding-left: 0%;
    padding-bottom: 0%;
    padding-right: 0%;
    margin-bottom: 0%;
    margin-right: 0%;
    margin-top: 0%;
    margin-left: 0%;
}
    
#\30 7ba4ce9 {
    min-height: 466px;
    column-gap: 0%;
    row-gap: 0px;
    width: 100%;
    flex-wrap: nowrap;
    max-width: none;
    padding-top: 0%;
    padding-left: 0%;
    padding-bottom: 0%;
    padding-right: 0%;
    margin-bottom: 0%;
    margin-right: 0%;
    margin-top: 0%;
    margin-left: 0%;
}
    
#widget_dpf {
    width: auto;
    height: auto;
    max-width: 100%;
    align-self: auto;
    justify-self: auto;
    order: 0;
    grid-area: auto / auto / auto / auto;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\30 7ba4ce9 {
    padding-left: 2%;
    padding-right: 2%;
}
}



@media (max-width: 767px) {
    
#\34 6a3e5f0 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#\30 7ba4ce9 {
    min-height: 0;
    flex-direction: column;
    padding-left: 0%;
    padding-right: 0%;
    flex-wrap: nowrap;
}
}



@media all {
    
#\38 94ebc16 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 59.94%;
    min-width: 4%;
    padding-top: 0%;
    padding-left: 0%;
    padding-bottom: 0%;
    padding-right: 0%;
    margin-bottom: 0%;
    margin-right: 0%;
    margin-top: 0%;
    margin-left: 0%;
}
    
#\37 cad8397 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 36.05553443079063%;
    min-width: 4%;
    padding-top: 0%;
    padding-left: 0%;
    padding-bottom: 0%;
    padding-right: 0%;
    margin-bottom: 0%;
    margin-right: 0%;
    margin-top: 0%;
    margin-left: 0%;
}
    
#\35 4c767f8 {
    padding-bottom: 4%;
    min-height: 240px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    max-width: none;
    padding-top: 0%;
    padding-left: 0%;
    padding-right: 0%;
    margin-bottom: 0%;
    margin-right: 0%;
    margin-top: 0%;
    margin-left: 0%;
}
    
#b0479a95 {
    width: 100.00%;
    height: auto;
    max-width: 100%;
    order: 0;
    justify-self: auto;
    align-self: auto;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#dc762cd3 {
    margin-left: 6%;
    margin-right: 6%;
}
    
#widget_5p3.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding-left: 15px;
    padding-right: 15px;
}
#widget_5p3 {
    width: auto;
    height: auto;
    max-width: 100%;
    align-self: flex-end;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\35 4c767f8 {
    padding-left: 2%;
    padding-right: 2%;
    min-height: 84px;
}
}



@media (max-width: 767px) {
    
#\38 94ebc16 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#\37 cad8397 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#\35 4c767f8 {
    min-height: unset;
    flex-direction: column;
    row-gap: 0px;
    padding: 8% 4% 0% 4%;
}
    
#widget_5p3 {
    align-self: center;
    margin-left: 0px;
    margin-right: 0px;
}
}



@media all {
    
#dd9c6bdd {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: rgba(0, 0, 0, 0);
}
    
#aab36c2f {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    max-width: 100%;
    width: 100%;
    min-height: 160px;
    max-height: 100%;
    row-gap: 0px;
    column-gap: 4%;
    align-self: center;
    order: 0;
    background-color: var(--color_4);
    background-image: initial;
    border-radius: 30px 30px 30px 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 11px 0px;
    grid-area: auto / auto / auto / auto;
    padding-left: 0%;
    padding-right: 0%;
    margin-bottom: 0%;
    margin-right: 0%;
    margin-top: 0%;
    margin-left: 0%;
}
    
#\36 bf60fc3.flex-element.widget-wrapper > [data-element-type] {
    padding-top: 25px;
    padding-bottom: 25px;
}
#\36 bf60fc3 {
    width: 70px;
    height: auto;
    max-width: 100%;
}
    
#\33 3c49380.flex-element.widget-wrapper > [data-element-type] {
    padding-bottom: 25px;
}
#\33 3c49380 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\39 4b0fa7f[data-css-edit] {
    position: relative;
    z-index: 9;
}
#\39 4b0fa7f {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 35px;
    width: 50%;
    min-width: 4%;
    background-color: rgba(0, 0, 0, 0);
    justify-content: flex-start;
    margin-top: 25px;
    padding: 16px 16px 16px 16px;
    margin-bottom: 0%;
    margin-right: 0%;
    margin-left: 0%;
}
    
#\31 4ec1620[data-css-edit] {
    position: relative;
    z-index: 9999;
}
#\31 4ec1620 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    max-width: 100%;
    width: 99.99694495035544%;
    min-height: 160px;
    max-height: 100%;
    row-gap: 0px;
    column-gap: 4%;
    align-self: auto;
    order: 1;
    background-color: var(--color_1);
    background-image: initial;
    border-radius: 30px 30px 30px 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 11px 0px;
    justify-self: auto;
    grid-area: auto / auto / auto / auto;
    padding-left: 0%;
    padding-right: 0%;
    margin-bottom: 0%;
    margin-right: 0%;
    margin-top: 0%;
    margin-left: 0%;
}
    
#\32 408c66f.flex-element.widget-wrapper > [data-element-type] {
    padding-top: 25px;
    padding-bottom: 25px;
}
#\32 408c66f {
    width: 70px;
    height: auto;
    max-width: 100%;
}
    
#\30 0eaebd4.flex-element.widget-wrapper > [data-element-type] {
    padding-bottom: 25px;
}
#\30 0eaebd4 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\38 5ea8c32 {
    min-height: 320px;
    column-gap: 0%;
    row-gap: 0px;
    width: 100%;
    flex-wrap: nowrap;
    padding-top: 0%;
    padding-left: 0%;
    padding-bottom: 0%;
    padding-right: 0%;
    margin-bottom: 0%;
    margin-right: 0%;
    margin-top: 0%;
    margin-left: 0%;
}
    
#\30 d501f74 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 35px;
    width: 50%;
    min-width: 4%;
    background-color: rgba(0, 0, 0, 0);
    margin-top: -60px;
    justify-content: flex-start;
    padding: 16px 16px 16px 16px;
    margin-bottom: 0%;
    margin-right: 0%;
    margin-left: 0%;
}
    
#\35 269ec63 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    max-width: 100%;
    width: 100%;
    min-height: 160px;
    max-height: 100%;
    row-gap: 0px;
    column-gap: 4%;
    align-self: center;
    order: 0;
    background-color: var(--color_4);
    background-image: initial;
    border-radius: 30px 30px 30px 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 11px 0px;
    grid-area: auto / auto / auto / auto;
    padding-left: 0%;
    padding-right: 0%;
    margin-bottom: 0%;
    margin-right: 0%;
    margin-top: 0%;
    margin-left: 0%;
}
    
#\38 ae7c33c {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    max-width: 100%;
    width: 100%;
    min-height: 160px;
    max-height: 100%;
    row-gap: 0px;
    column-gap: 4%;
    align-self: center;
    order: 0;
    background-color: var(--color_1);
    background-image: initial;
    border-radius: 30px 30px 30px 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 11px 0px;
    grid-area: auto / auto / auto / auto;
    padding-left: 0%;
    padding-right: 0%;
    margin-bottom: 0%;
    margin-right: 0%;
    margin-top: 0%;
    margin-left: 0%;
}
    
#\30 4de5a35.flex-element.widget-wrapper > [data-element-type] {
    padding-top: 25px;
    padding-bottom: 25px;
}
#\30 4de5a35 {
    width: 70px;
    height: auto;
    max-width: 100%;
}
    
#\37 5e053f9.flex-element.widget-wrapper > [data-element-type] {
    padding-top: 25px;
    padding-bottom: 25px;
}
#\37 5e053f9 {
    width: 70px;
    height: auto;
    max-width: 100%;
}
    
#\38 0f7cb25.flex-element.widget-wrapper > [data-element-type] {
    padding-bottom: 25px;
}
#\38 0f7cb25 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\33 42c32c4.flex-element.widget-wrapper > [data-element-type] {
    padding-bottom: 25px;
}
#\33 42c32c4 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\38 5ea8c32 {
    padding-left: 2%;
    padding-right: 2%;
}
    
#\30 d501f74 {
    row-gap: 35px;
    width: 50%;
    padding-left: 10%;
    padding-right: 10%;
}
    
#\39 4b0fa7f {
    width: 50%;
    padding-left: 10%;
    padding-right: 10%;
}
}



@media (max-width: 767px) {
    
#\38 5ea8c32 {
    min-height: 240px;
    flex-direction: row;
    padding-left: 4%;
    padding-right: 4%;
    flex-wrap: nowrap;
    row-gap: 0px;
    column-gap: 0%;
}
    
#\30 d501f74 {
    min-height: 8px;
    align-items: center;
    width: 50%;
    padding-right: 10px;
    padding-left: 10px;
    margin: -30px 0% 0px 0%;
}
    
#\39 4b0fa7f {
    min-height: 8px;
    align-items: center;
    width: 50%;
    row-gap: 35px;
    padding-right: 10px;
    padding-left: 10px;
    margin: 30px 0% 0% 0%;
}
    
#\31 4ec1620 {
    order: 1;
    min-height: 150px;
}
    
#\35 269ec63 {
    order: 0;
    min-height: 150px;
}
    
#\38 ae7c33c {
    height: auto;
    min-height: 150px;
}
    
#\32 408c66f.flex-element.widget-wrapper > [data-element-type] {
    padding-top: 5px;
    padding-bottom: 5px;
}
    
#\33 42c32c4.flex-element.widget-wrapper > [data-element-type] {
    padding-bottom: 0px;
}
    
#\30 4de5a35.flex-element.widget-wrapper > [data-element-type] {
    padding-top: 5px;
    padding-bottom: 5px;
}
    
#\30 0eaebd4.flex-element.widget-wrapper > [data-element-type] {
    padding-bottom: 0px;
}
    
#aab36c2f {
    min-height: 150px;
}
    
#\37 5e053f9.flex-element.widget-wrapper > [data-element-type] {
    padding-top: 5px;
    padding-bottom: 5px;
}
    
#\38 0f7cb25.flex-element.widget-wrapper > [data-element-type] {
    padding-bottom: 0px;
}
    
#\36 bf60fc3.flex-element.widget-wrapper > [data-element-type] {
    padding-top: 5px;
    padding-bottom: 5px;
}
    
#\33 3c49380.flex-element.widget-wrapper > [data-element-type] {
    padding-bottom: 0px;
}
}



@media all {
    
#\39 a28136c {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 0px;
    width: 48%;
    min-width: 4%;
    background-image: initial;
    border-radius: 30px 30px 30px 30px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 11px 0px;
    justify-content: flex-start;
    order: 0;
    background-size: contain;
    background-position: 50% 100%;
    background-color: var(--color_3);
    padding: 45px 0% 0% 0%;
    margin: -50px 0% 0% 0%;
}
    
#\37 366c683 {
    background-color: var(--color_2);
    background-image: url('https://irp.cdn-website.com/542394f5/dms3rep/multi/HOTELLO4.png?dm-skip-opt=true');
    border-radius: 50px 50px 50px 50px;
    background-size: auto;
    background-position: 100% 100%;
}
#\37 366c683.lazy {
    background-image: url('data:image/jpeg; base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAjUlEQVQI103PPUuCARQF4Hd5BaFf4NbQ0CJBkyYuFbY0lV8ZBIY/wCAak/B3n0cuvIHD2R7OubdJMsQFLnGHSZIHLLHHR5J5gxVGeMI7PrHDGxa4xbDgD9bYdg0H/CYpOE7Soj2H1fT1D7GpM9CvFLzHdZIpXrrJVzxXQZIZHgsO0MNVhys3qIe+ccTfCeHgxO/y16WxAAAAAElFTkSuQmCC');
}
    
#\38 5027c78.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
}
#\38 5027c78 {
    width: auto;
    height: auto;
    max-width: 100%;
    align-self: auto;
    order: 1;
    margin: 20px 45px 20px 45px;
    grid-area: auto / auto / auto / auto;
}
    
#a61e09c2 {
    align-items: flex-start;
    width: 100%;
    min-height: 500px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 4%;
    order: 3;
    background-image: url(https://lirp.cdn-website.com/542394f5/dms3rep/multi/opt/7th_rooftop_aperitivo1-scaled-1920w.webp);
    border-radius: 0 0 30px 30px;
    padding: 200px 45px 45px 45px;
    margin: 0% 0% 0% 0%;
}
    
#\33 c17b3a5 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 0px;
    width: 48%;
    min-width: 4%;
    background-image: initial;
    border-radius: 30px 30px 30px 30px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 11px 0px;
    justify-content: flex-start;
    order: 0;
    background-size: contain;
    background-position: 50% 100%;
    background-color: var(--color_3);
    padding: 45px 0% 0% 0%;
    margin: 0% 0% -50px 0%;
}
    
#\31 76f3fe8.flex-element.widget-wrapper > [data-element-type] {
    padding-left: 45px;
    padding-right: 45px;
}
#\31 76f3fe8 {
    width: 100.00%;
    height: auto;
    max-width: 100%;
    align-self: auto;
    order: 1;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\37 ff3c17b {
    min-height: 240px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 8% 1% 8% 1%;
    margin: 0% 0% 0% 0%;
}
    
#\34 ad4eb04::before, #\34 ad4eb04 > .bgExtraLayerOverlay {
    
}
#\34 ad4eb04 {
    align-items: flex-start;
    width: 100%;
    min-height: 500px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 4%;
    order: 2;
    background-image: url(https://lirp.cdn-website.com/542394f5/dms3rep/multi/opt/image00004-1920w.jpeg);
    border-radius: 0 0 30px 30px;
    padding: 200px 45px 45px 45px;
    margin: 0% 0% 0% 0%;
}
    
#\35 30a66ca.flex-element.widget-wrapper > [data-element-type] {
    padding-bottom: 0%;
    padding-left: 45px;
    padding-right: 45px;
}
#\35 30a66ca {
    width: 100.00%;
    height: auto;
    max-width: 100%;
    order: 0;
    align-self: auto;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\34 c2e3358.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
}
#\34 c2e3358 {
    width: auto;
    height: auto;
    max-width: 100%;
    align-self: auto;
    order: 1;
    margin: 20px 45px 20px 45px;
    grid-area: auto / auto / auto / auto;
}
    
#\36 b781513 {
    margin: 4% 4% 4% 4%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\39 a28136c {
    padding-left: 15px;
    padding-right: 15px;
    background-position: 0% 50%;
    justify-content: flex-start;
    padding-bottom: 15px;
}
    
#a61e09c2 {
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 10px;
}
    
#\33 c17b3a5 {
    background-position: 0% 50%;
    justify-content: flex-start;
    padding: 45px 15px 15px 15px;
}
    
#\31 76f3fe8.flex-element.widget-wrapper > [data-element-type] {
    padding-left: 0px;
    padding-right: 0px;
}
    
#\37 ff3c17b {
    padding-left: 2%;
    padding-right: 2%;
}
    
#\34 ad4eb04::before, #\34 ad4eb04 > .bgExtraLayerOverlay {
    
}
#\34 ad4eb04 {
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 10px;
}
    
#\35 30a66ca.flex-element.widget-wrapper > [data-element-type] {
    padding-left: 0px;
    padding-right: 0px;
}
}



@media (max-width: 767px) {
    
#\39 a28136c {
    width: 100%;
    min-height: 80px;
    align-items: center;
    order: 1;
    padding: 5% 15px 5% 15px;
}
    
#\31 76f3fe8.flex-element.widget-wrapper > [data-element-type] {
    padding-left: 0px;
    padding-right: 0px;
}
#\31 76f3fe8 {
    width: 100.00%;
    margin-top: 0px;
    margin-bottom: 0px;
}
    
#\38 5027c78 {
    margin-left: 0px;
    margin-right: 0px;
    align-self: flex-start;
}
    
#\37 ff3c17b {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 25% 4% 25% 4%;
}
    
#\34 ad4eb04::before, #\34 ad4eb04 > .bgExtraLayerOverlay {
    
}
#\34 ad4eb04 {
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 10px;
    min-height: 250px;
}
    
#a61e09c2 {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    min-height: 250px;
}
    
#\35 30a66ca.flex-element.widget-wrapper > [data-element-type] {
    padding-left: 0px;
    padding-right: 0px;
}
#\35 30a66ca {
    width: 100.00%;
}
    
#\34 c2e3358 {
    margin-right: 0px;
    margin-left: 0px;
    align-self: flex-start;
}
    
#\33 c17b3a5 {
    width: 100%;
    min-height: 80px;
    align-items: center;
    order: 1;
    padding: 5% 15px 5% 15px;
}
    
#\36 b781513 {
    margin: 8% 4% 8% 4%;
}
}