:root { --Mushroom-Melt: #D9BD85; --Dusky-Tan: #BBAA87; --Gold-Black: #1B1816; --Detroit-Grey: #67635C; --Light-Grey: #DED7CE; --Animal-Bone: #F3EEE7; --Total-White: #FFFFFF; } html {font-size:0.8342028vw; } body, html { width: 100%; height:100%;} html {background:none;} body {background: var(--Animal-Bone);} body, th, td {color: var(--Detroit-Grey, #55534E);font-family: 'Commissioner';font-size: 1.125rem;font-weight: 400;line-height: 140%; } body, form, object {margin: 0;padding: 0;} img, table {border: none;} table {border-collapse: collapse;} table td {padding: 0;} a {color: var(--Detroit-Grey, #55534E); text-decoration:underline; transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); -webkit-transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); -moz-transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); -ms-transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); -o-transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); } a:hover {text-decoration:none;} :focus {outline:none!important;text-decoration:none!important;} section {overflow:hidden;} .wrapper {overflow:hidden;} .sticky {position:fixed;} .stop { position: relative;} .bold {font-weight:bold;} .container-fluid {max-width:112rem;padding-left:1rem;padding-right:1rem;} .italic {font-style:italic;} img {max-width:100%;height:auto;width:auto;display:block;} svg {max-width:100%;height:auto;width:auto;display:block;margin:0 auto;} video {display:block;max-width:100%;height:auto;width:auto;} button {font-family: 'Commissioner';font-size: 1rem;font-weight: 400;line-height: 137%; display:block; margin:0; border:0; outline: none!important; background:none; padding:0; text-align:left; transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); -webkit-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); -moz-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); -ms-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); -o-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); } .ic { display:block; transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); -webkit-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); -moz-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); -ms-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); -o-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); } .ic:before {color:inherit; display:block; transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); -webkit-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); -moz-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); -ms-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); -o-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); } .ic:after { display:block; transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); -webkit-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); -moz-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); -ms-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); -o-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); } .h-100 { height: 100% !important;} .margin-bottom {margin-bottom:13.25rem!important;} .margin-bottom-small {position:relative;margin-bottom:6.25rem!important;} .margin-bottom-min {margin-bottom:0.375rem!important;} .padding {padding-top:13.25rem;padding-bottom:13.25rem;} .padding-top {padding-top:13.25rem;} .padding-bottom {padding-bottom:13.25rem;} .lenis-stopped {overflow:visible!important;} .menu-open {height:100%!important;} .cover > * { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); -webkit-transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); -moz-transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); -ms-transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); -o-transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); } .cover picture {height:100%;display:block;} .cover picture > * { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); -webkit-transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); -moz-transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); -ms-transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); -o-transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); } .cover.parallax > * {height:120%;} .cover.parallax picture img {height:120%;} .parallax {overflow:hidden;} [class*="anons"] > * {margin:0 0 2rem 0;} [class*="anons"] > *:last-child {margin:0;} .gutters-065 {margin-right: -0.65625rem;margin-left: -0.65625rem;} .gutters-065 > .col,.gutters-0625 > [class*="col-"] {padding-right: 0.625rem; padding-left: 0.625rem;} .gutters-1 {margin-right: -1rem;margin-left: -1rem;gap:1rem 0;} .gutters-1 > .col,.gutters-1 > [class*="col-"] {padding-right: 1rem; padding-left: 1rem;} .gutters-1875 {margin-right: -1.875rem;margin-left: -1.875rem;gap:3.75rem 0;} .gutters-1875 > .col,.gutters-1875 > [class*="col-"] {padding-right: 1.875rem; padding-left: 1.875rem;} .gutters-0625 {margin-right: -0.625rem;margin-left: -0.625rem;} .gutters-0625 > .col,.gutters-075 > [class*="col-"] {padding-right: 0.625rem; padding-left: 0.625rem;} .p-375 > * {margin-bottom:3.75rem!important;} .p-375 > *:last-child {margin-bottom:0!important;} .p-3 > * {margin-bottom:3rem!important;} .p-3 > *:last-child {margin-bottom:0!important;} .p-25 > * {margin-bottom:2.5rem!important;} .p-25 > *:last-child {margin-bottom:0!important;} .p-2 > * {margin-bottom:2rem!important;} .p-2 > *:last-child {margin-bottom:0!important;} .p-15 > * {margin-bottom:1.5rem!important;} .p-15 > *:last-child {margin-bottom:0!important;} .p-1 > * {margin-bottom:1rem!important;} .p-1 > *:last-child {margin-bottom:0!important;} .anim-link { position: relative; display: inline-block;} .anim-link::before { content: ""; color:inherit; position: absolute; left: 0; bottom: -0.125rem; width: 100%; height: 0.0625rem; background: currentColor; transform: scaleX(0); transform-origin: left; transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1); -webkit-transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1); -moz-transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1); -ms-transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1); -o-transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1); } .anim-link:not(:hover)::before { transform: scaleX(0); transform-origin: right;} .anim-link.reverse:not(:hover)::before { transform: scaleX(1); transform-origin: left;} ::-webkit-scrollbar { width: 0.25rem; border-radius: 0.375rem; background-color: var(--Animal-Bone); -webkit-border-radius: 0.375rem; -moz-border-radius: 0.375rem; -ms-border-radius: 0.375rem; -o-border-radius: 0.375rem; } ::-webkit-scrollbar-thumb { border-radius: 0.375rem; background: var(--Gold-Black); -webkit-border-radius: 0.375rem; -moz-border-radius: 0.375rem; -ms-border-radius: 0.375rem; -o-border-radius: 0.375rem; } ::-webkit-scrollbar-track { border-radius: 0.375rem; background-color: transparent; -webkit-border-radius: 0.375rem; -moz-border-radius: 0.375rem; -ms-border-radius: 0.375rem; -o-border-radius: 0.375rem; } ::-webkit-scrollbar:horizontal{display:none;} #wpadminbar {display:none!important;} #detach-button-host {display:none!important;} .wpcf7 form {position:relative;} .wpcf7 form.invalid .wpcf7-response-output {display:none!important;} .wpcf7-not-valid-tip {line-height:1rem; font-size: 0.75rem; position:absolute;left:0;top:100%; width:100%;} .wpcf7-not-valid {border-color:red!important;} .wpcf7-list-item {margin:0;} .wpcf7 form .wpcf7-response-output {position:absolute;left:0;top:100%;font-size:0.875rem;line-height:1rem;margin:0.75rem 0 0 0; width:100%;} p {margin: 0 0 1.88rem 0;} h2 {margin:0;color: var(--Gold-Black);font-family: 'Bounded';font-size:4.5rem;font-weight:300;line-height:90%;letter-spacing:-0.18rem;} .title-container {position:relative;margin:0 0 5rem 0;} .title-container .section-anons {max-width:54.25rem;} .title-container.text-center .section-anons {margin-left:auto;margin-right:auto;} .js-animation { opacity: 0; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all 1.2s cubic-bezier(0.22, 1, 0.36, 1); transition: all 1.2s cubic-bezier(0.22, 1, 0.36, 1); will-change: transform,opacity; } .js-animation._animated { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .intro .main-hero {--hero-dim:0;} .intro .main-hero .hero-media, .intro .main-hero h1, .intro .main-hero .hero-text, .intro .main-hero .hero-line, .intro .main-hero .booking-widget, .intro-header .header {opacity:0;} .js-title {opacity:0;} .js-title.is-split {opacity:1;} .js-title .title-line {-webkit-clip-path: inset(-0.1em -0.5em -0.15em -0.5em);clip-path: inset(-0.1em -0.5em -0.15em -0.5em);} .js-write {opacity:0;} .js-write .write-text {display:flex;flex-direction:column;} .js-write .write-wrap {display:inherit;align-items:inherit;justify-content:inherit;} .js-write.is-split {opacity:1;} .js-write .write-line {width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0.35em 0.75em 0.35em 0.3em;margin:-0.35em -0.75em -0.35em -0.3em; -webkit-mask-image: linear-gradient(90deg, #000 40%, transparent 60%); mask-image: linear-gradient(90deg, #000 40%, transparent 60%); -webkit-mask-size: 250% 100%; mask-size: 250% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: var(--write, 100%) 0; mask-position: var(--write, 100%) 0; } .nav {margin:0;} .season-hide {opacity:0!important; transition: opacity 0.5s cubic-bezier(0.22, 1, 0.36, 1)!important; -webkit-transition: opacity 0.5s cubic-bezier(0.22, 1, 0.36, 1)!important; -moz-transition: opacity 0.5s cubic-bezier(0.22, 1, 0.36, 1)!important; -ms-transition: opacity 0.5s cubic-bezier(0.22, 1, 0.36, 1)!important; -o-transition: opacity 0.5s cubic-bezier(0.22, 1, 0.36, 1)!important; } .btn-book {display:inline-flex;align-items:center;justify-content:center;height:2.75rem;padding:0 0.8125rem;background: var(--Mushroom-Melt);color: var(--Gold-Black);font-size:1rem;line-height:1;text-transform:uppercase;text-decoration:none;white-space:nowrap; transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); -webkit-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); -moz-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); -ms-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); -o-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); } .default-link {position:relative;display:inline-flex;padding:0 0 0.9375rem 0;color: var(--Gold-Black);font-size:1rem;font-weight:500;line-height:1;letter-spacing:0.06rem;text-transform:uppercase;text-decoration:none;} .default-link:after {content:"";position:absolute;left:0;right:0;top:calc(100% - 2px);height:0;border-top:2px solid var(--Mushroom-Melt); transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); -webkit-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); -moz-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); -ms-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); -o-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); } .default-link .value {display:block;overflow:hidden;padding:0.25em 0;margin:-0.25em 0;} .default-link .value span {position:relative;display:block; transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1); -webkit-transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1); -moz-transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1); -ms-transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1); -o-transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1); } .default-link .value span:after {content:attr(data-text);position:absolute;top:calc(100% + 0.5em);left:0;white-space:nowrap;color: var(--Dusky-Tan);} .default-link.white {color: var(--Total-White);} .default-link.white .value span:after {color: var(--Total-White);} .btn-default {display:inline-flex;padding:0.375rem;border:0.0625rem solid var(--Gold-Black);color: var(--Total-White);text-decoration:none;white-space:nowrap; transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); -webkit-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); -moz-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); -ms-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); -o-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); } .btn-default .value {display:flex;align-items:center;justify-content:center;height:3.125rem;padding:0 2rem;background: var(--Gold-Black);font-size:1rem;line-height:1;text-transform:uppercase; transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); -webkit-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); -moz-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); -ms-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); -o-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); } .btn-default .value .ic {margin:0 0.5rem 0 0;font-size:1.5rem;} .btn-default.small {padding:0.25rem;} .btn-default.small .value {height:auto;padding:0.75rem 1.25rem;font-size:0.875rem;} .btn-default.white {border-color: var(--Total-White);color: var(--Gold-Black);} .btn-default.white .value {height:auto;padding:0.9375rem 2rem;background: var(--Total-White);font-weight:500;letter-spacing:0.04rem;} .socials a {position:relative;display:flex;align-items:center;justify-content:center;width:3.75rem;height:3.75rem;border:0.0625rem solid var(--Light-Grey);color: var(--Gold-Black);text-decoration:none;} .socials a:before {content:"";position:absolute;top:0.25rem;left:0.25rem;right:0.25rem;bottom:0.25rem;background: var(--Gold-Black);opacity:0;transform: scale(0.8); transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); -webkit-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); -moz-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); -ms-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); -o-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); } .socials .ic {position:relative;z-index:2;font-size:1.5rem;} .header {position:fixed;top:0;left:0;right:0;z-index:200;border-bottom:0.0625rem solid rgba(255, 255, 255, 0.30); transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); -webkit-transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); -moz-transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); -ms-transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); -o-transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); } .header:before {content:"";position:absolute;top:0;bottom:0;left:0;right:0;background: rgba(243, 238, 231, 0.80);-webkit-backdrop-filter: blur(0.5rem);backdrop-filter: blur(0.5rem);opacity:0; transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); -webkit-transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); -moz-transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); -ms-transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); -o-transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); } .header .container-fluid {position:relative;z-index:2;max-width:none;padding:0 5rem;} .header .header-container {position:relative;height:5.25rem;} .header .logo {position:absolute;top:50%;left:50%;width:7.625rem;height:4.25rem;transform: translate(-50%, -50%);} .header .logo svg {display:block;width:100%;height:100%;} .header .logo svg path {fill: var(--Total-White); transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); -webkit-transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); -moz-transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); -ms-transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); -o-transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); } .header .menu-button {color: var(--Total-White);} .header .menu-button .button-icon {width:2.75rem;height:1.25rem;} .header .menu-button .value {margin:0 0 0 1.4375rem;font-size:1rem;line-height:1;text-transform:uppercase;} .but-icon {display:block;position:relative;width:2.5rem;height:0.625rem;} .but-icon::before, .but-icon::after {content:"";position:absolute;left:0;width:100%;height:0;border-top:1px solid var(--Total-White); transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); -webkit-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); -moz-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); -ms-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); -o-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); } .but-icon::before {top:0;} .but-icon::after {top:0.5625rem;} .but-icon.is-active::before, .but-icon.is-active::after {top:0.28125rem;left:0.4375rem;width:1.625rem;} .but-icon.is-active::before {-webkit-transform: rotate(45deg);transform: rotate(45deg);} .but-icon.is-active::after {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);} .header .header-seasons {margin:0 0 0 4.9375rem;} .header .header-seasons a {opacity:0.4;color: var(--Total-White);text-decoration:none;} .header .header-seasons a.active {opacity:1;} .header .header-seasons a + a {margin:0 0 0 1.5rem;} .header .header-seasons .ic {margin:0 0.5rem 0 0;font-size:1.5rem;} .header .header-seasons .value, .header .langs-btn .current {font-size:1rem;line-height:1;text-transform:uppercase;} .header .header-socials a {display:block;color: var(--Total-White);text-decoration:none;} .header .header-socials a + a {margin:0 0 0 3.25rem;} .header .header-socials .ic {font-size:1.5rem;} .header .header-langs {position:relative;margin:0 0 0 3.75rem;} .header .langs-btn {color: var(--Total-White);} .header .langs-btn .ic {margin:0 0 0 0.75rem;font-size:1.25rem;} .header .header-phones {position:relative;margin:0 0 0 4rem;} .header .phones-btn {color: var(--Total-White);} .header .phones-btn .ic {font-size:1.5rem;} .header .header-btn {width:0;overflow:hidden;opacity:0; transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); -webkit-transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); -moz-transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); -ms-transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); -o-transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); } .header .header-btn .btn-book {width:9.75rem;} .header .header-drop {position:absolute;top:100%;margin:-1rem 0 0 0;padding:2.625rem 0 0 0;opacity:0;visibility: hidden;pointer-events: none; transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); -webkit-transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); -moz-transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); -ms-transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); -o-transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); } .header .header-drop .nav {padding:1.5rem;background: #D9D9D9;} .header .header-drop li + li {margin:1.5rem 0 0 0;} .header .langs-drop {left:-1.5rem;} .header .langs-drop a {display:block;color: var(--Gold-Black);font-size:1rem;line-height:1;text-transform:uppercase;text-decoration:none;} .header .phones-drop {right:-3rem;width:16.375rem;} .header .phones-drop .ic {margin:0 0.75rem 0 0;color: var(--Gold-Black);font-size:1.125rem;} .header .phones-drop .name {margin:0 0 0.375rem 0;color: var(--Gold-Black);font-size:0.875rem;line-height:1;} .header .phones-drop a {color: var(--Gold-Black);font-size:1.25rem;line-height:1;text-decoration:none;} .header .header-langs.open .langs-drop, .header .header-phones.open .phones-drop {opacity:1;visibility: visible;pointer-events: all;margin:0;} .header.fix:before, .menu-open .header:before, .no-hero .header:before {opacity:1;} .header.fix, .menu-open .header, .no-hero .header {border-bottom-color: var(--Light-Grey);} .header.fix .logo svg path, .menu-open .header .logo svg path, .no-hero .header .logo svg path {fill: var(--Gold-Black);} .header.fix .but-icon::before, .header.fix .but-icon::after, .menu-open .header .but-icon::before, .menu-open .header .but-icon::after, .no-hero .header .but-icon::before, .no-hero .header .but-icon::after {border-color: var(--Gold-Black);} .header.fix .menu-button, .header.fix .header-seasons a, .header.fix .header-socials a, .header.fix .langs-btn, .header.fix .phones-btn, .menu-open .header .menu-button, .menu-open .header .header-seasons a, .menu-open .header .header-socials a, .menu-open .header .langs-btn, .menu-open .header .phones-btn, .no-hero .header .menu-button, .no-hero .header .header-seasons a, .no-hero .header .header-socials a, .no-hero .header .langs-btn, .no-hero .header .phones-btn {color: var(--Gold-Black);} .header.fix .header-btn, .menu-open .header .header-btn, .no-hero .header .header-btn {width:9.75rem;margin:0 0 0 5rem;opacity:1;} .header.hide {-webkit-transform: translateY(-100%);transform: translateY(-100%);} .chat-bot {position:fixed;right:5rem;bottom:5rem;z-index:150;display:block;width:4.5rem;height:4.5rem;text-decoration:none;} .chat-bot:before {content:"";position:absolute;top:0;right:0;width:4.5rem;height:100%;border-radius: 3.5rem;background: rgba(27, 24, 22, 0.40);-webkit-backdrop-filter: blur(0.875rem);backdrop-filter: blur(0.875rem);opacity:0; -webkit-border-radius: 3.5rem; -moz-border-radius: 3.5rem; -ms-border-radius: 3.5rem; -o-border-radius: 3.5rem; transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); -webkit-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); -moz-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); -ms-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); -o-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); } .chat-bot .value {position:absolute;top:50%;right:calc(100% + 1rem);z-index:2;width:7.5rem;color: var(--Total-White);font-size:1.125rem;line-height:110%;opacity:0;visibility:hidden;transform: translate(1rem, -50%); transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); -webkit-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); -moz-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); -ms-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); -o-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); } .chat-bot .bot-icon {position:relative;z-index:2;width:3.75rem;height:3.75rem;margin:0.375rem;border-radius:50%;background: var(--Gold-Black);box-shadow: 0 0 0 0.375rem rgba(27, 24, 22, 0.20); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .chat-bot .bot-icon .ic {color: var(--Total-White);font-size:2rem;} .menu-block {position:fixed;top:0;left:0;right:0;bottom:0;z-index:190;display:flex;flex-direction:column;padding:22.22vh 0 6.67vh 0;overflow:hidden;overscroll-behavior:contain;background: var(--Animal-Bone) url(../../images/menu-bg.webp) no-repeat center top;background-size:cover;opacity:0;visibility:hidden;pointer-events:none; transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); -webkit-transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); -moz-transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); -ms-transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); -o-transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); } .menu-open .menu-block {opacity:1;visibility:visible;pointer-events:all;} .menu-block .menu-cards {flex:0 1 31rem;min-height:0;overflow:hidden;container-type:size;} .menu-block .menu-list {width:max-content;height:100%;padding:0 5rem;will-change:transform;} .menu-block .menu-list .item {display:block;width:calc((100cqh - 3.5rem) * 0.7409);margin:0 2rem 0 0;color: var(--Gold-Black);text-decoration:none;opacity:0;transform: translate3d(0, 3rem, 0); transition: opacity 1s cubic-bezier(0.22, 1, 0.36, 1), transform 1s cubic-bezier(0.22, 1, 0.36, 1); -webkit-transition: opacity 1s cubic-bezier(0.22, 1, 0.36, 1), transform 1s cubic-bezier(0.22, 1, 0.36, 1); -moz-transition: opacity 1s cubic-bezier(0.22, 1, 0.36, 1), transform 1s cubic-bezier(0.22, 1, 0.36, 1); -o-transition: opacity 1s cubic-bezier(0.22, 1, 0.36, 1), transform 1s cubic-bezier(0.22, 1, 0.36, 1); } .menu-block .menu-list .item:last-child {margin:0;} .menu-open .menu-block .menu-list .item {opacity:1;transform: translate3d(0, 0, 0);} .menu-open .menu-block .menu-list .item:nth-child(2) {transition-delay:0.08s;} .menu-open .menu-block .menu-list .item:nth-child(3) {transition-delay:0.16s;} .menu-open .menu-block .menu-list .item:nth-child(4) {transition-delay:0.24s;} .menu-open .menu-block .menu-list .item:nth-child(5) {transition-delay:0.32s;} .menu-open .menu-block .menu-list .item:nth-child(6) {transition-delay:0.4s;} .menu-open .menu-block .menu-list .item:nth-child(7) {transition-delay:0.48s;} .menu-block .menu-list .item-name {position:relative;height:1.75rem;margin:0 0 1.75rem 0;overflow:hidden;text-align:center;font-family: 'Bounded';font-weight:300;line-height:100%;} .menu-block .menu-list .item-name span {position:absolute;left:0;right:0;white-space:nowrap; transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1); -webkit-transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1); -moz-transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1); -ms-transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1); -o-transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1); } .menu-block .menu-list .item-name span:first-child {top:0.25rem;font-size:1.25rem;letter-spacing:-0.025rem;} .menu-block .menu-list .item-name span:last-child {top:2.25rem;font-size:1.5rem;letter-spacing:-0.03rem;} .menu-block .menu-list .item-media {height:calc(100cqh - 3.5rem);overflow:hidden;} .menu-block .menu-nav {margin:8.15vh 0 0 0;padding:0 5rem;} .menu-block .menu-nav li + li {margin:0 0 0 5rem;} .menu-block .menu-nav a {display:block;color: var(--Gold-Black);font-size:1rem;line-height:140%;letter-spacing:0.04rem;text-transform:uppercase;text-decoration:none;} .menu-block .menu-socials {margin:9.44vh 0 0 0;} .menu-block .menu-socials a + a {margin:0 0 0 2.5rem;} .main-hero {position:relative;z-index:2;overflow:visible;height:var(--screen, 100vh);} .main-hero .hero-media {position:absolute;left:0;top:0;z-index:1;width:100%;height:var(--screen, 100vh);overflow:hidden;transform-origin:0 0;will-change:transform;} .main-hero .hero-media.is-fixed {position:fixed;} .main-hero .hero-media video {will-change:transform;} .main-hero .hero-media video {transition: opacity 1s cubic-bezier(0.22, 1, 0.36, 1); -webkit-transition: opacity 1s cubic-bezier(0.22, 1, 0.36, 1); -moz-transition: opacity 1s cubic-bezier(0.22, 1, 0.36, 1); -ms-transition: opacity 1s cubic-bezier(0.22, 1, 0.36, 1); -o-transition: opacity 1s cubic-bezier(0.22, 1, 0.36, 1); } .main-hero .hero-media:after {content:"";display:block;position:absolute;top:0;bottom:0;left:0;right:0;opacity:calc((1 - var(--hero-p, 0)) * var(--hero-dim, 1));background: linear-gradient(180deg, rgba(12, 21, 35, 0.40) 0%, rgba(12, 21, 35, 0.10) 49.82%, rgba(12, 21, 35, 0.40) 100%);} .main-hero .hero-sticky {position:sticky;top:0;z-index:3;height:var(--screen, 100vh);pointer-events:none;} .main-hero .hero-info {position:absolute;left:0;right:0;bottom:0;z-index:2;padding:0 1rem;text-align:center;opacity:calc(1 - var(--hero-p, 0) * 4);} .hero-video .main-hero {height:calc(var(--screen, 100vh) * 2);} .hero-video .main-about .about-slot img {visibility:hidden;} .main-hero h1 {margin:0;color: var(--Total-White);font-family: 'Bounded';font-size:8rem;font-weight:300;line-height:90%;letter-spacing:-0.16rem;} .main-hero .hero-text {margin:2rem 0 0 0;color: var(--Total-White);font-family: 'Bounded';font-size:1.75rem;font-weight:400;line-height:100%;letter-spacing:0.035rem;} .main-hero .hero-line {display:block;margin:2.1875rem 0 0 0;width:0.09375rem;height:7.3125rem;background: var(--Total-White);} .main-hero .hero-cursor {position:fixed;top:0;left:0;z-index:4;width:2.5rem;height:2.5rem;margin:-1.25rem 0 0 -1.25rem;pointer-events:none;opacity:0; transition: opacity 0.5s cubic-bezier(0.22, 1, 0.36, 1); -webkit-transition: opacity 0.5s cubic-bezier(0.22, 1, 0.36, 1); -moz-transition: opacity 0.5s cubic-bezier(0.22, 1, 0.36, 1); -ms-transition: opacity 0.5s cubic-bezier(0.22, 1, 0.36, 1); -o-transition: opacity 0.5s cubic-bezier(0.22, 1, 0.36, 1); } .main-hero .hero-cursor.show {opacity:1;} .main-hero .hero-cursor img {position:absolute;top:0;left:0;width:100%;height:100%; transition: opacity 0.5s cubic-bezier(0.22, 1, 0.36, 1); -webkit-transition: opacity 0.5s cubic-bezier(0.22, 1, 0.36, 1); -moz-transition: opacity 0.5s cubic-bezier(0.22, 1, 0.36, 1); -ms-transition: opacity 0.5s cubic-bezier(0.22, 1, 0.36, 1); -o-transition: opacity 0.5s cubic-bezier(0.22, 1, 0.36, 1); } .main-hero .hero-cursor .sound-off {opacity:0;} .main-hero .hero-cursor.playing .sound-on {opacity:0;} .main-hero .hero-cursor.playing .sound-off {opacity:1;} .main-hero .booking-widget {position:absolute;top:6.75rem;right:5rem;z-index:3;width:9.75rem;pointer-events:auto;opacity:calc(1 - var(--hero-p, 0) * 4);} .btn-book.white {background: var(--Total-White);} .booking-widget .field {position:relative;} .booking-widget .widget-dates {height:4.6875rem;border:0.0625rem solid var(--Total-White);background: rgba(255, 255, 255, 0.10);-webkit-backdrop-filter: blur(1rem);backdrop-filter: blur(1rem);} .booking-widget .field-item {flex:1;height:100%;color: var(--Total-White);} .booking-widget .field-item + .field-item {border-left:0.0625rem solid rgba(255, 255, 255, 0.40);} .booking-widget .field-item .month {font-family: 'Atyp Display', 'Commissioner';font-size:1rem;line-height:1;} .booking-widget .field-item .number {margin:0.375rem 0 0 0;font-family: 'Atyp Display', 'Commissioner';font-size:1.75rem;font-weight:500;line-height:1;} .booking-widget .btn-book {width:100%;height:2.5rem;} .booking-form .booking-drop {position:absolute;z-index:20;top:calc(100% + 3.25rem);right:0;width:22.6875rem;padding:1.5rem;background: var(--Animal-Bone);box-shadow: 0 1rem 2.5rem rgba(27, 24, 22, 0.12);opacity:0;visibility:hidden;transform: translateY(-0.5rem); transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); -webkit-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); -moz-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); -ms-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); -o-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); } .booking-form .field.active .booking-drop {opacity:1;visibility:visible;transform: translateY(0);} .calendar-head {margin:0 0 1rem 0;} .calendar-month {color: var(--Gold-Black);font-size:1rem;line-height:120%;text-transform:uppercase;} .calendar-arrow {width:2.25rem;height:2.25rem;color: var(--Gold-Black);font-size:1.125rem;} .calendar-arrow:disabled {opacity:0.3;cursor:default;} .calendar-week, .calendar-days {display:grid;grid-template-columns: repeat(7, 1fr);gap:0.25rem 0;text-align:center;} .calendar-week {margin:0 0 0.5rem 0;color: var(--Detroit-Grey);font-size:0.75rem;line-height:120%;} .calendar-days .day {height:2.5rem;color: var(--Gold-Black);font-size:0.875rem;text-align:center;} .calendar-days .day.today {text-decoration:underline;} .calendar-days .day:disabled {opacity:0.3;cursor:default;} .calendar-days .day.in-range {background: rgba(27, 24, 22, 0.08);} .calendar-days .day.start, .calendar-days .day.end {background: var(--Gold-Black);color: var(--Animal-Bone);} .main-about {position:relative;padding:13.75rem 0 0 0;} .main-about .container-fluid {max-width:none;padding:0 5rem;} .ghost-title {opacity:0.1;color: var(--Gold-Black);font-family: 'Bounded';font-size:4.5rem;font-weight:300;line-height:90%;letter-spacing:-0.18rem;} .ghost-title.big {font-size:8rem;letter-spacing:-0.16rem;} .main-about h2 {margin:0;color: var(--Gold-Black);font-family: 'Bounded';font-weight:300;} .main-about h2 .ghost-title {display:block;} .main-about h2 .title-text {display:block;max-width:44.9375rem;margin:2.5rem 0 0 9.3125rem;font-size:4.5rem;line-height:90%;letter-spacing:-0.18rem;} .main-about .about-slot {position:relative;flex-shrink:0;width:54.25rem;height:20.5rem;} .main-about .about-media {margin:4.25rem 0 0 0;} .main-about .about-wide {flex-shrink:0;width:72.8125rem;height:20.5rem;} .main-about .about-media .ghost-title {margin:5.3125rem 0 0 10.8125rem;} .main-about .about-bottom {margin:4.25rem 0 0 0;} .main-about .about-text {width:40.9375rem;margin:0.375rem 0 0 9.3125rem;color: var(--Detroit-Grey);font-size:1.125rem;line-height:140%;} .main-about .about-right {width:54.25rem;margin:0 0 0 auto;} .main-about .about-quote {width:44.75rem;margin:5rem 0 0 0;} .main-about .quote-text {color: var(--Gold-Black);font-family: 'Marianna';font-size:3rem;line-height:110%;letter-spacing:0.06rem;} .main-about .quote-author {margin:1rem 0 0 0;opacity:0.4;color: var(--Gold-Black);} .main-about .quote-author .ic {margin:0 1rem 0 0;font-size:1.5rem;} .main-about .quote-author .value {font-size:1.125rem;font-style:italic;line-height:140%;letter-spacing:0.045rem;} .categories-list .item {position:relative;display:block;width:calc(50% - 0.1875rem);height:57.5rem;overflow:hidden;color: var(--Total-White);text-decoration:none;} .categories-list .item-media {position:absolute;top:0;left:0;width:100%;height:100%;} .categories-list .item-media:after {content:"";position:absolute;top:0;bottom:0;left:0;right:0;background: linear-gradient(180deg, rgba(12, 21, 35, 0) 50%, rgba(26, 23, 16, 0.60) 100%);} .categories-list .item-info {position:absolute;left:0;right:0;bottom:2.5rem;z-index:2; transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1); -webkit-transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1); -moz-transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1); -ms-transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1); -o-transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1); } .categories-list .item-name {margin:0 0 2.5rem 0;color: var(--Total-White);font-family: 'Bounded';font-size:3.5rem;font-weight:300;line-height:1;letter-spacing:-0.07rem;} .categories-list .default-link {opacity:0; transition: opacity 1s cubic-bezier(0.22, 1, 0.36, 1); -webkit-transition: opacity 1s cubic-bezier(0.22, 1, 0.36, 1); -moz-transition: opacity 1s cubic-bezier(0.22, 1, 0.36, 1); -ms-transition: opacity 1s cubic-bezier(0.22, 1, 0.36, 1); -o-transition: opacity 1s cubic-bezier(0.22, 1, 0.36, 1); } .restaurants-list .item {position:relative;display:block;width:calc((100% - 0.75rem) / 3);height:57.5rem;overflow:hidden;color: var(--Total-White);text-decoration:none;} .restaurants-list .item-media {position:absolute;top:0;left:0;width:100%;height:100%;} .restaurants-list .item-media:after {content:"";position:absolute;top:0;bottom:0;left:0;right:0;opacity:0.7778;background: linear-gradient(180deg, rgba(12, 21, 35, 0) 50%, rgba(26, 23, 16, 0.90) 100%); transition: opacity 1s cubic-bezier(0.22, 1, 0.36, 1); -webkit-transition: opacity 1s cubic-bezier(0.22, 1, 0.36, 1); -moz-transition: opacity 1s cubic-bezier(0.22, 1, 0.36, 1); -ms-transition: opacity 1s cubic-bezier(0.22, 1, 0.36, 1); -o-transition: opacity 1s cubic-bezier(0.22, 1, 0.36, 1); } .restaurants-list .item-info {position:absolute;left:3.5rem;right:3.5rem;bottom:0;z-index:2;text-align:center; transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1); -webkit-transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1); -moz-transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1); -ms-transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1); -o-transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1); } .restaurants-list .item-name {margin:0;color: var(--Total-White);font-family: 'Bounded';font-size:2.75rem;font-weight:300;line-height:1;letter-spacing:-0.055rem;} .restaurants-list .item-anons, .restaurants-list .default-link {opacity:0; transition: opacity 1s cubic-bezier(0.22, 1, 0.36, 1); -webkit-transition: opacity 1s cubic-bezier(0.22, 1, 0.36, 1); -moz-transition: opacity 1s cubic-bezier(0.22, 1, 0.36, 1); -ms-transition: opacity 1s cubic-bezier(0.22, 1, 0.36, 1); -o-transition: opacity 1s cubic-bezier(0.22, 1, 0.36, 1); } .restaurants-list .item-anons {width:100%;color: var(--Total-White);font-family: 'Atyp Display', 'Commissioner';font-size:1.125rem;line-height:130%;letter-spacing:-0.0225rem;} .main-spaces {position:relative;padding:29.8125rem 0 0 0;color: var(--Total-White);} .main-spaces .spaces-media {position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;} .main-spaces .spaces-media:before, .main-spaces .spaces-media:after {content:"";position:absolute;z-index:1;top:0;bottom:0;left:0;right:0;pointer-events:none; transition: opacity 1s cubic-bezier(0.22, 1, 0.36, 1); -webkit-transition: opacity 1s cubic-bezier(0.22, 1, 0.36, 1); -moz-transition: opacity 1s cubic-bezier(0.22, 1, 0.36, 1); -ms-transition: opacity 1s cubic-bezier(0.22, 1, 0.36, 1); -o-transition: opacity 1s cubic-bezier(0.22, 1, 0.36, 1); } .main-spaces .spaces-media:before {background: linear-gradient(180deg, rgba(26, 23, 16, 0) 50%, rgba(26, 23, 16, 0.70) 100%);} .main-spaces .spaces-media:after {opacity:0;background: linear-gradient(180deg, rgba(26, 23, 16, 0.10) 50%, rgba(26, 23, 16, 0.90) 100%);} .main-spaces .media-cover, .main-spaces .media-item {position:absolute;top:0;left:0;width:100%;height:100%;} .main-spaces .media-item {opacity:0;-webkit-transform: scale(1.0625);transform: scale(1.0625); transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); -webkit-transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); -moz-transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); -ms-transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); -o-transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); } .main-spaces .media-item.active {opacity:1;-webkit-transform: scale(1);transform: scale(1);} .main-spaces.hovered .spaces-media:before {opacity:0;} .main-spaces.hovered .spaces-media:after {opacity:1;} .main-spaces .spaces-title {position:relative;z-index:2;margin:0 0 8.5625rem 0;padding:0 1rem;text-align:center; transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); -webkit-transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); -moz-transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); -ms-transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); -o-transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); } .main-spaces.hovered .spaces-title {opacity:0;pointer-events:none;-webkit-transform: translateY(0.625rem);transform: translateY(0.625rem);} .main-spaces .spaces-title h2 {color: var(--Total-White);font-size:8rem;letter-spacing:-0.16rem;} .main-spaces .spaces-list {position:relative;z-index:2;} .main-spaces .spaces-list .item {position:relative;display:block;flex-shrink:0;color: var(--Total-White);text-decoration:none;width:40.5625rem;padding:10.375rem 8rem 3.75rem 6.1875rem;text-align:center;} .main-spaces .spaces-list .item:nth-child(2) {width:38.75rem;padding:10.375rem 3.75rem 3.75rem 3.9375rem;} .main-spaces .spaces-list .item:nth-child(3) {flex:1 1 auto;width:auto;padding:10.375rem 6.3125rem 3.75rem 8rem;} .main-spaces .spaces-list .item + .item:before {content:"";position:absolute;top:0;bottom:0;left:0;width:0.0625rem;background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);} .main-spaces .spaces-list .item-info {transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1); -webkit-transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1); -moz-transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1); -ms-transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1); -o-transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1); } .main-spaces .spaces-list .item-name {margin:0;opacity:0.6;color: var(--Total-White);font-family: 'Bounded';font-size:2.75rem;font-weight:300;line-height:1;letter-spacing:-0.055rem;} .main-spaces .spaces-list .item-anons {opacity:0;color: var(--Total-White);font-family: 'Atyp Display', 'Commissioner';font-size:1.125rem;line-height:130%;letter-spacing:-0.0225rem;} .main-spaces .spaces-list .item-name, .main-spaces .spaces-list .item-anons {transition: opacity 1s cubic-bezier(0.22, 1, 0.36, 1); -webkit-transition: opacity 1s cubic-bezier(0.22, 1, 0.36, 1); -moz-transition: opacity 1s cubic-bezier(0.22, 1, 0.36, 1); -ms-transition: opacity 1s cubic-bezier(0.22, 1, 0.36, 1); -o-transition: opacity 1s cubic-bezier(0.22, 1, 0.36, 1); } .main-spaces .spaces-list .item.active .item-info {-webkit-transform: translateY(-1.25rem);transform: translateY(-1.25rem);} .main-spaces .spaces-list .item.active .item-name, .main-spaces .spaces-list .item.active .item-anons {opacity:1;} .main-rhythm .container-fluid {max-width:none;padding:0 5rem;} .main-rhythm .rhythm-title {position:relative;} .main-rhythm .rhythm-title > span {display:block;} .main-rhythm .rhythm-title .title-small {font-size:3.5rem;line-height:1;letter-spacing:-0.07rem;} .main-rhythm .rhythm-title .ghost-title {margin:0.75rem 0 0 0;} .main-rhythm .rhythm-title .title-text {position:absolute;top:7.125rem;left:55.75rem;} .main-rhythm .rhythm-media {position:relative;height:75.375rem;margin:-0.5625rem 0 0 0;background: rgba(233, 224, 212, 0.70);} .main-rhythm .rhythm-window {--rhythm-y:14.6875rem;--rhythm-x:20.4375rem;position:absolute;top:1.25rem;left:1.25rem;right:1.25rem;bottom:1.25rem;overflow:hidden;-webkit-clip-path: inset(calc(var(--rhythm-y) * (1 - var(--rhythm-p, 0))) calc(var(--rhythm-x) * (1 - var(--rhythm-p, 0))));clip-path: inset(calc(var(--rhythm-y) * (1 - var(--rhythm-p, 0))) calc(var(--rhythm-x) * (1 - var(--rhythm-p, 0))));} .main-rhythm .rhythm-image {position:absolute;top:0;left:0;width:100%;height:100%;} .main-rhythm .rhythm-image img {-webkit-transform: scale(calc(1.101 - 0.101 * var(--rhythm-p, 0)));transform: scale(calc(1.101 - 0.101 * var(--rhythm-p, 0)));-webkit-transition: none;transition: none;} .main-rhythm .rhythm-quote {position:absolute;z-index:2;top:6.75rem;left:35.1875rem;width:55rem;} .main-rhythm .quote-text {color: var(--Gold-Black);font-family: 'Marianna';font-size:3rem;line-height:120%;letter-spacing:0.12rem;} .main-rhythm .quote-author {margin:1rem 0 0 0;opacity:0.5;color: var(--Gold-Black);} .main-rhythm .quote-author .ic {margin:0 1rem 0 0;font-size:1.5rem;} .main-lifestyle {position:relative;overflow:visible;overflow-x:clip;color: var(--Total-White);} .main-lifestyle:after {content:"";display:block;height:var(--lifestyle-distance, 0px);} .main-lifestyle .lifestyle-sticky {position:-webkit-sticky;position:sticky;top:var(--lifestyle-top, 0px);padding:0 0 10.5rem 0;overflow:hidden;} .main-lifestyle .lifestyle-bg {position:absolute;top:0;left:0;width:100%;height:100%;} .main-lifestyle .lifestyle-bg:after {content:"";position:absolute;top:0;bottom:0;left:0;right:0;background: linear-gradient(180deg, rgba(26, 23, 16, 0) 0%, rgba(26, 23, 16, 0.20) 45%, rgba(26, 23, 16, 0.70) 100%);} .main-lifestyle .container-fluid {position:relative;z-index:2;max-width:none;padding:10.5rem 5rem 0 5rem;} .main-lifestyle .lifestyle-title {color: var(--Total-White);} .main-lifestyle .lifestyle-title .ghost-title {opacity:0.3;color: var(--Total-White);} .main-lifestyle .lifestyle-title .title-text {margin:0 0 0 1.5rem;} .main-lifestyle .lifestyle-slider {position:relative;z-index:2;margin:7rem 0 0 0;} .main-lifestyle .lifestyle-list {width:-webkit-max-content;width:-moz-max-content;width:max-content;height:100%;padding:0 6.5rem 0 14.25rem;gap:13.25rem;will-change:transform;} .main-lifestyle .lifestyle-list .item {position:relative;flex-shrink:0;} .main-lifestyle .lifestyle-list .item-side {width:48.3125rem;height:38.9375rem;} .main-lifestyle .lifestyle-list .item-top {width:44.5rem;height:34.5625rem;} .main-lifestyle .lifestyle-list .item-media {position:absolute;top:0;right:0;bottom:0;} .main-lifestyle .lifestyle-list .item-side .item-media {width:37.0625rem;} .main-lifestyle .lifestyle-list .item-top .item-media {top:2.5rem;left:0;} .main-lifestyle .lifestyle-list .item-media:after {content:"";position:absolute;top:0;bottom:0;left:0;right:0;} .main-lifestyle .lifestyle-list .item-side .item-media:after {background: linear-gradient(-90deg, rgba(26, 23, 16, 0) 50%, rgba(26, 23, 16, 0.50) 100%);} .main-lifestyle .lifestyle-list .item-top .item-media:after {background: linear-gradient(0deg, rgba(26, 23, 16, 0) 50%, rgba(26, 23, 16, 0.50) 100%);} .main-lifestyle .lifestyle-list .item-name {position:absolute;z-index:2;margin:0;color: var(--Total-White);font-family: 'Bounded';font-size:4.5rem;font-weight:300;line-height:90%;letter-spacing:-0.18rem;} .main-lifestyle .lifestyle-list .item-side .item-name {top:25.8125rem;left:0;width:32.5625rem;} .main-lifestyle .lifestyle-list .item-top .item-name {top:0;left:2.5rem;white-space:nowrap;} .main-events .container-fluid {max-width:none;padding:0 5rem;} .main-events .title-container {margin:0 0 3.75rem 0;} .main-events .title-container .default-link {vertical-align:top;} .events-list {gap:1.5rem;} .events-list .item {position:relative;display:block;flex-shrink:0;width:21.75rem;height:27.375rem;overflow:hidden; transition: width 0.8s cubic-bezier(0.22, 1, 0.36, 1), height 0.8s cubic-bezier(0.22, 1, 0.36, 1); -webkit-transition: width 0.8s cubic-bezier(0.22, 1, 0.36, 1), height 0.8s cubic-bezier(0.22, 1, 0.36, 1); -moz-transition: width 0.8s cubic-bezier(0.22, 1, 0.36, 1), height 0.8s cubic-bezier(0.22, 1, 0.36, 1); -ms-transition: width 0.8s cubic-bezier(0.22, 1, 0.36, 1), height 0.8s cubic-bezier(0.22, 1, 0.36, 1); -o-transition: width 0.8s cubic-bezier(0.22, 1, 0.36, 1), height 0.8s cubic-bezier(0.22, 1, 0.36, 1); } .events-list .item.is-medium {width:26.375rem;height:33.125rem;} .events-list .item.is-large {width:35.6875rem;height:44.875rem;} .events-list .item-media {position:absolute;top:0;left:0;width:100%;height:100%;} .slider-navs {gap:1rem;} .slider-navs .slick-arrow {position:relative;top:auto;left:auto;right:auto;width:3rem;height:1.25rem;margin:0;border-radius:0;color: var(--Gold-Black);opacity:0.4;} .slider-navs .slick-arrow .ic {font-size:1.3125rem;line-height:1;} .slider-navs .slick-arrow.slick-disabled {opacity:0.15;cursor:default;} .main-map {position:relative;overflow:visible;overflow-x:clip;} .main-map > .container-fluid {position:-webkit-sticky;position:sticky;top:calc(var(--screen, 100vh) / 2 - 12.5rem);margin-bottom:14.3125rem;} .main-map .title-container {max-width:72.9375rem;margin:0 auto;} .main-map .map-title .ghost-title, .main-map .map-title .title-text {display:block;} .main-map .map-title .title-text {margin:2rem 0 0 0;} .main-map .quote-text {color: var(--Gold-Black);font-family: 'Marianna';font-size:3rem;line-height:120%;letter-spacing:0.06rem;} .main-map .quote-text.write-text {align-items:center;} .main-map .quote-author {margin:1rem 0 0 0;opacity:0.4;color: var(--Gold-Black);} .main-map .quote-author .ic {margin:0 0.5rem 0 0;font-size:1.5rem;} .main-map .quote-author .value {font-size:1.125rem;line-height:140%;} .main-map .map-block {position:relative;z-index:2;} .main-map .map-canvas {position:relative;width:100%;aspect-ratio:1920 / 1020;} .main-map .map-image {position:absolute;top:0;left:0;width:100%;height:100%;} .main-map .map-image:before, .main-map .map-image:after {content:"";position:absolute;top:0;bottom:0;left:0;right:0;} .main-map .map-image:before {z-index:1;background: linear-gradient(180deg, rgba(239, 246, 248, 0.30) 0%, rgba(239, 246, 248, 0) 21%);} .main-map .map-image:after {z-index:1;background: linear-gradient(180deg, rgba(42, 38, 34, 0) 0%, rgba(42, 38, 34, 0.70) 100%);} .main-map .map-clouds {position:absolute;z-index:1;left:0;right:0;top:-18.125em;height:39.4375em;overflow:hidden;pointer-events:none;font-size:1rem;} .main-map .clouds-track {position:absolute;top:0;left:0;width:240em;height:100%;will-change:transform; -webkit-animation: clouds 100s linear infinite; animation: clouds 100s linear infinite; } .main-map .clouds-set {position:absolute;top:0;left:0;width:120em;height:100%;} .main-map .clouds-set + .clouds-set {left:120em;} .main-map .cloud {position:absolute;max-width:none;opacity:0.7;} .main-map .cloud-1, .main-map .cloud-2, .main-map .cloud-3 {top:2.4375em;width:78.5em;height:36.75em;-o-object-fit:contain;object-fit:contain;} .main-map .cloud-1 {left:-44.0625em;top:2.6875em;} .main-map .cloud-2 {left:-31.8125em;} .main-map .cloud-3 {left:53.4375em;} .main-map .cloud-4 {left:-1em;top:-0.875em;width:83.5625em;height:40.3125em;} @-webkit-keyframes clouds { from {-webkit-transform: translateX(-50%);transform: translateX(-50%);} to {-webkit-transform: translateX(0);transform: translateX(0);} } @keyframes clouds { from {-webkit-transform: translateX(-50%);transform: translateX(-50%);} to {-webkit-transform: translateX(0);transform: translateX(0);} } .map-pin {position:absolute;z-index:3;width:2.5rem;height:2.5rem;margin:-1.25rem 0 0 -1.25rem;} .map-pin.active {z-index:4;} .map-pin .pin-button {position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;color: var(--Total-White);font-family: 'Atyp Display', 'Commissioner';font-size:1rem;font-weight:600;line-height:1;letter-spacing:-0.02rem;text-align:center;} .map-pin .pin-button:before, .map-pin .pin-button:after {content:"";position:absolute;border-radius:50%;} .map-pin .pin-button:before {top:0.25rem;left:0.25rem;right:0.25rem;bottom:0.25rem;background: rgba(255, 255, 255, 0.30);-webkit-backdrop-filter: blur(0.25rem);backdrop-filter: blur(0.25rem);} .map-pin .pin-button:after {top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;opacity:0;background: var(--Total-White);-webkit-transform: scale(0.105);transform: scale(0.105); transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); -webkit-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); -moz-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); -ms-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); -o-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); } .map-pin .pin-button .value {position:relative;z-index:2;} .map-pin.active .pin-button {color: var(--Gold-Black);} .map-pin.active .pin-button:after {opacity:1;-webkit-transform: scale(1);transform: scale(1);} .map-pin .pin-card {position:absolute;top:0.75rem;left:3.3125rem;width:20.25rem;padding:1.25rem 1.5rem;opacity:0;visibility:hidden;pointer-events:none;background: rgba(255, 255, 255, 0.60);-webkit-backdrop-filter: blur(0.25rem);backdrop-filter: blur(0.25rem); transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); -webkit-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); -moz-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); -ms-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); -o-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); } .map-pin .pin-card:before {content:"";position:absolute;top:0;bottom:0;right:100%;width:0.875rem;} .map-pin.is-left .pin-card {left:auto;right:3.3125rem;} .map-pin.is-left .pin-card:before {right:auto;left:100%;} .map-pin.active .pin-card {opacity:1;visibility:visible;pointer-events:auto;-webkit-transform: translateY(-0.5rem);transform: translateY(-0.5rem);} .map-pin .pin-title {color: var(--Gold-Black);font-family: 'Bounded';font-size:1.5rem;font-weight:300;line-height:1;letter-spacing:-0.03rem;} .map-pin .pin-text {margin:0.75rem 0 0 0;color: var(--Gold-Black);font-size:1rem;line-height:140%;} .map-pin .pin-text a {color:inherit;text-decoration:none;} .map-pin .pin-link {display:inline-block;margin:0.75rem 0 0 0;color: var(--Gold-Black);text-decoration:none;} .map-pin .pin-link .ic {font-size:1.8125rem;line-height:1;} .slider-navs .slick-arrow {overflow:hidden;} .slider-navs .slick-arrow .ic {position:relative;} .slider-navs .slick-arrow .ic:after {position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transform: translateX(-100%);transform: translateX(-100%);} .slider-navs .slick-next .ic:after {content:"\e905";} .slider-navs .slick-prev .ic:after {content:"\e906";-webkit-transform: translateX(100%);transform: translateX(100%);} .offers-list .item {position:relative;display:flex;flex-direction:column;width:100%;height:100%;padding:2.5rem;border:0.0625rem solid var(--Light-Grey);color: var(--Gold-Black);text-decoration:none;} .offers-list .item-media {position:relative;display:block;flex-shrink:0;height:28rem;overflow:hidden; transition: height 1s cubic-bezier(0.22, 1, 0.36, 1); -webkit-transition: height 1s cubic-bezier(0.22, 1, 0.36, 1); -moz-transition: height 1s cubic-bezier(0.22, 1, 0.36, 1); -ms-transition: height 1s cubic-bezier(0.22, 1, 0.36, 1); -o-transition: height 1s cubic-bezier(0.22, 1, 0.36, 1); } .offers-list .item-name {display:block;margin:2rem 0 0 0;color: var(--Gold-Black);font-family: 'Bounded';font-size:1.5rem;font-weight:300;line-height:1;letter-spacing:-0.03rem;} .offers-list .item-link {display:block;height:0;margin:0;overflow:hidden;opacity:0; transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); -webkit-transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); -moz-transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); -ms-transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); -o-transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); } .offers-slider .slick-list {padding:0;} .offers-slider.slick-initialized .slick-slide {display:flex;flex:0 0 auto;max-width:none;height:auto;padding-right:1.875rem;padding-left:1.875rem;} .main-offers {position:relative;} .main-offers .offers-bg {position:absolute;z-index:0;top:0;left:0;width:100%;height:67.375rem;pointer-events:none;} .main-offers .container-fluid {position:relative;z-index:1;max-width:none;padding:0 5rem;} .main-offers .title-container {margin:0 0 3.75rem 0;} .main-offers .offers-title .ghost-title, .main-offers .offers-title .title-text {display:block;} .main-offers .offers-title .title-text {margin:1rem 0 0 0;} .main-offers .title-right {margin:0 0 0.375rem 0;} .main-offers .title-right .default-link {margin:0 12.8125rem 0 0;} .main-offers .slider-navs {gap:1.75rem;} .main-offers .slider-navs .slick-arrow {width:4.5rem;height:2rem;} .main-offers .slider-navs .slick-arrow .ic {font-size:2rem;} .partners-list {position:relative;overflow:hidden;} .partners-list .partners-track {justify-content:center;} .partners-list .item {flex-shrink:0;width:17.125rem;height:7.5rem;margin:0 3.0625rem;} .partners-list .item img {width:100%;height:100%;-o-object-fit:contain;object-fit:contain;} .partners-list.is-marquee .partners-track {width:-webkit-max-content;width:-moz-max-content;width:max-content;justify-content:flex-start;will-change:transform; -webkit-animation: partners var(--marquee-duration, 30s) linear infinite; animation: partners var(--marquee-duration, 30s) linear infinite; } @-webkit-keyframes partners { from {-webkit-transform: translateX(0);transform: translateX(0);} to {-webkit-transform: translateX(-50%);transform: translateX(-50%);} } @keyframes partners { from {-webkit-transform: translateX(0);transform: translateX(0);} to {-webkit-transform: translateX(-50%);transform: translateX(-50%);} } .main-partners .container-fluid {position:relative;max-width:none;padding:0 5rem;} .main-partners .partners-decor {position:absolute;z-index:0;top:-10.25rem;left:50%;width:35.5625rem;pointer-events:none;-webkit-transform: translateX(-50%);transform: translateX(-50%);} .main-partners .partners-decor img {width:100%;} .main-partners .partners-list, .main-partners .partners-title {position:relative;z-index:1;} .main-partners .partners-line {height:0.0625rem;margin:0.5625rem 0 0 0;opacity:0.1;background: var(--Gold-Black);} .main-partners .partners-title {margin:3.5625rem 0 0 0;} .footer {position:relative;overflow:visible;overflow-x:clip;color: var(--Gold-Black);} .footer:after {content:"";display:block;height:var(--footer-distance, 0px);} .footer-sticky {position:-webkit-sticky;position:sticky;top:var(--footer-top, 0px);height:var(--screen, 100vh);overflow:hidden;} .footer-media {position:absolute;top:0;left:0;bottom:0;width:calc(100% - 59.25rem * var(--footer-p, 0));} .footer-media:before, .footer-media:after {content:"";position:absolute;z-index:1;top:0;bottom:0;left:0;right:0;pointer-events:none;} .footer-media:before {opacity:calc(1 - var(--footer-p, 0));background: linear-gradient(180deg, rgba(12, 21, 35, 0) 50%, rgba(12, 21, 35, 0.70) 100%);} .footer-media:after {opacity:var(--footer-p, 0);background: linear-gradient(180deg, rgba(12, 21, 35, 0) 0%, rgba(12, 21, 35, 0.60) 100%);} .footer-action {position:absolute;z-index:2;left:5rem;bottom:7rem;width:49.75rem;} .footer-title {color: var(--Total-White);font-family: 'Bounded';font-size:3.5rem;font-weight:300;line-height:1;letter-spacing:-0.07rem;} .footer-panel {position:relative;z-index:3;display:flex;flex-direction:column;width:59.25rem;height:100%;margin:0 0 0 auto;padding:min(7rem, 10.37vh) 0 0 0;background: linear-gradient(180deg, rgba(201, 216, 233, 1) 0%, rgba(255, 255, 255, 1) 41%);-webkit-transform: translateX(calc((1 - var(--footer-p, 0)) * 100%));transform: translateX(calc((1 - var(--footer-p, 0)) * 100%));} .footer-panel a {color: var(--Gold-Black);text-decoration:none;} .footer-top {padding:0 0 0 9.875rem;} .footer-logo {display:block;flex-shrink:0;width:13.9375rem;margin:0 4.0625rem 0 0;} .footer-logo svg {width:100%;margin:0;} .footer-logo svg path {fill: var(--Gold-Black);} .footer-block + .footer-block {margin:2rem 0 0 0;} .footer-label {opacity:0.4;font-size:1rem;line-height:1;} .footer-phone {vertical-align:top;font-family: 'Bounded';font-size:1.5rem;font-weight:300;line-height:1;letter-spacing:-0.03rem;} .footer-address {font-size:1.125rem;line-height:140%;} .footer-route {vertical-align:top;} .footer-route .ic {margin:0 0.75rem 0 0;font-size:1.5rem;} .footer-route .anim-link {font-size:1rem;line-height:1;} .footer-weather {margin:auto 0 0 0;padding:min(2rem, 3vh) 0 0 0;} .weather-days {height:3.75rem;border-top:0.0625rem solid rgba(27, 24, 22, 0.10);border-bottom:0.0625rem solid rgba(27, 24, 22, 0.10);padding:0 0 0 9.875rem;} .weather-days li {width:5.375rem;margin:0 1.25rem 0 0;} .weather-days a {position:relative;display:inline-block;height:3.6875rem;opacity:0.4;color: var(--Gold-Black);font-size:1.125rem;line-height:3.625rem;text-transform:uppercase;text-decoration:none;} .weather-days a:after {content:"";position:absolute;left:0;right:0;bottom:-0.0625rem;height:0.125rem;background: var(--Gold-Black);-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: left;transform-origin: left; transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1); -webkit-transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1); -moz-transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1); -ms-transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1); -o-transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1); } .weather-days a.active {opacity:1;} .weather-days a.active:after {-webkit-transform: scaleX(1);transform: scaleX(1);} .weather-list {margin:min(2.875rem, 4.26vh) 0 0 0;padding:0 0 0 9.875rem;row-gap:min(2.375rem, 3.52vh);} .weather-list .item {width:18rem;} .weather-list .item:nth-child(3n+2) {width:12.6875rem;} .weather-list .item:nth-child(3n) {flex:1 1 auto;width:auto;} .weather-list .ic {margin:0 0.5rem 0 0;font-size:2.5rem;} .weather-list .item:nth-child(n+4) .ic {font-size:2.75rem;} .weather-list .item-info {display:flex;flex-direction:column;gap:0.5rem;font-size:1rem;line-height:1;} .weather-list .item-label {opacity:0.4;} .weather-list .item-temp {padding:0.125rem 0 0 0;font-family: 'Bounded';font-size:2.25rem;font-weight:300;line-height:1;letter-spacing:-0.045rem;} .footer-menu {margin:auto 0 0 0;padding:min(2rem, 3vh) 0 min(2rem, 3vh) 9.875rem;} .footer-menu .nav {width:18rem;} .footer-menu .nav + .nav {width:18.375rem;} .footer-menu .nav li + li {margin:min(2.25rem, 3.33vh) 0 0 0;} .footer-menu .nav li {font-size:1rem;line-height:1;} .footer-menu .nav a {vertical-align:top;} .footer-socials {gap:3rem;} .footer-socials .ic {font-size:1.75rem;} .footer-bottom {flex-shrink:0;height:3.875rem;margin:auto 0 0 0;padding:0 0 0 9.3125rem;border-top:0.0625rem solid rgba(239, 246, 248, 0.10);background: rgba(42, 38, 34, 0.06);font-size:0.875rem;line-height:1;} .footer-bottom .copyright {width:18.5625rem;opacity:0.4;} .footer-bottom .developer {color: rgba(27, 24, 22, 0.40);} .footer-bottom .developer span {margin:0 0 0 0.5rem;color: var(--Gold-Black);font-style:italic;} .promo-modal {position:fixed;z-index:180;right:5rem;bottom:5rem;width:26.375rem;padding:1.5rem;opacity:0;visibility:hidden;pointer-events:none;background: var(--Total-White); transition: opacity 0.5s cubic-bezier(0.22, 1, 0.36, 1), visibility 0.5s cubic-bezier(0.22, 1, 0.36, 1); -webkit-transition: opacity 0.5s cubic-bezier(0.22, 1, 0.36, 1), visibility 0.5s cubic-bezier(0.22, 1, 0.36, 1); } .promo-modal.show {opacity:1;visibility:visible;pointer-events:auto;} .promo-close {position:absolute;z-index:2;top:1.5rem;right:1.5rem;width:2.5rem;height:2.5rem;background: rgba(27, 24, 22, 0.40); transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); -webkit-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); -moz-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); -ms-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); -o-transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); } .promo-close:before, .promo-close:after {content:"";position:absolute;top:50%;left:50%;width:1.25rem;height:0.09375rem;margin:-0.046875rem 0 0 -0.625rem;border-radius:0.0625rem;background: var(--Total-White);} .promo-close:before {-webkit-transform: rotate(45deg);transform: rotate(45deg);} .promo-close:after {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);} .promo-media {display:block;height:22.625rem;} .promo-info {margin:1.5rem 0 0 0;} .promo-date, .promo-text {color: var(--Detroit-Grey);font-size:1rem;line-height:140%;} .promo-title {margin:0.75rem 0;color: var(--Gold-Black);font-family: 'Bounded';font-size:1.5rem;font-weight:300;line-height:1;letter-spacing:-0.03rem;} .promo-info .default-link {margin:0.75rem 0 0 0;} .no-hero .content {position:relative;padding-top:10.75rem;} .page-head {position:relative;} .page-bg {position:absolute;z-index:-1;top:0;left:0;width:100%;height:67.5rem;pointer-events:none;} .page-head .container-fluid {position:relative;z-index:1;} .page-nav {justify-content:center;gap:3.75rem;margin:0 0 5.5rem 0;} .page-nav a {display:flex;align-items:center;gap:1rem;color: var(--Gold-Black);font-size:1rem;line-height:140%;text-transform:uppercase;text-decoration:none;} .page-nav .ic {font-size:1.75rem;} .page-nav a.active {opacity:0.4;} .page-head .title-container {max-width:72.8125rem;margin:0 auto 7rem auto;} .page-head h1 {margin:0;color: var(--Gold-Black);font-family: 'Bounded';font-size:8rem;font-weight:300;line-height:90%;letter-spacing:-0.16rem;} .page-head .section-anons {max-width:none;color: var(--Gold-Black);font-size:1.25rem;line-height:140%;} .page-photo {position:relative;z-index:1;} .page-photo .photo-window {width:100%;aspect-ratio:1920 / 1190;-webkit-transform: scale(0.874);transform: scale(0.874); transition: transform 2s cubic-bezier(0.22, 1, 0.36, 1); -webkit-transition: transform 2s cubic-bezier(0.22, 1, 0.36, 1); -moz-transition: transform 2s cubic-bezier(0.22, 1, 0.36, 1); -ms-transition: transform 2s cubic-bezier(0.22, 1, 0.36, 1); -o-transition: transform 2s cubic-bezier(0.22, 1, 0.36, 1); } .page-photo._animated .photo-window {-webkit-transform: scale(1);transform: scale(1);} .catalog-list .item {padding:0 5rem;} .catalog-list .item + .item {margin-top:13.25rem;} .catalog-list .item-col-left {flex-shrink:0;width:26.9375rem;} .catalog-list .item-col-right {flex-shrink:0;width:26.375rem;} .catalog-list .item-info {width:26.375rem;} .catalog-list .item-name {margin:0;color: var(--Gold-Black);font-family: 'Bounded';font-size:3.5rem;font-weight:300;line-height:1;letter-spacing:-0.07rem;} .catalog-list .item-props {gap:2.5rem;color: var(--Gold-Black);font-size:1.125rem;line-height:140%;} .catalog-list .item-anons {color: var(--Detroit-Grey);font-size:1.125rem;line-height:140%;} .catalog-list .item-media {flex-shrink:0;overflow:hidden;} .catalog-list .media-big {width:48.75rem;height:57.875rem;margin:0 4.25rem 0 3.6875rem;} .catalog-list .media-left {width:26.9375rem;height:27.5rem;} .catalog-list .media-right {width:100%;height:27.5rem;} .catalog-list .item-booking {width:19.875rem;margin:5.25rem 0 0 0;} .catalog-list .item-price {gap:0.75rem;color: var(--Gold-Black);font-family: 'Bounded';font-size:1.5rem;font-weight:300;line-height:1;letter-spacing:-0.03rem;} .catalog-list .item-price .price-value {font-size:2.75rem;letter-spacing:-0.055rem;} .catalog-list .item-booking .btn-default {margin:2rem 0 0 0;} .rhythm-banner .rhythm-window:after {content:"";position:absolute;z-index:1;top:0;bottom:0;left:0;right:0;opacity:0;pointer-events:none;background: linear-gradient(180deg, rgba(26, 23, 16, 0.30) 50%, rgba(26, 23, 16, 0.70) 100%); transition: opacity 1s cubic-bezier(0.22, 1, 0.36, 1); -webkit-transition: opacity 1s cubic-bezier(0.22, 1, 0.36, 1); -moz-transition: opacity 1s cubic-bezier(0.22, 1, 0.36, 1); -ms-transition: opacity 1s cubic-bezier(0.22, 1, 0.36, 1); -o-transition: opacity 1s cubic-bezier(0.22, 1, 0.36, 1); } .rhythm-banner.is-open .rhythm-window:after {opacity:1;} .rhythm-banner .rhythm-content {position:absolute;z-index:2;top:50%;left:0;right:0;opacity:0;-webkit-transform: translateY(-50%);transform: translateY(-50%); transition: opacity 1s cubic-bezier(0.22, 1, 0.36, 1); -webkit-transition: opacity 1s cubic-bezier(0.22, 1, 0.36, 1); -moz-transition: opacity 1s cubic-bezier(0.22, 1, 0.36, 1); -ms-transition: opacity 1s cubic-bezier(0.22, 1, 0.36, 1); -o-transition: opacity 1s cubic-bezier(0.22, 1, 0.36, 1); } .rhythm-banner.is-open .rhythm-content {opacity:1;transition-delay:0.2s;} .rhythm-banner .rhythm-content-title {color: var(--Total-White);font-family: 'Bounded';font-size:8rem;font-weight:300;line-height:90%;letter-spacing:-0.16rem;text-align:center;} .detail-head .title-container {max-width:54.3125rem;margin:0 auto 2.5rem auto;} .detail-head .section-anons {color: var(--Detroit-Grey);font-size:1.125rem;} .detail-info {min-height:4rem;margin:0 0 5.5rem 0;} .detail-col {flex:1 1 0;min-width:0;} .detail-props {gap:3.75rem;} .detail-prop {color: var(--Gold-Black);font-size:1.125rem;line-height:140%;} .detail-prop .ic {margin:0 1rem 0 0;font-size:1.5rem;} .detail-terms {gap:4.5rem;} .detail-price {color: var(--Gold-Black);font-size:1.75rem;line-height:1;letter-spacing:-0.035rem;white-space:nowrap;} .detail-photo .photo-window {aspect-ratio:1920 / 1080;} .expand-banner {position:relative;aspect-ratio:1920 / 1080;} .expand-banner .expand-window {position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;-webkit-clip-path: inset(32.41% 32.4%);clip-path: inset(32.41% 32.4%); transition: -webkit-clip-path 2s cubic-bezier(0.22, 1, 0.36, 1), clip-path 2s cubic-bezier(0.22, 1, 0.36, 1); -webkit-transition: -webkit-clip-path 2s cubic-bezier(0.22, 1, 0.36, 1), clip-path 2s cubic-bezier(0.22, 1, 0.36, 1); } .expand-banner._animated .expand-window {-webkit-clip-path: inset(0% 0%);clip-path: inset(0% 0%);} .expand-banner .expand-image {position:absolute;top:0;left:0;width:100%;height:100%;} .expand-banner .expand-image img {-webkit-transform: scale(1.2135);transform: scale(1.2135); transition: transform 2s cubic-bezier(0.22, 1, 0.36, 1); -webkit-transition: transform 2s cubic-bezier(0.22, 1, 0.36, 1); -moz-transition: transform 2s cubic-bezier(0.22, 1, 0.36, 1); -ms-transition: transform 2s cubic-bezier(0.22, 1, 0.36, 1); -o-transition: transform 2s cubic-bezier(0.22, 1, 0.36, 1); } .expand-banner._animated .expand-image img {-webkit-transform: scale(1);transform: scale(1);} .expand-banner.is-wide {aspect-ratio:1920 / 1219;} .expand-banner.is-wide .expand-window {-webkit-clip-path: inset(6.23% 6.3%);clip-path: inset(6.23% 6.3%);} .expand-banner.is-wide .expand-image img {-webkit-transform: scale(1.0635);transform: scale(1.0635);} .expand-banner.is-wide._animated .expand-window {-webkit-clip-path: inset(0% 0%);clip-path: inset(0% 0%);} .expand-banner.is-wide._animated .expand-image img {-webkit-transform: scale(1);transform: scale(1);} .expand-banner .expand-content {position:absolute;z-index:2;top:10rem;left:23.5625rem;width:54.25rem;opacity:0; transition: opacity 1s cubic-bezier(0.22, 1, 0.36, 1); -webkit-transition: opacity 1s cubic-bezier(0.22, 1, 0.36, 1); -moz-transition: opacity 1s cubic-bezier(0.22, 1, 0.36, 1); -ms-transition: opacity 1s cubic-bezier(0.22, 1, 0.36, 1); -o-transition: opacity 1s cubic-bezier(0.22, 1, 0.36, 1); } .expand-banner._animated .expand-content {opacity:1;transition-delay:1.2s;} .expand-banner .expand-text {color: var(--Gold-Black);font-family: 'Bounded';font-size:2.75rem;font-weight:300;line-height:1;letter-spacing:-0.055rem;} .features-list {gap:3.75rem 6.0625rem;} .features-list .item {gap:0.75rem;width:calc((100% - 24.25rem) / 5);text-align:center;} .features-list .item-icon {display:block;width:3rem;height:3rem;} .features-list .item-name {color: var(--Gold-Black);font-size:1rem;line-height:140%;} .gallery-slider {margin:0 0 0 1.5rem;} .gallery-slider:not(.slick-initialized) {display:flex;overflow:hidden;} .gallery-slider .item {display:block;flex-shrink:0;width:54.25rem;height:41.25rem;margin:0 1.5rem 0 0;overflow:hidden;} .gallery-slider .item.is-narrow {width:33.75rem;} .detail-gallery .slider-navs, .detail-included .slider-navs {gap:1.5rem;} .detail-gallery .slider-navs {margin:3.75rem 0 0 0;} .detail-gallery .slider-navs .slick-arrow, .detail-included .slider-navs .slick-arrow {width:4.5rem;height:2rem;} .detail-gallery .slider-navs .slick-arrow .ic, .detail-included .slider-navs .slick-arrow .ic {font-size:2rem;} .detail-extras .title-container, .detail-others .title-container {margin:0 0 3.75rem 0;} .extras-list {gap:0.5rem;height:46.375rem;padding:0 1.5625rem;} .extras-list .item {position:relative;flex:358 1 0;min-width:0;overflow:hidden; transition: flex-grow 0.8s cubic-bezier(0.22, 1, 0.36, 1); -webkit-transition: flex-grow 0.8s cubic-bezier(0.22, 1, 0.36, 1); -moz-transition: flex-grow 0.8s cubic-bezier(0.22, 1, 0.36, 1); -ms-transition: flex-grow 0.8s cubic-bezier(0.22, 1, 0.36, 1); -o-transition: flex-grow 0.8s cubic-bezier(0.22, 1, 0.36, 1); } .extras-list .item.active {flex-grow:772;} .extras-list .item-media {position:absolute;top:0;left:0;width:100%;height:100%;} .extras-list .item-media:after {content:"";position:absolute;top:0;bottom:0;left:0;right:0;opacity:0;background: linear-gradient(180deg, rgba(12, 21, 35, 0) 50%, rgba(26, 23, 16, 0.70) 100%); transition: opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1); -webkit-transition: opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1); -moz-transition: opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1); -ms-transition: opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1); -o-transition: opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1); } .extras-list .item.active .item-media:after {opacity:1;} .extras-list .item-name {position:absolute;z-index:2;left:3.75rem;bottom:3.75rem;width:24.5rem;opacity:0;color: var(--Total-White);font-family: 'Bounded';font-size:1.5rem;font-weight:300;line-height:1;letter-spacing:-0.03rem; transition: opacity 0.4s cubic-bezier(0.22, 1, 0.36, 1); -webkit-transition: opacity 0.4s cubic-bezier(0.22, 1, 0.36, 1); -moz-transition: opacity 0.4s cubic-bezier(0.22, 1, 0.36, 1); -ms-transition: opacity 0.4s cubic-bezier(0.22, 1, 0.36, 1); -o-transition: opacity 0.4s cubic-bezier(0.22, 1, 0.36, 1); } .extras-list .item.active .item-name {opacity:1;transition-duration:0.8s;transition-delay:0.3s;} .included-block {height:57rem;} .included-left {flex:1 1 0;min-width:0;padding:0 0 0 5rem;} .included-title {max-width:47.625rem;} .included-title .ghost-title {display:block;margin:0 0 1.25rem 0;} .included-title .title-text {display:block;max-width:35.5rem;} .included-bottom {height:30rem;} .included-info {flex-shrink:0;width:26.4375rem;} .included-count {flex-shrink:0;margin:0 0 0 7.8125rem;white-space:nowrap;color: var(--Gold-Black);font-family: 'Bounded';font-weight:300;line-height:1;} .included-count .count-current {font-size:2.75rem;letter-spacing:-0.055rem;} .included-count .count-total {margin:0 0 0 0.75rem;opacity:0.4;font-size:1.5rem;letter-spacing:-0.03rem;} .included-texts {display:grid;margin:5rem 0 0 0;} .included-texts .item {grid-area:1 / 1;opacity:0;visibility:hidden; transition: opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1), visibility 0.6s; -webkit-transition: opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1), visibility 0.6s; -moz-transition: opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1), visibility 0.6s; -ms-transition: opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1), visibility 0.6s; -o-transition: opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1), visibility 0.6s; } .included-texts .item.active {opacity:1;visibility:visible;transition-delay:0.4s;} .included-texts .item-name {color: var(--Gold-Black);font-family: 'Bounded';font-size:2.75rem;font-weight:300;line-height:1;letter-spacing:-0.055rem;} .included-texts .item-anons {color: var(--Gold-Black);font-size:1.125rem;line-height:140%;} .included-media {position:relative;flex-shrink:0;overflow:hidden;} .included-media .media-item {position:absolute;top:0;left:0;width:100%;height:100%;visibility:hidden;} .included-media .media-item.active {visibility:visible;} .included-small {width:26.3125rem;height:30rem;margin:0 1.5rem 0 auto;} .included-big {width:50rem;height:57rem;} .pets-left {flex-shrink:0;width:54.3125rem;margin:0 0 0 4.9375rem;} .pets-info {width:45rem;} .pets-weight {color: var(--Gold-Black);font-family: 'Bounded';font-size:1.5rem;font-weight:300;line-height:1;letter-spacing:-0.03rem;} .pets-text {color: var(--Detroit-Grey);font-size:1.25rem;line-height:140%;} .pets-dog {height:47.5rem;margin:3.75rem 0 0 0;overflow:hidden;} .pets-right {flex-shrink:0;width:50rem;margin:0 0 0 auto;} .pets-wash {height:48.75rem;overflow:hidden;} .pets-wash-info {width:35.6875rem;margin:3.75rem 0 0 0;} .pets-wash-title {margin:0;color: var(--Gold-Black);font-family: 'Bounded';font-size:2.75rem;font-weight:300;line-height:1;letter-spacing:-0.055rem;} .categories-list .item-props {gap:2.5rem;margin:0 0 2.5rem 0;opacity:0;font-size:1.125rem;line-height:140%; transition: opacity 1s cubic-bezier(0.22, 1, 0.36, 1); -webkit-transition: opacity 1s cubic-bezier(0.22, 1, 0.36, 1); -moz-transition: opacity 1s cubic-bezier(0.22, 1, 0.36, 1); -ms-transition: opacity 1s cubic-bezier(0.22, 1, 0.36, 1); -o-transition: opacity 1s cubic-bezier(0.22, 1, 0.36, 1); } .categories-list .item-props .ic {margin:0 1rem 0 0;font-size:1.5rem;} .categories-list.with-props .item-info {bottom:0;} .faq-block {max-width:91.375rem;margin:0 auto;} .faq-title {margin:0;font-size:1.5rem;line-height:1;letter-spacing:-0.03rem;} .faq-title .faq-letter {font-size:8rem;line-height:90%;letter-spacing:-0.16rem;} .faq-title .faq-sub {margin-top:3.625rem;} .faq-title > :nth-child(1) {margin-left:-0.5rem;} .faq-title > :nth-child(2) {width:17.0625rem;margin-left:4rem;} .faq-title > :nth-child(3) {margin-left:15.8125rem;} .faq-title > :nth-child(4) {width:26.3125rem;margin-left:6.5625rem;} .faq-title > :nth-child(5) {margin-left:auto;} .faq-list {margin:6.5rem 0 0 0;border-top:1px solid var(--Light-Grey);} .faq-list .item {border-bottom:1px solid var(--Light-Grey);} .faq-list .accordion-button {height:5.25rem;color: var(--Gold-Black);font-family: 'Bounded';font-size:1.5rem;font-weight:300;line-height:1;letter-spacing:-0.03rem;} .faq-list .accordion-button:not(.collapsed) .item-num {opacity:1;} .faq-list .accordion-button:not(.collapsed) .ic {-webkit-transform: rotate(180deg);transform: rotate(180deg);} .faq-list .answer {max-width:60rem;padding:0 0 2rem 6.5rem;color: var(--Detroit-Grey);font-size:1.125rem;line-height:140%;} .faq-list .answer > *:last-child {margin-bottom:0;} .faq-list .item-title {gap:4.25rem; transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1); -webkit-transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1); -moz-transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1); -ms-transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1); -o-transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1); } .faq-list .item-num {opacity:0.2; transition: opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1); -webkit-transition: opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1); -moz-transition: opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1); -ms-transition: opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1); -o-transition: opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1); } .faq-list .ic {font-size:1.75rem; transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1); -webkit-transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1); -moz-transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1); -ms-transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1); -o-transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1); } .faq-more {margin:3.75rem 0 0 0;} .main-rhythm .quote-author .value {font-size:1.125rem;font-style:italic;line-height:140%;letter-spacing:0.045rem;text-transform:uppercase;} @media (min-width: 993px) { .anim-link:hover::before { transform: scaleX(1); transform-origin: left;} .anim-link.reverse:hover::before { transform: scaleX(0); transform-origin: right;} .btn-book:hover {background: var(--Dusky-Tan);} .default-link:hover .value span, a.item:hover .default-link .value span {transform: translateY(calc(-100% - 0.5em));} .default-link:hover:after, a.item:hover .default-link:after {border-top-width:4px;border-color: var(--Dusky-Tan);} .default-link.white:hover:after, a.item:hover .default-link.white:after {border-color: var(--Mushroom-Melt);} .btn-default:hover {border-color: var(--Dusky-Tan);} .btn-default:hover .value {background: var(--Dusky-Tan);} .socials a:hover {border-color: var(--Gold-Black);color: var(--Total-White);} .socials a:hover:before {opacity:1;transform: scale(1);} .main-hero .hero-media {cursor:none;} .calendar-days .day:not(:disabled):not(.start):not(.end):hover {background: rgba(27, 24, 22, 0.08);} .calendar-arrow:not(:disabled):hover {background: var(--Gold-Black);color: var(--Animal-Bone);} a.item:hover .item-media img {transform: scale(1.086);} .categories-list a.item:hover .item-media img {transform: scale(1.1);} .events-list a.item:hover .item-media img {transform: none;} .map-pin:hover {z-index:4;} .map-pin:hover .pin-button {color: var(--Gold-Black);} .map-pin:hover .pin-button:after {opacity:1;-webkit-transform: scale(1);transform: scale(1);} .map-pin:hover .pin-card {opacity:1;visibility:visible;pointer-events:auto;-webkit-transform: translateY(-0.5rem);transform: translateY(-0.5rem);} .map-pin .pin-link:hover {color: var(--Dusky-Tan);} .footer-socials a:hover {color: var(--Dusky-Tan);} .weather-days a:not(.active):hover {opacity:1;color: var(--Dusky-Tan);} .promo-close:hover {background: var(--Gold-Black);} .page-nav a:not(.active):hover {color: var(--Dusky-Tan);} .slider-navs .slick-arrow:not(.slick-disabled):hover {opacity:1;} .slider-navs .slick-next:not(.slick-disabled):hover .ic:before {-webkit-transform: translateX(100%);transform: translateX(100%);} .slider-navs .slick-prev:not(.slick-disabled):hover .ic:before {-webkit-transform: translateX(-100%);transform: translateX(-100%);} .slider-navs .slick-arrow:not(.slick-disabled):hover .ic:after {-webkit-transform: translateX(0);transform: translateX(0);} .offers-list a.item:hover {border-color: var(--Dusky-Tan);} .offers-list a.item:hover .item-media {height:24.6875rem;} .offers-list a.item:hover .item-media img {transform: scale(1.168);} .offers-list a.item:hover .item-link {height:2.0625rem;margin:1.25rem 0 0 0;opacity:1;} .categories-list a.item:hover .item-info {transform: translateY(-2.5rem);} .categories-list a.item:hover .default-link {opacity:1;} .categories-list a.item:hover .item-props {opacity:1;} .categories-list.with-props a.item:hover .item-info {transform: translateY(-3.75rem);} .categories-list.with-props a.item:hover .item-media img {transform: scale(1.13);} .faq-list .accordion-button:hover .item-title {-webkit-transform: translateX(1.5rem);transform: translateX(1.5rem);} .faq-list .accordion-button:hover .item-num {opacity:1;} .faq-list .accordion-button:hover .ic {-webkit-transform: translateX(-1.5rem);transform: translateX(-1.5rem);} .faq-list .accordion-button:not(.collapsed):hover .ic {-webkit-transform: translateX(-1.5rem) rotate(180deg);transform: translateX(-1.5rem) rotate(180deg);} .restaurants-list a.item:hover .item-media:after {opacity:1;} .restaurants-list a.item:hover .item-info {transform: translateY(-3.25rem);} .restaurants-list a.item:hover .item-anons, .restaurants-list a.item:hover .default-link {opacity:1;} .menu-block .menu-list a.item:hover .item-name span {transform: translateY(-2.125rem);} .chat-bot:hover:before {width:14.75rem;opacity:1;} .chat-bot:hover .value {opacity:1;visibility:visible;transform: translate(0, -50%);} .header .header-seasons a:hover {opacity:1;} .header .header-socials a:hover, .header .langs-btn:hover, .header .phones-btn:hover {color: var(--Dusky-Tan);} .header .header-langs:hover .langs-drop, .header .header-phones:hover .phones-drop {opacity:1;visibility: visible;pointer-events: all;margin:0;} .header .header-langs:hover .langs-btn .ic {-webkit-transform: rotate(-180deg);transform: rotate(-180deg);} .header .langs-drop a:hover {color: var(--Dusky-Tan);} }