@charset "utf-8";

/*
Cormorand Italic sur Distinction....
ITC Avant Garde Gothic Pro - Book, Medium, Bold
Manrope - Regular, Bold (Bouton CTA)
*/

/* ITC */
@import url("https://p.typekit.net/p.css?s=1&k=xmn2qhf&ht=tk&f=39347.39348.39349.60030.60031.60032.60033.60034.60035.60036&a=89979186&app=typekit&e=css");

@font-face {
	font-family: 'ITCAvantGardeGothicPro', sans-serif;;
	src: url("https://use.typekit.net/af/43adb0/00000000000000007735ba14/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),
		url("https://use.typekit.net/af/43adb0/00000000000000007735ba14/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), 
		url("https://use.typekit.net/af/43adb0/00000000000000007735ba14/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
	font-display: auto;
	font-style: normal;
	font-stretch: normal;
}

/* CormorantGaramond */
@font-face {
	font-family: 'CormorantGaramond-Light';
	src: local('CormorantGaramond-Light'),
		 url('/assets/fonts/CormorantGaramond/static/CormorantGaramond-Light.ttf') format('truetype');
}

@font-face {
	font-family: 'CormorantGaramond-Italic';
	src: local('CormorantGaramond-Italic'),
		 url('/assets/fonts/CormorantGaramond/static/CormorantGaramond-Italic.ttf') format('truetype');
}

/* Manrope */
@font-face {
	font-family: 'Manrope-Regular';
	src: local('Manrope'),
		 url('/assets/fonts/Manrope/static/Manrope-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'Manrope-Bold';
	src: local('Manrope-Bold'),
		 url('/assets/fonts/Manrope/static/Manrope-Bold.ttf') format('truetype');
}

.font-itc-book {
	font-family: 'ITCAvantGardeGothicPro', sans-serif;
	font-weight: 300;
}

.font-itc-medium {
	font-family: 'ITCAvantGardeGothicPro', sans-serif;
	font-weight: 500;
}

.font-itc-bold {
	font-family: 'ITCAvantGardeGothicPro', sans-serif;
	font-weight: 700;
}

.font-cormorant-garamond-light {
	font-family: 'CormorantGaramond-Light';
}

.font-cormorant-garamond-italic {
	font-family: 'CormorantGaramond-Italic';
}

.font-manrope-regular {
	font-family: 'Manrope-Regular', sans-serif;
}

.font-manrope-bold {
	font-family: 'Manrope-Bold', sans-serif;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	--color-orange: #f6ab1a;
	--color-dark-orange: #e09400;
	--color-brown: #b38e5d;
	--color-purple: #581866;
}

html, body {
	max-width: 100%;
}

html {
	-webkit-text-size-adjust: 100%;
}

body {
/*	font-family: 'Open Sans', sans-serif;*/
	font-family: 'ITCAvantGardeGothicPro', sans-serif;
	font-weight: 300;
	background: #fff;
	color: #111;
	line-height: 1.6;
	overflow-x: hidden;
	font-size: 1rem;
	min-width: fit-content;
/*	min-width: 100vw;*/
/*	max-width: fit-content;*/
}


header, section, footer {
	width: 100%;
	padding: 0 20px;
	text-align: center;
}

h1 {
	font-family: 'CormorantGaramond-Light', serif;
}

h2 {
	font-family: 'CormorantGaramond-Regular', serif;
}

h2 {
/*	font-family: 'Playfair Display', serif;*/
	font-size: 1.8rem;
	margin: 30px 0 15px;
}

ul {
	list-style: none;
}

.text-default {
/*	max-width: 800px;*/
	margin: 0 auto;
}

.text-justify {
	text-align: justify;
}

.highlight {
	text-transform: uppercase;
	font-size: 0.9rem;
	letter-spacing: 1px;
}

.color-brown {
	color: var(--color-brown);
}

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

.color-dark-orange {
	color: var(--color-dark-orange);
}

.title {
	letter-spacing: 2px;
}

.text-bold {
	font-weight: 600;
}

/**
 *	Header
 */
	header {
		padding: 0 50px;
	}

	.banner-top {
		height: 50px;
		position: relative;
	}

	.banner-top .logo {
		height: 36px;
		position: absolute;
/*					left: 10%;*/
		left: 120px;
		bottom: 8px;
	}

	.banner-top .text {
		position: absolute;
		bottom: 0px;
		right: 10%;
		font-size: 14px;
		font-weight: 600;
		letter-spacing: 1px;
		cursor: pointer;
	}

	.banner-main {
/*					height: 500px;*/
/*					backdrop-filter: grayscale(30%);*/

		color: white;
		background: #111;
		background-repeat: no-repeat;
		background-color: #000;

/*		background-size: contain;*/
/*		background-position-x: right;*/
/*		background-position-y: 0px;*/

		background-size: 900px 750px;
		background-position-x: right;
		background-position-y: 90px;

		height: 90vh;
		background-position: calc(100% + 400px) calc(50% + 350px);
		background-size: 1400px auto;
/*		background-repeat: no-repeat;*/
	}

	.banner-1palm {
	    background-position: calc(100% + 400px) calc(50% + 350px);
	}

	.banner-2palms {
		background-position: calc(100% + 350px) calc(50% + 150px);
	}

	.banner-3palms {
		background-position: calc(100% + 400px) calc(50% + 200px);
		background-size: 1600px auto;
	}

	.banner-4palms {
		background-position: calc(100% + 300px) calc(50% + 92px);
		background-size: 1600px auto;
	}

	.banner-5palms,
	.banner-emeritus {
		background-position: calc(100% + 300px) calc(50% + 85px);
		background-size: 1700px auto;
	}

	.banner-main .inner-content {
		margin-top: 100px;
		margin-left: 120px;
		padding-bottom: 100px;
		text-align: left;
	}

	.text-nouveaute {
		font-size: 1.1rem;
		color: #F6AB1A;
/*		text-shadow: 0px 1px #000;*/
	}

	.hero-title {
/*		font-size: 2.2rem;*/
		margin-bottom: 25px;
		font-weight: 300;
		font-size: 4rem;
    	line-height: 1.3;
	}

	.banner-main .text {
		font-size: 1.4rem;
	}

	.banner-main .highlight {
		margin-bottom: 25px;
	}

	.hero-image {
		width: 100%;
		max-width: 400px;
		margin: 40px auto;
	}

/**
 *	Section Ere
 */
	.section-ere {
		margin: 100px 0;
	}

	.section-ere .title {
		margin-bottom: 40px;
		font-size: 38px;
	}

	.section-ere .text-bottom {
		margin: 30px 0 20px 0;
		font-size: 20px;
	}

	.section-ere .logo-palme {
		margin: 20px 0 20px 0;
		height: 80px;
	}

/**
 *	Section image
 */
	.section-animation {
		padding: 0 50px;
	}

	.section-animation .inner {
		background: #000;
/*		min-height: 500px;*/
/*		max-height: 895px;*/
		height: 90vh;
	}

	.section-animation .image {
    	margin-top: 80px;
/*    	width: 500px;*/
	}

	.section-animation .bg-video {
		width: 100%;
		height: 100%;
	}

/**
 *	Section Kit Distinction
 */
	.section-kit-distinction .title {
		margin-top: 100px;
	}

	.section-kit-distinction .text-top {
		margin-top: 30px;
	}

	.section-kit-distinction .text-bottom {
		margin-bottom: 100px;
		font-weight: 600;
	}

	.container-image-gallery {
/*					display: flex;*/
/*					flex-wrap: wrap;*/
/*					justify-content: center;*/
/*					gap: 20px;*/
		margin: 50px 0 30px 0;
	}

	.container-image-gallery img {
/*					width: 200px;*/
/*					height: auto;*/
/*					width: 100%;*/
	}

	.image-gallery {
		max-width: 460px;
	}

	.image-gallery-1 {
		height: 360px;
		margin: 80px 0;
		position: absolute;
		left: 0;
	}

	.image-gallery-2 {
/*					width: 900px;*/
		width: 100%;
		height: 480px;
		max-width: 520px !important;
	}

	.image-gallery-3 {
/*					width: 900px;*/
		height: 360px;
		margin: 80px 0;
		position: absolute;
		right: 0;
	}

	.image-gallery-arrow {
		background-repeat: no-repeat;
		position: relative;
		display: inline-block;
		width: 50px;
		height: 50px;
		cursor: pointer;
	}

	.arrow-left {
		background-image: url('../images/arrow-left.png');
		right: 50px;
	}

	.arrow-right {
		background-image: url('../images/arrow-right.png');
		left: 50px;
	}

/**
 *	Section premium
 */
	.section-premium {
/*		background: #111;*/
		background-image: url('../images/bg-premium.png');
		background-repeat: no-repeat;
		background-size: cover;
/*		backdrop-filter: grayscale(30%);*/
/*		filter: grayscale(1);*/
		min-height: 600px;
/*		height: 90vh;*/
		color: white;
		padding: 50px 0;
	}

	.section-premium .inner {
		margin: 0 15%;
		padding: 50px 0;
		background-color: rgba(50, 50, 50, .8);
		border-radius: 20px;
/*		opacity: .5;*/
/*		filter: blur(1px);*/
	}

	.section-premium .inner ul li {
		margin-bottom: 6px;
	}

	.section-premium .bullet-list {
		text-align: left;
		padding: 0 200px;
	}

	.section-premium .title {
		margin: 50px 0 50px 0;
		font-size: 38px;
	}

	.section-premium .inner .frame-status .logo-palms {
/*		width: 30px;*/
		height: 32px;
		margin: 12px 12px 18px 0;
	}

	.section-premium .inner .frame-status {
		background-color: #eee;
		border-radius: 10px;
		text-align: left;
		padding: 10px 40px;
		max-width: 450px;
		position: absolute;
		left: 80px;
		bottom: 110px;
	}

	.section-premium .inner .frame-status .animated-widget {
		height: 80px;
		margin: 0;
	}

	.section-premium .inner .frame-status .panel-purple .animated-widget {
		margin-right: 16px;
	}

	.section-premium .inner .frame-status .heading-text {
		color: var(--color-purple);
		border-bottom: 1px solid var(--color-purple);

	}

	.section-premium .inner .frame-status .text {
		color: #000;
	}

	.section-premium .inner .bg-video {
		width: 320px;
		position: relative;
		z-index: 1000;
		border-radius: 60px;
	}

	.section-premium .inner .media {
		margin-top: 50px;
		position: relative;
	}

	.section-premium .inner .frame-rs {
		position: absolute;
		right: 150px;
		bottom: 420px;
	}

	.section-premium .inner .email-signature {
		border-radius: 15px;
		position: absolute;
		right: 150px;
		bottom: 46px;
	}

	.panel-trophee {
		border-radius: 15px;
		padding: 5px 20px;
		display: inline-block;
		margin-bottom: 15px;
	}

	.panel-trophee-container {
		text-align: left;
	}

	.panel-white {
		background-color: #fff;
		color: #000;
	}

	.panel-purple {
		background-color: var(--color-purple);
		color: #fff;
	}

	.section-premium img {
		max-width: 300px;
		margin: 30px auto;
	}

/**
 *	Section Signal
 */
	.section-signal {
		background: #111;
		color: white;
		padding: 50px 0;
	}

	.section-signal h2 {
		margin-bottom: 30px;
	}

	.section-signal__bottom-text {
		margin: 70px 0 30px 0;
	}

	.section-signal__keywords {
		font-size: 28px;
		font-style: italic;
		text-align: left;
		margin-top: 15px;
	}

/**
 *	Section CTA
 */
	.wrapper-cta-footer {
		background-image: url('../images/bg-footer.png');
		background-size: cover;
		background-repeat: no-repeat;
	}

	.section-cta {
/*		background: white;*/
		padding: 50px 0;
	}

	.section-cta .title {
		margin-top: 50px;
	}

	.cta-box {
		background: #000;
		color: white;
/*					border: 2px solid var(--color-brown);*/
		padding: 50px 80px 70px 80px;
		max-width: 720px;
		margin: 0 auto;
	}

	.cta-button {
		margin-top: 20px;
		display: inline-block;
		padding: 12px 32px;
		background: var(--color-orange);
		color: black;
		text-decoration: none;
		font-weight: bold;
		font-size: 18px;
		cursor: pointer;
/*					border-radius: 2px;*/
	}

	.cta-button:hover {
		background: var(--color-dark-orange);
/*		color: white;*/
		transition: all .2s ease-out;
	}

	.section-cta ul li a {
		color: #000;
		text-decoration: none;
	}

	.section-cta ul li a:hover {
		text-decoration: underline;
	}

	.section-cta__links {
		margin-top: 80px;
		text-align: left;
	}

	.section-cta__links ul {
		padding-left: 0;
	}

	.section-rs {
		text-align: center;
		margin: 30px 0 50px 0;
	}

	.section-rs a {
		text-decoration: none;
	}

	.section-rs .logo-rs {
		margin-right: 16px;
		width: 18px;
	}

/**
 *	Footer
 */
	footer {
		font-size: 0.9rem;
/*		background: #f8f8f8;*/
	}

	footer ul {
		display: flex;
		justify-content: center
/*		flex-wrap: wrap;*/
	}

	footer ul li {
		margin-right: 8px;
	}

	/*footer ul li:not(:last-child)::after {
		content: ' |';
	}*/

	footer a {
		color: #000;
		text-decoration: none;
	}

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

	footer .logo {
		height: 45px;
		position: relative;
		bottom: 24px;
	}

	.text-international-alternative {
		display: none;
	}

/**
 *	Pop up
 */
	.popup-overlay {
	  display: none;
	  position: fixed;
	  top: 0; left: 0;
	  width: 100%; height: 100vh;
	  background: rgba(0, 0, 0, 0.7);
	  justify-content: center;
	  align-items: center;
	  z-index: 9999;
	}

	.popup-content {
	  background: #fff;
	  padding: 20px 40px 40px 40px;
	  border-radius: 12px;
	  width: 90%;
	  max-width: 400px;
	  position: relative;
	  font-family: 'Manrope-Regular', sans-serif;
	}

	.popup-content h2 {
	  margin-top: 0;
	  margin-bottom: 20px;
	  font-size: 23px;
	}

	.popup-content label {
	  display: block;
	  margin-top: 10px;
	  font-weight: bold;
	}

	.popup-content input,
	.popup-content select {
	  width: 100%;
	  padding: 5px;
	  margin-top: 3px;
	  border: 1px solid #ccc;
	  border-radius: 5px;
	}

	.popup-content .cta-button {
	  margin-top: 25px;
	  width: 100%;
	}

	.close-btn {
	  position: absolute;
	  top: 12px;
	  right: 16px;
	  font-size: 24px;
	  background: none;
	  border: none;
	  cursor: pointer;
	}

@media screen and (max-width: 1690px) {
	.section-premium .inner .frame-status {
	    max-width: 370px;
		left: calc(50% - 470px);
	}

	.section-premium .inner .frame-rs {
		right: calc(50% - 440px);
	}

	.section-premium .inner .email-signature {
		right: calc(50% - 440px);
	}

	.section-premium .inner .frame-status .heading-text .heading-text__span {
		display: inline-block;
		max-width: 150px;
	}

	.section-premium .inner .frame-status .logo-palms {
		margin: 0 8px 0 0;
		position: relative;
		bottom: 14px;
	}
}

@media screen and (max-width: 1450px) {
	.section-premium .inner .frame-status {
/*		left: 20px;*/
/*		left: calc(50% - 440px);*/
	}

	.section-premium .inner .frame-status .panel-purple .animated-widget {
		margin-right: 0;
	}
}

@media screen and (max-width: 1350px) {
	.section-premium .inner .frame-status {
	    position: initial;
        margin: auto;
        margin-bottom: 20px;
	}

	.container-phone {
		position: relative;
		right: 15%;
	}
}

@media screen and (max-width: 1200px) {
	.image-gallery-1 {
		position: initial;
		left: initial;
	}

	.image-gallery-3 {
		position: initial;
		right: initial;
	}

	.section-cta__links {
		margin-left: 60px;
	}
}

@media screen and (max-width: 992px) {
	.section-premium .bullet-list {
		padding: 0 0;
	}

	.text-international-normal {
		display: none;
	}

	.text-international-alternative {
		display: block;
	}

	.banner-top {
		height: 80px;
	}

	.banner-top .logo {
    	left: 0;
    	height: 50px;
    	bottom: 18px;
	}

	.banner-top .text {
	    right: 0;
	    display: inline-block;
        width: 120px;
	}

	.banner-main {
	    background-position: calc(100% + 160px) calc(50% - 130px);
        background-size: 540px auto;
        height: auto;
		/* background-position: right bottom;*/
		/* background-size: contain;*/
	}

	.banner-main .inner-content {
	    margin-top: 50px;
	    margin-left: 0;
	    padding-bottom: 80px;
	    text-align: center;
	}

	.text-nouveaute {
		margin-top: 200px;
		margin-bottom: 50px;
/*		text-shadow: 1px 1px #000;*/
	}

	.hero-title {
		font-size: 3rem;
		line-height: 1.1;
		margin-bottom: 40px;
	}

	.banner-main .text {
	    font-size: 1.2rem;
	    padding: 0 15px;
	}

	.section-ere {
	    margin: 80px 0 20px 0;
	}

	.section-ere .title {
		padding: 0 50px;
	}

	.section-ere .text-bottom {
		padding: 0 100px;
	}

	.hidden-sm {
		display: none;
	}

	.container-image-gallery {
	    margin: 0;
	}

	.section-kit-distinction .title {
	    margin: 80px 50px 0 50px;
	}

	.section-kit-distinction .text-top {
		padding: 0 50px;
	}

	.section-kit-distinction .text-bottom {
	    margin-bottom: 40px;
	}

	.image-gallery-1 {
	    margin: 60px 0 40px 0;
	}

	.image-gallery-3 {
	    margin: 40px 0 40px 0;
	}

	.section-premium .title {
	    margin: 0px 0 50px 0;
	}

	.section-premium .inner .media {
	    margin-top: 30px;
	}

	.section-premium .bullet-list {
	    padding: 0 50px;
	}

	.section-premium .inner .frame-status .text {
	    text-align: center;
	}

	.section-premium .inner .frame-rs {
	    position: relative;
	    right: 0;
	    bottom: 30px;
	    margin: 0px auto;
	}

	.container-phone {
		position: initial;
	}

	.container-phone img {
		display: block;
	}

	.container-phone__inner {
		display: block;
	}

	.section-premium .inner .email-signature {
	    position: relative;
	    right: 0;
	    bottom: 0;
	    margin: 0px auto;
	}

	.panel-trophee {
	    margin-right: auto !important
	}

	.panel-trophee-container {
		text-align: center;
	}

	.section-signal {
    	padding: 50px 50px 80px 50px;
	}

	.section-signal h2 {
    	margin-left: 20px;
    	margin-right: 20px;
	}

	.section-signal__keywords {
	    text-align: center;
	    margin-bottom: 50px;
	    font-size: 36px;
	}

	.section-signal__bottom-text p {
		text-align: center;
	}

	.section-signal__bottom-text {
	    margin: 40px 0 30px 0;
	}

	.section-cta {
/*	    padding: 50px 0;*/
		margin: 0 25px 0 25px;
	}

	header, section, footer {
	    padding: 0 50px;
	}

	section {
		width: auto;
	}

	.cta-box {
	    padding: 30px 40px 40px 40px;
/*	    margin: 0 auto;*/
	}

	.section-cta__links {
         margin-left: 0; 
    }

	footer ul {
		flex-wrap: wrap;
	}

	footer .logo {
		margin-bottom: 30px;
	}

	footer .copyright {
		margin-top: 30px;
		margin-bottom: 50px;
	}

	.wrapper-cta-footer {
		background-position: bottom;
		background-size: 1400px auto;
	}
}

@media screen and (max-width: 576px) {
	html, body {
/*		min-width: 400px;*/
/*		width: 100%;*/
/*		width: 100vw;*/
		min-width: fit-content;
/*		max-width: 576px;*/
/*		max-width: 360px !important;*/
		overflow-x: hidden;
	}

	body {
		zoom: .7;
	}

	header, section, footer {
	    padding: 0 20px;
/*	    max-width: 360px !important;*/
	}

	.hero-title {
		padding: 0 20px;
	}

	.section-signal {
    	padding: 50px 20px 80px 20px;
	}

	.section-kit-distinction .text-top {
		padding: 0 20px;
	}

	.section-animation {
	    padding: 0 20px;
	}
}

/*<576px
≥576px
≥768px
≥992px
≥1200px
≥1400px*/


/* Loader overlay */
.loader-overlay {
  display: none;
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
/*  background: rgba(255, 255, 255, 0.5);*/
  background: rgba(100, 100, 100, 0.2);
  z-index: 9999;
  justify-content: center;
  align-items: center;
}

.loader-logo {
  width: 50px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Confirmation pop-up */
.confirmation-popup {
  display: none;
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0, 0, 0, 0.7);
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.confirmation-popup .popup-content {
  background: #fff;
  padding: 30px;
  border-radius: 10px;
  text-align: center;
  max-width: 400px;
}

.confirmation-popup .confirmation-popup-button {
	display: inline-block;
	background: var(--color-orange);
	color: black;
	font-size: 16px;
	cursor: pointer;
    padding: 2px 8px;
    width: 100px;
}

.cta-button:hover {
	background: var(--color-dark-orange);
	transition: all .2s ease-out;
}