@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,500;1,300;1,500&display=swap");
:root {
  --wp-admin-theme-color: $primary-text-color; }

/* elements */
/* Breakpoints */
/* Container */
body {
  margin: 0;
  font-family: "Roboto", arial, sans-serif;
  letter-spacing: 0.5px;
  background: linear-gradient(180deg, #0B234B, #0F192A); }
  body p {
    font-size: 16px; }
    @media screen and (min-width: 992px) {
      body p {
        font-size: 18px; } }

@keyframes fadein {
  0% {
    display: block;
    opacity: 0;
    transform: translateY(25px); }
  100% {
    opacity: 1;
    top: 0;
    transform: translateY(0px); } }

@-moz-keyframes fadein {
  0% {
    display: block;
    opacity: 0;
    transform: translateY(25px); }
  100% {
    opacity: 1;
    top: 0;
    transform: translateY(0px); } }

@-webkit-keyframes fadein {
  0% {
    display: block;
    opacity: 0;
    transform: translateY(25px); }
  100% {
    opacity: 1;
    top: 0;
    transform: translateY(0px); } }

@keyframes fadeup {
  0% {
    opacity: 0;
    transform: translateY(50px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

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

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

@keyframes fadeInText {
  0% {
    display: block;
    opacity: 0;
    transform: translateX(35px) translateY(25px) skew(-5deg); }
  100% {
    display: block;
    opacity: 1;
    transform: translateX(0) skew(0); } }

@-moz-keyframes fadeInText {
  0% {
    display: block;
    opacity: 0;
    transform: translateX(35px) translateY(25px) skew(-5deg); }
  100% {
    display: block;
    opacity: 1;
    transform: translate(0) skew(0); } }

@-webkit-keyframes fadeInText {
  0% {
    display: block;
    opacity: 0;
    transform: translateX(35px) translateY(25px) skew(-5deg); }
  100% {
    display: block;
    opacity: 1;
    transform: translate(0) skew(0); } }

@-moz-keyframes fadeInImage {
  0% {
    display: block;
    opacity: 0;
    transform: translateX(30px); }
  100% {
    display: block;
    opacity: 1;
    transform: scale(1) translateY(0); } }

@-webkit-keyframes fadeInImage {
  0% {
    display: block;
    opacity: 0;
    transform: translateX(30px); }
  100% {
    display: block;
    opacity: 1;
    transform: scale(1) translateY(0); } }

@keyframes fadeInImage {
  0% {
    display: block;
    opacity: 0; }
  100% {
    display: block;
    opacity: 1; } }

@keyframes opacityLoop {
  0% {
    opacity: 0.6; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0.6; } }

@keyframes line_anim {
  0% {
    left: 0;
    right: 0; }
  50% {
    left: 100%;
    right: 0;
    opacity: 1; }
  51% {
    opacity: 0;
    left: 0;
    right: 100%; }
  52% {
    opacity: 1; }
  100% {
    left: 0;
    right: 0; } }

:root {
  font-family: "Roboto", arial, sans-serif;
  font-family: "Roboto", arial, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #FFF; }

body, button, input, select, optgroup, textarea {
  font-family: "Roboto", arial, sans-serif;
  font-weight: 300;
  font-style: normal;
  letter-spacing: 0.5px; }

main p {
  color: #FFF;
  line-height: 24px;
  font-size: 16px;
  letter-spacing: 0.5px; }
  @media screen and (min-width: 1199px) {
    main p {
      line-height: 30px;
      font-size: 18px; } }

* {
  color: #FFF;
  line-height: 1.35em;
  box-sizing: border-box; }

a:hover {
  color: inherit; }

h1, h2, h3, h4 {
  margin: 0;
  font-family: "Roboto", arial, sans-serif; }

svg .icon-white {
  fill: #FFF; }

.title {
  display: block;
  margin-top: 0;
  margin-bottom: 0;
  letter-spacing: 1px; }
  .title + a {
    display: inline-block; }
  .title.white span {
    color: #0B234B; }

.icon-title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap; }
  .icon-title .icon-wrapper {
    margin: 0 20px 0 0; }
    .icon-title .icon-wrapper svg {
      height: 40px;
      width: 40px;
      display: block; }
  @media screen and (min-width: 768px) {
    .icon-title .icon-wrapper .icon {
      margin-right: 20px;
      margin: 0 20px 0 0; } }

small {
  line-height: 1.2em; }

blockquote {
  margin: 0;
  padding: 20px 0;
  background: none;
  color: #A5A5A5;
  font-family: "Roboto", arial, sans-serif;
  font-weight: 300;
  font-style: italic;
  font-size: 16px; }

.intro {
  font-size: 16px;
  line-height: 1.5em; }
  @media screen and (min-width: 768px) {
    .intro {
      font-size: 18px;
      line-height: 1.6em; } }
  @media screen and (min-width: 1199px) {
    .intro {
      font-size: 20px;
      line-height: 1.6em; } }

.placeholder {
  color: #A5A5A5 !important; }

.title .hidden {
  visibility: hidden;
  height: 0;
  display: none; }

.big-title {
  font-family: "Roboto", arial, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #FFF;
  font-size: 22px;
  line-height: 1.4em; }
  .big-title span {
    font-size: inherit;
    color: #7AF1DE; }
  .big-title small {
    text-transform: none; }
  .big-title strong {
    font-family: "Roboto", arial, sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #FFF;
    font-size: 22px; }
  @media screen and (min-width: 768px) {
    .big-title {
      font-size: 22px; }
      .big-title strong {
        font-size: 22px; } }
  @media screen and (min-width: 992px) {
    .big-title {
      font-size: 26px; }
      .big-title strong {
        font-size: 26px; } }
  @media screen and (min-width: 1499px) {
    .big-title {
      font-size: 32px; }
      .big-title strong {
        font-size: 32px; } }

.medium-title, .btn-toggle,
.btn-filter,
.custom-wysiwyg h2 {
  font-family: "Roboto", arial, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #FFF;
  font-size: 16px;
  line-height: 1.4em; }
  .medium-title span, .btn-toggle span, .btn-filter span, .medium-title a, .btn-toggle a, .btn-filter a,
  .custom-wysiwyg h2 span,
  .custom-wysiwyg h2 a {
    color: #7AF1DE;
    text-transform: none; }
  .medium-title strong, .btn-toggle strong, .btn-filter strong,
  .custom-wysiwyg h2 strong {
    font-family: "Roboto", arial, sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #FFF; }
  @media screen and (min-width: 768px) {
    .medium-title, .btn-toggle,
    .btn-filter,
    .custom-wysiwyg h2 {
      font-size: 16px; } }
  @media screen and (min-width: 992px) {
    .medium-title, .btn-toggle,
    .btn-filter,
    .custom-wysiwyg h2 {
      font-size: 20px; } }
  @media screen and (min-width: 1499px) {
    .medium-title, .btn-toggle,
    .btn-filter,
    .custom-wysiwyg h2 {
      font-size: 24px; } }

.pre-title {
  font-size: 16px;
  line-height: 25px; }

.medium-title.center, .center.btn-toggle,
.center.btn-filter {
  text-align: center; }

.small-title,
.custom-wysiwyg h3,
.custom-wysiwyg h4,
h3, h4 {
  font-family: "Roboto", arial, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-family: "Roboto", arial, sans-serif;
  color: #FFF;
  line-height: 1.25em; }
  .small-title.medium-title, .small-title.btn-toggle,
  .small-title.btn-filter,
  .custom-wysiwyg h3.medium-title,
  .custom-wysiwyg h3.btn-toggle,
  .custom-wysiwyg h3.btn-filter,
  .custom-wysiwyg h4.medium-title,
  .custom-wysiwyg h4.btn-toggle,
  .custom-wysiwyg h4.btn-filter,
  h3.medium-title,
  h3.btn-toggle,
  h3.btn-filter, h4.medium-title, h4.btn-toggle,
  h4.btn-filter {
    color: #FFF; }
    .small-title.medium-title span, .small-title.btn-toggle span, .small-title.btn-filter span,
    .custom-wysiwyg h3.medium-title span,
    .custom-wysiwyg h3.btn-toggle span,
    .custom-wysiwyg h3.btn-filter span,
    .custom-wysiwyg h4.medium-title span,
    .custom-wysiwyg h4.btn-toggle span,
    .custom-wysiwyg h4.btn-filter span,
    h3.medium-title span,
    h3.btn-toggle span,
    h3.btn-filter span, h4.medium-title span, h4.btn-toggle span, h4.btn-filter span {
      color: #7AF1DE; }
  @media screen and (min-width: 992px) {
    .small-title,
    .custom-wysiwyg h3,
    .custom-wysiwyg h4,
    h3, h4 {
      font-size: 20px; } }
  @media screen and (min-width: 1499px) {
    .small-title,
    .custom-wysiwyg h3,
    .custom-wysiwyg h4,
    h3, h4 {
      font-size: 24px; } }

.title small {
  display: block;
  font-size: 16px;
  line-height: 24px;
  font-family: "Roboto", arial, sans-serif;
  font-weight: 500;
  font-style: normal; }

.xsmall-title {
  font-size: 18px;
  line-height: 1.45em; }
  @media screen and (min-width: 992px) {
    .xsmall-title {
      line-height: 1.65em; } }

address span {
  font-style: normal; }

.arrow, .arrow--left, .arrow--right, .arrow--down {
  height: 10px;
  width: 10px;
  border-bottom: 1.5px solid #FFF;
  border-right: 1.5px solid #FFF;
  display: block;
  transform: rotate(135deg);
  border-width: 2px; }
  .arrow::before, .arrow--left::before, .arrow--right::before, .arrow--down::before {
    width: 15px;
    height: 2px;
    display: block;
    position: absolute;
    content: '';
    background: #FFF;
    transform: rotate(45deg);
    top: 4px; }
  .arrow--left::before {
    top: 3px;
    left: -3px; }
  .arrow--right {
    transform: rotate(-45deg); }
    .arrow--right::before {
      top: 3px;
      right: -3px; }
  .arrow--down {
    transform: rotate(45deg); }
    .arrow--down::before {
      top: 3px;
      right: -3px; }

.icon--check {
  background-color: #7AF1DE;
  border-radius: 100%;
  height: 30px;
  width: 30px;
  position: relative;
  display: block; }
  .icon--check::before {
    width: 12px;
    height: 6px;
    display: block;
    position: absolute;
    content: '';
    border: 2px solid #0B234B;
    border-top: none;
    border-right: none;
    top: 9px;
    left: 9px;
    transform: rotate(-45deg); }

html {
  scroll-behavior: smooth;
  scroll-margin: 120px;
  scroll-padding: 120px; }

@media screen and (max-width: 575px) {
  html {
    scroll-margin: 60px;
    scroll-padding: 60px; } }

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
    scroll-margin: 0; } }

a {
  text-decoration: none;
  scroll-margin: 120px; }
  a:hover {
    color: #FFF;
    text-decoration: none; }

.icon-point {
  height: 5px;
  width: 5px;
  background-color: #FFF;
  border-radius: 100%;
  position: relative;
  margin-right: 10px;
  transition: all 0.65s;
  -moz-transition: all 0.65s;
  -webkit-transition: all 0.65s; }
  .icon-point::before, .icon-point::after {
    width: 5px;
    height: 5px;
    display: block;
    position: absolute;
    content: '';
    background-color: #FFF;
    border-radius: 100%;
    left: -7.5px;
    transition: all 0.65s;
    -moz-transition: all 0.65s;
    -webkit-transition: all 0.65s; }
  .icon-point::before {
    top: -5px; }
  .icon-point::after {
    bottom: -5px; }

.btn-primary, .custom-wysiwyg a.btn-primary, .btn-primary-child a, .wpcf7 form input[type="submit"],
.btn-secondary,
.custom-wysiwyg a.btn-secondary {
  font-family: "Roboto", arial, sans-serif;
  font-weight: 300;
  font-style: normal;
  padding: 12px 25px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 40px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 16px;
  transition: all 0.65s;
  -moz-transition: all 0.65s;
  -webkit-transition: all 0.65s;
  color: #FFF; }
  @media screen and (min-width: 768px) {
    .btn-primary, .custom-wysiwyg a.btn-primary, .btn-primary-child a, .wpcf7 form input[type="submit"],
    .btn-secondary,
    .custom-wysiwyg a.btn-secondary {
      padding: 10px 30px; } }
  @media screen and (min-width: 1199px) {
    .btn-primary, .custom-wysiwyg a.btn-primary, .btn-primary-child a, .wpcf7 form input[type="submit"],
    .btn-secondary,
    .custom-wysiwyg a.btn-secondary {
      font-size: 18px; } }
  .btn-primary::before, .custom-wysiwyg a.btn-primary::before, .btn-primary-child a::before, .wpcf7 form input[type="submit"]::before,
  .btn-secondary::before,
  .custom-wysiwyg a.btn-secondary::before {
    transition: all 0.65s;
    -moz-transition: all 0.65s;
    -webkit-transition: all 0.65s; }
  .btn-primary:hover::before, .btn-primary-child a:hover::before, .wpcf7 form input[type="submit"]:hover::before,
  .btn-secondary:hover::before {
    opacity: 0; }

.btn-primary, .custom-wysiwyg a.btn-primary, .btn-primary-child a, .wpcf7 form input[type="submit"] {
  background-color: #7AF1DE;
  color: #0B234B; }
  .btn-primary::before, .custom-wysiwyg a.btn-primary::before, .btn-primary-child a::before, .wpcf7 form input[type="submit"]::before {
    width: 80px;
    height: 80px;
    display: block;
    position: absolute;
    content: '';
    background-color: rgba(122, 241, 222, 0.07);
    border-radius: 100%;
    z-index: -1;
    left: -20px; }
  .btn-primary:hover, .custom-wysiwyg a.btn-primary:hover, .btn-primary-child a:hover, .wpcf7 form input:hover[type="submit"] {
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    color: #0B234B;
    background-color: #FFF; }


.btn-secondary,
.custom-wysiwyg a.btn-secondary {
  background: #7AF1DE;
  color: #FFF; }
  .btn-secondary:hover, .custom-wysiwyg a.btn-secondary:hover {
    background-color: #0B234B;
    color: #FFF; }

.btn-white, .btn-play {
  font-family: "Roboto", arial, sans-serif;
  font-weight: 300;
  font-style: normal;
  padding: 12px 25px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 40px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 16px;
  transition: all 0.65s;
  -moz-transition: all 0.65s;
  -webkit-transition: all 0.65s;
  color: #0B234B;
  background: #FFF; }
  @media screen and (min-width: 768px) {
    .btn-white, .btn-play {
      padding: 10px 30px; } }
  @media screen and (min-width: 1199px) {
    .btn-white, .btn-play {
      font-size: 18px; } }
  .btn-white:hover, .btn-play:hover {
    color: #FFF;
    background-color: #0B234B; }
    .btn-white:hover .icon-point, .btn-play:hover .icon-point {
      background-color: #FFF; }
      .btn-white:hover .icon-point::before, .btn-play:hover .icon-point::before, .btn-white:hover .icon-point::after, .btn-play:hover .icon-point::after {
        background-color: #FFF; }

.btn-collapse {
  font-family: "Roboto", arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  display: block;
  position: relative;
  color: #0B234B;
  font-size: 18px;
  color: #161414;
  line-height: 1.4em;
  padding: 20px 25px 20px 0;
  transition: all 0.65s;
  -moz-transition: all 0.65s;
  -webkit-transition: all 0.65s; }
  .btn-collapse::after {
    width: 8px;
    height: 8px;
    display: block;
    position: absolute;
    content: '';
    transition: all 0.65s;
    -moz-transition: all 0.65s;
    -webkit-transition: all 0.65s;
    left: 0;
    top: 15px;
    border: 2px solid #0B234B;
    border-left: none;
    border-bottom: none;
    transform: rotate(135deg);
    right: 0;
    left: auto; }
  .btn-collapse:hover {
    color: #0B234B; }
  .btn-collapse.is-active::after {
    transform: rotate(-45deg); }
  @media screen and (min-width: 768px) {
    .btn-collapse {
      padding: 20px 40px 20px 0;
      font-size: 20px; } }
  @media screen and (min-width: 992px) {
    .btn-collapse {
      font-size: 26px; }
      .btn-collapse::after {
        top: 25px; } }
  @media screen and (min-width: 1499px) {
    .btn-collapse {
      font-size: 28px; }
      .btn-collapse::after {
        top: 30px; } }

.collapse-wrapper {
  padding: 0;
  height: 0;
  overflow: hidden;
  transition: all 0.65s;
  -moz-transition: all 0.65s;
  -webkit-transition: all 0.65s; }
  .collapse-wrapper.is-visible {
    margin-bottom: 20px; }
  .collapse-wrapper .text-wrapper * {
    color: #161414; }
  .collapse-wrapper .text-wrapper p:first-of-type {
    margin-top: 0; }
  @media screen and (min-width: 992px) {
    .collapse-wrapper {
      padding-right: 60px; } }
  @media screen and (min-width: 1199px) {
    .collapse-wrapper {
      padding-right: 100px; } }

.btn-outline, .btn-outline--white, .btn-outline--grey, .btn-outline--black, .btn-outline-child a {
  font-family: "Roboto", arial, sans-serif;
  font-weight: 300;
  font-style: normal;
  padding: 12px 25px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 40px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 16px;
  color: #FFF;
  background: none;
  border: 2px solid #0B234B;
  transition: all 0.65s;
  -moz-transition: all 0.65s;
  -webkit-transition: all 0.65s; }
  @media screen and (min-width: 768px) {
    .btn-outline, .btn-outline--white, .btn-outline--grey, .btn-outline--black, .btn-outline-child a {
      padding: 10px 30px; } }
  @media screen and (min-width: 1199px) {
    .btn-outline, .btn-outline--white, .btn-outline--grey, .btn-outline--black, .btn-outline-child a {
      font-size: 18px; } }
  .btn-outline .icon-wrapper, .btn-outline--white .icon-wrapper, .btn-outline--grey .icon-wrapper, .btn-outline--black .icon-wrapper, .btn-outline-child a .icon-wrapper {
    margin-left: 15px; }
    .btn-outline .icon-wrapper i, .btn-outline--white .icon-wrapper i, .btn-outline--grey .icon-wrapper i, .btn-outline--black .icon-wrapper i, .btn-outline-child a .icon-wrapper i {
      margin-top: 2.5px; }
  @media screen and (min-width: 992px) {
    .btn-outline:hover, .btn-outline--white:hover, .btn-outline--grey:hover, .btn-outline--black:hover, .btn-outline-child a:hover {
      background: #0B234B;
      color: #FFF;
      border-color: #0B234B; } }
  .btn-outline--white {
    color: #FFF;
    border-color: #FFF; }
    @media screen and (min-width: 992px) {
      .btn-outline--white:hover {
        background: #7AF1DE;
        border-color: #7AF1DE;
        color: #FFF !important; } }
  .btn-outline--grey {
    color: #A5A5A5;
    border-color: #D5D5D5; }
  .btn-outline--black {
    color: #161414; }
    .btn-outline--black i {
      border-color: #161414;
      transition: all 0.65s;
      -moz-transition: all 0.65s;
      -webkit-transition: all 0.65s; }
      .btn-outline--black i::before {
        background: #161414;
        transition: all 0.65s;
        -moz-transition: all 0.65s;
        -webkit-transition: all 0.65s; }
    .btn-outline--black.is-active {
      color: #FFF;
      background-color: #0B234B; }
      .btn-outline--black.is-active i {
        border-color: #FFF; }
        .btn-outline--black.is-active i::before {
          background: #FFF; }
    @media screen and (min-width: 992px) {
      .btn-outline--black:hover i {
        border-color: #FFF; }
        .btn-outline--black:hover i::before {
          background: #FFF; } }

.btn-outline-child a {
  font-family: "Roboto", arial, sans-serif;
  font-weight: 300;
  font-style: normal;
  padding: 5px 20px !important;
  color: #0B234B !important; }
  @media screen and (min-width: 992px) {
    .btn-outline-child a:hover {
      font-weight: 400 !important;
      color: #FFF !important;
      background-color: #0B234B !important; } }

.btn-scroll {
  display: flex !important;
  justify-content: center;
  align-items: center; }
  .btn-scroll i {
    margin: 0 0 0 10px; }
    .btn-scroll i::before {
      width: 2px;
      height: 15px;
      display: block;
      position: absolute;
      content: '';
      background: #FFF;
      transform: rotate(45deg) translateY(-5px); }

.btn-arrow, .btn-arrow--circle {
  display: flex !important;
  justify-content: center;
  align-items: center; }
  .btn-arrow i, .btn-arrow--circle i {
    margin: 0 0 0 10px;
    transform: rotate(45deg); }
    .btn-arrow i::before, .btn-arrow--circle i::before {
      width: 2px;
      height: 15px;
      display: block;
      position: absolute;
      content: '';
      background: #FFF;
      transform: rotate(45deg) translateY(-5px); }
  .btn-arrow.btn-download i, .btn-download.btn-arrow--circle i {
    transform: rotate(135deg);
    margin: 5px 0 0 10px; }
  .btn-arrow--circle {
    border-radius: 100%;
    height: 45px;
    width: 45px;
    border: 2px solid #FFF; }
    .btn-arrow--circle i.arrow, .btn-arrow--circle i.arrow--left, .btn-arrow--circle i.arrow--right, .btn-arrow--circle i.arrow--down {
      transform: rotate(135deg);
      margin: 0; }

.btn-link {
  display: inline-block;
  position: relative;
  border-radius: 0;
  padding: 0;
  color: #0B234B; }
  .btn-link:hover {
    color: #0B234B; }
  .btn-link--white {
    color: #FFF; }
  @media screen and (min-width: 992px) {
    .btn-link:hover {
      color: #0B234B;
      transition: all 0.65s;
      -moz-transition: all 0.65s;
      -webkit-transition: all 0.65s; }
      .btn-link:hover::after {
        animation: line_anim 1s 1 forwards;
        background: #0B234B; } }

.btn-icon {
  display: flex !important; }
  .btn-icon::after {
    display: none !important; }
  .btn-icon i {
    margin-right: 5px; }
  .btn-icon svg {
    width: 20px;
    height: auto; }
    .btn-icon svg .icon {
      fill: #0B234B; }
  .btn-icon.wide i {
    display: block;
    font-size: 40px;
    margin: 0 auto 10px;
    text-align: center; }

.btn-linkedin {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  justify-content: center; }
  .btn-linkedin svg {
    height: 30px;
    width: 30px;
    margin-left: 10px; }

.btn-close {
  width: 50px;
  height: 50px;
  display: block;
  margin: 0 0 0 auto; }
  .btn-close .lines {
    display: block;
    width: 25px;
    height: 1px;
    border-radius: 0;
    background-color: #0B234B;
    margin: 0 auto;
    top: 24px;
    position: relative;
    transition: all 0.65s;
    -moz-transition: all 0.65s;
    -webkit-transition: all 0.65s;
    transform: rotate(45deg);
    background: #FFF; }
    .btn-close .lines::after {
      content: '';
      position: absolute;
      display: block;
      width: 25px;
      height: 1px;
      border-radius: 0;
      background-color: #0B234B;
      transform: rotate(-90deg);
      bottom: 0;
      background: #FFF; }

.btn-toggle,
.btn-filter {
  display: block;
  position: relative;
  color: rgba(11, 35, 75, 0.35);
  padding: 10px;
  display: flex;
  align-items: center;
  transition: all 0.65s;
  -moz-transition: all 0.65s;
  -webkit-transition: all 0.65s; }
  .btn-toggle:hover,
  .btn-filter:hover {
    color: #0B234B; }
  .btn-toggle.is-active,
  .btn-filter.is-active {
    color: #0B234B; }
  @media screen and (max-width: 575px) {
    .btn-toggle,
    .btn-filter {
      font-size: 16px; } }

.btn-play {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.65s;
  -moz-transition: all 0.65s;
  -webkit-transition: all 0.65s; }
  .btn-play .icon-play {
    clip-path: polygon(0 0, 50% 50%, 0 100%);
    background: #161414;
    width: 20px;
    height: 15px;
    display: block;
    border-radius: 2px;
    position: relative;
    top: 1px;
    transition: all 0.65s;
    -moz-transition: all 0.65s;
    -webkit-transition: all 0.65s; }
  .btn-play:hover .icon-play {
    background: #FFF; }

.btn-wrapper {
  padding-top: 30px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start; }
  .btn-wrapper li {
    margin-right: 10px; }
  @media screen and (min-width: 1199px) {
    .btn-wrapper {
      padding-top: 45px; } }
  @media screen and (max-width: 575px) {
    .btn-wrapper {
      flex-direction: column; }
      .btn-wrapper li {
        width: 100%;
        margin: 0 0 10px; } }

@media screen and (max-width: 575px) {
  .btn-icon.wide i {
    font-size: 28px; } }

/* config */
.list-inline {
  padding: 0;
  margin: 0; }
  .list-inline li {
    display: inline-block;
    margin-right: 5px; }

a:hover {
  opacity: 1; }

img {
  height: auto; }

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

.generic-banner, .banner--gallery {
  padding: 60px 0; }
  .generic-banner .image-wrapper img, .banner--gallery .image-wrapper img {
    max-width: 100%;
    display: block; }
  @media screen and (min-width: 768px) {
    .generic-banner, .banner--gallery {
      padding: 66.66667px 0; } }
  @media screen and (min-width: 1199px) {
    .generic-banner, .banner--gallery {
      padding: 80px 0; } }
  @media screen and (min-width: 1499px) {
    .generic-banner, .banner--gallery {
      padding: 100px 0; } }

.container {
  max-width: 1400px;
  width: 100%;
  margin: 0 auto; }
  @media screen and (max-width: 1499px) {
    .container {
      max-width: 1100px; } }
  @media screen and (max-width: 1199px) {
    .container {
      max-width: 940px; } }
  @media screen and (max-width: 992px) {
    .container {
      max-width: 740px; } }
  @media screen and (max-width: 575px) {
    .container {
      max-width: 490px;
      padding-left: 20px;
      padding-right: 20px; } }

.white {
  color: #FFF; }
  .white--bg {
    background: #FFF; }
  .white span {
    color: #7AF1DE; }

.primary-color {
  color: #0B234B; }
  .primary-color--bg {
    background: #0B234B;
    color: #FFF; }

.secondary-color {
  color: #7AF1DE; }
  .secondary-color--bg {
    background: #7AF1DE; }

.gradient--bg {
  background: linear-gradient(-45deg, #0B234B 0%, #7AF1DE 65%); }

.centered {
  margin-left: auto;
  margin-right: auto; }

.max-width-lg {
  max-width: 1100px; }

.max-width-md {
  max-width: 950px; }

.max-width-sm {
  max-width: 800px; }

.d-desktop {
  display: block; }

.d-mobile {
  display: none !important; }

/* End config */
.popup {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  overflow: scroll;
  background-color: rgba(22, 20, 20, 0.8);
  display: none;
  opacity: 0;
  align-items: center;
  justify-content: center;
  padding: 0 20px; }
  .popup.is-visible {
    display: block;
    animation: fadein 1s 1 forwards; }
  .popup--wrapper {
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    background: #FFF;
    position: relative;
    width: 100%;
    height: auto;
    border-radius: 10px;
    margin: 50px auto;
    max-width: 940px;
    padding: 30px 0 0; }
    @media screen and (min-width: 768px) {
      .popup--wrapper {
        padding: 25px 0 0;
        margin: 100px auto; } }
    .popup--wrapper .title {
      text-align: center;
      padding: 0 20px 20px; }
    .popup--wrapper .btn-wrapper {
      padding-top: 30px;
      display: flex;
      align-items: center; }
      .popup--wrapper .btn-wrapper a {
        margin-right: 20px; }
        .popup--wrapper .btn-wrapper a.phone {
          color: #0B234B; }
    .popup--wrapper__video {
      display: flex; }
      .popup--wrapper__video video {
        height: auto;
        width: 100%;
        aspect-ratio: 16/9; }
  .popup .btn-close {
    position: absolute;
    top: 20px;
    right: 20px; }
    .popup .btn-close .lines {
      background-color: #161414 !important; }
      .popup .btn-close .lines::after {
        bottom: 0;
        background-color: #161414 !important; }
      .popup .btn-close .lines::before {
        display: none; }

@media screen and (max-width: 1199px) {
  .shape img {
    max-width: 626.66667px;
    height: auto; } }

@media screen and (max-width: 992px) {
  .shape img {
    max-width: 592px;
    height: auto; } }

@media screen and (max-width: 768px) {
  .shape img {
    height: auto; } }

@media screen and (max-width: 575px) {
  .shape img {
    max-width: 100%;
    height: 100px; }
  .shaped-section {
    padding-top: 50px; }
    .shaped-section .shape {
      top: 50px; }
      .shaped-section .shape img {
        opacity: 0.7; } }

.banner--cta {
  margin: 60px 0; }
  .banner--cta .container {
    position: relative;
    z-index: 2; }
  .banner--cta--wrapper {
    text-align: center; }
    .banner--cta--wrapper .avatar {
      margin: 0 auto 20px; }
    .banner--cta--wrapper .btn-wrapper {
      padding-top: 20px;
      justify-content: center; }
      .banner--cta--wrapper .btn-wrapper .btn-primary, .banner--cta--wrapper .btn-wrapper .btn-primary-child a, .btn-primary-child .banner--cta--wrapper .btn-wrapper a, .banner--cta--wrapper .btn-wrapper .wpcf7 form input[type="submit"], .wpcf7 form .banner--cta--wrapper .btn-wrapper input[type="submit"] {
        margin: 0 auto; }
        .banner--cta--wrapper .btn-wrapper .btn-primary::before, .banner--cta--wrapper .btn-wrapper .btn-primary-child a::before, .btn-primary-child .banner--cta--wrapper .btn-wrapper a::before, .banner--cta--wrapper .btn-wrapper .wpcf7 form input[type="submit"]::before, .wpcf7 form .banner--cta--wrapper .btn-wrapper input[type="submit"]::before {
          display: none; }
    .banner--cta--wrapper .xsmall-title {
      padding: 0 0 5px;
      display: block; }
  @media screen and (min-width: 992px) {
    .banner--cta {
      margin: 100px 0; }
      .banner--cta--wrapper {
        max-width: 740px;
        margin: 0 auto; }
        .banner--cta--wrapper p {
          margin: 10px auto; } }
  @media screen and (min-width: 1199px) {
    .banner--cta--wrapper {
      max-width: 790px; } }
  @media screen and (min-width: 1499px) {
    .banner--cta--wrapper {
      max-width: 940px; } }

ul {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0; }
  ul li {
    list-style: none; }
  ul.custom-list li, .custom-wysiwyg ul li {
    padding: 0 0 0 30px;
    margin-bottom: 5px;
    position: relative;
    color: #FFF; }
    ul.custom-list li::before, .custom-wysiwyg ul li::before {
      width: 10px;
      height: 10px;
      display: block;
      position: absolute;
      content: '';
      left: 0;
      border-radius: 10px;
      top: 7.5px;
      background-color: #7AF1DE; }
  @media screen and (min-width: 992px) {
    ul.custom-list li, .custom-wysiwyg ul li {
      font-size: 18px;
      margin-bottom: 5px; }
      ul.custom-list li::before, .custom-wysiwyg ul li::before {
        top: 7.5px; } }
  ul.checked-list li {
    position: relative;
    padding-left: 40px;
    margin-bottom: 10px;
    color: #A5A5A5; }
    ul.checked-list li::before {
      width: 100%;
      height: 100%;
      display: block;
      position: absolute;
      content: '';
      border: 2px solid #0B234B;
      border-left: none;
      border-bottom: none;
      transform: rotate(135deg);
      height: 8px;
      width: 14px;
      border-radius: 2px;
      background: none;
      left: 0;
      top: 5px; }

.icon-checked {
  display: flex;
  height: 35px;
  width: 35px;
  align-items: center;
  justify-content: center;
  border: 2px solid #0B234B;
  border-radius: 100%; }
  .icon-checked__item {
    border: 2px solid #0B234B;
    border-left: none;
    border-bottom: none;
    transform: rotate(135deg);
    height: 8px;
    width: 14px;
    border-radius: 2px;
    display: block;
    margin-bottom: 5px; }

.custom-wysiwyg h2, .custom-wysiwyg h3, .custom-wysiwyg h4 {
  font-weight: 400; }
  .custom-wysiwyg h2 + p,
  .custom-wysiwyg h2 + ul, .custom-wysiwyg h3 + p,
  .custom-wysiwyg h3 + ul, .custom-wysiwyg h4 + p,
  .custom-wysiwyg h4 + ul {
    margin-top: 20px; }

.custom-wysiwyg strong {
  color: #0B234B; }

.custom-wysiwyg p {
  margin-bottom: 0;
  color: #0B234B;
  font-size: 16px; }
  @media screen and (min-width: 992px) {
    .custom-wysiwyg p {
      font-size: 18px; } }
  .custom-wysiwyg p a:not(.btn-primary),
  .custom-wysiwyg p a:not(
  .btn-secondary) {
    padding: 0;
    text-decoration: underline;
    background: none;
    color: inherit; }
  .custom-wysiwyg p + ul,
  .custom-wysiwyg p + a {
    margin-top: 20px; }
  .custom-wysiwyg p + h2,
  .custom-wysiwyg p + h3,
  .custom-wysiwyg p + h4 {
    margin-top: 30px; }

.custom-wysiwyg ul li {
  color: #0B234B;
  letter-spacing: 0.5px;
  line-height: 24px; }
  @media screen and (min-width: 1199px) {
    .custom-wysiwyg ul li {
      line-height: 30px; } }
  .custom-wysiwyg ul li a:not(.btn-primary),
  .custom-wysiwyg ul li a:not(
  .btn-secondary) {
    padding: 0;
    text-decoration: underline;
    background: none;
    color: inherit; }
    .custom-wysiwyg ul li a:not(.btn-primary):hover,
    .custom-wysiwyg ul li a:not(
    .btn-secondary):hover {
      text-decoration: underline;
      color: #0B234B; }

.custom-wysiwyg ul + a {
  margin-top: 30px; }

.custom-wysiwyg ol {
  padding-left: 20px; }
  .custom-wysiwyg ol li {
    font-size: 16px; }
    .custom-wysiwyg ol li::marker {
      color: #0B234B;
      font-weight: bold; }

.custom-wysiwyg a {
  background: none;
  padding: 0;
  text-decoration: underline;
  color: inherit;
  color: #FFF; }
  .custom-wysiwyg a:hover {
    color: #0B234B; }

.custom-wysiwyg .btn-wrapper a {
  text-decoration: none; }

.custom-wysiwyg table {
  margin: 20px 0;
  width: 100%; }
  .custom-wysiwyg table tbody {
    display: block; }
    .custom-wysiwyg table tbody tr {
      width: 100%;
      display: table; }

section.error-404 {
  padding: 200px 15px 150px; }
  @media screen and (max-width: 1199px) {
    section.error-404 {
      padding: 150px 15px 100px; } }
  section.error-404 .avatar {
    margin: 0 auto 20px; }
  section.error-404 .error-404--wrapper {
    width: 100%;
    margin: 0 auto;
    text-align: center; }
    @media screen and (min-width: 768px) {
      section.error-404 .error-404--wrapper {
        width: 601.66667px; } }
    @media screen and (min-width: 992px) {
      section.error-404 .error-404--wrapper {
        width: 773.33333px; } }
    @media screen and (min-width: 1199px) {
      section.error-404 .error-404--wrapper {
        width: 906.66667px; } }
    @media screen and (min-width: 1499px) {
      section.error-404 .error-404--wrapper {
        width: 1151.66667px; } }
    section.error-404 .error-404--wrapper .btn-wrapper {
      justify-content: center; }
      section.error-404 .error-404--wrapper .btn-wrapper a {
        margin: 0 auto; }

section.classic {
  margin-bottom: 0;
  padding-bottom: 0; }

.icon-wrapper img {
  max-width: 100%;
  display: block;
  max-height: 80px; }

@media screen and (max-width: 992px) {
  section .container {
    max-width: 740px; }
  .icon-wrapper img {
    max-height: 65px; } }

/* Video */
.video-wrapper {
  overflow: hidden;
  border-radius: 0; }
  .video-wrapper iframe,
  .video-wrapper video {
    width: 100%;
    overflow: hidden;
    display: flex;
    aspect-ratio: 16/9;
    object-fit: cover; }
  .video-wrapper video {
    height: auto; }
  .video-wrapper img {
    width: 100%;
    height: auto;
    display: block; }

.twocol--wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative; }

.twocol--item .text-wrapper {
  width: 100%; }
  @media screen and (min-width: 768px) {
    .twocol--item .text-wrapper {
      width: 601.66667px; } }
  @media screen and (min-width: 992px) {
    .twocol--item .text-wrapper {
      width: 381.66667px; } }
  @media screen and (min-width: 1199px) {
    .twocol--item .text-wrapper {
      width: 448.33333px; } }
  @media screen and (min-width: 1499px) {
    .twocol--item .text-wrapper {
      width: 568.33333px; } }
  .twocol--item .text-wrapper .title {
    color: #7AF1DE;
    font-family: "Roboto", arial, sans-serif;
    font-weight: 500;
    font-style: normal; }
  .twocol--item .text-wrapper p {
    color: #FFF; }
  .twocol--item .text-wrapper ul, .twocol--item .text-wrapper li {
    color: #FFF; }

.twocol--item.item-text {
  margin: 60px auto 0; }
  .twocol--item.item-text::before {
    width: 120px;
    height: 60px;
    display: block;
    position: absolute;
    content: '';
    border-radius: 0 50px 50px 0;
    background-color: rgba(122, 241, 222, 0.07);
    left: 0;
    top: 180px; }
    @media screen and (min-width: 768px) {
      .twocol--item.item-text::before {
        top: 0; } }
    @media screen and (min-width: 1199px) {
      .twocol--item.item-text::before {
        width: 220px;
        height: 100px; } }

.twocol--item.item-image {
  padding-left: 30px; }
  .twocol--item.item-image picture {
    display: flex;
    overflow: hidden;
    height: auto;
    max-height: 320px;
    border-radius: 400px 0 0 400px; }
    .twocol--item.item-image picture img {
      object-fit: cover;
      display: block;
      width: 100%;
      height: auto;
      object-position: center; }
    @media screen and (min-width: 768px) {
      .twocol--item.item-image picture {
        height: 400px;
        max-height: none; } }
    @media screen and (min-width: 992px) {
      .twocol--item.item-image picture {
        height: 440px; } }
    @media screen and (min-width: 1199px) {
      .twocol--item.item-image picture {
        height: 500px; } }
    @media screen and (min-width: 1499px) {
      .twocol--item.item-image picture {
        height: 560px; } }

@media screen and (min-width: 992px) {
  .twocol--wrapper {
    flex-direction: row-reverse; }
  .twocol--item {
    width: 50%; }
    .twocol--item .text-wrapper {
      margin: 0 7.5px 0 auto; }
  .twocol--item.item-text {
    margin: 0; }
  .twocol--item.item-image {
    padding-left: 30px; } }

@media screen and (max-width: 992px) {
  .twocol--item.item-image {
    width: 75%;
    margin: 0 0 0 auto; }
  .twocol--item.item-text {
    width: 100%; }
    .twocol--item.item-text .text-wrapper {
      margin: 0 auto; } }

@media screen and (max-width: 768px) {
  .twocol--item.item-text .text-wrapper {
    padding: 0 30px; } }

.image--full-screen {
  max-width: 100%;
  max-height: 100vh;
  overflow: hidden; }
  .image--full-screen picture {
    display: flex;
    overflow: hidden;
    width: 100%;
    min-height: 60vh;
    max-height: 100%; }
    .image--full-screen picture img {
      object-fit: cover;
      display: block;
      width: 100%;
      height: auto;
      object-position: center; }
  @media screen and (min-width: 768px) {
    .image--full-screen {
      max-height: 50vh; }
      .image--full-screen picture {
        min-height: 50vh;
        max-height: 50vh; } }
  @media screen and (min-width: 992px) {
    .image--full-screen {
      max-height: 75vh; }
      .image--full-screen picture {
        max-height: 75vh; } }

@media screen and (max-width: 768px) {
  .about--concept--wrapper .text-wrapper {
    padding: 45px 30px; } }

@media screen and (max-width: 575px) {
  .twocol .container {
    padding: 0; } }

.avatar {
  border-radius: 100%;
  height: 75px;
  width: 75px;
  overflow: hidden; }
  .avatar picture {
    display: flex;
    overflow: hidden; }
    .avatar picture img {
      object-fit: cover;
      display: block;
      width: 100%;
      height: auto;
      object-position: center; }
  @media screen and (min-width: 1199px) {
    .avatar {
      height: 100px;
      width: 100px; } }

.banner-text {
  margin: 60px 0; }
  .banner-text__title span,
  .banner-text__title strong {
    display: block; }
  .banner-text--intro {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 0 0 10px; }
    @media screen and (min-width: 768px) {
      .banner-text--intro {
        width: 601.66667px; } }
    @media screen and (min-width: 992px) {
      .banner-text--intro {
        width: 773.33333px; } }
    @media screen and (min-width: 1199px) {
      .banner-text--intro {
        width: 906.66667px; } }
    @media screen and (min-width: 1499px) {
      .banner-text--intro {
        width: 1151.66667px; } }
    .banner-text--intro .avatar {
      margin: 0 auto 20px 0; }
  .banner-text--wrapper {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 auto; }
    @media screen and (min-width: 768px) {
      .banner-text--wrapper {
        width: 601.66667px; } }
    @media screen and (min-width: 992px) {
      .banner-text--wrapper {
        width: 773.33333px; } }
    @media screen and (min-width: 1199px) {
      .banner-text--wrapper {
        width: 906.66667px; } }
    @media screen and (min-width: 1499px) {
      .banner-text--wrapper {
        width: 1151.66667px; } }
    .banner-text--wrapper .col {
      width: 100%; }
      @media screen and (min-width: 768px) {
        .banner-text--wrapper .col {
          width: 601.66667px; } }
      @media screen and (min-width: 992px) {
        .banner-text--wrapper .col {
          width: 381.66667px; } }
      @media screen and (min-width: 1199px) {
        .banner-text--wrapper .col {
          width: 448.33333px; } }
      @media screen and (min-width: 1499px) {
        .banner-text--wrapper .col {
          width: 568.33333px; } }
      .banner-text--wrapper .col p {
        color: #FFF; }
  @media screen and (min-width: 768px) {
    .banner-text--intro .avatar {
      margin: 0 30px 0 0; } }
  @media screen and (min-width: 992px) {
    .banner-text {
      margin: 100px 0; }
      .banner-text--intro {
        padding: 0 0 30px; }
      .banner-text--wrapper .banner-text--left {
        padding-right: 30px; }
      .banner-text--wrapper .banner-text--right {
        padding-left: 30px; } }

.banner-honoraires {
  margin: 60px 0 0; }
  .banner-honoraires--wrapper {
    background: rgba(122, 241, 222, 0.07);
    border-radius: 45px;
    padding: 30px 30px 45px; }
    .banner-honoraires--wrapper .content {
      width: 100%;
      margin: 0 auto; }
      @media screen and (min-width: 768px) {
        .banner-honoraires--wrapper .content {
          width: 601.66667px; } }
      @media screen and (min-width: 992px) {
        .banner-honoraires--wrapper .content {
          width: 773.33333px; } }
      @media screen and (min-width: 1199px) {
        .banner-honoraires--wrapper .content {
          width: 906.66667px; } }
      @media screen and (min-width: 1499px) {
        .banner-honoraires--wrapper .content {
          width: 1151.66667px; } }
    .banner-honoraires--wrapper small {
      width: 100%;
      letter-spacing: 0.5px;
      display: block;
      line-height: 1.4em;
      opacity: 0.7; }
      @media screen and (min-width: 768px) {
        .banner-honoraires--wrapper small {
          width: 478.33333px; } }
      @media screen and (min-width: 992px) {
        .banner-honoraires--wrapper small {
          width: 616.66667px; } }
      @media screen and (min-width: 1199px) {
        .banner-honoraires--wrapper small {
          width: 723.33333px; } }
      @media screen and (min-width: 1499px) {
        .banner-honoraires--wrapper small {
          width: 918.33333px; } }
  .banner-honoraires--title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap; }
  .banner-honoraires--list {
    padding: 0 0 20px; }
    .banner-honoraires--list__item {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      padding: 20px 0;
      border-bottom: 2px solid #7AF1DE; }
      .banner-honoraires--list__item:last-of-type {
        border: none; }
      .banner-honoraires--list__item .title {
        width: 100%; }
        @media screen and (min-width: 768px) {
          .banner-honoraires--list__item .title {
            width: 416.66667px; } }
        @media screen and (min-width: 992px) {
          .banner-honoraires--list__item .title {
            width: 538.33333px; } }
        @media screen and (min-width: 1199px) {
          .banner-honoraires--list__item .title {
            width: 631.66667px; } }
        @media screen and (min-width: 1499px) {
          .banner-honoraires--list__item .title {
            width: 801.66667px; } }
      .banner-honoraires--list__item p {
        margin: 0;
        padding-top: 5px;
        width: 100%; }
        @media screen and (min-width: 768px) {
          .banner-honoraires--list__item p {
            width: 170px; } }
        @media screen and (min-width: 992px) {
          .banner-honoraires--list__item p {
            width: 225px; } }
        @media screen and (min-width: 1199px) {
          .banner-honoraires--list__item p {
            width: 265px; } }
        @media screen and (min-width: 1499px) {
          .banner-honoraires--list__item p {
            width: 335px; } }
  @media screen and (min-width: 768px) {
    .banner-honoraires {
      margin: 66.66667px 0 0; }
      .banner-honoraires--wrapper {
        padding: 30px 0; }
      .banner-honoraires--list__item p {
        text-align: right; } }
  @media screen and (min-width: 992px) {
    .banner-honoraires--wrapper {
      padding: 60px 0;
      border-radius: 60px; }
    .banner-honoraires--list__item p {
      padding-top: 0; } }
  @media screen and (min-width: 1199px) {
    .banner-honoraires {
      margin: 100px 0 0; } }

body.menu-open {
  overflow: hidden; }

.grecaptcha-badge {
  visibility: hidden !important; }

header.site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  flex-wrap: wrap;
  z-index: 999;
  padding: 20px 0;
  background-color: #FFF; }
  header.site-header .logo-wrapper a {
    display: block;
    text-align: center; }
  header.site-header .logo-wrapper img.logo {
    width: auto;
    max-width: 140px;
    margin: 0 auto 0 0;
    display: block;
    transition: all 0.65s;
    -moz-transition: all 0.65s;
    -webkit-transition: all 0.65s; }
  header.site-header .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 0; }
  header.site-header .container .site-header--item.right {
    display: none; }
  header.site-header .container .site-header--item__bottom ul li {
    display: inline-block;
    margin-right: 10px; }
  header.site-header .container .site-header--item__bottom {
    display: flex;
    align-items: center;
    justify-content: flex-end; }
    header.site-header .container .site-header--item__bottom .btn-primary:hover, header.site-header .container .site-header--item__bottom .btn-primary-child a:hover, .btn-primary-child header.site-header .container .site-header--item__bottom a:hover, header.site-header .container .site-header--item__bottom .wpcf7 form input:hover[type="submit"], .wpcf7 form header.site-header .container .site-header--item__bottom input:hover[type="submit"] {
      background-color: #0B234B;
      color: #FFF; }
    header.site-header .container .site-header--item__bottom ul.social li {
      margin-left: 5px;
      margin-right: 0; }
    header.site-header .container .site-header--item__bottom ul li {
      margin-right: 20px; }
      header.site-header .container .site-header--item__bottom ul li a {
        font-family: "Roboto", arial, sans-serif;
        font-weight: 300;
        font-style: normal; }
  @media screen and (min-width: 768px) {
    header.site-header .container .site-header--item.logo-wrapper {
      width: 150px; }
      header.site-header .container .site-header--item.logo-wrapper img.logo {
        max-width: 150px;
        display: block; } }
  @media screen and (min-width: 992px) {
    header.site-header {
      height: 100px;
      display: flex; }
      header.site-header .container .site-header {
        padding: 30px 0; }
        header.site-header .container .site-header--item.logo-wrapper {
          width: 150px; }
          header.site-header .container .site-header--item.logo-wrapper img.logo {
            max-width: 150px; }
        header.site-header .container .site-header--item.right {
          display: block;
          width: 790px; }
        header.site-header .container .site-header--item a.btn-primary, header.site-header .container .site-header--item .btn-primary-child a, .btn-primary-child header.site-header .container .site-header--item a {
          margin-left: 10px; }
        header.site-header .container .site-header--item ul li a {
          padding: 10px 0;
          display: block;
          position: relative;
          color: #0B234B;
          transition: all 0.65s;
          -moz-transition: all 0.65s;
          -webkit-transition: all 0.65s; }
          header.site-header .container .site-header--item ul li a::after {
            width: 5px;
            height: 5px;
            display: block;
            position: absolute;
            content: '';
            border-radius: 100%;
            background-color: #0B234B;
            bottom: 0;
            left: 50%;
            opacity: 0; }
          header.site-header .container .site-header--item ul li a:hover {
            color: #0B234B; }
        header.site-header .container .site-header--item ul li.current_page_item a {
          color: #0B234B; }
          header.site-header .container .site-header--item ul li.current_page_item a::after {
            opacity: 1; } }
  @media screen and (min-width: 1199px) {
    header.site-header .container .site-header--item.logo-wrapper {
      width: 150px; }
      header.site-header .container .site-header--item.logo-wrapper img.logo {
        max-width: 150px; }
    header.site-header .container .site-header--item.right {
      width: 950px; } }
  @media screen and (min-width: 1499px) {
    header.site-header .container .site-header--item.right {
      width: 1250px; } }
  @media screen and (min-width: 768px) and (max-width: 992px) {
    header.site-header .container {
      max-width: 768px; } }

header.is-active {
  padding: 10px 0;
  background: #FFF;
  transition: all 0.65s;
  -moz-transition: all 0.65s;
  -webkit-transition: all 0.65s; }
  @media screen and (min-width: 768px) {
    header.is-active {
      padding: 20px 0; } }
  @media screen and (min-width: 992px) {
    header.is-active {
      padding: 20px 0; } }

#navicon, .btn-close {
  width: 40px;
  min-height: 50px;
  position: relative;
  display: block;
  height: auto;
  display: none; }
  @media screen and (max-width: 992px) {
    #navicon, .btn-close {
      display: block; } }
  @media screen and (max-width: 768px) {
    #navicon, .btn-close {
      margin: 0 0 0 auto;
      height: 40px; }
      #navicon .lines, .btn-close .lines {
        left: 0; } }
  #navicon::before, .btn-close::before {
    transition: all 0.65s;
    -moz-transition: all 0.65s;
    -webkit-transition: all 0.65s;
    border-color: #FFF; }
  #navicon img.shape, .btn-close img.shape {
    position: relative;
    height: 80px; }
  #navicon .lines, .btn-close .lines {
    display: block;
    width: 25px;
    height: 4px;
    border-radius: 0;
    background-color: #0B234B;
    margin: 0 auto;
    top: 25px;
    left: 12px;
    height: 2px;
    position: absolute;
    transition: all 0.65s;
    -moz-transition: all 0.65s;
    -webkit-transition: all 0.65s; }
    #navicon .lines::before, .btn-close .lines::before {
      content: '';
      top: -8px;
      display: block;
      width: 25px;
      height: 4px;
      border-radius: 0;
      background-color: #0B234B;
      height: 2px;
      position: absolute; }
    #navicon .lines::after, .btn-close .lines::after {
      content: '';
      bottom: -8px;
      display: block;
      width: 25px;
      height: 4px;
      border-radius: 0;
      background-color: #0B234B;
      height: 2px;
      position: absolute; }
  #navicon.active .lines, .active.btn-close .lines {
    transform: rotate(45deg); }
    #navicon.active .lines::after, .active.btn-close .lines::after {
      transform: rotate(-90deg);
      bottom: 0; }
    #navicon.active .lines::before, .active.btn-close .lines::before {
      display: none; }
  #navicon.active::before, .active.btn-close::before {
    opacity: 0; }
  #navicon.passive::before, .passive.btn-close::before {
    opacity: 1;
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px; }

.btn-close {
  display: block; }

ul.social li {
  display: inline-block;
  margin: 0; }

ul.social .btn-icon {
  display: flex;
  width: 40px;
  height: 40px;
  text-align: center;
  position: relative;
  padding: 0;
  align-items: center;
  justify-content: center; }
  ul.social .btn-icon img {
    width: auto;
    height: 20px; }

nav.main-navigation {
  margin: 0 auto;
  opacity: 0;
  display: none;
  position: fixed;
  z-index: 99;
  top: 0;
  background: #FFF; }
  nav.main-navigation.open {
    height: 100%;
    display: flex;
    width: 100%;
    opacity: 1;
    animation: fadein 1s 1 forwards; }
  nav.main-navigation .menu-wrapper {
    width: 100%;
    position: relative;
    z-index: 2; }
    nav.main-navigation .menu-wrapper .content-nav {
      width: 100%;
      margin: 0 auto;
      text-align: center; }
      nav.main-navigation .menu-wrapper .content-nav a {
        font-family: "Roboto", arial, sans-serif;
        font-weight: 500;
        font-style: normal;
        color: #0B234B;
        text-align: center; }
      nav.main-navigation .menu-wrapper .content-nav .menu {
        padding-bottom: 20px; }
      nav.main-navigation .menu-wrapper .content-nav .btn-wrapper {
        justify-content: center;
        padding-top: 0; }
    @media screen and (min-width: 768px) {
      nav.main-navigation .menu-wrapper {
        padding: 150px 20px;
        height: 100%;
        overflow: scroll; }
        nav.main-navigation .menu-wrapper .content-nav {
          max-width: 500px;
          text-align: left; } }
  nav.main-navigation ul {
    padding: 0;
    margin: 0;
    display: block; }
    nav.main-navigation ul.social {
      padding-top: 20px;
      justify-content: center; }
      nav.main-navigation ul.social li {
        margin: 0;
        display: block; }
    nav.main-navigation ul li {
      display: block; }
      nav.main-navigation ul li:hover > a, nav.main-navigation ul li.focus > a, nav.main-navigation ul li.current_page_item > a, nav.main-navigation ul li:not(.btn-primary-child) > a {
        background: none; }
      nav.main-navigation ul li a {
        display: block;
        position: relative;
        padding: 10px 0;
        color: #0B234B;
        text-align: left;
        font-size: 16px;
        text-transform: none;
        letter-spacing: 0.5px;
        transition: all 0.65s;
        -moz-transition: all 0.65s;
        -webkit-transition: all 0.65s; }
        @media screen and (min-width: 768px) {
          nav.main-navigation ul li a {
            font-size: 20px; } }
        nav.main-navigation ul li a:hover {
          color: #0B234B; }
        nav.main-navigation ul li a::after {
          width: 0;
          height: 5px;
          display: block;
          position: absolute;
          content: '';
          left: 0;
          bottom: 0;
          height: 4px;
          background: #7AF1DE;
          opacity: 0;
          transition: all 0.65s;
          -moz-transition: all 0.65s;
          -webkit-transition: all 0.65s; }
      nav.main-navigation ul li.current_page_item a, nav.main-navigation ul li.current-menu-item a {
        background: none;
        font-family: "Roboto", arial, sans-serif;
        font-weight: 300;
        font-style: normal;
        color: #0B234B !important; }
      nav.main-navigation ul li.current_page_item.btn-outline-child a, nav.main-navigation ul li.current-menu-item.btn-outline-child a {
        font-family: "Roboto", arial, sans-serif;
        font-weight: 300;
        font-style: normal; }

/* nav on desktop */
@media screen and (min-width: 768px) {
  .site-header .logo-wrapper a {
    position: relative;
    z-index: 2; }
  .site-header.is-active .logo-wrapper::before {
    opacity: 0; } }

/* Mobile menu activation */
@media screen and (max-width: 768px) {
  header.site-header {
    padding: 0 20px 20px;
    transition: all 0s;
    -moz-transition: all 0s;
    -webkit-transition: all 0s; }
    header.site-header .container .site-header--item {
      max-width: 100px;
      min-width: 80px; }
      header.site-header .container .site-header--item.right .btn-outline--white {
        display: none; }
  #navicon, .btn-close {
    top: 0; }
  nav.main-navigation .menu-wrapper {
    padding: 100px 20px;
    overflow: scroll; }
    nav.main-navigation .menu-wrapper .icon-wrapper {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      padding: 0 0 30px; }
      nav.main-navigation .menu-wrapper .icon-wrapper img {
        width: 80px;
        height: auto;
        display: block;
        max-height: none; }
    nav.main-navigation .menu-wrapper .content-nav a {
      text-align: center; }
  nav.main-navigation ul {
    background: none !important; }
    nav.main-navigation ul.social {
      text-align: center;
      max-width: 330px;
      margin: 0 auto 5px; }
  nav.main-navigation ul:not(.social) {
    background: none;
    padding: 0;
    max-width: 320px;
    margin: 0 auto;
    text-align: center; }
    nav.main-navigation ul:not(.social)#left-menu {
      padding-top: 20px; }
    nav.main-navigation ul:not(.social) li {
      display: block;
      margin: 0 auto 10px; }
      nav.main-navigation ul:not(.social) li a {
        font-size: 24px; }
      nav.main-navigation ul:not(.social) li.btn-primary-child {
        margin-top: 10px; }
        nav.main-navigation ul:not(.social) li.btn-primary-child a {
          font-size: 19px; } }

@media screen and (max-width: 575px) {
  header.site-header {
    padding-bottom: 10px;
    padding-top: 10px; }
    header.site-header .legal-mention {
      margin-bottom: 0; }
    header.site-header .logo-wrapper {
      padding-left: 0;
      min-width: 80px;
      padding-top: 0;
      max-width: 100% !important; }
      header.site-header .logo-wrapper a {
        max-width: 100%;
        display: block;
        text-align: center; }
        header.site-header .logo-wrapper a span {
          font-size: 12px;
          opacity: 0.8;
          padding-top: 10px; }
      header.site-header .logo-wrapper img.logo {
        margin-right: 0;
        float: none;
        clear: both;
        width: 100%;
        max-width: 150px;
        margin: 5px auto;
        transition: all 0.4s;
        -moz-transition: all 0.4s;
        -webkit-transition: all 0.4s; }
    header.site-header .description-wrapper {
      display: none; }
    header.site-header .right {
      position: absolute;
      right: 0;
      top: 0; }
  nav.main-navigation .menu-wrapper .content-nav {
    text-align: center; }
    nav.main-navigation .menu-wrapper .content-nav .menu {
      padding-bottom: 30px; }
    nav.main-navigation .menu-wrapper .content-nav .btn-primary, nav.main-navigation .menu-wrapper .content-nav .btn-primary-child a, .btn-primary-child nav.main-navigation .menu-wrapper .content-nav a, nav.main-navigation .menu-wrapper .content-nav .wpcf7 form input[type="submit"], .wpcf7 form nav.main-navigation .menu-wrapper .content-nav input[type="submit"] {
      font-size: 16px;
      margin: 0 auto;
      padding: 10px 30px; }
  nav.main-navigation ul {
    padding: 0; }
    nav.main-navigation ul:not(.social) li {
      margin: 0 auto;
      text-align: left; }
      nav.main-navigation ul:not(.social) li a {
        text-align: left; }
    nav.main-navigation ul li {
      text-align: left; }
    nav.main-navigation ul.social {
      text-align: center;
      justify-content: center;
      padding-top: 20px; }
  body.menu-open header.site-header .logo-wrapper a {
    margin-left: auto;
    margin-right: auto; } }

.grecaptcha-badge {
  visibility: hidden !important; }

ul.social {
  text-align: center;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start; }
  ul.social a.btn-icon img {
    height: 20px;
    width: 20px; }
    @media screen and (min-width: 1199px) {
      ul.social a.btn-icon img {
        height: 20px;
        width: 20px; } }

.footer {
  margin-top: 0;
  padding: 60px 0 30px;
  position: relative;
  background: none; }
  .footer .btn-icon svg .icon {
    fill: #FFF; }
  .footer--main {
    background: none;
    padding: 0;
    position: relative;
    z-index: 2;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap; }
    .footer--main__logo {
      width: 100%;
      padding-bottom: 30px;
      margin-bottom: 30px; }
      @media screen and (min-width: 768px) {
        .footer--main__logo {
          width: 725px; } }
      @media screen and (min-width: 992px) {
        .footer--main__logo {
          width: 303.33333px; } }
      @media screen and (min-width: 1199px) {
        .footer--main__logo {
          width: 356.66667px; } }
      @media screen and (min-width: 1499px) {
        .footer--main__logo {
          width: 451.66667px; } }
      .footer--main__logo ul li {
        width: auto; }
      .footer--main__logo a {
        display: block; }
        .footer--main__logo a img {
          display: block; }
      .footer--main__logo .btn-wrapper {
        padding-top: 20px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: wrap; }
        .footer--main__logo .btn-wrapper a.btn-primary, .footer--main__logo .btn-wrapper .btn-primary-child a, .btn-primary-child .footer--main__logo .btn-wrapper a {
          color: #0B234B !important;
          margin-right: 10px; }
          .footer--main__logo .btn-wrapper a.btn-primary::before, .footer--main__logo .btn-wrapper .btn-primary-child a::before, .btn-primary-child .footer--main__logo .btn-wrapper a::before {
            display: none; }
      @media screen and (max-width: 575px) {
        .footer--main__logo a img {
          max-width: 150px;
          width: auto; }
        .footer--main__logo .btn-wrapper {
          flex-direction: row; }
          .footer--main__logo .btn-wrapper li {
            margin-bottom: 0; } }
    .footer--main__contact, .footer--main__menu {
      width: 100%; }
      @media screen and (min-width: 768px) {
        .footer--main__contact, .footer--main__menu {
          width: 355px; } }
      @media screen and (min-width: 992px) {
        .footer--main__contact, .footer--main__menu {
          width: 303.33333px; } }
      @media screen and (min-width: 1199px) {
        .footer--main__contact, .footer--main__menu {
          width: 356.66667px; } }
      @media screen and (min-width: 1499px) {
        .footer--main__contact, .footer--main__menu {
          width: 451.66667px; } }
    .footer--main .regular-text {
      display: block;
      padding: 0 0 20px; }
    .footer--main ul li {
      color: #FFF;
      letter-spacing: 0.5px;
      list-style: none;
      font-size: 16px; }
      .footer--main ul li a {
        color: #FFF !important;
        letter-spacing: 0.5px;
        font-size: 16px;
        text-decoration: none !important; }
        .footer--main ul li a:hover {
          color: #7AF1DE !important; }
  .footer--bottom {
    padding: 30px 0;
    margin: 30px 0 0;
    border-top: 2px solid rgba(122, 241, 222, 0.07); }
    .footer--bottom .footer-copy a {
      font-size: 14px; }
    @media screen and (max-width: 575px) {
      .footer--bottom .footer-copy {
        padding-top: 20px; }
        .footer--bottom .footer-copy a {
          display: block;
          padding: 5px 0; } }
  .footer .footer-links li {
    margin: 0 0 5px;
    position: relative;
    text-align: left; }
    .footer .footer-links li span {
      color: #FFF;
      font-size: 14px; }
    .footer .footer-links li a {
      color: #FFF;
      font-size: 14px; }
  @media screen and (min-width: 768px) {
    .footer--main__social {
      transform: translateX(20px); }
    .footer--bottom {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap; }
    .footer .footer-links {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      flex-wrap: wrap; }
      .footer .footer-links li {
        margin: 0 10px 0 0; }
        .footer .footer-links li.legal-link {
          margin-right: 20px; }
        .footer .footer-links li span, .footer .footer-links li a {
          color: #FFF; }
        .footer .footer-links li::after {
          width: 5px;
          height: 5px;
          display: block;
          position: absolute;
          content: '';
          border-radius: 100%;
          position: static;
          display: inline-block;
          margin: 0 10px 2.5px;
          background-color: #FFF; }
        .footer .footer-links li:nth-child(1)::before {
          display: none; } }
  @media screen and (min-width: 992px) {
    .footer {
      padding: 100px 0 30px; }
      .footer--main__logo {
        border: none;
        padding-bottom: 0;
        margin-bottom: 0; }
      .footer--bottom {
        margin: 60px 0 0;
        padding-top: 40px; }
        .footer--bottom__cookies {
          width: 235px; } }
  @media screen and (max-width: 575px) {
    .footer--main .regular-text {
      padding-bottom: 10px; }
    .footer--main__contact {
      padding-bottom: 30px; } }

.glide {
  overflow: hidden;
  position: relative; }
  .glide__track {
    width: 100%; }
  .glide__bullets {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding-top: 30px; }
  .glide__arrows {
    display: none; }
    .glide__arrows .glide__arrow {
      cursor: pointer;
      margin-left: 5px;
      border: 2px solid #0B234B;
      padding: 0;
      height: 40px;
      width: 40px;
      border-radius: 100%;
      background: none;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap; }
      .glide__arrows .glide__arrow:hover {
        background-color: #0B234B; }
        .glide__arrows .glide__arrow:hover .arrow, .glide__arrows .glide__arrow:hover .arrow--left, .glide__arrows .glide__arrow:hover .arrow--right, .glide__arrows .glide__arrow:hover .arrow--down {
          transition: all 0.65s;
          -moz-transition: all 0.65s;
          -webkit-transition: all 0.65s;
          border-color: #FFF; }
  .glide__bullet {
    height: 12px;
    width: 12px;
    border: none;
    border-radius: 20px;
    margin: 0 2.5px;
    outline: none;
    -moz-appearance: none;
    border: 2px solid #0B234B;
    background-color: rgba(11, 35, 75, 0); }
    .glide__bullet--active {
      background-color: #0B234B; }
  .glide__slides {
    display: flex; }
  .glide__slide {
    height: auto;
    display: flex;
    overflow: hidden;
    cursor: pointer; }
    .glide__slide .video-wrapper {
      max-height: 280px; }
    .glide__slide img {
      width: 100%;
      height: auto;
      object-fit: cover;
      object-position: center; }
  @media screen and (min-width: 575px) {
    .glide__slide .video-wrapper {
      max-height: 320px; } }
  @media screen and (min-width: 768px) {
    .glide__arrows {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      padding-top: 30px; }
    .glide__bullets {
      display: none; }
    .glide__slide .video-wrapper {
      max-height: 420px; } }
  @media screen and (min-width: 992px) {
    .glide__slide .video-wrapper {
      max-height: 260px; } }
  @media screen and (min-width: 1199px) {
    .glide__slide .video-wrapper {
      max-height: 340px; } }
  @media screen and (min-width: 1499px) {
    .glide__slide .video-wrapper {
      max-height: 420px; } }

.vignette-video .desc .label {
  font-family: "Roboto", arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #161414;
  display: block;
  padding: 10px 0; }

.banner--traiteur__item .glide__bullets {
  display: flex;
  position: absolute;
  bottom: 20px;
  width: 100%; }

.banner--traiteur__item .glide__bullet {
  border-color: #FFF; }
  .banner--traiteur__item .glide__bullet--active {
    background-color: #FFF; }

.banner--gallery {
  padding-bottom: 0; }
  .banner--gallery--wrapper .glide__bullets {
    display: flex; }
  .banner--gallery__slide picture {
    aspect-ratio: 15/10;
    display: flex;
    overflow: hidden;
    width: 100%; }
    .banner--gallery__slide picture img {
      object-fit: cover;
      display: block;
      width: 100%;
      height: auto;
      object-position: center; }

.banner--usp--wrapper {
  border-radius: 45px;
  padding: 30px 20px;
  background-color: rgba(122, 241, 222, 0.07); }
  @media screen and (min-width: 575px) {
    .banner--usp--wrapper {
      padding: 30px 45px; } }
  @media screen and (min-width: 768px) {
    .banner--usp--wrapper {
      border-radius: 60px; } }
  @media screen and (min-width: 992px) {
    .banner--usp--wrapper {
      padding: 45px 30px; } }

.usp__item {
  padding: 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  flex-direction: column; }
  .usp__item .icon--check {
    margin: 0 auto 10px; }
  .usp__item .title {
    font-family: "Roboto", arial, sans-serif;
    font-weight: 500;
    font-style: normal;
    padding: 0 0 10px; }
  .usp__item .desc {
    color: #FFF;
    display: block;
    letter-spacing: 0.5px; }

@media screen and (min-width: 1199px) {
  .usp__item {
    padding: 0; } }

.home {
  /* responsive mobile */ }
  .home--hero {
    padding: 0 0 60px;
    margin: 60px 0 0; }
    .home--hero__wrapper {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      flex-wrap: wrap; }
    .home--hero__image {
      width: 100%; }
      @media screen and (min-width: 768px) {
        .home--hero__image {
          width: 293.33333px; } }
      @media screen and (min-width: 992px) {
        .home--hero__image {
          width: 460px; } }
      @media screen and (min-width: 1199px) {
        .home--hero__image {
          width: 540px; } }
      @media screen and (min-width: 1499px) {
        .home--hero__image {
          width: 685px; } }
      .home--hero__image picture {
        display: flex;
        overflow: hidden;
        border-radius: 0 0 300px 300px; }
        .home--hero__image picture img {
          object-fit: cover;
          display: block;
          width: 100%;
          height: auto;
          object-position: center; }
    .home--hero__text {
      width: 100%; }
      @media screen and (min-width: 768px) {
        .home--hero__text {
          width: 416.66667px; } }
      @media screen and (min-width: 992px) {
        .home--hero__text {
          width: 460px; } }
      @media screen and (min-width: 1199px) {
        .home--hero__text {
          width: 540px; } }
      @media screen and (min-width: 1499px) {
        .home--hero__text {
          width: 685px; } }
      .home--hero__text .medium-title, .home--hero__text .btn-toggle,
      .home--hero__text .btn-filter {
        padding-bottom: 10px; }
  @media screen and (min-width: 768px) {
    .home--hero {
      margin: 90px 0 0; }
      .home--hero__image {
        padding-right: 20px; }
      .home--hero__text {
        padding-left: 20px; } }
  @media screen and (min-width: 992px) {
    .home--hero {
      margin-top: 100px;
      padding: 0 0 66.66667px; }
      .home--hero__image {
        padding-right: 30px; }
      .home--hero__text {
        padding-left: 30px; } }
  @media screen and (min-width: 1199px) {
    .home--hero {
      margin-top: 100px;
      padding: 0 0 100px; } }
  @media screen and (max-width: 768px) {
    .home--hero__image {
      width: 75%; }
    .home--hero__text {
      padding: 30px 0 0; } }

.hero {
  position: relative;
  padding-top: 100px; }
  .hero .container {
    position: relative;
    z-index: 2; }
  .hero--home {
    padding-top: 150px;
    padding-bottom: 66.66667px; }
  .hero__text {
    padding-bottom: 0; }
    .hero__text .text-wrapper p {
      color: #FFF; }
  @media screen and (min-width: 768px) and (max-width: 992px) {
    .hero--home__image {
      padding-top: 60px;
      padding-bottom: 30px !important; } }
  @media screen and (min-width: 992px) {
    .hero--home {
      padding-top: 175px;
      padding-bottom: 125px; }
      .hero--home .hero--big-shape {
        bottom: 0;
        top: auto; }
    .hero__text {
      padding-bottom: 30px; } }
  @media screen and (min-width: 1199px) {
    .hero--home {
      padding-top: 175px;
      padding-bottom: 125px; } }
  @media screen and (min-width: 1499px) {
    .hero--home {
      padding-bottom: 150px;
      padding-top: 200px; } }

@media screen and (min-width: 992px) {
  .archives--listing {
    padding-bottom: 50px; } }

.legal-page {
  position: relative;
  margin: 100px auto 0; }
  .legal-page .container {
    position: relative;
    z-index: 2;
    padding: 0; }
  .legal-page--wrapper {
    margin: 0 auto;
    width: 100%;
    background-color: rgba(122, 241, 222, 0.07);
    border-radius: 40px;
    padding: 30px; }
    @media screen and (min-width: 768px) {
      .legal-page--wrapper {
        width: 601.66667px; } }
    @media screen and (min-width: 992px) {
      .legal-page--wrapper {
        width: 773.33333px; } }
    @media screen and (min-width: 1199px) {
      .legal-page--wrapper {
        width: 906.66667px; } }
    @media screen and (min-width: 1499px) {
      .legal-page--wrapper {
        width: 918.33333px; } }
    .legal-page--wrapper .big-title {
      padding-bottom: 30px;
      color: #FFF; }
    .legal-page--wrapper .custom-wysiwyg * {
      color: #FFF; }
  @media screen and (min-width: 768px) {
    .legal-page--wrapper {
      margin: 150px auto 0; } }
  @media screen and (min-width: 768px) {
    .legal-page--wrapper {
      border-radius: 60px;
      padding: 60px; } }

/* Half fields */
@media screen and (min-width: 992px) {
  .half-inputs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap; }
    .half-inputs p {
      width: 48%;
      margin: 0; } }

.hero--contact {
  margin-top: 100px; }
  @media screen and (min-width: 992px) {
    .hero--contact {
      margin-top: 100px; } }
  @media screen and (min-width: 1199px) {
    .hero--contact {
      margin-top: 120px; } }
  .hero--contact--wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 30px 0;
    margin: 0 auto;
    width: 100%; }
    @media screen and (min-width: 768px) {
      .hero--contact--wrapper {
        width: 601.66667px; } }
    @media screen and (min-width: 992px) {
      .hero--contact--wrapper {
        width: 773.33333px; } }
    @media screen and (min-width: 1199px) {
      .hero--contact--wrapper {
        width: 906.66667px; } }
    @media screen and (min-width: 1499px) {
      .hero--contact--wrapper {
        width: 1151.66667px; } }
  .hero--contact__image {
    padding: 0;
    margin: 0 30px 0 0; }
  .hero--contact__title p {
    margin-top: 0; }

@media screen and (min-width: 992px) {
  .hero--contact__image {
    padding: 0; } }

.contact-page--form {
  width: 100%;
  margin: 30px auto 60px;
  background-color: rgba(122, 241, 222, 0.07);
  border-radius: 45px;
  padding: 45px 30px 20px; }
  @media screen and (min-width: 768px) {
    .contact-page--form {
      width: 601.66667px; } }
  @media screen and (min-width: 992px) {
    .contact-page--form {
      width: 773.33333px; } }
  @media screen and (min-width: 1199px) {
    .contact-page--form {
      width: 906.66667px; } }
  @media screen and (min-width: 1499px) {
    .contact-page--form {
      width: 1151.66667px; } }
  .contact-page--form .title {
    color: #FFF; }
  .contact-page--form .container {
    padding: 0; }
  .contact-page--form__wrapper {
    padding: 30px 0 0; }
  @media screen and (min-width: 768px) {
    .contact-page--form {
      margin: 0 auto;
      padding: 45px 30px 20px; } }
  @media screen and (min-width: 992px) {
    .contact-page--form {
      border-radius: 60px;
      margin: 0 auto 66.66667px; } }
  @media screen and (min-width: 1199px) {
    .contact-page--form {
      padding: 60px 60px 30px;
      margin: 0 auto 100px; } }

.wpcf7 form br {
  display: none; }

.wpcf7 form span.wpcf7-list-item {
  margin: 0; }

.wpcf7 form select {
  width: 100%;
  padding: 10px 15px;
  margin-top: 5px;
  height: auto;
  color: #0B234B;
  font-size: 16px;
  letter-spacing: 1px;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: none;
  border: 2px solid #0B234B; }

.wpcf7 form input[type="radio"],
.wpcf7 form input[type="checkbox"] {
  display: none; }
  .wpcf7 form input[type="radio"] + span,
  .wpcf7 form input[type="checkbox"] + span {
    cursor: pointer;
    padding-right: 15px; }

.wpcf7 form span.label {
  display: block;
  opacity: 0.7;
  color: #FFF;
  font-size: 14px;
  margin-bottom: 5px;
  letter-spacing: 0.75px; }

.wpcf7 form input[type="radio"] + span,
.wpcf7 form input[type="checkbox"] + span {
  position: relative;
  padding-left: 25px;
  display: block; }
  .wpcf7 form input[type="radio"] + span::before,
  .wpcf7 form input[type="checkbox"] + span::before {
    content: '';
    height: 10px;
    width: 10px;
    position: absolute;
    top: 5px;
    left: 0;
    display: inline-block;
    border-radius: 100%;
    border: 2px solid #7AF1DE;
    transition: all 0.65s;
    -moz-transition: all 0.65s;
    -webkit-transition: all 0.65s; }
  .wpcf7 form input[type="radio"] + span::after,
  .wpcf7 form input[type="checkbox"] + span::after {
    left: 4px;
    top: 9px;
    position: absolute;
    width: 6px;
    height: 6px;
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    background: #7AF1DE;
    z-index: 2;
    opacity: 0; }

.wpcf7 form input[type="radio"]:checked + span::before,
.wpcf7 form input[type="checkbox"]:checked + span::before {
  background-color: #7AF1DE;
  border-radius: 100%; }

.wpcf7 form input[type="radio"]:checked + span::after,
.wpcf7 form input[type="checkbox"]:checked + span::after {
  opacity: 1; }

.wpcf7 form label {
  width: 100%;
  display: block;
  color: #FFF;
  font-size: 16px;
  margin-bottom: 10px; }
  .wpcf7 form label input[type="text"],
  .wpcf7 form label input[type='email'],
  .wpcf7 form label input[type="phone"],
  .wpcf7 form label input[type="tel"],
  .wpcf7 form label input[type="date"],
  .wpcf7 form label input[type="number"],
  .wpcf7 form label select,
  .wpcf7 form label textarea {
    width: 100%;
    max-width: 100%;
    padding: 10px 0;
    margin: 0 auto 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    border: none;
    border-bottom: 2px solid rgba(255, 255, 255, 0.5);
    font-size: 16px;
    color: #FFF;
    outline: none;
    background: none;
    caret-color: #7AF1DE;
    transition: all 0.65s;
    -moz-transition: all 0.65s;
    -webkit-transition: all 0.65s; }
    .wpcf7 form label input[type="text"]::placeholder,
    .wpcf7 form label input[type='email']::placeholder,
    .wpcf7 form label input[type="phone"]::placeholder,
    .wpcf7 form label input[type="tel"]::placeholder,
    .wpcf7 form label input[type="date"]::placeholder,
    .wpcf7 form label input[type="number"]::placeholder,
    .wpcf7 form label select::placeholder,
    .wpcf7 form label textarea::placeholder {
      color: rgba(255, 255, 255, 0.5); }
    .wpcf7 form label input[type="text"]:focus,
    .wpcf7 form label input[type='email']:focus,
    .wpcf7 form label input[type="phone"]:focus,
    .wpcf7 form label input[type="tel"]:focus,
    .wpcf7 form label input[type="date"]:focus,
    .wpcf7 form label input[type="number"]:focus,
    .wpcf7 form label select:focus,
    .wpcf7 form label textarea:focus {
      border-color: #7AF1DE;
      color: #7AF1DE; }
    @media screen and (min-width: 992px) {
      .wpcf7 form label input[type="text"],
      .wpcf7 form label input[type='email'],
      .wpcf7 form label input[type="phone"],
      .wpcf7 form label input[type="tel"],
      .wpcf7 form label input[type="date"],
      .wpcf7 form label input[type="number"],
      .wpcf7 form label select,
      .wpcf7 form label textarea {
        font-size: 18px; } }
  .wpcf7 form label select {
    color: #0B234B; }
  .wpcf7 form label textarea {
    height: 120px;
    font-family: "Roboto", arial, sans-serif;
    margin-top: 20px;
    border-radius: 20px;
    padding: 20px;
    background: #FFF;
    border: none;
    color: #0B234B; }
    .wpcf7 form label textarea::placeholder {
      color: #0B234B;
      padding: 20px; }
    .wpcf7 form label textarea:focus {
      color: #0B234B; }

.wpcf7 form input[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  display: block;
  margin-top: 0;
  font-size: 16px; }

.wpcf7 form .wpcf7-not-valid-tip {
  font-size: 14px;
  text-align: right; }

.wpcf7 form .wpcf7-response-output {
  background: #FFF;
  border-radius: 40px;
  margin: 15px 0 0 0;
  padding: 20px 30px;
  border: none; }

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output, .wpcf7 form.spam .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
  background: #fce5ab;
  color: #715204; }

.wpcf7 form.failed .wpcf7-response-output {
  background: #f7cfbb;
  color: #732f0d; }

.wpcf7 form.sent .wpcf7-response-output {
  background: #e1eabb;
  color: #4c581b; }

@media screen and (max-width: 575px) {
  .contact-form-wrapper {
    padding: 0; } }

.twocol--item .picture {
  opacity: 0; }

.twocol--item .title,
.twocol--item .custom-wysiwyg,
.twocol--item .btn-wrapper {
  opacity: 0; }

.twocol.is-visible .twocol--item picture {
  animation: fadein 2.25s 1 forwards; }

.twocol.is-visible .twocol--item .title {
  animation: fadeup 0.75s 0.25s 1 forwards; }

.twocol.is-visible .twocol--item .custom-wysiwyg {
  animation: fadeup 0.75s 0.5s 1 forwards; }

.twocol.is-visible .twocol--item .btn-wrapper {
  animation: fadeup 0.75s 0.75s 1 forwards; }

.twocol--full .item-left,
.twocol--full .item-right {
  opacity: 0; }

.twocol--full.is-visible .item-left {
  animation: fadein 0.75s 1 forwards; }

.twocol--full.is-visible .item-right {
  animation: fadeup 0.75s 0.25s 1 forwards; }

.about--concept .image-wrapper,
.about--concept .text-wrapper,
.about--concept .item-left,
.about--concept .item-right, .about--inspiration .image-wrapper,
.about--inspiration .text-wrapper,
.about--inspiration .item-left,
.about--inspiration .item-right {
  opacity: 0; }

.about--concept.is-visible .image-wrapper,
.about--concept.is-visible .item-left, .about--inspiration.is-visible .image-wrapper,
.about--inspiration.is-visible .item-left {
  animation: fadein 0.75s 0.25s 1 forwards; }

.about--concept.is-visible .text-wrapper,
.about--concept.is-visible .item-right, .about--inspiration.is-visible .text-wrapper,
.about--inspiration.is-visible .item-right {
  animation: fadeup 0.75s 0.5s 1 forwards; }

.about--continue .image-wrapper,
.about--continue p {
  opacity: 0; }

.about--continue.is-visible .image-wrapper {
  animation: fadeup 0.75s 1 forwards; }

.about--continue.is-visible p {
  animation: fadeup 0.75s 0.5s 1 forwards; }

.home--hero__wrapper {
  opacity: 0; }

.home--hero__text {
  opacity: 0; }

.home--hero.is-visible .home--hero__wrapper {
  animation: fadeup 0.75s 0.25s 1 forwards; }

.home--hero.is-visible .home--hero__text {
  animation: fadeup 0.75s 0.5s 1 forwards; }

.hero--page__illus .illu {
  opacity: 0; }

.hero--page.is-visible .hero--page__illus .illu {
  animation: fadeup 0.75s 1 forwards; }
  .hero--page.is-visible .hero--page__illus .illu--left {
    animation-delay: 0.5s; }
  .hero--page.is-visible .hero--page__illus .illu--center {
    animation-delay: 0.25s; }
  .hero--page.is-visible .hero--page__illus .illu--right {
    animation-delay: 0.75s; }

.main-title-wrapper .title {
  opacity: 0; }
  .main-title-wrapper .title span {
    opacity: 0; }

.is-visible .main-title-wrapper .title {
  animation: fadeup 0.75s 0.25s 1 forwards; }
  .is-visible .main-title-wrapper .title span {
    animation: fadeup 0.75s 0.75s 1 forwards; }

.menu-list__item {
  opacity: 0; }

.is-visible .menu-list .menu-list__item {
  animation: fadeup 0.75s 0.25s 1 forwards linear; }
  .is-visible .menu-list .menu-list__item:nth-child(1) {
    animation-delay: 500ms; }
  .is-visible .menu-list .menu-list__item:nth-child(2) {
    animation-delay: 750ms; }
  .is-visible .menu-list .menu-list__item:nth-child(3) {
    animation-delay: 1000ms; }
  .is-visible .menu-list .menu-list__item:nth-child(4) {
    animation-delay: 1250ms; }
  .is-visible .menu-list .menu-list__item:nth-child(5) {
    animation-delay: 1500ms; }
  .is-visible .menu-list .menu-list__item:nth-child(6) {
    animation-delay: 1750ms; }
  .is-visible .menu-list .menu-list__item:nth-child(7) {
    animation-delay: 2000ms; }
  .is-visible .menu-list .menu-list__item:nth-child(8) {
    animation-delay: 2250ms; }
  .is-visible .menu-list .menu-list__item:nth-child(9) {
    animation-delay: 2500ms; }
  .is-visible .menu-list .menu-list__item:nth-child(10) {
    animation-delay: 2750ms; }
  .is-visible .menu-list .menu-list__item:nth-child(11) {
    animation-delay: 3000ms; }
  .is-visible .menu-list .menu-list__item:nth-child(12) {
    animation-delay: 3250ms; }
  .is-visible .menu-list .menu-list__item:nth-child(13) {
    animation-delay: 3500ms; }
  .is-visible .menu-list .menu-list__item:nth-child(14) {
    animation-delay: 3750ms; }
  .is-visible .menu-list .menu-list__item:nth-child(15) {
    animation-delay: 4000ms; }
  .is-visible .menu-list .menu-list__item:nth-child(16) {
    animation-delay: 4250ms; }
  .is-visible .menu-list .menu-list__item:nth-child(17) {
    animation-delay: 4500ms; }
  .is-visible .menu-list .menu-list__item:nth-child(18) {
    animation-delay: 4750ms; }
  .is-visible .menu-list .menu-list__item:nth-child(19) {
    animation-delay: 5000ms; }
  .is-visible .menu-list .menu-list__item:nth-child(20) {
    animation-delay: 5250ms; }
  .is-visible .menu-list .menu-list__item:nth-child(21) {
    animation-delay: 5500ms; }
  .is-visible .menu-list .menu-list__item:nth-child(22) {
    animation-delay: 5750ms; }
  .is-visible .menu-list .menu-list__item:nth-child(23) {
    animation-delay: 6000ms; }
  .is-visible .menu-list .menu-list__item:nth-child(24) {
    animation-delay: 6250ms; }
  .is-visible .menu-list .menu-list__item:nth-child(25) {
    animation-delay: 6500ms; }
  .is-visible .menu-list .menu-list__item:nth-child(26) {
    animation-delay: 6750ms; }
  .is-visible .menu-list .menu-list__item:nth-child(27) {
    animation-delay: 7000ms; }
  .is-visible .menu-list .menu-list__item:nth-child(28) {
    animation-delay: 7250ms; }
  .is-visible .menu-list .menu-list__item:nth-child(29) {
    animation-delay: 7500ms; }
  .is-visible .menu-list .menu-list__item:nth-child(30) {
    animation-delay: 7750ms; }

section .btn-wrapper {
  opacity: 0; }

section.is-visible .btn-wrapper {
  animation: fadeup 0.75s 0.75s 1 forwards; }

.listing-restaurant__item {
  opacity: 0; }

.listing-restaurant.is-visible .listing-restaurant__item {
  animation: fadeup 0.75s 0.25s 1 forwards linear; }
  .listing-restaurant.is-visible .listing-restaurant__item:nth-child(1) {
    animation-delay: 500ms; }
  .listing-restaurant.is-visible .listing-restaurant__item:nth-child(2) {
    animation-delay: 750ms; }
  .listing-restaurant.is-visible .listing-restaurant__item:nth-child(3) {
    animation-delay: 1000ms; }
  .listing-restaurant.is-visible .listing-restaurant__item:nth-child(4) {
    animation-delay: 1250ms; }
  .listing-restaurant.is-visible .listing-restaurant__item:nth-child(5) {
    animation-delay: 1500ms; }
  .listing-restaurant.is-visible .listing-restaurant__item:nth-child(6) {
    animation-delay: 1750ms; }
  .listing-restaurant.is-visible .listing-restaurant__item:nth-child(7) {
    animation-delay: 2000ms; }
  .listing-restaurant.is-visible .listing-restaurant__item:nth-child(8) {
    animation-delay: 2250ms; }
  .listing-restaurant.is-visible .listing-restaurant__item:nth-child(9) {
    animation-delay: 2500ms; }
  .listing-restaurant.is-visible .listing-restaurant__item:nth-child(10) {
    animation-delay: 2750ms; }
  .listing-restaurant.is-visible .listing-restaurant__item:nth-child(11) {
    animation-delay: 3000ms; }
  .listing-restaurant.is-visible .listing-restaurant__item:nth-child(12) {
    animation-delay: 3250ms; }

.banner-honoraires--wrapper, .banner-honoraires--title, .banner-honoraires--list__item,
.banner-honoraires small {
  opacity: 0; }

.banner-honoraires.is-visible small {
  animation: fadeup 0.75s 0.75s 1 forwards; }

.banner-honoraires.is-visible .banner-honoraires--wrapper {
  animation: fadein 0.75s 1 forwards; }

.banner-honoraires.is-visible .banner-honoraires--title {
  animation: fadeup 0.75s 0.25s 1 forwards; }

.banner-honoraires.is-visible .banner-honoraires--list__item {
  animation: fadeup 0.75s 0.25s 1 forwards linear; }
  .banner-honoraires.is-visible .banner-honoraires--list__item:nth-child(1) {
    animation-delay: 500ms; }
  .banner-honoraires.is-visible .banner-honoraires--list__item:nth-child(2) {
    animation-delay: 750ms; }
  .banner-honoraires.is-visible .banner-honoraires--list__item:nth-child(3) {
    animation-delay: 1000ms; }
  .banner-honoraires.is-visible .banner-honoraires--list__item:nth-child(4) {
    animation-delay: 1250ms; }
  .banner-honoraires.is-visible .banner-honoraires--list__item:nth-child(5) {
    animation-delay: 1500ms; }

.banner--usp .container {
  opacity: 0; }

.banner--usp.is-visible .container {
  animation: fadeup 0.75s 0.25s 1 forwards; }

.footer--main__logo, .footer--main__menu, .footer--main__contact {
  opacity: 0; }

.footer--bottom {
  opacity: 0; }

.footer.is-visible .footer--main__logo {
  animation: fadeup 0.75s 1 forwards; }

.footer.is-visible .footer--main__contact {
  animation: fadeup 0.75s 0.25s 1 forwards; }

.footer.is-visible .footer--main__menu {
  animation: fadeup 0.75s 0.5s 1 forwards; }

.footer.is-visible .footer--bottom {
  animation: fadeup 0.75s 0.75s 1 forwards; }

.menu-carte--page .filters {
  opacity: 0; }

.menu-carte--page.is-visible .filters {
  animation: fadein 0.75s 0.75s 1 forwards; }

.contact-page--form {
  opacity: 0; }
  .contact-page--form.is-visible {
    animation: fadein 0.75s 0.75s 1 forwards; }

.banner-text--intro, .banner-text--left, .banner-text--right {
  opacity: 0; }

.banner-text.is-visible .banner-text--intro {
  animation: fadeup 0.75s 1 forwards; }

.banner-text.is-visible .banner-text--left {
  animation: fadeup 0.75s 0.25s 1 forwards; }

.banner-text.is-visible .banner-text--right {
  animation: fadeup 0.75s 0.5s 1 forwards; }

.banner--cta--wrapper {
  opacity: 0; }

.banner--cta.is-visible .banner--cta--wrapper {
  animation: fadeup 0.75s 0.25s 1 forwards; }

.jobs-page--listing {
  opacity: 0; }
  .jobs-page--listing .filtered-item {
    opacity: 0; }
    .jobs-page--listing .filtered-item.is-visible {
      animation: fadeup 0.75s 0.25s 1 forwards; }
  .jobs-page--listing.is-visible {
    animation: fadeup 0.75s 0.25s 1 forwards; }