/* font-family: "Great Vibes"; */ @import url("https://db.onlinewebfonts.com/c/5bf06596a053153248631d74f9fc4e28?family=Great+Vibes"); /* font-family: "Poppins", sans-serif; */ @import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap'); html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-family: sans-serif; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { vertical-align: baseline; display: inline-block; } audio:not([controls]) { height: 0; display: none; } [hidden], template { display: none; } a { background-color: #0000; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: 700; } dfn { font-style: italic; } h1 { margin: 0.67em 0; font-size: 2em; } mark { color: #000; background: #ff0; } small { font-size: 80%; } sub, sup { vertical-align: baseline; font-size: 75%; line-height: 0; position: relative; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: none; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: 700; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } @font-face { font-family: webflow-icons; src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("truetype"); font-weight: 400; font-style: normal; } [class^="w-icon-"], [class*="\ w-icon-"] { speak: none; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-weight: 400; line-height: 1; font-family: webflow-icons !important; } .w-icon-slider-right:before { content: ""; } .w-icon-slider-left:before { content: ""; } .w-icon-nav-menu:before { content: ""; } .w-icon-arrow-down:before, .w-icon-dropdown-toggle:before { content: ""; } .w-icon-file-upload-remove:before { content: ""; } .w-icon-file-upload-icon:before { content: ""; } * { box-sizing: border-box; } html { height: 100%; } body { color: #333; background-color: #fff; min-height: 100%; margin: 0; font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; } img { vertical-align: middle; max-width: 100%; display: inline-block; } html.w-mod-touch * { background-attachment: scroll !important; } .w-block { display: block; } .w-inline-block { max-width: 100%; display: inline-block; } .w-clearfix:before, .w-clearfix:after { content: " "; grid-area: 1/1/2/2; display: table; } .w-clearfix:after { clear: both; } .w-hidden { display: none; } .w-button { color: #fff; line-height: inherit; cursor: pointer; background-color: #3898ec; border: 0; border-radius: 0; padding: 9px 15px; text-decoration: none; display: inline-block; } input.w-button { -webkit-appearance: button; } html[data-w-dynpage] [data-w-cloak] { color: #0000 !important; } .w-code-block { margin: unset; } pre.w-code-block code { all: inherit; } pre.w-code-block code > span { display: block !important; } .w-optimization { display: contents; } .w-webflow-badge, .w-webflow-badge > img { box-sizing: unset; width: unset; height: unset; max-height: unset; max-width: unset; min-height: unset; min-width: unset; margin: unset; padding: unset; float: unset; clear: unset; border: unset; border-radius: unset; background: unset; background-image: unset; background-position: unset; background-size: unset; background-repeat: unset; background-origin: unset; background-clip: unset; background-attachment: unset; background-color: unset; box-shadow: unset; transform: unset; direction: unset; font-family: unset; font-weight: unset; color: unset; font-size: unset; line-height: unset; font-style: unset; font-variant: unset; text-align: unset; letter-spacing: unset; -webkit-text-decoration: unset; text-decoration: unset; text-indent: unset; text-transform: unset; list-style-type: unset; text-shadow: unset; vertical-align: unset; cursor: unset; white-space: unset; word-break: unset; word-spacing: unset; word-wrap: unset; transition: unset; } .w-webflow-badge { white-space: nowrap; cursor: pointer; box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a; visibility: visible !important; opacity: 1 !important; z-index: 2147483647 !important; color: #aaadb0 !important; width: auto !important; height: auto !important; overflow: unset !important; background-color: #fff !important; border-radius: 3px !important; margin: 0 !important; padding: 6px !important; font-size: 12px !important; line-height: 14px !important; text-decoration: none !important; display: inline-block !important; position: fixed !important; inset: auto 12px 12px auto !important; transform: none !important; } .w-webflow-badge > img { position: unset; visibility: unset !important; opacity: 1 !important; vertical-align: middle !important; display: inline-block !important; } h1, h2, h3, h4, h5, h6 { margin-bottom: 10px; font-weight: 700; } h1 { margin-top: 20px; font-size: 38px; line-height: 44px; } h2 { margin-top: 20px; font-size: 32px; line-height: 36px; } h3 { margin-top: 20px; font-size: 24px; line-height: 30px; } h4 { margin-top: 10px; font-size: 18px; line-height: 24px; } h5 { margin-top: 10px; font-size: 14px; line-height: 20px; } h6 { margin-top: 10px; font-size: 12px; line-height: 18px; } p { margin-top: 0; margin-bottom: 10px; } blockquote { border-left: 5px solid #e2e2e2; margin: 0 0 10px; padding: 10px 20px; font-size: 18px; line-height: 22px; } figure { margin: 0 0 10px; } ul, ol { margin-top: 0; margin-bottom: 10px; padding-left: 40px; } .w-list-unstyled { padding-left: 0; list-style: none; } .w-embed:before, .w-embed:after { content: " "; grid-area: 1/1/2/2; display: table; } .w-embed:after { clear: both; } .w-video { width: 100%; padding: 0; position: relative; } .w-video iframe, .w-video object, .w-video embed { border: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } fieldset { border: 0; margin: 0; padding: 0; } button, [type="button"], [type="reset"] { cursor: pointer; -webkit-appearance: button; border: 0; } .w-form { margin: 0 0 15px; } .w-form-done { text-align: center; background-color: #ddd; padding: 20px; display: none; } .w-form-fail { background-color: #ffdede; margin-top: 10px; padding: 10px; display: none; } .w-input, .w-select { color: #333; vertical-align: middle; background-color: #fff; border: 1px solid #ccc; width: 100%; height: 38px; margin-bottom: 10px; padding: 8px 12px; font-size: 14px; line-height: 1.42857; display: block; } .w-input::placeholder, .w-select::placeholder { color: #999; } .w-input:focus, .w-select:focus { border-color: #3898ec; outline: 0; } .w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select { cursor: not-allowed; } .w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select { background-color: #eee; } textarea.w-input, textarea.w-select { height: auto; } .w-select { background-color: #f3f3f3; } .w-select[multiple] { height: auto; } .w-form-label { cursor: pointer; margin-bottom: 0; font-weight: 400; display: inline-block; } .w-radio { margin-bottom: 5px; padding-left: 20px; display: block; } .w-radio:before, .w-radio:after { content: " "; grid-area: 1/1/2/2; display: table; } .w-radio:after { clear: both; } .w-radio-input { float: left; margin: 3px 0 0 -20px; line-height: normal; } .w-file-upload { margin-bottom: 10px; display: block; } .w-file-upload-input { opacity: 0; z-index: -100; width: 0.1px; height: 0.1px; position: absolute; overflow: hidden; } .w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success { color: #333; display: inline-block; } .w-file-upload-error { margin-top: 10px; display: block; } .w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden { display: none; } .w-file-upload-uploading-btn { cursor: pointer; background-color: #fafafa; border: 1px solid #ccc; margin: 0; padding: 8px 12px; font-size: 14px; font-weight: 400; display: flex; } .w-file-upload-file { background-color: #fafafa; border: 1px solid #ccc; flex-grow: 1; justify-content: space-between; margin: 0; padding: 8px 9px 8px 11px; display: flex; } .w-file-upload-file-name { font-size: 14px; font-weight: 400; display: block; } .w-file-remove-link { cursor: pointer; width: auto; height: auto; margin-top: 3px; margin-left: 10px; padding: 3px; display: block; } .w-icon-file-upload-remove { margin: auto; font-size: 10px; } .w-file-upload-error-msg { color: #ea384c; padding: 2px 0; display: inline-block; } .w-file-upload-info { padding: 0 12px; line-height: 38px; display: inline-block; } .w-file-upload-label { cursor: pointer; background-color: #fafafa; border: 1px solid #ccc; margin: 0; padding: 8px 12px; font-size: 14px; font-weight: 400; display: inline-block; } .w-icon-file-upload-icon, .w-icon-file-upload-uploading { width: 20px; margin-right: 8px; display: inline-block; } .w-icon-file-upload-uploading { height: 20px; } .w-container { max-width: 940px; margin-left: auto; margin-right: auto; } .w-container:before, .w-container:after { content: " "; grid-area: 1/1/2/2; display: table; } .w-container:after { clear: both; } .w-container .w-row { margin-left: -10px; margin-right: -10px; } .w-row:before, .w-row:after { content: " "; grid-area: 1/1/2/2; display: table; } .w-row:after { clear: both; } .w-row .w-row { margin-left: 0; margin-right: 0; } .w-col { float: left; width: 100%; min-height: 1px; padding-left: 10px; padding-right: 10px; position: relative; } .w-col .w-col { padding-left: 0; padding-right: 0; } .w-col-1 { width: 8.33333%; } .w-col-2 { width: 16.6667%; } .w-col-3 { width: 25%; } .w-col-4 { width: 33.3333%; } .w-col-5 { width: 41.6667%; } .w-col-6 { width: 50%; } .w-col-7 { width: 58.3333%; } .w-col-8 { width: 66.6667%; } .w-col-9 { width: 75%; } .w-col-10 { width: 83.3333%; } .w-col-11 { width: 91.6667%; } .w-col-12 { width: 100%; } .w-hidden-main { display: none !important; } @media screen and (max-width: 991px) { .w-container { max-width: 728px; } .w-hidden-main { display: inherit !important; } .w-hidden-medium { display: none !important; } .w-col-medium-1 { width: 8.33333%; } .w-col-medium-2 { width: 16.6667%; } .w-col-medium-3 { width: 25%; } .w-col-medium-4 { width: 33.3333%; } .w-col-medium-5 { width: 41.6667%; } .w-col-medium-6 { width: 50%; } .w-col-medium-7 { width: 58.3333%; } .w-col-medium-8 { width: 66.6667%; } .w-col-medium-9 { width: 75%; } .w-col-medium-10 { width: 83.3333%; } .w-col-medium-11 { width: 91.6667%; } .w-col-medium-12 { width: 100%; } .w-col-stack { width: 100%; left: auto; right: auto; } } @media screen and (max-width: 767px) { .w-hidden-main, .w-hidden-medium { display: inherit !important; } .w-hidden-small { display: none !important; } .w-row, .w-container .w-row { margin-left: 0; margin-right: 0; } .w-col { width: 100%; left: auto; right: auto; } .w-col-small-1 { width: 8.33333%; } .w-col-small-2 { width: 16.6667%; } .w-col-small-3 { width: 25%; } .w-col-small-4 { width: 33.3333%; } .w-col-small-5 { width: 41.6667%; } .w-col-small-6 { width: 50%; } .w-col-small-7 { width: 58.3333%; } .w-col-small-8 { width: 66.6667%; } .w-col-small-9 { width: 75%; } .w-col-small-10 { width: 83.3333%; } .w-col-small-11 { width: 91.6667%; } .w-col-small-12 { width: 100%; } .header-logo_bg { width: 80px !important; } .section.arch { background-size: auto !important; } } @media screen and (max-width: 479px) { .w-container { max-width: none; } .w-hidden-main, .w-hidden-medium, .w-hidden-small { display: inherit !important; } .w-hidden-tiny { display: none !important; } .w-col { width: 100%; } .w-col-tiny-1 { width: 8.33333%; } .w-col-tiny-2 { width: 16.6667%; } .w-col-tiny-3 { width: 25%; } .w-col-tiny-4 { width: 33.3333%; } .w-col-tiny-5 { width: 41.6667%; } .w-col-tiny-6 { width: 50%; } .w-col-tiny-7 { width: 58.3333%; } .w-col-tiny-8 { width: 66.6667%; } .w-col-tiny-9 { width: 75%; } .w-col-tiny-10 { width: 83.3333%; } .w-col-tiny-11 { width: 91.6667%; } .w-col-tiny-12 { width: 100%; } } .w-widget { position: relative; } .w-widget-map { width: 100%; height: 400px; } .w-widget-map label { width: auto; display: inline; } .w-widget-map img { max-width: inherit; } .w-widget-map .gm-style-iw { text-align: center; } .w-widget-map .gm-style-iw > button { display: none !important; } .w-widget-twitter { overflow: hidden; } .w-widget-twitter-count-shim { vertical-align: top; text-align: center; background: #fff; border: 1px solid #758696; border-radius: 3px; width: 28px; height: 20px; display: inline-block; position: relative; } .w-widget-twitter-count-shim * { pointer-events: none; -webkit-user-select: none; user-select: none; } .w-widget-twitter-count-shim .w-widget-twitter-count-inner { text-align: center; color: #999; font-family: serif; font-size: 15px; line-height: 12px; position: relative; } .w-widget-twitter-count-shim .w-widget-twitter-count-clear { display: block; position: relative; } .w-widget-twitter-count-shim.w--large { width: 36px; height: 28px; } .w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner { font-size: 18px; line-height: 18px; } .w-widget-twitter-count-shim:not(.w--vertical) { margin-left: 5px; margin-right: 8px; } .w-widget-twitter-count-shim:not(.w--vertical).w--large { margin-left: 6px; } .w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after { content: " "; pointer-events: none; border: solid #0000; width: 0; height: 0; position: absolute; top: 50%; left: 0; } .w-widget-twitter-count-shim:not(.w--vertical):before { border-width: 4px; border-color: #75869600 #5d6c7b #75869600 #75869600; margin-top: -4px; margin-left: -9px; } .w-widget-twitter-count-shim:not(.w--vertical).w--large:before { border-width: 5px; margin-top: -5px; margin-left: -10px; } .w-widget-twitter-count-shim:not(.w--vertical):after { border-width: 4px; border-color: #fff0 #fff #fff0 #fff0; margin-top: -4px; margin-left: -8px; } .w-widget-twitter-count-shim:not(.w--vertical).w--large:after { border-width: 5px; margin-top: -5px; margin-left: -9px; } .w-widget-twitter-count-shim.w--vertical { width: 61px; height: 33px; margin-bottom: 8px; } .w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after { content: " "; pointer-events: none; border: solid #0000; width: 0; height: 0; position: absolute; top: 100%; left: 50%; } .w-widget-twitter-count-shim.w--vertical:before { border-width: 5px; border-color: #5d6c7b #75869600 #75869600; margin-left: -5px; } .w-widget-twitter-count-shim.w--vertical:after { border-width: 4px; border-color: #fff #fff0 #fff0; margin-left: -4px; } .w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner { font-size: 18px; line-height: 22px; } .w-widget-twitter-count-shim.w--vertical.w--large { width: 76px; } .w-background-video { color: #fff; height: 500px; position: relative; overflow: hidden; } .w-background-video > video { object-fit: cover; z-index: -100; background-position: 50%; background-size: cover; width: 100%; height: 100%; margin: auto; position: absolute; inset: -100%; } .w-background-video > video::-webkit-media-controls-start-playback-button { -webkit-appearance: none; display: none !important; } .w-background-video--control { background-color: #0000; padding: 0; position: absolute; bottom: 1em; right: 1em; } .w-background-video--control > [hidden] { display: none !important; } .w-slider { text-align: center; clear: both; -webkit-tap-highlight-color: #0000; tap-highlight-color: #0000; background: #ddd; height: 300px; position: relative; } .w-slider-mask { z-index: 1; white-space: nowrap; height: 100%; display: block; position: relative; left: 0; right: 0; overflow: hidden; } .w-slide { vertical-align: top; white-space: normal; text-align: left; width: 100%; height: 100%; display: inline-block; position: relative; } .w-slider-nav { z-index: 2; text-align: center; -webkit-tap-highlight-color: #0000; tap-highlight-color: #0000; height: 40px; margin: auto; padding-top: 10px; position: absolute; inset: auto 0 0; } .w-slider-nav.w-round > div { border-radius: 100%; } .w-slider-nav.w-num > div { width: auto; height: auto; font-size: inherit; line-height: inherit; padding: 0.2em 0.5em; } .w-slider-nav.w-shadow > div { box-shadow: 0 0 3px #3336; } .w-slider-nav-invert { color: #fff; } .w-slider-nav-invert > div { background-color: #2226; } .w-slider-nav-invert > div.w-active { background-color: #222; } .w-slider-dot { cursor: pointer; background-color: #fff6; width: 1em; height: 1em; margin: 0 3px 0.5em; transition: background-color 0.1s, color 0.1s; display: inline-block; position: relative; } .w-slider-dot.w-active { background-color: #fff; } .w-slider-dot:focus { outline: none; box-shadow: 0 0 0 2px #fff; } .w-slider-dot:focus.w-active { box-shadow: none; } .w-slider-arrow-left, .w-slider-arrow-right { cursor: pointer; color: #fff; -webkit-tap-highlight-color: #0000; tap-highlight-color: #0000; -webkit-user-select: none; user-select: none; width: 80px; margin: auto; font-size: 40px; position: absolute; inset: 0; overflow: hidden; } .w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*="\ w-icon-"], .w-slider-arrow-right [class*="\ w-icon-"] { position: absolute; } .w-slider-arrow-left:focus, .w-slider-arrow-right:focus { outline: 0; } .w-slider-arrow-left { z-index: 3; right: auto; } .w-slider-arrow-right { z-index: 4; left: auto; } .w-icon-slider-left, .w-icon-slider-right { width: 1em; height: 1em; margin: auto; inset: 0; } .w-slider-aria-label { clip: rect(0 0 0 0); border: 0; width: 1px; height: 1px; margin: -1px; padding: 0; position: absolute; overflow: hidden; } .w-slider-force-show { display: block !important; } .w-dropdown { text-align: left; z-index: 900; margin-left: auto; margin-right: auto; display: inline-block; position: relative; } .w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link { vertical-align: top; color: #222; text-align: left; white-space: nowrap; margin-left: auto; margin-right: auto; padding: 20px; text-decoration: none; position: relative; } .w-dropdown-toggle { -webkit-user-select: none; user-select: none; cursor: pointer; padding-right: 40px; display: inline-block; } .w-dropdown-toggle:focus { outline: 0; } .w-icon-dropdown-toggle { width: 1em; height: 1em; margin: auto 20px auto auto; position: absolute; top: 0; bottom: 0; right: 0; } .w-dropdown-list { background: #ddd; min-width: 100%; display: none; position: absolute; } .w-dropdown-list.w--open { display: block; } .w-dropdown-link { color: #222; padding: 10px 20px; display: block; } .w-dropdown-link.w--current { color: #0082f3; } .w-dropdown-link:focus { outline: 0; } .w-lightbox-backdrop { cursor: auto; letter-spacing: normal; text-indent: 0; text-shadow: none; text-transform: none; visibility: visible; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; color: #fff; text-align: center; z-index: 2000; opacity: 0; -webkit-user-select: none; -moz-user-select: none; -webkit-tap-highlight-color: transparent; background: #000000e6; outline: 0; font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif; font-size: 17px; font-style: normal; font-weight: 300; line-height: 1.2; list-style: disc; position: fixed; inset: 0; -webkit-transform: translate(0); } .w-lightbox-backdrop, .w-lightbox-container { -webkit-overflow-scrolling: touch; height: 100%; overflow: auto; } .w-lightbox-content { height: 100vh; position: relative; overflow: hidden; } .w-lightbox-view { opacity: 0; width: 100vw; height: 100vh; position: absolute; } .w-lightbox-view:before { content: ""; height: 100vh; } .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before { height: 86vh; } .w-lightbox-frame, .w-lightbox-view:before { vertical-align: middle; display: inline-block; } .w-lightbox-figure { margin: 0; position: relative; } .w-lightbox-group .w-lightbox-figure { cursor: pointer; } .w-lightbox-img { width: auto; max-width: none; height: auto; } .w-lightbox-image { float: none; max-width: 100vw; max-height: 100vh; display: block; } .w-lightbox-group .w-lightbox-image { max-height: 86vh; } .w-lightbox-caption { text-align: left; text-overflow: ellipsis; white-space: nowrap; background: #0006; padding: 0.5em 1em; position: absolute; bottom: 0; left: 0; right: 0; overflow: hidden; } .w-lightbox-embed { width: 100%; height: 100%; position: absolute; inset: 0; } .w-lightbox-control { cursor: pointer; background-position: 50%; background-repeat: no-repeat; background-size: 24px; width: 4em; transition: all 0.3s; position: absolute; top: 0; } .w-lightbox-left { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==); display: none; bottom: 0; left: 0; } .w-lightbox-right { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+); display: none; bottom: 0; right: 0; } .w-lightbox-close { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=); background-size: 18px; height: 2.6em; right: 0; } .w-lightbox-strip { white-space: nowrap; padding: 0 1vh; line-height: 0; position: absolute; bottom: 0; left: 0; right: 0; overflow: auto hidden; } .w-lightbox-item { box-sizing: content-box; cursor: pointer; width: 10vh; padding: 2vh 1vh; display: inline-block; -webkit-transform: translate(0, 0); } .w-lightbox-active { opacity: 0.3; } .w-lightbox-thumbnail { background: #222; height: 10vh; position: relative; overflow: hidden; } .w-lightbox-thumbnail-image { position: absolute; top: 0; left: 0; } .w-lightbox-thumbnail .w-lightbox-tall { width: 100%; top: 50%; transform: translateY(-50%); } .w-lightbox-thumbnail .w-lightbox-wide { height: 100%; left: 50%; transform: translate(-50%); } .w-lightbox-spinner { box-sizing: border-box; border: 5px solid #0006; border-radius: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; animation: 0.8s linear infinite spin; position: absolute; top: 50%; left: 50%; } .w-lightbox-spinner:after { content: ""; border: 3px solid #0000; border-bottom-color: #fff; border-radius: 50%; position: absolute; inset: -4px; } .w-lightbox-hide { display: none; } .w-lightbox-noscroll { overflow: hidden; } @media (min-width: 768px) { .w-lightbox-content { height: 96vh; margin-top: 2vh; } .w-lightbox-view, .w-lightbox-view:before { height: 96vh; } .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before { height: 84vh; } .w-lightbox-image { max-width: 96vw; max-height: 96vh; } .w-lightbox-group .w-lightbox-image { max-width: 82.3vw; max-height: 84vh; } .w-lightbox-left, .w-lightbox-right { opacity: 0.5; display: block; } .w-lightbox-close { opacity: 0.8; } .w-lightbox-control:hover { opacity: 1; } } .w-lightbox-inactive, .w-lightbox-inactive:hover { opacity: 0; } .w-richtext:before, .w-richtext:after { content: " "; grid-area: 1/1/2/2; display: table; } .w-richtext:after { clear: both; } .w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after { white-space: initial; } .w-richtext ol, .w-richtext ul { overflow: hidden; } .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div { outline: 2px solid #2895f7; } .w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after { content: ""; display: none; position: absolute; inset: 0; } .w-richtext figure { max-width: 60%; position: relative; } .w-richtext figure > div:before { cursor: default !important; } .w-richtext figure img { width: 100%; } .w-richtext figure figcaption.w-richtext-figcaption-placeholder { opacity: 0.6; } .w-richtext figure div { color: #0000; font-size: 0; } .w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] { display: table; } .w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div { display: inline-block; } .w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption { caption-side: bottom; display: table-caption; } .w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] { width: 60%; height: 0; } .w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div { width: 100%; } .w-richtext figure.w-richtext-align-center { clear: both; margin-left: auto; margin-right: auto; } .w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div { max-width: 100%; } .w-richtext figure.w-richtext-align-normal { clear: both; } .w-richtext figure.w-richtext-align-fullwidth { text-align: center; clear: both; width: 100%; max-width: 100%; margin-left: auto; margin-right: auto; display: block; } .w-richtext figure.w-richtext-align-fullwidth > div { padding-bottom: inherit; display: inline-block; } .w-richtext figure.w-richtext-align-fullwidth > figcaption { display: block; } .w-richtext figure.w-richtext-align-floatleft { float: left; clear: none; margin-right: 15px; } .w-richtext figure.w-richtext-align-floatright { float: right; clear: none; margin-left: 15px; } .w-nav { z-index: 1000; background: #ddd; position: relative; } .w-nav:before, .w-nav:after { content: " "; grid-area: 1/1/2/2; display: table; } .w-nav:after { clear: both; } .w-nav-brand { float: left; color: #333; text-decoration: none; position: relative; } .w-nav-link { vertical-align: top; color: #222; text-align: left; margin-left: auto; margin-right: auto; padding: 20px; text-decoration: none; display: inline-block; position: relative; } .w-nav-link.w--current { color: #0082f3; } .w-nav-menu { float: right; position: relative; } [data-nav-menu-open] { text-align: center; background: #c8c8c8; min-width: 200px; position: absolute; top: 100%; left: 0; right: 0; overflow: visible; display: block !important; } .w--nav-link-open { display: block; position: relative; } .w-nav-overlay { width: 100%; display: none; position: absolute; top: 100%; left: 0; right: 0; overflow: hidden; } .w-nav-overlay [data-nav-menu-open] { top: 0; } .w-nav[data-animation="over-left"] .w-nav-overlay { width: auto; } .w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] { z-index: 1; top: 0; right: auto; } .w-nav[data-animation="over-right"] .w-nav-overlay { width: auto; } .w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] { z-index: 1; top: 0; left: auto; } .w-nav-button { float: right; cursor: pointer; -webkit-tap-highlight-color: #0000; tap-highlight-color: #0000; -webkit-user-select: none; user-select: none; padding: 18px; font-size: 24px; display: none; position: relative; } .w-nav-button:focus { outline: 0; } .w-nav-button.w--open { color: #fff; background-color: #c8c8c8; } .w-nav[data-collapse="all"] .w-nav-menu { display: none; } .w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open { display: block; } .w--nav-dropdown-list-open { position: static; } @media screen and (max-width: 991px) { .w-nav[data-collapse="medium"] .w-nav-menu { display: none; } .w-nav[data-collapse="medium"] .w-nav-button { display: block; } } @media screen and (max-width: 767px) { .w-nav[data-collapse="small"] .w-nav-menu { display: none; } .w-nav[data-collapse="small"] .w-nav-button { display: block; } .w-nav-brand { padding-left: 10px; } } @media screen and (max-width: 479px) { .w-nav[data-collapse="tiny"] .w-nav-menu { display: none; } .w-nav[data-collapse="tiny"] .w-nav-button { display: block; } } .w-tabs { position: relative; } .w-tabs:before, .w-tabs:after { content: " "; grid-area: 1/1/2/2; display: table; } .w-tabs:after { clear: both; } .w-tab-menu { position: relative; } .w-tab-link { vertical-align: top; text-align: left; cursor: pointer; color: #222; background-color: #ddd; padding: 9px 30px; text-decoration: none; display: inline-block; position: relative; } .w-tab-link.w--current { background-color: #c8c8c8; } .w-tab-link:focus { outline: 0; } .w-tab-content { display: block; position: relative; overflow: hidden; } .w-tab-pane { display: none; position: relative; } .w--tab-active { display: block; } @media screen and (max-width: 479px) { .w-tab-link { display: block; } } .w-ix-emptyfix:after { content: ""; } @keyframes spin { 0% { transform: rotate(0); } to { transform: rotate(360deg); } } .w-dyn-empty { background-color: #ddd; padding: 10px; } .w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible { display: none !important; } .wf-layout-layout { display: grid; } .w-layout-grid { grid-row-gap: 16px; grid-column-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } @font-face { font-family: Maison Neue Extended; src: url(https://cdn.prod.website-files.com/6a068da7ad91b057365bf967/6a06a699270853940fed199c_MaisonNeueExt-Book.woff2) format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: Maison Neue Extended; src: url(https://cdn.prod.website-files.com/6a068da7ad91b057365bf967/6a06a6b22391d5d6ce159452_MaisonNeueExt-Bold.woff2) format("woff2"); font-weight: 700; font-style: normal; font-display: swap; } :root { --_fonts---font-body: "Maison Neue Extended", Arial, sans-serif; --popins: "Poppins", sans-serif; --_colors---base-1000--primary: var(--_global-colors---base-1000--100); --_fonts---font-display: ambroise-francois-std, sans-serif; --_fonts---h1--size: calc(192rem / var(--_special-units---scale-ratio)); --_fonts---h1--line-height: 87.5%; --_fonts---h1--letter-spacing: -0.024em; --_fonts---h2--size: calc(136rem / var(--_special-units---scale-ratio)); --_fonts---h2--line-height: 88.235%; --_fonts---h2--letter-spacing: -0.024em; --_fonts---h3--size: calc(96rem / var(--_special-units---scale-ratio)); --_fonts---h3--line-height: 91.667%; --_fonts---h3--letter-spacing: -0.024em; --_fonts---h4--size: calc(63rem / var(--_special-units---scale-ratio)); --_fonts---h4--line-height: 88.889%; --_fonts---h4--letter-spacing: -0.016em; --_fonts---h5--size: calc(40rem / var(--_special-units---scale-ratio)); --_fonts---h5--line-height: 100%; --_fonts---h5--letter-spacing: -0.008em; --_fonts---h6--size: calc(28rem / var(--_special-units---scale-ratio)); --_fonts---h6--line-height: 100%; --_fonts---h6--letter-spacing: 0em; --_fonts---p1--size: calc(13rem / var(--_special-units---scale-ratio)); --_fonts---p1--line-height: 138.462%; --_fonts---p1--letter-spacing: -0.024em; --_units---u-0: var(--0px); --_special-units---100vh: 100vh; --_colors---other--bg: var(--_global-colors---base-0--100); --_special-units---offset-r: var(--48px); --_special-units---offset-l: var(--48px); --_special-units---grid-gap: var(--16px); --_units---u-4: var(--4px); --_units---u-8: var(--8px); --_units---u-12: var(--12px); --_units---u-16: var(--16px); --_units---u-24: var(--24px); --_units---u-32: var(--32px); --_units---u-48: var(--48px); --_units---u-64: var(--64px); --_units---u-96: var(--96px); --_units---u-160: var(--160px); --_colors---base-0--primary: var(--_global-colors---base-0--100); --_colors---base-1000--gray-text: var(--_global-colors---base-1000--60); --_colors---additional--success: #1ba64b; --_colors---additional--alert: #ffa800; --_colors---additional--error: #e23d3d; --_units---u-272: var(--272px); --_fonts---l1--size: calc(11rem / var(--_special-units---scale-ratio)); --_fonts---l1--line-height: 145.455%; --_fonts---l1--letter-spacing: 0.048em; --_colors---other--transparent: transparent; --_colors---base-1000--line: var(--_global-colors---base-1000--10); --40px: calc(40rem / var(--_special-units---scale-ratio)); --112px: calc(112rem / var(--_special-units---scale-ratio)); --_colors---base-1000--disabled: var(--_global-colors---base-1000--30); --_colors---brand-500--primary\: var( --_global-colors---brand-500--powder-sky ); --_fonts---p2--size: calc(11rem / var(--_special-units---scale-ratio)); --_fonts---p2--line-height: 145.455%; --_fonts---p2--letter-spacing: -0.024em; --_fonts---l2--size: calc(9rem / var(--_special-units---scale-ratio)); --_fonts---l2--line-height: 133.333%; --_fonts---l2--letter-spacing: 0.32em; --_fonts---c1--size: calc(25rem / var(--_special-units---scale-ratio)); --_fonts---c1--line-height: 112%; --_fonts---c1--letter-spacing: 0.8em; --_fonts---font-accent: "Great Vibes"; --_fonts---a1--size: calc(192rem / var(--_special-units---scale-ratio)); --_fonts---a1--line-height: 100%; --_fonts---a1--letter-spacing: 0em; --_fonts---a2--size: calc(120rem / var(--_special-units---scale-ratio)); --_fonts---a2--line-height: 100%; --_fonts---a2--letter-spacing: 0em; --_special-units---scale-ratio: 16; --_special-units---1-cell-v: var(--96px); --_special-units---1-cell-h: var(--136px); --2px: calc(2rem / var(--_special-units---scale-ratio)); --24px: calc(24rem / var(--_special-units---scale-ratio)); --12px: calc(12rem / var(--_special-units---scale-ratio)); --72px: calc(72rem / var(--_special-units---scale-ratio)); --16px: calc(16rem / var(--_special-units---scale-ratio)); --136px: calc(136rem / var(--_special-units---scale-ratio)); --green: #0E5433; --80px: calc(80rem / var(--_special-units---scale-ratio)); --192px: calc(192rem / var(--_special-units---scale-ratio)); --144px: calc(144rem / var(--_special-units---scale-ratio)); --28px: calc(28rem / var(--_special-units---scale-ratio)); --56px: calc(56rem / var(--_special-units---scale-ratio)); --32px: calc(32rem / var(--_special-units---scale-ratio)); --6px: calc(6rem / var(--_special-units---scale-ratio)); --20px: calc(20rem / var(--_special-units---scale-ratio)); --44px: calc(44rem / var(--_special-units---scale-ratio)); --_global-colors---base-0--100: #f3f3ec; --_global-colors---base-0--0: #f3f3ec00; --60px: calc(60rem / var(--_special-units---scale-ratio)); --48px: calc(48rem / var(--_special-units---scale-ratio)); --96px: calc(96rem / var(--_special-units---scale-ratio)); --8px: calc(8rem / var(--_special-units---scale-ratio)); --0px: calc(0rem / var(--_special-units---scale-ratio)); --1px: calc(1rem / var(--_special-units---scale-ratio)); --4px: calc(4rem / var(--_special-units---scale-ratio)); --10px: calc(10rem / var(--_special-units---scale-ratio)); --36px: calc(36rem / var(--_special-units---scale-ratio)); --52px: calc(52rem / var(--_special-units---scale-ratio)); --64px: calc(64rem / var(--_special-units---scale-ratio)); --68px: calc(68rem / var(--_special-units---scale-ratio)); --88px: calc(88rem / var(--_special-units---scale-ratio)); --104px: calc(104rem / var(--_special-units---scale-ratio)); --120px: calc(120rem / var(--_special-units---scale-ratio)); --160px: calc(160rem / var(--_special-units---scale-ratio)); --168px: calc(168rem / var(--_special-units---scale-ratio)); --240px: calc(240rem / var(--_special-units---scale-ratio)); --_colors---base-1000--bg: var(--_global-colors---base-1000--5); --_colors---base-0--gray-text: var(--_global-colors---base-0--60); --_colors---base-0--disabled: var(--_global-colors---base-0--30); --_colors---base-0--line: var(--_global-colors---base-0--10); --_colors---base-0--bg: var(--_global-colors---base-0--5); --_colors---white--primary: var(--_global-colors---white--100); --_colors---white--gray-text: var(--_global-colors---white--80); --_colors---white--disabled: var(--_global-colors---white--40); --_colors---white--line: var(--_global-colors---white--20); --_colors---white--bg: var(--_global-colors---white--10); --272px: calc(232rem / var(--_special-units---scale-ratio)); --_global-colors---brand-500--powder-sky: #b5cedb; --_global-colors---brand-500--blush-bloom: #f8bbcb; --_global-colors---base-1000--100: #17233b; --_global-colors---base-1000--60: #17233b99; --_global-colors---base-1000--30: #17233b4d; --_global-colors---base-1000--10: #17233b1a; --_global-colors---base-1000--5: #17233b0d; --_global-colors---base-1000--0: #17233b00; --_global-colors---base-0--60: #f3f3ec99; --_global-colors---base-0--30: #f3f3ec4d; --_global-colors---base-0--10: #f3f3ec1a; --_global-colors---base-0--5: #f3f3ec0d; --_global-colors---white--100: white; --_global-colors---white--80: #fffc; --_global-colors---white--40: #fff6; --_global-colors---white--20: #fff3; --_global-colors---white--10: #ffffff1a; --_global-colors---white--0: #fff0; } body { font-family: var(--_fonts---font-body); color: var(--_colors---base-1000--primary); font-size: 1vw; font-weight: 400; line-height: 1; } h1 { font-family: var(--_fonts---font-display); font-size: var(--_fonts---h1--size); line-height: var(--_fonts---h1--line-height); letter-spacing: var(--_fonts---h1--letter-spacing); text-transform: uppercase; margin-top: 0; margin-bottom: 0; font-weight: 400; } h2 { font-family: var(--_fonts---font-display); font-size: var(--_fonts---h2--size); line-height: var(--_fonts---h2--line-height); letter-spacing: var(--_fonts---h2--letter-spacing); text-transform: uppercase; margin-top: 0; margin-bottom: 0; font-weight: 400; } h3 { font-family: var(--_fonts---font-display); font-size: var(--_fonts---h3--size); line-height: var(--_fonts---h3--line-height); letter-spacing: var(--_fonts---h3--letter-spacing); text-transform: uppercase; margin-top: 0; margin-bottom: 0; font-weight: 400; } h4 { font-family: var(--_fonts---font-display); font-size: var(--_fonts---h4--size); line-height: var(--_fonts---h4--line-height); letter-spacing: var(--_fonts---h4--letter-spacing); text-transform: uppercase; margin-top: 0; margin-bottom: 0; font-weight: 400; } h5 { font-family: var(--_fonts---font-display); font-size: var(--_fonts---h5--size); line-height: var(--_fonts---h5--line-height); letter-spacing: var(--_fonts---h5--letter-spacing); text-transform: uppercase; margin-top: 0; margin-bottom: 0; font-weight: 400; } h6 { font-family: var(--_fonts---font-display); font-size: var(--_fonts---h6--size); line-height: var(--_fonts---h6--line-height); letter-spacing: var(--_fonts---h6--letter-spacing); text-transform: uppercase; margin-top: 0; margin-bottom: 0; font-weight: 400; } p { font-family: var(--_fonts---font-body); font-size: var(--_fonts---p1--size); line-height: var(--_fonts---p1--line-height); letter-spacing: var(--_fonts---p1--letter-spacing); margin-bottom: 0; font-weight: 400; } a { color: var(--_colors---base-1000--primary); text-decoration: none; } ul, ol { margin-top: var(--_units---u-0); margin-bottom: var(--_units---u-0); padding-left: var(--_units---u-0); } img { object-fit: cover; max-width: none; } label { margin-bottom: var(--_units---u-0); font-weight: 700; display: block; } blockquote { margin-bottom: var(--_units---u-0); padding: var(--_units---u-0); border: 1px #000; font-size: 1em; line-height: 1; } figure { margin-bottom: 10px; } figcaption { text-align: center; margin-top: 5px; } .a-left { text-align: left; flex: 1; } .a-right { text-align: right; flex: 1; } .a-center { text-align: center; } .blend-diff { mix-blend-mode: difference; } .d-none, .style-css, .scripts-js { display: none; } .utility-page-wrap { height: var(--_special-units---100vh); flex-flow: column; justify-content: center; align-items: center; display: flex; } .utility-page-content { text-align: center; flex-direction: column; display: flex; } .utility-page-form { flex-direction: column; align-items: stretch; display: flex; } /* .section { background-color: var(--_colors---other--bg); } */ .interior-sec.arch{ z-index:1; border-top-left-radius:50rem; border-top-right-radius:50rem; position:relative } /* inner wrapper must not add its own background or spacing around the section */ .section.arch.clip.theme_on-brand.test { z-index: 2; } .section.z-2 { z-index: 2; position: relative; } .h1 { font-family: var(--_fonts---font-display); color: var(--_colors---base-1000--primary); font-size: var(--_fonts---h1--size); line-height: var(--_fonts---h1--line-height); letter-spacing: var(--_fonts---h1--letter-spacing); text-transform: uppercase; font-variant-numeric: lining-nums proportional-nums; font-feature-settings: "case" on; font-weight: 400; } .h2 { font-family: var(--_fonts---font-display); color: var(--_colors---base-1000--primary); font-size: var(--_fonts---h2--size); line-height: var(--_fonts---h2--line-height); letter-spacing: var(--_fonts---h2--letter-spacing); text-transform: uppercase; font-variant-numeric: lining-nums proportional-nums; font-feature-settings: "case" on; font-weight: 400; } .h3 { font-family: var(--_fonts---font-display); color: var(--_colors---base-1000--primary); font-size: var(--_fonts---h3--size); line-height: var(--_fonts---h3--line-height); letter-spacing: var(--_fonts---h3--letter-spacing); text-transform: uppercase; font-variant-numeric: lining-nums proportional-nums; font-feature-settings: "case" on; font-weight: 400; } .h4 { font-family: var(--_fonts---font-display); color: var(--_colors---base-1000--primary); font-size: var(--_fonts---h4--size); line-height: var(--_fonts---h4--line-height); letter-spacing: var(--_fonts---h4--letter-spacing); text-transform: uppercase; font-variant-numeric: lining-nums proportional-nums; font-feature-settings: "case" on; font-weight: 400; } .h5 { font-family: var(--_fonts---font-display); color: var(--_colors---base-1000--primary); font-size: var(--_fonts---h5--size); line-height: var(--_fonts---h5--line-height); letter-spacing: var(--_fonts---h5--letter-spacing); text-transform: uppercase; font-variant-numeric: lining-nums proportional-nums; font-feature-settings: "case" on; font-weight: 400; } .h6 { font-family: var(--_fonts---font-display); color: var(--_colors---base-1000--primary); font-size: var(--_fonts---h6--size); line-height: var(--_fonts---h6--line-height); letter-spacing: var(--_fonts---h6--letter-spacing); text-transform: uppercase; font-variant-numeric: lining-nums proportional-nums; font-feature-settings: "case" on; font-weight: 400; } .p1 { font-family: var(--_fonts---font-body); color: var(--_colors---base-1000--primary); font-size: var(--_fonts---p1--size); line-height: var(--_fonts---p1--line-height); letter-spacing: var(--_fonts---p1--letter-spacing); text-transform: none; font-weight: 400; } .e-none { pointer-events: none; } .container { padding-right: var(--_special-units---offset-r); padding-left: var(--_special-units---offset-l); } .container.loc { padding-right: 0; } .grid { grid-column-gap: var(--_special-units---grid-gap); grid-row-gap: var(--_units---u-0); grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .grid.fill { flex: 1; } .grid._6-columns { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; } .grid._5-columns { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } .grid._4-columns { grid-template-columns: 1fr 1fr 1fr 1fr; } .grid._13-columns { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } .grid._8-columns { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } .grid._9-columns { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } .grid.h-100 { height: 100%; } .b-desk { display: block; } .b-mob, .f-mob { display: none; } .f-desk { display: flex; } .u-4 { height: var(--_units---u-4); } .u-8 { height: var(--_units---u-8); flex: none; } .u-12 { height: var(--_units---u-12); } .u-16 { height: var(--_units---u-16); flex: none; } .u-24 { height: var(--_units---u-24); } .u-32 { height: var(--_units---u-32); } .u-48 { height: var(--_units---u-48); flex: none; } .clip { overflow: clip; } .u-64 { height: var(--_units---u-64); } .u-96 { height: var(--_units---u-96); } .u-160 { height: var(--_units---u-160); flex: none; } .text-dark { color: var(--_colors---base-1000--primary); } .text-light { color: var(--_colors---base-0--primary); } .text-gray { color: var(--_colors---base-1000--gray-text); } .text-success { color: var(--_colors---additional--success); } .text-alert { color: var(--_colors---additional--alert); } .text-error { color: var(--_colors---additional--error); } .u-272 { height: var(--_units---u-272); } .inline { display: inline; } .l1 { font-family: var(--_fonts---font-body); color: var(--_colors---base-1000--primary); font-size: var(--_fonts---l1--size); line-height: var(--_fonts---l1--line-height); letter-spacing: var(--_fonts---l1--letter-spacing); text-transform: uppercase; font-weight: 700; } .cms_empty-none { background-color: var(--_colors---other--transparent); display: none; } .h-hiden { position: absolute; top: -9999em; left: -9999em; } .theme_on-color { --_colors---base-1000--primary: var(--_global-colors---white--100); --_colors---other--bg: var(--green); --_colors---base-0--primary: var(--_global-colors---base-1000--100); --_colors---base-1000--gray-text: var(--_global-colors---white--80); --_colors---additional--success: #1ba64b; --_colors---additional--alert: #ffa800; --_colors---additional--error: #e23d3d; --_colors---other--transparent: transparent; --_colors---base-1000--line: var(--_global-colors---white--20); --_colors---base-1000--disabled: var(--_global-colors---white--40); --_colors---brand-500--primary\: var( --_global-colors---brand-500--powder-sky ); --_colors---base-1000--bg: var(--_global-colors---white--10); --_colors---base-0--gray-text: var(--_global-colors---base-1000--60); --_colors---base-0--disabled: var(--_global-colors---base-1000--30); --_colors---base-0--line: var(--_global-colors---base-1000--10); --_colors---base-0--bg: var(--_global-colors---base-1000--5); --_colors---white--primary: var(--_global-colors---white--100); --_colors---white--gray-text: var(--_global-colors---white--80); --_colors---white--disabled: var(--_global-colors---white--40); --_colors---white--line: var(--_global-colors---white--20); --_colors---white--bg: var(--_global-colors---white--10); } .theme_on-light { --_colors---base-1000--primary: var(--_global-colors---base-1000--100); --_colors---other--bg: var(--_global-colors---base-0--100); --_colors---base-0--primary: var(--_global-colors---base-0--100); --_colors---base-1000--gray-text: var(--_global-colors---base-1000--60); --_colors---additional--success: #1ba64b; --_colors---additional--alert: #ffa800; --_colors---additional--error: #e23d3d; --_colors---other--transparent: transparent; --_colors---base-1000--line: var(--_global-colors---base-1000--10); --_colors---base-1000--disabled: var(--_global-colors---base-1000--30); --_colors---brand-500--primary\: var( --_global-colors---brand-500--powder-sky ); --_colors---base-1000--bg: var(--_global-colors---base-1000--5); --_colors---base-0--gray-text: var(--_global-colors---base-0--60); --_colors---base-0--disabled: var(--_global-colors---base-0--30); --_colors---base-0--line: var(--_global-colors---base-0--10); --_colors---base-0--bg: var(--_global-colors---base-0--5); --_colors---white--primary: var(--_global-colors---white--100); --_colors---white--gray-text: var(--_global-colors---white--80); --_colors---white--disabled: var(--_global-colors---white--40); --_colors---white--line: var(--_global-colors---white--20); --_colors---white--bg: var(--_global-colors---white--10); } .landscape-cover { z-index: 999999; display: none; position: fixed; inset: 0%; } .landscape-cover_img { z-index: 1; width: 100%; height: 100%; position: relative; } .img { flex: none; width: 100%; height: 100%; } .img.contain { object-fit: contain; } .img.h-auto { display: block; } .img.h-auto.hero-img { min-height: var(--_special-units---100vh); } .img.modal_lightbox_img { flex: none; width: auto; max-width: 100%; height: auto; max-height: 100%; } .img.loc-path { position: absolute; inset: 0%; } .landscape-cover_bg { z-index: 0; background-color: var(--_colors---base-1000--primary); position: absolute; inset: 0%; } .input_field { height: var(--_units---u-32); margin-bottom: var(--_units---u-0); padding: var(--_units---u-8) var(--_units---u-64); border-style: none none solid; border-width: 0 0 1px; border-color: var(--_colors---other--transparent) var(--_colors---other--transparent) var(--_colors---base-1000--line); background-color: var(--_colors---other--transparent); text-align: center; } .input_field:focus { border-style: none none solid; border-width: 0 0 1px; border-color: var(--_colors---other--transparent) var(--_colors---other--transparent) var(--_colors---base-1000--primary); } .input_field.area { width: 100%; height: var(--112px); max-height: var(--112px); max-width: 100%; min-height: var(--112px); min-width: 100%; } .form_block { flex-flow: row; justify-content: space-between; height: 100%; display: flex; } .form_success { height: 100%; padding: var(--_units---u-0); background-color: var(--_colors---other--transparent); text-align: left; } .form_error { margin-top: var(--_units---u-0); padding: var(--_units---u-8) var(--_units---u-64); background-color: var(--_colors---additional--error); position: absolute; inset: auto 0% 0%; } .article-text blockquote { font-size: var(--_fonts---h1--size); line-height: var(--_fonts---h1--line-height); letter-spacing: var(--_fonts---h1--letter-spacing); } .article-text ol, .article-text ul { font-size: var(--_fonts---p1--size); line-height: var(--_fonts---p1--line-height); letter-spacing: var(--_fonts---p1--letter-spacing); } .article-text a { text-decoration: underline; } .article-text a:hover { text-decoration: none; } .article-text figure { margin-bottom: var(--_units---u-0); } .article-text figcaption { margin-top: var(--_units---u-0); font-size: var(--_fonts---p1--size); line-height: var(--_fonts---p1--line-height); letter-spacing: var(--_fonts---p1--letter-spacing); } .body { background-color: var(--_colors---other--transparent); } .img-w { flex-flow: column; justify-content: center; align-items: stretch; width: 100%; height: 100%; display: flex; overflow: clip; } .img-p { flex: none; width: 100%; height: 140%; } .btn-list { grid-column-gap: var(--_units---u-8); grid-row-gap: var(--_units---u-8); flex-flow: wrap; justify-content: flex-start; align-items: flex-start; display: flex; } .btn-list.center { justify-content: center; align-items: flex-start; } .ico { width: 100%; height: 100%; color: var(--_colors---base-1000--primary); position: relative; } .ico.ia-2 { position: absolute; inset: 0%; } .main-css { display: none; } .text-disabled { color: var(--_colors---base-1000--disabled); } .bg-dark { background-color: var(--_colors---base-1000--primary); } .bg-light { background-color: var(--_colors---base-0--primary); } .bg-brand { background-color: var( --_colors---brand-500--primary\ ); } .text-brand { color: var( --_colors---brand-500--primary\ ); } .theme_on-dark { --_colors---base-1000--primary: var(--_global-colors---base-0--100); --_colors---other--bg: var(--green); --_colors---base-0--primary: var(--_global-colors---base-1000--100); --_colors---base-1000--gray-text: var(--_global-colors---base-0--60); --_colors---additional--success: #1ba64b; --_colors---additional--alert: #ffa800; --_colors---additional--error: #e23d3d; --_colors---other--transparent: transparent; --_colors---base-1000--line: var(--_global-colors---base-0--10); --_colors---base-1000--disabled: var(--_global-colors---base-0--30); --_colors---brand-500--primary\: var( --_global-colors---brand-500--powder-sky ); --_colors---base-1000--bg: var(--_global-colors---base-0--5); --_colors---base-0--gray-text: var(--_global-colors---base-1000--60); --_colors---base-0--disabled: var(--_global-colors---base-1000--30); --_colors---base-0--line: var(--_global-colors---base-1000--10); --_colors---base-0--bg: var(--_global-colors---base-1000--5); --_colors---white--primary: var(--_global-colors---white--100); --_colors---white--gray-text: var(--_global-colors---white--80); --_colors---white--disabled: var(--_global-colors---white--40); --_colors---white--line: var(--_global-colors---white--20); --_colors---white--bg: var(--_global-colors---white--10); } .input { position: relative; } .input_label { left: 0%; top: var(--_units---u-8); position: absolute; bottom: auto; right: auto; } .ui-kit { padding-right: var(--_special-units---offset-r); padding-left: var(--_special-units---offset-l); } .master-preloader { z-index: 999999; background-color: var(--_colors---other--bg); display: none; position: fixed; inset: 0% 0% -100%; } .truncate { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .modal { z-index: 5000; pointer-events: none; display: none; position: fixed; inset: 0%; } .modal.show { display: block; } .modal.menu { z-index: 1100; } .logo { width: 100%; height: auto; color: var(--_colors---base-1000--primary); object-fit: contain; display: block; margin: 0 auto; display: flex; align-items: center; justify-content: center; } .logo img{ width: 100%; } .logo.b { object-position: 50% 100%; } .logo_symbol { z-index: 1; aspect-ratio: 1; position: relative; } .logo_symbol.header { width: var(--_units---u-48); height: var(--_units---u-48); } .preloader { z-index: 11000; padding-bottom: var(--_special-units---100vh); pointer-events: auto; top: 0%; left: 0%; right: 0%; bottom: calc(var(--_special-units---100vh) * -1); display: none; position: fixed; } .preloader_ctn { z-index: 1; width: 100%; height: 100%; padding-right: var(--_special-units---offset-r); padding-left: var(--_special-units---offset-l); flex-flow: column; justify-content: space-between; display: flex; position: relative; } .preloader .bg-text{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); /* font-size: 700px; */ font-size: clamp(100px, 36.46vw, 700px); z-index: 99999; font-family: var(--_fonts---font-accent); } .flip-h { transform: scaleX(-1); } ._w-auto { width: auto; } .flip-v { transform: scaleY(-1); } .h-auto { height: auto; } .p2 { font-family: var(--_fonts---font-body); color: var(--_colors---base-1000--primary); font-size: var(--_fonts---p2--size); line-height: var(--_fonts---p2--line-height); letter-spacing: var(--_fonts---p2--letter-spacing); text-transform: none; font-weight: 400; } .l2 { font-family: var(--_fonts---font-body); color: var(--_colors---base-1000--primary); font-size: var(--_fonts---l2--size); line-height: var(--_fonts---l2--line-height); letter-spacing: var(--_fonts---l2--letter-spacing); text-transform: uppercase; font-weight: 700; } .l2.text-disabled { color: var(--_colors---base-1000--disabled); } .c1 { font-family: var(--_fonts---font-display); color: var(--_colors---base-1000--primary); font-size: var(--_fonts---c1--size); line-height: var(--_fonts---c1--line-height); letter-spacing: var(--_fonts---c1--letter-spacing); text-transform: uppercase; font-variant-numeric: lining-nums proportional-nums; font-feature-settings: "case" on; font-weight: 400; } .reg { font-weight: 400; } .bd { font-weight: 700; } .a1 { font-family: var(--_fonts---font-accent); color: var(--_colors---base-1000--primary); font-size: var(--_fonts---a1--size); line-height: var(--_fonts---a1--line-height); letter-spacing: var(--_fonts---a1--letter-spacing); text-transform: none; margin-top: 0.175em; margin-bottom: -0.175em; font-weight: 400; } .a1.test { margin-top: 0.175em; margin-bottom: -0.175em; font-family: sloop-script-three, sans-serif; } .a2 { font-family: var(--_fonts---font-accent); color: var(--_colors---base-1000--primary); font-size: var(--_fonts---a2--size); line-height: var(--_fonts---a2--line-height); letter-spacing: var(--_fonts---a2--letter-spacing); text-transform: none; margin-top: 0.175em; margin-bottom: -0.175em; font-weight: 400; } .a2.preloader_a { font-size: calc(64rem / var(--_special-units---scale-ratio)); } .apart-info-w { position: relative; } .theme_on-brand { --_colors---base-1000--primary: var(--_global-colors---base-1000--100); --_colors---other--bg: var(--_global-colors---brand-500--powder-sky); --_colors---base-0--primary: var(--_global-colors---base-0--100); --_colors---base-1000--gray-text: var(--_global-colors---base-1000--60); --_colors---additional--success: #1ba64b; --_colors---additional--alert: #ffa800; --_colors---additional--error: #e23d3d; --_colors---other--transparent: transparent; --_colors---base-1000--line: var(--_global-colors---base-1000--10); --_colors---base-1000--disabled: var(--_global-colors---base-1000--30); --_colors---brand-500--primary\: var( --_global-colors---brand-500--powder-sky ); --_colors---base-1000--bg: var(--_global-colors---base-1000--5); --_colors---base-0--gray-text: var(--_global-colors---base-0--60); --_colors---base-0--disabled: var(--_global-colors---base-0--30); --_colors---base-0--line: var(--_global-colors---base-0--10); --_colors---base-0--bg: var(--_global-colors---base-0--5); --_colors---white--primary: var(--_global-colors---white--100); --_colors---white--gray-text: var(--_global-colors---white--80); --_colors---white--disabled: var(--_global-colors---white--40); --_colors---white--line: var(--_global-colors---white--20); --_colors---white--bg: var(--_global-colors---white--10); } .divider { height: calc( (var(--_special-units---1-cell-v) * 2) + (var(--_special-units---grid-gap)) ); flex-flow: row; justify-content: center; display: flex; } .line-v { background-color: var(--_colors---base-1000--primary); width: 0.75px; height: 100%; } .s_title { z-index: 1; padding-right: var(--_units---u-48); padding-left: var(--_units---u-48); grid-area: 1/5/2/7; position: relative; } .info-s_lead { grid-area: 1/3/2/9; } .info-s_desc { grid-area: 1/5/2/7; } .s_logo { z-index: 1; grid-column-gap: var(--_units---u-32); grid-row-gap: var(--_units---u-32); justify-content: center; align-items: center; display: flex; position: relative; } .ico-48 { width: 130px; height: var(--_units---u-48); } .loc-info-w { width: calc( (var(--_special-units---1-cell-h) * 10) + (var(--_special-units---grid-gap) * 9) ); flex: none; position: relative; } .loc-info-s { height: var(--_special-units---100vh); flex-flow: column; justify-content: space-between; display: flex; } .loc-info-s_t { flex: 1; } .loc-info-s_b { flex-flow: column; flex: 1; justify-content: flex-end; display: flex; } .benefits-s { height: var(--_special-units---100vh); flex-flow: column; display: flex; } .benefits-s_cms { flex-flow: column; grid-area: 1/2/2/10; justify-content: center; display: flex; position: relative; } .benefits-cms { height: 100%; } .benefits-cms_list { z-index: 0; height: 100%; position: relative; } .benefits-cms_list_item { height: 100%; display: none; position: absolute; inset: 0%; } .benefits-cms_list_item:first-child { display: block; position: relative; } .benefit-slide { flex-flow: column; justify-content: space-between; height: 100%; display: flex; } .benefit-slide_t h3 { margin: 60px 0 30px 0; } .benefits-s_cms_pag { z-index: 1; pointer-events: none; flex-flow: column; display: flex; position: absolute; inset: 0% 0% auto; /* was: auto 0% */ padding-top: var(--_units---u-16); } /* placeholder = same size as real image, just reserves space */ .benefits-s_cms_pag .benefit-slide_img { visibility: hidden; margin-bottom: var(--_units---u-16); } /* ========================================== SLIDER CONTAINER (positioning context) ========================================== */ .benefits-s_cms { position: relative; } /* ========================================== FIXED STATS WRAPPER Rendered once, pinned to the bottom of the slider, so it never changes between slides ========================================== */ /* .benefit-stats-fixed { position: absolute; left: 0; right: 0; bottom: 0; z-index: 5; padding: 0 var(--gutter, 24px); } .benefit-stats-fixed .benefit-stats { margin-top: 0; } */ /* Reserve space so slide text never sits under the stats */ /* .benefit-slide_desc { padding-bottom: 160px; } */ /* ========================================== STATS GRID ========================================== */ /* ========================================== STATS (matches original design) ========================================== */ .sec-container{ padding-bottom: 200px; } .benefit-stats { display: flex; justify-content: center; align-items: stretch; /* every divider runs full height of the row */ width: 100%; margin: 0 auto; padding: 0; color: #25221e; text-align: left; } .benefit-stats__item { flex: 0 0 auto; /* width comes from the content */ padding: 0 23px; border-left: 1px solid rgba(37, 34, 30, 0.6); } .benefit-stats__item:first-child { padding-left: 0; border-left: none; } .benefit-stats__item:last-child { padding-right: 0; } .benefit-stats__number { margin: 0 0 6px; font-family: var(--_fonts---font-display); font-size: clamp(44px, 5vw, 100px); font-weight: 400; line-height: 1; letter-spacing: -0.02em; white-space: nowrap; } .benefit-stats__label { max-width: 160px; /* makes "Acres of Nature-infused / Himalayan Living" wrap like the original */ margin: 0; font-family: var(--poppins); font-size: 14px; font-weight: 400; line-height: 1.2; letter-spacing: 0; } /* ========================================== MOBILE ========================================== */ @media (max-width: 767px) { .benefit-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 26px; } .benefit-stats__item { padding: 0 16px; } .benefit-stats__item:nth-child(odd) { padding-left: 0; border-left: none; } .benefit-stats__item:last-child { padding-right: 16px; } .benefit-stats__number { font-size: clamp(38px, 10vw, 50px); } } /* replaces the u-16 spacer divs above/below the image */ .benefit-slide_c { flex-flow: column; justify-content: center; align-items: center; display: flex; padding: var(--_units---u-16) 0; } /* paragraph starts below the pagination bar (48 high + 16 gap) */ .benefit-slide_b { flex-flow: column; flex: 1; justify-content: start; display: flex; padding-top: calc(var(--_units---u-48) + var(--_units---u-16)); padding-bottom: 50px; } .benefit-slide_cap { padding-right: var(--_units---u-48); padding-left: var(--_units---u-48); grid-area: 1/4/2/6; } .benefit-slide_desc { grid-area: 1/3/2/7; } .benefit-slide_img { aspect-ratio: 6/3; height: calc( (var(--_special-units---1-cell-v) * 2) + (var(--_special-units---grid-gap)) ); grid-area: 1/3/1/6; } .pag { height: var(--_units---u-48); grid-column-gap: var(--_units---u-32); grid-row-gap: var(--_units---u-32); pointer-events: auto; justify-content: center; align-items: center; display: flex; } /* .benefits-s_cms_pag { z-index: 1; pointer-events: none; flex-flow: column; display: flex; position: absolute; inset: auto 0%; } */ .pag_progress { width: var(--_units---u-160); background-color: var(--_colors---base-1000--line); height: 1px; } .pag_progress.lightbox { flex: 1; } .pag_next { height: var(--_units---u-48); padding-right: var(--_units---u-8); grid-column-gap: var(--_units---u-16); grid-row-gap: var(--_units---u-16); cursor: pointer; justify-content: center; align-items: center; display: flex; } .pag_prev { height: var(--_units---u-48); padding-left: var(--_units---u-8); grid-column-gap: var(--_units---u-16); grid-row-gap: var(--_units---u-16); cursor: pointer; justify-content: center; align-items: center; display: flex; } .pag_progress_fill { background-color: var(--_colors---base-1000--primary); width: 0%; height: 100%; } .ico-16 { width: var(--_units---u-16); height: var(--_units---u-16); } .pag_prev_label { width: var(--_units---u-24); margin-top: var(--2px); justify-content: center; align-items: center; display: flex; } .benefits-intro-w { margin-top: calc((50rem + var(--_special-units---100vh)) * -1); } .benefits-intro-w.test { margin-top: -50rem; } .benefits-intro-s { z-index: 0; flex-flow: column; justify-content: flex-end; height: 50rem; display: flex; position: relative; } .info-s_logo_r { grid-column-gap: 16px; grid-row-gap: 16px; flex: 1; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: flex-start; align-items: center; display: flex; } .info-s_logo_l { flex: 1; justify-content: flex-end; align-items: center; display: flex; } .benefits-intro-s_title_svg { z-index: 0; position: relative; } .hero-s_title { pointer-events: auto; grid-area: 1/3/2/9; justify-content: space-between; align-items: center; display: flex; justify-content: center; margin-top: 20px; } .apart-type-s { height: var(--_special-units---100vh); flex-flow: column; display: flex; } .apart-type-s_cms { flex-flow: column; grid-area: 1/2/2/10; display: flex; } .apart-type-cms { flex: 1; } .apart-type-cms_list_item { height: 100%; display: none; position: absolute; inset: 0%; } .apart-type-cms_list_item:first-child { display: block; position: relative; } .apart-type-cms_list { height: 100%; position: relative; } .apart-type-slide { flex-flow: column; justify-content: center; height: 100%; display: flex; } .apart-type-slide_t { flex: 1; } .apart-type-slide_c { z-index: 1; position: relative; } .apart-type-slide_b { z-index: 1; flex-flow: column; flex: 1; justify-content: flex-end; display: flex; position: relative; } .apart-type-slide_desc { grid-area: 1/7/2/9; } .btn { height: var(--40px); padding: var(--_units---u-12) var(--24px); border-radius: var(--40px); justify-content: center; align-items: center; display: flex; position: relative; } .btn:where(.w-variant-9f3f61aa-a2e8-bef6-01f9-2f3463919d6d) { width: var(--40px); padding-right: var(--12px); padding-left: var(--12px); white-space: nowrap; } .apart-type-slide_data { grid-area: 1/2/2/4; } .data-list { grid-column-gap: var(--_units---u-32); grid-row-gap: var(--_units---u-32); flex-flow: column; display: flex; } .apart-type-slide_img-w { z-index: 0; flex-flow: column; justify-content: center; align-items: center; width: 100%; height: 0; display: flex; position: absolute; } .apart-type-slide_img { aspect-ratio: 3/4; width: calc( (var(--_special-units---1-cell-h) * 3) + (var(--_special-units---grid-gap) * 2) ); } .btn_label { position: relative; overflow: clip; } .btn_label_text { z-index: 0; position: relative; } .btn_label_text.is-2 { z-index: 2; position: absolute; inset: 0% auto auto 0%; } .btn_bg { z-index: 0; border: 1px solid var(--_colors---base-1000--primary); border-radius: var(--40px); position: absolute; inset: 0%; overflow: clip; } .btn_bg_fill { background-color: var(--_colors---base-1000--primary); width: 100%; height: 100%; position: absolute; inset: 0%; } .amen-s { height: var(--_special-units---100vh); } .amen-s_cms { height: 100%; position: relative; } .amen-cms { height: 100%; } .amen-cms_list { height: 100%; position: relative; } .amen-cms_list_item { height: 100%; display: none; position: absolute; inset: 0%; } .amen-cms_list_item:first-child { display: block; position: relative; } .amen-slide { z-index: 0; flex-flow: column; justify-content: flex-end; height: 100%; display: flex; position: relative; } .amen-slide_b { z-index: 1; position: relative; } .amen-slide_desc { grid-area: 2/2/3/6; } .amen-slide_title { grid-area: 1/3/2/6; } .red-line { height: var(--_units---u-16); float: left; width: calc( var(--_special-units---1-cell-h) + var(--_special-units---grid-gap) ); } .amen-slide_img { z-index: 0; top: 0%; bottom: 0%; left: calc(var(--_special-units---offset-l) * -1); right: calc(var(--_special-units---offset-r) * -1); position: absolute; } .img-over-grad { z-index: 1; pointer-events: none; background-image: linear-gradient(#0000, #0000004d); position: absolute; inset: 0%; } .img-over-grad.from-top { background-image: linear-gradient(#0000004d, #0000); } .img-over-grad._4x { height: calc( (var(--_special-units---1-cell-v) * 4) + (var(--_special-units---grid-gap) * 3) ); } .img-over-grad.bot { inset: auto 0% 0%; } .img-over-grad._100vh { height: var(--_special-units---100vh); } .img-over-grad._6x { height: calc( (var(--_special-units---1-cell-v) * 6) + (var(--_special-units---grid-gap) * 5) ); } .amm-s_cms_tabs-w { left: 0%; top: var(--_units---u-160); z-index: 1; position: absolute; bottom: auto; right: 0%; } .amm-s_cms_tabs { grid-area: 1/8/2/10; position: relative; } .amen-tab { cursor: pointer; } .amm-s_cms_tabs_line { background-color: var(--_colors---base-1000--line); width: 1.25px; top: 0%; bottom: 0%; right: auto; left: calc(var(--_units---u-16) * -1); position: absolute; } .amm-s_cms_tabs_line_hilight { width: 100%; height: var(--40px); background-color: var(--_colors---base-1000--primary); border-radius: 2px; } .interior-w { margin-top: calc((50rem + var(--_special-units---100vh)) * -1); position: relative; } .interior-s { z-index: 1; position: relative; } .interior-s_title { flex-flow: column; grid-area: 1/4/2/8; justify-content: flex-start; align-items: center; display: flex; } .interior-s_title_a { margin-top: calc(var(--72px) * -1); margin-left: calc(var(--40px) * -1); transform: rotate(-12deg); } .interior-s_imgs { grid-column-gap: var(--_special-units---grid-gap); grid-row-gap: var(--_special-units---grid-gap); grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; width: 100%; display: flex; } .interior-s_l, .interior-s_r { flex: 1; min-width: 0; } .interior-s_l_img-w { padding-right: var(--136px); padding-left: var(--136px); aspect-ratio: 3/4; background-color: var(--green); margin-left: calc(var(--_special-units---offset-l) * -1); flex-flow: column; grid-area: 1/1/2/5; justify-content: center; align-items: center; display: flex; position: relative; overflow: clip; } .interior-s_r_img { aspect-ratio: 4/3; margin-right: calc(var(--_special-units---offset-r) * -1); grid-area: 1/2/2/6; } .interior-s_r_lead { grid-area: 2/1/3/5; } .interior-s_r_desc { grid-area: 3/3/4/5; } .interior-s_l_img { aspect-ratio: 3/4; width: 100%; } .interior-s_l_desc { grid-area: 2/3/3/5; } .interior-s_gallery-cms { margin-right: calc(var(--_special-units---offset-r) * -1); grid-area: 1/3/2/11; } .gallery-cms { aspect-ratio: 16/10; width: 100%; } .gallery-cms_list { height: 100%; position: relative; } .gallery-cms_list_item { height: 100%; display: none; position: absolute; inset: 0%; } .gallery-cms_list_item:first-child { display: block; position: relative; } .gallery-slide { height: 100%; position: relative; } .interior-s_gallery-cms_pag { margin-left: calc(var(--_units---u-8) * -1); display: flex; } .other-w { position: relative; } .other-s { z-index: 1; grid-area: 1/3/2/9; position: relative; } .other-s_cms { grid-area: 1/3/2/9; } .other-card { cursor: pointer; } .other-card_name { justify-content: center; align-items: flex-start; display: flex; } .other-card_ico { top: var(--_units---u-4); bottom: auto; right: auto; left: calc(100% + var(--_units---u-4)); position: absolute; } .other-card_info_desc { flex-flow: column; grid-area: 1/2/2/6; justify-content: flex-start; align-items: center; display: flex; } .other-card_info_logo { width: var(--192px); aspect-ratio: 3/2; } .info_divider { width: var(--_units---u-64); } .line-h { background-color: var(--_colors---base-1000--primary); width: 100%; height: 0.75px; } .other-card_name_label, .cta-w { position: relative; } .cta-s { z-index: 1; /* aspect-ratio: 144/168; */ aspect-ratio: 144/80; pointer-events: none; position: relative; } .w_bg { z-index: 0; /* top: 0%; */ bottom: 0%; left: calc(var(--_special-units---offset-l) * -1); right: calc(var(--_special-units---offset-r) * -1); position: absolute; } .cta-s_desc { pointer-events: auto; grid-area: 1/4/2/8; } .cta-s_title { pointer-events: auto; grid-area: 1/3/2/9; } .cta-s_title_btn { flex-flow: column; justify-content: center; align-items: center; display: flex; } .loc-scroll-area_track { flex: none; display: flex; } .loc-scroll-area { z-index: 3; position: relative; } .loc-intro-w { width: calc( (var(--_special-units---1-cell-h) * 13) + (var(--_special-units---grid-gap) * 12) ); flex: none; position: relative; } .loc-intro-s { height: var(--_special-units---100vh); flex-flow: column; display: flex; } .grid-ui { z-index: 999999; padding-right: var(--_special-units---offset-r); padding-left: var(--_special-units---offset-l); pointer-events: none; flex-flow: column; display: flex; position: fixed; inset: 0%; } .grid-ui_cell { background-color: var(--_colors---additional--error); opacity: 0.25; } .loc-intro-s_img { grid-area: 1/6/2/10; } .loc-intro-s_desc { grid-area: 1/10/2/13; align-self: end; } .loc-intro-s_title { z-index: 1; flex-flow: column; grid-area: 1/3/2/8; justify-content: center; align-self: center; align-items: stretch; display: flex; position: relative; } .loc-intro-s_cap { grid-area: 1/2/2/4; align-self: center; } .loc-scroll-area_screen { top: var(--_units---u-0); display: flex; position: sticky; } .slow-scroll-trigger { z-index: 0; height: var(--_special-units---100vh); pointer-events: none; position: absolute; inset: auto 0% 0%; } .loc-intro-s_title_line { display: block; } .loc-intro-s_title_line.is-2 { margin-left: calc( (var(--_special-units---1-cell-h)) + (var(--_special-units---grid-gap)) ); } .loc-intro-s_title_line.is-1 { margin-left: calc(var(--_special-units---1-cell-h) / 2); } .interior-s_r_btn { flex-flow: column; grid-area: 4/2/5/4; justify-content: center; align-items: center; display: flex; } .btn-circle { padding-top: var(--_units---u-48); padding-right: var(--_units---u-48); padding-bottom: var(--_units---u-48); padding-left: var(--_units---u-48); aspect-ratio: 1; height: calc( (var(--_special-units---1-cell-v) * 2) + (var(--_special-units---grid-gap)) ); flex-flow: column; justify-content: center; align-items: center; display: flex; position: relative; } .btn-circle_bg { z-index: 0; color: var(--_colors---base-1000--primary); border-radius: 50%; position: absolute; inset: 0%; } .btn-circle_label { z-index: 1; width: 100%; position: relative; } .nav-item_label { position: relative; overflow: clip; } .nav-item_label_text.is-2 { position: absolute; inset: 0% auto auto 0%; } .nav-item_label_text .l1{ text-align: center; } .btn-circle_link { z-index: 3; position: absolute; inset: 0%; } .amm-s_cms_btn-w { top: auto; left: 0%; right: 0%; bottom: var(--_units---u-48); z-index: 2; pointer-events: none; position: absolute; } .amm-s_cms_btn { pointer-events: auto; grid-area: 1/8/2/10; } .footer-w { margin-top: calc( ( var(--_special-units---offset-l) + (var(--_special-units---1-cell-v) * 2) + (var(--_special-units---grid-gap)) ) * -1 ); position: relative; } .footer-s { z-index: 1; height: var(--_special-units---100vh); flex-flow: column; justify-content: space-between; display: flex; position: relative; } .footer-s_t { flex: 1; min-width: 0; } .footer-s_b { flex-flow: column; flex: 1; justify-content: flex-end; min-width: 0; display: flex; } .footer-s_contact { grid-area: 1/3/2/9; } .footer-s_address { padding-right: var(--_units---u-48); padding-left: var(--_units---u-48); grid-area: 2/5/3/7; } .ico-64 { width: var(--_units---u-64); height: var(--_units---u-64); } .contact-cms_list { grid-column-gap: var(--_units---u-4); grid-row-gap: var(--_units---u-4); flex-flow: column; display: flex; } .contact-cms_list_item { text-align: center; flex-flow: column; justify-content: flex-start; align-items: center; display: flex; } .footer-s_info { flex-flow: column; grid-area: 1/3/2/6; justify-content: flex-end; align-items: flex-start; display: flex; } .footer-s_credits { flex-flow: column; grid-area: 1/6/2/9; justify-content: flex-end; align-items: flex-end; display: flex; } .legal-cms_list { grid-column-gap: var(--_units---u-4); grid-row-gap: var(--_units---u-4); flex-flow: wrap; justify-content: flex-start; align-items: flex-start; display: flex; } .legal-cms_list.inline { display: inline; } .legal-cms_list_item { justify-content: center; align-items: center; display: flex; } .legal-cms_list_item.inline { display: inline; } .credits { flex-flow: column; justify-content: flex-end; align-items: flex-end; display: flex; position: relative; } .credits_link { z-index: 1; position: absolute; inset: 0%; } .credits_logo-w { width: var(--28px); height: var(--28px); flex-flow: column; justify-content: center; align-items: center; display: flex; position: relative; } .credits_logo { aspect-ratio: 4/3; height: 100%; position: relative; } .error-s { height: var(--_special-units---100vh); flex-flow: column; display: flex; } .error-s_l { grid-area: 1/2/2/4; align-self: center; } .error-s_r { grid-area: 1/8/2/10; align-self: center; } .error-s_c { flex-flow: column; grid-area: 1/4/2/8; justify-content: space-between; display: flex; } .error-s_t { flex: 1; } .error-s_b { flex-flow: column; flex: 1; justify-content: flex-end; display: flex; } .error-s_c_c { position: relative; } .error-s_desc { grid-area: 1/2/2/4; position: relative; } .error-s_btn { margin-bottom: calc(var(--_units---u-16) * -1); flex-flow: column; grid-area: 1/8/2/10; justify-content: center; align-self: end; align-items: center; display: flex; } .error-s_title { flex-flow: column; justify-content: center; align-items: center; display: flex; position: relative; } .error-s_title_row { justify-content: center; align-items: center; display: flex; } .error-s_title_item { width: var(--_special-units---1-cell-h); } .error-s_title_a { margin-left: calc(var(--24px) * -1); margin-top: calc(var(--56px) * -1); position: absolute; inset: 100% 0% auto; transform: rotate(-12deg); } .header-logo { left: var(--_special-units---offset-l); top: var(--_special-units---offset-l); z-index: 1200; width: var(--_special-units---1-cell-h); aspect-ratio: 1; flex-flow: column; justify-content: center; align-items: center; display: flex; position: fixed; bottom: auto; right: auto; } .header-logo_bg { z-index: 0; color: var(--_colors---base-1000--primary); position: absolute; inset: 0%; } .header-nav { left: auto; top: var(--_special-units---offset-r); right: var(--_special-units---offset-r); z-index: 1200; width: var(--_special-units---1-cell-h); text-align: right; position: fixed; bottom: auto; min-width: 200px; } .s-bar { pointer-events: auto; height: calc( (var(--_special-units---1-cell-h) * 2) + (var(--_special-units---grid-gap)) ); flex-flow: column; justify-content: flex-start; align-items: center; display: flex; position: relative; } .arch-w { top: var(--_units---u-0); position: sticky; } .arch-s { z-index: 1; aspect-ratio: 144/168; pointer-events: none; flex-flow: column; justify-content: space-between; display: flex; position: relative; } .arch-intro-s { top: var(--_units---u-0); z-index: 1; height: var(--_special-units---100vh); pointer-events: none; margin-bottom: calc(var(--_special-units---100vh) * -1); position: sticky; } .arch-intro-s_bg_l { background-color: var(--_colors---base-0--primary); position: absolute; inset: -1% calc(50% - 1px) 0% 0%; } .arch-scroll-area { position: relative; } .arch-intro-s_bg_r { background-color: var(--_colors---base-0--primary); position: absolute; inset: -1% 0% 0% 50%; } .arch-s_t { pointer-events: auto; } .arch-s_desc { grid-area: 1/4/2/8; } .arch-s_b { pointer-events: auto; } .arch-s_quote { grid-area: 1/2/2/6; } .arch-s_author, .quote-s_ico { grid-area: 1/2/2/5; } .arch-s_btn { flex-flow: column; grid-area: 1/7/2/9; justify-content: center; align-self: end; align-items: center; display: flex; } .link { position: relative; } ._100vh { height: var(--_special-units---100vh); } .hero-w { top: var(--_units---u-0); height: var(--_special-units---100vh); flex-flow: column; display: flex; position: sticky; } .hero-s { z-index: 1; pointer-events: none; flex-flow: column; flex: none; justify-content: flex-start; height: 100%; display: flex; position: relative; } .hero-w_bg { z-index: 0; height: auto; margin-left: calc(var(--_special-units---offset-l) * -1); margin-right: calc(var(--_special-units---offset-r) * -1); flex-flow: column; flex: none; display: flex; position: absolute; inset: 0% 0% auto; } .hero-s_logo { pointer-events: auto; flex-flow: column; grid-area: 1/3/2/9; justify-content: flex-start; align-items: center; display: flex; } .hero-s_logo_a { margin-left: calc(var(--40px) * -1); margin-top: calc(var(--40px) * -1); transform: rotate(-12deg); } .hero-w_bg_master { position: relative; } .hero-s_b { left: var(--_special-units---offset-l); top: auto; right: var(--_special-units---offset-r); z-index: 5; pointer-events: none; position: absolute; bottom: 0%; } .hero-s_desc { pointer-events: auto; grid-area: 1/4/2/8; } .hero-s_btn { justify-content: center; display: flex; } .pins-cms { z-index: 5; pointer-events: none; position: absolute; inset: 0%; } .pins-cms_list { width: 100%; height: 100%; position: relative; } .pins-cms_list_item { pointer-events: auto; position: absolute; inset: 0% auto auto 0%; transform: translate(-50%, -50%); } .pin { width: var(--32px); height: var(--32px); padding: var(--_units---u-8); outline-color: var(--_colors---base-1000--primary); outline-offset: -0.75px; border-radius: 50%; outline-width: 0.75px; outline-style: solid; justify-content: center; align-items: center; display: flex; position: relative; } .pin_bg { z-index: 0; pointer-events: none; justify-content: center; align-items: center; display: flex; position: absolute; inset: 0%; } .pin_bg_pulse { outline-color: var(--_colors---base-1000--primary); outline-offset: -0.75px; border-radius: 50%; outline-width: 0.75px; outline-style: solid; position: absolute; } .hero-w_bg_master_img { position: relative; } .pin_dot { width: var(--6px); height: var(--6px); background-color: var(--_colors---base-1000--primary); border-radius: 50%; flex-flow: column; flex: none; justify-content: center; align-items: center; display: flex; } .e-auto { pointer-events: auto; } .floating-tips { z-index: 11000; pointer-events: none; display: block; position: fixed; inset: 0%; } .floating-tips_list { flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; position: absolute; inset: 0%; } .floating-tip { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: flex-start; align-items: center; position: absolute; inset: 0% auto auto 0%; } .floating-tip-card { z-index: 0; padding-top: var(--_units---u-24); padding-right: var(--_units---u-24); padding-bottom: var(--_units---u-24); padding-left: var(--_units---u-24); aspect-ratio: 17/21; border-top-left-radius: var(--_units---u-4); border-top-right-radius: var(--_units---u-4); border-bottom-left-radius: var(--_units---u-4); border-bottom-right-radius: var(--_units---u-4); background-color: var(--_colors---base-0--primary); width: calc( (var(--_special-units---1-cell-h) * 2) + var(--_special-units---grid-gap) + var(--_special-units---grid-gap) ); flex-flow: column; justify-content: space-between; display: flex; position: relative; } .floating-tip-card_t, .floating-tip-card_b { z-index: 1; position: relative; } .hero_themes { top: 0%; left: 0%; right: 0%; bottom: var(--_special-units---100vh); pointer-events: none; flex-flow: column; display: flex; position: absolute; } .hero_themes_color { flex: 1; } .hero_themes_light { height: 35rem; } .arch_themes { pointer-events: none; flex-flow: column; display: flex; position: absolute; inset: 0%; } .arch_themes_color { flex: 1; } .arch_themes_light { height: calc(var(--_special-units---100vh) * 1.5); } .cookies_c { padding-right: var(--_special-units---offset-r); padding-bottom: var(--_special-units---offset-r); padding-left: var(--_special-units---offset-l); } .cookies_card { padding-top: var(--_units---u-24); padding-right: var(--_units---u-24); padding-bottom: var(--_units---u-24); padding-left: var(--_units---u-24); aspect-ratio: 17/21; border-top-left-radius: var(--_units---u-4); border-top-right-radius: var(--_units---u-4); border-bottom-left-radius: var(--_units---u-4); border-bottom-right-radius: var(--_units---u-4); background-color: var(--_colors---base-0--primary); pointer-events: auto; margin-left: calc(var(--_units---u-8) * -1); margin-right: calc(var(--_units---u-8) * -1); margin-bottom: calc(var(--_units---u-8) * -1); margin-top: calc(var(--_units---u-8) * -1); flex-flow: column; grid-area: 1/9/2/11; justify-content: space-between; display: flex; position: relative; overflow: clip; } .cookies_card_title { margin-left: calc(var(--_units---u-48) * -1); transform: rotate(-12deg); } .cookies { z-index: 99; pointer-events: none; position: fixed; inset: auto 0% 0%; } .cookies_card_t { z-index: 1; flex-flow: column; justify-content: flex-start; align-items: center; display: flex; position: relative; } .cookies_card_b { z-index: 1; position: relative; } .cookies_card_btn-list { grid-column-gap: var(--_units---u-8); grid-row-gap: var(--_units---u-8); justify-content: center; align-items: center; display: flex; } .contact-w { position: relative; } .contact-s_title { grid-area: 1/3/2/9; } .contact-s_email { z-index: 1; grid-area: 1/2/2/4; position: relative; } .contact-s_loc { z-index: 1; padding-right: var(--_units---u-48); padding-left: var(--_units---u-48); grid-area: 1/5/2/7; position: relative; } .contact-s_phone { z-index: 1; grid-area: 1/8/2/10; position: relative; } .loc-cms_list { grid-column-gap: var(--_units---u-24); grid-row-gap: var(--_units---u-24); flex-flow: column; display: flex; } .loc-cms_list_item { text-align: center; flex-flow: column; justify-content: flex-start; align-items: center; display: flex; } .footer-w_bg { z-index: -1; background-color: var(--_colors---other--bg); height: calc(var(--_special-units---100vh) * 2); top: auto; bottom: 100%; left: calc(var(--_special-units---offset-l) * -1); right: calc(var(--_special-units---offset-r) * -1); position: absolute; } .contact-s_map { z-index: 0; margin-left: calc(var(--_special-units---offset-l) * -1); margin-right: calc(var(--_special-units---offset-r) * -1); flex-flow: column; grid-area: 1/1/2/11; justify-content: center; align-items: center; display: flex; position: relative; } .contact-s_btn { z-index: 2; flex-flow: column; grid-area: 1/8/2/10; justify-content: flex-start; align-self: center; align-items: center; display: flex; position: relative; } .contact-s_map_pin { width: var(--_units---u-16); height: var(--_units---u-16); flex-flow: column; justify-content: center; align-items: center; display: flex; position: absolute; inset: 43% 44% auto auto; } .contact-s_map_pin_c { top: auto; left: auto; bottom: var(--_units---u-8); padding-top: var(--_units---u-12); padding-right: var(--_units---u-12); padding-left: var(--_units---u-24); grid-column-gap: var(--_units---u-16); grid-row-gap: var(--_units---u-16); background-color: var(--_colors---base-0--primary); white-space: nowrap; padding-bottom: calc(var(--_units---u-12) + var(--_units---u-8)); right: calc((var(--_units---u-16) + var(--2px)) * -1); display: flex; position: absolute; } .contact-s_map_pin_info { grid-column-gap: var(--_units---u-4); grid-row-gap: var(--_units---u-4); flex-flow: column; justify-content: center; align-items: flex-end; display: flex; } .ico-28 { width: var(--28px); height: var(--28px); } .loc-w { z-index: 2; position: relative; } .loc-s { z-index: 1; pointer-events: none; position: absolute; inset: auto 0% 0%; } .loc-w_bg { margin-left: calc(var(--_special-units---offset-l) * -1); margin-right: calc(var(--_special-units---offset-r) * -1); position: relative; } .loc-s_desc { pointer-events: auto; grid-area: 1/8/2/9; position: relative; } .loc-s_desc_line { top: 0%; bottom: 0%; right: auto; left: calc(var(--_special-units---grid-gap) * -1); position: absolute; } .header-cramps { left: var(--_special-units---offset-l); z-index: 1200; height: var(--_special-units---1-cell-h); grid-column-gap: var(--_units---u-16); grid-row-gap: var(--_units---u-16); transform-origin: 0 0; width: calc( var(--_special-units---100vh) - var(--_special-units---offset-l) - var(--_special-units---offset-l) - var(--_special-units---1-cell-h) - var(--_special-units---grid-gap) ); bottom: auto; right: auto; top: calc(100% - var(--_special-units---offset-l)); flex-flow: row; justify-content: flex-start; align-items: center; display: flex; position: fixed; transform: rotate(-90deg); } .contact_themes { pointer-events: none; top: 0%; left: 0%; right: 0%; bottom: calc( var(--_special-units---offset-l) + (var(--_special-units---1-cell-v) * 2) + (var(--_special-units---grid-gap)) ); flex-flow: column; display: flex; position: absolute; } .contact_themes_light { flex: 1; } .contact-s_social { z-index: 2; flex-flow: column; grid-area: 1/2/2/4; justify-content: flex-start; align-self: center; align-items: center; display: flex; position: relative; } .social-cms_list { padding-top: var(--_units---u-4); padding-bottom: var(--_units---u-4); outline-color: var(--_colors---base-1000--primary); outline-offset: -0.75px; outline-width: 0.75px; outline-style: solid; flex-flow: column; display: flex; } .social-btn { z-index: 1; padding: var(--_units---u-12); flex-flow: column; justify-content: center; align-items: center; display: flex; position: relative; } .social-btn_line { padding-right: var(--_units---u-16); padding-left: var(--_units---u-16); position: absolute; inset: auto 0% 0%; } .contact_themes_dark { height: var(--_units---u-64); } .modal_over { z-index: 0; pointer-events: auto; background-color: #0009; position: absolute; inset: 0%; } .modal_c { z-index: 1; width: 100%; height: 100%; padding-right: var(--_special-units---offset-r); padding-left: var(--_special-units---offset-l); flex-flow: column; display: flex; position: relative; } .modal_cta { flex-flow: column; justify-content: center; width: 100%; height: 100%; display: flex; } .modal_cta_c { padding-top: var(--_units---u-64); padding-right: var(--_units---u-64); padding-bottom: var(--_units---u-64); padding-left: var(--_units---u-64); aspect-ratio: 2; background-color: var(--_colors---other--bg); pointer-events: auto; flex-flow: column; grid-area: 1/2/2/10; display: flex; position: relative; overflow: clip; } .modal_cta_l { flex-flow: column; flex: 1; justify-content: space-between; min-width: 0; display: flex; } .modal_cta_r { flex: 1; justify-content: center; min-width: 0; display: flex; } .modal_cta_l_t { flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .modal_cta_desc { width: var(--192px); } .modal_cta_a { margin-left: calc(var(--40px) * -1); margin-top: calc(var(--40px) * -1); transform: rotate(-12deg); } .modal_cta_c_c { grid-column-gap: var(--_units---u-32); grid-row-gap: var(--_units---u-32); flex-flow: column; justify-content: center; align-items: center; min-width: 0; display: flex; } .modal_cta_c_line { flex: 1; } .modal_cta_c_logo { z-index: 1200; width: var(--_special-units---1-cell-h); aspect-ratio: 1; flex-flow: column; justify-content: center; align-items: center; display: flex; position: relative; } .form_block_b { grid-column-gap: var(--_units---u-32); grid-row-gap: var(--_units---u-32); justify-content: space-between; align-items: center; display: flex; } .text-link { text-decoration: underline; } .text-link:hover { text-decoration: none; } .form_block_legal { width: calc(var(--16px) * 10); } .modal_cta_close { left: auto; top: var(--_units---u-16); right: var(--_units---u-16); position: absolute; bottom: auto; } .btn-ico { width: var(--40px); height: var(--40px); padding: var(--_units---u-12); border-radius: var(--40px); justify-content: center; align-items: center; display: flex; position: relative; } .btn_ico { z-index: 1; position: relative; } .btn-ico_link { z-index: 5; position: absolute; inset: 0%; } .modal_cta_form { width: 100%; margin-bottom: var(--_units---u-0); flex: 1; } .modal_cta_form_c { height: 100%; width: calc( (var(--_special-units---1-cell-h) * 2.5) + (var(--_special-units---grid-gap)) ); flex-flow: column; justify-content: space-between; display: flex; } .form_success_c { flex-flow: column; justify-content: center; align-items: center; height: 100%; display: flex; position: relative; } .form_success_social { position: absolute; left: 0%; } .form_success_desc { width: calc(var(--32px) * 10); flex-flow: column; flex: 1; justify-content: flex-end; display: flex; } .form_success_title { width: calc(var(--20px) * 10); flex: 1; } .form_success_a { margin-left: calc(var(--24px) * -1); margin-top: calc(var(--44px) * -1); transform: rotate(-12deg); } .hero-scroll-area { height: calc( (var(--_special-units---100vh) * 4) + (50rem + var(--_special-units---100vh)) ); position: relative; } .s-bar_track { z-index: 0; background-color: var(--_colors---base-1000--line); width: 1px; height: 100%; position: absolute; inset: 0% auto; } .s-bar_fill { z-index: 1; background-color: var(--_colors---base-1000--primary); width: 1px; height: 100%; position: absolute; inset: 0% auto; } .s-bar_thumb { z-index: 3; width: var(--_units---u-48); height: var(--_units---u-48); -webkit-user-select: none; user-select: none; flex-flow: column; justify-content: center; align-items: stretch; display: flex; position: absolute; inset: auto; transform: translateY(-50%); } .s-bar-w { left: 10px; z-index: 1200; width: var(--_special-units---1-cell-h); pointer-events: none; right: auto; top: calc( var(--_special-units---offset-l) + var(--_special-units---1-cell-h) + var(--_special-units---offset-l) ); bottom: calc( var(--_special-units---offset-l) + var(--_special-units---1-cell-h) + var(--_special-units---offset-l) ); flex-flow: column; justify-content: center; align-items: center; display: flex; position: fixed; } .s-down { left: 10px; z-index: 1200; height: var(--_special-units---1-cell-h); grid-column-gap: var(--_units---u-24); grid-row-gap: var(--_units---u-24); transform-origin: 0 0; bottom: auto; right: auto; top: calc(100% - var(--_special-units---offset-l)); flex-flow: row; justify-content: center; align-items: center; display: flex; position: fixed; transform: rotate(-90deg); } .s-down_arrow { height: var(--_units---u-12); aspect-ratio: 48/12; color: var(--_colors---base-1000--primary); } .quote-w { position: relative; } .quote-s { z-index: 1; position: absolute; inset: auto 0% 0%; } .quote-w_bg { z-index: 0; margin-left: calc(var(--_special-units---offset-l) * -1); margin-right: calc(var(--_special-units---offset-r) * -1); position: relative; } .quote-s_c { grid-area: 1/6/2/10; } .quote-s_author { grid-area: 1/1/2/4; } .loc-w_over-grad { z-index: 5; background-image: linear-gradient( 180deg, var(--_global-colors---base-0--100), var(--_global-colors---base-0--0) ); pointer-events: none; height: calc( (var(--_special-units---1-cell-v) * 3) + (var(--_special-units---grid-gap) * 2) ); top: -1px; bottom: auto; left: calc(var(--_special-units---offset-l) * -1); right: calc(var(--_special-units---offset-r) * -1); position: absolute; } .loc-w_clouds { z-index: 4; pointer-events: none; bottom: auto; left: calc(var(--_special-units---offset-l) * -1); right: calc(var(--_special-units---offset-r) * -1); top: calc(var(--_units---u-96) * -1); position: absolute; } .marquee { z-index: 0; pointer-events: none; justify-content: flex-start; align-items: center; display: flex; position: relative; overflow: clip; } .marquee_track, .marquee_list { flex: none; justify-content: flex-start; align-items: center; display: flex; } .marquee_list_item { flex: none; } .clouds.is-33 { height: calc(var(--60px) * 10); } .clouds.is-02, .clouds.is-47 { height: calc(var(--48px) * 10); } .loc-intro-s_btn { flex-flow: column; grid-area: 1/12/2/14; justify-content: center; align-self: center; align-items: center; display: flex; } .loc-path-w { width: calc( (var(--_special-units---1-cell-h) * 10) + (var(--_special-units---grid-gap) * 9) ); flex: none; position: relative; } .loc-path-s { height: var(--_special-units---100vh); flex-flow: column; justify-content: space-between; display: flex; } .loc-path-s_title { grid-area: 1/3/2/9; } .loc-path-s_title_line { display: block; } .loc-path-s_title_a { margin-top: calc(var(--32px) * -1); display: block; transform: rotate(-12deg); } .loc-path-s_path { grid-area: 1/2/2/10; } .apart-type-slide_btn { grid-column-gap: var(--_units---u-8); grid-row-gap: var(--_units---u-8); flex-flow: wrap; justify-content: flex-start; align-items: flex-start; display: flex; } .loc-w_bg_img, .loc-path-s_path_c { position: relative; } .benefits-intro-s_title { top: 0%; bottom: auto; left: calc(var(--_special-units---offset-l) * -1); right: calc(var(--_special-units---offset-r) * -1); position: absolute; } .soon-s { height: var(--_special-units---100vh); flex-flow: column; justify-content: center; align-items: center; display: flex; } .soon-s_title { grid-area: 1/4/2/8; } .soon-s_btn { justify-content: center; align-items: center; display: flex; } .soon-s_desc { grid-area: 1/2/2/4; } .link_label { position: relative; } .link_label_text.is-2 { position: absolute; inset: 0% 0% auto auto; } .link_line { background-color: var(--_colors---base-1000--primary); border-radius: 2px; width: 100%; height: 0.6px; display: block; } .modal_bg { z-index: 0; background-color: var(--_colors---other--bg); pointer-events: auto; position: absolute; inset: 0%; } .modal_menu { pointer-events: auto; flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; width: 100%; height: 100%; display: flex; } .modal_menu_title { flex-flow: column; grid-area: 1/4/2/8; justify-content: flex-start; align-items: center; display: flex; } .modal_menu_a { margin-bottom: calc(var(--32px) * -1); margin-left: calc(var(--96px) * -1); transform: rotate(-12deg); } .modal_menu_list { grid-column-gap: var(--_units---u-32); grid-row-gap: var(--_units---u-32); text-align: center; flex-flow: column; grid-area: 1/5/2/7; justify-content: center; align-items: center; display: flex; } .btn-menu_label { display: none; } .btn-menu_label.is-active { display: block; } .header-nav_list { flex-flow: column; justify-content: flex-start; align-items: flex-end; display: flex; } .header-nav_list.f-mob { display: none; } .btn-menu { grid-column-gap: var(--_units---u-4); grid-row-gap: var(--_units---u-4); cursor: pointer; justify-content: center; align-items: center; display: flex; } .ico-24 { width: var(--24px); height: var(--24px); } .modal_list { width: 100%; height: 100%; position: relative; } .modal_list_item { display: none; position: absolute; inset: 0%; } .moda_tip { pointer-events: auto; flex-flow: column; justify-content: flex-end; align-items: center; width: 100%; height: 100%; display: flex; } .moda_tip_close { z-index: 1; position: relative; } .apart-w { position: relative; } .apart-s { z-index: 1; position: relative; } .apart-s_title { grid-area: 1/2/2/9; justify-content: space-between; align-items: flex-start; display: flex; } .apart-s_cms { grid-area: 1/2/2/11; } .apart-s_cms_filter { z-index: 1; padding-top: var(--_units---u-32); padding-bottom: var(--_units---u-32); flex-flow: column; justify-content: center; align-items: stretch; display: flex; position: relative; } .apart-cms { z-index: 0; position: relative; } .apart-benefits-cms_list { grid-column-gap: var(--_special-units---grid-gap); grid-row-gap: var(--_special-units---grid-gap); grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .apart-benefits-cms_list.c-2 { grid-template-columns: 1fr 1fr; } .apart-card { width: 100%; height: 100%; padding: var(--_units---u-48) var(--_units---u-32) var(--_units---u-24); aspect-ratio: 392/544; display: block; position: relative; } .apart-card_img { aspect-ratio: 1; position: relative; } .apart-card_data-list { grid-column-gap: var(--_units---u-12); grid-row-gap: var(--_units---u-12); justify-content: center; align-items: center; display: flex; } .data-divider { width: var(--2px); height: var(--2px); background-color: var(--_colors---base-1000--primary); border-radius: 50%; } .apart-card_info { grid-column-gap: var(--_units---u-8); grid-row-gap: var(--_units---u-8); justify-content: center; align-items: center; display: flex; } .benefit-card { width: 100%; height: 100%; padding: var(--_units---u-32); aspect-ratio: 392/544; flex-flow: column; justify-content: flex-end; display: flex; position: relative; overflow: clip; } .benefit-card_bg { z-index: 0; position: absolute; inset: 0%; } .benefit-card_info { z-index: 1; position: relative; } .apart-card_img_prim { z-index: 0; width: 100%; height: 100%; position: relative; } .apart-card_img_sec { z-index: 1; width: 100%; height: 100%; position: absolute; inset: 0%; } .apart-card_decor { z-index: 1; pointer-events: none; position: absolute; inset: 0%; } .apart-card_c { z-index: 3; position: relative; } .apart-s_cms_filter_item { padding-right: var(--_units---u-32); padding-left: var(--_units---u-32); flex-flow: row; grid-column: span 3; justify-content: space-between; align-items: center; display: flex; } .lot-s_info { top: var(--_units---u-0); z-index: 1; height: var(--_special-units---100vh); pointer-events: none; flex-flow: column; display: flex; position: sticky; } .preloader_t { flex: 1; } .preloader_b { flex-flow: column; flex: 1; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: flex-end; display: flex; } .preloader_title-l { grid-area: 1/2/2/4; align-self: center; } .preloader_title-r { grid-area: 1/8/2/10; align-self: center; } .preloader_logo { flex-flow: column; grid-area: 1/4/2/8; justify-content: center; align-self: center; align-items: center; display: flex; } .preloader_logo_a { margin-top: calc(var(--24px) * -1); margin-left: calc(var(--32px) * -1); transform: rotate(-12deg); } .preloader_bg { z-index: 0; background-color: var(--_colors---other--bg); position: absolute; inset: 0%; } .preloader_progress { flex-flow: column; justify-content: center; align-items: center; display: flex; } .preloader_progress_fill { width: 1px; height: var(--_units---u-96); background-color: var(--_colors---base-1000--line); overflow: clip; } .preloader_progress_track { background-color: var(--_colors---base-1000--primary); width: 100%; height: 100%; } .frame_lt { z-index: 1; width: var(--24px); height: var(--24px); position: absolute; inset: 0% auto auto 0%; } .frame_lt:where(.w-variant-db77920b-274b-9558-1ced-34e87f5b7d94) { width: var(--16px); height: var(--16px); } .decor { color: var(--_colors---base-1000--line); position: absolute; inset: 0%; } .preloader_bg_decor { left: var(--_units---u-24); top: var(--_units---u-24); right: var(--_units---u-24); bottom: calc(var(--_special-units---100vh) + var(--_units---u-24)); position: absolute; } .frame_rt { z-index: 1; width: var(--24px); height: var(--24px); position: absolute; inset: 0% 0% auto auto; } .frame_rt:where(.w-variant-db77920b-274b-9558-1ced-34e87f5b7d94) { width: var(--16px); height: var(--16px); } .frame_rb { z-index: 1; width: var(--24px); height: var(--24px); position: absolute; inset: auto 0% 0% auto; } .frame_rb:where(.w-variant-db77920b-274b-9558-1ced-34e87f5b7d94) { width: var(--16px); height: var(--16px); } .frame_lb { z-index: 1; width: var(--24px); height: var(--24px); position: absolute; inset: auto auto 0% 0%; } .frame_lb:where(.w-variant-db77920b-274b-9558-1ced-34e87f5b7d94) { width: var(--16px); height: var(--16px); } .frame_t-lr { left: var(--24px); right: var(--24px); z-index: 1; height: var(--24px); bottom: auto; top: calc(var(--12px) * -1); position: absolute; } .frame_t-lr:where(.w-variant-db77920b-274b-9558-1ced-34e87f5b7d94) { left: var(--16px); right: var(--16px); height: var(--16px); top: calc(var(--8px) * -1); } .frame_b-lr { left: var(--24px); top: auto; right: var(--24px); z-index: 1; height: var(--24px); bottom: calc(var(--12px) * -1); position: absolute; } .frame_b-lr:where(.w-variant-db77920b-274b-9558-1ced-34e87f5b7d94) { left: var(--16px); right: var(--16px); height: var(--16px); bottom: calc(var(--8px) * -1); } .frame_r-tb { left: auto; top: var(--24px); bottom: var(--24px); z-index: 1; width: var(--24px); right: calc(var(--12px) * -1); position: absolute; } .frame_r-tb:where(.w-variant-db77920b-274b-9558-1ced-34e87f5b7d94) { top: var(--16px); bottom: var(--16px); width: var(--16px); right: calc(var(--8px) * -1); } .frame_l-tb { top: var(--24px); right: auto; bottom: var(--24px); z-index: 1; width: var(--24px); left: calc(var(--12px) * -1); position: absolute; } .frame_l-tb:where(.w-variant-db77920b-274b-9558-1ced-34e87f5b7d94) { top: var(--16px); bottom: var(--16px); width: var(--16px); left: calc(var(--8px) * -1); } .card_decor { left: var(--_units---u-8); top: var(--_units---u-8); right: var(--_units---u-8); bottom: var(--_units---u-8); z-index: 0; position: absolute; } .preloader_bg_a { left: var(--_units---u-24); top: var(--_units---u-24); right: var(--_units---u-24); opacity: 0.05; bottom: calc(var(--_special-units---100vh) + var(--_units---u-24)); position: absolute; } .preloader_bg_arch_is-1 { z-index: 1; background-color: var(--_colors---other--bg); outline-color: #C69A47; outline-offset: -1px; width: calc(var(--arch-w) * 1.02); height: calc(var(--arch-h) * 1.01); border-top-left-radius: var(--arch-w); border-top-right-radius: var(--arch-w); bottom: auto; left: auto; right: auto; top: calc(var(--arch-y) - (var(--arch-h) * 0.005)); outline-width: 1px; outline-style: solid; position: absolute; } .preloader_bg_arch { z-index: 2; pointer-events: none; flex-flow: column; justify-content: flex-start; align-items: center; display: flex; position: absolute; inset: 0%; } .preloader_bg_arch_is-2 { z-index: 0; background-color: var(--_colors---other--bg); outline-color: #C69A47; outline-offset: -1px; width: calc(var(--arch-w) * 1.1); height: calc(var(--arch-h) * 1.03); bottom: auto; left: auto; right: auto; top: calc(var(--arch-y) - (var(--arch-h) * 0.015)); border-top-left-radius: var(--arch-w); border-top-right-radius: var(--arch-w); outline-width: 1px; outline-style: solid; position: absolute; } .hero-w_bg_master_img_day { display: block; position: relative; inset: 0% 0% auto; } .footer-s_s-top { left: var(--_units---u-0); z-index: 1200; height: var(--_special-units---1-cell-h); grid-column-gap: var(--_units---u-24); grid-row-gap: var(--_units---u-24); transform-origin: 0 0; bottom: auto; right: auto; top: calc(100% - var(--_special-units---offset-l)); flex-flow: row; justify-content: center; align-items: center; display: flex; position: absolute; transform: rotate(-90deg); } .frame_fill_tb { left: var(--24px); top: 0%; right: var(--24px); z-index: 0; position: absolute; bottom: 0%; } .frame_fill_tb:where(.w-variant-db77920b-274b-9558-1ced-34e87f5b7d94) { left: var(--16px); right: var(--16px); } .frame_fill_lr { left: 0%; top: var(--24px); right: 0%; bottom: var(--24px); z-index: 0; position: absolute; } .frame_fill_lr:where(.w-variant-db77920b-274b-9558-1ced-34e87f5b7d94) { top: var(--16px); bottom: var(--16px); } .frame_fill-c { z-index: 0; width: calc(var(--24px) * 2); height: calc(var(--24px) * 2); position: absolute; inset: auto; } .frame_fill-c:where(.w-variant-db77920b-274b-9558-1ced-34e87f5b7d94) { width: calc(var(--16px) * 2); height: calc(var(--16px) * 2); } .frame_fill-c.lt { inset: 0% auto auto 0%; } .frame_fill-c.lt:where(.w-variant-db77920b-274b-9558-1ced-34e87f5b7d94) { width: calc(var(--16px) * 2); } .frame_fill-c.rt { inset: 0% 0% auto auto; } .frame_fill-c.rb { inset: auto 0% 0% auto; } .frame_fill-c.lb { inset: auto auto 0% 0%; } .filter_select_drop-down_list_item { padding: var(--_units---u-12) var(--_units---u-16); border-radius: var(--_units---u-4); cursor: pointer; } .apart-s_cms_decor { z-index: 0; pointer-events: none; position: absolute; inset: 0%; } .apart-s_cms_filter_c { z-index: 1; position: relative; } .filter_select { flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; position: relative; } .filter_select_btn { grid-column-gap: var(--_units---u-8); grid-row-gap: var(--_units---u-8); cursor: pointer; justify-content: flex-start; align-items: center; display: flex; } .filter_select_btn_label { grid-column-gap: var(--_units---u-4); grid-row-gap: var(--_units---u-4); justify-content: flex-start; align-items: center; display: flex; } .ico-12 { width: var(--_units---u-12); height: var(--_units---u-16); } .filter_select_drop-down { z-index: 50; padding-top: var(--_units---u-8); padding-right: var(--_units---u-8); padding-bottom: var(--_units---u-8); padding-left: var(--_units---u-8); background-color: var(--_colors---other--bg); outline-color: var(--_colors---base-1000--line); outline-offset: -1px; white-space: nowrap; bottom: auto; right: auto; top: calc(100% + var(--_units---u-16)); min-width: calc(var(--24px) * 10); left: calc(var(--_units---u-24) * -1); outline-width: 1px; outline-style: solid; position: absolute; } .filter_select_drop-down_list { grid-column-gap: var(--2px); grid-row-gap: var(--2px); flex-flow: column; display: flex; } .apart-card_shadow { z-index: 0; border-radius: var(--_units---u-32); pointer-events: none; flex: none; position: absolute; inset: 0%; } .lot-s_info_c { pointer-events: auto; flex-flow: column; grid-area: 1/8/2/10; justify-content: space-between; height: 100%; min-height: 0; display: flex; position: relative; } .lot-s_info_t { flex: 1; height: 100%; overflow: auto; } .lot-s_info_b { flex: none; position: relative; } .lot-s_info_header.is-top { margin-left: calc( ( (var(--_special-units---1-cell-h) * 5) + (var(--_special-units---grid-gap) * 5) ) * -1 ); } .lot-s_info_data { grid-column-gap: var(--_units---u-32); grid-row-gap: var(--_units---u-32); flex-flow: column; display: flex; } .tabs { grid-column-gap: var(--_units---u-24); grid-row-gap: var(--_units---u-24); display: flex; position: relative; } .tabs.test { pointer-events: auto; justify-content: center; } .tab { padding-top: var(--_units---u-8); padding-bottom: var(--_units---u-8); cursor: pointer; } .lot-s_info_more_contents { position: relative; } .lot-s_info_more_content { display: none; position: absolute; inset: 0% 0% auto; } .lot-s_info_more_content.is-1 { display: block; position: relative; } .tag-list { grid-column-gap: var(--_units---u-4); grid-row-gap: var(--_units---u-4); flex-flow: wrap; justify-content: flex-start; align-items: flex-start; display: flex; } .tag { padding: var(--_units---u-4) var(--_units---u-12); border-radius: var(--_units---u-48); outline-color: var(--_colors---base-1000--line); outline-offset: -1px; outline-width: 1px; outline-style: solid; justify-content: center; align-items: center; display: flex; } .tabs_line { z-index: 0; opacity: 0.1; position: absolute; inset: auto 0% 0%; } .tabs_hilight { z-index: 1; background-color: var(--_colors---base-1000--primary); height: 1px; position: absolute; inset: auto auto 0% 0%; } .lot-s_media { z-index: 0; margin-top: calc(var(--_special-units---100vh) * -1); position: relative; } .lot-s_media_c { grid-area: 1/2/2/8; } .lot-media-cms_list { padding-right: var(--_units---u-16); padding-left: var(--_units---u-24); grid-column-gap: var(--_units---u-16); grid-row-gap: var(--_units---u-16); flex-flow: column; display: flex; } .lot-s_media_layout { flex-flow: column; justify-content: flex-end; display: flex; } .lot-s_info_line { top: var(--_units---u-48); right: auto; bottom: var(--_units---u-48); opacity: 0.1; left: calc(var(--_special-units---grid-gap) * -1); position: absolute; } .lot-s_info_line.is-top { top: calc( var(--_units---u-48) + var(--_units---u-96) + var(--_units---u-24) + var(--_units---u-8) + var(--_units---u-4) + var(--_units---u-8) + var(--_units---u-16) + var(--_units---u-64) ); } .lot-s_media_layout_img-prim { margin-bottom: var(--_units---u-48); padding-right: var(--_units---u-64); padding-left: var(--_units---u-64); cursor: pointer; height: calc( var(--_special-units---100vh) - var(--_units---u-48) - var(--_units---u-160) - var(--_units---u-32) - var(--_units---u-48) ); margin-top: calc( var(--_units---u-48) + var(--_units---u-160) + var(--_units---u-32) ); flex-flow: column; grid-area: 1/1/2/6; justify-content: center; display: flex; position: relative; } .lot-s_media_layout_diagrams { bottom: var(--_units---u-48); padding-right: var(--_units---u-16); grid-column-gap: var(--_units---u-16); grid-row-gap: var(--_units---u-16); flex-flow: column; grid-area: 1/5/2/6; justify-content: flex-end; align-self: end; align-items: flex-end; display: flex; position: sticky; } .compass { width: var(--_units---u-64); height: var(--_units---u-64); padding: var(--_units---u-4); outline-color: var(--_colors---base-1000--line); outline-offset: -1px; border-radius: 50%; outline-width: 1px; outline-style: solid; flex-flow: column; justify-content: flex-start; align-items: center; display: flex; } .block-diagram { box-sizing: border-box; width: var(--_units---u-64); aspect-ratio: 8/11; position: relative; } .block-diagram_hilight { flex: none; width: 100%; height: 100%; position: absolute; inset: 0%; } .lot-s_media_layout_img-sec { margin-top: var(--_units---u-48); margin-bottom: var(--_units---u-48); padding-right: var(--_units---u-64); padding-left: var(--_units---u-64); height: calc( var(--_special-units---100vh) - var(--_units---u-48) - var(--_units---u-160) - var(--_units---u-32) - var(--_units---u-48) ); grid-area: 2/1/3/6; } .contact-s_map_c { width: 100%; } .hero-w_bg_master_img_night { display: none; position: absolute; inset: 0% 0% auto; } .hero-s_tabs { grid-column-gap: var(--_units---u-16); grid-row-gap: var(--_units---u-16); justify-content: center; align-items: center; display: flex; } .hero-s_tabs_divider { width: var(--_units---u-64); height: 1px; } .amen-scroll-area { height: calc((var(--_special-units---100vh) * 2.5) + 50rem); position: relative; } .scroll-area_screen { top: var(--_units---u-0); z-index: 1; position: sticky; } .other-title-w { margin-top: calc((50rem + var(--_special-units---100vh)) * -1); position: relative; } .other-title-w.test { margin-top: -50rem; } .other-title-s { z-index: 1; flex-flow: column; justify-content: space-between; height: 50rem; display: flex; position: relative; } .other-title-s_title { z-index: 1; grid-area: 1/4/2/8; position: relative; } .apart-cms_list { grid-column-gap: var(--_special-units---grid-gap); grid-row-gap: var(--_special-units---grid-gap); grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .apart-cms_list.c-2 { grid-template-columns: 1fr 1fr; } .apart-s_cms_empty { z-index: 0; padding-top: var(--_units---u-64); padding-bottom: var(--_units---u-64); flex-flow: column; justify-content: center; align-items: stretch; display: flex; position: relative; } .apart-s_cms_empty_info { padding-right: var(--_special-units---grid-gap); padding-left: var(--_special-units---grid-gap); grid-area: 1/4/2/7; } .apart-s_cms_empty_desc { padding-right: var(--_units---u-64); padding-left: var(--_units---u-64); } .apart-s_cms_empty_title { padding-left: var(--_units---u-24); } .video { object-fit: cover; width: 100%; height: 100%; } .video.stone { pointer-events: none; width: 140%; height: 140%; } .flower { z-index: 1; pointer-events: none; width: calc(var(--80px) * 10); height: calc(var(--80px) * 10); position: absolute; inset: auto; } .flower.loc-info { bottom: auto; right: auto; top: calc((96rem / var(--_special-units---scale-ratio)) * -1); left: calc( ((64rem / var(--_special-units---scale-ratio)) * -1) - var(--_special-units---offset-r) ); } .flower.loc-intro { top: auto; right: auto; bottom: calc((144rem / var(--_special-units---scale-ratio)) * -1); left: calc((224rem / var(--_special-units---scale-ratio)) * -1); transform: rotate(90deg); } .flower.loc-path { margin-top: calc((144rem / var(--_special-units---scale-ratio)) * -1); margin-right: calc((64rem / var(--_special-units---scale-ratio)) * -1); position: static; inset: 0% 0% auto auto; transform: scaleX(-1); } .flower.arch-intro-l { top: auto; right: auto; left: calc( ((96rem / var(--_special-units---scale-ratio)) * -1) - var(--_special-units---offset-r) ); bottom: calc((96rem / var(--_special-units---scale-ratio)) * -1); transform: rotate(-150deg); } .flower.arch-intro-r { top: auto; right: calc( ((48rem / var(--_special-units---scale-ratio)) * -1) - var(--_special-units---offset-r) ); bottom: calc((96rem / var(--_special-units---scale-ratio)) * -1); transform: rotate(65deg); } .flower.apart-info { top: auto; right: auto; left: calc( ((64rem / var(--_special-units---scale-ratio)) * -1) - var(--_special-units---offset-l) ); bottom: calc((32rem / var(--_special-units---scale-ratio)) * -1); transform: scaleY(-1); } .flower.interior { aspect-ratio: 1; width: 100%; height: auto; bottom: auto; left: auto; right: 0%; top: calc((64rem / var(--_special-units---scale-ratio)) * -1); } .flower.asd { inset: 0% 0% auto auto; } .flower.apart { bottom: auto; left: auto; right: calc( ((120rem / var(--_special-units---scale-ratio)) * -1) - var(--_special-units---offset-r) ); top: calc((120rem / var(--_special-units---scale-ratio)) * -1); transform: rotate(30deg); } .flower.apart-info-copy { top: auto; bottom: 0%; right: auto; left: calc( ((64rem / var(--_special-units---scale-ratio)) * -1) - var(--_special-units---offset-r) ); transform: scaleY(-1); } .flower.other { top: 0%; bottom: auto; left: auto; right: calc( ((160rem / var(--_special-units---scale-ratio)) * -1) - var(--_special-units---offset-r) ); transform: rotate(45deg); } .loc-path-w_flower { top: 0%; bottom: auto; left: auto; right: calc(var(--_special-units---offset-r) * -1); display: block; position: absolute; overflow: hidden; } .interior-s_l_img_flower { width: 100%; height: 125%; position: absolute; } .modal_over-copy { z-index: 0; pointer-events: auto; background-color: #0009; position: absolute; inset: 0%; } .modal_lightbox { pointer-events: auto; flex-flow: column; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; position: relative; } .modal_close { left: auto; top: var(--_special-units---offset-r); right: var(--_units---u-0); z-index: 1; position: absolute; bottom: auto; } .modal_lightbox_content { z-index: 0; width: calc( 100% - ( (var(--_special-units---1-cell-h) * 2) + (var(--_special-units---grid-gap) * 2) ) ); height: calc(100% - (var(--_units---u-48) * 2)); flex-flow: column; justify-content: center; align-items: center; display: flex; position: relative; } .modal_lightbox_pag { z-index: 1; padding-bottom: var(--_special-units---offset-r); pointer-events: none; position: absolute; inset: auto 0% 0%; } .modal_lightbox_pag_list { grid-column-gap: var(--_units---u-32); grid-row-gap: var(--_units---u-32); pointer-events: auto; justify-content: flex-end; align-items: center; display: flex; } .div-block { grid-column-gap: var(--_units---u-32); grid-row-gap: var(--_units---u-32); justify-content: center; align-items: center; display: flex; } .lot-media-item_btn { pointer-events: none; justify-content: center; align-items: center; display: flex; position: absolute; inset: auto 0%; } .lot-media-item { cursor: pointer; position: relative; } .modal_decor { left: var(--_units---u-24); top: var(--_units---u-24); right: var(--_units---u-24); bottom: var(--_units---u-24); position: absolute; } .apart_themes { pointer-events: none; flex-flow: column; display: flex; position: absolute; inset: 0%; } .themes_row { justify-content: space-between; display: flex; } .apart_themes_light-1, .apart_themes_color-1 { flex: 1; height: 15rem; } .apart_themes_light-2 { flex: 1; } .amen_themes { pointer-events: none; top: 0%; left: 0%; right: 0%; bottom: calc(var(--_special-units---100vh) + 50rem); flex-flow: column; display: flex; position: absolute; } .amen_themes_color { flex: 1; } .interior_themes { pointer-events: none; flex-flow: column; display: flex; position: absolute; inset: 50rem 0% 0%; } .interior_themes_light-1 { height: 25rem; } .interior_themes_light-2, .interior_themes_dark-2 { flex: 1; height: 52.5rem; } .interior_themes_light-3 { flex: 1; } .sdda { justify-content: flex-start; align-items: flex-start; display: flex; } .loc-w_decor { height: var(--_special-units---offset-r); background-color: var(--_colors---other--bg); margin-left: calc(var(--_special-units---offset-l) * -1); margin-right: calc(var(--_special-units---offset-r) * -1); } .w_themes { pointer-events: none; flex-flow: column; display: flex; position: absolute; inset: 0%; } .w_themes_row { justify-content: space-between; display: flex; } .w_themes_row.fill { flex: 1; } .quote-w_themes_color-1, .quote-w_themes_light-1 { flex: 1; height: 100%; } .quote-w_themes_color-2, .quote-w_themes_light-2 { flex: 1; height: 30rem; } .p-btn { z-index: 2147483647; width: var(--_units---u-24); height: var(--_units---u-24); position: fixed; inset: auto auto 0% 0%; } .r-btn { top: auto; left: 0%; right: auto; bottom: var(--_units---u-24); z-index: 2147483647; width: var(--_units---u-24); height: var(--_units---u-24); position: fixed; } .slider { height: var(--_special-units---100vh); } .slide { height: 100%; display: none; position: absolute; inset: 0%; } .slide.is-1 { display: block; position: relative; } @media screen and (max-width: 991px) { body { --_fonts---font-body: "Maison Neue Extended", Arial, sans-serif; --_fonts---font-display: ambroise-francois-std, sans-serif; --_fonts---h1--size: calc(96rem / var(--_special-units---scale-ratio)); --_fonts---h1--line-height: 91.667%; --_fonts---h1--letter-spacing: -0.024em; --_fonts---h2--size: calc(73rem / var(--_special-units---scale-ratio)); --_fonts---h2--line-height: 87.671%; --_fonts---h2--letter-spacing: -0.024em; --_fonts---h3--size: calc(56rem / var(--_special-units---scale-ratio)); --_fonts---h3--line-height: 92.857%; --_fonts---h3--letter-spacing: -0.024em; --_fonts---h4--size: calc(40rem / var(--_special-units---scale-ratio)); --_fonts---h4--line-height: 100%; --_fonts---h4--letter-spacing: -0.016em; --_fonts---h5--size: calc(28rem / var(--_special-units---scale-ratio)); --_fonts---h5--line-height: 100%; --_fonts---h5--letter-spacing: -0.008em; --_fonts---h6--size: calc(28rem / var(--_special-units---scale-ratio)); --_fonts---h6--line-height: 100%; --_fonts---h6--letter-spacing: 0em; --_fonts---p1--size: calc(13rem / var(--_special-units---scale-ratio)); --_fonts---p1--line-height: 138.462%; --_fonts---p1--letter-spacing: -0.024em; --_fonts---l1--size: calc(11rem / var(--_special-units---scale-ratio)); --_fonts---l1--line-height: 145.455%; --_fonts---l1--letter-spacing: 0.048em; --_fonts---p2--size: calc(11rem / var(--_special-units---scale-ratio)); --_fonts---p2--line-height: 145.455%; --_fonts---p2--letter-spacing: -0.024em; --_fonts---l2--size: calc(9rem / var(--_special-units---scale-ratio)); --_fonts---l2--line-height: 133.333%; --_fonts---l2--letter-spacing: 0.32em; --_fonts---c1--size: calc(19rem / var(--_special-units---scale-ratio)); --_fonts---c1--line-height: 126.316%; --_fonts---c1--letter-spacing: 0.8em; --_fonts---font-accent: sloop-script-three, sans-serif; --_fonts---a1--size: calc(96rem / var(--_special-units---scale-ratio)); --_fonts---a1--line-height: 100%; --_fonts---a1--letter-spacing: 0em; --_fonts---a2--size: calc(72rem / var(--_special-units---scale-ratio)); --_fonts---a2--line-height: 100%; --_fonts---a2--letter-spacing: 0em; --40px: calc(40rem / var(--_special-units---scale-ratio)); --112px: calc(112rem / var(--_special-units---scale-ratio)); --2px: calc(2rem / var(--_special-units---scale-ratio)); --24px: calc(24rem / var(--_special-units---scale-ratio)); --12px: calc(12rem / var(--_special-units---scale-ratio)); --72px: calc(72rem / var(--_special-units---scale-ratio)); --16px: calc(16rem / var(--_special-units---scale-ratio)); --136px: calc(136rem / var(--_special-units---scale-ratio)); --80px: calc(80rem / var(--_special-units---scale-ratio)); --192px: calc(192rem / var(--_special-units---scale-ratio)); --144px: calc(144rem / var(--_special-units---scale-ratio)); --28px: calc(28rem / var(--_special-units---scale-ratio)); --56px: calc(56rem / var(--_special-units---scale-ratio)); --32px: calc(32rem / var(--_special-units---scale-ratio)); --6px: calc(6rem / var(--_special-units---scale-ratio)); --20px: calc(20rem / var(--_special-units---scale-ratio)); --44px: calc(44rem / var(--_special-units---scale-ratio)); --60px: calc(60rem / var(--_special-units---scale-ratio)); --48px: calc(48rem / var(--_special-units---scale-ratio)); --96px: calc(96rem / var(--_special-units---scale-ratio)); --8px: calc(8rem / var(--_special-units---scale-ratio)); --0px: calc(0rem / var(--_special-units---scale-ratio)); --1px: calc(1rem / var(--_special-units---scale-ratio)); --4px: calc(4rem / var(--_special-units---scale-ratio)); --10px: calc(10rem / var(--_special-units---scale-ratio)); --36px: calc(36rem / var(--_special-units---scale-ratio)); --52px: calc(52rem / var(--_special-units---scale-ratio)); --64px: calc(64rem / var(--_special-units---scale-ratio)); --68px: calc(68rem / var(--_special-units---scale-ratio)); --88px: calc(88rem / var(--_special-units---scale-ratio)); --104px: calc(104rem / var(--_special-units---scale-ratio)); --120px: calc(120rem / var(--_special-units---scale-ratio)); --160px: calc(160rem / var(--_special-units---scale-ratio)); --168px: calc(168rem / var(--_special-units---scale-ratio)); --240px: calc(240rem / var(--_special-units---scale-ratio)); --272px: calc(232rem / var(--_special-units---scale-ratio)); --_special-units---100vh: var(--_100svh); --_special-units---offset-r: var(--24px); --_special-units---offset-l: var(--24px); --_special-units---grid-gap: var(--16px); --_special-units---scale-ratio: 4.16; --_special-units---1-cell-v: var(--80px); --_special-units---1-cell-h: var(--80px); --_units---u-0: var(--0px); --_units---u-4: var(--4px); --_units---u-8: var(--8px); --_units---u-12: var(--12px); --_units---u-16: var(--16px); --_units---u-24: var(--16px); --_units---u-32: var(--24px); --_units---u-48: var(--32px); --_units---u-64: var(--48px); --_units---u-96: var(--64px); --_units---u-160: var(--96px); --_units---u-272: var(--120px); } .container.loc { padding-right: var(--_special-units---offset-r); } .grid, .grid._6-columns, .grid._8-columns, .grid._5-columns, .grid._4-columns, .grid._13-columns, .grid._8-columns, .grid._9-columns { grid-template-columns: 1fr 1fr 1fr 1fr; } .grid.h-100 { height: auto; } .b-desk { display: none; } .b-mob { display: block; } .f-mob { display: flex; } .f-desk { display: none; } .img { height: 100%; } .img.h-auto.hero-img { min-height: 100vh; } .img.h-auto.quote-w_bg_img { object-position: 0% 50%; height: 100%; } .input_field { height: var(--40px); padding-right: var(--_units---u-96); padding-left: var(--_units---u-96); } .form_block { flex-flow: column; justify-content: flex-start; height: auto; } .form_success { height: auto; } .form_error { margin-top: var(--_units---u-64); margin-left: calc(var(--_units---u-64) * -1); margin-right: calc(var(--_units---u-64) * -1); position: relative; } .img-w.h-auto.quote-w_bg_img { height: 100%; } .mob_a-left { text-align: left; } .mob_a-center { text-align: center; } .mob_a-right { text-align: right; } ._w-auto { width: auto; } .h-auto { height: auto; } .a2.preloader_a { font-size: calc(48rem / var(--_special-units---scale-ratio)); } .s_title { padding-right: var(--_units---u-0); padding-left: var(--_units---u-0); margin-left: calc(var(--_special-units---grid-gap) * -1); margin-right: calc(var(--_special-units---grid-gap) * -1); grid-area: 1/2/2/4; } .info-s_lead, .info-s_desc { grid-area: 1/1/2/5; } .ico-48 { width: 120px; height: var(--_units---u-64); } .loc-info-w { width: auto; } .loc-info-s { justify-content: flex-start; height: auto; } .loc-info-s_t, .loc-info-s_b { flex: 0 auto; } .benefits-s_cms { grid-area: 1/1/2/5; } .benefit-slide_cap { padding-right: var(--_units---u-0); padding-left: var(--_units---u-0); margin-left: calc(var(--_special-units---grid-gap) * -1); margin-right: calc(var(--_special-units---grid-gap) * -1); grid-area: 1/2/2/4; } .benefit-slide_desc { grid-area: 1/1/2/5; } .benefit-slide_img { width: 100%; height: auto; min-height: 0; } .pag_progress { width: var(--_units---u-272); } .benefits-intro-w { margin-bottom: -1px; } .benefits-intro-s { height: auto; } .benefits-intro-s_title_svg { aspect-ratio: 1; } .hero-s_title { grid-area: 1/1/2/5; } .apart-type-s { height: auto; } .apart-type-s_cms { grid-area: 1/1/2/5; } .apart-type-cms { flex: 0 auto; } .apart-type-cms_list_item { height: auto; inset: 0% 0% auto; } .apart-type-cms_list { height: auto; } .apart-type-slide { justify-content: flex-start; height: auto; } .apart-type-slide_c { order: 3; } .apart-type-slide_b { margin-top: calc(var(--_units---u-32) * -1); flex: 0 auto; order: 2; justify-content: flex-start; } .apart-type-slide_desc { grid-area: 2/1/3/5; } .apart-type-slide_data { text-align: center; grid-area: 1/1/2/5; } .data-list { flex-flow: wrap; justify-content: center; } .apart-type-slide_img-w { order: 1; height: auto; position: relative; } .amen-slide_desc { grid-area: 2/1/3/5; } .amen-slide_title { grid-area: 1/2/2/5; } .amm-s_cms_tabs-w { top: var(--_units---u-272); } .amm-s_cms_tabs { grid-area: 1/2/2/5; } .interior-s_title { grid-area: 1/1/2/5; } .interior-s_title_a { margin-top: calc(var(--40px) * -1); margin-left: calc(var(--16px) * -1); } .interior-s_imgs { grid-column-gap: var(--_units---u-0); grid-row-gap: var(--_units---u-0); flex-flow: column; justify-content: flex-start; } .interior-s_l, .interior-s_r { flex: 0 auto; } .interior-s_l_img-w { padding-right: var(--80px); padding-left: var(--80px); } .interior-s_r_img { grid-area: 1/2/2/5; } .interior-s_r_desc { grid-area: 3/2/4/5; } .interior-s_l_desc { grid-area: 2/2/3/5; } .interior-s_gallery-cms { grid-area: 1/1/2/5; } .gallery-cms { aspect-ratio: 16/12; } .other-s, .other-s_cms, .other-card_info_desc { grid-area: 1/1/2/5; } .other-card_info_logo { width: var(--144px); } .cta-s { aspect-ratio: 2/6; } .cta-s_desc, .cta-s_title { grid-area: 1/1/2/5; } .loc-scroll-area_track { flex-flow: column; } .loc-intro-w { width: auto; } .loc-intro-s { height: auto; } .loc-intro-s_img { aspect-ratio: 3/4; grid-area: 2/2/3/5; } .loc-intro-s_desc { grid-area: 3/2/4/5; } .loc-intro-s_title { grid-area: 1/2/2/5; } .loc-intro-s_cap { grid-area: 1/1/2/3; } .loc-scroll-area_screen { flex-flow: column; position: static; } .loc-intro-s_title_line.is-2 { margin-left: 0; } .interior-s_r_btn { grid-area: 4/2/5/5; justify-content: flex-start; align-items: flex-start; } .btn-circle { height: calc( (var(--_special-units---1-cell-v) * 2) + (var(--_special-units---grid-gap)) ); } .amm-s_cms_btn { grid-area: 1/2/2/5; } .footer-s_contact { grid-area: 1/1/2/5; } .footer-s_address { margin-left: calc(var(--_special-units---grid-gap) * -1); margin-right: calc(var(--_special-units---grid-gap) * -1); grid-area: 2/2/3/4; padding-left: 0; padding-right: 0; } .ico-64 { width: var(--_units---u-64); height: var(--_units---u-64); } .footer-s_info { grid-area: 1/1/2/3; } .footer-s_credits { grid-area: 1/3/2/5; } .error-s_l { grid-area: 2/1/3/3; } .error-s_r { grid-area: 2/3/3/5; } .error-s_c { grid-area: 1/1/2/5; } .error-s_t { flex: 0 auto; } .error-s_desc { grid-area: 1/2/2/4; } .error-s_btn { grid-area: 2/1/3/5; } .error-s_title { grid-column-gap: var(--_special-units---grid-gap); grid-row-gap: var(--_special-units---grid-gap); } .error-s_title_a { margin-top: calc(var(--32px) * -1); } .header-nav { width: calc( (var(--_special-units---1-cell-h) * 2) + (var(--_special-units---grid-gap)) ); } .s-bar { display: none; } .arch-w { position: relative; } .arch-s { aspect-ratio: 2/6; } .arch-s_desc, .arch-s_quote { grid-area: 1/1/2/5; } .arch-s_btn { grid-area: 2/1/3/5; } .hero-s_logo { grid-area: 1/1/2/5; } .hero-s_logo_a { margin-top: calc(var(--24px) * -1); margin-left: calc(var(--16px) * -1); } .hero-w_bg_master { max-height: var(--_special-units---100vh); } .hero-s_desc { grid-area: 1/1/2/8; } .floating-tips { display: none; } .floating-tip-card { z-index: 2; padding-top: var(--_units---u-32); padding-right: var(--_units---u-32); padding-bottom: var(--_units---u-32); padding-left: var(--_units---u-32); width: calc( (var(--_special-units---1-cell-h) * 3) + (var(--_special-units---grid-gap) * 2) ); } .cookies_card { padding: var(--_units---u-32); grid-column-gap: var(--_units---u-16); grid-row-gap: var(--_units---u-16); aspect-ratio: auto; flex-flow: row; justify-content: flex-start; align-items: flex-start; } .cookies_card_title { padding-right: 4.44444rem; } .cookies { z-index: 899; } .cookies_card_t { width: var(--_units---u-160); flex: none; justify-content: flex-start; align-items: flex-start; } .cookies_card_btn-list { justify-content: flex-start; align-items: center; } .contact-s_title, .contact-s_email { grid-area: 1/1/2/5; } .contact-s_loc { margin-left: calc(var(--_special-units---grid-gap) * -1); margin-right: calc(var(--_special-units---grid-gap) * -1); grid-area: 3/2/4/4; padding-left: 0; padding-right: 0; } .contact-s_phone { grid-area: 2/1/3/5; } .contact-s_map { grid-area: 1/1/2/5; margin-left: -65rem; margin-right: -75rem; } .contact-s_btn { grid-area: 2/2/3/5; } .contact-s_map_pin { top: 42%; } .contact-s_map_pin_c { left: auto; } .loc-w_bg { overflow: auto; } .loc-s_desc { flex-flow: column; grid-area: 1/1/2/5; justify-content: flex-end; align-items: center; display: flex; } .header-cramps { display: none; } .contact-s_social { grid-area: 2/1/3/2; } .no-wrap { white-space: nowrap; } .modal_cta { justify-content: flex-end; } .modal_cta_c { max-height: var(--_special-units---100vh); aspect-ratio: auto; margin-left: calc(var(--_special-units---offset-l) * -1); margin-right: calc(var(--_special-units---offset-r) * -1); grid-area: 1/1/2/5; overflow: auto; } .modal_cta_l { flex: 0 auto; justify-content: flex-start; } .modal_cta_l_b, .modal_cta_desc { flex-flow: column; justify-content: flex-start; align-items: center; display: flex; } .modal_cta_a { margin-left: calc(var(--80px) * -1); margin-top: calc(var(--24px) * -1); } .modal_cta_c_c { display: none; } .modal_cta_form { height: auto; } .modal_cta_form_c { justify-content: flex-start; width: 100%; } .form_success_c { height: auto; } .form_success_social { position: relative; } .form_success_desc { flex: 0 auto; } .form_success_title { width: calc(var(--20px) * 8); flex: 0 auto; } .s-bar-w, .s-down { display: none; } .quote-w_bg { aspect-ratio: 1; } .quote-s_c { grid-area: 1/1/2/5; } .loc-w_over-grad { height: calc( (var(--_special-units---1-cell-v) * 2) + (var(--_special-units---grid-gap) * 1) ); } .clouds.is-33 { height: calc(var(--60px) * 5); } .clouds.is-02, .clouds.is-47 { height: calc(var(--48px) * 5); } .loc-intro-s_btn { grid-area: 4/2/5/5; } .loc-path-w { width: auto; } .loc-path-s { justify-content: flex-start; height: auto; } .loc-path-s_title { grid-area: 1/1/2/5; } .loc-path-s_title_a.a2 { margin-top: calc(var(--24px) * -1); } .loc-path-s_path { margin-left: calc(var(--_special-units---offset-l) * -1); margin-right: calc(var(--_special-units---offset-r) * -1); grid-area: 1/1/2/5; overflow: auto; } .apart-type-slide_btn { justify-content: center; align-items: flex-start; } .loc-w_bg_img { width: 200%; } .loc-path-s_path_c { width: 250%; } .soon-s_title { grid-area: 1/1/2/5; } .modal_menu_title { grid-area: 1/2/2/4; } .modal_menu_a { margin-bottom: calc(var(--20px) * -1); margin-left: calc(var(--48px) * -1); } .modal_menu_list { grid-area: 1/1/2/5; } .header-nav_list.f-mob { display: flex; } .moda_tip_close { position: relative; } .apart-s_title { flex-flow: column; justify-content: flex-start; align-items: center; } .apart-s_cms { grid-area: 1/1/2/5; } .apart-benefits-cms_list { grid-row-gap: var(--_units---u-8); grid-template-columns: 1fr; } .apart-benefits-cms_list.c-2 { grid-template-columns: 1fr; } .apart-card_img_sec { display: none; } .apart-s_cms_filter_item { margin-bottom: var(--_units---u-16); grid-column: span 4; } .apart-s_cms_filter_item.is-last { margin-bottom: var(--_units---u-0); } .lot-s_info { height: auto; position: static; } .preloader_title-l, .preloader_title-r { display: none; } .preloader_logo { grid-area: 1/2/2/4; } .preloader_logo_a { margin-top: calc(var(--16px) * -1); margin-left: calc(var(--16px) * -1); } .preloader_progress_fill { height: var(--_units---u-160); } .footer-s_s-top { display: none; } .apart-card_shadow { height: 100%; display: none; } .lot-s_info_c { grid-area: 1/1/2/5; justify-content: flex-start; } .lot-s_info_t { flex: 0 auto; height: auto; overflow: visible; } .lot-s_info_header.is-top { margin-left: 0; } .lot-s_info_data { grid-column-gap: var(--_special-units---grid-gap); grid-row-gap: var(--_units---u-32); grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .lot-s_info_more_content { padding-right: var(--_units---u-160); } .lot-s_media { margin-top: 0; } .lot-s_media_c { padding-right: var(--_special-units---offset-r); padding-left: var(--_special-units---offset-l); grid-column-gap: var(--_units---u-16); grid-row-gap: var(--_units---u-16); aspect-ratio: 1/0.8; margin-left: calc(var(--_special-units---offset-l) * -1); margin-right: calc(var(--_special-units---offset-r) * -1); overscroll-behavior: none; grid-area: 1/1/2/5; display: flex; position: relative; overflow: auto; } .lot-media-cms { flex: none; height: 100%; } .lot-media-cms_list { flex-flow: row; height: 100%; padding-left: 0; padding-right: 0; } .lot-media-cms_list_item { flex: none; height: 100%; } .lot-s_media_layout { grid-column-gap: var(--_units---u-16); grid-row-gap: var(--_units---u-16); flex-flow: row; flex: none; justify-content: flex-start; height: 100%; } .lot-s_info_line { display: none; } .lot-s_media_layout_img-prim { aspect-ratio: 1; flex: none; width: auto; height: 100%; margin-top: 0; margin-bottom: 0; padding-left: 0; padding-right: 0; } .lot-s_media_layout_diagrams { bottom: var(--_units---u-0); height: var(--_units---u-64); padding-right: var(--_units---u-0); flex-flow: row; justify-content: center; align-items: center; position: relative; } .block-diagram_hilight { height: 100%; } .lot-s_media_layout_img-sec { aspect-ratio: 1; flex: none; width: auto; height: 100%; margin-top: 0; margin-bottom: 0; padding-left: 0; padding-right: 0; } .hero-s_tabs { display: none; } .lot-s_info_header_num { justify-content: space-between; align-items: center; display: flex; } .scroll-area_screen { flex-flow: column; } .other-title-w { margin-bottom: -1px; } .other-title-s { height: auto; } .other-title-s_title { grid-area: 1/1/2/5; } .apart-cms_list { grid-row-gap: var(--_units---u-8); grid-template-columns: 1fr; } .apart-s_cms_empty_info { grid-area: 1/1/2/5; } .apart-s_cms_empty_title { padding-left: var(--_units---u-32); } .video { height: 100%; } .flower { width: calc(var(--40px) * 10); height: calc(var(--40px) * 10); } .flower.loc-info { left: calc( ((32rem / var(--_special-units---scale-ratio)) * -1) - var(--_special-units---offset-r) ); top: calc((48rem / var(--_special-units---scale-ratio)) * -1); } .flower.loc-intro { left: calc((96rem / var(--_special-units---scale-ratio)) * -1); bottom: calc((0rem / var(--_special-units---scale-ratio)) * -1); transform: rotate(180deg); } .flower.apart-info { left: calc( ((32rem / var(--_special-units---scale-ratio)) * -1) - var(--_special-units---offset-r) ); } .flower.asd { left: calc( ((32rem / var(--_special-units---scale-ratio)) * -1) - var(--_special-units---offset-r) ); top: calc((48rem / var(--_special-units---scale-ratio)) * -1); } .flower.apart { top: calc((64rem / var(--_special-units---scale-ratio)) * -1); right: calc( ((64rem / var(--_special-units---scale-ratio)) * -1) - var(--_special-units---offset-r) ); } .flower.apart-info-copy { left: calc( ((32rem / var(--_special-units---scale-ratio)) * -1) - var(--_special-units---offset-r) ); } .flower.other { right: calc( ((96rem / var(--_special-units---scale-ratio)) * -1) - var(--_special-units---offset-r) ); } .loc-path-w_flower { display: none; } .modal_lightbox_content { z-index: 2; width: 100%; height: calc(100% - (var(--_units---u-48) * 6)); } .modal_decor { left: var(--_units---u-8); top: var(--_units---u-8); right: var(--_units---u-8); bottom: var(--_units---u-8); } .apart_themes_light-1, .apart_themes_color-1 { height: 25rem; } .interior_themes_light-1 { height: 80rem; } .interior_themes_light-2 { flex: none; display: none; } .interior_themes_dark-2 { height: 125rem; } .l1-list { grid-column-gap: var(--_units---u-8); grid-row-gap: var(--_units---u-8); justify-content: center; align-items: center; display: flex; } } @media screen and (max-width: 767px) { .hero-scroll-area { height: calc( (var(--_special-units---100vh) * 2) + (50rem + var(--_special-units---100vh)) ); } } @media screen and (max-width: 991px) { #w-node-a93c3093-e77a-7926-27af-e0a2d9898e16-d9898e13 { grid-column: 1/5; } } .header-logo_bg { width: 120px; aspect-ratio: 330.2 / 274.9; } .header-logo_img { display: block; width: 100%; height: 100%; } /* st0 = top part (ikebana + "Siddharth"), st1 = bottom part ("The Heritage") */ .header-logo .header-logo_img .st0 { fill: var(--logo-top) !important; transition: fill 0.4s ease; } .header-logo .header-logo_img .st1 { fill: var(--logo-bottom) !important; transition: fill 0.4s ease; } /* Default, before any section is reached */ .header-logo { --logo-top: #c59946; --logo-bottom: #ffffff; } /* data-bg="light": light/cream sections */ .header-logo.theme_on-light { --logo-top: #c59946; --logo-bottom: #025433; } /* data-bg="dark": dark sections */ .header-logo.theme_on-dark { --logo-top: #c59946; --logo-bottom: #025433; } /* data-bg="color": brand-colored/image sections (hero, amenities) */ .header-logo.theme_on-color { --logo-top: #c59946; --logo-bottom: #ffffff; } .header-logo.logo-floorplan { --logo-top: #ffffff; --logo-bottom: #025433; } .header-logo.logo-footer { --logo-top: #c59946; --logo-bottom: #ffffff; } body{ background-color: #ffeac1 !important; } a:hover{ transition: .5s; color: #c59946; } .floating_btn { z-index: 1000; flex-direction: column; justify-content: center; align-items: center; width: 70px; height: 70px; display: flex; position: fixed; bottom: -5px; right: -2px; } .floating_btn .contact_icon { color: rgb(255, 255, 255); text-align: center; background-color: rgb(66, 219, 135); justify-content: center; align-items: center; width: 50px; height: 50px; font-family: sans-serif; font-size: 30px; font-weight: 400; display: flex; transform: translateY(0px); box-shadow: rgb(66, 219, 135) 0px 0px; border-radius: 50px; transition: 0.3s ease-in-out; animation: 1.25s cubic-bezier(0.66, 0, 0, 1) 0s infinite normal none running pulsing; text-decoration: none !important; } @keyframes pulsing { 100% { box-shadow: rgba(232, 76, 61, 0) 0px 0px 0px 30px; } } .enquiry-btn{ position: fixed; transform: rotate(270deg) translateY(50%); right: -37px; top: 50%; width: fit-content; background-color: var(--green); color: #fff; border: none; z-index: 999; font-family: var(--popins); font-size: 16px; padding: 11px 18px; text-transform: uppercase; border-radius: 10px 10px 0px 0px; } /* ========================================== MOBILE MENU (hamburger -> Contact / Brochure) ========================================== */ .mob-menu, .mob-menu__backdrop { display: none; } @media (max-width: 991px) { /* Theme: change these to restyle the menu */ .mob-menu { --mm-bg: var(--green, #0e5433); --mm-text: #f3f3ec; --mm-accent: #c59946; --mm-line: rgba(243, 243, 236, 0.18); --mm-ease: cubic-bezier(0.25, 1, 0.5, 1); position: fixed; top: calc(var(--_special-units---offset-r) + 36px); right: var(--_special-units---offset-r); z-index: 1300; display: block; width: min(260px, calc(100vw - (var(--_special-units---offset-r) * 2))); pointer-events: none; visibility: hidden; /* wait for the close animation before hiding */ transition: visibility 0s linear 0.55s; } .mob-menu.is-open { pointer-events: auto; visibility: visible; transition-delay: 0s; } .mob-menu__card { display: flex; flex-direction: column; padding: 6px 0; border: 1px solid var(--mm-accent); border-radius: 4px; background: var(--mm-bg); color: var(--mm-text); box-shadow: 0 18px 40px rgba(0, 0, 0, 0.28); /* closed state: collapsed upward */ clip-path: inset(0 0 100% 0); opacity: 0; transform: translateY(-10px); transition: clip-path 0.55s var(--mm-ease), opacity 0.35s ease, transform 0.55s var(--mm-ease); } .mob-menu.is-open .mob-menu__card { clip-path: inset(0 0 0 0); opacity: 1; transform: translateY(0); } .mob-menu__link { display: flex; align-items: center; gap: 14px; width: 100%; padding: 16px 10px; border: 0; background: transparent; color: var(--mm-text); font-family: var(--_fonts---font-body); font-size: 12px; font-weight: 700; letter-spacing: 0.14em; line-height: 1; text-align: left; text-transform: uppercase; text-decoration: none; cursor: pointer; -webkit-tap-highlight-color: transparent; /* items rise in one after another */ opacity: 0; transform: translateY(8px); transition: opacity 0.35s ease, transform 0.45s var(--mm-ease), background-color 0.25s ease; } .mob-menu.is-open .mob-menu__link { opacity: 1; transform: translateY(0); } .mob-menu.is-open .mob-menu__link:nth-child(1) { transition-delay: 0.12s, 0.12s, 0s; } .mob-menu.is-open .mob-menu__link:nth-child(2) { transition-delay: 0.2s, 0.2s, 0s; } .mob-menu__link + .mob-menu__link { border-top: 1px solid var(--mm-line); } .mob-menu__link:active, .mob-menu__link:focus-visible { background: rgba(255, 255, 255, 0.07); outline: none; } .mob-menu__num { color: var(--mm-accent); font-size: 10px; letter-spacing: 0.1em; } .mob-menu__text { flex: 1; } .mob-menu__arrow { color: var(--mm-accent); transition: transform 0.3s var(--mm-ease); } .mob-menu__link:active .mob-menu__arrow { transform: translateX(4px); } /* dimmed page behind the menu (below the header, so Menu/Close stays clickable) */ .mob-menu__backdrop { position: fixed; inset: 0; z-index: 1190; display: block; background: rgba(6, 10, 8, 0.45); opacity: 0; pointer-events: none; transition: opacity 0.4s ease; } .mob-menu__backdrop.is-open { opacity: 1; pointer-events: auto; } /* hamburger dots -> X */ .btn-menu { -webkit-tap-highlight-color: transparent; user-select: none; } .btn-menu [data-ico-menu] { transition: transform 0.45s cubic-bezier(0.25, 1, 0.5, 1); } .btn-menu.is-open [data-ico-menu="is-1"] { transform: rotate(-45deg); } .btn-menu.is-open [data-ico-menu="is-2"] { transform: rotate(45deg); } } @media (prefers-reduced-motion: reduce) { .mob-menu, .mob-menu__card, .mob-menu__link, .mob-menu__backdrop, .btn-menu [data-ico-menu] { transition-duration: 0.01s !important; transition-delay: 0s !important; } }