@charset "UTF-8";
/**
 * NORMALIZE
 * DIADAO
 */
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

/* DIADAO
---------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio {
  margin: 0;
  padding: 0;
  border: 0;
}
html:focus, body:focus, div:focus, span:focus, applet:focus, object:focus, iframe:focus, h1:focus, h2:focus, h3:focus, h4:focus, h5:focus, h6:focus, p:focus, blockquote:focus, pre:focus, a:focus, abbr:focus, acronym:focus, address:focus, big:focus, cite:focus, code:focus, del:focus, dfn:focus, em:focus, img:focus, ins:focus, kbd:focus, q:focus, s:focus, samp:focus, small:focus, strike:focus, strong:focus, sub:focus, sup:focus, tt:focus, var:focus, b:focus, u:focus, i:focus, center:focus, dl:focus, dt:focus, dd:focus, ol:focus, ul:focus, li:focus, fieldset:focus, form:focus, label:focus, legend:focus, table:focus, caption:focus, tbody:focus, tfoot:focus, thead:focus, tr:focus, th:focus, td:focus, article:focus, aside:focus, canvas:focus, details:focus, embed:focus, figure:focus, figcaption:focus, footer:focus, header:focus, hgroup:focus, menu:focus, nav:focus, output:focus, ruby:focus, section:focus, summary:focus, time:focus, mark:focus, audio:focus {
  outline: 0;
}

*, *:before, *:after {
  box-sizing: border-box;
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

body {
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -webkit-appearance: none;
  -moz-osx-font-smoothing: grayscale;
  font-variant: normal;
  text-transform: none;
  font-style: normal;
  font-weight: normal;
}

q {
  quotes: "“" "”" "‘" "’";
}

textarea {
  vertical-align: top;
}

pre {
  white-space: pre-wrap;
}

hr {
  display: block;
  height: 1px;
  background-color: #000;
  border: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
}

img {
  -ms-interpolation-mode: bicubic;
}

a {
  color: inherit;
}

button, input, optgroup, select, textarea {
  text-align: inherit;
  font-family: inherit;
  color: inherit;
  text-transform: inherit;
}

button, input {
  padding: 0;
  margin: 0;
  border-radius: 0;
  background: transparent;
}

button, input[type=submit] {
  cursor: pointer;
}

li {
  list-style: none;
}

/* Slick */
.slick-slide:focus {
  outline: 0;
}

/* Form */
input[type=text], input[type=email], input[type=tel], textarea {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

input::placeholder, textarea::placeholder {
  opacity: 1;
}

@font-face {
  font-family: "chesna_grotesk";
  src: url("../fonts/chesna/chesnagrotesk-book-webfont.woff2") format("woff2"), url("../fonts/chesna/chesnagrotesk-book-webfont.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "chesna_grotesk";
  src: url("../fonts/chesna/chesnagrotesk-medium-webfont.woff2") format("woff2"), url("../fonts/chesna/chesnagrotesk-medium-webfont.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "chesna_grotesk";
  src: url("../fonts/chesna/chesnagrotesk-medium-webfont.woff2") format("woff2"), url("../fonts/chesna/chesnagrotesk-medium-webfont.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "chesna_grotesk";
  src: url("../fonts/chesna/chesnagrotesk-semibold-webfont.woff2") format("woff2"), url("../fonts/chesna/chesnagrotesk-semibold-webfont.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "chesna_grotesk";
  src: url("../fonts/chesna/chesnagrotesk-semibold-webfont.woff2") format("woff2"), url("../fonts/chesna/chesnagrotesk-semibold-webfont.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
/* latin-ext */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6u-w4BMUTPHjxsIPx-mPCLC79U11vU.woff2) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6u-w4BMUTPHjxsIPx-oPCLC79U1.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6u_w4BMUTPHjxsI9w2_FQftx9897sxZ.woff2) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6u_w4BMUTPHjxsI9w2_Gwftx9897g.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6u8w4BMUTPHjxsAUi-qNiXg7eU0.woff2) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6u8w4BMUTPHjxsAXC-qNiXg7Q.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6u_w4BMUTPHjxsI5wq_FQftx9897sxZ.woff2) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6u_w4BMUTPHjxsI5wq_Gwftx9897g.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6u_w4BMUTPHjxsI3wi_FQftx9897sxZ.woff2) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6u_w4BMUTPHjxsI3wi_Gwftx9897g.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6u8w4BMUTPHh30AUi-qNiXg7eU0.woff2) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6u8w4BMUTPHh30AXC-qNiXg7Q.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh7USSwaPGQ3q5d0N7w.woff2) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh7USSwiPGQ3q5d0.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjxAwXiWtFCfQ7A.woff2) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjx4wXiWtFCc.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh6UVSwaPGQ3q5d0N7w.woff2) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh6UVSwiPGQ3q5d0.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh50XSwaPGQ3q5d0N7w.woff2) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh50XSwiPGQ3q5d0.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*************************/
/* Mixins */
/*************************/
:root {
  --diadao-button-close-width: 64px;
  --diadao-button-close-height: 46px;
  --diadao-button-close-radius: 4px;
  --diadao-snippet-close-button-top: 0px;
}
@media only screen and (min-width: 992px) {
  :root {
    --diadao-button-close-width: 64px;
    --diadao-button-close-height: 64px;
  }
}

body .lang-menu li {
  text-align: center;
}
body .lang-menu a {
  display: inline-flex;
  height: 54px;
  font-size: 1rem;
  font-weight: 500;
  color: #000;
  padding: 0px 24px;
  border-radius: 5px;
  background-color: #FFF;
}
@media only screen and (min-width: 992px) {
  body .lang-menu a {
    height: 64px;
    font-size: 1rem;
    border-radius: 4px;
  }
}
body .lang-menu .dropdown-toggle {
  width: auto;
  display: inline-flex;
  column-gap: 8px;
  height: 54px;
  border-radius: 4px;
}
@media only screen and (min-width: 992px) {
  body .lang-menu .dropdown-toggle {
    height: 64px;
  }
}
body .lang-menu .dropdown-toggle::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  -webkit-mask-image: url("../images/svg/icon-chevron-down2.svg");
  mask-image: url("../images/svg/icon-chevron-down2.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  vertical-align: middle;
  border: none;
  background-color: currentColor;
  transition: transform 0.3s;
}
body .lang-menu .dropdown-toggle.show, body .lang-menu .dropdown-toggle:hover {
  background: #FFF;
  color: #000;
}
body .lang-menu .dropdown-toggle.show {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
body .lang-menu .dropdown-toggle.show::after {
  transform: rotate(180deg);
}
body .lang-menu .dropdown-menu {
  --bs-dropdown-min-width: 0px;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  overflow: hidden;
  top: -2px !important;
  transition: background-color 0.25s ease-in-out;
}
@media only screen and (max-width: 991px) {
  body .lang-menu .dropdown-menu {
    top: auto !important;
    bottom: 100% !important;
    transform: none !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
}
body .lang-menu .dropdown-menu .dropdown-item {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  height: auto;
  padding: 8px;
  text-align: left;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  border-radius: 0px;
  background-color: #FFF;
  padding: 20px 24px;
  --bs-dropdown-link-active-color: $pureblack;
}
body .lang-menu .dropdown-menu.show .dropdown-item {
  height: auto;
  text-align: left;
  align-items: flex-start;
  justify-content: flex-start;
  border-radius: 0px;
  background-color: #FFF;
}

html body {
  opacity: 1;
  visibility: visible;
  background-color: #FFF;
}
html body .todo {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 40px;
  background: tomato;
  font-weight: 700;
  padding: 20px;
  color: #F5F1ED;
}
html body.diasdk-ready {
  animation: none;
}
html body.offcanvas-opened {
  overflow: clip !important;
}
html body.sdkbs-panel-opened, html body.mainmenu-opened {
  overflow: hidden;
}
html body.modal-open .btn-close {
  opacity: 1 !important;
}
html body.paneltype-modal .offcanvas-backdrop {
  display: none;
}
html body section {
  position: relative;
}

.offcanvas {
  --bs-offcanvas-height: 100%;
}
.offcanvas-body {
  min-height: 100%;
  overscroll-behavior: contain;
}
.offcanvas-body > .container {
  height: 100%;
}
.offcanvas-header {
  z-index: 6;
}

.module-html,
.section-form-rgpd {
  position: relative;
}
.module-html .container,
.section-form-rgpd .container {
  position: relative;
}

.module-page {
  display: grid;
  grid-template-columns: calc(16px - 16px) repeat(6, minmax(0px, 1fr)) calc(16px - 16px);
  align-items: center;
  column-gap: 16px;
  row-gap: 16px;
  padding-top: 60px;
  padding-bottom: 60px;
}
@media only screen and (min-width: 992px) {
  .module-page {
    column-gap: 24px;
    row-gap: 108px;
    grid-template-columns: repeat(14, minmax(0px, 1fr));
  }
}
@media only screen and (min-width: 992px) {
  .module-page {
    padding-top: 8vh;
    padding-bottom: 8vh;
  }
}
@media only screen and (max-width: 991px) {
  .sepheader + .module-page {
    padding-top: 16px;
  }
}
@media only screen and (min-width: 992px) {
  .module-page {
    justify-items: center;
  }
}
.module-page .kwpb-wysiwig, .module-page .offcanvas.type-diadaopopup .sdk-popup__text, .offcanvas.type-diadaopopup .module-page .sdk-popup__text {
  grid-column-start: 2;
  grid-column-end: span 6;
}
@media only screen and (min-width: 992px) {
  .module-page .kwpb-wysiwig, .module-page .offcanvas.type-diadaopopup .sdk-popup__text, .offcanvas.type-diadaopopup .module-page .sdk-popup__text {
    grid-column-start: 3;
    grid-column-end: span 10;
    max-width: 1200px;
  }
}
.module-page .kwpb-wysiwig h3, .module-page .offcanvas.type-diadaopopup .sdk-popup__text h3, .offcanvas.type-diadaopopup .module-page .sdk-popup__text h3 {
  margin: 3rem 0 1.5rem;
}

.nav-pills {
  --bs-nav-pills-link-active-color: $blue-main;
  --bs-nav-pills-link-active-bg: transparent;
  --bs-nav-link-font-weight: 600;
}

.anim-bg {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  pointer-events: none;
}
.anim-bg-content {
  position: absolute;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  background: #FFF;
  pointer-events: none;
}

#diadao-main section {
  position: relative;
  z-index: 2;
}

@media only screen and (min-width: 992px) {
  .sepheader {
    height: 112px;
  }
}

html body.sdkbs-panel-not-opened .offcanvas-backdrop.backdrop-sdk, html body.page .offcanvas-backdrop.backdrop-sdk {
  display: block !important;
  pointer-events: none;
  z-index: 1040;
}
html body.sdkbs-panel-not-opened .offcanvas-backdrop.backdrop-sdk.showing, html body.sdkbs-panel-not-opened .offcanvas-backdrop.backdrop-sdk.show, html body.page .offcanvas-backdrop.backdrop-sdk.showing, html body.page .offcanvas-backdrop.backdrop-sdk.show {
  display: block;
  pointer-events: auto;
  opacity: 0.5;
  visibility: visible;
}

@media only screen and (max-width: 991px) {
  body section:not(.banner) .video-wrapper a.button-video {
    bottom: auto;
    right: auto;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: none;
    background: transparent;
    border-radius: 0px;
    border: none;
    cursor: pointer;
  }
  body section:not(.banner) .video-wrapper a.button-video span {
    display: none;
  }
}

.offcanvas.showing .offcanvas-body {
  overflow: hidden;
}

::-webkit-scrollbar {
  width: 7px;
  height: 3px;
  padding-left: 7px;
}

::-webkit-scrollbar-track {
  background-color: #FFF;
}

::-webkit-scrollbar-thumb {
  height: 50px;
  background-color: #CCCCCC;
}

:root {
  --color-select: #AD172B;
}

::selection {
  color: #FFF;
  background: var(--color-select);
}

html.kwpb-fo-edit-enabled body.device-desktop.logged-in.kwpb-fo-edit-active.sdkbs-panel-opening #diadao-main #main .offcanvas button.diasdk-quickedit-btn, html.kwpb-fo-edit-enabled body.device-desktop.logged-in.kwpb-fo-edit-active.sdkbs-panel-opened #diadao-main #main .offcanvas button.diasdk-quickedit-btn {
  display: block !important;
}

html {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.04em;
  color: #1F1F1F;
}
html body {
  font-family: "chesna_grotesk", sans-serif;
  font-weight: 300;
  color: #000;
}
html body a {
  transition: color 0.25s ease-in-out, opacity 0.25s ease-in-out;
  text-decoration: none;
}

.commontext, .content-medias__content__text, .offcanvas-readmore .offcanvas-body {
  font-size: 0.875rem;
  line-height: 1.5rem;
  font-weight: 300;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 992px) {
  .commontext, .content-medias__content__text, .offcanvas-readmore .offcanvas-body {
    font-size: 1.25rem;
    line-height: 2rem;
  }
}
.commontext p, .content-medias__content__text p, .offcanvas-readmore .offcanvas-body p {
  margin: 0px 0px 1.5rem;
}
@media only screen and (min-width: 992px) {
  .commontext p, .content-medias__content__text p, .offcanvas-readmore .offcanvas-body p {
    margin: 0px 0px 2rem;
  }
}
.commontext p:last-child, .content-medias__content__text p:last-child, .offcanvas-readmore .offcanvas-body p:last-child {
  margin-bottom: 0px;
}
@media only screen and (min-width: 992px) {
  .commontext p:last-child, .content-medias__content__text p:last-child, .offcanvas-readmore .offcanvas-body p:last-child {
    margin-bottom: 0px;
  }
}
.commontext a:not([class^=btn]):not([class^=button]):not(.kwpb-more-text-button), .content-medias__content__text a:not([class^=btn]):not([class^=button]):not(.kwpb-more-text-button), .offcanvas-readmore .offcanvas-body a:not([class^=btn]):not([class^=button]):not(.kwpb-more-text-button) {
  color: inherit;
  text-decoration: underline;
  font-weight: 600;
}
.commontext strong, .content-medias__content__text strong, .offcanvas-readmore .offcanvas-body strong, .commontext bold, .content-medias__content__text bold, .offcanvas-readmore .offcanvas-body bold {
  font-weight: 600;
}
@media only screen and (min-width: 992px) {
  .commontext .kwpb-more-text-button, .content-medias__content__text .kwpb-more-text-button, .offcanvas-readmore .offcanvas-body .kwpb-more-text-button {
    margin-top: 16px;
  }
}

h1,
.title-h1, .title-h1 * {
  font-family: "freight-big-pro", serif;
  font-size: 2.5rem;
  line-height: 2.5rem;
  font-weight: 300;
}
@media only screen and (min-width: 992px) {
  h1,
  .title-h1, .title-h1 * {
    font-size: 5.25rem;
    line-height: 4.75rem;
  }
}
@media only screen and (min-width: 1640px) {
  h1,
  .title-h1, .title-h1 * {
    font-size: 8rem;
    line-height: 7rem;
  }
}

.title-big, .title-big * {
  font-family: "freight-big-pro", serif;
  font-size: 2.5rem;
  line-height: 3rem;
  font-weight: 400;
  letter-spacing: -0.05em;
}
@media only screen and (min-width: 992px) {
  .title-big, .title-big * {
    font-size: 5rem;
    line-height: 1em;
  }
}
@media only screen and (min-width: 1440px) {
  .title-big, .title-big * {
    font-size: 8rem;
    line-height: 0.9em;
  }
}

h2,
.title-h2,
.content-medias__content__title,
.module-page h2,
.module-page .titre,
.module-page h3,
.module-page .soustitre, .title-h2 *, .content-medias__content__title *, .module-page h2 *, .module-page .titre *, .module-page h3 *, .module-page .soustitre * {
  font-family: "freight-big-pro", serif;
  font-size: 1.5rem;
  line-height: 1.625rem;
  font-weight: 300;
}
@media only screen and (min-width: 992px) {
  h2,
  .title-h2,
  .content-medias__content__title,
  .module-page h2,
  .module-page .titre,
  .module-page h3,
  .module-page .soustitre, .title-h2 *, .content-medias__content__title *, .module-page h2 *, .module-page .titre *, .module-page h3 *, .module-page .soustitre * {
    font-size: 3.5rem;
    line-height: 3rem;
  }
}

h3,
.title-h3, .title-h3 * {
  font-family: "freight-big-pro", serif;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
}
@media only screen and (min-width: 992px) {
  h3,
  .title-h3, .title-h3 * {
    font-size: 2.5rem;
    line-height: 3rem;
  }
}

.title-bigbold, .title-bigbold * {
  font-family: "chesna_grotesk", sans-serif;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 500;
}
@media only screen and (min-width: 992px) {
  .title-bigbold, .title-bigbold * {
    font-size: 2rem;
    line-height: 2.5rem;
  }
}

.title-bold, .title-bold * {
  font-family: "chesna_grotesk", sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
}
@media only screen and (min-width: 992px) {
  .title-bold, .title-bold * {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

.subtitle, .subtitle * {
  font-family: "chesna_grotesk", sans-serif;
  font-size: 0.625rem;
  line-height: 1rem;
  font-weight: 500;
  letter-spacing: -0.03em;
  color: #AD172B;
  transition: color 0.3s;
  text-transform: uppercase;
}
@media only screen and (min-width: 992px) {
  .subtitle, .subtitle * {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }
}

.object-category {
  font-family: "chesna_grotesk", sans-serif;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.56px;
}
@media only screen and (min-width: 992px) {
  .object-category {
    letter-spacing: 0.8px;
  }
}

.title-n2,
.object-title {
  font-family: "chesna_grotesk", sans-serif;
  font-size: 24px;
  line-height: 1.5;
  letter-spacing: 1px;
  font-weight: 700;
  text-transform: uppercase;
}
@media only screen and (min-width: 992px) {
  .title-n2,
  .object-title {
    letter-spacing: 1.3px;
    font-size: 32px;
  }
}

.label, .v-area .thumb-infos__size {
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: 2.5px;
  font-size: 10px;
}

.text-big, .text-big--bold, .practical-infos__list .list__item__title {
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: 0.5px;
  color: #000;
  text-transform: none;
}
@media only screen and (min-width: 992px) {
  .text-big, .text-big--bold, .practical-infos__list .list__item__title {
    font-size: 28px;
    line-height: 1.3;
    letter-spacing: 0.8px;
  }
}
.text-big--bold, .practical-infos__list .list__item__title {
  font-weight: 700;
}

.text-price {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.8px;
}
@media only screen and (min-width: 992px) {
  .text-price {
    font-size: 28px;
  }
}

.old-price {
  font-weight: 700;
}
.old-price__wrapper {
  position: relative;
  display: inline-flex;
}
.old-price__wrapper::before {
  content: "";
  position: absolute;
  height: 2px;
  top: calc(50% - 1px);
  width: 100%;
  background: currentColor;
}

.screen-reader-text, .images-blocks .list__item__link span, #social-menu a span {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
}

.kwpb-wysiwig a:not([class*=btn]):not([class*=button]), .offcanvas.type-diadaopopup .sdk-popup__text a:not([class*=btn]):not([class*=button]) {
  color: inherit;
  text-decoration: underline;
}
.kwpb-wysiwig a:not([class*=btn]):not([class*=button]):hover, .offcanvas.type-diadaopopup .sdk-popup__text a:not([class*=btn]):not([class*=button]):hover {
  opacity: 0.8;
}
.kwpb-wysiwig p, .offcanvas.type-diadaopopup .sdk-popup__text p {
  margin-bottom: 1.5rem;
}
.kwpb-wysiwig p span[style*=underline], .offcanvas.type-diadaopopup .sdk-popup__text p span[style*=underline] {
  position: relative;
  font-weight: normal;
  display: inline-block;
  z-index: 1;
  text-decoration: none !important;
}
.kwpb-wysiwig p span[style*=underline]::before, .offcanvas.type-diadaopopup .sdk-popup__text p span[style*=underline]::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 8px;
  background-color: #FDD570;
  z-index: -1;
}
.kwpb-wysiwig ul + p, .offcanvas.type-diadaopopup .sdk-popup__text ul + p {
  margin-top: 1.5rem;
}
.kwpb-wysiwig ul, .offcanvas.type-diadaopopup .sdk-popup__text ul, .kwpb-wysiwig ol, .offcanvas.type-diadaopopup .sdk-popup__text ol {
  margin-block: 0.625rem;
  overflow: hidden;
}
.kwpb-wysiwig ul li, .offcanvas.type-diadaopopup .sdk-popup__text ul li, .kwpb-wysiwig ol li, .offcanvas.type-diadaopopup .sdk-popup__text ol li {
  position: relative;
  margin-top: 0.875rem;
  padding-left: 24px;
}
.kwpb-wysiwig ul li::before, .offcanvas.type-diadaopopup .sdk-popup__text ul li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url("../images/svg/icon-chevron-right.svg");
  mask-image: url("../images/svg/icon-chevron-right.svg");
  -webkit-mask-size: 16px;
  mask-size: 16px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: left;
  mask-position: left;
  background-color: #9C6E47;
}
.kwpb-wysiwig ol, .offcanvas.type-diadaopopup .sdk-popup__text ol {
  counter-reset: list;
}
.kwpb-wysiwig ol li::before, .offcanvas.type-diadaopopup .sdk-popup__text ol li::before {
  counter-increment: list;
  content: counter(list);
  position: absolute;
  top: 0;
  left: 0;
  line-height: 1.5;
  font-weight: 400;
  color: #273582;
}

:root {
  --kwpb-gform-input-bgcolor: #FFF;
  --kwpb-gform-select-icon-color: #1F1F1F;
  --kwpb-gform-primary-color: #AD172B;
  --kwpb-gform-input-focus-border-color: #1F1F1F;
  --kwpb-gform-input-border-radius: 0px;
  --kwpb-gform-input-color: #1F1F1F;
  --kwpb-gform-input-font-weight: 300;
  --kwpb-gform-border-radius: 0px;
  --kwpb-gform-primary-color-bis: rgba(0, 0, 0, 0.05);
  --kwpb-gform-font-size: rem(16px);
  --kwpb-gform-padding-horizontal: 16px;
}
@media only screen and (min-width: 992px) {
  :root {
    --kwpb-gform-font-size: rem(20px);
    --kwpb-gform-padding-horizontal: 32px;
  }
}

html body.page.sdk-gform-css .gform_wrapper form .gform_body .gform_fields {
  grid-column-gap: 0;
  grid-row-gap: 0;
  width: auto;
}
@media only screen and (max-width: 991px) {
  html body.page.sdk-gform-css .gform_wrapper form .gform_body .gform_fields {
    display: block;
    margin-inline: 0;
  }
}
html body.page.sdk-gform-css .gform_wrapper form .gform_body .gfield {
  margin-inline: 0;
  /* Submit */
  /*&--type-fileupload {
      label.gfield_label {
          margin-block: 0px !important; 
          color: $color-text !important;
      }

      .gform_drop_area {
          .gform_drop_instructions {
              font-size: var(--kwpb-gform-font-size);
              color: $color-text;
          }
      }
  }*/
}
@media only screen and (min-width: 992px) {
  html body.page.sdk-gform-css .gform_wrapper form .gform_body .gfield {
    margin: 16px 8px 0 8px;
  }
}
html body.page.sdk-gform-css .gform_wrapper form .gform_body .gfield label.gfield_label {
  left: var(--kwpb-gform-padding-horizontal);
}
html body.page.sdk-gform-css .gform_wrapper form .gform_body .gfield label.gfield_label.isfocused {
  color: #F5F1ED;
}
html body.page.sdk-gform-css .gform_wrapper form .gform_body .gfield.diadao-gfield-label-enabled label.gfield_label {
  font-size: var(--kwpb-gform-font-size);
}
html body.page.sdk-gform-css .gform_wrapper form .gform_body .gfield.diadao-gfield-label-enabled.diadao-gfield-small label.gfield_label {
  font-size: 10px;
}
html body.page.sdk-gform-css .gform_wrapper form .gform_body .gfield.gfield--type-select.select-display-label label.gfield_label {
  top: 0;
  transform: none;
  padding: 8px 0px;
  line-height: 1em;
  z-index: 8;
  height: auto;
}
html body.page.sdk-gform-css .gform_wrapper form .gform_body .gfield.gfield--width-full {
  flex-basis: calc(100% - 16px);
}
html body.page.sdk-gform-css .gform_wrapper form .gform_body .gfield.gfield--width-half {
  flex-basis: calc(100% - 16px);
}
@media only screen and (min-width: 640px) {
  html body.page.sdk-gform-css .gform_wrapper form .gform_body .gfield.gfield--width-half {
    flex-basis: calc(50% - 16px);
  }
}
html body.page.sdk-gform-css .gform_wrapper form .gform_body .gfield.gfield_visibility_hidden {
  position: absolute;
}
html body.page.sdk-gform-css .gform_wrapper form .gform_body .gfield .ginput_container input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
html body.page.sdk-gform-css .gform_wrapper form .gform_body .gfield .ginput_container textarea,
html body.page.sdk-gform-css .gform_wrapper form .gform_body .gfield .ginput_container select {
  border: 1px solid #F4E8DA;
  font-weight: var(--kwpb-gform-input-font-weight);
  color: var(--kwpb-gform-input-color);
  resize: none;
  box-shadow: none;
  height: 80px;
  padding-left: var(--kwpb-gform-padding-horizontal);
  padding-right: var(--kwpb-gform-padding-horizontal);
}
@media only screen and (max-width: 991px) {
  html body.page.sdk-gform-css .gform_wrapper form .gform_body .gfield .ginput_container input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
  html body.page.sdk-gform-css .gform_wrapper form .gform_body .gfield .ginput_container textarea,
  html body.page.sdk-gform-css .gform_wrapper form .gform_body .gfield .ginput_container select {
    height: 54px;
    padding-top: 14px;
  }
}
html body.page.sdk-gform-css .gform_wrapper form .gform_body .gfield .ginput_container input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus, html body.page.sdk-gform-css .gform_wrapper form .gform_body .gfield .ginput_container textarea:focus, html body.page.sdk-gform-css .gform_wrapper form .gform_body .gfield .ginput_container html body.sdk-gform-css .gform_wrapper .gfield .ginput_container select:focus {
  /*background: var(--kwpb-gform-input-focus-border-color);
  color: $white;*/
  border-color: #AD172B;
}
html body.page.sdk-gform-css .gform_wrapper form .gform_body .gfield .ginput_container select {
  padding-top: 1.6875rem !important;
  background: none;
  font-size: var(--kwpb-gform-font-size) !important;
}
@media only screen and (max-width: 991px) {
  html body.page.sdk-gform-css .gform_wrapper form .gform_body .gfield .ginput_container select {
    padding-top: 1rem !important;
  }
}
html body.page.sdk-gform-css .gform_wrapper form .gform_body .gfield .ginput_container textarea.large {
  height: 7.5rem;
  min-height: 7.5rem;
}
html body.page.sdk-gform-css .gform_wrapper form .gform_body .gfield.gfield--type-submit .gform_button,
html body.page.sdk-gform-css .gform_wrapper form .gform_body .gfield.gfield--type-submit .diadao-sdk-button-gform {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 4px;
  background: #AD172B;
  min-height: 48px;
  border: 0;
  transition: background-color 0.25s ease-in-out, border 0.25s ease-in-out, color 0.25s ease-in-out;
  color: #FFF;
  position: relative;
  overflow: hidden;
  padding: 8px 24px;
}
@media only screen and (min-width: 992px) {
  html body.page.sdk-gform-css .gform_wrapper form .gform_body .gfield.gfield--type-submit .gform_button,
  html body.page.sdk-gform-css .gform_wrapper form .gform_body .gfield.gfield--type-submit .diadao-sdk-button-gform {
    min-height: 64px;
    padding: 8px 32px;
  }
}
html body.page.sdk-gform-css .gform_wrapper form .gform_body .gfield.gfield--type-submit .gform_button span,
html body.page.sdk-gform-css .gform_wrapper form .gform_body .gfield.gfield--type-submit .diadao-sdk-button-gform span {
  display: inline-flex;
  font-size: 0.875rem;
  line-height: 1.2em;
  text-transform: uppercase;
  font-weight: 500;
  pointer-events: none;
  position: relative;
  letter-spacing: -0.03em;
  padding-top: 0.2em;
}
@media only screen and (min-width: 992px) {
  html body.page.sdk-gform-css .gform_wrapper form .gform_body .gfield.gfield--type-submit .gform_button span,
  html body.page.sdk-gform-css .gform_wrapper form .gform_body .gfield.gfield--type-submit .diadao-sdk-button-gform span {
    font-size: 1rem;
  }
}
html:not(.touchevents) html body.page.sdk-gform-css .gform_wrapper form .gform_body .gfield.gfield--type-submit .gform_button:hover, html:not(.touchevents) html body.page.sdk-gform-css .gform_wrapper form .gform_body .gfield.gfield--type-submit .gform_button:focus-visible,
html:not(.touchevents) html body.page.sdk-gform-css .gform_wrapper form .gform_body .gfield.gfield--type-submit .diadao-sdk-button-gform:hover,
html:not(.touchevents) html body.page.sdk-gform-css .gform_wrapper form .gform_body .gfield.gfield--type-submit .diadao-sdk-button-gform:focus-visible {
  background: #8F1122;
  color: #FFF;
}
html body.page.sdk-gform-css .gform_wrapper form .gform_body .gfield .ginput_container_checkbox label,
html body.page.sdk-gform-css .gform_wrapper form .gform_body .gfield .ginput_container_radio label,
html body.page.sdk-gform-css .gform_wrapper form .gform_body .gfield .ginput_container_consent label,
html body.page.sdk-gform-css .gform_wrapper form .gform_body .gfield .gfield_select label {
  text-transform: none;
  font-size: 0.875rem;
  text-align: left;
  padding-left: 32px;
  margin-left: 0px;
  color: #000 !important;
}
@media only screen and (min-width: 992px) {
  html body.page.sdk-gform-css .gform_wrapper form .gform_body .gfield .ginput_container_checkbox label,
  html body.page.sdk-gform-css .gform_wrapper form .gform_body .gfield .ginput_container_radio label,
  html body.page.sdk-gform-css .gform_wrapper form .gform_body .gfield .ginput_container_consent label,
  html body.page.sdk-gform-css .gform_wrapper form .gform_body .gfield .gfield_select label {
    font-size: 1rem;
  }
}
html body.page.sdk-gform-css .gform_wrapper form .gform_body .gfield .ginput_container_checkbox label::before {
  border: 1px solid #F4E8DA;
}
html body.page.sdk-gform-css .gform_wrapper form .gform_body .gfield.gfield--type-fileupload {
  background-color: var(--kwpb-gform-input-bgcolor);
  border-width: var(--kwpb-gform-input-border-width);
  border-style: solid;
  border-color: #F4E8DA;
  border-radius: var(--kwpb-gform-input-border-radius);
  padding: 18px 0px;
}
html body.page.sdk-gform-css .gform_wrapper form .gform_body .gfield.gfield--type-fileupload label.gfield_label {
  margin: 0 !important;
  height: 1rem;
  position: relative !important;
  right: 0px;
  left: auto;
  width: auto;
  min-width: 0px;
  padding-left: var(--kwpb-gform-padding-horizontal) !important;
  padding-right: var(--kwpb-gform-padding-horizontal);
}
html body.page.sdk-gform-css .gform_wrapper form .gform_body .gfield.gfield--type-fileupload .gform_drop_area {
  height: auto;
  flex-direction: row;
  font-size: 0.875rem;
  letter-spacing: 0em;
  padding: 8px var(--kwpb-gform-padding-horizontal) 18px;
  margin-top: 0px;
  margin-bottom: -18px;
  gap: 0.6em;
  align-items: center;
  justify-content: center;
  text-align: left;
  background: transparent;
  font-weight: 300;
  position: static !important;
  display: block;
  box-shadow: none;
}
html body.page.sdk-gform-css .gform_wrapper form .gform_body .gfield.gfield--type-fileupload .gform_drop_area::before {
  display: none;
}
html body.page.sdk-gform-css .gform_wrapper form .gform_body .gfield.gfield--type-fileupload .gform_drop_area::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
html body.page.sdk-gform-css .gform_wrapper form .gform_body .gfield.gfield--type-fileupload .gform_drop_area button {
  display: inline-block;
  position: relative;
  z-index: 2;
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-weight: 300;
  text-decoration: underline;
  text-transform: lowercase;
  line-height: var(--kwpb-gform-line-height);
  padding: 0;
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  outline: none;
  box-shadow: none;
  padding-left: 0.25em;
  height: auto;
  min-height: 0px;
}
html body.page.sdk-gform-css .gform_wrapper form .gform_body .gfield.gfield--type-fileupload .gform_drop_area button::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
html body.page.sdk-gform-css .gform_wrapper form .gform_body .gfield.gfield--type-fileupload .gform_drop_instructions {
  margin: 0;
  display: inline;
}
html body.page.sdk-gform-css .gform_wrapper form .gform_body .gfield.gfield--type-fileupload .gform_fileupload_rules {
  font-size: 0.75rem;
  letter-spacing: -0.05em;
  font-weight: 400;
  display: block;
  top: auto;
  bottom: auto;
  margin: 0 !important;
  text-align: center;
}
html body.page.sdk-gform-css .gform_wrapper form .gform_body .gfield.gfield--type-fileupload .ginput_preview_list {
  position: relative;
  padding: 0px 1.5rem 0;
  z-index: 2;
}
html body.page.sdk-gform-css .gform_wrapper form .gform_body .gfield.gfield--type-fileupload .ginput_preview_list .ginput_preview {
  margin-top: 10px;
}
html body.page.sdk-gform-css .gform_wrapper form .gform_body .gfield.gfield--type-fileupload .gfield_description {
  display: none;
}
html body.page.sdk-gform-css .gform_wrapper form .gform_body .gfield.gfield--type-fileupload .gform_delete_file {
  border-color: red;
  color: red;
}
html body.page.sdk-gform-css .gform_wrapper form .gform_body .gfield_description {
  font-size: 9px !important;
  color: #000 !important;
}
@media only screen and (min-width: 992px) {
  html body.page.sdk-gform-css .gform_wrapper form .gform_body .gfield_description {
    font-size: 12px !important;
  }
}
html body.page.sdk-gform-css .gform_wrapper form .gform_body .gfield.col-rgpd {
  padding-top: 0px;
}
html body.page.sdk-gform-css .gform_wrapper form .gform_footer {
  padding: 0;
  display: inline-flex;
  column-gap: 16px;
  width: 100%;
}
html body.page.sdk-gform-css .gform_wrapper form .gform_footer .gform_button:not(.sdk-diadao-disabled), html body.page.sdk-gform-css .gform_wrapper form .gform_footer .diadao-sdk-button-gform:not(.sdk-diadao-disabled) {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 4px;
  background: #AD172B;
  min-height: 48px;
  border: 0;
  transition: background-color 0.25s ease-in-out, border 0.25s ease-in-out, color 0.25s ease-in-out;
  color: #FFF;
  position: relative;
  overflow: hidden;
  padding: 8px 24px;
  min-width: inherit;
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) {
  html body.page.sdk-gform-css .gform_wrapper form .gform_footer .gform_button:not(.sdk-diadao-disabled), html body.page.sdk-gform-css .gform_wrapper form .gform_footer .diadao-sdk-button-gform:not(.sdk-diadao-disabled) {
    min-height: 64px;
    padding: 8px 32px;
  }
}
html body.page.sdk-gform-css .gform_wrapper form .gform_footer .gform_button:not(.sdk-diadao-disabled) span, html body.page.sdk-gform-css .gform_wrapper form .gform_footer .diadao-sdk-button-gform:not(.sdk-diadao-disabled) span {
  display: inline-flex;
  font-size: 0.875rem;
  line-height: 1.2em;
  text-transform: uppercase;
  font-weight: 500;
  pointer-events: none;
  position: relative;
  letter-spacing: -0.03em;
  padding-top: 0.2em;
}
@media only screen and (min-width: 992px) {
  html body.page.sdk-gform-css .gform_wrapper form .gform_footer .gform_button:not(.sdk-diadao-disabled) span, html body.page.sdk-gform-css .gform_wrapper form .gform_footer .diadao-sdk-button-gform:not(.sdk-diadao-disabled) span {
    font-size: 1rem;
  }
}
html:not(.touchevents) html body.page.sdk-gform-css .gform_wrapper form .gform_footer .gform_button:not(.sdk-diadao-disabled):hover, html:not(.touchevents) html body.page.sdk-gform-css .gform_wrapper form .gform_footer .gform_button:not(.sdk-diadao-disabled):focus-visible, html:not(.touchevents) html body.page.sdk-gform-css .gform_wrapper form .gform_footer .diadao-sdk-button-gform:not(.sdk-diadao-disabled):hover, html:not(.touchevents) html body.page.sdk-gform-css .gform_wrapper form .gform_footer .diadao-sdk-button-gform:not(.sdk-diadao-disabled):focus-visible {
  background: #8F1122;
  color: #FFF;
}
html body.page.sdk-gform-css .gform_wrapper form .gform_submission_error {
  font-size: var(--kwpb-gform-font-size);
  font-weight: 700px;
}
html body.page.sdk-gform-css .gform_wrapper form .form-newsletter .gform_fields,
html body.page.sdk-gform-css .gform_wrapper form .form-newsletter .gfield {
  margin-inline: 0;
}
html body.page.sdk-gform-css .gform_wrapper form .form-newsletter .ginput_container_checkbox label,
html body.page.sdk-gform-css .gform_wrapper form .form-newsletter .ginput_container_radio label,
html body.page.sdk-gform-css .gform_wrapper form .form-newsletter .ginput_container_consent label {
  color: #E3F3F2 !important;
}
html body.page.sdk-gform-css .gform_wrapper form .form-newsletter .ginput_container_checkbox label a,
html body.page.sdk-gform-css .gform_wrapper form .form-newsletter .ginput_container_radio label a,
html body.page.sdk-gform-css .gform_wrapper form .form-newsletter .ginput_container_consent label a {
  color: #F5F1ED;
  font-weight: 700;
}

@-moz-document url-prefix() {
  html body.sdk-gform-css .gform_wrapper .gfield .ginput_container select {
    padding-top: 0px !important;
  }
}
:root {
  --diadao-menu-filter-a-font-size: rem(20px);
  --diadao-menu-filter-slide-margin-right: 24px;
  --diadao-menu-filter-menu-responsive-height: auto;
  --diadao-menu-filter-padding: 0;
  --diadao-menu-filter-a-font-weight: 600;
  --diadao-menu-filter-a-line-height: rem(32px);
  --diadao-menu-filter-a-color-active: #AD172B;
  --diadao-menu-filter-a-color-hover: #AD172B;
}

@media only screen and (max-width: 991px) {
  .dia-filters.has-swiper-filters {
    transition: top 0.25s ease-in-out;
    background-color: #FFF;
    z-index: 99999 !important;
    height: 66px;
  }
  .dia-filters.has-swiper-filters .sdk-filters-swiper-module {
    height: 100%;
  }
}

body .sdk-filters-swiper-module .swiper-container.swiperSdkFilters .swiper-wrapper .swiper-slide div.nav-item a.nav-link.current {
  color: #AD172B;
}
html:not(.touchevents) body .sdk-filters-swiper-module .swiper-container.swiperSdkFilters .swiper-wrapper .swiper-slide div.nav-item a.nav-link:hover, html:not(.touchevents) body .sdk-filters-swiper-module .swiper-container.swiperSdkFilters .swiper-wrapper .swiper-slide div.nav-item a.nav-link:focus-visible {
  color: #AD172B;
}

body #site[data-season=summer] .sdk-filters-swiper-module .swiper-container.swiperSdkFilters .swiper-wrapper .swiper-slide div.nav-item a.nav-link.current {
  color: #d99d3f;
}
html:not(.touchevents) body #site[data-season=summer] .sdk-filters-swiper-module .swiper-container.swiperSdkFilters .swiper-wrapper .swiper-slide div.nav-item a.nav-link:hover, html:not(.touchevents) body #site[data-season=summer] .sdk-filters-swiper-module .swiper-container.swiperSdkFilters .swiper-wrapper .swiper-slide div.nav-item a.nav-link:focus-visible {
  color: #d99d3f;
}

@media only screen and (max-width: 991px) {
  html.with-fancybox .dia-filters.has-swiper-filters {
    visibility: hidden !important;
    opacity: 0 !important;
    z-index: 0 !important;
  }
}

#social-menu {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
@media only screen and (min-width: 992px) {
  #social-menu {
    gap: 22px;
  }
}
#social-menu a {
  position: relative;
  overflow: hidden;
  display: block;
  transition: color 0.3s ease-in-out;
  width: 54px;
  height: 54px;
  background-color: #FFF;
  border-radius: 5px;
}
#social-menu a::before {
  content: "";
  position: absolute;
  inset: 0;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 24px auto;
  mask-size: 24px auto;
  background-color: currentColor;
}
#social-menu a[data-slug=facebook]::before {
  -webkit-mask-image: url("../images/svg/sdk-icon-reg-facebook.svg");
  mask-image: url("../images/svg/sdk-icon-reg-facebook.svg");
}
#social-menu a[data-slug=instagram]::before {
  -webkit-mask-image: url("../images/svg/sdk-icon-reg-instagram.svg");
  mask-image: url("../images/svg/sdk-icon-reg-instagram.svg");
}
#social-menu a[data-slug=linkedin]::before {
  -webkit-mask-image: url("../images/svg/social-linkedin.svg");
  mask-image: url("../images/svg/social-linkedin.svg");
}
.forwinter.alphatransition, .forsummer.alphatransition {
  transition: opacity 0.3s, visibility 0.3s;
  opacity: 1;
  visibility: visible;
}

#site {
  position: relative;
}

.site_bg__imgbg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: 0px 0px;
  background-size: 100% auto;
  z-index: 1;
  background-color: #e7eaf1;
  background-image: url("../images/static/background-winter-mobile.jpg");
  background-repeat: no-repeat;
}
@media only screen and (min-width: 992px) {
  .site_bg__imgbg {
    background-image: url("../images/static/background-winter-desktop.jpg");
  }
}
.site_bg__imgbg.forsummer {
  background-color: #f6f2ef;
  background-image: url("../images/static/background-summer-mobile.jpg");
}
@media only screen and (min-width: 992px) {
  .site_bg__imgbg.forsummer {
    background-image: url("../images/static/background-summer-desktop.jpg");
  }
}
.site_bg__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  mix-blend-mode: screen;
  z-index: 1;
  /*@include device_992_min {
  	height: auto;
  }*/
}
.site_bg__video.forsummer {
  mix-blend-mode: lighten;
}
.site_bg__video video, .site_bg__video hls-video {
  position: sticky;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100vh;
  height: 100svh;
  object-fit: cover;
  object-position: 50% 50%;
  /*@include device_992_min {
  	height: auto;
  	aspect-ratio: 1920/1080;
  }*/
}
.site_bg__cssanim {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.site_bg__cssanim__container {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  height: 100svh;
}

.snow {
  position: absolute;
  width: 10px;
  height: 10px;
  background: white;
  border-radius: 50%;
  filter: blur(8px);
}
.snow:nth-child(1) {
  width: 20px;
  height: 20px;
  opacity: 0.5479;
  transform: translate(50.8449vw, -10px) scale(0.6542);
  animation: fall-1 1s -11s linear infinite;
}
@keyframes fall-1 {
  34.19% {
    transform: translate(54.605vw, 34.19vh) scale(0.6542);
  }
  to {
    transform: translate(52.72495vw, 100vh) scale(0.6542);
  }
}
.snow:nth-child(2) {
  width: 50px;
  height: 50px;
  opacity: 0.8338;
  transform: translate(37.3211vw, -10px) scale(0.6934);
  animation: fall-2 3s -7s linear infinite;
}
@keyframes fall-2 {
  41.427% {
    transform: translate(43.5883vw, 41.427vh) scale(0.6934);
  }
  to {
    transform: translate(40.4547vw, 100vh) scale(0.6934);
  }
}
.snow:nth-child(3) {
  width: 40px;
  height: 40px;
  opacity: 0.0756;
  transform: translate(35.7774vw, -10px) scale(0.1707);
  animation: fall-3 1s -27s linear infinite;
}
@keyframes fall-3 {
  54.453% {
    transform: translate(30.25vw, 54.453vh) scale(0.1707);
  }
  to {
    transform: translate(33.0137vw, 100vh) scale(0.1707);
  }
}
.snow:nth-child(4) {
  width: 60px;
  height: 60px;
  opacity: 0.1089;
  transform: translate(10.5109vw, -10px) scale(0.6504);
  animation: fall-4 2s -7s linear infinite;
}
@keyframes fall-4 {
  76.545% {
    transform: translate(13.6774vw, 76.545vh) scale(0.6504);
  }
  to {
    transform: translate(12.09415vw, 100vh) scale(0.6504);
  }
}
.snow:nth-child(5) {
  width: 30px;
  height: 30px;
  opacity: 0.152;
  transform: translate(65.2856vw, -10px) scale(0.8767);
  animation: fall-5 1s -6s linear infinite;
}
@keyframes fall-5 {
  45.009% {
    transform: translate(73.4545vw, 45.009vh) scale(0.8767);
  }
  to {
    transform: translate(69.37005vw, 100vh) scale(0.8767);
  }
}
.snow:nth-child(6) {
  width: 40px;
  height: 40px;
  opacity: 0.3087;
  transform: translate(0.5167vw, -10px) scale(0.4209);
  animation: fall-6 1s -22s linear infinite;
}
@keyframes fall-6 {
  55.699% {
    transform: translate(-3.0855vw, 55.699vh) scale(0.4209);
  }
  to {
    transform: translate(-1.2844vw, 100vh) scale(0.4209);
  }
}
.snow:nth-child(7) {
  width: 20px;
  height: 20px;
  opacity: 0.2679;
  transform: translate(88.5286vw, -10px) scale(0.0339);
  animation: fall-7 1s -5s linear infinite;
}
@keyframes fall-7 {
  70.723% {
    transform: translate(88.127vw, 70.723vh) scale(0.0339);
  }
  to {
    transform: translate(88.3278vw, 100vh) scale(0.0339);
  }
}
.snow:nth-child(8) {
  width: 40px;
  height: 40px;
  opacity: 0.5159;
  transform: translate(1.8282vw, -10px) scale(0.5449);
  animation: fall-8 3s -16s linear infinite;
}
@keyframes fall-8 {
  58.941% {
    transform: translate(-6.1101vw, 58.941vh) scale(0.5449);
  }
  to {
    transform: translate(-2.14095vw, 100vh) scale(0.5449);
  }
}
.snow:nth-child(9) {
  width: 20px;
  height: 20px;
  opacity: 0.8828;
  transform: translate(64.1419vw, -10px) scale(0.8412);
  animation: fall-9 1s -18s linear infinite;
}
@keyframes fall-9 {
  44.464% {
    transform: translate(66.398vw, 44.464vh) scale(0.8412);
  }
  to {
    transform: translate(65.26995vw, 100vh) scale(0.8412);
  }
}
.snow:nth-child(10) {
  width: 40px;
  height: 40px;
  opacity: 0.8344;
  transform: translate(3.7372vw, -10px) scale(0.3637);
  animation: fall-10 2s -6s linear infinite;
}
@keyframes fall-10 {
  77.704% {
    transform: translate(5.1084vw, 77.704vh) scale(0.3637);
  }
  to {
    transform: translate(4.4228vw, 100vh) scale(0.3637);
  }
}
.snow:nth-child(11) {
  width: 40px;
  height: 40px;
  opacity: 0.887;
  transform: translate(63.3385vw, -10px) scale(0.453);
  animation: fall-11 2s -24s linear infinite;
}
@keyframes fall-11 {
  79.638% {
    transform: translate(59.4262vw, 79.638vh) scale(0.453);
  }
  to {
    transform: translate(61.38235vw, 100vh) scale(0.453);
  }
}
.snow:nth-child(12) {
  width: 50px;
  height: 50px;
  opacity: 0.5398;
  transform: translate(79.9993vw, -10px) scale(0.5082);
  animation: fall-12 1s -24s linear infinite;
}
@keyframes fall-12 {
  64.092% {
    transform: translate(72.2008vw, 64.092vh) scale(0.5082);
  }
  to {
    transform: translate(76.10005vw, 100vh) scale(0.5082);
  }
}
.snow:nth-child(13) {
  width: 50px;
  height: 50px;
  opacity: 0.4518;
  transform: translate(63.7748vw, -10px) scale(0.0872);
  animation: fall-13 3s -6s linear infinite;
}
@keyframes fall-13 {
  79.676% {
    transform: translate(54.7466vw, 79.676vh) scale(0.0872);
  }
  to {
    transform: translate(59.2607vw, 100vh) scale(0.0872);
  }
}
.snow:nth-child(14) {
  width: 60px;
  height: 60px;
  opacity: 0.0245;
  transform: translate(67.3975vw, -10px) scale(0.2563);
  animation: fall-14 1s -11s linear infinite;
}
@keyframes fall-14 {
  52.414% {
    transform: translate(75.5491vw, 52.414vh) scale(0.2563);
  }
  to {
    transform: translate(71.4733vw, 100vh) scale(0.2563);
  }
}
.snow:nth-child(15) {
  width: 20px;
  height: 20px;
  opacity: 0.8099;
  transform: translate(18.7064vw, -10px) scale(0.1686);
  animation: fall-15 2s -28s linear infinite;
}
@keyframes fall-15 {
  38.315% {
    transform: translate(17.5249vw, 38.315vh) scale(0.1686);
  }
  to {
    transform: translate(18.11565vw, 100vh) scale(0.1686);
  }
}
.snow:nth-child(16) {
  width: 30px;
  height: 30px;
  opacity: 0.9544;
  transform: translate(32.1672vw, -10px) scale(0.9641);
  animation: fall-16 1s -7s linear infinite;
}
@keyframes fall-16 {
  45.527% {
    transform: translate(25.0815vw, 45.527vh) scale(0.9641);
  }
  to {
    transform: translate(28.62435vw, 100vh) scale(0.9641);
  }
}
.snow:nth-child(17) {
  width: 30px;
  height: 30px;
  opacity: 0.1411;
  transform: translate(88.4424vw, -10px) scale(0.0072);
  animation: fall-17 2s -26s linear infinite;
}
@keyframes fall-17 {
  41.685% {
    transform: translate(91.4659vw, 41.685vh) scale(0.0072);
  }
  to {
    transform: translate(89.95415vw, 100vh) scale(0.0072);
  }
}
.snow:nth-child(18) {
  width: 30px;
  height: 30px;
  opacity: 0.3892;
  transform: translate(4.4595vw, -10px) scale(0.0308);
  animation: fall-18 2s -21s linear infinite;
}
@keyframes fall-18 {
  47.273% {
    transform: translate(0.9316vw, 47.273vh) scale(0.0308);
  }
  to {
    transform: translate(2.69555vw, 100vh) scale(0.0308);
  }
}
.snow:nth-child(19) {
  width: 20px;
  height: 20px;
  opacity: 0.971;
  transform: translate(61.5186vw, -10px) scale(0.7942);
  animation: fall-19 3s -9s linear infinite;
}
@keyframes fall-19 {
  43.523% {
    transform: translate(68.7251vw, 43.523vh) scale(0.7942);
  }
  to {
    transform: translate(65.12185vw, 100vh) scale(0.7942);
  }
}
.snow:nth-child(20) {
  width: 40px;
  height: 40px;
  opacity: 0.1729;
  transform: translate(62.2697vw, -10px) scale(0.7341);
  animation: fall-20 1s -17s linear infinite;
}
@keyframes fall-20 {
  59.335% {
    transform: translate(60.4696vw, 59.335vh) scale(0.7341);
  }
  to {
    transform: translate(61.36965vw, 100vh) scale(0.7341);
  }
}
.snow:nth-child(21) {
  width: 50px;
  height: 50px;
  opacity: 0.3059;
  transform: translate(36.8213vw, -10px) scale(0.2824);
  animation: fall-21 1s -2s linear infinite;
}
@keyframes fall-21 {
  46.864% {
    transform: translate(36.1261vw, 46.864vh) scale(0.2824);
  }
  to {
    transform: translate(36.4737vw, 100vh) scale(0.2824);
  }
}
.snow:nth-child(22) {
  width: 20px;
  height: 20px;
  opacity: 0.6525;
  transform: translate(72.3037vw, -10px) scale(0.3466);
  animation: fall-22 2s -27s linear infinite;
}
@keyframes fall-22 {
  61.556% {
    transform: translate(63.8533vw, 61.556vh) scale(0.3466);
  }
  to {
    transform: translate(68.0785vw, 100vh) scale(0.3466);
  }
}
.snow:nth-child(23) {
  width: 10px;
  height: 10px;
  opacity: 0.306;
  transform: translate(5.9097vw, -10px) scale(0.1476);
  animation: fall-23 1s -25s linear infinite;
}
@keyframes fall-23 {
  69.777% {
    transform: translate(8.5709vw, 69.777vh) scale(0.1476);
  }
  to {
    transform: translate(7.2403vw, 100vh) scale(0.1476);
  }
}
.snow:nth-child(24) {
  width: 60px;
  height: 60px;
  opacity: 0.0934;
  transform: translate(10.6956vw, -10px) scale(0.8595);
  animation: fall-24 3s -29s linear infinite;
}
@keyframes fall-24 {
  78.995% {
    transform: translate(15.4015vw, 78.995vh) scale(0.8595);
  }
  to {
    transform: translate(13.04855vw, 100vh) scale(0.8595);
  }
}
.snow:nth-child(25) {
  width: 10px;
  height: 10px;
  opacity: 0.1695;
  transform: translate(27.6192vw, -10px) scale(0.3442);
  animation: fall-25 1s -22s linear infinite;
}
@keyframes fall-25 {
  61.135% {
    transform: translate(34.2509vw, 61.135vh) scale(0.3442);
  }
  to {
    transform: translate(30.93505vw, 100vh) scale(0.3442);
  }
}
.snow:nth-child(26) {
  width: 60px;
  height: 60px;
  opacity: 0.6351;
  transform: translate(70.3154vw, -10px) scale(0.6039);
  animation: fall-26 2s -10s linear infinite;
}
@keyframes fall-26 {
  35.526% {
    transform: translate(68.6174vw, 35.526vh) scale(0.6039);
  }
  to {
    transform: translate(69.4664vw, 100vh) scale(0.6039);
  }
}
.snow:nth-child(27) {
  width: 40px;
  height: 40px;
  opacity: 0.4129;
  transform: translate(38.6622vw, -10px) scale(0.1215);
  animation: fall-27 2s -1s linear infinite;
}
@keyframes fall-27 {
  77.601% {
    transform: translate(32.4106vw, 77.601vh) scale(0.1215);
  }
  to {
    transform: translate(35.5364vw, 100vh) scale(0.1215);
  }
}
.snow:nth-child(28) {
  width: 30px;
  height: 30px;
  opacity: 0.6578;
  transform: translate(46.4283vw, -10px) scale(0.2475);
  animation: fall-28 2s -1s linear infinite;
}
@keyframes fall-28 {
  63.583% {
    transform: translate(48.4058vw, 63.583vh) scale(0.2475);
  }
  to {
    transform: translate(47.41705vw, 100vh) scale(0.2475);
  }
}
.snow:nth-child(29) {
  width: 10px;
  height: 10px;
  opacity: 0.1619;
  transform: translate(72.6884vw, -10px) scale(0.2101);
  animation: fall-29 1s -6s linear infinite;
}
@keyframes fall-29 {
  71.546% {
    transform: translate(65.8262vw, 71.546vh) scale(0.2101);
  }
  to {
    transform: translate(69.2573vw, 100vh) scale(0.2101);
  }
}
.snow:nth-child(30) {
  width: 10px;
  height: 10px;
  opacity: 0.0931;
  transform: translate(38.7422vw, -10px) scale(0.0996);
  animation: fall-30 1s -7s linear infinite;
}
@keyframes fall-30 {
  62.061% {
    transform: translate(47.2555vw, 62.061vh) scale(0.0996);
  }
  to {
    transform: translate(42.99885vw, 100vh) scale(0.0996);
  }
}
.snow:nth-child(31) {
  width: 30px;
  height: 30px;
  opacity: 0.9785;
  transform: translate(20.499vw, -10px) scale(0.6001);
  animation: fall-31 3s -29s linear infinite;
}
@keyframes fall-31 {
  69.86% {
    transform: translate(24.8072vw, 69.86vh) scale(0.6001);
  }
  to {
    transform: translate(22.6531vw, 100vh) scale(0.6001);
  }
}
.snow:nth-child(32) {
  width: 50px;
  height: 50px;
  opacity: 0.3926;
  transform: translate(62.4368vw, -10px) scale(0.7334);
  animation: fall-32 2s -17s linear infinite;
}
@keyframes fall-32 {
  57.657% {
    transform: translate(67.1012vw, 57.657vh) scale(0.7334);
  }
  to {
    transform: translate(64.769vw, 100vh) scale(0.7334);
  }
}
.snow:nth-child(33) {
  width: 10px;
  height: 10px;
  opacity: 0.2312;
  transform: translate(5.288vw, -10px) scale(0.9022);
  animation: fall-33 2s -2s linear infinite;
}
@keyframes fall-33 {
  74.479% {
    transform: translate(2.9908vw, 74.479vh) scale(0.9022);
  }
  to {
    transform: translate(4.1394vw, 100vh) scale(0.9022);
  }
}
.snow:nth-child(34) {
  width: 60px;
  height: 60px;
  opacity: 0.485;
  transform: translate(65.799vw, -10px) scale(0.8808);
  animation: fall-34 3s -6s linear infinite;
}
@keyframes fall-34 {
  66.27% {
    transform: translate(73.8436vw, 66.27vh) scale(0.8808);
  }
  to {
    transform: translate(69.8213vw, 100vh) scale(0.8808);
  }
}
.snow:nth-child(35) {
  width: 20px;
  height: 20px;
  opacity: 0.2594;
  transform: translate(1.0295vw, -10px) scale(0.1737);
  animation: fall-35 2s -8s linear infinite;
}
@keyframes fall-35 {
  33.275% {
    transform: translate(-4.7004vw, 33.275vh) scale(0.1737);
  }
  to {
    transform: translate(-1.83545vw, 100vh) scale(0.1737);
  }
}
.snow:nth-child(36) {
  width: 10px;
  height: 10px;
  opacity: 0.4138;
  transform: translate(21.1221vw, -10px) scale(0.8631);
  animation: fall-36 1s -29s linear infinite;
}
@keyframes fall-36 {
  68.837% {
    transform: translate(20.3118vw, 68.837vh) scale(0.8631);
  }
  to {
    transform: translate(20.71695vw, 100vh) scale(0.8631);
  }
}
.snow:nth-child(37) {
  width: 10px;
  height: 10px;
  opacity: 0.8235;
  transform: translate(74.7959vw, -10px) scale(0.1355);
  animation: fall-37 3s -19s linear infinite;
}
@keyframes fall-37 {
  53.512% {
    transform: translate(74.1081vw, 53.512vh) scale(0.1355);
  }
  to {
    transform: translate(74.452vw, 100vh) scale(0.1355);
  }
}
.snow:nth-child(38) {
  width: 20px;
  height: 20px;
  opacity: 0.7024;
  transform: translate(85.9498vw, -10px) scale(0.4484);
  animation: fall-38 3s -19s linear infinite;
}
@keyframes fall-38 {
  79.507% {
    transform: translate(94.9769vw, 79.507vh) scale(0.4484);
  }
  to {
    transform: translate(90.46335vw, 100vh) scale(0.4484);
  }
}
.snow:nth-child(39) {
  width: 50px;
  height: 50px;
  opacity: 0.8191;
  transform: translate(10.8004vw, -10px) scale(0.4904);
  animation: fall-39 1s -18s linear infinite;
}
@keyframes fall-39 {
  65.614% {
    transform: translate(11.9692vw, 65.614vh) scale(0.4904);
  }
  to {
    transform: translate(11.3848vw, 100vh) scale(0.4904);
  }
}
.snow:nth-child(40) {
  width: 50px;
  height: 50px;
  opacity: 0.785;
  transform: translate(46.1256vw, -10px) scale(0.632);
  animation: fall-40 1s -17s linear infinite;
}
@keyframes fall-40 {
  56.284% {
    transform: translate(50.6095vw, 56.284vh) scale(0.632);
  }
  to {
    transform: translate(48.36755vw, 100vh) scale(0.632);
  }
}
.snow:nth-child(41) {
  width: 60px;
  height: 60px;
  opacity: 0.2797;
  transform: translate(46.1718vw, -10px) scale(0.3797);
  animation: fall-41 1s -5s linear infinite;
}
@keyframes fall-41 {
  51.862% {
    transform: translate(51.6518vw, 51.862vh) scale(0.3797);
  }
  to {
    transform: translate(48.9118vw, 100vh) scale(0.3797);
  }
}
.snow:nth-child(42) {
  width: 60px;
  height: 60px;
  opacity: 0.204;
  transform: translate(52.6659vw, -10px) scale(0.5345);
  animation: fall-42 3s -6s linear infinite;
}
@keyframes fall-42 {
  79.308% {
    transform: translate(58.02vw, 79.308vh) scale(0.5345);
  }
  to {
    transform: translate(55.34295vw, 100vh) scale(0.5345);
  }
}
.snow:nth-child(43) {
  width: 60px;
  height: 60px;
  opacity: 0.9452;
  transform: translate(6.4096vw, -10px) scale(0.6614);
  animation: fall-43 3s -12s linear infinite;
}
@keyframes fall-43 {
  39.975% {
    transform: translate(13.7448vw, 39.975vh) scale(0.6614);
  }
  to {
    transform: translate(10.0772vw, 100vh) scale(0.6614);
  }
}
.snow:nth-child(44) {
  width: 60px;
  height: 60px;
  opacity: 0.2489;
  transform: translate(52.0622vw, -10px) scale(0.0529);
  animation: fall-44 2s -27s linear infinite;
}
@keyframes fall-44 {
  70.94% {
    transform: translate(60.5641vw, 70.94vh) scale(0.0529);
  }
  to {
    transform: translate(56.31315vw, 100vh) scale(0.0529);
  }
}
.snow:nth-child(45) {
  width: 50px;
  height: 50px;
  opacity: 0.1093;
  transform: translate(58.8263vw, -10px) scale(0.0521);
  animation: fall-45 2s -9s linear infinite;
}
@keyframes fall-45 {
  66.917% {
    transform: translate(65.7794vw, 66.917vh) scale(0.0521);
  }
  to {
    transform: translate(62.30285vw, 100vh) scale(0.0521);
  }
}
.snow:nth-child(46) {
  width: 60px;
  height: 60px;
  opacity: 0.1302;
  transform: translate(24.5019vw, -10px) scale(0.0896);
  animation: fall-46 1s -2s linear infinite;
}
@keyframes fall-46 {
  72.189% {
    transform: translate(32.1158vw, 72.189vh) scale(0.0896);
  }
  to {
    transform: translate(28.30885vw, 100vh) scale(0.0896);
  }
}
.snow:nth-child(47) {
  width: 50px;
  height: 50px;
  opacity: 0.5735;
  transform: translate(65.6169vw, -10px) scale(0.0605);
  animation: fall-47 1s -4s linear infinite;
}
@keyframes fall-47 {
  59.589% {
    transform: translate(65.7097vw, 59.589vh) scale(0.0605);
  }
  to {
    transform: translate(65.6633vw, 100vh) scale(0.0605);
  }
}
.snow:nth-child(48) {
  width: 60px;
  height: 60px;
  opacity: 0.0624;
  transform: translate(26.7135vw, -10px) scale(0.5617);
  animation: fall-48 2s -18s linear infinite;
}
@keyframes fall-48 {
  70.153% {
    transform: translate(36.1491vw, 70.153vh) scale(0.5617);
  }
  to {
    transform: translate(31.4313vw, 100vh) scale(0.5617);
  }
}
.snow:nth-child(49) {
  width: 60px;
  height: 60px;
  opacity: 0.6468;
  transform: translate(71.0697vw, -10px) scale(0.3942);
  animation: fall-49 3s -23s linear infinite;
}
@keyframes fall-49 {
  36.91% {
    transform: translate(65.5185vw, 36.91vh) scale(0.3942);
  }
  to {
    transform: translate(68.2941vw, 100vh) scale(0.3942);
  }
}
.snow:nth-child(50) {
  width: 30px;
  height: 30px;
  opacity: 0.0913;
  transform: translate(11.0518vw, -10px) scale(0.2756);
  animation: fall-50 3s -11s linear infinite;
}
@keyframes fall-50 {
  49.042% {
    transform: translate(9.2539vw, 49.042vh) scale(0.2756);
  }
  to {
    transform: translate(10.15285vw, 100vh) scale(0.2756);
  }
}
.snow:nth-child(51) {
  width: 20px;
  height: 20px;
  opacity: 0.7972;
  transform: translate(66.834vw, -10px) scale(0.8773);
  animation: fall-51 2s -25s linear infinite;
}
@keyframes fall-51 {
  40.344% {
    transform: translate(65.3856vw, 40.344vh) scale(0.8773);
  }
  to {
    transform: translate(66.1098vw, 100vh) scale(0.8773);
  }
}
.snow:nth-child(52) {
  width: 10px;
  height: 10px;
  opacity: 0.9095;
  transform: translate(21.8498vw, -10px) scale(0.2587);
  animation: fall-52 1s -16s linear infinite;
}
@keyframes fall-52 {
  77.087% {
    transform: translate(27.7631vw, 77.087vh) scale(0.2587);
  }
  to {
    transform: translate(24.80645vw, 100vh) scale(0.2587);
  }
}
.snow:nth-child(53) {
  width: 40px;
  height: 40px;
  opacity: 0.0017;
  transform: translate(23.3297vw, -10px) scale(0.662);
  animation: fall-53 3s -27s linear infinite;
}
@keyframes fall-53 {
  76.86% {
    transform: translate(24.6081vw, 76.86vh) scale(0.662);
  }
  to {
    transform: translate(23.9689vw, 100vh) scale(0.662);
  }
}
.snow:nth-child(54) {
  width: 10px;
  height: 10px;
  opacity: 0.8294;
  transform: translate(41.5493vw, -10px) scale(0.6477);
  animation: fall-54 1s -1s linear infinite;
}
@keyframes fall-54 {
  46.17% {
    transform: translate(50.0485vw, 46.17vh) scale(0.6477);
  }
  to {
    transform: translate(45.7989vw, 100vh) scale(0.6477);
  }
}
.snow:nth-child(55) {
  width: 20px;
  height: 20px;
  opacity: 0.7643;
  transform: translate(6.8726vw, -10px) scale(0.366);
  animation: fall-55 1s -23s linear infinite;
}
@keyframes fall-55 {
  51.732% {
    transform: translate(-0.3673vw, 51.732vh) scale(0.366);
  }
  to {
    transform: translate(3.25265vw, 100vh) scale(0.366);
  }
}
.snow:nth-child(56) {
  width: 40px;
  height: 40px;
  opacity: 0.164;
  transform: translate(16.0333vw, -10px) scale(0.7096);
  animation: fall-56 1s -10s linear infinite;
}
@keyframes fall-56 {
  63.956% {
    transform: translate(13.6736vw, 63.956vh) scale(0.7096);
  }
  to {
    transform: translate(14.85345vw, 100vh) scale(0.7096);
  }
}
.snow:nth-child(57) {
  width: 10px;
  height: 10px;
  opacity: 0.7931;
  transform: translate(5.279vw, -10px) scale(0.1029);
  animation: fall-57 3s -6s linear infinite;
}
@keyframes fall-57 {
  56.232% {
    transform: translate(0.762vw, 56.232vh) scale(0.1029);
  }
  to {
    transform: translate(3.0205vw, 100vh) scale(0.1029);
  }
}
.snow:nth-child(58) {
  width: 50px;
  height: 50px;
  opacity: 0.0009;
  transform: translate(86.4516vw, -10px) scale(0.8489);
  animation: fall-58 3s -6s linear infinite;
}
@keyframes fall-58 {
  47.09% {
    transform: translate(88.6899vw, 47.09vh) scale(0.8489);
  }
  to {
    transform: translate(87.57075vw, 100vh) scale(0.8489);
  }
}
.snow:nth-child(59) {
  width: 60px;
  height: 60px;
  opacity: 0.3825;
  transform: translate(41.6098vw, -10px) scale(0.4801);
  animation: fall-59 1s -17s linear infinite;
}
@keyframes fall-59 {
  39.33% {
    transform: translate(50.3883vw, 39.33vh) scale(0.4801);
  }
  to {
    transform: translate(45.99905vw, 100vh) scale(0.4801);
  }
}
.snow:nth-child(60) {
  width: 60px;
  height: 60px;
  opacity: 0.6947;
  transform: translate(10.3785vw, -10px) scale(0.0339);
  animation: fall-60 3s -24s linear infinite;
}
@keyframes fall-60 {
  31.843% {
    transform: translate(13.3089vw, 31.843vh) scale(0.0339);
  }
  to {
    transform: translate(11.8437vw, 100vh) scale(0.0339);
  }
}
.snow:nth-child(61) {
  width: 10px;
  height: 10px;
  opacity: 0.2753;
  transform: translate(22.8702vw, -10px) scale(0.7787);
  animation: fall-61 2s -19s linear infinite;
}
@keyframes fall-61 {
  31.426% {
    transform: translate(24.7781vw, 31.426vh) scale(0.7787);
  }
  to {
    transform: translate(23.82415vw, 100vh) scale(0.7787);
  }
}
.snow:nth-child(62) {
  width: 50px;
  height: 50px;
  opacity: 0.0021;
  transform: translate(96.906vw, -10px) scale(0.6972);
  animation: fall-62 3s -9s linear infinite;
}
@keyframes fall-62 {
  71.607% {
    transform: translate(95.9476vw, 71.607vh) scale(0.6972);
  }
  to {
    transform: translate(96.4268vw, 100vh) scale(0.6972);
  }
}
.snow:nth-child(63) {
  width: 40px;
  height: 40px;
  opacity: 0.3702;
  transform: translate(69.4839vw, -10px) scale(0.0338);
  animation: fall-63 1s -6s linear infinite;
}
@keyframes fall-63 {
  58.127% {
    transform: translate(67.1548vw, 58.127vh) scale(0.0338);
  }
  to {
    transform: translate(68.31935vw, 100vh) scale(0.0338);
  }
}
.snow:nth-child(64) {
  width: 50px;
  height: 50px;
  opacity: 0.6397;
  transform: translate(73.5029vw, -10px) scale(0.7704);
  animation: fall-64 3s -22s linear infinite;
}
@keyframes fall-64 {
  61.177% {
    transform: translate(80.3384vw, 61.177vh) scale(0.7704);
  }
  to {
    transform: translate(76.92065vw, 100vh) scale(0.7704);
  }
}
.snow:nth-child(65) {
  width: 20px;
  height: 20px;
  opacity: 0.9805;
  transform: translate(73.3924vw, -10px) scale(0.1065);
  animation: fall-65 1s -25s linear infinite;
}
@keyframes fall-65 {
  40.336% {
    transform: translate(70.3036vw, 40.336vh) scale(0.1065);
  }
  to {
    transform: translate(71.848vw, 100vh) scale(0.1065);
  }
}
.snow:nth-child(66) {
  width: 60px;
  height: 60px;
  opacity: 0.0708;
  transform: translate(61.2637vw, -10px) scale(0.398);
  animation: fall-66 3s -20s linear infinite;
}
@keyframes fall-66 {
  35.609% {
    transform: translate(55.566vw, 35.609vh) scale(0.398);
  }
  to {
    transform: translate(58.41485vw, 100vh) scale(0.398);
  }
}
.snow:nth-child(67) {
  width: 10px;
  height: 10px;
  opacity: 0.3917;
  transform: translate(24.7856vw, -10px) scale(0.4368);
  animation: fall-67 2s -14s linear infinite;
}
@keyframes fall-67 {
  71.637% {
    transform: translate(34.3395vw, 71.637vh) scale(0.4368);
  }
  to {
    transform: translate(29.56255vw, 100vh) scale(0.4368);
  }
}
.snow:nth-child(68) {
  width: 30px;
  height: 30px;
  opacity: 0.2308;
  transform: translate(58.2548vw, -10px) scale(0.7754);
  animation: fall-68 3s -10s linear infinite;
}
@keyframes fall-68 {
  58.103% {
    transform: translate(58.1455vw, 58.103vh) scale(0.7754);
  }
  to {
    transform: translate(58.20015vw, 100vh) scale(0.7754);
  }
}
.snow:nth-child(69) {
  width: 30px;
  height: 30px;
  opacity: 0.3121;
  transform: translate(58.9887vw, -10px) scale(0.0582);
  animation: fall-69 3s -20s linear infinite;
}
@keyframes fall-69 {
  42.112% {
    transform: translate(55.5513vw, 42.112vh) scale(0.0582);
  }
  to {
    transform: translate(57.27vw, 100vh) scale(0.0582);
  }
}
.snow:nth-child(70) {
  width: 20px;
  height: 20px;
  opacity: 0.7022;
  transform: translate(65.6232vw, -10px) scale(0.097);
  animation: fall-70 1s -17s linear infinite;
}
@keyframes fall-70 {
  64.992% {
    transform: translate(63.857vw, 64.992vh) scale(0.097);
  }
  to {
    transform: translate(64.7401vw, 100vh) scale(0.097);
  }
}
.snow:nth-child(71) {
  width: 40px;
  height: 40px;
  opacity: 0.8928;
  transform: translate(9.8644vw, -10px) scale(0.0457);
  animation: fall-71 2s -28s linear infinite;
}
@keyframes fall-71 {
  32.391% {
    transform: translate(17.1061vw, 32.391vh) scale(0.0457);
  }
  to {
    transform: translate(13.48525vw, 100vh) scale(0.0457);
  }
}
.snow:nth-child(72) {
  width: 10px;
  height: 10px;
  opacity: 0.1803;
  transform: translate(10.8322vw, -10px) scale(0.81);
  animation: fall-72 3s -20s linear infinite;
}
@keyframes fall-72 {
  47.946% {
    transform: translate(12.197vw, 47.946vh) scale(0.81);
  }
  to {
    transform: translate(11.5146vw, 100vh) scale(0.81);
  }
}
.snow:nth-child(73) {
  width: 20px;
  height: 20px;
  opacity: 0.2617;
  transform: translate(43.5301vw, -10px) scale(0.7683);
  animation: fall-73 3s -8s linear infinite;
}
@keyframes fall-73 {
  40.97% {
    transform: translate(48.7986vw, 40.97vh) scale(0.7683);
  }
  to {
    transform: translate(46.16435vw, 100vh) scale(0.7683);
  }
}
.snow:nth-child(74) {
  width: 30px;
  height: 30px;
  opacity: 0.579;
  transform: translate(54.5472vw, -10px) scale(0.473);
  animation: fall-74 1s -17s linear infinite;
}
@keyframes fall-74 {
  77.203% {
    transform: translate(47.5537vw, 77.203vh) scale(0.473);
  }
  to {
    transform: translate(51.05045vw, 100vh) scale(0.473);
  }
}
.snow:nth-child(75) {
  width: 50px;
  height: 50px;
  opacity: 0.0603;
  transform: translate(44.2273vw, -10px) scale(0.2501);
  animation: fall-75 3s -6s linear infinite;
}
@keyframes fall-75 {
  62.365% {
    transform: translate(48.2775vw, 62.365vh) scale(0.2501);
  }
  to {
    transform: translate(46.2524vw, 100vh) scale(0.2501);
  }
}
.snow:nth-child(76) {
  width: 50px;
  height: 50px;
  opacity: 0.6956;
  transform: translate(91.8527vw, -10px) scale(0.6187);
  animation: fall-76 1s -8s linear infinite;
}
@keyframes fall-76 {
  63.343% {
    transform: translate(87.2475vw, 63.343vh) scale(0.6187);
  }
  to {
    transform: translate(89.5501vw, 100vh) scale(0.6187);
  }
}
.snow:nth-child(77) {
  width: 30px;
  height: 30px;
  opacity: 0.1512;
  transform: translate(37.4496vw, -10px) scale(0.2984);
  animation: fall-77 3s -22s linear infinite;
}
@keyframes fall-77 {
  45.846% {
    transform: translate(32.1149vw, 45.846vh) scale(0.2984);
  }
  to {
    transform: translate(34.78225vw, 100vh) scale(0.2984);
  }
}
.snow:nth-child(78) {
  width: 50px;
  height: 50px;
  opacity: 0.7265;
  transform: translate(28.0627vw, -10px) scale(0.6642);
  animation: fall-78 3s -28s linear infinite;
}
@keyframes fall-78 {
  75.737% {
    transform: translate(21.4049vw, 75.737vh) scale(0.6642);
  }
  to {
    transform: translate(24.7338vw, 100vh) scale(0.6642);
  }
}
.snow:nth-child(79) {
  width: 50px;
  height: 50px;
  opacity: 0.5409;
  transform: translate(85.9005vw, -10px) scale(0.2877);
  animation: fall-79 2s -28s linear infinite;
}
@keyframes fall-79 {
  79.728% {
    transform: translate(84.2702vw, 79.728vh) scale(0.2877);
  }
  to {
    transform: translate(85.08535vw, 100vh) scale(0.2877);
  }
}
.snow:nth-child(80) {
  width: 40px;
  height: 40px;
  opacity: 0.336;
  transform: translate(8.7371vw, -10px) scale(0.2859);
  animation: fall-80 1s -1s linear infinite;
}
@keyframes fall-80 {
  62.429% {
    transform: translate(18.1393vw, 62.429vh) scale(0.2859);
  }
  to {
    transform: translate(13.4382vw, 100vh) scale(0.2859);
  }
}
.snow:nth-child(81) {
  width: 60px;
  height: 60px;
  opacity: 0.5254;
  transform: translate(84.7166vw, -10px) scale(0.3105);
  animation: fall-81 1s -3s linear infinite;
}
@keyframes fall-81 {
  41.424% {
    transform: translate(82.3688vw, 41.424vh) scale(0.3105);
  }
  to {
    transform: translate(83.5427vw, 100vh) scale(0.3105);
  }
}
.snow:nth-child(82) {
  width: 50px;
  height: 50px;
  opacity: 0.2951;
  transform: translate(52.4727vw, -10px) scale(0.1301);
  animation: fall-82 1s -19s linear infinite;
}
@keyframes fall-82 {
  56.605% {
    transform: translate(44.1124vw, 56.605vh) scale(0.1301);
  }
  to {
    transform: translate(48.29255vw, 100vh) scale(0.1301);
  }
}
.snow:nth-child(83) {
  width: 40px;
  height: 40px;
  opacity: 0.9078;
  transform: translate(88.5753vw, -10px) scale(0.0703);
  animation: fall-83 2s -8s linear infinite;
}
@keyframes fall-83 {
  73.388% {
    transform: translate(97.6809vw, 73.388vh) scale(0.0703);
  }
  to {
    transform: translate(93.1281vw, 100vh) scale(0.0703);
  }
}
.snow:nth-child(84) {
  width: 20px;
  height: 20px;
  opacity: 0.9968;
  transform: translate(70.2062vw, -10px) scale(0.5818);
  animation: fall-84 2s -6s linear infinite;
}
@keyframes fall-84 {
  46.469% {
    transform: translate(70.0821vw, 46.469vh) scale(0.5818);
  }
  to {
    transform: translate(70.14415vw, 100vh) scale(0.5818);
  }
}
.snow:nth-child(85) {
  width: 10px;
  height: 10px;
  opacity: 0.206;
  transform: translate(75.6569vw, -10px) scale(0.9677);
  animation: fall-85 1s -14s linear infinite;
}
@keyframes fall-85 {
  79.679% {
    transform: translate(70.8988vw, 79.679vh) scale(0.9677);
  }
  to {
    transform: translate(73.27785vw, 100vh) scale(0.9677);
  }
}
.snow:nth-child(86) {
  width: 60px;
  height: 60px;
  opacity: 0.7023;
  transform: translate(92.0834vw, -10px) scale(0.2551);
  animation: fall-86 2s -3s linear infinite;
}
@keyframes fall-86 {
  35.808% {
    transform: translate(84.4548vw, 35.808vh) scale(0.2551);
  }
  to {
    transform: translate(88.2691vw, 100vh) scale(0.2551);
  }
}
.snow:nth-child(87) {
  width: 40px;
  height: 40px;
  opacity: 0.7764;
  transform: translate(98.4339vw, -10px) scale(0.1616);
  animation: fall-87 3s -1s linear infinite;
}
@keyframes fall-87 {
  44.807% {
    transform: translate(105.4335vw, 44.807vh) scale(0.1616);
  }
  to {
    transform: translate(101.9337vw, 100vh) scale(0.1616);
  }
}
.snow:nth-child(88) {
  width: 40px;
  height: 40px;
  opacity: 0.5057;
  transform: translate(48.3244vw, -10px) scale(0.1697);
  animation: fall-88 1s -2s linear infinite;
}
@keyframes fall-88 {
  32.478% {
    transform: translate(48.7941vw, 32.478vh) scale(0.1697);
  }
  to {
    transform: translate(48.55925vw, 100vh) scale(0.1697);
  }
}
.snow:nth-child(89) {
  width: 10px;
  height: 10px;
  opacity: 0.7793;
  transform: translate(96.9599vw, -10px) scale(0.495);
  animation: fall-89 3s -12s linear infinite;
}
@keyframes fall-89 {
  50.09% {
    transform: translate(89.7551vw, 50.09vh) scale(0.495);
  }
  to {
    transform: translate(93.3575vw, 100vh) scale(0.495);
  }
}
.snow:nth-child(90) {
  width: 60px;
  height: 60px;
  opacity: 0.4486;
  transform: translate(81.3466vw, -10px) scale(0.6392);
  animation: fall-90 3s -4s linear infinite;
}
@keyframes fall-90 {
  39.895% {
    transform: translate(76.4067vw, 39.895vh) scale(0.6392);
  }
  to {
    transform: translate(78.87665vw, 100vh) scale(0.6392);
  }
}
.snow:nth-child(91) {
  width: 60px;
  height: 60px;
  opacity: 0.4085;
  transform: translate(65.4329vw, -10px) scale(0.8374);
  animation: fall-91 2s -3s linear infinite;
}
@keyframes fall-91 {
  50.949% {
    transform: translate(73.9994vw, 50.949vh) scale(0.8374);
  }
  to {
    transform: translate(69.71615vw, 100vh) scale(0.8374);
  }
}
.snow:nth-child(92) {
  width: 30px;
  height: 30px;
  opacity: 0.7244;
  transform: translate(41.9091vw, -10px) scale(0.0256);
  animation: fall-92 3s -10s linear infinite;
}
@keyframes fall-92 {
  40.405% {
    transform: translate(48.1182vw, 40.405vh) scale(0.0256);
  }
  to {
    transform: translate(45.01365vw, 100vh) scale(0.0256);
  }
}
.snow:nth-child(93) {
  width: 40px;
  height: 40px;
  opacity: 0.4031;
  transform: translate(63.7626vw, -10px) scale(0.1877);
  animation: fall-93 1s -6s linear infinite;
}
@keyframes fall-93 {
  36.164% {
    transform: translate(65.6834vw, 36.164vh) scale(0.1877);
  }
  to {
    transform: translate(64.723vw, 100vh) scale(0.1877);
  }
}
.snow:nth-child(94) {
  width: 30px;
  height: 30px;
  opacity: 0.1308;
  transform: translate(1.3268vw, -10px) scale(0.3823);
  animation: fall-94 2s -17s linear infinite;
}
@keyframes fall-94 {
  46.64% {
    transform: translate(6.6598vw, 46.64vh) scale(0.3823);
  }
  to {
    transform: translate(3.9933vw, 100vh) scale(0.3823);
  }
}
.snow:nth-child(95) {
  width: 60px;
  height: 60px;
  opacity: 0.545;
  transform: translate(51.9479vw, -10px) scale(0.1396);
  animation: fall-95 1s -17s linear infinite;
}
@keyframes fall-95 {
  32.117% {
    transform: translate(58.5652vw, 32.117vh) scale(0.1396);
  }
  to {
    transform: translate(55.25655vw, 100vh) scale(0.1396);
  }
}
.snow:nth-child(96) {
  width: 20px;
  height: 20px;
  opacity: 0.1219;
  transform: translate(12.4577vw, -10px) scale(0.6818);
  animation: fall-96 2s -16s linear infinite;
}
@keyframes fall-96 {
  31.303% {
    transform: translate(19.2718vw, 31.303vh) scale(0.6818);
  }
  to {
    transform: translate(15.86475vw, 100vh) scale(0.6818);
  }
}
.snow:nth-child(97) {
  width: 20px;
  height: 20px;
  opacity: 0.9503;
  transform: translate(26.8569vw, -10px) scale(0.2099);
  animation: fall-97 2s -2s linear infinite;
}
@keyframes fall-97 {
  79.48% {
    transform: translate(29.4835vw, 79.48vh) scale(0.2099);
  }
  to {
    transform: translate(28.1702vw, 100vh) scale(0.2099);
  }
}
.snow:nth-child(98) {
  width: 40px;
  height: 40px;
  opacity: 0.5397;
  transform: translate(20.2479vw, -10px) scale(0.4004);
  animation: fall-98 1s -24s linear infinite;
}
@keyframes fall-98 {
  31.026% {
    transform: translate(17.2456vw, 31.026vh) scale(0.4004);
  }
  to {
    transform: translate(18.74675vw, 100vh) scale(0.4004);
  }
}
.snow:nth-child(99) {
  width: 50px;
  height: 50px;
  opacity: 0.8413;
  transform: translate(62.8387vw, -10px) scale(0.2699);
  animation: fall-99 3s -24s linear infinite;
}
@keyframes fall-99 {
  77.212% {
    transform: translate(65.0148vw, 77.212vh) scale(0.2699);
  }
  to {
    transform: translate(63.92675vw, 100vh) scale(0.2699);
  }
}
.snow:nth-child(100) {
  width: 30px;
  height: 30px;
  opacity: 0.3786;
  transform: translate(84.3723vw, -10px) scale(0.9798);
  animation: fall-100 3s -17s linear infinite;
}
@keyframes fall-100 {
  53.069% {
    transform: translate(88.2831vw, 53.069vh) scale(0.9798);
  }
  to {
    transform: translate(86.3277vw, 100vh) scale(0.9798);
  }
}

.bolaMov1 {
  background-color: #fffccd;
  background-color: #E1D1C5;
  opacity: 70%;
  filter: blur(200px);
  border-radius: 50%;
  position: absolute;
  /*width: 480px;
  height: 350px;
  left: -10px;
  bottom: 40px;*/
  min-width: 240px;
  min-height: 175px;
  width: 25vw;
  height: 18vw;
  left: -10px;
  bottom: 3.7%;
  z-index: 4;
  animation: rotar 8s infinite ease-in-out;
  transform-origin: 50% -100%;
}

.bolaMov2 {
  background-color: #FFF;
  opacity: 60%;
  filter: blur(120px);
  border-radius: 50%;
  position: absolute;
  /*width: 300px;
  height: 320px;
  top: 130px;
  right: 20%;*/
  min-width: 150px;
  min-height: 160px;
  width: 15.6vw;
  height: 16.7vw;
  top: 12%;
  right: 20%;
  z-index: 5;
  animation: gradient 6s infinite;
}

.bolaMov3 {
  background-color: #ffcba2;
  background-color: #ffe5d1;
  filter: blur(80px);
  border-radius: 50%;
  position: absolute;
  /*width: 400px;
  height: 320px;*/
  min-width: 200px;
  min-height: 160px;
  width: 20.8vw;
  height: 16.7vw;
  top: 50%;
  left: 10%;
  z-index: 8;
  animation: rotar 12s infinite ease-in-out;
  transform-origin: -50% 100%;
}

.bolaMov4 {
  background-color: #fcffb4;
  background-color: #D6D4B4;
  opacity: 90%;
  filter: blur(200px);
  border-radius: 50%;
  position: absolute;
  /*width: 360px;
  height: 600px;*/
  min-width: 180px;
  min-height: 300px;
  width: 18.7vw;
  height: 31.2vw;
  bottom: -30%;
  right: -30%;
  z-index: 1;
  animation: gradient 7s infinite;
}

.bolaMov5 {
  background-color: #c8fed9;
  background-color: #FEF5C8;
  opacity: 70%;
  filter: blur(100px);
  border-radius: 50%;
  position: absolute;
  /*width: 200px;
  height: 90px;*/
  min-width: 100px;
  min-height: 45px;
  width: 10.4vw;
  height: 4.7vw;
  top: 55%;
  left: 55%;
  z-index: 6;
  animation: rotar 5s infinite;
  transform-origin: -100% -120%;
}

@keyframes rotar {
  0% {
    transform: rotate(0deg);
    opacity: 0.5;
  }
  50% {
    transform: rotate(50deg) scale(0.5);
    opacity: 0.9;
  }
  100% {
    transform: rotate(0deg);
    opacity: 0.5;
  }
}
@keyframes gradient {
  60% {
    transform: scale(1.5) translate(-70%, -20%);
  }
}
.banner {
  position: relative;
  height: 100vh;
  height: 100svh;
}
@media only screen and (min-width: 992px) {
  .banner {
    margin-bottom: 8vh;
  }
}
.banner a[data-fancybox]:not(.button-video) {
  display: none;
}
.banner .container {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
#diadao-main .banner__background {
  height: 100%;
  width: 100%;
  position: absolute;
  inset: 0;
  display: block;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.banner__background:after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(0deg, rgba(3, 6, 8, 0.7) 0%, rgba(28, 54, 72, 0.2) 50%);
}
.banner__background .video-wrapper, .banner__background video, .banner__background picture, .banner__background img, .banner__background hls-video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.touchevents .banner__background .video-wrapper a.button-video {
  display: flex;
  align-items: center;
  top: auto;
  right: auto;
  bottom: 120px;
  left: 50%;
  width: auto;
  background-color: rgba(255, 255, 255, 0.2);
  color: #F5F1ED;
  transform: translateX(-50%);
  padding: 16px;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  line-height: 1rem;
  border-radius: 4px;
  transition: none;
  height: auto;
  /*&::before {
      content:'';
      display: block;
      width: 1.25em;
      height: 1.25em;
      background-image: url('../images/svg/cursor-play-black.svg');
      background-repeat: no-repeat;
      background-size: contain;
      margin-right: 8px;
  }*/
}
@media only screen and (min-width: 992px) {
  .touchevents .banner__background .video-wrapper a.button-video {
    bottom: 25px;
  }
}
.touchevents .banner__background .video-wrapper a.button-video span {
  display: block;
  font-weight: 500;
  font-size: inherit;
  text-transform: uppercase;
  letter-spacing: -0.03em;
  padding: 0px;
  line-height: 1rem;
}
.touchevents .banner__background.hasPopup .video-wrapper a.button-video {
  bottom: calc(155px + 7%);
}
@media only screen and (min-width: 992px) {
  .touchevents .banner__background.hasPopup .video-wrapper a.button-video {
    bottom: 150px;
  }
}
.banner__logo {
  position: absolute;
  left: 50%;
  top: 40%;
  transform: translate(-50%, -50%);
  height: 112px;
  z-index: 8;
  /*svg {
      path {
          fill: #FFF;
          stroke: #FFF;
      }
  }*/
}
@media only screen and (min-width: 992px) {
  .banner__logo {
    height: 237px;
    top: 58%;
  }
}
.banner__logo svg, .banner__logo img {
  width: auto;
  height: 100%;
}
.banner__logo a {
  display: block;
  line-height: 0;
  pointer-events: auto;
  height: 100%;
  transition: none;
}
.banner__content {
  position: absolute;
  left: 16px;
  right: 16px;
  top: 57%;
  opacity: 0;
  color: #FFF;
  text-align: center;
  z-index: 8;
}
@media only screen and (min-width: 992px) {
  .banner__content {
    top: auto;
    bottom: 10.4%;
    left: 5%;
    right: 5%;
  }
}
.banner__big-title, .banner__big-title * {
  font-family: "freight-big-pro", serif;
  font-weight: 300;
  font-size: 2.5rem;
  line-height: 2.5rem;
  letter-spacing: 0px;
}
@media only screen and (min-width: 992px) {
  .banner__big-title, .banner__big-title * {
    font-size: 4rem;
    line-height: 4.3125rem;
    letter-spacing: 0px;
  }
}
.banner__h1-title, .banner__h1-title * {
  font-family: "freight-big-pro", serif;
  font-style: italic;
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 1.75rem;
  margin-top: 16px;
}
@media only screen and (min-width: 992px) {
  .banner__h1-title, .banner__h1-title * {
    font-size: 2rem;
    line-height: 2.125rem;
    margin-top: 0px;
    letter-spacing: 0px;
  }
}
.banner__buttons > .kwpb-component {
  justify-content: center;
}

#diadao-main section.banner {
  z-index: auto;
}

.footer {
  position: relative;
  display: grid;
  grid-template-columns: calc(16px - 16px) repeat(6, minmax(0px, 1fr)) calc(16px - 16px);
  align-items: center;
  column-gap: 16px;
  row-gap: 16px;
  align-items: flex-start;
  text-align: center;
  padding: 80px 0 150px;
  background-color: #F8F5F3;
  font-size: 1rem;
  line-height: 1.5rem;
  row-gap: 80px;
  z-index: 3;
  /*&__newsletter { 
      text-align: center;

      @include device_992_min {
          text-align: left;

          @include grid-col(2, 5);
      }

      h2 {
          color: $orange-main;
      }

      h3 {
          color: $white;

          @include device_992_min {
              font-size: 32px;
          }
      }

      .kwpb-wysiwig {
          color: $blue-100;

          margin-top: 40px;

          strong {
              color: $white;
          }
      }

      .gform_wrapper {
          position: relative;

          form {
              display: flex;
              flex-direction: column;
              align-items: start;
              gap: 8px;

              @include device_1440_min {
                  flex-direction: row;
              }

              .gform_fields {
                  margin-top: 0 !important;
              }

              .gform_body {
                  width: 100%;

                  .gfield {
                      margin-top: 0;
                  }

                  @include device_991_max {
                      .col-rgpd {
                          padding-top: 56px !important; 

                          label {
                              color: $blue-100 !important;
                          }
                      }
                  }

                  // @include device_1439_max {
                  @media only screen and (min-width: 992px) and (max-width: 1439px) {
                      .col-rgpd {
                          padding-top: 72px !important; 
                      }

                      .gfield_label {
                          left: 50% !important;
                          transform: translateX(-50%);
                          padding-top: 6px !important;
                      }
                  }

              }

              .gform_footer {
                  margin: 0 !important;

                  .diadao-sdk-button-gform {
                      width: 100%;
                  }

                  @include device_991_max {
                      position: absolute !important;
                      top: 48px; // input height + 2 * 8px margin
                  }

                  @media only screen and (min-width: 992px) and (max-width: 1439px) {
                      width: 100%;
                      position: absolute !important;
                      top: 66px; // input height + 2 * 8px margin
                  }
              }
          }
      }
  }*/
}
@media only screen and (min-width: 992px) {
  .footer {
    column-gap: 24px;
    row-gap: 108px;
    grid-template-columns: repeat(14, minmax(0px, 1fr));
  }
}
@media only screen and (min-width: 992px) {
  .footer {
    padding: 120px 0px;
    text-align: left;
  }
}
.footer__container {
  position: relative;
  display: grid;
  grid-template-columns: calc(16px - 16px) repeat(6, minmax(0px, 1fr)) calc(16px - 16px);
  align-items: center;
  column-gap: 16px;
  row-gap: 16px;
  row-gap: 80px;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .footer__container {
    column-gap: 24px;
    row-gap: 108px;
    grid-template-columns: repeat(14, minmax(0px, 1fr));
  }
}
.footer__col1 {
  grid-column-start: 2;
  grid-column-end: span 6;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  row-gap: 32px;
  order: 1;
}
@media only screen and (min-width: 992px) {
  .footer__col1 {
    grid-column-start: 3;
    grid-column-end: span 4;
    order: unset;
    align-items: flex-start;
  }
}
@media only screen and (min-width: 1640px) {
  .footer__col1 {
    grid-column-start: 4;
    grid-column-end: span 3;
  }
}
.footer__logo svg, .footer__logo img, .footer__logo picture {
  display: inline-block;
  height: 112px;
  width: auto;
}
.footer__contact a {
  text-decoration: underline;
}
@media only screen and (min-width: 992px) {
  .footer__socials {
    justify-content: flex-start;
  }
}
.footer__col2 {
  grid-column-start: 2;
  grid-column-end: span 6;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  row-gap: 16px;
  order: 3;
}
@media only screen and (min-width: 992px) {
  .footer__col2 {
    grid-column-start: 7;
    grid-column-end: span 3;
    align-items: flex-start;
    order: unset;
  }
}
@media only screen and (min-width: 1640px) {
  .footer__col2 {
    grid-column-start: 7;
    grid-column-end: span 3;
  }
}
.footer__title {
  font-weight: 700;
}
.footer__menu ul {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  row-gap: 16px;
}
@media only screen and (min-width: 992px) {
  .footer__menu ul {
    align-items: flex-start;
  }
}
.footer__menu a {
  position: relative;
}
.footer__menu a::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  right: 50%;
  height: 1px;
  background: #000;
  bottom: 0px;
  transition: left 0.3s, right 0.3s;
}
html:not(.touchevents) .footer__menu a:hover::before, html:not(.touchevents) .footer__menu a:focus-visible::before {
  left: 0px;
  right: 0px;
}
.footer__diadao {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  gap: 8px;
  position: relative;
}
.footer__diadao svg path {
  fill: currentColor;
  transition: fill 0.25s ease-in-out;
}
.footer__diadao::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  right: 50%;
  height: 1px;
  background: #000;
  bottom: 0px;
  transition: left 0.3s, right 0.3s;
}
html:not(.touchevents) .footer__diadao:hover::before, html:not(.touchevents) .footer__diadao:focus-visible::before {
  left: 0px;
  right: 0px;
}
.footer__col3 {
  grid-column-start: 2;
  grid-column-end: span 6;
  order: 2;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  row-gap: 16px;
}
@media only screen and (min-width: 992px) {
  .footer__col3 {
    grid-column-start: 10;
    grid-column-end: span 3;
    order: unset;
    align-items: flex-start;
  }
}
@media only screen and (min-width: 1640px) {
  .footer__col3 {
    grid-column-start: 10;
    grid-column-end: span 2;
  }
}
.footer .link-mourra {
  display: inline-flex;
  align-items: center;
}
.footer .link-mourra::after {
  content: "";
  display: inline-block;
  display: inline-flex;
  width: 16px;
  height: 16px;
  margin-left: 8px;
  background: url("../images/static/logo-mourra.png") no-repeat;
  background-size: contain;
}

body.sdk-dom-content-loaded #diadao-header {
  opacity: 1;
}
body.sdkbs-panel-opened:not(.diadao-menuopened) .animated-logo .animated-logo--fixed,
body.sdkbs-panel-opened:not(.diadao-menuopened) .animated-logo .animated-logo--rotate {
  opacity: 0 !important;
}

.diadao-navbar {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  left: 0px;
  right: 0px;
  bottom: 0px;
  padding: 10px 16px;
  background: #FFF;
  transition: background 0.3s;
  z-index: 1038;
}
@media only screen and (min-width: 992px) {
  .diadao-navbar {
    bottom: auto;
    top: 0px;
    padding: 24px;
    gap: 32px;
    background: #FAFCFF;
  }
  .mainmenu-opened .diadao-navbar {
    background: transparent;
  }
}
.diadao-navbar__left {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
@media only screen and (min-width: 992px) {
  .diadao-navbar__left {
    margin-right: auto;
  }
}
.diadao-navbar__burger {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  transition: top 0.3s, background 0.3s, box-shadow 0.3s;
  gap: 6px;
  cursor: pointer;
  pointer-events: auto;
}
.mainmenu-opened .diadao-navbar__burger {
  top: 100%;
}
@media only screen and (min-width: 992px) {
  .diadao-navbar__burger {
    background-color: #E3EBF2;
  }
  html:not(.touchevents) .diadao-navbar__burger:hover, html:not(.touchevents) .diadao-navbar__burger:focus-visible {
    background-color: #EEF3F8;
  }
}
.diadao-navbar__burger__container {
  position: relative;
  width: 64px;
  height: 46px;
  overflow: hidden;
  border-radius: 4px;
  pointer-events: auto;
}
@media only screen and (min-width: 992px) {
  .diadao-navbar__burger__container {
    height: 64px;
  }
  .mainmenu-opened .diadao-navbar__burger__container {
    box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.2);
  }
}
.diadao-navbar__burger__icon {
  width: 16px;
  height: 16px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url("../images/svg/burger1.svg");
  mask-image: url("../images/svg/burger1.svg");
  background: #000;
}
.diadao-navbar__burger__label {
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 0.5rem;
  letter-spacing: -0.03em;
  text-align: center;
}
@media only screen and (min-width: 992px) {
  .diadao-navbar__burger__label {
    display: none;
  }
}
.diadao-navbar__close {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -100%;
  left: 0px;
  height: 100%;
  width: 100%;
  transition: top 0.3s;
  background: #F2F2F2;
  cursor: pointer;
  transition: background 0.3s, color 0.3s, top 0.3s;
}
.mainmenu-opened .diadao-navbar__close {
  top: 0%;
}
@media only screen and (min-width: 992px) {
  .diadao-navbar__close {
    background: #FFF;
  }
}
.diadao-navbar__close::after {
  content: "";
  width: 24px;
  height: 24px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url("../images/svg/close.svg");
  mask-image: url("../images/svg/close.svg");
  background: #000;
}
body.page .diadao-navbar .lang-menu {
  display: none;
  pointer-events: auto;
}
@media only screen and (min-width: 992px) {
  body.page .diadao-navbar .lang-menu {
    display: block;
  }
}
body.page .diadao-navbar .lang-menu .dropdown-toggle {
  background-color: #EEF3F8;
}
html:not(.touchevents) body.page .diadao-navbar .lang-menu .dropdown-toggle:hover, html:not(.touchevents) body.page .diadao-navbar .lang-menu .dropdown-toggle:focus-visible {
  background-color: #F5F9FC;
}
body.page .diadao-navbar .lang-menu .dropdown-item {
  background-color: #F5F9FC;
}
body.page.mainmenu-opened .diadao-navbar .lang-menu .dropdown-toggle {
  background-color: transparent;
}
html:not(.touchevents) body.page.mainmenu-opened .diadao-navbar .lang-menu .dropdown-toggle:hover, html:not(.touchevents) body.page.mainmenu-opened .diadao-navbar .lang-menu .dropdown-toggle:focus-visible {
  background-color: transparent;
}
body.page.mainmenu-opened .diadao-navbar .lang-menu .dropdown-toggle.show {
  background-color: #FFF;
}
html:not(.touchevents) body.page.mainmenu-opened .diadao-navbar .lang-menu .dropdown-toggle.show:hover, html:not(.touchevents) body.page.mainmenu-opened .diadao-navbar .lang-menu .dropdown-toggle.show:focus-visible {
  background-color: #FFF;
}
body.page.mainmenu-opened .diadao-navbar .lang-menu .dropdown-item {
  background-color: #FFF;
}
.diadao-navbar__logo {
  position: absolute;
  left: 50%;
  display: none;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: top 0.3s;
}
@media only screen and (min-width: 992px) {
  .diadao-navbar__logo {
    display: block;
  }
}
.mainmenu-opened .diadao-navbar__logo {
  top: -100px;
}
.diadao-navbar__logo img, .diadao-navbar__logo svg {
  display: block;
  height: 80px;
}
.diadao-navbar .btn-booking {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 46px;
  background: #F2F2F2;
  color: #8F1122;
  gap: 6px;
  transition: background 0.3s, color 0.3s;
  padding: 0px 16px;
  border-radius: 4px;
  pointer-events: auto;
}
@media only screen and (min-width: 992px) {
  .diadao-navbar .btn-booking {
    flex-direction: row;
    background: #FFF;
    color: #000;
    gap: 16px;
    height: 64px;
    padding: 0px 24px;
  }
  html:not(.touchevents) .diadao-navbar .btn-booking:hover, html:not(.touchevents) .diadao-navbar .btn-booking:focus-visible {
    background: #EEF3F8;
  }
}
.diadao-navbar .btn-booking::before {
  content: "";
  width: 16px;
  height: 16px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url("../images/svg/calendar10.svg");
  mask-image: url("../images/svg/calendar10.svg");
  background: currentColor;
}
@media only screen and (min-width: 992px) {
  .diadao-navbar .btn-booking::before {
    width: 24px;
    height: 24px;
  }
}
.diadao-navbar .btn-booking span {
  display: block;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 0.5rem;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 992px) {
  .diadao-navbar .btn-booking span {
    font-size: 1rem;
    line-height: 0.6875rem;
    text-transform: uppercase;
  }
}

@media only screen and (min-width: 992px) {
  body.home .diadao-navbar, body.diadao-pageseo .diadao-navbar {
    background-color: transparent;
    pointer-events: none;
  }
  body.home .diadao-navbar.scrolled, body.diadao-pageseo .diadao-navbar.scrolled {
    background-color: #FAFCFF;
    pointer-events: auto;
  }
  body.home .diadao-navbar.scrolled .diadao-navbar__logo, body.diadao-pageseo .diadao-navbar.scrolled .diadao-navbar__logo {
    top: 50%;
  }
}
body.home .diadao-navbar__logo, body.diadao-pageseo .diadao-navbar__logo {
  top: -100px;
}
@media only screen and (min-width: 992px) {
  body.home.mainmenu-opened .diadao-navbar.scrolled, body.diadao-pageseo.mainmenu-opened .diadao-navbar.scrolled {
    background-color: transparent;
  }
}
body.home.mainmenu-opened .diadao-navbar.scrolled .diadao-navbar__logo, body.diadao-pageseo.mainmenu-opened .diadao-navbar.scrolled .diadao-navbar__logo {
  top: -100px;
}

.mainmenu {
  background: #FAFCFF;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  pointer-events: none;
  z-index: 1037;
  transform: translateX(100%);
  position: fixed;
  transition: transform 0.6s ease-in-out;
}
.mainmenu .snow {
  animation-play-state: paused;
}
.mainmenu-opened .mainmenu {
  transform: translateX(0%);
  pointer-events: auto;
}
.mainmenu__filter {
  z-index: 1036;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #F8F5F3;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s, visibility 0.5s;
}
.mainmenu-opened .mainmenu__filter {
  opacity: 1;
  visibility: visible;
}
.mainmenu__bg, .mainmenu__imgbackgrounds, .mainmenu__imgbackground, .mainmenu__videos, .mainmenu__video, .mainmenu__cssanim {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.mainmenu__bg {
  z-index: auto;
  overflow: hidden;
}
.mainmenu__bg a[data-fancybox] {
  display: none;
}
.mainmenu__cssanim {
  z-index: 0;
}
@media only screen and (min-width: 992px) {
  .mainmenu__imgbackground {
    background: url("../images/static/background-winter-desktop-menu.jpg") 50% 50% #FFF no-repeat;
    background-size: cover;
    /*
    &.forsummer {
        background-image: url('../images/static/background-summer-desktop-menu.jpg');
    }
    */
  }
}
.mainmenu__video {
  mix-blend-mode: screen;
  /*
  &.forsummer {
      mix-blend-mode: screen;
  }
  */
}
.mainmenu__video img, .mainmenu__video video, .mainmenu__video hls-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.mainmenu__photos {
  position: absolute;
  left: 100%;
  width: 59%;
  top: 0px;
  bottom: 45px;
}
@media only screen and (min-width: 992px) {
  .mainmenu__photos {
    display: block;
    left: 41%;
  }
}
.mainmenu__photos #social-menu {
  position: absolute;
  left: 51%;
  right: 0px;
  bottom: 0;
  justify-content: center;
  z-index: 4;
}
.mainmenu__bigphoto {
  position: absolute;
  right: 0px;
  width: 74%;
  top: 0px;
  bottom: 126px;
}
.mainmenu__bigphoto__intra, .mainmenu__bigphoto img, .mainmenu__bigphoto picture {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.mainmenu__bigphoto img, .mainmenu__bigphoto picture {
  object-fit: cover;
  object-position: 50% 50%;
}
.mainmenu__smallphoto {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 51%;
  z-index: 2;
  pointer-events: none;
}
.mainmenu__smallphoto__intra {
  position: relative;
  padding-top: 68.7%;
}
html body.page .mainmenu__smallphoto .diadao-bg-menu-dynamic {
  position: absolute;
  top: 0;
  left: 0;
}
.mainmenu__wrapper {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  height: 100%;
  padding: 20px 24px 80px;
  z-index: 1;
}
@media only screen and (min-width: 992px) {
  .mainmenu__wrapper {
    height: 100%;
    padding: 130px 66.5% 20px 7.55%;
    gap: 32px;
  }
}
.mainmenu__wrapper.offcanvas-body {
  position: relative;
  width: 100%;
  max-width: none;
}
.mainmenu__menu1 {
  margin-top: auto;
  width: 100%;
}
.mainmenu__menu1 a {
  display: block;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-family: "freight-big-pro", serif;
  font-size: 2rem;
  line-height: 2rem;
  padding: 5px 0px;
  /*
  #site[data-season="summer"] & {
      @include hoveractive {
          color: $mainsummer;
      }
  }
  */
}
@media only screen and (min-width: 992px) {
  .mainmenu__menu1 a {
    display: inline-flex;
    font-size: 3rem;
    line-height: 2.5rem;
  }
}
@media only screen and (min-width: 1640px) {
  .mainmenu__menu1 a {
    font-size: 3.5rem;
    line-height: 3rem;
    padding: 8px 0px;
  }
}
html:not(.touchevents) .mainmenu__menu1 a:hover, html:not(.touchevents) .mainmenu__menu1 a:focus-visible {
  color: #AD172B;
}
.mainmenu__menu1 li.current > a {
  color: #AD172B;
  /*
  #site[data-season="summer"] & {
      color: $mainsummer;
  }
  */
}
.mainmenu__menu2 {
  margin-bottom: auto;
  width: 100%;
  margin-top: -6px;
}
@media only screen and (min-width: 992px) {
  .mainmenu__menu2 {
    margin-bottom: auto;
  }
}
.mainmenu__menu2 a {
  display: block;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-family: "freight-big-pro", serif;
  font-size: 1.5rem;
  line-height: 1.625rem;
  padding: 3px 0px;
  /*
  #site[data-season="summer"] & {
      @include hoveractive {
          color: $mainsummer;
      }
  }
  */
}
@media only screen and (min-width: 992px) {
  .mainmenu__menu2 a {
    font-size: 2rem;
    display: inline-flex;
    line-height: 2rem;
    padding: 8px 0px;
  }
}
html:not(.touchevents) .mainmenu__menu2 a:hover, html:not(.touchevents) .mainmenu__menu2 a:focus-visible {
  color: #AD172B;
}
.mainmenu__menu2 li.current > a {
  color: #AD172B;
  /*
  #site[data-season="summer"] & {
      color: $mainsummer;
  }
  */
}
.mainmenu__footermobile {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: auto;
}
@media only screen and (min-width: 992px) {
  .mainmenu__footermobile {
    display: none;
  }
}
#site[data-winter=winter] .mainmenu .snow {
  animation-play-state: paused;
}
#site[data-winter=summer] .mainmenu .bolaMov1, #site[data-winter=summer] .mainmenu .bolaMov2, #site[data-winter=summer] .mainmenu .bolaMov3, #site[data-winter=summer] .mainmenu .bolaMov4, #site[data-winter=summer] .mainmenu .bolaMov5 {
  animation-play-state: paused;
}

.mainmenu-opened #site[data-winter=winter] .mainmenu .snow {
  animation-play-state: running;
}
.mainmenu-opened #site[data-winter=summer] .mainmenu .bolaMov1, .mainmenu-opened #site[data-winter=summer] .mainmenu .bolaMov2, .mainmenu-opened #site[data-winter=summer] .mainmenu .bolaMov3, .mainmenu-opened #site[data-winter=summer] .mainmenu .bolaMov4, .mainmenu-opened #site[data-winter=summer] .mainmenu .bolaMov5 {
  animation-play-state: running;
}

.content-medias {
  position: relative;
}
.content-medias__container {
  display: grid;
  grid-template-columns: calc(16px - 16px) repeat(6, minmax(0px, 1fr)) calc(16px - 16px);
  align-items: center;
  column-gap: 16px;
  row-gap: 16px;
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative;
}
@media only screen and (min-width: 992px) {
  .content-medias__container {
    column-gap: 24px;
    row-gap: 108px;
    grid-template-columns: repeat(14, minmax(0px, 1fr));
  }
}
@media only screen and (min-width: 992px) {
  .content-medias__container {
    padding-top: 8vh;
    padding-bottom: 8vh;
  }
}
@media only screen and (max-width: 991px) {
  .sepheader + .content-medias__container {
    padding-top: 16px;
  }
}
.media-fullscreen .content-medias__container {
  min-height: 70vh;
}
@media only screen and (min-width: 992px) {
  .media-fullscreen .content-medias__container {
    min-height: auto;
    height: 100vh;
    padding-bottom: 0;
    margin-bottom: 8vh;
  }
}
.media-fullscreen.big-fullscreen-title .content-medias__container {
  height: 180vh;
}
@media only screen and (min-width: 992px) {
  .media-fullscreen.big-fullscreen-title .content-medias__container {
    height: 300vh;
  }
}
@media only screen and (min-width: 992px) {
  .text-fullwidth .content-medias__container {
    justify-items: center;
  }
}
.content-medias__content {
  grid-column-start: 2;
  grid-column-end: span 6;
  grid-row-start: 2;
  grid-row-end: span 1;
}
@media only screen and (min-width: 992px) {
  .content-medias__content {
    grid-row-start: 1;
    grid-row-end: span 1;
    max-width: 75rem;
  }
}
@media only screen and (max-width: 991px) {
  .has-medias .content-medias__content {
    margin-top: 1.5rem;
  }
}
@media only screen and (max-width: 991px) {
  .instagram .content-medias__content {
    grid-row-start: 1;
    grid-row-end: span 1;
    margin-top: 0;
  }
}
.text-centered .content-medias__content {
  text-align: center;
}
@media only screen and (min-width: 992px) {
  .text-centered .content-medias__content {
    grid-column-start: 3;
    grid-column-end: span 10;
  }
}
@media only screen and (min-width: 1640px) {
  .text-centered .content-medias__content {
    grid-column-start: 4;
    grid-column-end: span 8;
  }
}
@media only screen and (min-width: 1920px) {
  .text-centered .content-medias__content {
    grid-column-start: 5;
    grid-column-end: span 6;
  }
}
.text-centered .content-medias__content__link {
  align-items: center;
}
.text-centered .content-medias__content__buttons {
  justify-content: center;
}
.media-trio .content-medias__content {
  grid-row-start: 3;
  grid-row-end: span 1;
}
@media only screen and (min-width: 992px) {
  .media-trio .content-medias__content {
    grid-row-start: 1;
    grid-row-end: span 2;
  }
}
@media only screen and (min-width: 992px) {
  .media-trio.content-left .content-medias__content, .media-solo.content-left .content-medias__content, .map.content-left .content-medias__content, .instagram.content-left .content-medias__content {
    grid-column-start: 2;
    grid-column-end: span 5;
  }
}
@media only screen and (min-width: 1640px) {
  .media-trio.content-left .content-medias__content, .media-solo.content-left .content-medias__content, .map.content-left .content-medias__content, .instagram.content-left .content-medias__content {
    grid-column-start: 3;
    grid-column-end: span 4;
  }
}
@media only screen and (min-width: 992px) {
  .media-trio.content-right .content-medias__content, .media-solo.content-right .content-medias__content, .map.content-right .content-medias__content, .instagram.content-right .content-medias__content {
    grid-column-start: 9;
    grid-column-end: span 5;
  }
}
@media only screen and (min-width: 1640px) {
  .media-trio.content-right .content-medias__content, .media-solo.content-right .content-medias__content, .map.content-right .content-medias__content, .instagram.content-right .content-medias__content {
    grid-column-start: 9;
    grid-column-end: span 4;
  }
}
@media only screen and (min-width: 992px) {
  .media-fullscreen.content-right .content-medias__content {
    grid-column-start: 8;
    grid-column-end: span 6;
  }
}
@media only screen and (min-width: 992px) {
  .media-fullscreen.content-left .content-medias__content {
    grid-column-start: 2;
    grid-column-end: span 6;
  }
}
.media-fullscreen:not(.big-fullscreen-title) .content-medias__content {
  border-radius: 0rem;
  position: relative;
  padding: 1.5rem;
  background: rgba(245, 241, 237, 0.8);
  backdrop-filter: blur(10px);
}
@media only screen and (min-width: 992px) {
  .media-fullscreen:not(.big-fullscreen-title) .content-medias__content {
    padding: 5rem;
  }
}
.media-fullscreen.big-fullscreen-title .content-medias__content {
  background: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  max-width: inherit;
  padding: 0;
}
.media-fullscreen.big-fullscreen-title .content-medias__content .content-medias__content__title {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #F5F1ED;
  font-size: 9.375rem;
  white-space: nowrap;
}
@media only screen and (min-width: 992px) {
  .media-fullscreen.big-fullscreen-title .content-medias__content .content-medias__content__title {
    font-size: 18.75rem;
  }
}
.content-medias__content__text p {
  font-size: 1.125rem;
  margin-bottom: 1.125rem;
}
.content-medias__content__text ul li, .content-medias__content__text ol li {
  font-size: 1.125rem;
}
.content-medias__content__text ul li::before, .content-medias__content__text ol li::before {
  height: 1.6875rem !important;
}
.content-medias__content__text .kwpb-more-text-button {
  display: inline-block;
  margin-top: 1.875rem;
}
.content-medias__content__link.btn-group {
  flex-direction: column;
}
.content-medias__super-media .video-wrapper {
  width: 100%;
  height: 100%;
}
.media-solo .content-medias__super-media .thumb-url, .media-trio .content-medias__super-media .thumb-url {
  position: absolute;
  inset: 0;
  z-index: 2;
}
.media-solo .content-medias__super-media {
  grid-column-start: 2;
  grid-column-end: span 6;
  grid-row-start: 1;
  grid-row-end: span 1;
}
.media-solo .content-medias__super-media img, .media-solo .content-medias__super-media video, .media-solo .content-medias__super-media iframe, .media-solo .content-medias__super-media hls-video {
  aspect-ratio: calc(1 / 1);
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  object-fit: cover;
  object-position: center;
  border-radius: 0rem;
}
@media only screen and (min-width: 992px) {
  .media-solo .content-medias__super-media img, .media-solo .content-medias__super-media video, .media-solo .content-medias__super-media iframe, .media-solo .content-medias__super-media hls-video {
    aspect-ratio: calc(16 / 9);
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    object-fit: cover;
    object-position: center;
    border-radius: 0rem;
  }
}
@media only screen and (min-width: 992px) {
  .media-solo.content-right .content-medias__super-media {
    grid-column-start: 2;
    grid-column-end: span 6;
    grid-row-start: 1;
    grid-row-end: span 1;
  }
  .media-solo.content-right .content-medias__super-media img, .media-solo.content-right .content-medias__super-media video, .media-solo.content-right .content-medias__super-media iframe, .media-solo.content-right .content-medias__super-media hls-video {
    aspect-ratio: calc(1 / 1);
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    object-fit: cover;
    object-position: center;
    border-radius: 0rem;
  }
}
@media only screen and (min-width: 992px) {
  .media-solo.content-left .content-medias__super-media {
    grid-column-start: 8;
    grid-column-end: span 6;
    grid-row-start: 1;
    grid-row-end: span 1;
  }
  .media-solo.content-left .content-medias__super-media img, .media-solo.content-left .content-medias__super-media video, .media-solo.content-left .content-medias__super-media iframe, .media-solo.content-left .content-medias__super-media hls-video {
    aspect-ratio: calc(1 / 1);
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    object-fit: cover;
    object-position: center;
    border-radius: 0rem;
  }
}
.media-trio .content-medias__super-media {
  grid-row-start: 1;
  grid-row-end: span 1;
  grid-column-start: 2;
  grid-column-end: span 6;
}
.media-trio .content-medias__super-media img, .media-trio .content-medias__super-media video, .media-trio .content-medias__super-media iframe, .media-trio .content-medias__super-media hls-video {
  aspect-ratio: calc(16 / 9);
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  object-fit: cover;
  object-position: center;
  border-radius: 0rem;
}
@media only screen and (min-width: 992px) {
  .media-trio.content-left .content-medias__super-media {
    grid-column-start: 8;
    grid-column-end: span 3;
    grid-row-start: 1;
    grid-row-end: span 2;
  }
  .media-trio.content-left .content-medias__super-media img, .media-trio.content-left .content-medias__super-media video, .media-trio.content-left .content-medias__super-media iframe, .media-trio.content-left .content-medias__super-media hls-video {
    aspect-ratio: calc(9 / 16);
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    object-fit: cover;
    object-position: center;
    border-radius: 0rem;
  }
}
@media only screen and (min-width: 992px) {
  .media-trio.content-right .content-medias__super-media {
    grid-column-start: 5;
    grid-column-end: span 3;
    grid-row-start: 1;
    grid-row-end: span 2;
  }
  .media-trio.content-right .content-medias__super-media img, .media-trio.content-right .content-medias__super-media video, .media-trio.content-right .content-medias__super-media iframe, .media-trio.content-right .content-medias__super-media hls-video {
    aspect-ratio: calc(9 / 16);
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    object-fit: cover;
    object-position: center;
    border-radius: 0rem;
  }
}
@media only screen and (max-width: 991px) {
  .media-fullscreen.big-fullscreen-title .content-medias__super-media {
    grid-column-start: 1;
    grid-column-end: span 14;
    position: absolute;
    inset: 0;
    height: 100%;
  }
  .media-fullscreen.big-fullscreen-title .content-medias__super-media video {
    border-radius: 0;
  }
}
.media-fullscreen.big-fullscreen-title .content-medias__super-media:after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.24) 0%, rgba(0, 0, 0, 0.24) 100%);
  pointer-events: none;
}
.media-fullscreen .content-medias__super-media {
  grid-column-start: 1;
  grid-column-end: span 14;
  position: absolute;
  inset: 0;
  height: 100%;
  width: 100%;
}
@media only screen and (max-width: 991px) {
  .media-fullscreen .content-medias__super-media {
    width: 100vh;
  }
}
.media-fullscreen .content-medias__super-media .kwpb-swiper-module,
.media-fullscreen .content-medias__super-media .swiper-container,
.media-fullscreen .content-medias__super-media .swiper-wrapper {
  width: 100%;
  height: 100%;
  border-radius: 0;
}
.media-fullscreen .content-medias__super-media img {
  height: 100%;
  width: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}
.content-medias__image {
  position: relative;
}
.content-medias__image .thumb-url {
  position: absolute;
  inset: 0;
  z-index: 2;
}
.media-trio .content-medias__image-1 {
  grid-column-start: 2;
  grid-column-end: span 3;
  grid-row-start: 2;
  grid-row-end: span 1;
}
.media-trio .content-medias__image-1 img, .media-trio .content-medias__image-1 video, .media-trio .content-medias__image-1 iframe, .media-trio .content-medias__image-1 hls-video {
  aspect-ratio: calc(16 / 9);
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  object-fit: cover;
  object-position: center;
  border-radius: 0rem;
}
@media only screen and (min-width: 992px) {
  .media-trio.content-left .content-medias__image-1 {
    grid-column-start: 11;
    grid-column-end: span 3;
    grid-row-start: 1;
    grid-row-end: span 1;
    align-self: end;
  }
  .media-trio.content-left .content-medias__image-1 img, .media-trio.content-left .content-medias__image-1 video, .media-trio.content-left .content-medias__image-1 iframe, .media-trio.content-left .content-medias__image-1 hls-video {
    aspect-ratio: calc(16 / 9);
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    object-fit: cover;
    object-position: center;
    border-radius: 0rem;
  }
}
@media only screen and (min-width: 992px) {
  .media-trio.content-right .content-medias__image-1 {
    grid-column-start: 2;
    grid-column-end: span 3;
    grid-row-start: 1;
    grid-row-end: span 1;
    align-self: end;
  }
  .media-trio.content-right .content-medias__image-1 img, .media-trio.content-right .content-medias__image-1 video, .media-trio.content-right .content-medias__image-1 iframe, .media-trio.content-right .content-medias__image-1 hls-video {
    aspect-ratio: calc(16 / 9);
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    object-fit: cover;
    object-position: center;
    border-radius: 0rem;
  }
}
.content-medias__image-1 a {
  position: absolute;
  inset: 0;
  z-index: 2;
}
.media-trio .content-medias__image-2 {
  grid-column-start: 5;
  grid-column-end: span 3;
  grid-row-start: 2;
  grid-row-end: span 1;
}
.media-trio .content-medias__image-2 img, .media-trio .content-medias__image-2 video, .media-trio .content-medias__image-2 iframe, .media-trio .content-medias__image-2 hls-video {
  aspect-ratio: calc(16 / 9);
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  object-fit: cover;
  object-position: center;
  border-radius: 0rem;
}
@media only screen and (min-width: 992px) {
  .media-trio.content-left .content-medias__image-2 {
    grid-column-start: 11;
    grid-column-end: span 2;
    grid-row-start: 2;
    grid-row-end: span 1;
    align-self: start;
  }
  .media-trio.content-left .content-medias__image-2 img, .media-trio.content-left .content-medias__image-2 video, .media-trio.content-left .content-medias__image-2 iframe, .media-trio.content-left .content-medias__image-2 hls-video {
    aspect-ratio: calc(9 / 16);
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    object-fit: cover;
    object-position: center;
    border-radius: 0rem;
  }
}
@media only screen and (min-width: 992px) {
  .media-trio.content-right .content-medias__image-2 {
    grid-column-start: 3;
    grid-column-end: span 2;
    grid-row-start: 2;
    grid-row-end: span 1;
    align-self: start;
  }
  .media-trio.content-right .content-medias__image-2 img, .media-trio.content-right .content-medias__image-2 video, .media-trio.content-right .content-medias__image-2 iframe, .media-trio.content-right .content-medias__image-2 hls-video {
    aspect-ratio: calc(9 / 16);
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    object-fit: cover;
    object-position: center;
    border-radius: 0rem;
  }
}
.content-medias__image-2 a {
  position: absolute;
  inset: 0;
  z-index: 2;
}
.instagram .content-medias__instagram {
  grid-column-start: 2;
  grid-column-end: span 12;
  grid-row-start: 2;
  grid-row-end: span 1;
}
@media only screen and (max-width: 991px) {
  .instagram .content-medias__instagram {
    margin-top: 24px;
  }
}
@media only screen and (min-width: 992px) {
  .instagram.content-right .content-medias__instagram {
    grid-column-start: 2;
    grid-column-end: span 6;
    grid-row-start: 1;
    grid-row-end: span 1;
  }
}
@media only screen and (min-width: 992px) {
  .instagram.content-left .content-medias__instagram {
    grid-column-start: 8;
    grid-column-end: span 6;
    grid-row-start: 1;
    grid-row-end: span 1;
  }
}
.content-medias__map {
  height: 100%;
}
.content-medias__map #map {
  aspect-ratio: 1/1;
  height: 100%;
  border-radius: 0rem;
}
.map .content-medias__map {
  grid-column-start: 2;
  grid-column-end: span 12;
  grid-row-start: 1;
  grid-row-end: span 1;
}
@media only screen and (min-width: 992px) {
  .map.content-right .content-medias__map {
    grid-column-start: 2;
    grid-column-end: span 6;
    grid-row-start: 1;
    grid-row-end: span 1;
  }
}
@media only screen and (min-width: 992px) {
  .map.content-left .content-medias__map {
    grid-column-start: 8;
    grid-column-end: span 6;
    grid-row-start: 1;
    grid-row-end: span 1;
  }
}

.accordeon-content {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0px;
  width: 100%;
  margin-top: -16px;
}
@media only screen and (min-width: 992px) {
  .accordeon-content {
    gap: 0px;
    margin-top: -24px;
  }
}
.accordeon-content .accordion-item,
.accordeon-content .accordeon-item {
  width: 100%;
}
.accordeon-content .accordion-item.opened .accordeon-title h3::before,
.accordeon-content .accordeon-item.opened .accordeon-title h3::before {
  transform: rotate(-180deg);
}
.accordeon-content .accordeon-title h3 {
  all: unset;
  display: block;
  font-size: 0.875rem;
  line-height: 1.5rem;
  font-weight: 600;
  color: #000;
  position: relative;
  padding: 12px 1.5rem 8px 0px;
  cursor: pointer;
}
@media only screen and (min-width: 992px) {
  .accordeon-content .accordeon-title h3 {
    font-size: 1.25rem;
    line-height: 2rem;
    padding: 12px 1.5rem 12px 0px;
  }
}
.accordeon-content .accordeon-title h3::before {
  content: "";
  position: absolute;
  top: 22px;
  right: 2px;
  width: 13px;
  height: 13px;
  text-align: center;
  -webkit-mask-image: url("../images/svg/minus.svg");
  mask-image: url("../images/svg/minus.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: currentColor;
  transition: all 0.3s ease;
  transform: rotate(-180deg);
}
.accordeon-content .accordeon-title h3.collapsed {
  padding: 12px 1.5rem 12px 0px;
}
.accordeon-content .accordeon-title h3.collapsed::before {
  -webkit-mask-image: url("../images/svg/plus.svg");
  mask-image: url("../images/svg/plus.svg");
}
.accordeon-content .accordeon-title h3:not(:active) {
  transition: all 0.3s ease;
}
.accordeon-content .accordion-body {
  padding-bottom: 12px;
}
.accordeon-content .accordeon-text {
  box-sizing: content-box;
  padding-right: 2.5rem;
}
.accordeon-content .accordeon-text p:last-child {
  margin: 0;
}

.btn-group {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
}

/* BUTTONS
---------------------------------------- */
.btn-primary, .button-primary {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 4px;
  background: transparent;
  min-height: 48px;
  border: 0;
  transition: background-color 0.25s ease-in-out, border 0.25s ease-in-out, color 0.25s ease-in-out;
  color: #000;
  position: relative;
  overflow: hidden;
  padding: 8px 24px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .btn-primary, .button-primary {
    min-height: 64px;
    padding: 8px 32px;
  }
}
.btn-primary span, .button-primary span {
  display: inline-flex;
  font-size: 0.875rem;
  line-height: 1.2em;
  text-transform: uppercase;
  font-weight: 500;
  pointer-events: none;
  position: relative;
  letter-spacing: -0.03em;
  padding-top: 0.2em;
}
@media only screen and (min-width: 992px) {
  .btn-primary span, .button-primary span {
    font-size: 1rem;
  }
}
html:not(.touchevents) .btn-primary:hover, html:not(.touchevents) .btn-primary:focus-visible, html:not(.touchevents) .button-primary:hover, html:not(.touchevents) .button-primary:focus-visible {
  background: rgba(0, 0, 0, 0.05);
  color: #000;
}
html:not(.touchevents) .btn-primary:hover, html:not(.touchevents) .btn-primary:focus-visible, html:not(.touchevents) .button-primary:hover, html:not(.touchevents) .button-primary:focus-visible {
  border: 1px solid rgba(0, 0, 0, 0.5);
}
@media only screen and (min-width: 640px) {
  .btn-primary, .button-primary {
    width: auto;
  }
}

.btn-secondary, .button-secondary {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 4px;
  background: #AD172B;
  min-height: 48px;
  border: 0;
  transition: background-color 0.25s ease-in-out, border 0.25s ease-in-out, color 0.25s ease-in-out;
  color: #FFF;
  position: relative;
  overflow: hidden;
  padding: 8px 24px;
}
@media only screen and (min-width: 992px) {
  .btn-secondary, .button-secondary {
    min-height: 64px;
    padding: 8px 32px;
  }
}
.btn-secondary span, .button-secondary span {
  display: inline-flex;
  font-size: 0.875rem;
  line-height: 1.2em;
  text-transform: uppercase;
  font-weight: 500;
  pointer-events: none;
  position: relative;
  letter-spacing: -0.03em;
  padding-top: 0.2em;
}
@media only screen and (min-width: 992px) {
  .btn-secondary span, .button-secondary span {
    font-size: 1rem;
  }
}
html:not(.touchevents) .btn-secondary:hover, html:not(.touchevents) .btn-secondary:focus-visible, html:not(.touchevents) .button-secondary:hover, html:not(.touchevents) .button-secondary:focus-visible {
  background: #8F1122;
  color: #FFF;
}

.btn-brochure, .button-brochure {
  text-align: left;
}
.btn-brochure::before, .button-brochure::before {
  content: "";
  height: 1.44em;
  width: 1.44em;
  margin-right: 12px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url("../images/svg/icon-brochure.svg");
  mask-image: url("../images/svg/icon-brochure.svg");
  background-color: currentColor;
  flex: 0 0 1.44em;
}

.btn-contact, .button-contact {
  text-align: left;
}
.btn-contact::before, .button-contact::before {
  content: "";
  height: 1.125em;
  width: 1.44em;
  margin-right: 12px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url("../images/svg/icon-contact.svg");
  mask-image: url("../images/svg/icon-contact.svg");
  background-color: currentColor;
  flex: 0 0 1.44em;
}

.btn-white {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 4px;
  background: #F5F1ED;
  min-height: 48px;
  border: 0;
  transition: background-color 0.25s ease-in-out, border 0.25s ease-in-out, color 0.25s ease-in-out;
  color: #273582;
  position: relative;
  overflow: hidden;
  padding: 8px 24px;
}
@media only screen and (min-width: 992px) {
  .btn-white {
    min-height: 64px;
    padding: 8px 32px;
  }
}
.btn-white span {
  display: inline-flex;
  font-size: 0.875rem;
  line-height: 1.2em;
  text-transform: uppercase;
  font-weight: 500;
  pointer-events: none;
  position: relative;
  letter-spacing: -0.03em;
  padding-top: 0.2em;
}
@media only screen and (min-width: 992px) {
  .btn-white span {
    font-size: 1rem;
  }
}
html:not(.touchevents) .btn-white:hover, html:not(.touchevents) .btn-white:focus-visible {
  background: rgba(0, 0, 0, 0.05);
  color: #000;
}

.btn-outline {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 4px;
  background: transparent;
  min-height: 48px;
  border: 0;
  transition: background-color 0.25s ease-in-out, border 0.25s ease-in-out, color 0.25s ease-in-out;
  color: #F5F1ED;
  position: relative;
  overflow: hidden;
  padding: 8px 24px;
  border: 1px solid #F5F1ED;
}
@media only screen and (min-width: 992px) {
  .btn-outline {
    min-height: 64px;
    padding: 8px 32px;
  }
}
.btn-outline span {
  display: inline-flex;
  font-size: 0.875rem;
  line-height: 1.2em;
  text-transform: uppercase;
  font-weight: 500;
  pointer-events: none;
  position: relative;
  letter-spacing: -0.03em;
  padding-top: 0.2em;
}
@media only screen and (min-width: 992px) {
  .btn-outline span {
    font-size: 1rem;
  }
}
html:not(.touchevents) .btn-outline:hover, html:not(.touchevents) .btn-outline:focus-visible {
  background: rgba(0, 0, 0, 0.05);
  color: transparent;
}
.btn-outline:hover {
  opacity: 0.6;
}
@media only screen and (max-width: 640px) {
  .btn-outline {
    width: 100%;
  }
}

.btn-underline, body .dia-smartgallery__filters__text a:not([class*=btn]):not([class*=button]), .button-underline {
  position: relative;
  color: #EC6136;
  font-weight: 700;
  letter-spacing: 0.5px;
  padding: 0 0 5px;
  padding: 0;
}
.btn-underline::after, body .dia-smartgallery__filters__text a:not([class*=btn]):not([class*=button])::after, .button-underline::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0.125rem;
  background-color: currentColor;
  transition: all 0.3s ease;
}
.btn-underline span, body .dia-smartgallery__filters__text a:not([class*=btn]):not([class*=button]) span, .button-underline span {
  pointer-events: none;
  font-size: 12px;
}
@media only screen and (min-width: 992px) {
  .btn-underline span, body .dia-smartgallery__filters__text a:not([class*=btn]):not([class*=button]) span, .button-underline span {
    font-size: 16px;
  }
}
.btn-underline:hover::after, body .dia-smartgallery__filters__text a:hover:not([class*=btn]):not([class*=button])::after, .button-underline:hover::after {
  width: 100%;
}
.btn-underline.is-more-modal-button, body .dia-smartgallery__filters__text a.is-more-modal-button:not([class*=btn]):not([class*=button]), .button-underline.is-more-modal-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.btn-underline.is-more-modal-button::before, body .dia-smartgallery__filters__text a.is-more-modal-button:not([class*=btn]):not([class*=button])::before, .button-underline.is-more-modal-button::before {
  display: block;
  content: "+";
}

.btn-plus, .button-plus {
  position: relative;
  display: inline-flex;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 300;
}
@media only screen and (min-width: 992px) {
  .btn-plus, .button-plus {
    font-size: 1.625rem;
    line-height: 2.125rem;
    padding-bottom: 10px;
  }
}
.btn-plus::after, .button-plus::after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 50%;
  right: 50%;
  background-color: currentColor;
  height: 1px;
  transition: left 0.3s, right 0.3s;
}
@media only screen and (min-width: 992px) {
  .btn-plus::after, .button-plus::after {
    height: 2px;
  }
}
.btn-plus span, .button-plus span {
  display: inline-flex;
  align-items: center;
  pointer-events: none;
  vertical-align: top;
}
.btn-plus span::before, .button-plus span::before {
  content: "";
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url("../images/svg/icon-plus.svg");
  mask-image: url("../images/svg/icon-plus.svg");
  background-color: currentColor;
  width: 1em;
  height: 1em;
  margin-right: 4px;
}
@media only screen and (min-width: 992px) {
  .btn-plus span::before, .button-plus span::before {
    width: 1.25em;
    height: 1.25em;
    margin-right: 8px;
  }
}
html:not(.touchevents) .btn-plus:hover::after, html:not(.touchevents) .btn-plus:focus-visible::after, html:not(.touchevents) .button-plus:hover::after, html:not(.touchevents) .button-plus:focus-visible::after {
  left: 0%;
  right: 0%;
}

body .fancybox__content button.is-close-btn,
body .btn-close,
body .diadao-button-close,
body .button-room-detail-close {
  --sdk-button-close-background-color-hover: $btn-primary-bg-hover;
  position: fixed;
  left: auto;
  top: 8px;
  right: 16px;
  opacity: 1;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 46px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  background-color: #FFF;
  transition: background-color 0.25s ease-in-out, border 0.25s ease-in-out, color 0.25s ease-in-out;
  z-index: 5;
  overflow: hidden;
}
@media only screen and (min-width: 992px) {
  body .fancybox__content button.is-close-btn,
  body .btn-close,
  body .diadao-button-close,
  body .button-room-detail-close {
    height: 64px;
    top: 32px;
    right: 32px;
    box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.2);
    border: none;
  }
}
body .fancybox__content button.is-close-btn svg,
body .btn-close svg,
body .diadao-button-close svg,
body .button-room-detail-close svg {
  position: relative;
  z-index: 1;
  width: var(--diadao-button-close-svg-width);
  height: var(--diadao-button-close-svg-height);
  margin: 0;
}
body .fancybox__content button.is-close-btn svg path,
body .btn-close svg path,
body .diadao-button-close svg path,
body .button-room-detail-close svg path {
  fill: #000 !important;
}
html:not(.touchevents) body .fancybox__content button.is-close-btn:hover, html:not(.touchevents) body .fancybox__content button.is-close-btn:focus-visible,
html:not(.touchevents) body .btn-close:hover,
html:not(.touchevents) body .btn-close:focus-visible,
html:not(.touchevents) body .diadao-button-close:hover,
html:not(.touchevents) body .diadao-button-close:focus-visible,
html:not(.touchevents) body .button-room-detail-close:hover,
html:not(.touchevents) body .button-room-detail-close:focus-visible {
  background-color: #EEF3F8;
}
@media only screen and (min-width: 992px) {
  html:not(.touchevents) body .fancybox__content button.is-close-btn:hover, html:not(.touchevents) body .fancybox__content button.is-close-btn:focus-visible,
  html:not(.touchevents) body .btn-close:hover,
  html:not(.touchevents) body .btn-close:focus-visible,
  html:not(.touchevents) body .diadao-button-close:hover,
  html:not(.touchevents) body .diadao-button-close:focus-visible,
  html:not(.touchevents) body .button-room-detail-close:hover,
  html:not(.touchevents) body .button-room-detail-close:focus-visible {
    box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.2);
  }
}

.commonbuttons, .content-medias__content__buttons {
  padding-top: 16px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 16px;
}
@media only screen and (min-width: 992px) {
  .commonbuttons, .content-medias__content__buttons {
    padding-top: 24px;
    gap: 16px;
  }
}
.diadao-language-fr .commonbuttons *[data-lang=en], .diadao-language-fr .content-medias__content__buttons *[data-lang=en] {
  display: none;
}
.diadao-language-en .commonbuttons *[data-lang=fr], .diadao-language-en .content-medias__content__buttons *[data-lang=fr] {
  display: none;
}

.offcanvas-readmore.offcanvas-bottom {
  height: auto;
  min-height: auto;
}
@media only screen and (min-width: 992px) {
  .offcanvas-readmore {
    border-radius: 0px;
    height: 100vh;
  }
  .offcanvas-readmore.offcanvas-top {
    width: 75%;
    max-width: 500px;
    height: auto;
    bottom: 40px;
    top: 40px;
    right: 40px;
    left: auto;
  }
}
.offcanvas-readmore.show .offcanvas-header {
  opacity: 1;
}
.offcanvas-readmore.showing .offcanvas-header, .offcanvas-readmore.hiding .offcanvas-header {
  opacity: 0;
}
.offcanvas-readmore .offcanvas-header .diadao-button-close {
  position: absolute;
  top: 0px;
}
@media only screen and (min-width: 992px) {
  .offcanvas-readmore .offcanvas-header .diadao-button-close {
    top: -32px;
    right: -32px;
  }
}
.offcanvas-readmore .offcanvas-body {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  background-color: #FFF !important;
  padding: 60px 16px 40px;
}
@media only screen and (min-width: 992px) {
  .offcanvas-readmore .offcanvas-body {
    border-radius: 0px;
    height: auto;
    min-height: auto;
    margin-bottom: auto;
    padding: 40px 100px 40px 40px;
  }
}
.offcanvas-readmore .fancybox__backdrop {
  background: rgba(31, 31, 31, 0.32);
  backdrop-filter: blur(10px);
}
.offcanvas-readmore .kwpb-wysiwig, .offcanvas-readmore .offcanvas.type-diadaopopup .sdk-popup__text, .offcanvas.type-diadaopopup .offcanvas-readmore .sdk-popup__text {
  font-size: 1rem;
  line-height: 1.5;
  color: #000;
}
.offcanvas-readmore .sdk-readmore-fancybox {
  border-radius: 0px;
}

.swiper-pagination-horizontal.swiper-pagination-bullets {
  bottom: 0px;
  padding: 0px 20px 8px;
  text-align: center;
  line-height: 0;
}
.swiper-pagination-horizontal.swiper-pagination-bullets::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 72px;
  border-radius: var(--Spacing-0, 0px);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
}
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  position: relative;
  height: 1rem;
  width: 1rem;
  opacity: 1;
  background-color: transparent;
  transition: all 0.3s ease;
  margin: 0;
  border-radius: 0px;
}
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:first-child {
  margin-top: 0;
}
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet::before {
  content: "";
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 4px;
  right: 4px;
  background-color: rgba(245, 241, 237, 0.5);
  transition: background 0.3s;
  border-radius: 0.25rem;
}
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 3.5rem;
  background-color: transparent;
}
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  background-color: #F5F1ED;
}

.mediasSwiper .swiper-navigation {
  display: none !important;
}

body.sdk-template-light .swiper-pagination-horizontal.swiper-pagination-bullets {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  flex-direction: row;
  align-items: center;
  gap: 2px;
}

.kwpb-swiper-module {
  overflow: hidden;
  border-radius: 0rem;
}

.kwpb-swiper-module,
.swiper-container,
.swiper-wrapper {
  width: 100%;
  height: 100%;
}

@media only screen and (min-width: 992px) {
  .carousselrooms__swiper__container .carousselrooms__swiper__wrapper.swiper-wrapper {
    display: felx;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
  }
  .carousselrooms__swiper__container .carousselrooms__swiper__wrapper.swiper-wrapper .carousselrooms__slide.swiper-slide {
    margin-right: 0 !important;
    flex: 0 0 calc((100% - 40px) / 3);
  }
  .carousselrooms__swiper__container .carousselrooms__navigation {
    display: none;
  }
}
.practical-infos {
  position: relative;
}
body.faq .practical-infos:not(:last-child) .practical-infos__container {
  padding-bottom: 0;
}
.practical-infos .container {
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative;
  padding-left: 48px;
}
@media only screen and (min-width: 992px) {
  .practical-infos .container {
    padding-top: 8vh;
    padding-bottom: 8vh;
  }
}
@media only screen and (max-width: 991px) {
  .sepheader + .practical-infos .container {
    padding-top: 16px;
  }
}
@media only screen and (min-width: 992px) {
  .practical-infos .container {
    display: grid;
    grid-template-columns: calc(16px - 16px) repeat(6, minmax(0px, 1fr)) calc(16px - 16px);
    align-items: center;
    column-gap: 16px;
    row-gap: 16px;
    align-items: start;
    padding-top: 160px;
    padding-left: 0;
  }
}
@media only screen and (min-width: 992px) and (min-width: 992px) {
  .practical-infos .container {
    column-gap: 24px;
    row-gap: 108px;
    grid-template-columns: repeat(14, minmax(0px, 1fr));
  }
}
.practical-infos__accordion {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
  gap: 108px;
}
@media only screen and (min-width: 992px) {
  .practical-infos__accordion {
    grid-column-start: 5;
    grid-column-end: span 6;
    grid-row-start: 2;
    grid-row-end: span 1;
    gap: 80px;
  }
}
@media only screen and (min-width: 992px) {
  .practical-infos.has-cards-list .practical-infos__accordion {
    grid-column-start: 3;
    grid-column-end: span 5;
    grid-row-start: 2;
    grid-row-end: span 1;
  }
}
@media only screen and (min-width: 1440px) {
  .practical-infos.has-cards-list .practical-infos__accordion {
    grid-column-start: 4;
    grid-column-end: span 4;
  }
}
.practical-infos__list {
  margin-top: 60px;
}
@media only screen and (min-width: 992px) {
  .practical-infos__list {
    grid-column-start: 9;
    grid-column-end: span 5;
    grid-row-start: 2;
    grid-row-end: span 1;
    margin-top: 0;
  }
}
.practical-infos__list .list__wrapper {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
}
@media only screen and (min-width: 992px) {
  .practical-infos__list .list__wrapper {
    gap: 16px;
  }
}
.practical-infos__list .list__item {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 60px 16px 24px 16px;
  border-radius: 0px;
  background-color: #EFD3BD;
  width: 100%;
  gap: 8px;
}
@media only screen and (min-width: 992px) {
  .practical-infos__list .list__item {
    gap: 16px;
    padding: 40px 24px 24px 52px;
  }
}
.practical-infos__list .list__item__icon {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  width: 24px;
  height: 24px;
}
@media only screen and (min-width: 992px) {
  .practical-infos__list .list__item__icon {
    width: 40px;
    height: 40px;
  }
}
.practical-infos__list .list__item__icon svg path {
  fill: #EC6136;
}
.practical-infos__illustration {
  position: absolute;
  z-index: 3;
  right: 0;
  top: 100%;
  width: 140px;
  height: 120px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
}
@media only screen and (min-width: 992px) {
  .practical-infos__illustration {
    right: -35px;
    width: 500px;
    height: 400px;
  }
}
.practical-infos__illustration--1 {
  background-image: url("../images/static/illustration/illustration-1.svg");
}
.practical-infos__illustration--2 {
  background-image: url("../images/static/illustration/illustration-4.svg");
}
.practical-infos__illustration--3 {
  background-image: url("../images/static/illustration/illustration-6.svg");
}

.thumbnails-list {
  position: relative;
}
.thumbnails-list .container {
  display: grid;
  grid-template-columns: calc(16px - 16px) repeat(6, minmax(0px, 1fr)) calc(16px - 16px);
  align-items: center;
  column-gap: 16px;
  row-gap: 16px;
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative;
}
@media only screen and (min-width: 992px) {
  .thumbnails-list .container {
    column-gap: 24px;
    row-gap: 108px;
    grid-template-columns: repeat(14, minmax(0px, 1fr));
  }
}
@media only screen and (min-width: 992px) {
  .thumbnails-list .container {
    padding-top: 8vh;
    padding-bottom: 8vh;
  }
}
@media only screen and (max-width: 991px) {
  .sepheader + .thumbnails-list .container {
    padding-top: 16px;
  }
}
.thumbnails-list__title {
  grid-column-start: 2;
  grid-column-end: span 12;
}
@media only screen and (min-width: 992px) {
  .thumbnails-list__title {
    text-align: center;
  }
}
.thumbnails-list__swiper {
  grid-column-start: 1;
  grid-column-end: span 14;
  width: 100%;
  height: auto;
  padding-inline: 40px;
  z-index: inherit;
  position: relative;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media only screen and (min-width: 992px) {
  .thumbnails-list__swiper {
    padding-inline: calc(80px - 108px + 24px);
  }
}
.thumbnails-list__swiper .swiper-wrapper {
  z-index: inherit;
  width: auto;
}
.thumbnails-list__swiper .swiper-wrapper .swiper-slide {
  width: 100%;
}
@media only screen and (min-width: 640px) {
  .thumbnails-list__swiper .swiper-wrapper .swiper-slide {
    width: auto;
  }
}
@media only screen and (min-width: 992px) {
  .thumbnails-list__swiper .swiper-wrapper .swiper-slide:nth-child(odd) {
    margin-top: 5rem;
  }
}
@media only screen and (min-width: 992px) {
  .thumbnails-list__swiper .swiper-wrapper .swiper-slide:nth-child(even) {
    margin-bottom: 5rem;
  }
}
.thumbnails-list__swiper .swiper-wrapper .swiper-slide:last-child {
  margin-right: 0 !important;
}
@media only screen and (min-width: 992px) {
  .thumbnails-list__swiper .swiper-navigation {
    position: absolute;
    inset: 0;
  }
  .thumbnails-list__swiper .swiper-navigation .swiper-button-prev,
  .thumbnails-list__swiper .swiper-navigation .swiper-button-next {
    bottom: 0;
    top: 0;
    width: 50%;
    height: 100%;
  }
  .thumbnails-list__swiper .swiper-navigation .swiper-button-prev:after,
  .thumbnails-list__swiper .swiper-navigation .swiper-button-next:after {
    display: none;
  }
  .thumbnails-list__swiper .swiper-navigation .swiper-button-prev-icon,
  .thumbnails-list__swiper .swiper-navigation .swiper-button-next-icon {
    position: absolute;
    width: 120px;
    height: 120px;
    background-color: transparent;
    opacity: 0;
    border-radius: 50%;
    transition: opacity 0.25s ease-in-out, background-color 0.25s ease-in-out;
  }
  .thumbnails-list__swiper .swiper-navigation .swiper-button-prev-icon:hover,
  .thumbnails-list__swiper .swiper-navigation .swiper-button-next-icon:hover {
    background-color: rgba(0, 0, 0, 0.05);
  }
  .thumbnails-list__swiper .swiper-navigation .swiper-button-prev-icon:after,
  .thumbnails-list__swiper .swiper-navigation .swiper-button-next-icon:after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: "";
    width: 40px;
    height: 40px;
    display: block;
    -webkit-mask-image: url("../images/svg/icon-chevron-right.svg");
    mask-image: url("../images/svg/icon-chevron-right.svg");
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: #F5F1ED;
  }
  .thumbnails-list__swiper .swiper-navigation .swiper-button-prev {
    left: 0;
    right: auto;
  }
  .thumbnails-list__swiper .swiper-navigation .swiper-button-prev:hover .swiper-button-prev-icon {
    opacity: 1;
  }
  .thumbnails-list__swiper .swiper-navigation .swiper-button-prev-icon {
    left: calc(5% - 24px);
  }
  .thumbnails-list__swiper .swiper-navigation .swiper-button-prev-icon:after {
    transform: translate(-50%, -50%) rotate(180deg);
  }
  .thumbnails-list__swiper .swiper-navigation .swiper-button-next {
    right: 0;
    left: auto;
  }
  .thumbnails-list__swiper .swiper-navigation .swiper-button-next:hover .swiper-button-next-icon {
    opacity: 1;
  }
  .thumbnails-list__swiper .swiper-navigation .swiper-button-next-icon {
    right: calc(5% - 24px);
  }
}
.thumbnails-list__swiper .swiper-pagination {
  z-index: inherit;
}
.thumbnails-list__swiper .swiper-pagination-horizontal.swiper-pagination-bullets {
  text-align: center;
  padding: 0;
  bottom: initial;
  top: initial;
  left: initial;
  width: auto;
  position: relative;
  margin-top: 48px;
}
.thumbnails-list__swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  opacity: 0.32;
  background-color: #273582;
}
.thumbnails-list__swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
  background-color: #273582;
}
.thumbnails-list .list__item {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.thumbnails-list .list__item__img {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.thumbnails-list .list__item__img:after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(31, 31, 31, 0) 40%, rgba(31, 31, 31, 0.4) 100%);
  transition: opacity 0.5s ease-in-out;
  pointer-events: none;
}
.thumbnails-list .list__item__img img, .thumbnails-list .list__item__img video, .thumbnails-list .list__item__img iframe, .thumbnails-list .list__item__img hls-video {
  aspect-ratio: calc(3 / 4);
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  object-fit: cover;
  object-position: center;
  border-radius: 0rem;
}
@media only screen and (min-width: 640px) {
  .thumbnails-list .list__item__img {
    max-width: 16.75rem;
  }
}
@media only screen and (min-width: 992px) {
  .thumbnails-list .list__item__img img, .thumbnails-list .list__item__img video, .thumbnails-list .list__item__img iframe, .thumbnails-list .list__item__img hls-video {
    aspect-ratio: calc(9 / 16);
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    object-fit: cover;
    object-position: center;
    border-radius: 0rem;
  }
}
.thumbnails-list .list__item__img:after {
  top: 50%;
  border-radius: 0px;
}
.thumbnails-list .list__item__text {
  position: absolute;
  bottom: 0;
  width: 100%;
  color: #F5F1ED;
  text-align: center;
  padding: 24px 40px 40px 40px;
  z-index: 1;
  font-size: 18px;
}
@media only screen and (min-width: 992px) {
  .thumbnails-list .list__item__text {
    padding: 24px 40px;
  }
}
.thumbnails-list__buttons {
  grid-column-start: 2;
  grid-column-end: span 12;
}
@media only screen and (min-width: 992px) {
  .thumbnails-list__buttons {
    justify-content: center;
  }
}

.images-blocks {
  position: relative;
}
.images-blocks .container {
  display: grid;
  grid-template-columns: calc(16px - 16px) repeat(6, minmax(0px, 1fr)) calc(16px - 16px);
  align-items: center;
  column-gap: 16px;
  row-gap: 16px;
  padding-top: 60px;
  padding-bottom: 60px;
}
@media only screen and (min-width: 992px) {
  .images-blocks .container {
    column-gap: 24px;
    row-gap: 108px;
    grid-template-columns: repeat(14, minmax(0px, 1fr));
  }
}
@media only screen and (min-width: 992px) {
  .images-blocks .container {
    padding-top: 8vh;
    padding-bottom: 8vh;
  }
}
@media only screen and (max-width: 991px) {
  .sepheader + .images-blocks .container {
    padding-top: 16px;
  }
}
.images-blocks h2 {
  grid-column-start: 2;
  grid-column-end: span 12;
  grid-row-start: 1;
  grid-row-end: span 1;
  text-align: center;
}
.images-blocks .list__wrapper {
  grid-column-start: 2;
  grid-column-end: span 12;
  grid-row-start: 2;
  grid-row-end: span 1;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  column-gap: 24px;
  row-gap: 108px;
}
.images-blocks .list__item {
  position: relative;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .images-blocks .list__item {
    width: calc((100% - 24px) / 2);
  }
}
@media only screen and (min-width: 1440px) {
  .images-blocks .list__item {
    width: calc((100% - 72px) / 4);
  }
}
.images-blocks .list__item:nth-child(n+5) {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .images-blocks .list__item:nth-child(n+5) {
    width: calc((100% - 48px) / 3);
  }
}
.images-blocks .list__item__media {
  position: relative;
  height: 260px;
  width: 100%;
  border-radius: 0px;
  overflow: hidden;
  padding: 60px;
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.images-blocks .list__item__media:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #1F1F1F;
  opacity: 0.6;
  pointer-events: none;
}
.images-blocks .list__item__media img, .images-blocks .list__item__media video, .images-blocks .list__item__media iframe, .images-blocks .list__item__media hls-video {
  aspect-ratio: calc(16 / 9);
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  object-fit: cover;
  object-position: center;
  border-radius: 0rem;
}
.images-blocks .list__item__media .video-wrapper {
  position: absolute;
  height: 100%;
  width: 100%;
  inset: 0;
}
.images-blocks .list__item__logo {
  pointer-events: none;
  z-index: 1;
}
.images-blocks .list__item__logo svg {
  max-width: 270px;
  max-height: 130px;
}
.images-blocks .list__item__link {
  position: absolute;
  inset: 0;
  z-index: 2;
}
.images-blocks .list__item__link:hover ~ .list__item__icon img {
  transform: scale(1.1);
}
.images-blocks .list__item__link:hover ~ .list__item__icon:after {
  opacity: 1;
}
.images-blocks .list__item__text {
  padding-top: 16px;
}
@media only screen and (min-width: 992px) {
  .images-blocks .list__item__text h3 {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 1440px) {
  .images-blocks .list__item__text h3 {
    font-size: 1.5rem;
  }
}

.gallery-list .dia-smartgallery__medias .ug-tiles-wrapper {
  margin-inline: 0;
}
@media only screen and (min-width: 513px) {
  .gallery-list .dia-smartgallery__medias .ug-tiles-wrapper {
    margin-inline: -40px;
  }
}
.gallery-list .ug-thumb-wrapper {
  overflow: hidden;
  border-radius: 0px;
}
.gallery-list .ug-thumb-wrapper:hover img {
  transform: scale(1.1);
}
.gallery-list .ug-thumb-wrapper img {
  transition: all 1s ease-in-out !important;
}

body .dia-smartgallery {
  padding-top: 60px;
  padding-bottom: 60px;
}
@media only screen and (min-width: 992px) {
  body .dia-smartgallery {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 992px) and (min-width: 992px) {
  body .dia-smartgallery {
    padding-top: 8vh;
    padding-bottom: 8vh;
  }
}
@media only screen and (min-width: 992px) and (max-width: 991px) {
  .sepheader + body .dia-smartgallery {
    padding-top: 16px;
  }
}
@media only screen and (min-width: 992px) {
  body .dia-smartgallery__wrapper {
    display: grid;
    grid-template-columns: calc(16px - 16px) repeat(6, minmax(0px, 1fr)) calc(16px - 16px);
    align-items: center;
    column-gap: 16px;
    row-gap: 16px;
  }
}
@media only screen and (min-width: 992px) and (min-width: 992px) {
  body .dia-smartgallery__wrapper {
    column-gap: 24px;
    row-gap: 108px;
    grid-template-columns: repeat(14, minmax(0px, 1fr));
  }
}
@media only screen and (min-width: 992px) {
  body .dia-smartgallery__filters {
    grid-column-start: 2;
    grid-column-end: span 3;
  }
}
@media only screen and (min-width: 1440px) {
  body .dia-smartgallery__filters {
    grid-column-start: 2;
    grid-column-end: span 2;
  }
}
body .dia-smartgallery__filters .nav.nav-pills {
  gap: 32px;
  top: 140px;
}
body .dia-smartgallery__filters__text {
  padding-inline: 16px;
}
@media only screen and (min-width: 992px) {
  body .dia-smartgallery__filters__text {
    margin-top: 60px;
    padding-inline: 0;
  }
}
body .dia-smartgallery__filters__text a:not([class*=btn]):not([class*=button]) {
  text-decoration: none;
}
body .dia-smartgallery__content, body .dia-smartgallery__medias {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  body .dia-smartgallery__content, body .dia-smartgallery__medias {
    grid-column-start: 5;
    grid-column-end: span 9;
    margin: 0 -8px;
  }
}
@media only screen and (min-width: 1440px) {
  body .dia-smartgallery__content, body .dia-smartgallery__medias {
    grid-column-start: 4;
    grid-column-end: span 10;
  }
}
body .dia-smartgallery__medias {
  width: auto;
}
@media only screen and (max-width: 991px) {
  body .dia-smartgallery__medias {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }
  body .dia-smartgallery__medias > a {
    margin-block: 0px !important;
    width: calc(100% - 8px);
  }
  body .dia-smartgallery__medias > a.landscape {
    aspect-ratio: 16/9;
  }
  body .dia-smartgallery__medias > a.square {
    aspect-ratio: 1/1;
  }
  body .dia-smartgallery__medias > a.portrait {
    aspect-ratio: 3/4;
  }
  body .dia-smartgallery__medias > a img,
  body .dia-smartgallery__medias > a video {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
  }
}
body .dia-smartgallery .smartgallery-video-wrapper::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  background: url("../images/svg/cursor-play-black.svg") 50% 50% no-repeat;
  background-size: contain;
  transform: translate(-50%, -50%);
  z-index: 10;
}
@media only screen and (min-width: 1440px) {
  body .dia-smartgallery .smartgallery-video-wrapper::after {
    width: 78px;
    height: 78px;
  }
}
body .dia-smartgallery__masonry {
  width: 100%;
}

.offcanvas.type-diadaopopup {
  /*width: 100%;

  @include device_992_min {
      width: 90%;
      max-width: 1320px;
  }*/
  width: 100%;
}
.offcanvas.type-diadaopopup[data-offcanvas-slug=etage-privatise-formulaire] {
  z-index: 9999;
}
@media only screen and (min-width: 992px) {
  .offcanvas.type-diadaopopup[data-offcanvas-slug=etage-privatise-formulaire] .popup_reservation {
    width: 90vw;
    max-width: 760px;
  }
}
.offcanvas.type-diadaopopup[data-offcanvas-slug=etage-privatise-formulaire].show ~ .offcanvas-backdrop.backdrop-sdk, .offcanvas.type-diadaopopup[data-offcanvas-slug=etage-privatise-formulaire].showing ~ .offcanvas-backdrop.backdrop-sdk, .offcanvas.type-diadaopopup[data-offcanvas-slug=etage-privatise-formulaire].hiding ~ .offcanvas-backdrop.backdrop-sdk {
  z-index: 9998;
}
@media only screen and (min-width: 992px) {
  .offcanvas.type-diadaopopup {
    width: auto;
  }
}
.offcanvas.type-diadaopopup .sdk-popup {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
  width: 100%;
  overflow-y: auto;
}
@media only screen and (min-width: 992px) {
  .offcanvas.type-diadaopopup .sdk-popup {
    flex-direction: row;
    overflow: hidden;
  }
}
@media only screen and (min-width: 992px) {
  .offcanvas.type-diadaopopup .sdk-popup.position-right, .offcanvas.type-diadaopopup .sdk-popup.form-enabled {
    width: 50vw;
  }
  .offcanvas.type-diadaopopup .sdk-popup.position-right .sdk-popup__right, .offcanvas.type-diadaopopup .sdk-popup.form-enabled .sdk-popup__right {
    width: 100%;
  }
}
@media only screen and (min-width: 992px) {
  .offcanvas.type-diadaopopup .sdk-popup.position-left .sdk-popup__right {
    width: 50%;
  }
}
.offcanvas.type-diadaopopup .sdk-popup .thumb-url {
  position: absolute;
  inset: 0;
  z-index: 2;
}
.offcanvas.type-diadaopopup .sdk-popup__left {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .offcanvas.type-diadaopopup .sdk-popup__left {
    height: 100%;
    width: 50%;
  }
}
.offcanvas.type-diadaopopup .sdk-popup__left-media {
  position: relative;
}
.offcanvas.type-diadaopopup .sdk-popup__left-media img, .offcanvas.type-diadaopopup .sdk-popup__left-media video, .offcanvas.type-diadaopopup .sdk-popup__left-media iframe, .offcanvas.type-diadaopopup .sdk-popup__left-media hls-video {
  aspect-ratio: calc(16 / 9);
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  object-fit: cover;
  object-position: center;
  border-radius: 0;
}
.offcanvas.type-diadaopopup .sdk-popup__left-media .kwpb-swiper-module {
  border-radius: 0;
}
@media only screen and (min-width: 992px) {
  .offcanvas.type-diadaopopup .sdk-popup__left-media {
    height: 100%;
  }
  .offcanvas.type-diadaopopup .sdk-popup__left-media img, .offcanvas.type-diadaopopup .sdk-popup__left-media video, .offcanvas.type-diadaopopup .sdk-popup__left-media iframe, .offcanvas.type-diadaopopup .sdk-popup__left-media hls-video {
    aspect-ratio: calc(1 / 2);
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    object-fit: cover;
    object-position: center;
    border-radius: 0;
  }
}
.offcanvas.type-diadaopopup .sdk-popup__right {
  background: #FFF;
  padding: 80px 16px 120px 16px;
  width: 100%;
  flex-grow: 1;
}
@media only screen and (min-width: 992px) {
  .offcanvas.type-diadaopopup .sdk-popup__right {
    height: 100%;
    overflow-y: auto;
    padding: 6.25rem 5rem;
    flex-grow: inherit;
  }
}
.offcanvas.type-diadaopopup .sdk-popup__right-wrapper {
  min-height: 100%;
}
.offcanvas.type-diadaopopup .sdk-popup__right-media {
  margin-bottom: 5rem;
}
.offcanvas.type-diadaopopup .sdk-popup__right-media img, .offcanvas.type-diadaopopup .sdk-popup__right-media video, .offcanvas.type-diadaopopup .sdk-popup__right-media iframe, .offcanvas.type-diadaopopup .sdk-popup__right-media hls-video {
  aspect-ratio: calc(16 / 9);
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  object-fit: cover;
  object-position: center;
  border-radius: 0rem;
}
.offcanvas.type-diadaopopup .sdk-popup__text {
  margin-bottom: 3.75rem;
}
@media only screen and (min-width: 992px) {
  .offcanvas.type-diadaopopup .sdk-popup__form .gform_wrapper form .gfield.gfield--width-quarter {
    flex-basis: calc(50% - 8px);
  }
}
.offcanvas-body {
  position: static;
}
@media only screen and (min-width: 992px) {
  .offcanvas-body {
    width: 90vw;
    max-width: 1320px;
  }
}
.offcanvas-videocontainer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0;
}
.offcanvas-imgbg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: 0px 0px;
  background-size: 100% auto;
  z-index: 1;
  background-color: #e1e4ea;
  background-image: url("../images/static/background-winter-desktop.jpg");
  background-repeat: no-repeat;
}
.offcanvas-imgbg.forsummer {
  background-color: #ecebe7;
  background-image: url("../images/static/background-summer-desktop.jpg");
}
.offcanvas-video {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  height: 100svh;
  z-index: 2;
  mix-blend-mode: screen;
}
.offcanvas-video.forsummer {
  mix-blend-mode: lighten;
}
@media only screen and (min-width: 992px) {
  .offcanvas-video {
    height: auto;
  }
}
.offcanvas-video video, .offcanvas-video hls-video {
  display: block;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
@media only screen and (min-width: 992px) {
  .offcanvas-video video, .offcanvas-video hls-video {
    height: auto;
    aspect-ratio: 1920/1080;
  }
}

.customcursor {
  position: fixed;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
  pointer-events: none;
  z-index: 3;
  width: 6px;
  height: 6px;
}
.customcursor.active {
  opacity: 1;
  visibility: visible;
}
.customcursor::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 112px;
  height: 112px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transform-origin: 0px 0px;
  background-color: rgba(255, 255, 255, 0.2);
  transition: transform 0.3s;
  backdrop-filter: blur(20px);
}
.customcursor__intra {
  position: absolute;
  width: 37px;
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
}
.customcursor__icon {
  width: 37px;
  height: 37px;
  margin: 0 auto;
  -webkit-mask-image: url("../images/svg/icon-play.svg");
  mask-image: url("../images/svg/icon-play.svg");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-color: rgba(255, 255, 255, 0.7);
}
.labelonly .customcursor__icon {
  display: none;
}

html:not(.touchevents) body .video-wrapper a.button-video {
  cursor: none;
}
@media only screen and (max-width: 991px) {
  html:not(.touchevents) body .video-wrapper a.button-video {
    background: none;
    transform: none;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
  }
  html:not(.touchevents) body .video-wrapper a.button-video span {
    display: none;
  }
}

/*body {
	a[data-fancybox] {
		cursor: pointer;
	}

    .video-wrapper a.button-video {
        background: inherit;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transform: none;
        z-index: 6;

        span {
            display: none;
        }
    }
}

body:not(.touchevents) {
    .customcursorlink, [data-customcursorlabel], a[data-fancybox] {
        cursor: none;
    }
    .video-wrapper a.button-video {

        @include device_992_min {
            cursor: none;
        }
    }
}*/
.layout1 {
  position: relative;
  display: grid;
  grid-template-columns: calc(16px - 16px) repeat(6, minmax(0px, 1fr)) calc(16px - 16px);
  align-items: center;
  column-gap: 16px;
  row-gap: 16px;
  padding-top: 60px;
  padding-bottom: 60px;
}
@media only screen and (min-width: 992px) {
  .layout1 {
    column-gap: 24px;
    row-gap: 108px;
    grid-template-columns: repeat(14, minmax(0px, 1fr));
  }
}
@media only screen and (min-width: 992px) {
  .layout1 {
    padding-top: 8vh;
    padding-bottom: 8vh;
  }
}
@media only screen and (max-width: 991px) {
  .sepheader + .layout1 {
    padding-top: 16px;
  }
}
@media only screen and (min-width: 992px) {
  .layout1 {
    align-items: stretch;
    align-content: flex-start;
    row-gap: 0px;
  }
}
.layout1__media1 {
  position: relative;
  grid-column-start: 2;
  grid-column-end: span 6;
  padding-top: 128%;
  z-index: 0;
}
@media only screen and (min-width: 992px) {
  .layout1__media1 {
    grid-column-start: 1;
    grid-column-end: span 7;
    grid-row-start: 1;
    grid-row-end: span 1;
    padding-top: 0px;
  }
}
.layout1__media1.revealOnScroll {
  clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
  transition: clip-path 1s cubic-bezier(0.57, 0, 0.08, 1), opacity 0.3s, visibility 0.3s;
}
.layout1__media1.revealOnScroll.reveal {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  transition: clip-path 1s cubic-bezier(0.57, 0, 0.08, 1) 0.4s, opacity 0.3s, visibility 0.3s;
}
.layout1__media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.layout1__media img, .layout1__media video, .layout1__media iframe, .layout1__media hls-video {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.layout1__containTx {
  grid-column-start: 2;
  grid-column-end: span 6;
  display: grid;
  grid-template-columns: calc(16px - 16px) repeat(6, minmax(0px, 1fr)) calc(16px - 16px);
  align-items: flex-start;
  column-gap: 16px;
  row-gap: 16px;
  display: block;
  z-index: 1;
}
@media only screen and (min-width: 992px) {
  .layout1__containTx {
    column-gap: 24px;
    row-gap: 0px;
    grid-template-columns: repeat(7, minmax(0px, 1fr));
  }
}
@media only screen and (min-width: 992px) {
  .layout1__containTx {
    grid-column-start: 7;
    grid-column-end: span 7;
    grid-row-start: 1;
    grid-row-end: span 1;
    padding: 160px 0px 260px;
    display: grid;
  }
}
.layout1__subtitle {
  grid-column-start: 2;
  grid-column-end: span 6;
}
@media only screen and (min-width: 992px) {
  .layout1__subtitle {
    grid-column-start: 3;
    grid-column-end: span 5;
  }
}
.revealOnScroll .layout1__subtitle {
  transform: translateY(168px);
  transition: transform 1s, opacity 0.5s, visibility 0.5s;
}
.revealOnScroll.reveal .layout1__subtitle {
  transform: none;
}
@media only screen and (min-width: 992px) {
  .layout1__title {
    grid-column-start: 1;
    grid-column-end: span 7;
  }
}
.layout1__title em, .layout1__title i {
  display: block;
}
@media only screen and (min-width: 992px) {
  .layout1__title em, .layout1__title i {
    padding-left: 28.57%;
  }
}
.revealOnScroll .layout1__title {
  transform: translateY(168px);
  transition: transform 1s, opacity 0.5s, visibility 0.5s;
}
.revealOnScroll.reveal .layout1__title {
  transform: none;
}
.layout1__text {
  padding-top: 16px;
}
@media only screen and (min-width: 992px) {
  .layout1__text {
    padding-top: 128px;
    grid-column-start: 3;
    grid-column-end: span 4;
  }
}
.revealOnScroll .layout1__text {
  opacity: 0;
  visibility: hidden;
  transform: translateY(300px);
  transition: transform 1s, opacity 0.5s, visibility 0.5s;
}
.revealOnScroll.reveal .layout1__text {
  opacity: 1;
  visibility: visible;
  transform: none;
}
@media only screen and (min-width: 992px) {
  .layout1__buttons {
    grid-column-start: 3;
    grid-column-end: span 4;
  }
}
.revealOnScroll .layout1__buttons {
  opacity: 0;
  visibility: hidden;
  transform: translateY(300px);
  transition: transform 1s, opacity 0.5s, visibility 0.5s;
}
.revealOnScroll.reveal .layout1__buttons {
  opacity: 1;
  visibility: visible;
  transform: none;
}
.layout1__logo {
  display: none;
  position: relative;
  z-index: 3;
  background-color: #F8F5F3;
  align-self: flex-start;
}
@media only screen and (min-width: 992px) {
  .layout1__logo {
    display: block;
    grid-column-start: 7;
    grid-column-end: span 2;
    grid-row-start: 2;
    grid-row-end: span 1;
    margin-top: -80px;
  }
}
.layout1__logo a {
  display: none;
}
.layout1__logo img, .layout1__logo picture, .layout1__logo svg, .layout1__logo video, .layout1__logo hls-video {
  display: block;
  width: 100%;
  height: auto;
  mix-blend-mode: darken;
}
.layout1__media2 {
  position: relative;
  grid-column-start: 2;
  grid-column-end: span 6;
  /*margin-top: $space-var-mobile;
  margin-top: calc(60px - 16px);*/
  padding-top: 79%;
  z-index: 1;
  display: none;
}
@media only screen and (min-width: 992px) {
  .layout1__media2 {
    grid-column-start: 7;
    grid-column-end: span 6;
    grid-row-start: 2;
    grid-row-end: span 1;
    margin-top: -80px;
    display: block;
    box-shadow: 0px 80px 250px 0px rgba(96, 157, 159, 0.25);
  }
  .layout1__logo + .layout1__media2 {
    grid-column-start: 8;
    grid-column-end: span 6;
    padding-top: 63%;
  }
}
.layout1__media2.revealOnScroll .layout1__media {
  clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
  transition: clip-path 1s cubic-bezier(0.57, 0, 0.08, 1), opacity 0.3s, visibility 0.3s;
}
.layout1__media2.revealOnScroll.reveal .layout1__media {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  transition: clip-path 1s cubic-bezier(0.57, 0, 0.08, 1) 0.4s, opacity 0.3s, visibility 0.3s;
}

.layoutintro {
  position: relative;
  display: grid;
  grid-template-columns: calc(16px - 16px) repeat(6, minmax(0px, 1fr)) calc(16px - 16px);
  align-items: center;
  column-gap: 16px;
  row-gap: 16px;
  padding-top: 60px;
  padding-bottom: 60px;
}
@media only screen and (min-width: 992px) {
  .layoutintro {
    column-gap: 24px;
    row-gap: 108px;
    grid-template-columns: repeat(14, minmax(0px, 1fr));
  }
}
@media only screen and (min-width: 992px) {
  .layoutintro {
    padding-top: 8vh;
    padding-bottom: 8vh;
  }
}
@media only screen and (max-width: 991px) {
  .sepheader + .layoutintro {
    padding-top: 16px;
  }
}
@media only screen and (min-width: 992px) {
  .layoutintro {
    align-items: stretch;
    align-content: flex-start;
  }
}
.layoutintro__containImg {
  position: relative;
  display: grid;
  grid-template-columns: calc(16px - 16px) repeat(6, minmax(0px, 1fr)) calc(16px - 16px);
  align-items: flex-start;
  column-gap: 16px;
  row-gap: 16px;
  grid-column-start: 2;
  grid-column-end: span 6;
  grid-template-columns: repeat(6, minmax(0px, 1fr));
  z-index: 0;
}
@media only screen and (min-width: 992px) {
  .layoutintro__containImg {
    column-gap: 24px;
    row-gap: 0px;
    grid-template-columns: repeat(6, minmax(0px, 1fr));
  }
}
@media only screen and (min-width: 992px) {
  .layoutintro__containImg {
    order: 2;
    grid-column-start: 8;
    grid-column-end: span 6;
  }
}
.layoutintro__containImg img, .layoutintro__containImg video, .layoutintro__containImg iframe, .layoutintro__containImg hls-video {
  aspect-ratio: calc(392 / 640);
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  object-fit: cover;
  object-position: center;
  border-radius: 0px;
}
.layoutintro__media1 {
  grid-column-start: 1;
  grid-column-end: span 3;
}
.revealOnScroll .layoutintro__media1 {
  clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
  transition: clip-path 1s cubic-bezier(0.57, 0, 0.08, 1), opacity 0.3s, visibility 0.3s;
}
.revealOnScroll.reveal .layoutintro__media1 {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  transition: clip-path 1s cubic-bezier(0.57, 0, 0.08, 1) 0.4s, opacity 0.3s, visibility 0.3s;
}
.layoutintro__media2 {
  grid-column-start: 4;
  grid-column-end: span 3;
  margin-top: 16px;
}
@media only screen and (min-width: 992px) {
  .layoutintro__media2 {
    margin-top: 40px;
  }
}
.revealOnScroll .layoutintro__media2 {
  clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
  transition: clip-path 1s cubic-bezier(0.57, 0, 0.08, 1), opacity 0.3s, visibility 0.3s;
}
.revealOnScroll.reveal .layoutintro__media2 {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  transition: clip-path 1s cubic-bezier(0.57, 0, 0.08, 1) 0.55s, opacity 0.3s, visibility 0.3s;
}
.layoutintro__containTx {
  grid-column-start: 2;
  grid-column-end: span 6;
  display: grid;
  grid-template-columns: calc(16px - 16px) repeat(6, minmax(0px, 1fr)) calc(16px - 16px);
  align-items: flex-start;
  column-gap: 16px;
  row-gap: 16px;
  display: block;
  z-index: 1;
  align-content: flex-start;
}
@media only screen and (min-width: 992px) {
  .layoutintro__containTx {
    column-gap: 24px;
    row-gap: 0px;
    grid-template-columns: repeat(6, minmax(0px, 1fr));
  }
}
@media only screen and (min-width: 992px) {
  .layoutintro__containTx {
    grid-column-start: 2;
    grid-column-end: span 6;
    display: grid;
    order: 1;
  }
}
@media only screen and (min-width: 1440px) {
  .layoutintro__containTx {
    grid-column-start: 2;
    grid-column-end: span 5;
    grid-template-columns: repeat(5, minmax(0px, 1fr));
  }
}
.layoutintro__subtitle {
  grid-column-start: 2;
  grid-column-end: span 6;
}
@media only screen and (min-width: 992px) {
  .layoutintro__subtitle {
    grid-column-start: 2;
    grid-column-end: span 4;
  }
}
.revealOnScroll .layoutintro__subtitle {
  transform: translateY(150px);
  transition: transform 1s, opacity 0.5s, visibility 0.5s;
}
.revealOnScroll.reveal .layoutintro__subtitle {
  transform: none;
}
@media only screen and (min-width: 992px) {
  .layoutintro__title {
    grid-column-start: 1;
    grid-column-end: span 7;
  }
}
@media only screen and (min-width: 1440px) {
  .layoutintro__title {
    grid-column-start: 1;
    grid-column-end: span 6;
  }
}
.revealOnScroll .layoutintro__title {
  transform: translateY(150px);
  transition: transform 1s, opacity 0.5s, visibility 0.5s;
}
.revealOnScroll.reveal .layoutintro__title {
  transform: none;
}
.layoutintro__text {
  padding-top: 16px;
}
@media only screen and (min-width: 992px) {
  .layoutintro__text {
    padding-top: 32px;
    grid-column-start: 2;
    grid-column-end: span 6;
  }
}
@media only screen and (min-width: 1440px) {
  .layoutintro__text {
    grid-column-start: 2;
    grid-column-end: span 5;
  }
}
.revealOnScroll .layoutintro__text {
  opacity: 0;
  visibility: hidden;
  transform: translateY(300px);
  transition: transform 1s, opacity 0.5s, visibility 0.5s;
}
.revealOnScroll.reveal .layoutintro__text {
  opacity: 1;
  visibility: visible;
  transform: none;
}
@media only screen and (min-width: 992px) {
  .layoutintro__buttons {
    grid-column-start: 2;
    grid-column-end: span 6;
  }
}
@media only screen and (min-width: 1440px) {
  .layoutintro__buttons {
    grid-column-start: 2;
    grid-column-end: span 5;
  }
}
.revealOnScroll .layoutintro__buttons {
  opacity: 0;
  visibility: hidden;
  transform: translateY(150px);
  transition: transform 1s, opacity 0.5s, visibility 0.5s;
}
@media only screen and (min-width: 992px) {
  .revealOnScroll .layoutintro__buttons {
    transform: translateY(300px);
  }
}
.revealOnScroll.reveal .layoutintro__buttons {
  opacity: 1;
  visibility: visible;
  transform: none;
}
@media only screen and (min-width: 992px) {
  .revealOnScroll.reveal .layoutintro__buttons {
    transform: none;
  }
}
.layoutintro__extra {
  padding-top: 16px;
}
@media only screen and (min-width: 992px) {
  .layoutintro__extra {
    padding-top: 32px;
    grid-column-start: 2;
    grid-column-end: span 6;
  }
}
@media only screen and (min-width: 1440px) {
  .layoutintro__extra {
    grid-column-start: 2;
    grid-column-end: span 5;
  }
}
.layoutintro__extra #social-menu {
  justify-content: flex-start;
}
.revealOnScroll .layoutintro__extra {
  clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
  transition: clip-path 1s cubic-bezier(0.57, 0, 0.08, 1), opacity 0.3s, visibility 0.3s;
}
.revealOnScroll.reveal .layoutintro__extra {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  transition: clip-path 1s cubic-bezier(0.57, 0, 0.08, 1) 0.45s, opacity 0.3s, visibility 0.3s;
}

.layout2 {
  position: relative;
  display: grid;
  grid-template-columns: calc(16px - 16px) repeat(6, minmax(0px, 1fr)) calc(16px - 16px);
  align-items: center;
  column-gap: 16px;
  row-gap: 16px;
  padding-top: 60px;
  padding-bottom: 60px;
}
@media only screen and (min-width: 992px) {
  .layout2 {
    column-gap: 24px;
    row-gap: 108px;
    grid-template-columns: repeat(14, minmax(0px, 1fr));
  }
}
@media only screen and (min-width: 992px) {
  .layout2 {
    padding-top: 8vh;
    padding-bottom: 8vh;
  }
}
@media only screen and (max-width: 991px) {
  .sepheader + .layout2 {
    padding-top: 16px;
  }
}
@media only screen and (min-width: 992px) {
  .layout2 {
    align-items: stretch;
    align-content: flex-start;
    row-gap: 0px;
  }
}
.layout2__containTitle {
  position: relative;
  grid-column-start: 2;
  grid-column-end: span 6;
  text-align: center;
  padding-bottom: 16px;
}
@media only screen and (min-width: 992px) {
  .layout2__containTitle {
    padding-bottom: 108px;
    grid-column-start: 2;
    grid-column-end: span 12;
  }
}
.layout2__subtitle {
  grid-column-start: 2;
  grid-column-end: span 6;
}
@media only screen and (min-width: 992px) {
  .layout2__subtitle {
    grid-column-start: 3;
    grid-column-end: span 5;
  }
}
.revealOnScroll .layout2__subtitle {
  transform: translateY(168px);
  transition: transform 1s, opacity 0.5s, visibility 0.5s;
}
.revealOnScroll.reveal .layout2__subtitle {
  transform: none;
}
.revealOnScroll .layout2__title {
  transform: translateY(168px);
  transition: transform 1s, opacity 0.5s, visibility 0.5s;
}
.revealOnScroll.reveal .layout2__title {
  transform: none;
}
.layout2__media1 {
  position: relative;
  grid-column-start: 2;
  grid-column-end: span 6;
  padding-top: 128%;
  z-index: 0;
}
@media only screen and (min-width: 992px) {
  .layout2__media1 {
    grid-column-start: 1;
    grid-column-end: span 8;
    padding-top: 0;
  }
}
.layout2__media1.revealOnScroll {
  clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
  transition: clip-path 1s cubic-bezier(0.57, 0, 0.08, 1), opacity 0.3s, visibility 0.3s;
}
.layout2__media1.revealOnScroll.reveal {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  transition: clip-path 1s cubic-bezier(0.57, 0, 0.08, 1) 0.4s, opacity 0.3s, visibility 0.3s;
}
.layout2__media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.layout2__media img, .layout2__media video, .layout2__media iframe, .layout2__media hls-video {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.layout2__containTx {
  grid-column-start: 2;
  grid-column-end: span 6;
  display: block;
  z-index: 1;
  margin-bottom: 60px;
  margin-bottom: calc(60px - 16px);
}
@media only screen and (min-width: 992px) {
  .layout2__containTx {
    grid-column-start: 10;
    grid-column-end: span 4;
    padding: 48px 0px 42vh;
    display: grid;
  }
}
.layout2__containTx:last-child {
  margin-bottom: 0px;
}
.revealOnScroll .layout2__text {
  opacity: 0;
  visibility: hidden;
  transform: translateY(300px);
  transition: transform 1s, opacity 0.5s, visibility 0.5s;
}
.revealOnScroll.reveal .layout2__text {
  opacity: 1;
  visibility: visible;
  transform: none;
}
.revealOnScroll .layout2__buttons {
  opacity: 0;
  visibility: hidden;
  transform: translateY(300px);
  transition: transform 1s, opacity 0.5s, visibility 0.5s;
}
.revealOnScroll.reveal .layout2__buttons {
  opacity: 1;
  visibility: visible;
  transform: none;
}
.layout2__logo {
  display: none;
  position: relative;
  z-index: 3;
  background-color: #F8F5F3;
  align-self: flex-start;
}
@media only screen and (min-width: 992px) {
  .layout2__logo {
    display: block;
    grid-column-start: 7;
    grid-column-end: span 2;
    grid-row-start: 2;
    grid-row-end: span 1;
    margin-top: -80px;
  }
}
.layout2__logo img, .layout2__logo picture, .layout2__logo svg, .layout2__logo video, .layout2__logo hls-video {
  display: block;
  width: 100%;
  height: auto;
  mix-blend-mode: darken;
}
.layout2__media2 {
  position: relative;
  grid-column-start: 2;
  grid-column-end: span 6;
  padding-top: 79%;
  z-index: 1;
}
@media only screen and (min-width: 992px) {
  .layout2__media2 {
    grid-column-start: 8;
    grid-column-end: span 6;
    margin-top: -33vh;
    box-shadow: 0px 80px 250px 0px rgba(96, 157, 159, 0.25);
  }
}
.layout2__media2.revealOnScroll .layout2__media {
  clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
  transition: clip-path 1s cubic-bezier(0.57, 0, 0.08, 1), opacity 0.3s, visibility 0.3s;
}
.layout2__media2.revealOnScroll.reveal .layout2__media {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  transition: clip-path 1s cubic-bezier(0.57, 0, 0.08, 1) 0.4s, opacity 0.3s, visibility 0.3s;
}

.seasonpanels {
  position: relative;
  display: grid;
  grid-template-columns: calc(16px - 16px) repeat(6, minmax(0px, 1fr)) calc(16px - 16px);
  align-items: center;
  column-gap: 16px;
  row-gap: 16px;
  padding-top: 60px;
  padding-bottom: 60px;
}
@media only screen and (min-width: 992px) {
  .seasonpanels {
    column-gap: 24px;
    row-gap: 108px;
    grid-template-columns: repeat(14, minmax(0px, 1fr));
  }
}
@media only screen and (min-width: 992px) {
  .seasonpanels {
    padding-top: 8vh;
    padding-bottom: 8vh;
  }
}
@media only screen and (max-width: 991px) {
  .sepheader + .seasonpanels {
    padding-top: 16px;
  }
}
.seasonpanels__container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  grid-column-start: 2;
  grid-column-end: span 6;
}
@media only screen and (min-width: 992px) {
  .seasonpanels__container {
    grid-column-start: 2;
    grid-column-end: span 12;
    margin: 0px -12px;
    margin: 0 calc(-1 * 24px / 2);
  }
}

.seasonpanel__thumb {
  flex: 1 1 100%;
  padding: 0px 0px 24px;
  color: #FFF;
  display: none;
}
@media only screen and (min-width: 992px) {
  .seasonpanel__thumb {
    flex: 0 0 50%;
    padding: 0px 12px 24px;
    padding: 0px calc(24px / 2) 24px;
  }
}
.seasonpanel__thumb.displayed {
  display: block;
}
@media only screen and (min-width: 992px) {
  .seasonpanel__thumb--odd {
    margin-top: -112px;
  }
}
@media only screen and (min-width: 992px) {
  .seasonpanel__thumb--first {
    margin-top: 0px;
  }
}
@media only screen and (min-width: 992px) {
  .seasonpanel__thumb--second {
    margin-top: 112px;
  }
}
.seasonpanel__thumb__intra {
  position: relative;
  min-height: 300px;
  height: 42vh;
  overflow: hidden;
}
@media only screen and (min-width: 992px) {
  .seasonpanel__thumb__intra {
    min-height: 400px;
    height: 74vh;
  }
}
.seasonpanel__thumb__intra::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, #000 100%);
}
html:not(.touchevents) .seasonpanel__thumb__intra:hover .seasonpanel__thumb__media, html:not(.touchevents) .seasonpanel__thumb__intra:focus-visible .seasonpanel__thumb__media {
  transform: scale(1.1);
}
.seasonpanel__thumb__media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  transition: transform 0.3s ease-out;
}
.seasonpanel__thumb__media img, .seasonpanel__thumb__media picture, .seasonpanel__thumb__media svg, .seasonpanel__thumb__media video, .seasonpanel__thumb__media hls-video {
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.seasonpanel__thumb__titles {
  position: absolute;
  left: 22px;
  right: 22px;
  bottom: 22px;
  z-index: 3;
}
@media only screen and (min-width: 992px) {
  .seasonpanel__thumb__titles {
    left: 40px;
    right: 40px;
    bottom: 40px;
  }
}
.seasonpanel__thumb__subtitle, .seasonpanel__thumb__subtitle * {
  font-family: "freight-big-pro", serif;
  font-size: 1.375rem;
  line-height: 1em;
  font-weight: 300;
  font-style: italic;
}
@media only screen and (min-width: 992px) {
  .seasonpanel__thumb__subtitle, .seasonpanel__thumb__subtitle * {
    font-size: 2.5rem;
  }
}
.seasonpanel__thumb__title, .seasonpanel__thumb__title * {
  font-family: "freight-big-pro", serif;
  font-weight: 300;
  font-size: 2rem;
  line-height: 2.125rem;
}
@media only screen and (min-width: 992px) {
  .seasonpanel__thumb__title, .seasonpanel__thumb__title * {
    font-size: 3.5rem;
    line-height: 3rem;
  }
}
.seasonpanel__thumb__url {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
}
.seasonpanel__panel {
  position: relative;
  min-height: 100%;
  z-index: 2;
}
.seasonpanel__panel__grid {
  position: relative;
  display: grid;
  grid-template-columns: calc(16px - 16px) repeat(6, minmax(0px, 1fr)) calc(16px - 16px);
  align-items: center;
  column-gap: 16px;
  row-gap: 16px;
  padding: 64px 0;
  row-gap: 0px;
}
@media only screen and (min-width: 992px) {
  .seasonpanel__panel__grid {
    column-gap: 24px;
    row-gap: 108px;
    grid-template-columns: repeat(14, minmax(0px, 1fr));
  }
}
@media only screen and (min-width: 992px) {
  .seasonpanel__panel__grid {
    padding: 160px 0;
    row-gap: 0px;
  }
}
.seasonpanel__panel__subtitle {
  grid-column-start: 2;
  grid-column-end: span 6;
}
@media only screen and (min-width: 992px) {
  .seasonpanel__panel__subtitle {
    grid-column-start: 4;
    grid-column-end: span 9;
  }
}
.seasonpanel__panel__subtitle *, .seasonpanel__panel__subtitle .kwpb-wysiwig p, .seasonpanel__panel__subtitle .offcanvas.type-diadaopopup .sdk-popup__text p, .offcanvas.type-diadaopopup .seasonpanel__panel__subtitle .sdk-popup__text p {
  margin: 0;
}
.seasonpanel__panel__title {
  grid-column-start: 2;
  grid-column-end: span 6;
}
@media only screen and (min-width: 992px) {
  .seasonpanel__panel__title {
    grid-column-start: 3;
    grid-column-end: span 10;
  }
}
.seasonpanel__panel__title * {
  margin: 0;
}
.seasonpanel__panel__text {
  grid-column-start: 2;
  grid-column-end: span 6;
  padding-top: 32px;
}
@media only screen and (min-width: 992px) {
  .seasonpanel__panel__text {
    grid-column-start: 4;
    grid-column-end: span 9;
  }
}
.seasonpanel__panel__buttons {
  grid-column-start: 2;
  grid-column-end: span 6;
}
@media only screen and (min-width: 992px) {
  .seasonpanel__panel__buttons {
    grid-column-start: 4;
    grid-column-end: span 9;
  }
}
.seasonpanel__panel__medias {
  grid-column-start: 2;
  grid-column-end: span 6;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  row-gap: 8px;
  padding-top: 24px;
}
@media only screen and (min-width: 992px) {
  .seasonpanel__panel__medias {
    display: grid;
    grid-template-columns: calc(16px - 16px) repeat(6, minmax(0px, 1fr)) calc(16px - 16px);
    align-items: flex-start;
    column-gap: 16px;
    row-gap: 0px;
    grid-column-start: 1;
    grid-column-end: span 14;
    padding-top: 32px;
  }
}
@media only screen and (min-width: 992px) and (min-width: 992px) {
  .seasonpanel__panel__medias {
    column-gap: 24px;
    row-gap: 0px;
    grid-template-columns: repeat(14, minmax(0px, 1fr));
  }
}
.seasonpanel__panel__medias__media {
  position: relative;
}
.seasonpanel__panel__medias__media img, .seasonpanel__panel__medias__media video, .seasonpanel__panel__medias__media iframe, .seasonpanel__panel__medias__media hls-video {
  aspect-ratio: calc(328 / 328);
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  object-fit: cover;
  object-position: center;
  border-radius: 0px;
}
@media only screen and (min-width: 992px) {
  .seasonpanel__panel__medias__media img, .seasonpanel__panel__medias__media video, .seasonpanel__panel__medias__media iframe, .seasonpanel__panel__medias__media hls-video {
    aspect-ratio: auto;
  }
  .seasonpanel__panel__medias__media:nth-child(7n+1) {
    grid-column-start: 3;
    grid-column-end: 11;
    height: 33vw;
    margin-top: 96px;
  }
  .seasonpanel__panel__medias__media:nth-child(7n+1):last-child {
    grid-column-end: 15;
  }
  .seasonpanel__panel__medias__media:nth-child(7n+2) {
    grid-column-start: 11;
    grid-column-end: 14;
    height: 33vw;
    margin-top: 136px;
  }
  .seasonpanel__panel__medias__media:nth-child(7n+3) {
    grid-column-start: 1;
    grid-column-end: 5;
    aspect-ratio: 359/333;
    margin-top: 160px;
  }
  .seasonpanel__panel__medias__media:nth-child(7n+4) {
    grid-column-start: 5;
    grid-column-end: 9;
    aspect-ratio: 359/333;
    margin-top: 200px;
  }
  .seasonpanel__panel__medias__media:nth-child(7n+5) {
    grid-column-start: 9;
    grid-column-end: 13;
    aspect-ratio: 359/333;
    margin-top: 160px;
  }
  .seasonpanel__panel__medias__media:nth-child(7n+6) {
    grid-column-start: 3;
    grid-column-end: 11;
    height: 24vw;
    margin-top: 60px;
  }
  .seasonpanel__panel__medias__media:nth-child(7n+6):last-child {
    grid-column-end: 15;
    height: 33vw;
  }
  .seasonpanel__panel__medias__media:nth-child(7n+7) {
    grid-column-start: 11;
    grid-column-end: 15;
    height: 24vw;
    margin-top: 100px;
  }
}
.seasonpanel__panel__test {
  grid-column-start: 2;
  grid-column-end: span 6;
}
@media only screen and (min-width: 992px) {
  .seasonpanel__panel__test {
    grid-column-start: 2;
    grid-column-end: span 12;
  }
}

.layout3 {
  position: relative;
  display: grid;
  grid-template-columns: calc(16px - 16px) repeat(6, minmax(0px, 1fr)) calc(16px - 16px);
  align-items: center;
  column-gap: 16px;
  row-gap: 16px;
  padding-top: 60px;
  padding-bottom: 60px;
  /*@include device_992_min {
      align-items: stretch;
      align-content: flex-start;
      row-gap: 0px;
  }*/
}
@media only screen and (min-width: 992px) {
  .layout3 {
    column-gap: 24px;
    row-gap: 108px;
    grid-template-columns: repeat(14, minmax(0px, 1fr));
  }
}
@media only screen and (min-width: 992px) {
  .layout3 {
    padding-top: 8vh;
    padding-bottom: 8vh;
  }
}
@media only screen and (max-width: 991px) {
  .sepheader + .layout3 {
    padding-top: 16px;
  }
}
.layout3__containTx {
  position: relative;
  grid-column-start: 2;
  grid-column-end: span 6;
}
@media only screen and (min-width: 992px) {
  .layout3__containTx {
    padding-bottom: 108px;
    grid-column-start: 3;
    grid-column-end: span 10;
    padding: 0px 4vw;
  }
}
.revealOnScroll .layout3__subtitle, .revealOnScroll .layout3__title, .revealOnScroll .layout3__text, .revealOnScroll .layout3__buttons {
  transform: translateY(168px);
  transition: transform 1s, opacity 0.5s, visibility 0.5s;
}
.revealOnScroll.reveal .layout3__subtitle, .revealOnScroll.reveal .layout3__title, .revealOnScroll.reveal .layout3__text, .revealOnScroll.reveal .layout3__buttons {
  transform: none;
}
.layout3__text {
  padding-top: 16px;
}
@media only screen and (min-width: 992px) {
  .layout3__text {
    padding-top: 32px;
  }
}
.layout3__text:first-child {
  padding-top: 0px;
}
@media only screen and (min-width: 992px) {
  .layout3__text:first-child {
    padding-top: 0px;
  }
}

.roomslist {
  position: relative;
  display: grid;
  grid-template-columns: calc(16px - 16px) repeat(6, minmax(0px, 1fr)) calc(16px - 16px);
  align-items: center;
  column-gap: 16px;
  row-gap: 16px;
  padding-top: 60px;
  padding-bottom: 60px;
}
@media only screen and (min-width: 992px) {
  .roomslist {
    column-gap: 24px;
    row-gap: 108px;
    grid-template-columns: repeat(14, minmax(0px, 1fr));
  }
}
@media only screen and (min-width: 992px) {
  .roomslist {
    padding-top: 8vh;
    padding-bottom: 8vh;
  }
}
@media only screen and (max-width: 991px) {
  .sepheader + .roomslist {
    padding-top: 16px;
  }
}
.roomslist__grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  row-gap: 8px;
  grid-column-start: 2;
  grid-column-end: span 6;
}
@media only screen and (min-width: 992px) {
  .roomslist__grid {
    grid-column-start: 2;
    grid-column-end: span 12;
    margin: 0px -12px;
    margin: 0 calc(-1 * 24px / 2);
    row-gap: 24px;
  }
}
.roomslist__slide {
  flex: 0 0 100%;
}
@media only screen and (min-width: 992px) {
  .roomslist__slide {
    flex: 1 1 50%;
  }
}
.roomslist__slide__intra {
  position: relative;
  width: auto;
  min-height: 300px;
  height: 42vh;
  overflow: hidden;
  color: #FFF;
}
@media only screen and (min-width: 992px) {
  .roomslist__slide__intra {
    height: 600px;
    margin: 0px 12px;
    margin: 0 calc(24px / 2);
  }
}
.roomslist__slide__intra::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, #000 100%);
}
html:not(.touchevents) .roomslist__slide__intra:hover .carousselrooms__slide__media--1, html:not(.touchevents) .roomslist__slide__intra:focus-visible .carousselrooms__slide__media--1 {
  opacity: 1;
  visibility: visible;
}

#diadao-room-categories-iframe {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  #diadao-room-categories-iframe {
    width: auto;
  }
}
#diadao-room-categories-iframe .offcanvas-body {
  background-color: grey;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  #diadao-room-categories-iframe .offcanvas-body {
    width: 90vw;
    max-width: 1600px;
  }
}

.roomcategoriespanel {
  position: relative;
  width: 100%;
  min-height: 100%;
  flex-direction: column-reverse;
  display: flex;
  flex-direction: column-reverse;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  background: #FAFCFF;
}
@media only screen and (min-width: 992px) {
  .roomcategoriespanel {
    flex-direction: column;
  }
}
.roomcategoriespanel__sticky {
  position: sticky;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  background: #FFF;
  z-index: 4;
}
@media only screen and (min-width: 992px) {
  .roomcategoriespanel__sticky {
    top: 0;
    padding: 24px 116px 24px 24px;
    flex-direction: row-reverse;
    z-index: 2;
  }
}
.roomcategoriespanel__qs {
  flex: 0 0 100%;
}
@media only screen and (min-width: 992px) {
  .roomcategoriespanel__qs {
    flex: 0 0 537px;
    margin-left: 24px;
  }
}
.roomcategoriespanel__pills__swiper {
  margin: 0;
  flex: 0 0 100%;
  padding: 16px 16px 24px;
}
@media only screen and (min-width: 992px) {
  .roomcategoriespanel__pills__swiper {
    flex: 1 1 0px;
    padding: 0;
  }
}
@media only screen and (min-width: 1640px) {
  .roomcategoriespanel__pills__swiper {
    padding-left: 92px;
  }
}
.roomcategoriespanel__pills__slide {
  width: auto;
}
.roomcategoriespanel__pills__pill {
  display: inline-flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  align-content: center;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1em;
  min-height: 40px;
  padding: 5px 8px;
  background-color: rgba(218, 234, 240, 0.3);
  border: 1px solid transparent;
  transition: border 0.3s, color 0.3s, background 0.3s;
  border-radius: 3px;
  cursor: pointer;
  flex-direction: column;
  gap: 8px;
}
.roomcategoriespanel__pills__pill span.area {
  font-size: 12px;
}
@media only screen and (min-width: 992px) {
  .roomcategoriespanel__pills__pill {
    top: 0;
    padding: 5px 32px;
    min-height: 80px;
    font-size: 1rem;
    letter-spacing: -0.03em;
    border-radius: 4px;
  }
}
.roomcategoriespanel__pills__pill.active {
  color: #AD172B;
  border-color: #B6D0DA;
  background-color: #EEF3F8;
}
html:not(.touchevents) .roomcategoriespanel__pills__pill:hover, html:not(.touchevents) .roomcategoriespanel__pills__pill:focus-visible {
  color: #AD172B;
  border-color: #B6D0DA;
  background-color: #EEF3F8;
}
.roomcategoriespanel__tabcontent {
  position: relative;
  margin-bottom: auto;
  padding: 16px;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .roomcategoriespanel__tabcontent {
    padding: 62px 24px;
  }
}
@media only screen and (min-width: 1640px) {
  .roomcategoriespanel__tabcontent {
    padding: 62px 116px;
  }
}

.roomthumb {
  position: relative;
  background-color: #FFF;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 16px;
}
@media only screen and (min-width: 992px) {
  .roomthumb {
    margin-bottom: 24px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
  }
}
.roomthumb:last-child {
  margin-bottom: 0px;
}
@media only screen and (min-width: 992px) {
  .roomthumb:last-child {
    margin-bottom: 0px;
  }
}
html:not(.touchevents) .roomthumb:hover .roomthumb__media img, html:not(.touchevents) .roomthumb:hover .roomthumb__media picture, html:not(.touchevents) .roomthumb:hover .roomthumb__media svg, html:not(.touchevents) .roomthumb:hover .roomthumb__media video, html:not(.touchevents) .roomthumb:hover .roomthumb__media hls-video, html:not(.touchevents) .roomthumb:focus-visible .roomthumb__media img, html:not(.touchevents) .roomthumb:focus-visible .roomthumb__media picture, html:not(.touchevents) .roomthumb:focus-visible .roomthumb__media svg, html:not(.touchevents) .roomthumb:focus-visible .roomthumb__media video, html:not(.touchevents) .roomthumb:focus-visible .roomthumb__media hls-video {
  transform: scale(1.1);
}
.roomthumb__globallink {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  cursor: pointer;
}
.roomthumb__media {
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  transition: filter 0.2s;
}
.roomthumb__media img, .roomthumb__media video, .roomthumb__media iframe, .roomthumb__media hls-video {
  aspect-ratio: calc(328 / 260);
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  object-fit: cover;
  object-position: center;
  border-radius: 0px;
}
.roomthumb__media img, .roomthumb__media picture, .roomthumb__media svg, .roomthumb__media video, .roomthumb__media hls-video {
  transition: transform 0.3s ease-out;
}
@media only screen and (min-width: 992px) {
  .roomthumb__media {
    flex: 0 0 50%;
    width: 50%;
    align-self: stretch;
    min-height: 40vh;
  }
  .roomthumb__media img, .roomthumb__media video, .roomthumb__media iframe, .roomthumb__media hls-video {
    position: absolute;
    aspect-ratio: unset;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    object-fit: cover;
    object-position: center;
  }
}
@media only screen and (min-width: 1440px) {
  .roomthumb__media {
    flex: 0 0 56%;
    width: 56%;
  }
}
[room-availability="0"] .roomthumb__media {
  filter: saturate(0);
}
.roomthumb__infos {
  padding: 16px;
}
@media only screen and (min-width: 992px) {
  .roomthumb__infos {
    padding: 32px;
    flex: 0 0 50%;
    width: 50%;
  }
}
@media only screen and (min-width: 1440px) {
  .roomthumb__infos {
    padding: 32px 72px;
    flex: 0 0 44%;
    width: 44%;
  }
}
.roomthumb__title {
  font-family: "freight-big-pro", serif;
  font-size: 2.5rem;
  line-height: 2.5rem;
  padding-bottom: 8px;
}
@media only screen and (min-width: 992px) {
  .roomthumb__title {
    font-size: 3.5rem;
    line-height: 3rem;
    padding-bottom: 16px;
  }
}
.roomthumb__features {
  font-weight: 300;
  font-size: 0.75rem;
  line-height: 1.0625rem;
  letter-spacing: -0.03em;
  padding-bottom: 8px;
}
@media only screen and (min-width: 992px) {
  .roomthumb__features {
    font-size: 1rem;
    line-height: 1.25rem;
    padding-bottom: 40px;
  }
}
.roomthumb__features li {
  display: inline;
}
@media only screen and (min-width: 992px) {
  .roomthumb__features li {
    display: block;
    padding: 4px 0;
  }
  .roomthumb__features li::after {
    display: none;
  }
}
.roomthumb__features li::after {
  content: "•";
  margin: 0px 0.35em;
}
.roomthumb__features li:last-child::after {
  display: none;
}
.roomthumb__link {
  position: relative;
  z-index: 1;
  display: none;
  margin-top: 36px;
  cursor: pointer;
}
@media only screen and (min-width: 992px) {
  .roomthumb__link {
    display: inline-flex;
  }
}

.roomslist.serviceslist .roomslist__slide__intra:after {
  content: none;
}
.roomslist.serviceslist .roomslist__slide__intra:before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, #000 100%);
}
.roomslist.serviceslist .roomslist__slide__intra a[data-sdkbs-toggle=offcanvas] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  outline: none;
  text-decoration: none;
  background: none;
  border: none;
  z-index: 10;
}
.roomslist.serviceslist .roomslist__slide__intra a[data-sdkbs-toggle=offcanvas]:hover, .roomslist.serviceslist .roomslist__slide__intra a[data-sdkbs-toggle=offcanvas]:active, .roomslist.serviceslist .roomslist__slide__intra a[data-sdkbs-toggle=offcanvas]:focus {
  outline: none;
  text-decoration: none;
  background: none;
  border: none;
  z-index: 10;
}

.offcanvas-services {
  background: white;
}
@media only screen and (min-width: 992px) {
  .offcanvas-services .layout2 .layout2__containTx {
    grid-column-start: 3;
    grid-column-end: span 10;
    padding: 48px 0px 48px;
  }
}
.offcanvas-services .layout2 .layout2__mediaBig {
  position: relative;
}
@media only screen and (min-width: 992px) {
  .offcanvas-services .layout2 .layout2__mediaBig {
    padding: 0px;
  }
}
.offcanvas-services .layout2 .layout2__mediaBig img {
  width: 100%;
  height: auto;
  aspect-ratio: 47/31;
  object-fit: cover;
  object-position: center;
  max-height: 70vh;
}

.slider_offres {
  position: relative;
  display: grid;
  grid-template-columns: calc(16px - 16px) repeat(6, minmax(0px, 1fr)) calc(16px - 16px);
  align-items: center;
  column-gap: 16px;
  row-gap: 16px;
  padding-top: 60px;
  padding-bottom: 60px;
}
@media only screen and (min-width: 992px) {
  .slider_offres {
    column-gap: 24px;
    row-gap: 108px;
    grid-template-columns: repeat(14, minmax(0px, 1fr));
  }
}
@media only screen and (min-width: 992px) {
  .slider_offres {
    padding-top: 8vh;
    padding-bottom: 8vh;
  }
}
@media only screen and (max-width: 991px) {
  .sepheader + .slider_offres {
    padding-top: 16px;
  }
}
@media only screen and (min-width: 992px) {
  .slider_offres {
    align-items: center;
    align-content: flex-start;
    row-gap: 80px;
  }
}
.slider_offres__part1 {
  grid-column-start: 2;
  grid-column-end: span 6;
}
@media only screen and (min-width: 992px) {
  .slider_offres__part1 {
    grid-column-start: 2;
    grid-column-end: span 9;
  }
}
.revealOnScroll .slider_offres__subtitle, .revealOnScroll .slider_offres__title, .revealOnScroll .slider_offres__text, .revealOnScroll .slider_offres__buttons {
  opacity: 0;
  visibility: hidden;
  transform: translateY(100px);
  transition: transform 1s, opacity 0.5s, visibility 0.5s;
}
.revealOnScroll.reveal .slider_offres__subtitle, .revealOnScroll.reveal .slider_offres__title, .revealOnScroll.reveal .slider_offres__text, .revealOnScroll.reveal .slider_offres__buttons {
  opacity: 1;
  visibility: visible;
  transform: none;
}
@media only screen and (min-width: 992px) {
  .revealOnScroll.reveal .slider_offres__subtitle, .revealOnScroll.reveal .slider_offres__title, .revealOnScroll.reveal .slider_offres__text, .revealOnScroll.reveal .slider_offres__buttons {
    transform: none;
  }
}
.slider_offres__text {
  padding-top: 16px;
}
.slider_offres__part2 {
  grid-column-start: 2;
  grid-column-end: span 6;
  order: 2;
}
@media only screen and (min-width: 992px) {
  .slider_offres__part2 {
    grid-column-start: 11;
    grid-column-end: span 3;
    text-align: right;
    order: unset;
  }
}
.slider_offres__containswipers {
  position: relative;
  grid-column-start: 2;
  grid-column-end: span 6;
  margin-top: 60px;
  margin-top: calc(60px - 16px);
}
@media only screen and (min-width: 992px) {
  .slider_offres__containswipers {
    grid-column-start: 2;
    grid-column-end: span 12;
    margin-top: 0;
  }
}
.slider_offres__error {
  font-size: 0.875rem;
  line-height: 1.5rem;
  font-weight: 300;
  letter-spacing: -0.03em;
  text-align: center;
}
@media only screen and (min-width: 992px) {
  .slider_offres__error {
    font-size: 1.25rem;
    line-height: 2rem;
  }
}
.slider_offres__error p {
  margin: 0;
}
.slider_offres__swiper {
  overflow: visible;
}
.slider_offres__slide {
  width: 300px;
  height: auto;
}
@media only screen and (min-width: 992px) {
  .slider_offres__slide {
    width: 531px;
  }
}
.slider_offres__navigation {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 36px;
}
@media only screen and (min-width: 992px) {
  .slider_offres__navigation {
    margin-top: 79px;
  }
}
.touchevents .slider_offres__navigation {
  display: none;
}
.slider_offres__navigation .swiper-pagination-horizontal.swiper-pagination-bullets {
  padding: 0px 18px;
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
  width: auto;
}
@media only screen and (min-width: 992px) {
  .slider_offres__navigation .swiper-pagination-horizontal.swiper-pagination-bullets {
    padding: 0px 36px;
  }
}
.slider_offres__navigation .swiper-pagination-horizontal.swiper-pagination-bullets::before {
  display: none;
}
.slider_offres__navigation .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  width: 88px;
}
.slider_offres__navigation .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 88px;
}
.slider_offres__navigation .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  background: #000;
}
.slider_offres__navigation .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet::before {
  background: rgba(0, 0, 0, 0.16);
}
.slider_offres__arrow {
  position: relative;
  width: 48px;
  height: 48px;
  cursor: pointer;
}
.slider_offres__arrow::before {
  position: absolute;
  content: "";
  height: 24px;
  width: 24px;
  top: 12px;
  left: 12px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url("../images/svg/icon-chevron-left.svg");
  mask-image: url("../images/svg/icon-chevron-left.svg");
  background-color: #000;
}
.slider_offres__arrow.swiper-button-disabled {
  opacity: 0;
  visibility: hidden;
}
.slider_offres__next::before {
  -webkit-mask-image: url("../images/svg/icon-chevron-right.svg");
  mask-image: url("../images/svg/icon-chevron-right.svg");
}

.areas-slideshow {
  position: relative;
}
.areas-slideshow__container {
  display: grid;
  grid-template-columns: calc(16px - 16px) repeat(6, minmax(0px, 1fr)) calc(16px - 16px);
  align-items: center;
  column-gap: 16px;
  row-gap: 16px;
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative;
}
@media only screen and (min-width: 992px) {
  .areas-slideshow__container {
    column-gap: 24px;
    row-gap: 108px;
    grid-template-columns: repeat(14, minmax(0px, 1fr));
  }
}
@media only screen and (min-width: 992px) {
  .areas-slideshow__container {
    padding-top: 8vh;
    padding-bottom: 8vh;
  }
}
@media only screen and (max-width: 991px) {
  .sepheader + .areas-slideshow__container {
    padding-top: 16px;
  }
}
.areas-slideshow__title {
  grid-column-start: 2;
  grid-column-end: span 12;
}
@media only screen and (min-width: 992px) {
  .areas-slideshow__title {
    text-align: center;
  }
}
.areas-slideshow__buttons {
  grid-column-start: 2;
  grid-column-end: span 12;
}
@media only screen and (min-width: 992px) {
  .areas-slideshow__buttons {
    justify-content: center;
  }
}
.areas-slideshow .v-areas {
  grid-column-start: 1;
  grid-column-end: span 14;
}
.areas-slideshow .v-areas .kwpb-swiper-module {
  border-radius: 0;
}
.areas-slideshow .v-areas .kwpb-swiper-module .swiper-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding-inline: 40px;
}
@media only screen and (min-width: 992px) {
  .areas-slideshow .v-areas .kwpb-swiper-module .swiper-container {
    padding-inline: calc(80px - 108px + 24px);
  }
}
.areas-slideshow .v-areas .kwpb-swiper-module .swiper-container .swiper-wrapper {
  z-index: inherit;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .areas-slideshow .v-areas .kwpb-swiper-module .swiper-container .swiper-wrapper {
    width: auto;
  }
}
.areas-slideshow .v-areas .kwpb-swiper-module .swiper-container .swiper-wrapper .swiper-slide {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 992px) {
  .areas-slideshow .v-areas .kwpb-swiper-module .swiper-container .swiper-wrapper .swiper-slide {
    width: calc(50% - 24px);
  }
}
.areas-slideshow .v-areas .kwpb-swiper-module .swiper-container .swiper-wrapper .swiper-slide .thumb-media img, .areas-slideshow .v-areas .kwpb-swiper-module .swiper-container .swiper-wrapper .swiper-slide .thumb-media video, .areas-slideshow .v-areas .kwpb-swiper-module .swiper-container .swiper-wrapper .swiper-slide .thumb-media iframe, .areas-slideshow .v-areas .kwpb-swiper-module .swiper-container .swiper-wrapper .swiper-slide .thumb-media hls-video {
  aspect-ratio: calc(3 / 2);
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  object-fit: cover;
  object-position: center;
  border-radius: 0rem;
}
@media only screen and (min-width: 992px) {
  .areas-slideshow .v-areas .kwpb-swiper-module .swiper-container .swiper-wrapper .swiper-slide .thumb-media img, .areas-slideshow .v-areas .kwpb-swiper-module .swiper-container .swiper-wrapper .swiper-slide .thumb-media video, .areas-slideshow .v-areas .kwpb-swiper-module .swiper-container .swiper-wrapper .swiper-slide .thumb-media iframe, .areas-slideshow .v-areas .kwpb-swiper-module .swiper-container .swiper-wrapper .swiper-slide .thumb-media hls-video {
    aspect-ratio: calc(16 / 9);
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    object-fit: cover;
    object-position: center;
    border-radius: 0;
  }
}
.areas-slideshow .v-areas .kwpb-swiper-module .swiper-container .swiper-wrapper .swiper-slide:last-child {
  margin-right: 0 !important;
}
.areas-slideshow .v-areas .kwpb-swiper-module .swiper-actions {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: auto;
  height: var(--diadao-button-close-height);
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 40px;
}
.areas-slideshow .v-areas .kwpb-swiper-module .swiper-actions .swiper-navigation {
  position: absolute;
  width: 100%;
  top: 0;
  display: block;
  height: var(--diadao-button-close-height);
}
.areas-slideshow .v-areas .kwpb-swiper-module .swiper-actions .swiper-navigation .swiper-button-prev,
.areas-slideshow .v-areas .kwpb-swiper-module .swiper-actions .swiper-navigation .swiper-button-next {
  top: 0;
  margin: 0;
}
.areas-slideshow .v-areas .kwpb-swiper-module .swiper-actions .swiper-navigation .swiper-button-prev {
  left: 0;
  transform: translateX(-200%);
}
.areas-slideshow .v-areas .kwpb-swiper-module .swiper-actions .swiper-navigation .swiper-button-next {
  right: 0;
  transform: translateX(200%);
}
.areas-slideshow .v-areas .kwpb-swiper-module .swiper-actions .swiper-pagination-horizontal.swiper-pagination-bullets {
  text-align: center;
  padding: 0;
  bottom: initial;
  top: initial;
  left: initial;
  width: auto;
  position: relative;
}
.areas-slideshow .v-areas .kwpb-swiper-module .swiper-actions .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  opacity: 0.32;
  background-color: #273582;
}
.areas-slideshow .v-areas .kwpb-swiper-module .swiper-actions .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
  background-color: #273582;
}

.offerlist {
  position: relative;
  display: grid;
  grid-template-columns: calc(16px - 16px) repeat(6, minmax(0px, 1fr)) calc(16px - 16px);
  align-items: center;
  column-gap: 16px;
  row-gap: 16px;
  padding-top: 60px;
  padding-bottom: 60px;
}
@media only screen and (min-width: 992px) {
  .offerlist {
    column-gap: 24px;
    row-gap: 108px;
    grid-template-columns: repeat(14, minmax(0px, 1fr));
  }
}
@media only screen and (min-width: 992px) {
  .offerlist {
    padding-top: 8vh;
    padding-bottom: 8vh;
  }
}
@media only screen and (max-width: 991px) {
  .sepheader + .offerlist {
    padding-top: 16px;
  }
}
@media only screen and (min-width: 992px) {
  .offerlist {
    align-items: stretch;
    align-content: flex-start;
    row-gap: 0px;
  }
}
.offerlist__filters {
  position: sticky;
  top: 0;
  padding: 10px 16px;
  margin: 0px -16px;
  z-index: 5;
  grid-column-start: 2;
  grid-column-end: span 6;
}
@media only screen and (min-width: 992px) {
  .offerlist__filters {
    margin: 0;
    top: 112px;
    grid-column-start: 1;
    grid-column-end: span 14;
  }
}
.offerlist__filters.sticked {
  background-color: #FFF;
}
.offerlist__list {
  grid-column-start: 2;
  grid-column-end: span 6;
}
@media only screen and (min-width: 640px) {
  .offerlist__list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 0 -8px -16px;
  }
}
@media only screen and (min-width: 992px) {
  .offerlist__list {
    grid-column-start: 2;
    grid-column-end: span 12;
    margin: 48px -12px -24px;
  }
}
.offerlist__block {
  margin-bottom: 16px;
}
@media only screen and (min-width: 640px) {
  .offerlist__block {
    flex: 0 0 50%;
  }
}
@media only screen and (min-width: 992px) {
  .offerlist__block {
    margin-bottom: 24px;
  }
}
.offerlist__block.hiddenblock {
  display: none;
}
@media only screen and (min-width: 640px) {
  .offerlist__block .thumboffer__intra {
    margin: 0 8px;
  }
}
@media only screen and (min-width: 992px) {
  .offerlist__block .thumboffer__intra {
    margin: 0 12px;
    height: 74vh;
  }
}

.thumboffer {
  position: relative;
}
.thumboffer__intra {
  position: relative;
  height: 480px;
  overflow: hidden;
  color: #FFF;
}
@media only screen and (min-width: 992px) {
  .thumboffer__intra {
    min-height: 480px;
    height: 71vh;
  }
}
.thumboffer__intra::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, #000 100%);
}
.thumboffer__url {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
  cursor: pointer;
}
.thumboffer__media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.thumboffer__media img, .thumboffer__media svg, .thumboffer__media picture, .thumboffer__media video, .thumboffer__media hls-video {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  transition: transform 0.3s;
}
.thumboffer__infos {
  position: absolute;
  left: 22px;
  right: 22px;
  bottom: 22px;
  z-index: 3;
}
@media only screen and (min-width: 992px) {
  .thumboffer__infos {
    left: 40px;
    right: 40px;
    bottom: 40px;
  }
}
.thumboffer__category {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.125rem;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 992px) {
  .thumboffer__category {
    font-size: 1rem;
    line-height: 1.75rem;
    padding-bottom: 16px;
  }
}
.thumboffer__title {
  font-family: "freight-big-pro", serif;
  font-weight: 300;
  font-size: 2rem;
  line-height: 2.125rem;
}
@media only screen and (min-width: 992px) {
  .thumboffer__title {
    font-size: 3.5rem;
    line-height: 3rem;
  }
}
.thumboffer__price {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.125rem;
  letter-spacing: -0.03em;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0.5em;
}
@media only screen and (min-width: 992px) {
  .thumboffer__price {
    font-size: 1.25rem;
    line-height: 1.25rem;
    padding-top: 16px;
  }
}
.thumboffer__price .old-price {
  opacity: 0.7;
}

.v-area {
  border-radius: 0px;
  overflow: hidden;
  height: 100%;
}
.v-area-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.v-area .thumb-media {
  position: relative;
}
.v-area .thumb-media img, .v-area .thumb-media video, .v-area .thumb-media iframe, .v-area .thumb-media hls-video {
  aspect-ratio: calc(1 / 1);
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  object-fit: cover;
  object-position: center;
  border-radius: 0rem;
}
.v-area .thumb-media:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: radial-gradient(100% 100% at 0% 100%, rgba(31, 31, 31, 0.4) 0%, rgba(31, 31, 31, 0) 100%);
  z-index: 1;
  pointer-events: none;
}
@media only screen and (min-width: 640px) {
  .v-area .thumb-media img, .v-area .thumb-media video, .v-area .thumb-media iframe, .v-area .thumb-media hls-video {
    aspect-ratio: calc(3 / 2);
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    object-fit: cover;
    object-position: center;
    border-radius: 0rem;
  }
}
@media only screen and (min-width: 992px) {
  .v-area .thumb-media img, .v-area .thumb-media video, .v-area .thumb-media iframe, .v-area .thumb-media hls-video {
    aspect-ratio: calc(2 / 1);
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    object-fit: cover;
    object-position: center;
    border-radius: 0rem;
  }
}
.v-area .thumb-media img {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  transition: transform 1s ease-in-out;
}
.v-area .thumb-infos {
  flex-grow: 1;
  background-color: #FFF;
  padding: 24px 16px;
}
@media only screen and (min-width: 992px) {
  .v-area .thumb-infos {
    padding: 40px 24px;
  }
}
.v-area .thumb-infos__title {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.v-area .thumb-infos__size {
  margin-top: 0.625rem;
}
.v-area .thumb-infos__areas {
  margin-top: 1.5rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
}
.v-area .thumb-infos__area {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  padding: 16px;
  background-color: #FFF;
  border-radius: 0px;
}
@media only screen and (min-width: 992px) {
  .v-area .thumb-infos__area {
    width: calc((100% - 8px) / 2);
  }
}
@media only screen and (min-width: 1440px) {
  .v-area .thumb-infos__area {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: 32px;
    padding: 16px 32px;
  }
}
.v-area .thumb-infos__picto {
  line-height: 0;
}
.v-area .thumb-infos__picto svg {
  width: 30px;
  height: 30px;
}
@media only screen and (min-width: 992px) {
  .v-area .thumb-infos__picto {
    width: 100%;
  }
}
@media only screen and (min-width: 1440px) {
  .v-area .thumb-infos__picto {
    width: auto;
  }
  .v-area .thumb-infos__picto svg {
    width: inherit;
    height: inherit;
  }
}
.v-area .thumb-infos__text {
  flex-shrink: 0;
}
.v-area .thumb-url {
  position: absolute;
  inset: 0;
  z-index: 2;
}

.offcanvas.type-offer {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .offcanvas.type-offer {
    width: 90%;
    max-width: 1600px;
  }
}
.offcanvas.type-offer .offcanvas-body {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .offcanvas.type-offer .offcanvas-body {
    width: 100%;
    max-width: none;
  }
}

.offer-panel {
  position: relative;
  min-height: 100%;
}
.offer-panel__grid {
  position: relative;
  display: grid;
  grid-template-columns: calc(16px - 16px) repeat(6, minmax(0px, 1fr)) calc(16px - 16px);
  align-items: center;
  column-gap: 16px;
  row-gap: 16px;
  align-items: flex-start;
  padding: 64px 0 0px;
  row-gap: 0px;
}
@media only screen and (min-width: 992px) {
  .offer-panel__grid {
    column-gap: 24px;
    row-gap: 108px;
    grid-template-columns: repeat(14, minmax(0px, 1fr));
  }
}
@media only screen and (min-width: 992px) {
  .offer-panel__grid {
    padding: 80px 0;
    row-gap: 0px;
    align-items: flex-start;
  }
}
.offer-panel__part1 {
  grid-column-start: 2;
  grid-column-end: span 6;
}
@media only screen and (min-width: 992px) {
  .offer-panel__part1 {
    grid-column-start: 2;
    grid-column-end: span 12;
  }
}
@media only screen and (min-width: 1440px) {
  .offer-panel__part1 {
    grid-column-start: 2;
    grid-column-end: span 9;
  }
}
.offer-panel__part1.solo {
  padding-bottom: 20px;
}
@media only screen and (min-width: 1440px) {
  .offer-panel__part1.solo {
    grid-column-start: 2;
    grid-column-end: span 12;
    padding-bottom: 0px;
  }
}
.offer-panel__slideshow {
  margin: 0 -16px 32px;
}
.offer-panel__slideshow img, .offer-panel__slideshow video, .offer-panel__slideshow iframe, .offer-panel__slideshow hls-video {
  aspect-ratio: calc(360 / 205);
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  object-fit: cover;
  object-position: center;
  border-radius: 0px;
}
@media only screen and (min-width: 992px) {
  .offer-panel__slideshow {
    margin: 0px 0px 120px;
  }
  .offer-panel__slideshow img, .offer-panel__slideshow video, .offer-panel__slideshow iframe, .offer-panel__slideshow hls-video {
    aspect-ratio: calc(1020 / 600);
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    object-fit: cover;
    object-position: center;
    border-radius: 0px;
  }
  .offer-panel__slideshow img, .offer-panel__slideshow picture, .offer-panel__slideshow video, .offer-panel__slideshow hls-video, .offer-panel__slideshow svg {
    max-height: 65vh;
  }
}
.offer-panel__slideshow .swiper-button-prev, .offer-panel__slideshow .swiper-button-next {
  display: none;
}
.offer-panel__text {
  padding-top: 40px;
}
@media only screen and (min-width: 992px) {
  .offer-panel__text {
    padding-right: 10.4vw;
  }
}
.offer-panel__part2 {
  grid-column-start: 1;
  grid-column-end: span 8;
  margin-top: 42px;
  padding: 16px 16px;
  background-color: #FFF;
}
@media only screen and (min-width: 992px) {
  .offer-panel__part2 {
    grid-column-start: 2;
    grid-column-end: span 12;
    border-radius: 10px;
    padding: 48px 32px 32px;
  }
}
@media only screen and (min-width: 1440px) {
  .offer-panel__part2 {
    position: sticky;
    top: 80px;
    grid-column-start: 11;
    grid-column-end: span 3;
    margin: 0;
  }
}
.offer-panel__part2__title {
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.5rem;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 992px) {
  .offer-panel__part2__title {
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.75rem;
  }
}
.offer-panel__phone {
  font-size: 0.875rem;
  line-height: 1.5rem;
  letter-spacing: -0.03em;
  padding-top: 16px;
}
@media only screen and (min-width: 992px) {
  .offer-panel__phone {
    padding-top: 24px;
  }
}
.offer-panel__phone a {
  font-weight: 600;
  text-decoration: underline;
  display: inline-block;
}
@media only screen and (min-width: 1440px) {
  .offer-panel__phone span {
    display: block;
  }
}
.offer-panel__button {
  padding-top: 16px;
  display: flex;
  gap: 10px;
}
@media only screen and (min-width: 992px) {
  .offer-panel__button {
    padding-top: 24px;
  }
}
@media only screen and (min-width: 992px) {
  .offer-panel__button a {
    flex: 1 1 50%;
  }
}
@media only screen and (min-width: 1440px) {
  .offer-panel__button a {
    flex: 1 1 100%;
  }
}
.offer-panel__text2 {
  font-size: 0.875rem;
  line-height: 1.5rem;
  letter-spacing: -0.03em;
  margin-top: 16px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 16px;
}
@media only screen and (min-width: 992px) {
  .offer-panel__text2 {
    margin-top: 24px;
    padding-top: 24px;
    font-size: 1rem;
  }
}

:root {
  --diadao-qs-loading-svg-size: 40px;
  --diadao-hsc-booking-panel-loading-height: 522px;
  --diadao-hsc-booking-panel-loading-visibility: visible;
  --diadao-hsc-booking-panel-border-radius: 4px;
  --diadao-hsc-sticky-room-desktop-single-loading-height: 480px;
  --diadao-hsc-sticky-room-desktop-single-loading-visibility: visible;
  --diadao-hsc-sticky-room-desktop-loading-height: 120px;
  --diadao-hsc-sticky-room-desktop-loading-visibility: hidden;
  --diadao-qs-loading-svg: url("/wp-content/themes/diadao-021-sdktemplate/assets/images/hsc/spinner-qs.svg");
  --diadao-booking-panel-loading-svg: url("/wp-content/themes/diadao-021-sdktemplate/assets/images/hsc/spinner-qs.svg");
  --diadao-room-detail-panel-loading-svg: url("/wp-content/themes/diadao-021-sdktemplate/assets/images/hsc/spinner-qs.svg");
  --diadao-smartgallery-overlay-bg: #FFF;
  --diadao-hsc-calendars-cell-selected-bgcolor: #8F1122;
  --diadao-hsc-calendars-cell-range-bgcolor: #8F1122;
  --diadao-hsc-sticky-shadow: none;
  --diadao-hsc-loader-size: 38px;
  --diadao-hsc-loader-left: 50%;
  --diadao-hsc-loader-top: 50%;
  --diadao-hsc-loader-transform: translateX(-50%) translateY(-50%);
  --diadao-hsc-loader-booking-left: 50%;
  --diadao-hsc-loader-booking-top: 38px;
  --diadao-hsc-loader-booking-transform: translateX(-50%);
  --diadao-hsc-loader-bestprice-left: 0;
  --diadao-hsc-loader-bestprice-top: 0;
  --diadao-hsc-loader-bestprice-transform: none;
  --diadao-hsc-loader-bestprice-right: 0px;
  --diadao-hsc-loader-sticky-room-desktop-single-position: absolute;
  --diadao-hsc-loader-sticky-room-desktop-single-left: 50%;
  --diadao-hsc-loader-sticky-room-desktop-single-top: 50%;
  --diadao-hsc-loader-sticky-room-desktop-single-transform: translateX(-50%) translateY(-50%);
  --diadao-hsc-buttons-toggle-radius: 16px;
  --diadao-hsc-buttons-toggle-width: 32px;
  --diadao-hsc-buttons-toggle-height: 32px;
  --diadao-hsc-buttons-toggle-line-height: 32px;
  --diadao-hsc-buttons-toggle-line-height-minus: 30px;
  --diadao-hsc-buttons-toggle-font-size: 20px;
  --diadao-hsc-booking-button-book-max-width: 100%;
  --diadao-hsc-booking-button-book-display: inline-flex;
  --diadao-hsc-booking-button-book-width: 180px;
  --diadao-hsc-booking-button-book-min-width: auto;
  --diadao-hsc-booking-button-book-margin-left: 0px;
  --diadao-hsc-booking-button-book-margin-right: 0px;
  --diadao-hsc-booking-button-none-width: 100%;
  --diadao-hsc-booking-button-none-display: inline-flex;
  --diadao-hsc-booking-button-none-max-width: 240px;
  --diadao-hsc-booking-button-none-min-width: auto;
  --diadao-hsc-booking-button-none-margin-left: 0px;
  --diadao-hsc-booking-button-none-margin-right: 0px;
  --diadao-hsc-booking-button-none-padding-left: 14px;
  --diadao-hsc-booking-button-none-padding-right: 14px;
  --diadao-hsc-booking-none-wrapper-display: flex;
  --diadao-hsc-booking-none-wrapper-flex-wrap: nowrap;
  --diadao-hsc-booking-none-wrapper-align-items: center;
  --diadao-hsc-booking-none-wrapper-justify-content: flex-start;
  --diadao-hsc-booking-none-wrapper-text-align: left;
  --diadao-hsc-booking-none-wrapper-button-display: flex;
  --diadao-hsc-booking-none-wrapper-button-flex-wrap: nowrap;
  --diadao-hsc-booking-none-wrapper-button-align-items: center;
  --diadao-hsc-booking-none-wrapper-button-justify-content: flex-start;
  --diadao-hsc-booking-none-wrapper-button-text-align: left;
  --diadao-hsc-booking-none-wrapper-button-margin-top: 0px;
  --diadao-hsc-popup-title-text-transform: initial;
  --diadao-hsc-popup-title-font-weight: 400;
  --diadao-hsc-popup-title-margin-bottom: 40px;
  --diadao-hsc-popup-title-font-size: 30px;
  --diadao-hsc-popup-title-letter-spacing: 0px;
  --diadao-hsc-popup-title-font-family: chesna_grotesk, sans-serif;
  --diadao-hsc-popup-title-line-height: 1.1;
  --diadao-hsc-popup-bg-color: #F5F1ED;
  --diadao-hsc-popup-box-shadow: 4px 0 200px 0 rgba(29, 29, 29, .3);
  --diadao-hsc-popup-button-close-min-width: 200px;
  --diadao-hsc-popup-button-close-max-width: 222px;
  --diadao-hsc-popup-button-close-width: auto;
  --diadao-hsc-popup-button-close-height: auto;
  --diadao-hsc-popup-button-close-display: inline-flex;
  --diadao-hsc-popup-button-close-align-items: center;
  --diadao-hsc-popup-button-close-justify-content: center;
  --diadao-hsc-popup-button-close-text-line-height: 1.5;
  --diadao-hsc-popup-button-close-text-display: inline-flex;
  --diadao-hsc-popup-button-close-text-font-family: chesna_grotesk, sans-serif;
  --diadao-hsc-popup-button-close-text-font-size: 16px;
  --diadao-hsc-popup-button-close-text-font-weight: 600;
  --diadao-hsc-booking-toggle-value-width: 50px;
  --diadao-hsc-booking-width: 100%;
  --diadao-hsc-booking-max-width: none;
  --diadao-hsc-booking-margin-left: auto;
  --diadao-hsc-booking-margin-right: auto;
  --diadao-hsc-booking-label-text-align: left;
  --diadao-hsc-booking-label-margin-bottom: 10px;
  --diadao-hsc-booking-label-font-size: 16px;
  --diadao-hsc-booking-label-letter-spacing: 0px;
  --diadao-hsc-booking-label-text-transform: initial;
  --diadao-hsc-booking-label-font-weight: 400;
  --diadao-hsc-booking-label-font-family: chesna_grotesk, sans-serif;
  --diadao-hsc-booking-value-font-weight: 400;
  --diadao-hsc-booking-value-font-family: chesna_grotesk, sans-serif;
  --diadao-hsc-booking-value-font-size: 20px;
  --diadao-hsc-booking-value-letter-spacing: 0px;
  --diadao-hsc-booking-value-text-align: left;
  --diadao-hsc-booking-value-margin-bottom: 0px;
  --diadao-hsc-booking-value-text-transform: initial;
  --diadao-hsc-booking-daterange-padding-top: 22px;
  --diadao-hsc-booking-daterange-padding-bottom: 22px;
  --diadao-hsc-booking-daterange-padding-left: 14px;
  --diadao-hsc-booking-daterange-padding-right: 14px;
  --diadao-hsc-booking-daterange-radius: 4px;
  --diadao-hsc-booking-daterange-margin-bottom: 10px;
  --diadao-hsc-booking-daterange-bgcolor: #FFF;
  --diadao-hsc-booking-daterange-separator-content: "";
  --diadao-hsc-booking-daterange-separator-display: block;
  --diadao-hsc-booking-daterange-separator-width: 1px;
  --diadao-hsc-booking-daterange-separator-position: absolute;
  --diadao-hsc-booking-daterange-separator-height: 100%;
  --diadao-hsc-booking-daterange-separator-background-color: #000;
  --diadao-hsc-booking-daterange-separator-top: 0;
  --diadao-hsc-booking-daterange-separator-left: 50%;
  --diadao-hsc-booking-daterange-separator-margin-left: 0px;
  --diadao-hsc-booking-daterange-arrival-padding-top: 0px;
  --diadao-hsc-booking-daterange-arrival-padding-bottom: 0px;
  --diadao-hsc-booking-daterange-arrival-padding-left: 0px;
  --diadao-hsc-booking-daterange-arrival-padding-right: 0px;
  --diadao-hsc-booking-daterange-arrival-radius: 0px;
  --diadao-hsc-booking-daterange-arrival-margin-bottom: 0px;
  --diadao-hsc-booking-daterange-arrival-bgcolor: transparent;
  --diadao-hsc-booking-daterange-departure-padding-top: 0px;
  --diadao-hsc-booking-daterange-departure-padding-bottom: 0px;
  --diadao-hsc-booking-daterange-departure-padding-left: 0;
  --diadao-hsc-booking-daterange-departure-padding-right: 0px;
  --diadao-hsc-booking-daterange-departure-radius: 0px;
  --diadao-hsc-booking-daterange-departure-margin-bottom: 0px;
  --diadao-hsc-booking-daterange-departure-bgcolor: transparent;
  --diadao-hsc-booking-price-value-font-weight: 400;
  --diadao-hsc-booking-price-value-font-family: chesna_grotesk, sans-serif;
  --diadao-hsc-booking-price-value-font-size: 24px;
  --diadao-hsc-booking-price-value-letter-spacing: 0px;
  --diadao-hsc-booking-bestprice-title-div-display: inline-block;
  --diadao-hsc-booking-bestprice-title-div-width: auto;
  --diadao-hsc-booking-bestprice-title-div-line-height: 1;
  --diadao-hsc-booking-bestprice-title-div-padding-right: 30px;
  --diadao-hsc-booking-bestprice-title-div-padding-top: 4px;
  --diadao-hsc-booking-bestprice-title-div-padding-bottom: 4px;
  --diadao-hsc-booking-bestprice-title-margin: 0px;
  --diadao-hsc-booking-bestprice-title-font-size: 20px;
  --diadao-hsc-booking-bestprice-title-letter-spacing: 0px;
  --diadao-hsc-booking-bestprice-title-line-height: 1;
  --diadao-hsc-booking-bestprice-title-font-weight: 600;
  --diadao-hsc-booking-bestprice-title-text-transform: initial;
  --diadao-hsc-booking-bestprice-title-font-family: chesna_grotesk, sans-serif;
  --diadao-hsc-booking-bestprice-title-color: #000;
  --diadao-hsc-booking-bestprice-text-transform: uppercase;
  --diadao-hsc-booking-bestprice-title-margin-bottom: 0px;
  --diadao-hsc-booking-bestprice-subtitle-div-display: flex;
  --diadao-hsc-booking-bestprice-subtitle-div-position: absolute;
  --diadao-hsc-booking-bestprice-subtitle-div-width: 24px;
  --diadao-hsc-booking-bestprice-subtitle-div-height: 24px;
  --diadao-hsc-booking-bestprice-subtitle-div-padding: 0px;
  --diadao-hsc-booking-bestprice-subtitle-div-padding-right: 0px;
  --diadao-hsc-booking-bestprice-subtitle-div-right: 0px;
  --diadao-hsc-booking-bestprice-subtitle-div-align-items: center;
  --diadao-hsc-booking-bestprice-subtitle-div-justify-content: center;
  --diadao-hsc-booking-bestprice-subtitle-div-top: 50%;
  --diadao-hsc-booking-bestprice-subtitle-div-margin-top: -10px;
  --diadao-hsc-booking-bestprice-subtitle-text-display: none;
  --diadao-hsc-booking-bestprice-picto-position: relative;
  --diadao-hsc-booking-bestprice-picto-display: inline-block;
  --diadao-hsc-booking-bestprice-picto-width: 16px;
  --diadao-hsc-booking-bestprice-picto-height: 16px;
  --diadao-hsc-booking-bestprice-picto-margin: 0px;
  --diadao-hsc-booking-bestprice-picto-margin-top: 0px;
  --diadao-hsc-booking-bestprice-picto-margin-left: 0px;
  --diadao-hsc-booking-bestprice-picto-left: initial;
  --diadao-hsc-booking-bestprice-picto-top: 0px;
  --diadao-hsc-booking-bestprice-picto-right: initial;
  --diadao-hsc-booking-bestprice-picto-filter: none;
  --diadao-hsc-booking-price-display: block;
  --diadao-hsc-booking-price-width: 100%;
  --diadao-hsc-booking-price-margin-top: 5px;
  --diadao-hsc-booking-price-text-align: center;
  --diadao-hsc-booking-price-color: #000;
  --diadao-hsc-booking-bestprice-wrapper-wrap: wrap;
  --diadao-hsc-booking-a-link-color: #AD172B;
  --diadao-hsc-booking-ota-bottom-margin-top: 30px;
  --diadao-hsc-booking-ota-container-default-margin-top: 15px;
  --diadao-hsc-booking-ota-row-margin-bottom: 10px;
  --diadao-hsc-booking-ota-row-font-family: chesna_grotesk, sans-serif;
  --diadao-hsc-booking-ota-row-font-size: 14px;
  --diadao-hsc-booking-ota-row-letter-spacing: 0px;
  --diadao-hsc-booking-ota-row-line-height: 1;
  --diadao-hsc-booking-ota-row-font-weight: 300;
  --diadao-hsc-booking-ota-row-text-transform: initial;
  --diadao-hsc-booking-ota-row-text-align: left;
  --diadao-hsc-booking-ota-row-name-width: 150px;
  --diadao-hsc-booking-ota-row-name-text-align: left;
  --diadao-hsc-booking-ota-row-name-color: #AD172B;
  --diadao-hsc-booking-ota-row-value-width: calc( 100% - 150px );
  --diadao-hsc-booking-ota-row-value-text-align: left;
  --diadao-hsc-booking-ota-row-value-color: #AD172B;
  --diadao-hsc-booking-noresults-message-display: block;
  --diadao-hsc-booking-noresults-message-max-width: 320px;
  --diadao-hsc-booking-noresults-message-width: 100%;
  --diadao-hsc-booking-noresults-message-margin-left: 0px;
  --diadao-hsc-booking-noresults-message-margin-right: auto;
  --diadao-hsc-booking-noresults-message-color: #000;
  --diadao-hsc-booking-noresults-message-font-family: chesna_grotesk, sans-serif;
  --diadao-hsc-booking-noresults-message-font-size: 18px;
  --diadao-hsc-booking-noresults-message-letter-spacing: 0px;
  --diadao-hsc-booking-noresults-message-line-height: 1;
  --diadao-hsc-booking-noresults-message-font-weight: 400;
  --diadao-hsc-booking-noresults-message-text-transform: initial;
  --diadao-hsc-booking-noresults-message-margin-bottom: 0px;
  --diadao-hsc-booking-noresults-message-picto-filter: none;
  --diadao-hsc-booking-conditions-color: #000;
  --diadao-hsc-booking-conditions-font-family: chesna_grotesk, sans-serif;
  --diadao-hsc-booking-conditions-font-size: 14px;
  --diadao-hsc-booking-conditions-letter-spacing: 0px;
  --diadao-hsc-booking-conditions-line-height: 1;
  --diadao-hsc-booking-conditions-font-weight: 300;
  --diadao-hsc-booking-conditions-text-transform: initial;
  --diadao-hsc-booking-conditions-text-align: left;
  --diadao-hsc-booking-conditions-picto-filter: none;
  --diadao-hsc-booking-legend-color: #000;
  --diadao-hsc-booking-legend-font-family: chesna_grotesk, sans-serif;
  --diadao-hsc-booking-legend-font-size: 14px;
  --diadao-hsc-booking-legend-letter-spacing: 0px;
  --diadao-hsc-booking-legend-line-height: 1;
  --diadao-hsc-booking-legend-font-weight: 300;
  --diadao-hsc-booking-legend-text-transform: initial;
  --diadao-hsc-booking-legend-text-align: center;
  --diadao-hsc-booking-legend-title-font-weight: 300;
  --diadao-hsc-booking-legend-title-margin-bottom: 8px;
  --diadao-hsc-booking-legend-link-font-weight: bold;
  --diadao-hsc-booking-legend-link-color: #AD172B;
  --diadao-hsc-booking-legend-link-color-hover: #AD172B;
  --diadao-hsc-bestprice-font-size: 16px;
  --diadao-hsc-bestprice-letter-spacing: 0px;
  --diadao-hsc-bestprice-line-height: 1;
  --diadao-hsc-bestprice-font-weight: 400;
  --diadao-hsc-bestprice-text-transform: initial;
  --diadao-hsc-bestprice-font-family: chesna_grotesk, sans-serif;
  --diadao-hsc-bestprice-color: $pureblack;
  --diadao-hsc-bestprice-currency-padding-left: 4px;
  --diadao-hsc-bestprice-currency-font-size: 16px;
  --diadao-hsc-bestprice-currency-letter-spacing: 0px;
  --diadao-hsc-bestprice-currency-line-height: 1;
  --diadao-hsc-bestprice-currency-font-weight: 300;
  --diadao-hsc-bestprice-currency-text-transform: initial;
  --diadao-hsc-bestprice-currency-font-family: chesna_grotesk, sans-serif;
  --diadao-hsc-bestprice-currency-color: $pureblack;
  --diadao-hsc-bestprice-currency-vertical-align: top;
  --diadao-hsc-bestprice-none-font-size: 20px;
  --diadao-hsc-bestprice-none-letter-spacing: -0.03em;
  --diadao-hsc-bestprice-none-line-height: 1;
  --diadao-hsc-bestprice-none-font-weight: 300;
  --diadao-hsc-bestprice-none-text-transform: initial;
  --diadao-hsc-bestprice-none-font-family: chesna_grotesk, sans-serif;
  --diadao-hsc-bestprice-none-currency-padding-left: 4px;
  --diadao-hsc-bestprice-none-color: #000;
  --diadao-hsc-bestprice-none-text-align: left;
  --diadao-hsc-booking-bgcolor: #AD172B;
  --diadao-hsc-booking-color-label: #AD172B;
  --diadao-hsc-booking-color-value: #000;
  --diadao-hsc-booking-bgcolor-toggle: transparent;
  --diadao-hsc-bgcolor-toggle: transparent;
  --diadao-hsc-color-toggle: #AD172B;
  --diadao-hsc-bgcolor-toggle-hover: rgba(0, 0, 0, 0.05);
  --diadao-hsc-color-toggle-hover: #AD172B;
  --diadao-hsc-room-color-price: #AD172B;
  --diadao-hsc-room-color-none: #AD172B;
  --diadao-hsc-room-color-text: #AD172B;
  --diadao-hsc-booking-people-line-height: 32px;
  --diadao-hsc-booking-input-adult-bgcolor: #FFF;
  --diadao-hsc-booking-input-adult-border-top-left-radius: 4px;
  --diadao-hsc-booking-input-adult-border-top-right-radius: 0px;
  --diadao-hsc-booking-input-adult-border-bottom-left-radius: 4px;
  --diadao-hsc-booking-input-adult-border-bottom-right-radius: 0px;
  --diadao-hsc-booking-input-adult-padding-left: 14px;
  --diadao-hsc-booking-input-adult-padding-right: 0;
  --diadao-hsc-booking-input-adult-padding-top: 22px;
  --diadao-hsc-booking-input-adult-padding-bottom: 22px;
  --diadao-hsc-booking-input-adult-margin-bottom: 0px;
  --diadao-hsc-booking-input-children-bgcolor: #FFF;
  --diadao-hsc-booking-input-children-border-top-left-radius: 0px;
  --diadao-hsc-booking-input-children-border-top-right-radius: 4px;
  --diadao-hsc-booking-input-children-border-bottom-left-radius: 0px;
  --diadao-hsc-booking-input-children-border-bottom-right-radius: 4px;
  --diadao-hsc-booking-input-children-padding-left: 0;
  --diadao-hsc-booking-input-children-padding-right: 14px;
  --diadao-hsc-booking-input-children-padding-top: 22px;
  --diadao-hsc-booking-input-children-padding-bottom: 22px;
  --diadao-hsc-booking-input-children-margin-bottom: 0px;
  --diadao-hsc-booking-input-infant-bgcolor: #000;
  --diadao-hsc-booking-input-infant-border-top-left-radius: 0px;
  --diadao-hsc-booking-input-infant-border-top-right-radius: 0px;
  --diadao-hsc-booking-input-infant-border-bottom-left-radius: 0px;
  --diadao-hsc-booking-input-infant-border-bottom-right-radius: 0px;
  --diadao-hsc-booking-input-infant-padding-left: 0px;
  --diadao-hsc-booking-input-infant-padding-right: 0px;
  --diadao-hsc-booking-input-infant-padding-top: 44px;
  --diadao-hsc-booking-input-infant-padding-bottom: 44px;
  --diadao-hsc-booking-input-infant-margin-bottom: 0px;
  --diadao-hsc-desktop-sticky-title-picto-div-width: 82px;
  --diadao-hsc-desktop-sticky-title-picto-div-height: 82px;
  --diadao-hsc-desktop-sticky-title-picto-div-border-radius: 100%;
  --diadao-hsc-desktop-sticky-title-picto-div-bgcolor: #000;
  --diadao-hsc-desktop-sticky-title-picto-div-margin-bottom: 0px;
  --diadao-hsc-desktop-sticky-title-picto-img-width: 42px;
  --diadao-hsc-desktop-sticky-title-picto-img-height: 42px;
  --diadao-hsc-desktop-sticky-title-picto-justify-content: flex-start;
  --diadao-hsc-desktop-sticky-widget-padding-left: 0px;
  --diadao-hsc-desktop-sticky-widget-margin-top: 0px;
  --diadao-hsc-desktop-sticky-widget-margin-bottom: 0px;
  --diadao-hsc-desktop-sticky-widget-width: calc( 100% - 540px );
  --diadao-hsc-desktop-sticky-widget-display: flex;
  --diadao-hsc-desktop-sticky-infos-display: flex;
  --diadao-hsc-desktop-sticky-infos-width: 540px;
  --diadao-hsc-desktop-sticky-infos-padding-left: 20px;
  --diadao-hsc-desktop-sticky-infos-margin-bottom: 0px;
  --diadao-hsc-desktop-sticky-infos-font-size: 14px;
  --diadao-hsc-desktop-sticky-infos-line-height: 20px;
  --diadao-hsc-desktop-sticky-infos-font-weight: 300;
  --diadao-hsc-desktop-sticky-infos-color: #000;
  --diadao-hsc-desktop-sticky-infos-a-color: #AD172B;
  --diadao-hsc-desktop-sticky-infos-a-font-weight: bold;
  --diadao-hsc-desktop-sticky-infos-list-li-padding-left: 20px;
  --diadao-hsc-desktop-sticky-infos-list-li-margin-bottom: 2px;
  --diadao-hsc-desktop-sticky-infos-list-icon: none;
  --diadao-hsc-desktop-sticky-infos-list-icon-size: 16px;
  --diadao-hsc-desktop-sticky-infos-list-icon-margin-top: -8px;
  --diadao-hsc-desktop-sticky-infos-contact-padding-left: 0px;
  --diadao-hsc-desktop-sticky-infos-contact-text-align: left;
  --diadao-hsc-desktop-sticky-infos-contact-title-margin-bottom: 5px;
  --diadao-hsc-desktop-sticky-bgcolor: #AD172B;
  --diadao-hsc-desktop-sticky-color-label: #AD172B;
  --diadao-hsc-desktop-sticky-single-color-label: #000;
  --diadao-hsc-desktop-sticky-color-value: #000;
  --diadao-hsc-desktop-sticky-single-color-value: #000;
  --diadao-hsc-desktop-sticky-bgcolor-toggle: #273582;
  --diadao-hsc-desktop-sticky-color-toggle: #AD172B;
  --diadao-hsc-desktop-sticky-bgcolor-toggle-hover: #273582;
  --diadao-hsc-desktop-sticky-color-toggle-hover: #AD172B;
  --diadao-hsc-desktop-sticky-text-color-title: #AD172B;
  --diadao-hsc-desktop-sticky-text-color-subtitle: #AD172B;
  --diadao-hsc-desktop-sticky-text-padding-left: 0px;
  --diadao-hsc-desktop-sticky-toggle-width: 32px;
  --diadao-hsc-desktop-sticky-toggle-height: 32px;
  --diadao-hsc-desktop-sticky-toggle-line-height: 32px;
  --diadao-hsc-desktop-sticky-toggle-line-height-minus: 30px;
  --diadao-hsc-desktop-sticky-toggle-value-width: 38px;
  --diadao-hsc-desktop-sticky-text-title-text-align: left;
  --diadao-hsc-desktop-sticky-text-title-font-size: 30px;
  --diadao-hsc-desktop-sticky-text-title-line-height: 40px;
  --diadao-hsc-desktop-sticky-text-title-letter-spacing: 0px;
  --diadao-hsc-desktop-sticky-text-title-text-transform: initial;
  --diadao-hsc-desktop-sticky-text-title-font-weight: 400;
  --diadao-hsc-desktop-sticky-text-title-font-family: chesna_grotesk, sans-serif;
  --diadao-hsc-desktop-sticky-text-title-margin-top: 14px;
  --diadao-hsc-desktop-sticky-text-title-margin-bottom: 14px;
  --diadao-hsc-desktop-sticky-text-title-padding-left: 50px;
  --diadao-hsc-desktop-sticky-text-title-max-width: 560px;
  --diadao-hsc-desktop-sticky-text-subtitle-display: none;
  --diadao-hsc-desktop-sticky-text-subtitle-text-align: center;
  --diadao-hsc-desktop-sticky-text-subtitle-font-size: 16px;
  --diadao-hsc-desktop-sticky-text-subtitle-line-height: 1;
  --diadao-hsc-desktop-sticky-text-subtitle-letter-spacing: 0px;
  --diadao-hsc-desktop-sticky-text-subtitle-text-transform: initial;
  --diadao-hsc-desktop-sticky-text-subtitle-font-weight: 400;
  --diadao-hsc-desktop-sticky-text-subtitle-font-family: chesna_grotesk, sans-serif;
  --diadao-hsc-desktop-sticky-text-subtitle-margin-bottom: 0;
  --diadao-hsc-sticky-room-bgcolor: #000;
  --diadao-hsc-sticky-room-color-label: #AD172B;
  --diadao-hsc-sticky-room-single-color-label: #AD172B;
  --diadao-hsc-sticky-room-color-value: #AD172B;
  --diadao-hsc-sticky-room-single-color-value: #000;
  --diadao-hsc-sticky-room-bgcolor-toggle: transparent;
  --diadao-hsc-sticky-room-color-toggle: #AD172B;
  --diadao-hsc-sticky-room-bgcolor-toggle-hover: transparent;
  --diadao-hsc-sticky-room-color-toggle-hover: #AD172B;
  --diadao-hsc-sticky-room-single-bgcolor-toggle: transparent;
  --diadao-hsc-sticky-room-single-color-toggle: #AD172B;
  --diadao-hsc-sticky-room-single-bgcolor-toggle-hover: transparent;
  --diadao-hsc-sticky-room-single-color-toggle-hover: #AD172B;
  --diadao-hsc-sticky-room-people-line-height: 1;
  --diadao-hsc-sticky-room-remaining-bgcolor: #AD172B;
  --diadao-hsc-sticky-room-remaining-color: white;
  --diadao-hsc-sticky-room-remaining-line-height: 0.7;
  --diadao-hsc-sticky-room-remaining-padding-top: 8px;
  --diadao-hsc-sticky-room-remaining-padding-bottom: 6px;
  --diadao-hsc-sticky-room-desktop-left-width: 580px;
  --diadao-hsc-sticky-room-desktop-right-width: calc(100% - 580px);
  --diadao-hsc-sticky-room-desktop-label-margin-bottom: 0px;
  --diadao-hsc-sticky-room-desktop-label-height: 16px;
  --diadao-hsc-sticky-room-desktop-label-font-size: 12px;
  --diadao-hsc-sticky-room-desktop-label-letter-spacing: 0px;
  --diadao-hsc-sticky-room-desktop-label-text-transform: initial;
  --diadao-hsc-sticky-room-desktop-label-font-weight: 500;
  --diadao-hsc-sticky-room-desktop-label-font-family: chesna_grotesk, sans-serif;
  --diadao-hsc-sticky-room-desktop-label-date-text-align: left;
  --diadao-hsc-sticky-room-desktop-label-people-text-align: left;
  --diadao-hsc-sticky-room-desktop-value-text-align: left;
  --diadao-hsc-sticky-room-desktop-value-margin-bottom: 0px;
  --diadao-hsc-sticky-room-desktop-value-font-size: 16px;
  --diadao-hsc-sticky-room-desktop-value-letter-spacing: -0.03em;
  --diadao-hsc-sticky-room-desktop-value-text-transform: initial;
  --diadao-hsc-sticky-room-desktop-value-font-weight: 500;
  --diadao-hsc-sticky-room-desktop-value-font-family: chesna_grotesk, sans-serif;
  --diadao-hsc-sticky-room-desktop-input-date-width: 46%;
  --diadao-hsc-sticky-room-desktop-input-date-align-items: flex-start;
  --diadao-hsc-sticky-room-desktop-input-date-justify-content: initial;
  --diadao-hsc-sticky-room-desktop-input-date-flex-wrap: nowrap;
  --diadao-hsc-sticky-room-desktop-input-date-text-align: initial;
  --diadao-hsc-sticky-room-desktop-input-date-bgcolor: rgba($ctawinter, .3);
  --diadao-hsc-sticky-room-desktop-input-date-border-top-left-radius: 4px;
  --diadao-hsc-sticky-room-desktop-input-date-border-top-right-radius: 4px;
  --diadao-hsc-sticky-room-desktop-input-date-border-bottom-left-radius: 4px;
  --diadao-hsc-sticky-room-desktop-input-date-border-bottom-right-radius: 4px;
  --diadao-hsc-sticky-room-desktop-input-date-padding-left: 24px;
  --diadao-hsc-sticky-room-desktop-input-date-padding-right: 24px;
  --diadao-hsc-sticky-room-desktop-input-date-padding-top: 20px;
  --diadao-hsc-sticky-room-desktop-input-date-padding-bottom: 20px;
  --diadao-hsc-sticky-room-desktop-input-date-margin-top: 0px;
  --diadao-hsc-sticky-room-desktop-input-date-margin-bottom: 0px;
  --diadao-hsc-sticky-room-desktop-input-date-margin-left: 0%;
  --diadao-hsc-sticky-room-desktop-input-date-margin-right: 0px;
  --diadao-hsc-sticky-room-desktop-input-date-arrival-width: 50%;
  --diadao-hsc-sticky-room-desktop-input-date-arrival-margin-top: 0px;
  --diadao-hsc-sticky-room-desktop-input-date-arrival-margin-bottom: 0px;
  --diadao-hsc-sticky-room-desktop-input-date-departure-width: 50%;
  --diadao-hsc-sticky-room-desktop-input-date-departure-margin-top: 0px;
  --diadao-hsc-sticky-room-desktop-input-date-departure-margin-bottom: 0px;
  --diadao-hsc-sticky-room-desktop-input-adult-width: calc(27% - 4px);
  --diadao-hsc-sticky-room-desktop-input-adult-align-items: center;
  --diadao-hsc-sticky-room-desktop-input-adult-justify-content: flex-start;
  --diadao-hsc-sticky-room-desktop-input-adult-flex-wrap: nowrap;
  --diadao-hsc-sticky-room-desktop-input-adult-text-align: center;
  --diadao-hsc-sticky-room-desktop-input-adult-bgcolor: #FFF;
  --diadao-hsc-sticky-room-desktop-input-adult-border-top-left-radius: 4px;
  --diadao-hsc-sticky-room-desktop-input-adult-border-top-right-radius: 0px;
  --diadao-hsc-sticky-room-desktop-input-adult-border-bottom-left-radius: 4px;
  --diadao-hsc-sticky-room-desktop-input-adult-border-bottom-right-radius: 0px;
  --diadao-hsc-sticky-room-desktop-input-adult-padding-left: 24px;
  --diadao-hsc-sticky-room-desktop-input-adult-padding-right: 0px;
  --diadao-hsc-sticky-room-desktop-input-adult-padding-top: 16px;
  --diadao-hsc-sticky-room-desktop-input-adult-padding-bottom: 16px;
  --diadao-hsc-sticky-room-desktop-input-adult-margin-top: 0px;
  --diadao-hsc-sticky-room-desktop-input-adult-margin-bottom: 0px;
  --diadao-hsc-sticky-room-desktop-input-adult-margin-left: 8px;
  --diadao-hsc-sticky-room-desktop-input-adult-margin-right: 0%;
  --diadao-hsc-sticky-room-desktop-input-children-width: calc( 25% - 20px );
  --diadao-hsc-sticky-room-desktop-input-children-align-items: center;
  --diadao-hsc-sticky-room-desktop-input-children-justify-content: flex-start;
  --diadao-hsc-sticky-room-desktop-input-children-flex-wrap: nowrap;
  --diadao-hsc-sticky-room-desktop-input-children-text-align: center;
  --diadao-hsc-sticky-room-desktop-input-children-bgcolor: #FFF;
  --diadao-hsc-sticky-room-desktop-input-children-border-top-left-radius: 0px;
  --diadao-hsc-sticky-room-desktop-input-children-border-top-right-radius: 4px;
  --diadao-hsc-sticky-room-desktop-input-children-border-bottom-left-radius: 0px;
  --diadao-hsc-sticky-room-desktop-input-children-border-bottom-right-radius: 4px;
  --diadao-hsc-sticky-room-desktop-input-children-padding-left: 0px;
  --diadao-hsc-sticky-room-desktop-input-children-padding-right: 24px;
  --diadao-hsc-sticky-room-desktop-input-children-padding-top: 16px;
  --diadao-hsc-sticky-room-desktop-input-children-padding-bottom: 16px;
  --diadao-hsc-sticky-room-desktop-input-children-margin-top: 0px;
  --diadao-hsc-sticky-room-desktop-input-children-margin-bottom: 0px;
  --diadao-hsc-sticky-room-desktop-input-children-margin-left: 0px;
  --diadao-hsc-sticky-room-desktop-input-children-margin-right: 0px;
  --diadao-hsc-sticky-room-desktop-input-infant-width: calc( 25% - 20px );
  --diadao-hsc-sticky-room-desktop-input-infant-align-items: center;
  --diadao-hsc-sticky-room-desktop-input-infant-justify-content: flex-start;
  --diadao-hsc-sticky-room-desktop-input-infant-flex-wrap: nowrap;
  --diadao-hsc-sticky-room-desktop-input-infant-text-align: center;
  --diadao-hsc-sticky-room-desktop-input-infant-bgcolor: #FFF;
  --diadao-hsc-sticky-room-desktop-input-infant-border-top-left-radius: 0px;
  --diadao-hsc-sticky-room-desktop-input-infant-border-top-right-radius: 4px;
  --diadao-hsc-sticky-room-desktop-input-infant-border-bottom-left-radius: 0px;
  --diadao-hsc-sticky-room-desktop-input-infant-border-bottom-right-radius: 4px;
  --diadao-hsc-sticky-room-desktop-input-infant-padding-left: 0px;
  --diadao-hsc-sticky-room-desktop-input-infant-padding-right: 20px;
  --diadao-hsc-sticky-room-desktop-input-infant-padding-top: 22px;
  --diadao-hsc-sticky-room-desktop-input-infant-padding-bottom: 22px;
  --diadao-hsc-sticky-room-desktop-input-infant-margin-top: 0px;
  --diadao-hsc-sticky-room-desktop-input-infant-margin-bottom: 0px;
  --diadao-hsc-sticky-room-desktop-input-infant-margin-left: 0%;
  --diadao-hsc-sticky-room-desktop-input-infant-margin-right: 0%;
  --diadao-hsc-sticky-room-desktop-single-bgcolor: #FFF;
  --diadao-hsc-sticky-room-desktop-single-border-radius: 0px;
  --diadao-hsc-sticky-room-desktop-single-padding-top: 16px;
  --diadao-hsc-sticky-room-desktop-single-padding-bottom: 16px;
  --diadao-hsc-sticky-room-desktop-single-padding-left: 16px;
  --diadao-hsc-sticky-room-desktop-single-padding-right: 16px;
  --diadao-hsc-sticky-room-desktop-single-button-price-margin-top: 8px;
  --diadao-hsc-sticky-room-desktop-single-button-price-margin-bottom: 0px;
  --diadao-hsc-sticky-room-desktop-single-input-adult-bgcolor: rgba($ctawinter, .3);
  --diadao-hsc-sticky-room-desktop-single-input-adult-width: 50%;
  --diadao-hsc-sticky-room-desktop-single-input-adult-margin-left: 0px;
  --diadao-hsc-sticky-room-desktop-single-input-adult-margin-right: 0px;
  --diadao-hsc-sticky-room-desktop-single-input-children-bgcolor: rgba($ctawinter, .3);
  --diadao-hsc-sticky-room-desktop-single-input-children-width: 50%;
  --diadao-hsc-sticky-room-desktop-single-input-children-margin-left: 0px;
  --diadao-hsc-sticky-room-desktop-single-input-children-margin-right: 0px;
  --diadao-hsc-sticky-room-desktop-single-input-infant-bgcolor: rgba($ctawinter, .3);
  --diadao-hsc-sticky-room-desktop-single-input-infant-width: 100%;
  --diadao-hsc-sticky-room-desktop-single-input-infant-margin-left: 0px;
  --diadao-hsc-sticky-room-desktop-single-input-infant-margin-right: 0px;
  --diadao-hsc-sticky-room-desktop-single-input-date-margin-bottom: 8px;
  --diadao-hsc-sticky-room-desktop-single-input-date-padding-left: 24px;
  --diadao-hsc-sticky-room-desktop-single-input-date-padding-right: 24px;
  --diadao-hsc-sticky-room-desktop-single-input-date-padding-top: 20px;
  --diadao-hsc-sticky-room-desktop-single-input-date-padding-bottom: 20px;
  --diadao-hsc-sticky-room-desktop-single-input-date-width: 100%;
  --diadao-hsc-sticky-room-desktop-single-input-date-bgcolor: rgba($ctawinter, .3);
  --diadao-hsc-sticky-room-desktop-single-input-adult-padding-top: 16px;
  --diadao-hsc-sticky-room-desktop-single-input-adult-padding-bottom: 16px;
  --diadao-hsc-sticky-room-desktop-single-input-adult-padding-left: 24px;
  --diadao-hsc-sticky-room-desktop-single-input-adult-padding-right: 0px;
  --diadao-hsc-sticky-room-desktop-single-input-children-padding-top: 16px;
  --diadao-hsc-sticky-room-desktop-single-input-children-padding-bottom: 16px;
  --diadao-hsc-sticky-room-desktop-single-input-children-padding-left: 0px;
  --diadao-hsc-sticky-room-desktop-single-input-children-padding-right: 24px;
  --diadao-hsc-sticky-room-desktop-single-input-infant-padding-top: 0px;
  --diadao-hsc-sticky-room-desktop-single-input-infant-padding-bottom: 22px;
  --diadao-hsc-sticky-room-desktop-single-input-infant-padding-left: 0px;
  --diadao-hsc-sticky-room-desktop-single-input-infant-padding-right: 0px;
  --diadao-hsc-sticky-room-desktop-single-remaining-wrapper-height: auto;
  --diadao-hsc-sticky-room-desktop-single-remaining-wrapper-margin-left: 0px;
  --diadao-hsc-sticky-room-desktop-single-remaining-wrapper-top: initial;
  --diadao-hsc-sticky-room-desktop-single-remaining-wrapper-text-align: center;
  --diadao-hsc-sticky-room-desktop-single-remaining-wrapper-justify-content: center;
  --diadao-hsc-sticky-room-desktop-single-remaining-wrapper-margin-bottom: 20px;
  --diadao-hsc-sticky-room-desktop-single-remaining-wrapper-width: 100%;
  --diadao-hsc-sticky-room-desktop-single-remaining-wrapper-left: initial;
  --diadao-hsc-sticky-room-desktop-single-remaining-top: initial;
  --diadao-hsc-sticky-room-desktop-single-remaining-height: auto;
  --diadao-hsc-sticky-room-desktop-single-remaining-font-weight: 400;
  --diadao-hsc-sticky-room-desktop-single-remaining-font-family: chesna_grotesk, sans-serif;
  --diadao-hsc-sticky-room-desktop-single-remaining-font-size: 20px;
  --diadao-hsc-sticky-room-desktop-single-remaining-line-height: 1;
  --diadao-hsc-sticky-room-desktop-single-remaining-letter-spacing: 0px;
  --diadao-hsc-sticky-room-desktop-single-remaining-color: #000;
  --diadao-hsc-sticky-room-desktop-single-remaining-text-align: center;
  --diadao-hsc-sticky-room-desktop-single-remaining-justify-content: center;
  --diadao-hsc-sticky-room-desktop-single-remaining-margin-top: 24px;
  --diadao-hsc-sticky-room-desktop-single-remaining-margin-bottom: 16px;
  --diadao-hsc-sticky-room-desktop-single-remaining-width: 100%;
  --diadao-hsc-sticky-room-desktop-single-remaining-left: initial;
  --diadao-hsc-sticky-room-desktop-single-official-flex-wrap: nowrap;
  --diadao-hsc-sticky-room-desktop-single-official-title-display: inline-block;
  --diadao-hsc-sticky-room-desktop-single-official-title-text-align: left;
  --diadao-hsc-sticky-room-desktop-single-official-title-width: 50%;
  --diadao-hsc-sticky-room-desktop-single-official-price-display: inline-block;
  --diadao-hsc-sticky-room-desktop-single-official-price-text-align: right;
  --diadao-hsc-sticky-room-desktop-single-official-price-width: 50%;
  --diadao-hsc-sticky-room-desktop-noresults-wrapper-padding-top: 20px;
  --diadao-hsc-sticky-room-desktop-noresults-wrapper-padding-bottom: 0px;
  --diadao-hsc-sticky-room-desktop-noresults-wrapper-justify-content: center;
  --diadao-hsc-sticky-room-desktop-noresults-wrapper-margin-top: 20px;
  --diadao-hsc-sticky-room-desktop-noresults-wrapper-margin-bottom: 0px;
  --diadao-hsc-sticky-room-desktop-noresults-message-display: block;
  --diadao-hsc-sticky-room-desktop-noresults-message-max-width: 220px;
  --diadao-hsc-sticky-room-desktop-noresults-message-width: 100%;
  --diadao-hsc-sticky-room-desktop-noresults-message-margin-left: auto;
  --diadao-hsc-sticky-room-desktop-noresults-message-margin-right: auto;
  --diadao-hsc-sticky-room-desktop-noresults-message-color: #000;
  --diadao-hsc-sticky-room-desktop-noresults-message-font-family: chesna_grotesk, sans-serif;
  --diadao-hsc-sticky-room-desktop-noresults-message-font-size: 18px;
  --diadao-hsc-sticky-room-desktop-noresults-message-letter-spacing: 0px;
  --diadao-hsc-sticky-room-desktop-noresults-message-line-height: 1;
  --diadao-hsc-sticky-room-desktop-noresults-message-font-weight: 400;
  --diadao-hsc-sticky-room-desktop-noresults-message-text-transform: initial;
  --diadao-hsc-sticky-room-desktop-noresults-message-text-align: center;
  --diadao-hsc-sticky-room-desktop-noresults-message-picto-filter: none;
  --diadao-hsc-sticky-room-desktop-single-infos-margin-top: 20px;
  --diadao-hsc-sticky-room-desktop-single-infos-title-margin-bottom: 10px;
  --diadao-hsc-sticky-room-desktop-single-infos-font-weight: 400;
  --diadao-hsc-sticky-room-desktop-single-infos-font-family: chesna_grotesk, sans-serif;
  --diadao-hsc-sticky-room-desktop-single-infos-font-size: 12px;
  --diadao-hsc-sticky-room-desktop-single-infos-line-height: 1.2;
  --diadao-hsc-sticky-room-desktop-single-infos-letter-spacing: 0px;
  --diadao-hsc-sticky-room-desktop-single-infos-text-align: center;
  --diadao-hsc-sticky-room-desktop-single-infos-color: #000;
  --diadao-hsc-sticky-room-desktop-single-infos-color-a: #AD172B;
  --diadao-hsc-sticky-room-desktop-single-infos-color-a-hover: #AD172B;
  --diadao-hsc-sticky-room-desktop-single-infos-cancel-margin-top: 20px;
  --diadao-hsc-mobile-sticky-bgcolor: #000;
  --diadao-hsc-mobile-sticky-color-label: #AD172B;
  --diadao-hsc-mobile-sticky-color-value: #000;
  --diadao-hsc-mobile-sticky-bgcolor-toggle: #AD172B;
  --diadao-hsc-mobile-sticky-color-toggle: #AD172B;
  --diadao-hsc-mobile-sticky-bgcolor-toggle-hover: rgba(0, 0, 0, 0.05);
  --diadao-hsc-mobile-sticky-color-toggle-hover: #000;
  --diadao-hsc-mobile-sticky-sticked-closed-bgcolor: transparent;
  --diadao-hsc-mobile-sticky-sticked-closed-padding-top: 0px;
  --diadao-hsc-mobile-sticky-sticked-closed-padding-bottom: 0px;
  --diadao-hsc-sticky-room-mobile-qs-padding-top: 0px;
  --diadao-hsc-sticky-room-mobile-qs-padding-bottom: 0px;
  --diadao-hsc-sticky-room-single-mobile-qs-padding-top: 0px;
  --diadao-hsc-sticky-room-single-mobile-qs-padding-bottom: 0px;
  --diadao-hsc-sticky-room-mobile-padding-left: 16px;
  --diadao-hsc-sticky-room-mobile-padding-right: 16px;
  --diadao-hsc-sticky-room-mobile-padding-top: 21px;
  --diadao-hsc-sticky-room-mobile-padding-bottom: 0px;
  --diadao-hsc-sticky-room-detail-mobile-padding-left: 16px;
  --diadao-hsc-sticky-room-detail-mobile-padding-right: 16px;
  --diadao-hsc-sticky-room-detail-mobile-padding-top: 16px;
  --diadao-hsc-sticky-room-detail-mobile-padding-bottom: 16px;
  --diadao-hsc-sticky-room-mobile-bgcolor: #AD172B;
  --diadao-hsc-sticky-room-mobile-color-label: #AD172B;
  --diadao-hsc-sticky-room-mobile-color-value: #000;
  --diadao-hsc-sticky-room-mobile-bgcolor-toggle: #AD172B;
  --diadao-hsc-sticky-room-mobile-color-toggle: #AD172B;
  --diadao-hsc-sticky-room-mobile-bgcolor-toggle-hover: rgba(0, 0, 0, 0.05);
  --diadao-hsc-sticky-room-mobile-color-toggle-hover: #000;
  --diadao-hsc-sticky-room-mobile-label-text-align: left;
  --diadao-hsc-sticky-room-mobile-label-margin-bottom: 4px;
  --diadao-hsc-sticky-room-mobile-label-height: 24px;
  --diadao-hsc-sticky-room-mobile-label-font-size: 12px;
  --diadao-hsc-sticky-room-mobile-label-letter-spacing: 0px;
  --diadao-hsc-sticky-room-mobile-label-text-transform: initial;
  --diadao-hsc-sticky-room-mobile-label-font-weight: 400;
  --diadao-hsc-sticky-room-mobile-label-font-family: chesna_grotesk, sans-serif;
  --diadao-hsc-sticky-room-mobile-value-text-align: center;
  --diadao-hsc-sticky-room-mobile-value-margin-bottom: 0px;
  --diadao-hsc-sticky-room-mobile-value-font-size: 16px;
  --diadao-hsc-sticky-room-mobile-value-letter-spacing: 0px;
  --diadao-hsc-sticky-room-mobile-value-text-transform: initial;
  --diadao-hsc-sticky-room-mobile-value-font-weight: 600;
  --diadao-hsc-sticky-room-mobile-value-font-family: chesna_grotesk, sans-serif;
  --diadao-hsc-sticky-room-mobile-input-date-bgcolor: rgba($ctawinter, .3);
  --diadao-hsc-sticky-room-mobile-input-date-border-top-left-radius: 4px;
  --diadao-hsc-sticky-room-mobile-input-date-border-top-left-radius: 4px;
  --diadao-hsc-sticky-room-mobile-input-date-border-bottom-left-radius: 4px;
  --diadao-hsc-sticky-room-mobile-input-date-border-bottom-right-radius: 4px;
  --diadao-hsc-sticky-room-mobile-input-date-padding-left: 16px;
  --diadao-hsc-sticky-room-mobile-input-date-padding-right: 16px;
  --diadao-hsc-sticky-room-mobile-input-date-padding-top: 20px;
  --diadao-hsc-sticky-room-mobile-input-date-padding-bottom: 20px;
  --diadao-hsc-sticky-room-mobile-input-date-margin-top: 0px;
  --diadao-hsc-sticky-room-mobile-input-date-margin-bottom: 13px;
  --diadao-hsc-sticky-room-mobile-input-adult-bgcolor: #FFF;
  --diadao-hsc-sticky-room-mobile-input-adult-border-top-left-radius: 4px;
  --diadao-hsc-sticky-room-mobile-input-adult-border-top-right-radius: 0px;
  --diadao-hsc-sticky-room-mobile-input-adult-border-bottom-left-radius: 4px;
  --diadao-hsc-sticky-room-mobile-input-adult-border-bottom-right-radius: 0px;
  --diadao-hsc-sticky-room-mobile-input-adult-padding-left: 16px;
  --diadao-hsc-sticky-room-mobile-input-adult-padding-right: 0px;
  --diadao-hsc-sticky-room-mobile-input-adult-padding-top: 16px;
  --diadao-hsc-sticky-room-mobile-input-adult-padding-bottom: 16px;
  --diadao-hsc-sticky-room-mobile-input-adult-margin-bottom: 21px;
  --diadao-hsc-sticky-room-mobile-input-children-bgcolor: #FFF;
  --diadao-hsc-sticky-room-mobile-input-children-border-top-left-radius: 0px;
  --diadao-hsc-sticky-room-mobile-input-children-border-top-right-radius: 4px;
  --diadao-hsc-sticky-room-mobile-input-children-border-bottom-left-radius: 0px;
  --diadao-hsc-sticky-room-mobile-input-children-border-bottom-right-radius: 4px;
  --diadao-hsc-sticky-room-mobile-input-children-padding-left: 0px;
  --diadao-hsc-sticky-room-mobile-input-children-padding-right: 16px;
  --diadao-hsc-sticky-room-mobile-input-children-padding-top: 16px;
  --diadao-hsc-sticky-room-mobile-input-children-padding-bottom: 16px;
  --diadao-hsc-sticky-room-mobile-input-children-margin-bottom: 21px;
  --diadao-hsc-sticky-room-mobile-input-infant-bgcolor: #FFF;
  --diadao-hsc-sticky-room-mobile-input-infant-border-top-left-radius: 0px;
  --diadao-hsc-sticky-room-mobile-input-infant-border-top-right-radius: 0px;
  --diadao-hsc-sticky-room-mobile-input-infant-border-bottom-left-radius: 0px;
  --diadao-hsc-sticky-room-mobile-input-infant-border-bottom-right-radius: 0px;
  --diadao-hsc-sticky-room-mobile-input-infant-padding-left: 0px;
  --diadao-hsc-sticky-room-mobile-input-infant-padding-right: 0px;
  --diadao-hsc-sticky-room-mobile-input-infant-padding-top: 0px;
  --diadao-hsc-sticky-room-mobile-input-infant-padding-bottom: 0px;
  --diadao-hsc-sticky-room-mobile-input-infant-margin-bottom: 0px;
  --diadao-hsc-sticky-room-mobile-price-wrapper-message-padding-left: 0px;
  --diadao-hsc-sticky-room-mobile-price-wrapper-message-width: calc( 100% - 160px );
  --diadao-hsc-sticky-room-mobile-price-wrapper-button-padding-right: 0px;
  --diadao-hsc-sticky-room-mobile-price-wrapper-button-width: 160px;
  --diadao-hsc-sticky-room-mobile-price-wrapper-price-color: #000;
  --diadao-hsc-sticky-room-mobile-price-wrapper-price-font-size: 16px;
  --diadao-hsc-sticky-room-mobile-price-wrapper-price-letter-spacing: 0px;
  --diadao-hsc-sticky-room-mobile-price-wrapper-price-text-transform: uppercase;
  --diadao-hsc-sticky-room-mobile-price-wrapper-price-font-weight: 600;
  --diadao-hsc-sticky-room-mobile-price-wrapper-price-font-family: chesna_grotesk, sans-serif;
  --diadao-hsc-sticky-room-mobile-noresults-wrapper-padding-left: 0px;
  --diadao-hsc-sticky-room-mobile-noresults-wrapper-padding-right: 0px;
  --diadao-hsc-sticky-room-mobile-noresults-wrapper-message-width: calc( 100% - 120px );
  --diadao-hsc-sticky-room-mobile-noresults-wrapper-button-width: 120px;
  --diadao-hsc-sticky-room-mobile-noresults-message-display: inline-block;
  --diadao-hsc-sticky-room-mobile-noresults-message-color: #000;
  --diadao-hsc-sticky-room-mobile-noresults-message-picto-filter: none;
  --diadao-hsc-sticky-room-mobile-noresults-message-max-width: 150px;
  --diadao-hsc-sticky-room-mobile-noresults-message-text-align: left;
  --diadao-hsc-sticky-room-mobile-noresults-message-font-size: 14px;
  --diadao-hsc-sticky-room-mobile-noresults-message-line-height: 16px;
  --diadao-hsc-sticky-room-mobile-noresults-message-letter-spacing: 0px;
  --diadao-hsc-sticky-room-mobile-noresults-message-text-transform: initial;
  --diadao-hsc-sticky-room-mobile-noresults-message-font-weight: 300;
  --diadao-hsc-sticky-room-mobile-noresults-message-font-family: chesna_grotesk, sans-serif;
  --diadao-hsc-popup-none-color-title: #AD172B;
  --diadao-hsc-popup-none-color-text: #AD172B;
  --diadao-hsc-popup-none-bgcolor: #AD172B;
  --diadao-hsc-popup-none-color-scrollbar: #AD172B;
  --diadao-hsc-popup-bestprice-color-title: #AD172B;
  --diadao-hsc-popup-bestprice-color-text: #AD172B;
  --diadao-hsc-popup-bestprice-bgcolor: #AD172B;
  --diadao-hsc-popup-bestprice-scrollbar: #AD172B;
}
@media only screen and (max-width: 1280px) {
  :root {
    --diadao-hsc-booking-label-font-size: 16px;
    --diadao-hsc-booking-bestprice-title-font-size: 20px;
    --diadao-hsc-booking-value-font-size: 24px;
    --diadao-hsc-booking-price-value-font-size: 24px;
    --diadao-hsc-booking-ota-row-font-size: 12px;
    --diadao-hsc-booking-conditions-font-size: 12px;
    --diadao-hsc-booking-legend-font-size: 12px;
    --diadao-hsc-bestprice-font-size: 16px;
    --diadao-hsc-bestprice-currency-font-size: 16px;
    --diadao-hsc-sticky-room-desktop-label-font-size: 12px;
    --diadao-hsc-sticky-room-desktop-value-font-size: 16px;
    --diadao-hsc-sticky-room-desktop-single-padding-left: 14px;
    --diadao-hsc-sticky-room-desktop-single-padding-right: 14px;
    --diadao-hsc-sticky-room-desktop-single-padding-top: 14px;
    --diadao-hsc-sticky-room-desktop-single-padding-bottom: 14px;
    --diadao-hsc-sticky-room-desktop-single-input-date-padding-top: 14px;
    --diadao-hsc-sticky-room-desktop-single-input-date-padding-bottom: 14px;
    --diadao-hsc-sticky-room-desktop-single-remaining-font-size: 24px;
    --diadao-hsc-sticky-room-desktop-single-remaining-margin-top: 28px;
    --diadao-hsc-sticky-room-desktop-noresults-message-font-size: 16px;
    --diadao-hsc-sticky-room-desktop-single-input-date-align-items: flex-start;
    --diadao-hsc-sticky-room-desktop-single-input-date-justify-content: flex-start;
    --diadao-hsc-sticky-room-desktop-single-input-date-flex-wrap: wrap;
    --diadao-hsc-sticky-room-desktop-single-input-date-text-align: left;
    --diadao-hsc-sticky-room-desktop-single-label-date-text-align: left;
    --diadao-hsc-sticky-room-desktop-single-input-date-arrival-width: 100%;
    --diadao-hsc-sticky-room-desktop-single-input-date-arrival-margin-top: 0px;
    --diadao-hsc-sticky-room-desktop-single-input-date-arrival-margin-bottom: 0px;
    --diadao-hsc-sticky-room-desktop-single-input-date-departure-width: 100%;
    --diadao-hsc-sticky-room-desktop-single-input-date-departure-margin-top: 0px;
    --diadao-hsc-sticky-room-desktop-single-input-date-departure-margin-bottom: 0px;
    --diadao-hsc-sticky-room-desktop-single-input-date-arrival-margin-bottom: 28px;
    --diadao-hsc-sticky-room-desktop-single-input-date-margin-bottom: 0;
    --diadao-hsc-sticky-room-desktop-input-date-border-bottom-left-radius: 0;
    --diadao-hsc-sticky-room-desktop-input-date-border-bottom-right-radius: 0;
    --diadao-hsc-sticky-room-desktop-input-children-border-top-right-radius: 0;
    --diadao-hsc-sticky-room-desktop-input-children-border-top-left-radius: 0;
    --diadao-hsc-sticky-room-desktop-input-children-border-bottom-left-radius: 4px;
    --diadao-hsc-sticky-room-desktop-input-adult-border-top-left-radius: 0;
    --diadao-hsc-sticky-room-desktop-input-adult-border-top-left-radius: 0;
    --diadao-hsc-sticky-room-desktop-input-adult-border-bottom-left-radius: 0;
    --diadao-hsc-sticky-room-desktop-single-official-flex-wrap: wrap;
    --diadao-hsc-sticky-room-desktop-single-official-title-display: block;
    --diadao-hsc-sticky-room-desktop-single-official-title-text-align: center;
    --diadao-hsc-sticky-room-desktop-single-official-title-width: 100%;
    --diadao-hsc-sticky-room-desktop-single-official-price-display: block;
    --diadao-hsc-sticky-room-desktop-single-official-price-text-align: center;
    --diadao-hsc-sticky-room-desktop-single-official-price-width: 100%;
  }
}
@media only screen and (max-width: 991px) {
  :root {
    --diadao-hsc-bestprice-font-size: 16px;
    --diadao-hsc-bestprice-currency-font-size: 16px;
  }
}
@media only screen and (min-width: 992px) {
  :root {
    --diadao-hsc-bestprice-font-size: 20px;
    --diadao-hsc-bestprice-currency-font-size: 20px;
    --diadao-hsc-booking-label-font-size: 18px;
    --diadao-hsc-booking-value-font-size: 24px;
    --diadao-hsc-booking-daterange-padding-left: 24px;
    --diadao-hsc-booking-daterange-padding-right: 24px;
    --diadao-hsc-booking-daterange-padding-top: 23px;
    --diadao-hsc-booking-daterange-padding-bottom: 23px;
    --diadao-hsc-booking-input-adult-padding-left: 24px;
    --diadao-hsc-booking-input-adult-padding-right: 0px;
    --diadao-hsc-booking-input-adult-padding-top: 23px;
    --diadao-hsc-booking-input-adult-padding-bottom: 23px;
    --diadao-hsc-booking-input-children-padding-left: 0px;
    --diadao-hsc-booking-input-children-padding-right: 24px;
    --diadao-hsc-booking-input-children-padding-top: 23px;
    --diadao-hsc-booking-input-children-padding-bottom: 23px;
    --diadao-hsc-booking-daterange-margin-bottom: 16px;
    --diadao-hsc-loader-size: 56px;
    --diadao-hsc-booking-price-text-align: left;
    --diadao-hsc-booking-legend-text-align: left;
  }
}

html {
  /*#diadao-qs-snippet-booking .qs-snippet-booking-inner .qs-snippet-booking-content .diadao-popup-title.hsc-popup-title, 
  #diadao-qs-availabilities-snippet-booking .qs-snippet-booking-inner .qs-snippet-booking-content .diadao-popup-title.hsc-popup-title{
  	color: $color-title !important; 
  }*/
}
html ul.hsc-conditions-list li i,
html ul.hsc-sticky-rooms-conditions li i {
  display: none !important;
}
html ul.hsc-conditions-list li:before,
html ul.hsc-sticky-rooms-conditions li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  -webkit-mask-image: url("../images/svg/icon-check.svg");
  mask-image: url("../images/svg/icon-check.svg");
  -webkit-mask-size: 14px;
  mask-size: 14px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: #273582;
  background-image: none;
  margin-top: 0 !important;
}
html body.diadao-sdk-template .qs-react .i-best-rate svg path {
  fill: #273582;
}
html body.diadao-sdk-template #diadao-qs-availabilities-snippet-booking #diadao-qs-availabilities-snippet-close,
html body.diadao-sdk-template #diadao-qs-availabilities-snippet-booking #diadao-qs-snippet-close,
html body.diadao-sdk-template #diadao-qs-snippet-booking #diadao-qs-availabilities-snippet-close,
html body.diadao-sdk-template #diadao-qs-snippet-booking #diadao-qs-snippet-close {
  inset: 0;
  color: #F5F1ED !important;
  height: 48px;
  background-color: transparent !important;
}
html body.diadao-sdk-template #diadao-qs-availabilities-snippet-booking #diadao-qs-availabilities-snippet-close:hover,
html body.diadao-sdk-template #diadao-qs-availabilities-snippet-booking #diadao-qs-snippet-close:hover,
html body.diadao-sdk-template #diadao-qs-snippet-booking #diadao-qs-availabilities-snippet-close:hover,
html body.diadao-sdk-template #diadao-qs-snippet-booking #diadao-qs-snippet-close:hover {
  background-color: rgba(0, 0, 0, 0.05) !important;
}
@media only screen and (min-width: 992px) {
  html body.diadao-sdk-template #diadao-qs-availabilities-snippet-booking #diadao-qs-availabilities-snippet-close,
  html body.diadao-sdk-template #diadao-qs-availabilities-snippet-booking #diadao-qs-snippet-close,
  html body.diadao-sdk-template #diadao-qs-snippet-booking #diadao-qs-availabilities-snippet-close,
  html body.diadao-sdk-template #diadao-qs-snippet-booking #diadao-qs-snippet-close {
    height: 64px;
  }
}
html body.diadao-sdk-template #diadao-qs-availabilities-snippet-booking #diadao-qs-availabilities-snippet-close span,
html body.diadao-sdk-template #diadao-qs-availabilities-snippet-booking #diadao-qs-snippet-close span,
html body.diadao-sdk-template #diadao-qs-snippet-booking #diadao-qs-availabilities-snippet-close span,
html body.diadao-sdk-template #diadao-qs-snippet-booking #diadao-qs-snippet-close span {
  pointer-events: none;
}
html body.diadao-sdk-template #diadao-qs-availabilities-snippet-booking .hsc-popup-list i svg path,
html body.diadao-sdk-template #diadao-qs-snippet-booking .hsc-popup-list i svg path {
  fill: #273582;
}
html body.diadao-sdk-template .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .hsc-button-not-available-sticky {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 4px;
  background: transparent;
  min-height: 48px;
  border: 0;
  transition: background-color 0.25s ease-in-out, border 0.25s ease-in-out, color 0.25s ease-in-out;
  color: #000;
  position: relative;
  overflow: hidden;
  padding: 8px 24px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  width: 100%;
}
@media only screen and (min-width: 992px) {
  html body.diadao-sdk-template .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .hsc-button-not-available-sticky {
    min-height: 64px;
    padding: 8px 32px;
  }
}
html body.diadao-sdk-template .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .hsc-button-not-available-sticky span {
  display: inline-flex;
  font-size: 0.875rem;
  line-height: 1.2em;
  text-transform: uppercase;
  font-weight: 500;
  pointer-events: none;
  position: relative;
  letter-spacing: -0.03em;
  padding-top: 0.2em;
}
@media only screen and (min-width: 992px) {
  html body.diadao-sdk-template .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .hsc-button-not-available-sticky span {
    font-size: 1rem;
  }
}
html:not(.touchevents) html body.diadao-sdk-template .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .hsc-button-not-available-sticky:hover, html:not(.touchevents) html body.diadao-sdk-template .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .hsc-button-not-available-sticky:focus-visible {
  background: rgba(0, 0, 0, 0.05);
  color: #000;
}
html:not(.touchevents) html body.diadao-sdk-template .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .hsc-button-not-available-sticky:hover, html:not(.touchevents) html body.diadao-sdk-template .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .hsc-button-not-available-sticky:focus-visible {
  border: 1px solid rgba(0, 0, 0, 0.5);
}
@media only screen and (min-width: 640px) {
  html body.diadao-sdk-template .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .hsc-button-not-available-sticky {
    width: auto;
  }
}
html body.diadao-sdk-template .qs-react[data-diadao-widget=booking_hsc] .diadao-qs .diadao-qs__book > span {
  text-align: left;
}
html body.diadao-sdk-template .qs-react[data-diadao-widget=booking_hsc] .diadao-qs .diadao-qs__book .hsc-button-panel-book {
  background-color: transparent;
}
html body.diadao-sdk-template .qs-react[data-diadao-widget=booking_hsc] .diadao-qs .diadao-qs__book .hsc-button-panel-book:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
html body.diadao-sdk-template .qs-react[data-diadao-widget=booking_hsc] .diadao-qs .diadao-qs__book .hsc-button-panel-book span {
  display: inherit;
  height: auto;
  color: #F5F1ED;
}
html body.diadao-sdk-template .qs-react[data-diadao-widget=booking_hsc] .diadao-qs .hsc-button-not-available-panel {
  text-align: center;
}
html body.diadao-sdk-template .qs-react[data-diadao-widget=best_price] .diadao-qs .diadao-qs__rate {
  min-height: var(--diadao-hsc-loader-size);
}
html body.diadao-sdk-template .qs-react[data-diadao-widget=best_price] .diadao-qs .diadao-qs__rate .wrapper {
  display: flex;
  align-items: flex-end;
}
html body.diadao-sdk-template .qs-react[data-diadao-widget=best_price] .diadao-qs.loading .rate-loading {
  margin-left: 0;
}
html body.diadao-sdk-template .qs-react[data-diadao-widget=best_price] .diadao-qs.not-available .diadao-qs__rate {
  min-height: auto;
}
html body.diadao-sdk-template .qs-react[data-diadao-widget=best_price] .diadao-qs.not-available .diadao-qs__rate .not-available-message {
  font-size: 18px;
  color: var(--diadao-hsc-bestprice-color);
}
@media only screen and (min-width: 992px) {
  html body.diadao-sdk-template .qs-react[data-diadao-widget=best_price] .diadao-qs.not-available .diadao-qs__rate .not-available-message {
    font-size: 24px;
  }
}
html body.diadao-sdk-template .module-hsc-room-detail {
  display: none;
  visibility: hidden;
  opacity: 0;
  height: 0px;
  width: 0px;
  position: absolute;
  left: 9999px;
  overflow: hidden;
}
html body.diadao-sdk-template #diadao-room-detail-panel .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room .diadao-qs.not-available .hsc-no-availabilities-sticky i svg path {
  fill: #273582;
}
html body.diadao-sdk-template.device-desktop #diadao-room-detail-panel .diadao-hsw-qs-roomstickydetail .diadao-hdp-bar-room,
html body.diadao-sdk-template.device-desktop #diadao-room-detail-panel #diadao-snippet-qs-room .diadao-hdp-bar-room {
  border-radius: 6px;
}
html body.diadao-sdk-template.device-desktop .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .diadao-qs__rate.diadao-qs__rate--book-price .wrapper {
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  margin-top: 20px;
}
html body.diadao-sdk-template.device-desktop .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .diadao-qs__rate.diadao-qs__rate--book-price .wrapper .best-rate.rate.rate--official.available,
html body.diadao-sdk-template.device-desktop .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .diadao-qs__rate.diadao-qs__rate--book-price .wrapper .diadao-best-rate-official-label-div {
  width: 50%;
  display: inline-block;
}
html body.diadao-sdk-template.device-desktop .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .diadao-qs__rate.diadao-qs__rate--book-price .wrapper .diadao-best-rate-official-label-div {
  text-align: left;
}
html body.diadao-sdk-template.device-desktop .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .diadao-qs__rate.diadao-qs__rate--book-price .wrapper .diadao-best-rate-official-label-div > span.diadao-best-rate-official-label-text {
  font-size: 1.625rem;
  line-height: var(--diadao-hsc-booking-bestprice-title-line-height);
  font-weight: var(--diadao-hsc-booking-bestprice-title-font-weight);
  text-transform: var(--diadao-hsc-booking-bestprice-title-text-transform);
  font-family: var(--diadao-hsc-booking-bestprice-title-font-family);
  letter-spacing: var(--diadao-hsc-booking-bestprice-title-letter-spacing);
  color: #273582;
}
html body.diadao-sdk-template.device-desktop .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .diadao-qs__rate.diadao-qs__rate--book-price .wrapper .best-rate.rate.rate--official.available {
  text-align: right;
  color: #273582;
  font-weight: var(--diadao-hsc-booking-price-value-font-weight);
  font-family: var(--diadao-hsc-booking-price-value-font-family);
  font-size: 1.625rem;
  letter-spacing: var(--diadao-hsc-booking-price-value-letter-spacing);
}
html body.diadao-sdk-template.device-desktop .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .diadao-qs__book .hsc-button-sticky-book {
  transition: background 0.3s ease-in-out;
  background-color: transparent;
  width: 100%;
  min-width: auto;
  padding-left: 30px;
  padding-right: 30px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-transform: uppercase;
  box-sizing: border-box;
  border-radius: 4px;
  color: #F5F1ED !important;
  height: 48px;
  font-weight: 600;
}
html body.diadao-sdk-template.device-desktop .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .diadao-qs__book .hsc-button-sticky-book:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
html body.diadao-sdk-template.device-desktop #diadao-hdp-bar .inner-hdp .hdp-columns {
  align-items: center;
}
html body.diadao-sdk-template.device-desktop #diadao-hdp-bar.has-text-column .hdp-column-text {
  display: none !important;
}
html body.diadao-sdk-template.device-desktop #diadao-hdp-bar.has-text-column .hdp-column-text .inner.has-picto {
  margin-bottom: 40px !important;
}
html body.diadao-sdk-template.device-desktop #diadao-hdp-bar.has-text-column .hdp-column-widget {
  max-width: 880px !important;
}
@media only screen and (min-width: 1440px) {
  html body.diadao-sdk-template.device-desktop .qs-react[data-diadao-widget=rooms_list_hsc] .diadao-qs .diadao-qs__input-range {
    max-width: 440px !important;
  }
}
@media only screen and (min-width: 1440px) {
  html body.diadao-sdk-template.device-desktop .qs-react[data-diadao-widget=rooms_list_hsc] .diadao-qs .diadao-qs__select.diadao-qs__select-custom {
    max-width: 220px !important;
  }
}
html body.diadao-sdk-template.device-responsive .diadao-hdp-bar-room[data-mode=sticky].opened.is-fullmode {
  background-color: transparent !important;
  height: 100vh !important;
  display: flex !important;
  align-items: flex-end !important;
}
html body.diadao-sdk-template.device-responsive #diadao-hdp-bar-mobile .inner-hdp {
  background-color: transparent;
}
html body.diadao-sdk-template.device-responsive .diadao-hdp-bar-room .inner-hdp .diadao-hdp-mobile-container.opened {
  padding-top: 40px !important;
  border-top-right-radius: 8px !important;
  border-top-left-radius: 8px !important;
}
html body.diadao-sdk-template.device-responsive #diadao-hdp-bar-mobile .diadao-hdp-mobile-container,
html body.diadao-sdk-template.device-responsive .diadao-hdp-bar-room .diadao-hdp-mobile-container {
  background-color: #F5F1ED;
}
html body.diadao-sdk-template.device-responsive #diadao-hdp-bar-mobile .inner-hdp > a.diadao-button-hdp-mobile,
html body.diadao-sdk-template.device-responsive .diadao-hdp-bar-room .inner-hdp > a.diadao-button-hdp-mobile {
  color: #273582;
  padding-right: 20px;
  padding-left: 20px;
  text-align: center;
  line-height: 1;
  font-weight: 600;
}
html body.diadao-sdk-template.device-responsive #diadao-hdp-bar-mobile .inner-hdp > a.diadao-button-hdp-mobile span,
html body.diadao-sdk-template.device-responsive .diadao-hdp-bar-room .inner-hdp > a.diadao-button-hdp-mobile span {
  text-transform: none;
  font-size: 16px;
  line-height: 1;
  font-weight: 600;
}
html body.diadao-sdk-template.device-responsive #diadao-hdp-bar-mobile .inner-hdp > a.diadao-button-hdp-mobile i,
html body.diadao-sdk-template.device-responsive .diadao-hdp-bar-room .inner-hdp > a.diadao-button-hdp-mobile i {
  display: none !important;
}
html body.diadao-sdk-template.device-responsive #diadao-hdp-bar-mobile .inner-hdp a.hsc-button,
html body.diadao-sdk-template.device-responsive .diadao-hdp-bar-room .inner-hdp a.hsc-button {
  transition: background 0.3s ease-in-out;
  background-color: transparent;
  width: 100%;
  min-width: auto;
  padding-left: 30px;
  padding-right: 30px;
  margin-left: auto;
  margin-right: auto;
  display: flex !important;
  align-items: center;
  justify-content: center;
  text-align: center;
  box-sizing: border-box;
  border-radius: 4px;
  color: #F5F1ED !important;
  height: 48px;
  font-weight: 600;
  text-transform: uppercase;
}
html body.diadao-sdk-template.device-responsive #diadao-hdp-bar-mobile .inner-hdp a.hsc-button.hsc-button-not-available-sticky,
html body.diadao-sdk-template.device-responsive .diadao-hdp-bar-room .inner-hdp a.hsc-button.hsc-button-not-available-sticky {
  padding-left: 8px;
  padding-right: 8px;
  font-size: 12px;
  text-transform: none;
}
html body.diadao-sdk-template.device-responsive #diadao-hdp-bar-mobile .inner-hdp a.hsc-button.diadao-button-hdp-mobile.hsc-button-sticky-rooms-open,
html body.diadao-sdk-template.device-responsive .diadao-hdp-bar-room .inner-hdp a.hsc-button.diadao-button-hdp-mobile.hsc-button-sticky-rooms-open {
  width: 90%;
  max-width: 260px;
  margin-bottom: 16px;
}
html body.diadao-sdk-template.device-responsive #diadao-hdp-bar-mobile .inner-hdp a.hsc-button.hsc-button-sticky-rooms-exit,
html body.diadao-sdk-template.device-responsive .diadao-hdp-bar-room .inner-hdp a.hsc-button.hsc-button-sticky-rooms-exit {
  margin-bottom: 0px;
  position: absolute;
  top: -90px;
  left: 50%;
  margin-left: -75px;
  max-width: none;
  width: 150px;
  z-index: 1000;
}
html body.diadao-sdk-template.device-responsive #diadao-hdp-bar-mobile .inner-hdp a.hsc-button:hover,
html body.diadao-sdk-template.device-responsive .diadao-hdp-bar-room .inner-hdp a.hsc-button:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
html body.diadao-sdk-template.device-responsive #diadao-hdp-bar-mobile.is-fullmode .inner-hdp a.hsc-button.hsc-button-sticky-rooms-open.hsc-sticky-submit,
html body.diadao-sdk-template.device-responsive .diadao-hdp-bar-room.is-fullmode .inner-hdp a.hsc-button.hsc-button-sticky-rooms-open.hsc-sticky-submit {
  border-radius: 6px;
  margin-top: 0px;
  max-width: none;
  margin-bottom: 16px;
  width: calc(100% - 32px);
}
html body.diadao-sdk-template.device-responsive.diadao-rooms-sticky-opened #diadao-hdp-bar-mobile:not(.sticked) .inner-hdp, html body.diadao-sdk-template.device-responsive.diadao-rooms-sticky-opened #diadao-hdp-bar-mobile.sticked .inner-hdp,
html body.diadao-sdk-template.device-responsive.diadao-rooms-sticky-opened .diadao-hdp-bar-room:not(.sticked) .inner-hdp,
html body.diadao-sdk-template.device-responsive.diadao-rooms-sticky-opened .diadao-hdp-bar-room.sticked .inner-hdp, html body.diadao-sdk-template.device-responsive.diadao-room-sticky-opened #diadao-hdp-bar-mobile:not(.sticked) .inner-hdp, html body.diadao-sdk-template.device-responsive.diadao-room-sticky-opened #diadao-hdp-bar-mobile.sticked .inner-hdp,
html body.diadao-sdk-template.device-responsive.diadao-room-sticky-opened .diadao-hdp-bar-room:not(.sticked) .inner-hdp,
html body.diadao-sdk-template.device-responsive.diadao-room-sticky-opened .diadao-hdp-bar-room.sticked .inner-hdp {
  background-color: #F5F1ED;
  position: relative;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}
html body.diadao-sdk-template.device-responsive.diadao-rooms-sticky-opened #diadao-hdp-bar-mobile:not(.sticked):not(.is-fullmode) .inner-hdp, html body.diadao-sdk-template.device-responsive.diadao-rooms-sticky-opened #diadao-hdp-bar-mobile.sticked:not(.is-fullmode) .inner-hdp,
html body.diadao-sdk-template.device-responsive.diadao-rooms-sticky-opened .diadao-hdp-bar-room:not(.sticked):not(.is-fullmode) .inner-hdp,
html body.diadao-sdk-template.device-responsive.diadao-rooms-sticky-opened .diadao-hdp-bar-room.sticked:not(.is-fullmode) .inner-hdp, html body.diadao-sdk-template.device-responsive.diadao-room-sticky-opened #diadao-hdp-bar-mobile:not(.sticked):not(.is-fullmode) .inner-hdp, html body.diadao-sdk-template.device-responsive.diadao-room-sticky-opened #diadao-hdp-bar-mobile.sticked:not(.is-fullmode) .inner-hdp,
html body.diadao-sdk-template.device-responsive.diadao-room-sticky-opened .diadao-hdp-bar-room:not(.sticked):not(.is-fullmode) .inner-hdp,
html body.diadao-sdk-template.device-responsive.diadao-room-sticky-opened .diadao-hdp-bar-room.sticked:not(.is-fullmode) .inner-hdp {
  padding-top: 16px;
  padding-bottom: 16px;
}
html body.diadao-sdk-template.device-responsive.diadao-rooms-sticky-opened #diadao-hdp-bar-mobile:not(.sticked).is-fullmode .inner-hdp, html body.diadao-sdk-template.device-responsive.diadao-rooms-sticky-opened #diadao-hdp-bar-mobile.sticked.is-fullmode .inner-hdp,
html body.diadao-sdk-template.device-responsive.diadao-rooms-sticky-opened .diadao-hdp-bar-room:not(.sticked).is-fullmode .inner-hdp,
html body.diadao-sdk-template.device-responsive.diadao-rooms-sticky-opened .diadao-hdp-bar-room.sticked.is-fullmode .inner-hdp, html body.diadao-sdk-template.device-responsive.diadao-room-sticky-opened #diadao-hdp-bar-mobile:not(.sticked).is-fullmode .inner-hdp, html body.diadao-sdk-template.device-responsive.diadao-room-sticky-opened #diadao-hdp-bar-mobile.sticked.is-fullmode .inner-hdp,
html body.diadao-sdk-template.device-responsive.diadao-room-sticky-opened .diadao-hdp-bar-room:not(.sticked).is-fullmode .inner-hdp,
html body.diadao-sdk-template.device-responsive.diadao-room-sticky-opened .diadao-hdp-bar-room.sticked.is-fullmode .inner-hdp {
  padding-top: 0px;
  padding-bottom: 0px;
}
html body.diadao-sdk-template.device-responsive .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .diadao-qs__remainings {
  bottom: 0px !important;
}
html body.diadao-sdk-template.device-responsive .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .diadao-qs__remainings .diadao-qs__remainings__texts .remainings .value {
  font-size: 12px !important;
}
html body.diadao-sdk-template.device-responsive .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .best-rate-label {
  color: #000;
}
html body.diadao-sdk-template.diadao-room-detail-page .diadao-sdk-sticky-v2.sticky-v2-sticked {
  top: 40px;
}
html body.diadao-sdk-template.device-responsive.qs-init-no-dates.qs-init-no-dates-responsive .qs-react .diadao-qs .diadao-qs__select.diadao-qs__select-custom, html body.diadao-sdk-template.device-desktop.qs-init-no-dates.qs-init-no-dates-desktop .qs-react .diadao-qs .diadao-qs__select.diadao-qs__select-custom {
  opacity: 0.3 !important;
}
html body.diadao-sdk-template.qs-init-no-dates.device-desktop .qs-react[data-diadao-widget=rooms_list_hsc] .diadao-qs .diadao-qs__input-range > .diadao-qs__input-date:first-child, html body.diadao-sdk-template.qs-init-no-dates.device-desktop .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .diadao-qs__input-range > .diadao-qs__input-date:first-child {
  width: 100% !important;
  text-align: left !important;
}
html body.diadao-sdk-template.qs-init-no-dates.device-desktop .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .diadao-qs__input-range, html body.diadao-sdk-template.qs-init-no-dates.device-desktop .qs-react[data-diadao-widget=rooms_list_hsc] .diadao-qs {
  align-items: initial !important;
}
html body.diadao-sdk-template.device-responsive #diadao-hdp-bar-mobile .inner-hdp a.hsc-button.hsc-button-sticky-rooms-exit, html body.diadao-sdk-template.device-responsive .diadao-hdp-bar-room .inner-hdp a.hsc-button.hsc-button-sticky-rooms-exit {
  border-radius: 100% !important;
  width: 42px !important;
  height: 42px !important;
  margin-left: -21px !important;
  padding: 0px !important;
  background-color: rgba(0, 0, 0, 0.05) !important;
  top: -21px !important;
  box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.25) !important;
}
html body.diadao-sdk-template.device-responsive #diadao-hdp-bar-mobile .inner-hdp a.hsc-button.hsc-button-sticky-rooms-exit span.label-close, html body.diadao-sdk-template.device-responsive .diadao-hdp-bar-room .inner-hdp a.hsc-button.hsc-button-sticky-rooms-exit span.label-close {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0px !important;
}
html body.diadao-sdk-template.device-responsive #diadao-hdp-bar-mobile .inner-hdp a.hsc-button.hsc-button-sticky-rooms-exit span.label-close:after, html body.diadao-sdk-template.device-responsive .diadao-hdp-bar-room .inner-hdp a.hsc-button.hsc-button-sticky-rooms-exit span.label-close:after {
  content: "";
  position: absolute;
  width: 100%;
  top: 0px;
  left: 0px;
  height: 100%;
  border-radius: 100%;
  background-size: 12px 12px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../images/svg/close-icon.svg);
}
html .qs-react .diadao-qs .hsc-button.hsc-button-panel-book span, html .qs-react .diadao-qs .diadao-booking-url span {
  display: inline-flex;
  width: auto;
}
html .qs-react .diadao-qs .hsc-button.hsc-button-panel-book::before, html .qs-react .diadao-qs .diadao-booking-url::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  margin-right: 16px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url("../images/svg/calendar10.svg");
  mask-image: url("../images/svg/calendar10.svg");
  background-color: currentColor;
}
@media only screen and (min-width: 992px) {
  html .qs-react[data-diadao-widget=booking_hsc] .diadao-qs .diadao-qs__rate--price-ota {
    padding-left: 0px;
  }
}
@media only screen and (max-width: 991px) {
  html .qs-react[data-diadao-widget=booking_hsc] .diadao-qs .diadao-qs__rate--price-ota .wrapper .best-rate {
    justify-content: center;
  }
}
@media only screen and (min-width: 992px) {
  html .qs-react[data-diadao-widget=booking_hsc] .diadao-qs .not-available-message.qs-no-availabilities-button {
    padding-left: 0px;
  }
}
html .qs-react[data-diadao-widget=booking_hsc] .diadao-qs .diadao-qs__html.diadao-qs__booking-informations {
  margin-top: 20px;
}
@media only screen and (max-width: 991px) {
  html .qs-react[data-diadao-widget=booking_hsc] .diadao-qs .diadao-qs__html.diadao-qs__booking-informations .wrapper.columns-1 ul.diadao-conditions {
    width: auto;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 992px) {
  html .qs-react[data-diadao-widget=booking_hsc] .diadao-qs ul.diadao-conditions {
    padding-left: 0px;
  }
}
@media only screen and (min-width: 992px) {
  html .qs-react[data-diadao-widget=booking_hsc] .diadao-qs .diadao-qs__html.diadao-qs__booking-informations .wrapper.columns-1 ul.diadao-conditions, html .qs-react[data-diadao-widget=booking_hsc] .diadao-qs .diadao-qs__html.diadao-qs__booking-informations .wrapper.columns-1 .wrapper-legend {
    width: 50%;
  }
}
html .qs-react[data-diadao-widget=booking_hsc] .diadao-qs .diadao-qs__book {
  margin-top: 20px;
}
@media only screen and (min-width: 992px) {
  html .qs-react[data-diadao-widget=booking_hsc] .diadao-qs .diadao-qs__book {
    margin-top: 0px;
  }
}
@media only screen and (min-width: 992px) {
  html .qs-react[data-diadao-widget=booking_hsc] .diadao-qs .diadao-qs__book > span {
    text-align: left;
  }
}
html ul.hsc-conditions-list li:before, html ul.hsc-sticky-rooms-conditions li:before {
  background-color: #000;
}
html .diadao-qs span.diadao-qs__select__less, html .diadao-qs span.diadao-qs__select__more {
  border: 1px solid #D6EDEC;
}
html .diadao-qs span.diadao-qs__select__less::before, html .diadao-qs span.diadao-qs__select__more::before {
  font-weight: 300;
}
html .diadao-qs span.diadao-qs__select.diadao-qs__select-custom.less-disabled span.diadao-qs__select__less, html .diadao-qs span.diadao-qs__select.diadao-qs__select-custom.more-disabled span.diadao-qs__select__more {
  opacity: 0.5 !important;
}
html .qs-react[data-diadao-widget=best_price] {
  --diadao-hsc-loader-size: 16px;
}
@media only screen and (min-width: 992px) {
  html .qs-react[data-diadao-widget=best_price] {
    --diadao-hsc-loader-size: 20px;
  }
}
html .qs-react[data-diadao-widget=best_price] .diadao-qs {
  display: flex;
  align-items: center;
  letter-spacing: 0.03em;
}
html body.page:not(.diadao-anaturaardenne).diadao-hotellamourra #diadao-hdp-bar .inner-hdp .hdp-columns {
  padding: 0;
}
html body.page:not(.diadao-anaturaardenne).diadao-hotellamourra #diadao-hdp-bar-mobile .inner-hdp {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
html body.page:not(.diadao-anaturaardenne).diadao-hotellamourra #diadao-hdp-bar-mobile .inner-hdp > a.diadao-button-hdp-mobile i {
  width: 20px;
  height: 20px;
  margin-top: -10px;
}
html body.page:not(.diadao-anaturaardenne).diadao-hotellamourra #diadao-hdp-bar-mobile .inner-hdp > a.diadao-button-hdp-mobile.hsc-button-sticky-rooms-open i {
  display: none;
}
html body.page:not(.diadao-anaturaardenne).diadao-hotellamourra #diadao-hdp-bar-mobile .inner-hdp > a.diadao-button-hdp-mobile.hsc-button-sticky-rooms-open::after {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  right: 16px;
  top: 50%;
  margin-top: -10px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url("../images/svg/icon-chevron-down.svg");
  mask-image: url("../images/svg/icon-chevron-down.svg");
  background-color: currentColor;
  transform: rotate(180deg);
}
html body.page:not(.diadao-anaturaardenne).diadao-hotellamourra #diadao-hdp-bar-mobile .inner-hdp > a.diadao-button-hdp-mobile.hsc-button-sticky-rooms-exit {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
html body.page:not(.diadao-anaturaardenne).diadao-hotellamourra #diadao-hdp-bar-mobile .inner-hdp > a.diadao-button-hdp-mobile.hsc-button-sticky-rooms-exit::after {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  right: 16px;
  top: 50%;
  margin-top: -10px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url("../images/svg/icon-chevron-down.svg");
  mask-image: url("../images/svg/icon-chevron-down.svg");
  background-color: currentColor;
}
html body.page:not(.diadao-anaturaardenne).diadao-hotellamourra #diadao-hdp-bar-mobile .label-open-edit {
  font-weight: 600;
  font-size: 0.875rem;
}
html body.page:not(.diadao-anaturaardenne).diadao-hotellamourra.device-responsive.diadao-rooms-sticky-opened.diadao-sticky-is-fullmode #diadao-hdp-bar-mobile.is-fullmode {
  top: 0px;
  bottom: 80px !important;
  height: auto;
}
html body.page:not(.diadao-anaturaardenne).diadao-hotellamourra.device-responsive.diadao-rooms-sticky-opened.diadao-sticky-is-fullmode #diadao-hdp-bar-mobile.is-fullmode .hsc-button-sticky-rooms-open {
  display: none;
}
html body.page:not(.diadao-anaturaardenne).diadao-hotellamourra .qs-react[data-diadao-widget=rooms_list_hsc] .diadao-qs label {
  color: #AD172B;
}
html body.page:not(.diadao-anaturaardenne).diadao-hotellamourra .qs-react[data-diadao-widget=rooms_list_hsc] .diadao-qs .diadao-qs__input-range .diadao-qs__input-date {
  background: transparent;
}
html body.page:not(.diadao-anaturaardenne).diadao-hotellamourra .qs-react[data-diadao-widget=rooms_list_hsc] .diadao-qs .diadao-qs__select.diadao-qs__select-custom {
  background: var(--diadao-hsc-sticky-room-desktop-input-date-bgcolor);
}
html body.page:not(.diadao-anaturaardenne).diadao-hotellamourra .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs label {
  color: #AD172B;
}
html body.page:not(.diadao-anaturaardenne).diadao-hotellamourra .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .diadao-qs__select.diadao-qs__select-custom span.diadao-qs__select__less, html body.page:not(.diadao-anaturaardenne).diadao-hotellamourra .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .diadao-qs__select.diadao-qs__select-custom span.diadao-qs__select__more {
  width: 32px;
  height: 32px;
}
html body.page:not(.diadao-anaturaardenne).diadao-hotellamourra .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .diadao-qs__select.diadao-qs__select-custom span.diadao-qs__select__less::before, html body.page:not(.diadao-anaturaardenne).diadao-hotellamourra .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .diadao-qs__select.diadao-qs__select-custom span.diadao-qs__select__more::before {
  line-height: 32px;
}
html body.page:not(.diadao-anaturaardenne).diadao-hotellamourra .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .diadao-qs__select.diadao-qs__select-custom span.diadao-qs__select__less::before {
  line-height: 30px;
}
html body.page:not(.diadao-anaturaardenne).diadao-hotellamourra .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .button-secondary {
  width: 100%;
}
html body.page:not(.diadao-anaturaardenne).diadao-hotellamourra .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .diadao-qs__input-range .diadao-qs__input-date {
  background: transparent;
}
html body.page:not(.diadao-anaturaardenne).diadao-hotellamourra .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .diadao-qs__select.diadao-qs__select-custom {
  background: var(--diadao-hsc-sticky-room-mobile-input-date-bgcolor);
}
html body.page:not(.diadao-anaturaardenne).diadao-hotellamourra .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .diadao-qs__remainings .diadao-qs__remainings__texts .remainings .value span {
  color: #AD172B;
}
html body.page:not(.diadao-anaturaardenne).diadao-hotellamourra #diadao-hdp-bar-mobile .inner-hdp {
  width: 100%;
}
html body.page:not(.diadao-anaturaardenne).diadao-hotellamourra .diadao-hdp-bar-room .inner-hdp a.hsc-button-sticky-rooms-open {
  border-bottom: 1px solid #E6E6E6;
  border-top: 1px solid #E6E6E6;
}
html body.page:not(.diadao-anaturaardenne).diadao-hotellamourra .diadao-hdp-bar-room .inner-hdp a.hsc-button-sticky-rooms-open::after {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  right: 16px;
  top: 50%;
  margin-top: -10px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url("../images/svg/icon-chevron-down.svg");
  mask-image: url("../images/svg/icon-chevron-down.svg");
  background-color: currentColor;
  transform: rotate(180deg);
}
html body.page:not(.diadao-anaturaardenne).diadao-hotellamourra .diadao-hdp-bar-room .inner-hdp a.hsc-button-sticky-rooms-open i {
  display: none;
  /*width: 20px;
  height: 20px;
  transform: rotate(180deg);
  svg {
  	path {
  		fill: $pureblack;
  	}
  }*/
}
html body.page:not(.diadao-anaturaardenne).diadao-hotellamourra .diadao-hdp-bar-room .inner-hdp a.hsc-button.hsc-button-sticky-rooms-exit {
  background-color: #FFF;
  border-bottom: 1px solid #E6E6E6;
}
html body.page:not(.diadao-anaturaardenne).diadao-hotellamourra .diadao-hdp-bar-room .inner-hdp a.hsc-button.hsc-button-sticky-rooms-exit::after {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  right: 16px;
  top: 50%;
  margin-top: -10px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url("../images/svg/icon-chevron-down.svg");
  mask-image: url("../images/svg/icon-chevron-down.svg");
  background-color: currentColor;
}
html body.page:not(.diadao-anaturaardenne).diadao-hotellamourra #site[data-season=summer] .qs-react[data-diadao-widget=rooms_list_hsc] .diadao-qs label, html body.page:not(.diadao-anaturaardenne).diadao-hotellamourra #site[data-season=summer] .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs label {
  color: #d99d3f;
}
html body.page:not(.diadao-anaturaardenne).diadao-hotellamourra #site[data-season=summer] .qs-react[data-diadao-widget=rooms_list_hsc] .diadao-qs .diadao-qs__remainings .diadao-qs__remainings__texts .remainings .value span, html body.page:not(.diadao-anaturaardenne).diadao-hotellamourra #site[data-season=summer] .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .diadao-qs__remainings .diadao-qs__remainings__texts .remainings .value span {
  color: #d99d3f;
}

body.page .qs-snippet-booking-inner .diadao-button-close {
  right: auto;
  left: auto;
  top: auto;
  box-shadow: none;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
html:not(.touchevents) body.page .qs-snippet-booking-inner .diadao-button-close:hover, html:not(.touchevents) body.page .qs-snippet-booking-inner .diadao-button-close:focus-visible {
  box-shadow: none;
}

html body.diadao-sdk_template #diadao-qs-availabilities-snippet-booking,
html body.diadao-sdk_template #diadao-qs-snippet-booking {
  transform: translateX(-100%);
  overflow: clip;
  transition: all 0.4s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
@media only screen and (max-width: 991px) {
  html body.diadao-sdk_template #diadao-qs-availabilities-snippet-booking,
  html body.diadao-sdk_template #diadao-qs-snippet-booking {
    max-width: 100%;
  }
}
html body.diadao-sdk_template #diadao-qs-availabilities-snippet-booking.opened,
html body.diadao-sdk_template #diadao-qs-snippet-booking.opened {
  transform: translateX(0%);
  opacity: 1;
  visibility: visible;
}

@media only screen and (min-width: 0px) and (max-width: 992px) {
  body.device-responsive .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .diadao-qs__remainings {
    bottom: 0px;
  }
  body.device-responsive .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .diadao-qs__remainings .diadao-qs__remainings__texts .remainings .value {
    font-size: 0.875rem;
    letter-spacing: -0.03em;
  }
  body.device-responsive .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .diadao-qs__remainings .diadao-qs__remainings__texts .remainings .value span {
    background-color: #AD172B;
  }
  body.device-responsive .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .diadao-qs__rate.diadao-qs__rate--no-availabilities .wrapper-not-available > a.button-secondary {
    display: flex;
    padding: 8px;
  }
  body.device-responsive .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .diadao-qs__book--available a {
    padding: 8px 16px;
  }
  body.device-responsive .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .diadao-qs__book--available a::before {
    display: none;
  }
  body.device-responsive .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .diadao-qs__book--available .original-link {
    display: none;
  }
}
#diadao-hdp-bar-mobile.is-fullmode .outer-hdp-overlay-close {
  transition: opacity 0.3s, visibility 0.3s;
}

html body:not(.diadao-anaturaardenne).diadao-hotellamourra .qs-calendars .qs-calendars-wrapper .diadao-qs__range.rdr-DateRange .rdr-DateRange-Legend .rdr-DateRange-Legend--prices-legends .rdr-DateRange-Legend-openedDays {
  display: flex !important;
}

html body .qs-calendars .qs-calendars-wrapper .diadao-qs__range.rdr-DateRange .rdr-Calendar .rdr-Days > span.rdr-Day--cell-is-day-with-check-in-allowed {
  position: relative !important;
}

html body:not(.diadao-anaturaardenne).diadao-hotellamourra .qs-calendars .qs-calendars-wrapper .diadao-qs__range.rdr-DateRange .rdr-Calendar .rdr-Days > span:not(.rdr-Day--cell-not-available).rdr-Day--cell-is-day-with-check-in-allowed:before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: 1px !important;
  left: 1px !important;
  height: 0 !important;
  width: 0 !important;
  border-top: 8px solid #0085FF !important;
  border-right: 8px solid transparent !important;
  z-index: 5 !important;
}

html body .qs-calendars .qs-calendars-wrapper .diadao-qs__range.rdr-DateRange .rdr-Calendar .rdr-Days > span > span.rdr-Day span.rdr-Day-Price {
  font-size: 12px !important;
}

body.device-desktop .qs-react[data-diadao-widget=rooms_list_hsc] .diadao-qs .diadao-qs__rate.diadao-qs__rate--no-availabilities .qs-no-availabilities-button span i svg path,
body.device-desktop .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .diadao-qs__rate.diadao-qs__rate--no-availabilities .qs-no-availabilities-button span i svg path {
  fill: #AD172B !important;
}

html body.page:not(.diadao-anaturaardenne).diadao-hotellamourra .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .diadao-qs__remainings .diadao-qs__remainings__texts .remainings .value span {
  background-color: #AD172B !important;
  color: white !important;
}

/*
body:not(.diadao-anaturaardenne).diadao-hotellamourra.device-desktop .qs-react[data-diadao-widget='rooms_list_single_hsc'] .diadao-qs .diadao-qs__select.diadao-qs__select-custom span.diadao-qs__select__less, 
body:not(.diadao-anaturaardenne).diadao-hotellamourra.device-desktop .qs-react[data-diadao-widget='rooms_list_single_hsc'] .diadao-qs .diadao-qs__select.diadao-qs__select-custom span.diadao-qs__select__more {
	background-color: white !important;
}

body:not(.diadao-anaturaardenne).diadao-hotellamourra.device-desktop .qs-react[data-diadao-widget='rooms_list_single_hsc'] .diadao-qs .diadao-qs__select.diadao-qs__select-custom span.diadao-qs__select__less, 
body:not(.diadao-anaturaardenne).diadao-hotellamourra.device-desktop .qs-react[data-diadao-widget='rooms_list_single_hsc'] .diadao-qs .diadao-qs__select.diadao-qs__select-custom span.diadao-qs__select__more{
	color: black !important;
}

body .qs-react[data-diadao-widget=rooms_list_single_hsc] .diadao-qs .diadao-qs__remainings .diadao-qs__remainings__texts .remainings .value{
	color: black !important;
}

html body.page:not(.diadao-anaturaardenne).diadao-hotellamourra .qs-react[data-diadao-widget='rooms_list_single_hsc'] .diadao-qs .diadao-qs__remainings .diadao-qs__remainings__texts .remainings .value span{
	background-color: #AD172B !important;
	color: white !important;
}
*/
:root {
  --diadao-room-detail-menu-sticky-gradient: linear-gradient(90deg, rgba($blue-700, 0) -11.58%, rgba($blue-700, .50) 7.92%, $blue-700 29.47%);
  --diadao-room-detail-menu-desktop-left: 0px;
  --diadao-room-detail-menu-desktop-width: 100%;
  --diadao-room-detail-menu-desktop-height: 110px;
  --diadao-room-detail-menu-desktop-padding-left: 120px;
  --diadao-room-detail-menu-desktop-padding-right: 120px;
  --diadao-room-detail-menu-responsive-height: 0px;
  --diadao-room-detail-menu-responsive-padding-left: 40px;
  --diadao-room-detail-menu-responsive-padding-right: 80px;
  --diadao-room-detail-menu-slide-margin-right: 80px;
  --diadao-room-detail-panels-padding: 0px 2.4375rem 14.1875rem 2.625rem;
  --diadao-room-detail-desktop-panels-padding-top: 0px;
  --diadao-room-detail-hsc-sticky-desktop-top: 80px;
}
@media only screen and (max-width: 991px) {
  :root {
    --diadao-room-detail-menu-slide-margin-right: 32px;
  }
}

#diadao-room-detail-panel .kwpb-diadao-room-detail-panels .infos-room-wrapper {
  max-width: none !important;
}

.offcanvas.type-roomdetail {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .offcanvas.type-roomdetail {
    width: auto;
  }
}
.offcanvas.type-roomdetail .offcanvas-body {
  padding: 0;
}
@media only screen and (min-width: 992px) {
  .offcanvas.type-roomdetail .offcanvas-body {
    width: 90vw;
    max-width: 1600px;
  }
}

/*html {
	body.diadao-room-detail-enabled.diadao-room-detail-page {
		&.diadao-room-detail-bs {
			#diadao-room-detail-page-iframe {
				background-color: $blue-700; 

				.offcanvas-body {

					@include device_992_min {
						padding: var(--diadao-room-detail-menu-desktop-height) 140px 140px;
					}

					.gallery-snippet {
						padding-top: 0;
					}

					.module-hsc-snippet-room .roomdetail-bookingblock {
						top: 0;
					}
				}
			}
		}
	}
}*/
@media only screen and (min-width: 992px) {
  html body.page #diadao-room-detail-page-iframe .offcanvas-body.room-detail-content {
    padding: 0px;
  }
}
html body.page #diadao-room-detail-page-iframe .offcanvas-body.room-detail-content .kwpb-room-detail-menu {
  visibility: hidden;
}

html body.page #diadao-room-detail-panel .container-room-panel {
  width: 100%;
}
html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner {
  position: relative;
  padding: 62px 0px 160px;
  margin: 0px 16px;
}
@media only screen and (min-width: 992px) {
  html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner {
    padding: 80px 0px;
    margin: 0px 6vw;
  }
}
@media only screen and (min-width: 992px) {
  html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .room-panel-content {
    padding-right: 348px;
  }
}
@media only screen and (min-width: 992px) {
  html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .kwpb_content.module-hsc-snippet-room {
    width: 324px;
  }
}
html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .room-panel-gallery {
  margin: 0px -16px;
}
@media only screen and (min-width: 992px) {
  html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .room-panel-gallery {
    margin: 0;
  }
}
@media only screen and (max-width: 991px) {
  html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .room-panel-gallery .gallery-snippet {
    grid-template-rows: 99px 99px;
  }
}
@media only screen and (max-width: 991px) {
  html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .room-panel-gallery .gallery-item:nth-child(1) {
    grid-column-start: 1;
    grid-column-end: span 4;
    grid-row-start: 1;
    grid-row-end: span 2;
  }
}
@media only screen and (max-width: 991px) {
  html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .room-panel-gallery .gallery-item:nth-child(2) {
    display: block;
    grid-column-start: 5;
    grid-column-end: span 3;
    grid-row-start: 1;
    grid-row-end: span 1;
  }
}
@media only screen and (max-width: 991px) {
  html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .room-panel-gallery .gallery-item:nth-child(3) {
    display: block;
    grid-column-start: 5;
    grid-column-end: span 3;
    grid-row-start: 2;
    grid-row-end: span 1;
  }
}
html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .room-panel-gallery .gallery-item img {
  border-radius: 0px;
}
html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .room-panel-gallery .gallery-item .gallery-inner::before {
  background-color: #000;
}
html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .room-panel-gallery .gallery-item .gallery-inner .gallery-count-more {
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 1;
}
html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .room-panel-gallery .gallery-item .gallery-inner .gallery-count-more span {
  font-size: 2rem;
  letter-spacing: -0.03em;
  line-height: 0.8em;
  padding-bottom: 0.2em;
}
html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .infos-room-wrapper {
  margin-top: 32px;
  padding: 0;
}
@media only screen and (min-width: 992px) {
  html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .infos-room-wrapper {
    margin-top: 40px;
  }
}
html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .infos-room-wrapper .snippet-room-desc {
  margin-top: 16px;
}
@media only screen and (min-width: 992px) {
  html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .infos-room-wrapper .snippet-room-desc {
    margin-top: 40px;
  }
}
html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-metas {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-metas li {
  display: inline;
}
html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-metas li::after {
  content: "•";
  margin: 0 0.35em;
  line-height: 1em;
  vertical-align: middle;
}
html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-metas li:last-child::after {
  display: none;
}
html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-desc h3 {
  font-size: 2rem;
}
@media only screen and (min-width: 992px) {
  html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-desc h3 {
    font-size: 3.5rem;
  }
}
html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-subrooms {
  margin-top: 32px;
}
@media only screen and (min-width: 992px) {
  html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-subrooms {
    margin-top: 80px;
  }
}
html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-subrooms__title {
  font-size: 2rem;
  line-height: 2rem;
  margin: 0px 0px 16px;
  font-weight: 400;
}
@media only screen and (min-width: 992px) {
  html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-subrooms__title {
    font-size: 3.5rem;
    line-height: 3rem;
    margin: 0px 0px 40px;
  }
}
html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-subrooms__text li {
  padding-left: 24px;
  margin-bottom: 16px;
}
html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-subrooms__text li:last-child {
  margin-bottom: 0px;
}
@media only screen and (min-width: 992px) {
  html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-subrooms__text li {
    padding-left: 32px;
  }
}
html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-subrooms__text li:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  margin: 0px 8px 0px -24px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url("../images/svg/check.svg");
  mask-image: url("../images/svg/check.svg");
  background-color: currentColor;
}
@media only screen and (min-width: 992px) {
  html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-subrooms__text li:before {
    width: 24px;
    height: 24px;
    margin: 0px 8px 0px -32px;
  }
}
html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-subrooms__images {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  margin-top: 16px;
}
@media only screen and (min-width: 992px) {
  html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-subrooms__images {
    margin-top: 40px;
  }
}
html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-subrooms__image {
  position: relative;
}
html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-subrooms__image img, html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-subrooms__image video, html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-subrooms__image iframe, html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-subrooms__image hls-video {
  aspect-ratio: calc(328 / 328);
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  object-fit: cover;
  object-position: center;
  border-radius: 0px;
}
@media only screen and (min-width: 1280px) {
  html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-subrooms__image {
    height: 52vh;
  }
  html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-subrooms__image img, html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-subrooms__image video, html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-subrooms__image iframe, html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-subrooms__image hls-video {
    position: absolute;
    aspect-ratio: unset;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    object-fit: cover;
    object-position: center;
  }
  html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-subrooms__image:nth-child(1) {
    flex: 1 1 0px;
  }
  html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-subrooms__image:nth-child(2) {
    flex: 0 0 32.7%;
  }
}
html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-part2 {
  background-color: #FFF;
  margin: 32px -16px 0px;
  padding: 16px;
}
@media only screen and (min-width: 992px) {
  html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-part2 {
    margin: 80px 0px 0px;
    padding: 48px;
  }
}
@media only screen and (min-width: 1640px) {
  html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-part2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 24px;
  }
}
@media only screen and (min-width: 1640px) {
  html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-tags {
    flex: 1 1 0px;
  }
}
html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-tag-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 8px;
}
@media only screen and (min-width: 992px) {
  html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-tag-wrapper {
    margin: 0px -24px;
  }
}
html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-tag-maintitle {
  flex: 0 0 100%;
  font-family: "freight-big-pro", serif;
  font-weight: 300;
  font-size: 2rem;
  line-height: 2.125rem;
  margin: 0 0 24px;
}
@media only screen and (min-width: 992px) {
  html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-tag-maintitle {
    font-size: 4rem;
    line-height: 3.5rem;
    margin: 0 24px 56px;
  }
}
html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-tag-content {
  flex: 0 0 100%;
  padding-top: 48px;
  margin: 0;
}
@media only screen and (min-width: 992px) {
  html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-tag-content {
    font-size: 4rem;
    line-height: 3.5rem;
    padding: 32px 24px 0;
  }
  html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-tag-content:nth-child(2) {
    padding-top: 0px;
  }
}
@media only screen and (min-width: 1280px) {
  html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-tag-content {
    flex: 1 1 50%;
  }
  html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-tag-content:nth-child(2), html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-tag-content:nth-child(3) {
    padding-top: 0px;
  }
}
html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-tag-content:nth-child(2) {
  padding-top: 0px;
}
html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-tag-subtitle {
  font-family: "chesna_grotesk", sans-serif;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.5rem;
  letter-spacing: -0.03em;
  margin: 0 0 8px;
}
@media only screen and (min-width: 992px) {
  html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-tag-subtitle {
    font-size: 1.25rem;
    line-height: 2rem;
    margin: 0 0 24px;
  }
}
html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-tag-text {
  font-size: 0.875rem;
  line-height: 1.5rem;
  letter-spacing: -0.03em;
  margin: 0;
}
@media only screen and (min-width: 992px) {
  html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-tag-text {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}
html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-tag-text li, html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-tag-text p {
  margin-bottom: 8px;
}
html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-tag-text li:last-child, html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-tag-text p:last-child {
  margin-bottom: 8px;
}
html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-tag-text li {
  padding-left: 24px;
}
@media only screen and (min-width: 992px) {
  html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-tag-text li {
    padding-left: 32px;
  }
}
html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-tag-text li:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  margin: 0px 8px 0px -24px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url("../images/svg/check.svg");
  mask-image: url("../images/svg/check.svg");
  background-color: currentColor;
}
@media only screen and (min-width: 992px) {
  html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-tag-text li:before {
    height: 24px;
  }
}
html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-plan {
  position: relative;
  text-align: center;
}
@media only screen and (max-width: 991px) {
  html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-plan {
    margin-top: 60px;
  }
}
html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-plan .nav.nav-pills {
  position: relative;
  display: inline-flex;
  margin-bottom: 40px;
}
html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-plan .nav.nav-pills:before {
  content: "";
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  height: 100%;
  display: block;
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 0;
}
html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-plan .nav.nav-pills li.nav-item {
  z-index: 1;
  position: relative;
}
html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-plan .nav.nav-pills li.nav-item .nav-link {
  padding-left: 16px;
  padding-right: 16px;
  cursor: pointer;
  border-radius: 0px;
  border-bottom: 4px solid transparent;
}
html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-plan .nav.nav-pills li.nav-item .nav-link.active {
  border-color: #AD172B;
}
@media only screen and (min-width: 992px) {
  html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-plan {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 1640px) {
  html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-plan {
    flex: 0 0 34%;
    margin-top: 0px;
  }
}
html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-plan img, html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .snippet-room-plan picture {
  display: block;
  max-width: 100%;
  height: auto;
  max-height: 550px;
  margin: 0 auto;
}
html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .module-slider-rooms {
  margin-top: 32px;
  margin-left: 0px;
}
@media only screen and (min-width: 1640px) {
  html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .module-slider-rooms {
    margin-top: 80px;
  }
}
html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .module-slider-rooms .thumbs-content {
  margin-top: 16px;
}
@media only screen and (min-width: 1640px) {
  html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .module-slider-rooms .thumbs-content {
    margin-top: 40px;
  }
}
html body.page #diadao-room-detail-panel .container-room-panel .kwpb-diadao-room-detail-panels .room-detail-inner .module-slider-rooms .swiper-pagination::before {
  display: none;
}

.customupgrade {
  position: relative;
  color: #FFF;
  overflow: hidden;
}
.customupgrade::after {
  content: "";
  position: absolute;
  display: block;
  inset: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.6) 100%);
}
html:not(.touchevents) .customupgrade:hover .customupgrade__media, html:not(.touchevents) .customupgrade:focus-visible .customupgrade__media {
  transform: scale(1.1);
}
.customupgrade__media {
  position: relative;
  transition: transform 0.3s ease-out;
  z-index: 0;
}
.customupgrade__media img, .customupgrade__media video, .customupgrade__media iframe, .customupgrade__media hls-video {
  aspect-ratio: calc(328 / 328);
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  object-fit: cover;
  object-position: center;
  border-radius: 0px;
}
@media only screen and (min-width: 992px) {
  .customupgrade__media img, .customupgrade__media video, .customupgrade__media iframe, .customupgrade__media hls-video {
    aspect-ratio: calc(1020 / 600);
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    object-fit: cover;
    object-position: center;
    border-radius: 0px;
  }
}
.customupgrade__infos {
  position: absolute;
  left: 22px;
  right: 22px;
  bottom: 22px;
  z-index: 2;
}
@media only screen and (min-width: 992px) {
  .customupgrade__infos {
    left: 40px;
    right: 40px;
    bottom: 40px;
  }
}
.customupgrade__features {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.125rem;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 992px) {
  .customupgrade__features {
    font-size: 1rem;
    line-height: 1.75rem;
  }
}
.customupgrade__features li {
  display: inline;
}
.customupgrade__features li::after {
  content: "•";
  margin: 0 0.35em;
  line-height: 1em;
  vertical-align: middle;
}
.customupgrade__features li:last-child::after {
  display: none;
}
.customupgrade__title {
  font-family: "freight-big-pro", serif;
  font-weight: 300;
  font-size: 2rem;
  line-height: 2.125rem;
}
@media only screen and (min-width: 992px) {
  .customupgrade__title {
    font-size: 3.5rem;
    line-height: 3rem;
  }
}
.customupgrade__link {
  position: absolute;
  display: block;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  cursor: pointer;
}

#diadao-room-detail-panel {
  background: #FAFCFF;
}

/*#diadao-room-detail-panel {
	.container-room-panel {
		width: 100%;
	}

	.kwpb-room-detail-menu {
		.kwpb-room-detail-menu-sticky {
			background: $blue-700; 

			&:after {
				// background: var(--diadao-room-detail-menu-sticky-gradient); 
				background: linear-gradient(90deg, rgba(#1C265C, 0) -11.58%, rgba(#1C265C, .50) 7.92%, #1C265C 29.47%);
			}

			.roomDetailMenuSwiper {
				.swiper-wrapper {
					@include device_1920_min {
						justify-content: center;
					}

					.swiper-slide {
						height: 100% !important; 

						.room-menu-item {			
							a {
								color: $white;

								.room-title {
									font-size: 9px;

									@include device_992_min {
										font-size: 12px;
									}


									strong {
										line-height: 1.6;
										font-size: 14px;

										@include device_992_min {
											font-size: 20px;
										}

									}
								}
							}
						}
					}
				}
			}
		}
	}

	.kwpb-diadao-room-detail-panels {	
		.room-panel-content {
			@include device_992_min {
				padding-right: 420px !important; // 380 + 40 margin

				@include device_1280_max{
					padding-right: 266px !important;
				}
			}

			.room-panel-gallery {	
				@include device_991_max {
					padding-inline: 16px;
				}

				.gallery-snippet {
					grid-gap: 16px;
				}
			}

			.infos-room-wrapper {
				.snippet-room-tag {
					&-wrapper {
						display: block; 
					}
				}

				.snippet-room-title {
					@extend h3;
				}

				.snippet-room-title,
				.snippet-room-metas,
				.snippet-room-tag-subtitle {
					color: $white;
				}

				.snippet-room-metas {
					@extend .text-big; 
				}


				.snippet-room-desc,
				.snippet-room-tag-text {
					color: $blue-100;
				}

				.snippet-room-tag-subtitle {
					@extend .text-big--bold; 
				}

				.snippet-room-part2 {		
					@include device_992_min {
						display: flex;
						gap: 80px;
						justify-content: space-between;
					}
				}

				// MARK: Equipements
				.snippet-room-services-title {
					@extend .text-big--bold;
					color: $white;
				}
				.snippet-room-services-list {
					@include flex(column, nowrap, flex-start, flex-start);
					gap: $grid-row-gap-default-responsive;

					li {
						@include flex(row, nowrap, left, center);
						gap: $grid-row-gap-default-responsive;

						@include device_992_min {
							gap: $grid-row-gap-default;
							padding-right: $grid-row-gap-default;
						}
					}
					.service {

						&-picto {
							&::before {
								border: 1px solid $blue-main;
								opacity: 1;
							}

							svg {			
								path {
									fill: $orange-main;
								}
							}
						}

						&-name {
							font-weight: 400;
							color: $blue-100;
						}
					}
				}
			}
		}

		.module-hsc-snippet-room {
			position: fixed;
			right: 0;

			@include device_992_min {
				position: relative;
				width: 380px !important;

				@include device_1280_max{
					width: 246px !important;
				}
			}

			.roombooking-card {
				background-color: $blue-800;
				border-radius: $media-border-radius;

				.roombooking-pricing {
					color: $white;

					.pricing-label {
						color: $blue-100;
					}

					.pricing-value {						
						@include device_992_min {
							font-size: 28px;
						}
					}
				}

				.roombooking-cta {
					.btn-secondary {
						width: 100%;
					}
				}
			}

			.roombooking-infos {
				color: $white;

				a {
					color: $blue-100;

					&:hover {
						color: $white;
					}
				}
			}
		}
	}

}
*/
.snippet-room-buttons {
  margin-top: 32px;
  margin-bottom: 24px;
}
.snippet-room-buttons a.btn {
  margin-right: 16px;
}
.snippet-room-buttons a[data-fancybox] {
  position: relative;
}

body .fancybox__content button.is-close-btn {
  top: 32px !important;
  right: 32px !important;
  opacity: 1 !important;
}
body .fancybox__content button.is-close-btn svg {
  display: none !important;
}
body .fancybox__content button.is-close-btn:after {
  width: 24px;
  height: 24px;
  content: "";
  background-image: url(../images/svg/close.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  top: 50%;
  left: 50%;
  margin-top: -12px;
  margin-left: -12px;
  position: absolute;
}

.snippet-room-images {
  height: 560px;
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  margin-top: 32px;
  margin-bottom: 32px;
}
.snippet-room-images .snippet-room-image-item {
  position: relative;
}
@media only screen and (max-width: 991px) {
  .snippet-room-images {
    height: auto;
    gap: initial;
    flex-wrap: wrap;
  }
}
.snippet-room-images img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  display: inline-block;
}
.snippet-room-images > .snippet-room-image-item:first-child {
  width: calc(66% - 4px);
}
@media only screen and (max-width: 991px) {
  .snippet-room-images > .snippet-room-image-item:first-child {
    width: 100%;
    margin-top: 8px;
  }
}
.snippet-room-images > .snippet-room-image-item:last-child {
  width: calc(34% - 4px);
}
@media only screen and (max-width: 991px) {
  .snippet-room-images > .snippet-room-image-item:last-child {
    width: 100%;
    margin-top: 8px;
  }
}

.fancybox__slide.has-iframe {
  padding: 0px !important;
}
.fancybox__slide.has-iframe .fancybox__content {
  padding: 0px !important;
}
.fancybox__slide.has-iframe iframe {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.tab-pane-services {
  position: relative;
}

.snippet-room-desc ul {
  margin: 0px;
  padding: 0px;
}
.snippet-room-desc ul li {
  position: relative;
  margin: 0px;
  margin-bottom: 16px;
  padding-left: 30px;
}
.snippet-room-desc ul li:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 32px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  background-image: url("../images/svg/check.svg");
}

.carousselrooms__slide__medias img {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

html body .offcanvas:not(.show):not(.showing):not(.hiding) .offcanvas-body {
  display: none;
}

html body {
  /*#site[data-season="summer"] {
      .offcanvas#diadao-snippet-booking {

          .module-booking {
              background-image: url("../images/static/background-summer-desktop-menu.jpg");
          }
      }
  }*/
}
html body .offcanvas#diadao-snippet-booking {
  z-index: 1041 !important;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  html body .offcanvas#diadao-snippet-booking {
    max-width: 464px;
  }
}
html body .offcanvas#diadao-snippet-booking .offcanvas-body {
  width: 100%;
}
html body .offcanvas#diadao-snippet-booking .container, html body .offcanvas#diadao-snippet-booking .snippet-content {
  height: 100%;
}
html body .offcanvas#diadao-snippet-booking .module-booking {
  padding: 80px 16px 40px;
  width: 100%;
  height: 100%;
  background: #FAFCFF;
  background-size: 1920px auto;
  overflow-y: auto;
}
@media only screen and (min-width: 992px) {
  html body .offcanvas#diadao-snippet-booking .module-booking {
    padding: 112px 32px 40px;
    background-position: 50% top;
  }
}
html body .offcanvas#diadao-snippet-booking .containerbooking {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
html body .offcanvas#diadao-snippet-booking .menu-hotel {
  width: 100%;
}
html body .booking-menu-title {
  font-family: "freight-big-pro", serif;
  font-weight: 300;
  font-size: 2rem;
  line-height: 1.75rem;
}
@media only screen and (min-width: 992px) {
  html body .booking-menu-title {
    font-size: 3.5rem;
    line-height: 3rem;
  }
}
html body .booking-menu-subtitle {
  font-weight: 300;
  font-size: 1.25rem;
  line-height: 2rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
html body .booking-menu-subtitle img, html body .booking-menu-subtitle picture, html body .booking-menu-subtitle svg {
  height: 7px;
  width: auto;
}
html body .booking-menu-subtitle span {
  padding-left: 0.5rem;
}
html body .booking-menu-links {
  margin-top: 32px;
}
@media only screen and (min-width: 992px) {
  html body .booking-menu-links {
    margin-top: 40px;
  }
}
html body .booking-menu-links a {
  display: block;
  position: relative;
  width: 100%;
  padding: 10px 48px 10px 56px;
  text-align: left;
  font-family: "chesna_grotesk", sans-serif;
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 1.8125rem;
  letter-spacing: -0.03em;
  text-transform: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 992px) {
  html body .booking-menu-links a {
    padding: 23px 48px 19px 56px;
  }
}
html body .booking-menu-links a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: currentColor;
}
html body .booking-menu-links a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url("../images/svg/icon-arrow.svg");
  mask-image: url("../images/svg/icon-arrow.svg");
  background-color: currentColor;
}
html body .booking-menu-links a.btn-booking-room::before {
  mask-image: url("../images/svg/icon-qs-bed.svg");
}
html body .booking-menu-links a.btn-booking-private-stage::before {
  mask-image: url("../images/svg/icon-qs-bed.svg");
}
html body .booking-menu-links a.btn-booking-restaurant::before {
  mask-image: url("../images/svg/icon-qs-restaurant.svg");
}
html body .booking-menu-links a.btn-booking-spa::before {
  mask-image: url("../images/svg/icon-qs-spa.svg");
}
html body .booking-menu-footer {
  font-size: 1rem;
  line-height: 1.375rem;
  margin-top: auto;
  padding-top: 24px;
}
html body .booking-menu-footer a {
  color: inherit;
  text-decoration: underline;
}
html body .offcanvas#booking-hotel .offcanvas-body {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 80px 16px 40px;
  background: #FAFCFF;
  background-size: 1920px auto;
}
@media only screen and (min-width: 992px) {
  html body .offcanvas#booking-hotel .offcanvas-body {
    padding: 112px 32px 40px;
    background-position: 50% top;
    max-width: 720px;
  }
}
html body .offcanvas#booking-hotel .booking-hotel__title {
  font-family: "freight-big-pro", serif;
  font-weight: 300;
  font-size: 2rem;
  line-height: 0.9em;
  padding-bottom: 16px;
}
@media only screen and (min-width: 992px) {
  html body .offcanvas#booking-hotel .booking-hotel__title {
    font-size: 2.875rem;
    font-size: 3.5rem;
    line-height: 0.85em;
  }
}

.popup_reservation {
  padding: 80px 16px 40px;
  width: 100%;
  height: 100%;
  background: #FAFCFF;
  overflow-y: auto;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  /*#site[data-season="summer"] & {
      background-image: url("../images/static/background-summer-desktop-menu.jpg");
  }*/
}
@media only screen and (min-width: 992px) {
  .popup_reservation {
    padding: 112px 32px 40px;
    background-position: 50% top;
  }
}
@media only screen and (min-width: 992px) {
  .popup_reservation {
    width: 90vw;
    max-width: 464px;
  }
}
.popup_reservation__title {
  font-family: "freight-big-pro", serif;
  font-weight: 300;
  font-size: 2rem;
  line-height: 0.9em;
  padding-bottom: 1em;
}
@media only screen and (min-width: 992px) {
  .popup_reservation__title {
    font-size: 2.875rem;
    font-size: 3.5rem;
    line-height: 0.85em;
  }
}
.popup_reservation__form {
  width: 100%;
}
.popup_reservation iframe {
  min-height: 500px;
  flex: 1 1 0px;
}
html body.page .popup_reservation .gform_wrapper form .gform_footer .diadao-sdk-button-gform:not(.sdk-diadao-disabled) {
  width: 100%;
}

.sitemap {
  position: relative;
}
.sitemap .wsp-container, .sitemap__container {
  display: grid;
  grid-template-columns: calc(16px - 16px) repeat(6, minmax(0px, 1fr)) calc(16px - 16px);
  align-items: center;
  column-gap: 16px;
  row-gap: 16px;
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative;
}
@media only screen and (min-width: 992px) {
  .sitemap .wsp-container, .sitemap__container {
    column-gap: 24px;
    row-gap: 108px;
    grid-template-columns: repeat(14, minmax(0px, 1fr));
  }
}
@media only screen and (min-width: 992px) {
  .sitemap .wsp-container, .sitemap__container {
    padding-top: 8vh;
    padding-bottom: 8vh;
  }
}
@media only screen and (max-width: 991px) {
  .sepheader + .sitemap .wsp-container, .sepheader + .sitemap__container {
    padding-top: 16px;
  }
}
@media only screen and (min-width: 992px) {
  .sitemap .wsp-container, .sitemap__container {
    row-gap: 40px;
  }
}
.sitemap h2 {
  margin-top: 6.25rem;
  grid-column-start: 2;
  grid-column-end: span 6;
}
@media only screen and (min-width: 992px) {
  .sitemap h2 {
    grid-column-start: 3;
    grid-column-end: span 10;
  }
}
.sitemap h2:first-child {
  margin-top: 0;
}
.sitemap ul {
  grid-column-start: 2;
  grid-column-end: span 6;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
}
@media only screen and (min-width: 992px) {
  .sitemap ul {
    grid-column-start: 3;
    grid-column-end: span 10;
  }
}
.sitemap ul li {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .sitemap ul li {
    width: calc((100% - 24px) / 2);
  }
}
.sitemap ul li ul.children {
  display: none;
}
.sitemap ul li a {
  padding: 0.625rem;
  font-weight: 600;
  background-color: #FFF;
  width: 100%;
  display: block;
  border-radius: 0px;
  transition: color 0.25s ease-in-out;
}
.sitemap ul li a:hover {
  color: #AD172B;
}

.highlights {
  position: relative;
}
@media only screen and (max-width: 991px) {
  .highlights .anim-bg-content {
    width: 100vh;
  }
}
.highlights__container {
  display: grid;
  grid-template-columns: calc(16px - 16px) repeat(6, minmax(0px, 1fr)) calc(16px - 16px);
  align-items: center;
  column-gap: 16px;
  row-gap: 16px;
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative;
  height: 80vh;
}
@media only screen and (min-width: 992px) {
  .highlights__container {
    column-gap: 24px;
    row-gap: 108px;
    grid-template-columns: repeat(14, minmax(0px, 1fr));
  }
}
@media only screen and (min-width: 992px) {
  .highlights__container {
    padding-top: 8vh;
    padding-bottom: 8vh;
  }
}
@media only screen and (max-width: 991px) {
  .sepheader + .highlights__container {
    padding-top: 16px;
  }
}
@media only screen and (min-width: 992px) {
  .highlights__container {
    height: 100vh;
  }
}
.highlights__images {
  position: relative;
  height: 100%;
  width: 100%;
}
.highlights__images:after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
  pointer-events: none;
}
@media only screen and (max-width: 991px) {
  .highlights__images:after {
    width: 100vh;
  }
}
.highlights__images img {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}
.highlights__images img.active {
  opacity: 1;
}
.highlights__content {
  position: relative;
  grid-column-start: 2;
  grid-column-end: span 11;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: flex-start;
}
@media only screen and (min-width: 992px) {
  .highlights__content {
    grid-column-start: 3;
    grid-column-end: span 10;
  }
}
.highlights__title {
  position: relative;
  color: #F5F1ED;
  z-index: 1;
}
.highlights__swiper {
  border-radius: 0;
  height: auto;
}
@media only screen and (max-width: 991px) {
  .highlights__swiper {
    padding-bottom: 40px;
  }
}
.highlights__swiper .swiper-container {
  overflow: hidden;
}
@media only screen and (min-width: 992px) {
  .highlights__swiper .swiper-container {
    width: calc(100% - 200px);
  }
}
.highlights__swiper .swiper-actions {
  margin-top: 40px;
}
.highlights__swiper .swiper-actions .swiper-navigation {
  display: none;
}
.highlights__swiper .swiper-actions .swiper-pagination-horizontal.swiper-pagination-bullets {
  position: relative;
  padding: 0;
  bottom: inherit;
  text-align: left;
}
.highlights__swiper .swiper-actions .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  opacity: 0.32;
  background-color: #273582;
}
.highlights__swiper .swiper-actions .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
  background-color: #273582;
}
.highlights .highlight__subtitle {
  color: #F5F1ED;
}

.module-form .container {
  display: grid;
  grid-template-columns: calc(16px - 16px) repeat(6, minmax(0px, 1fr)) calc(16px - 16px);
  align-items: center;
  column-gap: 16px;
  row-gap: 16px;
  padding-top: 60px;
  padding-bottom: 60px;
  align-items: flex-start;
}
@media only screen and (min-width: 992px) {
  .module-form .container {
    column-gap: 24px;
    row-gap: 108px;
    grid-template-columns: repeat(14, minmax(0px, 1fr));
  }
}
@media only screen and (min-width: 992px) {
  .module-form .container {
    padding-top: 8vh;
    padding-bottom: 8vh;
  }
}
@media only screen and (max-width: 991px) {
  .sepheader + .module-form .container {
    padding-top: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .module-form .container {
    padding-inline: 0;
  }
}
.module-form__content {
  grid-column-start: 2;
  grid-column-end: span 6;
}
@media only screen and (min-width: 992px) {
  .module-form__content {
    grid-column-start: 2;
    grid-column-end: span 5;
  }
}
@media only screen and (min-width: 1640px) {
  .module-form__content {
    grid-column-start: 3;
    grid-column-end: span 4;
  }
}
.module-form__form {
  grid-column-start: 2;
  grid-column-end: span 6;
}
@media only screen and (max-width: 991px) {
  .module-form__form {
    margin-top: 1.5rem;
  }
}
@media only screen and (min-width: 992px) {
  .module-form__form {
    grid-column-start: 7;
    grid-column-end: span 7;
  }
}
@media only screen and (min-width: 1640px) {
  .module-form__form {
    grid-column-start: 7;
    grid-column-end: span 5;
  }
}

.form_container {
  display: grid;
  grid-template-columns: calc(16px - 16px) repeat(6, minmax(0px, 1fr)) calc(16px - 16px);
  align-items: center;
  column-gap: 16px;
  row-gap: 16px;
  padding-top: 60px;
  padding-bottom: 60px;
}
@media only screen and (min-width: 992px) {
  .form_container {
    column-gap: 24px;
    row-gap: 108px;
    grid-template-columns: repeat(14, minmax(0px, 1fr));
  }
}
@media only screen and (min-width: 992px) {
  .form_container {
    padding-top: 8vh;
    padding-bottom: 8vh;
  }
}
@media only screen and (max-width: 991px) {
  .sepheader + .form_container {
    padding-top: 16px;
  }
}
@media only screen and (min-width: 992px) {
  .form_container {
    row-gap: 40px;
  }
}
.form_container__title, .form_container__text, .form_container__form {
  grid-column-start: 2;
  grid-column-end: span 6;
}
@media only screen and (min-width: 992px) {
  .form_container__title, .form_container__text, .form_container__form {
    grid-column-start: 3;
    grid-column-end: span 10;
    padding: 0px 4vw;
  }
}
.revealOnScroll .form_container__title, .revealOnScroll .form_container__text, .revealOnScroll .form_container__form {
  transform: translateY(168px);
  transition: transform 1s, opacity 0.5s, visibility 0.5s;
}
.revealOnScroll.reveal .form_container__title, .revealOnScroll.reveal .form_container__text, .revealOnScroll.reveal .form_container__form {
  opacity: 1;
  visibility: visible;
  transform: none;
}

.centeredintro {
  position: relative;
  display: grid;
  grid-template-columns: calc(16px - 16px) repeat(6, minmax(0px, 1fr)) calc(16px - 16px);
  align-items: center;
  column-gap: 16px;
  row-gap: 16px;
  padding-top: 60px;
  padding-bottom: 60px;
  align-content: flex-end;
  align-items: flex-end;
  row-gap: 0px;
}
@media only screen and (min-width: 992px) {
  .centeredintro {
    column-gap: 24px;
    row-gap: 108px;
    grid-template-columns: repeat(14, minmax(0px, 1fr));
  }
}
@media only screen and (min-width: 992px) {
  .centeredintro {
    padding-top: 8vh;
    padding-bottom: 8vh;
  }
}
@media only screen and (max-width: 991px) {
  .sepheader + .centeredintro {
    padding-top: 16px;
  }
}
@media only screen and (min-width: 992px) {
  .centeredintro {
    align-items: flex-start;
    align-content: flex-start;
    row-gap: 0px;
  }
}
.centeredintro__subtitle, .centeredintro__title {
  grid-column-start: 2;
  grid-column-end: span 6;
}
@media only screen and (min-width: 992px) {
  .centeredintro__subtitle, .centeredintro__title {
    grid-column-start: 2;
    grid-column-end: span 12;
    text-align: center;
  }
}
.revealOnScroll .centeredintro__subtitle, .revealOnScroll .centeredintro__title {
  transform: translateY(168px);
  transition: transform 1s, opacity 0.5s, visibility 0.5s;
}
.revealOnScroll.reveal .centeredintro__subtitle, .revealOnScroll.reveal .centeredintro__title {
  transform: none;
}

@media only screen and (max-width: 991px) {
  html .booking-hotel__title {
    font-size: 3rem !important;
  }
  html body .qs-react[data-diadao-widget=booking_hsc] .diadao-qs .not-available-message.qs-no-availabilities-button {
    margin-bottom: 32px !important;
  }
}
html body.page-id-7804,
html body.page-id-7806 {
  background-color: transparent !important;
}
html body.page-id-7804 #diadao-main,
html body.page-id-7806 #diadao-main {
  width: 800px;
  margin-left: auto;
  padding: 32px;
  padding-top: 92px;
  background-color: #FAFCFF;
  height: 100vh;
  position: relative;
}
html body.page-id-7804 #diadao-main .booking-menu-footer,
html body.page-id-7806 #diadao-main .booking-menu-footer {
  visibility: hidden;
}
html body.page-id-7804 #diadao-main:after,
html body.page-id-7806 #diadao-main:after {
  content: "";
  width: 800px;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  background-image: url(../images/static/spinner-working.svg?v=1);
  background-size: 40px 40px;
  background-position: center center;
  background-repeat: no-repeat;
}
html body.page-id-7804 #diadao-main.hsw-is-loaded:after,
html body.page-id-7806 #diadao-main.hsw-is-loaded:after {
  content: none;
}
html body.page-id-7804 #diadao-main.hsw-is-loaded .booking-menu-footer,
html body.page-id-7806 #diadao-main.hsw-is-loaded .booking-menu-footer {
  visibility: visible;
}
@media only screen and (max-width: 991px) {
  html body.page-id-7804 #diadao-main.hsw-is-loaded .booking-menu-footer,
  html body.page-id-7806 #diadao-main.hsw-is-loaded .booking-menu-footer {
    display: none !important;
  }
}
@media only screen and (min-width: 992px) {
  html body.page-id-7804 #diadao-main,
  html body.page-id-7806 #diadao-main {
    min-height: 800px;
  }
}
@media only screen and (max-width: 991px) {
  html body.page-id-7804 #diadao-main,
  html body.page-id-7806 #diadao-main {
    width: 100%;
    min-height: 100vh;
    height: auto;
  }
  html body.page-id-7804 #diadao-main:after,
  html body.page-id-7806 #diadao-main:after {
    width: 100%;
  }
}
html body.page-id-7804 #kwpb-front-editor-toggle,
html body.page-id-7804 .diadao-admin-front-editor,
html body.page-id-7806 #kwpb-front-editor-toggle,
html body.page-id-7806 .diadao-admin-front-editor {
  display: none !important;
}
@media only screen and (max-width: 991px) {
  html body.page-id-7804 .booking-menu-footer,
  html body.page-id-7806 .booking-menu-footer {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 992px) {
  html body.page-id-7804 .booking-menu-footer,
  html body.page-id-7806 .booking-menu-footer {
    display: flex;
    text-align: left;
    position: absolute;
    bottom: 32px;
    left: 32px;
    width: 100%;
  }
}
html body.page-id-7804 .booking-hotel__title,
html body.page-id-7806 .booking-hotel__title {
  margin-bottom: 64px;
}
html body .offcanvas[data-offcanvas-slug=panneau-hsc-chalets],
html body .offcanvas[data-offcanvas-slug=panneau-hsc-suites] {
  width: 100%;
}
html body .offcanvas-body.hsw-hotel-booking-iframe {
  width: 100%;
  height: 100vh;
  background-color: transparent;
  max-width: none;
}
@media only screen and (max-width: 991px) {
  html body .offcanvas-body.hsw-hotel-booking-iframe {
    height: 100%;
  }
}
html body .offcanvas-body.hsw-hotel-booking-iframe:not(.show) {
  visibility: hidden;
  opacity: 0;
  display: none;
}
html body .offcanvas-body.hsw-hotel-booking-iframe:not(.show).showing {
  visibility: visible;
  opacity: 1;
  display: flex;
}
html body .offcanvas-body.hsw-hotel-booking-iframe button.diadao-button-close {
  visibility: hidden !important;
}
html body .offcanvas-body.hsw-hotel-booking-iframe iframe {
  width: 100%;
  height: 100vh;
  overflow: clip;
  border: none;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 991px) {
  html body .offcanvas-body.hsw-hotel-booking-iframe iframe {
    height: 100%;
  }
}
html body.sdkbs-panel-opened[data-sdkbs-id=diadao-snippet-diadaopopup-7881] .offcanvas-body.hsw-hotel-booking-iframe:not(.show), html body.sdkbs-panel-opened[data-sdkbs-id=diadao-snippet-diadaopopup-7886] .offcanvas-body.hsw-hotel-booking-iframe:not(.show) {
  visibility: visible;
  opacity: 1;
  display: flex;
}

.histoire {
  position: relative;
  display: grid;
  grid-template-columns: calc(16px - 16px) repeat(6, minmax(0px, 1fr)) calc(16px - 16px);
  align-items: center;
  column-gap: 16px;
  row-gap: 16px;
  padding-top: 60px;
  padding-bottom: 60px;
}
@media only screen and (min-width: 992px) {
  .histoire {
    column-gap: 24px;
    row-gap: 108px;
    grid-template-columns: repeat(14, minmax(0px, 1fr));
  }
}
@media only screen and (min-width: 992px) {
  .histoire {
    padding-top: 8vh;
    padding-bottom: 8vh;
  }
}
@media only screen and (max-width: 991px) {
  .sepheader + .histoire {
    padding-top: 16px;
  }
}
@media only screen and (min-width: 992px) {
  .histoire {
    align-items: stretch;
    align-content: flex-start;
    row-gap: 0px;
  }
}
.histoire__containTitles {
  grid-column-start: 2;
  grid-column-end: span 6;
}
@media only screen and (min-width: 992px) {
  .histoire__containTitles {
    grid-column-start: 2;
    grid-column-end: span 12;
    padding-bottom: 108px;
    text-align: center;
  }
}
.histoire__media1 {
  position: relative;
  grid-column-start: 2;
  grid-column-end: span 6;
  padding-top: 71.6%;
}
@media only screen and (min-width: 992px) {
  .histoire__media1 {
    grid-column-start: 1;
    grid-column-end: span 8;
    padding-top: 0%;
  }
}
.histoire__media1.revealOnScroll {
  clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
  transition: clip-path 1s cubic-bezier(0.57, 0, 0.08, 1), opacity 0.3s, visibility 0.3s;
}
.histoire__media1.revealOnScroll.reveal {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  transition: clip-path 1s cubic-bezier(0.57, 0, 0.08, 1) 0.4s, opacity 0.3s, visibility 0.3s;
}
.histoire__media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.histoire__media img, .histoire__media video, .histoire__media iframe, .histoire__media hls-video {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.histoire__containTx {
  position: relative;
  grid-column-start: 2;
  grid-column-end: span 6;
  /*margin-bottom: $space-var-mobile;
  margin-bottom: calc(60px - 16px);*/
}
@media only screen and (min-width: 992px) {
  .histoire__containTx {
    grid-column-start: 10;
    grid-column-end: span 4;
    padding: 48px 0px calc(44vh + 69px);
    margin-bottom: 0px;
  }
}
.histoire__containTx:last-child {
  margin-bottom: 0px;
}
.histoire__media2 {
  position: relative;
  grid-column-start: 2;
  grid-column-end: span 6;
  padding-top: 84.7%;
  display: none;
}
@media only screen and (min-width: 992px) {
  .histoire__media2 {
    grid-column-start: 8;
    grid-column-end: span 6;
    margin-top: -44vh;
    display: block;
    box-shadow: 0px 80px 250px 0px rgba(96, 157, 159, 0.25);
  }
}
.histoire__media2.revealOnScroll .histoire__media {
  clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
  transition: clip-path 1s cubic-bezier(0.57, 0, 0.08, 1), opacity 0.3s, visibility 0.3s;
}
.histoire__media2.revealOnScroll.reveal .histoire__media {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  transition: clip-path 1s cubic-bezier(0.57, 0, 0.08, 1) 0.4s, opacity 0.3s, visibility 0.3s;
}
.revealOnScroll .histoire__subtitle, .revealOnScroll .histoire__title, .revealOnScroll .histoire__text, .revealOnScroll .histoire__buttons {
  opacity: 0;
  visibility: hidden;
  transform: translateY(100px);
  transition: transform 1s, opacity 0.5s, visibility 0.5s;
}
@media only screen and (min-width: 992px) {
  .revealOnScroll .histoire__subtitle, .revealOnScroll .histoire__title, .revealOnScroll .histoire__text, .revealOnScroll .histoire__buttons {
    transform: translateY(300px);
  }
}
.revealOnScroll.reveal .histoire__subtitle, .revealOnScroll.reveal .histoire__title, .revealOnScroll.reveal .histoire__text, .revealOnScroll.reveal .histoire__buttons {
  opacity: 1;
  visibility: visible;
  transform: none;
}
@media only screen and (min-width: 992px) {
  .revealOnScroll.reveal .histoire__subtitle, .revealOnScroll.reveal .histoire__title, .revealOnScroll.reveal .histoire__text, .revealOnScroll.reveal .histoire__buttons {
    transform: none;
  }
}

.histoirepanel {
  position: relative;
  min-height: 100%;
  z-index: 2;
}
.histoirepanel__grid {
  position: relative;
  display: grid;
  grid-template-columns: calc(16px - 16px) repeat(6, minmax(0px, 1fr)) calc(16px - 16px);
  align-items: center;
  column-gap: 16px;
  row-gap: 16px;
  padding: 64px 0;
  row-gap: 0px;
}
@media only screen and (min-width: 992px) {
  .histoirepanel__grid {
    column-gap: 24px;
    row-gap: 108px;
    grid-template-columns: repeat(14, minmax(0px, 1fr));
  }
}
@media only screen and (min-width: 992px) {
  .histoirepanel__grid {
    padding: 160px 0;
    row-gap: 0px;
  }
}
.histoirepanel__subtitle {
  grid-column-start: 2;
  grid-column-end: span 6;
}
@media only screen and (min-width: 992px) {
  .histoirepanel__subtitle {
    grid-column-start: 4;
    grid-column-end: span 9;
  }
}
.histoirepanel__title {
  grid-column-start: 2;
  grid-column-end: span 6;
}
@media only screen and (min-width: 992px) {
  .histoirepanel__title {
    grid-column-start: 3;
    grid-column-end: span 10;
  }
}
.histoirepanel__text {
  grid-column-start: 2;
  grid-column-end: span 6;
  padding-top: 32px;
}
@media only screen and (min-width: 992px) {
  .histoirepanel__text {
    grid-column-start: 4;
    grid-column-end: span 9;
  }
}
.histoirepanel__medias1 {
  grid-column-start: 2;
  grid-column-end: span 6;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  row-gap: 8px;
  padding-top: 24px;
}
@media only screen and (min-width: 992px) {
  .histoirepanel__medias1 {
    display: grid;
    grid-template-columns: calc(16px - 16px) repeat(6, minmax(0px, 1fr)) calc(16px - 16px);
    align-items: flex-start;
    column-gap: 16px;
    row-gap: 16px;
    grid-column-start: 3;
    grid-column-end: span 12;
    padding-top: 120px;
  }
}
@media only screen and (min-width: 992px) and (min-width: 992px) {
  .histoirepanel__medias1 {
    column-gap: 24px;
    row-gap: 0px;
    grid-template-columns: repeat(12, minmax(0px, 1fr));
  }
}
.histoirepanel__medias1__media {
  position: relative;
}
.histoirepanel__medias1__media img, .histoirepanel__medias1__media video, .histoirepanel__medias1__media iframe, .histoirepanel__medias1__media hls-video {
  aspect-ratio: calc(328 / 328);
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  object-fit: cover;
  object-position: center;
  border-radius: 0px;
}
@media only screen and (min-width: 992px) {
  .histoirepanel__medias1__media img, .histoirepanel__medias1__media video, .histoirepanel__medias1__media iframe, .histoirepanel__medias1__media hls-video {
    aspect-ratio: auto;
  }
  .histoirepanel__medias1__media:first-child {
    grid-column-start: 1;
    grid-column-end: 9;
    height: 35vw;
  }
  .histoirepanel__medias1__media:first-child:last-child {
    grid-column-end: 13;
  }
  .histoirepanel__medias1__media:nth-child(2) {
    grid-column-start: 9;
    grid-column-end: 13;
    height: 35vw;
    margin-top: 40px;
  }
}
.histoirepanel__title2 {
  grid-column-start: 2;
  grid-column-end: span 6;
  padding: 149px 16px 56px;
  font-family: "freight-big-pro", serif;
  font-size: 2.5rem;
  line-height: 2.5rem;
}
@media only screen and (min-width: 992px) {
  .histoirepanel__title2 {
    grid-column-start: 4;
    grid-column-end: span 9;
    padding: 83px 0 103px;
    font-size: 4rem;
    line-height: 1.2em;
  }
}
.histoirepanel__medias2 {
  grid-column-start: 2;
  grid-column-end: span 6;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  row-gap: 8px;
}
@media only screen and (min-width: 992px) {
  .histoirepanel__medias2 {
    display: grid;
    grid-template-columns: calc(16px - 16px) repeat(6, minmax(0px, 1fr)) calc(16px - 16px);
    align-items: flex-start;
    column-gap: 16px;
    row-gap: 16px;
    grid-column-start: 3;
    grid-column-end: span 12;
  }
}
@media only screen and (min-width: 992px) and (min-width: 992px) {
  .histoirepanel__medias2 {
    column-gap: 24px;
    row-gap: 0px;
    grid-template-columns: repeat(12, minmax(0px, 1fr));
  }
}
.histoirepanel__medias2__media {
  position: relative;
}
.histoirepanel__medias2__media img, .histoirepanel__medias2__media video, .histoirepanel__medias2__media iframe, .histoirepanel__medias2__media hls-video {
  aspect-ratio: calc(328 / 328);
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  object-fit: cover;
  object-position: center;
  border-radius: 0px;
}
@media only screen and (min-width: 992px) {
  .histoirepanel__medias2__media img, .histoirepanel__medias2__media video, .histoirepanel__medias2__media iframe, .histoirepanel__medias2__media hls-video {
    aspect-ratio: auto;
  }
  .histoirepanel__medias2__media:first-child {
    grid-column-start: 1;
    grid-column-end: 9;
    height: 35vw;
  }
  .histoirepanel__medias2__media:first-child:last-child {
    grid-column-end: 13;
  }
  .histoirepanel__medias2__media:nth-child(2) {
    grid-column-start: 9;
    grid-column-end: 13;
    height: 35vw;
    margin-top: 40px;
  }
}

.carousselrooms {
  position: relative;
  display: grid;
  grid-template-columns: calc(16px - 16px) repeat(6, minmax(0px, 1fr)) calc(16px - 16px);
  align-items: center;
  column-gap: 16px;
  row-gap: 16px;
  padding-top: 60px;
  padding-bottom: 60px;
}
@media only screen and (min-width: 992px) {
  .carousselrooms {
    column-gap: 24px;
    row-gap: 108px;
    grid-template-columns: repeat(14, minmax(0px, 1fr));
  }
}
@media only screen and (min-width: 992px) {
  .carousselrooms {
    padding-top: 8vh;
    padding-bottom: 8vh;
  }
}
@media only screen and (max-width: 991px) {
  .sepheader + .carousselrooms {
    padding-top: 16px;
  }
}
@media only screen and (min-width: 992px) {
  .carousselrooms {
    align-items: center;
    align-content: flex-start;
  }
}
.carousselrooms__part1 {
  grid-column-start: 2;
  grid-column-end: span 6;
}
@media only screen and (min-width: 992px) {
  .carousselrooms__part1 {
    grid-column-start: 2;
    grid-column-end: span 9;
  }
}
.carousselrooms__text {
  padding-top: 16px;
}
@media only screen and (min-width: 992px) {
  .carousselrooms__text {
    padding-top: 32px;
  }
}
.carousselrooms__part2 {
  grid-column-start: 2;
  grid-column-end: span 6;
  order: 2;
}
@media only screen and (min-width: 992px) {
  .carousselrooms__part2 {
    grid-column-start: 11;
    grid-column-end: span 3;
    text-align: right;
    order: unset;
  }
}
.carousselrooms__swiper {
  overflow: visible;
}
.carousselrooms__swiper__container {
  grid-column-start: 2;
  grid-column-end: span 6;
  margin-top: 60px;
  margin-top: calc(60px - 16px);
}
@media only screen and (min-width: 992px) {
  .carousselrooms__swiper__container {
    grid-column-start: 2;
    grid-column-end: span 12;
    margin-top: 0px;
  }
}
.carousselrooms__slide {
  position: relative;
  width: 300px;
  height: 480px;
  overflow: hidden;
  color: #FFF;
}
@media only screen and (min-width: 992px) {
  .carousselrooms__slide {
    width: 440px;
    height: 680px;
  }
}
.carousselrooms__slide::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, #000 100%);
}
html:not(.touchevents) .carousselrooms__slide:hover .carousselrooms__slide__media--1, html:not(.touchevents) .carousselrooms__slide:focus-visible .carousselrooms__slide__media--1 {
  opacity: 1;
  visibility: visible;
}
.carousselrooms__slide__medias {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.carousselrooms__slide__media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.carousselrooms__slide__media--1 {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
}
.carousselrooms__slide__media img, .carousselrooms__slide__media picture, .carousselrooms__slide__media svg, .carousselrooms__slide__media video, .carousselrooms__slide__media hls-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.carousselrooms__slide__infos {
  position: absolute;
  left: 22px;
  right: 22px;
  bottom: 22px;
  z-index: 3;
}
@media only screen and (min-width: 992px) {
  .carousselrooms__slide__infos {
    left: 40px;
    right: 40px;
    bottom: 40px;
  }
}
.carousselrooms__slide__area {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.125rem;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 992px) {
  .carousselrooms__slide__area {
    font-size: 1rem;
    line-height: 1.75rem;
  }
}
.carousselrooms__slide__title {
  font-family: "freight-big-pro", serif;
  font-weight: 300;
  font-size: 2rem;
  line-height: 2.125rem;
}
@media only screen and (min-width: 992px) {
  .carousselrooms__slide__title {
    font-size: 3.5rem;
    line-height: 3rem;
  }
}
.carousselrooms__slide__link {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
  cursor: pointer;
}
.carousselrooms__navigation {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 36px;
}
@media only screen and (min-width: 992px) {
  .carousselrooms__navigation {
    margin-top: 124px;
  }
}
.touchevents .carousselrooms__navigation {
  display: none;
}
.carousselrooms__navigation .swiper-pagination-horizontal.swiper-pagination-bullets {
  padding: 0px 18px;
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
  width: auto;
}
@media only screen and (min-width: 992px) {
  .carousselrooms__navigation .swiper-pagination-horizontal.swiper-pagination-bullets {
    padding: 0px 36px;
  }
}
.carousselrooms__navigation .swiper-pagination-horizontal.swiper-pagination-bullets::before {
  display: none;
}
.carousselrooms__navigation .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  width: 88px;
}
.carousselrooms__navigation .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 88px;
}
.carousselrooms__navigation .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  background: #000;
}
.carousselrooms__navigation .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet::before {
  background: rgba(0, 0, 0, 0.16);
}
.carousselrooms__arrow {
  position: relative;
  width: 48px;
  height: 48px;
  cursor: pointer;
}
.carousselrooms__arrow::before {
  position: absolute;
  content: "";
  height: 24px;
  width: 24px;
  top: 12px;
  left: 12px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url("../images/svg/icon-chevron-left.svg");
  mask-image: url("../images/svg/icon-chevron-left.svg");
  background-color: #000;
}
.carousselrooms__arrow.swiper-button-disabled {
  opacity: 0;
  visibility: hidden;
}
.carousselrooms__next::before {
  -webkit-mask-image: url("../images/svg/icon-chevron-right.svg");
  mask-image: url("../images/svg/icon-chevron-right.svg");
}
.restaubardesktop {
  position: relative;
  display: grid;
  grid-template-columns: calc(16px - 16px) repeat(6, minmax(0px, 1fr)) calc(16px - 16px);
  align-items: center;
  column-gap: 16px;
  row-gap: 16px;
  padding-top: 60px;
  padding-bottom: 60px;
  background: url("../images/static/background-restaurant.jpg") 50% 50% no-repeat #171212;
  background-size: 100% auto;
  color: #FFF;
  margin-top: 60px;
  box-shadow: 0 -100px 50px 0 rgba(96, 157, 159, 0.25);
}
@media only screen and (min-width: 992px) {
  .restaubardesktop {
    column-gap: 24px;
    row-gap: 108px;
    grid-template-columns: repeat(14, minmax(0px, 1fr));
  }
}
@media only screen and (min-width: 992px) {
  .restaubardesktop {
    padding-top: 8vh;
    padding-bottom: 8vh;
  }
}
@media only screen and (max-width: 991px) {
  .sepheader + .restaubardesktop {
    padding-top: 16px;
  }
}
@media only screen and (min-width: 992px) {
  .restaubardesktop {
    align-items: center;
    align-content: flex-start;
    padding: 24vh 0px;
    margin-top: 8vh;
  }
}
.restaubardesktop__maintitle {
  grid-column-start: 2;
  grid-column-end: span 6;
  text-align: center;
}
@media only screen and (min-width: 992px) {
  .restaubardesktop__maintitle {
    grid-column-start: 2;
    grid-column-end: span 12;
  }
}
.restaubardesktop__text {
  padding-top: 16px;
}
@media only screen and (min-width: 992px) {
  .restaubardesktop__text {
    padding-top: 40px;
  }
}
.restaubardesktop__restaurant__partTx {
  grid-column-start: 2;
  grid-column-end: span 6;
}
@media only screen and (min-width: 992px) {
  .restaubardesktop__restaurant__partTx {
    grid-column-start: 2;
    grid-column-end: span 4;
  }
}
.restaubardesktop__restaurant__partImg {
  grid-column-start: 2;
  grid-column-end: span 6;
}
.restaubardesktop__restaurant__partImg img, .restaubardesktop__restaurant__partImg video, .restaubardesktop__restaurant__partImg iframe, .restaubardesktop__restaurant__partImg hls-video {
  aspect-ratio: calc(954 / 687);
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  object-fit: cover;
  object-position: center;
  border-radius: 0px;
}
@media only screen and (min-width: 992px) {
  .restaubardesktop__restaurant__partImg {
    grid-column-start: 7;
    grid-column-end: span 7;
  }
}
.restaubardesktop__bar__partImg {
  grid-column-start: 2;
  grid-column-end: span 6;
}
.restaubardesktop__bar__partImg img, .restaubardesktop__bar__partImg video, .restaubardesktop__bar__partImg iframe, .restaubardesktop__bar__partImg hls-video {
  aspect-ratio: calc(1240 / 917);
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  object-fit: cover;
  object-position: center;
  border-radius: 0px;
}
@media only screen and (min-width: 992px) {
  .restaubardesktop__bar__partImg {
    grid-column-start: 1;
    grid-column-end: span 9;
  }
}
.restaubardesktop__bar__partTx {
  grid-column-start: 2;
  grid-column-end: span 6;
}
@media only screen and (min-width: 992px) {
  .restaubardesktop__bar__partTx {
    grid-column-start: 10;
    grid-column-end: span 4;
    padding-left: 60px;
  }
}
.restaubardesktop .button-primary, .restaubardesktop .btn-primary {
  border-color: rgba(255, 255, 255, 0.2);
  color: #FFF;
}
html:not(.touchevents) .restaubardesktop .button-primary:hover, html:not(.touchevents) .restaubardesktop .button-primary:focus-visible, html:not(.touchevents) .restaubardesktop .btn-primary:hover, html:not(.touchevents) .restaubardesktop .btn-primary:focus-visible {
  border-color: rgba(255, 255, 255, 0.5);
  color: #FFF;
  background-color: rgba(255, 255, 255, 0.05);
}

.restaubarmobile {
  padding: 56px 16px;
  color: #FFF;
  background-color: #291811;
}
@media only screen and (min-width: 992px) {
  .restaubarmobile {
    padding: 56px 7.3%;
    background: url("../images/static/background-restaurant.jpg") center center;
    background-size: cover;
  }
}
.restaubarmobile__btns {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  margin-bottom: 32px;
}
.restaubarmobile__btn {
  position: relative;
  font-family: "freight-big-pro", serif;
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 1.5rem;
  padding: 16px;
  color: #FFF;
  opacity: 0.3;
  transition: opacity 0.3s;
  flex: 1 1 50%;
  text-align: center;
}
.restaubarmobile__btn.active {
  opacity: 1;
}
.restaubarmobile__btn.active::before {
  left: 0;
  right: 0;
}
.restaubarmobile__btn::before {
  content: "";
  position: absolute;
  left: 50%;
  right: 50%;
  bottom: 0px;
  height: 1px;
  background: #FFF;
  transition: left 0.3s, right 0.3s;
}
.restaubarmobile__tabs {
  position: relative;
}
.restaubarmobile__tab {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(30px);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
}
.restaubarmobile__tab.active {
  position: relative;
  transform: none;
  opacity: 1;
  visibility: visible;
}
.restaubarmobile__text {
  padding-top: 16px;
}
.restaubarmobile__swiper {
  position: relative;
  height: 46vh;
  min-height: 360px;
  margin-top: 60px;
  border-radius: 4px;
  overflow: hidden;
}
.restaubarmobile__swiper img, .restaubarmobile__swiper picture, .restaubarmobile__swiper svg, .restaubarmobile__swiper video, .restaubarmobile__swiper hls-video {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.restaubarmobile .button-primary, .restaubarmobile .btn-primary {
  border-color: rgba(255, 255, 255, 0.2);
  color: #FFF;
}
html:not(.touchevents) .restaubarmobile .button-primary:hover, html:not(.touchevents) .restaubarmobile .button-primary:focus-visible, html:not(.touchevents) .restaubarmobile .btn-primary:hover, html:not(.touchevents) .restaubarmobile .btn-primary:focus-visible {
  border-color: rgba(255, 255, 255, 0.5);
  color: #FFF;
  background-color: rgba(255, 255, 255, 0.05);
}

.homedetente {
  position: relative;
  color: #FFF;
  display: grid;
  grid-template-columns: calc(16px - 16px) repeat(6, minmax(0px, 1fr)) calc(16px - 16px);
  align-items: center;
  column-gap: 16px;
  row-gap: 16px;
  align-content: center;
  height: 46vh;
  min-height: 360px;
  padding: 20px 0;
}
@media only screen and (min-width: 992px) {
  .homedetente {
    column-gap: 24px;
    row-gap: 108px;
    grid-template-columns: repeat(14, minmax(0px, 1fr));
  }
}
@media only screen and (min-width: 992px) {
  .homedetente {
    height: 100vh;
    height: 100svh;
    min-height: 600px;
    margin-bottom: 8vh;
  }
}
.homedetente__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.homedetente__bg__media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.homedetente__bg__media img, .homedetente__bg__media picture, .homedetente__bg__media svg, .homedetente__bg__media video, .homedetente__bg__media hls-video {
  display: block;
  position: relative;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.homedetente__bg::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: rgba(0, 0, 0, 0.3);
}
.homedetente__containTx {
  position: relative;
  grid-column-start: 2;
  grid-column-end: span 6;
  text-align: center;
  z-index: 1;
}
@media only screen and (min-width: 992px) {
  .homedetente__containTx {
    grid-column-start: 4;
    grid-column-end: span 8;
  }
}
.homedetente__text {
  display: none;
  padding-top: 56px;
}
@media only screen and (min-width: 992px) {
  .homedetente__text {
    display: block;
  }
}
.revealOnScroll .homedetente__text, .revealOnScroll .homedetente__title, .revealOnScroll .homedetente__buttons {
  transform: translateY(168px);
  opacity: 0;
  visibility: hidden;
  transition: transform 1s, opacity 0.5s, visibility 0.5s;
}
.revealOnScroll.reveal .homedetente__text, .revealOnScroll.reveal .homedetente__title, .revealOnScroll.reveal .homedetente__buttons {
  opacity: 1;
  visibility: visible;
  transform: none;
}
.homedetente__buttons {
  padding-top: 16px;
}
@media only screen and (min-width: 992px) {
  .homedetente__buttons {
    padding-top: 56px;
  }
}
.homedetente .commonbuttons, .homedetente .content-medias__content__buttons {
  padding-top: 0px;
  justify-content: center;
}
@media only screen and (min-width: 992px) {
  .homedetente .commonbuttons, .homedetente .content-medias__content__buttons {
    padding-top: 0px;
  }
}
.homedetente .button-primary, .homedetente .btn-primary {
  border-color: rgba(255, 255, 255, 0.2);
  color: #FFF;
}
html:not(.touchevents) .homedetente .button-primary:hover, html:not(.touchevents) .homedetente .button-primary:focus-visible, html:not(.touchevents) .homedetente .btn-primary:hover, html:not(.touchevents) .homedetente .btn-primary:focus-visible {
  border-color: rgba(255, 255, 255, 0.5);
  color: #FFF;
  background-color: rgba(255, 255, 255, 0.05);
}

.mourrafooter {
  position: relative;
  margin-top: 60px;
  display: grid;
  grid-template-columns: calc(16px - 16px) repeat(6, minmax(0px, 1fr)) calc(16px - 16px);
  align-items: center;
  column-gap: 16px;
  row-gap: 16px;
  padding: 32px 0px 66vh;
}
@media only screen and (min-width: 992px) {
  .mourrafooter {
    column-gap: 24px;
    row-gap: 108px;
    grid-template-columns: repeat(14, minmax(0px, 1fr));
  }
}
@media only screen and (min-width: 992px) {
  .mourrafooter {
    margin-top: 8vh;
    padding: 46vh 0px 20vh;
  }
}
.mourrafooter__media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.mourrafooter__media img, .mourrafooter__media picture, .mourrafooter__media svg, .mourrafooter__media video, .mourrafooter__media hls-video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center bottom;
}
.mourrafooter__media__container {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.mourrafooter__containTx {
  position: relative;
  z-index: 2;
  grid-column-start: 2;
  grid-column-end: span 6;
}
@media only screen and (min-width: 992px) {
  .mourrafooter__containTx {
    grid-column-start: 7;
    grid-column-end: span 7;
  }
}
@media only screen and (min-width: 1640px) {
  .mourrafooter__containTx {
    grid-column-start: 9;
    grid-column-end: span 5;
  }
}
.mourrafooter__containTx__bg {
  background-color: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(20px);
  border-radius: 4px;
  padding: 32px;
}
@media only screen and (min-width: 992px) {
  .mourrafooter__containTx__bg {
    padding: 88px;
  }
}
.revealOnScroll .mourrafooter__containTx__bg {
  opacity: 0;
  visibility: hidden;
  transform: translateY(100px);
  transition: transform 1s, opacity 0.5s, visibility 0.5s;
}
@media only screen and (min-width: 992px) {
  .revealOnScroll .mourrafooter__containTx__bg {
    transform: translateY(300px);
  }
}
.revealOnScroll.reveal .mourrafooter__containTx__bg {
  opacity: 1;
  visibility: visible;
  transform: none;
}
@media only screen and (min-width: 992px) {
  .revealOnScroll.reveal .mourrafooter__containTx__bg {
    transform: none;
  }
}
@media only screen and (min-width: 992px) {
  .mourrafooter__subtitle {
    padding-bottom: 16px;
  }
}
@media only screen and (min-width: 1440px) {
  .mourrafooter__title .title-h1, .mourrafooter__title .title-h1 * {
    font-size: 6rem;
    line-height: 5rem;
  }
}
.mourrafooter__title + .mourrafooter__text {
  padding-top: 16px;
}
@media only screen and (min-width: 992px) {
  .mourrafooter__title + .mourrafooter__text {
    padding-top: 56px;
  }
}

.valdisere365 {
  position: relative;
  display: grid;
  grid-template-columns: calc(16px - 16px) repeat(6, minmax(0px, 1fr)) calc(16px - 16px);
  align-items: center;
  column-gap: 16px;
  row-gap: 16px;
  padding-top: 60px;
  padding-bottom: 60px;
  align-content: flex-end;
  align-items: flex-end;
}
@media only screen and (min-width: 992px) {
  .valdisere365 {
    column-gap: 24px;
    row-gap: 108px;
    grid-template-columns: repeat(14, minmax(0px, 1fr));
  }
}
@media only screen and (min-width: 992px) {
  .valdisere365 {
    padding-top: 8vh;
    padding-bottom: 8vh;
  }
}
@media only screen and (max-width: 991px) {
  .sepheader + .valdisere365 {
    padding-top: 16px;
  }
}
@media only screen and (min-width: 992px) {
  .valdisere365 {
    align-items: flex-start;
    align-content: flex-start;
    row-gap: 0px;
  }
}
.valdisere365__logo {
  position: relative;
  grid-column-start: 2;
  grid-column-end: span 2;
  grid-row-start: 1;
  grid-row-end: span 1;
  z-index: 2;
}
@media only screen and (min-width: 992px) {
  .valdisere365__logo {
    grid-column-start: 9;
    grid-column-end: span 2;
    grid-row-start: unset;
    grid-row-end: unset;
  }
}
.valdisere365__logo a {
  display: none;
}
.valdisere365__logo img, .valdisere365__logo picture, .valdisere365__logo svg, .valdisere365__logo video, .valdisere365__logo hls-video {
  display: block;
  width: 100%;
  height: auto;
  mix-blend-mode: darken;
}
.valdisere365__media1 {
  position: relative;
  grid-column-start: 2;
  grid-column-end: span 6;
  grid-row-start: 1;
  grid-row-end: span 1;
  padding-top: 100%;
  z-index: 1;
}
@media only screen and (min-width: 992px) {
  .valdisere365__media1 {
    grid-column-start: 2;
    grid-column-end: span 8;
    grid-row-start: unset;
    grid-row-end: unset;
    box-shadow: 0px 80px 250px 0px rgba(96, 157, 159, 0.25);
    padding-top: 63.4%;
  }
  .valdisere365__media1.withlogo {
    margin-top: -6vw;
  }
}
.valdisere365__media1.revealOnScroll .valdisere365__media {
  clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
  transition: clip-path 1s cubic-bezier(0.57, 0, 0.08, 1), opacity 0.3s, visibility 0.3s;
}
.valdisere365__media1.revealOnScroll.reveal .valdisere365__media {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  transition: clip-path 1s cubic-bezier(0.57, 0, 0.08, 1) 0.4s, opacity 0.3s, visibility 0.3s;
}
.valdisere365__media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.valdisere365__media img, .valdisere365__media video, .valdisere365__media iframe, .valdisere365__media hls-video {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.valdisere365__containTx {
  grid-column-start: 2;
  grid-column-end: span 6;
  grid-row-start: 2;
  grid-row-end: span 1;
  z-index: 1;
}
@media only screen and (min-width: 992px) {
  .valdisere365__containTx {
    grid-column-start: 11;
    grid-column-end: span 3;
    grid-row-start: unset;
    grid-row-end: unset;
  }
  .valdisere365__containTx.withlogo {
    margin-top: -6vw;
    padding-top: 6vw;
  }
}
.revealOnScroll .valdisere365__subtitle, .revealOnScroll .valdisere365__title, .revealOnScroll .valdisere365__text, .revealOnScroll .valdisere365__buttons {
  opacity: 0;
  visibility: hidden;
  transform: translateY(160px);
  transition: transform 1s, opacity 0.5s, visibility 0.5s;
}
.revealOnScroll.reveal .valdisere365__subtitle, .revealOnScroll.reveal .valdisere365__title, .revealOnScroll.reveal .valdisere365__text, .revealOnScroll.reveal .valdisere365__buttons {
  opacity: 1;
  visibility: visible;
  transform: none;
}
.valdisere365__text {
  padding-top: 16px;
}
@media only screen and (min-width: 992px) {
  .valdisere365__text {
    padding-top: 24px;
  }
}

.activities {
  position: relative;
  display: grid;
  grid-template-columns: calc(16px - 16px) repeat(6, minmax(0px, 1fr)) calc(16px - 16px);
  align-items: center;
  column-gap: 16px;
  row-gap: 16px;
  padding-top: 60px;
  padding-bottom: 60px;
  align-content: flex-end;
  align-items: flex-end;
}
@media only screen and (min-width: 992px) {
  .activities {
    column-gap: 24px;
    row-gap: 108px;
    grid-template-columns: repeat(14, minmax(0px, 1fr));
  }
}
@media only screen and (min-width: 992px) {
  .activities {
    padding-top: 8vh;
    padding-bottom: 8vh;
  }
}
@media only screen and (max-width: 991px) {
  .sepheader + .activities {
    padding-top: 16px;
  }
}
@media only screen and (min-width: 992px) {
  .activities {
    align-items: flex-start;
    align-content: flex-start;
    row-gap: 80px;
  }
}
.activities__titles {
  grid-column-start: 2;
  grid-column-end: span 6;
  text-align: center;
}
@media only screen and (min-width: 992px) {
  .activities__titles {
    grid-column-start: 2;
    grid-column-end: span 12;
  }
}
.revealOnScroll .activities__mainsubtitle, .revealOnScroll .activities__maintitle, .revealOnScroll .activities .seasonpanels__container {
  transform: translateY(168px);
  transition: transform 1s, opacity 0.5s, visibility 0.5s;
}
.revealOnScroll.reveal .activities__mainsubtitle, .revealOnScroll.reveal .activities__maintitle, .revealOnScroll.reveal .activities .seasonpanels__container {
  transform: none;
}

.activitiespanel {
  min-height: 100%;
}
.activitiespanel__grid {
  position: relative;
  display: grid;
  grid-template-columns: calc(16px - 16px) repeat(6, minmax(0px, 1fr)) calc(16px - 16px);
  align-items: center;
  column-gap: 16px;
  row-gap: 16px;
  padding: 64px 0;
  row-gap: 0px;
}
@media only screen and (min-width: 992px) {
  .activitiespanel__grid {
    column-gap: 24px;
    row-gap: 108px;
    grid-template-columns: repeat(14, minmax(0px, 1fr));
  }
}
@media only screen and (min-width: 992px) {
  .activitiespanel__grid {
    padding: 160px 0;
    row-gap: 0px;
  }
}
.activitiespanel__subtitle {
  grid-column-start: 2;
  grid-column-end: span 6;
}
@media only screen and (min-width: 992px) {
  .activitiespanel__subtitle {
    grid-column-start: 4;
    grid-column-end: span 9;
  }
}
.activitiespanel__title {
  grid-column-start: 2;
  grid-column-end: span 6;
}
@media only screen and (min-width: 992px) {
  .activitiespanel__title {
    grid-column-start: 3;
    grid-column-end: span 10;
  }
}
.activitiespanel__text {
  grid-column-start: 2;
  grid-column-end: span 6;
  padding-top: 32px;
}
@media only screen and (min-width: 992px) {
  .activitiespanel__text {
    grid-column-start: 4;
    grid-column-end: span 9;
  }
}
.activitiespanel__activity {
  grid-column-start: 2;
  grid-column-end: span 6;
}
@media only screen and (min-width: 992px) {
  .activitiespanel__activity {
    grid-column-start: 3;
    grid-column-end: span 10;
    padding-top: 106px;
  }
}
.activitiespanel__activity__line {
  padding-top: 24px;
}
@media only screen and (min-width: 992px) {
  .activitiespanel__activity__line {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    padding-top: 32px;
  }
}
.activitiespanel__activity__media {
  position: relative;
}
.activitiespanel__activity__media img, .activitiespanel__activity__media video, .activitiespanel__activity__media iframe, .activitiespanel__activity__media hls-video {
  aspect-ratio: calc(328 / 256);
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  object-fit: cover;
  object-position: center;
  border-radius: 0px;
}
@media only screen and (min-width: 992px) {
  .activitiespanel__activity__media {
    align-self: flex-start;
    flex: 0 0 328px;
  }
  .activitiespanel__activity__media img, .activitiespanel__activity__media video, .activitiespanel__activity__media iframe, .activitiespanel__activity__media hls-video {
    aspect-ratio: calc(328 / 256);
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    object-fit: cover;
    object-position: center;
    border-radius: 0px;
  }
}
.activitiespanel__activity__partTx {
  padding-top: 40px;
}
@media only screen and (min-width: 992px) {
  .activitiespanel__activity__partTx {
    padding: 0px 0px 0px 40px;
    flex: 1 1 0px;
  }
}
.activitiespanel__activity__title, .activitiespanel__activity__title * {
  font-size: 0.875rem;
  line-height: 1.5rem;
  font-weight: 600;
  letter-spacing: -0.03em;
  margin: 0;
}
@media only screen and (min-width: 992px) {
  .activitiespanel__activity__title, .activitiespanel__activity__title * {
    font-size: 1.25rem;
    line-height: 2rem;
  }
}
.valdiseregallery {
  display: grid;
  grid-template-columns: calc(16px - 16px) repeat(6, minmax(0px, 1fr)) calc(16px - 16px);
  align-items: center;
  column-gap: 16px;
  row-gap: 16px;
  padding-top: 60px;
  padding-bottom: 60px;
}
@media only screen and (min-width: 992px) {
  .valdiseregallery {
    column-gap: 24px;
    row-gap: 108px;
    grid-template-columns: repeat(14, minmax(0px, 1fr));
  }
}
@media only screen and (min-width: 992px) {
  .valdiseregallery {
    padding-top: 8vh;
    padding-bottom: 8vh;
  }
}
@media only screen and (max-width: 991px) {
  .sepheader + .valdiseregallery {
    padding-top: 16px;
  }
}
.valdiseregallery__titles {
  grid-column-start: 2;
  grid-column-end: span 6;
  text-align: center;
}
@media only screen and (min-width: 992px) {
  .valdiseregallery__titles {
    grid-column-start: 2;
    grid-column-end: span 12;
  }
}
.revealOnScroll .valdiseregallery__subtitle, .revealOnScroll .valdiseregallery__title {
  transform: translateY(168px);
  transition: transform 1s, opacity 0.5s, visibility 0.5s;
}
.revealOnScroll.reveal .valdiseregallery__subtitle, .revealOnScroll.reveal .valdiseregallery__title {
  transform: none;
}
.valdiseregallery__gallerycontainer {
  grid-column-start: 2;
  grid-column-end: span 6;
  text-align: center;
}
@media only screen and (min-width: 992px) {
  .valdiseregallery__gallerycontainer {
    grid-column-start: 2;
    grid-column-end: span 12;
  }
}
.valdiseregallery__gallery {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(6, minmax(0px, 1fr));
}
@media only screen and (min-width: 992px) {
  .valdiseregallery__gallery {
    gap: 24px;
    grid-template-columns: repeat(12, minmax(0px, 1fr));
  }
}
.valdiseregallery__gallery__thumb {
  grid-column: span 6;
  position: relative;
  overflow: hidden;
}
.valdiseregallery__gallery__thumb img, .valdiseregallery__gallery__thumb video, .valdiseregallery__gallery__thumb iframe, .valdiseregallery__gallery__thumb hls-video {
  aspect-ratio: calc(531 / 384);
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  object-fit: cover;
  object-position: center;
  border-radius: 0px;
}
@media only screen and (min-width: 640px) {
  .valdiseregallery__gallery__thumb {
    grid-column: span 3;
  }
}
@media only screen and (min-width: 992px) {
  .valdiseregallery__gallery__thumb {
    grid-column: span 4;
  }
}
html:not(.touchevents) .valdiseregallery__gallery__thumb:hover img, html:not(.touchevents) .valdiseregallery__gallery__thumb:hover picture, html:not(.touchevents) .valdiseregallery__gallery__thumb:hover svg, html:not(.touchevents) .valdiseregallery__gallery__thumb:hover video, html:not(.touchevents) .valdiseregallery__gallery__thumb:hover hls-video, html:not(.touchevents) .valdiseregallery__gallery__thumb:focus-visible img, html:not(.touchevents) .valdiseregallery__gallery__thumb:focus-visible picture, html:not(.touchevents) .valdiseregallery__gallery__thumb:focus-visible svg, html:not(.touchevents) .valdiseregallery__gallery__thumb:focus-visible video, html:not(.touchevents) .valdiseregallery__gallery__thumb:focus-visible hls-video {
  transform: scale(1.1);
}
.valdiseregallery__gallery__thumb img, .valdiseregallery__gallery__thumb picture, .valdiseregallery__gallery__thumb svg, .valdiseregallery__gallery__thumb video, .valdiseregallery__gallery__thumb hls-video {
  transition: transform 0.3s ease-out;
}

.faqpage {
  display: grid;
  grid-template-columns: calc(16px - 16px) repeat(6, minmax(0px, 1fr)) calc(16px - 16px);
  align-items: center;
  column-gap: 16px;
  row-gap: 16px;
  padding-top: 60px;
  padding-bottom: 60px;
  align-content: flex-end;
  align-items: flex-end;
  row-gap: 60pxx;
}
@media only screen and (min-width: 992px) {
  .faqpage {
    column-gap: 24px;
    row-gap: 108px;
    grid-template-columns: repeat(14, minmax(0px, 1fr));
  }
}
@media only screen and (min-width: 992px) {
  .faqpage {
    padding-top: 8vh;
    padding-bottom: 8vh;
  }
}
@media only screen and (max-width: 991px) {
  .sepheader + .faqpage {
    padding-top: 16px;
  }
}
@media only screen and (min-width: 992px) {
  .faqpage {
    align-items: flex-start;
    align-content: flex-start;
    row-gap: 160px;
  }
}
.faqpage__block {
  grid-column-start: 2;
  grid-column-end: span 6;
}
@media only screen and (min-width: 992px) {
  .faqpage__block {
    grid-column-start: 2;
    grid-column-end: span 12;
  }
}
.faqpage__title {
  text-align: center;
}
.faqpage__accordions {
  padding-top: 24px;
}
@media only screen and (min-width: 992px) {
  .faqpage__accordions {
    padding-top: 56px;
  }
}
.faqpage .accordeon-content {
  background-color: transparent;
  padding: 0px;
  margin: 0;
}
@media only screen and (min-width: 992px) {
  .faqpage .accordeon-content {
    background-color: transparent;
    margin: 0;
  }
}
.faqpage .accordeon-content .accordeon-item, .faqpage .accordeon-content .accordion-item {
  width: 100%;
  padding: 0px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  /*&.opened {
      .accordeon-title h3::before {
          transform: rotate(-180deg);
      }
  }*/
}
@media only screen and (min-width: 992px) {
  .faqpage .accordeon-content .accordeon-item, .faqpage .accordeon-content .accordion-item {
    padding: 0px;
  }
  .faqpage .accordeon-content .accordeon-item .accordeon-title::before, .faqpage .accordeon-content .accordion-item .accordeon-title::before {
    display: block;
    position: absolute;
    top: 35px;
    left: 64px;
    content: "0" attr(data-id) ".";
    color: #AD172B;
    font-family: "chesna_grotesk", sans-serif;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.5rem;
    transition: top 0.3s;
  }
  .faqpage .accordeon-content .accordeon-item:nth-child(n+10) .accordeon-title::before, .faqpage .accordeon-content .accordion-item:nth-child(n+10) .accordeon-title::before {
    content: attr(data-id) ".";
  }
}
.faqpage .accordeon-content .accordeon-item.initialized, .faqpage .accordeon-content .accordion-item.initialized {
  transition: padding 0.3s;
}
.faqpage .accordeon-content .accordeon-item.isopen, .faqpage .accordeon-content .accordion-item.isopen {
  background-color: #FFF;
  padding-bottom: 16px;
}
@media only screen and (min-width: 992px) {
  .faqpage .accordeon-content .accordeon-item.isopen, .faqpage .accordeon-content .accordion-item.isopen {
    padding-bottom: 64px;
  }
}
.faqpage .accordeon-content .accordeon-item.isopen .accordeon-title::before, .faqpage .accordeon-content .accordion-item.isopen .accordeon-title::before {
  top: 67px;
}
.faqpage .accordeon-content .accordeon-title {
  position: relative;
  transition: background 0.3s;
}
.faqpage .accordeon-content .accordeon-title h3 {
  position: relative;
  padding: 16px 72px 0px 32px;
  cursor: pointer;
  font-size: 1rem;
  line-height: 1em;
  transition: padding 0.3s;
}
@media only screen and (min-width: 992px) {
  .faqpage .accordeon-content .accordeon-title h3 {
    font-size: 1.5rem;
    padding: 64px 104px 0px 134px;
  }
}
.faqpage .accordeon-content .accordeon-title h3::before, .faqpage .accordeon-content .accordeon-title h3::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 32px;
  width: 16px;
  height: 2px;
  background-color: #000;
  border-radius: 1px;
  transition: background-color 0.3s ease, margin-top 0.3s;
  margin-top: 8px;
  -webkit-mask-image: none;
  mask-image: none;
}
@media only screen and (min-width: 992px) {
  .faqpage .accordeon-content .accordeon-title h3::before, .faqpage .accordeon-content .accordeon-title h3::after {
    top: 32px;
    right: 64px;
    margin-top: 44px;
  }
}
.faqpage .accordeon-content .accordeon-title h3.collapsed {
  padding-bottom: 16px;
}
@media only screen and (min-width: 992px) {
  .faqpage .accordeon-content .accordeon-title h3.collapsed {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}
.faqpage .accordeon-content .accordeon-title h3.collapsed::after {
  transform: rotate(90deg);
}
.faqpage .accordeon-content .accordeon-title h3.collapsed::before, .faqpage .accordeon-content .accordeon-title h3.collapsed::after {
  margin-top: 0px;
}
@media only screen and (min-width: 992px) {
  .faqpage .accordeon-content .accordeon-title h3.collapsed::before, .faqpage .accordeon-content .accordeon-title h3.collapsed::after {
    margin-top: 12px;
  }
}
.faqpage .accordeon-content .accordeon-title h3:not(:active) {
  transition: all 0.3s ease;
}
.faqpage .accordeon-content .accordeon-title:hover {
  /*h3 {
      color: var(--sdk-template-primary-500);

      &::before,&::after {
          background-color: var(--sdk-template-primary-400);
      }
  }*/
  background-color: #FFF;
}
.faqpage .accordeon-content .accordion-body {
  padding: 18px 32px 0px;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.6em;
}
@media only screen and (min-width: 992px) {
  .faqpage .accordeon-content .accordion-body {
    padding: 18px 70px 0px 134px;
    font-size: 1.25rem;
  }
}
.faqpage .accordeon-content .accordeon-text {
  box-sizing: content-box;
}
.faqpage .accordeon-content .accordeon-text p {
  margin: 0 0 1.6em;
}
.faqpage .accordeon-content .accordeon-text p:last-child {
  margin: 0;
}

.contactinfos {
  position: relative;
  display: grid;
  grid-template-columns: calc(16px - 16px) repeat(6, minmax(0px, 1fr)) calc(16px - 16px);
  align-items: center;
  column-gap: 16px;
  row-gap: 16px;
  padding-top: 60px;
  padding-bottom: 60px;
}
@media only screen and (min-width: 992px) {
  .contactinfos {
    column-gap: 24px;
    row-gap: 108px;
    grid-template-columns: repeat(14, minmax(0px, 1fr));
  }
}
@media only screen and (min-width: 992px) {
  .contactinfos {
    padding-top: 8vh;
    padding-bottom: 8vh;
  }
}
@media only screen and (max-width: 991px) {
  .sepheader + .contactinfos {
    padding-top: 16px;
  }
}
@media only screen and (min-width: 992px) {
  .contactinfos {
    align-items: stretch;
    align-content: flex-start;
  }
}
.contactinfos__containTx {
  grid-column-start: 2;
  grid-column-end: span 6;
  display: grid;
  grid-template-columns: calc(16px - 16px) repeat(6, minmax(0px, 1fr)) calc(16px - 16px);
  align-items: flex-start;
  column-gap: 16px;
  row-gap: 16px;
  display: block;
  z-index: 1;
  align-content: flex-start;
}
@media only screen and (min-width: 992px) {
  .contactinfos__containTx {
    column-gap: 24px;
    row-gap: 0px;
    grid-template-columns: repeat(6, minmax(0px, 1fr));
  }
}
@media only screen and (min-width: 992px) {
  .contactinfos__containTx {
    grid-column-start: 2;
    grid-column-end: span 6;
    display: grid;
  }
}
@media only screen and (min-width: 1440px) {
  .contactinfos__containTx {
    grid-column-start: 2;
    grid-column-end: span 5;
    grid-template-columns: repeat(5, minmax(0px, 1fr));
  }
}
.contactinfos__subtitle {
  grid-column-start: 2;
  grid-column-end: span 6;
}
@media only screen and (min-width: 992px) {
  .contactinfos__subtitle {
    grid-column-start: 2;
    grid-column-end: span 4;
  }
}
.revealOnScroll .contactinfos__subtitle {
  transform: translateY(150px);
  transition: transform 1s, opacity 0.5s, visibility 0.5s;
}
.revealOnScroll.reveal .contactinfos__subtitle {
  transform: none;
}
@media only screen and (min-width: 992px) {
  .contactinfos__title {
    grid-column-start: 1;
    grid-column-end: span 7;
  }
}
@media only screen and (min-width: 1440px) {
  .contactinfos__title {
    grid-column-start: 1;
    grid-column-end: span 6;
  }
}
.revealOnScroll .contactinfos__title {
  transform: translateY(150px);
  transition: transform 1s, opacity 0.5s, visibility 0.5s;
}
.revealOnScroll.reveal .contactinfos__title {
  transform: none;
}
.contactinfos__text {
  padding-top: 16px;
}
@media only screen and (min-width: 992px) {
  .contactinfos__text {
    padding-top: 32px;
    grid-column-start: 2;
    grid-column-end: span 6;
  }
}
@media only screen and (min-width: 1440px) {
  .contactinfos__text {
    grid-column-start: 2;
    grid-column-end: span 5;
  }
}
.revealOnScroll .contactinfos__text {
  opacity: 0;
  visibility: hidden;
  transform: translateY(300px);
  transition: transform 1s, opacity 0.5s, visibility 0.5s;
}
.revealOnScroll.reveal .contactinfos__text {
  opacity: 1;
  visibility: visible;
  transform: none;
}
@media only screen and (min-width: 992px) {
  .contactinfos__buttons {
    grid-column-start: 2;
    grid-column-end: span 6;
  }
}
@media only screen and (min-width: 1440px) {
  .contactinfos__buttons {
    grid-column-start: 2;
    grid-column-end: span 5;
  }
}
.revealOnScroll .contactinfos__buttons {
  opacity: 0;
  visibility: hidden;
  transform: translateY(150px);
  transition: transform 1s, opacity 0.5s, visibility 0.5s;
}
@media only screen and (min-width: 992px) {
  .revealOnScroll .contactinfos__buttons {
    transform: translateY(300px);
  }
}
.revealOnScroll.reveal .contactinfos__buttons {
  opacity: 1;
  visibility: visible;
  transform: none;
}
@media only screen and (min-width: 992px) {
  .revealOnScroll.reveal .contactinfos__buttons {
    transform: none;
  }
}
.contactinfos__map {
  position: relative;
  grid-column-start: 2;
  grid-column-end: span 6;
  aspect-ratio: 1/1;
}
@media only screen and (min-width: 992px) {
  .contactinfos__map {
    grid-column-start: 8;
    grid-column-end: span 6;
  }
}
.contactinfos__map .diadao-sdk-map, .contactinfos__map .diadao-gmap-map {
  height: 100%;
}

.roomdirectory {
  position: relative;
  display: grid;
  grid-template-columns: calc(16px - 16px) repeat(6, minmax(0px, 1fr)) calc(16px - 16px);
  align-items: center;
  column-gap: 16px;
  row-gap: 16px;
  padding-top: 60px;
  padding-bottom: 60px;
  padding-top: 0px;
}
@media only screen and (min-width: 992px) {
  .roomdirectory {
    column-gap: 24px;
    row-gap: 108px;
    grid-template-columns: repeat(14, minmax(0px, 1fr));
  }
}
@media only screen and (min-width: 992px) {
  .roomdirectory {
    padding-top: 8vh;
    padding-bottom: 8vh;
  }
}
@media only screen and (max-width: 991px) {
  .sepheader + .roomdirectory {
    padding-top: 16px;
  }
}
@media only screen and (min-width: 992px) {
  .roomdirectory {
    padding-top: 8vh;
  }
}
.roomdirectory__intra {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  grid-column-start: 2;
  grid-column-end: span 6;
  gap: 16px;
}
@media only screen and (min-width: 992px) {
  .roomdirectory__intra {
    grid-column-start: 3;
    grid-column-end: span 11;
    gap: 24px;
  }
}
.roomdirectory__intra a {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 16px;
  flex: 1 1 100%;
  background-color: #FFF;
  text-align: center;
  padding: 16px;
  font-size: 1.5rem;
  line-height: 1.2em;
  letter-spacing: -0.03em;
  padding: 46px;
}
@media only screen and (min-width: 640px) {
  .roomdirectory__intra a {
    display: block;
    flex: 1 1 40%;
    flex: 1 1 calc(50% - 16px);
    padding: 64px;
  }
}
@media only screen and (min-width: 992px) {
  .roomdirectory__intra a {
    flex: 1 1 30%;
    flex: 1 1 calc(33.3% - 24px);
  }
}
.roomdirectory__intra a::before {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  background-size: contain;
  background-image: url("../images/svg/flag-uk.svg");
}
@media only screen and (min-width: 640px) {
  .roomdirectory__intra a::before {
    width: 128px;
    height: 128px;
    margin: 0 auto 24px;
  }
}
.roomdirectory__intra a[data-lang=fr]::before {
  background-image: url("../images/svg/flag-france.svg");
}
.roomdirectory__intra a[data-lang=ru]::before {
  background-image: url("../images/svg/flag-russia.svg");
}

.page404 {
  position: relative;
  display: grid;
  grid-template-columns: calc(16px - 16px) repeat(6, minmax(0px, 1fr)) calc(16px - 16px);
  align-items: center;
  column-gap: 16px;
  row-gap: 16px;
  padding-top: 60px;
  padding-bottom: 60px;
}
@media only screen and (min-width: 992px) {
  .page404 {
    column-gap: 24px;
    row-gap: 108px;
    grid-template-columns: repeat(14, minmax(0px, 1fr));
  }
}
@media only screen and (min-width: 992px) {
  .page404 {
    padding-top: 8vh;
    padding-bottom: 8vh;
  }
}
@media only screen and (max-width: 991px) {
  .sepheader + .page404 {
    padding-top: 16px;
  }
}
@media only screen and (min-width: 992px) {
  .page404 {
    row-gap: 0px;
  }
}
.page404__img {
  position: relative;
  grid-column-start: 2;
  grid-column-end: span 6;
}
.page404__img img, .page404__img video, .page404__img iframe, .page404__img hls-video {
  aspect-ratio: calc(716 / 541);
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  object-fit: cover;
  object-position: center;
  border-radius: 0px;
}
@media only screen and (min-width: 992px) {
  .page404__img {
    grid-column-start: 2;
    grid-column-end: span 5;
  }
}
.page404__partTx {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  position: relative;
  grid-column-start: 2;
  grid-column-end: span 6;
}
@media only screen and (min-width: 992px) {
  .page404__partTx {
    grid-column-start: 7;
    grid-column-end: span 7;
    padding-left: 56px;
    gap: 54px;
  }
}
.page404__partTx p {
  margin: 0;
}
.page404__footer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  font-size: 1rem;
  line-height: 1.5rem;
}
@media only screen and (min-width: 992px) {
  .page404__footer {
    gap: 40px;
  }
}
.page404__mail a {
  text-decoration: underline;
}

.content-medias__content__title {
  margin-bottom: 1em;
}

.kwpb-sdk-template-section {
  position: relative;
  z-index: 2;
}

:root {
  --fancybox-backdrop-color: #000;
  --f-button-border-radius: 0px;
}

.fancybox__backdrop {
  --fancybox-bg: var(--fancybox-backdrop-color);
}

.fancybox-custom-toolbar .diadao-sdk-button-booking {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 4px;
  background: transparent;
  min-height: 48px;
  border: 0;
  transition: background-color 0.25s ease-in-out, border 0.25s ease-in-out, color 0.25s ease-in-out;
  color: #000;
  position: relative;
  overflow: hidden;
  padding: 8px 24px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  width: 100%;
  width: auto;
  background-color: transparent;
}
@media only screen and (min-width: 992px) {
  .fancybox-custom-toolbar .diadao-sdk-button-booking {
    min-height: 64px;
    padding: 8px 32px;
  }
}
.fancybox-custom-toolbar .diadao-sdk-button-booking span {
  display: inline-flex;
  font-size: 0.875rem;
  line-height: 1.2em;
  text-transform: uppercase;
  font-weight: 500;
  pointer-events: none;
  position: relative;
  letter-spacing: -0.03em;
  padding-top: 0.2em;
}
@media only screen and (min-width: 992px) {
  .fancybox-custom-toolbar .diadao-sdk-button-booking span {
    font-size: 1rem;
  }
}
html:not(.touchevents) .fancybox-custom-toolbar .diadao-sdk-button-booking:hover, html:not(.touchevents) .fancybox-custom-toolbar .diadao-sdk-button-booking:focus-visible {
  background: rgba(0, 0, 0, 0.05);
  color: #000;
}
html:not(.touchevents) .fancybox-custom-toolbar .diadao-sdk-button-booking:hover, html:not(.touchevents) .fancybox-custom-toolbar .diadao-sdk-button-booking:focus-visible {
  border: 1px solid rgba(0, 0, 0, 0.5);
}
@media only screen and (min-width: 640px) {
  .fancybox-custom-toolbar .diadao-sdk-button-booking {
    width: auto;
  }
}
.fancybox-custom-toolbar .diadao-sdk-button-booking:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.fancybox-custom-toolbar .diadao-sdk-button-phone {
  position: relative;
  color: #EC6136;
  font-weight: 700;
  letter-spacing: 0.5px;
  padding: 0 0 5px;
  padding: 0;
  font-size: 20px;
}
.fancybox-custom-toolbar .diadao-sdk-button-phone::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0.125rem;
  background-color: currentColor;
  transition: all 0.3s ease;
}
.fancybox-custom-toolbar .diadao-sdk-button-phone span {
  pointer-events: none;
  font-size: 12px;
}
@media only screen and (min-width: 992px) {
  .fancybox-custom-toolbar .diadao-sdk-button-phone span {
    font-size: 16px;
  }
}
.fancybox-custom-toolbar .diadao-sdk-button-phone:hover::after {
  width: 100%;
}
.fancybox-custom-toolbar .diadao-sdk-button-phone.is-more-modal-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.fancybox-custom-toolbar .diadao-sdk-button-phone.is-more-modal-button::before {
  display: block;
  content: "+";
}

.fancybox__toolbar {
  z-index: 210;
  pointer-events: initial;
}
.fancybox__toolbar .btn-close-fancybox {
  z-index: 1;
}

.fancybox__nav {
  --f-button-border-radius: 50%;
  --f-button-bg: transparent;
  --f-button-hover-bg: rgba(0, 0, 0, 0.05);
  --f-button-svg-filter: none;
}
.fancybox__nav .f-button svg {
  color: #F5F1ED;
}
@media only screen and (max-width: 991px) {
  .fancybox__nav {
    display: none !important;
  }
}

.fancybox-image {
  border-radius: 0px;
}

.fancybox__slide {
  justify-content: center;
}
.fancybox__slide::before, .fancybox__slide::after {
  content: none;
}

a[data-fancybox] {
  position: absolute;
  inset: 0;
  z-index: 2;
  cursor: pointer;
}
a[data-fancybox].button-video {
  cursor: pointer;
  z-index: 1;
}

html.lenis, html.lenis body {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}

/*# sourceMappingURL=diadao-sdkcustom-hotellamourra.css.map */