@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* line 6, app/assets/stylesheets/_animate.scss */
.is-inViewport[datainviewport="fadeInCard"] {
  animation: fadeIn;
  /* referring directly to the animation's @keyframe declaration */
  animation-duration: 2s;
  animation-iteration-count: 1;
}

/* line 12, app/assets/stylesheets/_animate.scss */
.is-inViewport[datainviewport="slideInLeft"] {
  animation: slideInLeft;
  /* referring directly to the animation's @keyframe declaration */
  animation-duration: 2s;
  animation-iteration-count: 1;
}

/* line 18, app/assets/stylesheets/_animate.scss */
.is-inViewport[datainviewport="slideInRight"] {
  animation: slideInRight;
  /* referring directly to the animation's @keyframe declaration */
  animation-duration: 2s;
  animation-iteration-count: 1;
}

/* line 24, app/assets/stylesheets/_animate.scss */
.is-inViewport[datainviewport="fadeIn"] {
  animation: fadeIn;
  /* referring directly to the animation's @keyframe declaration */
  animation-fill-mode: forwards;
  animation-duration: 3s;
  animation-iteration-count: 1;
  opacity: 0;
}

/* line 32, app/assets/stylesheets/_animate.scss */
.is-inViewport[datainviewport="fadeInLeft"] {
  animation: fadeInLeft;
  /* referring directly to the animation's @keyframe declaration */
  animation-fill-mode: forwards;
  animation-duration: 1s;
  animation-iteration-count: 1;
  opacity: 0;
}

/* line 40, app/assets/stylesheets/_animate.scss */
.is-inViewport[datainviewport="fadeInRight"] {
  animation: fadeInRight;
  /* referring directly to the animation's @keyframe declaration */
  animation-fill-mode: forwards;
  animation-duration: 1s;
  animation-iteration-count: 1;
  opacity: 0;
}

/* line 48, app/assets/stylesheets/_animate.scss */
.is-inViewport[datainviewport="flipInX"] {
  animation: flipInX;
  /* referring directly to the animation's @keyframe declaration */
  animation-fill-mode: forwards;
  animation-duration: 1s;
  animation-iteration-count: 1;
}

@font-face {
  font-family: 'Yeseva One';
  src: url(/assets/YesevaOne-Regular-dbad555bfba92ea0618b5632aca3fccaa2a0eb9e1e465034157a374207872751.woff2) format("woff2");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Erode-Variable';
  src: url(/assets/Erode-Variable-f79c2546b87a15d5351b5c93291019c2d676f4c1cae22d1021e9969ed9ef38b8.woff2) format("woff2");
  font-weight: 300 700;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Erode-VariableItalic';
  src: url(/assets/Erode-VariableItalic-fefb8a5939610996bc8d941fbe0e4dbd0e9b6e12a48cbb01eea3e6cde58a1696.woff2) format("woff2");
  font-weight: 300 700;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: 'Erode-Light';
  src: url(/assets/Erode-Light-d884d11a3753d936e2316b28f84f227bf3621ed8f8afce26160adb12749833ba.woff2) format("woff2");
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Erode-LightItalic';
  src: url(/assets/Erode-LightItalic-cbec84c4780292447571bb7d677e71ec7575c826294c77b4ddedafa46c936207.woff2) format("woff2");
  font-weight: 300;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: 'Erode-Regular';
  src: url(/assets/Erode-Regular-5eddbbd199db05bbcfae5d47f80cc9cab6e4af5791e16cf8c2bb0bb628f78075.woff2) format("woff2");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Erode-Italic';
  src: url(/assets/Erode-Italic-2b59ee1ee78a2bfdb17ed996fbbb67632b040bd318cd15cb26d659c75c0c324f.woff2) format("woff2");
  font-weight: 400;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: 'Erode-Medium';
  src: url(/assets/Erode-Medium-bfd31935b384339ec983e55f5fa09fecdbed12c710004dd147e992d8fe5ea58f.woff2) format("woff2");
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Erode-MediumItalic';
  src: url(/assets/Erode-MediumItalic-2d66617f35c11e96ac7fe8abc7ca5177417b97b2cafa3be3602d348e0b9688f8.woff2) format("woff2");
  font-weight: 500;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: 'Erode-Semibold';
  src: url(/assets/Erode-Semibold-58159b01a3c73d059aa0dbfdd37846b4d46fd747420b11bc7652765aac68be3c.woff2) format("woff2");
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Erode-SemiboldItalic';
  src: url(/assets/Erode-SemiboldItalic-50dbeb86799bff6889af3cc6cc26221f917a69dbae5c2d3eead36572598811d3.woff2) format("woff2");
  font-weight: 600;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: 'Erode-Bold';
  src: url(/assets/Erode-Bold-ea936cac1d424271e21f73dd5c3d2e72ee3d272320f457be1003e0c45f9a06a5.woff2) format("woff2");
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Erode-BoldItalic';
  src: url(/assets/Erode-BoldItalic-c53a1486652b2b49a91c0e047e46bae057db38c589d1a2b6cc9aedd7b7afaa3e.woff2) format("woff2");
  font-weight: 700;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: 'Supreme-Light';
  src: url(/assets/Supreme-Light-d99efcb63dd7f8e5e2d823a029e6a3f5fd8e915339ac6206e8332ab5ede1eae6.woff2) format("woff2");
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Britney-Variable';
  src: url(/assets/Britney-Variable-54874c11872e470bb9983ac3e596f21c8eea43e1b6ba45da2cc3b479826cbf41.woff2) format("woff2");
  font-weight: 300 900;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Britney-Light';
  src: url(/assets/Britney-Light-1c70602685c7c0913dc43f0bb2b628284a1d7bd7ab23f9b974a74328302ad4d6.woff2) format("woff2");
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Britney-Regular';
  src: url(/assets/Britney-Regular-73e8cf3248f7af8eebb83099dac4d664d4cba3df9da90ade4e637dd0bf48d9dd.woff2) format("woff2");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Britney-Bold';
  src: url(/assets/Britney-Bold-36e6eba62b344de0e7b548ec8eb4bdda0729f73ac820446ec4ee5111d4c3a718.woff2) format("woff2");
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Britney-Ultra';
  src: url(/assets/Britney-Ultra-92bc706d737803a21dc84feeafb24ba76157730f80516a613571f8cb7f84e330.woff2) format("woff2");
  font-weight: 1000;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Zodiak-Variable';
  src: url(/assets/Zodiak-Variable-a054a0d5f309663e2be0e1ac3e735356dce98ba75adc1522968a5f93f17042df.woff2) format("woff2");
  font-weight: 100 900;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Zodiak-VariableItalic';
  src: url(/assets/Zodiak-VariableItalic-15651d84830d45a5ce4e31f5bb525e73cc7d9aeb7e5d4bf0a1e5448c5c6fb87f.woff2) format("woff2");
  font-weight: 100 900;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: 'Zodiak-Thin';
  src: url(/assets/Zodiak-Thin-4fa1f35224c6a9035410d96f7a327adc0c890be5e5456ccf4b57ae6b56c817b7.woff2) format("woff2");
  font-weight: 100;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Zodiak-ThinItalic';
  src: url(/assets/Zodiak-ThinItalic-9102974928707a5dcf15d97349a186b1da029c726b68319cba29b5a439adb144.woff2) format("woff2");
  font-weight: 100;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: 'Zodiak-Light';
  src: url(/assets/Zodiak-Light-cb947d3d48aae0fe71d44b19153099caf1e4209d9eb4eda0df3277cb5dc1bebf.woff2) format("woff2");
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Zodiak-LightItalic';
  src: url(/assets/Zodiak-LightItalic-c21942ad2e60cffb0d5127c97ab85a838721cbd4923f34a420d41ce38bc4eca9.woff2) format("woff2");
  font-weight: 300;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: 'Zodiak-Regular';
  src: url(/assets/Zodiak-Regular-89ca50b13c440ea5461997898be1256409ca3c09e903af3f1b919dbe1744c1df.woff2) format("woff2");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Zodiak-Italic';
  src: url(/assets/Zodiak-Italic-8bf4dbadd6a08674f9abd07e140c4d11f39a2d6b911cb757df4502705486e6e2.woff2) format("woff2");
  font-weight: 400;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: 'Zodiak-Bold';
  src: url(/assets/Zodiak-Bold-f520c452f9f196c05f72d003924489889b21f8e05dfa8631f6e23b34a9737df6.woff2) format("woff2");
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Zodiak-BoldItalic';
  src: url(/assets/Zodiak-BoldItalic-20f3fceab02e48e5023e4797ba09138f690615325c4e364c397be3bd6a73cf66.woff2) format("woff2");
  font-weight: 700;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: 'Zodiak-Extrabold';
  src: url(/assets/Zodiak-Extrabold-c10990d5054c2fbb21b1c40567c73c574a08a536b462321ea7503c11f4d4ebc1.woff2) format("woff2");
  font-weight: 800;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Zodiak-ExtraboldItalic';
  src: url(/assets/Zodiak-ExtraboldItalic-74a8f573fed8b9a470792a8fa63e5622982304ec7caf4d6fd5201fc1d796eab1.woff2) format("woff2");
  font-weight: 800;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: 'Zodiak-Black';
  src: url(/assets/Zodiak-Black-462435602c2fd6f3a27c011e2d1a92353de61ecca3250676e7568a0c828bc33c.woff2) format("woff2");
  font-weight: 900;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Zodiak-BlackItalic';
  src: url(/assets/Zodiak-BlackItalic-ee50207a6dcc54dc20f9030f67d4bed096ef43bfe8265f6b13133de655cf1f4a.woff2) format("woff2");
  font-weight: 900;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: 'PramukhRounded-VariableItalic';
  src: url(/assets/PramukhRounded-VariableItalic-54fdf964666bf45cebc75d387e928b28240dae09355349f945141c1873a82445.woff2) format("woff2");
  font-weight: 200 900;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: 'PramukhRounded-Extralight';
  src: url(/assets/PramukhRounded-Extralight-661cca6d65228589100eaecf658564446a0bf6d7ca8eb42ec070000d3f971354.woff2) format("woff2");
  font-weight: 200;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'PramukhRounded-ExtralightItalic';
  src: url(/assets/PramukhRounded-ExtralightItalic-90ab4414af6dcaa39036d165d849408c8797146eb0c6dc87b443b8d0453540e1.woff2) format("woff2");
  font-weight: 200;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: 'PramukhRounded-Light';
  src: url(/assets/PramukhRounded-Light-2ddd69aaf561d9fa9464489f92fb5569dbbc29f8f443eb327a2c48be1c78289b.woff2) format("woff2");
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'PramukhRounded-LightItalic';
  src: url(/assets/PramukhRounded-LightItalic-a77f1bf17cd91d54cdd7a3fa0272ca1ad99ba84500ed196920360b5a02b2a0d1.woff2) format("woff2");
  font-weight: 300;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: 'PramukhRounded-Semilight';
  src: url(/assets/PramukhRounded-Semilight-2d7241590f92293524c0a37be5add66a686934e26910e9745135d81cbef72715.woff2) format("woff2");
  font-weight: 350;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'PramukhRounded-SemilightItalic';
  src: url(/assets/PramukhRounded-SemilightItalic-e28c31794f3ccc6690823bee01b6865ff003a286ed73fe3e81209c048f0a8a03.woff2) format("woff2");
  font-weight: 350;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: 'PramukhRounded-Regular';
  src: url(/assets/PramukhRounded-Regular-98f103652c00f93099d5819bed1e46de3286ddaa62d3c8342a8ec41bef23ed3b.woff2) format("woff2");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'PramukhRounded-Italic';
  src: url(/assets/PramukhRounded-Italic-2398098130f28f5fa1ed3acaf0d2bb7df253b9e70e07dd4c23e7a57d5cc06261.woff2) format("woff2");
  font-weight: 400;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: 'PramukhRounded-Semibold';
  src: url(/assets/PramukhRounded-Semibold-7cde8b65538b2ee80ea7eba9418f0304e084d2c6180d50ee9f60b143b990ceb6.woff2) format("woff2");
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'PramukhRounded-SemiboldItalic';
  src: url(/assets/PramukhRounded-SemiboldItalic-9c2b6d5be32fe6c8cafe012e510bd74290fde1735c67bf647e335427d6a469e3.woff2) format("woff2");
  font-weight: 600;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: 'PramukhRounded-Bold';
  src: url(/assets/PramukhRounded-Bold-cc0016fda8f3d79419241a6659a6ee27224eda05469aa2b8aa04b74616ace2f4.woff2) format("woff2");
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'PramukhRounded-BoldItalic';
  src: url(/assets/PramukhRounded-BoldItalic-448cdcec85bf2a4229eb123a4ca6563626473e5ab3f83d9fd820e0e494ecb662.woff2) format("woff2"), url(/fonts/PramukhRounded-BoldItalic.woff) format("woff"), url(/fonts/PramukhRounded-BoldItalic.ttf) format("truetype");
  font-weight: 700;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: 'PramukhRounded-Extrabold';
  src: url(/assets/PramukhRounded-Extrabold-5836e28f04ced2a0e4e44db7e8f18f52d94a74fdeaeafcfa16f7347795070108.woff2) format("woff2"), url(/fonts/PramukhRounded-Extrabold.woff) format("woff"), url(/fonts/PramukhRounded-Extrabold.ttf) format("truetype");
  font-weight: 800;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'PramukhRounded-ExtraboldItalic';
  src: url(/assets/PramukhRounded-ExtraboldItalic-8f1aaf048a8053d734c9c8750eda2ef3823971d0a6aa32eb6eca3f03295f274b.woff2) format("woff2"), url(/fonts/PramukhRounded-ExtraboldItalic.woff) format("woff"), url(/fonts/PramukhRounded-ExtraboldItalic.ttf) format("truetype");
  font-weight: 800;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: 'PramukhRounded-Black';
  src: url(/assets/PramukhRounded-Black-2ab0ae5596bf1ff6d9ff337be41c3809ffed33eefe631fbc618cee3b07f76175.woff2) format("woff2"), url(/fonts/PramukhRounded-Black.woff) format("woff"), url(/fonts/PramukhRounded-Black.ttf) format("truetype");
  font-weight: 900;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'PramukhRounded-BlackItalic';
  src: url(/assets/PramukhRounded-BlackItalic-e32e9d37043cf4f1372f0d5e0cbc827d7f4367e8acd04c73419b23b12d4a7e4c.woff2) format("woff2"), url(/fonts/PramukhRounded-BlackItalic.woff) format("woff"), url(/fonts/PramukhRounded-BlackItalic.ttf) format("truetype");
  font-weight: 900;
  font-display: swap;
  font-style: italic;
}

/* line 462, app/assets/stylesheets/_texts.scss */
.has-text-color-primary {
  color: #0a223c;
}

/* line 466, app/assets/stylesheets/_texts.scss */
.has-text-color-primary-light {
  color: #fcfcfc;
}

/* line 470, app/assets/stylesheets/_texts.scss */
.has-text-color-secondary {
  color: #E6B325;
}

/* line 477, app/assets/stylesheets/_texts.scss */
h1 {
  font-family: "Zodiak-Bold",normal;
  letter-spacing: -4px;
  line-height: 155%;
  font-size: calc(100% + 7vw);
}

/* line 484, app/assets/stylesheets/_texts.scss */
.is-yeseva {
  font-family: 'Yeseva One', cursive;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  letter-spacing: -1px;
  line-height: 155%;
  font-size: calc(100% + 6vw);
  color: black;
}

/* line 494, app/assets/stylesheets/_texts.scss */
h2 {
  font-family: normal;
  letter-spacing: -1px;
  line-height: 105%;
  font-size: calc(100% + 3vw);
}

/* line 501, app/assets/stylesheets/_texts.scss */
h3 {
  font-family: 'Zodiak-Bold', normal;
  letter-spacing: -1px;
  line-height: 105%;
  font-size: calc(100% + 1.5vw);
}

/* line 508, app/assets/stylesheets/_texts.scss */
p {
  font-family: "Zodiak-Thin",serif;
  font-size: calc(100% + 1vw);
}

/* line 513, app/assets/stylesheets/_texts.scss */
.p-desc {
  font-family: "Zodiak-Light",serif !important;
  font-size: calc(100% + 0.45vw) !important;
}

/* line 518, app/assets/stylesheets/_texts.scss */
.p-small-uppercase {
  font-family: "Supreme-Light",sans-serif;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 2rem;
  font-size: calc(100% + 0.45vw);
}

/* line 526, app/assets/stylesheets/_texts.scss */
.p-filtre-title {
  font-family: "Zodiak-Light",serif !important;
  font-size: calc(100% + 0.35vw) !important;
}

/* line 531, app/assets/stylesheets/_texts.scss */
.p-filtre {
  font-family: "Zodiak-Light",serif !important;
  font-size: calc(100% + 0.15vw) !important;
}

/* line 536, app/assets/stylesheets/_texts.scss */
.p-filtre-form {
  font-family: "Zodiak-Light",serif !important;
  font-size: calc(75% + 0.05vw) !important;
}

/* line 541, app/assets/stylesheets/_texts.scss */
.small-uppercase {
  font-family: "Supreme-Light",sans-serif;
  letter-spacing: 3px;
  line-height: 150%;
  text-transform: uppercase;
  margin-bottom: 2rem;
  font-size: calc(100% + 0.45vw);
}

/* line 550, app/assets/stylesheets/_texts.scss */
.tiny-uppercase {
  font-family: "Supreme-Light",sans-serif;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 2rem;
  font-size: 1rem;
  color: #E6B325;
}

/* line 559, app/assets/stylesheets/_texts.scss */
.tiny-uppercase:link {
  font-family: "Supreme-Light",sans-serif;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 2rem;
  font-size: 1rem;
  color: #E6B325;
}

/* line 568, app/assets/stylesheets/_texts.scss */
a.tiny-uppercase:hover {
  font-family: "Supreme-Light",sans-serif;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 2rem;
  font-size: 1rem;
  color: #b88f1e;
}

/* line 579, app/assets/stylesheets/_texts.scss */
.shadow-card {
  text-shadow: 1px 3px 2px black;
}

/* line 583, app/assets/stylesheets/_texts.scss */
.medium-uppercase {
  font-family: "PramukhRounded-Semilight",normal;
  line-height: 85%;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: calc(100% + 4.35vw);
}

/* line 591, app/assets/stylesheets/_texts.scss */
.medium-uppercase-yeseva {
  font-family: 'Yeseva One', cursive;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  letter-spacing: 2px;
  line-height: 85%;
  font-size: calc(100% + 2vw);
}

/* line 600, app/assets/stylesheets/_texts.scss */
.medium-uppercase-yeseva-2 {
  font-family: 'Yeseva One', cursive;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  letter-spacing: 2px;
  line-height: 85%;
  font-size: calc(100% + 1.5vw);
}

/* line 609, app/assets/stylesheets/_texts.scss */
.small-uppercase-yeseva {
  font-family: 'Yeseva One', cursive;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  letter-spacing: 2px;
  line-height: 85%;
  font-size: calc(100% + 0.5vw);
}

/* line 618, app/assets/stylesheets/_texts.scss */
.small-uppercase-yeseva-2 {
  font-family: 'Yeseva One', cursive;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  letter-spacing: 2px;
  line-height: 85%;
  font-size: calc(70% + 0.5vw);
}

/* line 627, app/assets/stylesheets/_texts.scss */
.big-uppercase {
  font-family: "Erode-Variable",normal;
  letter-spacing: -0.4rem;
  line-height: 75%;
  font-weight: 600;
  font-stretch: expanded;
  text-shadow: 0px 4px 4px #282828;
  text-transform: uppercase;
  font-size: calc(100% + 5.35vw);
}

/* line 638, app/assets/stylesheets/_texts.scss */
.title-small-uppercase {
  font-family: "PramukhRounded-Semilight",normal;
  line-height: 85%;
  letter-spacing: 2px;
  text-shadow: 0px 4px 4px #282828;
  text-transform: uppercase;
  font-size: calc(100% + 4.35vw);
}

/* line 647, app/assets/stylesheets/_texts.scss */
.small-uppercase-button-main {
  font-family: "Supreme-Light",sans-serif;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: calc(100% + 0.35vw);
}

/* line 654, app/assets/stylesheets/_texts.scss */
.small-uppercase-buttons {
  font-family: "Supreme-Light",sans-serif;
  letter-spacing: 3px;
  line-height: 150%;
  font-size: 1.1rem;
}

/* line 661, app/assets/stylesheets/_texts.scss */
.themed-filter {
  filter: url("#themed-filter");
}

/* line 665, app/assets/stylesheets/_texts.scss */
.mail-uppercase {
  font-family: "Supreme-Light",sans-serif;
  letter-spacing: -1px;
  line-height: 150%;
  text-transform: uppercase;
  margin-bottom: 2rem;
  font-size: 1.1rem;
}

/* line 674, app/assets/stylesheets/_texts.scss */
.small-uppercase-button {
  font-family: "Supreme-Light",sans-serif;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-size: calc(50% + 0.4vw);
}

/* line 681, app/assets/stylesheets/_texts.scss */
.font-estim {
  font-size: calc(50% + 0.4vw);
}

/* line 685, app/assets/stylesheets/_texts.scss */
.is-global-font-uppercase {
  font-family: "Supreme-Light",sans-serif;
  text-transform: uppercase;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* line 6, app/assets/stylesheets/_animate.scss */
.is-inViewport[datainviewport="fadeInCard"] {
  animation: fadeIn;
  /* referring directly to the animation's @keyframe declaration */
  animation-duration: 2s;
  animation-iteration-count: 1;
}

/* line 12, app/assets/stylesheets/_animate.scss */
.is-inViewport[datainviewport="slideInLeft"] {
  animation: slideInLeft;
  /* referring directly to the animation's @keyframe declaration */
  animation-duration: 2s;
  animation-iteration-count: 1;
}

/* line 18, app/assets/stylesheets/_animate.scss */
.is-inViewport[datainviewport="slideInRight"] {
  animation: slideInRight;
  /* referring directly to the animation's @keyframe declaration */
  animation-duration: 2s;
  animation-iteration-count: 1;
}

/* line 24, app/assets/stylesheets/_animate.scss */
.is-inViewport[datainviewport="fadeIn"] {
  animation: fadeIn;
  /* referring directly to the animation's @keyframe declaration */
  animation-fill-mode: forwards;
  animation-duration: 3s;
  animation-iteration-count: 1;
  opacity: 0;
}

/* line 32, app/assets/stylesheets/_animate.scss */
.is-inViewport[datainviewport="fadeInLeft"] {
  animation: fadeInLeft;
  /* referring directly to the animation's @keyframe declaration */
  animation-fill-mode: forwards;
  animation-duration: 1s;
  animation-iteration-count: 1;
  opacity: 0;
}

/* line 40, app/assets/stylesheets/_animate.scss */
.is-inViewport[datainviewport="fadeInRight"] {
  animation: fadeInRight;
  /* referring directly to the animation's @keyframe declaration */
  animation-fill-mode: forwards;
  animation-duration: 1s;
  animation-iteration-count: 1;
  opacity: 0;
}

/* line 48, app/assets/stylesheets/_animate.scss */
.is-inViewport[datainviewport="flipInX"] {
  animation: flipInX;
  /* referring directly to the animation's @keyframe declaration */
  animation-fill-mode: forwards;
  animation-duration: 1s;
  animation-iteration-count: 1;
}

/* line 5, app/assets/stylesheets/_intro.scss */
.introduction {
  z-index: 7;
  height: 100%;
  width: 100%;
  position: absolute;
  background: linear-gradient(to right, #00000d 50%, #0a223c 0);
  background-size: 200% 100%;
  background-position: right;
  top: 0;
  left: 0;
  -webkit-animation: makeItfadeIn 3.5s 1s forwards;
  animation: makeItfadeIn 3.5s 1s forwards;
}

/* line 19, app/assets/stylesheets/_intro.scss */
.main {
  opacity: 0;
  -webkit-animation: fadeIn;
  animation: fadeIn;
  /* referring directly to the animation's @keyframe declaration */
  animation-duration: 2s;
  animation-iteration-count: 1;
  animation-delay: 2s;
  animation-fill-mode: forwards;
}

/* line 29, app/assets/stylesheets/_intro.scss */
.logo_intro {
  position: absolute;
  width: 25%;
  left: 37.5%;
  top: 40%;
}

@keyframes makeItfadeIn {
  100% {
    background-position: left;
    z-index: 0;
  }
}

/* line 3, app/assets/stylesheets/_cursor.scss */
.span-underline {
  text-decoration: underline;
  text-decoration-color: transparent;
  -webkit-text-decoration-color: transparent;
  -moz-text-decoration-color: transparent;
  transition: 1s ease-in;
}

/* line 11, app/assets/stylesheets/_cursor.scss */
.span-color {
  background-color: transparent;
  transition: 1s ease-in;
}

/* line 16, app/assets/stylesheets/_cursor.scss */
.p-desc:hover > .span-underline {
  text-decoration-color: #0a223c;
  -webkit-text-decoration-color: #0a223c;
  -moz-text-decoration-color: #0a223c;
  transition: 1s ease-out;
}

/* line 23, app/assets/stylesheets/_cursor.scss */
.p-desc:hover > .span-color {
  background-color: #0a223c;
  color: #E6B325;
  transition: 1s ease-out;
}

/* line 29, app/assets/stylesheets/_cursor.scss */
.card-shadow-left {
  transition: 1s ease-out !important;
  border: 0px solid white;
  transform: scale(1);
  z-index: 0;
}

/* line 36, app/assets/stylesheets/_cursor.scss */
.card-shadow-left:hover {
  -webkit-box-shadow: -20px 9px 15px 5px #E6B325;
  box-shadow: -20px 9px 15px 5px #E6B325;
  border: 10px solid white;
  transform: scale(1.1);
  z-index: 9;
  transition: 1s ease-out !important;
}

/* line 46, app/assets/stylesheets/_cursor.scss */
.card-shadow-right {
  transition: 1s ease-out !important;
  border: 0px solid white;
  transform: scale(1);
  z-index: 0;
}

/* line 53, app/assets/stylesheets/_cursor.scss */
.card-shadow-right:hover {
  -webkit-box-shadow: 20px 9px 15px 5px #E6B325;
  box-shadow: 20px 9px 15px 5px #E6B325;
  border: 10px solid white;
  transform: scale(1.1);
  z-index: 9;
  transition: 1s ease-out !important;
}

/* line 63, app/assets/stylesheets/_cursor.scss */
.back-to-primary > h2 {
  transition: 1s ease-out !important;
}

/* line 67, app/assets/stylesheets/_cursor.scss */
.back-to-primary {
  transition: 1s ease-out !important;
}

/* line 71, app/assets/stylesheets/_cursor.scss */
.back-to-primary:hover {
  background-color: #0a223c !important;
  transition: 1s ease-out !important;
}

/* line 76, app/assets/stylesheets/_cursor.scss */
.back-to-primary:hover > h2 {
  color: white !important;
  transition: 1s ease-out !important;
}

/* line 81, app/assets/stylesheets/_cursor.scss */
#header-video:hover {
  overflow: hidden;
  background: linear-gradient(to right, #0a223c 20%, #0a223c 40%, #E6B325 50%, #E6B325 55%, #0a223c 70%, #0a223c 100%);
  background-size: 200% auto;
  animation: shine 4s linear infinite;
}

/*Begin shimmer code*/
@keyframes shine {
  to {
    background-position: 200% center;
  }
}

/* ===== Scrollbar CSS ===== */
/* Firefox */
/* line 14, app/assets/stylesheets/home.scss */
* {
  scrollbar-width: auto;
  scrollbar-color: #ffffff #E6B325;
}

/* Chrome, Edge, and Safari */
/* line 20, app/assets/stylesheets/home.scss */
*::-webkit-scrollbar {
  width: 8px;
  padding-right: 2px;
}

/* line 25, app/assets/stylesheets/home.scss */
*::-webkit-scrollbar-track {
  background: #0a223c;
}

/* line 29, app/assets/stylesheets/home.scss */
*::-webkit-scrollbar-thumb {
  background-color: #E6B325;
  border-radius: 10px;
  border: 1px solid #000000;
}

/* line 36, app/assets/stylesheets/home.scss */
html, body {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

/* line 41, app/assets/stylesheets/home.scss */
strong {
  color: white;
}

@keyframes FadeInOutSarreguemines {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/* line 55, app/assets/stylesheets/home.scss */
.container-hover:hover {
  filter: brightness(1.2);
  transition: all 0.5s linear;
}

/* line 60, app/assets/stylesheets/home.scss */
.container-hover {
  filter: brightness(1);
  transition: all 0.5s linear;
}

/* line 65, app/assets/stylesheets/home.scss */
.top-img {
  animation-name: FadeInOutSarreguemines;
  animation-timing-function: cubic-bezier(0.9, 0.28, 0.06, 0.83);
  animation-iteration-count: infinite;
  animation-duration: 5s;
  animation-direction: alternate;
}

/* line 73, app/assets/stylesheets/home.scss */
.zoom-test:hover {
  transform: scale(1.1);
  transition: cubic-bezier(0.075, 0.82, 0.165, 1);
}

/* line 78, app/assets/stylesheets/home.scss */
.no-padding {
  padding: 0;
}

/* line 82, app/assets/stylesheets/home.scss */
.border-color {
  border: solid 1px #0a223c;
}

/* line 86, app/assets/stylesheets/home.scss */
.is-border-color-secondary {
  border: solid 2px #E6B325;
}

/* line 90, app/assets/stylesheets/home.scss */
.is-border-color-secondary-dashed {
  border: dashed 2px #E6B325;
}

/* line 94, app/assets/stylesheets/home.scss */
.glasscard {
  border-radius: 20px;
  padding-bottom: 10px;
  padding-top: 0px;
  padding-left: 5px;
  padding-right: 5px;
  background-color: rgba(0, 0, 0, 0.151);
  backdrop-filter: blur(1px);
}

/* line 104, app/assets/stylesheets/home.scss */
.card-equal {
  height: 100%;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
}

/* line 111, app/assets/stylesheets/home.scss */
.navbar-item:hover {
  background-color: #E6B325 !important;
  color: #0a223c !important;
}

/* line 116, app/assets/stylesheets/home.scss */
.is-background-color {
  background-color: #0a223c !important;
}

/* line 120, app/assets/stylesheets/home.scss */
.is-background-color-lighter {
  background-color: #0d2744 !important;
}

/* line 124, app/assets/stylesheets/home.scss */
.is-background-color-light {
  background-color: #fcfcfc !important;
}

/* line 128, app/assets/stylesheets/home.scss */
.is-background-color-secondary {
  background-color: #E6B325 !important;
}

/* line 132, app/assets/stylesheets/home.scss */
.is-background-storytelling {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/assets/daniel_martin/sarreguemines/sarreguemines-3c21f76e74d9b74603d153b7335a06bd555e12fb87c057797f11cb456757dd36.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

/* line 139, app/assets/stylesheets/home.scss */
.cardheight {
  height: 100%;
}

/* line 143, app/assets/stylesheets/home.scss */
.card-shadow:hover {
  box-shadow: 0px 0px 0px 5px #E6B325;
  transform: scale(0.99);
  transition: 0.5s linear;
}

/* line 149, app/assets/stylesheets/home.scss */
.img-square {
  object-fit: cover;
  object-position: top;
  width: 100%;
  height: 400px;
}

/* line 156, app/assets/stylesheets/home.scss */
.contact-margin {
  margin-bottom: 20px;
}

/* line 160, app/assets/stylesheets/home.scss */
.contact-card-button {
  background-color: #0a223c;
  font-weight: bold;
  text-align: center;
  font-size: 14px;
}

/* line 167, app/assets/stylesheets/home.scss */
.bottom-section {
  background-color: #0a223c;
  font-size: 18px;
}

/* line 172, app/assets/stylesheets/home.scss */
.footerlink {
  color: #ffd94d;
}

/* line 176, app/assets/stylesheets/home.scss */
.custom-shape-divider-bottom-1663320679 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
  transform: rotate(180deg);
}

/* line 186, app/assets/stylesheets/home.scss */
.custom-shape-divider-bottom-1663320679 svg {
  position: relative;
  display: block;
  width: calc(190% + 1.3px);
  height: 115px;
  transform: rotateY(180deg);
}

/* line 194, app/assets/stylesheets/home.scss */
.imageoverflow {
  overflow: hidden;
  position: relative;
  text-align: center;
  color: white;
}

/* line 201, app/assets/stylesheets/home.scss */
.image-fit {
  height: 50vh !important;
  width: 100% !important;
  object-fit: cover !important;
  object-position: bottom !important;
}

/* line 208, app/assets/stylesheets/home.scss */
.mouse-hand {
  cursor: pointer;
}

/* line 212, app/assets/stylesheets/home.scss */
.image-fit-mobile {
  height: 50vh !important;
  width: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

/* line 219, app/assets/stylesheets/home.scss */
.custom-shape-divider-bottom-1663320679 .shape-fill {
  fill: #0a223c;
}

/* line 223, app/assets/stylesheets/home.scss */
.custom-shape-divider-bottom-1 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
  transform: rotate(180deg);
}

/* line 233, app/assets/stylesheets/home.scss */
.custom-shape-divider-bottom-1 svg {
  position: relative;
  display: block;
  width: calc(190% + 1.3px);
  height: 115px;
  transform: rotateY(180deg);
}

/* line 241, app/assets/stylesheets/home.scss */
.custom-shape-divider-bottom-1 .shape-fill {
  fill: #a6b6aa;
}

/* line 245, app/assets/stylesheets/home.scss */
.is-background-color-shape {
  background-color: #a6b6aa;
}

/* line 249, app/assets/stylesheets/home.scss */
.custom-shape-divider-bottom-2 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
  transform: rotate(180deg);
}

/* line 259, app/assets/stylesheets/home.scss */
.custom-shape-divider-bottom-2 svg {
  position: relative;
  display: block;
  width: calc(190% + 1.3px);
  height: 115px;
  transform: rotateY(180deg);
}

/* line 267, app/assets/stylesheets/home.scss */
.custom-shape-divider-bottom-2 .shape-fill {
  fill: #fcfcfc;
}

/* line 271, app/assets/stylesheets/home.scss */
.custom-shape-divider-bottom-3 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
  transform: rotate(180deg);
}

/* line 281, app/assets/stylesheets/home.scss */
.custom-shape-divider-bottom-3 svg {
  position: relative;
  display: block;
  width: calc(190% + 1.3px);
  height: 115px;
  transform: rotateY(180deg);
}

/* line 289, app/assets/stylesheets/home.scss */
.custom-shape-divider-bottom-3 .shape-fill {
  fill: #E6B325;
}

/* line 294, app/assets/stylesheets/home.scss */
.centered-text-image {
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

/* line 302, app/assets/stylesheets/home.scss */
.imageoverflow {
  overflow: hidden;
  position: relative;
  text-align: center;
  color: white;
}

/* line 309, app/assets/stylesheets/home.scss */
.card {
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

/* line 313, app/assets/stylesheets/home.scss */
.image-fit {
  height: 75vh !important;
  width: 100% !important;
  object-fit: cover !important;
  object-position: bottom !important;
}

/* line 320, app/assets/stylesheets/home.scss */
.columnbackground {
  background-image: url(/assets/daniel_martin/sarreguemines/sarreguemines_5-9ca11535502afd40cd14a057b6f495bda11aab34fa3201a009dbeac741adb5ba.webp);
  min-height: 500px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

/* line 328, app/assets/stylesheets/home.scss */
::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #8d8d8d !important;
  opacity: 0.5;
  /* Firefox */
}

/* line 333, app/assets/stylesheets/home.scss */
.columnbackground2 {
  background-image: url(/assets/daniel_martin/sarralbe/sarralbe_6-489588b30442bae1b09598f709bcc6a24141ee4ae003b67cc44ab6d8d0ff3270.webp);
  background-size: cover;
  min-height: 500px;
  background-repeat: no-repeat;
  background-position: center;
}

/* line 341, app/assets/stylesheets/home.scss */
.menu-filtre {
  position: sticky;
  display: inline-block;
  vertical-align: top;
  min-height: 100vh;
  max-height: 100vh;
  width: 100%;
  top: 0;
  overflow-y: scroll;
  overflow-x: hidden;
}

/* line 353, app/assets/stylesheets/home.scss */
.boxsearch {
  box-shadow: none;
  border-radius: 0px;
  border-left: 0.1px solid #9b9b9b;
  border-top: 0.1px solid #9b9b9b;
}

/* line 363, app/assets/stylesheets/home.scss */
.icon-link-style {
  color: #585856;
  margin: 5px;
}

/* line 368, app/assets/stylesheets/home.scss */
.icon-link-style:visited {
  color: #303030;
}

/* line 372, app/assets/stylesheets/home.scss */
.logo-center {
  position: absolute;
  z-index: 99;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  pointer-events: none;
}

/* line 382, app/assets/stylesheets/home.scss */
.icon-link-style:hover {
  color: #999999;
}

/* line 386, app/assets/stylesheets/home.scss */
.hr-style {
  height: 1px;
  border: white dashed 1px;
}

/* line 391, app/assets/stylesheets/home.scss */
.button-border-secondary {
  border: #E6B325 solid 1px;
  border-radius: 50px;
  background-color: transparent;
  background-color: rgba(0, 0, 0, 0.4);
}

/* line 398, app/assets/stylesheets/home.scss */
.button-border-primary {
  border: #0a223c solid 1px;
  border-radius: 50px;
  background-color: rgba(255, 255, 255, 0.5);
}

/* line 404, app/assets/stylesheets/home.scss */
.article-border-top-bottom {
  border-top: 3px solid #0a223c;
  border-bottom: 3px solid #0a223c;
}

/* line 409, app/assets/stylesheets/home.scss */
.article-border-right-bottom {
  border-right: 3px solid #0a223c;
  border-bottom: 3px solid #0a223c;
}

/* line 414, app/assets/stylesheets/home.scss */
.article-border-bottom {
  border-right: 3px solid #0a223c;
  border-bottom: 3px solid #0a223c;
}

/* line 419, app/assets/stylesheets/home.scss */
.footer-border-left {
  border-left: 3px dashed #E6B325;
}

/* line 423, app/assets/stylesheets/home.scss */
.footer-border-bottom {
  background-color: transparent;
  border-bottom: 3px dashed #E6B325;
}

/* line 428, app/assets/stylesheets/home.scss */
.home-video {
  width: 100vw;
  height: 100vh;
  position: absolute;
  display: flex;
  justify-content: center;
  object-fit: cover;
  top: 0;
}

/* line 439, app/assets/stylesheets/home.scss */
.home-video-wrapper {
  position: relative;
  height: 60vh;
  overflow: hidden;
}

/* line 445, app/assets/stylesheets/home.scss */
.video-css {
  min-width: 100%;
  position: fixed;
  top: 0;
  z-index: -999;
}

/* line 452, app/assets/stylesheets/home.scss */
.text-overlay {
  background: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 461, app/assets/stylesheets/home.scss */
.title-overlay {
  background: rgba(0, 0, 0, 0);
  position: absolute;
  top: -40px;
  right: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 470, app/assets/stylesheets/home.scss */
.pics-annonces {
  display: block !important;
  max-width: 300px !important;
  max-height: 300px !important;
  width: auto !important;
  height: auto !important;
  width: 100% !important;
  margin: 0 !important;
}

/* line 482, app/assets/stylesheets/home.scss */
a {
  text-decoration: none !important;
  color: #2291bd;
}

/* line 487, app/assets/stylesheets/home.scss */
.is-text-color-primary {
  color: #0a223c;
}

/* line 488, app/assets/stylesheets/home.scss */
.is-text-color-secondary {
  color: #E6B325;
}

/* line 489, app/assets/stylesheets/home.scss */
.is-text-color-light {
  color: #fcfcfc;
}

/* line 491, app/assets/stylesheets/home.scss */
.boxSelected {
  box-shadow: white 0px 1px 4px, white 0px 0px 0px 3px;
  transition: cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* line 496, app/assets/stylesheets/home.scss */
.boxRadioProvenance {
  cursor: pointer;
  user-select: none;
}

/* line 501, app/assets/stylesheets/home.scss */
.boxRadioType {
  cursor: pointer;
  user-select: none;
}

/* line 506, app/assets/stylesheets/home.scss */
.boxCheck {
  cursor: pointer;
  user-select: none;
}

/* line 511, app/assets/stylesheets/home.scss */
input[type="radio"] {
  display: none;
}