@charset "UTF-8";
@font-face {
  font-family: "Kugile";
  src: url("../fonts/47ae039b7c9d2205f7732048396d86c4.eot");
  src: url("../fonts/47ae039b7c9d2205f7732048396d86c4.eot?#iefix") format("embedded-opentype"), url("../fonts/47ae039b7c9d2205f7732048396d86c4.woff") format("woff"), url("../fonts/47ae039b7c9d2205f7732048396d86c4.woff2") format("woff2"), url("../fonts/47ae039b7c9d2205f7732048396d86c4.ttf") format("truetype"), url("../fonts/47ae039b7c9d2205f7732048396d86c4.svg#Kugile") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Signatie";
  src: url("../fonts/2dd0a17a6e0754af92b113098de010e9.eot");
  src: url("../fonts/2dd0a17a6e0754af92b113098de010e9.eot?#iefix") format("embedded-opentype"), url("../fonts/2dd0a17a6e0754af92b113098de010e9.woff") format("woff"), url("../fonts/2dd0a17a6e0754af92b113098de010e9.woff2") format("woff2"), url("../fonts/2dd0a17a6e0754af92b113098de010e9.ttf") format("truetype"), url("../fonts/2dd0a17a6e0754af92b113098de010e9.svg#Signatie") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Bembo Std";
  src: url("../fonts/9a0a672fee58db3d631dc7dfa5b84b55.eot");
  src: url("../fonts/9a0a672fee58db3d631dc7dfa5b84b55.eot?#iefix") format("embedded-opentype"), url("../fonts/9a0a672fee58db3d631dc7dfa5b84b55.woff") format("woff"), url("../fonts/9a0a672fee58db3d631dc7dfa5b84b55.woff2") format("woff2"), url("../fonts/9a0a672fee58db3d631dc7dfa5b84b55.ttf") format("truetype"), url("../fonts/9a0a672fee58db3d631dc7dfa5b84b55.svg#Bembo Std") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Avenir Light";
  src: url("../fonts/116af611cbcd9e4bada60b4e700430c1.eot");
  src: url("../fonts/116af611cbcd9e4bada60b4e700430c1.eot?#iefix") format("embedded-opentype"), url("../fonts/116af611cbcd9e4bada60b4e700430c1.woff") format("woff"), url("../fonts/116af611cbcd9e4bada60b4e700430c1.woff2") format("woff2"), url("../fonts/116af611cbcd9e4bada60b4e700430c1.ttf") format("truetype"), url("../fonts/116af611cbcd9e4bada60b4e700430c1.svg#Avenir Light") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
:root {
  --wpforms-button-background-color: #689d71 !important;
  --wpforms-button-border-color: #689d71 !important;
  --wpforms-button-text-color: #ffffff !important;
  --wpforms-page-break-color: #689d71 !important;
}

body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow-x: hidden;
}

.login-section {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../img/fond.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2rem;
}
.login-section h1 {
  font-family: "Kugile";
  width: 100%;
  font-size: 7rem;
  color: white;
  text-align: center;
  text-transform: uppercase;
}
.login-section h2 {
  margin-top: -4rem;
  font-family: "Signatie";
  width: 100%;
  font-size: 2rem;
  color: white;
  text-align: center;
  letter-spacing: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.login-section h2 span {
  width: 2.8rem;
  height: 100%;
}
.login-section input {
  width: 8rem;
  height: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: white;
  font-family: "Kugile";
  border-bottom: solid 2px white;
}
.login-section input::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: white;
  text-align: center;
  opacity: 1;
  /* Firefox requiert une opacité de 1 */
  font-size: 0.7rem;
}
.login-section input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: white;
  text-align: center;
  opacity: 1;
  /* Firefox requiert une opacité de 1 */
  font-size: 0.7rem;
}
.login-section input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: white;
  text-align: center;
}
.login-section input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: white;
  text-align: center;
}
.login-section button {
  width: 8rem;
  height: 2rem;
  color: white;
  font-family: "Kugile";
  border: solid 2px white;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.8rem;
  transition: all 0.2s;
}
.login-section button span {
  margin-top: 5px;
}
.login-section button:hover {
  background-color: white;
  color: #689d71;
  transition: all 0.2s;
}
.login-section #message {
  display: block;
  font-family: "Avenir Light";
  margin-top: 10px;
  font-size: 14px;
  color: #ffffff;
  transition: all 0.3s ease;
}
@keyframes shake {
  0%, 100% {
    transform: translateX(0);
    opacity: 1;
  }
  10% {
    transform: translateX(-6px) rotateZ(-1deg);
  }
  20% {
    transform: translateX(5px) rotateZ(1deg);
    opacity: 0.9;
  }
  30% {
    transform: translateX(-4px) rotateZ(-0.7deg);
  }
  40% {
    transform: translateX(3px) rotateZ(0.7deg);
    opacity: 0.8;
  }
  50% {
    transform: translateX(-2px) rotateZ(-0.4deg);
    opacity: 0.9;
  }
  60% {
    transform: translateX(2px) rotateZ(0.4deg);
  }
  70% {
    transform: translateX(-1px) rotateZ(-0.2deg);
    opacity: 0.95;
  }
  80% {
    transform: translateX(1px) rotateZ(0.2deg);
  }
  90% {
    transform: translateX(-0.5px) rotateZ(-0.1deg);
  }
}
.login-section #message:not(:empty) {
  animation: shake 0.5s ease-in-out;
}

.home-section {
  max-width: 1800px;
}
.home-section .hero-section {
  padding: 5rem 10% 0 10%;
  width: 100%;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  z-index: 5;
}
.home-section .hero-section h1 {
  font-family: "Bembo Std";
  width: 100%;
  font-size: 2.5rem;
  color: black;
  text-align: left;
}
.home-section .hero-section h2 {
  margin-top: 2rem;
  font-family: "Kugile";
  width: 100%;
  font-size: 7rem;
  color: black;
  text-align: left;
  text-transform: uppercase;
  height: 135px;
  position: relative;
}
.home-section .hero-section h2 .hero-title-section-img {
  position: absolute;
  left: 69%;
  top: -2rem;
  width: 6rem;
  z-index: 10;
  transform: rotate(150deg);
}
@media screen and (max-width: 1300px) {
  .home-section .hero-section h2 .hero-title-section-img {
    left: 84%;
  }
}
.home-section .hero-section .hero-section-infos {
  margin-top: 3rem;
  width: 40%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
.home-section .hero-section .hero-section-infos p {
  font-family: "Avenir Light";
  width: 100%;
  font-size: 1.4rem;
  color: black;
  text-align: left;
}
.home-section .hero-section .hero-section-infos .title-container {
  margin-top: 3rem;
  height: 72px;
}
.home-section .hero-section .hero-section-infos .title-container a {
  font-family: "Avenir Light";
  font-size: 1rem;
  color: black;
  text-transform: uppercase;
  border: solid 1px black;
  padding: 1.5rem 2.5rem;
  border-radius: 5rem;
  transition: all 0.2s;
}
.home-section .hero-section .hero-section-infos .title-container a:hover {
  padding: 1.25rem 2.25rem;
  transition: all 0.4s;
}
.home-section .hero-section .hero-section-img {
  margin-top: 3rem;
  width: 60%;
  height: 40rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.home-section .plan-section {
  padding: 5rem 10% 5rem 10%;
  max-width: 1800px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.home-section .plan-section h1 {
  width: 100%;
  font-family: "Bembo Std";
  width: 100%;
  font-size: 5rem;
  color: black;
  text-align: left;
  position: relative;
}
.home-section .plan-section h1 .plan-title-section-img {
  position: absolute;
  left: 67.58%;
  top: 5rem;
  width: 6rem;
  z-index: 10;
  transform: rotate(20deg);
}
@media screen and (max-width: 1300px) {
  .home-section .plan-section h1 .plan-title-section-img {
    left: 82%;
  }
}
.home-section .plan-section .plan-section-img {
  margin-top: 6rem;
  width: 40%;
  height: 40rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.home-section .plan-section .plan-section-text {
  margin-top: 6rem;
  padding-left: 3rem;
  width: 60%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
.home-section .plan-section .plan-section-text .plan-section-text-unique:not(:first-of-type) {
  margin-top: 1rem;
}
.home-section .plan-section .plan-section-text .plan-section-text-unique:first-of-type {
  margin-top: -1rem;
}
.home-section .plan-section .plan-section-text .plan-section-text-unique {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.home-section .plan-section .plan-section-text .plan-section-text-unique .single-number {
  margin-top: -1.5rem;
  width: 10%;
  height: 100%;
  font-family: "Signatie";
  font-size: 2rem;
  color: #689d71;
}
.home-section .plan-section .plan-section-text .plan-section-text-unique .single-infos {
  width: 90%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.home-section .plan-section .plan-section-text .plan-section-text-unique .single-infos h3 {
  font-family: "Signatie";
  width: 100%;
  font-size: 2rem;
  color: #689d71;
}
.home-section .plan-section .plan-section-text .plan-section-text-unique .single-infos p {
  margin-top: 1rem;
  font-family: "Avenir Light";
  width: 100%;
  font-size: 1rem;
  color: black;
  text-align: left;
}
.home-section .iti-section {
  padding: 0rem 10% 5rem 10%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.home-section .iti-section .iti-title-section-img {
  width: 12rem;
}
.home-section .iti-section h2 {
  width: 100%;
  font-family: "Bembo Std";
  width: 100%;
  font-size: 5rem;
  color: #689d71;
  position: relative;
  text-align: center;
}
.home-section .iti-section .iti-section-text {
  margin-top: 3rem;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.home-section .iti-section .iti-section-text .iti-section-text-single {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 0;
}
.home-section .iti-section .iti-section-text .iti-section-text-single.right-border {
  border-right: solid 1px black;
}
.home-section .iti-section .iti-section-text .iti-section-text-single h3 {
  width: 100%;
  font-family: "Signatie";
  width: 100%;
  font-size: 3rem;
  color: #689d71;
  position: relative;
  text-align: center;
}
.home-section .iti-section .iti-section-text .iti-section-text-single p {
  width: 60%;
  margin-top: 1rem;
  font-family: "Avenir Light";
  font-size: 1rem;
  color: black;
  text-align: center;
}
.home-section .iti-section .title-container {
  margin-top: 3rem;
  height: 72px;
}
.home-section .iti-section .title-container a {
  font-family: "Avenir Light";
  font-size: 1rem;
  color: black;
  text-transform: uppercase;
  border: solid 1px black;
  padding: 1.5rem 2.5rem;
  border-radius: 5rem;
  transition: all 0.2s;
}
.home-section .iti-section .title-container a:hover {
  padding: 1.25rem 2.25rem;
  transition: all 0.4s;
}
.home-section .qa-section {
  padding: 5rem 10%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.home-section .qa-section h2 {
  width: 100%;
  font-family: "Kugile";
  width: 100%;
  font-size: 5rem;
  color: black;
  position: relative;
  text-align: center;
  position: relative;
}
.home-section .qa-section h2 .hero-title-section-img {
  position: absolute;
  left: 82.5%;
  top: -1.8rem;
  width: 6rem;
  z-index: 10;
  transform: rotate(150deg);
}
.home-section .qa-section .qa-section-text {
  margin-top: 5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}
.home-section .qa-section .qa-section-text .qa-section-single {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: #689d71 solid 1px;
  padding: 2rem;
  width: 22rem;
  height: 22rem;
}
.home-section .qa-section .qa-section-text .qa-section-single h3 {
  width: 100%;
  font-family: "Bembo Std";
  width: 100%;
  font-size: 1.5rem;
  color: #689d71;
  position: relative;
  text-align: center;
}
.home-section .qa-section .qa-section-text .qa-section-single p {
  width: 100%;
  margin-top: 1rem;
  font-family: "Avenir Light";
  font-size: 1.2rem;
  color: black;
  text-align: center;
}
.home-section .qa-section .qa-section-text .qa-section-single p a {
  text-decoration: underline;
}
.home-section .contact-section {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../img/third.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.home-section .contact-section .contact-invitation {
  padding: 6rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}
.home-section .contact-section .contact-invitation h2 {
  width: 100%;
  font-family: "Kugile";
  width: 100%;
  font-size: 5rem;
  line-height: 5rem;
  color: white;
  position: relative;
  text-align: center;
}
.home-section .contact-section .contact-invitation p {
  width: 40%;
  margin-top: 1rem;
  font-family: "Avenir Light";
  font-size: 1rem;
  color: white;
  text-align: center;
}
.home-section .contact-section .contact-invitation p span {
  font-size: 0.9rem;
}
.home-section .contact-section .contact-invitation .title-container {
  margin-top: 3rem;
  height: 72px;
}
.home-section .contact-section .contact-invitation .title-container a {
  font-family: "Avenir Light";
  font-size: 1rem;
  color: white;
  text-transform: uppercase;
  border: solid 1px white;
  padding: 1.5rem 2.5rem;
  border-radius: 5rem;
  transition: all 0.2s;
}
.home-section .contact-section .contact-invitation .title-container a:hover {
  padding: 1.25rem 2.25rem;
  transition: all 0.4s;
}
.home-section .footer-section {
  background-color: #689d71;
  padding: 6rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.home-section .footer-section .contact-infos {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1rem;
}
.home-section .footer-section .contact-infos h2 {
  width: 100%;
  font-family: "Signatie";
  font-size: 5rem;
  line-height: 5rem;
  color: white;
  position: relative;
  text-align: left;
  margin-bottom: 3rem;
}
.home-section .footer-section .contact-infos a {
  font-family: "Avenir Light";
  font-size: 1.5rem;
  color: white;
  text-align: left;
}
.home-section .footer-section .contact-infos a.second {
  margin-top: -0.5rem;
}
.home-section .footer-section .contact-infos a span {
  letter-spacing: 0.12rem;
  font-family: "Avenir Light";
}
.home-section .footer-section .contact-infos p {
  font-family: "Avenir Light";
  font-size: 0.9rem;
  color: white;
  text-align: left;
}
.home-section .footer-section .nav-div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  gap: 1rem;
}
.home-section .footer-section .nav-div a {
  font-family: "Kugile";
  font-size: 1rem;
  color: white;
  position: relative;
  text-align: right;
  position: relative;
  z-index: 100;
}
.home-section .footer-section .nav-div a::before {
  content: "";
  position: absolute;
  top: 80%;
  left: 0;
  width: 0;
  height: 1px;
  background-color: white;
  z-index: 10;
  transition: all 0.3s;
}
.home-section .footer-section .nav-div a:hover::before {
  width: 100%;
  transition: all 0.3s;
}

.contact-page {
  width: 100vw;
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: stretch;
}
.contact-page .contact-invitation {
  width: 50%;
  min-height: 100%;
  background-color: #689d71;
  padding: 2rem 4rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.contact-page .contact-invitation h2 {
  width: 100%;
  font-family: "Kugile";
  font-size: 4rem;
  line-height: 5rem;
  color: white;
  position: relative;
  text-align: left;
  margin-bottom: 0.5rem;
}
.contact-page .contact-invitation h3 {
  font-family: "Avenir Light";
  font-size: 1rem;
  color: white;
  text-align: left;
}
.contact-page .contact-form {
  background-color: white;
  padding: 2rem 4rem;
  width: 50%;
}
.contact-page .contact-form .wpforms-container {
  margin: 0 !important;
}
.contact-page .contact-form .wpforms-container .wpforms-field {
  padding: 10px 0;
}
.contact-page .contact-form .wpforms-field-label {
  font-family: "Bembo Std" !important;
  font-size: 0.9rem;
  color: #689d71 !important;
  margin-bottom: 10px;
}
.contact-page .contact-form input {
  font-family: "Avenir Light" !important;
}
.contact-page .contact-form li > label {
  font-size: 0.9rem !important;
}
.contact-page .contact-form .wpforms-field-label-inline,
.contact-page .contact-form .choices__list,
.contact-page .contact-form textarea,
.contact-page .contact-form .wpforms-error {
  font-family: "Avenir Light" !important;
}
.contact-page .contact-form .wpforms-required-label {
  color: #689d71 !important;
}
.contact-page .contact-form .wpforms-submit {
  height: auto !important;
  background-color: transparent !important;
  font-family: "Avenir Light" !important;
  font-size: 1rem !important;
  color: #689d71 !important;
  text-transform: uppercase !important;
  border: solid 1px #689d71 !important;
  padding: 1.5rem 2.5rem !important;
  border-radius: 5rem !important;
  transition: all 0.2s !important;
}
.contact-page .contact-form .wpforms-submit:hover {
  padding: 1.25rem 2.25rem !important;
  transition: all 0.4s !important;
  background: white !important;
  background-color: white !important;
}
.contact-page #wpforms-confirmation-13 {
  background-color: #ffffff !important;
  border: none !important;
  font-family: "Signatie";
  font-size: 3rem;
  line-height: 5rem;
  color: black;
  position: relative;
  text-align: left;
}

.nocontent {
  display: none;
}

.error404 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 999999;
  overflow: hidden;
  background-color: #689d71;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  color: #ffffff;
  font-size: 1.2rem;
  font-family: "Bembo Std";
  text-align: center;
}

@media screen and (max-width: 1150px) {
  .nocontent {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 999999;
    overflow: hidden;
    background-color: #689d71;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;
  }
  .nocontent h2 {
    font-family: "Signatie";
    width: 100%;
    font-size: 2rem;
    color: white;
    text-align: center;
    letter-spacing: 0.5rem;
  }
  .nocontent p {
    font-family: "Avenir Light";
    font-size: 1rem;
    color: white;
    text-align: center;
  }
}/*# sourceMappingURL=custom.css.map */