.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box;
height: 0;
overflow: visible;
} pre {
font-family: monospace, monospace;
font-size: 1em;
}  a {
background-color: transparent;
} abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
} button,
input {
overflow: visible;
} button,
select {
text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
} progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
} [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
} [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}  *,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
}  body,
button,
input,
select,
optgroup,
textarea {
color: #404040;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 1rem;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
p {
margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", courier, monospace;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} body {
background: #fff;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
} embed,
iframe,
object {
max-width: 100%;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
} a {
color: #4169e1;
}
a:visited {
color: #800080;
}
a:hover,
a:focus,
a:active {
color: #191970;
} a:hover,
a:active {
outline: 0;
} button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
line-height: 1;
padding: 0.6em 1em 0.4em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
}   .main-navigation {
display: block;
width: 100%;
}
.main-navigation ul {
display: flex;
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
top: 100%;
left: -999em;
z-index: 99999;
}
.main-navigation ul ul ul {
left: -999em;
top: 0;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
display: block;
left: auto;
}
.main-navigation ul ul a {
width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: auto;
}
.main-navigation li {
position: relative;
}
.main-navigation a {
display: block;
text-decoration: none;
} .menu-toggle,
.main-navigation.toggled ul {
display: block;
}
@media screen and (min-width: 37.5em) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: flex;
}
}
.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
text-align: end;
flex: 1 0 50%;
} .sticky {
display: block;
} .updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
} .widget {
margin: 0 0 1.5em;
}
.widget select {
max-width: 100%;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} .custom-logo-link {
display: inline-block;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
}   .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
} .infinity-end.neverending .site-footer {
display: block;
}   .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} #primary[tabindex="-1"]:focus {
outline: 0;
} .alignleft { float: left; margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright { float: right; margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
}.container{width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
.container-fluid{width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
.row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }
.row>* { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: 15px; padding-left: 15px; }
.col { flex: 1 0 0%; }
.col-1 { flex: 0 0 auto; width: 8.33333333%; }
.col-2 { flex: 0 0 auto; width: 16.66666667%; }
.col-3 { flex: 0 0 auto; width: 25%; } 
.col-4 { flex: 0 0 auto; width: 33.33333333%; } 
.col-5 { flex: 0 0 auto; width: 41.66666667%; } 
.col-6 { flex: 0 0 auto; width: 50%; }
.col-7 { flex: 0 0 auto; width: 58.33333333%; }
.col-8 { flex: 0 0 auto; width: 66.66666667%; }
.col-9 { flex: 0 0 auto; width: 75%; } 
.col-10 { flex: 0 0 auto; width: 83.33333333%; } 
.col-11 { flex: 0 0 auto; width: 91.66666667%; } 
.col-12 { flex: 0 0 auto; width: 100%; }
.offset-1 { margin-left: 8.33333333%; }
.offset-2 { margin-left: 16.66666667%; }
.offset-3 { margin-left: 25%; } 
.offset-4 { margin-left: 33.33333333%; } 
.offset-5 { margin-left: 41.66666667%; } 
.offset-6 { margin-left: 50%; }
.offset-7 { margin-left: 58.33333333%; }
.offset-8 { margin-left: 66.66666667%; }
.offset-9 { margin-left: 75%; } 
.offset-10 { margin-left: 83.33333333%; }
.offset-11 { margin-left: 91.66666667%; }
.offset-12 { margin-left: 100%; }
@media (min-width: 576px){ .col-sm-1 { flex: 0 0 auto; width: 8.33333333%; }
.col-sm-2 { flex: 0 0 auto; width: 16.66666667%; }
.col-sm-3 { flex: 0 0 auto; width: 25%; } 
.col-sm-4 { flex: 0 0 auto; width: 33.33333333%; } 
.col-sm-5 { flex: 0 0 auto; width: 41.66666667%; } 
.col-sm-6 { flex: 0 0 auto; width: 50%; }
.col-sm-7 { flex: 0 0 auto; width: 58.33333333%; }
.col-sm-8 { flex: 0 0 auto; width: 66.66666667%; }
.col-sm-9 { flex: 0 0 auto; width: 75%; } 
.col-sm-10 { flex: 0 0 auto; width: 83.33333333%; } 
.col-sm-11 { flex: 0 0 auto; width: 91.66666667%; } 
.col-sm-12 { flex: 0 0 auto; width: 100%; }
.offset-sm-1 { margin-left: 8.33333333%; }
.offset-sm-2 { margin-left: 16.66666667%; }
.offset-sm-3 { margin-left: 25%; } 
.offset-sm-4 { margin-left: 33.33333333%; } 
.offset-sm-5 { margin-left: 41.66666667%; } 
.offset-sm-6 { margin-left: 50%; }
.offset-sm-7 { margin-left: 58.33333333%; }
.offset-sm-8 { margin-left: 66.66666667%; }
.offset-sm-9 { margin-left: 75%; } 
.offset-sm-10 { margin-left: 83.33333333%; }
.offset-sm-11 { margin-left: 91.66666667%; }
.offset-sm-12 { margin-left: 100%; }
}
@media (min-width: 768px){ .col-md-1 { flex: 0 0 auto; width: 8.33333333%; }
.col-md-2 { flex: 0 0 auto; width: 16.66666667%; }
.col-md-3 { flex: 0 0 auto; width: 25%; } 
.col-md-4 { flex: 0 0 auto; width: 33.33333333%; } 
.col-md-5 { flex: 0 0 auto; width: 41.66666667%; } 
.col-md-6 { flex: 0 0 auto; width: 50%; }
.col-md-7 { flex: 0 0 auto; width: 58.33333333%; }
.col-md-8 { flex: 0 0 auto; width: 66.66666667%; }
.col-md-9 { flex: 0 0 auto; width: 75%; } 
.col-md-10 { flex: 0 0 auto; width: 83.33333333%; } 
.col-md-11 { flex: 0 0 auto; width: 91.66666667%; } 
.col-md-12 { flex: 0 0 auto; width: 100%; }
.offset-md-1 { margin-left: 8.33333333%; }
.offset-md-2 { margin-left: 16.66666667%; }
.offset-md-3 { margin-left: 25%; } 
.offset-md-4 { margin-left: 33.33333333%; } 
.offset-md-5 { margin-left: 41.66666667%; } 
.offset-md-6 { margin-left: 50%; }
.offset-md-7 { margin-left: 58.33333333%; }
.offset-md-8 { margin-left: 66.66666667%; }
.offset-md-9 { margin-left: 75%; } 
.offset-md-10 { margin-left: 83.33333333%; }
.offset-md-11 { margin-left: 91.66666667%; }
.offset-md-12 { margin-left: 100%; }
}
@media (min-width: 992px){ .col-lg-1 { flex: 0 0 auto; width: 8.33333333%; }
.col-lg-2 { flex: 0 0 auto; width: 16.66666667%; }
.col-lg-3 { flex: 0 0 auto; width: 25%; } 
.col-lg-4 { flex: 0 0 auto; width: 33.33333333%; } 
.col-lg-5 { flex: 0 0 auto; width: 41.66666667%; } 
.col-lg-6 { flex: 0 0 auto; width: 50%; }
.col-lg-7 { flex: 0 0 auto; width: 58.33333333%; }
.col-lg-8 { flex: 0 0 auto; width: 66.66666667%; }
.col-lg-9 { flex: 0 0 auto; width: 75%; } 
.col-lg-10 { flex: 0 0 auto; width: 83.33333333%; } 
.col-lg-11 { flex: 0 0 auto; width: 91.66666667%; } 
.col-lg-12 { flex: 0 0 auto; width: 100%; }
.offset-lg-1 { margin-left: 8.33333333%; }
.offset-lg-2 { margin-left: 16.66666667%; }
.offset-lg-3 { margin-left: 25%; } 
.offset-lg-4 { margin-left: 33.33333333%; } 
.offset-lg-5 { margin-left: 41.66666667%; } 
.offset-lg-6 { margin-left: 50%; }
.offset-lg-7 { margin-left: 58.33333333%; }
.offset-lg-8 { margin-left: 66.66666667%; }
.offset-lg-9 { margin-left: 75%; } 
.offset-lg-10 { margin-left: 83.33333333%; }
.offset-lg-11 { margin-left: 91.66666667%; }
.offset-lg-12 { margin-left: 100%; }
}
@media (min-width: 1200px){ .col-xl-1 { flex: 0 0 auto; width: 8.33333333%; }
.col-xl-2 { flex: 0 0 auto; width: 16.66666667%; }
.col-xl-3 { flex: 0 0 auto; width: 25%; } 
.col-xl-4 { flex: 0 0 auto; width: 33.33333333%; } 
.col-xl-5 { flex: 0 0 auto; width: 41.66666667%; } 
.col-xl-6 { flex: 0 0 auto; width: 50%; }
.col-xl-7 { flex: 0 0 auto; width: 58.33333333%; }
.col-xl-8 { flex: 0 0 auto; width: 66.66666667%; }
.col-xl-9 { flex: 0 0 auto; width: 75%; } 
.col-xl-10 { flex: 0 0 auto; width: 83.33333333%; } 
.col-xl-11 { flex: 0 0 auto; width: 91.66666667%; } 
.col-xl-12 { flex: 0 0 auto; width: 100%; }
.offset-xl-1 { margin-left: 8.33333333%; }
.offset-xl-2 { margin-left: 16.66666667%; }
.offset-xl-3 { margin-left: 25%; } 
.offset-xl-4 { margin-left: 33.33333333%; } 
.offset-xl-5 { margin-left: 41.66666667%; } 
.offset-xl-6 { margin-left: 50%; }
.offset-xl-7 { margin-left: 58.33333333%; }
.offset-xl-8 { margin-left: 66.66666667%; }
.offset-xl-9 { margin-left: 75%; } 
.offset-xl-10 { margin-left: 83.33333333%; }
.offset-xl-11 { margin-left: 91.66666667%; }
.offset-xl-12 { margin-left: 100%; }
}
@media (min-width: 1400px){ .col-xxl-1 { flex: 0 0 auto; width: 8.33333333%; }
.col-xxl-2 { flex: 0 0 auto; width: 16.66666667%; }
.col-xxl-3 { flex: 0 0 auto; width: 25%; } 
.col-xxl-4 { flex: 0 0 auto; width: 33.33333333%; } 
.col-xxl-5 { flex: 0 0 auto; width: 41.66666667%; } 
.col-xxl-6 { flex: 0 0 auto; width: 50%; }
.col-xxl-7 { flex: 0 0 auto; width: 58.33333333%; }
.col-xxl-8 { flex: 0 0 auto; width: 66.66666667%; }
.col-xxl-9 { flex: 0 0 auto; width: 75%; } 
.col-xxl-10 { flex: 0 0 auto; width: 83.33333333%; } 
.col-xxl-11 { flex: 0 0 auto; width: 91.66666667%; } 
.col-xxl-12 { flex: 0 0 auto; width: 100%; }
.offset-xxl-1 { margin-left: 8.33333333%; }
.offset-xxl-2 { margin-left: 16.66666667%; }
.offset-xxl-3 { margin-left: 25%; } 
.offset-xxl-4 { margin-left: 33.33333333%; } 
.offset-xxl-5 { margin-left: 41.66666667%; } 
.offset-xxl-6 { margin-left: 50%; }
.offset-xxl-7 { margin-left: 58.33333333%; }
.offset-xxl-8 { margin-left: 66.66666667%; }
.offset-xxl-9 { margin-left: 75%; } 
.offset-xxl-10 { margin-left: 83.33333333%; }
.offset-xxl-11 { margin-left: 91.66666667%; }
.offset-xxl-12 { margin-left: 100%; }
}.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//club-hotelier-reims.com/wp-content/themes/clubhotelier/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}@keyframes vscomp-animation-spin{to{transform:rotateZ(360deg)}}.vscomp-popup-active{overflow:hidden !important}.vscomp-ele{display:inline-block;max-width:250px;width:100%}.vscomp-wrapper{color:#333;display:inline-flex;flex-wrap:wrap;font-family:sans-serif;font-size:14px;position:relative;text-align:left;width:100%}.vscomp-wrapper *,.vscomp-wrapper *::before,.vscomp-wrapper *::after{box-sizing:border-box}.vscomp-wrapper:focus{outline:none}.vscomp-dropbox-wrapper{left:0;position:absolute;top:0}.vscomp-toggle-button{align-items:center;background-color:#fff;border:1px solid #ddd;cursor:pointer;display:flex;padding:7px 30px 7px 10px;position:relative;width:100%}.vscomp-value{height:20px;line-height:20px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vscomp-arrow{align-items:center;display:flex;height:100%;justify-content:center;position:absolute;right:0;top:0;width:30px}.vscomp-arrow::after{transform:rotate(45deg);border:1px solid rgba(0,0,0,0);border-bottom-color:#111;border-right-color:#111;content:"";height:8px;margin-top:-6px;width:8px}.vscomp-clear-icon{height:12px;position:relative;width:12px}.vscomp-clear-icon::before,.vscomp-clear-icon::after{background-color:#999;content:"";height:12px;left:5px;position:absolute;top:0;width:2px}.vscomp-clear-icon::before{transform:rotate(45deg)}.vscomp-clear-icon::after{transform:rotate(-45deg)}.vscomp-clear-icon:hover::before,.vscomp-clear-icon:hover::after{background:#333}.vscomp-clear-button{align-items:center;border-radius:50%;display:none;height:24px;justify-content:center;margin-top:-12px;position:absolute;right:30px;top:50%;width:24px}.vscomp-clear-button:hover{background:#ccc}.vscomp-clear-button:hover .vscomp-clear-icon::before,.vscomp-clear-button:hover .vscomp-clear-icon::after{background-color:#333}.vscomp-dropbox-close-button{align-items:center;background-color:#fff;border-radius:50%;bottom:-48px;cursor:pointer;display:none;height:40px;justify-content:center;left:50%;margin-left:-20px;position:absolute;width:40px}.vscomp-value-tag.more-value-count{white-space:nowrap}.vscomp-dropbox-container{width:100%;z-index:2}.vscomp-dropbox{background-color:#fff;width:100%}.vscomp-options-container{max-height:210px;overflow:auto;position:relative}.vscomp-options-bottom-freezer{bottom:0;height:2px;left:0;position:absolute;right:0}.vscomp-option{align-items:center;cursor:pointer;display:flex;flex-wrap:wrap;height:40px;padding:0 15px;position:relative}.vscomp-option.selected{background-color:#eee}.vscomp-option.focused{background-color:#ccc}.vscomp-option.disabled{cursor:default;opacity:.5}.vscomp-option.group-title .vscomp-option-text{cursor:default;opacity:.6}.vscomp-option.group-title.selected{background-color:rgba(0,0,0,0)}.vscomp-option.group-option{padding-left:30px}.vscomp-new-option-icon{height:30px;position:absolute;right:0;top:0;width:30px}.vscomp-new-option-icon::before{border:15px solid #512da8;border-bottom-color:rgba(0,0,0,0);border-left-color:rgba(0,0,0,0);content:"";position:absolute;right:0;top:0}.vscomp-new-option-icon::after{align-items:center;color:#fff;content:"+";display:flex;font-size:18px;height:15px;justify-content:center;position:absolute;right:1px;top:0;width:15px}.vscomp-option-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.vscomp-option-description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#666;font-size:13px;line-height:15px;width:100%}.vscomp-search-container{align-items:center;border-bottom:1px solid #ddd;display:flex;height:40px;padding:0 5px 0 15px;position:relative}.vscomp-search-input{background-color:rgba(0,0,0,0);border:0;color:inherit;font-size:15px;height:38px;padding:10px 0;width:calc(100% - 30px)}.vscomp-search-input:focus{outline:none}.vscomp-search-clear{align-items:center;color:#999;cursor:pointer;display:flex;font-size:25px;height:30px;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;visibility:hidden;width:30px}.vscomp-search-clear:hover{color:inherit}.vscomp-no-options,.vscomp-no-search-results{align-items:center;display:none;justify-content:center;padding:20px 10px}.vscomp-options-loader{display:none;padding:20px 0;text-align:center}.vscomp-options-loader::before{animation:vscomp-animation-spin .8s infinite linear;background-color:#fff;border-radius:50%;box-shadow:-4px -5px 3px -3px rgba(0,0,0,.3);content:"";display:inline-block;height:40px;opacity:.7;width:40px}.vscomp-ele[disabled]{cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vscomp-ele[disabled] .vscomp-wrapper{opacity:.7;pointer-events:none}.vscomp-wrapper .checkbox-icon{display:inline-flex;height:15px;margin-right:10px;position:relative;width:15px}.vscomp-wrapper .checkbox-icon::after{transition-duration:.2s;border:2px solid #888;content:"";display:inline-block;height:100%;width:100%}.vscomp-wrapper .checkbox-icon.checked::after{transform:rotate(45deg) translate(1px, -4px);border-color:#512da8;border-left-color:rgba(0,0,0,0);border-top-color:rgba(0,0,0,0);width:50%}.vscomp-wrapper.show-as-popup .vscomp-dropbox-container{align-items:center;background-color:rgba(0,0,0,.5);display:flex;height:100vh;justify-content:center;left:0;opacity:1;overflow:auto;padding:0 10px;position:fixed;top:0;width:100vw}.vscomp-wrapper.show-as-popup .vscomp-dropbox{margin-top:-24px;max-height:calc(80% - 48px);max-width:500px;position:relative;width:80%}.vscomp-wrapper.show-as-popup .vscomp-dropbox-close-button{display:flex}.vscomp-wrapper.popup-position-left .vscomp-dropbox-container{justify-content:flex-start}.vscomp-wrapper.popup-position-right .vscomp-dropbox-container{justify-content:flex-end}.vscomp-wrapper.has-select-all .vscomp-toggle-all-button{align-items:center;cursor:pointer;display:flex}.vscomp-wrapper.has-select-all .vscomp-search-input,.vscomp-wrapper.has-select-all .vscomp-toggle-all-label{width:calc(100% - 55px)}.vscomp-wrapper.has-select-all .vscomp-toggle-all-label{display:none}.vscomp-wrapper:not(.has-search-input) .vscomp-toggle-all-button{width:100%}.vscomp-wrapper:not(.has-search-input) .vscomp-toggle-all-label{display:inline-block}.vscomp-wrapper.multiple .vscomp-option .vscomp-option-text{width:calc(100% - 25px)}.vscomp-wrapper.multiple .vscomp-option .vscomp-option-description{padding-left:25px}.vscomp-wrapper.multiple .vscomp-option.selected .checkbox-icon::after{transform:rotate(45deg) translate(1px, -4px);border-color:#512da8;border-left-color:rgba(0,0,0,0);border-top-color:rgba(0,0,0,0);width:50%}.vscomp-wrapper.focused .vscomp-toggle-button,.vscomp-wrapper:focus .vscomp-toggle-button{box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2)}.vscomp-wrapper.closed .vscomp-dropbox-container,.vscomp-wrapper.closed.vscomp-dropbox-wrapper{display:none}.vscomp-wrapper:not(.has-value) .vscomp-value{opacity:.5}.vscomp-wrapper.has-clear-button.has-value .vscomp-clear-button{display:flex}.vscomp-wrapper.has-clear-button .vscomp-toggle-button{padding-right:54px}.vscomp-wrapper.has-no-options .vscomp-options-container,.vscomp-wrapper.has-no-search-results .vscomp-options-container{display:none}.vscomp-wrapper.has-no-options .vscomp-no-options{display:flex}.vscomp-wrapper.has-no-search-results .vscomp-no-search-results{display:flex}.vscomp-wrapper.has-search-value .vscomp-search-clear{visibility:visible}.vscomp-wrapper.has-no-options .vscomp-toggle-all-button{opacity:.5;pointer-events:none}.vscomp-wrapper.keep-always-open .vscomp-toggle-button{padding-right:24px}.vscomp-wrapper.keep-always-open .vscomp-clear-button{right:5px}.vscomp-wrapper.keep-always-open .vscomp-arrow{display:none}.vscomp-wrapper.keep-always-open .vscomp-dropbox-container{position:relative;z-index:1}.vscomp-wrapper.keep-always-open .vscomp-dropbox{transition-duration:0s;border:1px solid #ddd;box-shadow:none}.vscomp-wrapper.keep-always-open.focused,.vscomp-wrapper.keep-always-open:focus,.vscomp-wrapper.keep-always-open:hover{box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2)}.vscomp-wrapper.server-searching .vscomp-options-list{display:none}.vscomp-wrapper.server-searching .vscomp-options-loader{display:block}.vscomp-wrapper.has-error .vscomp-toggle-button{border-color:#b00020}.vscomp-wrapper.show-value-as-tags .vscomp-toggle-button{padding:4px 22px 0 10px}.vscomp-wrapper.show-value-as-tags .vscomp-value{display:flex;flex-wrap:wrap;height:auto;min-height:28px;overflow:auto;text-overflow:unset;white-space:normal}.vscomp-wrapper.show-value-as-tags .vscomp-value-tag{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;align-items:center;border:1px solid #ddd;border-radius:20px;display:inline-flex;font-size:12px;line-height:16px;margin:0 4px 4px 0;max-width:100%;padding:2px 3px 2px 8px}.vscomp-wrapper.show-value-as-tags .vscomp-value-tag.more-value-count{padding-right:8px}.vscomp-wrapper.show-value-as-tags .vscomp-value-tag-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - 20px)}.vscomp-wrapper.show-value-as-tags .vscomp-value-tag-clear-button{align-items:center;display:flex;height:20px;justify-content:center;width:20px}.vscomp-wrapper.show-value-as-tags .vscomp-value-tag-clear-button .vscomp-clear-icon{transform:scale(0.8)}.vscomp-wrapper.show-value-as-tags .vscomp-arrow{height:34px}.vscomp-wrapper.show-value-as-tags .vscomp-clear-button{margin-top:0;top:5px}.vscomp-wrapper.show-value-as-tags.has-value .vscomp-arrow{display:none}.vscomp-wrapper.show-value-as-tags.has-value .vscomp-clear-button{right:2px}.vscomp-wrapper.show-value-as-tags:not(.has-value) .vscomp-toggle-button{padding-bottom:2px}.vscomp-wrapper.show-value-as-tags:not(.has-value) .vscomp-value{align-items:center;padding-bottom:3px}.vscomp-wrapper.text-direction-rtl{direction:rtl}.vscomp-wrapper.text-direction-rtl .vscomp-toggle-button{padding:7px 10px 7px 30px}.vscomp-wrapper.text-direction-rtl .vscomp-arrow{left:0;right:auto}.vscomp-wrapper.text-direction-rtl .vscomp-clear-button{left:30px;right:auto !important}.vscomp-wrapper.text-direction-rtl .checkbox-icon{margin-left:10px;margin-right:0}.vscomp-wrapper.text-direction-rtl .checkbox-icon.checked::after{transform:rotate(45deg) translate(-4px, 1px)}.vscomp-wrapper.text-direction-rtl .vscomp-search-container{padding:0 15px 0 5px}.vscomp-wrapper.text-direction-rtl .vscomp-toggle-all-label{text-align:right}.vscomp-wrapper.text-direction-rtl .vscomp-option{text-align:right}.vscomp-wrapper.text-direction-rtl .vscomp-option.group-option{padding-right:30px}.vscomp-wrapper.text-direction-rtl .vscomp-new-option-icon{left:0;right:auto}.vscomp-wrapper.text-direction-rtl .vscomp-new-option-icon::before{border-left-color:#512da8;border-right-color:rgba(0,0,0,0)}.vscomp-wrapper.text-direction-rtl .vscomp-new-option-icon::after{left:1px;right:auto}.vscomp-wrapper.text-direction-rtl.multiple .vscomp-option.selected .checkbox-icon::after{transform:rotate(45deg) translate(-4px, 1px)}.vscomp-wrapper.text-direction-rtl.has-clear-button .vscomp-toggle-button{padding-left:54px}.vscomp-wrapper.text-direction-rtl.keep-always-open .vscomp-toggle-button{padding-left:24px}.vscomp-wrapper.text-direction-rtl.keep-always-open .vscomp-clear-button{left:5px}.vscomp-wrapper.text-direction-rtl.show-value-as-tags .vscomp-toggle-button{padding:4px 10px 0 22px}.vscomp-wrapper.text-direction-rtl.show-value-as-tags .vscomp-value-tag{margin:0 0 4px 4px;padding:2px 8px 2px 3px}.vscomp-wrapper.text-direction-rtl.show-value-as-tags .vscomp-value-tag.more-value-count{padding-left:8px}.vscomp-wrapper.text-direction-rtl.show-value-as-tags.has-value .vscomp-clear-button{left:2px} .pop-comp-wrapper{display:none;position:absolute;top:0;left:0;opacity:0;color:#000;background-color:#fff;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);text-align:left;flex-wrap:wrap;z-index:1}.pop-comp-arrow{position:absolute;z-index:1;width:16px;height:16px;overflow:hidden;pointer-events:none}.pop-comp-arrow::before{content:"";position:absolute;top:8px;left:8px;width:16px;height:16px;background-color:#fff;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);-webkit-transform-origin:left top;transform-origin:left top;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.pop-comp-content{position:relative;z-index:2}.pop-comp-wrapper.position-bottom>.pop-comp-arrow{margin-left:-8px;left:0;top:-15px}.pop-comp-wrapper.position-bottom>.pop-comp-arrow::before{box-shadow:0px 0px 2px 0 rgba(0,0,0,.14)}.pop-comp-wrapper.position-top>.pop-comp-arrow{margin-left:-8px;left:0;bottom:-15px}.pop-comp-wrapper.position-right>.pop-comp-arrow{margin-top:-8px;top:0;left:-15px}.pop-comp-wrapper.position-left>.pop-comp-arrow{margin-top:-8px;top:0;right:-15px}.pop-comp-disable-events{pointer-events:none}html{scroll-behavior: smooth;}
*{font-family: 'Montserrat', sans-serif;}
a{text-decoration: none;transition: .3s;}
p{margin-top: 0;margin-bottom: 1em;}
svg{transition: .3s;}
svg path{transition: .3s;}
.d-flex{display: flex;}
.d-none{display: none!important;}
.justify-content-center{justify-content: center;}
.justify-content-space-around{justify-content: space-around;}
.align-items-center{align-items: center;}
.p0{padding: 0;}
.overflow-hidden{overflow: hidden;}
.text-center{text-align: center;}
ul{margin-left: 0;}
.container{padding: 0 8.33333333%;} :root {
--color-white: #fff ;
--color-grey: #414141 ;
}
body.not-scroll{overflow: hidden;}
body{font-family: 'Montserrat', sans-serif;}
.grecaptcha-badge { 
visibility: hidden !important;
} header{position: fixed;top:0;left: 0;width: 100%;background-color: var(--color-grey);z-index: 9999;}
header .menu-desktop{padding: 15px 8.33333333% 15px;display: flex;align-items: center;}
header .logo{}
header .logo img{width: 300px;}
header .main-navigation{padding-left: 120px;}
header .main-navigation ul{gap: 60px;}
header .main-navigation ul li{}
header .main-navigation ul li a{font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 12px; line-height: 15px; letter-spacing: 4px; text-transform: uppercase; color: #FFFFFF;position: relative;}
header .main-navigation ul li a::after{position: absolute;left: 50%;opacity: 0;bottom: -22px;content: "";display: block;background-size: contain;background-position: center;background-repeat: no-repeat;;background-image: url(//club-hotelier-reims.com/wp-content/themes/clubhotelier/img/hover-link.svg);width: 22px;height: 12px;transform: translateX(-50%);transition: .3s;}
header .main-navigation ul li a:hover::after{bottom: -18px;opacity: 1;}
header .main-navigation ul li.current-menu-item a::after{bottom: -18px;opacity: 1;}
header .tools{display: flex;align-items: center;gap: 20px;}
header .tools .facebook{width:30px;height: 30px;}
header .tools .facebook svg{width:30px;height: 30px;}
header .tools .linkedin{width:30px;height: 30px;}
header .tools .linkedin svg{width:30px;height: 30px;}
header .tools .search{width:24px;height: 24px;}
header .tools .search svg{width:24px;height: 24px;}
header .tools .map{width:24px;height: 24px;}
header .tools .map svg{width:24px;height: 24px;}
header .burger{display: none;}
header .menu-mobile{display: none;} footer .footer-top{width: 100%;background-color: var(--color-grey);padding: 30px 8.33333333% ;display: flex;align-items: center;    justify-content: space-evenly;}
footer .footer-top .question p{font-family: 'Playfair Display'; font-style: normal; font-weight: 400; font-size: 40px; line-height: 53px; letter-spacing: 2.2px; color: #FFFFFF;margin-bottom: 0;}
footer .footer-top .contact a{display: inline-block;font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-size: 12px; line-height: 15px; letter-spacing: 6px; text-transform: uppercase; color: #FFFFFF;padding: 10px 20px;border: 2px solid var(--color-white);}
footer .footer-top .contact a:hover{background-color: #fff;color: var(--color-grey);}
footer .footer-bottom{width: 100%;background-color: var(--color-white);padding: 15px 8.33333333% 15px;display: flex;align-items: center;}
footer .footer-bottom .logo{}
footer .footer-bottom .logo img{width: 300px;}
footer .footer-bottom .footer-navigation{display: block; width: 100%;}
footer .footer-bottom .footer-navigation ul{gap: 60px;display: flex;margin: 0;padding: 0;    justify-content: center;}
footer .footer-bottom .footer-navigation ul li{list-style: none;}
footer .footer-bottom .footer-navigation ul li a{font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 12px; line-height: 15px; letter-spacing: 4px; text-transform: uppercase; color: var(--color-grey);position: relative;}
footer .footer-bottom .rs{display: flex;align-items: center;gap: 20px;}
footer .footer-bottom .rs .facebook{width:30px;height: 30px;}
footer .footer-bottom .rs .facebook svg{width:30px;height: 30px;}
footer .footer-bottom .rs .linkedin{width:30px;height: 30px;}
footer .footer-bottom .rs .linkedin svg{width:30px;height: 30px;} main #page-accueil{}
main #page-accueil h1{display: none;}
main #page-accueil #hero-banner{position: relative;overflow: hidden;height: calc(100vh - 85px);width: 100%;margin-top: 85px;}
main #page-accueil #hero-banner .media{position: absolute;width: 100%;height: 100%;}
main #page-accueil #hero-banner .media img{object-fit: cover;width: 100%;height: 100%;}
main #page-accueil #hero-banner .texte{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);text-align: center;}
main #page-accueil #hero-banner .texte h3{font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 12px; line-height: 15px; letter-spacing: 12px; text-transform: uppercase; color: #FFFFFF;margin: 0;}
main #page-accueil #hero-banner .texte h2{font-family: 'Playfair Display'; font-style: normal; font-weight: 300; font-size: 60px; line-height: 70px; letter-spacing: 4px; text-transform: uppercase; color: #FFFFFF;margin: 0;margin-bottom: 30px;}
main #page-accueil #hero-banner .texte img{margin-top: 30px;margin-bottom: 15px;}
main #page-accueil #hero-banner .texte p{margin: 0;}
main #page-accueil #hero-banner .texte a{display:inline-block;font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 12px; line-height: 15px; letter-spacing: 6px; text-transform: uppercase; color: #FFFFFF;padding: 20px 30px;border: 2px solid var(--color-white);}
main #page-accueil #hero-banner .texte a:hover{background-color: #fff;color: var(--color-grey);}
main #page-accueil #introduction{padding: 115px 0;position: relative;}
main #page-accueil #introduction .legendr{    position: absolute; left: 70%; top: 65px; width: 200px; height: auto;}
main #page-accueil #introduction .content{display: flex;justify-content: center;}
main #page-accueil #introduction .content .text{width: 33.33333333%;text-align: center;}
main #page-accueil #introduction .content .text h2{font-family: 'Playfair Display'; font-style: normal; font-weight: 700; font-size: 30px; line-height: 26px; color: var(--color-grey);margin: 0;margin-bottom: 30px;}
main #page-accueil #introduction .content .text p{font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px; color: var(--color-grey);}
main #page-accueil #chiffres{padding: 100px 0;background-color: var(--color-grey);}
main #page-accueil #chiffres .content{display: flex;padding: 0 8.33333333%;}
main #page-accueil #chiffres .content .chiffre{}
main #page-accueil #chiffres .content .chiffre .txt{text-align: center;}
main #page-accueil #chiffres .content .chiffre .txt .c{font-family: 'Vidaloka'; font-style: normal; font-weight: 700; font-size: 50px; line-height: 26px; color: #FFFFFF;margin: 20px;}
main #page-accueil #chiffres .content .chiffre .txt .c span{font-family: 'Vidaloka'; font-style: normal; font-weight: 700; font-size: 50px; line-height: 26px; color: #FFFFFF;margin: 10px;}
main #page-accueil #chiffres .content .chiffre .txt .t{font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 14px; line-height: 17px; text-transform: uppercase; color: #FFFFFF;margin: 0;}
main #page-accueil #destination{padding: 115px 0;}
main #page-accueil #destination .content{display: flex;padding: 0 8.33333333%;flex-direction: column;}
main #page-accueil #destination .content .title{margin-bottom: 80px;text-align: center;}
main #page-accueil #destination .content .title h2::first-line{font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-size: 12px; line-height: 15px; letter-spacing: 12px; text-transform: uppercase; color: #414141;}
main #page-accueil #destination .content .title h2{font-family: 'Playfair Display'; font-style: normal; font-weight: 400; font-size: 50px; line-height: 60px; letter-spacing: 4px; text-transform: uppercase; color: #414141;margin: 0;}
main #page-accueil #destination .content .destinations{display: flex; flex-wrap: wrap;gap: 50px;}
main #page-accueil #destination .content .destinations .destination{position: relative;height: 550px;display: flex;    align-items: flex-end; justify-content: center;overflow: hidden;width: calc((100% - 100px) / 3);}
main #page-accueil #destination .content .destinations .destination .media{position: absolute;width: 100%;height: 100%;}
main #page-accueil #destination .content .destinations .destination .media:after{position: absolute; width: 100%; height: 50%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); content: ''; display: block; bottom: 0;}
main #page-accueil #destination .content .destinations .destination .media img{object-fit: cover;width: 100%;height: 100%;}
main #page-accueil #destination .content .destinations .destination .text{position: relative;z-index: 2;text-align: center;    width: 100%;}
main #page-accueil #destination .content .destinations .destination .text .title::first-line{font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 15px; line-height: 20px; letter-spacing: 3px; text-transform: uppercase; color: #FFFFFF;}
main #page-accueil #destination .content .destinations .destination .text .title{margin-bottom: 10px;font-family: 'Playfair Display'; font-style: normal; font-weight: 400; font-size: 40px; line-height: 40px; letter-spacing: 3px; text-transform: uppercase; color: #FFFFFF;transition: .3s;}
main #page-accueil #destination .content .destinations .destination .text a{font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-size: 12px; line-height: 15px; letter-spacing: 6px; text-transform: uppercase; color: #FFFFFF;display: inline-block;border: 2px solid white;padding: 15px 30px;    margin-bottom: 0px; transform: translateY(calc(100% + 50px));}
main #page-accueil #destination .content .destinations .destination:hover .text a{margin-bottom: 50px; transform: translateY(0);}
main #page-accueil #destination .content .destinations .destination .text a:hover{background-color: #fff;color: var(--color-grey);}
main #page-accueil #equipement{}
main #page-accueil #equipement .content{padding: 130px 0;background-size: cover;background-position: center;display: flex;justify-content: center;align-items: center;flex-direction: column;}
main #page-accueil #equipement .content h2{margin: 0;margin-bottom: 30px;font-family: 'Playfair Display'; font-style: normal; font-weight: 400; font-size: 60px; line-height: 80px; letter-spacing: 4px; text-transform: uppercase; color: #FFFFFF;}
main #page-accueil #equipement .content h2 br{display: none}
main #page-accueil #equipement .content a{font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-size: 12px; line-height: 15px; letter-spacing: 6px; text-transform: uppercase; color: #FFFFFF;display: inline-block;border: 2px solid white;padding: 15px 30px;}
main #page-accueil #equipement .content a:hover{background-color: #fff;color: var(--color-grey);}
main #page-accueil #hotels{padding: 115px 0;}
main #page-accueil #hotels .content{padding: 0 8.33333333%;flex-direction: column;}
main #page-accueil #hotels .content>.title{height: 1px;width: 100%; background-color: var(--color-grey);margin-bottom: 50px; margin-top: 75px;    display: flex; align-items: flex-end;position: relative;}
main #page-accueil #hotels .content>.title h2{font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-size: 12px; line-height: 20px; letter-spacing: 5px; text-transform: uppercase; color: var(--color-grey);margin-bottom: 0;background-color: #fff;padding-right: 30px;}
main #page-accueil #hotels .content>.title h2 span{margin-bottom: 0;font-family: 'Playfair Display'; font-style: normal; font-weight: 400; font-size: 60px; line-height: 60px; letter-spacing: 4px; text-transform: uppercase; color: var(--color-grey);}
main #page-accueil #hotels .content .title .filter{margin-left: 40px;}
main #page-accueil #hotels .content .title .filter form select{font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 14px; line-height: 17px; color: var(--color-grey);background: none;border: 0;padding-right: 15px;outline: none;margin-bottom: 20px;margin-right: 30px;}
main #page-accueil #hotels .content .title .filter form {display: flex;}
main #page-accueil #hotels .content .title .filter form select{font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 14px; line-height: 17px; color: var(--color-grey);background: none;border: 0;padding-right: 15px;outline: none;margin-bottom: 20px;margin-right: 30px;}
main #page-accueil #hotels .content .title .filter form .vscomp-ele{margin-right: 20px;}
main #page-accueil #hotels .content .title .filter form .vscomp-wrapper{padding-bottom: 10px; outline: none; background: none; margin: 0;}
main #page-accueil #hotels .content .title .filter form .vscomp-wrapper .vscomp-value{font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 14px; line-height: 17px; color: var(--color-grey); height: auto;}
main #page-accueil #hotels .content .title .filter form .vscomp-wrapper .vscomp-toggle-button{border: none; box-shadow: none;padding-right: 60px;    padding-left: 0;}
main #page-accueil #hotels .content .title .view{display: flex;gap: 10px;position: absolute;right: 0;}
main #page-accueil #hotels .content .title .view p{margin-right: 10px;}
main #page-accueil #hotels .content .title .view .liste{cursor: pointer;}
main #page-accueil #hotels .content .title .view .liste.on svg path{fill: var(--color-grey)}
main #page-accueil #hotels .content .title .view .carte{cursor: pointer;}
main #page-accueil #hotels .content .title .view .carte.on svg path{fill: var(--color-grey)}
main #page-accueil #hotels .content .carte-hotels{position: relative;display: none;}
main #page-accueil #hotels .content .carte-hotels.on{display: block;}
main #page-accueil #hotels .content .markers{display: none;}
main #page-accueil #hotels .content .markers .modal-no-result{position: absolute; top: 50%; left: 50%; background: white; z-index: 2; transform: translate(-50%, -50%);padding: 20px;}
main #page-accueil #hotels .content .markers .modal-no-result p{font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 18px; color: var(--color-grey);margin-bottom: 0;}
main #page-accueil #hotels .content .map{ width: 100%; height: 600px;}
main #page-accueil #hotels .content .map img{ max-width: inherit !important; }
main #page-accueil #hotels .content .map .gm-style .gm-style-iw-c{padding: 20px;border-radius: 0;max-width: 400px;}
main #page-accueil #hotels .content .map .gm-style .gm-style-iw-c .gm-style-iw-d{    padding-bottom: 8px;}
main #page-accueil #hotels .content .map .gm-style .gm-style-iw-c img{width: 100%;height: 140px;object-fit: cover;margin-bottom: 5px;}
main #page-accueil #hotels .content .map .gm-style .gm-style-iw-c .name{font-family: 'Playfair Display'; font-style: normal; font-weight: 700; font-size: 20px; line-height: 25px; color: var(--color-grey);margin-bottom: 5px;}
main #page-accueil #hotels .content .map .gm-style .gm-style-iw-c .etoiles{margin-bottom: 5px;}
main #page-accueil #hotels .content .map .gm-style .gm-style-iw-c .etoiles svg{height: auto;width: 120px;}
main #page-accueil #hotels .content .map .gm-style .gm-style-iw-c .adresse{font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 18px; color: var(--color-grey);margin-bottom: 0;}
main #page-accueil #hotels .content .map .gm-style .gm-style-iw-c .tel{font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 18px; color: var(--color-grey);margin-bottom: 0;}
main #page-accueil #hotels .content .map .gm-style .gm-style-iw-c a{font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 12px; line-height: 15px; letter-spacing: 4px; text-transform: uppercase; color: var(--color-grey); border: 2px solid var(--color-grey); text-align: center; display: flex; align-items: center; justify-content: center; margin-top: 5px; height: 50px;}
main #page-accueil #hotels .content .map .gm-style .gm-style-iw-c a:hover{background-color: var(--color-grey);color: var(--color-white);}
main #page-accueil #hotels .content .list-hotels{flex-wrap: wrap;gap: 50px;display: none;}
main #page-accueil #hotels .content .list-hotels.on{display: flex;}
main #page-accueil #hotels .content .list-hotels .hotel{width: calc((100% - 100px) / 3)}
main #page-accueil #hotels .content .list-hotels .hotel .media{width: 100%;height: 280px;position: relative;margin-bottom: 20px;}
main #page-accueil #hotels .content .list-hotels .hotel .media img{height: 100%;width: 100%;object-fit: cover;}
main #page-accueil #hotels .content .list-hotels .hotel .text{    display: flex; flex-direction: column; height: 220px; justify-content: space-between;}
main #page-accueil #hotels .content .list-hotels .hotel .text .title{ margin-bottom: 0; font-family: 'Playfair Display'; font-style: normal; font-weight: 700; font-size: 20px; line-height: 25px; color: var(--color-grey); }
main #page-accueil #hotels .content .list-hotels .hotel .text .etoiles{margin-bottom: 0;}
main #page-accueil #hotels .content .list-hotels .hotel .text .etoiles svg{height: auto;width: 120px;}
main #page-accueil #hotels .content .list-hotels .hotel .text .adresse{width: 60%;margin-bottom: 0;}
main #page-accueil #hotels .content .list-hotels .hotel .text .adresse p{font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 20px; color: var(--color-grey);margin: 0;}
main #page-accueil #hotels .content .list-hotels .hotel .text .equipements{display: flex;gap: 10px;align-items: center;margin-bottom: 0;}
main #page-accueil #hotels .content .list-hotels .hotel .text .equipements .equipement{display: flex;gap: 10px;align-items: center;}
main #page-accueil #hotels .content .list-hotels .hotel .text .equipements .equipement svg{width: 30px;height: 30px;}
main #page-accueil #hotels .content .list-hotels .hotel .text .equipements .equipement p{font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 20px; color: var(--color-grey);margin-bottom: 0;}
main #page-accueil #hotels .content .list-hotels .hotel .text a{font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-size: 12px; line-height: 15px; letter-spacing: 4px; text-transform: uppercase; color: var(--color-grey);display: block;border: 2px solid var(--color-grey);text-align: center;display: flex;align-items: center;justify-content: center;height: 45px;}
main #page-accueil #hotels .content .list-hotels .hotel .text a:hover{background-color: var(--color-grey);color: var(--color-white);}
main #page-accueil #hotels .content #loadmore{height: 1px;width: 100%; background-color: var(--color-grey);margin-bottom: 50px; margin-top: 75px;    display: flex;position: relative;align-items: center; justify-content: center;}
main #page-accueil #hotels .content #loadmore p{padding: 0 50px;background-color:white;font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-size: 12px; line-height: 15px; letter-spacing: 6px; text-transform: uppercase; color: var(--color-grey);cursor: pointer;margin-bottom: 0;}
main #page-accueil #club-recrutement{padding: 0 0 115px 0;}
main #page-accueil #club-recrutement .content{display: flex;padding: 0 8.33333333%;gap: 20px;}
main #page-accueil #club-recrutement .content>a{width: 50%;}
main #page-accueil #club-recrutement .content .club{width: 100%;position: relative;height: 400px;display: flex;align-items: flex-end; justify-content: center;overflow: hidden;}
main #page-accueil #club-recrutement .content .club .media{position: absolute;width: 100%;height: 100%;}
main #page-accueil #club-recrutement .content .club .media:after{position: absolute; width: 100%; height: 50%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); content: ''; display: block; bottom: 0;}
main #page-accueil #club-recrutement .content .club .media img{object-fit: cover;width: 100%;height: 100%;transition: .3s;}
main #page-accueil #club-recrutement .content .club:hover .media img{transform: scale(1.03);}
main #page-accueil #club-recrutement .content .club .text{position: relative;z-index: 2;text-align: center;    width: 100%;}
main #page-accueil #club-recrutement .content .club .text .title::first-line{font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 20px; letter-spacing: 5px; text-transform: uppercase; color: #FFFFFF;}
main #page-accueil #club-recrutement .content .club .text .title{margin-bottom: 50px;font-family: 'Playfair Display'; font-style: normal; font-weight: 400; font-size: 45px; line-height: 50px; letter-spacing: 3px; text-transform: uppercase; color: #FFFFFF;transition: .3s;}
main #page-accueil #club-recrutement .content .recrutement{width: 100%;position: relative;height: 400px;display: flex;align-items: flex-end; justify-content: center;overflow: hidden;}
main #page-accueil #club-recrutement .content .recrutement .media{position: absolute;width: 100%;height: 100%;}
main #page-accueil #club-recrutement .content .recrutement .media:after{position: absolute; width: 100%; height: 50%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); content: ''; display: block; bottom: 0;}
main #page-accueil #club-recrutement .content .recrutement .media img{object-fit: cover;width: 100%;height: 100%;transition: .3s;}
main #page-accueil #club-recrutement .content .recrutement:hover .media img{transform: scale(1.03);}
main #page-accueil #club-recrutement .content .recrutement .text{position: relative;z-index: 2;text-align: center;    width: 100%;}
main #page-accueil #club-recrutement .content .recrutement .text .title::first-line{font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 20px; letter-spacing: 5px; text-transform: uppercase; color: #FFFFFF;}
main #page-accueil #club-recrutement .content .recrutement .text .title{margin-bottom: 50px;font-family: 'Playfair Display'; font-style: normal; font-weight: 400; font-size: 45px; line-height: 50px; letter-spacing: 3px; text-transform: uppercase; color: #FFFFFF;transition: .3s;} main #single-hotel{}
main #single-hotel #header{height: 460px;width: 100%;position: relative;margin-top: 85px;background-color: #000;}
main #single-hotel #header img.logo{max-width: 300px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
main #single-hotel #header img.cover{position: absolute;height: 100%;width: 100%;object-fit: cover;opacity: .6;}
main #single-hotel #introduction{padding: 110px 0;}
main #single-hotel #introduction .content{display: flex;padding: 0 16.66666667%;gap:10px;}
main #single-hotel #introduction .content .left{width: calc((100% - 20px) / 2);}
main #single-hotel #introduction .content .left h1{margin: 0;margin-bottom: 10px;font-family: 'Playfair Display'; font-style: normal; font-weight: 700; font-size: 36px; line-height: 36px; color: var(--color-grey); }
main #single-hotel #introduction .content .left .etoiles{margin-bottom: 15px;}
main #single-hotel #introduction .content .left .adresse p{font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 20px; color: var(--color-grey);}
main #single-hotel #introduction .content .center{width: calc(100% / 2);}
main #single-hotel #introduction .content .center .tel{font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 20px; color: var(--color-grey);margin-bottom: 0;}
main #single-hotel #introduction .content .center .tel span{font-weight: 600;}
main #single-hotel #introduction .content .center .fax{font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 20px; color: var(--color-grey);}
main #single-hotel #introduction .content .center .fax span{font-weight: 600;}
main #single-hotel #introduction .content .center .acces{font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 20px; color: var(--color-grey);margin-bottom: 0;}
main #single-hotel #introduction .content .center .acces span{font-weight: 600;}
main #single-hotel #introduction .content .right{width: calc(100% / 3);}
main #single-hotel #introduction .content .right a{font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-size: 12px; line-height: 15px; letter-spacing: 4px; text-transform: uppercase; color: var(--color-grey);display: block;border: 2px solid var(--color-grey);text-align: center;display: flex;align-items: center;justify-content: center;margin-bottom: 5px;height: 55px;}
main #single-hotel #introduction .content .right a:last-child{margin-bottom: 0;}
main #single-hotel #introduction .content .right a svg{margin-right: 10px;}
main #single-hotel #introduction .content .right a:hover svg path{fill: white;}
main #single-hotel #introduction .content .right a:hover{background-color: var(--color-grey);color: var(--color-white);}
main #single-hotel #equipements{}
main #single-hotel #equipements .content{display: flex;    justify-content: space-evenly;border-top: 1px solid var(--color-grey);border-bottom: 1px solid var(--color-grey);gap: 15px;padding: 70px 0;margin: 0 8.33333333%;}
main #single-hotel #equipements .content .equipement{display: flex;align-items: center;justify-content: center;flex-direction: column;}
main #single-hotel #equipements .content .equipement svg{margin-bottom: 15px;width: 50px;height: 50px;}
main #single-hotel #equipements .content .equipement p{font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 14px; line-height: 17px; text-transform: uppercase; color: var(--color-grey);margin-bottom: 0;}
main #single-hotel #contenu{padding: 110px 0;}
main #single-hotel #contenu .content{padding: 0 8.33333333%;flex-direction: column;}
main #single-hotel #contenu .content .video{margin-bottom: 110px;}
main #single-hotel #contenu .content .video .embed-container { position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%; height: auto; } 
main #single-hotel #contenu .content .video .embed-container iframe, main #single-hotel #contenu .content .video .embed-container object, main #single-hotel #contenu .content .video .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
main #single-hotel #contenu .content .galerie-description{display: flex;align-items: center;}
main #single-hotel #contenu .content .galerie{width: 50%;position: relative;}
main #single-hotel #contenu .content .galerie .galerie-hotel-1{width: 100%; height: 650px; position: relative;}
main #single-hotel #contenu .content .galerie .galerie-hotel-1 .item{width: 100%;height: 650px;position: relative;}
main #single-hotel #contenu .content .galerie .galerie-hotel-1 .item img{width: 100%;height: 100%;object-fit: contain;position: absolute;}
main #single-hotel #contenu .content .galerie .galerie-hotel-2{    position: absolute; bottom: 30px; width: 50%; left: 50%; transform: translateX(-50%);z-index: 3;}
main #single-hotel #contenu .content .galerie .galerie-hotel-2 .owl-nav{    position: absolute;top: 50%; transform: translate(-50%, -50%); width: 110%; display: flex; left: 50%; justify-content: space-between;z-index: 4;}
main #single-hotel #contenu .content .galerie .galerie-hotel-2 .owl-nav button{background-color: transparent;}
main #single-hotel #contenu .content .galerie .galerie-hotel-2 .owl-stage-outer{position: relative;z-index: 5;}
main #single-hotel #contenu .content .galerie .galerie-hotel-2 .item{width: 90px; height: 90px; position: relative; overflow: hidden;border: 2px solid white;    margin: auto;z-index: 5;cursor: pointer;}
main #single-hotel #contenu .content .galerie .galerie-hotel-2 .item img{object-fit: cover; width: 100%; height: 100%;}
main #single-hotel #contenu .content .description{width: 50%;padding: 0 8.33333333%;}
main #single-hotel #contenu .content .description>*{font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px; color: var(--color-grey);}
main #single-hotel #carte {padding-bottom: 110px}
main #single-hotel #carte .content{padding: 0 8.33333333%;flex-direction: column;}
main #single-hotel #carte .content .map{ width: 100%; height: 460px;}
main #single-hotel #carte .content .map img { max-width: inherit !important; }
main #single-hotel #more{padding-bottom: 110px;}
main #single-hotel #more .content{padding: 0 8.33333333%;flex-direction: column;}
main #single-hotel #more .content>.title{height: 2px;width: 100%; background-color: var(--color-grey);margin-bottom: 50px; margin-top: 15px;    display: flex; align-items: flex-end;}
main #single-hotel #more .content>.title h2{font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-size: 12px; line-height: 15px; letter-spacing: 12px; text-transform: uppercase; color: var(--color-grey);margin: 0;background-color: #fff;padding-right: 30px;}
main #single-hotel #more .content .more-hotels{display: flex;gap: 50px;flex-wrap: wrap;}
main #single-hotel #more .content .more-hotels .hotel{width: calc((100% - 100px) / 3);}
main #single-hotel #more .content .more-hotels .hotel .media{width: 100%;height: 280px;position: relative;margin-bottom: 20px;}
main #single-hotel #more .content .more-hotels .hotel .media img{height: 100%;width: 100%;object-fit: cover;}
main #single-hotel #more .content .more-hotels .hotel .text{    display: flex; flex-direction: column; height: 250px; justify-content: space-between;}
main #single-hotel #more .content .more-hotels .hotel .text .title{ margin-bottom: 0; font-family: 'Playfair Display'; font-style: normal; font-weight: 700; font-size: 20px; line-height: 25px; color: var(--color-grey); }
main #single-hotel #more .content .more-hotels .hotel .text .etoiles{margin-bottom: 0;}
main #single-hotel #more .content .more-hotels .hotel .text .etoiles svg{height: auto;width: 120px;}
main #single-hotel #more .content .more-hotels .hotel .text .adresse{width: 60%;margin-bottom: 0;}
main #single-hotel #more .content .more-hotels .hotel .text .adresse p{font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 20px; color: var(--color-grey);margin: 0;}
main #single-hotel #more .content .more-hotels .hotel .text .equipements{display: flex;gap: 10px;align-items: center;margin-bottom: 0;}
main #single-hotel #more .content .more-hotels .hotel .text .equipements .equipement{display: flex;gap: 10px;align-items: center;}
main #single-hotel #more .content .more-hotels .hotel .text .equipements .equipement svg{width: 30px;height: 30px;}
main #single-hotel #more .content .more-hotels .hotel .text .equipements .equipement p{font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 20px; color: var(--color-grey);margin-bottom: 0;}
main #single-hotel #more .content .more-hotels .hotel .text a{font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-size: 12px; line-height: 15px; letter-spacing: 4px; text-transform: uppercase; color: var(--color-grey);display: block;border: 2px solid var(--color-grey);text-align: center;display: flex;align-items: center;justify-content: center;height: 45px;}
main #single-hotel #more .content .more-hotels .hotel .text a:hover{background-color: var(--color-grey);color: var(--color-white);} main #page-hotels #header{height: 420px;width: 100%;background-position: center;background-size: cover;position: relative;margin-top: 85px;text-align: center;display: flex;justify-content: center;align-items: center;}
main #page-hotels #header h1{margin: 0;font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-size: 12px; line-height: 15px; text-align: center; letter-spacing: 12px; text-transform: uppercase; color: #FFFFFF;}
main #page-hotels #header h1 span{font-family: 'Playfair Display'; font-style: normal; font-weight: 400; font-size: 60px; line-height: 80px; letter-spacing: 4px; text-transform: uppercase; color: #FFFFFF;}
main #page-hotels #hotels{padding: 100px 0;}
main #page-hotels #hotels .content{padding: 0 8.33333333%;flex-direction: column;}
main #page-hotels #hotels .content>.title{height: 1px;width: 100%; background-color: var(--color-grey);margin-bottom: 50px; margin-top: 75px;    display: flex; align-items: flex-end;position: relative;}
main #page-hotels #hotels .content .title .filter form {display: flex;}
main #page-hotels #hotels .content .title .filter form select{font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 14px; line-height: 17px; color: var(--color-grey);background: none;border: 0;padding-right: 15px;outline: none;margin-bottom: 20px;margin-right: 30px;}
main #page-hotels #hotels .content .title .filter form .vscomp-ele{margin-right: 20px;}
main #page-hotels #hotels .content .title .filter form .vscomp-wrapper{padding-bottom: 10px; outline: none; background: none; margin: 0;}
main #page-hotels #hotels .content .title .filter form .vscomp-wrapper .vscomp-value{font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 14px; line-height: 17px; color: var(--color-grey); height: auto;}
main #page-hotels #hotels .content .title .filter form .vscomp-wrapper .vscomp-toggle-button{border: none; box-shadow: none;padding-right: 60px;    padding-left: 0;}
main #page-hotels #hotels .content .title .view{display: flex;gap: 10px;position: absolute;right: 0;}
main #page-hotels #hotels .content .title .view p{margin-right: 10px;}
main #page-hotels #hotels .content .title .view .liste{cursor: pointer;}
main #page-hotels #hotels .content .title .view .liste.on svg path{fill: var(--color-grey)}
main #page-hotels #hotels .content .title .view .carte{cursor: pointer;}
main #page-hotels #hotels .content .title .view .carte.on svg path{fill: var(--color-grey)}
main #page-hotels #hotels .content .carte-hotels{position: relative;display: none;}
main #page-hotels #hotels .content .carte-hotels.on{display: block;}
main #page-hotels #hotels .content .markers{display: none;}
main #page-hotels #hotels .content .markers .modal-no-result{position: absolute; top: 50%; left: 50%; background: white; z-index: 2; transform: translate(-50%, -50%);padding: 20px;}
main #page-hotels #hotels .content .markers .modal-no-result p{font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 18px; color: var(--color-grey);margin-bottom: 0;}
main #page-hotels #hotels .content .map{ width: 100%; height: 600px;}
main #page-hotels #hotels .content .map img{ max-width: inherit !important; }
main #page-hotels #hotels .content .map .gm-style .gm-style-iw-c{padding: 20px;border-radius: 0;max-width: 400px;}
main #page-hotels #hotels .content .map .gm-style .gm-style-iw-c .gm-style-iw-d{    padding-bottom: 8px;}
main #page-hotels #hotels .content .map .gm-style .gm-style-iw-c img{width: 100%;height: 140px;object-fit: cover;margin-bottom: 5px;}
main #page-hotels #hotels .content .map .gm-style .gm-style-iw-c .name{font-family: 'Playfair Display'; font-style: normal; font-weight: 700; font-size: 20px; line-height: 25px; color: var(--color-grey);margin-bottom: 5px;}
main #page-hotels #hotels .content .map .gm-style .gm-style-iw-c .etoiles{margin-bottom: 5px;}
main #page-hotels #hotels .content .map .gm-style .gm-style-iw-c .etoiles svg{height: auto;width: 120px;}
main #page-hotels #hotels .content .map .gm-style .gm-style-iw-c .adresse{font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 18px; color: var(--color-grey);margin-bottom: 0;}
main #page-hotels #hotels .content .map .gm-style .gm-style-iw-c .tel{font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 18px; color: var(--color-grey);margin-bottom: 0;}
main #page-hotels #hotels .content .map .gm-style .gm-style-iw-c a{font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 12px; line-height: 15px; letter-spacing: 4px; text-transform: uppercase; color: var(--color-grey); border: 2px solid var(--color-grey); text-align: center; display: flex; align-items: center; justify-content: center; margin-top: 5px; height: 50px;}
main #page-hotels #hotels .content .map .gm-style .gm-style-iw-c a:hover{background-color: var(--color-grey);color: var(--color-white);}
main #page-hotels #hotels .content .list-hotels{flex-wrap: wrap;gap: 50px;display: none;}
main #page-hotels #hotels .content .list-hotels.on{display: flex;}
main #page-hotels #hotels .content .list-hotels .hotel{width: calc((100% - 100px) / 3)}
main #page-hotels #hotels .content .list-hotels .hotel .media{width: 100%;height: 280px;position: relative;margin-bottom: 20px;}
main #page-hotels #hotels .content .list-hotels .hotel .media img{height: 100%;width: 100%;object-fit: cover;}
main #page-hotels #hotels .content .list-hotels .hotel .text{    display: flex; flex-direction: column; height: 220px; justify-content: space-between;}
main #page-hotels #hotels .content .list-hotels .hotel .text .title{ margin-bottom: 0; font-family: 'Playfair Display'; font-style: normal; font-weight: 700; font-size: 20px; line-height: 25px; color: var(--color-grey); }
main #page-hotels #hotels .content .list-hotels .hotel .text .etoiles{margin-bottom: 0;}
main #page-hotels #hotels .content .list-hotels .hotel .text .etoiles svg{height: auto;width: 120px;}
main #page-hotels #hotels .content .list-hotels .hotel .text .adresse{width: 60%;margin-bottom: 0;}
main #page-hotels #hotels .content .list-hotels .hotel .text .adresse p{font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 20px; color: var(--color-grey);margin: 0;}
main #page-hotels #hotels .content .list-hotels .hotel .text .equipements{display: flex;gap: 10px;align-items: center;margin-bottom: 0;}
main #page-hotels #hotels .content .list-hotels .hotel .text .equipements .equipement{display: flex;gap: 10px;align-items: center;}
main #page-hotels #hotels .content .list-hotels .hotel .text .equipements .equipement svg{width: 30px;height: 30px;}
main #page-hotels #hotels .content .list-hotels .hotel .text .equipements .equipement p{font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 20px; color: var(--color-grey);margin-bottom: 0;}
main #page-hotels #hotels .content .list-hotels .hotel .text a{font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-size: 12px; line-height: 15px; letter-spacing: 4px; text-transform: uppercase; color: var(--color-grey);display: block;border: 2px solid var(--color-grey);text-align: center;display: flex;align-items: center;justify-content: center;height: 45px;}
main #page-hotels #hotels .content .list-hotels .hotel .text a:hover{background-color: var(--color-grey);color: var(--color-white);}
main #page-hotels #hotels .content #loadmore{height: 1px;width: 100%; background-color: var(--color-grey);margin-bottom: 50px; margin-top: 75px;    display: flex;position: relative;align-items: center; justify-content: center;}
main #page-hotels #hotels .content #loadmore p{padding: 0 50px;background-color:white;font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-size: 12px; line-height: 15px; letter-spacing: 6px; text-transform: uppercase; color: var(--color-grey);cursor: pointer;margin-bottom: 0;} main #page-destination{padding: 115px 0;}
main #page-destination .content{display: flex;flex-direction: column;margin-top: 100px;}
main #page-destination .content .title{margin-bottom: 80px;text-align: center;}
main #page-destination .content .title h1::first-line{font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-size: 12px; line-height: 15px; letter-spacing: 12px; text-transform: uppercase; color: #414141;}
main #page-destination .content .title h1{font-family: 'Playfair Display'; font-style: normal; font-weight: 400; font-size: 50px; line-height: 60px; letter-spacing: 4px; text-transform: uppercase; color: #414141;margin: 0;}
main #page-destination .content .text{width: 33.33333333%;margin: auto;padding-bottom: 100px;}
main #page-destination .content .text p{font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px; color: var(--color-grey);}
main #page-destination .content .text p strong{font-weight: 600;text-align: center; font-family: Playfair Display; font-size: 18px; font-style: normal; line-height: 26px;}
main #page-destination .destinations{display: flex; flex-wrap: wrap;gap: 50px;padding: 0 8.33333333%;}
main #page-destination .destinations .destination{position: relative;height: 550px;display: flex;    align-items: flex-end; justify-content: center;overflow: hidden;width: calc((100% - 100px) / 3);}
main #page-destination .destinations .destination .media{position: absolute;width: 100%;height: 100%;}
main #page-destination .destinations .destination .media:after{position: absolute; width: 100%; height: 50%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); content: ''; display: block; bottom: 0;}
main #page-destination .destinations .destination .media img{object-fit: cover;width: 100%;height: 100%;}
main #page-destination .destinations .destination .text{position: relative;z-index: 2;text-align: center;    width: 100%;}
main #page-destination .destinations .destination .text .title::first-line{font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 15px; line-height: 20px; letter-spacing: 3px; text-transform: uppercase; color: #FFFFFF;}
main #page-destination .destinations .destination .text .title{margin-bottom: 10px;font-family: 'Playfair Display'; font-style: normal; font-weight: 400; font-size: 40px; line-height: 40px; letter-spacing: 3px; text-transform: uppercase; color: #FFFFFF;transition: .3s;}
main #page-destination .destinations .destination .text a{font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-size: 12px; line-height: 15px; letter-spacing: 6px; text-transform: uppercase; color: #FFFFFF;display: inline-block;border: 2px solid white;padding: 15px 30px;    margin-bottom: 0px; transform: translateY(calc(100% + 50px));}
main #page-destination .destinations .destination:hover .text a{margin-bottom: 50px; transform: translateY(0);}
main #page-destination .destinations .destination .text a:hover{background-color: #fff;color: var(--color-grey);}
main #page-destination .equipement{margin-top: 100px;}
main #page-destination .equipement .content{padding: 130px 0;background-size: cover;background-position: center;display: flex;justify-content: center;align-items: center;flex-direction: column;}
main #page-destination .equipement .content h2{margin: 0;margin-bottom: 30px;font-family: 'Playfair Display'; font-style: normal; font-weight: 400; font-size: 60px; line-height: 80px; letter-spacing: 4px; text-transform: uppercase; color: #FFFFFF;}
main #page-destination .equipement .content h2 br{display: none}
main #page-destination .equipement .content a{font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-size: 12px; line-height: 15px; letter-spacing: 6px; text-transform: uppercase; color: #FFFFFF;display: inline-block;border: 2px solid white;padding: 15px 30px;}
main #page-destination .equipement .content a:hover{background-color: #fff;color: var(--color-grey);} main #single-destination{}
main #single-destination #header{height: 460px;width: 100%;background-position: center;background-size: cover;position: relative;margin-top: 85px;background-color: #000;}
main #single-destination #header img{position: absolute;width: 100%;height: 100%;object-fit: cover;opacity: .8;}
main #single-destination #header h1::first-line{font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-size: 12px; line-height: 15px; letter-spacing: 12px;text-transform: uppercase; color: #FFFFFF;}
main #single-destination #header h1{margin: 0;font-family: 'Playfair Display'; font-style: normal; font-weight: 400; font-size: 60px; line-height: 80px;text-align: center; letter-spacing: 4px; text-transform: uppercase; color: #FFFFFF;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);    width: 100%;}
main #single-destination #introduction{padding: 80px 0 80px;}
main #single-destination #introduction .content{width: 33.33333333%;margin: auto;}
main #single-destination #introduction .content p{font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px; color: var(--color-grey);}
main #single-destination #introduction .content p strong{font-weight: 600;text-align: center; font-family: Playfair Display; font-size: 18px; font-style: normal; line-height: 26px;}
main #single-destination #content{}
main #single-destination #content .content{width: 100%;display: flex;flex-direction: column;}
main #single-destination #content .content .bloc{width: 100%;display: flex;padding-bottom: 120px;align-items: center;flex-wrap: wrap;}
main #single-destination #content .content .bloc .img{width: 50%;height: 100%;}
main #single-destination #content .content .bloc .img img{width: 100%;height: 100%;object-fit: cover;}
main #single-destination #content .content .bloc.side-1 .texte{padding-left: 8.33333333%;width: 50%;padding-right: 16.66666667%;}
main #single-destination #content .content .bloc.side-2 .texte{padding-right: 8.33333333%;width: 50%;padding-left: 16.66666667%;}
main #single-destination #content .content .bloc .texte {padding: 30px 0;height: 100%;}
main #single-destination #content .content .bloc .texte h2{color: var(--color-grey); font-family: Playfair Display; font-size: 22px; font-style: normal; font-weight: 400; line-height: 30px; margin: 0;margin-bottom: 25px;}
main #single-destination #content .content .bloc .texte p{font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px; color: var(--color-grey);}
main #single-destination #content .content .bloc .texte a{font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-size: 12px; line-height: 15px; letter-spacing: 6px; text-transform: uppercase; color: var(--color-grey);display: inline-block;border: 2px solid var(--color-grey);padding: 15px 30px;}
main #single-destination #content .content .bloc .texte a:hover{background-color: var(--color-grey);color: var(--color-white);}
main #single-destination #more-destination{padding-bottom: 120px;}
main #single-destination #more-destination .content>.title{height: 1px;width: 100%; background-color: var(--color-grey);margin-bottom: 70px; margin-top: 75px;    display: flex;position: relative;align-items: center; }
main #single-destination #more-destination .content>.title h2{margin:0;padding-right:50px;background-color:white;font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 12px; line-height: 15px; letter-spacing: 6px; text-transform: uppercase; color: var(--color-grey);margin-bottom: 0;}
main #single-destination #more-destination .content{width: 83.33333333%;margin: auto;}
main #single-destination #more-destination .content .destinations{display: flex; flex-wrap: wrap;gap: 50px;}
main #single-destination #more-destination .content .destinations .destination{position: relative;height: 550px;display: flex;    align-items: flex-end; justify-content: center;overflow: hidden;width: calc((100% - 100px) / 3);}
main #single-destination #more-destination .content .destinations .destination .media{position: absolute;width: 100%;height: 100%;}
main #single-destination #more-destination .content .destinations .destination .media:after{position: absolute; width: 100%; height: 50%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); content: ''; display: block; bottom: 0;}
main #single-destination #more-destination .content .destinations .destination .media img{object-fit: cover;width: 100%;height: 100%;}
main #single-destination #more-destination .content .destinations .destination .text{position: relative;z-index: 2;text-align: center;    width: 100%;}
main #single-destination #more-destination .content .destinations .destination .text .title::first-line{font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 15px; line-height: 20px; letter-spacing: 3px; text-transform: uppercase; color: #FFFFFF;}
main #single-destination #more-destination .content .destinations .destination .text .title{margin-bottom: 10px;font-family: 'Playfair Display'; font-style: normal; font-weight: 400; font-size: 40px; line-height: 40px; letter-spacing: 3px; text-transform: uppercase; color: #FFFFFF;transition: .3s;}
main #single-destination #more-destination .content .destinations .destination .text a{font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-size: 12px; line-height: 15px; letter-spacing: 6px; text-transform: uppercase; color: #FFFFFF;display: inline-block;border: 2px solid white;padding: 15px 30px;    margin-bottom: 0px; transform: translateY(calc(100% + 50px));}
main #single-destination #more-destination .content .destinations .destination:hover .text a{margin-bottom: 50px; transform: translateY(0);}
main #single-destination #more-destination .content .destinations .destination .text a:hover{background-color: #fff;color: var(--color-grey);} main #single-destination-equipement{padding: 115px 0;}
main #single-destination-equipement #header{text-align: center;margin-top: 100px;}
main #single-destination-equipement #header h1::first-line{font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-size: 12px; line-height: 15px; letter-spacing: 12px; text-transform: uppercase; color: #414141;}
main #single-destination-equipement #header h1{margin: 0;}
main #single-destination-equipement #header h1 span{font-family: 'Playfair Display'; font-style: normal; font-weight: 400; font-size: 50px; line-height: 60px; letter-spacing: 4px; text-transform: uppercase; color: #414141;margin: 0;}
main #single-destination-equipement #header h1 span br{display: none;}
main #single-destination-equipement #introduction{padding: 50px 0 100px;}
main #single-destination-equipement #introduction .content{width: 33.33333333%;margin: auto;}
main #single-destination-equipement #introduction .content p{font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px; color: var(--color-grey);}
main #single-destination-equipement #introduction .content p strong{font-weight: 600;text-align: center; font-family: Playfair Display; font-size: 18px; font-style: normal; line-height: 26px;}
main #single-destination-equipement #content{padding: 0 8.33333333%;}
main #single-destination-equipement #content .list-equipements{flex-wrap: wrap;gap: 80px 50px;display: flex;}
main #single-destination-equipement #content .list-equipements .equipement{width: calc(33.33333333% - 50px);}
main #single-destination-equipement #content .list-equipements .equipement .media{width: 100%;height: 280px;position: relative;margin-bottom: 20px;}
main #single-destination-equipement #content .list-equipements .equipement .media img{height: 100%;width: 100%;object-fit: cover;}
main #single-destination-equipement #content .list-equipements .equipement .text{}
main #single-destination-equipement #content .list-equipements .equipement .text .title{ margin-bottom: 20px;     font-family: Playfair Display; font-size: 22px; font-style: normal; font-weight: 700; line-height: 30px; text-transform: uppercase; color: var(--color-grey); }
main #single-destination-equipement #content .list-equipements .equipement .text p{color: var(--color-grey); font-family: Montserrat; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px;margin-bottom: 20px;}
main #single-destination-equipement #content .list-equipements .equipement .text a{font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-size: 12px; line-height: 15px; letter-spacing: 4px; text-transform: uppercase; color: var(--color-grey);display: block;border: 2px solid var(--color-grey);text-align: center;display: flex;align-items: center;justify-content: center;height: 45px;}
main #single-destination-equipement #content .list-equipements .equipement .text a:hover{background-color: var(--color-grey);color: var(--color-white);}
main #single-destination-equipement #more-destination{padding-bottom: 120px;}
main #single-destination-equipement #more-destination .content>.title{height: 1px;width: 100%; background-color: var(--color-grey);margin-bottom: 70px; margin-top: 75px;    display: flex;position: relative;align-items: center; }
main #single-destination-equipement #more-destination .content>.title h2{margin:0;padding-right:50px;background-color:white;font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 12px; line-height: 15px; letter-spacing: 6px; text-transform: uppercase; color: var(--color-grey);margin-bottom: 0;}
main #single-destination-equipement #more-destination .content{width: 83.33333333%;margin: auto;}
main #single-destination-equipement #more-destination .content .destinations{display: grid; grid-template-columns: repeat(3, 1fr);grid-column-gap: 100px; grid-row-gap: 100px;}
main #single-destination-equipement #more-destination .content .destinations .destination{position: relative;height: 550px;display: flex;    align-items: flex-end; justify-content: center;overflow: hidden;}
main #single-destination-equipement #more-destination .content .destinations .destination .media{position: absolute;width: 100%;height: 100%;}
main #single-destination-equipement #more-destination .content .destinations .destination .media:after{position: absolute; width: 100%; height: 50%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); content: ''; display: block; bottom: 0;}
main #single-destination-equipement #more-destination .content .destinations .destination .media img{object-fit: cover;width: 100%;height: 100%;}
main #single-destination-equipement #more-destination .content .destinations .destination .text{position: relative;z-index: 2;text-align: center;    width: 100%;}
main #single-destination-equipement #more-destination .content .destinations .destination .text .title::first-line{font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 20px; letter-spacing: 5px; text-transform: uppercase; color: #FFFFFF;}
main #single-destination-equipement #more-destination .content .destinations .destination .text .title{margin-bottom: 10px;font-family: 'Playfair Display'; font-style: normal; font-weight: 400; font-size: 45px; line-height: 50px; letter-spacing: 3px; text-transform: uppercase; color: #FFFFFF;transition: .3s;}
main #single-destination-equipement #more-destination .content .destinations .destination .text a{font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-size: 12px; line-height: 15px; letter-spacing: 6px; text-transform: uppercase; color: #FFFFFF;display: inline-block;border: 2px solid white;padding: 15px 30px;    margin-bottom: 0px; transform: translateY(calc(100% + 50px));}
main #single-destination-equipement #more-destination .content .destinations .destination:hover .text a{margin-bottom: 50px; transform: translateY(0);}
main #single-destination-equipement #more-destination .content .destinations .destination .text a:hover{background-color: #fff;color: var(--color-grey);} main #page-contact{}
main #page-contact #header{height: 460px;width: 100%;background-position: center;background-size: cover;position: relative;margin-top: 85px;background-color: #000;}
main #page-contact #header img{position: absolute;width: 100%;height: 100%;object-fit: cover;opacity: .8;}
main #page-contact #header h1::first-line{font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-size: 12px; line-height: 15px; letter-spacing: 12px;text-transform: uppercase; color: #FFFFFF;}
main #page-contact #header h1{margin: 0;font-family: 'Playfair Display'; font-style: normal; font-weight: 400; font-size: 60px; line-height: 80px;text-align: center; letter-spacing: 4px; text-transform: uppercase; color: #FFFFFF;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);    width: 100%;}
main #page-contact #content{padding: 80px 0 150px;}
main #page-contact #content .content{width: 33.33333333%;margin: auto;}
main #page-contact #content .content p{font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px; color: var(--color-grey);}
main #page-contact #content .content p strong{font-weight: 600;text-align: center; font-family: Playfair Display; font-size: 18px; font-style: normal; line-height: 26px;}
main #page-contact #content .content form{}
main #page-contact #content .content form input{width: 100%;background-color: transparent;font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 17px;color: var(--color-grey);border-radius: 0;border:none;border-bottom: 1px solid black;margin-bottom: 10px;outline: none;}
main #page-contact #content .content form input::placeholder{font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 17px; color: var(--color-grey);opacity: .5;}
main #page-contact #content .content form textarea{width: 100%;background-color: transparent;font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 17px;color: var(--color-grey);border-radius: 0;border:none;border-bottom: 1px solid black;margin-bottom: 10px;outline: none;height: 50px;}
main #page-contact #content .content form textarea::placeholder{font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 17px; color: var(--color-grey);opacity: .5;}
main #page-contact #content .content form input[type='submit']{font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-size: 12px; line-height: 15px; letter-spacing: 6px; text-transform: uppercase; color: var(--color-grey);padding: 10px 20px;border: 2px solid var(--color-grey);transition: .3s;width: auto;margin-left: auto; display: block;}
main #page-contact #content .content form input[type='submit']:hover{background-color: var(--color-grey);color: var(--color-white);}
main #page-contact #content .content form input[type='checkbox']{width: auto;margin-bottom: 0;}
main #page-contact #content .content form .wpcf7-acceptance .wpcf7-list-item{margin-left: 0;margin-bottom: 20px;}
main #page-contact #content .content form .wpcf7-acceptance .wpcf7-list-item span{font-size: 14px;} main #page-club{}
main #page-club #header{height: 460px;width: 100%;background-position: center;background-size: cover;position: relative;margin-top: 85px;background-color: #000;}
main #page-club #header img{position: absolute;width: 100%;height: 100%;object-fit: cover;opacity: .8;}
main #page-club #header h1::first-line{font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-size: 12px; line-height: 15px; letter-spacing: 12px;text-transform: uppercase; color: #FFFFFF;}
main #page-club #header h1{margin: 0;font-family: 'Playfair Display'; font-style: normal; font-weight: 400; font-size: 60px; line-height: 80px;text-align: center; letter-spacing: 4px; text-transform: uppercase; color: #FFFFFF;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);    width: 100%;}
main #page-club #content{padding: 80px 0 150px;}
main #page-club #content .content{width: 33.33333333%;margin: auto;}
main #page-club #content .content p{font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px; color: var(--color-grey);}
main #page-club #content .content p strong{font-weight: 600;text-align: center; font-family: Playfair Display; font-size: 18px; font-style: normal; line-height: 26px;}
main #page-club #content .content form{}
main #page-club #content .content form input{width: 100%;background-color: transparent;font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 14px; line-height: 17px;color: var(--color-grey);border-radius: 0;border:none;border-bottom: 1px solid black;margin-bottom: 10px;outline: none;}
main #page-club #content .content form input::placeholder{font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 14px; line-height: 17px; color: var(--color-grey);opacity: .5;}
main #page-club #content .content form textarea{width: 100%;background-color: transparent;font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 14px; line-height: 17px;color: var(--color-grey);border-radius: 0;border:none;border-bottom: 1px solid black;margin-bottom: 10px;outline: none;height: 50px;}
main #page-club #content .content form textarea::placeholder{font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 14px; line-height: 17px; color: var(--color-grey);opacity: .5;}
main #page-club #content .content form input[type='submit']{font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-size: 12px; line-height: 15px; letter-spacing: 6px; text-transform: uppercase; color: var(--color-grey);padding: 10px 20px;border: 2px solid var(--color-grey);transition: .3s;width: auto;margin-left: auto; display: block;}
main #page-club #content .content form input[type='submit']:hover{background-color: var(--color-grey);color: var(--color-white);}
main #page-club #chiffres{padding: 100px 0;background-color: var(--color-grey);margin-bottom: 2px;}
main #page-club #chiffres .content{display: flex;padding: 0 8.33333333%;}
main #page-club #chiffres .content .chiffre{}
main #page-club #chiffres .content .chiffre .txt{text-align: center;}
main #page-club #chiffres .content .chiffre .txt .c{font-family: 'Vidaloka'; font-style: normal; font-weight: 700; font-size: 50px; line-height: 26px; color: #FFFFFF;margin: 20px;}
main #page-club #chiffres .content .chiffre .txt .c span{font-family: 'Vidaloka'; font-style: normal; font-weight: 700; font-size: 50px; line-height: 26px; color: #FFFFFF;margin: 10px;}
main #page-club #chiffres .content .chiffre .txt .t{font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 14px; line-height: 17px; text-transform: uppercase; color: #FFFFFF;margin: 0;} main #page-recrutement{}
main #page-recrutement #header{height: 460px;width: 100%;background-position: center;background-size: cover;position: relative;margin-top: 85px;background-color: #000;}
main #page-recrutement #header img{position: absolute;width: 100%;height: 100%;object-fit: cover;opacity: .8;}
main #page-recrutement #header h1::first-line{font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-size: 12px; line-height: 15px; letter-spacing: 12px;text-transform: uppercase; color: #FFFFFF;}
main #page-recrutement #header h1{margin: 0;font-family: 'Playfair Display'; font-style: normal; font-weight: 400; font-size: 60px; line-height: 80px;text-align: center; letter-spacing: 4px; text-transform: uppercase; color: #FFFFFF;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);    width: 100%;}
main #page-recrutement #introduction{padding: 80px 0 80px;}
main #page-recrutement #introduction .content{width: 33.33333333%;margin: auto;}
main #page-recrutement #introduction .content p{font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px; color: var(--color-grey);}
main #page-recrutement #introduction .content p strong{font-weight: 600;text-align: center; font-family: Playfair Display; font-size: 18px; font-style: normal; line-height: 26px;}
main #page-recrutement #content{padding: 0 8.33333333% 80px;}
main #page-recrutement #content .list-postes{flex-wrap: wrap;gap: 80px 50px;display: flex;}
main #page-recrutement #content .list-postes .poste{width: calc((100% - 100px) / 3);}
main #page-recrutement #content .list-postes .poste .media{width: 100%;height: 280px;position: relative;margin-bottom: 20px;}
main #page-recrutement #content .list-postes .poste .media img{height: 100%;width: 100%;object-fit: cover;}
main #page-recrutement #content .list-postes .poste .text{}
main #page-recrutement #content .list-postes .poste .text .title{ margin-bottom: 20px;     font-family: Playfair Display; font-size: 22px; font-style: normal; font-weight: 700; line-height: 30px; text-transform: uppercase; color: var(--color-grey); }
main #page-recrutement #content .list-postes .poste .text p{color: var(--color-grey); font-family: Montserrat; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px;margin-bottom: 20px;}
main #page-recrutement #content .list-postes .poste .text a{font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-size: 12px; line-height: 15px; letter-spacing: 4px; text-transform: uppercase; color: var(--color-grey);display: block;border: 2px solid var(--color-grey);text-align: center;display: flex;align-items: center;justify-content: center;height: 45px;}
main #page-recrutement #content .list-postes .poste .text a:hover{background-color: var(--color-grey);color: var(--color-white);}
main #page-recrutement #postuler{padding: 0px 0 150px;}
main #page-recrutement #postuler .content{width: 33.33333333%;margin: auto;}
main #page-recrutement #postuler .content form{}
main #page-recrutement #postuler .content form label{font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 17px;color: var(--color-grey);}
main #page-recrutement #postuler .content form input{width: 100%;background-color: transparent;font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 17px;color: var(--color-grey);border-radius: 0;border:none;border-bottom: 1px solid black;margin-bottom: 30px;outline: none;}
main #page-recrutement #postuler .content form input::placeholder{font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 17px; color: var(--color-grey);opacity: .5;}
main #page-recrutement #postuler .content form select{width: 100%;background-color: transparent;font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 17px;color: var(--color-grey);border-radius: 0;border:none;border-bottom: 1px solid black;margin-bottom: 30px;outline: none;}
main #page-recrutement #postuler .content form textarea{width: 100%;background-color: transparent;font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 17px;color: var(--color-grey);border-radius: 0;border:none;border-bottom: 1px solid black;margin-bottom: 30px;outline: none;height: 50px;}
main #page-recrutement #postuler .content form textarea::placeholder{font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 17px; color: var(--color-grey);opacity: .5;}
main #page-recrutement #postuler .content form input[type='submit']{font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-size: 12px; line-height: 15px; letter-spacing: 6px; text-transform: uppercase; color: var(--color-grey);padding: 10px 20px;border: 2px solid var(--color-grey);transition: .3s;width: auto;margin-left: auto; display: block;}
main #page-recrutement #postuler .content form input[type='submit']:hover{background-color: var(--color-grey);color: var(--color-white);}
main #page-recrutement #postuler .content form input[type='checkbox']{width: auto;margin-bottom: 0;}
main #page-recrutement #postuler .content form .wpcf7-acceptance .wpcf7-list-item{margin-left: 0;margin-bottom: 20px;}
main #page-recrutement #postuler .content form .wpcf7-acceptance .wpcf7-list-item span{font-size: 14px;} main #page-classique{padding: 160px 0 80px;}
main #page-classique .content{width: 83.33333333%;margin: auto;}
main #page-classique .content p{    font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px; color: var(--color-grey);}
main #page-classique .content h1{margin: 0;font-family: 'Playfair Display'; font-style: normal; font-weight: 400; font-size: 40px; line-height: 40px;letter-spacing: 4px; text-transform: uppercase; color: var(--color-grey);margin-bottom: 40px;}
main #page-classique .content h2{font-weight: 600; font-family: Playfair Display; font-size: 22px; font-style: normal; line-height: 26px;color: var(--color-grey);}
main #page-classique .content h3{font-weight: 600;font-family: Playfair Display; font-size: 18px; font-style: normal; line-height: 26px;color: var(--color-grey);}
main #page-classique .content ul{margin: 0;}
main #page-classique .content ul li{    font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px; color: var(--color-grey);} @media (max-width: 1550px) {
header .main-navigation{padding-left: 50px;}
header .main-navigation ul{gap: 30px;}
main #page-accueil #introduction .legendr{left: 75%;}
main #page-accueil #introduction .content .text{width: 41.66666667%;}
main #page-accueil #chiffres .content{padding: 0 15px;}
main #page-accueil #destination .content .destinations{gap: 25px;}
main #page-accueil #destination .content .destinations .destination{width: calc((100% - 50px) / 3);}
main #page-destination .content .text{width: 41.66666667%;}
main #page-destination .destinations{gap: 25px;}
main #page-destination .destinations .destination{width: calc((100% - 50px) / 3);}
main #single-destination #introduction .content{width: 41.66666667%;}
main #single-destination #content .content .bloc.side-1 .texte{    padding-right: 8.33333333%;}
main #single-destination #content .content .bloc.side-2 .texte{    padding-left: 8.33333333%;}
main #single-destination #more-destination .content .destinations{gap: 25px;}
main #single-destination #more-destination .content .destinations .destination{width: calc((100% - 50px) / 3);}
main #page-club #content{padding-bottom: 80px;}
main #page-club #content .content{width: 41.66666667%;}
main #page-club #chiffres .content{padding: 0 15px;}
main #page-contact #content {padding-bottom: 80px;}
main #page-contact #content .content{width: 41.66666667%;}
main #page-recrutement #introduction .content{width: 41.66666667%;}
main #page-recrutement #postuler .content{width: 41.66666667%;}
main #single-hotel #introduction .content{padding: 0 15px;}
main #single-hotel #equipements .content{margin: 0 15px;}
main #single-hotel #contenu .content{padding: 0 15px;}
main #single-hotel #contenu .content .description{padding: 0 15px;}
main #single-hotel #carte .content{padding: 0 15px;}
main #single-hotel #more .content{padding: 0 15px;}
}
@media (max-width: 1300px) {
header .menu-desktop{padding: 15px;justify-content: space-between;}
header .logo { width: 220px; }
header .main-navigation{padding-left: 0;width: fit-content;}
header .main-navigation ul { gap: 20px; }
header .main-navigation ul li a{letter-spacing: 2px;}
footer .footer-bottom{padding: 15px;}
main #page-accueil #introduction .legendr { left: 80%; }
main #page-accueil #introduction .content .text{width: 50%;}
main #page-accueil #chiffres .content .chiffre .txt .c{margin: 20px 0;    font-size: 45px;}
main #page-accueil #chiffres .content .chiffre .txt .c span{margin: 0;    font-size: 45px;}
main #page-accueil #destination .content{padding: 0 15px;}
main #page-accueil #destination .content .destinations .destination{height: 450px;}
main #page-accueil #destination .content .destinations .destination .text .title{font-size: 30px;line-height: 30px;}
main #page-accueil #hotels .content{padding: 0 15px;}
main #page-accueil #hotels .content .list-hotels{gap: 25px;}
main #page-accueil #hotels .content .list-hotels .hotel { width: calc((100% - 50px) / 3); }
main #page-accueil #club-recrutement .content{padding: 0 15px;}
main #page-destination .content .text{width: 50%;}
main #page-destination .destinations{padding: 0 15px;}
main #page-destination .destinations .destination{height: 450px;}
main #page-destination .destinations .destination .text .title{font-size: 30px;line-height: 30px;}
main #single-destination #header{height: 380px;}
main #single-destination #introduction .content{width: 50%;}
main #single-destination #content .content .bloc{padding-bottom: 75px;}
main #single-destination #content .content .bloc.side-1 .texte{padding: 0 15px;}
main #single-destination #content .content .bloc.side-2 .texte{padding: 0 15px;}
main #single-destination #more-destination .content{width: 100%;padding: 0 15px;}
main #single-destination #more-destination .content>.title{margin-top: 30px;margin-bottom: 60px;}
main #single-destination #more-destination .content .destinations .destination{height: 450px;}
main #single-destination #more-destination .content .destinations .destination .text .title{font-size: 30px;line-height: 30px;}
main #page-hotels #header{height: 380px;}
main #page-hotels #hotels{padding: 80px 0;}
main #page-hotels #hotels .content{padding: 0 15px;}
main #page-hotels #hotels .content .list-hotels{gap: 25px;}
main #page-hotels #hotels .content .list-hotels .hotel { width: calc((100% - 50px) / 3); }
main #page-club #header{height: 380px;}
main #page-club #content .content{width: 50%;}
main #page-club #chiffres .content .chiffre .txt .c{margin: 20px 0;    font-size: 45px;}
main #page-club #chiffres .content .chiffre .txt .c span{margin: 0;    font-size: 45px;}
main #page-contact #header{height: 380px;}
main #page-contact #content .content{width: 50%;}
main #page-recrutement #header{height: 380px;}
main #page-recrutement #content .content{width: 50%;}
main #page-recrutement #content{padding: 0 15px 80px;}
main #page-recrutement #postuler{padding-bottom: 80px;}
main #page-recrutement #postuler .content{width: 50%;}
main #page-classique .content{padding: 0 15px;width: 100%;}
main #single-hotel #more .content .more-hotels{gap: 25px;}
main #single-hotel #more .content .more-hotels .hotel { width: calc((100% - 50px) / 3); }
}
@media (max-width: 1200px) {
main #single-hotel #header{height: 380px;}
main #single-hotel #introduction{padding: 70px 0;}
main #single-hotel #introduction .content .left h1{font-size: 30px; line-height: 30px;}
main #single-hotel #introduction .content{flex-wrap: wrap;row-gap: 20px;}
main #single-hotel #introduction .content .right{width: 100%;display: flex;gap: 20px;}
main #single-hotel #introduction .content .right a{padding: 0px 20px;}
main #single-hotel #equipements .content{padding: 50px 0;}
main #single-hotel #contenu{padding: 70px 0;}
main #single-hotel #contenu .content .video{margin-bottom: 70px;}
main #single-hotel #contenu .content .galerie-description{flex-wrap: wrap;}
main #single-hotel #contenu .content .galerie-description .galerie{width: 100%;order: 2;}
main #single-hotel #contenu .content .galerie-description .description{width: 100%;order: 1;padding: 0;}
main #single-hotel #carte{padding-bottom: 70px;}
}
@media (max-width: 992px) {
header .burger{display: block;}
header .menu-desktop .main-navigation{display: none;}
header .menu-desktop .tools{display: none;}
header.open{height: 100vh;}
header.open .menu-mobile.on{display: flex;padding: 15px;flex-direction: column;gap: 30px;}
header .main-navigation ul{flex-direction: column;}
header .main-navigation ul li a{font-size: 14px;}
header .main-navigation ul li a::after{display: none;}
footer .footer-top{padding: 30px 15px;}
footer .footer-top .question p{font-size: 30px;line-height: normal;}
footer .footer-bottom{    gap: 15px; align-items: center; flex-direction: column;}
footer .footer-bottom .footer-navigation ul{flex-direction: column;gap: 15px;align-items: center;}
main #page-accueil #hero-banner .texte h2{    font-size: 40px; line-height: 50px;}
main #page-accueil #hero-banner .texte a{    padding: 15px 20px;}
main #page-accueil #introduction{padding: 75px 0;}
main #page-accueil #introduction .legendr { left: auto; right: 15px; top: 15px; width: 150px; }
main #page-accueil #introduction .content .text{width: 100%;padding: 0 15px;}
main #page-accueil #chiffres{padding: 75px 0;}
main #page-accueil #chiffres .content{flex-wrap: wrap; row-gap: 20px;}
main #page-accueil #chiffres .content .chiffre { width: 33.3333%!important; }
main #page-accueil #destination{padding: 75px 0;}
main #page-accueil #destination .content .title{margin-bottom: 50px;}
main #page-accueil #destination .content .title h2{font-size: 35px; line-height: 50px;}
main #page-accueil #destination .content .destinations .destination{width: calc((100% - 25px) / 2);}
main #page-accueil #destination .content .destinations .destination .media:after{height: 70%;}
main #page-accueil #destination .content .destinations .destination .text a { margin-bottom: 50px; transform: translateY(0);     padding: 15px 20px;}
main #page-accueil #hotels{padding: 0 0 75px 0;}
main #page-accueil #hotels .content>.title{height: auto; background: none; border-bottom: 1px solid var(--color-grey); margin-top: 0;flex-wrap: wrap;}
main #page-accueil #hotels .content>.title h2{    width: 100%; padding: 0; text-align: center; margin-top: 0; margin-bottom: 30px;}
main #page-accueil #hotels .content>.title h2 span{font-size: 35px; line-height: 50px;}
main #page-accueil #hotels .content .title .filter{width: 50%;margin-left: 0;}
main #page-accueil #hotels .content .title .view{position: relative;width: 50%;    justify-content: flex-end;}
main #page-accueil #hotels .content .list-hotels .hotel { width: calc((100% - 25px) / 2); }
main #page-accueil #club-recrutement{padding-bottom: 75px;}
main #page-accueil #club-recrutement .content .club .text .title::first-line{font-size: 14px; line-height: 20px;}
main #page-accueil #club-recrutement .content .club .text .title{font-size: 40px;line-height: 40px;}    
main #page-accueil #club-recrutement .content .recrutement .text .title::first-line{font-size: 14px; line-height: 20px;}
main #page-accueil #club-recrutement .content .recrutement .text .title{font-size: 40px;line-height: 40px;}
main #page-destination{padding-top: 88px;padding-bottom: 75px;}
main #page-destination .content{margin-top: 75px;margin-bottom: 30px;}
main #page-destination .content .title{margin-bottom: 40px;}
main #page-destination .content .title h1{font-size: 35px; line-height: 50px;}
main #page-destination .content .text{width: 100%;padding: 0 15px;}
main #page-destination .destinations .destination{width: calc((100% - 25px) / 2);}
main #page-destination .destinations .destination .media:after{height: 70%;}
main #page-destination .destinations .destination .text a { margin-bottom: 50px; transform: translateY(0);     padding: 15px 20px;}
main #single-destination #header { height: 300px; }
main #single-destination #header h1::first-line{font-size: 12px; line-height: 15px; letter-spacing: 8px;}
main #single-destination #header h1 span{    font-size: 50px; line-height: 60px;}
main #single-destination #introduction .content{width: 100%;padding: 0 15px;}
main #single-destination #content .content .bloc.side-1 .texte{order: 1;width: 100%;}
main #single-destination #content .content .bloc.side-1 .img{order: 2;width: 100%;}
main #single-destination #content .content .bloc.side-2 .texte{order: 1;width: 100%;}
main #single-destination #content .content .bloc.side-2 .img{order: 2;width: 100%;}
main #single-destination #more-destination{padding-bottom: 75px;}
main #single-destination #content .content .bloc:last-child{padding-bottom: 30px;}
main #single-destination #more-destination .content>.title{margin-top: 25px;margin-bottom: 40px;}
main #single-destination #more-destination .content .destinations .destination{width: 100%;}
main #single-destination #more-destination .content .destinations .destination .media:after{height: 70%;}
main #single-destination #more-destination .content .destinations .destination .text a { margin-bottom: 50px; transform: translateY(0);     padding: 15px 20px;}
main #page-hotels #header { height: 300px; }
main #page-hotels #header h1::first-line{font-size: 12px; line-height: 15px; letter-spacing: 8px;}
main #page-hotels #header h1{    font-size: 50px; line-height: 60px;}
main #page-hotels #hotels .content .list-hotels .hotel { width: calc((100% - 25px) / 2); }
main #page-hotels #hotels .content .title{height: auto; background: none; border-bottom: 1px solid var(--color-grey); margin-top: 0;flex-wrap: wrap;}
main #page-hotels #hotels .content .title .filter{width: 50%;margin-left: 0;}
main #page-hotels #hotels .content .title .view{position: relative;width: 50%;    justify-content: flex-end;}
main #page-club #header { height: 300px; }
main #page-club #header h1::first-line{font-size: 12px; line-height: 15px; letter-spacing: 8px;}
main #page-club #header h1 span{    font-size: 50px; line-height: 60px;}
main #page-club #content .content{width: 100%;padding: 0 15px;}
main #page-club #chiffres{padding: 75px 0;}
main #page-club #chiffres .content{flex-wrap: wrap; row-gap: 20px;}
main #page-club #chiffres .content .chiffre { width: 33.3333%!important; }
main #page-contact #header { height: 300px; }
main #page-contact #header h1::first-line{font-size: 12px; line-height: 15px; letter-spacing: 8px;}
main #page-contact #header h1 span{    font-size: 50px; line-height: 60px;}
main #page-contact #content .content{width: 100%;padding: 0 15px;}
main #page-recrutement #header { height: 300px; }
main #page-recrutement #header h1::first-line{font-size: 12px; line-height: 15px; letter-spacing: 8px;}
main #page-recrutement #header h1 span{    font-size: 50px; line-height: 60px;}
main #page-recrutement #introduction{padding: 50px 0;}
main #page-recrutement #introduction .content{width: 100%;padding: 0 15px;}
main #page-recrutement #content .list-postes{gap: 50px 25px;}
main #page-recrutement #content .list-postes .poste { width: calc((100% - 25px) / 2); }
main #page-recrutement #content .list-postes .poste .text .title{font-size: 20px;}
main #page-recrutement #content .list-postes .poste .text p{font-size: 14px;margin-bottom: 10px;}
main #page-recrutement #postuler .content{width: 100%;padding: 0 15px;}
main #page-classique{padding: 100px 0 50px;}
main #page-classique .content p{font-size: 14px;}
main #page-classique .content li{font-size: 14px;}
main #page-classique .content h1{font-size: 30px;line-height: normal;}
main #page-classique .content h2{font-size: 20px;}
main #page-classique .content h3{font-size: 16px}
main #single-hotel #header { height: 300px; }
main #single-hotel #introduction .content .left{width: 100%;}
main #single-hotel #introduction .content .center{width: 100%;}
main #single-hotel #equipements .content{flex-wrap: wrap;}
main #single-hotel #equipements .content .equipement{width: calc(100% / 3);}
main #single-hotel #equipements .content .equipement p{text-align: center;}
main #single-hotel #contenu .content .galerie .galerie-hotel-2{display: none;}
main #single-hotel #contenu .content .galerie .galerie-hotel-1 .owl-nav button{background: transparent;width: 40px;}
main #single-hotel #contenu .content .galerie .galerie-hotel-1 .owl-nav svg path{fill: var(--color-grey);}
main #single-hotel #more .content .more-hotels .hotel{ width: calc((100% - 25px) / 2); }
}
@media (max-width: 752px) {
footer .footer-top{flex-direction: column;gap: 15px;}
footer .footer-top .question p{font-size: 22px;}
footer .footer-bottom .footer-navigation ul li a{letter-spacing: 2px;}
main #page-accueil #introduction { padding: 100px 0 75px; }
main #page-accueil #chiffres .content .chiffre { width: 50%!important; }
main #page-accueil #destination .content .destinations .destination{width: 100%;}
main #page-accueil #hotels .content .title .filter{width: 100%;}
main #page-hotels #hotels .content .title .filter form .vscomp-wrapper{font-size: 13px;}
main #page-accueil #hotels .content .title .filter form{flex-wrap: wrap;}
main #page-accueil #hotels .content .title .filter form .vscomp-ele{width: 100%;max-width: 100%;}
main #page-accueil #hotels .content .title .filter form .vscomp-wrapper .vscomp-toggle-button{padding-right: 20px;}
main #page-accueil #hotels .content .title .filter .vscomp-arrow{width: 20px;}
main #page-accueil #hotels .content .title .view{width: 100%;    justify-content: flex-start;align-items: center;}
main #page-accueil #hotels .content .list-hotels .hotel { width: 100%; }
main #page-accueil #club-recrutement .content{flex-wrap: wrap;}
main #page-accueil #club-recrutement .content>a{width: 100%;}
main #page-destination .destinations .destination{width: 100%;}
main #single-destination #header h1{    font-size: 40px; line-height: 50px;}
main #page-hotels #header h1 span{    font-size: 40px; line-height: 50px;}
main #page-hotels #hotels .content .title  .filter{width: 100%;}
main #page-hotels #hotels .content .title .filter form .vscomp-wrapper{font-size: 13px;}
main #page-hotels #hotels .content .title .filter form{flex-wrap: wrap;}
main #page-hotels #hotels .content .title .filter form .vscomp-ele{width: 100%;max-width: 100%;}
main #page-hotels #hotels .content .title .filter form .vscomp-wrapper .vscomp-toggle-button{padding-right: 20px;}
main #page-hotels #hotels .content .title .filter .vscomp-arrow{width: 20px;}
main #page-hotels #hotels .content .title  .view{width: 100%;    justify-content: flex-start;align-items: center;}
main #page-hotels #hotels .content .list-hotels .hotel { width: 100%; }
main #page-club #header h1{    font-size: 38px; line-height: 45px;}
main #page-club #chiffres .content .chiffre { width: 50%!important; }
main #page-contact #header h1{    font-size: 38px; line-height: 45px;}
main #page-recrutement #header h1{    font-size: 38px; line-height: 45px;}
main #page-recrutement #content .list-postes .poste{ width: 100%; }
main #single-hotel #more .content .more-hotels .hotel{ width: 100%; }
}