@font-face {
  font-family: Satoshi-Variable;
  src: url(/wp-content/themes/andromede/assets/fonts/Satoshi-Variable.woff2)
      format('woff2'),
    url(/wp-content/themes/andromede/assets/fonts/Satoshi-Variable.woff)
      format('woff'),
    url(/wp-content/themes/andromede/assets/fonts/Satoshi-Variable.ttf)
      format('truetype');
  font-weight: 100 900;
  font-display: swap;
}

:root {
  --jp1: #141414;
  --jp2: #ffb597;
  --jp3: #2b2a6e;
  --jp4: black;
  --jp5: #ffffff;
  --gold: #d5a848;
  --goldlight: #e8c06b;
}
body {
  font-family: Satoshi-Variable;
  background: white;
  min-height: 100%;
  color:var(--jp4);
  width: 100%;
  overflow-x: hidden;
  font-size: 18px;
  scroll-behavior: smooth;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
::-moz-selection {
  color: var(--jp5);
  background-color: var(--gold);
}
::selection {
  color: var(--jp5);
  background-color: var(--gold);
}

/*
* NAVBAR
*/
.navbar_primary {
  background: white;
  padding: 1rem 0rem;
  z-index: 999;
}
.navbar_primary .nav-link.active {
  color: var(--gold);
  font-weight: 600;
}
.navbar_primary .nav-link:hover {
  color: var(--gold);
}
.navbar_primary .nav-link {
  font-size: 16px;
  font-weight: 500;
  padding: 0 0.5rem !important;
  text-transform: uppercase;
  color: #aa9b8e;
  letter-spacing: 1px;
  transition: all 0.4s ease;
}
.navbar-brand img {
  max-width: 250px;
  height: 50px;
  object-fit: contain;
  filter: sepia(1);
}
.navbar-brand img:hover {
  opacity: 0.8;
  filter: sepia(0);
}
.navbar-toggler:focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.navbar-toggler.menu {
  background-color: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
}
main {
  margin-right: 20px;
  margin-left: 20px;
}

.container_custom {
  max-width: 1600px;
  width: 100%;
  margin: 0 auto;
  padding: 10px;
}

/*
* MAX HEADER
*/
.max_header {
  position: relative;
  display: flex;
  justify-content: center;
  height: 92vh;
  align-items: center;
  padding: 0 20px;
  background-size: cover;
  background-position: center;
  overflow: hidden;
}
.max_header h1 {
  color: white;
  letter-spacing: 0.2px;
  font-size: 80px;
  font-weight: 600;
}
.max_header h2 {
  color: white;
  letter-spacing: 0.2px;
  font-size: 25px;
  font-weight: 200;
  margin: 0;
}
.max_header .line {
  z-index: 5;
  width: 2px;
  height: 120px;
  background-color: #aa9b8e;
  position: absolute;
  bottom: 0;
  left: auto;
  right: auto;
}

/*
* BTN + ELEMENTS
*/
.btn_contact,
.btn_sender {
  background: var(--gold);
  color: var(--jp5);
  border-radius: 0;
  padding: 22px 50px;
  font-weight: 600;
  border: solid 1px var(--gold);
  box-shadow: 6px 8px 0 0 rgb(163 162 160 / 9%);
  transition: 1s;
  font-size: 20px;
}
.btn_contact:hover,
.btn_sender:hover {
  background: #1a1b1d;
  color: #ffffff;
  border: solid 1px #d5a847;
  box-shadow: 6px 8px 0 0 rgb(213 168 71);
  transition: 1s;
}

.resalight {
  background: var(--gold);
  color: var(--jp5);
  border-radius: 3px;
  padding: 0.3rem 2rem;
  font-weight: 100;
  border: solid 1px var(--gold);
  font-size: 20px;
}

.title {
  color: #1a1b1d;
  font-size: 60px;
  font-weight: 900;
}
.h3title {
  color: #1a1b1d;
  font-size: 40px;
  font-weight: 900;
  text-transform: uppercase;
}
.text {
  font-weight: 400;
  color: #676767;
  font-size: 17px;
}
.circle_left {
  position: absolute;
  height: 250px;
  width: 250px;
  background: #d5a847;
  border-radius: 5%;
  z-index: 0;
  left: 0;
  top: 120px;
}
.rotating {
  -webkit-animation: rotating 30s linear infinite;
  -moz-animation: rotating 30s linear infinite;
  -ms-animation: rotating 30s linear infinite;
  -o-animation: rotating 30s linear infinite;
  animation: rotating 30s linear infinite;
}
@-webkit-keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.separator {
  position: relative;
  height: 3px;
  width: 20%;
  background: var(--gold);
}
.gold {
  color: var(--gold);
}
.zfirst {
  position: relative;
  z-index: 150;
}
.linkstyle {
  transition: all 0.4s ease;
  background-position-y: 0;
  background-image: linear-gradient(transparent 50%, #d5a84766 50%);
  background-size: 0%;
}
.linkstyle:hover {
  background-position-y: 100%;
  background-size: auto 200%;
  color: black !important;
  transition: all 0.4s ease;
}

/*
* PICTURE SECTION
*/
.picture_section {
  padding: 12rem 0;
  position: relative;
  overflow: hidden;
}
.picture_section img {
  position: relative;
  border-radius: 5px;
  max-width: 100%;
  max-height: 700px;
  object-fit: contain;
}
.degrade {
  box-shadow: 18px 20px 0 0 rgb(0 0 0 / 9%);
}
.degrade-anti {
  box-shadow: -18px 20px 0 0 rgb(0 0 0 / 9%);
}
.picture_section .paragraph {
  padding: 2rem;
}
.picture_section .decalade {
  z-index: -1;
  width: 100%;
  background-color: #f6f5f3;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
  position: absolute;
  height: 95%;
  left: 0px;
  border-radius: 5px;
  top: -10px;
  box-shadow: 6px 8px 0 0 rgb(213 168 71 / 7%);
}

/*
* PARALLAX SECTION
*/
.parallax {
  min-height: 600px;
  background-size: cover;
  margin-bottom: 1rem;
}
.parallax h3 {
  color: #ddd8cf;
  font-size: 70px;
  font-weight: 900;
  text-transform: uppercase;
}

/*
* BANDEAU SECTION
*/
.bandeau_ {
  background: #ddd8cf;
  text-align: center;
  padding: 1rem;
}
.bandeau_ p {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 16px;
  color: #aa9b8e;
  letter-spacing: 1.78px;
}

/*
* FOOTER
*/
.left_footer a {
  font-size: 40px;
  font-weight: 800;
  margin: 0;
  padding: 0;
  color: var(--gold);
}
.left_footer p {
  margin: 0;
  color: var(--jp5);
}
.footer_top {
  padding: 10px 0;
  background: var(--jp1);
  position: relative;
  border-top-left-radius: 35px;
  border-top-right-radius: 35px;
}
.copyrights {
  position: relative;
  font-size: 14px;
  padding: 3rem 0;
}

/*
* Animations CSS/JS
*/
.andro.scrolled,
.fadeIn {
  opacity: 1;
}

/*
* MODAL
*/
#prospect .form-label,
.jp_header p,
.modal-title {
  text-transform: uppercase;
}

.flagchoice {
  width: 20px;
  height: 20px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
  -webkit-filter: drop-shadow(0 2px 3px rgb(0 0 0 / 0.1));
  filter: drop-shadow(0 2px 3px rgb(0 0 0 / 0.1));
}

.jp_header img,
.prestaPicture,
.prestation img {
  object-fit: cover;
}
.navbar-toggler svg {
  stroke: var(--gold) !important;
  stroke-width: 1px;
  height: 50px;
  width: 50px;
}
.navbar-toggler:hover svg {
  stroke: var(--jp3) !important;
}
.btn-close,
.closebtn {
  background: 0 0;
  border: 0;
}
.offcanvas-body .linkstyle:hover{
  background:transparent!important;
}
.offcanvas-body .linkstyle:hover{
  color:var(--goldlight)!important;
}

.btn-close svg,
.closebtn svg {
  stroke: var(--goldlight) !important;
  stroke-width: 1px;
  height: 35px;
  width: 35px;
}
svg {
  stroke-width: 1px;
}
.g-0 {
  --bs-gutter-y: 0;
  --bs-gutter-x: 0;
}
.fadeIn {
  position: relative;
  -webkit-transform: translateY(150px);
  transform: translateY(150px);
  -webkit-transition: 1.3s;
  transition: 1.3s;
}
.dropdown-item,
.dropdown-item:hover,
.dropdown-menu {
  transition: 0.3s ease-in-out;
}
.fadeIn.playing {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
.dropdown-menu {
  border-radius: 0.5rem;
  backdrop-filter: blur(10px);
  background-color: rgb(20 20 22 / 83%);
  width: 100%;
  padding: 1rem 10px;
  z-index: 1100;
  border: 1px solid rgba(255, 255, 255, 0.07);
}
.dropdown-item {
  color: #fff;
  padding: 1rem;
  white-space: nowrap;
  background-color: transparent;
}
.dropdown-item:hover {
  border-radius: 0.5rem;
  color: #000;
  background: rgba(0, 0, 0, 0.05);
}
#nav_engine .dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0;
  transition: 0.3s ease-in-out;
}
.animated {
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
.mobile_menu .nav-link {
  color: #000;
  font-size: 25px;
  font-weight: 400;
}
.mobile_menu .nav-link.active {
  color: #000;
  font-weight: 800;
}
.mobile_menu .dropdown-item {
  color: #fff;
  padding: 1rem;
  text-align: left;
}
.mobile_menu .dropdown-menu {
  background: 0 0;
  padding: 0 2rem;
}
.mobile_menu .dropdown-menu.show {
  display: contents;
}
.mobile_menu .dropdown-item:hover {
  background-color: transparent;
  color: var(--cms_global) !important;
}
.andro {
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.scrolled.fadein-1000 {
  -webkit-animation: 1s ease-in-out both fade-in;
  animation: 1s ease-in-out both fade-in;
}
.scrolled.fadein-1500 {
  -webkit-animation: 1.5s ease-in-out both fade-in;
  animation: 1.5s ease-in-out both fade-in;
}
.scrolled.fadeindown-1000 {
  -webkit-animation: 1s ease-in-out both fade-in-bottom;
  animation: 1s ease-in-out both fade-in-bottom;
}
.scrolled.fadeindown-1500 {
  -webkit-animation: 1.5s ease-in-out both fade-in-bottom;
  animation: 1.5s ease-in-out both fade-in-bottom;
}
.scrolled.slideleft-1000 {
  -webkit-animation: 1s ease-in-out both slide-in-left;
  animation: 1s ease-in-out both slide-in-left;
}
.scrolled.slideleft-1500 {
  -webkit-animation: 1.5s ease-in-out both slide-in-left;
  animation: 1.5s ease-in-out both slide-in-left;
}
.scrolled.slideright-1000 {
  -webkit-animation: 1s ease-in-out both slide-in-right;
  animation: 1s ease-in-out both slide-in-right;
}
.scrolled.slideright-1500 {
  -webkit-animation: 1.5s ease-in-out both slide-in-right;
  animation: 1.5s ease-in-out both slide-in-right;
}
.scrolled.slideup-1000 {
  -webkit-animation: 1s ease-in-out both slide-in-up;
  animation: 1s ease-in-out both slide-in-up;
}
.scrolled.slideup-1500 {
  -webkit-animation: 1.5s ease-in-out both slide-in-up;
  animation: 1.5s ease-in-out both slide-in-up;
}
@-webkit-keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes slide-in-up {
  0% {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.dropdown-arrow {
  background: #fff;
  border-color: #fff transparent transparent #fff;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  height: 16px;
  left: 50%;
  position: absolute;
  top: -2px;
  transform: rotate(45deg) translate(-50%);
  transform-origin: center center;
  width: 16px;
  z-index: 1;
}
.blur-up {
  -webkit-filter: blur(5px);
  filter: blur(5px);
  transition: filter 0.4s, -webkit-filter 0.4s;
}
.blur-up.lazyloaded,
.blur-up.loaded {
  -webkit-filter: blur(0);
  filter: blur(0);
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: '';
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

.left_side .bar,
.right_side .bar {
  height: 10px;
  width: 100px;
  margin: 1rem 0;
}

footer {
  padding: 2rem;
  background-color: var(--jp1);
  z-index: 10;
}
.right_footer div {
  margin-left: auto;
}
.left_footer img {
  filter: sepia(1);
}
.left_side,
.right_side {
  display: flex;
}
.left_side {
  background-color: var(--jp2);
  padding: 10rem 0;
}
.right_side {
  background-color: var(--jp3);
  padding: 10rem 0;
}
.left_side .bar {
  background: var(--jp3);
}
.right_side .bar {
  background: var(--jp2);
}
.socials svg {
  width: 60px;
  height: 60px;
  stroke: var(--jp3);
}
.socials div {
  background: var(--jp1);
  border-radius: 50%;
  padding: 1rem;
  transition: 0.6s;
}
.socials div:hover {
  background: var(--jp3);
  transition: 0.6s;
}
.socials div:hover svg {
  stroke: var(--jp1);
}
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #1414144d;
}
.offcanvas .nav-link.active,
.offcanvas .nav-link:hover,
a:hover {
  color: var(--goldlight);
}

.offcanvas {
  background: var(--jp1);
  color: #fff;
}
.offcanvas .nav-link {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
}
.modal_prospect {
  background: #fff;
}
#prospect input,
#prospect textarea {
  background: #ededed;
  padding: 1rem 0.5rem;
  border: 1px solid #dedede;
}
#prospect .form-label {
  font-weight: 800;
  margin-top: 1rem;
}
.rgpd {
  font-size: 12px;
}
.d-none {
  display: none;
}
.g-5,
.gy-5 {
  --bs-gutter-y: 1.5rem;
  --bs-gutter-x: 0.5rem;
}
.modal-title {
  font-weight: 600;
}

/*
* Block Gallerie
*/
.gallery_block {
  padding: 12rem 0;
}
.gallery_block img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all ease-in-out 0.4s;
  transform: scale(1) rotate(0deg);
}
.gallery_block .contenant {
  position: relative;
  overflow: hidden;
  transition: all 0.6s;
  height: 100%;
}
.gallery_block .contenant.midle {
  height: 100%;
}
.gallery_block .midle img {
  object-position: bottom;
}
.gallery_block .contenant:hover img {
  transform: scale(1.25) rotate(2deg);
  transition: all ease-in-out 0.4s;
}

/*
* PAGE HEAD
*/
.page_heading {
  min-height: 600px;
  max-height: 600px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.page_heading h1 {
  color: white;
  letter-spacing: 0.2px;
  font-size: 80px;
  font-weight: 600;
}
.page_heading img {
  position: absolute;
  object-fit: cover;
  object-position: inherit;
  width: 100%;
  height: 100%;
}

/*
* RESPONSIVE
*/
@media (max-width: 1200px) {
  .title {
    font-size: clamp(30px, 6vw, 46px);
  }

  .page_heading h1 {
    font-size: clamp(28px, 12vw, 70px);
  }

  .text {
    font-size: 15px;
  }
}

@media (max-width: 1000px) {
  .rightPicture {
    position: relative;
    height: 100%;
    width: 100%;
  }
  .right_footer {
    text-align: center;
  }
  .right_footer div {
    margin: auto;
  }
  .left_footer {
    margin: auto auto 2rem;
    text-align: center;
  }
  .altitude {
    display: block;
  }
  main {
    margin: 0;
  }
  .max_header {
    text-align: center;
  }

  .parallax h3,
  .max_header h1 {
    font-size: 48px;
    font-weight: 800;
  }
  .max_header h2 {
    font-size: 18px;
  }
  .btn_contact,
  .btn_sender {
    padding: 10px 20px;
  }
}



.btn_gotop {
  animation: 3s ease-in-out infinite movebtn;
  transition: .5s ease-in-out;
  visibility: hidden;
  border: 1px solid var(--gold);
  border-radius: 50%;
  color: white;
  height: 50px;
  width: 50px;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: fixed;
  bottom: 40px;
  right: 25px;
  background-color: var(--gold);
  z-index: 20;
  cursor: pointer
}

.btn_gotop:hover {
  border: 1px solid var(--gold)
}

@-webkit-keyframes movebtn {
  0%,100%,50% {
          transform: translateY(0)
  }

  25% {
          transform: translateY(20px)
  }

  75% {
          transform: translateY(-20px)
  }
}

@keyframes movebtn {
  0%,100%,50% {
          transform: translateY(0)
  }

  25% {
          transform: translateY(20px)
  }

  75% {
          transform: translateY(-20px)
  }
}