@import url("p.typekit.net/p17c2.css?s=1&k=phu2uyy&ht=tk&f=10884.10885.15586.39437.39433.39434.39435.39436&a=19167761&app=typekit&e=css");body{width:100%}.clearfix::after{content:"";display:table;clear:both}html[xmlns] .clearfix{display:block}* html .clearfix{height:1%}.popupLayout{position:relative;background:#FFF;padding:20px;width:auto;max-width:800px;margin:20px auto;font-size:14px}body{padding:0;margin:0;font:13px Arial,Helvetica,Garuda,sans-serif;*font-size:small;*font:x-small;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}article,aside,figure,footer,header,nav,section,details,summary,main{display:block}h1,h2,h3,h4,h5,h6,ul,li,em,strong,pre,code,p{padding:0;margin:0;line-height:1em;font-size:100%;font-weight:normal;font-style:normal}table{font-size:inherit;font:100%}ul.menu{list-style:none;margin:0;padding:0}ul.menu li{margin:0;padding:0;line-height:1em;background:none}img{border:0;max-width:100%}a{text-decoration:none}input,select,textarea{font:inherit}.pathway{margin:0;padding:0}.pathway li{display:inline-block}*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}@font-face{font-family:"Futura PT";src:url("https://use.typekit.net/af/9b05f3/000000000000000000013365/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/9b05f3/000000000000000000013365/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/9b05f3/000000000000000000013365/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");font-display:auto;font-style:normal;font-weight:400}@font-face{font-family:"Futura PT";src:url("https://use.typekit.net/af/cf3e4e/000000000000000000010095/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"), url("https://use.typekit.net/af/cf3e4e/000000000000000000010095/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"), url("https://use.typekit.net/af/cf3e4e/000000000000000000010095/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");font-display:auto;font-style:italic;font-weight:400}@font-face{font-family:"Futura PT";src:url("https://use.typekit.net/af/c4c302/000000000000000000012192/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"), url("https://use.typekit.net/af/c4c302/000000000000000000012192/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"), url("https://use.typekit.net/af/c4c302/000000000000000000012192/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype");font-display:auto;font-style:normal;font-weight:600}@font-face{font-family:"Didot Headline";src:url("https://use.typekit.net/af/83794c/00000000000000003b9b22ec/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/83794c/00000000000000003b9b22ec/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/83794c/00000000000000003b9b22ec/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");font-display:auto;font-style:normal;font-weight:400}@font-face{font-family:"Didot";src:url("https://use.typekit.net/af/18c873/00000000000000003b9b22f8/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/18c873/00000000000000003b9b22f8/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/18c873/00000000000000003b9b22f8/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");font-display:auto;font-style:normal;font-weight:700}@font-face{font-family:"Didot";src:url("https://use.typekit.net/af/0f6052/00000000000000003b9b22f9/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"), url("https://use.typekit.net/af/0f6052/00000000000000003b9b22f9/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"), url("https://use.typekit.net/af/0f6052/00000000000000003b9b22f9/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");font-display:auto;font-style:italic;font-weight:700}@font-face{font-family:"Didot";src:url("https://use.typekit.net/af/5e526d/00000000000000003b9b22ee/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"), url("https://use.typekit.net/af/5e526d/00000000000000003b9b22ee/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"), url("https://use.typekit.net/af/5e526d/00000000000000003b9b22ee/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");font-display:auto;font-style:italic;font-weight:400}@font-face{font-family:"Didot";src:url("https://use.typekit.net/af/3d6ac8/00000000000000003b9b22ed/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/3d6ac8/00000000000000003b9b22ed/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/3d6ac8/00000000000000003b9b22ed/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");font-display:auto;font-style:normal;font-weight:400}body{color:#000;font-family:'Futura PT',sans-serif;font-size:22px}@media (max-width: 1550px){body{font-size:20px}}@media (max-width: 1230px){body{font-size:18px}}@media (max-width: 1000px){body{font-size:17px}}@media (max-width: 644px){body{font-size:19px}}p{margin-bottom:1em;line-height:1.6em}h1,h2,h3,h4,h5,h6{margin-bottom:1em}h1{font-size:170px;font-family:Didot;letter-spacing:-0.03em}@media (max-width: 1870px){h1{font-size:150px}}@media (max-width: 1550px){h1{font-size:120px}}@media (max-width: 1230px){h1{font-size:100px}}@media (max-width: 1000px){h1{font-size:90px}}@media (max-width: 644px){h1{font-size:60px}}#article h1, #prenota h1{font-size:70px;font-family:Didot;letter-spacing:-0.03em}@media (max-width: 1870px){#article h1, #prenota h1{font-size:50px}}@media (max-width: 1550px){#article h1, #prenota h1{font-size:30px}}@media (max-width: 644px){#article h1, #prenota h1{font-size:24px}}ul{margin:0 0 1em 1em;padding:0}ul li{margin:0 0 1em 0;padding:0 0 0 0}strong{font-weight:bold}em{font-style:italic}a{color:#000;-webkit-transition:all .2s;transition:all .2s}a:hover{color:#6E6E6E}.privacyDisclaimer{font-size:14px;margin-bottom:20px;color:#BFBFBF}.privacyDisclaimer a{text-decoration:underline;color:#BFBFBF}.privacyDisclaimer div{margin-bottom:10px}.input{margin-bottom:1.5em}input[type='text'],input[type='email'],input[type='tel'],input[type='number'],textarea,select{font:inherit;padding: .5em 0;width:100%;-webkit-appearance:none;border-radius:0;box-shadow:none;background:none;border:none;border-bottom:1px solid;font-size:16px;letter-spacing:0.1em}textarea{height:auto}.inputGroup .row{display:flex;justify-content:space-between}@media (max-width: 1230px){.inputGroup .row{flex-direction:column}}.inputGroup .row .input{width:32%;position:relative}@media (max-width: 1230px){.inputGroup .row .input{width:100%}}input[type='submit']{font:inherit;cursor:pointer;padding: .25em 1.5em;border:none;-webkit-appearance:none;border-radius:0;box-shadow:none;background:none;border:1px solid #000;color:#000;text-transform:uppercase;float:right;margin-top:10px;font-size:16px;-webkit-transition:all .2s;transition:all .2s}input[type='submit']:hover{background:#000;color:#FDF1EA}.button{display:inline-block}.checkbox input, .checkbox label{vertical-align:middle}.checkbox label{display:inline}.checkbox:not(foo) label::before{content:'';display:inline-block;width:22px;height:22px;border:1px solid #000;background:#fff;vertical-align:middle;margin-right:10px;cursor:pointer;text-align:center;line-height:22px;color:#000}.checkbox:not(foo) input:checked+label::before{content:"\2713"}.checkbox:not(foo) input[type=checkbox]{display:none}.error-message{font-size:14px;color:#c00}label{margin-bottom: .3em;display:block}.response_message{position:fixed;bottom:15%;width:600px;left:50%;margin-left:-300px;z-index:500;border-radius:3px;padding:20px;text-align:center;color:#fff;font-size:14px;background:#88B555;visibility:hidden;transition:300ms;-webkit-transition:300ms;box-shadow:0 5px 15px rgba(0,0,0,0.2)}.response_message.error{background:#C14343}.response_message.visible{visibility:visible;animation:messageIn 500ms ease-out forwards;-webkit-animation:messageIn 500ms ease-out forwards}@media (max-width: 600px){.response_message{bottom:0;width:auto;margin:0;left:0;right:0;font-size:13px}}@keyframes messageIn{0%{transform:translate3d(0,100px,0);-webkit-transform:translate3d(0,100px,0);opacity:0}100%{transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes messageIn{0%{transform:translate3d(0,100px,0);-webkit-transform:translate3d(0,100px,0);opacity:0}100%{transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);opacity:1}}.nice-select{-webkit-tap-highlight-color:transparent;box-sizing:border-box;clear:both;cursor:pointer;display:block;font-family:inherit;font-weight:normal;outline:none;padding-left: .5em;padding-right:2em;text-align:left !important;position:relative;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-transform:uppercase;color:#000}.nice-select:after{border-bottom:1px solid #000;border-right:1px solid #000;content:'';display:block;height:7px;margin-top:-5px;pointer-events:none;position:absolute;right: .75em;top:50%;-webkit-transform-origin:66% 66%;-ms-transform-origin:66% 66%;transform-origin:66% 66%;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out;width:7px}.nice-select.open:after{-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}.nice-select.open .list{opacity:1;pointer-events:auto;-webkit-transform:scale(1) translateY(0);-ms-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}.nice-select.disabled{border-color:#ededed;color:#999;pointer-events:none}.nice-select.disabled:after{border-color:#ccc}.nice-select .current{display:block;width:100%;overflow:hidden;line-height:1.175em}.nice-select .list{background-color:#FDF1EA;box-sizing:border-box;opacity:0;padding:5px 10px;pointer-events:none;position:absolute;left:-2px;top:30px;margin:0;min-width:101%;-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(0.75) translateY(-21px);-ms-transform:scale(0.75) translateY(-21px);transform:scale(0.75) translateY(-21px);-webkit-transition:all 0.2s cubic-bezier(0.5,0,0,1.25), opacity 0.15s ease-out;transition:all 0.2s cubic-bezier(0.5,0,0,1.25), opacity 0.15s ease-out;z-index:2}.nice-select .list:hover .option:not(:hover){background-color:transparent !important}.nice-select .option{cursor:pointer;font-weight:400;list-style:none;outline:none;text-align:left;margin:0;-webkit-transition:all 0.2s;transition:all 0.2s;padding:10px 0;color:#000;padding-left:24px;position:relative}.nice-select .option:before{content:'';position:absolute;width:14px;height:14px;left:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);border:1px solid #000;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%}.nice-select .option:after{content:'';position:absolute;width:6px;height:6px;left:4px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;background:#000;opacity:0}.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus{color:#000}.nice-select .option.selected:after{opacity:1}.nice-select .option.disabled{background-color:transparent;color:#999;cursor:default}.no-csspointerevents .nice-select .list{display:none}.no-csspointerevents .nice-select.open .list{display:block}@keyframes lineright{0%{width:0;left:0}50%{width:75%}100%{width:0;left:100%}}@keyframes lineleft{0%{width:0;right:0}50%{width:75%}100%{width:0;right:100%}}.slick-arrow{z-index:3;overflow:hidden;text-indent:500px;background:none;width:40px;border:0}@media (max-width: 644px){.slick-arrow{display:none !important}}.slick-arrow.slick-prev{left:40px}@media (max-width: 1230px){.slick-arrow.slick-prev{left:20px}}.slick-arrow.slick-prev:before{content:'';height:1px;width:100%;background:rgba(255,255,255,0.25);position:absolute;top:50%;left:0}.slick-arrow.slick-prev:after{content:'';height:1px;background:#FFF;position:absolute;top:50%;right:0;animation:lineleft 2s infinite cubic-bezier(0.390,0.575,0.565,1.000)}.slick-arrow.slick-next{right:40px}@media (max-width: 1230px){.slick-arrow.slick-next{right:20px}}.slick-arrow.slick-next:before{content:'';height:1px;width:100%;background:rgba(255,255,255,0.25);position:absolute;top:50%;right:0}.slick-arrow.slick-next:after{content:'';height:1px;background:#FFF;position:absolute;top:50%;left:0;animation:lineright 2s infinite cubic-bezier(0.390,0.575,0.565,1.000)}#slideShow{height:100vh;overflow:hidden}#slideShow .carousel{height:100%}#slideShow .slide{position:relative;height:100%}#slideShow .slide .imago{position:relative;height:100%}#slideShow .slide .imago:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:0}#slideShow .slide .imago img{display:block;height:100%;width:100%;object-fit:cover}#slideShow .slide .texto{position:absolute;top:50%;transform:translateY(-50%);width:50%;margin:0 auto;text-align:center;z-index:2;color:#FFF;left:0;right:0}@media (max-width: 1550px){#slideShow .slide .texto{width:60%}}@media (max-width: 1230px){#slideShow .slide .texto{width:65%}}@media (max-width: 644px){#slideShow .slide .texto{width:100%;padding:0 20px}}#slideShow .slide .texto .small{font-size:10px;letter-spacing:0.1em;border-bottom:1px solid;color:#FFF;font-weight:500;margin-bottom:5em;display:inline-block}@media (max-width: 644px){#slideShow .slide .texto .small{font-size:13px}}@media (max-width: 644px){#slideShow .slide .texto .small{margin-bottom:2.5em}}#slideShow .slide .texto h1,#slideShow .slide .texto h3{font-size:112px;line-height: .9em;letter-spacing:-0.03em;text-transform:uppercase;font-style:italic;color:#FFF;font-family:'Didot',serif}@media (max-width: 1870px){#slideShow .slide .texto h1,#slideShow .slide .texto h3{font-size:100px}}@media (max-width: 1550px){#slideShow .slide .texto h1,#slideShow .slide .texto h3{font-size:80px}}@media (max-width: 1230px){#slideShow .slide .texto h1,#slideShow .slide .texto h3{font-size:70px}}@media (max-width: 1000px){#slideShow .slide .texto h1,#slideShow .slide .texto h3{font-size:65px}}@media (max-width: 644px){#slideShow .slide .texto h1,#slideShow .slide .texto h3{font-size:48px}}@media (max-width: 480px){#slideShow .slide .texto h1,#slideShow .slide .texto h3{font-size:38px}}#slideShow .slide .texto .more{font-size:20px;letter-spacing:0.01em;font-weight:600;border-bottom:1px solid;color:#FFF}@media (max-width: 644px){#slideShow .slide .texto .more{font-size:22px}}.slick-list,.slick-track,.slick-slide,.slick-slide>div{height:100%}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;left:0;top:0;display:block;margin-left:auto;margin-right:auto;transition:transform 2s cubic-bezier(0.645,0.045,0.355,1)}.slick-track:before,.slick-track:after{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;height:100%;min-height:1px}[dir="rtl"] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-arrow{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;cursor:pointer}.slick-arrow.prev{background:url(img/prev.html) no-repeat 50% 50%;left:0}.slick-arrow.next{background:url(img/next.html) no-repeat 50% 50%;right:0}.apt.fx .imago{transition:1.5s cubic-bezier(0.390,0.575,0.565,1.000);opacity:0}.apt.fx .imago img{transition:2s cubic-bezier(0.165,0.840,0.440,1.000);transform:translateY(10vw)}.apt.fx .imago span{transition:2.5s cubic-bezier(0.165,0.840,0.440,1.000);transform:translateY(16vw)}.apt.fx .texto{transition:1.5s cubic-bezier(0.390,0.575,0.565,1.000);opacity:0}.apt.fx .texto h6, .apt.fx .texto h2, .apt.fx .texto p, .apt.fx .texto span{transition:2.5s cubic-bezier(0.165,0.840,0.440,1.000);transform:translateY(10vw)}.apt.fx .texto h2{transition-delay: .2s}.apt.fx .texto p{transition-delay: .4s}.apt.fx .texto span{transition-delay: .6s}.apt.inView .imago{opacity:1}.apt.inView .imago img, .apt.inView .imago span{transform:translateY(0)}.apt.inView .texto{opacity:1}.apt.inView .texto h2, .apt.inView .texto h6, .apt.inView .texto p, .apt.inView .texto span{transform:translateY(0)}.verona.fx .block{transition:2.5s cubic-bezier(0.165,0.840,0.440,1.000);transform:translateY(16vw);opacity:0}.verona.fx .block.block1{transition-delay: .5s}.verona.fx .block.block3{transition-delay:1s}.verona.fx .block .intro h6, .verona.fx .block .intro h2, .verona.fx .block .intro h3{transition:3s cubic-bezier(0.165,0.840,0.440,1.000);transform:translateY(20vw)}.verona.fx .block .intro h2{transition-delay: .2s}.verona.fx .block .intro h3{transition-delay: .4s}.verona.inView .block{opacity:1;transform:translateY(0)}.verona.inView .block .intro h6, .verona.inView .block .intro h2, .verona.inView .block .intro h3{transform:translateY(0)}.servizi h2.fx{transition:2.5s cubic-bezier(0.165,0.840,0.440,1.000);transform:translateY(20vw)}.servizi .row.fx{transition:2.5s cubic-bezier(0.165,0.840,0.440,1.000);transform:translateY(16vw)}.servizi .row.fx .imago{transition:1.5s cubic-bezier(0.390,0.575,0.565,1.000);opacity:0}.servizi .row.fx .imago img{transition:2s cubic-bezier(0.165,0.840,0.440,1.000);transform:translateY(10vw)}.servizi .row.fx .imago span{transition:2.5s cubic-bezier(0.165,0.840,0.440,1.000);transform:translateY(16vw)}.servizi .row.fx .texto{transition:1.5s cubic-bezier(0.390,0.575,0.565,1.000);opacity:0}.servizi .row.fx .texto h6, .servizi .row.fx .texto h3, .servizi .row.fx .texto p{transition:2.5s cubic-bezier(0.165,0.840,0.440,1.000);transform:translateY(10vw)}.servizi .row.fx .texto h3{transition-delay: .2s}.servizi .row.fx .texto p{transition-delay: .4s}.servizi h2.fx.inView{transform:translateY(0)}.servizi .row.fx.inView{transform:translateY(0)}.servizi .row.fx.inView .imago{opacity:1}.servizi .row.fx.inView .imago img, .servizi .row.fx.inView .imago span{transform:translateY(0)}.servizi .row.fx.inView .texto{opacity:1}.servizi .row.fx.inView .texto h6, .servizi .row.fx.inView .texto h3, .servizi .row.fx.inView .texto p{transform:translateY(0)}#room .description.fx .texto p{transition:all 2.5s cubic-bezier(0.165,0.840,0.440,1.000);transform:translateY(250px);opacity:0}#room .description.fx .texto p:nth-of-type(2){transition-delay: .2s}#room .description.fx .texto p:nth-of-type(3){transition-delay: .4s}#room .description.fx .texto p:nth-of-type(4){transition-delay: .6s}#room .description.fx .texto p:nth-of-type(5){transition-delay: .8s}#room .description.fx .texto p:nth-of-type(6){transition-delay:1s}#room .description.fx .texto p:nth-of-type(7){transition-delay:1.2s}#room .description.fx.inView .texto p{transform:translateY(0);opacity:1}#room .group1.fx .col1 .imago, #room .group1.fx .col1 .texto{transition:all 2.5s cubic-bezier(0.165,0.840,0.440,1.000);transform:translateY(20vw);opacity:0}#room .group1.fx .col1 .texto{transition-delay: .5s}#room .group1.fx .col2{transition:all 2.5s cubic-bezier(0.165,0.840,0.440,1.000) .5s;transform:translateY(20vw);opacity:0}#room .group1.fx.inView .col1 .imago, #room .group1.fx.inView .col1 .texto{transform:translateY(0);opacity:1}#room .group1.fx.inView .col2{transform:translateY(0);opacity:1}#room .group2.fx .col1 .imago, #room .group2.fx .col1 .texto{transition:all 2.5s cubic-bezier(0.165,0.840,0.440,1.000);transform:translateY(20vw);opacity:0}#room .group2.fx .col1 .texto{transition-delay: .5s}#room .group2.fx .col2{transition:all 2.5s cubic-bezier(0.165,0.840,0.440,1.000) .5s;transform:translateY(20vw);opacity:0}#room .group2.fx.inView .col1 .imago, #room .group2.fx.inView .col1 .texto{transform:translateY(0);opacity:1}#room .group2.fx.inView .col2{transform:translateY(0);opacity:1}#room .group3.fx .col1 .imago, #room .group3.fx .col1 .texto{transition:all 2.5s cubic-bezier(0.165,0.840,0.440,1.000);transform:translateY(20vw);opacity:0}#room .group3.fx .col1 .texto{transition-delay: .5s}#room .group3.fx .col2{transition:all 2.5s cubic-bezier(0.165,0.840,0.440,1.000) .5s;transform:translateY(20vw);opacity:0}#room .group3.fx.inView .col1 .imago, #room .group3.fx.inView .col1 .texto{transform:translateY(0);opacity:1}#room .group3.fx.inView .col2{transform:translateY(0);opacity:1}#room .large.fx .slogan{transition:all 2.5s cubic-bezier(0.165,0.840,0.440,1.000);transform:translateY(20vw)}#room .large.fx .imago{transition:all 2.5s cubic-bezier(0.165,0.840,0.440,1.000);transform:translateY(16vw)}#room .large.fx.inView .slogan, #room .large.fx.inView .imago{transform:translateY(0)}#room .reviews.fx{transition:all 2.5s cubic-bezier(0.165,0.840,0.440,1.000);transform:translateY(50px);opacity:0}#room .reviews.fx.inView{transform:translateY(0);opacity:1}#room .next.fx h6, #room .next.fx h2, #room .next.fx .imago, #room .next.fx .discover{transition:all 2.5s cubic-bezier(0.165,0.840,0.440,1.000);transform:translateY(25vw);opacity:0}#room .next.fx h2{transition-delay: .2s}#room .next.fx .imago{transition-delay: .4s}#room .next.fx .discover{transition-delay: .6s}#room .next.fx.inView h6, #room .next.fx.inView h2, #room .next.fx.inView .imago, #room .next.fx.inView .discover{transform:translateY(0);opacity:1}#siteFooter .foot.fx{transition:2.5s cubic-bezier(0.165,0.840,0.440,1.000);transform:translateY(25px);opacity:0}#siteFooter .foot.fx:nth-of-type(2){transition-delay: .2s}#siteFooter .foot.fx:nth-of-type(3){transition-delay: .4s}#siteFooter .foot.fx:nth-of-type(4){transition-delay: .6s}#siteFooter .foot.fx:nth-of-type(5){transition-delay: .8s}#siteFooter .foot.fx:nth-of-type(6){transition-delay:1s}#siteFooter .foot.fx.inView{transform:translateY(0);opacity:1}.hamburger{padding:15px 15px;display:inline-block;cursor:pointer;transition-property:opacity,filter;transition-duration:0.5s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}.hamburger:hover{opacity:0.7}.hamburger.open:hover{opacity:0.7}.hamburger.open .hamburger-inner, .hamburger.open .hamburger-inner::before, .hamburger.open .hamburger-inner::after{background-color:#000}.hamburger-box{width:60px;height:26px;display:inline-block;position:relative}@media (max-width: 1000px){.hamburger-box{width:50px}}.hamburger-inner{display:block;top:50%;margin-top:-2px;height:0 !important}.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{width:60px;height:1px;background-color:#000;position:absolute;transition-property:transform, top, bottom, background-color;transition-duration:0.5s;transition-timing-function:cubic-bezier(0.645,0.045,0.355,1)}@media (max-width: 1000px){.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{width:50px}}.hamburger-inner::before,.hamburger-inner::after{content:"";display:block}.hamburger-inner::before{top:-8px}.hamburger-inner::after{bottom:-8px}.home .hamburger-inner, .home .hamburger-inner::before, .home .hamburger-inner::after{background-color:#fff}@media (max-width: 1000px){.home .hamburger-inner, .home .hamburger-inner::before, .home .hamburger-inner::after{background-color:#000}}.hamburger--arrow-r.open .hamburger-inner::before{transform:translate3d(0,6px,0) rotate(45deg) scale(.75);background-color:#000}.hamburger--arrow-r.open .hamburger-inner::after{transform:translate3d(0,-8px,0) rotate(-45deg) scale(.75);background-color:#000}body.frontend{background:#FDF1EA;position:relative}body.frontend:after,body.frontend:before{content:'';position:fixed;bottom:0;left:0;top:0;right:0;background:#FFF;z-index:99998;pointer-events:none;clip-path:inset(0 0 0 0);-webkit-clip-path:inset(0 0 0 0);transition:all 1.25s cubic-bezier(0.215,0.610,0.355,1.000)}body.frontend:before{background:#FDF1EA;z-index:99999;transition:all 1s cubic-bezier(0.390,0.575,0.565,1.000) .5s}body.frontend.rooms,body.frontend.home{background:#FFF}body.frontend.loaded:after{clip-path:inset(100% 0 0 0);-webkit-clip-path:inset(100% 0 0 0)}body.frontend.loaded:before{clip-path:inset(100% 0 0 0);-webkit-clip-path:inset(100% 0 0 0)}body.frontend.out:after{transition:all 1s cubic-bezier(0.390,0.575,0.565,1.000) .5s}body.frontend.out:before{transition:all 1.25s cubic-bezier(0.215,0.610,0.355,1.000)}@media (max-width: 1000px){main{margin-top:70px}}@media (max-width: 1000px){.home main{margin-top:0}}#siteHeader{padding:50px;position:fixed;top:0;left:0;right:0;height:160px;z-index:4}@media (max-width: 1230px){#siteHeader{padding:25px;height:110px}}@media (max-width: 1000px){#siteHeader{background:#FDF1EA;height:70px;padding:10px 40px}}@media (max-width: 644px){#siteHeader{padding:10px 20px}}#siteHeader .logolink{font-family:Didot,serif;font-size:35px;font-weight:700;display:inline-block;text-align:center;letter-spacing:-0.03em;color:#000}@media (max-width: 1870px){#siteHeader .logolink{font-size:32px}}@media (max-width: 1550px){#siteHeader .logolink{font-size:28px}}@media (max-width: 1000px){#siteHeader .logolink{display:block;margin:0 auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}@media (max-width: 644px){#siteHeader .logolink{font-size:26px}}#siteHeader .logolink span{display:block;font-size:17px;letter-spacing:0.1em;text-transform:lowercase;font-style:italic;font-weight:400}@media (max-width: 1870px){#siteHeader .logolink span{font-size:16px}}@media (max-width: 1550px){#siteHeader .logolink span{font-size:15px}}@media (max-width: 644px){#siteHeader .logolink span{font-size:14px}}.home #siteHeader .logolink{color:#FFF}@media (max-width: 1000px){.home #siteHeader .logolink{color:#000}}#mousemenu{position:fixed;max-width:600px;mix-blend-mode:multiply;z-index:5;pointer-events:none;width:50vw}@media (max-width: 1000px){#mousemenu{display:none}}#mousemenu img{position:absolute;top:0;left:0;opacity:0;transition:opacity 1s cubic-bezier(0.165,0.840,0.440,1.000)}#mousemenu img.active{opacity:1}#mobile_langs{display:none}@media (max-width: 1000px){#mobile_langs{display:inline-block;vertical-align:top;position:absolute;left:30px;top:50%;transform:translateY(-50%)}}@media (max-width: 644px){#mobile_langs{left:10px;font-size:15px}}#mainMenu{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;background:#FFF;z-index:3;opacity:0;transition:opacity 1s;display:flex;justify-content:space-around;flex-direction:column}@media (max-width: 1000px){#mainMenu{background:#FDF1EA}}#mainMenu.open{pointer-events:all;opacity:1}#mainMenu ul.menu{display:flex;flex-flow:column wrap;text-align:center;margin:auto auto 0;max-width:90%}#mainMenu ul.menu li{line-height:1em;display:block;margin:0}#mainMenu ul.menu li a{font-size:75px;color:#000;font-family:'Didot',serif;font-style:italic;line-height: .9em;line-height:1em;display:block;transition:opacity 1s;opacity:1;padding: .25em 0;text-transform:uppercase}@media (max-width: 1870px){#mainMenu ul.menu li a{font-size:65px}}@media (max-width: 1550px){#mainMenu ul.menu li a{font-size:55px}}@media (max-width: 1230px){#mainMenu ul.menu li a{font-size:50px}}@media (max-width: 1000px){#mainMenu ul.menu li a{font-size:45px}}@media (max-width: 644px){#mainMenu ul.menu li a{font-size:43px}}@media (max-width: 1000px){#mainMenu ul.menu li a{padding: .5em 0}}@media (max-width: 644px){#mainMenu ul.menu li a{font-size:35px;line-height:1.2em}}#mainMenu ul.menu li a.notSelected{opacity: .05}#mainMenu .languages{margin:50px auto;padding:0 100px;position:relative}@media (max-width: 1000px){#mainMenu .languages{display:none}}#mainMenu .languages:before{content:'';left:0;position:absolute;top:50%;width:66px;height:1px;background:#BFBFBF}#mainMenu .languages:after{content:'';right:0;position:absolute;top:50%;width:66px;height:1px;background:#BFBFBF}#mainMenu .languages a{font-size:11px;letter-spacing:0.1em;font-weight:500;text-transform:uppercase;color:#000;margin:0 5px;color:#BFBFBF;-webkit-transition:all .2s;transition:all .2s}@media (max-width: 644px){#mainMenu .languages a{font-size:13px}}#mainMenu .languages a.active{color:#000}#mainMenu .languages a.active:hover{color:#000}#mainMenu .languages a:hover{color:#000}#mainMenu .social{opacity: .25;margin:0 auto auto}@media (max-width: 1000px){#mainMenu .social{margin:auto}}#mainMenu .social a{margin:0 15px}#toggler{position:absolute;top:50%;right:50px;transform:translateY(-50%);z-index:3;margin-top:3px}@media (max-width: 1000px){#toggler{right:25px}}@media (max-width: 644px){#toggler{right:5px}}#toggler:focus{outline:0}#siteFooter{background:#F5F5F5;padding:90px 14%;display:flex;justify-content:space-between;font-size:16px;font-weight:600;color:#6E6E6E}@media (max-width: 1230px){#siteFooter{padding:90px 25px}}@media (max-width: 1000px){#siteFooter{flex-direction:column;padding:40px;text-align:center}}#siteFooter .foot{width:20%}#siteFooter .foot.box_2{width:40%}@media (max-width: 1000px){#siteFooter .foot.box_2{width:100%}}@media (max-width: 1000px){#siteFooter .foot{width:100%;margin:25px 0}}#siteFooter .foot h6{font-size:19px;font-weight:600;font-style:italic}#hp .apartments{padding:0 40px}@media (max-width: 644px){#hp .apartments{padding:0 20px}}#hp .apartments a.apt{display:flex;align-items:center;justify-content:space-between;flex-flow:row wrap;margin:6.5% 0}@media (max-width: 1230px){#hp .apartments a.apt{margin:5% 0}}@media (max-width: 1000px){#hp .apartments a.apt{margin:50px 0}}#hp .apartments a.apt h6{font-size:11px;letter-spacing:0.1em;font-weight:500;text-transform:uppercase;color:#000;padding-left:75px;position:relative;display:inline-block;margin-bottom:2em}@media (max-width: 644px){#hp .apartments a.apt h6{font-size:13px;color:#6E6E6E}}#hp .apartments a.apt h6:before{content:'';height:1px;position:absolute;top:50%;width:66px;background:#000;left:0}@media (max-width: 644px){#hp .apartments a.apt h6:before{background:#6E6E6E}}#hp .apartments a.apt h2{font-size:75px;color:#000;font-family:'Didot',serif;font-style:italic;line-height: .9em;font-style:normal;max-width:75%;margin-bottom: .5em}@media (max-width: 1870px){#hp .apartments a.apt h2{font-size:65px}}@media (max-width: 1550px){#hp .apartments a.apt h2{font-size:55px}}@media (max-width: 1230px){#hp .apartments a.apt h2{font-size:50px}}@media (max-width: 1000px){#hp .apartments a.apt h2{font-size:45px}}@media (max-width: 644px){#hp .apartments a.apt h2{font-size:43px}}#hp .apartments a.apt span.discover{display:inline-block;border-bottom:1px solid;margin-top:1em;font-weight:700}@media (max-width: 1000px){#hp .apartments a.apt span.discover{font-size:22px}}#hp .apartments a.apt .texto{margin:auto;padding:5vw;width:45%}@media (max-width: 1550px){#hp .apartments a.apt .texto{padding:5vw 3vw}}@media (max-width: 1230px){#hp .apartments a.apt .texto{width:40%;margin:auto 0;padding:5vw 0}}@media (max-width: 1000px){#hp .apartments a.apt .texto{width:100%}}#hp .apartments a.apt .imago{width:55%;position:relative}@media (max-width: 1000px){#hp .apartments a.apt .imago{width:100%;order:2}}#hp .apartments a.apt .imago span{position:absolute;font-size:37px;letter-spacing:0.03em;font-style:italic;bottom:-15px;left:-15px;color:#6E6E6E;font-family:'Didot',serif;mix-blend-mode:exclusion}@media (max-width: 1870px){#hp .apartments a.apt .imago span{font-size:33px}}@media (max-width: 1550px){#hp .apartments a.apt .imago span{font-size:30px}}@media (max-width: 644px){#hp .apartments a.apt .imago span{font-size:24px;bottom:-10px;left:-10px}}#hp .apartments a.apt:nth-of-type(2n) .imago{order:2}#hp .apartments a.apt:nth-of-type(2n) .imago span{left:auto;right:-15px}@media (max-width: 644px){#hp .apartments a.apt:nth-of-type(2n) .imago span{right:-10px}}#hp .apartments a.apt:nth-of-type(2n) .texto{order:1}#hp .verona{padding:12vw 10%;display:flex;justify-content:space-between;align-items:center}@media (max-width: 1230px){#hp .verona{padding:5vw 25px 12vw}}@media (max-width: 1000px){#hp .verona{flex-direction:column;padding:12vw 40px}}@media (max-width: 644px){#hp .verona{padding:100px 20px 50px}}#hp .verona .block{width:36%}@media (max-width: 1000px){#hp .verona .block{width:100%}}#hp .verona .block.block1{width:32%;padding:40px;text-align:right}@media (max-width: 1000px){#hp .verona .block.block1{width:100%;order:2;text-align:left;padding:0 0 50px}}@media (max-width: 644px){#hp .verona .block.block1{padding:0 0 25px}}#hp .verona .block.block2{position:relative}@media (max-width: 1000px){#hp .verona .block.block2{order:1;padding:0 0 75px}#hp .verona .block.block2 img{display:block;margin:0 auto}}@media (max-width: 644px){#hp .verona .block.block2{padding:0 0 50px}}#hp .verona .block.block2 .texto{text-align:center}#hp .verona .block.block2 .texto a.guide{display:inline-block;margin-top:1em;border-bottom:1px solid;font-weight:700}@media (max-width: 644px){#hp .verona .block.block2 .texto a.guide{font-size:22px}}#hp .verona .block.block2 .intro{position:absolute;top:-7vw;left:-50%;right:-50%}@media (max-width: 1550px){#hp .verona .block.block2 .intro{top:-9vw}}@media (max-width: 1000px){#hp .verona .block.block2 .intro{left:0;right:0}}@media (max-width: 644px){#hp .verona .block.block2 .intro{top:-50px}}#hp .verona .block.block2 .intro h6{font-size:11px;letter-spacing:0.1em;font-weight:500;text-transform:uppercase;color:#000;padding-left:75px;position:relative;display:inline-block;margin-bottom:2.5em}@media (max-width: 644px){#hp .verona .block.block2 .intro h6{font-size:13px;color:#6E6E6E}}#hp .verona .block.block2 .intro h6:before{content:'';height:1px;position:absolute;top:50%;width:66px;background:#000;left:0}@media (max-width: 644px){#hp .verona .block.block2 .intro h6:before{background:#6E6E6E}}@media (max-width: 644px){#hp .verona .block.block2 .intro h6{margin-bottom:1em}}#hp .verona .block.block2 .intro h2{font-size:170px;color:#000;letter-spacing:-0.03em;font-family:Didot;margin:0;text-transform:uppercase}@media (max-width: 1870px){#hp .verona .block.block2 .intro h2{font-size:150px}}@media (max-width: 1550px){#hp .verona .block.block2 .intro h2{font-size:120px}}@media (max-width: 644px){#hp .verona .block.block2 .intro h2{font-size:60px}}#hp .verona .block.block2 .intro h3{font-size:45px;letter-spacing:-0.04em;font-family:Didot;margin:-0.25em 0 0}@media (max-width: 1870px){#hp .verona .block.block2 .intro h3{font-size:42px}}@media (max-width: 1550px){#hp .verona .block.block2 .intro h3{font-size:38px}}@media (max-width: 644px){#hp .verona .block.block2 .intro h3{font-size:28px}}#hp .verona .block.block3{width:32%;padding:40px}@media (max-width: 1000px){#hp .verona .block.block3{width:100%;order:3;text-align:left;padding:0 0 50px}}#hp .servizi{background:#FDF1EA;text-align:center}#hp .servizi h2{font-size:112px;line-height: .9em;letter-spacing:-0.03em;text-transform:uppercase;font-style:italic;color:#FFF;font-family:'Didot',serif;color:#000;position:relative;top:-0.3em;margin:0}@media (max-width: 1870px){#hp .servizi h2{font-size:100px}}@media (max-width: 1550px){#hp .servizi h2{font-size:80px}}@media (max-width: 1230px){#hp .servizi h2{font-size:70px}}@media (max-width: 1000px){#hp .servizi h2{font-size:65px}}@media (max-width: 644px){#hp .servizi h2{font-size:48px}}@media (max-width: 480px){#hp .servizi h2{font-size:38px}}#hp .servizi .rows{text-align:left}@media (max-width: 644px){#hp .servizi .rows{padding-bottom:50px}}#hp .servizi .rows .row{padding:80px 10%;display:flex;align-items:center;justify-content:space-between;flex-flow:row wrap}@media (max-width: 1230px){#hp .servizi .rows .row{padding:25px 40px}}@media (max-width: 1000px){#hp .servizi .rows .row{flex-direction:column}}@media (max-width: 644px){#hp .servizi .rows .row{padding:25px 20px}}#hp .servizi .rows .row .imago{width:55%}@media (max-width: 1000px){#hp .servizi .rows .row .imago{width:100%;order:2}}#hp .servizi .rows .row .imago img{display:block;width:100%}#hp .servizi .rows .row .texto{width:45%;margin:auto;padding:50px}@media (max-width: 1230px){#hp .servizi .rows .row .texto{margin:auto 0;padding:50px 0;width:40%}}@media (max-width: 1000px){#hp .servizi .rows .row .texto{width:100%}}@media (max-width: 644px){#hp .servizi .rows .row .texto{padding:50px 0 0}}#hp .servizi .rows .row h6{font-size:11px;letter-spacing:0.1em;font-weight:500;text-transform:uppercase;color:#000;padding-left:75px;position:relative;display:inline-block;margin-bottom:2em}@media (max-width: 644px){#hp .servizi .rows .row h6{font-size:13px;color:#6E6E6E}}#hp .servizi .rows .row h6:before{content:'';height:1px;position:absolute;top:50%;width:66px;background:#000;left:0}@media (max-width: 644px){#hp .servizi .rows .row h6:before{background:#6E6E6E}}@media (max-width: 644px){#hp .servizi .rows .row h6{margin-bottom:1em}}#hp .servizi .rows .row h3{font-size:75px;color:#000;font-family:'Didot',serif;font-style:italic;line-height: .9em;font-style:normal;margin-bottom: .5em}@media (max-width: 1870px){#hp .servizi .rows .row h3{font-size:65px}}@media (max-width: 1550px){#hp .servizi .rows .row h3{font-size:55px}}@media (max-width: 1230px){#hp .servizi .rows .row h3{font-size:50px}}@media (max-width: 1000px){#hp .servizi .rows .row h3{font-size:45px}}@media (max-width: 644px){#hp .servizi .rows .row h3{font-size:43px}}#hp .servizi .rows .row:nth-of-type(2n) .imago{order:2}#hp .servizi .rows .row:nth-of-type(2n) .texto{order:1}#about,#article,#prenota{min-height:100vh;padding:25vh 300px;display:flex;justify-content:space-between;margin:0 auto;max-width:1500px}@media (max-width: 1000px){#about,#article,#prenota{flex-direction:column}}@media (max-width: 644px){#about,#article,#prenota{padding:40px 20px}}#about .col, #article .col, #prenota .col{width:28%;position:relative;padding-top:270px}@media (max-width: 1230px){#about .col, #article .col, #prenota .col{width:24%;padding-top:170px}}@media (max-width: 1000px){#about .col, #article .col, #prenota .col{width:100%;padding:0}}#about .col.col_1, #article .col.col_1, #prenota .col.col_1{text-align:right}@media (max-width: 1000px){#about .col.col_1, #article .col.col_1, #prenota .col.col_1{text-align:left;order:2;margin-bottom:50px}}#about .col.col_2, #article .col.col_2, #prenota .col.col_2{padding-top:0;width:34%}@media (max-width: 1230px){#about .col.col_2, #article .col.col_2, #prenota .col.col_2{width:42%}}@media (max-width: 1000px){#about .col.col_2, #article .col.col_2, #prenota .col.col_2{width:100%;order:1}}@media (max-width: 1000px){#about .col.col_3, #article .col.col_3, #prenota .col.col_3{order:3}}#about .imago, #article .imago, #prenota .imago{position:relative;padding:150px 2%}@media (max-width: 1870px){#about .imago, #article .imago, #prenota .imago{padding:130px 2%}}@media (max-width: 1550px){#about .imago, #article .imago, #prenota .imago{padding:120px 2%}}@media (max-width: 1230px){#about .imago, #article .imago, #prenota .imago{padding:100px 2%}}@media (max-width: 1000px){#about .imago, #article .imago, #prenota .imago{padding:100px 25px}}@media (max-width: 644px){#about .imago, #article .imago, #prenota .imago{padding:60px 20px 100px}}#about .intro, #article .intro, #prenota .intro{position:absolute;top:0;left:-50%;right:-50%;text-align:center}@media (max-width: 1000px){#about .intro, #article .intro, #prenota .intro{left:0;right:0}}#about .intro h6, #article .intro h6, #prenota .intro h6{font-size:11px;letter-spacing:0.1em;font-weight:500;text-transform:uppercase;color:#000;padding-left:75px;position:relative;display:inline-block;margin-bottom:2.5em}@media (max-width: 644px){#about .intro h6, #article .intro h6, #prenota .intro h6{font-size:13px;color:#6E6E6E}}#about .intro h6:before, #article .intro h6:before, #prenota .intro h6:before{content:'';height:1px;position:absolute;top:50%;width:66px;background:#000;left:0}@media (max-width: 644px){#about .intro h6:before, #article .intro h6:before, #prenota .intro h6:before{background:#6E6E6E}}@media (max-width: 644px){#about .intro h6, #article .intro h6, #prenota .intro h6{margin-bottom:1em}}#about .slogan, #article .slogan, #prenota .slogan{font-size:75px;color:#000;font-family:'Didot',serif;font-style:italic;line-height: .9em;position:absolute;bottom:90px;left:-5%;max-width:65%;color:#6E6E6E}@media (max-width: 1870px){#about .slogan, #article .slogan, #prenota .slogan{font-size:65px}}@media (max-width: 1550px){#about .slogan, #article .slogan, #prenota .slogan{font-size:55px}}@media (max-width: 1230px){#about .slogan, #article .slogan, #prenota .slogan{font-size:50px}}@media (max-width: 1000px){#about .slogan, #article .slogan, #prenota .slogan{font-size:45px}}@media (max-width: 644px){#about .slogan, #article .slogan, #prenota .slogan{font-size:43px}}@media (max-width: 1870px){#about .slogan, #article .slogan, #prenota .slogan{left:-3%}}@media (max-width: 1550px){#about .slogan, #article .slogan, #prenota .slogan{left:-2.5%}}@media (max-width: 1000px){#about .slogan, #article .slogan, #prenota .slogan{left:0;bottom:50px;max-width:50%}}#about{padding:25vh 50px}#about .col{width:27.5%;position:relative;padding-top:270px}@media (max-width: 1230px){#about .col{width:24%;padding-top:170px}}@media (max-width: 1000px){#about .col{width:100%;padding:0}}#about .col.col_1{text-align:right}@media (max-width: 1000px){#about .col.col_1{text-align:left;order:2;margin-bottom:50px}}#about .col.col_2{padding-top:0;width:35%}@media (max-width: 1230px){#about .col.col_2{width:42%}}@media (max-width: 1000px){#about .col.col_2{width:100%;order:1}}@media (max-width: 1000px){#about .col.col_3{order:3}}#prenota{flex-direction:column}#contatti{min-height:100vh;padding:50px}@media (max-width: 1230px){#contatti{padding:50px 25px}}@media (max-width: 1000px){#contatti{padding:40px}}@media (max-width: 644px){#contatti{padding:40px 20px}}#contatti .rows{min-height:100vh;display:flex;justify-content:space-between;padding:11vw 10%;flex-flow:column wrap}@media (max-width: 1550px){#contatti .rows{padding:11vw 5% 5vw}}@media (max-width: 1230px){#contatti .rows{padding:11vw 0 5vw}}@media (max-width: 1000px){#contatti .rows{padding:100px 0 50px}}@media (max-width: 644px){#contatti .rows{padding:0}}#contatti .rows .row{display:flex;flex-flow:row wrap;justify-content:space-between}@media (max-width: 1000px){#contatti .rows .row{flex-direction:column}}#contatti .rows .row .col{width:50%}@media (max-width: 1000px){#contatti .rows .row .col{width:100%}}@media (max-width: 1000px){#contatti .rows .row.row_1 .box_2{display:none}}#contatti h3{font-size:11px;letter-spacing:0.1em;font-weight:500;text-transform:uppercase;color:#000;padding-left:75px;position:relative;display:inline-block}@media (max-width: 644px){#contatti h3{font-size:13px;color:#6E6E6E}}#contatti h3:before{content:'';height:1px;position:absolute;top:50%;width:66px;background:#000;left:0}@media (max-width: 644px){#contatti h3:before{background:#6E6E6E}}#contatti .texto{padding:50px 75px}@media (max-width: 1550px){#contatti .texto{padding:50px}}@media (max-width: 644px){#contatti .texto{padding:25px 0 50px}}#contatti .box_1 a{display:block}#contatti .apt{margin-bottom:50px;position:relative;padding-left:100px}.ita #contatti .apt{padding-left:130px}#contatti .apt:before{content:'Apartment';position:absolute;left:0;top:-2.5px;font-size:19px;color:#999;font-style:italic}.ita #contatti .apt:before{content:'Appartamento'}.deu #contatti .apt:before{content:'Apartment'}.fra #contatti .apt:before{content:'Appartement'}.spa #contatti .apt:before{content:'Apartamento'}.nld #contatti .apt:before{content:'Appartement'}.por #contatti .apt:before{content:'Apartamento'}#contatti .apt h4{font-weight:bold;margin-bottom: .5em}#contatti .apt a.gmap{display:inline-block;padding-bottom: .25em;border-bottom:1px solid}#room{min-height:100vh;padding:18vw 0 0;margin:0 auto}@media (max-width: 1550px){#room{padding:22vw 0 0}}@media (max-width: 1000px){#room{padding:150px 0 0}}@media (max-width: 644px){#room{padding:150px 20px 0}}#room .imago span.titoletto{font-size:11px;letter-spacing:0.1em;font-weight:500;text-transform:uppercase;color:#000;float:right;color:#6E6E6E;margin-bottom: .5em;text-transform:lowercase;display:none}@media (max-width: 644px){#room .imago span.titoletto{font-size:13px}}#room .imago img{display:block;margin:0 auto}@media (max-width: 1000px){#room .imago img{width:100%}}#room .header{position:relative}#room .header .imago{text-align:center}#room .header .intro{position:absolute;top:-10vw;left:40px;right:40px;text-align:center}@media (max-width: 1550px){#room .header .intro{top:-12vw}}@media (max-width: 1000px){#room .header .intro{top:-80px}}@media (max-width: 644px){#room .header .intro{top:-95px}}#room .header .intro h6{font-size:11px;letter-spacing:0.1em;font-weight:500;text-transform:uppercase;color:#000;padding-left:75px;position:relative;display:inline-block;margin-bottom:2.5em}@media (max-width: 644px){#room .header .intro h6{font-size:13px;color:#6E6E6E}}#room .header .intro h6:before{content:'';height:1px;position:absolute;top:50%;width:66px;background:#000;left:0}@media (max-width: 644px){#room .header .intro h6:before{background:#6E6E6E}}@media (max-width: 644px){#room .header .intro h6{margin-bottom:1em}}@media (max-width: 480px){#room .header .intro h6{margin-bottom:1.5em}}#room .header .intro h1{font-size:112px;line-height: .9em;letter-spacing:-0.03em;text-transform:uppercase;font-style:italic;color:#FFF;font-family:'Didot',serif;color:#000}@media (max-width: 1870px){#room .header .intro h1{font-size:100px}}@media (max-width: 1550px){#room .header .intro h1{font-size:80px}}@media (max-width: 1230px){#room .header .intro h1{font-size:70px}}@media (max-width: 1000px){#room .header .intro h1{font-size:65px}}@media (max-width: 644px){#room .header .intro h1{font-size:48px}}@media (max-width: 480px){#room .header .intro h1{font-size:38px}}#room .header .intro h1 em{display:block}#room .description{display:flex;align-items:center;justify-content:space-between;padding:5vw 7%}@media (max-width: 1000px){#room .description{flex-direction:column;padding:75px 40px 25px}}@media (max-width: 644px){#room .description{padding:60px 0 20px}}#room .description .titler{width:40%;text-align:center}@media (max-width: 1000px){#room .description .titler{width:100%;text-align:left;margin-bottom:25px}}#room .description h6{font-size:11px;letter-spacing:0.1em;font-weight:500;text-transform:uppercase;color:#000;padding-left:75px;position:relative;display:inline-block;margin:0}@media (max-width: 644px){#room .description h6{font-size:13px;color:#6E6E6E}}#room .description h6:before{content:'';height:1px;position:absolute;top:50%;width:66px;background:#000;left:0}@media (max-width: 644px){#room .description h6:before{background:#6E6E6E}}#room .description .texto{width:60%}@media (max-width: 1000px){#room .description .texto{width:100%}}#room .group{display:flex;padding:40px;justify-content:space-between}@media (max-width: 1000px){#room .group{flex-direction:column;padding:25px 40px}}@media (max-width: 644px){#room .group{padding:25px 0}}#room .group .col{display:flex;justify-content:space-between;flex-flow:column wrap}#room .group h6{font-style:italic;color:#6E6E6E;margin-bottom:2em;line-height:1.35em}@media (max-width: 1000px){#room .group h6{font-size:22px}}#room .group1 .col1{width:60%}@media (max-width: 1000px){#room .group1 .col1{width:100%}}#room .group1 .col1 .texto{max-width:60%;margin:auto}@media (max-width: 1000px){#room .group1 .col1 .texto{max-width:none;margin:50px 0}}#room .group1 .col2{padding-top:250px;width:35%}@media (max-width: 1000px){#room .group1 .col2{width:100%;padding-top:50px}}#room .large{padding:11vw 40px;position:relative}@media (max-width: 1000px){#room .large{margin:50px 0;padding:100px 40px 25px}}@media (max-width: 644px){#room .large{padding:100px 0 25px}}#room .large .slogan{font-size:75px;color:#000;font-family:'Didot',serif;font-style:italic;line-height: .9em;position:absolute;left:100px;top:100px;max-width:50%;z-index:2;color:#6E6E6E}@media (max-width: 1870px){#room .large .slogan{font-size:65px}}@media (max-width: 1550px){#room .large .slogan{font-size:55px}}@media (max-width: 1230px){#room .large .slogan{font-size:50px}}@media (max-width: 1000px){#room .large .slogan{font-size:45px}}@media (max-width: 644px){#room .large .slogan{font-size:43px}}@media (max-width: 1000px){#room .large .slogan{top:40px;left:80px;max-width:66%}}@media (max-width: 644px){#room .large .slogan{max-width:90%;left:20px;top:0;font-size:38px}}#room .group2 .col1{width:35%;align-self:end;padding-bottom:100px}@media (max-width: 1000px){#room .group2 .col1{width:100%;padding-bottom:50px}}#room .group2 .col2{width:60%}@media (max-width: 1000px){#room .group2 .col2{width:100%}}#room .group2 .col2 .texto{padding:0 40px 100px}@media (max-width: 1000px){#room .group2 .col2 .texto{padding:25px 0}}#room .group3{padding:100px 40px}@media (max-width: 1000px){#room .group3{padding:100px 40px 0}}@media (max-width: 644px){#room .group3{padding:100px 0 0}}#room .group3 .col1{width:60%}@media (max-width: 1000px){#room .group3 .col1{width:100%}}#room .group3 .col1 .texto{margin:auto;padding:100px 0}@media (max-width: 644px){#room .group3 .col1 .texto{margin:0}}#room .group3 .col1 .texto a.book{font-size:112px;line-height: .9em;letter-spacing:-0.03em;text-transform:uppercase;font-style:italic;color:#FFF;font-family:'Didot',serif;text-transform:none;color:#000;margin-left:40px;text-decoration:underline}@media (max-width: 1870px){#room .group3 .col1 .texto a.book{font-size:100px}}@media (max-width: 1550px){#room .group3 .col1 .texto a.book{font-size:80px}}@media (max-width: 1230px){#room .group3 .col1 .texto a.book{font-size:70px}}@media (max-width: 1000px){#room .group3 .col1 .texto a.book{font-size:65px}}@media (max-width: 644px){#room .group3 .col1 .texto a.book{font-size:48px}}@media (max-width: 480px){#room .group3 .col1 .texto a.book{font-size:38px}}#room .group3 .col2{width:35%}@media (max-width: 1000px){#room .group3 .col2{width:100%}}#room .group3 .col2 .texto{padding:11vw 0;margin:auto}@media (max-width: 1000px){#room .group3 .col2 .texto{order:2;padding:100px 40px}}@media (max-width: 644px){#room .group3 .col2 .texto{padding:100px 0;margin:0}}#room .group3 .col2 .texto h6{margin-bottom:1em}#room .group3 .col2 .texto a.gmap{margin-left:40px;text-decoration:underline}@media (max-width: 1000px){#room .group3 .col2 .texto a.gmap{font-size:30px}}@media (max-width: 644px){#room .group3 .col2 .texto a.gmap{font-size:26px}}#room .next{padding:22vw 40px 11vw;background:#FDF1EA;position:relative;text-align:center;display:block}@media (max-width: 1000px){#room .next{padding:200px 40px 100px}}@media (max-width: 644px){#room .next{margin:0 -20px}}#room .next .imago{text-align:center;-webkit-transition:all 2s;transition:all 2s;filter:grayscale(100%)}#room .next:hover .imago{filter:grayscale(0)}#room .next .intro{position:absolute;top:11vw;left:40px;right:40px;text-align:center;z-index:2}#room .next .intro h6{font-size:11px;letter-spacing:0.1em;font-weight:500;text-transform:uppercase;color:#000;padding-left:75px;position:relative;display:inline-block;margin-bottom:2.5em}@media (max-width: 644px){#room .next .intro h6{font-size:13px;color:#6E6E6E}}#room .next .intro h6:before{content:'';height:1px;position:absolute;top:50%;width:66px;background:#000;left:0}@media (max-width: 644px){#room .next .intro h6:before{background:#6E6E6E}}#room .next .intro h2{font-size:112px;line-height: .9em;letter-spacing:-0.03em;text-transform:uppercase;font-style:italic;color:#FFF;font-family:'Didot',serif;color:#000}@media (max-width: 1870px){#room .next .intro h2{font-size:100px}}@media (max-width: 1550px){#room .next .intro h2{font-size:80px}}@media (max-width: 1230px){#room .next .intro h2{font-size:70px}}@media (max-width: 1000px){#room .next .intro h2{font-size:65px}}@media (max-width: 644px){#room .next .intro h2{font-size:48px}}@media (max-width: 480px){#room .next .intro h2{font-size:38px}}#room .next .intro h2 em{display:block}#room .next span.discover{display:inline-block;border-bottom:1px solid;margin-top:1em;font-weight:700}@media (max-width: 1000px){#room .next span.discover{font-size:22px}}.owl-stage{right:300px;cursor:pointer}@media (max-width: 1550px){.owl-stage{right:150px}}@media (max-width: 1000px){.owl-stage{right:50px}}@media (max-width: 644px){.owl-stage{right:25px}}.reviews{padding:100px 0}@media (max-width: 1550px){.reviews{padding:100px 0 50px}}@media (max-width: 1000px){.reviews{padding:50px 0 0}}.review{display:flex;align-items:center;justify-content:space-between;padding:150px 100px 150px 0;background:url(img/star.png) no-repeat 20% 0}@media (max-width: 1550px){.review{padding:150px 50px 50px 0}}@media (max-width: 1000px){.review{background:url(img/star.png) no-repeat 0 0;background-size:150px;flex-direction:column;text-align:left;padding:70px 50px 50px 40px}}@media (max-width: 644px){.review{background-size:120px;padding:70px 50px 50px 20px}}.review .author{width:25%}@media (max-width: 1000px){.review .author{width:100%;order:2;font-size:22px;margin-top:25px}}.review .texto{width:75%;text-align:left}@media (max-width: 1000px){.review .texto{width:100%}}.review .texto h3{font-size:75px;color:#000;font-family:'Didot',serif;font-style:italic;line-height: .9em;margin-bottom: .25em}@media (max-width: 1870px){.review .texto h3{font-size:65px}}@media (max-width: 1550px){.review .texto h3{font-size:55px}}@media (max-width: 1230px){.review .texto h3{font-size:50px}}@media (max-width: 1000px){.review .texto h3{font-size:45px}}@media (max-width: 644px){.review .texto h3{font-size:43px}}@media (max-width: 1550px){.review .texto h3{font-size:40px}}@media (max-width: 1000px){.review .texto h3{margin-bottom: .75em}}.review .texto p{font-size:32px;font-style:italic;letter-spacing:-0.03em;color:#BFBFBF;font-family:Didot;line-height:1.3em}@media (max-width: 1870px){.review .texto p{font-size:27px}}@media (max-width: 1550px){.review .texto p{font-size:24px}}@media (max-width: 1230px){.review .texto p{font-size:17px}}@media (max-width: 1000px){.review .texto p{font-size:19px}}.review .texto p:last-of-type{margin:0}.group ul{margin-left:40px}@media (max-width: 1000px){.group ul{margin-left:0}}.group ul li{list-style-type:none;border-left:1px solid #6E6E6E;padding-left:20px;line-height:1.5em;margin-bottom: .75em;font-weight:700}@media (max-width: 1000px){.group ul li{font-size:22px}}@media (max-width: 644px){.group ul li{font-size:19px}}.social a{overflow:hidden;width:24px;height:24px;text-indent:200%;display:inline-block;margin:0 5px}.social a.ab{background:url(img/airbnb.svg) no-repeat 50% 50%;background-size:contain}.social a.fb{background:url(img/facebook.svg) no-repeat 50% 50%;background-size:56px}.social a.bk{background:url(img/booking.svg) no-repeat 50% 50%;background-size:contain}.social a.ig{background:url(img/instagram.svg) no-repeat 50% 50%;background-size:contain}.mfp-fade.mfp-bg, .mfp-fade.mfp-wrap .mfp-content{opacity:0;-webkit-transition:all 300ms ease-out;transition:all 300ms ease-out}.mfp-fade.mfp-wrap .mfp-content{transform:scale(.9);-webkit-transform:scale(.9)}.mfp-fade.mfp-bg.mfp-ready{opacity:0.9}.mfp-fade.mfp-bg.mfp-removing{opacity:0}.mfp-fade.mfp-wrap.mfp-ready .mfp-content{opacity:1;transform:scale(1);-webkit-transform:scale(1)}.mfp-fade.mfp-wrap.mfp-removing .mfp-content{opacity:0;transform:scale(.1);-webkit-transform:scale(.1)}#cookiedisclaimer{position:fixed;bottom:0;left:0;right:0;z-index:500;padding:5px;text-align:center;color:#000;font-size:14px;background:rgba(255,255,255,0.85);transition:300ms;-webkit-transition:300ms;z-index:9999;line-height:18px}#cookiedisclaimer.hidden{visibility:hidden;animation:cookieOut 500ms ease-out forwards;-webkit-animation:cookieOut 500ms ease-out forwards}#cookiedisclaimer a{text-decoration:underline;color:#6E6E6E;border-radius:3px;cursor:pointer;display:inline-block;padding:5px}#cookiedisclaimer span{background:#000;cursor:pointer;display:inline-block;margin:0 10px 0 20px;padding:2.5px 10px;color:#FFF}#cookiedisclaimer span:hover{background:#000}@keyframes cookieOut{0%{transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);opacity:1}1000%{transform:translate3d(0,100px,0);-webkit-transform:translate3d(0,100px,0);opacity:0}}@-webkit-keyframes cookieOut{0%{transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);opacity:1}1000%{transform:translate3d(0,100px,0);-webkit-transform:translate3d(0,100px,0);opacity:0}}.nocookie{font-style:italic;font-size:smaller;padding:10px 0}.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:0.8}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none !important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none !important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-preloader a:hover{color:#FFF}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:0.65;padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:hover,.mfp-close:focus{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:0.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1}.mfp-arrow:before,.mfp-arrow:after{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:0.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3F3F3F}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0, 0, 0, 0.6);background:#444}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0, 0, 0, 0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0, 0, 0, 0.6);position:fixed;text-align:center;padding:0}}@media all and (max-width: 900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px, 0px, 0px)}.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel .owl-refresh .owl-item{display:none}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:center}.owl-carousel .owl-item img{display:inline-block}.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-item img{}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url("js/owl/assets/owl.video.play.html") no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3, 1.3);-moz-transition:scale(1.3, 1.3);-ms-transition:scale(1.3, 1.3);-o-transition:scale(1.3, 1.3);transition:scale(1.3, 1.3)}.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-video-frame{position:relative;z-index:1}.owl-theme .owl-nav{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav [class*='owl-']{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*='owl-']:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:0.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}.owl-theme .owl-dots .owl-dot span{width:6px;height:6px;margin:5px 7px;background:rgba(255, 111, 97, 0.2);display:block;-webkit-backface-visibility:visible;transition:opacity 200ms ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background:#FF6F61}.picker,.picker__holder{width:100%;position:absolute}.picker{font-size:16px;text-align:left;line-height:1.2;color:#000;z-index:10000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.picker__input{cursor:default}.picker__input.picker__input--active{border-color:#0089ec}.picker__holder{overflow-y:auto;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #aaa;border-top-width:0;border-bottom-width:0;border-radius:0 0 5px 5px;box-sizing:border-box;min-width:176px;max-width:466px;max-height:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;opacity:0;-webkit-transform:translateY(-1em)perspective(600px)rotateX(10deg);transform:translateY(-1em)perspective(600px)rotateX(10deg);transition:-webkit-transform .15s ease-out, opacity .15s ease-out, max-height 0s .15s, border-width 0s .15s;transition:transform .15s ease-out, opacity .15s ease-out, max-height 0s .15s, border-width 0s .15s} /*! * Classic picker styling for pickadate.js * Demo: http://amsul.github.io/pickadate.js */ .picker__frame{padding:1px}.picker__wrap{margin:-1px}.picker--opened .picker__holder{max-height:25em;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;opacity:1;border-top-width:1px;border-bottom-width:1px;-webkit-transform:translateY(0)perspective(600px)rotateX(0);transform:translateY(0)perspective(600px)rotateX(0);transition:-webkit-transform .15s ease-out, opacity .15s ease-out, max-height 0s, border-width 0s;transition:transform .15s ease-out, opacity .15s ease-out, max-height 0s, border-width 0s;box-shadow:0 6px 18px 1px rgba(0, 0, 0, .12)}.picker__footer,.picker__header,.picker__table{text-align:center}.picker__day--highlighted,.picker__select--month:focus,.picker__select--year:focus{border-color:#333}.picker__box{padding:0 1em}.picker__header{position:relative;margin-top: .75em}.picker__month,.picker__year{font-weight:500;display:inline-block;margin-left: .25em;margin-right: .25em}.picker__year{color:#999;font-size: .8em;font-style:italic}.picker__select--month,.picker__select--year{border:1px solid #b7b7b7;height:2em;padding: .5em;margin-left: .25em;margin-right: .25em}.picker__select--month{width:35%}.picker__select--year{width:22.5%}.picker__nav--next,.picker__nav--prev{position:absolute;padding: .5em 1.25em;width:1em;height:1em;box-sizing:content-box;top:-.25em}.picker__nav--prev{left:-1em;padding-right:1.25em}.picker__nav--next{right:-1em;padding-left:1.25em}@media (min-width:24.5em){.picker__select--month,.picker__select--year{margin-top:-.5em}.picker__nav--next,.picker__nav--prev{top:-.33em}.picker__nav--prev{padding-right:1.5em}.picker__nav--next{padding-left:1.5em}}.picker__nav--next:before,.picker__nav--prev:before{content:" ";border-top: .5em solid transparent;border-bottom: .5em solid transparent;border-right: .75em solid #000;width:0;height:0;display:block;margin:0 auto}.picker__nav--next:before{border-right:0;border-left: .75em solid #000}.picker__nav--next:hover,.picker__nav--prev:hover{cursor:pointer;color:#ddd;background:#f0f0f0}.picker__nav--disabled,.picker__nav--disabled:before,.picker__nav--disabled:before:hover,.picker__nav--disabled:hover{cursor:default;background:0 0;border-right-color:#f5f5f5;border-left-color:#f5f5f5}.picker--focused .picker__day--highlighted,.picker__day--highlighted:hover,.picker__day--infocus:hover,.picker__day--outfocus:hover{color:#fff;cursor:pointer;background:#000}.picker__table{border-collapse:collapse;border-spacing:0;table-layout:fixed;font-size:inherit;width:100%;margin-top: .75em;margin-bottom: .5em}@media (min-height:33.875em){.picker__table{margin-bottom: .75em}}.picker__table td{margin:0;padding:0}.picker__weekday{width:14.285714286%;font-size: .75em;padding-bottom: .25em;color:#999;font-weight:500}@media (min-height:33.875em){.picker__weekday{padding-bottom: .5em}}.picker__day{padding: .3125em 0;font-weight:200;border:1px solid transparent}.picker__day--today{position:relative}.picker__day--today:before{content:" ";position:absolute;top:2px;right:2px;width:0;height:0;border-top: .5em solid #000;border-left: .5em solid transparent}.picker__day--disabled:before{border-top-color:#aaa}.picker__day--outfocus{color:#ddd}.picker--focused .picker__day--selected,.picker__day--selected,.picker__day--selected:hover{background:#333;color:#fff}.picker--focused .picker__day--disabled,.picker__day--disabled,.picker__day--disabled:hover{background:#f5f5f5;border-color:#f5f5f5;color:#ddd;cursor:default}.picker__day--highlighted.picker__day--disabled,.picker__day--highlighted.picker__day--disabled:hover{background:#bbb}.picker__button--clear,.picker__button--close,.picker__button--today{border:1px solid #fff;background:#fff;font-size: .8em;padding: .66em 0;font-weight:700;width:33%;display:inline-block;vertical-align:bottom}.picker__button--clear:hover,.picker__button--close:hover,.picker__button--today:hover{cursor:pointer;color:#fff;background:#000;border-bottom-color:#000}.picker__button--clear:focus,.picker__button--close:focus,.picker__button--today:focus{background:#000;border-color:#333;outline:0}.picker__button--clear:before,.picker__button--close:before,.picker__button--today:before{position:relative;display:inline-block;height:0}.picker__button--clear:before,.picker__button--today:before{content:" ";margin-right: .45em}.picker__button--today:before{top:-.05em;width:0;border-top: .66em solid #000;border-left: .66em solid transparent}.picker__button--clear:before{top:-.25em;width: .66em;border-top:3px solid #e20}.picker__button--close:before{content:"\D7";top:-.1em;vertical-align:top;font-size:1.1em;margin-right: .35em;color:#777}.picker__button--today[disabled],.picker__button--today[disabled]:hover{background:#f5f5f5;border-color:#f5f5f5;color:#ddd;cursor:default}.picker__button--today[disabled]:before{border-top-color:#aaa}.picker__footer{display:none} /* Piano 0012: fix immagini stretchate (object-fit:fill di default stira le foto in ). Cover di default sulle immagini di contenuto; contain solo dove cover taglierebbe male (box di proporzioni molto strette rispetto alla foto, o loghi/testo vicino ai bordi). */ picture>img{object-fit:cover} /* Piano 0028: `height:auto` sulle sole immagini a `contain`. Senza, l'attributo HTML height (aggiunto per il CLS) vince sull'aspect-ratio e la foto galleggia in un box alto quanto l'originale: 1680 px sul ritratto della about, cioe' fino a 1305 px di vuoto. Non si tocca la regola globale img{}: le immagini a `cover` prendono l'altezza dallo stesso meccanismo e li' il ritaglio e' voluto. */ img[src*="signature"]{object-fit:contain;height:auto} img[src*="anne-bernard-2"]{object-fit:contain;height:auto} img[src*="mappa-2"]{object-fit:contain;height:auto} /* Piano 0028: righe orfane nei titoli. `balance` distribuisce le parole sulle righe rese invece di lasciarne una sola in fondo. Nessun
forzato: un a capo scritto a mano e' giusto a una larghezza e sbagliato a tutte le altre. I titoli delle recensioni sono esclusi: non si tocca nemmeno la loro resa. */ h1,h2,h3,h4,.claim,.slogan{text-wrap:balance} .review h1,.review h2,.review h3,.review h4{text-wrap:auto} /* --- piano 0014, blocco 2: un

per pagina --------------------------------- (1) l'H1 della prima slide della home riusa esattamente lo stile del suo

: il selettore e' stato affiancato a quello esistente in OGNI breakpoint, senza toccare una sola dichiarazione; (2) `.claim` e' il sottotitolo dentro l'H1 delle pagine unita' e about: dimensione RELATIVA all'H1, quindi segue da sola tutte le media query gia' esistenti invece di duplicarle; (3) `#contatti h1` e' un titolo di pagina nuovo (prima non c'era alcun H1): dimensione fluida con clamp(), nessuna media query aggiunta. Ottone text-safe #7A5F26, mai #A8874E (non e' text-safe). */ h1 .claim{display:block;font-family:'Didot',serif;font-style:italic;text-transform:none;letter-spacing:0;line-height:1.2em;font-size:.16em;color:#7A5F26;margin-top:.25em} /* sulle pagine unita' `.intro` e' in position:absolute sopra la foto: il claim ci finisce sopra per meta'. Alone bianco -> leggibile sia sul fondo crema sia sulla foto, senza cambiare il colore di brand. */ #room .header .intro h1 .claim{color:#000;text-shadow:0 0 8px #FFF,0 0 16px #FFF,0 0 24px #FFF} #slideShow .slide .texto h1 .claim{color:#FFF} #contatti h1{padding-top:clamp(80px,12vw,170px);font-size:clamp(30px,5vw,68px);font-family:'Didot',serif;font-style:italic;letter-spacing:-0.03em;line-height:.95em;color:#000;margin-bottom:.75em} #contatti h1 .claim{font-size:.26em;font-style:normal;color:#6E6E6E} /* --- piano 0014, blocco 3: sezione FAQ in fondo alle pagine unita' ------------ Riusa il contenitore .description (stesso layout titler 40% / texto 60%), ma SENZA la classe .fx: le animazioni .fx partono con opacity:0 e si sbloccano solo quando jquery.visible aggiunge .inView — un contenuto che deve essere leggibile dai crawler non puo' dipendere da quello. */ #room .description#faq{align-items:flex-start} #faq .texto h2{font-size:clamp(24px,2.6vw,38px);font-family:'Didot',serif;font-style:italic;line-height:1.05em;color:#000;margin-bottom:1.4em} #faq .texto h3{font-size:clamp(16px,1.35vw,19px);font-family:'Didot',serif;font-weight:600;line-height:1.3em;color:#000;margin:0 0 .6em} #faq .texto p{margin:0 0 2.1em;line-height:1.65em;color:#3A3A3A;max-width:46em} #faq .texto p:last-child{margin-bottom:0} /* --- piano 0014, blocco 5: conversione in prenotazioni dirette ---------------- Vincolo di brand rispettato: l'ottone #A8874E NON e' text-safe, quindi qui e' usato solo come FONDO con testo nero; come colore di testo si usa #7A5F26. La barra sticky esiste solo sotto i 900px (il traffico locale e' quasi tutto mobile) e non compare sulla pagina del form, dove sarebbe ridondante. */ .cta-brand{display:inline-block;background:#A8874E;color:#000;font-family:'Didot',serif;font-style:italic;font-size:clamp(17px,1.6vw,22px);line-height:1em;padding:18px 34px;border:0;text-decoration:none} .cta-brand:hover{background:#8E7140;color:#000} #room .conversione{padding:4vw 7% 5vw;text-align:center} #room .conversione h3{font-size:clamp(22px,2.4vw,34px);font-family:'Didot',serif;font-style:italic;line-height:1.05em;color:#000;margin-bottom:.6em} #room .conversione .prova{font-size:14px;letter-spacing:.02em;color:#7A5F26;margin-bottom:1.8em} #room .conversione .micro{font-size:14px;line-height:1.6em;color:#3A3A3A;margin-top:1.4em;max-width:34em;margin-left:auto;margin-right:auto} #prenota .direttamente{margin:0 0 40px;padding:26px 30px;background:#FDF1EA;border-left:3px solid #A8874E;max-width:52em} #prenota .direttamente p{margin:0 0 1em;line-height:1.6em} #prenota .direttamente h2{font-size:clamp(19px,1.8vw,24px);font-family:'Didot',serif;font-style:italic;color:#000;margin:0 0 .7em} #prenota .direttamente ul{margin:0;padding-left:1.2em} #prenota .direttamente li{line-height:1.55em;margin-bottom:.45em} #prenota .sotto-bottone{margin-top:14px;font-size:14px;line-height:1.6em;color:#3A3A3A;max-width:38em} #stickyCta{display:none} @media (max-width:900px){ #stickyCta{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:10000;align-items:center;justify-content:center;flex-direction:column;background:#A8874E;color:#000;min-height:64px;padding:9px 12px;text-decoration:none;text-align:center} #stickyCta .t{font-family:'Didot',serif;font-style:italic;font-size:19px;line-height:1.1em;color:#000} #stickyCta .s{font-size:12px;letter-spacing:.02em;color:#000;opacity:.8;margin-top:2px} body{padding-bottom:64px} } /* --- piano 0014, blocco 6: recensioni tradotte, originale conservato ---------- */ .review .traduzione{display:block;margin-top:.7em;font-size:12px;letter-spacing:.02em;color:#7A5F26;font-style:italic} .review .originale{margin-top:.5em;font-size:13px;color:#6E6E6E} .review .originale summary{cursor:pointer;font-style:italic} .review .originale p{font-size:13px;line-height:1.6em;margin:.6em 0 0} /* --- piano 0024, blocco A: la scala tipografica dei testi di lettura ---------- Il difetto era misurato, non stimato: `.claim` stava a `font-size:.16em`, cioe' una FRAZIONE del titolo display che lo contiene. Su telefono il titolo scende da ~80px a 38px e il claim scendeva con lui a 6,1px. Non era un valore scelto male: era un valore agganciato alla cosa sbagliata. Qui i testi di lettura ricevono una scala PROPRIA, in unita' assolute dentro clamp(), mai frazioni di em del genitore. Ruoli e pesi restano quelli di prima: il claim resta il sottotitolo corsivo in Didot (a 390px: titolo 38px contro claim 17px), gli occhielli restano maiuscoletto spaziato con la lineetta. Cambia la scala, non il ruolo. Le regole stanno in coda al foglio: stessa specificita' dell'originale, quindi vincono per ordine anche dentro le media query gia' esistenti, senza duplicarle e senza toccare una sola dichiarazione di prima. */ /* A.1 il claim: scala propria, minimo assoluto 17px */ h1 .claim{font-size:clamp(17px,1.9vw,26px);line-height:1.3em} #contatti h1 .claim{font-size:clamp(17px,1.9vw,26px)} /* A.2 la prova sociale: e' la cosa che piu' fa prenotare ed era fra i testi piu' piccoli della pagina (14px fissi). Ora e' sopra il corpo, non sotto. */ #room .conversione .prova{font-size:clamp(18px,1.45vw,21px);line-height:1.5em} /* A.3 micro-copy di conversione, note e etichette dei form */ #room .conversione .micro{font-size:clamp(16px,1.15vw,17px)} #prenota .sotto-bottone{font-size:16px} .privacyDisclaimer{font-size:16px} a.popup{font-size:16px} #prenota label,#prenota .input label{font-size:16px} /* A.4 recensioni: qui si tocca SOLO la scala. Nessun byte del markup delle sezioni .review viene modificato da questo piano. */ .review .traduzione{font-size:16px} .review .originale{font-size:16px} .review .originale summary{font-size:16px} .review .originale p{font-size:16px} /* A.5 gli occhielli (maiuscoletto + tracking 0.1em + lineetta): erano 11px su desktop e 13px su telefono. Minimo 16px ovunque; restano comunque sotto ogni heading della loro pagina, quindi l'ordine dei livelli non cambia. */ #hp .apartments a.apt h6, #hp .verona .block.block2 .intro h6, #hp .servizi .rows .row h6, #about .intro h6,#article .intro h6,#prenota .intro h6, #room .header .intro h6,#room .description h6,#room .next .intro h6, #room .imago span.titoletto, #contatti h3{font-size:16px} #slideShow .slide .texto .small{font-size:16px} /* A.6 testi di servizio (navigazione, barra CTA, frecce del carosello): mai sotto 14px. Non diventano testo di lettura, smettono di essere illeggibili. */ #mainMenu .languages a{font-size:14px} #stickyCta .s{font-size:14px} .slick-arrow.slick-prev,.slick-arrow.slick-next{font-size:14px} /* A.7 le pagine della privacy policy (14 file: `snippet/privacy*.html` in 7 lingue) hanno il corpo incollato da un documento di videoscrittura, con `style="font-size:10pt"` INLINE su 25 nodi che ne trascinano altri 350 per eredita': 13,3px misurati. Uno stile inline batte il foglio di stile, quindi qui `!important` non e' pigrizia, e' l'unico modo di correggere la scala senza mettere le mani nel testo. La forma `10pt` non compare in nessun altro file del sito (verificato: 0 occorrenze fuori da questi 14, 0 nel CSS), e la regola non tocca nulla di quanto sta fuori da loro. */ [style="font-size:10pt"]{font-size:16px !important} /* --- piano 0027, blocco A: la prova sociale diventa un blocco che si vede ---- ATTENZIONE, premessa del 0021 superata: il blocco `R` diceva che la prova sociale sta a 14px. NON e' piu' vero dal 0024 (riga 754 di questo foglio, in coda e fuori da ogni media query: clamp(18px,1.45vw,21px)). Qui NON si tocca la scala — una terza regola in conflitto sarebbe l'errore — si aggiunge la STRUTTURA che mancava. Le icone dei tre marchi stanno in UN punto solo: i file SVG in img/, montati come mask-image e colorati da `currentColor`. Nessun lockup ufficiale a colori, nessun verso un CDN, nessun SVG incollato dentro 14 pagine. Le stelle sono la stessa mask ripetuta cinque volte sopra un gradiente che si ferma alla percentuale del voto: 4,9 su 5 riempie il 98% e l'ultima stella resta PARZIALE. Booking non ha stelle e resta un badge numerico su 10, come Booking stessa lo mostra. Nessun AggregateRating da nessuna parte: le stelle sono visibili in pagina e non marcate (Google esclude il markup di recensioni raccolte su terzi). Il colore e' #7A5F26, la variante text-safe dell'ottone: #A8874E non passa il contrasto come testo, e un'icona monocromatica sottile si comporta come testo. */ #room .conversione .valutazioni{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:22px 40px;margin:0 auto 1.5em;padding:0;max-width:44em} #room .conversione .valutazione{display:flex;flex-direction:column;align-items:center;color:#7A5F26;font-size:clamp(15px,1.05vw,17px);line-height:1.35em;min-width:7.5em} #room .conversione .valutazione .piattaforma{letter-spacing:.08em;text-transform:uppercase;font-weight:700;font-size:.88em} #room .conversione .valutazione .misura{display:flex;align-items:center;justify-content:center;gap:.4em;min-height:1.9em;margin-top:.15em} #room .conversione .valutazione .voto,#room .conversione .valutazione .badge{font-family:'Didot',serif;font-style:italic;font-size:1.7em;line-height:1em;color:#7A5F26} #room .conversione .valutazione .badge .scala{font-size:.55em;font-style:normal;letter-spacing:.02em} #room .conversione .valutazione .conteggio{color:#6E6E6E;font-size:.94em;margin-top:.1em} #room .conversione .prova-data{color:#6E6E6E;font-size:clamp(14px,1vw,16px);letter-spacing:.02em;margin:0 0 1.8em} /* icone e stelle solo dove la mask esiste davvero: senza, restano il nome scritto, il voto e il conteggio, che sono il contenuto vero. */ #room .conversione .valutazione .marchio,#room .conversione .valutazione .stelle{display:none} @supports ((-webkit-mask-image:url(img/star-rating.svg)) or (mask-image:url(img/star-rating.svg))){ #room .conversione .valutazione .marchio{display:block;width:25px;height:25px;margin-bottom:.35em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:50% 50%;mask-position:50% 50%;-webkit-mask-size:contain;mask-size:contain} #room .conversione .valutazione.ab .marchio{-webkit-mask-image:url(img/airbnb.svg);mask-image:url(img/airbnb.svg)} #room .conversione .valutazione.bk .marchio{-webkit-mask-image:url(img/booking-mark.svg);mask-image:url(img/booking-mark.svg)} #room .conversione .valutazione.go .marchio{-webkit-mask-image:url(img/google.svg);mask-image:url(img/google.svg)} #room .conversione .valutazione .stelle{display:block;font-size:15px;width:5.625em;height:1em;background-image:linear-gradient(90deg,currentColor 0,currentColor var(--pct,100%),rgba(122,95,38,.34) var(--pct,100%));-webkit-mask-image:url(img/star-rating.svg);mask-image:url(img/star-rating.svg);-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;-webkit-mask-size:1.125em 1em;mask-size:1.125em 1em;-webkit-mask-position:0 50%;mask-position:0 50%} } @media (max-width: 644px){ #room .conversione .valutazioni{gap:20px 26px} #room .conversione .valutazione{min-width:6.5em;font-size:15px} #room .conversione .valutazione .stelle{font-size:13px} } /* --- piano 0027, blocco C: Pinterest e Linktree fra i social ----------------- Stessa meccanica delle classi gia' in casa (.social a.ig, a.fb, a.ab, a.bk): un file SVG monocromatico in img/, montato come background. */ .social a.pin{background:url(img/pinterest.svg) no-repeat 50% 50%;background-size:contain} .social a.lt{background:url(img/linktree.svg) no-repeat 50% 50%;background-size:88%} /* --- piano 0027, blocco E: la pagina contatti, tutto piu' vicino al titolo --- Misurato prima di spostare (Puppeteer, 1440x900): l'`h1` finiva a 325px, la griglia cominciava a 376 e il form partiva a 878, cioe' 22px sopra la piega — praticamente sotto. I pixel stavano in tre posti: padding-top dell'h1 (170px a 1440), padding-top di `.rows` (11vw = 158px) e il padding di `.texto`. Qui si fa il passo 1 (margini) E il passo 2 (una griglia sola su desktop): il solo passo 1 portava il form a ~700px, ancora tagliato dalla piega. Il DOM NON si tocca: `.row` diventa `display:contents` e i quattro riquadri si posizionano da soli. L'ordine di tabulazione resta quello del markup (contatti, social, indirizzi, form) e coincide con l'ordine visivo: prima la colonna di sinistra dall'alto, poi il form. Nessun `order` che baratti il fuoco da tastiera con l'aspetto. */ @media (min-width: 1001px){ #contatti h1{padding-top:clamp(60px,6vw,92px);margin-bottom:.45em} #contatti .rows{min-height:0;padding-top:0;padding-bottom:4vw;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;column-gap:4%} #contatti .rows .row{display:contents} #contatti .rows .row .col{width:auto} #contatti .rows .row_1 .box_1{grid-column:1;grid-row:1} #contatti .rows .row_1 .box_2{grid-column:1;grid-row:2} #contatti .rows .row_2 .box_1{grid-column:1;grid-row:3} #contatti .rows .row_2 .box_2{grid-column:2;grid-row:1/span 3} #contatti .texto{padding:22px 0 30px} #contatti .row_2 .box_2 .texto{padding-top:22px} #contatti .apt{margin-bottom:26px} } /* i social di QUESTA pagina sono contenuto, non decorazione del pie' di pagina: il foglio li nascondeva sotto i 1000px (`.row_1 .box_2{display:none}`), cioe' proprio dove sta quasi tutto il traffico. Tornano visibili. */ @media (max-width: 1000px){ #contatti .rows .row.row_1 .box_2{display:block} #contatti .texto{padding:18px 0 26px} #contatti .apt{margin-bottom:26px} } /* --- piano 0027, blocco B: la riga simmetrica sotto il nome dell-altro ------ Sostituisce "un balcone al posto della terrazza": ogni appartamento e- descritto per quello che HA. La parola del tasto e la riga vengono dalle schede della home, lingua per lingua, mai tradotte a mano qui. */ #room .next .minislogan{display:block;margin:0 auto .2em;font-family:'Didot',serif;font-style:italic;font-size:clamp(17px,1.4vw,22px);line-height:1.3em;color:#3A3A3A} /* --- piano 0027, blocco D.2: la chiusura della about ------------------------ Frase e firma sono una lettera che finisce e viene firmata: qui diventano un blocco solo. Lo spazio prima della dimensione, il corsivo del serif display invece di un peso piu' grasso, e il filetto sottile che il sito gia' usa in .discover. L'h1 resta l'elemento dominante della pagina. L'animazione e' sotto `body.loaded`: se il JS non parte, il commiato resta VISIBILE invece di sparire, che e' il rischio vero di legare un contenuto emotivo a una classe messa da uno script. */ #about .commiato{max-width:34em;margin:3.4em auto .5em;padding-top:2.1em;border-top:1px solid rgba(122,95,38,.35);text-align:center} #about .commiato p{font-family:'Didot',serif;font-style:italic;font-size:clamp(20px,1.7vw,27px);line-height:1.45em;color:#000;margin:0} #about .commiato p:last-child{margin-top:1.6em} #about .commiato img{display:inline-block;max-width:100%;height:auto} body.loaded #about .commiato{opacity:0;transform:translateY(26px);transition:opacity 1.4s cubic-bezier(.165,.84,.44,1),transform 1.4s cubic-bezier(.165,.84,.44,1)} body.loaded #about .commiato.inView{opacity:1;transform:none} body.loaded #about .commiato img{opacity:0;transition:opacity 1.2s ease .55s} body.loaded #about .commiato.inView img{opacity:1} @media (prefers-reduced-motion: reduce){body.loaded #about .commiato,body.loaded #about .commiato.inView,body.loaded #about .commiato img{opacity:1;transform:none;transition:none}} /* === piano 0031 — il velo crema sotto il claim === Il claim del `0027` sta sopra una foto in 21 pagine e il contrasto va sotto AA fino al 77 % dell'area (misura del `0028`, riprodotta cifra per cifra dal `0030`). Qui sotto una lastra, sulla falsariga del velo che lo slideshow gia' usa sulle sue foto (`#slideShow .slide .imago:after`, `rgba(0,0,0,.5)`) — la TECNICA e' quella, il valore no: e' tarato. Quattro cose, e ognuna ha una ragione misurata: 1. LA LASTRA E' CREMA #FDF1EA, NON BIANCA. E' lo stesso colore del fondo pagina: dove la lastra sborda oltre la fotografia il suo bordo cade sul fondo e sparisce, mentre il bianco del `0030` ci stacca sopra e si legge come un rettangolo. Costa opacita': il crema ha luminanza .8973 contro 1.0000 del bianco (10,3 % in meno), quindi per lo stesso contrasto serve piu' velo — non piu' copertura della foto, che e' un'altra cosa e si vede a occhio nelle catture. 2. LA LASTRA NON PUO' ESSERE SCURA. L'ottone del claim (#7A5F26) ha luminanza .1246: contro il nero pieno arriva a 3,49:1 e NON puo' raggiungere il 4,5:1 richiesto sotto i 24 px. Un velo scuro e' impossibile per costruzione, non per gusto; su 31 combinazioni su 45 non esiste alcuna opacita' che basti. Sul crema pieno l'ottone sta a 5,43:1 (sul bianco pieno 6,01:1): meno margine, ma sopra AA. 3. LA LASTRA STA ADDOSSO AL TESTO, NON ATTRAVERSO LA FOTO. Il `.claim` e' un blocco largo quanto il contenitore (fino a 1840 px a 1920 px di finestra) mentre il testo dentro e' centrato e molto piu' stretto: velare tutto il blocco sarebbe una fascia da un bordo all'altro dell'immagine. `width:fit-content` + margini automatici stringono la scatola sul testo senza spostarlo e senza cambiare gli a capo. 4. DUE OPACITA', UNA PER CONTESTO, ed e' il minimo misurato per ciascuno: sulle about il claim e' ottone (colore scuro, serve quasi tutta la lastra), sulle pagine appartamento e' nero (basta la meta'). ⚠️ Il selettore NON tocca le 7 pagine contatti (`#contatti h1 .claim`, gia' allo 0 % sotto soglia) ne' le home. ⚠️ L'alone bianco delle pagine appartamento resta: la lastra lo affianca, non lo sostituisce. Rimisurabile: `bash scripts/0030/misura.sh --pagine tutte` */ #about .intro h1 .claim, #room .header .intro h1 .claim{position:relative;z-index:0;width:-webkit-fit-content;width:fit-content;max-width:100%;margin-left:auto;margin-right:auto} #about .intro h1 .claim:before, #room .header .intro h1 .claim:before{content:'';position:absolute;top:-.14em;right:-.55em;bottom:-.14em;left:-.55em;z-index:-1;background:rgba(253,241,234,0.49)} #about .intro h1 .claim:before{background:rgba(253,241,234,0.92)} /* === fine piano 0031 === */ /* === piano 0033 - il video della sezione Verona === Il