/*** HELPERS & GENERAL ***/

:root {
	--orange: #fc5215;
	--orange-a-w: #fedcd0;
	--orange-a: rgba(252, 82, 21, .1);
	--orange-d: #321004;
	--blue: #28293d;
	--blue-a-w: #d4d4d8;
	--blue-a: rgba(40, 41, 61, .1);
	--blue-d: #08080c;
	--light-grey: #e9e9e9;
	--grey: #777777;
	--grey-a-w: #efefef;
	--grey-a: rgba(119, 119, 119, .1);
	--grey-d: #5e5e5e;

	--white: #ffffff;
	--white-a: rgba(255, 255, 255, .1);
	--white-a-l: rgba(255, 255, 255, .05);
	--black: #000000;
	--black-a: rgba(0, 0, 0, .1);
	--black-a-l: rgba(0, 0, 0, .05);

	--error: #DC3545;
	--error-w: #ED9AA2;
	--error-a-w: #F8D6DA;
	--error-d: #c6313e;
	--success: #198754;
	--success-w: #8CC3A9;
	--success-a-w: #D1E7DD;
	--success-d: #157247;

	--linkedin: #0a66c2;
	--linkedin-d: #0854a1;

	--u-xs: 5px;
	--u-xs-n: -5px;
	--u-sm: 10px;
	--u-sm-n: -10px;
	--u: 20px;
	--u-n: -20px;
	--u-me: 30px;
	--u-me-n: -30px;
	--u-lg: 40px;
	--u-lg-n: -40px;
	--u-xl: 80px;
	--u-xl-n: -80px;
	--u-xxl: 100px;
	--u-xxl-n: -100px;

	--bw: 1px;
	--bw-n: -1px;
	--border: 1px solid var(--black-a);

	--shadow: 0 2px 10px rgba(0, 0, 0, .1);
	--shadow-lg: 0 5px 40px rgba(0, 0, 0, .1);

	--transition: .3s;
	--transition-bezier: .6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

::selection {color: var(--blue); background: rgba(233, 226, 45, .66);}
::-moz-selection {color: var(--blue); background: rgba(233, 226, 45, .66);}

* {
	font-family: 'noka', sans-serif;
	color: inherit;
	line-height: 110%;
/*	user-select: none;*/
}

body {
/*	padding: var(--u-sm);*/
/*	 margin-left: var(--u-sm); */
	background: var(--blue);
	background: linear-gradient(90deg, rgba(252, 82, 21, 1) 0%, rgba(40, 41, 61, 1) 100%);
	overflow-x: hidden;
}

main {
	color: var(--blue);
	background: var(--white);
}

.container {position: relative;}

.relative {position: relative;}

img {max-width: 100%;}

hr {
	background: var(--blue-a);
	margin: var(--u-lg) 0;
	border: 0 !important;
	height: var(--bw);
	opacity: 1;
}

/*** COLOR & TYPOGRAPHY ***/

.orange-text, .has-orange-color, .has-orange-color * {color: var(--orange) !important;}
.blue-text, .has-blue-color, .has-blue-color * {color: var(--blue) !important;}
.white-text, .has-white-color, .has-white-color * {color: var(--white) !important;}
.grey-text, .has-grey-color, .has-grey-color * {color: var(--grey) !important;}
.black-text, .has-black-color, .has-black-color * {color: var(--black) !important;}

.orange, .has-orange-background-color {background: var(--orange) !important;}
.has-orange-a-background-color {background: var(--orange-a) !important;}
.blue, .has-blue-background-color {background: var(--blue) !important;}
.blue-a, .has-blue-a-background-color {background: var(--blue-a) !important;}
.white, .has-white-background-color {background: var(--white) !important;}
.white-a {background: var(--white-a) !important;}
.black, .has-black-background-color {background: var(--black) !important;}

p, blockquote, b, i, em, strong, span {color: inherit;}

p, blockquote, ol {margin: var(--u) 0;}
p:first-child, blockquote:first-child, ul:first-child, ol:first-child {margin-top: 0;}
p:last-child, blockquote:last-child, ul:last-child, ol:last-child {margin-bottom: 0;}

.center-align {text-align: center;}
.right-align {text-align: right;}
.justify {text-align: justify;}
.pre-line {white-space: pre-line;}

.bold, strong, b {font-weight: 700;}

.uppercase {text-transform: uppercase;}

h1, h2 {
	font-size: 3rem;
	line-height: 80%;
}

h1, h2, h3, h4, h5, h6 {
	color: inherit;
	margin: var(--u) 0;
	line-height: 100%;
}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {margin-top: 0;}
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child {margin-bottom: 0;}

/*** COMPONENTS ***/

section {
	position: relative;
	padding: calc(var(--u-xxl) + var(--u-lg)) 0;
}

main section:first-child {padding-top: calc(var(--u-xxl) * 2);}

body.annonce main section:first-child {padding-top: calc(var(--u-xxl) * 2.5);}

main section.blue:first-child:not(:last-child) {border-bottom-right-radius: var(--u-xxl);}

main section:last-child {padding-bottom: calc(calc(var(--u-xxl) + var(--u)) * 2);}

.btns-group {
	display: flex;
	gap: var(--u);
}

.btns-group.center-align {
	justify-content: center;
}

.btn, .wp-block-button .wp-block-button__link {
	background: var(--blue);
	padding: var(--u-sm) var(--u-me);
	border-radius: var(--u-lg);
	color: var(--white);
	text-transform: uppercase;
	font-weight: 700;
	display: inline-flex;
	align-items: center;
	font-size: 1rem;
	min-height: 46px;
}

.wp-block-button .wp-block-button__link {
	transition: var(--transition);
}

.wp-block-button .wp-block-button__link::before, .fluentform .ff-el-group .btn.ff-btn-submit::before {
	content: 'chevron_right';
	margin-right: var(--u-xs);
	font-family: 'Material Symbols Outlined';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
}

.btn:hover, .btn:active, .btn:focus, .wp-block-button .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:active, .wp-block-button .wp-block-button__link:focus {
	background: var(--orange) !important;
	color: var(--white);
	box-shadow: var(--shadow-lg);
}

.btn.orange:hover, .btn.orange:active, .btn.orange:focus {
	background: var(--blue) !important;
	color: var(--white) !important;
}

.btn.white {color: var(--orange);}

.btn.white:hover, .btn.white:focus, .btn.white:active {
	background: var(--blue) !important;
	color: var(--white) !important;
}

.btn-outline, .wp-block-button.is-style-outline .wp-block-button__link {
	border: var(--border);
	border-color: var(--white);
	background: transparent !important;
}

.btn-outline.white {color: var(--white);}

.wp-block-button.is-style-outline .wp-block-button__link:hover, .wp-block-button.is-style-outline .wp-block-button__link:active, .wp-block-button.is-style-outline .wp-block-button__link:focus {
	background: var(--blue) !important;
	border-color: transparent;
}

.btn-h-blue .btn:hover, .btn-h-blue:not(.btns-group):hover, .btn-h-blue .btn:focus, .btn-h-blue:not(.btns-group):focus, .btn-h-blue .btn:active, .btn-h-blue:not(.btns-group):active {
	background: var(--blue) !important;
	color: var(--white);
}

.btn-h-orange .btn:hover, .btn-h-orange:not(.btns-group):hover, .btn-h-orange .btn:focus, .btn-h-orange:not(.btns-group):focus, .btn-h-orange .btn:active, .btn-h-orange:not(.btns-group):active {
	background: var(--orange) !important;
	color: var(--white);
}

.btn-h-white .btn:hover, .btn-h-white:not(.btns-group):hover, .btn-h-white .btn:focus, .btn-h-white:not(.btns-group):focus, .btn-h-white .btn:active, .btn-h-white:not(.btns-group):active {
	background: var(--white) !important;
	color: var(--orange) !important;
}

.btn span {margin-right: var(--u-xs);}

.btn-i span {
	margin-right: 0;
	font-size: 2rem;
	margin: -16px;
}

.card {
	background: transparent;
	border: 0;
	border-radius: 0;
	overflow: hidden;
}

.card .card-content {padding: var(--u);}

.card-icon {
	background: var(--blue-a-w);
	color: var(--blue);
	padding: var(--u);
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	width: 100%;
	aspect-ratio: 1 / 1;
}

.card-icon.card-icon-outline {
	text-decoration: none;
	border: var(--border);
	border-color: var(--orange);
	background: transparent;
	color: var(--orange) !important;
	transition: var(--transition);
}

.card-icon.card-icon-outline:hover {
	background: var(--orange);
	color: var(--white) !important;
}

.card-icon.card-icon-small {
	align-items: center;
	height: var(--u-xxl);
	width: var(--u-xxl);
	padding: var(--u-sm);
	aspect-ratio: 1 / 1;
	white-space: nowrap;
}

.card-icon .material-symbols-outlined {
	font-size: 4.5rem;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}

.card-icon.card-icon-small .material-symbols-outlined {font-size: 2.5rem;}

.card-icon :not(.material-symbols-outlined) {font-size: 1rem;}

.card-icon.card-icon-small :not(.material-symbols-outlined) {
	margin-top: var(--u-xs);
	font-size: .7rem;
}

.card-game {
	border-radius: var(--u);
	width: 100%;
	position: relative;
	border-radius: var(--u-sm);
	aspect-ratio: 2 / 3;
	overflow: hidden;
	box-shadow: var(--shadow-lg);
}

.card-game img {
	position: absolute;
	width: 100%;
	height: auto;
	object-fit: cover;
}

.card-temoignage {
	margin: var(--u);
	padding: var(--u-lg);
	background: var(--blue-a);
}

.slick-active .card-temoignage {border-radius: var(--u);}

.card-temoignage .card-temoignage-profil {
	display: flex;
/*	flex-wrap: wrap;*/
/*	gap: var(--u-sm);*/
	justify-content: space-between;
	align-items: center;
	transform: translateY(var(--u-sm));
}

.slick-active .card-temoignage .card-temoignage-profil {transform: translateY(0px);}

.card-temoignage .card-temoignage-profil > img:first-child {
	width: var(--u-xl);
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border-radius: var(--u-xl);
	margin-right: var(--u);
}

.card-temoignage .card-temoignage-profil div {width: 100%;}

.card-temoignage .card-temoignage-profil div > img {
	width: var(--u-xxl);
/*	justify-self: flex-end;*/
/*	align-self: baseline;*/
}

.card-temoignage .card-temoignage-content {
	margin-top: var(--u);
	max-height: 0px;
	opacity: 0;
	transition: var(--transition-bezier);
}

.card-logo {
	display: block;
	padding: var(--u-sm);
	position: relative;
	aspect-ratio: 10 / 4;
}

.grid:first-child > .grid-item:first-child .card-logo {border-radius: var(--u) 0 0 var(--u);}

.card-logo img {
	position: absolute;
	width: calc(100% - var(--u));
	height: calc(100% - var(--u));
	object-fit: contain;
}

.slick-active .card-temoignage .card-temoignage-content {
	max-height: 500px;
	opacity: 1;
}

.gradient {
	z-index: 0;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 50%;
	background: var(--orange);
	background: linear-gradient(0deg, rgba(252, 82, 21, 1) 0%, rgba(252, 82, 21, 0) 100%);
}

.gradient.gradient-h-100 {width: 100% !important;}

.gradient.gradient-rtl {
	width: 50%;
	height: 100%;
	right: 0;
	left: initial;
	background: linear-gradient(-90deg, rgba(252, 82, 21, 1) 0%, rgba(40, 41, 61, 0) 100%);
}

.gradient.gradient-ltr {
	width: 50%;
	height: 100%;
	background: linear-gradient(90deg, rgba(252, 82, 21, 1) 0%, rgba(40, 41, 61, 0) 100%);
}


.gradient.gradient-blue {
	background: var(--blue);
	background: linear-gradient(0deg, rgba(40, 41, 61, 1) 0%, rgba(40, 41, 61, 0) 100%);
}

.gradient.gradient-blue.gradient-rtl {
	width: 50%;
	height: 100%;
	left: initial;
	right: 0;
	background: linear-gradient(-90deg, rgba(40, 41, 61, 1) 0%, rgba(40, 41, 61, 0) 100%);
}

.gradient.gradient-blue.gradient-ltr {
	width: 50%;
	height: 100%;
	background: linear-gradient(90deg, rgba(40, 41, 61, 1) 0%, rgba(40, 41, 61, 0) 100%);
}

.gradient.gradient-white {
	background: var(--white);
	background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}

.gradient.gradient-white.gradient-rtl {
	width: 50%;
	height: 100%;
	left: initial;
	right: 0;
	background: linear-gradient(-90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}

.gradient.gradient-white.gradient-ltr {
	width: 50%;
	height: 100%;
	background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}

.cover {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
	top: 0;
	left: 0;
}

.cover.a-parallax {
	height: 200%;
	top: -50%;
	object-fit: contain;
/*	transform: translateY(-50%);*/
}

.controller {
	position: absolute;
	top: var(--u-xl-n);
	width: 200px;
	z-index: 10;
}

.controller.controller-big {width: 250px;}

.controller.controller-small {
	width: 100px;
	top: var(--u-lg);
	left: var(--u-lg-n);
}

.controller.controller-right {right: var(--u-xl);}

.controller img {width: 100%;}

.accordion-item {
	background: transparent;
	border: 0;
	border-bottom: var(--border);
	border-bottom-color: var(--blue);
	border-radius: 0 !important;
}

.accordion-item .accordion-header .accordion-button {
	color: var(--blue);
	background: transparent;
	box-shadow: none !important;
	padding: var(--u) 0;
	font-size: 1.5rem;
	font-weight: 600;
}

.accordion-item .accordion-header .accordion-button::after {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%2328293d' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");}

.accordion-item .accordion-body {
	color: var(--blue);
/*	margin-top: var(--u-n);*/
	padding: 0;
	font-size: 1.2rem;
	padding-bottom: var(--u-lg);
}

#home-faq .accordion-item .accordion-body {white-space: pre-line;}

.accordion-item .accordion-body a {
	color: var(--blue);
	font-weight: 600;
}

.accordion-item .accordion-body a:hover {opacity: .8;}

/*** GRID SYSTEM ***/

.grid {
	display: flex;
/*	gap: var(--u);*/
	position: relative;
	margin: var(--u-sm-n);
	flex-wrap: wrap;
	margin-top: var(--u-sm-n);
}

.grid.align-center {align-items: center;}

.grid-item {
	width: calc(100% - var(--u));
	margin: var(--u-sm);
}

.grid-item > .grid:not(:first-child) {margin-top: var(--u-sm);}

.grid.g-2 .grid-item {width: calc(50% - var(--u));}
.grid.g-3 .grid-item {width: calc(33.33% - var(--u));}
.grid.g-4 .grid-item {width: calc(25% - var(--u));}
.grid.g-5 .grid-item {width: calc(20% - var(--u));}
.grid.g-6 .grid-item {width: calc(16.66% - var(--u));}


.grid-item.gi-25 {width: calc(25% - var(--u));}
.grid-item.gi-33 {width: calc(33.33% - var(--u));}
.grid-item.gi-50 {width: calc(50% - var(--u));}
.grid-item.gi-66 {width: calc(66.66% - var(--u));}

/*** HEADER ***/

header {
	position: absolute;
	z-index: 99;
	width: 100%;
}

#header-marquee {
	border-radius: var(--u-sm) var(--u-sm) 0 0;
	padding: 7px var(--u) var(--u-xs) var(--u);
	font-size: .9rem;
	color: var(--white);
	font-weight: 600;
}

#pre-header {
	display: flex;
	background: var(--blue);
	color: var(--white);
	padding: var(--u);
	font-size: .9rem;
	border-radius: 0 0 var(--u) var(--u);
	justify-content: space-between;
}

#pre-header div {
	display: flex;
	align-items: center;
	white-space: nowrap;
}

#pre-header div img {
	height: 15px;
	margin-left: var(--u-sm);
}

#pre-header div a {color: var(--white);}

#pre-header div a:hover {color: var(--orange);}

#header {
	display: flex;
	align-items: center;
	padding: var(--u-lg) 0;
	justify-content: space-between;
	transition: var(--transition-bezier);
}

.is-sticky #header {
	background: rgba(255, 255, 255, .5);
	backdrop-filter: blur(5px);
	padding: var(--u);
	border-radius: var(--u-xl);
	margin-top: var(--u);
	box-shadow: var(--shadow-lg);
	border-top: var(--border);
	border-bottom: var(--border);
	border-top-color: var(--light-grey);
}

/* #header-sticky-wrapper + #frame {
	content: '';
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border: var(--u-sm) solid var(--orange);
	border-radius: var(--u);
}

#header-sticky-wrapper + #frame::before {
	content: '';
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border: var(--u-sm) solid var(--orange);
} */

#header #header-left {
	width: 100%;
	display: flex;
	align-items: center;
}

#header #header-left #side-nav-button {
	color: var(--white);
	transition: var(--transition);
}

.is-sticky #header #header-left #side-nav-button {color: var(--blue);}

#header #header-left #side-nav-button span {
	font-size: 2rem;
	line-height: 3rem;
}

#header #header-left ul {
	display: flex;
	padding: 0;
}

#header #header-left ul li {
	list-style-type: none;
	margin-left: var(--u);
}

#header #header-left ul li a {
	color: var(--white);
	font-weight: 600;
	text-decoration: none;
	transition: var(--transition);
}

#header #header-left ul li a:hover {text-decoration: underline;}

.is-sticky #header #header-left ul li a {color: var(--blue);}

#header #header-logo {
	min-width: 220px;
	position: relative;
	transition: var(--transition-bezier);
}

.is-sticky #header #header-logo {min-width: 180px;}

#header #header-logo img {transition: var(--transition);}

#header #header-logo img:first-child {
	position: absolute;
	width: 100%;
}

#header #header-logo img:last-child {opacity: 0;}

.is-sticky #header #header-logo img:first-child {opacity: 0;}

.is-sticky #header #header-logo img:last-child {opacity: 1;}

#header #header-right {
	width: 100%;
	text-align: right;
	justify-content: flex-end;
}

#header #header-right #hr-btn-contact span {
	margin-top: -14px;
	margin-left: -18px;
}

#btn-contact {
	position: fixed;
	bottom: var(--u-lg);
	right: var(--u-lg);
	z-index: 999;
}

#btn-contact .btn {box-shadow: var(--shadow-lg);}

#btn-contact .btn span.material-symbols-outlined {font-size: 2rem;}

#btn-contact .btn span:last-child {
	width: 83px;
	text-align: left;
	line-height: .9rem;
}

/*** HOME ***/

#home-hero {
/*	overflow: hidden;*/
	z-index: 2;
}

#hh-background, #hh-video {
	overflow: hidden;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 0;
	mix-blend-mode: lighten;
	opacity: .5;
	animation: animHeroBg 2s;
}

@keyframes animHeroBg {
	0% {opacity: 0;}
	50% {opacity: 0;}
	100% {opacity: .5;}
}

#hh-video video {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#hh-background .slick-list {
	width: 100%;
	height: 100%;
	animation: animHeroCarousel 2s;
}

@keyframes animHeroCarousel {
	0% {opacity: 0; transform: scale(1.1);}
	50% {opacity: 0; transform: scale(1.1);}
	100% {opacity: 1; transform: scale(1);}
}

#hh-background .slick-track {height: 100%;}

#hh-background img {object-fit: cover;}

#hh-bar-1 {
	position: absolute;
	height: 100%;
}

#hh-bar-2 {
	position: absolute;
	right: 12px;
	height: 30%;
	bottom: var(--u-lg);
}

#hh-content {
	padding: var(--u-xxl);
	padding-bottom: calc(var(--u-xxl) * 2);
	width: 66%;
	animation: animHeroContent 2s;
}

@keyframes animHeroContent {
	0% {opacity: 0; transform: translateX(var(--u-xxl-n));}
	50% {opacity: 0; transform: translateX(var(--u-xxl-n));}
	100% {opacity: 1; transform: translateX(0);}
}


#ban-hero {
/*	margin: var(--u-xs) 0;*/
	display: flex;
	justify-content: flex-start;
}

#ban-hero #bh-content {
	background: var(--orange);
	padding: var(--u-sm) var(--u);
	text-align: center;
	border-radius: var(--u-sm);
	color: var(--white);
	font-size: .9rem;
	text-align: left;
	animation: animBhContent 3s;
}

@keyframes animBhContent {
	0% {transform: translateX(-50px); opacity: 0;}
	50% {transform: translateX(-50px); opacity: 0;}
	100% {transform: translateX(0); opacity: 1;}
}

#ban-hero #bh-content code {
	border: var(--border);
	border-color: var(--white);
	padding: 2px var(--u-xs);
	border-radius: var(--u-xs);
	color: var(--white);
	font-size: 80%;
	font-weight: 600;
	user-select: all;
}

#ban-hero #bh-content a {
	color: var(--white);
}

#hh-quickview {
	position: absolute;
	top: 0;
	right: 0;
}

#hh-quickview #hh-quickview-title {
	position: absolute;
	right: calc(var(--u-xl-n) - var(--u-sm-n));
	top: 50%;
	transform: translateY(-50%) rotate(90deg);
}

#hh-quickview #hh-quickview-title::before, #hh-quickview #hh-quickview-title::after {
	content: '';
	display: block;
	position: absolute;
	height: var(--u-sm);
	width: var(--u-xl);
}

#hh-quickview #hh-quickview-title::before {
	top: var(--u-xs);
	left: calc(var(--u-xl-n) - var(--u-sm));
	border-top: var(--border);
	border-left: var(--border);
	border-color: var(--white);
	border-top-left-radius: var(--u);
}

#hh-quickview #hh-quickview-title::after {
	top: var(--u-xs);
	right: calc(var(--u-xl-n) - var(--u-sm));
	border-top: var(--border);
	border-right: var(--border);
	border-color: var(--white);
	border-top-right-radius: var(--u);
}

#hh-quickview-resp {
	display: none;
	margin-top: var(--u-lg);
	gap: var(--u);
	flex-wrap: wrap;
}

#container-reservation {z-index: 2;}

#container-resa-empty {
	max-width: 700px;
	margin: 0 auto;
}

#container-euriclaton {
	z-index: 1;
	bottom: calc(var(--u-xxl-n) * 2);
}

/*#hh-reservation {
	animation: animHHReservation 2s;
}

@keyframes animHHReservation {
	0% {opacity: 0; transform: translateY(var(--u-xl)) scale(.9); }
	50% {opacity: 0; transform: translateY(var(--u-xl)) scale(.9); }
	100% {opacity: 1; transform: translateY(0) scale(1); }
}*/

#hh-reservation #apartmentIframeAll {
	height: 152px;
	background: var(--white);
	border-radius: var(--u-lg) 0 var(--u-lg) var(--u-lg);
	box-shadow: var(--shadow-lg);
}

#hh-reservation iframe {
	background: transparent;
	max-width: 100% !important;
	position: absolute;
	z-index: 9999999;
}

#hh-reservation > div {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

#hh-reservation h3 {
	background: var(--white);
	padding: var(--u-lg);
	padding-bottom: 0;
	margin: 0;
	min-height: 75px;
	display: inline-flex;
	margin-left: auto;
	border-radius: var(--u-lg) var(--u-lg) 0 0;
	position: relative;
}

#hh-reservation h3::before {
	content: '';
	display: block;
	position: absolute;
	width: calc(var(--u-lg) + 1px);
	height: calc(var(--u-lg) + 1px);
	left: var(--u-lg-n);
	bottom: -1px;
	background-image: url('../img/graphics/border-radius-white.svg');
	transform: rotate(180deg);
}

#hh-reservation form {
	background: var(--white);
	padding: var(--u-lg);
	display: flex;
	align-items: flex-end;
	gap: var(--u);
	border-radius: var(--u-lg) 0 var(--u-lg) var(--u-lg);
	box-shadow: var(--shadow-lg);
}

#hh-reservation form > div {
	display: flex;
	flex-direction: column;
	width: 100%;
}

#hh-reservation form > div label {
	color: var(--blue);
	margin-bottom: var(--u-sm);
	font-weight: 600;
}

#hh-reservation form > div input {
	padding: var(--u);
	border-radius: var(--u-xs);
	border: var(--border);
	color: var(--blue);
	transition: var(--transition);
}

#hh-reservation form > div input:focus {
	outline: none;
	border-color: var(--orange);
}

#hh-reservation form button {height: 60px;}

#home-maison {z-index: 0;}

#home-maison-content {
	display: flex;
	align-items: flex-end;
}

#home-maison #hm-left {
	width: 50%;
	height: 100%;
	margin-right: var(--u);
	aspect-ratio: 1 / 1;
	border-radius: 0 var(--u-xxl) 0 0;
	overflow: hidden;
}

#home-maison #hm-left .hm-left-item {
	width: 100%;
	aspect-ratio: 1 / 1;
}

#home-maison #hm-left .hm-left-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#home-maison #hm-left .slick-prev, #home-maison #hm-left .slick-next {
	position: absolute;
	height: calc(var(--u-me) * 2);
	width: calc(var(--u-me) * 2);
	border-radius: var(--u-xl);
	z-index: 9;
	background: linear-gradient(#5f5e60, #3C3D3F);
	box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .1);
	filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .5));
	font-size: 2rem;
	bottom: var(--u-xl);
	right: var(--u-lg);
	border: 0;
	border-top: 0px solid #747475;
	border-bottom: 3px solid #29292b;
	transition: .1s;
}

#home-maison #hm-left .slick-prev {
	bottom: var(--u-lg);
	right: var(--u-xxl);
}

/* #home-maison #hm-left .slick-prev::before, #home-maison #hm-left .slick-next::before {
	content: '';
	display: block;
	position: absolute;
	width: var(--u-xxl);
	height: var(--u-xxl);
	border-radius: 0 var(--u) var(--u) 0;
	background: rgba(255, 255, 255, .75);
	backdrop-filter: blur(5px);
	box-shadow: var(--shadow-lg);
	border-top: var(--border);
	border-bottom: var(--border);
	border-bottom-color: var(--black-a);
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
} */

#home-maison #hm-left .slick-prev:hover, #home-maison #hm-left .slick-next:hover {
	box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .1), 0 0 var(--u) rgba(0,0,0,.2) inset;
	border-top: 3px solid #747475;
	border-bottom: 0px solid #29292b;
}

#home-maison #hm-left .slick-prev:active, #home-maison #hm-left .slick-next:active {box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .1), 0 0 var(--u) rgba(0,0,0,.4) inset;}

#home-maison #hm-left .slick-prev span, #home-maison #hm-left .slick-next span {
	font-size: 3rem;
	line-height: 3rem;
	margin-left: -3px;
	text-shadow: 0 2px 0 rgba(0, 0, 0, .5);
}

#home-maison #hm-left .slick-next span {margin-left: 3px;}

#home-maison #hm-right {
	width: 50%;
	padding-left: var(--u);
	padding-right: var(--u-lg);
}

#home-maison #hm-right #hm-content {width: 66%;}

#home-maison #hm-right #hm-carousel {
	display: flex;
	gap: var(--u-lg);
	margin: var(--u) var(--u-n);
}

#home-maison #hm-right #hm-carousel::before, #home-maison #hm-right #hm-carousel::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	width: var(--u);
	height: 100%;
	pointer-events: none;
	right: 0;
	background: var(--orange);
	background: linear-gradient(-90deg, rgba(252, 82, 21, 1) 0%, rgba(252, 82, 21, 0) 100%);
	z-index: 1;
}

#home-maison #hm-right #hm-carousel::before {
	content: '';
	display: block;
	position: absolute;
	right: initial;
	left: 0;
	background: linear-gradient(90deg, rgba(252, 82, 21, 1) 0%, rgba(252, 82, 21, 0) 100%);
}

#home-maison #hm-right #hm-carousel .hm-carousel-item {
/*	width: 100%;*/
/*	position: relative;*/
/*	aspect-ratio: 1 / 1;*/
	margin: var(--u);
}

#home-maison #hm-right #hm-carousel .hm-carousel-item img {
	aspect-ratio: 1 / 1;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#hs-intro {margin-bottom: var(--u-lg);}

#hs-intro .grid-item:last-child {
	position: relative;
	border-radius: var(--u);
	overflow: hidden;
}

#hs-intro .grid-item:last-child img {
	position: absolute;
	height: 100%;
	width: 100%;
	object-fit: cover;
}

#hs-outro {z-index: 2;}

#hs-outro .grid-item:first-child {overflow: hidden;	}

#hs-outro .grid-item:first-child img {
	height: 100%;
	max-width: initial;
}

#home-salle #cards-games {
	padding-top: calc(var(--u-xxl) + var(--u-lg));
	display: flex;
	gap: var(--u);
	margin-bottom: var(--u-lg-n);
	position: relative;
/*	z-index: -1;*/
}

#home-salle #cards-games::after {
	content: '';
	display: block;
	position: absolute;
	right: var(--u-lg-n);
	top: 0;
	width: 50%;
	height: 100%;
	background: #FC5215;
	background: linear-gradient(-90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
	pointer-events: none;
}

#home-salle #cards-games .card-game {transition: var(--transition-bezier);}

#home-salle #cards-games .card-game:hover {transform: translateY(var(--u-lg-n)) rotate(5deg);}

#home-salle #cards-games .card-game:nth-child(odd):hover {transform: translateY(var(--u-lg-n)) rotate(-10deg);}

@keyframes floatAndRotate {
	0% {transform: translateY(0px) rotate(0deg);}
	25% {transform: translateY(-8px) rotate(1deg);}
	50% {transform: translateY(-4px) rotate(0deg);}
	75% {transform: translateY(-12px) rotate(-1deg);}
	100% {transform: translateY(0px) rotate(0deg);}
}

.animate-1 {animation: floatAndRotate 4s ease-in-out infinite;}

.animate-2 {animation: floatAndRotate 4.5s ease-in-out infinite;}

.animate-3 {animation: floatAndRotate 5s ease-in-out infinite;}

.animate-4 {animation: floatAndRotate 5.5s ease-in-out infinite;}

.animate-5 {animation: floatAndRotate 6s ease-in-out infinite;}

.animate-6 {animation: floatAndRotate 6.5s ease-in-out infinite;}

/* #home-experience {
	background: var(--blue);
	background: linear-gradient(180deg, rgba(40, 41, 61, 1) 40%, rgba(40, 41, 61, 0) 100%);
} */

#home-experience .card {padding: var(--u);}

#home-experience .card-icon {height: 200px;} 

#home-experience #he-salon {
	height: calc(100% - 220px);
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

#home-experience #he-house {
	font-size: 5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--white);
}

#home-experience #he-reserver {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	height: 100%;
}

#home-experience #he-trophy {
	position: absolute;
	width: calc(var(--u-xxl) * 2);
	height: auto;
	right: var(--u-lg-n);
	top: var(--u);
}

#home-experience #he-clain {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#home-experience #he-clain .hec-background {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-image: url('../img/reflection/barque.png');
	background-size: cover;
	background-position-y: 80%;
}

#home-experience #he-clain .hec-background .hec-water {
	position: absolute;
	background-image: url('../img/reflection/reflection-barque.png');
	background-size: cover;
	background-position-y: 80%;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	filter: url("#turbulence");
}

#home-experience #he-clain .hec-background .hec-front {
	position: absolute;
	background-image: url('../img/reflection/barque-front.png');
	background-size: cover;
	background-position-y: 80%;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

#home-experience #he-beer {
	position: absolute;
	width: calc(var(--u-xl) * 2);
	height: auto;
	top: var(--u);
	left: var(--u-lg-n);
}

#home-clients {overflow: hidden;}

#home-clients::before, #home-clients::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	width: 200px;
	height: 100%;
	pointer-events: none;
	right: 0;
	background: var(--white);
	background: linear-gradient(-90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
	z-index: 1;
}

#home-clients::before {
	content: '';
	display: block;
	position: absolute;
	right: initial;
	left: 0;
	background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}

#hc-intro .grid-item:last-child img {
	width: 50%;
	transform: rotate(180deg);
}

#hc-carousel {
	margin-left: var(--u-n);
	width: calc(100% + var(--u-lg));
}

#hc-carousel .slick-list {overflow: visible;}

#hc-carousel .hc-carousel-item {padding: var(--u);}

#hc-carousel .hc-carousel-item .card-content {padding-top: var(--u-xxl);}

#hc-carousel .hc-carousel-item .card-content img {height: auto;}

#hc-temoignages .slick-track {
	display: flex;
	align-items: center;
}

#hc-temoignages::before, #hc-temoignages::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	width: 200px;
	height: 100%;
	pointer-events: none;
	right: 0;
	background: var(--white);
	background: linear-gradient(-90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
	z-index: 1;
}

#hc-temoignages::before {
	content: '';
	display: block;
	position: absolute;
	right: initial;
	left: 0;
	background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}

.hc-image {overflow: visible;}

.hc-image h3 {
	margin: 0 !important;
	position: relative;
}

.hc-image img {
	position: absolute;
	right: 0;
	bottom: 0;
	height: calc(100% + var(--u-xl));
}

.hc-image.hc-image-left img {
	right: initial;
	left: 0;
}

#home-cta {
	background: var(--orange);
	background: linear-gradient(0deg, rgba(252, 82, 21, 1) 0%, rgba(255, 255, 255, 1) 100%);
}

#hc-screen {padding-right: var(--u-lg);}

#hc-screen::before {
	content: '';
	display: block;
	position: absolute;
	height: calc(100% - 100px);
	right: calc(100% - var(--u-sm));
	width: 1000px;
	background: var(--blue);
	background: linear-gradient(-90deg, rgba(40, 41, 61, 1) 0%, rgba(40, 41, 61, 0) 100%);
}

#hc-screen #hc-screen-container {
	background: var(--blue);
	padding: var(--u-lg);
	padding-left: 0;
	border-radius: 0 var(--u-lg) 0 0;
	position: relative;
	aspect-ratio: 4 / 3;
}

#hc-screen #hc-screen-container::before {
	content: '';
	display: block;
	position: absolute;
	background-image: url('../img/graphics/screen.png');
	background-position: center;
	background-size: 85%;
	background-repeat: no-repeat;
	height: calc(100% - var(--u-xl));
	width: calc(100% - var(--u-lg));
	top: var(--u-lg);
	border-radius: var(--u-sm);
	pointer-events: none;
	z-index: 1;
	animation: flicker 5s infinite;
	transition: var(--transition-bezier);
}

#hc-screen:hover #hc-screen-container::before {
	filter: blur(200px);
	transform: scale(1.1);
}

@keyframes flicker {
	0%, 100% {opacity: 1;}
	10% {opacity: 0.85;}
	20% {opacity: 0.8;}
	30% {opacity: 0.7;}
	40% {opacity: 0.9;}
	50% {opacity: 0.8;}
	60% {opacity: 0.85;}
	70% {opacity: 0.9;}
	80% {opacity: 0.85;}
	90% {opacity: 0.8;}
}

#hc-screen #hc-screen-container::after {
	content: '';
	display: block;
	position: absolute;
	background-image: url('../img/graphics/tv.gif');
	background-position: center 25%;
	background-size: 100% 131%;
	height: calc(100% - var(--u-xl));
	width: calc(100% - var(--u-lg));
	top: var(--u-lg);
	border-radius: var(--u-sm);
	mix-blend-mode: multiply;
	pointer-events: none;
	z-index: 2;
}

#hc-screen #hc-screen-container .slick-list {
	border-radius: var(--u-sm);
	aspect-ratio: 4 / 3;
	filter: brightness(1.5) contrast(1.5);
}

#hc-screen #hc-screen-container .slick-list img {
	aspect-ratio: 4 / 3;
	object-fit: cover;
	filter: blur(5px);
	border-radius: var(--u-sm);
	transition: var(--transition-bezier);
}

#hc-screen:hover #hc-screen-container .slick-list img {filter: blur(0);}

#hc-screen #hc-screen-loader {
	position: relative;
	width: 288px;
	background: var(--blue);
	padding: var(--u-lg);
	padding-top: 0;
	border-radius: 0 0 var(--u-lg) var(--u-lg);
	margin-left: auto;
	height: 80px;
}

#hc-screen #hc-screen-loader::before {
	content: '';
	display: block;
	position: absolute;
	width: calc(var(--u-lg) + 1px);
	height: calc(var(--u-lg) + 1px);
	left: var(--u-lg-n);
	top: -1px;
	background-image: url('../img/graphics/border-radius-blue.svg');
	transform: rotate(90deg);
}

#hc-screen #hc-screen-loader img {height: var(--u-lg);}

#hs-bar {
	transform: scale(-1,-1);
	margin-top: var(--u);
	height: calc(var(--u-lg) + var(--u));
	object-fit: cover;
	object-position: left;
}

#home-faq .accordion-item {border-bottom-color: var(--white);}

#home-faq .accordion-item .accordion-header .accordion-button {color: var(--white);}

#home-faq .accordion-item .accordion-header .accordion-button::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

#home-faq .accordion-item .accordion-body {color: var(--white);}

#home-faq .accordion-item .accordion-body a {color: var(--white);}

/*** PAGES ***/

.page-title {padding-bottom: var(--u-xl);}

.page-title.pt-large {padding-bottom: calc(var(--u-xxl) + var(--u));}

#contenu-presentation {display: none;}

#presentation {
	margin: 0;
	font-family: sans-serif;
	display: flex;
	flex-wrap: wrap;
	padding: 0;
}

.presentation-left {
	position: sticky;
	top: 0;
	width: 33.33%;
	height: 100vh;
	overflow: hidden;
}

.presentation-left img {
	margin: var(--u-lg);
	margin-left: 0;
	position: absolute;
	width: calc(100% - var(--u-lg));
	height: calc(100% - var(--u-xl));
	object-fit: cover;
	top: 0;
	left: 0;
	opacity: 0;
	border-radius: 0 var(--u-lg) var(--u-lg) 0;
	transition: opacity 0.6s ease;
}

.presentation-left img.active {
	opacity: 1;
	z-index: 1;
}

.presentation-right {
	width: 66.66%;
	display: flex;
}

.presentation-content {width: 100%;}

.presentation-nav-container {
	width: 0%;
	position: sticky;
	top: var(--u-xxl);
	height: 100vh;
	background: #f4f4f4;
}

.presentation-nav-container .presentation-nav {
	margin-top: var(--u-lg);
	position: absolute;
	width: calc(var(--u-xxl) * 3);
	right: 0;
	border-left: var(--border);
	padding-left: var(--u);
}

.presentation-nav-container .presentation-nav ul {padding: 0;}

.presentation-nav-container .presentation-nav ul li {list-style: none;}

.presentation-nav-container .presentation-nav ul li:not(:last-child) {margin-bottom: var(--u-xs);}

.presentation-nav-container .presentation-nav ul li a {
	font-size: 1.1rem;
	color: var(--orange);
	font-weight: 600;
	text-decoration: none;
}

.presentation-nav-container .presentation-nav ul li a:hover {text-decoration: underline;}

.presentation-section {
/*	min-height: 100vh;*/
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: calc(var(--u-xxl) + var(--u-lg)) var(--u-xl);
	padding-right: calc(calc(var(--u-xxl) * 3) + var(--u-lg));
}

.presentation-section:nth-child(even) {
	border-radius: var(--u-lg) 0 0 var(--u-lg);
	background: var(--blue-a);
}

.presentation-section:nth-last-child(2) {border-bottom-left-radius: 0;}

.presentation-section:last-child {
	padding-bottom: calc(var(--u-xxl) * 2);
	background: var(--orange);
	background: linear-gradient(0deg, rgba(252, 82, 21, 1) 0%, #e9e9eb 100%);
}

.presentation-section:last-child:nth-child(even) {
	background: linear-gradient(0deg, rgba(252, 82, 21, 1) 0%, #ffffff 100%);
}

.presentation-section > img {display: none;}

#page-tarif-intro {
	margin-top: calc(var(--u-xxl-n) * 2);
	background: var(--orange-a-w) !important;
	border-radius: var(--u);
}

#page-tarif-intro img:not(.emoji) {
	position: absolute;
	width: calc(var(--u-xl) * 3);
	right: var(--u-xl);
	top: var(--u-xl-n);
}

#blog-intro {margin-top: calc(var(--u-xxl-n) * 2);}

.blog-post {margin-bottom: var(--u-lg);}

.blog-post img {
	margin-bottom: var(--u);
	height: auto;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	border-radius: var(--u);
}

.blog-post a {text-decoration: none;}

.blog-post h4 {
	color: var(--orange);
	font-weight: 600;
	margin-bottom: var(--u-sm);
}

.blog-post a:hover h4 {text-decoration: underline;}

.blog-post span {
	color: var(--grey);
	text-transform: uppercase;
}

#pagination {
	display: flex;
	justify-content: center;
	border-top: var(--border);
	padding-top: var(--u-lg);
}

#pagination ul {gap: var(--u-sm);}

#pagination a {
	border: 0 !important;
	transition: var(--transition);
}

#pagination .page-link.active {
	background: var(--orange);
	color: var(--white);
}

#pagination .page-link {
	border-radius: var(--u-sm);
	color: var(--orange);
}

#pagination .page-link.disabled {color: var(--grey);}

#page-discover {
	padding-top: 0;
	background: var(--orange);
	background: linear-gradient(0deg, rgba(252, 82, 21, 1) 0%, rgba(252, 82, 21, 0) 100%);
}

#page-discover .grid-item:first-child {margin-top: var(--u-lg);}

.pi-item {
	aspect-ratio: 16 / 9;
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;
	border-radius: var(--u-lg);
}

.pi-item img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
	transition: var(--transition-bezier);
	transform: scale(1.05);
}

.pi-item:hover img {transform: scale(1.15) rotate(-2deg);}

.pi-item div {
	padding: var(--u-lg);
	background: var(--blue);
	background: linear-gradient(90deg, rgba(40, 41, 61, 1) 0%, rgba(40, 41, 61, 0) 100%);
	border-top-left-radius: var(--u-lg);
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	height: 100%;
}

.pi-item h3 {position: relative;}

.pi-item a {position: relative;}

#content-404 h1, #content-merci h1, .empty h2 {font-size: 12rem;}

#background-404, #background-merci {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	top: 0;
	mix-blend-mode: luminosity;
	opacity: .3;
}

/*** SINGLES ***/

#single-cols {
	display: flex;
	align-items: flex-start;
}

#single-cols #single-left {
	width: 70%;
	padding-right: var(--u-lg);
}

#single-cols #single-right {
	width: 20%;
	border-left: var(--border);
	padding-left: var(--u);
}

.single-lasts ul {padding-left: 0;}

#single-plan li, .single-lasts li  {
	list-style-type: none;
	padding-left: 0;
}

#single-plan li:not(:last-child) {margin-bottom: var(--u-sm);}

.single-lasts li:not(:last-child) {margin-bottom: var(--u);}

#single-plan li a, .single-lasts li a {
	font-size: 1.1rem;
	color: var(--orange);
	font-weight: 600;
	text-decoration: none;
}

#single-plan li a:hover, .single-lasts li a:hover {text-decoration: underline;}

.single-lasts li span {
	display: block;
	color: var(--grey);
	text-transform: uppercase;
	margin-top: var(--u-xs);
}

/*** WP CONTENT ***/

#wp-content {
}

#wp-content .attachment-post-thumbnail {
	margin-top: calc(var(--u-xxl-n) * 2);
	border-radius: var(--u);
	margin-bottom: var(--u-lg);
	height: auto;
}

#wp-content .wp-block-separator {border: 0;}

:where(.is-layout-grid), :where(.wp-block-columns.is-layout-flex) {gap: var(--u) !important;}

#wp-content figure:last-child {margin-bottom: 0;}

#wp-content p a, #presentation p a {color: var(--orange);}

#wp-content .has-orange-color p a, #presentation .has-orange-color p a {color: var(--blue);}

#wp-content p a:hover, #presentation p a:hover {opacity: .8;}

#wp-content code {
	border: var(--border);
	border-color: var(--color);
	padding: 2px var(--u-sm);
	border-radius: var(--u-xs);
	color: var(--orange);
	font-size: 80%;
	font-weight: 600;
	user-select: all;
}

.wp-block-group.has-background + .wp-block-columns {margin-top: var(--u);}

.wp-block-group.has-background, .wp-block-heading.has-background {padding: var(--u-lg);}

.cards-icons .wp-block-group.has-background {padding: 0;}

.cards-icons .wp-block-group__inner-container {
	background: var(--blue-a-w);
	color: var(--blue);
	padding: var(--u);
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	width: 100%;
	aspect-ratio: 1 / 1;
}

.cards-icons .wp-block-group.has-background.has-white-background-color, .cards-icons .wp-block-group.has-background .wp-block-group__inner-container {background: transparent !important;}

.cards-icons .wp-block-group.has-background.has-white-background-color .wp-block-group__inner-container {
	background: transparent;
	border: var(--border);
	border-color: var(--blue);
}

.cards-icons .wp-block-group.has-background.has-white-background-color.has-orange-color .wp-block-group__inner-container {border-color: var(--orange);}

.cards-icons .material-symbols-outlined {
	font-size: 4.5rem;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}

/*** FOOTER ***/

footer {
	border-radius: var(--u-xl) var(--u-xl) 0 0;
	padding: var(--u-xxl) 0;
	padding-bottom: var(--u-me);
	margin-top: var(--u-xxl-n);
	position: relative;
	z-index: 2;
}

footer #footer {display: flex;}

footer #footer-left {width: 80%;}

footer #footer-brand {
	display: flex;
	align-items: center;
}

footer #footer-logo {
	width: 220px;
	display: block;
	margin-right: var(--u-lg);
}

footer #footer-links img {height: var(--u);}

footer #footer-links a {
	color: var(--white);
	font-weight: 600;
	font-size: 1.2rem;
	white-space: nowrap;
}

footer #footer-sub-links a {font-size: .9rem;}

footer ul {
	display: flex;
	align-items: center;
	padding: 0;
}

footer ul li {list-style-type: none;}

footer ul li:not(:first-child) {margin-left: var(--u);}

footer ul li a {
	color: var(--white);
	text-decoration: none;
}

footer ul li a:hover {text-decoration: underline;}

footer #footer-right {
	width: 25%;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	padding-left: var(--u-lg);
	margin-top: 14px;
}

footer #footer-social {
	border: var(--border);
	border-color: var(--white);
	padding: var(--u);
	color: var(--white);
}

footer #footer-social-logos {
	display: flex;
	align-items: center;
	margin-bottom: var(--u);
	gap: var(--u-sm);
}

footer #footer-social-logos img {
	height: var(--u-lg);
	width: var(--u-lg);
}

footer #footer-social-logos img:last-child {
	justify-self: flex-end;
	margin-left: auto;
}

footer a {color: var(--white);}

footer a:hover {color: var(--orange);}

footer #footer-copyright {
	margin-top: var(--u-xl);
	color: var(--white);
	font-size: .9rem;
	opacity: .5;
}

/*** JS ***/

.custom-tooltip {
	--bs-tooltip-bg: var(--blue);
	--bs-tooltip-color: var(--bs-white);
	font-weight: 700;
	font-size: 1rem;
}

#loader {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 9999;
	transition: opacity 0.6s ease;
	background: var(--blue);
	background: linear-gradient(45deg, rgba(252, 82, 21, 1) 0%, rgba(40, 41, 61, 1) 100%);
}

#loader.hidden {
	opacity: 0;
	pointer-events: none;
}

#loader #loader-frame {
	position: absolute;
	width: calc(100% - var(--u-lg));
	height: calc(100% - var(--u-lg));
	top: var(--u);
	left: var(--u);
	border: var(--border);
	border-color: var(--white);
	border-radius: 0 var(--u-xxl) var(--u-xxl) 0;
}

#loader #loader-bar {
	width: var(--u-lg);
	aspect-ratio: 1 / 6;
	object-fit: cover;
	object-position: top;
	position: absolute;
	top: var(--u-xxl);
	left: var(--u-xxl);
}

#loader #loader-logo {
	position: absolute;
	width: 400px;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

#loader #loader-content {
	position: absolute;
	bottom: var(--u-xxl);
	left: var(--u-xxl);
}

#loader .loader-text {
	color: var(--white);
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 20px;
}

#loader .dots::after {
	content: '';
	display: inline-block;
	width: 1ch;
	text-align: left;
	animation: dots 1.5s steps(3, end) infinite;
}

@keyframes dots {
	0% {content: '';}
	33% {content: '.';}
	66% {content: '..';}
	100% {content: '...';}
}

#loader #progress-bar {
	display: flex;
	gap: 2px;
	border: var(--border);
	border-color: var(--white);
	padding: 2px;
	height: 26px;
	width: 220px;
}

#loader .square {
	width: var(--u);
	height: var(--u);
	background: var(--white-a);
	opacity: 0.3;
	transition: opacity 0.3s, background 0.3s;
}

#loader .square.active {
	background: var(--white);
	opacity: 1;
}

.tooltip-preview {
	position: absolute;
	pointer-events: none;
	z-index: 9999;
	border-radius: var(--u);
	border-top-left-radius: var(--u-xs);
	overflow: hidden;
	box-shadow: var(--shadow-lg);
	display: none;
}

.tooltip-preview img {
	max-width: 200px;
	max-height: 200px;
	display: block;
}

.wp-slick-gallery {margin: 0 var(--u-sm-n);}

.wp-slick-gallery .slick-slide {
	margin: 0 var(--u-sm);
	outline: none;
}

.wp-slick-gallery .slick-slide img {
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

.fluentform .ff-el-input--label.ff-el-is-required.asterisk-right label:after {
	color: var(--orange) !important;
	font-weight: 600;
}

.fluentform .ff-el-group .ff-el-input--label label, .form-group label {font-weight: 600 !important;}

.fluentform .ff-el-group input, .fluentform .ff-el-group textarea, .form-group input {
	font-family: 'noka', sans-serif !important;
	color: var(--blue) !important;
	background: transparent !important;
	transition: var(--transition) !important;
	border: var(--border) !important;
}

.fluentform .ff-el-group input:focus, .fluentform .ff-el-group textarea:focus, .form-group input:focus {border-color: var(--orange) !important;}

.fluentform .ff-el-group.ff_submit_btn_wrapper:last-child {margin-bottom: 0 !important;}

.fluentform .ff-el-group .btn.ff-btn-submit {
	padding: var(--u-sm) var(--u-me) !important;
	border-radius: var(--u-lg) !important;
	font-weight: 700 !important;
	display: inline-flex !important;
}

.fluentform .ff-el-input--content .ff-el-turnstile.cf-turnstile div:last-child:not(:first-child), #brevo-form .cf-turnstile div:last-child:not(:first-child) {display: none;}

.form-group label {margin-bottom: var(--u-xs);}

.form-group .form-control {box-shadow: none !important;}

.modal-flex .modal-content, .modal-news .modal-content {
	border: 0;
	border-radius: var(--u);
	display: flex;
	flex-direction: row;
	background: rgba(255, 255, 255, .75);
	backdrop-filter: blur(5px);
	overflow: hidden;
}

.modal-flex .modal-content::before, .modal-flex .modal-content::after, .modal-news .modal-content::before, .modal-news .modal-content::after {
	content: '';
	display: block;
	position: absolute;
	height: 1px;
	top: 0;
	background: var(--white-a);
	width: 100%;
}

.modal-flex .modal-content::after {
	top: initial;
	bottom: 0;
	background: var(--black-a);
}

.modal-flex .modal-content .modal-background {}

.modal-flex .modal-content .modal-background img {
	height: 100%;
	object-fit: cover;
}

.modal-flex .modal-content .modal-body .btn-close, .modal-news .modal-content .modal-body .btn-close {
	position: absolute;
	right: var(--u);
	top: var(--u);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2328293d'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");
}

.modal-flex .modal-content .modal-body, .modal-news .modal-content .modal-body {
	padding: var(--u-lg);
}

.offcanvas.offcanvas-start {
	top: var(--u);
	left: var(--u);
	height: calc(100% - var(--u-lg));
	border-radius: 0 var(--u) var(--u) 0;
/*	background: rgba(255, 255, 255, .75);*/
	background: rgba(252, 82, 21, .75);
	background: linear-gradient(0deg, rgba(252, 82, 21, 1) 0%, rgba(255, 255, 255, .5) 100%);
	backdrop-filter: blur(5px);
	box-shadow: var(--shadow-lg);
/*	border-top: var(--border);*/
/*	border-bottom: var(--border);*/
/*	border-bottom-color: var(--black-a);*/
	border-right: 0;
	transition: var(--transition-bezier);
	opacity: 1;
	transform: translateX(var(--u-xxl-n)) scale(.8) rotate(5deg);
	opacity: 0;
}

.offcanvas.hide {
	border-radius: 0 var(--u) var(--u) 0;
	transform: translateX(var(--u-xxl-n)) scale(.8) rotate(5deg);
	opacity: 0;
}

.offcanvas.showing, .offcanvas.show {
	border-radius: var(--u);
	transform: scale(1);
	opacity: 1;
}

.offcanvas .offcanvas-header {
	padding: var(--u);
	border-bottom: var(--border);
	border-color: var(--black-a);
}

.offcanvas .offcanvas-body {padding: var(--u-lg);}

/* .offcanvas .offcanvas-body .controller {
	top: initial;
	bottom: var(--u-xl);
	right: var(--u-n);
	transition: var(--transition-bezier);
	transform: scale(0);
}

.offcanvas.showing .offcanvas-body .controller, .offcanvas.show .offcanvas-body .controller {
	right: var(--u-xl-n);
	transform: scale(1);
} */

.offcanvas .offcanvas-body hr {margin: var(--u) 0;}

.offcanvas .offcanvas-body .offcanvas-nav {padding: 0;}

.offcanvas .offcanvas-body .offcanvas-nav li {list-style-type: none;}

.offcanvas .offcanvas-body .offcanvas-nav li:not(:last-child) {margin-bottom: var(--u);}

.offcanvas .offcanvas-body .offcanvas-nav li a {
	font-size: 1.5rem;
	font-weight: 600;
	color: var(--blue);
	text-decoration: none;
	display: flex;
	align-items: center;
}

.offcanvas .offcanvas-body .offcanvas-nav li a:hover span:not(.material-symbols-outlined) {text-decoration: underline;}

.offcanvas .offcanvas-body .offcanvas-nav li a .material-symbols-outlined {
	margin-right: var(--u-sm);
	text-decoration: none !important;
}

.offcanvas .offcanvas-body .btn {
	width: 100%;
	justify-content: center;
}

.offcanvas .offcanvas-body .offcanvas-links {
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	margin-top: var(--u);
	gap: var(--u);
}

.offcanvas .offcanvas-body .offcanvas-links li {list-style-type: none;}

.offcanvas .offcanvas-body .offcanvas-links li a {
	color: var(--blue);
	text-decoration: none;
}

.offcanvas .offcanvas-body .offcanvas-links li a:hover {text-decoration: underline;}

.offcanvas .offcanvas-body .offcanvas-social-logos {
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	margin-top: var(--u-me);
	gap: var(--u);
}

.offcanvas .offcanvas-body .offcanvas-social-logos li {list-style-type: none;}

.offcanvas .offcanvas-body .offcanvas-social-logos li a img {width: var(--u-me);}

.slick-track {cursor: ew-resize;}

.slick-dots {
	padding-left: 0;
	margin-top: var(--u);
	display: flex;
	justify-content: center;
	align-items: center;
	gap: var(--u);
	font-size: 0rem;
}

.slick-dots li {list-style-type: none;}

.slick-dots li button {
	width: var(--u);
	height: var(--u);
	background: var(--blue-a);
	border: 0;
	transition: var(--transition);
}

.slick-dots li.slick-active button {
	background: var(--orange);
	border-radius: var(--u-xl);
}

.slick-dots li:not(.slick-active) button:hover {background: var(--blue);}

.blueimp-gallery .prev, .blueimp-gallery .next {
	position: absolute;
	height: calc(var(--u-me) * 2) !important;
	width: calc(var(--u-me) * 2) !important;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border-radius: var(--u-xl);
	z-index: 9;
	background: linear-gradient(#5f5e60, #3C3D3F);
	box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .1);
	filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .5));
	font-size: 2rem;
	right: var(--u-lg);
	border: 0;
	border-top: 0px solid #747475;
	border-bottom: 3px solid #29292b;
	opacity: 1;
	transition: .1s;
}

.blueimp-gallery .prev {
	right: initial;
	left: var(--u-lg);
}

.blueimp-gallery .prev:hover, .blueimp-gallery .next:hover {
	box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .1), 0 0 var(--u) rgba(0,0,0,.2) inset;
	border-top: 3px solid #747475;
	border-bottom: 0px solid #29292b;
}

.blueimp-gallery .prev:active, .blueimp-gallery .next:active {box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .1), 0 0 var(--u) rgba(0,0,0,.4) inset;}

.blueimp-gallery .prev span, .blueimp-gallery .next span {
	font-size: 3rem;
	line-height: 3rem;
	margin-left: -3px;
	text-shadow: 0 2px 0 rgba(0, 0, 0, .5);
}

.blueimp-gallery .next span {margin-left: 3px;}

.blueimp-gallery > .indicator {
	gap: var(--u);
	display: flex;
	justify-content: center;
	padding-left: 0;
}

.blueimp-gallery > .indicator > li {
	margin: 0;
	background-size: cover;
	height: var(--u-xl);
	width: var(--u-xl);
}

/*** CHEATS ***/

.margin-u {margin: var(--u) 0 !important;}
.margin-u-xs {margin: var(--u-xs) 0 !important;}
.margin-u-sm {margin: var(--u-sm) 0 !important;}
.margin-u-me {margin: var(--u-me) 0 !important;}
.margin-u-lg {margin: var(--u-lg) 0 !important;}
.margin-u-xl {margin: var(--u-xl) 0 !important;}
.margin-t-u {margin-top: var(--u) !important;}
.margin-b-u {margin-bottom: var(--u) !important;}
.margin-t-u-xs {margin-top: var(--u-xs) !important;}
.margin-t-u-sm {margin-top: var(--u-sm) !important;}
.margin-t-u-me {margin-top: var(--u-me) !important;}
.margin-t-u-lg {margin-top: var(--u-lg) !important;}
.margin-t-u-xl {margin-top: var(--u-xl) !important;}
.margin-t-u-xxl {margin-top: var(--u-xxl) !important;}
.margin-b-u-xs {margin-bottom: var(--u-xs) !important;}
.margin-b-u-sm {margin-bottom: var(--u-sm) !important;}
.margin-b-u-me {margin-bottom: var(--u-me) !important;}
.margin-b-u-lg {margin-bottom: var(--u-lg) !important;}
.margin-b-u-xl {margin-bottom: var(--u-xl) !important;}
.margin-b-u-xxl {margin-bottom: var(--u-xxl) !important;}
.margin-u-n {margin: var(--u-n) 0 !important;}
.margin-t-u-n {margin-top: var(--u-n) !important;}
.margin-b-u-n {margin-bottom: var(--u-n) !important;}
.margin-t-u-xs-n {margin-top: var(--u-xs-n) !important;}
.margin-t-u-sm-n {margin-top: var(--u-sm-n) !important;}
.margin-t-u-me-n {margin-top: var(--u-me-n) !important;}
.margin-t-u-lg-n {margin-top: var(--u-lg-n) !important;}
.margin-t-u-xl-n {margin-top: var(--u-xl-n) !important;}
.margin-t-u-xxl-n {margin-top: var(--u-xxl-n) !important;}
.margin-b-u-xs-n {margin-bottom: var(--u-xs-n) !important;}
.margin-b-u-sm-n {margin-bottom: var(--u-sm-n) !important;}
.margin-b-u-me-n {margin-bottom: var(--u-me-n) !important;}
.margin-b-u-lg-n {margin-bottom: var(--u-lg-n) !important;}
.margin-b-u-xl-n {margin-bottom: var(--u-xl-n) !important;}
.margin-b-u-xxl-n {margin-bottom: var(--u-xxl-n) !important;}

.no-margin {margin: 0 !important;}
.no-margin-t {margin-top: 0 !important;}
.no-margin-b {margin-bottom: 0 !important;}

.padding-u {padding: var(--u) 0 !important;}
.padding-u-xs {padding: var(--u-xs) 0 !important;}
.padding-u-sm {padding: var(--u-sm) 0 !important;}
.padding-u-me {padding: var(--u-me) 0 !important;}
.padding-u-lg {padding: var(--u-lg) 0 !important;}
.padding-u-xl {padding: var(--u-xl) 0 !important;}
.padding-t-u {padding-top: var(--u) !important;}
.padding-b-u {padding-bottom: var(--u) !important;}
.padding-t-u-xs {padding-top: var(--u-xs) !important;}
.padding-t-u-sm {padding-top: var(--u-sm) !important;}
.padding-t-u-me {padding-top: var(--u-me) !important;}
.padding-t-u-lg {padding-top: var(--u-lg) !important;}
.padding-t-u-xl {padding-top: var(--u-xl) !important;}
.padding-t-u-xxl {padding-top: var(--u-xxl) !important;}
.padding-b-u-xs {padding-bottom: var(--u-xs) !important;}
.padding-b-u-sm {padding-bottom: var(--u-sm) !important;}
.padding-b-u-me {padding-bottom: var(--u-me) !important;}
.padding-b-u-lg {padding-bottom: var(--u-lg) !important;}
.padding-b-u-xl {padding-bottom: var(--u-xl) !important;}
.padding-b-u-xxl {padding-bottom: var(--u-xxl) !important;}
.padding-u-n {padding: var(--u-n) 0 !important;}
.padding-t-u-n {padding-top: var(--u-n) !important;}
.padding-b-u-n {padding-bottom: var(--u-n) !important;}
.padding-t-u-xs-n {padding-top: var(--u-xs-n) !important;}
.padding-t-u-sm-n {padding-top: var(--u-sm-n) !important;}
.padding-t-u-me-n {padding-top: var(--u-me-n) !important;}
.padding-t-u-lg-n {padding-top: var(--u-lg-n) !important;}
.padding-t-u-xl-n {padding-top: var(--u-xl-n) !important;}
.padding-t-u-xxl-n {padding-top: var(--u-xxl-n) !important;}
.padding-b-u-xs-n {padding-bottom: var(--u-xs-n) !important;}
.padding-b-u-sm-n {padding-bottom: var(--u-sm-n) !important;}
.padding-b-u-me-n {padding-bottom: var(--u-me-n) !important;}
.padding-b-u-lg-n {padding-bottom: var(--u-lg-n) !important;}
.padding-b-u-xl-n {padding-bottom: var(--u-xl-n) !important;}
.padding-b-u-xxl-n {padding-bottom: var(--u-xxl-n) !important;}

.padding-l-u {padding-left: var(--u) !important;}
.padding-r-u {padding-right: var(--u) !important;}
.padding-l-u-xs {padding-left: var(--u-xs) !important;}
.padding-l-u-sm {padding-left: var(--u-sm) !important;}
.padding-l-u-me {padding-left: var(--u-me) !important;}
.padding-l-u-lg {padding-left: var(--u-lg) !important;}
.padding-l-u-xl {padding-left: var(--u-xl) !important;}
.padding-l-u-xxl {padding-left: var(--u-xxl) !important;}
.padding-r-u-xs {padding-right: var(--u-xs) !important;}
.padding-r-u-sm {padding-right: var(--u-sm) !important;}
.padding-r-u-me {padding-right: var(--u-me) !important;}
.padding-r-u-lg {padding-right: var(--u-lg) !important;}
.padding-r-u-xl {padding-right: var(--u-xl) !important;}
.padding-r-u-xxl {padding-right: var(--u-xxl) !important;}
.padding-u-n {padding: var(--u-n) 0 !important;}
.padding-l-u-n {padding-left: var(--u-n) !important;}
.padding-r-u-n {padding-right: var(--u-n) !important;}
.padding-l-u-xs-n {padding-left: var(--u-xs-n) !important;}
.padding-l-u-sm-n {padding-left: var(--u-sm-n) !important;}
.padding-l-u-me-n {padding-left: var(--u-me-n) !important;}
.padding-l-u-lg-n {padding-left: var(--u-lg-n) !important;}
.padding-l-u-xl-n {padding-left: var(--u-xl-n) !important;}
.padding-l-u-xxl-n {padding-left: var(--u-xxl-n) !important;}
.padding-r-u-xs-n {padding-right: var(--u-xs-n) !important;}
.padding-r-u-sm-n {padding-right: var(--u-sm-n) !important;}
.padding-r-u-me-n {padding-right: var(--u-me-n) !important;}
.padding-r-u-lg-n {padding-right: var(--u-lg-n) !important;}
.padding-r-u-xl-n {padding-right: var(--u-xl-n) !important;}
.padding-r-u-xxl-n {padding-right: var(--u-xxl-n) !important;}

.no-padding {padding: 0 !important;}
.no-padding-t {padding-top: 0 !important;}
.no-padding-b {padding-bottom: 0 !important;}

.hide, *.hide {display: none !important;}

.o-10 {opacity: .1;}
.o-20 {opacity: .2;}
.o-50 {opacity: .5;}

.border-radius-u-sm {border-radius: var(--u-sm);}
.border-radius-u {border-radius: var(--u);}
.border-radius-u-lg {border-radius: var(--u-lg);}
.border-radius-u-xl {border-radius: var(--u-xl);}

.o-hidden {overflow: hidden;}
.o-x-hidden {overflow-x: hidden;}
.o-y-hidden {overflow-y: hidden;}