/*
Theme Name: Positivie Thkinking Company
Theme URI: https://worldofdigits.com/
Author: Wod
Author URI: https://worldofdigits.com/
Description: Theme for PTC
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: positivethinkingcompany
*/
html {
  /*it means 10px if default font-size browser is 16px */
  font-size: 62.5%;
}
body {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body,
html {
  width: 100%;
  overflow-x: hidden;
}
*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
/*Reset some elements */
dd,
ol,
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
img {
  max-width: 100%;
}
/*Global Variable */
:root {
  --test-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='512' height='512' viewBox='0 0 512 512' %3E%3Cpath d='M224 387.814v124.186l-192-192 192-192v126.912c223.375 5.24 213.794-151.896 156.931-254.912 140.355 151.707 110.55 394.785-156.931 387.814z' %3E%3C/path%3E %3C/svg%3E");
  /*main text and background*/
  --main-bg-color: #fff;
  --main-font-color: #250044;
  /* dominant colors*/
  --primary-color: #ff0044;
  --secondary-color: #25b3c3;
  /* dark and light colors*/
  --light-color: #fff;
  --dark-color: #000;
  /* accent colors*/
  --marine-color: #250044;
  --accent-color-1: #fcba28;
  --accent-color-2: #250044;
  --sand-color: #fcf7ef;
  --bg-field-color: #4b266a;
  /* notification colors*/
  --success-color: #25b3c3;
  --warning-color: #ff0044;

  --wrapper-width: 1366px;
  --menu-height: 74px
}
@media (min-width: 720px) {
:root {
    --menu-height: 135px
}
  }
:root {

  --global-padding-h: 10px
}
@media (min-width: 600px) {
:root {
    --global-padding-h: 40px
}
  }
@media (min-width: 1300px) {
:root {
    --global-padding-h: 80px
}
  }
:root {

  
  --section-spacer-v: 60px
}
@media (min-width: 600px) {
:root {
    --section-spacer-v: 90px
}
  }
@media (min-width: 720px) {
:root {
    --section-spacer-v: 120px
}
  }
:root {

  
  --hero-border-radius: 80px
}
@media (min-width: 600px) {
:root {
    --hero-border-radius: 100px
}
  }
@media (min-width: 720px) {
:root {
    --hero-border-radius: 170px
}
  }
/*Default spacing for every device width*/
@media (min-width: 320px) {
  :root {
    --spacing: 20px;
  }
}
@media (min-width: 720px) {
  :root {
    --spacing: 40px;
  }
}
@media (min-width: 920px) {
  :root {
    --spacing: 80px;
  }
}
@media (min-width: 1200px) {
  :root {
    --spacing: 150px;
  }
}
@font-face {
  font-family: "blogger";
  src: url("assets/fonts/Blogger Sans.otf");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "blogger";
  src: url("assets/fonts/Blogger Sans-Bold.otf");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "circle";
  src: url("assets/fonts/CircularStd-Book.ttf");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "circle";
  src: url("assets/fonts/CircularStd-Black.ttf");
  font-weight: 600;
  font-style: normal;
}
body {
  background-color: #fff;
  background-color: #fff;
  background-color: var(--main-bg-color);
  color: #250044;
  color: #250044;
  color: var(--main-font-color);
  font-family: "circle", sans-serif;
}
/*Titles*/
[class*="title-h"],
h1,
h2,
h3,
h4 {
  font-family: "blogger";
}
.title-h1,
h1 {
  font-size: 4.4rem;
}
.title-h2,
h2 {
  font-size: 3rem
}
@media (min-width: 600px) {
.title-h2,
h2 {
    font-size: 3.8rem
}
  }
.title-h3,
h3 {
  font-size: 2.8rem;
}
.title-h3 {
  margin-bottom: 10px;
}
.title-h4,
h4 {
  font-size: 2rem;
}
input::-moz-placeholder {
  font-family: "circle";
  font-size: 1.6rem;
  line-height: 3rem;
}
input:-ms-input-placeholder {
  font-family: "circle";
  font-size: 1.6rem;
  line-height: 3rem;
}
input::-webkit-input-placeholder {
  font-family: "circle";
  font-size: 1.6rem;
  line-height: 3rem;
}
input::-ms-input-placeholder {
  font-family: "circle";
  font-size: 1.6rem;
  line-height: 3rem;
}
input,
input::placeholder,
ol,
p,
select,
textarea,
ul,
ol,
.hbspt-form form,
table {
  font-family: "circle";
  font-size: 1.6rem;
  line-height: 3rem;
}
/* Desktop and Tablet*/
@media (min-width: 720px) {
  .title-h1,
  h1 {
    font-size: 7.4rem;
  }

  .title-h2,
  h2 {
    font-size: 4.8rem;
  }

  .title-h3,
  h3 {
    font-size: 3.4rem;
    line-height: 1.2;
  }

  .title-h4,
  h4 {
    font-size: 2.6rem;
  }
}
.small {
  font-size: 1.4rem;
}
.breadcrumb_last,
.label {
  font-size: 1.4rem;
  text-transform: uppercase;
  color: #250044;
  color: #250044;
  color: var(--main-font-color);
  font-weight: 600;
  letter-spacing: 1px;
  font-family: "circle";
}
.breadcrumb_last--small, .label--small {
    text-transform: none;
    font-weight: 100;
    letter-spacing: 0.5px;
  }
a {
  cursor: pointer;
}
p + ol li a,
p + ul li a,
p + ol li a,
p a {
  color: #25b3c3;
  color: #25b3c3;
  color: var(--secondary-color);
  font-weight: 600;
  font-style: italic;
  text-decoration: none;
  margin-left: 2px;
  margin-right: 3px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease
}
p + ol li a:hover, p + ul li a:hover, p + ol li a:hover, p a:hover {
    color: #ff0044;
    color: #ff0044;
    color: var(--primary-color);
  }
p + ol li a[target="_blank"]:after, p + ul li a[target="_blank"]:after, p + ol li a[target="_blank"]:after, p a[target="_blank"]:after {
      content: "";
      display: inline-block;
      width: 17px;
      height: 17px;
      background-image: url("assets/images/icons/arrow--blue.svg");
      background-size: contain;
      background-position: center center;
      background-repeat: no-repeat;
      margin-left: 5px;
      -webkit-transform: translateY(3px) rotate(-45deg);
              transform: translateY(3px) rotate(-45deg);
    }
/* a[target="_blank"]{
  color:var(--secondary-color);
  position: relative;
  padding-right:12px;
  &::after{
    content:url('assets/images/link.svg');
    position: relative;
    top: -6px;
    right: 0px;

  }
} */
.grecaptcha-badge {
  opacity: 0;
  pointer-events: none;
}
#cursor {
  width: 30px;
  height: 30px;
  background-color: rgba(255, 0, 68, 0.7);
  border-radius: 50%;
  position: fixed;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 9999;
  border: solid white 2px;
  -webkit-transition: width 0.3s ease, height 0.3s ease;
  transition: width 0.3s ease, height 0.3s ease;
  top: 100px;
  left: -50px
}
#cursor.is-hover {
    width: 50px;
    height: 50px;
    background-color: rgba(255, 0, 68, 0.3);
  }
/* * {
  cursor: none !important;
} */
.hero {
  --hero-h-offset          : var(--global-padding-h);
  --hero-height            : calc(60vh - var(--menu-height))
}
@media (min-width: 720px) {
.hero {
    --hero-height  : calc(100vh - var(--menu-height) - 50px);
    --hero-h-offset: 60px
}
  }
@media (min-width: 1300px) {
.hero {
    --hero-h-offset: 115px
}
  }
.hero {
  position                 : relative;
  display                  : -webkit-box;
  display                  : -ms-flexbox;
  display                  : flex;
  -webkit-box-orient           : vertical;
  -webkit-box-direction           : reverse;
      -ms-flex-direction           : column-reverse;
          flex-direction           : column-reverse;
  -webkit-box-align              : start;
      -ms-flex-align              : start;
          align-items              : flex-start;
  -webkit-box-pack          : center;
      -ms-flex-pack          : center;
          justify-content          : center;
  height                   : auto;
  min-height               : var(--hero-height);
  margin-top               : calc(74px * 1);
  margin-top               : calc(74px * 1);
  margin-top               : calc(var(--menu-height) * 1);
  padding-bottom           : 30px;
  background-color         : #fcf7ef;
  background-color         : #fcf7ef;
  background-color         : var(--sand-color);
  color                    : inherit;
  border-bottom-left-radius: 80px;
  border-bottom-left-radius: 80px;
  border-bottom-left-radius: var(--hero-border-radius);
  overflow                 : hidden
}
@media (min-width: 720px) {
.hero {
    padding-top: 30px
    /* padding-bottom: */
}
  }
.hero--medium {
    --hero-height: calc(75vh - var(--menu-height) - 50px);
    margin-bottom: calc(60px / 2);
    margin-bottom: calc(60px / 2);
    margin-bottom: calc(var(--section-spacer-v) / 2);
    overflow     : visible;
  }
.hero--medium .hero__title {
      max-width: none;
    }
.hero--small {
    --hero-height : 370px;
    margin-bottom : 100px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    overflow      : visible;
  }
@media (max-width: 719px) {

  .hero__content--archive .hero__header {
      position : absolute;
      top      : -20px;
      left     : 0;
      right    : 0;
      -webkit-transform: translate(0, -100%);
              transform: translate(0, -100%)
  }
    }
.hero__content {
    /* padding    : 20px; */
    margin-left  : calc(var(--hero-h-offset) + var(--hero-h-offset));
    margin-top   : 40px;
    z-index      : 9;
    width        : auto;
    padding-right: var(--hero-h-offset);
    position     : relative;
  }
.hero__content .hero__text,
    .hero__content p {
      font-size: 1.8rem;
    }
@media (min-width: 720px) {

  .hero__content {
      position       : relative;
      display        : -webkit-box;
      display        : -ms-flexbox;
      display        : flex;
      -webkit-box-orient : vertical;
      -webkit-box-direction : normal;
          -ms-flex-direction : column;
              flex-direction : column;
      -webkit-box-align    : ccenter;
          -ms-flex-align    : ccenter;
              align-items    : ccenter;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      margin-top     : 0;
      margin-left    : calc(var(--hero-h-offset) * 0.5);
      padding-right  : 0;
      width          : calc(75% - var(--hero-h-offset) - calc(var(--hero-h-offset) * 0.5) - 60px)
  }
    }
@media (max-width: 599px) {

  .hero__content {
      margin-left: calc(var(--hero-h-offset) * 5)
  }
    }
@media (min-width: 1300px) {

  .hero__content {
      margin-right: 0;
      margin-left : var(--hero-h-offset);
      width       : calc(50% - var(--hero-h-offset) - calc(var(--hero-h-offset) * 0.5) - 20px)
  }
    }
.hero--small .hero__content {
      position     : relative;
      top          : auto;
      left         : auto;
      right        : auto;
      bottom       : auto;
      -webkit-transform    : none;
              transform    : none;
      margin-top   : 50px;
      margin-bottom: 30px;
      max-width    : none;
      margin-left  : var(--hero-h-offset);
      margin-right : 10px;
      margin-right : 10px;
      margin-right : var(--global-padding-h);
      width        : auto
    }
@media (min-width: 720px) {

    .hero--small .hero__content {
        margin-top: 100px
    }
      }
@media (min-width: 1300px) {

    .hero--small .hero__content {
        width        : 80%;
        margin-right : 0;
        margin-bottom: 50px;
    }

        .hero--small .hero__content .hero__text,
        .hero--small .hero__content .hero__text + p {
          width: 80%;
        }
      }
@media (min-width: 720px) {

    .hero__content--archive {
        left: 100px
    }
      }
.hero--medium .hero__content {
      max-width: none
    }
@media (min-width: 1300px) {

    .hero--medium .hero__content {
        width: calc(60% - (100px + 120px))
    }
      }
@media (min-width: 720px) {

      .hero--medium .hero__content:not(.hero__content--archive) {
          width: calc(40% - var(--hero-h-offset))
      }
        }
@media (max-width: 719px) {

  .hero__text,
  .hero__text + p {
      color: #250044;
      color: #250044;
      color: var(--main-font-color)
  }
    }
.hero__category {
    margin-bottom: 10px;
  }
.white-color .hero__category {
      color: white;
    }
.hero__back {
    margin-bottom: 45px
  }
.hero__back.btn {
      padding-left: 37px
    }
.hero__back.btn::after {
        left     : 0;
        -webkit-transform: translateY(-50%) scaleX(-1);
                transform: translateY(-50%) scaleX(-1);
      }
.hero__label {
    margin-bottom: 20px;
  }
.hero__title {
    position      : relative;
    text-transform: uppercase;
    padding-bottom: 20px;
    margin-bottom : 50px;
    color         : #ff0044;
    color         : #ff0044;
    color         : var(--primary-color);
  }
@media (max-width: 719px) {

    .hero:not(.hero--medium) .hero__content--archive .hero__title {
        font-size    : 6rem;
        margin-bottom: 100px
    }
      }
@media (max-width: 450px) {

    .hero:not(.hero--medium) .hero__content--archive .hero__title {
        font-size    : 4rem;
        margin-bottom: 80px
    }
      }
@media (max-width: 719px) {

    .hero__title--superhero {
        font-size: 4rem
    }
      }
.hero__title:after {
      content         : "";
      height          : 10px;
      width           : 40px;
      background-color: #ff0044;
      background-color: #ff0044;
      background-color: var(--primary-color);
      position        : absolute;
      left            : 0;
      bottom          : -5px;
    }
.hero__content--archive .hero__title:after {
        background-color: white;
      }
@media (min-width: 720px) {

    .hero__title:after {
        height: 15px;
        width : 78px;
        bottom: -15px
    }
      }
.hero--small .hero__title {
      max-width: none;
    }
.hero__title.title-h2 {
      text-transform: none;
    }
.hero__title strong {
      position    : relative;
      z-index     : 0;
      -webkit-box-shadow  : inset 0 -30px rgba(252, 186, 40, 0.8);
              box-shadow  : inset 0 -30px rgba(252, 186, 40, 0.8);
      padding-left: 8px;
      margin-left : -8px
    }
@media (min-width: 720px) {

    .hero__title strong {
        -webkit-box-shadow  : inset 0 -46px rgba(252, 186, 40, 0.8);
                box-shadow  : inset 0 -46px rgba(252, 186, 40, 0.8);
        padding-left: 18px;
        margin-left : -18px
    }
      }
.hero__title.white-color {
      color: white
    }
.hero__title.white-color::after {
        background-color: white;
      }
.hero__bg {
    display                  : block;
    margin-left              : var(--hero-h-offset);
    position                 : relative;
    border-bottom-left-radius: 80px;
    border-bottom-left-radius: 80px;
    border-bottom-left-radius: var(--hero-border-radius);
    overflow                 : hidden;
    height                   : var(--hero-height)
  }
@media (min-width: 720px) {

  .hero__bg {
      position   : absolute;
      margin-left: 0;
      top        : 0;
      left       : var(--hero-h-offset);
      right      : 0;
      bottom     : 0;
      height     : auto
  }
    }
.hero__bg:after {
      content                  : "";
      background-color         : inherit;
      mix-blend-mode           : darken;
      position                 : absolute;
      left                     : 0;
      top                      : 0;
      bottom                   : 0;
      z-index                  : 1;
      border-bottom-left-radius: 80px;
      border-bottom-left-radius: 80px;
      border-bottom-left-radius: var(--hero-border-radius);
      background-color         : #ff0044;
      background-color         : #ff0044;
      background-color         : var(--primary-color);
      width                    : 40%
    }
@media (min-width: 720px) {

    .hero__bg:after {
        width: 75%
    }
      }
@media (min-width: 1300px) {

    .hero__bg:after {
        width: 50%
    }
      }
@media (min-width: 1300px) {

      .hero--medium .hero__bg:after {
          width: 60%
      }
        }
.hero__bg--insights::after {
      background-color: #25b3c3;
      background-color: #25b3c3;
      background-color: var(--secondary-color);
    }
.hero__bg--products::after {
      background-color: #fcba28;
      background-color: #fcba28;
      background-color: var(--accent-color-1);
      opacity         : 0.8;
      mix-blend-mode  : unset;
    }
@media (max-width: 719px) {

    .hero--medium .hero__bg {
        --hero-height: calc(40vh)
    }
      }
.hero__bg--special:after {
          width:100%;
        }
.hero__bg-img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width : 100%;
    width     : 100%;
    display   : block;
    height    : 100%;
  }
.hero__bg-img--blur {
      position  : absolute;
      left      : 0;
      bottom    : 0;
      -webkit-filter: blur(5px);
              filter: blur(5px);
      overflow  : hidden;
      width     : 100%;
      -o-object-fit: cover;
         object-fit: cover;
      height    : 100%;
      -webkit-clip-path : polygon(0 0, 40% 0, 40% 100%, 0% 100%);
              clip-path : polygon(0 0, 40% 0, 40% 100%, 0% 100%)
    }
@media (min-width: 720px) {

    .hero__bg-img--blur {
        -webkit-clip-path: polygon(0 0, 75% 0, 75% 100%, 0% 100%);
                clip-path: polygon(0 0, 75% 0, 75% 100%, 0% 100%)
    }
      }
@media (min-width: 1300px) {

    .hero__bg-img--blur {
        -webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0% 100%);
                clip-path: polygon(0 0, 50% 0, 50% 100%, 0% 100%)
    }
      }
@media (min-width: 1300px) {

      .hero--medium .hero__bg-img--blur {
          -webkit-clip-path: polygon(0 0, 60% 0, 60% 100%, 0% 100%);
                  clip-path: polygon(0 0, 60% 0, 60% 100%, 0% 100%)
      }
        }
.hero__bg-img--special{
      float: right;position: relative;width: 50%;border-bottom-left-radius: 100px;z-index: 2;
    }
.hero__svg-container {
    position: absolute;
    top     : 0;
    right   : 0;
    bottom  : 0;
    width   : 30%;
    z-index : 2;
    display : none
  }
@media (min-width: 1300px) {

  .hero__svg-container {
      width  : 63%;
      display: block
  }
    }
.hero__svg-container svg {
      position: absolute;
      height  : auto;
      width   : auto;
    }
.hero__svg-container svg * {
        stroke-width: 4px;
      }
.hero__svg-container .shape1 {
      height: 50%;
      left  : 15%;
      top   : 7%;
    }
.hero__svg-container .shape2 {
      height   : 60%;
      top      : 50%;
      left     : 60%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
    }
.hero__svg-container--insights .shape1 {
        top   : 15%;
        height: 45%;
        left  : 25%;
      }
.hero__svg-container--insights .shape2 {
        height   : 67%;
        top      : 60%;
        left     : 30%;
        -webkit-transform: translate(0%, -50%);
                transform: translate(0%, -50%);
      }
.hero__svg-container--products .shape1 {
        height   : 35%;
        top      : 50%;
        left     : 50%;
        right    : auto;
        bottom   : auto;
        -webkit-transform: translate(-50%, -90%);
                transform: translate(-50%, -90%);
      }
.hero__svg-container--products .shape2 {
        height   : 35%;
        top      : 50%;
        left     : 50%;
        right    : auto;
        bottom   : auto;
        -webkit-transform: translate(-50%, -10%);
                transform: translate(-50%, -10%);
      }
.hero__svg-container *[class*="shape"] {
      mix-blend-mode: darken;
      top           : 50%;
      left          : 50%;
      -webkit-transform     : translate(-50%, -50%);
              transform     : translate(-50%, -50%);
      max-width     : 80%;
      max-height    : 80%;
      height        : auto;
    }
.hero__svg-container--decor1 svg.shape1 {
        width: 50%;
      }
.hero__svg-container--decor1 svg.shape2 {
        top  : 65%;
        left : 35%;
        width: 25%;
      }
.hero__svg-container--decor2 svg.shape1 {
        height: 50%;
      }
.hero__svg-container--decor2 svg.shape2 {
        height: 50%;
      }
.hero__svg-container--decor3 svg.shape1 {
        width: 40%;
      }
.hero__picture {
    display        : -webkit-box;
    display        : -ms-flexbox;
    display        : flex;
    -webkit-box-align    : center;
        -ms-flex-align    : center;
            align-items    : center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    z-index        : 0;
    height         : 25vh;
    max-width      : 60%;
    margin-bottom  : -120px;
    margin-top     : 20px;
    margin-left    : auto;
    padding-right  : 20px;
  }
.hero__picture .hero__img {
      height: 100%;
    }
@media (max-width: 599px) {

  .hero__picture {
      margin-bottom  : 0;
      margin-right   : auto;
      padding-right  : 0;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center
  }
    }
@media (min-width: 720px) {

  .hero__picture {
      position       : absolute;
      top            : -50px;
      bottom         : -50px;
      right          : 0;
      width          : 60%;
      height         : auto;
      margin-bottom  : 0;
      margin-top     : 0;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding-right  : 0
  }
    }
.hero--small .hero__picture {
      display: none
    }
@media (min-width: 1300px) {

    .hero--small .hero__picture {
        display: block
    }
      }
.hero__picture-container {
    position: relative;
    /* width: 100%; */
    height  : 100%
  }
@media (min-width: 1150px) {

  .hero__picture-container {
      height: 80%
  }
    }
.hero--small .hero__picture-container {
      width: 100%;
    }
.hero__picture-container--blog {
      height: auto;
    }
/* width: 0; */
.hero__picture-container--blog img,
      .hero__picture-container--blog svg {
        height   : 200px;
        max-width: 450px
      }
@media (min-width: 720px) {
      .hero__picture-container--blog img,
      .hero__picture-container--blog svg {
          height: calc(var(--hero-height) - 50px)
      }
        }
@media (min-width: 1300px) {
      .hero__picture-container--blog img,
      .hero__picture-container--blog svg {
          max-width: none
      }
        }
.hero__picture-container--page {
      display        : -webkit-box;
      display        : -ms-flexbox;
      display        : flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align    : center;
          -ms-flex-align    : center;
              align-items    : center;
    }
.hero__picture-container .blog-shape1,
    .hero__picture-container .blog-shape2,
    .hero__picture-container .blog-shape3 {
      position      : absolute;
      top           : 50%;
      left          : 50%;
      -webkit-transform     : translate(-50%, -50%);
              transform     : translate(-50%, -50%);
      mix-blend-mode: darken;
    }
.hero__img img {
      height    : 100%;
      max-height: calc(75vh - 74px - 80px);
      max-height: calc(75vh - 74px - 80px);
      max-height: calc(75vh - var(--menu-height) - 80px);
      width     : auto;
      display   : block;
      -o-object-fit: cover;
         object-fit: cover;
    }
.hero__img *[class*="shape"] {
      position  : absolute;
      top       : 50%;
      left      : 50%;
      -webkit-transform : translate(-50%, -50%);
              transform : translate(-50%, -50%);
      max-width : 40%;
      max-height: 40%;
    }
.hero__img--decor1 .shape1 {
        left      : 3%;
        top       : 17%;
        width     : auto;
        height    : 60%;
        max-width : none;
        max-height: none;
      }
.hero__img--decor1 .shape2 {
        top       : auto;
        left      : auto;
        right     : -5%;
        bottom    : -5%;
        -webkit-transform : translate(0, 0);
                transform : translate(0, 0);
        width     : auto;
        height    : 28%;
        max-width : none;
        max-height: none;
      }
.accordion__list {
    --accordion_line_width : 4px;
    --accordion_bullet     : 25px;
    --accordion_left_offset: 50px
  }
@media (max-width: 719px) {
  .accordion__list {
      --accordion_left_offset: 30px;
      margin-left: calc(10px + 6px);
      margin-left: calc(10px + 6px);
      margin-left: calc(var(--global-padding-h) + 6px)
  }
    }
.accordion__list {

    position               : relative;
    padding-left           : var(--accordion_left_offset) !important
  }
.accordion__list::before {
      content         : '';
      width           : 4px;
      height          : 100%;
      background-color: #ff0044;
      background-color: #ff0044;
      background-color: var(--primary-color);
      position        : absolute;
      left            : 0;
      top             : -10px;
      -webkit-transition      : all 3s;
      transition      : all 3s
    }
@media (max-width: 719px) {

    .accordion__list::before {
        height          : calc(100% - 30px)
    }

      }
.accordion__item {
    position: relative
  }
.accordion__item::before {
      content         : '';
      position        : absolute;
      width           : var(--accordion_bullet);
      height          : var(--accordion_bullet);
      background-color: #25b3c3;
      background-color: #25b3c3;
      background-color: var(--secondary-color);
      mix-blend-mode  : darken;
      left            : calc((var(--accordion_line_width) / 2) - var(--accordion_left_offset));
      top             : 20px;
      -webkit-transform       : translate(-50%, 0%);
              transform       : translate(-50%, 0%);
      border-radius   : 50%;
      -webkit-transition      : all 0.3s;
      transition      : all 0.3s;
    }
.accordion__overflow {
    overflow: hidden;
    height: 0;
    -webkit-transition: height .7s cubic-bezier(0.33, 1, 0.68, 1);
    transition: height .7s cubic-bezier(0.33, 1, 0.68, 1)
  }
.accordion__overflow.is-active {
      height: auto;
    }
.accordion__inner {
    opacity: 0;
    -webkit-transition: all .7s ease;
    transition: all .7s ease;
  }
.accordion__overflow.is-active .accordion__inner {
    opacity: 1;
    -webkit-transition: all .7s .4s ease;
    transition: all .7s .4s ease;
  }
.btn {
  display: inline-block;
  position: relative;
  padding: 16px 70px 16px 40px;
  min-width: 230px;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 1.4rem;
  letter-spacing: 1px;
  font-weight: 600;
  text-align: center;
  border: none;
  outline: none;
  font-family: "circle";
  background-color: #fff;
  background-color: #fff;
  background-color: var(--light-color);
  color: #250044;
  color: #250044;
  color: var(--main-font-color);
  -webkit-box-shadow: 4px 3px 30px rgba(0, 0, 0, 0.1);
          box-shadow: 4px 3px 30px rgba(0, 0, 0, 0.1);
  line-height: 1.2
}
.btn:after {
    content: "";
    background-image: url("assets/images/icons/arrow--white.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    width: 26px;
    height: 26px;
    display: block;
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
.btn--primary {
    background-color: #ff0044;
    background-color: #ff0044;
    background-color: var(--primary-color);
    color: #fff;
    color: #fff;
    color: var(--light-color);
    -webkit-box-shadow: 4px 3px 30px rgba(255, 0, 68, 0.41);
            box-shadow: 4px 3px 30px rgba(255, 0, 68, 0.41);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
  }
.btn--primary:hover {
      background-color: #25b3c3;
      background-color: #25b3c3;
      background-color: var(--secondary-color);
      -webkit-box-shadow: 4px 3px 30px rgba(37, 179, 195, 0.41);
              box-shadow: 4px 3px 30px rgba(37, 179, 195, 0.41);
    }
.btn--primary:after {
      background-image: url("assets/images/icons/arrow--yellow.svg");
    }
.btn--secondary {
    background-color: #25b3c3;
    background-color: #25b3c3;
    background-color: var(--secondary-color);
    color: #fff;
    color: #fff;
    color: var(--light-color);
    -webkit-box-shadow: 4px 3px 30px rgba(37, 179, 195, 0.4);
            box-shadow: 4px 3px 30px rgba(37, 179, 195, 0.4);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
  }
.btn--secondary:hover {
      background-color: #ff0044;
      background-color: #ff0044;
      background-color: var(--primary-color);
      -webkit-box-shadow: 4px 3px 30px rgba(255, 0, 68, 0.41);
              box-shadow: 4px 3px 30px rgba(255, 0, 68, 0.41);
    }
.btn--secondary:after {
      background-image: url("assets/images/icons/arrow--yellow.svg");
      right: unset;
      left: 20px;
    }
.btn--small {
    display: inline-block;
    padding: 15px 60px;
    max-width: none;
    width: auto;
    font-size: 1.6rem
  }
.btn--small:after {
      width: 25px;
      height: 25px;
    }
.btn--card {
    position: relative;
    padding: 20px 55px 20px 20px;
    font-size: 2.6rem;
    text-transform: uppercase;
    text-decoration: none;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 100%;
    width: 100%;
    max-width: none;
    font-weight: 600;
    -webkit-box-shadow: unset;
            box-shadow: unset;
    -webkit-box-shadow: 4px 3px 30px rgba(0, 0, 0, 0);
            box-shadow: 4px 3px 30px rgba(0, 0, 0, 0);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
  }
@media (min-width: 720px) {

  .btn--card {
      padding: 38px 80px 38px 45px;
      font-size: 3.6rem
  }
    }
.btn--card svg {
      fill: #fcba28;
      fill: #fcba28;
      fill: var(--accent-color-1);
      position: absolute;
      bottom: 20px;
      right: 20px
    }
@media (min-width: 720px) {

    .btn--card svg {
        bottom: 38px;
        right: calc(45px - 3px)
    }
      }
.btn--card.btn--load-more svg {
        -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
      }
.btn--card:hover {
      color: white
    }
.btn--card:hover.primary-color {
        background-color: #ff0044;
        background-color: #ff0044;
        background-color: var(--primary-color);
        -webkit-box-shadow: 4px 3px 30px rgba(255, 0, 68, 0.31);
                box-shadow: 4px 3px 30px rgba(255, 0, 68, 0.31);
      }
.btn--card::after,
    .btn--card::before {
      display: none;
    }
.btn--card--cta {
      /* font-size: 4rem; */
      width: 100%;
      max-width: 400px;
      min-height: 250px;
      position: relative
    }
.btn--card--cta.primary-color {
        background-color: #ff0044;
        background-color: #ff0044;
        background-color: var(--primary-color);
        color: white;
        -webkit-box-shadow: 4px 3px 30px rgba(255, 0, 68, 0.31);
                box-shadow: 4px 3px 30px rgba(255, 0, 68, 0.31);
      }
.btn--link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 0 0 50px;
    max-width: none;
    width: auto;
    font-size: 1.4rem;
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: transparent;
    color: #250044;
    color: #250044;
    color: var(--main-font-color)
  }
.btn--link:after {
      background-image: url("assets/images/icons/arrow--red.svg");
      right: unset;
      left: 20px;
      width: 25px;
      height: 25px;
      -ms-flex-negative: 0;
          flex-shrink: 0;
    }
.btn--link--outside {
      min-width: auto;
      padding: 0
    }
.btn--link--outside::after {
        position: relative;
        right: auto;
        left: auto;
        top: auto;
        bottom: auto;
        margin-left: 16px;
        -webkit-transform: translateY(-2px) rotate(-45deg);
                transform: translateY(-2px) rotate(-45deg);
      }
.btn--link--secondary::after {
      background-image: url("assets/images/icons/arrow--blue.svg");
    }
.btn--primary-color:after {
      background-image: url("assets/images/icons/arrow--red.svg");
    }
.btn--accent-color:after {
      background-image: url("assets/images/icons/arrow--yellow.svg");
    }
.btn--white-color:after {
      background-image: url("assets/images/icons/arrow--white.svg");
    }
.btn--reverse {
    padding: 0 35px 0 0
  }
.btn--reverse:after {
      left: unset;
      right: 0;
    }
.btn:disabled {
    pointer-events: none;
  }
.wpcf7 input.btn {
  padding: 16px 40px 16px 50px;
}
.btn{
   /* &:hover{
        cursor:pointer;
        &:after{
            animation: b_anim_grow .2s linear forwards;

        }
    }

    &:after{
        animation: b_anim_shine .7s ease-in-out  alternate infinite;

    }
*/
}
@-webkit-keyframes b_anim_shine {
        to{
            right: 30px;
            -webkit-transform:translateY(-50%) scale(1);
                    transform:translateY(-50%) scale(1); 
    
        }
    }
@keyframes b_anim_shine {
        to{
            right: 30px;
            -webkit-transform:translateY(-50%) scale(1);
                    transform:translateY(-50%) scale(1); 
    
        }
    }
@-webkit-keyframes b_anim_grow {
        to{
            -webkit-transform-origin: center center;
                    transform-origin: center center;
            -webkit-transform: translateY(-50%) scale(1.6) ;
                    transform: translateY(-50%) scale(1.6) ;
            top:50%; 
        }
    }
@keyframes b_anim_grow {
        to{
            -webkit-transform-origin: center center;
                    transform-origin: center center;
            -webkit-transform: translateY(-50%) scale(1.6) ;
                    transform: translateY(-50%) scale(1.6) ;
            top:50%; 
        }
    }
.breadcrumb__container {
    position: fixed;
    left: calc(10px - 3px);
    left: calc(10px - 3px);
    left: calc(var(--global-padding-h) - 3px);
    top: 74px;
    top: 74px;
    top: var(--menu-height);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    z-index: 0;
    line-height: 1.4
  }
@media (max-width: 719px) {
  .breadcrumb__container {
      display: none
  }
    }
.breadcrumb {
    position: absolute;
    top: 0;
    right: 0;
    /* display: flex; */
    white-space: nowrap;
    -webkit-transform-origin: top right;
            transform-origin: top right;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg)
  }
.breadcrumb:not(.breadcrumb--home) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse;
    }
.breadcrumb:not(.breadcrumb--home) * {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
.breadcrumb a {
    text-decoration: none;
    color: inherit;
    margin-left: 10px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
  }
.breadcrumb a:not(:last-child)::after {
      content: "<";
      margin-right: 10px;
      color: #250044;
      color: #250044;
      color: var(--main-font-color);
    }
.breadcrumb a:hover {
      color: #ff0044;
      color: #ff0044;
      color: var(--primary-color)
    }
.breadcrumb a:hover::after {
        color: #250044;
        color: #250044;
        color: var(--main-font-color);
      }
@media (min-width: 1000px) {
.dc-accordion-list:not(:first-child) {
            margin-top: 10px
    }
        }
@media (max-width: 999px) {
.dc-accordion-list {
        border-bottom: solid rgba(255,255,255, .6) 1px
}
    }
.dc-accordion-btn {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    text-decoration: none;
    border: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    outline: none;
    cursor: pointer
}
@media (max-width: 999px) {
.dc-accordion-btn {
        background: transparent;
        padding: 15px 0px;
        background-image: none !important
}
    }
@media (min-width: 1000px) {
.dc-accordion-btn {
        padding: 50px 40px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        z-index: 0
}
    }
.dc-accordion-btn::before {
        content:'';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #250044;
        background-color: #250044;
        background-color: var(--marine-color);
        opacity: .5;
        z-index: 0;
        -webkit-transition: all .4s ease;
        transition: all .4s ease
    }
@media (max-width: 999px) {
.dc-accordion-btn::before {
            display: block
    }
        }
.dc-accordion-btn:hover::before, .dc-accordion-btn.is-active::before {
            opacity: .2;
        }
.dc-accordion-btn .icon {
        fill: #ff0044;
        fill: #ff0044;
        fill: var(--primary-color);
        position: absolute;
        font-size: 2.4rem
    }
@media (max-width: 999px) {


    .dc-accordion-btn .icon {
            right: 0;
            bottom: 50%;
            -webkit-transform: translate(0, 50%) rotate(90deg);
                    transform: translate(0, 50%) rotate(90deg)
    }
        }
@media (min-width: 1000px) {


    .dc-accordion-btn .icon {
            bottom: 5px;
            right: 20px;
            -webkit-transform: rotate(90deg);
                    transform: rotate(90deg)
    }
        }
@media (max-width: 999px) {
.dc-accordion-btn.is-active .icon {
            -webkit-transform: translate(0, 50%) rotate(-90deg);
                    transform: translate(0, 50%) rotate(-90deg)
    }
        }
@media (min-width: 1000px) {
.dc-accordion-btn.is-active .icon {
            bottom: 8px;
            right: 17px
    }
        }
.dc-accordion-btn-title {
    color: white;
    font-size: 2.7rem;
    margin-bottom: 0
}
@media (max-width: 999px) {
.dc-accordion-btn-title {
        font-size: 2rem
}
    }
.dc-accordion-list-overflow {
    overflow: hidden;
    height: 0;
    -webkit-transition: all .6s cubic-bezier(0.33, 1, 0.68, 1);
    transition: all .6s cubic-bezier(0.33, 1, 0.68, 1);
}
.dc-accordion-list-overflow .dc-card:not(:first-child) {
        margin-top: 10px;
    }
.dc-accordion-list-overflow .dc-card {
        opacity: 0;
        -webkit-transform: translate(0, 20px);
                transform: translate(0, 20px);
        -webkit-transition: all .4s ease;
        transition: all .4s ease;
        
    }
.dc-accordion-list-overflow.is-active .dc-card {
        opacity: 1;
        -webkit-transform: translate(0,0);
                transform: translate(0,0);
        -webkit-transition: all .4s .3s ease-out;
        transition: all .4s .3s ease-out;
    }
.dc-accordion-list-inner {
    padding-bottom: 10px;
    padding-top: 10px;
}
.dc-accordion-back {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 10px;
    font-size: 1.6rem;
    opacity: 0;
    height: 0;
    overflow: hidden;
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    cursor: pointer;
    -webkit-transition: height .3s .25s ease-out, color .4s 0s ease, opacity .3s 0s ease;
    transition: height .3s .25s ease-out, color .4s 0s ease, opacity .3s 0s ease
  }
@media (max-width: 999px) {
.dc-accordion-back {
        display: none
  }
    }
.dc-accordion-back .icon {
      fill: white;
      -webkit-transform: scaleX(-1);
              transform: scaleX(-1);
      margin-right: 10px;
      -webkit-transition: fill .4s ease-out;
      transition: fill .4s ease-out; 
    }
.dc-accordion-back.is-active  {
        height: 20px;
        opacity: 1; 
        pointer-events: auto;
        -webkit-user-select: auto;
           -moz-user-select: auto;
            -ms-user-select: auto;
                user-select: auto;
        -webkit-transition: height .3s ease-out, color .4s ease, opacity .3s .25s ease;
        transition: height .3s ease-out, color .4s ease, opacity .3s .25s ease; 
    }
.dc-accordion-back:hover {
        color: #fcba28;
        color: #fcba28;
        color: var(--accent-color-1);
    }
.dc-accordion-back:hover .icon {
            fill: #fcba28;
            fill: #fcba28;
            fill: var(--accent-color-1);
            -webkit-transition: fill .4s ease-out;
            transition: fill .4s ease-out; 
        }
.dc-card {
    padding: 20px 16px;
    background-color: rgba(35,0,68,1)
}
@media (max-width: 999px) {
.dc-card {
        background-color: rgba(0,0,0,.2)
}
    }
.dc-card ul,
    .dc-card p + ul {
        list-style: disc;
        padding-left: 16px;
        margin-bottom: 2rem;
    }
.dc-card ul li, .dc-card p + ul li {
            padding-left: 0rem;
        }
.dc-card p + ul {
        margin-top: 0;
    }
.dc-card p + ul li::before,
            .dc-card p + ul li::after {
                display: none;
            }
.dc-card-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    grid-gap: 10px;
    grid-gap: 10px;
    gap: 10px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.dc-card-title {
}
.dc-card-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    margin-left: -12px;
}
.dc-card-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 20px;
    padding-bottom: 20px;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: none;
    outline: none;
    cursor: pointer;
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: transparent;
}
.dc-card-tab .icon {
        font-size: 2.1rem;
        fill: white;
        opacity: .22;
        -webkit-transition: all .4s ease;
        transition: all .4s ease;
    }
.dc-card-tab:hover .icon {
            opacity: .8;
        }
.dc-card-tab.is-active {
        pointer-events: none;
    }
.dc-card-tab.is-active .icon {
            opacity: 1;
            fill: #25b3c3;
            fill: #25b3c3;
            fill: var(--secondary-color)
        }
.dc-card-subtitle {
    color: #25b3c3;
    color: #25b3c3;
    color: var(--secondary-color);
    margin-bottom: 10px;
}
.dc-card-contents {
    position: relative;
}
.dc-card-content {
    font-size: 1.5rem;
    display: none
}
.dc-card-content.is-active {
        display: block;
    }
.dc-card-footer {
    padding-top: 20px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    border-top: solid 1px rgba(255,255,255,.22);
}
.dc-card-link {
    color: #25b3c3;
    color: #25b3c3;
    color: var(--secondary-color);
    text-decoration: none;
}
.dc-card-link .icon {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-left: .5em;
        margin-bottom: -.2em;
        -webkit-transform-origin: center center;
                transform-origin: center center;
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
        fill: rgba(255,255,255,.22);
        -webkit-transition: all .4s ease;
        transition: all .4s ease;
    }
.dc-card-link:hover .icon {
            fill: #25b3c3;
            fill: #25b3c3;
            fill: var(--secondary-color);
        }
.dc-card-logos {
    border-radius: 10px;
    background-color: white;
    padding: 18px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.dc-card-logos a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin: 8px 22px;
        cursor: pointer;
        max-width: 70px;
        max-height: 50px;
    }
.dc-card-logos a img {
           max-height: 50px;
           max-width: 100%;
        }
.menu {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100vh;
  background-color: #ff0044;
  background-color: #ff0044;
  background-color: var(--primary-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 0;
  display: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.menu--mobile {
    --darken-primary: rgba(37, 0, 68, 0.1);
    height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 74px;
    padding-top: 74px;
    padding-top: var(--menu-height);
    overflow: hidden
  }
@media (min-width: 1100px) {

  .menu--mobile {
      display: none !important
  }
    }
.menu--mobile .menu-btn:not(.menu-btn--outside) a::after {
      background-image: url("assets/images/icons/arrow--yellow.svg");
    }
.touch .menu--mobile .menu__list {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      padding-bottom: 10px;
      overflow-y: scroll;
    }
@media (max-height: 750px) {
      .menu--mobile .menu__link {
        /* font-size: 1.8rem !important; */
        /* padding: 4px 0 !important; */
      }
      .menu--mobile .menu__list-item {
        padding-top: 0;
        padding-bottom: 0;
      }
    }
.menu--desktop {
    display: none !important
  }
@media (min-width: 1100px) {

  .menu--desktop {
      display: block !important
  }
    }
.menu__list-item {
    padding: 7px 10px;
    padding: 7px 10px;
    padding: 7px var(--global-padding-h);
  }
.menu > .menu__list > .menu-item > .menu__link {
      padding: 7px 0;
      display: inline-block;
      position: relative;
      font-family: "circle";
      font-weight: bold;
      font-size: 2rem;
      text-transform: uppercase;
      text-decoration: none;
      color: #fff;
      color: #fff;
      color: var(--light-color);
      border-bottom: none;
      z-index: 1;
    }
@media (min-width: 1100px) {
  .menu {
    position: static;
    /* width: auto; */
    min-height: auto;
    height: auto;
    width: 100%;
    background-color: transparent;
    max-width: calc(100% - 190px);
    padding-bottom: 0
  }
}
@media (min-width: 1100px) and (min-width: 1300px) {
  .menu {
      max-width: calc(100% - 250px)
  }
    }
@media (min-width: 1100px) {
  .menu {
    /*only for desktop*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
      .menu > .menu__list > .menu-item > .menu__link {
        border-bottom: none;
        padding: 0;
        display: inline-block;
        height: 100%;
        position: relative;
        font-family: "circle";
        font-weight: bold;
        font-size: 1.4rem;
        text-transform: uppercase;
        text-decoration: none;
        color: #250044;
        color: #250044;
        color: var(--main-font-color);
        z-index: 1;
        -webkit-transition: all 0.3s;
        transition: all 0.3s
      }

        .menu > .menu__list > .menu-item > .menu__link:before {
          content: "";
          position: absolute;
          height: 10px;
          right: 10px;
          -webkit-transform-origin: left center;
                  transform-origin: left center;
          -webkit-transform: scaleX(0);
                  transform: scaleX(0);
          background-color: #fcba28;
          background-color: #fcba28;
          background-color: var(--accent-color-1);
          bottom: 8px;
          left: -15px;
          z-index: -1;
          -webkit-transition: all 0.3s;
          transition: all 0.3s;
        }
          .menu > .menu__list > .menu-item > .menu__link--icon svg {
            display: block;
            width: 25px
          }

            .menu > .menu__list > .menu-item > .menu__link--icon svg > * {
              -webkit-transition: all 0.3s;
              transition: all 0.3s;
            }

            .menu > .menu__list > .menu-item > .menu__link--icon svg.searchbar__svg {
              margin-left: 15px;
            }

          .menu > .menu__list > .menu-item > .menu__link--icon::before {
            right: 0;
            left: calc(100% - 30px);
          }
              .menu > .menu__list > .menu-item > .menu__link--icon.is-hovered svg > *, .menu > .menu__list > .menu-item > .menu__link--icon:hover svg > * {
                fill: #ff0044;
                fill: #ff0044;
                fill: var(--primary-color);
              }

        .menu > .menu__list > .menu-item > .menu__link.is-hovered,
        .menu > .menu__list > .menu-item > .menu__link:hover {
          color: #ff0044;
          color: #ff0044;
          color: var(--primary-color)
        }

          .menu > .menu__list > .menu-item > .menu__link.is-hovered:before, .menu > .menu__list > .menu-item > .menu__link:hover:before {
            -webkit-transform: scaleX(1);
                    transform: scaleX(1);
          }

    .menu__list {
      padding: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      list-style-type: none;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
    }

      .menu__list-item {
        /* padding:10px; */
        padding: 0
      }

        .menu__list-item:last-of-type {
          padding-right: 0;
        }

          .menu__list-item:last-of-type a {
            padding-right: 0;
          }
}
.menu-btn a {
    margin-right: 14px
    /* @media (min-width: 1100px) { */
  }
.menu-btn a::after {
      content: "";
      display: inline-block;
      width: 25px;
      height: 25px;
      position: absolute;
      left: calc(100% + 14px);
      top: 50%;
      -webkit-transform: translate(0%, -50%);
              transform: translate(0%, -50%);
      background-image: url("assets/images/icons/arrow--red.svg");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center center;
    }
.menu-btn a {
    /* } */
  }
.menu-btn--outside a::after {
    top: calc(50% - 2px);
    -webkit-transform: translate(0%, -50%) rotate(-45deg);
            transform: translate(0%, -50%) rotate(-45deg);
    background-image: url("assets/images/icons/arrow--blue.svg");
  }
header.navigation::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background-color: white;
    -webkit-box-shadow: 0 0 20px rgba(255, 0, 68, 0.16);
            box-shadow: 0 0 20px rgba(255, 0, 68, 0.16);
    opacity: 0;
    -webkit-transition: opacity 0.3s ease, -webkit-box-shadow 0.3s ease;
    transition: opacity 0.3s ease, -webkit-box-shadow 0.3s ease;
    transition: opacity 0.3s ease, box-shadow 0.3s ease;
    transition: opacity 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
  }
header.navigation.is-scrolled .menu {
      opacity: 0;
    }
header.navigation.is-scrolled:hover .menu {
      opacity: 1;
    }
@media (min-width: 720px) {
header.navigation.is-scrolled,
  header.navigation.is-small {
      height: calc(74px - 30px);
      height: calc(74px - 30px);
      height: calc(var(--menu-height) - 30px)
  }
    }
header.navigation.is-scrolled:hover::before, header.navigation:not(.is-scrolled).is-small::before {
      opacity: 1;
      /* box-shadow    : 0 0 20px rgba(255, 0, 68, .16); */
    }
.menu__list > .menu-item:not(.menu-item--icon):hover > a + .sub-menu, .menu__list > .menu-item .menu__link--icon.is-hovered + .sub-menu {
          pointer-events: auto;
          background-color: white;
          -webkit-box-shadow: 0 0 20px rgba(255, 0, 68, 0.16);
                  box-shadow: 0 0 20px rgba(255, 0, 68, 0.16);
          opacity: 1;
          -webkit-transition: all 0.3s ease, opacity 0s ease,
            height 0.5s cubic-bezier(0.25, 1, 0.5, 1);
          transition: all 0.3s ease, opacity 0s ease,
            height 0.5s cubic-bezier(0.25, 1, 0.5, 1);
        }
.menu__list > .menu-item:not(.menu-item--icon):hover > a + .sub-menu .submenu__wrapper, .menu__list > .menu-item .menu__link--icon.is-hovered + .sub-menu .submenu__wrapper {
            opacity: 1;
            pointer-events: auto;
            -webkit-transition: all 0.3s 0.5s ease;
            transition: all 0.3s 0.5s ease;
          }
.menu__list > .menu-item > .sub-menu {
        position: absolute;
        /* margin-top:120px; */
        overflow-y: scroll;
        left: 0;
        top: 0;
        z-index: -1;
        width: 100%;
        background-color: transparent;
        height: 74px;
        height: 74px;
        height: var(--menu-height);
        overflow: hidden;
        -webkit-box-shadow: 0 0 20px rgba(255, 0, 68, 0);
                box-shadow: 0 0 20px rgba(255, 0, 68, 0);
        pointer-events: none;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        opacity: 0;
      }
.menu__list > .menu-item > .sub-menu > .submenu__wrapper > .submenu__box > .menu-item > .menu__link {
            color: #ff0044;
            color: #ff0044;
            color: var(--primary-color);
            font-size: 1.5rem;
            font-weight: 600;
            text-transform: uppercase;
            position: relative;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            display: inline-block;
            margin-bottom: 10px;
            max-width: none;
            width: auto;
            font-size: 1.6rem;
            -webkit-box-shadow: none;
                    box-shadow: none;
            background-color: transparent;
            text-decoration: none;
            -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease
          }
.menu__list > .menu-item > .sub-menu > .submenu__wrapper > .submenu__box > .menu-item > .menu__link:after {
              content: "";
              background-size: cover;
              display: block;
              position: absolute;
              top: 50%;
              -webkit-transform: translateY(-50%);
                      transform: translateY(-50%);
              background-image: url("assets/images/icons/arrow--orange.svg");
              left: -30px;
              width: 25px;
              height: 25px;
            }
.menu__list > .menu-item > .sub-menu > .submenu__wrapper > .submenu__box > .menu-item > .menu__link:hover {
              color: #25b3c3;
              color: #25b3c3;
              color: var(--secondary-color);
            }
.menu__list > .menu-item > .sub-menu > .submenu__wrapper > .submenu__box > .menu-item > .sub-menu .menu__link {
              font-family: circle;
              color: #ff0044;
              color: #ff0044;
              color: var(--primary-color);
              font-size: 1.5rem;
              text-decoration: none;
              -webkit-transition: all 0.3s ease;
              transition: all 0.3s ease
            }
.menu__list > .menu-item > .sub-menu > .submenu__wrapper > .submenu__box > .menu-item > .sub-menu .menu__link:hover {
                color: #25b3c3;
                color: #25b3c3;
                color: var(--secondary-color);
              }
.menu .submenu__wrapper {
    padding: calc(74px) 10px 80px;
    padding: calc(74px) 10px 80px;
    padding: calc(var(--menu-height)) var(--global-padding-h) 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
.menu .submenu__box {
    width: 50%;
    padding-right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1
  }
.menu .submenu__box:first-child {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
    }
.menu .submenu__box:first-child > .menu-item {
        padding-left: 80px;
      }
.menu .submenu__box:last-child:not(:first-child) {
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      padding-left: 40px;
      border-left: 4px solid #fcba28;
      border-left: 4px solid #fcba28;
      border-left: 4px solid var(--accent-color-1);
      padding-right: 0;
    }
.menu__cta {
    display: none !important;
  }
.menu--mobile .language__module {
      position: fixed;
      top: 10px;
      right: calc(10px + 65px);
      right: calc(10px + 65px);
      right: calc(var(--global-padding-h) + 65px);
      z-index: 10000;
      background-color: var(--darken-primary);
      -webkit-transition: background-color 0.3s 0.3s ease;
      transition: background-color 0.3s 0.3s ease
    }
@media (min-width: 720px) {
    .menu--mobile .language__module {
        top: 30px
    }
      }
.menu--mobile .language__module:hover,
      .menu--mobile .language__module.is-active {
        background-color: white;
        -webkit-transition: background-color 0.3s ease;
        transition: background-color 0.3s ease;
      }
.menu--mobile .language__module:hover svg, .menu--mobile .language__module.is-active svg {
          fill: #250044;
          fill: #250044;
          fill: var(--main-font-color);
          -webkit-transition: fill 0.3s ease;
          transition: fill 0.3s ease;
        }
.menu--mobile .language__btn {
      position: relative;
      cursor: pointer;
    }
.menu--mobile .language__btn svg {
        position: absolute;
        fill: white;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        top: calc(50% - 2px);
        left: 11px;
        -webkit-transform: translate(0, -50%);
                transform: translate(0, -50%);
        font-size: 2.8rem;
        -webkit-transition: fill 0.3s 0.3s ease;
        transition: fill 0.3s 0.3s ease;
      }
.menu--mobile .language__overflow {
      overflow: hidden;
      height: 0;
      -webkit-transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
      transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
    }
.menu--mobile .language__item {
      font-family: "blogger";
      color: #250044;
      color: #250044;
      color: var(--main-font-color);
      font-weight: 700;
      text-decoration: none;
      font-size: 2rem;
      display: block;
      padding: 9px 20px 9px 50px;
      text-transform: uppercase;
    }
.menu--mobile .language__item--current {
        color: #fcba28;
        color: #fcba28;
        color: var(--accent-color-1);
        padding: 16px 20px 13px 50px;
      }
.menu--mobile .searchbar__form {
      margin-left: 10px;
      margin-left: 10px;
      margin-left: var(--global-padding-h);
      margin-right: 10px;
      margin-right: 10px;
      margin-right: var(--global-padding-h);
      position: relative;
      margin-bottom: 20px;
      margin-top: 40px
    }
@media (max-height: 750px) {
    .menu--mobile .searchbar__form {
        margin-top: 10px
    }
      }
@media (min-width: 720px) {
    .menu--mobile .searchbar__form {
        margin-top: 0
    }
      }
.menu--mobile .searchbar__input {
      background-color: var(--darken-primary);
      color: white;
      padding-left: 100px;
      padding-left: 65px;
    }
.menu--mobile .searchbar__button {
      position: absolute;
      top: 50%;
      left: 10px;
      right: auto;
      padding: 0;
      -webkit-transform: translate(0, -50%);
              transform: translate(0, -50%);
      pointer-events: none;
      width: 36px;
    }
.menu--mobile .searchbar__button svg {
        fill: white;
        font-size: 3rem;
      }
.overlay-card {
  --animation_offset: 7px;

  display: block;
  position: relative;
  background-color: white;
  cursor: pointer;
  -webkit-box-shadow: 3px 3px 20px rgba(0,0,0, .16);
          box-shadow: 3px 3px 20px rgba(0,0,0, .16);
  -webkit-transition: all .3s ease;
  transition: all .3s ease
}
.overlay-card::before,
  .overlay-card::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
.overlay-card::before {
    z-index: -1;
    background-color: white;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    opacity: 1;
  }
.overlay-card::after {
    z-index: -2;
    background-color: #ff0044;
    background-color: #ff0044;
    background-color: var(--primary-color);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    opacity: 1;
    -webkit-box-shadow: 0px 0px 0px rgba(255, 0, 68, .31);
            box-shadow: 0px 0px 0px rgba(255, 0, 68, .31);
  }
.overlay-card--secondary::after {
    background-color: #25b3c3;
    background-color: #25b3c3;
    background-color: var(--secondary-color);
  }
.overlay-card:hover {
    -webkit-transform: translate(calc(var(--animation_offset) * -1), calc(var(--animation_offset) * -1));
            transform: translate(calc(var(--animation_offset) * -1), calc(var(--animation_offset) * -1))
  }
.overlay-card:hover::after {
      -webkit-transform: translate(calc(var(--animation_offset) * 2), calc(var(--animation_offset) * 2));
              transform: translate(calc(var(--animation_offset) * 2), calc(var(--animation_offset) * 2));
      -webkit-box-shadow: 4px 3px 30px rgba(255, 0, 68, .31);
              box-shadow: 4px 3px 30px rgba(255, 0, 68, .31);

    }
.overlay-card--secondary:hover::after {
    -webkit-box-shadow: 4px 3px 30px rgba(37, 179, 195, .41);
            box-shadow: 4px 3px 30px rgba(37, 179, 195, .41);
  }
.hamburger {
  /* width:40px; */
  position: relative;
  z-index: 9999;
  text-decoration: none;
  color: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.hamburger__icon {
    width: 50px;
    height: 50px;
    position: relative;
    margin-left: 10px;
  }
.hamburger__text {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
.js-open-mobile .hamburger__text {
      opacity: 0;
    }
.hamburger__line {
    position: absolute;
    top: 50%;
    left: 5px;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    display: block;
    width: 40px;
    height: 6px;
    background-color: #ff0044;
    background-color: #ff0044;
    background-color: var(--primary-color);
    border-radius: 20px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
  }
.hamburger__line:nth-child(1) {
      top: calc(50% - 6px);
    }
.hamburger__line:nth-child(2) {
      top: calc(50% + 6px);
      width: 32px;
    }
.js-open-mobile .hamburger__line {
      background-color: white
    }
.js-open-mobile .hamburger__line:nth-child(1) {
        top: calc(50%);
        -webkit-transform: translate(0, -50%) rotate(45deg);
                transform: translate(0, -50%) rotate(45deg);
        width: 32px;
      }
.js-open-mobile .hamburger__line:nth-child(2) {
        top: calc(50%);
        -webkit-transform: translate(0, -50%) rotate(-45deg);
                transform: translate(0, -50%) rotate(-45deg);
        width: 32px;
      }
@media (min-width: 1100px) {
  .hamburger {
    display: none;
  }
}
.home-cta {
  margin-top: 60px;
  margin-top: 60px;
  margin-top: var(--section-spacer-v);
}
/*
* When the menu is open, set the fill to path to white  
* And the blend-mix-mode to revert for the group-ptc
*
*
*/
.logo{
    --logo-height: 50px
}
@media (min-width: 720px) {
.logo{
        --logo-height: 70px
}
    }
.logo{


    position:relative;
    z-index: 9999
}
@media (min-width: 720px) {
.logo{
        -webkit-transform: translate(0, -7px);
                transform: translate(0, -7px)
}
    }
.logo__svg{
        height: var(--logo-height);
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }
.is-small .logo__svg {
            height: calc(var(--logo-height) * .85);
        }
.logo__svg .group-text{
            /* transform: scale(1) translate(0, 0); */
            /* transform-origin: center center; */
            -webkit-transition: opacity .3s ease;
            transition: opacity .3s ease;
        }
.is-scrolled .logo__svg .group-text {
                opacity: 0;
                pointer-events: none;
              }
header.is-scrolled:hover .logo__svg .group-text {
                opacity: 1;
                pointer-events: auto;
              }
.logos__list {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    grid-gap: 40px 30px;
    margin-bottom: 80px
  }
@media (min-width: 900px) {
  .logos__list {
      grid-gap: 70px 50px
  }
    }
.logos__slider {
    position: relative;
  }
.logos__slider .slick-track {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
    }
.logos__slider .slick-track .slick-slide {
        height: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        outline: none;
      }
.logos__slider-arrow.slick-arrow {
    display: block !important;
    position: absolute;
    top: -50px;
    right: 0
  }
.logos__slider-arrow.slick-arrow.slider-arrow--prev {
      right: 28px;
    }
.logos__image {
    max-width: 300px;
    max-height: 200px;
  }
.logos__slider .logos__image {
      max-height: 76px;
      max-width: 300px;
    }
:root {
  --map-scale : 2;
}
#mapSVGblock {
  -webkit-transition: -webkit-transform .6s cubic-bezier(0.25, 1, 0.5, 1);
  transition: -webkit-transform .6s cubic-bezier(0.25, 1, 0.5, 1);
  transition: transform .6s cubic-bezier(0.25, 1, 0.5, 1);
  transition: transform .6s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform .6s cubic-bezier(0.25, 1, 0.5, 1)
}
@media (min-width: 1000px) {
#mapSVGblock.is-active {
    -webkit-transform: scale(2);
            transform: scale(2);
    transform: scale(2);
    -webkit-transform: scale(var(--map-scale));
            transform: scale(var(--map-scale))
 }
  }
#mapSVG {
  fill: rgba(73,0,135, 1);
  -webkit-transition: fill .3s ease;
  transition: fill .3s ease;
  display: block;
  margin: 0;
  padding: 0;
}
.is-active #mapSVG {
    fill: rgba(73,0,135, .4);
  }
#mapSVG .continent {
    cursor: pointer;
    opacity: .5;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    position: relative
  }
#mapSVG .continent:not(.is-available) {
      pointer-events: none;
    }
#mapSVG .continent.is-available > *:not(.continent-shape) {
      fill: #25b3c3;
      fill: #25b3c3;
      fill: var(--secondary-color);
    }
#mapSVG .continent .continent-shape{
      fill: transparent;
    }
#mapSVG .continent:hover,
     #mapSVG .continent.is-active {
      opacity: 1 !important;
    }
.is-active #mapSVG.continent {
    opacity: .2;
  }
#mapSVG text {
    font-family: 'circle';
    color: #250044;
    color: #250044;
    color: var(--main-font-color);
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 2.5em;
  }
#mapPlan {
  -webkit-transition: all .7s ease;
  transition: all .7s ease;
}
.map__section {
    position: relative;
    color: white;
    z-index: 0;
    padding-top: var(--spacing);
    padding-bottom: 100px;
    overflow: hidden
  }
@media (min-width: 1000px) {
  .map__section {
      padding-top: 100px
  }
    
    }
.map__section h1, .map__section h2, .map__section h3 {
      position: relative;
      z-index: 1;
      padding-left: 0;
    }
.map__section::before {
      content:"";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 50%;
      z-index: -1;
      -webkit-transform: translate(-50%, 0);
              transform: translate(-50%, 0);
      width: 120vw;
      background-color: #250044;
      background-color: #250044;
      background-color: var(--accent-color-2);
    }
.map__list {
    position: relative;
    z-index: 0;
  }
.map__continent-overlay {
    position: unset;
    
  }
.map__country-tag {
    display: inline-block;
    background-color: rgba(75,38,106,.9);
    font-family: 'circle';
    font-size: .8rem;
    line-height: 1;
    margin: 0;
    margin-left: -12px;
    position: absolute;
    /* top: 0; */
    /* left: 0; */
    /* transform: translate(0, 5px) scale(calc(1 / var(--map-scale))); */
    /* transform-origin: top left; */
    -webkit-transform: translate(-100%, calc(-100% - 6px));
            transform: translate(-100%, calc(-100% - 6px));
    z-index: 2;
    -webkit-transition: all .3s 0s ease;
    transition: all .3s 0s ease;
    opacity: 0;
    pointer-events: none;
    padding: 6px 23px 6px 15px
  }
.map__country-tag.icon-on-left  {
      padding: 6px 15px 6px 23px;
      -webkit-transform: translate(0, calc(-100% - 6px));
              transform: translate(0, calc(-100% - 6px));
      margin-left: 12px;

    }
.map__country-tag.icon-on-left .icon {
        right: auto;
        left: 10px;
        -webkit-transform: rotate(-45deg) scaleX(-1) translate(0, -50%);
                transform: rotate(-45deg) scaleX(-1) translate(0, -50%);
      }
.map__country-tag:hover,
    .map__country-tag.is-active {
      background-color: #ff0044;
      background-color: #ff0044;
      background-color: var(--primary-color);
    }
.map__country-tag:hover .icon, .map__country-tag.is-active .icon {
        fill: #250044;
        fill: #250044;
        fill: var(--main-font-color);
      }
.map__continent-overlay.is-active .map__country-tag {
    opacity: 1;
    pointer-events: auto;
    /* transform: translate(0, 0) scale(calc(1 / var(--map-scale))); */
    -webkit-transition: background-color .3s ease, opacity .3s .5s ease, -webkit-transform .3s .5s ease;
    transition: background-color .3s ease, opacity .3s .5s ease, -webkit-transform .3s .5s ease;
    transition: background-color .3s ease, opacity .3s .5s ease, transform .3s .5s ease;
    transition: background-color .3s ease, opacity .3s .5s ease, transform .3s .5s ease, -webkit-transform .3s .5s ease;
  }
.map__country-tag .icon {
    fill: #ff0044;
    fill: #ff0044;
    fill: var(--primary-color);
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: rotate(45deg) translate(0, -50%) ;
            transform: rotate(45deg) translate(0, -50%) ;
    font-size: 1.4em;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    }
.icon-on-left .map__country-tag .icon {
        right: auto;
        left: 10px;
      }
.map__alert{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;

    @-webkit-keyframes heartbeat {
      from {
        -webkit-transform: translate(-50%, -50%) scale(1);
                transform: translate(-50%, -50%) scale(1);
        opacity: .5;
            }
      to {
        -webkit-transform: translate(-50%, -50%) scale(.8);
                transform: translate(-50%, -50%) scale(.8);
        opacity: .1;
      }
    }
  }
.map__alert .icon-container {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      pointer-events: none;
    }
@-webkit-keyframes heartbeat {
      from {
        -webkit-transform: translate(-50%, -50%) scale(1);
                transform: translate(-50%, -50%) scale(1);
        opacity: .5;
            }
      to {
        -webkit-transform: translate(-50%, -50%) scale(.8);
                transform: translate(-50%, -50%) scale(.8);
        opacity: .1;
      }
    }
@keyframes heartbeat {
      from {
        -webkit-transform: translate(-50%, -50%) scale(1);
                transform: translate(-50%, -50%) scale(1);
        opacity: .5;
            }
      to {
        -webkit-transform: translate(-50%, -50%) scale(.8);
                transform: translate(-50%, -50%) scale(.8);
        opacity: .1;
      }
    }
.map__alert .icon {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      display: block;
      width: 200px;
      height: 200px;
      border-radius: 50%;
      border: solid white 4px;
      opacity: .2;
      -webkit-transition: width 1s cubic-bezier(0.16, 1, 0.3, 1), height 1s cubic-bezier(0.16, 1, 0.3, 1);
      transition: width 1s cubic-bezier(0.16, 1, 0.3, 1), height 1s cubic-bezier(0.16, 1, 0.3, 1);;
      -webkit-animation: heartbeat infinite alternate 1s cubic-bezier(0.34, 1.56, 0.64, 1) both;;
              animation: heartbeat infinite alternate 1s cubic-bezier(0.34, 1.56, 0.64, 1) both;
    }
.map__alert.is-hovered {
      opacity: 0;
      pointer-events: none;
      -webkit-transition: all 1s ease;
      transition: all 1s ease;
    }
.map__alert.is-hovered .icon {
        width: 600px;
        height: 600px;
      }
#mapSVGblock {
  position: relative;
  opacity: 1;
  -webkit-transition: all 1s ease;
  transition: all 1s ease
}
#mapSVGblock.is-disabled {
    opacity: .2;
  }
.map__container {
  margin-top: -120px;
  position: relative
}
@media (max-width: 719px) {
    .map__container.g-layout__box {
      padding-left: 0;
      padding-right: 0;
      margin-left: 0;
      margin-right: 0;
    }
  }
@media (max-width: 999px) {
.map__container {
    margin-top: -60px;
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; 
    margin-top: 30px;
    margin: 20px
}
  }
#mapSVG {
  position: relative;
  z-index: 1;
}
.map__marker-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.map__marker {
  display: block;
  width: 7px;
  height: 7px;
  position: absolute;
  background-color: #fff;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1;
  -webkit-transition: all .5s ease;
  transition: all .5s ease
}
@media (max-width:999px) {
.map__marker {
    width: 4px;
    height: 4px
}
  }
.map__marker::before {
    content:'';
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 600%;
    height: 600%;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .12);
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-transition: all .5s ease;
    transition: all .5s ease
  }
@media (max-width:999px) {
.map__marker::before {
      width: 20px;
      height: 20px
  }
    }
@media (min-width: 1000px) {
    .map__marker.do-hide {
      opacity: .8
    }
  
      .map__marker.do-hide::before {
        width: 0px;
        height: 0px;
      }
  
    .map__marker.is-active {
      width: 0px;
      height: 0px
    }
  
      .map__marker.is-active::before {
        width: 24px;
        height: 24px;
        background-color: rgba(255, 255, 255, .4);
        
      }
  }
@media (max-width: 999px) {
.map__aside {
    grid-column: center-start / center-end;


}

    .map__aside + .map__aside {
      margin-top: 50px;
    }
  }
@media (min-width: 1000px) {
.map__aside {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 5;
    width: 100%;
    width: 750px;
    padding-left: 10px;
    padding-left: 10px;
    padding-left: var(--global-padding-h);
    padding-right: 10px;
    padding-right: 10px;
    padding-right: var(--global-padding-h);
    padding-top: 10px;
    padding-top: 10px;
    padding-top: var(--global-padding-h);
    padding-bottom: 10px;
    padding-bottom: 10px;
    padding-bottom: var(--global-padding-h);
    overflow-x: auto;
    background-color: rgba(0,0,0,.2);
    opacity: 0;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    pointer-events: none;

    -webkit-transition: all .4s .5s ease-out;

    transition: all .4s .5s ease-out


}

    .map__aside {
      -ms-overflow-style: none; /* for Internet Explorer, Edge */
      scrollbar-width: none; /* for Firefox */
    }
            
    .map__aside::-webkit-scrollbar {
        display: none; /* for Chrome, Safari, and Opera */
    }
  
    .map__aside.is-active {
      opacity: 1;
      -webkit-user-select: auto;
         -moz-user-select: auto;
          -ms-user-select: auto;
              user-select: auto;
      pointer-events: auto;
      -webkit-transition: all .4s ease-out;
      transition: all .4s ease-out;
    }
  }
@media (min-width: 1000px) and (max-width: 1500px) {

    .map__aside {
      width: 50vw;
    }
    }
@media (min-width: 1000px) and (max-width: 1500px) and (max-width: 1200px) {

    .map__aside {
        padding-left: 30px;
        padding-right: 30px;
    }
      }
.map__aside-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    -webkit-transition: all .4s .1s ease-in;
    transition: all .4s .1s ease-in
  }
@media (max-width: 999px) {
      .map__aside-header h2,.map__aside-header h3 {
        color: #ff0044 !important;
        color: #ff0044 !important;
        color: var(--primary-color) !important;
      }
    }
@media (min-width: 1000px) {



  .map__aside-header {
      margin-bottom: 20px;
      opacity: 0;
      -webkit-transform: translate(0,20px);
              transform: translate(0,20px);
  }

      .is-active .map__aside-header {
        opacity: 1;
        -webkit-transform: translate(0, 0px);
                transform: translate(0, 0px);
        -webkit-transition: all .4s .3s ease-out;
        transition: all .4s .3s ease-out;
      }
    }
.map__aside-header > *:not(:last-child) {
      margin-right: 30px;
    }
.map__aside-header .label {
      font-size: 1.8rem;
    }
@media (min-width: 1000px) {
    .map__aside .dc-accordion-list {
      opacity: 0;
      -webkit-transform: translate(0, 20px);
              transform: translate(0, 20px);
      -webkit-transition: all .4s ease-in;
      transition: all .4s ease-in;
    }
    
    .map__aside.is-active .dc-accordion-list  {
      opacity: 1;
      -webkit-transform: translate(0, 0px);
              transform: translate(0, 0px);
      -webkit-transition: all .4s .5s ease-out;
      transition: all .4s .5s ease-out
    }
        .map__aside.is-active .dc-accordion-list:nth-child(1) {
          -webkit-transition: all .4s calc(.4s + (.05s * 1)) ease-out;
          transition: all .4s calc(.4s + (.05s * 1)) ease-out;
        }
        .map__aside.is-active .dc-accordion-list:nth-child(2) {
          -webkit-transition: all .4s calc(.4s + (.05s * 2)) ease-out;
          transition: all .4s calc(.4s + (.05s * 2)) ease-out;
        }
        .map__aside.is-active .dc-accordion-list:nth-child(3) {
          -webkit-transition: all .4s calc(.4s + (.05s * 3)) ease-out;
          transition: all .4s calc(.4s + (.05s * 3)) ease-out;
        }
        .map__aside.is-active .dc-accordion-list:nth-child(4) {
          -webkit-transition: all .4s calc(.4s + (.05s * 4)) ease-out;
          transition: all .4s calc(.4s + (.05s * 4)) ease-out;
        }
        .map__aside.is-active .dc-accordion-list:nth-child(5) {
          -webkit-transition: all .4s calc(.4s + (.05s * 5)) ease-out;
          transition: all .4s calc(.4s + (.05s * 5)) ease-out;
        }
        .map__aside.is-active .dc-accordion-list:nth-child(6) {
          -webkit-transition: all .4s calc(.4s + (.05s * 6)) ease-out;
          transition: all .4s calc(.4s + (.05s * 6)) ease-out;
        }
        .map__aside.is-active .dc-accordion-list:nth-child(7) {
          -webkit-transition: all .4s calc(.4s + (.05s * 7)) ease-out;
          transition: all .4s calc(.4s + (.05s * 7)) ease-out;
        }
        .map__aside.is-active .dc-accordion-list:nth-child(8) {
          -webkit-transition: all .4s calc(.4s + (.05s * 8)) ease-out;
          transition: all .4s calc(.4s + (.05s * 8)) ease-out;
        }
  }
@media (max-width: 999px) {
.map-section__text {
    display: none
}
  }
@media (min-width: 1000px) {
.map-section__text {
    pointer-events:none;
    line-height: 1.4;
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;

    text-align: center;
    -webkit-transform: translate(0, -200%);
            transform: translate(0, -200%)
}

    .map-section__text.do-hide {
      opacity: 0;
      -webkit-transform: translate(0, -100%);
              transform: translate(0, -100%);
    }
  
  }
@media (max-width: 719px) {
    .map__list.g-layout__box {
      padding-left: 0;
      padding-right: 0;
    }
  }
@media (max-width: 999px) {
.map__list {
    -webkit-transform: translate(0,0) !important;
            transform: translate(0,0) !important

}
  }
.office {
  padding-left: 10px;
  padding-right: 10px;
  height: 100%;
  outline: none;
  max-width: 400px
}
@media (min-width: 600px) {
.office {
    min-width: 320px
}
  }
.office__card {
    position: relative;
    background-color: rgba(255,255,255,.1);
    padding: 30px 30px 30px 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    height: 100%;
    width: 100%;
  }
.office.slick-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    outline: none;
  }
.office__title {
    margin-bottom: 20px;
  }
.office__description {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin-bottom: 20px;
  }
.office__label {
    position: absolute;
    top: -15px;
    left: 0;
    color: white; 
    -webkit-transform: translate(0, -100%); 
            transform: translate(0, -100%);
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
  }
.slick-active .office__label {
      opacity: 1;
    }
.office .btn {
    min-width: auto;
    -ms-flex-item-align: end;
        align-self: flex-end;
    padding-left: 20px;
  }
.office__filter-list.tabs__list {
    margin-bottom: 100px; 
    -webkit-box-pack: center !important; 
        -ms-flex-pack: center !important; 
            justify-content: center !important;
    position: relative;
    z-index: 1   
  }
@media (min-width: 1000px) {

  .office__filter-list.tabs__list {
      display:none   
  }
    }
.office__filter-list.tabs__list .tabs__link {
      color: white;
      text-transform: uppercase;
    }
.office__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: no-wrap;
        flex-wrap: no-wrap;
    position: relative;
    z-index: 1;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
  }
@media (min-width: 1000px) {

    .office__list.is-active {
        -webkit-transform: translate(0, -100px);
                transform: translate(0, -100px)
    }
      }
.office__list .slick-list {
      overflow: visible;
      width: 100%;
    }
.office__list .slick-track {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
      height: 100%;
      margin-left: 0;
    }
.office__list .office__slider-arrow {
      display: block !important;
      position: absolute;
      top: -45px;
      right: 0;
      padding: 5px;
      cursor: pointer;
      outline: none;
      z-index: 2;
    }
.office__list .office__slider-arrow--prev {
        right: 40px
      }
.office__list .office__slider-arrow--prev::before {
          content:'';
          position: absolute;
          display: block;
          top: 50%; 
          left: 50%;
          height: 50px;
          width: 230px;
          z-index: -1;
          background: #250044;
          background: #250044;
          background: var(--accent-color-2);
          background: -webkit-gradient(linear, left top, right top, from(rgba(37,0,68,0)), color-stop(20%, #250044), color-stop(80%, rgba(37,0,68,1)),  to(rgba(37,0,68,0)));
          background: linear-gradient(90deg, rgba(37,0,68,0) 0%, #250044 20%, rgba(37,0,68,1) 80%,  rgba(37,0,68,0));
          background: linear-gradient(90deg, rgba(37,0,68,0) 0%, #250044 20%, rgba(37,0,68,1) 80%,  rgba(37,0,68,0));
          background: -webkit-gradient(linear, left top, right top, from(rgba(37,0,68,0)), color-stop(20%, var(--accent-color-2)), color-stop(80%, rgba(37,0,68,1)),  to(rgba(37,0,68,0)));
          background: linear-gradient(90deg, rgba(37,0,68,0) 0%, var(--accent-color-2) 20%, rgba(37,0,68,1) 80%,  rgba(37,0,68,0));
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          pointer-events: none;
        }
.office__list .office__slider-arrow svg {
        fill: white;
        font-size: 1.6rem;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
      }
.office__list .office__slider-arrow:hover svg {
            fill: #ff0044;
            fill: #ff0044;
            fill: var(--primary-color);

          }
.office__list .office__slider-arrow.slick-disabled {
          /* pointer-events: none; */ 
        }
.office__list .office__slider-arrow.slick-disabled, .office__list .office__slider-arrow.slick-disabled:hover svg {
            fill: white;

          }
.office__list .office__slider-arrow.slick-disabled svg {
            opacity: .3;
          }
.office__count {
    position: absolute;
    display: inline-block;
    top: -90px;
    left: 10px;
    text-transform: uppercase;
    color: white;
  }
.footer {
  --footer-border: 10px;

  background-color: #fcf7ef;

  background-color: #fcf7ef;

  background-color: var(--sand-color);
  position: relative;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-top: 45px;
  margin: 0;
  border: solid var(--footer-border) white
}
@media (min-width: 720px) {
.footer {
    --footer-border: 20px;

    padding-top: 100px
}
  }
.footer__logo {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin-right: 160px
  }
@media (min-width: 720px) {

  .footer__logo {
      margin-right: 30px
  }
    }
@media (min-width: 1300px) {

  .footer__logo {
      margin-right: 160px
  }
    }
.footer__logo img {
      width: 80px;
    }
.footer__lists {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
.footer__inner {
    position: relative;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: auto;
    margin-bottom: 0;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-left: calc(10px + 80px);
    padding-left: calc(10px + 80px);
    padding-left: calc(var(--global-padding-h) + 80px)
  }
@media (min-width: 720px) {

  .footer__inner {
      margin-left: calc(10px + 80px);
      margin-left: calc(10px + 80px);
      margin-left: calc(var(--global-padding-h) + 80px);
      margin-right: 10px;
      margin-right: 10px;
      margin-right: var(--global-padding-h);
      padding-left: 0;
      position: static
  }
    }
@media (min-width: 720px) {

    .footer__inner > div > ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-flow: column nowrap;
                flex-flow: column nowrap
    }
      }
.footer__inner > div > ul > li a {
          color: #ff0044;
          color: #ff0044;
          color: var(--primary-color);
          text-decoration: none;
          font-size: 1.5rem;
          display: none;
        }
.footer__inner > div > ul > li > a {
          display: inline;
          font-family: circle;
          font-size: 1.5rem;
          letter-spacing: 1px;
          font-weight: 600;
          text-transform: uppercase;
          position: relative
        }
.footer__inner > div > ul > li > a.disabled {
            pointer-events: none;
            color: #fcba28;
            color: #fcba28;
            color: var(--accent-color-1)
          }
.footer__inner > div > ul > li > a.disabled + ul li {
              padding-left: 0;
            }
.footer__inner > div > ul > li > a:not(.disabled):before {
            content: "";
            background-size: contain;
            display: inline-block;
            vertical-align: middle;
            background-image: url("assets/images/icons/arrow--orange.svg");
            width: 20px;
            height: 20px;
            margin-right: 5px;
          }
.footer__inner > div > ul > li ul li {
          padding-left: 25px;
        }
.footer__inner > div > ul > li:nth-last-child(2) a {
            display: inline;
          }
.footer__inner > div > ul > li {

        /*dernier*/
      }
.footer__inner > div > ul > li:last-of-type a {
            display: inline;
          }
.footer__inner > div > ul a {
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease
      }
.footer__inner > div > ul a:hover {
          color: #25b3c3;
          color: #25b3c3;
          color: var(--secondary-color);
        }
.footer__legal {
    border-top: solid #25b3c3 4px;
    border-top: solid #25b3c3 4px;
    border-top: solid var(--secondary-color) 4px;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 40px;
    font-size: 1.2rem;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-top: 20px;
    padding-bottom: 20px
  }
@media (min-width: 720px) {

  .footer__legal {
      padding-top: 35px;
      padding-bottom: 35px;
      margin-left: calc(10px + 80px);
      margin-left: calc(10px + 80px);
      margin-left: calc(var(--global-padding-h) + 80px);
      margin-right: 10px;
      margin-right: 10px;
      margin-right: var(--global-padding-h);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: baseline;
          -ms-flex-align: baseline;
              align-items: baseline;
      margin-top: 25px
  }
    }
.footer__legal ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
.footer__legal a {
      font-size: inherit;
      color: inherit;
      text-decoration: none;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease
    }
.footer__legal a:hover {
        color: #ff0044;
        color: #ff0044;
        color: var(--primary-color);
      }
.footer__legal ul {
      font-size: inherit;
    }
.footer__legal ul li + li {
        margin-left: 8px
      }
.footer__legal ul li + li::before {
          content: "/";
          margin-right: 8px;
        }
.footer__legal .copyright {
      margin-bottom: 10px;
    }
.footer__legal .copyright a {
        color: #25b3c3;
        color: #25b3c3;
        color: var(--secondary-color)
      }
.footer__legal .copyright a:hover {
          color: #ff0044;
          color: #ff0044;
          color: var(--primary-color);
        }
@media (min-width: 720px) {

    .footer__legal .copyright {
        margin-bottom: 0
    }
      }
.footer .vertical-baseline {
    position: absolute;
    left: calc(10px - var(--footer-border));
    left: calc(10px - var(--footer-border));
    left: calc(var(--global-padding-h) - var(--footer-border));
    bottom: 0;
    height: 400px;
    width: 20px;

    text-align: left;
    -ms-writing-mode: tb-rl;
        -webkit-writing-mode: vertical-rl;
        writing-mode: vertical-rl;
    /* text-orientation: mixed; */
    /* writing-mode: sideways-lr; */
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
    -ms-flex-item-align: start;
        align-self: flex-start;

    font-family: "circle";
    font-size: 1.2rem
  }
@media (min-width: 720px) {

  .footer .vertical-baseline {
      bottom: 30px
  }
    }
.footer__socials {
    font-size: 3rem;
    margin-top: 40px;
    margin-bottom: 10px
  }
@media (min-width: 720px) {

  .footer__socials {
      margin-bottom: 40px;
      margin-top: 0
  }
    }
.footer__socials a {
      fill: #ff0044;
      fill: #ff0044;
      fill: var(--primary-color);
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease
    }
.footer__socials a:hover {
        fill: #25b3c3;
        fill: #25b3c3;
        fill: var(--secondary-color);
      }
.footer__socials a + a {
        margin-left: 16px;
      }
.footer__socials a svg {
        font-size: 2rem;
      }
@media (min-width: 720px) {
    .footer__logo {
    }

    .footer__lists {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
    }
          .footer__inner > div > ul > li a {
            display: inline;
          }

        .footer__inner > div > ul:first-of-type {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-flow: column wrap;
                  flex-flow: column wrap;
          height: auto;
          max-height: 480px
        }
}
@media (min-width: 720px) and (min-width: 900px) {

        .footer__inner > div > ul:first-of-type {
            height: 230px;
            max-height: auto
        }
          }
@media (min-width: 720px) {

          .footer__inner > div > ul:first-of-type > li {
            padding: 5px;
            margin: 5px;
          }
}
.searchbar {
  --search-button-width: 20px;
  /*max-width            : 90%;*/
  max-width            : 60%;
  width                : 100%;
  margin               : 0 auto;
  display              : -webkit-box;
  display              : -ms-flexbox;
  display              : flex;
  -webkit-box-orient            : horizontal;
  -webkit-box-direction            : normal;
      -ms-flex-flow            : row wrap;
          flex-flow            : row wrap;
  -webkit-box-align          : center;
      -ms-flex-align          : center;
          align-items          : center;
  border-bottom        : 3px solid #fcba28;
  border-bottom        : 3px solid #fcba28;
  border-bottom        : 3px solid var(--accent-color-1);
}
.searchbar__label {
    color         : #ff0044;
    color         : #ff0044;
    color         : var(--primary-color);
    padding-right : 20px;
    padding-bottom: 3px;
  }
.searchbar form {
    display    : -webkit-box;
    display    : -ms-flexbox;
    display    : flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex  : 1;
        -ms-flex-positive  : 1;
            flex-grow  : 1;
    position   : relative;
  }
.searchbar__input {
    width           : 100%;
    background-color: transparent;
    padding         : 15px 20px;
    border          : none;
    color           : #250044;
    color           : #250044;
    color           : var(--main-font-color)
  }
.searchbar__input:focus {
      outline: none;
    }
.searchbar__input--insights {
      padding: 0 20px;
    }
.searchbar__button {
    position        : absolute;
    right           : 0;
    padding         : 3px 0 3px 20px;
    background-color: transparent;
    border          : none
  }
.searchbar__button:hover {
      cursor: pointer;
    }
.searchbar__button:focus {
      outline: none;
    }
.searchbar__svg {
    width: 20px;
    width: var(--search-button-width);
  }
.searchbar__svg path {
      fill: #250044;
      fill: #250044;
      fill: var(--main-font-color);
    }
.searchbar--blog {
    display: none
  }
@media(min-width:720px) {

  .searchbar--blog {
      display      : -webkit-box;
      display      : -ms-flexbox;
      display      : flex;
      position     : relative;
      margin       : unset;
      border-bottom: none;
      max-width    : 320px
  }
    }
.vidtext__title {
    padding    : 20px;
    font-weight: 600;
  }
.vidtext__video {
    display      : block;
    width        : 100%;
    padding      : 20px;
    border-radius: 90px;
    margin-top: 30px;
  }
.vidtext__description {
    /* padding: 20px; */
  }
@media (min-width:1000px) {
  .vidtext {
    display       : -webkit-box;
    display       : -ms-flexbox;
    display       : flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-align   : center;
        -ms-flex-align   : center;
            align-items   : center;
    grid-gap           : 120px;
    grid-gap           : 120px;
    gap           : 120px;
  }

    .vidtext__title {
      padding      : 0;
      margin-bottom: 38px;
    }

    .vidtext__item {
      width: 50%
    }

      .vidtext__item + .plyr--video {
        width: 50%;
      }

    .vidtext__video {
      width  : 50%;
      padding: 0;
      margin: 0;
    }

    .vidtext__description {
      padding: 0;
    }
}
.iconservice {
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
.iconservice header {
    -webkit-box-flex: 1;
        -ms-flex: 1 50%;
            flex: 1 50%;
  }
.iconservice__list {
    -webkit-box-flex: 0;
        -ms-flex: 0 100%;
            flex: 0 100%;
    display: grid;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    grid-gap: 70px 30px;
    margin-top: 50px
  }
@media (min-width: 900px) {

  .iconservice__list {
      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
      grid-gap: 100px 30px
  }
    }
.iconservice__svg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }
.iconservice .iconservice__svg.floating-card__img {
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
    }
.iconservice__svg svg {
      height: 100%
    }
.iconservice__svg svg#consult {
        height: 85%;
      }
.iconservice__svg svg#run {
        height: 90%;
      }
.iconservice__svg svg#experience {
        height: 75%;
      }
.iconservice__svg svg path {
        mix-blend-mode: darken;
        border: solid aqua
      }
@supports (-moz-appearance: none) {

      .iconservice__svg svg path {
          mix-blend-mode: normal
      }
        }
.iconservice .floating-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 290px;
    width: 100%;
    justify-self: center;
  }
.iconservice .floating-card__cell {
      padding-top: 0;
      height: 130px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-item-align: center;
          align-self: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center
    }
@media (min-width: 1300px) {

    .iconservice .floating-card__cell {
        height: 200px
    }
      }
.iconservice .floating-card__img {
      position: relative;
      top: auto;
      left: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
    }
.iconservice .floating-card__content {
      margin-top: 30px;
      position: relative;
      top: auto;
      left: auto;
    }
.iconservice .floating-card__title {
      text-align: center;
    }
.iconservice .floating-card__cta {
      -webkit-transform: rotate(-90deg) translate(0, calc(100% - 10px));
              transform: rotate(-90deg) translate(0, calc(100% - 10px))
    }
@media (min-width: 1300px) {

    .iconservice .floating-card__cta {
        -webkit-transform: rotate(-90deg) translate(0, calc(100% + 10px));
                transform: rotate(-90deg) translate(0, calc(100% + 10px))
    }
      }
.iconservice .floating-card__cta .floating-card__icon {
          top: calc(50% + 3px);
      }
@-webkit-keyframes scroll-indication-anim {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: right;
            transform-origin: right;
  }
  50% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: right;
            transform-origin: right;
  }
  51% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: left;
            transform-origin: left;
  }
  100% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: left;
            transform-origin: left;

  }
}
@keyframes scroll-indication-anim {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: right;
            transform-origin: right;
  }
  50% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: right;
            transform-origin: right;
  }
  51% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: left;
            transform-origin: left;
  }
  100% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: left;
            transform-origin: left;

  }
}
@media (min-width:720px){
  .scroll-indicator {
    position: fixed;
    left: calc(10px + 5px);
    left: calc(10px + 5px);
    left: calc(var(--global-padding-h) + 5px);
    bottom: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 220px;
    -webkit-transform-origin: bottom left;
            transform-origin: bottom left;
    -webkit-transform: translateX(10px) rotate(-90deg);
            transform: translateX(10px) rotate(-90deg);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
  }

    .scroll-indicator::before {
      content:'';
      display: block;
      height: 4px;
      width: 175px;
      background-color: #fcba28;
      background-color: #fcba28;
      background-color: var(--accent-color-1);
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-flow: 1;
              flex-flow: 1;
      -webkit-animation: scroll-indication-anim infinite 3s cubic-bezier(0.16, 1, 0.3, 1) both;
              animation: scroll-indication-anim infinite 3s cubic-bezier(0.16, 1, 0.3, 1) both;
    }
  
    .scroll-indicator::after {
      content:'Scroll';
    }
  
    .scroll-indicator.do-hide {
      opacity: 0;
      pointer-events: none;
    }
}
.slider-career {
  --value: 20px;
  --annotation-spacing: 20px
}
@media (min-width: 1300px) {
.slider-career {
    --annotation-spacing: 30px
}
  }
.slider-career {

  display    : -webkit-box;

  display    : -ms-flexbox;

  display    : flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position   : relative;
  width      : 100%
}
.slider-career:before {
    content   : '';
    position  : absolute;
    height    : 80%;
    width     : 120vw;
    left      : 50%;
    -webkit-transform : translate(-50%, -50%);
            transform : translate(-50%, -50%);
    top       : 50%;
    background: #fcf7ef;
    background: #fcf7ef;
    background: var(--sand-color);
    z-index   : -1
  }
@media (max-width: 899px) {
.slider-career:before {
      height   : 90%;
      top       : 60%
  }

    }
.slider-career__item {
    outline: none;
    position: relative
  }
@media (max-width: 899px) {

  .slider-career__item {
      padding-top: 150px;
      padding-bottom: 50px
  }
    }
@media (max-width: 719px) {

  .slider-career__item {
      padding-top: 250px
  }

    }
.slider-career__item.f-layout.slick-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
.slider-career__title {
    margin-bottom: 10px;
    max-width    : 80%;
  }
.slider-career__title strong {
      color: #25b3c3;
      color: #25b3c3;
      color: var(--secondary-color);
      text-transform: uppercase;
      
    }
.slider-career__box {
      position : relative;
      max-width: -webkit-max-content;
      max-width: -moz-max-content;
      max-width: max-content;
      margin   : 0 auto;
      padding  : 20px;
      -ms-flex-item-align: center;
          align-self: center
  }
.slider-career__box:last-of-type {
        padding: 0 40px 0 20px
      }
@media (max-width: 719px) {

      .slider-career__box:last-of-type {
          padding: 0 20px 0 20px
      }
        }
@media (min-width: 1300px) {

      .slider-career__box:last-of-type {
          padding: 0 120px
      }
        }
@media (max-width: 899px) {

      .slider-career__box--human {
          position: absolute;
          top: 0;
          right: 20px
      }
        }
@media (max-width: 719px) {

      .slider-career__box--human {
          right: 50%;
          -webkit-transform: translate(50%,0);
                  transform: translate(50%,0)
      }
        }
.slider-career__image {
    height: 430px;
    width: 530px;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    max-width: none
  }
@media (max-width: 899px) {

  .slider-career__image {
      height: 200px;
      width: 200px;
      border-radius: 50%;
      -o-object-fit: cover;
         object-fit: cover
  }
    }
@media (min-width: 1300px) {

  .slider-career__image {
      height: 630px
  }
    }
.slider-career__description {
    margin-bottom: 40px;
  }
.slider-career .js-slider-career {
    width: 100%;
  }
.slider-career__annotation {
    position: relative;

    display         : -webkit-box;

    display         : -ms-flexbox;

    display         : flex;
    -webkit-box-orient       : horizontal;
    -webkit-box-direction       : normal;
        -ms-flex-flow       : row wrap;
            flex-flow       : row wrap;
    -webkit-box-align     : end;
        -ms-flex-align     : end;
            align-items     : flex-end;
    background-color: #25b3c3;
    background-color: #25b3c3;
    background-color: var(--secondary-color);
    color           : #fff;
    color           : #fff;
    color           : var(--light-color);
    padding         : var(--annotation-spacing);
    margin-top: -30px
  }
@media (min-width: 1300px) {
  .slider-career__annotation {
      position        : absolute;
      bottom          : var(--value);
      left            : var(--value);
      opacity         : 0.9;
      width           : calc(100% - (2 * var(--value)));
      min-height:   160px;
      margin-top: 0
  }
      }
@media (max-width: 899px) {
  .slider-career__annotation {
        display: none
  }
      }
.slider-career__year {
    -webkit-box-flex            : 1;
        -ms-flex            : 1 100%;
            flex            : 1 100%;
    text-align      : right;
    color           : #fff;
    color           : #fff;
    color           : var(--light-color);
    -ms-writing-mode    : tb-rl;
        -webkit-writing-mode    : vertical-rl;
        writing-mode    : vertical-rl;
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
    -webkit-text-orientation: mixed;
            text-orientation: mixed;
    position: absolute;
    right: var(--annotation-spacing);
    top: var(--annotation-spacing);
  }
.slider-career__profile {
    -webkit-box-flex: 1;
        -ms-flex: 1 50%;
            flex: 1 50%;
  }
.slider-career__name {
    display    : block;
    font-size  : 2.4rem;
    font-family: 'blogger';
    font-weight: 600;
  }
.slider-career__function {
    display    : block;
    font-size  : 1.4rem;
    font-family: 'circle';
  }
.slider-career__city {
    display       : block;
    font-size     : 1.4rem;
    text-transform: uppercase;
    font-family   : 'circle';
    font-weight   : 600;
    margin-top: 4px;
  }
.slider-career__link.btn--link {
    -webkit-box-flex     : 1;
        -ms-flex     : 1 50%;
            flex     : 1 50%;
    color    : #fff;
    color    : #fff;
    color    : var(--light-color);
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    padding: 0;
    margin-top: 30px;
    text-align: right;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-right: 40px;
    font-size: 1.4rem
  }
@media (max-width: 1299px) {
      .slider-career__link.btn--link br {
        display: none;
      }
    }
@media (min-width: 1300px) {

  .slider-career__link.btn--link {
      position: absolute;
      bottom: var(--annotation-spacing);
      right: var(--annotation-spacing);
      max-width: 100px;
      margin-top: 0;
      text-align: left
  }
    }
.slider-career__link.btn--link:hover {
      color: #fcba28;
      color: #fcba28;
      color: var(--accent-color-1);
    }
.slider-career__link.btn--link::after {
      right: 0;
      bottom: 0;
      left: auto;
      top: auto;
      -webkit-transform: translateY(4px);
              transform: translateY(4px);
      background-image: url(assets/images/icons/arrow--yellow.svg);
    }
.slider-career .btn--second {
    position: relative;
    text-align: left;
    -webkit-transform: translate(0, -8px);
            transform: translate(0, -8px);
    color: #250044;
    color: #250044;
    color: var(--main-font-color);
    min-width: auto
  }
@media (max-width: 499px) {

  .slider-career .btn--second {
      display: block;
      margin-top: 30px
  }
    }
@media (max-width: 719px) {

  .slider-career .js-slider-dots {
      position: absolute;
      top: calc(100% - 20px);
      right: 50%;
      -webkit-transform: translate(50%, 0) rotate(-90deg);
              transform: translate(50%, 0) rotate(-90deg)
  }
    }
@media (min-width: 900px) {
.slider-carrer-desktop-hidden {
    display: none !important
}
  }
@media (max-width: 1099px) {
.slider-service-mobile-hidden {
        display: none!important
}
    }
@media (min-width: 1100px) {
.slider-service-desktop-hidden {
        display: none!important
}
    }
.slider-service{
    white-space: no-wrap;

}
.slider-service__arrows {
        text-align: right;
        max-width: 1366px;
        max-width: 1366px;
        max-width: var(--wrapper-width);
        padding: 20px 0;
        padding-right: 10px;
        padding-right: 10px;
        padding-right: var(--global-padding-h);
    }
.slider-service__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }
.slider-service__slide {
        outline: none;
    }
.slider-service__item {
        margin-right: 10px;
        margin-bottom: 10px;
        padding:40px 20px;
        color:#fff;
        color:#fff;
        color:var(--light-color);
        width: auto;
        color: white;
        background-color:#fcf7ef;
        background-color:#fcf7ef;
        background-color:var(--sand-color);
        -webkit-transition: all .3s ease;
        transition: all .3s ease


    }
@media (min-width: 1100px) {
    .slider-service__item {
            height: 400px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
                -ms-flex-align: start;
                    align-items: flex-start


    }
        }
@media (min-width: 1300px) {
    .slider-service__item {
            height: 300px


    }  
        }
@media (min-width: 1100px) {
        .slider-service__item:not(.do-reveal) {
            opacity: 0
        }
            }
.slider-service__r1 .slider-service__slide:nth-child(6n +1) .slider-service__item{
            color: white;
            background-color:#250044;
            background-color:#250044;
            background-color:var(--accent-color-2);
        }
.slider-service__r1 .slider-service__slide:nth-child(6n +2) .slider-service__item{
            color:#250044;
            color:#250044;
            color:var(--main-font-color);
            background-color:#fcba28;
            background-color:#fcba28;
            background-color:var(--accent-color-1);
        }
.slider-service__r1 .slider-service__slide:nth-child(6n +3) .slider-service__item{
            background-color:#25b3c3;
            background-color:#25b3c3;
            background-color:var(--secondary-color);
        }
.slider-service__r1 .slider-service__slide:nth-child(6n +4) .slider-service__item{
            background-color:#ff0044;
            background-color:#ff0044;
            background-color:var(--primary-color);
        }
.slider-service__r1 .slider-service__slide:nth-child(6n +5) .slider-service__item{
            color:#250044;
            color:#250044;
            color:var(--main-font-color);
            background-color:#fcf7ef;
            background-color:#fcf7ef;
            background-color:var(--sand-color);
        }
.slider-service__r1 .slider-service__slide:nth-child(6n +6) .slider-service__item{
            background-color:#250044;
            background-color:#250044;
            background-color:var(--accent-color-2);
        }
.slider-service__r2 .slider-service__slide:nth-child(6n +1) .slider-service__item{
            background-color:#25b3c3;
            background-color:#25b3c3;
            background-color:var(--secondary-color);
        }
.slider-service__r2 .slider-service__slide:nth-child(6n +2) .slider-service__item{
            background-color:#ff0044;
            background-color:#ff0044;
            background-color:var(--primary-color);
        }
.slider-service__r2 .slider-service__slide:nth-child(6n +3) .slider-service__item{
            color:#250044;
            color:#250044;
            color:var(--main-font-color);
            background-color:#fcf7ef;
            background-color:#fcf7ef;
            background-color:var(--sand-color);
        }
.slider-service__r2 .slider-service__slide:nth-child(6n +4) .slider-service__item{
            background-color:#ff0044;
            background-color:#ff0044;
            background-color:var(--primary-color);
        }
.slider-service__r2 .slider-service__slide:nth-child(6n +5) .slider-service__item{
            color:#250044;
            color:#250044;
            color:var(--main-font-color);
            background-color:#fcba28;
            background-color:#fcba28;
            background-color:var(--accent-color-1);
        }
.slider-service__r2 .slider-service__slide:nth-child(6n +6) .slider-service__item{
            background-color:#250044;
            background-color:#250044;
            background-color:var(--accent-color-2);
        }
.slider-service__title{
        width:100%

    }
@media (min-width: 1100px) {


    .slider-service__title{
            max-width:200px;
            margin-right:20px

    }

        }
.slider-service .slider-service__r1 .slick-list {
        padding-left: 10px;
        padding-left: 10px;
        padding-left: var(--global-padding-h)
    }
@media (min-width: 1100px) {

    .slider-service .slider-service__r1 .slick-list {
            padding-left: 115px
    }
        }
/*@import "components/_slider-usecase"; */
/* .slider-articles {
  --slider-artcicles-width: calc(var(--wrapper-width) + (100vw - var(--wrapper-width)) / 2);

  --slider-articles-visible-blocks: 3;
  --slider-articles-item-size: calc(var(--slider-artcicles-width) / var(--slider-articles-visible-blocks));

} */
section.section--related-articles {
  position: relative;
}
@media (max-width: 719px) {
  section.section--related-articles h1,
  section.section--related-articles h2 {
      margin-left: 10px;
      margin-left: 10px;
      margin-left: var(--global-padding-h)
  }
    }
.slider-articles {
  --max-height-item: 300px;
  --value: 20px;
  --arrows-offset: 45px
}
@media (min-width: 720px) {
.slider-articles {
    --max-height-item: 400px
}
  }
.slider-articles {
  position: relative;
  color: #fff;
  color: #fff;
  color: var(--light-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  height: calc(var(--max-height-item) + var(--arrows-offset));
  padding-top: var(--arrows-offset);
  margin-top: calc(var(--arrows-offset) * -1);
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  overflow: hidden;
  width: 100%;
}
.slider-articles__more {
    padding: 20px;
    display: none
  }
@media (min-width: 1300px) {

  .slider-articles__more {
      margin-top: 0;
      margin-left: 0;
      margin-right: 0;
      display: block
  }
    }
.slider-articles .blog-overview__list-item {
    position: relative;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    margin: 0 auto;
    outline: none
  }
.slider-articles .blog-overview__list-item[count="1"] {
      color: white;
    }
.slider-articles .blog-overview__list-item[count="1"] .blog-overview__picture {
        background-color: #25b3c3;
        background-color: #25b3c3;
        background-color: var(--secondary-color);
      }
.slider-articles .blog-overview__list-item[count="2"] {
      color: white;
    }
.slider-articles .blog-overview__list-item[count="2"] .blog-overview__picture {
        background-color: #ff0044;
        background-color: #ff0044;
        background-color: var(--primary-color);
      }
.slider-articles .blog-overview__list-item[count="3"] {
      color: #250044;
      color: #250044;
      color: var(--main-font-color);
    }
.slider-articles .blog-overview__list-item[count="3"] .blog-overview__picture {
        background-color: #fcf7ef;
        background-color: #fcf7ef;
        background-color: var(--sand-color);
      }
.slider-articles .blog-overview__list-item[count="3"] .blog-overview__picture .blog-overview__image {
          opacity: 0.17;
        }
.slider-articles .blog-overview__list-item[count="4"] {
      color: white;
    }
.slider-articles .blog-overview__list-item[count="4"] .blog-overview__picture {
        background-color: #fcba28;
        background-color: #fcba28;
        background-color: var(--accent-color-1);
      }
.slider-articles .blog-overview__list-item[count="4"] .blog-overview__picture .blog-overview__image {
          opacity: 0.4;
        }
.slider-articles .blog-overview__list-item[count="5"] .blog-overview__picture {
        background-color: #25b3c3;
        background-color: #25b3c3;
        background-color: var(--secondary-color);
      }
.slider-articles .blog-overview__list-item[count="6"] {
      color: white;
    }
.slider-articles .blog-overview__list-item[count="6"] .blog-overview__picture {
        background-color: #fcba28;
        background-color: #fcba28;
        background-color: var(--accent-color-1);
      }
.slider-articles .blog-overview__list-item[count="6"] .blog-overview__picture .blog-overview__image {
          opacity: 0.4;
        }
.slider-articles .blog-overview__list-item[count="7"] {
      color: #250044;
      color: #250044;
      color: var(--main-font-color);
    }
.slider-articles .blog-overview__list-item[count="7"] .blog-overview__picture {
        background-color: #fcf7ef;
        background-color: #fcf7ef;
        background-color: var(--sand-color);
      }
.slider-articles .blog-overview__list-item[count="7"] .blog-overview__picture .blog-overview__image {
          opacity: 0.17;
        }
.slider-articles__slide {
    outline: none;
    padding: 0;
    margin: 0;
    padding: 5px;
  }
.slider-articles__slide a {
      outline: none;
    }
.slider-articles__slide .blog-overview__list-item--card {
      width: auto;
      max-width: none;
    }
.slider-articles__more {
    width: calc(400px + 40px);
    -ms-flex-negative: 0;
        flex-shrink: 0;
    /* width: calc(var(--slider-articles-item-size) * 1); */
  }
.slider-articles__arrows {
    position: absolute;
    z-index: 1;
    top: 0;
    text-align: right;
    max-width: 1366px;
    max-width: 1366px;
    max-width: var(--wrapper-width);
    /* padding: 20px 0; */
    right: 10px;
    right: 10px;
    right: var(--global-padding-h)
  }
@media (min-width: 900px) {
      .slider-articles__arrows.desktop-slider-hidden {
        display: none;
      }
    }
.js-slider-articles {
  display: block;
  width: 100%;
  position: relative
}
.js-slider-articles.s1 {
    width: 100%
  }
@media (min-width: 1300px) {
.js-slider-articles.s1 {
      /* width: calc(var(--slider-articles-item-size) * 2); */
      width: calc(100% - 500px)
  }
    }
.js-slider-articles.s1 .slick-list {
      padding-left: 10px;
      padding-left: 10px;
      padding-left: var(--global-padding-h)
    }
@media (min-width: 720px) {
    .js-slider-articles.s1 .slick-list {
        padding-left: 0
    }
      }
.js-slider-articles.s2 {
    /* width: calc(var(--slider-articles-item-size) * 1); */
    display: none
  }
@media (min-width: 1500px) {
.js-slider-articles.s2 {
      display: block
  }
    }
@media (min-width: 1300px) {
.slider-articles-desktop-hidden {
    display: none !important
}
  }
@media (max-width: 1299px) {
.slider-articles__btn-list {
    margin-top: 20px;
    margin-left: auto;
    display: block;
    text-align: right;
    padding-right: 10px;
    padding-right: 10px;
    padding-right: var(--global-padding-h)
}
  }
.blog-overview {
  --value: 20px;
  color  : #fff;
  color  : #fff;
  color  : var(--light-color);
   
}
.blog-overview__list {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 10px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
.blog-overview__list-item {
    position : relative;
    width: 100%;
    margin   : 0 auto;
    color: white;
    grid-column: span 6;
    display: block;
    height: 300px
   
  }
@media (min-width: 1000px) {

  .blog-overview__list-item {
      grid-column: span 3;
      height: 400px
   
  }
    }
@media (min-width: 1250px) {

  .blog-overview__list-item {
      grid-column: span 2
   
  }
    }
.blog-overview__list-item--title {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      height: auto
    }
@media (min-width: 1000px) {
    
    .blog-overview__list-item--title {
        grid-column: span 3
    }
      }
@media (min-width: 1250px) {
    
    .blog-overview__list-item--title {
        grid-column: span 2
    }
      }
.blog-overview__list-item--card:nth-of-type(6n + 1) .blog-overview__picture {
          background-color: #25b3c3;
          background-color: #25b3c3;
          background-color: var(--secondary-color);
      }
.blog-overview__list-item--card:nth-of-type(6n + 2) .blog-overview__picture,
      .blog-overview__list-item--card:nth-of-type(6n + 6) .blog-overview__picture {
        background-color: #ff0044;
        background-color: #ff0044;
        background-color: var(--primary-color);
    }
.blog-overview__list-item--card:nth-of-type(6n + 3),
      .blog-overview__list-item--card:nth-of-type(6n + 4) {
        color: #250044;
        color: #250044;
        color: var(--main-font-color);
      }
.blog-overview__list-item--card:nth-of-type(6n + 3) .blog-overview__picture, .blog-overview__list-item--card:nth-of-type(6n + 4) .blog-overview__picture {
          background-color: #fcf7ef;
          background-color: #fcf7ef;
          background-color: var(--sand-color);
        }
.blog-overview__list-item--card:nth-of-type(6n + 3) .blog-overview__picture .blog-overview__image, .blog-overview__list-item--card:nth-of-type(6n + 4) .blog-overview__picture .blog-overview__image {
            opacity: .17;
          }
.blog-overview__list-item--card:nth-of-type(6n + 5) .blog-overview__picture {
          background-color: #fcba28;
          background-color: #fcba28;
          background-color: var(--accent-color-1);
          color: white;
      }
.blog-overview__list-item--card:nth-of-type(6n + 5) .blog-overview__picture .blog-overview__image {
            opacity: .4;
          }
.blog-overview__list-item--card{

      --blog_card_large : span 6;
      --blog_card_medium : span 6;
      --blog_card_small : span 6
    }
@media (min-width: 1000px) {
    .blog-overview__list-item--card{
        --blog_card_large : span 3;
        --blog_card_medium : span 3;
        --blog_card_small : span 3
    }
      }
@media (min-width: 1250px) {
    .blog-overview__list-item--card{
        --blog_card_large : span 4;
        --blog_card_medium : span 3;
        --blog_card_small : span 2
    }
      }
.blog-overview__list-item--card:nth-of-type(6n + 1) {
        grid-column: var(--blog_card_large);
      }
.blog-overview__list-item--card:nth-of-type(6n + 2),
      .blog-overview__list-item--card:nth-of-type(6n + 3) {
        grid-column: var(--blog_card_medium);

      }
.blog-overview--archive .blog-overview__list-item--card:nth-of-type(7n + 1) {
          color: white ;
        }
.blog-overview--archive .blog-overview__list-item--card:nth-of-type(7n + 1) .blog-overview__picture {
            background-color: #25b3c3;
            background-color: #25b3c3;
            background-color: var(--secondary-color);
          }
.blog-overview--archive .blog-overview__list-item--card:nth-of-type(7n + 2),
        .blog-overview--archive .blog-overview__list-item--card:nth-of-type(7n + 6) {
          color: white;
        }
.blog-overview--archive .blog-overview__list-item--card:nth-of-type(7n + 2) .blog-overview__picture, .blog-overview--archive .blog-overview__list-item--card:nth-of-type(7n + 6) .blog-overview__picture {
            background-color: #fcba28;
            background-color: #fcba28;
            background-color: var(--accent-color-1);
          }
.blog-overview--archive .blog-overview__list-item--card:nth-of-type(7n + 2) .blog-overview__picture .blog-overview__image, .blog-overview--archive .blog-overview__list-item--card:nth-of-type(7n + 6) .blog-overview__picture .blog-overview__image {
              opacity: .4;
            }
.blog-overview--archive .blog-overview__list-item--card:nth-of-type(7n + 4),
        .blog-overview--archive .blog-overview__list-item--card:nth-of-type(7n + 5) {
          color: #250044;
          color: #250044;
          color: var(--main-font-color);
        }
.blog-overview--archive .blog-overview__list-item--card:nth-of-type(7n + 4) .blog-overview__picture, .blog-overview--archive .blog-overview__list-item--card:nth-of-type(7n + 5) .blog-overview__picture {
            background-color: #fcf7ef;
            background-color: #fcf7ef;
            background-color: var(--sand-color);
          }
.blog-overview--archive .blog-overview__list-item--card:nth-of-type(7n + 4) .blog-overview__picture .blog-overview__image, .blog-overview--archive .blog-overview__list-item--card:nth-of-type(7n + 5) .blog-overview__picture .blog-overview__image {
              opacity: .17;
            }
.blog-overview--archive .blog-overview__list-item--card:nth-of-type(7n + 3),
        .blog-overview--archive .blog-overview__list-item--card:nth-of-type(7n + 7) {
          color: white ;
        }
.blog-overview--archive .blog-overview__list-item--card:nth-of-type(7n + 3) .blog-overview__picture, .blog-overview--archive .blog-overview__list-item--card:nth-of-type(7n + 7) .blog-overview__picture {
            background-color: #ff0044;
            background-color: #ff0044;
            background-color: var(--primary-color);
          }
.blog-overview--archive .blog-overview__list-item--card:nth-of-type(7n + 1) {
          grid-column: var(--blog_card_large);
        }
.blog-overview--archive .blog-overview__list-item--card:nth-of-type(7n + 2),
        .blog-overview--archive .blog-overview__list-item--card:nth-of-type(7n + 5),
        .blog-overview--archive .blog-overview__list-item--card:nth-of-type(7n + 6),
        .blog-overview--archive .blog-overview__list-item--card:nth-of-type(7n + 7) {
          grid-column: var(--blog_card_small);
        }
.blog-overview--archive .blog-overview__list-item--card:nth-of-type(7n + 3),
        .blog-overview--archive .blog-overview__list-item--card:nth-of-type(7n + 4) {
          grid-column: var(--blog_card_medium);
        }
.blog-overview__list-item--cta {
      height: 300px;
      grid-column: span 6
    }
@media (min-width: 720px) {

    

    .blog-overview__list-item--cta {
        padding: 20px
    }
      }
@media (min-width: 1000px) {

    

    .blog-overview__list-item--cta {
        grid-column: span 3;
        height: 400px
    }

      }
@media (min-width: 1250px) {

    

    .blog-overview__list-item--cta {
        grid-column: span 2
    }
      }
.blog-overview__title {
    font-size  : 2rem;
    font-family: 'blogger'
  }
@media (min-width: 600px) {

  .blog-overview__title {
      font-size  : 3.4rem
  }
    }
.blog-overview__link {
    text-decoration: none;
    color          : inherit;
  }
.blog-overview__list.listing-result {
      margin-top: 50px;
    }
.blog-overview__annotation {
    display  : -webkit-box;
    display  : -ms-flexbox;
    display  : flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    /*height: 100%;*/
    position : absolute;
    bottom   : var(--value);
    left     : var(--value);
    width    : calc(100% - (2 * var(--value)));
    height   : calc(100% - (2 * var(--value)));
    z-index  : 2;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between
  }
@media (min-width: 600px) {


  .blog-overview__annotation {
  }
    
    }
@media (min-width: 1000px) {


  .blog-overview__annotation {
      padding  : 20px 14px 20px 20px
  }
    }
.blog-overview__picture {
    position        : relative;
    display         : block;
    background-color: #ff0044;
    background-color: #ff0044;
    background-color: var(--primary-color);
    overflow        : hidden;
    height: 100%
  }
.blog-overview__picture:after {
      content         : '';
      background-color: inherit;
      mix-blend-mode  : darken;
      position        : absolute;
      height          : 100%;
      width           : 100%;
      left            : 0;
      top             : 0;
      z-index         : 1;
    }
.blog-overview__image {
    display: block;
    opacity: .5;
    -o-object-fit: cover;
       object-fit: cover;
    width     : 100%;
    height    : 100%;
    max-height: 100%;
    max-width: 100%;
    margin-left: auto;
    width: 65%
  }
@media (min-width: 1000px) {



  .blog-overview__image {
      width: 100%
  }
    }
.blog-overview__date {
    text-align    : right;
    -ms-writing-mode  : tb-rl;
        -webkit-writing-mode  : vertical-rl;
        writing-mode  : vertical-rl;
    text-align    : left;
    text-transform: uppercase;
    -ms-flex-item-align    : start;
        align-self    : flex-start;
    font-family   : 'circle';
    font-size     : 1.4rem;
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
    line-height: 1.8rem;

  }
.blog-overview__category {
    font-family: 'circle';
    font-size  : 1.4rem;
    line-height: 1.4em;
    margin-bottom: 8px;

  }
.blog-overview__strong {
    text-transform: uppercase;
  }
.blog-overview__header {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
.blog-overview__image{
        -webkit-transition:all .5s;
        transition:all .5s;
        }
.blog-overview__list-item:hover .blog-overview__image   {
            -webkit-transform:scale(1.1);
                    transform:scale(1.1);
            }
/*@import "components/_article_result"; */
.single-wrapper {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto
}
@media (min-width: 1300px) {
.single-wrapper {
    width: 900px
}
  }
@media (max-width: 1299px) {
  .single-mobile-hidden {
    display: none !important;
  }
}
@media (min-width: 1300px) {
  .single-desktop-hidden {
    display: none !important;
  }
}
.single-article {
  position: relative
}
.single-article.hero {
    background-color: unset;
    height: auto;
    min-height: auto;
    margin-bottom: 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column
  }
@media (max-width: 719px) {
.single-article.hero {
      margin-bottom: 0px;
      padding-bottom: 0
  }
    }
.single-article::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: var(--hero-height);
    border-bottom-left-radius: 80px;
    border-bottom-left-radius: 80px;
    border-bottom-left-radius: var(--hero-border-radius);
    background-color: #fcf7ef;
    background-color: #fcf7ef;
    background-color: var(--sand-color);
    z-index: -1;
  }
.single-article.no-picture {
    padding-top: 50px;
    padding-bottom: 50px;
    margin-bottom: 100px
  }
.single-article.no-picture::before {
      height: 100%;
    }
.single-article__header {
    position: relative;
    margin-top: 30px;
    margin-bottom: 40px;
    padding-left: auto;
    padding-right: auto;
    text-align: center
  }
@media (min-width: 720px) {

  .single-article__header {
      margin-top: 70px;
      padding-left: 60px;
      padding-right: 60px
  }
    }
.single-article__category {
    color: #ff0044;
    color: #ff0044;
    color: var(--primary-color);
    margin-bottom: 25px;
  }
.single-article__category span {
      color: #ff0044;
      color: #ff0044;
      color: var(--primary-color);
    }
.single-article__category a {
      color: inherit;
      text-decoration: none;
    }
.single-article__title {
    width: 100%;
    max-width: auto;
    position: relative;
    text-align: center;
  }
.single-article__title strong {
      position: relative;
      z-index: 0
    }
.single-article__title strong::before {
        content: "";
        display: block;
        position: absolute;
        top: 22px;
        left: -4px;
        right: 16px;
        bottom: 3px;
        z-index: -1;
        background-color: #fcba28;
        background-color: #fcba28;
        background-color: var(--accent-color-1);
        opacity: 0.8;
      }
.single-article__title:after {
      content: "";
      display: block;

      background-color: #250044;

      background-color: #250044;

      background-color: var(--main-font-color);
      margin-top: 25px;
      margin-left: auto;
      margin-right: auto;
      height: 10px;
      width: 40px
    }
@media (min-width: 720px) {

    .single-article__title:after {
        height: 15px;
        width: 78px;
        bottom: -15px
    }
      }
.single-article__date {
    position: absolute;
    top: calc(100% - 20px);
    left: 0;
    text-align: left;
    -webkit-transform-origin: bottom left;
            transform-origin: bottom left
  }
@media (min-width: 1300px) {

  .single-article__date {
      bottom: 0;
      top: auto;
      -webkit-transform: rotate(-90deg) translate(0, 100%);
              transform: rotate(-90deg) translate(0, 100%)
  }
    }
.single-article__aside {
    position: absolute;
    bottom: 100%;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    white-space: nowrap;
    padding-bottom: 20px;
    text-align: left
  }
@media (min-width: 1300px) {

  .single-article__aside {
      top: 0;
      left: 100%;
      right: auto;
      bottom: 0;
      margin-left: 30px;
      padding-bottom: 0
  }
    }
.single-article__box {
    position: relative;
    width: 100%;
    text-align: center
  }
@media (min-width: 720px and max-width: 1299px) {

  .single-article__box {
      width: auto
  }
    }
.single-article__picture img {
      max-height: 300px
    }
@media (min-width: 720px) {
    .single-article__picture img {
        max-height: 500px
    }
      }
.single-article__credits {
    margin-top: 100px;
    padding-top: 75px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    /* max-width: 400px; */
    margin-left: auto;
    margin-right: auto;

    border-top: solid #25b3c3 4px;

    border-top: solid #25b3c3 4px;

    border-top: solid var(--secondary-color) 4px;
  }
.single-article__content {
    margin-bottom: 50px
  }
@media (max-width: 719px) {

  .single-article__content {
      padding-top: 50px
  } 
    }
.single-article__content h2 {
      color: #ff0044;
      color: #ff0044;
      color: var(--primary-color);
      margin-bottom: 5px;
    }
.single-article__content p {
      margin-top: 20px;
    }
/* 
      p a {
        color: var(--secondary-color);
        font-weight: 600;
        font-style: italic;
        text-decoration: none;
        margin-left: 2px;
        margin-right: 3px;
        transition: all .3s ease;

        &:hover {
          color: var(--primary-color);
        }

        &[target="_blank"] {
          &:after{
            content:'';
            display: inline-block;
            width: 17px;
            height: 17px;
            background-image:url('assets/images/icons/arrow--blue.svg');
            background-size: contain;
            background-position: center center;
            background-repeat: no-repeat;
            margin-left: 5px;
            transform: translateY(3px) rotate(-45deg);
        }
        }
      } */
.single-article__content h1:not(:first-child), .single-article__content h2:not(:first-child), .single-article__content h3:not(:first-child), .single-article__content h4:not(:first-child), .single-article__content h5:not(:first-child) {
        margin-top: 60px;
      }
.single-article__content .wp-block-pullquote,
    .single-article__content .wp-block-quote {
      position: relative;
      margin-top: 50px;
      padding-top: 80px;
      padding-bottom: 80px
    }
.single-article__content .wp-block-pullquote::before, .single-article__content .wp-block-quote::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: -1;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        display: block;
        width: 100vw;
        height: 100%;
        background-color: #fcf7ef;
        background-color: #fcf7ef;
        background-color: var(--sand-color);
      }
.single-article__content .wp-block-pullquote p, .single-article__content .wp-block-quote p {
        margin-top: 0;
        font-family: "blogger";
        font-size: 2rem;
        font-weight: bold;
        font-style: italic;
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
        font-size: 2.6rem
      }
.single-article__content .wp-block-pullquote p::before, .single-article__content .wp-block-quote p::before {
          content: "“";
        }
.single-article__content .wp-block-pullquote p::after, .single-article__content .wp-block-quote p::after {
          content: "”";
        }
.single-article__content .wp-block-pullquote cite, .single-article__content .wp-block-quote cite {
        font-size: 1.4rem;
        margin-top: 40px;
      }
.single-article__content img {
      max-width: 100%;
      height: auto;
    }
.single-article__content .wp-block-column figure:first-child {
        margin-top: 0;
      }
@media (max-width: 599px) {
        .single-article__content .wp-block-column + .wp-block-column {
          margin-top: 40px;
        }
      }
.single-article__content .wp-block-image {
      margin-bottom: 0;
    }
.single-article__content .wp-block-image figcaption {
        display: none;
      }
@media (max-width: 599px) {

    .single-article__content .wp-block-gallery {
        margin-top: 0;
    }

        .single-article__content .wp-block-gallery ul {
          margin-top: 0;
        }
      }
.single-article__content .wp-block-gallery .blocks-gallery-grid {
        width: 100%
      }
.single-article__content .wp-block-gallery .blocks-gallery-grid:not(.slick-slider) {
          display: none;
        }
.single-article__content .wp-block-gallery .slick-list {
        width: 100%;
      }
.single-article__content .wp-block-gallery .slick-track {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
      }
.single-article__content .wp-block-gallery .slick-track li {
          display: block;
          padding: 0;
          margin: 0
        }
.single-article__content .wp-block-gallery .slick-track li::before,
          .single-article__content .wp-block-gallery .slick-track li::after {
            display: none;
          }
.single-article__content .wp-block-gallery .slick-track figure {
          display: block;
          width: 100%;
        }
.single-article__content .wp-block-gallery .slick-track figcaption {
          display: none;
        }
.single-article__content .wp-block-gallery .slick-track img {
          width: 100%;
          display: block;
          -o-object-fit: cover;
             object-fit: cover;
          height: 300px
        }
@media (min-width: 720px) {

        .single-article__content .wp-block-gallery .slick-track img {
            height: 500px
        }
          }
.single-article__content .wp-block-gallery__slider {
        width: 100%;
      }
.single-article__content .wp-block-gallery__nav {
        width: 100%;
        margin-top: 10px
      }
@media (min-width: 720px) {

      .single-article__content .wp-block-gallery__nav {
          margin-top: 40px
      }
        }
.single-article__content .wp-block-gallery__nav .slick-track > * {
            outline: none;
          }
.single-article__content .wp-block-gallery__nav .slick-track figure {
            padding: 0 5px
          }
@media (min-width: 720px) {

          .single-article__content .wp-block-gallery__nav .slick-track figure {
              padding: 0 15px
          }
            }
.single-article__content .wp-block-gallery__nav .slick-track img {
            cursor: pointer;
            height: 65px;
            width: 100%;
            display: block;
            -o-object-fit: cover;
               object-fit: cover;
          }
.single-article__content .content-block {
      margin-top: 50px;
      margin-bottom: 50px;
    }
.single-article__content .content-block p {
        margin-top: 0;
      }
.single-article__content .content-block form ul {
          margin-top: 0;
        }
.single-article__content .content-block form ul li {
            margin-bottom: 0
          }
.single-article__content .content-block form ul li::before,
            .single-article__content .content-block form ul li::after {
              display: none;
            }
.mega-menu {
  position        : absolute;
  /* margin-top:120px; */
  overflow-y      : scroll;
  left            : 0;
  top             : 0;
  z-index:  -1;
  width           : 100%;
  background-color: transparent;
  height          : 74px;
  height          : 74px;
  height          : var(--menu-height);
  overflow: hidden; 
  -webkit-box-shadow    : 0 0 20px rgba(255, 0, 68, 0); 
          box-shadow    : 0 0 20px rgba(255, 0, 68, 0);
  pointer-events: none;
  -webkit-transition: all .3s ease, height .5s cubic-bezier(0.7, 0, 0.84, 0);
  transition: all .3s ease, height .5s cubic-bezier(0.7, 0, 0.84, 0);
}
.mega-menu__wrapper {
    padding-top: calc(74px);
    padding-top: calc(74px);
    padding-top: calc(var(--menu-height));
    padding-left: 10px;
    padding-left: 10px;
    padding-left: var(--global-padding-h);
    padding-right: 10px;
    padding-right: 10px;
    padding-right: var(--global-padding-h);
    padding-bottom  : 80px;
    display  : -webkit-box;
    display  : -ms-flexbox;
    display  : flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width    : 100%;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
  }
.mega-menu__list {
    /* background-color:pink; */
    display  : -webkit-box;
    display  : -ms-flexbox;
    display  : flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
.mega-menu__item {
    padding-left: 40px;
    /* border:2px solid blue; */
    max-width   : 260px;
    width       : 100%
  }
.mega-menu__item:last-of-type {
      margin-right: 35%;
    }
.mega-menu__link {
    /* border:1px solid red; */
    color           : #ff0044;
    color           : #ff0044;
    color           : var(--primary-color);
    font-size       : 1.5rem;
    font-weight     : 600;
    text-transform  : uppercase;
    position        : relative;
    -webkit-box-align     : center;
        -ms-flex-align     : center;
            align-items     : center;
    display         : inline-block;
    margin-bottom   : 10px;
    max-width       : none;
    width           : auto;
    font-size       : 1.6rem;
    -webkit-box-shadow      : none;
            box-shadow      : none;
    background-color: transparent;
    text-decoration : none
  }
.mega-menu__link:after {
      content         : '';
      background-size : cover;
      display         : block;
      position        : absolute;
      top             : 50%;
      -webkit-transform       : translateY(-50%);
              transform       : translateY(-50%);
      background-image: url("assets/images/icons/arrow--orange.svg");
      left            : -30px;
      width           : 25px;
      height          : 25px;
    }
.mega-menu__sub-list {
  }
.mega-menu__sub-item {
    line-height: 1.3
  }
.mega-menu__sub-item + .mega-menu__sub-item {
      margin-top: 10px;
    }
.mega-menu__sub-link {
    font-family    : circle;
    color          : #ff0044;
    color          : #ff0044;
    color          : var(--primary-color);
    font-size      : 1.5rem;
    text-decoration: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
  }
.mega-menu__box {
    padding-right: 20px
  }
.mega-menu__box:last-of-type {
      padding-left : 20px;
      padding-right: 0;
    }
.mega-menu__box-link {
    color: inherit;
    text-decoration: none;
    display: grid;
    grid-template-columns: 45% 1fr;
    grid-gap: 40px;
    text-align: right;
    width: 100%;
  }
.mega-menu__box-link .blog-overview__category {
      color: #250044;
      color: #250044;
      color: var(--main-font-color);
    }
.mega-menu__box-link .svg--arrow {
      fill: #fcba28;
      fill: #fcba28;
      fill: var(--accent-color-1);
      font-size: 3rem;
      margin-top: 10px;
    }
.mega-menu__box-link:hover .mega-menu__title {
        color: #25b3c3;
        color: #25b3c3;
        color: var(--secondary-color);
      }
.mega-menu__box-link:hover .mega-menu__picture img {
        -webkit-transform: scale(1.1);
                transform: scale(1.1);
      }
.mega-menu__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
.mega-menu__category {
    font-size: 1.4rem;
  }
.mega-menu__title {
    color        : #ff0044;
    color        : #ff0044;
    color        : var(--primary-color);
    font-size: 3.5rem;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
  }
.mega-menu__picture {
    background-color: #ff0044;
    background-color: #ff0044;
    background-color: var(--primary-color);
    position: relative;
    height: 100%;
    padding-top: 55%;
    overflow: hidden;
  }
.mega-menu__picture img {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      display: block;
      height: 100%;
      width: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      mix-blend-mode: darken;
      -webkit-transition: all .5s ease;
      transition: all .5s ease;
    }
.mega-menu a {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
  }
.mega-menu a:hover {
      color: #25b3c3;
      color: #25b3c3;
      color: var(--secondary-color); 
    }
@media (min-width:720px) {

    .mega-menu__wrapper {
      /* border:1px solid blue; */
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      -ms-flex-wrap      : wrap;
          flex-wrap      : wrap;
    }

    .mega-menu__box {
      width      : 50%;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      -ms-flex-wrap  : wrap;
          flex-wrap  : wrap
      /* border:1px solid red; */
      /*max-width  : 720px;*/
    }
      .mega-menu__box:first-child {
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
      }
      .mega-menu__box:last-of-type {
        max-width: 920px;
        /* padding-left:50px; */
        display  : -webkit-box;
        display  : -ms-flexbox;
        display  : flex;
        padding  : 0;
      }

    .mega-menu__image {
      max-width  : 100%;
      min-width  : none;
      margin-left: 0;
    }

    .mega-menu__list {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
    }

    .mega-menu__title-link {
      color          : inherit;
      text-transform : inherit;
      text-decoration: none;
    }
}
@media (min-width:920px) {

    .mega-menu__wrapper {
     /* padding: 80px; */
    }

    .mega-menu__item {
      width: 50%
    }

      .mega-menu__item:last-of-type {
        margin-right: 0;
      }

    .mega-menu__box {
      width: 50%
    }

      .mega-menu__box:last-of-type {
        padding-left : 40px;
        width        : 50%;
        border-left  : 4px solid #fcba28;
        border-left  : 4px solid #fcba28;
        border-left  : 4px solid var(--accent-color-1);
      }

    .mega-menu__image {
      margin-left: 0;
      width      : 420px;
    }

    .mega-menu__list {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center
    }

      .mega-menu__list + .mega-menu__list {
        margin-left: 30px;
      } 
}
li.menu__list-item[class*='mega-menu']:hover .mega-menu {
      pointer-events: auto;
      background-color: white;
      -webkit-box-shadow    : 0 0 20px rgba(255, 0, 68, .16);
              box-shadow    : 0 0 20px rgba(255, 0, 68, .16);
      -webkit-transition: all .3s ease, height .5s cubic-bezier(0.16, 1, 0.3, 1);
      transition: all .3s ease, height .5s cubic-bezier(0.16, 1, 0.3, 1);
    }
li.menu__list-item[class*='mega-menu']:hover .mega-menu__wrapper {
        opacity: 1;
        pointer-events: auto;
        -webkit-transition: all .3s .3s ease;
        transition: all .3s .3s ease;
      }
/*.mega-menu {
  height: auto !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  background-color: white !important;

  &__wrapper {
    height: auto !important;
    opacity: 1 !important;
    pointer-events: auto !important;  
  }
} */
.title{
    color:#ff0044;
    color:#ff0044;
    color:var(--primary-color);
    position: relative;
    margin-bottom: calc(25px + 0px); /* + 40px de marge*/
    margin-top: 10px;
    padding-bottom: 20px
}
@media (min-width: 720px) {
.title{
        /* margin:var(--spacing); */
        max-width: 600px;
        margin-top: 0px;
        margin-bottom: calc(25px + 40px) /* + 40px de marge*/
}

        .title:after{
            bottom:-25px;
        }
    }
.title:after{
        content:'';
        height:10px;
        width: 40px;
        background-color: #ff0044;
        background-color: #ff0044;
        background-color: var(--primary-color);
        position:absolute;
        left:0;
        bottom: -5px
    }
@media (min-width: 720px) {
.title:after{
            height:12px;
            width: 78px;
            bottom: -15px
    }
          }
.title.secondary-color::after {
        background-color: #25b3c3;
        background-color: #25b3c3;
        background-color: var(--secondary-color);
    }
.title--full-width{
        width:100%;
        max-width:100%;
    }
.title.white-color::after {
        background-color: white;
    }
.subtitle {
    margin-bottom: 30px;
}
@media (min-width:720px){

        
    .title--full-width{
     
        max-width:100%
    }

        
        .title--full-width:after{
            width:80px;
        }

}
@media (min-width: 900px) {
.partenar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
  }
.partenar__wrap {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
.partenar__list {
    -webkit-box-flex            : 1;
        -ms-flex-positive            : 1;
            flex-grow            : 1;
    display              : grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    grid-gap             : 40px 30px;
    margin-bottom        : 80px
  }
@media (min-width: 900px) {

  .partenar__list {
      padding-left: 150px;
      grid-gap    : 70px 50px
  }
    }
.partenar header {
    white-space: nowrap;
  }
.partenar__list-item {
    padding        : 10px;
    display        : -webkit-box;
    display        : -ms-flexbox;
    display        : flex;
    -webkit-box-align    : center;
        -ms-flex-align    : center;
            align-items    : center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
.partenar__image {
    width     : auto;
    display   : block;
    max-height: 66px;
    max-width : 100%;
  }
.partenar__label {
    margin        : 20px 0;
    text-transform: uppercase;
  }
@media(min-width:900px) {

  .partenar__label {
      padding-left: 150px;
  }
    }
.partenar__label {
    font-size     : 1.4rem;
    color         : #ff0044;
    color         : #ff0044;
    color         : var(--primary-color);
    font-family   : "circle";
  }
.floating-card {
  position: relative;
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: inherit;
  text-decoration: inherit;

}
.floating-card__list {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 100px 0
  }
@media (min-width: 600px) {

  .floating-card__list {
      grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
      grid-gap: 60px 0
  }
    }
.floating-card__list--solutions {
      grid-template-columns: repeat(auto-fill, minmax(275px, 1fr));
      grid-gap: 100px 0;

    }
.floating-card__cell {
    position: relative;
    width: 80%;
    padding-top: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
.floating-card__img {
    position: absolute;
    z-index: -1;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
.floating-card__img img {
      position: absolute;
      top: 0;
      left: 0; 
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
    }
.floating-card--solution .floating-card__img { 
       background-color: #25b3c3; 
       background-color: #25b3c3; 
       background-color: var(--secondary-color);
       opacity: .65;
      }
.floating-card--solution .floating-card__img img {
          mix-blend-mode: darken;
        }
.floating-card__content {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    padding-top: 10px;
  }
.floating-card__text-overflow {
    height: 0px;
    overflow: hidden;
  }
.floating-card__text {
    padding-bottom: 15px;
  }
.floating-card__cta {
    top: calc(100% - 40px);
  }
.floating-card--small .floating-card__cta {
      display: none;
    }
.floating-card__cta {
    position: absolute;
    bottom: 0;
    left: 100%;
    white-space: nowrap;
    -webkit-transform-origin: bottom left;
            transform-origin: bottom left;
    -webkit-transform: rotate(-90deg) translate(0, calc(100% + 10px));
            transform: rotate(-90deg) translate(0, calc(100% + 10px));
    text-align: left;
    padding-left: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.floating-card__cta .btn--link {
      padding-left: 0;
      min-width: auto
    }
.floating-card__cta .btn--link::after {
        display: none;
      }
.floating-card__cta .floating-card__icon {
      fill: #ff0044;
      fill: #ff0044;
      fill: var(--primary-color);
      font-size: 2.5rem;
      position: absolute;
      left: -5px;
      top: 50%;
      -webkit-transform: translate(0,-50%) rotate(90deg);
              transform: translate(0,-50%) rotate(90deg);
    }
.floating-card__cta-second {
    position: absolute;
    bottom: -10px;
    right: 0;
  }
.floating-card__cta-second svg {
      margin-left: 10px;
      fill: #ff0044;
      fill: #ff0044;
      fill: var(--primary-color);
      font-size: 2.2rem;
      -webkit-transform: translate(0, 7px);
              transform: translate(0, 7px)
    }
.floating-card__cta-second {
    opacity: 0;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
/* Hover Animation */
.no-touch .floating-card:not(.js-parallax-hover) .floating-card__img img {
      -webkit-transition: all 1s cubic-bezier(0.25, 1, 0.5, 1);
      transition: all 1s cubic-bezier(0.25, 1, 0.5, 1);
    }
.no-touch .floating-card:not(.js-parallax-hover) .floating-card__content {
      -webkit-transition: all 1s cubic-bezier(0.25, 1, 0.5, 1);
      transition: all 1s cubic-bezier(0.25, 1, 0.5, 1);
    }
.no-touch .floating-card:not(.js-parallax-hover) .floating-card__text-overflow {
      -webkit-transition: all 1s cubic-bezier(0.25, 1, 0.5, 1);
      transition: all 1s cubic-bezier(0.25, 1, 0.5, 1);
    }
.no-touch .floating-card:not(.js-parallax-hover) .floating-card__cta {
      -webkit-transition: all .3s ease;
      transition: all .3s ease;
    }
.no-touch .floating-card:not(.js-parallax-hover) .floating-card__cta-second {
      -webkit-transition: all .3s 0s ease;
      transition: all .3s 0s ease;
    }
.no-touch .floating-card:not(.js-parallax-hover):hover .floating-card__img img{
        opacity: .2;
        -webkit-transform: scale(.8);
                transform: scale(.8)
      }
.no-touch .floating-card:not(.js-parallax-hover):hover .floating-card__cta {
        opacity: 0;
        pointer-events: none;
        left: calc(100% + 4px);
      }
.no-touch .floating-card:not(.js-parallax-hover):hover .floating-card__cta-second {
        opacity: 1;
        -webkit-transition: all .3s .5s ease;
        transition: all .3s .5s ease;
      }
/* .card-expertise__item:hover{
    cursor: pointer;
    }
     */
/*Left cell */
/* .card-expertise__item:hover picture img{
        opacity: .3;
        transform-origin:center center;
        transform: scale(.8);
    }

     */
/* .card-expertise__item:hover h3{


     transform: translatey(-60px)

    }


    .card-expertise__item:hover .card-expertise__description{
        visibility: visible;
        opacity: 1;
        height:auto;
        transform: translatey(-60px)
    }


    .card-expertise__item:hover{
    cursor: pointer;
    }

  */
/*Right cell */
/* .card-expertise__item:hover .card-expertise__keywords{
        animation: .3s ease-in-out forwards ce_anim_keyword;
    }
     */
/* .card-expertise__item:hover .card-expertise__link{

    animation: .5s ease-in-out   both ce_anim_link ;
    }
     */
/*animation setup*/
/* .card-expertise__item picture img{transition:all .3s}
    .card-expertise__item h3{ transition: all .3s }
    .card-expertise__item .card-expertise__description{  transition: all .2s .3s  }





    @keyframes ce_anim_keyword {
      0% { opacity:1}
      30% {  }
      72% { opacity:.5; transform: rotate(-90deg) translate(132px, 154px);}
      100% { opacity:0; transform: rotate(-90deg) translate(132px, 154px);}
    }


    @keyframes ce_anim_link {
      0% { opacity:1;}
      25%{ opacity:0;transform: rotate(-90deg) translate(8px, 125px); }
      35% {opacity:0;  bottom: -70px; transform: rotate(0) translate(0px, 0px);}
      100% { opacity:1; bottom: -70px; transform: rotate(0) translate(0px, 0px);}
    } */
.card-solution {
  padding: 20px;
}
/*
        &__cell {
   margin-top: 20px;
   } */
.card-solution__list-item,
  .card-solution__content {
    margin-top : 0px;
    margin-bottom: 80px
  }
@media (min-width: 1200px) {

  .card-solution__list-item,
  .card-solution__content {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-gap: 60px;
      grid-auto-flow: column
  }
        .card-solution__list-item:nth-child(even) .card-solution__cell:first-child, .card-solution__content:nth-child(even) .card-solution__cell:first-child {
          grid-column: 2;
        }
    }
.card-solution__picture {
    width: 100%;
    max-width: 500px;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: block
  }
@media (min-width: 1200px) {
  .card-solution__picture {
      max-width: none
  }
    }
.card-solution__image {
    width: 100%;
  }
.card-solution__description {
    margin-bottom: 20px;
  }
.card-solution__header {
    color: #ff0044;
    color: #ff0044;
    color: var(--primary-color);
    margin-bottom: 20px;
  }
.card-solution__link {
    /*
        margin-right: 0;
        margin-left: auto;
      */
  }
.card-solution__image {}
.card-solution__list-item.accordion__item {
   grid-template-columns: 1fr;
   grid-auto-flow: row;
   grid-gap: 0;
   margin-bottom: -5px;

}
.card-solution__btn-overflow {
  margin: -30px;
  margin-top: 0;
  -webkit-transform: translate(0, -55px);
          transform: translate(0, -55px);
}
.card-solution__btn-container {
  padding: 30px;
}
.card-solution-btn {
  display: block;
  outline: none;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  max-width: 900px;
  height: 110px;
  padding: 10px 0;
  text-align: left;
  background: white;
  -webkit-box-shadow: 0 3px 18px rgba(0, 0, 0, 13%);
          box-shadow: 0 3px 18px rgba(0, 0, 0, 13%);
  cursor: pointer;
}
.card-solution-btn-title {
  font-family: "circle";
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 1.5rem;
}
.card-solution-btn-picture {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  display: block;
  width: 20%;
  margin-right: 2em;
  margin-top: -10px;  
  margin-bottom: -10px;  
  min-height: 110px
}
.card-solution-btn-picture::before {
    content:'';
    display: block;
    width: 100%;
    padding-top: 50%;
  }
.card-solution-btn-picture img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
/*section{
    background-color:pink;
    border:3px solid red;
}
*/
.card-search__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    padding: 50px 0;
    border-top: solid #ff0044 1px;
    border-top: solid #ff0044 1px;
    border-top: solid var(--primary-color) 1px
  }
@media (min-width: 720px) {
  .card-search__item {
      border: none;
      padding: 50px;
      -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0);
              box-shadow: 0 0 0 rgba(255, 255, 255, 0)
  }

      .card-search__item:hover {
        /*  cursor    : pointer;*/
        -webkit-box-shadow: 0px 0px 16px rgba(255, 0, 68, 0.26);
                box-shadow: 0px 0px 16px rgba(255, 0, 68, 0.26);
      }

        .card-search__item:hover .card-search__readmore {
          opacity: 1;
          -webkit-transform: translatex(0);
                  transform: translatex(0);
        }
    }
.card-search__picture {
    display: none;
    position: relative;
    width: 360px;
    margin-right: 50px;
    -ms-flex-negative: 0;
        flex-shrink: 0
  }
@media (max-width: 999px) {

  .card-search__picture {
      width: 200px;
      margin-right: 20px
  }
    }
.card-search__picture img {
      display: block;
      width: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      height: 100%;
    }
.card-search__picture svg {
      display: none;
    }
.card-search__picture--resource::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: block;
        background-color: #ff0044;
        background-color: #ff0044;
        background-color: var(--primary-color);
        mix-blend-mode: darken;
      }
.card-search__picture--resource svg {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        display: block;
        fill: white;
        z-index: 1;
        font-size: 6rem
      }
@media (max-width: 599px) {

      .card-search__picture--resource svg {
          font-size: 3.5rem
      }
        }
.card-search__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column
  }
@media (min-width: 1000px) {

  .card-search__info {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between
  }
    }
.card-search__category {
    margin-bottom: 10px;
  }
.card-search__category a {
      text-decoration: none;
      color: inherit;
    }
.card-search__category strong {
      font-weight: bold;
      text-transform: uppercase;
      font-size: 1.4rem;
    }
.card-search__datum {
    text-transform: uppercase;
    font-size: 1.4rem;
    margin-bottom: 0px
  }
@media (max-width: 999px) {

  .card-search__datum {
      margin-bottom: 10px;
      -webkit-box-ordinal-group: 0;
          -ms-flex-order: -1;
              order: -1;
      opacity: 0.3
  }
    }
.card-search__description {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
.card-search__title {
    max-width: 580px;
    font-size: 2.6rem;
  }
.card-search__title-page {
      font-size: 3.5rem;
      text-transform: uppercase;
    }
.card-search__title-product {
      font-size: 3.5rem;
      color: #fcba28;
      color: #fcba28;
      color: var(--accent-color-1);
    }
.card-search__title-expertise {
      color: #ff0044;
      color: #ff0044;
      color: var(--primary-color);
    }
.card-search__title-insight {
      color: #25b3c3;
      color: #25b3c3;
      color: var(--secondary-color);
    }
.card-search__title.who-we-serve {
      color: #25b3c3;
      color: #25b3c3;
      color: var(--secondary-color);
    }
.card-search__title.what-we-do {
      color: #ff0044;
      color: #ff0044;
      color: var(--primary-color);
    }
.card-search__excerpt {
    margin-top: 10px;
  }
.card-search__readmore {
    display: block;
    text-align: right;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    margin-top: 20px;
    text-decoration: none;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
@media (min-width: 720px) {

  .card-search__readmore {
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      -webkit-transform: translatex(-10px);
              transform: translatex(-10px);
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      padding-bottom: 50px;
      padding-right: 46px
  }
    }
.card-search__readmore svg {
      margin-left: 10px;
      fill: #ff0044;
      fill: #ff0044;
      fill: var(--primary-color);
      font-size: 2.2rem
    }
@media (min-width: 720px) {

    .card-search__readmore svg {
        -webkit-transform: translate(0, 3px);
                transform: translate(0, 3px)
    }
      }
.card-search__readmore:after {
      content: "";
      width: 100%;
      height: 100%;
      display: block;
      z-index: 10;
      position: absolute;
      top: 0;
      left: 0;
    }
@media (min-width: 720px) {
    .card-search__picture {
      display: block;
    }
}
.resource-card__list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    grid-gap: 80px 65px
  }
@media (max-width: 599px) {
  .resource-card__list {
      grid-gap: 100px 65px
  }
    }
@media (max-width: 899px) {
  .resource-card__list {
      grid-template-columns: 1fr
  }
    }
.resource-card__item {
    position: relative;
    height: 100%;
    color: #250044;
    color: #250044;
    color: var(--main-font-color);
    text-decoration: none;
    cursor: pointer
  }
@media (max-width: 899px) {

  .resource-card__item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex
  }
    }
.resource-card__item::before {
      content: "";
      position: absolute;
      top: -28px;
      left: -28px;
      bottom: -28px;
      right: -28px;
      z-index: -1;
      background-color: white;
      -webkit-box-shadow: 0px 0px 16px rgba(255, 0, 68, 0);
              box-shadow: 0px 0px 16px rgba(255, 0, 68, 0);
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
      pointer-events: none
    }
@media (max-width: 899px) {

    .resource-card__item::before {
        bottom: -50px
    }
      }
.resource-card__item:hover::before {
        -webkit-box-shadow: 0px 0px 16px rgba(255, 0, 68, 0.26);
                box-shadow: 0px 0px 16px rgba(255, 0, 68, 0.26);
      }
.no-touch .resource-card__item:hover .resource-card__btn {
        opacity: 1;
        -webkit-transform: translatex(0);
                transform: translatex(0);
      }
.resource-card__date {
    position: absolute;
    top: 0;
    left: -3px
  }
@media (max-width: 499px) {

  .resource-card__date {
      position: absolute;
      top: 140px;
      left: auto;
      -webkit-transform: none;
              transform: none;
      -ms-writing-mode: initial;
          -webkit-writing-mode: initial;
          writing-mode: initial
  }
    }
@media (max-width: 499px) and (max-width: 399px) {

  .resource-card__date {
        top: 100px
  }
      }
.resource-card__picture {
    position: relative;
    display: block;
    margin-left: 50px;
    height: 212px;
    width: 212px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-right: 20px
  }
@media (max-width: 599px) {

  .resource-card__picture {
      height: 130px;
      width: 130px;
      margin-left: 40px
  }
    }
@media (max-width: 599px) and (max-width: 499px) {

  .resource-card__picture {
        margin-left: 0
  }
      }
@media (max-width: 599px) and (max-width: 399px) {

  .resource-card__picture {
        height: 80px;
        width: 80px
  }
      }
@media (min-width: 900px) {

  .resource-card__picture {
      margin-bottom: 30px
  }
    }
.resource-card__picture img {
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
    }
.resource-card__picture:not(.resource-card__picture--no-filter)::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: block;
        background-color: #ff0044;
        background-color: #ff0044;
        background-color: var(--primary-color);
        mix-blend-mode: darken;
      }
.resource-card__picture svg {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      fill: white;
      z-index: 1;
      font-size: 6rem
    }
@media (max-width: 599px) {

    .resource-card__picture svg {
        font-size: 3.5rem
    }
      }
@media (max-width: 599px) {

    .resource-card__picture.resource-card__picture--no-filter {
        -webkit-transform: translate(-10px, 0);
                transform: translate(-10px, 0)
    }
      }
@media (min-width: 600px) {

    .resource-card__picture.resource-card__picture--no-filter {
        margin-left: 0
    }
      }
@media (min-width: 900px) {

    .resource-card__picture.resource-card__picture--no-filter {
        width: 100%
    }
      }
.resource-card__picture.resource-card__picture--no-filter img {
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        height: calc(100% + 30px);
        width: auto;
        margin-top: -18px;
        margin-left: 10px;
        z-index: -1;
      }
.resource-card__picture.resource-card__picture--no-filter svg {
        display: none;
      }
.resource-card__btn {
    float: right;
    margin-top: 20px;
    min-width: auto;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    opacity: 0;
    -webkit-transform: translatex(-10px);
            transform: translatex(-10px)
  }
@media (max-width: 899px) {

  .resource-card__btn {
      position: absolute;
      top: 100%;
      right: 0
  }
    }
@media (min-width: 900px) {

  .resource-card__btn {
      float: right;
      margin-right: 10px
  }
    }
.touch .resource-card__btn {
      opacity: 1;
      -webkit-transform: translatex(0px);
              transform: translatex(0px);
    }
.card-solutions {
  padding: 20px;
}
.card-solutions__item {
    padding   : 10px;
    margin-top: 20px;

    color: inherit;
    text-decoration: none;
  }
.card-solutions__keywords {
    visibility: hidden;
    opacity   : 0;
  }
.card-solutions__link {}
.card-solutions__title {
    margin-top: 15px;
  }
@media (min-width:720px) {
  .card-solutions {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(calc((100% / 4) - (40px)), 1fr));
    grid-gap: 20px 40px;
  }
    
    .card-solutions__intro {
      margin-top: 40px;
    }

    .card-solutions__item {
      padding: 0;
      margin: 0;
    }

    .card-solutions__description {
      visibility: hidden;
      opacity   : 0;
      max-height: 0;
    }
      .card-solutions__link.btn.btn--link {}

      .card-solutions__link svg {}
      .card-solutions__cell .btn--link {}

    .card-solutions__img {
      display: block;
    }

    .card-solutions__picture--alt {
      position: relative;
      display : block
    }

      .card-solutions__picture--alt:after {
        content         : '';
        width           : 100%;
        height          : 100%;
        background-color: #25b3c3;
        background-color: #25b3c3;
        background-color: var(--secondary-color);
        mix-blend-mode  : screen;
        position        : absolute;
        top             : 0;
        left            : 0;
        right           : 0;
        bottom          : 0;
        display         : block;
      }
}
.tabs__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 20px
  }
@media (min-width: 900px) {
  .tabs__list {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start
  }

    }
.tabs__list {
    /* border-bottom:1px dashed #eee; */
  }
.tabs.center .tabs__list {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
    }
.tabs__item {
    font-size  : 2.2rem;
    font-family: 'blogger';
    color      : #250044;
    color      : #250044;
    color      : var(--main-font-color);
    font-weight: 600;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 20px;
    width: 40%;
    text-align: center;
    -ms-flex-negative: 0;
        flex-shrink: 0
  }
@media (max-width: 600px) {

  .tabs__item {
      width: auto;
      margin: 5px
  }
    }
.tabs__item:not(.tabs__item--active):hover a {
      color: #ff0044;
      color: #ff0044;
      color: var(--primary-color)
     }
.tabs__item a {
      position: relative;
      -webkit-transition: color .3s ease;
      transition: color .3s ease
    }
.tabs__item a:before {
          content         : '';
          position        : absolute;
          height          : 13px;
          -webkit-transform-origin: left center;
                  transform-origin: left center;
          -webkit-transform       : scaleX(1);
                  transform       : scaleX(1);
          background-color: transparent;
          bottom: 8px;
          left: -10px;
          right: calc(100% + 10px);
          z-index         : -1;
          -webkit-transition      : right 0.3s;
          transition      : right 0.3s;
        }
.tabs.center .tabs__item {
      width: auto;
      text-align: center;
      margin-right: 20px;
      margin-left: 20px;

      /* @media (min-width: 500px) {
        width: 100px;
      } */
    }
@media (min-width: 720px) {

  .tabs__item {
      font-size  : 2.6rem;
      width: auto;
      margin-right: 30px;
      margin-left: 0;
      text-align: left
  }

    }
@media (min-width: 900px) {

  .tabs__item {
      margin-right: 70px
  }
    }
.tabs__item:first-of-type a {
        padding-left: 0;
      }
.tabs__item:last-of-type a {
        padding-right: 0;
      }
.tabs__item--active a {
        color   : #ff0044;
        color   : #ff0044;
        color   : var(--primary-color)
      }
.tabs__item--active a:before {
          right: 0px;
          background-color: #fcba28;
          background-color: #fcba28;
          background-color: var(--accent-color-1);
        }
.tabs__link {
    /* border:1px solid red; */
    padding        : 10px;
    font-family    : 'blogger';
    font-weight    : 600;
    font-size      : inherit;
    text-decoration: none;
    color          : #250044;
    color          : #250044;
    color          : var(--main-font-color)
  }
.tabs__link:hover {
      cursor: pointer;
    }
.tabs__section {
    display: none
  }
.tabs__section:first-of-type {
      display: block;
    }
.tabs__body {
    padding: 20px;
  }
.authors{

    font-size: 1.2rem;
    color: inherit;
    text-decoration: none;
}
.authors__list{
        /* display:flex;
        flex-flow: row wrap;
        justify-content: center; */
        
    }
.authors__item{
    
        display: -webkit-box;
    
        display: -ms-flexbox;
    
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        margin:10px;
        margin-left:0;
    

    }
.authors__picture{

        display: block;
  
        
    }
.authors__image{
            width:40px;
            min-width:40px;
            border-radius: 50%;

        }
.authors__fullname{
        font-size: 1.2rem;
        line-height: 1.4rem;
        font-family: 'circle';
        margin-left:15px;



    }
.authors__fullname a {
            color: inherit;
            text-decoration: none;
            -webkit-transition: all .3s ease;
            transition: all .3s ease
        }
.authors__fullname a::hover {
                color: #ff0044;
                color: #ff0044;
                color: var(--primary-color);
            }
.authors__title{
        font-size: 1.4rem;
        margin-bottom: 1rem;
        text-align: left;
    }
.authors__title strong{
            text-transform: uppercase;
          }
@media (min-width: 720px) {
  .leader__header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: baseline;
          -ms-flex-align: baseline;
              align-items: baseline;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap
  }
    }
.leader__list.grid-expand {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    grid-gap: 30px 15px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
  }
.leader__list.grid-expand.is-loading {
      opacity: 0;
      pointer-events: none;
    }
.no-touch .leader__list.grid-expand {
      grid-gap: 70px 15px;
    }
@media (min-width: 600px) {
      .leader__list.grid-expand,
      .no-touch .leader__list.grid-expand {
        grid-gap: 70px 35px;
      }
    }
@media (min-width: 900px) {
  .leader__list.grid-expand {
      grid-template-columns: repeat(auto-fill, minmax(260px, 1fr))
  }
    }
.leader__item {
    position: relative;
  }
.leader__card {
    color: inherit;
    text-decoration: none;
  }
.leader__img,
  .leader__more a {
    position: relative;
    display: block;
    width: 100%;
    height: 250px
  }
@media (min-width: 800px) {

  .leader__img,
  .leader__more a {
      height: 300px
  }
    }
.leader__img img, .leader__more a img {
      display: block;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover
    }
.leader__img img.grayscale, .leader__more a img.grayscale {
        opacity: 0.6;
      }
.leader__img img:not(:first-child), .leader__more a img:not(:first-child) {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
      }
.leader__item:hover .leader__img img:not(:first-child),
        .is-active .leader__img img:not(:first-child),
        .leader__item:hover .leader__more a img:not(:first-child),
        .is-active .leader__more a img:not(:first-child) {
          opacity: 1;
        }
.leader__additional-img {
    margin-bottom: 30px;
    display: block
  }
@media (max-width: 699px) {
      .leader__additional-img img {
        max-height: 300px;
      }
    }
.leader__content {
    margin-top: 10px;
    position: relative;
  }
.leader__content .icon {
      position: absolute;
      top: 2px;
      right: 3px;
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
      font-size: 2.3rem;
    }
.leader__content .icon svg {
        fill: #ff0044;
        fill: #ff0044;
        fill: var(--primary-color);
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
      }
.leader__item:hover .leader__content .icon svg {
          fill: #25b3c3;
          fill: #25b3c3;
          fill: var(--secondary-color);
        }
.leader__content p {
      line-height: 1.4;
    }
.leader__title {
    margin-right: 28px;
    margin-top: 15px;
  }
.leader__desc-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start
  }
@media (max-width: 719px) {

  .leader__desc-content {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center
  }
    }
.leader__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 10px;
    padding-bottom: 5px;
    -webkit-transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
    -webkit-transform: translate(0, 10px);
            transform: translate(0, 10px)
  }
@media (max-width: 719px) {
      .leader__desc .leader__links {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-bottom: 40px;
        margin-top: -40px;
      }
        .leader__desc .leader__links a {
          margin-left: 10px;
          margin-right: 10px;
        }
    }
@media (min-width: 720px) {
      .leader__desc .leader__links {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
      }
    }
@media (min-width: 900px) {
  .leader__links {
      padding-top: 20px;
      padding-bottom: 10px
  }
    }
.no-touch .leader__item .leader__links {
      /* position: absolute;
      top: 100%;
      left: 0;
      right: 0; */
      opacity: 0;
      pointer-events: none;
    }
.leader__item:hover .leader__card:not(.is-active) + .leader__links {
      opacity: 1;
      pointer-events: auto;
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0);
    }
.leader__link {
    display: block;
    color: inherit;
    text-decoration: none;
    font-size: 1.8rem;
    margin-right: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center
  }
@media (min-width: 900px) {

  .leader__link {
      font-size: 2.3rem
  }
    }
.leader__link svg {
      fill: #ff0044;
      fill: #ff0044;
      fill: var(--primary-color);
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease
    }
.leader__link svg.svg--mail {
        font-size: 1.1em;
        -webkit-transform: translate(0, 2px);
                transform: translate(0, 2px);
      }
.leader__link:hover svg {
        fill: #25b3c3;
        fill: #25b3c3;
        fill: var(--secondary-color);
      }
.leader__more a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
/* max-width:360px; */
.partner-brand__picture{
        display: block;
        text-align: center;
    }
.partner-brand__logo{

    }
.partner-brand__list{
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
        grid-gap: 30px;
        max-width: 100%;
        margin-top: 50px;
    }
.partner-brand__list-item{
        padding:17px 20px 17px 20px;
        color: inherit;
        text-decoration: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
.partner-brand__list-item--frame {
            border: solid 10px #25b3c3;
            border: solid 10px #25b3c3;
            border: solid 10px var(--secondary-color)
        }
.partner-brand__link{
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        width: 100%;
        margin-top: 20px;
        min-width: auto
    }
.partner-brand__link:after{
            background-image:url('assets/images/icons/arrow--yellow.svg');
            right: 0;
            -webkit-transform: translateY(-50%) rotate(-45deg) ;
                    transform: translateY(-50%) rotate(-45deg) ;
            }
.partner-brand__picture {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        height: 110px;
        
    }
.partner-brand__picture img {
            max-width: 100%;
            max-height: 100%;
        }
.partner-brand__content{

        margin:20px 0;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
    }
.partner-brand__content ul li{
                font-family: 'circle';
                font-size:1.5rem;
                padding: 0;
                font-weight: 100;
                padding-left:40px
            }
.partner-brand__content ul li::before{
                    content: '';
                    display: inline-block;
                    height: 10px;
                    width: 10px;
                    background-image: url('assets/images/cross.svg');
                    background-size: contain;
                    background-repeat: no-repeat;
                    margin-right:10px;   
                    -webkit-transform: scale(.5) rotate(45deg);   
                            transform: scale(.5) rotate(45deg);
                }
.partner-brand__content ul li ul {
                    margin-bottom: 10px;
                }
.partner-brand__content > ul > li{
            padding-left: 20px;
            text-indent: -20px;
            line-height: 1.6
 
        }
.partner-brand__content > ul > li + li {
                margin-top: 10px;
            }
.partner-brand__content > ul > li::before{
                background-image: url('assets/images/chevron.svg');  
                -webkit-transform: scale(1) rotate(0);  
                        transform: scale(1) rotate(0);
            }
.split{

    background-position: top 50%, bottom 50%;
    background-color:red;

    overflow: hidden;
}
.split__box{
        position: relative;
        padding:20px;
        color:white       
}
.split__box:before{
        content:'';
        position:absolute;
        top:0;
        left:0;
        display: block;
        background-color:#25b3c3;
        background-color:#25b3c3;
        background-color:var(--secondary-color);
        width:100vw;
        height:100%;
        z-index: -1;
        mix-blend-mode: darken;

        }
.split__box:first-of-type{   
        color:#250044;   
        color:#250044;   
        color:var(--main-font-color)
    }
.split__box:first-of-type:before{
            mix-blend-mode: unset;
            background-color:#fcba28;
            background-color:#fcba28;
            background-color:var(--accent-color-1);
               
        }
.split__image{
        display: block;
        -o-object-fit: cover;
           object-fit: cover;
        width:100%;
        height:100%;
        position: absolute;
        top:0;
        right:0;display:none;
    }
.split__title{
        margin-bottom:50px;
        color:inherit
    }
.split__title:after{
            background-color:currentColor;
        }
.split__description{
        color:inherit;
        margin-bottom:30px;
    }
.split__link{
        margin-left:auto;
        margin-right:auto;
    }
@media (min-width:720px){



    .split__wrapper{
        max-width:1366px;
        width:100%;
        margin:0 auto;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
    }

    .split__box{
        width:50%;

        padding:50px 0;
        padding-left:50px
    }

        .split__box:first-of-type{
            padding-right:50px;
            padding-left:0
        }
   
            
            .split__box:first-of-type:before{
                
                 background-color:#fcba28;
                
                 background-color:#fcba28;
                
                 background-color:var(--accent-color-1);
                right:0;
                left:unset;
            }

    .split__link{
        margin-right:0;
    }
}
.slider-1 {
  grid-column: center-start / 12;
  margin-top: -100px;
  /*12 or center end*/
  /* background-color:pink; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column
}
@media (min-width: 1000px) {
.slider-1 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row
}
  }
.slider-1__nav {
    padding-top: 150px

  }
@media (min-width: 1000px) {

  .slider-1__nav {
      margin-right: 50px

  }
    }
@media (min-width: 1300px) {

  .slider-1__nav {
      margin-right: 150px

  }
    }
.slider-1__nav .slick-dots {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: baseline;
          -ms-flex-align: baseline;
              align-items: baseline;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 100%
    }
@media (min-width: 1000px) {

    .slider-1__nav .slick-dots {
        display: block;
        width: 100%
    }
      }
.slider-1__nav li {
      font-family: "blogger";
      font-size: 2rem;
      line-height: 1.1;
      font-weight: 600;
      padding: 14px 0 14px 0;
      margin: 10px;
      margin-right: 0;
      margin-left: 0;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      width: 100px
    }
@media (min-width: 600px) {

    .slider-1__nav li {
        margin-right: 30px;
        margin-left: 30px
    }
      }
@media (min-width: 1000px) {

    .slider-1__nav li {
        margin-left: 0;
        margin-right: 0;
        width: auto
    }
      }
.slider-1__nav li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        text-align: center;
        opacity: 0.2
      }
@media (min-width: 1000px) {
      
      .slider-1__nav li a {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          text-align: left;
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start
      }
        }
.slider-1__nav li.slick-active {
        opacity: 1;
      }
.slider-1__nav li.slick-active a {
          opacity: 1;
        }
.slider-1__nav li.slick-active a path {
            fill: #ff0044;
            fill: #ff0044;
            fill: var(--primary-color);
            opacity: 1;
          }
.slider-1__nav a {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      text-decoration: none;
      height: 60px;
      -webkit-transition: opacity .4s ease;
      transition: opacity .4s ease
    }
@media (min-width: 1000px) {

    .slider-1__nav a {
        padding-left: 82px
    }
      }
.slider-1__nav a:hover {
        opacity: .5;
      }
.slider-1__nav a.active {
        background-color: var(--priamry-color);
        pointer-events: none;
      }
.slider-1__nav a svg, .slider-1__nav a img {
        height: 30px;
        -ms-flex-negative: 0;
            flex-shrink: 0
      }
@media (max-width: 1000px) {

      .slider-1__nav a svg, .slider-1__nav a img {
          margin-bottom: 20px
      }
        }
@media (min-width: 600px) {

      .slider-1__nav a svg, .slider-1__nav a img {
          height: 60px
      }
        }
@media (min-width: 1000px) {

      .slider-1__nav a svg, .slider-1__nav a img {
          position: absolute;
          left: 0;
          margin-right: 20px;
          margin-bottom: 0
      }
        }
.slider-1__nav a svg path, .slider-1__nav a img path {
          fill: #250044;
          fill: #250044;
          fill: var(--main-font-color);
          opacity: 0.3;
          -webkit-transition: all 0.2s;
          transition: all 0.2s;
        }
.slider-1__nav #scale svg,
    .slider-1__nav #scale img {
      height: 15px;
      -webkit-transform: scaleY(-1);
              transform: scaleY(-1)
    }
@media (min-width: 600px) {

    .slider-1__nav #scale svg,
    .slider-1__nav #scale img {
        height: 30px
    }
      }
.slider-1__container {
    width: calc(100%)
  }
@media (min-width: 1000px) {

  .slider-1__container {
      max-width: 600px;
      width: auto
  }
    }
@media (min-width: 1200px) {

  .slider-1__container {
      max-width: 800px;
      width: auto
  }
    }
.slider-1__container .slick-slide {
      outline: none;
    }
.slider-1__container .slide:first-of-type {
        background-color: orange;
      }
.slider-1__container .slide.active {
        background-color: #ff0044;
        background-color: #ff0044;
        background-color: var(--primary-color);
      }
.slider-1__svg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    position: absolute;
    top: -90px;
    right: 0;
    height: 90px
  }
@media (min-width: 600px) {

  .slider-1__svg {
      height: 130px
  }
    }
@media (min-width: 1000px) {

  .slider-1__svg {
      height: 170px;
      top: -115px;
      right: 10%
  }
    }
.slider-1__svg svg {
      width: auto;
      height: 100%;
    }
.slider-1__svg svg path {
        mix-blend-mode: darken
      }
@supports (-moz-appearance: none) {

      .slider-1__svg svg path {
          mix-blend-mode: normal
      }
        }
.slider-1__svg svg#experience {
      height: 75%;
    }
.slider-1__content {
    position: relative;
    margin-top: 150px;
  }
.slider-1__content h2 {
      color: #ff0044;
      color: #ff0044;
      color: var(--primary-color);
      text-transform: uppercase;
      max-width: 300px;
    }
.slider-1__content h3 {
      font-size: 1.8rem;
      margin-top: 20px;
      text-transform: uppercase;
      color: #ff0044;
      color: #ff0044;
      color: var(--primary-color);
      margin-top: 40px;
      font-family: "circle";
    }
.slider-1__content h3 svg {
        fill: #fcba28;
        fill: #fcba28;
        fill: var(--accent-color-1);
        -webkit-transform: translate(0, 10px) rotate(90deg);
                transform: translate(0, 10px) rotate(90deg);
        font-size: 1.4em;
        margin-right: 5px;
      }
.slider-1__list-service {
    font-size: 1.7rem;
    font-weight: 600;
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: colum nowrap;
            flex-flow: colum nowrap;
    height: auto;
    -ms-flex-direction: column;
        flex-direction: column
  }
@media (min-width: 1000px) {

  .slider-1__list-service {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row
  }
    }
.slider-1__list-service li {
      margin-top: 10px;
    }
@media (min-width: 720px) {
      .slider-1__nav li {
        font-size: 2.7rem
      }

        .slider-1__nav li:hover {
          cursor: pointer;
        }
    .slider-1__list-service {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-flow: column wrap;
              flex-flow: column wrap;
      height: 160px;
    }
}
.slider-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
}
.slider-2__nav {
    position: relative;
    max-width: 320px;
    width: 320px;
    height: auto;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding-top: 40px;
    -webkit-transition: all 3s;
    transition: all 3s
  }
.slider-2__nav:before {
      content: "";
      width: 4px;
      height: 100%;
      background-color: #ff0044;
      background-color: #ff0044;
      background-color: var(--primary-color);
      position: absolute;
      left: 40px;
      top: 0;

      -webkit-transition: all 3s;

      transition: all 3s;
    }
.slider-2__nav a {
      position: relative;
      display: inline-block;
      font-size: 1.7rem;
      margin-left: 30px;
      padding-left: 40px;

      color: #ddd;

      margin-bottom: 50px;

      -webkit-transition: all 0.3s;

      transition: all 0.3s
    }
.slider-2__nav a:before {
        content: "";
        position: absolute;
        width: 25px;
        height: 25px;
        background-color: #25b3c3;
        background-color: #25b3c3;
        background-color: var(--secondary-color);
        mix-blend-mode: darken;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        border-radius: 50%;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
      }
.slider-2__nav li.slick-active a {
          padding-left: 80px;
          font-family: blogger;
          font-size: 2.6rem;
          font-weight: 600;
          color: #250044;
          color: #250044;
          color: var(--main-font-color)
        }
.slider-2__nav li.slick-active a:before {
            left: -30px;
            width: 86px;
            height: 86px;
          }
.slider-2__nav li:hover {
        cursor: pointer;
      }
.slider-2__container {
    max-width: calc(100% - 320px);
    width: 100%;
  }
.slider-2__item h3 {
      font-family: "blogger";
      font-size: 3.5rem;
      color: #ff0044;
      color: #ff0044;
      color: var(--primary-color);
      margin-bottom: 20px
    }
@media (max-width: 1199px) {
    .slider-2__item h3 {
        font-size: 2.6rem
    }
      }
@media (min-width: 920px) {
    .slider-2__nav {
      max-width: 420px;
      width: 420px;
    }

    .slider-2__container {
      max-width: calc(100% - 420px);
    }
}
.slider-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
}
@media (max-width: 1199px) {

  .slider-3-mobile-hidden {
      display: none !important
  }
    }
@media (min-width: 1200px) {

  .slider-3-desktop-hidden {
      display: none !important
  }
    }
.slider-3__nav {
    position: relative;
    max-width: 320px;
    width: 320px;
    height: auto;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding-top: 40px
    /* transition:all 3s; */
  }
.slider-3__nav:before {
      content: "";
      width: 4px;
      height: 100%;
      background-color: #ff0044;
      background-color: #ff0044;
      background-color: var(--primary-color);
      position: absolute;
      left: 40px;
      top: 0;

      /* transition:all 3s; */
    }
.slider-3__nav a {
      position: relative;
      display: inline-block;
      font-size: 1.7rem;
      margin-left: 30px;
      padding-left: 40px;
      color: rgba(75, 38, 106, 0.6);
      margin-bottom: 50px;
      -webkit-transition: all 0.3s;
      transition: all 0.3s
    }
.slider-3__nav a:hover {
        color: rgba(75, 38, 106, 1);
      }
.slider-3__nav a:before {
        content: "";
        position: absolute;
        width: 25px;
        height: 25px;
        background-color: #25b3c3;
        background-color: #25b3c3;
        background-color: var(--secondary-color);
        mix-blend-mode: darken;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        border-radius: 50%;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
      }
.slider-3__nav li.slick-active a {
          padding-left: 80px;
          font-family: blogger;
          font-size: 2.6rem;
          font-weight: 600;
          color: #250044;
          color: #250044;
          color: var(--main-font-color)
        }
.slider-3__nav li.slick-active a:before {
            left: -30px;
            width: 86px;
            height: 86px;
          }
.slider-3__nav li:hover {
        cursor: pointer;
      }
.slider-3__label {
    position: relative;
    font-family: blogger;
    font-size: 2.6rem;
    font-weight: 600;
    color: #250044;
    color: #250044;
    color: var(--main-font-color);
    margin-bottom: 20px
  }
@media (max-width: 1199px) {

  .slider-3__label {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      height: 55px;
      margin-bottom: 0;
      font-family: "circle";
      text-transform: uppercase;
      letter-spacing: 1px;
      font-size: 1.5rem;
      cursor: pointer
  }

      .slider-3__label::after {
        content: "+";
        position: absolute;
        top: calc(50% + 4px);
        right: 10px;
        right: 10px;
        right: var(--global-padding-h);
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        font-family: "blogger";
        font-size: 2.8rem;
        color: #fcba28;
        color: #fcba28;
        color: var(--accent-color-1)
      }
    }
@media (max-width: 1199px) and (max-width: 599px) {

      .slider-3__label::after {
          right: calc(10px + 30px);
          right: calc(10px + 30px);
          right: calc(var(--global-padding-h) + 30px)
      }
        }
@media (max-width: 1199px) {

        .is-active.slider-3__label::after {
          content: "-";
        }
    }
.slider-3__label:before {
      content: "";
      position: absolute;
      width: 25px;
      height: 25px;
      background-color: #25b3c3;
      background-color: #25b3c3;
      background-color: var(--secondary-color);
      mix-blend-mode: darken;
      right: calc(100% + 48px);
      top: 50%;
      -webkit-transform: translate(50%, -50%);
              transform: translate(50%, -50%);
      border-radius: 50%;
      -webkit-transition: all 0.3s;
      transition: all 0.3s
    }
@media (max-width: 599px) {

    .slider-3__label:before {
        right: calc(100% + 42px)
    }
      }
@media (min-width: 1200px) {

    .slider-3__label:before {
        right: calc(100% + 50px - (4px / 2))
    }
      }
.slider-3__container {
    width: 100%
  }
@media (min-width: 1200px) {

  .slider-3__container {
      padding-left: 100px;
      max-width: calc(100% - 320px)
  }
    }
.slider-3__container .slider-2__item {
      outline: none
    }
@media (max-width: 1199px) {
    .slider-3__container .slider-2__item {
        position: relative;
        width: calc(100% + 20px);
        padding-bottom: 0px;
        padding-left: 20px;
        background: white;
        opacity: 1 !important;
        margin-left: 30px;
        margin-bottom: 14px;
        -webkit-box-shadow: 0 3px 18px rgba(0, 0, 0, 0.13);
                box-shadow: 0 3px 18px rgba(0, 0, 0, 0.13)
    }

        .slider-3__container .slider-2__item:before {
          position: absolute;
          left: -30px;
          top: 0px;
          content: "";
          width: 4px;
          height: calc(100% + 14px);
          background-color: #ff0044;
          background-color: #ff0044;
          background-color: var(--primary-color)
        }
      }
@media (max-width: 1199px) and (max-width: 599px) {

        .slider-3__container .slider-2__item:before {
            left: -24px
        }
          }
@media (max-width: 1199px) {

        .slider-3__container .slider-2__item:last-child::before {
          height: 100%;
        }

        .slider-3__container .slider-2__item .slider-3__accordion {
          height: 0;
          overflow: hidden;
          -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease;
        }

          .slider-3__container .slider-2__item .slider-3__accordion .slider-3__content {
            padding-bottom: 20px;
            margin-right: calc(10px + 10px);
            margin-right: calc(10px + 10px);
            margin-right: calc(10px + var(--global-padding-h))
          }
      }
@media (max-width: 1199px) and (max-width: 599px) {

          .slider-3__container .slider-2__item .slider-3__accordion .slider-3__content {
              margin-right: calc(40px + 10px);
              margin-right: calc(40px + 10px);
              margin-right: calc(40px + var(--global-padding-h))
          }
            }
@media (max-width: 1199px) {

            .slider-3__container .slider-2__item .slider-3__accordion .slider-3__content .sub-slider {
              margin-right: calc(10px * -1);
              margin-right: calc(10px * -1);
              margin-right: calc(var(--global-padding-h) * -1);
            }
      }
.slider-3__container .slider-3__keywords {
      margin-bottom: 65px
    }
@media (max-width: 800px) {
    .slider-3__container .slider-3__keywords {
        display: none
    }
      }
.slider-3__container .slider-3__keywords strong {
        font-weight: 100;
      }
.slider-3__item h3 {
      font-family: "blogger";
      font-size: 3.5rem;
      color: #ff0044;
      color: #ff0044;
      color: var(--primary-color);
      margin-bottom: 20px;
    }
.js-prev,
.js-next,
.slider-arrow--next,
.slider-arrow--prev {
  display: inline-block;
  padding: 5px;
  cursor: pointer;
  outline: none;
}
.js-prev svg, .js-next svg, .slider-arrow--next svg, .slider-arrow--prev svg {
    fill: #250044;
    fill: #250044;
    fill: var(--main-font-color);
    font-size: 1.6rem;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
  }
.js-prev:hover svg, .js-next:hover svg, .slider-arrow--next:hover svg, .slider-arrow--prev:hover svg {
      fill: #ff0044;
      fill: #ff0044;
      fill: var(--primary-color);

    }
.js-prev.is-disabled, .js-next.is-disabled, .slider-arrow--next.is-disabled, .slider-arrow--prev.is-disabled {
    pointer-events: none;
    opacity: .3;
  }
.js-next,
.slider-arrow--next {
  margin-left: 10px;
}
.slick-arrow {
  display: none!important;
}
.sub-slider .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
.sub-slider__item {
    background-color: red;
    max-width: 320px;
    padding: 40px;
    outline: none;
    height: auto
  }
.sub-slider__item:nth-of-type(4n + 1) {
      background-color: #ff0044;
      background-color: #ff0044;
      background-color: var(--primary-color);
      color: white;
    }
.sub-slider__item:nth-of-type(4n + 2) {
      background-color: white;
      color: #250044;
      color: #250044;
      color: var(--main-font-color);
    }
.sub-slider__item:nth-of-type(4n + 3) {
      background-color: #fcba28;
      background-color: #fcba28;
      background-color: var(--accent-color-1);
      color: #250044;
      color: #250044;
      color: var(--main-font-color);
    }
.sub-slider__item:nth-of-type(4n + 4) {
      background-color: #25b3c3;
      background-color: #25b3c3;
      background-color: var(--secondary-color);
      color: white;
    }
.sub-slider__item h3 {
      color: inherit;
      font-size: 1.5rem;
      text-transform: uppercase;
      font-weight: 600;
      font-family: circle;
    }
.sub-slider__item p {
      font-size: 1.5rem;
      color: inherit;
    }
.slider-radius{
    padding:20px;
    
    display:-webkit-box;
    
    display:-ms-flexbox;
    
    display:flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
}
.slider-radius__box{
        border:2px solid red;
    }
.slider-radius__title{
    }
.slider-radius__list{
        margin-top:50px;
    }
.slider-radius__item{

    }
.social-share__list {
    position: absolute;
    top: 0%;
    left: -5px;
    padding-top: 40px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 10px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;


  }
.no-touch .social-share__list {
      opacity: 0;
      pointer-events: none;
      -webkit-transform: translate(0, 5px);
              transform: translate(0, 5px);
    }
.no-touch .social-share__container:hover .social-share__list {
      opacity: 1;
      pointer-events: auto;
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0);
    }
.social-share__list a {
      text-decoration: none;
      cursor: pointer;
      -webkit-transition: all .3s ease;
      transition: all .3s ease;
      opacity: .6
    }
.social-share__list a + a {
        margin-left: 10px;
      }
.social-share__list a svg {
        fill: #250044;
        fill: #250044;
        fill: var(--main-font-color);
      }
.social-share__list a:hover {
        opacity: 1;
      }
.social-share__container {
    position: relative;
  }
.superhero {
  --hero-svg-offset: var(--hero-border-radius);


  position        : relative;
  height      : calc(100vh - 74px);
  height      : calc(100vh - 74px);
  height      : calc(100vh - var(--menu-height)); 
  margin-top: 74px; 
  margin-top: 74px; 
  margin-top: var(--menu-height);
  display    : -webkit-box;
  display    : -ms-flexbox;
  display    : flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end; 
  margin-bottom: calc(60px); 
  margin-bottom: calc(60px); 
  margin-bottom: calc(var(--section-spacer-v))
}
@media (min-width: 1000px) {
.superhero {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: calc(60px * 2);
    margin-bottom: calc(60px * 2);
    margin-bottom: calc(var(--section-spacer-v) * 2)
}
  }
.superhero__header {
    margin  : 0 auto;
    position: relative;
    z-index : 9;
    padding-left: 10px;
    padding-left: 10px;
    padding-left: var(--global-padding-h);
    padding-right: 10px;
    padding-right: 10px;
    padding-right: var(--global-padding-h)
  }
@media (min-width: 720px) {

  .superhero__header {
      padding-left: 0;
      padding-right: 0
  }
    }
@media (min-width: 1000px) {

  .superhero__header {
      max-width: 720px;
      margin-left: 0
  }
    }
.superhero__content{
    padding:20px;
    position: absolute;
    color:white;
    z-index: 9;
}
.superhero__picture {
      position: absolute;
      top: 0;
      bottom: calc(var(--hero-svg-offset) * -1);
      right: 0;
      width: 100%;
      border-bottom-left-radius: 80px;
      border-bottom-left-radius: 80px;
      border-bottom-left-radius: var(--hero-border-radius);
      overflow: hidden;
      z-index: 0;
      height: 80%;
      padding-top: 0%


  }
@media (min-width: 1000px) {

  .superhero__picture {
        top: calc(74px * -1);
        top: calc(74px * -1);
        top: calc(var(--menu-height) * -1);
        width                    : 62.6vw;
        height: auto;
        padding-top: 0


  }
      }
.superhero__picture:before {
          content                  : '';
          position                 : absolute;
          top                      : 0;
          right                    : 0;
          left: 0;
          bottom: 0;
          background-color         : #fcf7ef;
          background-color         : #fcf7ef;
          background-color         : var(--sand-color);
          border-bottom-left-radius: 80px;
          border-bottom-left-radius: 80px;
          border-bottom-left-radius: var(--hero-border-radius);
          -webkit-transform: translateZ(-300px);
                  transform: translateZ(-300px);
        }
.superhero__svg {
    position: relative;
    float   : right;
    width   : 100%;
    height: 80%;
    margin-left: 10%;
    position: absolute
  }
@media (min-width: 1000px) {

  .superhero__svg {
      margin-top: calc(74px - 50px);
      margin-top: calc(74px - 50px);
      margin-top: calc(var(--menu-height) - 50px);
      height: calc(100% - calc(74px - 50px));
      height: calc(100% - calc(74px - 50px));
      height: calc(100% - calc(var(--menu-height) - 50px))
  }
    }
.superhero__svg * {
      display: block;
      /* margin-top: 50px; */
    }
.superhero__svg .circle {
      mix-blend-mode: darken;
      -webkit-transform: translate(-10%, -20%);
              transform: translate(-10%, -20%)
    }
@media (min-width: 1000px) {
    
    .superhero__svg .circle {
        -webkit-transform: translate(20%, -10%);
                transform: translate(20%, -10%)
    }

      }
@media (max-width: 999px) {
.superhero-mobile-hidden {
    display: none !important
}
  }
@media (min-width: 1000px) {
.superhero-desktop-hidden {
    display: none !important
}
  }
.partner__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 35px;
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    height: 100%;
    text-decoration: none
  }
@media (min-width: 1000px) {
  .partner__item {
      min-height: 200px
  }
    }
@media (max-width: 999px) {
  .partner__item {
      min-height: 150px
  }
    }
.partner__img {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
.partner__img img {
      max-width: calc(100% - (20px * 2));
    }
.partner__title {
    margin-top: 30px;
    text-align: center;
  }
.partner__logo {
    display: block;
    margin-bottom: 30px;
  }
.partner__logo img {
      max-width: 130px;
      max-height: 130px;
    }
.partner__claim {
    margin-bottom: 20px;
  }
.partner__content .btn-list {
      margin-top: 10px;
    }
.partner__keywords {
    margin-bottom: 50px;
  }
.grid-expand{
  /* width:800px; */
  display:grid;
  grid-auto-rows: minmax(100px, -webkit-max-content);
  grid-auto-rows: minmax(100px, max-content);
  grid-template-columns: repeat(auto-fit, minmax(160px,1fr));
  grid-template-rows:repeat(auto-fit, minmax(60px, -webkit-max-content)) [lrow-start]minmax(50px, 1fr)[lrow-end];
  grid-template-rows:repeat(auto-fit, minmax(60px, max-content)) [lrow-start]minmax(50px, 1fr)[lrow-end];
  margin-top: 80px;

}
.grid-expand__subtitle {
    margin-top: 10px;
    margin-bottom: 40px;
  }
.grid-expand > div{
  }
.grid-expand__img {
    width:160px;
    justify-self:center;
    -ms-flex-item-align:center;
        align-self:center;
    position: relative;
    background-color:#fff;
    text-align: center;
    display:inline-block;
    margin:10px;
    cursor: pointer;
    -webkit-box-shadow: -3px -3px 3px #eee;
            box-shadow: -3px -3px 3px #eee;
    padding:10px;

  }
.grid-expand__img:before{
    content:"";
    display: block;
    position: absolute;
    bottom:-3px;
    left:-3px;
    width:100%;
    height: 100%;
    z-index: -1;
    background-color:#d9dde1;
  }
.grid-expand__desc{
  
    position: absolute;
    top:0;
    left:0;
  
    opacity: 0;
    visibility: hidden;
    margin:20px 0;
  
    background-color:transparent;
    font-size:28px;
    text-align:center;
  
  
    grid-column:1 / -1;
  }
.grid-expand__link{
    font-size:1.6rem;
  }
@media (min-width:720px){
    .grid-expand__desc{
      text-align:left;
      padding:40px 50px;
      display: grid;
      grid-template-columns: 40% 1fr;
      grid-gap: 50px

    }
  }
@media (min-width:720px) and (min-width: 1150px) {
    .grid-expand__desc{
        padding:50px 15rem

    }
      }
@media (min-width:720px){
  
    .grid-expand{
          grid-gap: 70px;
    }
  }
.grid-expand__title{
    font-size: 24px;
    line-height: 28px;
    color: #373D3F;
  }
.grid-expand__text{
    margin:20px 0;
    font-size: 16px;
    line-height: 26px;
    color: #4A4A4A;
    text-align: left;
  }
.show{
  
    position: relative;
    visibility: visible;
    top:-10px;
    opacity: 1;
    -webkit-transition: all .4s;
    transition: all .4s;
  }
.svg-use {
  stroke-width: 1px;
  width: 1em;
  height: 1em
}
.svg-use.svg--play {
      width: 0.8em;
      height: 0.8em;
    }
.svg-use.svg--micro {
      width: 1.1em;
      height: 1.1em;
    }
.svg-use.svg--youtube {
      width       : 1.2em;
      height      : 1.2em;
    }
.svg-use.svg--bulb {
      width       : 1.3em;
      height      : 1.3em;
    }
.technology__list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    grid-gap: 50px 50px;
    justify-items: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
.technology__list--partners {
      grid-template-columns: 1fr 1fr;
      grid-gap: 20px 20px
    }
@media (min-width: 500px) {

    .technology__list--partners {
        grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
        grid-gap: 30px 30px
    }

      }
@media (min-width: 720px) {

    .technology__list--partners {
        grid-gap: 70px 4 0px
    }
      }
.technology__list--partners .partner__img img {
          max-height: 100px
        }
@media (max-width: 499px) {
        .technology__list--partners .partner__img img {
            max-height: 50px;
            max-width: 105px
        }
          }
.technology__list img {
      max-width: 120px;
      height: auto;
      max-height: 120px;
    }
.technology__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;

  }
.card-solution__description + ol,
  .card-solution__description + ol + ul,
  .card-solution__description + ul,
  .card-solution__description + ul + ol,
  .card-solution__description ol,
  .card-solution__description ul,
  .single-article__content + ol,
  .single-article__content + ol + ul,
  .single-article__content + ul,
  .single-article__content + ul + ol,
  .single-article__content ol,
  .single-article__content ul,
  .slider-3__text + ol,
  .slider-3__text + ol + ul,
  .slider-3__text + ul,
  .slider-3__text + ul + ol,
  .slider-3__text ol,
  .slider-3__text ul,
  p + ol,
  p + ol + ul,
  p + ul,
  p + ul + ol,
  p ol,
  p ul {
    margin-top: 25px;
  }
.card-solution__description + ol li, .card-solution__description + ol + ul li, .card-solution__description + ul li, .card-solution__description + ul + ol li, .card-solution__description ol li, .card-solution__description ul li, .single-article__content + ol li, .single-article__content + ol + ul li, .single-article__content + ul li, .single-article__content + ul + ol li, .single-article__content ol li, .single-article__content ul li, .slider-3__text + ol li, .slider-3__text + ol + ul li, .slider-3__text + ul li, .slider-3__text + ul + ol li, .slider-3__text ol li, .slider-3__text ul li, p + ol li, p + ol + ul li, p + ul li, p + ul + ol li, p ol li, p ul li {
      position     : relative;
      margin-bottom: 15px;
      padding-left : 30px
    }
@media (min-width: 720px) {

    .card-solution__description + ol li, .card-solution__description + ol + ul li, .card-solution__description + ul li, .card-solution__description + ul + ol li, .card-solution__description ol li, .card-solution__description ul li, .single-article__content + ol li, .single-article__content + ol + ul li, .single-article__content + ul li, .single-article__content + ul + ol li, .single-article__content ol li, .single-article__content ul li, .slider-3__text + ol li, .slider-3__text + ol + ul li, .slider-3__text + ul li, .slider-3__text + ul + ol li, .slider-3__text ol li, .slider-3__text ul li, p + ol li, p + ol + ul li, p + ul li, p + ul + ol li, p ol li, p ul li {
        padding-left: 50px
    }
      }
.card-solution__description + ol li::after,
      .card-solution__description + ol li::before,
      .card-solution__description + ol + ul li::after,
      .card-solution__description + ol + ul li::before,
      .card-solution__description + ul li::after,
      .card-solution__description + ul li::before,
      .card-solution__description + ul + ol li::after,
      .card-solution__description + ul + ol li::before,
      .card-solution__description ol li::after,
      .card-solution__description ol li::before,
      .card-solution__description ul li::after,
      .card-solution__description ul li::before,
      .single-article__content + ol li::after,
      .single-article__content + ol li::before,
      .single-article__content + ol + ul li::after,
      .single-article__content + ol + ul li::before,
      .single-article__content + ul li::after,
      .single-article__content + ul li::before,
      .single-article__content + ul + ol li::after,
      .single-article__content + ul + ol li::before,
      .single-article__content ol li::after,
      .single-article__content ol li::before,
      .single-article__content ul li::after,
      .single-article__content ul li::before,
      .slider-3__text + ol li::after,
      .slider-3__text + ol li::before,
      .slider-3__text + ol + ul li::after,
      .slider-3__text + ol + ul li::before,
      .slider-3__text + ul li::after,
      .slider-3__text + ul li::before,
      .slider-3__text + ul + ol li::after,
      .slider-3__text + ul + ol li::before,
      .slider-3__text ol li::after,
      .slider-3__text ol li::before,
      .slider-3__text ul li::after,
      .slider-3__text ul li::before,
      p + ol li::after,
      p + ol li::before,
      p + ol + ul li::after,
      p + ol + ul li::before,
      p + ul li::after,
      p + ul li::before,
      p + ul + ol li::after,
      p + ul + ol li::before,
      p ol li::after,
      p ol li::before,
      p ul li::after,
      p ul li::before {
        content       : "";
        position      : absolute;
        top           : 10px;
        left          : 0;
        display       : block;
        border-radius : 50%;
        mix-blend-mode: darken;
      }
.card-solution__description + ol li::before, .card-solution__description + ol + ul li::before, .card-solution__description + ul li::before, .card-solution__description + ul + ol li::before, .card-solution__description ol li::before, .card-solution__description ul li::before, .single-article__content + ol li::before, .single-article__content + ol + ul li::before, .single-article__content + ul li::before, .single-article__content + ul + ol li::before, .single-article__content ol li::before, .single-article__content ul li::before, .slider-3__text + ol li::before, .slider-3__text + ol + ul li::before, .slider-3__text + ul li::before, .slider-3__text + ul + ol li::before, .slider-3__text ol li::before, .slider-3__text ul li::before, p + ol li::before, p + ol + ul li::before, p + ul li::before, p + ul + ol li::before, p ol li::before, p ul li::before {
        width           : 10px;
        height          : 10px;
        background-color: #25b3c3;
        background-color: #25b3c3;
        background-color: var(--secondary-color)
      }
@media (min-width: 720px) {

      .card-solution__description + ol li::before, .card-solution__description + ol + ul li::before, .card-solution__description + ul li::before, .card-solution__description + ul + ol li::before, .card-solution__description ol li::before, .card-solution__description ul li::before, .single-article__content + ol li::before, .single-article__content + ol + ul li::before, .single-article__content + ul li::before, .single-article__content + ul + ol li::before, .single-article__content ol li::before, .single-article__content ul li::before, .slider-3__text + ol li::before, .slider-3__text + ol + ul li::before, .slider-3__text + ul li::before, .slider-3__text + ul + ol li::before, .slider-3__text ol li::before, .slider-3__text ul li::before, p + ol li::before, p + ol + ul li::before, p + ul li::before, p + ul + ol li::before, p ol li::before, p ul li::before {
          width : 14px;
          height: 14px
      }
        }
.card-solution__description + ol li::after, .card-solution__description + ol + ul li::after, .card-solution__description + ul li::after, .card-solution__description + ul + ol li::after, .card-solution__description ol li::after, .card-solution__description ul li::after, .single-article__content + ol li::after, .single-article__content + ol + ul li::after, .single-article__content + ul li::after, .single-article__content + ul + ol li::after, .single-article__content ol li::after, .single-article__content ul li::after, .slider-3__text + ol li::after, .slider-3__text + ol + ul li::after, .slider-3__text + ul li::after, .slider-3__text + ul + ol li::after, .slider-3__text ol li::after, .slider-3__text ul li::after, p + ol li::after, p + ol + ul li::after, p + ul li::after, p + ul + ol li::after, p ol li::after, p ul li::after {
        width           : 9px;
        height          : 9px;
        background-color: #ff0044;
        background-color: #ff0044;
        background-color: var(--primary-color);
        -webkit-transform       : translate(5px, 1px);
                transform       : translate(5px, 1px)
      }
@media (min-width: 720px) {

      .card-solution__description + ol li::after, .card-solution__description + ol + ul li::after, .card-solution__description + ul li::after, .card-solution__description + ul + ol li::after, .card-solution__description ol li::after, .card-solution__description ul li::after, .single-article__content + ol li::after, .single-article__content + ol + ul li::after, .single-article__content + ul li::after, .single-article__content + ul + ol li::after, .single-article__content ol li::after, .single-article__content ul li::after, .slider-3__text + ol li::after, .slider-3__text + ol + ul li::after, .slider-3__text + ul li::after, .slider-3__text + ul + ol li::after, .slider-3__text ol li::after, .slider-3__text ul li::after, p + ol li::after, p + ol + ul li::after, p + ul li::after, p + ul + ol li::after, p ol li::after, p ul li::after {
          -webkit-transform: translate(6px, 1px);
                  transform: translate(6px, 1px);
          width    : 12px;
          height   : 12px
      }
        }
ol {
  list-style   : none;
  counter-reset: my-awesome-counter;
}
ol li {
    counter-increment: my-awesome-counter;
    margin           : 0.25rem
  }
ol li::before {
      content        : counter(my-awesome-counter) !important;
      background     : #ff0044 !important;
      background     : #ff0044 !important;
      background     : var(--primary-color) !important;
      width          : 20px !important;
      height         : 20px !important;
      text-align     : center;
      border-radius  : 50% !important;
      line-height    : 2rem !important;
      color          : white !important;
      text-align     : center !important;
      margin-right   : 0.5rem !important;
      font-family    : "blogger";
      font-weight    : 700 !important;
      display        : -webkit-box !important;
      display        : -ms-flexbox !important;
      display        : flex !important;
      -webkit-box-align    : center;
          -ms-flex-align    : center;
              align-items    : center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      line-height    : 120px;
      padding-top    : 3px;
      margin-top     : -4px;
    }
ol li::after {
      display: none !important;
    }
/*.view-all {
  display    : flex;
  align-items: flex-end;
  padding    : 20px;

  &__link {
    color          : white;
    font-family    : 'circle';
    font-size      : 4rem;
    text-transform : uppercase;
    font-weight    : 600;
    text-decoration: none;
  }
} */
.facts {
  /* background-color: #99ccff; */
  /* border          : 3px solid blue; */
  display        : grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  grid-gap: 40px 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center
}
@media (min-width: 850px) {
.facts {
      grid-gap: 70px 0;
      grid-template-columns: repeat(auto-fill, minmax(350px, 1fr))
}
    }
@media (max-width: 849px) {

  .facts header {
      grid-column: 1 / -1
  }
    }
.facts__img {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 20px;
    width: 100%;
  }
.facts__img svg {
      max-width: 100px;
      max-height: 90px;
      width: auto;
      height: 120px
    }
@media (min-width: 850px) {

    .facts__img svg {
        max-width: 140px;
        max-height: 120px
    }
      }
.facts__item {
    width     : 100%;
    text-align: center;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
.facts__label {

    display       : block;
  }
@media (max-width:719px) {

  .our-values__header {
      padding-left: 10px;
      padding-left: 10px;
      padding-left: var(--global-padding-h)
  }
    }
@media (max-width: 1199px) {

  .our-values__header {
      grid-column: 1 / -1
  }
    }
.our-values__description {
    -webkit-transform-origin: top;
            transform-origin: top;
    -webkit-transition: opacity .3s .2s ease, -webkit-transform .3s ease;
    transition: opacity .3s .2s ease, -webkit-transform .3s ease;
    transition: transform .3s ease, opacity .3s .2s ease;
    transition: transform .3s ease, opacity .3s .2s ease, -webkit-transform .3s ease
  }
@media (max-width:719px) {

  .our-values__description {
  }
    }
.our-values__item {
    padding: 20px;
    color           : white

  }
@media (max-width:719px) {

  .our-values__item {
      padding-left: 10px;
      padding-left: 10px;
      padding-left: var(--global-padding-h)

  }

      .our-values__item::before {
        display: none;
      }

      .our-values__item:nth-of-type(1) {
        background-color: #250044;
        background-color: #250044;
        background-color: var(--main-font-color);
        color           : white;
      }
  
      .our-values__item:nth-of-type(2) {
        background-color: #ff0044;
        background-color: #ff0044;
        background-color: var(--primary-color);
        color           : white;
      }
  
      .our-values__item:nth-of-type(3) {
        background-color: #fcba28;
        background-color: #fcba28;
        background-color: var(--accent-color-1);
        color           : white;
      }
  
      .our-values__item:nth-of-type(4) {
        background-color: #25b3c3;
        background-color: #25b3c3;
        background-color: var(--secondary-color);
        color           : white;
      }
    }
.our-values__titles {
    position: relative
  }
.our-values__titles:hover {
      cursor: pointer;
    }
.our-values__titles:after {
      content  : '';
      position : absolute;
      right    : 10px;
      right    : 10px;
      right    : var(--global-padding-h);
      top      : 50%;
      color    : white;
      width: 15px;
      height: 15px;
      background-image:url('assets/images/icons/arrow-bottom-small--white.svg');
      background-repeat: no-repeat;
      background-position: center center;
      background-size: contain;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
    }
.our-values .js-hide {
    -webkit-transition: opacity .3s .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s .3s ease, -webkit-transform .3s ease;
    transition: transform .3s ease, opacity .3s .3s ease;
    transition: transform .3s ease, opacity .3s .3s ease, -webkit-transform .3s ease
  }
@media (min-width:720px) {

  .our-values .js-hide {
      opacity: 1;
      -webkit-transform: none;
              transform: none;
      overflow: visible;
      height: auto;
      min-height: auto;
      visibility: visible
  }
    }
@media (min-width:720px) {

  .our-values {
    display              : grid;
    grid-template-columns: [sub-full-start] minmax(calc(10px + 60px), 1fr) [sub-center-start] repeat(12, [sub-col-start] minmax(10px, 113px) [sub-col-end]) [sub-center-end] minmax(40px, 1fr) [sub-full-end];
    grid-template-columns: [sub-full-start] minmax(calc(10px + 60px), 1fr) [sub-center-start] repeat(12, [sub-col-start] minmax(10px, 113px) [sub-col-end]) [sub-center-end] minmax(40px, 1fr) [sub-full-end];
    grid-template-columns: [sub-full-start] minmax(calc(var(--global-padding-h) + 60px), 1fr) [sub-center-start] repeat(12, [sub-col-start] minmax(10px, 113px) [sub-col-end]) [sub-center-end] minmax(40px, 1fr) [sub-full-end];
    grid-template-rows   : repeat(6, minmax(50px, auto));
  }

    .our-values__header {
      grid-column: sub-center-start / 4 span;
      grid-row   : 1 / 1 span;
    }
      .our-values__titles:after {
        content: unset;
      }

      .our-values__titles:hover {
        cursor: auto;
      }

    .our-values__description {}

    .our-values__item {
      padding       : 50px;
      /* mix-blend-mode: multiply; */
      background-color: transparent;
      position: relative
    }
}
@media (min-width:720px) and (max-width: 1199px) {

    .our-values__item {
        padding-left: 20px;
        padding-right: 20px
    }
      }
@media (min-width:720px) {

      .our-values__item::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #25b3c3;
        background-color: #25b3c3;
        background-color: var(--secondary-color);
        z-index: -5;
        mix-blend-mode: darken;
      }

      .our-values__item:nth-of-type(1) {
        grid-column     : 5/ span 6;
        grid-row        : 1 / 3 span;
        color: #250044;
        color: #250044;
        color: var(--main-font-color)
      }

        .our-values__item:nth-of-type(1)::before {
          background-color: #fcba28;
          background-color: #fcba28;
          background-color: var(--accent-color-1);
        }
}
@media (min-width:720px) and (max-width: 1199px) {

      .our-values__item:nth-of-type(1) {
          grid-row        : 2 / 3 span;
          grid-column: sub-center-start/ 7 span;
          padding-right: 100px
      }
          }
@media (min-width:720px) {

      .our-values__item:nth-of-type(2) {
        grid-column: sub-center-start / span 4;
        grid-row   : 4 / span 3;
        padding-right: 90px;
        margin-top: -70px

      }

        .our-values__item:nth-of-type(2)::before {
          background-color: #ff0044;
          background-color: #ff0044;
          background-color: var(--primary-color);
          bottom: -80px;
        }
}
@media (min-width:720px) and (max-width: 1199px) {

      .our-values__item:nth-of-type(2) {
          grid-column: sub-center-start / span 6;
          grid-row: 4 / span 2;
          padding-right: 50px;
          margin-top: 0;
          top: 150px;
          left: 20px

      }

          .our-values__item:nth-of-type(2)::before {
            background-color: #ff0044;
            background-color: #ff0044;
            background-color: var(--primary-color);
            bottom: -30px;
          }
          }
@media (min-width:720px) {

      .our-values__item:nth-of-type(3) {
        margin-left     : 50px;
        margin-top      : 50px;
        padding-left    : 80px;
        padding-top     : 50px;
        grid-column: 5 / 11;
        grid-row: 4 / -1;
        padding-right: 150px
      }

        .our-values__item:nth-of-type(3)::before {
          top: -150px;
          right: -260px;
          background-color: #25b3c3;
          background-color: #25b3c3;
          background-color: var(--secondary-color);
        }
}
@media (min-width:720px) and (max-width: 1199px) {

      .our-values__item:nth-of-type(3) {
          grid-column: 7 / 6 span;
          grid-row: 4 / -1;
          padding-right: 0px;
          padding-left    : 50px
      }

          .our-values__item:nth-of-type(3)::before {
            top: -50px;
          }
        }
@media (min-width:720px) {

      .our-values__item:nth-of-type(4) {
        grid-column     : 10/ sub-center-end;
        grid-row        : 3 / 5;
        padding-top: 170px;
        padding-right: 90px;    
        top: 60px

      }
          
        .our-values__item:nth-of-type(4)::before {
          background-color: #ff0044;
          background-color: #ff0044;
          background-color: var(--primary-color);
          border-bottom-right-radius: calc(80px / 2);
          border-bottom-right-radius: calc(80px / 2);
          border-bottom-right-radius: calc(var(--hero-border-radius) / 2);
        }
}
@media (min-width:720px) and (max-width: 1199px) {

      .our-values__item:nth-of-type(4) {
          top: -40px;
          grid-column: 8/ sub-center-end;
          grid-row: 2 / 4;
          padding-top: 50px;
          padding-right: 40px

      }    

          }
.our-words.bandeau {
      padding-top: 80px;
    }
@media (max-width: 1299px) {
  
  .our-words__wrapper {
      padding-left: calc(10px + 60px);
      padding-left: calc(10px + 60px);
      padding-left: calc(var(--global-padding-h) + 60px);
      padding-right: 10px;
      padding-right: 10px;
      padding-right: var(--global-padding-h)
  }
    }
@media (max-width: 719px) {
  
  .our-words__wrapper {
      padding-left: 10px;
      padding-left: 10px;
      padding-left: var(--global-padding-h)
  }
    }
@media (max-width: 999px) {
  
  .our-words__wrapper {
      display: block
  }
    }
.our-words__picture {
    display   : block;
    width: 290px;
    height: 355px;
    position: relative;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-right: 60px;
    margin-top: -110px
  }
@media (max-width: 999px) {

  .our-words__picture {
      margin-bottom: 20px
  }
    }
.our-words__picture img {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
    }
@media(min-width:1000px) {

  .our-words .title {
      margin-bottom: 120px
  }
    }
.our-words__description {
    font-family: 'blogger';
    font-size: 2.1rem;
    font-style : italic
  }
@media (min-width: 720px) {

  .our-words__description {
      font-size: 2.3rem;
      line-height: 1.5
  }
    }
.our-words__mention {
    margin-top: 20px;
  }
.our-words__mention span:first-child {
        font-weight: 600;
        display    : block;
      }
@media(min-width:1000px) {
    .our-words__wrapper {
      display  : -webkit-box;
      display  : -ms-flexbox;
      display  : flex;
      margin   : 0 auto;
      max-width: 1366px;
      max-width: 1366px;
      max-width: var(--wrapper-width);
    }
}
/*  */
.our-banner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
.our-banner__picture {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
  }
@media (min-width: 1000px) {

  .our-banner__picture {
      position: relative;
      top: auto;
      right: auto;
      bottom: auto;
      left: auto;
      width: 62%;
      height: auto
  }
    }
@media (max-width: 719px) {

  .our-banner__picture {
      display: none
  }
    }
.our-banner__img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
  }
.our-banner__text {
    -ms-flex-negative: 1;
        flex-shrink: 1;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    position: relative;
    z-index: 0;
    height: 100%;
    opacity: 1;
    color: white;
    max-width: 600px;
    padding: 50px 30px
  }
@media (min-width: 600px) {

  .our-banner__text {
      padding: 80px 60px
  }
    }
@media (min-width: 720px) {

  .our-banner__text {
      margin-left: auto;
      padding: 100px 60px
  }
    }
@media (min-width: 1300px) {

  .our-banner__text {
      padding: 100px
  }
    }
.our-banner__text:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: -1;
      background-color: #250044;
      background-color: #250044;
      background-color: var(--main-font-color);
      opacity: 0.9
    }
@media (min-width: 1000px) {

    .our-banner__text:before {
        opacity: 1
    }
      }
@media (max-width: 719px) {

    .our-banner__text:before {
        opacity: 1
    }
      }
.our-banner--no-img .our-banner__text {
      max-width: none;
      display: grid;
      grid-gap: calc(var(--spacing) / 2) var(--spacing);
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      justify-items: start;
      padding: 60px
    }
@media (min-width: 1200px) {

    .our-banner--no-img .our-banner__text {
        grid-template-columns: 1fr 350px
    }
      }
.our-banner--no-img .our-banner__text:before {
        opacity: 1;
      }
.our-banner--no-img .our-banner__text .our-banner__title:only-child {
        margin-bottom: 0;
      }
@media (min-width: 1000px) {

      .our-banner--no-img .our-banner__text .btn {
          min-width: 350px
      }
        }
.our-banner__text .btn[href^="#"]::after {
      -webkit-transform: translateY(calc(-50% + 3px)) rotate(90deg);
              transform: translateY(calc(-50% + 3px)) rotate(90deg);
    }
.our-banner__title {
    margin-bottom: 20px;
  }
.our-banner__description {
    margin-bottom: 20px;
  }
.svg-404 {
  fill: #25b3c3;
  fill: #25b3c3;
  fill: var(--secondary-color);
  height: 200px;


}
.svg-404 path {
    mix-blend-mode: darken;
  }
.svg-404__shape1 {
    fill: #ff0044;
    fill: #ff0044;
    fill: var(--primary-color);
  }
.svg-404__shape3 {
    fill: #25b3c3;
    fill: #25b3c3;
    fill: var(--secondary-color);
  }
.svg-404__shape2 {
    fill: #fcba28;
    fill: #fcba28;
    fill: var(--accent-color-1);
  }
.svg-search {
  height: 250px;
  position: absolute;
  top: 27%;
  left: 35%;
}
.svg-search path {
    mix-blend-mode: darken;
  }
.svg-search__shape1 {
    fill: #ff0044;
    fill: #ff0044;
    fill: var(--primary-color);
  }
.svg-search__shape2 {
    fill: #25b3c3;
    fill: #25b3c3;
    fill: var(--secondary-color);
  }
.video__vid{
        position: relative;
        display: block;
        width:100%;
        margin:0 auto;
        border-radius: 40px;
        -webkit-box-shadow: 3px 3px 60px rgba(255, 0, 68, .3);
                box-shadow: 3px 3px 60px rgba(255, 0, 68, .3);
        max-width: 960px;

    }
.video-card {
  --video-card-border-radius: 60px
}
@media (min-width: 720px) {
.video-card {
    --video-card-border-radius: 92px
}
  }
.video-card {
  position                  : relative;
  overflow                  : hidden;
  border-radius             : var(--video-card-border-radius);
  max-width                 : 1000px;
  margin-left               : auto;
  margin-right              : auto;
  -webkit-box-shadow                : 10px 10px 40px rgba(255, 0, 68, .3);
          box-shadow                : 10px 10px 40px rgba(255, 0, 68, .3);
  cursor                    : pointer;
  width                     : 100%
}
@media (min-width: 720px) {
.video-card {
    -webkit-box-shadow: 40px 40px 99px rgba(255, 0, 68, .3);
            box-shadow: 40px 40px 99px rgba(255, 0, 68, .3)
}
  }
.video-card::before {
    content         : "";
    position        : absolute;
    top             : 0;
    left            : 0;
    right           : 0;
    bottom          : 0;
    z-index         : 1;
    background-color: #ff0044;
    background-color: #ff0044;
    background-color: var(--primary-color);
    border-radius   : var(--video-card-border-radius);
    mix-blend-mode  : darken;
    pointer-events  : none;
    -webkit-transition      : all 0.3s 0.3s ease;
    transition      : all 0.3s 0.3s ease;
  }
.video-card::after {
    content            : "";
    position           : absolute;
    top                : 50%;
    left               : 50%;
    z-index            : 2;
    -webkit-transform          : translate(-50%, -50%);
            transform          : translate(-50%, -50%);
    width              : 80px;
    height             : 80px;
    background-image   : url("assets/images/icons/play-white.svg");
    background-size    : contain;
    background-repeat  : no-repeat;
    background-position: center center;
    pointer-events     : none;
    -webkit-transition         : all 0.6s ease;
    transition         : all 0.6s ease;
  }
.video-card.is-playing::before {
      opacity: 0;
    }
.video-card.is-playing::after {
      -webkit-transform: translate(-50%, -50%) scale(4);
              transform: translate(-50%, -50%) scale(4);
      opacity  : 0;
    }
.video-card__full {
    position  : absolute;
    width     : 30px;
    height    : 30px;
    top       : 14px;
    right     : 20px;
    cursor    : pointer;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
  }
@media (min-width: 720px) {

  .video-card__full {
      top  : 32px;
      right: 40px
  }
    }
.video-card:not(.is-playing) .video-card__full {
      opacity       : 0;
      pointer-events: none;
    }
.video-card__full::before {
      content            : '';
      display            : block;
      width              : 100%;
      height             : 100%;
      background-image   : url("assets/images/icons/arrow--red.svg");
      background-position: center center;
      background-repeat  : no-repeat;
      background-size    : contain;
      -webkit-transform          : rotate(-45deg);
              transform          : rotate(-45deg);
    }
.video-card + div {
    pointer-events: none;
  }
ul.continental {
  display    : -webkit-box;
  display    : -ms-flexbox;
  display    : flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient  : vertical;
  -webkit-box-direction  : normal;
      -ms-flex-flow  : column nowrap;
          flex-flow  : column nowrap;
  margin     : 0 auto 20px;
  -webkit-box-flex       : 1;
      -ms-flex       : 1 1 100%;
          flex       : 1 1 100%
}
@media(min-width:720px) {
ul.continental {
    -webkit-box-flex     : initial;
        -ms-flex     : initial;
            flex     : initial;
    margin   : 0;
    margin   : initial;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap
}
  }
ul.continental {
  font-family: 'blogger';
}
ul.continental li {
    position   : relative;
    padding    : 0 10px;
    margin     : 0 10px;
    color      : var(--marine);
    font-weight: 600;
    font-size  : 2.4rem
  }
ul.continental li:after {
      content         : '';
      position        : absolute;
      height          : 10px;
      right           : 10px;
      -webkit-transform-origin: left center;
              transform-origin: left center;
      -webkit-transform       : scaleX(0);
              transform       : scaleX(0);
      background-color: #fcba28;
      background-color: #fcba28;
      background-color: var(--accent-color-1);
      bottom          : 4px;
      left            : 0;
      z-index         : -1;
      -webkit-transition      : all 0.3s;
      transition      : all 0.3s;
    }
ul.continental li:hover {
      cursor: pointer
    }
ul.continental li:hover:after {
        -webkit-transform: scaleX(1);
                transform: scaleX(1);
      }
ul.continental .active:hover:after {
        -webkit-transform: scaleX(1) translate(0%);
                transform: scaleX(1) translate(0%);
        left     : 0;
      }
ul.continental .active:after {
      content         : '';
      width           : 80%;
      height          : 10px;
      background-color: #fcba28;
      background-color: #fcba28;
      background-color: var(--accent-color-1);
    }
@media(min-width:720px) {

    ul.continental .active:after {
        -webkit-transform: translatex(-50%);
                transform: translatex(-50%);
        left     : 50%;
    }
      }
ul.continental .active:after {
      -webkit-transform       : translate(0%) scale(1);
              transform       : translate(0%) scale(1);
      left            : 0;
      position        : absolute;
      bottom          : 5px;
      z-index         : -1;
    }
.our-offices {
  position      : relative;
  padding-top   : 80px;
  padding-bottom: 80px
}
.our-offices:before {
    content         : '';
    position        : absolute;
    display         : block;
    top             : 0;
    left            : 50%;
    -webkit-transform       : translatex(-50%);
            transform       : translatex(-50%);
    background-color: #fcf7ef;
    background-color: #fcf7ef;
    background-color: var(--sand-color);
    width           : 120vw;
    height          : 100%;
    z-index         : -1;
  }
.our-offices__list {
    display              : grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    grid-gap             : 50px 50px;
    justify-items        : center;
    -webkit-box-align          : center;
        -ms-flex-align          : center;
            align-items          : center;
  }
.our-offices__item {
    display        : -webkit-box;
    display        : -ms-flexbox;
    display        : flex;
    -webkit-box-align    : center;
        -ms-flex-align    : center;
            align-items    : center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
.our-offices__picture {
    position: relative;
    display : block
  }
.our-offices__picture:after {
      content         : '';
      position        : absolute;
      top             : 0;
      left            : 0;
      width           : 100%;
      height          : 100%;
      background-color: #250044;
      background-color: #250044;
      background-color: var(--marine-color);
      z-index         : -1;
    }
.our-offices__picture img {
      display: block;
      opacity: 0.5;
    }
.our-offices__country {
    position: relative
    /*opacity : 0.5;*/
  }
.our-offices__country:after {
      content   : url("assets/images/icons/arrow--red.svg");
      position  : absolute;
      bottom    : 0;
      right     : 10px;
      -webkit-transform : rotate(90deg) scale(.6);
              transform : rotate(90deg) scale(.6);
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
    }
.our-offices__country:hover {
      cursor: pointer;
    }
.our-offices__country.is-active {
      opacity: 1
    }
.our-offices__country.is-active:after {
        opacity: 0;
        bottom : -10px;
      }
.our-offices__country-name {
    position   : absolute;
    top        : 50%;
    left       : 50%;
    -webkit-transform  : translate(-50%, -50%);
            transform  : translate(-50%, -50%);
    font-size  : 3.2rem;
    font-family: 'blogger';
    color      : white;
    line-height: 1.2;
    font-weight: 700;
  }
.our-offices__desc {
    width  : 100%;
    display: block;
    padding: 0;
    margin : 0;
  }
.our-offices__phone {
    position   : relative;
    font-weight: 600
  }
.our-offices__phone:before {
      content      : url("assets/images/icons/phone--red.svg");
      position     : relative;
      top          : 4px;
      padding-right: 10px;
    }
.our-offices__grid {
    display              : grid;
    grid-template-rows   : repeat(auto-fit, minmax(0, -webkit-max-content)) [lrow-start]minmax(0, 1fr)[lrow-end];
    grid-template-rows   : repeat(auto-fit, minmax(0, max-content)) [lrow-start]minmax(0, 1fr)[lrow-end]
  }
@media(min-width:720px) {

  .our-offices__grid {
      /*grid-template-rows: repeat(auto-fit, minmax(280px, max-content));*/
      grid-template-rows: repeat(auto-fit, minmax(0, -webkit-max-content)) [lrow-start]minmax(0, 1fr)[lrow-end];
      grid-template-rows: repeat(auto-fit, minmax(0, max-content)) [lrow-start]minmax(0, 1fr)[lrow-end]
  }
    }
.our-offices__grid {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    grid-gap             : 50px 50px;
  }
.our-offices__grid h4 {
      font-size: 3.2rem;
      color    : #250044;
      color    : #250044;
      color    : var(--marine-color);
    }
.our-offices__country-title {
    font-size: 4.8rem;
    color    : #ff0044;
    color    : #ff0044;
    color    : var(--primary-color);
    grid-row : 1 / -1;
  }
.our-offices__city .btn {
      margin-top: 3rem;
    }
.link-label {
  display        : -webkit-box;
  display        : -ms-flexbox;
  display        : flex;
  -webkit-box-align    : center;
      -ms-flex-align    : center;
          align-items    : center;
  font-size      : 1.4rem;
  text-transform : uppercase;
  color          : #250044;
  color          : #250044;
  color          : var(--main-font-color);
  font-weight    : 600;
  letter-spacing : 1px;
  font-family    : "circle";
  text-decoration: none;
  margin-bottom  : 60px;
}
.link-label svg {
    -webkit-transform   : rotate(180deg);
            transform   : rotate(180deg);
    margin-right: 10px;
    fill        : #ff0044;
    fill        : #ff0044;
    fill        : var(--primary-color);
    font-size   : 2.2rem;
  }
.s7reasons {
  display  : -webkit-box;
  display  : -ms-flexbox;
  display  : flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.s7reasons__column {
    width     : 33%;
    -webkit-box-flex : 1;
        -ms-flex-positive : 1;
            flex-grow : 1;
    -ms-flex-preferred-size: 400px;
        flex-basis: 400px
  }
.s7reasons__column:first-child .s7reasons__item {
        color           : white;
        background-color: #ff0044;
        background-color: #ff0044;
        background-color: var(--primary-color);
        height          : auto;
      }
.s7reasons__column:first-child .s7reasons__overflow {
        height: auto !important;
      }
.s7reasons__item {
    border          : 5px solid white;
    background-color: #fcf7ef;
    background-color: #fcf7ef;
    background-color: var(--sand-color);
    position        : relative;
    padding         : 50px;
    min-height      : 120px;
    cursor          : pointer;
  }
.s7reasons__overflow {
    height    : 0;
    overflow  : hidden;
    -webkit-transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
  }
.s7reasons__readmore {
    font-family    : 'circle';
    font-size      : 1.5rem;
    font-weight    : 600;
    -ms-writing-mode   : tb-rl;
        -webkit-writing-mode   : vertical-rl;
        writing-mode   : vertical-rl;
    text-transform : uppercase;
    text-decoration: none;
    -webkit-transform      : rotate(180deg);
            transform      : rotate(180deg);
    position       : absolute;
    right          : 20px;
    top            : 20px;
    color          : #250044;
    color          : #250044;
    color          : var(--main-font-color)
  }
.s7reasons__readmore:before {
      content   : url("assets/images/icons/arrow--red.svg");
      display   : block;
      -webkit-transform : scale(.3) rotate(-90deg) translate(-50%, -50%);
              transform : scale(.3) rotate(-90deg) translate(-50%, -50%);
      position  : absolute;
      left      : -50%;
      top       : -50%;
      margin-top: -5px;
    }
.s7reasons .js-s7reasons-open .s7reasons__readmore {
      top   : unset;
      bottom: 40px
    }
.s7reasons .js-s7reasons-open .s7reasons__readmore:before {
        -webkit-transform: scale(.3) rotate(90deg) translate(50%, 50%);
                transform: scale(.3) rotate(90deg) translate(50%, 50%);
      }
@media(min-width:720px) {
  .s7reasons {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
/*

.s7reasons {
  display: flex;

  &__column {
    width    : 33%;
    flex-grow: 1;

    &:first-child {
      .s7reasons__item {
        color           : white;
        background-color: var(--primary-color);
        height          : auto;

        p {
          display: block;
        }
      }
    }
  }

  &__item {
    border          : 5px solid white;
    background-color: var(--sand-color);
    position        : relative;
    padding         : 40px 50px;
    min-height      : 120px;

    p {
      display: none;
    }
  }

  &__readmore {
    font-family    : 'circle';
    font-size      : 1.5rem;
    font-weight    : 600;
    writing-mode   : vertical-rl;
    text-transform : uppercase;
    text-decoration: none;
    transform      : rotate(180deg);
    position       : absolute;
    right          : 20px;
    top            : 20px;

    &:before {
      content: '+';
    }
  }

  .js-s7reasons-open {
    p {
      display: block;
    }

    .s7reasons__readmore {
      top   : unset;
      bottom: 20px;

      &:before {
        content: '-';
      }
    }
  }
}

*/
.card-list__container{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    grid-gap: 60px;
  }
.card-list__container--cols-1 {
      grid-template-columns: 1fr;
    }
.card-list__container--cols-2 {
      grid-template-columns: repeat(auto-fill, minmax(430px, 1fr));
    }
.card-list__container--cols-4 {
      grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
      grid-gap: 20px;
    }
@media (max-width: 719px) {

  .card-list__container{
      grid-gap: 20px
  }

    }
.card-list__wrapper{

  }
.card-list__item{
    padding: 20px;
  }
.card-list__item h3{
      margin-bottom: 40px;
    }
.card-list__item p{
      margin-bottom:40px;
    }
@media (min-width: 720px) {
    .card-list__item{
      padding:40px;
    }

      .card-list__container--cols-4 .card-list__item {
        padding: 40px 20px
      }
  }
.card-list__item-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    height: 100%; 
  }
.card-list__item-content p {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
    }
.card-list__item-img {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    margin-bottom: 40px;
    height: 120px;
  }
.card-list__item-img img {
      max-height: 100%;
      max-width: 120px;
    }
.card-list__b{
    max-width: 100%;
  }
.card-list__link{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -ms-flex-item-align: end;
        align-self: flex-end;
    text-align: right;
  }
.card-list__cover-link:before{
      content:'';
      display: block;
      height:100%;
      width:100%;
      background-color:transparent;
      position: absolute;
      top:0;
      left:0;
    }
.card-list__shadowless{
    -webkit-box-shadow: none;
            box-shadow: none;
  }
/******/
@media (max-width: 719px) {

    .card-list--slider .slick-slider {
        margin-left: calc(10px * -1);
        margin-left: calc(10px * -1);
        margin-left: calc(var(--global-padding-h) * -1);
        margin-right: calc(10px * -1);
        margin-right: calc(10px * -1);
        margin-right: calc(var(--global-padding-h) * -1)
    }
      }
.card-list--slider .slick-slide{
      opacity: .3;
      margin-right:20px;
      height: inherit !important;
    }
.card-list--slider .slick-list{
      padding:0 10% 0 0;
    }
.card-list--slider .slick-track{
      padding:20px;
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;

    }
.card-list--slider .card-list__item{
          width:460px;
      border: 1px solid white;
    }
.card-list--slider .slick-active{
      opacity: 1;
    }
.card-list--slider .slider-cardlist{
      position: relative;
      color: #fff;
      color: #fff;
      color: var(--light-color);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      height: 30px;
      padding-top: var(--arrows-offset);
      margin-top: calc(var(--arrows-offset) * -1);
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      overflow: hidden;
      width: 100%;
    }
.card-list--slider .slider-cardlist__arrows{
      position: absolute;
      z-index: 1;
      top: 0;
      text-align: right;
      max-width: 1366px;
      max-width: 1366px;
      max-width: var(--wrapper-width);
      right: 10px;
      right: 10px;
      right: var(--global-padding-h);
    }
/******/
.card-list--dark{
    background-color:#250044;
    background-color:#250044;
    background-color:var(--accent-color-2);
    padding:70px 0



  }
/*DARK*/
@media (min-width: 720px) {
  .card-list--dark{
      padding:120px 0



  }
      
    }
/*SLIDER*/
.card-list--dark{

    /*Slider dark*/
    /*************/



  }
.card-list--dark .title{
      color:white
    }
.card-list--dark .title:after{
        background-color:currentColor;
      }
.card-list--dark h3{
      color:white;
    }
.card-list--dark p{
      color:white;
    }
.card-list--dark a{
      color:white;
    }
.card-list--dark .card-list__item{
      background-color:transparent
    }
.card-list--dark .card-list__item:before{
        background-color:#250044;
        /* background-color:#18002C; */

      }
.card-list--dark .card-list__item:hover:before{
          background-color:#4b266a;
          background-color:#4b266a;
          background-color:var(--bg-field-color);

        }
.card-list--dark .card-list__item .card-list__cover-link:before{
               border:1px solid white;
        }
.card-list--dark .card-list__item .card-list__link{
            color:white;
      }
.card-list--dark .card-list__item.card-list__shadowless:before{
              background-color:#250044;
            }
.card-list--dark .card-list__item.card-list__shadowless:hover:before{
                background-color:#4b266a;
                background-color:#4b266a;
                background-color:var(--bg-field-color);

              }
.card-list--dark .card-list__item.overlay-card{
        /* outline:1px solid white !important; */
        -webkit-box-shadow: 1px 1px 16px 2px rgba(255, 255, 255, 0.21);
                box-shadow: 1px 1px 16px 2px rgba(255, 255, 255, 0.21);

      }
.card-list--dark.card-list--slider .card-list__item{
        border: 1px solid #250044;
        border: 1px solid #250044;
        border: 1px solid var(--accent-color-2);
      }
.card-list--dark.card-list--slider .svg-use.svg--arrow{
        fill:white;
      }
.single-article__content table {
        border: 1px solid #25b3c3;
        border: 1px solid #25b3c3;
        border: 1px solid var(--secondary-color);
        border-collapse: collapse;
        border-spacing:0;
        padding: 0;
        margin-top: 3rem;
    }
.single-article__content table thead {
            background: #25b3c3;
            background: #25b3c3;
            background: var(--secondary-color);
            color: white;
            
            text-transform: uppercase;
        }
.single-article__content table thead, .single-article__content table thead th, .single-article__content table thead b, .single-article__content table thead strong {
                font-weight: 100;
                font-weight: .7em;
            }
.single-article__content table thead th {
                padding: .3rem 1em;
                text-align: left;
            }
.single-article__content table tbody tr:nth-child(even) {
                    background: #fcf7ef;
                    background: #fcf7ef;
                    background: var(--sand-color);
                }
.single-article__content table tbody tr td {
                    padding: .5rem 1em;
                    text-align: left;
                    vertical-align: top

                }
.single-article__content table tbody tr td:not(:last-child) {
                        border-right: solid 1px #25b3c3;
                        border-right: solid 1px #25b3c3;
                        border-right: solid 1px var(--secondary-color);
                    }
.wp-block {
  background-color: red;
}
.wp-block-gallery {
    margin: 40px 0;
  }
.wp-block-media-text {
    margin: 40px 0;
  }
.wp-block-image {
    margin: 40px 0;
  }
.wp-block-columns {
    margin: 40px 0;
  }
.wp-block-quote {
    margin          : 40px 0;
    font-family     : 'blogger';
    padding         : 100px 0 70px;
    font-size       : 3.5rem;
    line-height     : 4.2rem;
    font-weight     : bold;
    background-color: #fcf7ef;
    background-color: #fcf7ef;
    background-color: var(--sand-color);
    text-align      : center;
    position        : relative
  }
.wp-block-quote:before {
      content   : '';
      position  : absolute;
      top       : 0;
      left      : 50%;
      height    : 100%;
      background: #fcf7ef;
      background: #fcf7ef;
      background: var(--sand-color);
      width     : 100vw;
      -webkit-transform : translateX(-50%);
              transform : translateX(-50%);
      z-index   : -1;
    }
.wp-block-quote cite {
      font-family: 'circle';
      font-size  : 1.7rem;
      padding    : 20px 0;
      font-weight: 100;
    }
.wp-block-quote p {
      font-size  : inherit;
      line-height: inherit;
    }
.ta-c {
  text-align: center;
}
.ta-l {
  text-align: left;
}
.ta-r {
  text-align: right;
}
.hidden, .is-hidden {
  display: none !important;
}
@media (max-width: 719px) {
.mobile-hidden {
    display: none !important
}
  }
@media (min-width: 720px) {
.desktop-hidden {
    display: none !important
}
  }
img.grayscale {
  filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale"); /* Firefox 10+, Firefox on Android */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
body.noScroll {
  position: fixed !important;
  overflow: hidden !important; 
}
.no-click {
  pointer-events: none;
}
.grid {
  display: grid;
  grid-gap: 20px;
}
@media (min-width: 1000px) {

  .grid-desktop-hidden {
      display: none!important
  }
    }
@media (max-width: 999px) {

  .grid-mobile-hidden {
      display: none!important
  }
    }
@media (min-width: 1000px) {
.grid {
    display: grid;
    grid-gap: 80px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
}
    
    .grid--v-center {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
    }
    .grid--end {
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: end;
    }

    .grid-1-1 {
      grid-template-columns: 1fr 1fr
    }

      .grid-1-1 > .video-card:last-child {
        -webkit-transform: translate(0, -40px);
                transform: translate(0, -40px);
      }
  
    .grid-1-2 {
      grid-template-columns: 33% 1fr;
    }
    .grid-2-1 {
      grid-template-columns: 1fr 33%
    }

      .grid-2-1 > .video-card:first-child {
        -webkit-transform: translate(0, 40px);
                transform: translate(0, 40px);
      }
    .grid-1-3 {
      grid-template-columns: 25% 1fr;
    }

    .grid-3-2 {
      grid-template-columns: 1fr 40%;
    }
  }
/*
* https://epsi-rns.gitlab.io/frontend/2019/10/11/postcss-loop-spacing-class/
*/
/**/
/**/
/**************************/
/*Default spacing class */
/**************************/
/**/
.m {
    margin: var(--spacing);
  }
.mt {
      margin-top: var(--spacing);
    }
.mb {
      margin-bottom: var(--spacing);
    }
.ml {
      margin-left: var(--spacing);
    }
.mr {
      margin-right: var(--spacing);
    }
.mv {
      margin-top: var(--spacing);
      margin-bottom: var(--spacing)
  }
.mh {
      margin-left: var(--spacing);
      margin-right: var(--spacing)
  }
.p {
    padding: var(--spacing);
  }
.pt {
      padding-top: var(--spacing);
    }
.pb {
      padding-bottom: var(--spacing);
    }
.pl {
      padding-left: var(--spacing);
    }
.pr {
      padding-right: var(--spacing);
    }
.pv {
      padding-top: var(--spacing);
      padding-bottom: var(--spacing)
  }
.ph {
      padding-left: var(--spacing);
      padding-right: var(--spacing)
  }
/**************************/
/* Media query spacing Mobile First */
/**************************/
@media(min-width: 320px) {
        .m-half--sm {
          margin: calc(var(--spacing) * 1/2);
        }
          .mt-half--sm {
            margin-top: calc(var(--spacing) * 1/2);
          }
          .mb-half--sm {
            margin-bottom: calc(var(--spacing) * 1/2);
          }
          .ml-half--sm {
            margin-left: calc(var(--spacing) * 1/2);
          }
          .mr-half--sm {
            margin-right: calc(var(--spacing) * 1/2);
          }

        .mv-half--sm {
            margin-top: calc(var(--spacing) * 1/2);
            margin-bottom: calc(var(--spacing) * 1/2)
        }

        .mh-half--sm {
            margin-left: calc(var(--spacing) * 1/2);
            margin-right: calc(var(--spacing) * 1/2)
        }
        .p-half--sm {
          padding: calc(var(--spacing) * 1/2);
        }
          .pt-half--sm {
            padding-top: calc(var(--spacing) * 1/2);
          }
          .pb-half--sm {
            padding-bottom: calc(var(--spacing) * 1/2);
          }
          .pl-half--sm {
            padding-left: calc(var(--spacing) * 1/2);
          }
          .pr-half--sm {
            padding-right: calc(var(--spacing) * 1/2);
          }

        .pv-half--sm {
            padding-top: calc(var(--spacing) * 1/2);
            padding-bottom: calc(var(--spacing) * 1/2)
        }

        .ph-half--sm {
            padding-left: calc(var(--spacing) * 1/2);
            padding-right: calc(var(--spacing) * 1/2)
        }
        .m-double--sm {
          margin: calc(var(--spacing) * 2);
        }
          .mt-double--sm {
            margin-top: calc(var(--spacing) * 2);
          }
          .mb-double--sm {
            margin-bottom: calc(var(--spacing) * 2);
          }
          .ml-double--sm {
            margin-left: calc(var(--spacing) * 2);
          }
          .mr-double--sm {
            margin-right: calc(var(--spacing) * 2);
          }

        .mv-double--sm {
            margin-top: calc(var(--spacing) * 2);
            margin-bottom: calc(var(--spacing) * 2)
        }

        .mh-double--sm {
            margin-left: calc(var(--spacing) * 2);
            margin-right: calc(var(--spacing) * 2)
        }
        .p-double--sm {
          padding: calc(var(--spacing) * 2);
        }
          .pt-double--sm {
            padding-top: calc(var(--spacing) * 2);
          }
          .pb-double--sm {
            padding-bottom: calc(var(--spacing) * 2);
          }
          .pl-double--sm {
            padding-left: calc(var(--spacing) * 2);
          }
          .pr-double--sm {
            padding-right: calc(var(--spacing) * 2);
          }

        .pv-double--sm {
            padding-top: calc(var(--spacing) * 2);
            padding-bottom: calc(var(--spacing) * 2)
        }

        .ph-double--sm {
            padding-left: calc(var(--spacing) * 2);
            padding-right: calc(var(--spacing) * 2)
        }
        .m-triple--sm {
          margin: calc(var(--spacing) * 3);
        }
          .mt-triple--sm {
            margin-top: calc(var(--spacing) * 3);
          }
          .mb-triple--sm {
            margin-bottom: calc(var(--spacing) * 3);
          }
          .ml-triple--sm {
            margin-left: calc(var(--spacing) * 3);
          }
          .mr-triple--sm {
            margin-right: calc(var(--spacing) * 3);
          }

        .mv-triple--sm {
            margin-top: calc(var(--spacing) * 3);
            margin-bottom: calc(var(--spacing) * 3)
        }

        .mh-triple--sm {
            margin-left: calc(var(--spacing) * 3);
            margin-right: calc(var(--spacing) * 3)
        }
        .p-triple--sm {
          padding: calc(var(--spacing) * 3);
        }
          .pt-triple--sm {
            padding-top: calc(var(--spacing) * 3);
          }
          .pb-triple--sm {
            padding-bottom: calc(var(--spacing) * 3);
          }
          .pl-triple--sm {
            padding-left: calc(var(--spacing) * 3);
          }
          .pr-triple--sm {
            padding-right: calc(var(--spacing) * 3);
          }

        .pv-triple--sm {
            padding-top: calc(var(--spacing) * 3);
            padding-bottom: calc(var(--spacing) * 3)
        }

        .ph-triple--sm {
            padding-left: calc(var(--spacing) * 3);
            padding-right: calc(var(--spacing) * 3)
        }
        .m-quartuple--sm {
          margin: calc(var(--spacing) * 4);
        }
          .mt-quartuple--sm {
            margin-top: calc(var(--spacing) * 4);
          }
          .mb-quartuple--sm {
            margin-bottom: calc(var(--spacing) * 4);
          }
          .ml-quartuple--sm {
            margin-left: calc(var(--spacing) * 4);
          }
          .mr-quartuple--sm {
            margin-right: calc(var(--spacing) * 4);
          }

        .mv-quartuple--sm {
            margin-top: calc(var(--spacing) * 4);
            margin-bottom: calc(var(--spacing) * 4)
        }

        .mh-quartuple--sm {
            margin-left: calc(var(--spacing) * 4);
            margin-right: calc(var(--spacing) * 4)
        }
        .p-quartuple--sm {
          padding: calc(var(--spacing) * 4);
        }
          .pt-quartuple--sm {
            padding-top: calc(var(--spacing) * 4);
          }
          .pb-quartuple--sm {
            padding-bottom: calc(var(--spacing) * 4);
          }
          .pl-quartuple--sm {
            padding-left: calc(var(--spacing) * 4);
          }
          .pr-quartuple--sm {
            padding-right: calc(var(--spacing) * 4);
          }

        .pv-quartuple--sm {
            padding-top: calc(var(--spacing) * 4);
            padding-bottom: calc(var(--spacing) * 4)
        }

        .ph-quartuple--sm {
            padding-left: calc(var(--spacing) * 4);
            padding-right: calc(var(--spacing) * 4)
        }
        .m-quintuple--sm {
          margin: calc(var(--spacing) * 5);
        }
          .mt-quintuple--sm {
            margin-top: calc(var(--spacing) * 5);
          }
          .mb-quintuple--sm {
            margin-bottom: calc(var(--spacing) * 5);
          }
          .ml-quintuple--sm {
            margin-left: calc(var(--spacing) * 5);
          }
          .mr-quintuple--sm {
            margin-right: calc(var(--spacing) * 5);
          }

        .mv-quintuple--sm {
            margin-top: calc(var(--spacing) * 5);
            margin-bottom: calc(var(--spacing) * 5)
        }

        .mh-quintuple--sm {
            margin-left: calc(var(--spacing) * 5);
            margin-right: calc(var(--spacing) * 5)
        }
        .p-quintuple--sm {
          padding: calc(var(--spacing) * 5);
        }
          .pt-quintuple--sm {
            padding-top: calc(var(--spacing) * 5);
          }
          .pb-quintuple--sm {
            padding-bottom: calc(var(--spacing) * 5);
          }
          .pl-quintuple--sm {
            padding-left: calc(var(--spacing) * 5);
          }
          .pr-quintuple--sm {
            padding-right: calc(var(--spacing) * 5);
          }

        .pv-quintuple--sm {
            padding-top: calc(var(--spacing) * 5);
            padding-bottom: calc(var(--spacing) * 5)
        }

        .ph-quintuple--sm {
            padding-left: calc(var(--spacing) * 5);
            padding-right: calc(var(--spacing) * 5)
        }
        .m-sixtuple--sm {
          margin: calc(var(--spacing) * 6);
        }
          .mt-sixtuple--sm {
            margin-top: calc(var(--spacing) * 6);
          }
          .mb-sixtuple--sm {
            margin-bottom: calc(var(--spacing) * 6);
          }
          .ml-sixtuple--sm {
            margin-left: calc(var(--spacing) * 6);
          }
          .mr-sixtuple--sm {
            margin-right: calc(var(--spacing) * 6);
          }

        .mv-sixtuple--sm {
            margin-top: calc(var(--spacing) * 6);
            margin-bottom: calc(var(--spacing) * 6)
        }

        .mh-sixtuple--sm {
            margin-left: calc(var(--spacing) * 6);
            margin-right: calc(var(--spacing) * 6)
        }
        .p-sixtuple--sm {
          padding: calc(var(--spacing) * 6);
        }
          .pt-sixtuple--sm {
            padding-top: calc(var(--spacing) * 6);
          }
          .pb-sixtuple--sm {
            padding-bottom: calc(var(--spacing) * 6);
          }
          .pl-sixtuple--sm {
            padding-left: calc(var(--spacing) * 6);
          }
          .pr-sixtuple--sm {
            padding-right: calc(var(--spacing) * 6);
          }

        .pv-sixtuple--sm {
            padding-top: calc(var(--spacing) * 6);
            padding-bottom: calc(var(--spacing) * 6)
        }

        .ph-sixtuple--sm {
            padding-left: calc(var(--spacing) * 6);
            padding-right: calc(var(--spacing) * 6)
        }
  }
@media(min-width: 720px) {
        .m-half--md {
          margin: calc(var(--spacing) * 1/2);
        }
          .mt-half--md {
            margin-top: calc(var(--spacing) * 1/2);
          }
          .mb-half--md {
            margin-bottom: calc(var(--spacing) * 1/2);
          }
          .ml-half--md {
            margin-left: calc(var(--spacing) * 1/2);
          }
          .mr-half--md {
            margin-right: calc(var(--spacing) * 1/2);
          }

        .mv-half--md {
            margin-top: calc(var(--spacing) * 1/2);
            margin-bottom: calc(var(--spacing) * 1/2)
        }

        .mh-half--md {
            margin-left: calc(var(--spacing) * 1/2);
            margin-right: calc(var(--spacing) * 1/2)
        }
        .p-half--md {
          padding: calc(var(--spacing) * 1/2);
        }
          .pt-half--md {
            padding-top: calc(var(--spacing) * 1/2);
          }
          .pb-half--md {
            padding-bottom: calc(var(--spacing) * 1/2);
          }
          .pl-half--md {
            padding-left: calc(var(--spacing) * 1/2);
          }
          .pr-half--md {
            padding-right: calc(var(--spacing) * 1/2);
          }

        .pv-half--md {
            padding-top: calc(var(--spacing) * 1/2);
            padding-bottom: calc(var(--spacing) * 1/2)
        }

        .ph-half--md {
            padding-left: calc(var(--spacing) * 1/2);
            padding-right: calc(var(--spacing) * 1/2)
        }
        .m-double--md {
          margin: calc(var(--spacing) * 2);
        }
          .mt-double--md {
            margin-top: calc(var(--spacing) * 2);
          }
          .mb-double--md {
            margin-bottom: calc(var(--spacing) * 2);
          }
          .ml-double--md {
            margin-left: calc(var(--spacing) * 2);
          }
          .mr-double--md {
            margin-right: calc(var(--spacing) * 2);
          }

        .mv-double--md {
            margin-top: calc(var(--spacing) * 2);
            margin-bottom: calc(var(--spacing) * 2)
        }

        .mh-double--md {
            margin-left: calc(var(--spacing) * 2);
            margin-right: calc(var(--spacing) * 2)
        }
        .p-double--md {
          padding: calc(var(--spacing) * 2);
        }
          .pt-double--md {
            padding-top: calc(var(--spacing) * 2);
          }
          .pb-double--md {
            padding-bottom: calc(var(--spacing) * 2);
          }
          .pl-double--md {
            padding-left: calc(var(--spacing) * 2);
          }
          .pr-double--md {
            padding-right: calc(var(--spacing) * 2);
          }

        .pv-double--md {
            padding-top: calc(var(--spacing) * 2);
            padding-bottom: calc(var(--spacing) * 2)
        }

        .ph-double--md {
            padding-left: calc(var(--spacing) * 2);
            padding-right: calc(var(--spacing) * 2)
        }
        .m-triple--md {
          margin: calc(var(--spacing) * 3);
        }
          .mt-triple--md {
            margin-top: calc(var(--spacing) * 3);
          }
          .mb-triple--md {
            margin-bottom: calc(var(--spacing) * 3);
          }
          .ml-triple--md {
            margin-left: calc(var(--spacing) * 3);
          }
          .mr-triple--md {
            margin-right: calc(var(--spacing) * 3);
          }

        .mv-triple--md {
            margin-top: calc(var(--spacing) * 3);
            margin-bottom: calc(var(--spacing) * 3)
        }

        .mh-triple--md {
            margin-left: calc(var(--spacing) * 3);
            margin-right: calc(var(--spacing) * 3)
        }
        .p-triple--md {
          padding: calc(var(--spacing) * 3);
        }
          .pt-triple--md {
            padding-top: calc(var(--spacing) * 3);
          }
          .pb-triple--md {
            padding-bottom: calc(var(--spacing) * 3);
          }
          .pl-triple--md {
            padding-left: calc(var(--spacing) * 3);
          }
          .pr-triple--md {
            padding-right: calc(var(--spacing) * 3);
          }

        .pv-triple--md {
            padding-top: calc(var(--spacing) * 3);
            padding-bottom: calc(var(--spacing) * 3)
        }

        .ph-triple--md {
            padding-left: calc(var(--spacing) * 3);
            padding-right: calc(var(--spacing) * 3)
        }
        .m-quartuple--md {
          margin: calc(var(--spacing) * 4);
        }
          .mt-quartuple--md {
            margin-top: calc(var(--spacing) * 4);
          }
          .mb-quartuple--md {
            margin-bottom: calc(var(--spacing) * 4);
          }
          .ml-quartuple--md {
            margin-left: calc(var(--spacing) * 4);
          }
          .mr-quartuple--md {
            margin-right: calc(var(--spacing) * 4);
          }

        .mv-quartuple--md {
            margin-top: calc(var(--spacing) * 4);
            margin-bottom: calc(var(--spacing) * 4)
        }

        .mh-quartuple--md {
            margin-left: calc(var(--spacing) * 4);
            margin-right: calc(var(--spacing) * 4)
        }
        .p-quartuple--md {
          padding: calc(var(--spacing) * 4);
        }
          .pt-quartuple--md {
            padding-top: calc(var(--spacing) * 4);
          }
          .pb-quartuple--md {
            padding-bottom: calc(var(--spacing) * 4);
          }
          .pl-quartuple--md {
            padding-left: calc(var(--spacing) * 4);
          }
          .pr-quartuple--md {
            padding-right: calc(var(--spacing) * 4);
          }

        .pv-quartuple--md {
            padding-top: calc(var(--spacing) * 4);
            padding-bottom: calc(var(--spacing) * 4)
        }

        .ph-quartuple--md {
            padding-left: calc(var(--spacing) * 4);
            padding-right: calc(var(--spacing) * 4)
        }
        .m-quintuple--md {
          margin: calc(var(--spacing) * 5);
        }
          .mt-quintuple--md {
            margin-top: calc(var(--spacing) * 5);
          }
          .mb-quintuple--md {
            margin-bottom: calc(var(--spacing) * 5);
          }
          .ml-quintuple--md {
            margin-left: calc(var(--spacing) * 5);
          }
          .mr-quintuple--md {
            margin-right: calc(var(--spacing) * 5);
          }

        .mv-quintuple--md {
            margin-top: calc(var(--spacing) * 5);
            margin-bottom: calc(var(--spacing) * 5)
        }

        .mh-quintuple--md {
            margin-left: calc(var(--spacing) * 5);
            margin-right: calc(var(--spacing) * 5)
        }
        .p-quintuple--md {
          padding: calc(var(--spacing) * 5);
        }
          .pt-quintuple--md {
            padding-top: calc(var(--spacing) * 5);
          }
          .pb-quintuple--md {
            padding-bottom: calc(var(--spacing) * 5);
          }
          .pl-quintuple--md {
            padding-left: calc(var(--spacing) * 5);
          }
          .pr-quintuple--md {
            padding-right: calc(var(--spacing) * 5);
          }

        .pv-quintuple--md {
            padding-top: calc(var(--spacing) * 5);
            padding-bottom: calc(var(--spacing) * 5)
        }

        .ph-quintuple--md {
            padding-left: calc(var(--spacing) * 5);
            padding-right: calc(var(--spacing) * 5)
        }
        .m-sixtuple--md {
          margin: calc(var(--spacing) * 6);
        }
          .mt-sixtuple--md {
            margin-top: calc(var(--spacing) * 6);
          }
          .mb-sixtuple--md {
            margin-bottom: calc(var(--spacing) * 6);
          }
          .ml-sixtuple--md {
            margin-left: calc(var(--spacing) * 6);
          }
          .mr-sixtuple--md {
            margin-right: calc(var(--spacing) * 6);
          }

        .mv-sixtuple--md {
            margin-top: calc(var(--spacing) * 6);
            margin-bottom: calc(var(--spacing) * 6)
        }

        .mh-sixtuple--md {
            margin-left: calc(var(--spacing) * 6);
            margin-right: calc(var(--spacing) * 6)
        }
        .p-sixtuple--md {
          padding: calc(var(--spacing) * 6);
        }
          .pt-sixtuple--md {
            padding-top: calc(var(--spacing) * 6);
          }
          .pb-sixtuple--md {
            padding-bottom: calc(var(--spacing) * 6);
          }
          .pl-sixtuple--md {
            padding-left: calc(var(--spacing) * 6);
          }
          .pr-sixtuple--md {
            padding-right: calc(var(--spacing) * 6);
          }

        .pv-sixtuple--md {
            padding-top: calc(var(--spacing) * 6);
            padding-bottom: calc(var(--spacing) * 6)
        }

        .ph-sixtuple--md {
            padding-left: calc(var(--spacing) * 6);
            padding-right: calc(var(--spacing) * 6)
        }
  }
@media(min-width: 920px) {
        .m-half--lg {
          margin: calc(var(--spacing) * 1/2);
        }
          .mt-half--lg {
            margin-top: calc(var(--spacing) * 1/2);
          }
          .mb-half--lg {
            margin-bottom: calc(var(--spacing) * 1/2);
          }
          .ml-half--lg {
            margin-left: calc(var(--spacing) * 1/2);
          }
          .mr-half--lg {
            margin-right: calc(var(--spacing) * 1/2);
          }

        .mv-half--lg {
            margin-top: calc(var(--spacing) * 1/2);
            margin-bottom: calc(var(--spacing) * 1/2)
        }

        .mh-half--lg {
            margin-left: calc(var(--spacing) * 1/2);
            margin-right: calc(var(--spacing) * 1/2)
        }
        .p-half--lg {
          padding: calc(var(--spacing) * 1/2);
        }
          .pt-half--lg {
            padding-top: calc(var(--spacing) * 1/2);
          }
          .pb-half--lg {
            padding-bottom: calc(var(--spacing) * 1/2);
          }
          .pl-half--lg {
            padding-left: calc(var(--spacing) * 1/2);
          }
          .pr-half--lg {
            padding-right: calc(var(--spacing) * 1/2);
          }

        .pv-half--lg {
            padding-top: calc(var(--spacing) * 1/2);
            padding-bottom: calc(var(--spacing) * 1/2)
        }

        .ph-half--lg {
            padding-left: calc(var(--spacing) * 1/2);
            padding-right: calc(var(--spacing) * 1/2)
        }
        .m-double--lg {
          margin: calc(var(--spacing) * 2);
        }
          .mt-double--lg {
            margin-top: calc(var(--spacing) * 2);
          }
          .mb-double--lg {
            margin-bottom: calc(var(--spacing) * 2);
          }
          .ml-double--lg {
            margin-left: calc(var(--spacing) * 2);
          }
          .mr-double--lg {
            margin-right: calc(var(--spacing) * 2);
          }

        .mv-double--lg {
            margin-top: calc(var(--spacing) * 2);
            margin-bottom: calc(var(--spacing) * 2)
        }

        .mh-double--lg {
            margin-left: calc(var(--spacing) * 2);
            margin-right: calc(var(--spacing) * 2)
        }
        .p-double--lg {
          padding: calc(var(--spacing) * 2);
        }
          .pt-double--lg {
            padding-top: calc(var(--spacing) * 2);
          }
          .pb-double--lg {
            padding-bottom: calc(var(--spacing) * 2);
          }
          .pl-double--lg {
            padding-left: calc(var(--spacing) * 2);
          }
          .pr-double--lg {
            padding-right: calc(var(--spacing) * 2);
          }

        .pv-double--lg {
            padding-top: calc(var(--spacing) * 2);
            padding-bottom: calc(var(--spacing) * 2)
        }

        .ph-double--lg {
            padding-left: calc(var(--spacing) * 2);
            padding-right: calc(var(--spacing) * 2)
        }
        .m-triple--lg {
          margin: calc(var(--spacing) * 3);
        }
          .mt-triple--lg {
            margin-top: calc(var(--spacing) * 3);
          }
          .mb-triple--lg {
            margin-bottom: calc(var(--spacing) * 3);
          }
          .ml-triple--lg {
            margin-left: calc(var(--spacing) * 3);
          }
          .mr-triple--lg {
            margin-right: calc(var(--spacing) * 3);
          }

        .mv-triple--lg {
            margin-top: calc(var(--spacing) * 3);
            margin-bottom: calc(var(--spacing) * 3)
        }

        .mh-triple--lg {
            margin-left: calc(var(--spacing) * 3);
            margin-right: calc(var(--spacing) * 3)
        }
        .p-triple--lg {
          padding: calc(var(--spacing) * 3);
        }
          .pt-triple--lg {
            padding-top: calc(var(--spacing) * 3);
          }
          .pb-triple--lg {
            padding-bottom: calc(var(--spacing) * 3);
          }
          .pl-triple--lg {
            padding-left: calc(var(--spacing) * 3);
          }
          .pr-triple--lg {
            padding-right: calc(var(--spacing) * 3);
          }

        .pv-triple--lg {
            padding-top: calc(var(--spacing) * 3);
            padding-bottom: calc(var(--spacing) * 3)
        }

        .ph-triple--lg {
            padding-left: calc(var(--spacing) * 3);
            padding-right: calc(var(--spacing) * 3)
        }
        .m-quartuple--lg {
          margin: calc(var(--spacing) * 4);
        }
          .mt-quartuple--lg {
            margin-top: calc(var(--spacing) * 4);
          }
          .mb-quartuple--lg {
            margin-bottom: calc(var(--spacing) * 4);
          }
          .ml-quartuple--lg {
            margin-left: calc(var(--spacing) * 4);
          }
          .mr-quartuple--lg {
            margin-right: calc(var(--spacing) * 4);
          }

        .mv-quartuple--lg {
            margin-top: calc(var(--spacing) * 4);
            margin-bottom: calc(var(--spacing) * 4)
        }

        .mh-quartuple--lg {
            margin-left: calc(var(--spacing) * 4);
            margin-right: calc(var(--spacing) * 4)
        }
        .p-quartuple--lg {
          padding: calc(var(--spacing) * 4);
        }
          .pt-quartuple--lg {
            padding-top: calc(var(--spacing) * 4);
          }
          .pb-quartuple--lg {
            padding-bottom: calc(var(--spacing) * 4);
          }
          .pl-quartuple--lg {
            padding-left: calc(var(--spacing) * 4);
          }
          .pr-quartuple--lg {
            padding-right: calc(var(--spacing) * 4);
          }

        .pv-quartuple--lg {
            padding-top: calc(var(--spacing) * 4);
            padding-bottom: calc(var(--spacing) * 4)
        }

        .ph-quartuple--lg {
            padding-left: calc(var(--spacing) * 4);
            padding-right: calc(var(--spacing) * 4)
        }
        .m-quintuple--lg {
          margin: calc(var(--spacing) * 5);
        }
          .mt-quintuple--lg {
            margin-top: calc(var(--spacing) * 5);
          }
          .mb-quintuple--lg {
            margin-bottom: calc(var(--spacing) * 5);
          }
          .ml-quintuple--lg {
            margin-left: calc(var(--spacing) * 5);
          }
          .mr-quintuple--lg {
            margin-right: calc(var(--spacing) * 5);
          }

        .mv-quintuple--lg {
            margin-top: calc(var(--spacing) * 5);
            margin-bottom: calc(var(--spacing) * 5)
        }

        .mh-quintuple--lg {
            margin-left: calc(var(--spacing) * 5);
            margin-right: calc(var(--spacing) * 5)
        }
        .p-quintuple--lg {
          padding: calc(var(--spacing) * 5);
        }
          .pt-quintuple--lg {
            padding-top: calc(var(--spacing) * 5);
          }
          .pb-quintuple--lg {
            padding-bottom: calc(var(--spacing) * 5);
          }
          .pl-quintuple--lg {
            padding-left: calc(var(--spacing) * 5);
          }
          .pr-quintuple--lg {
            padding-right: calc(var(--spacing) * 5);
          }

        .pv-quintuple--lg {
            padding-top: calc(var(--spacing) * 5);
            padding-bottom: calc(var(--spacing) * 5)
        }

        .ph-quintuple--lg {
            padding-left: calc(var(--spacing) * 5);
            padding-right: calc(var(--spacing) * 5)
        }
        .m-sixtuple--lg {
          margin: calc(var(--spacing) * 6);
        }
          .mt-sixtuple--lg {
            margin-top: calc(var(--spacing) * 6);
          }
          .mb-sixtuple--lg {
            margin-bottom: calc(var(--spacing) * 6);
          }
          .ml-sixtuple--lg {
            margin-left: calc(var(--spacing) * 6);
          }
          .mr-sixtuple--lg {
            margin-right: calc(var(--spacing) * 6);
          }

        .mv-sixtuple--lg {
            margin-top: calc(var(--spacing) * 6);
            margin-bottom: calc(var(--spacing) * 6)
        }

        .mh-sixtuple--lg {
            margin-left: calc(var(--spacing) * 6);
            margin-right: calc(var(--spacing) * 6)
        }
        .p-sixtuple--lg {
          padding: calc(var(--spacing) * 6);
        }
          .pt-sixtuple--lg {
            padding-top: calc(var(--spacing) * 6);
          }
          .pb-sixtuple--lg {
            padding-bottom: calc(var(--spacing) * 6);
          }
          .pl-sixtuple--lg {
            padding-left: calc(var(--spacing) * 6);
          }
          .pr-sixtuple--lg {
            padding-right: calc(var(--spacing) * 6);
          }

        .pv-sixtuple--lg {
            padding-top: calc(var(--spacing) * 6);
            padding-bottom: calc(var(--spacing) * 6)
        }

        .ph-sixtuple--lg {
            padding-left: calc(var(--spacing) * 6);
            padding-right: calc(var(--spacing) * 6)
        }
  }
@media(min-width: 1200px) {
        .m-half--xl {
          margin: calc(var(--spacing) * 1/2);
        }
          .mt-half--xl {
            margin-top: calc(var(--spacing) * 1/2);
          }
          .mb-half--xl {
            margin-bottom: calc(var(--spacing) * 1/2);
          }
          .ml-half--xl {
            margin-left: calc(var(--spacing) * 1/2);
          }
          .mr-half--xl {
            margin-right: calc(var(--spacing) * 1/2);
          }

        .mv-half--xl {
            margin-top: calc(var(--spacing) * 1/2);
            margin-bottom: calc(var(--spacing) * 1/2)
        }

        .mh-half--xl {
            margin-left: calc(var(--spacing) * 1/2);
            margin-right: calc(var(--spacing) * 1/2)
        }
        .p-half--xl {
          padding: calc(var(--spacing) * 1/2);
        }
          .pt-half--xl {
            padding-top: calc(var(--spacing) * 1/2);
          }
          .pb-half--xl {
            padding-bottom: calc(var(--spacing) * 1/2);
          }
          .pl-half--xl {
            padding-left: calc(var(--spacing) * 1/2);
          }
          .pr-half--xl {
            padding-right: calc(var(--spacing) * 1/2);
          }

        .pv-half--xl {
            padding-top: calc(var(--spacing) * 1/2);
            padding-bottom: calc(var(--spacing) * 1/2)
        }

        .ph-half--xl {
            padding-left: calc(var(--spacing) * 1/2);
            padding-right: calc(var(--spacing) * 1/2)
        }
        .m-double--xl {
          margin: calc(var(--spacing) * 2);
        }
          .mt-double--xl {
            margin-top: calc(var(--spacing) * 2);
          }
          .mb-double--xl {
            margin-bottom: calc(var(--spacing) * 2);
          }
          .ml-double--xl {
            margin-left: calc(var(--spacing) * 2);
          }
          .mr-double--xl {
            margin-right: calc(var(--spacing) * 2);
          }

        .mv-double--xl {
            margin-top: calc(var(--spacing) * 2);
            margin-bottom: calc(var(--spacing) * 2)
        }

        .mh-double--xl {
            margin-left: calc(var(--spacing) * 2);
            margin-right: calc(var(--spacing) * 2)
        }
        .p-double--xl {
          padding: calc(var(--spacing) * 2);
        }
          .pt-double--xl {
            padding-top: calc(var(--spacing) * 2);
          }
          .pb-double--xl {
            padding-bottom: calc(var(--spacing) * 2);
          }
          .pl-double--xl {
            padding-left: calc(var(--spacing) * 2);
          }
          .pr-double--xl {
            padding-right: calc(var(--spacing) * 2);
          }

        .pv-double--xl {
            padding-top: calc(var(--spacing) * 2);
            padding-bottom: calc(var(--spacing) * 2)
        }

        .ph-double--xl {
            padding-left: calc(var(--spacing) * 2);
            padding-right: calc(var(--spacing) * 2)
        }
        .m-triple--xl {
          margin: calc(var(--spacing) * 3);
        }
          .mt-triple--xl {
            margin-top: calc(var(--spacing) * 3);
          }
          .mb-triple--xl {
            margin-bottom: calc(var(--spacing) * 3);
          }
          .ml-triple--xl {
            margin-left: calc(var(--spacing) * 3);
          }
          .mr-triple--xl {
            margin-right: calc(var(--spacing) * 3);
          }

        .mv-triple--xl {
            margin-top: calc(var(--spacing) * 3);
            margin-bottom: calc(var(--spacing) * 3)
        }

        .mh-triple--xl {
            margin-left: calc(var(--spacing) * 3);
            margin-right: calc(var(--spacing) * 3)
        }
        .p-triple--xl {
          padding: calc(var(--spacing) * 3);
        }
          .pt-triple--xl {
            padding-top: calc(var(--spacing) * 3);
          }
          .pb-triple--xl {
            padding-bottom: calc(var(--spacing) * 3);
          }
          .pl-triple--xl {
            padding-left: calc(var(--spacing) * 3);
          }
          .pr-triple--xl {
            padding-right: calc(var(--spacing) * 3);
          }

        .pv-triple--xl {
            padding-top: calc(var(--spacing) * 3);
            padding-bottom: calc(var(--spacing) * 3)
        }

        .ph-triple--xl {
            padding-left: calc(var(--spacing) * 3);
            padding-right: calc(var(--spacing) * 3)
        }
        .m-quartuple--xl {
          margin: calc(var(--spacing) * 4);
        }
          .mt-quartuple--xl {
            margin-top: calc(var(--spacing) * 4);
          }
          .mb-quartuple--xl {
            margin-bottom: calc(var(--spacing) * 4);
          }
          .ml-quartuple--xl {
            margin-left: calc(var(--spacing) * 4);
          }
          .mr-quartuple--xl {
            margin-right: calc(var(--spacing) * 4);
          }

        .mv-quartuple--xl {
            margin-top: calc(var(--spacing) * 4);
            margin-bottom: calc(var(--spacing) * 4)
        }

        .mh-quartuple--xl {
            margin-left: calc(var(--spacing) * 4);
            margin-right: calc(var(--spacing) * 4)
        }
        .p-quartuple--xl {
          padding: calc(var(--spacing) * 4);
        }
          .pt-quartuple--xl {
            padding-top: calc(var(--spacing) * 4);
          }
          .pb-quartuple--xl {
            padding-bottom: calc(var(--spacing) * 4);
          }
          .pl-quartuple--xl {
            padding-left: calc(var(--spacing) * 4);
          }
          .pr-quartuple--xl {
            padding-right: calc(var(--spacing) * 4);
          }

        .pv-quartuple--xl {
            padding-top: calc(var(--spacing) * 4);
            padding-bottom: calc(var(--spacing) * 4)
        }

        .ph-quartuple--xl {
            padding-left: calc(var(--spacing) * 4);
            padding-right: calc(var(--spacing) * 4)
        }
        .m-quintuple--xl {
          margin: calc(var(--spacing) * 5);
        }
          .mt-quintuple--xl {
            margin-top: calc(var(--spacing) * 5);
          }
          .mb-quintuple--xl {
            margin-bottom: calc(var(--spacing) * 5);
          }
          .ml-quintuple--xl {
            margin-left: calc(var(--spacing) * 5);
          }
          .mr-quintuple--xl {
            margin-right: calc(var(--spacing) * 5);
          }

        .mv-quintuple--xl {
            margin-top: calc(var(--spacing) * 5);
            margin-bottom: calc(var(--spacing) * 5)
        }

        .mh-quintuple--xl {
            margin-left: calc(var(--spacing) * 5);
            margin-right: calc(var(--spacing) * 5)
        }
        .p-quintuple--xl {
          padding: calc(var(--spacing) * 5);
        }
          .pt-quintuple--xl {
            padding-top: calc(var(--spacing) * 5);
          }
          .pb-quintuple--xl {
            padding-bottom: calc(var(--spacing) * 5);
          }
          .pl-quintuple--xl {
            padding-left: calc(var(--spacing) * 5);
          }
          .pr-quintuple--xl {
            padding-right: calc(var(--spacing) * 5);
          }

        .pv-quintuple--xl {
            padding-top: calc(var(--spacing) * 5);
            padding-bottom: calc(var(--spacing) * 5)
        }

        .ph-quintuple--xl {
            padding-left: calc(var(--spacing) * 5);
            padding-right: calc(var(--spacing) * 5)
        }
        .m-sixtuple--xl {
          margin: calc(var(--spacing) * 6);
        }
          .mt-sixtuple--xl {
            margin-top: calc(var(--spacing) * 6);
          }
          .mb-sixtuple--xl {
            margin-bottom: calc(var(--spacing) * 6);
          }
          .ml-sixtuple--xl {
            margin-left: calc(var(--spacing) * 6);
          }
          .mr-sixtuple--xl {
            margin-right: calc(var(--spacing) * 6);
          }

        .mv-sixtuple--xl {
            margin-top: calc(var(--spacing) * 6);
            margin-bottom: calc(var(--spacing) * 6)
        }

        .mh-sixtuple--xl {
            margin-left: calc(var(--spacing) * 6);
            margin-right: calc(var(--spacing) * 6)
        }
        .p-sixtuple--xl {
          padding: calc(var(--spacing) * 6);
        }
          .pt-sixtuple--xl {
            padding-top: calc(var(--spacing) * 6);
          }
          .pb-sixtuple--xl {
            padding-bottom: calc(var(--spacing) * 6);
          }
          .pl-sixtuple--xl {
            padding-left: calc(var(--spacing) * 6);
          }
          .pr-sixtuple--xl {
            padding-right: calc(var(--spacing) * 6);
          }

        .pv-sixtuple--xl {
            padding-top: calc(var(--spacing) * 6);
            padding-bottom: calc(var(--spacing) * 6)
        }

        .ph-sixtuple--xl {
            padding-left: calc(var(--spacing) * 6);
            padding-right: calc(var(--spacing) * 6)
        }
  }
svg.primary-color {
  fill: #ff0044;
  fill: #ff0044;
  fill: var(--primary-color);
}
svg.secondary-color {
  fill: #25b3c3;
  fill: #25b3c3;
  fill: var(--secondary-color);
}
svg.accent-color {
  fill: #fcba28;
  fill: #fcba28;
  fill: var(--accent-color-1);
}
.secondary-color {
  color: #25b3c3;
  color: #25b3c3;
  color: var(--secondary-color);
}
.primary-color {
  color: #ff0044;
  color: #ff0044;
  color: var(--primary-color);
}
.accent-color {
  color: #fcba28;
  color: #fcba28;
  color: var(--accent-color-1);
}
.white-color {
  color: white
}
.white-color:after {
    background-color: inherit;
  }
.bg-accent-color {
  background-color: #250044;
}
.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.row-normal {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.space-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ai-flex-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.ai-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ai-flex-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
/* Les classes qui serviront pour les interactions avec le javascript */
.navigation.js-stick {
  /*top : -150px;*/
  top    : -250px;
  opacity: 0;
}
.navigation.js-logo {
  background-color: white;
}
.navigation.js-logo .logo svg {
      position  : relative;
      height    : 70px;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
    }
.navigation.js-logo .logo svg .group-text {
        -webkit-transform: scale(0);
                transform: scale(0);
        opacity  : 0;
      }
body.js-open-mobile {
  overflow: hidden;
}
.navigation.js-open-mobile .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
.navigation.js-open-mobile .logo .group-text {
      opacity: 0;
    }
.navigation.js-open-mobile .logo .group-logo path {
        fill: white
      }
.navigation.js-open-mobile .logo .group-logo path:last-of-type {
          opacity: 0;
        }
.navigation.js-open-mobile .hamburger svg path {
        fill: #fff;
      }
.navigation.js-open-mobile .hamburger svg text {
        opacity   : 0;
        visibility: hidden;
      }
@media (min-width: 1000px) {
.js-filter {
    margin-top: 20px
}
  }
.js-filter .js-filter-select {
    font-family: 'circle';
    margin-top : 20px;
    font-size  : 1.6rem;
    max-width  : 100%;
  }
.js-filter .ss-main .ss-multi-selected {
    padding: 7px 0 7px 10px;
  }
.js-filter .ss-content .ss-list .ss-option {
    padding: 7px 10px;
  }
.js-filter .ss-main .ss-multi-selected .ss-values .ss-value {
    background-color: #ff0044;
    background-color: #ff0044;
    background-color: var(--primary-color);
    padding         : 0 10px;
  }
.js-filter .ss-main .ss-multi-selected .ss-values .ss-value .ss-value-delete {
    padding: 8px;
  }
.js-hide {
  visibility      : hidden;
  opacity         : 0;
  min-height      : 0;
  height          : 0;
  -webkit-transform-origin: left top;
          transform-origin: left top;
  -webkit-transform       : scaleY(0);
          transform       : scaleY(0);
}
.btn.js-load-more:hover {
    cursor: pointer;
  }
@media(min-width: 720px) {
    .js-filter .js-filter-select {
      /* max-width: 320px; */
    }

  .js-ptc-checkbox {
    position: relative;
    /* width   : 45%; */
  }

  .js-ptc-default-label {
    position        : relative;
    padding         : 15px 20px;
    margin          : 10px 0;
    background-color: #4b266a;
    background-color: #4b266a;
    background-color: var(--bg-field-color);
    color           : white;
    font-size       : 1.4rem
  }

    .js-ptc-default-label:after {
      content  : '+';
      position : absolute;
      right    : 20px;
      top      : 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
    }

    .js-ptc-default-label:hover {
      cursor: pointer;
    }
      .js-ptc-default-label.js-ptc-open:after {
        content: '-';
      }

  .js-ptc-value {
    /* display         : none; */
    position        : absolute;
    z-index         : 99;
    top             : 43px;
    background-color: #25b3c3;
    background-color: #25b3c3;
    background-color: var(--secondary-color);
    opacity         : 0.9;
    width           : 100%;
    min-height      : 200px;
    overflow-y      : auto;
  }

    .js-ptc-value .wpcf7-list-item {
      display: block;
      padding: 0;
      margin : 0;
    }

  .js-ptc-value label {
    display      : block;
    padding      : 10px 20px;
    color        : white;
    font-size    : 1.7rem;
    border-bottom: 1px solid rgba(238,238,238,0.2);
  }

  .js-ptc-value input[type="checkbox"] {
    margin-right: 20px;
  }

  .js-ptc-item-value {
    display         : inline-block;
    color           : white;
    padding         : 12px 20px;
    background-color: #4B266A;
    border-bottom   : 2px solid #25b3c3;
    border-bottom   : 2px solid #25b3c3;
    border-bottom   : 2px solid var(--secondary-color);
  }
}
.wpcf7 input[type="text"].js-mandatory, .wpcf7 input[type="tel"].js-mandatory, .wpcf7 input[type="email"].js-mandatory {
      border-bottom: 2px solid #ff0044;
      border-bottom: 2px solid #ff0044;
      border-bottom: 2px solid var(--primary-color);
    }
.wpcf7 input[type="text"].js-allright, .wpcf7 input[type="tel"].js-allright, .wpcf7 input[type="email"].js-allright {
      border-bottom: 2px solid #25b3c3;
      border-bottom: 2px solid #25b3c3;
      border-bottom: 2px solid var(--secondary-color);
    }
.js-ptc select {
    display: none;
  }
.js-ptc {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
  grid-gap: 10px;
}
.js-ptc-select {
    /* max-width   : 420px; */
    min-width: 250px;
    width: 100%;
    margin-right: 10px;
    position: relative;
  }
.js-ptc-select-button {
      min-width: auto;
      padding-top: 0;
      padding-bottom: 0;
      padding-left: 70px;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      height: 52px
    }
.js-ptc-select-button:hover {
        cursor: pointer;
      }
.js-ptc-select-label {
      /* border          : 1px solid red; */
      font-size: 1.7rem;
      padding: 15px 20px;
      background-color: #f4f2f5;
      width: 100%;
      display: block;
      position: relative;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      background-color: #4b266a;
      background-color: #4b266a;
      background-color: var(--bg-field-color);
      color: rgba(255,255,255, .5);
    }
.has-value .js-ptc-select-label {
        color: rgba(255,255,255, 1);
      }
.wpcf7--light .js-ptc-select-label,
      .js-filter .js-ptc-select-label {
        color: rgba(37,0,68,.5);
        background-color: #f6f4f7;
      }
.wpcf7--light .has-value .js-ptc-select-label,
      .js-filter .has-value .js-ptc-select-label {
        color: var(--font-main-color);
      }
.js-ptc-select-label:hover {
        cursor: pointer;
        border-radius: 3px;
      }
.js-ptc-select-label:after {
        content: "";
        position: absolute;
        right: 20px;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        display: block;
        width: 16px;
        height: 16px;
        background-image: url("assets/images/icons/arrow-bottom-small--text-color.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
      }
.is-active .js-ptc-select-label:after {
          -webkit-transform: translateY(-50%) scaleY(-1);
                  transform: translateY(-50%) scaleY(-1);
        }
.bg-accent-color .js-ptc-select-label:after {
          background-image: url("assets/images/icons/arrow-bottom-small--white.svg");
        }
.js-ptc-select-list {
      position: absolute;
      display: block;
      /* border : 1px solid blue; */
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      top: 152px;
      opacity: 0;
      visibility: hidden;
      width: 100%;
      pointer-events: none;
      max-height: 50vh;
     overflow-y: auto;
    }
.js-ptc-select-list-item {
      font-size: 1.6rem;
      padding: 15px 30px;
      background-color: #f4f2f5;
      border-bottom: 1px solid #e0e0e0;
    }
.bg-accent-color .js-ptc-select-list-item {
        background-color: #4b266a;
        background-color: #4b266a;
        background-color: var(--bg-field-color);
        color: white;
        border-bottom: 1px solid rgba(0, 0, 0, 0.3);
      }
.js-ptc-select-list-item:hover {
        cursor: pointer;
        background-color: #ececec;
      }
.bg-accent-color .js-ptc-select-list-item:hover {
          background-color: #3b1859;
          color: white;
        }
.js-ptc-select-list-item:active {
        background-color: #ececec;
      }
.bg-accent-color .js-ptc-select-list-item:active {
          background-color: #3b1859;
        }
.js-ptc-select-list-item:focus {
        background-color: #ececec;
      }
.bg-accent-color .js-ptc-select-list-item:focus {
          background-color: #3b1859;
        }
.js-ptc-select-list-item-selected {
        background-color: #ececec;
      }
.bg-accent-color .js-ptc-select-list-item-selected {
          background-color: #3b1859;
        }
.js-ptc-select-list-item span {
        font-weight: bold;
      }
.js-ptc-select-show {
      /* display: block; */
      top: 52px;
      opacity: 1;
      visibility: visible;
      z-index: 3;
      pointer-events: auto;
    }
.js-ptc-select-puce,
    .js-ptc-select-clear {
      margin-top: 20px;
      background-color: #fcf7ef;
      background-color: #fcf7ef;
      background-color: var(--sand-color);
      position: relative;
      padding: 10px 40px 10px 20px;
      display: inline-block;
      margin-right: 15px;
      font-size: 1.5rem;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
      cursor: pointer
    }
.js-ptc-select-puce::after, .js-ptc-select-clear::after {
        content: "";
        position: absolute;
        right: 13px;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        display: block;
        width: 9px;
        height: 9px;
        background-image: url("assets/images/icons/close--text-color.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
      }
.js-ptc-select-puce:hover::after, .js-ptc-select-clear:hover::after {
          background-image: url("assets/images/icons/close--red.svg");
        }
.bg-accent-color .js-ptc-select-puce, .bg-accent-color .js-ptc-select-clear {
        background-color: #4b266a;
        background-color: #4b266a;
        background-color: var(--bg-field-color);
        color: white;
      }
.js-ptc-select-clear {
      color: #ff0044;
      color: #ff0044;
      color: var(--primary-color);
      background-color: transparent
    }
.js-ptc-select-clear::after {
        background-image: url("assets/images/icons/close--red.svg");
      }
.js-ptc-select-clear:hover {
        background-color: #ff0044;
        background-color: #ff0044;
        background-color: var(--primary-color);
        color: white
      }
.js-ptc-select-clear:hover::after {
          background-image: url("assets/images/icons/close--text-color.svg");
        }
.language-switcher img {
    margin-right: 5px;
    border-radius: 50%;
    width: 32px;
  }
.language-switcher .submenu__box {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
    width: 100% !important;
  }
.language-switcher .submenu__box li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: baseline;
          -ms-flex-align: baseline;
              align-items: baseline;
    }
.language-switcher .submenu__box li h4 {
        color: #ff0044;
        color: #ff0044;
        color: var(--primary-color);
      }
.language-switcher .submenu__box li ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
      }
.language-switcher .submenu__box li li {
        margin-left: 35px;
        font-size: 1.5rem;
      }
.language-switcher .submenu__box li li a {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          text-decoration: none;
          color: #ff0044;
          color: #ff0044;
          color: var(--primary-color);
        }
.language-switcher .submenu__box li li.wpml-active-lang a {
          position: relative;
          color: #250044;
          color: #250044;
          color: var(--marine-color)
        }
.language-switcher .submenu__box li li.wpml-active-lang a:before {
            content: "";
            position: absolute;
            height: 10px;
            right: 10px;
            -webkit-transform-origin: left center;
                    transform-origin: left center;
            -webkit-transform: scaleX(1);
                    transform: scaleX(1);
            background-color: #fcba28;
            background-color: #fcba28;
            background-color: var(--accent-color-1);
            bottom: 4px;
            left: 0;
            z-index: -1;
          }
.language-switcher .submenu__box li li.wpml-active-lang img {
          border: 3px solid #fcba28;
          border: 3px solid #fcba28;
          border: 3px solid var(--accent-color-1);
        }
.language-switcher-footer {
    margin-top: 80px
  }
@media (min-width: 720px) {

  .language-switcher-footer {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end
  }
    }
.language-switcher-footer h4 {
      font-family: circle;
      font-size: 1.5rem;
      letter-spacing: 1px;
      font-weight: 600;
      text-transform: uppercase;
      color: #fcba28;
      color: #fcba28;
      color: var(--accent-color-1)
    }
@media (min-width: 720px) {

    .language-switcher-footer h4 {
        margin: 0 10px
    }
      }
.language-switcher-footer a {
      color: #ff0044;
      color: #ff0044;
      color: var(--primary-color);
      display: block;
      text-decoration: none;
      font-size: 1.5rem;
      margin: 10px 0
    }
@media (min-width: 720px) {

    .language-switcher-footer a {
        display: inline-block;
        margin: 0 10px
    }
      }
body {
  padding: 0;
  margin : 0;
}
.main {
  padding: 20px;
}
/* Header Navigation */
.navigation {
  position        : fixed;
  top             : 0;
  width           : 100%;
  opacity         : 1;
  visibility      : visible;
  /*height:78px; // old value */
  height          : 74px;
  height          : 74px;
  height          : var(--menu-height);
  -webkit-transition      : all 0.7s;
  transition      : all 0.7s;
  display         : -webkit-box;
  display         : -ms-flexbox;
  display         : flex;
  -webkit-box-pack : justify;
      -ms-flex-pack : justify;
          justify-content : space-between;
  -ms-flex-wrap       : nowrap;
      flex-wrap       : nowrap;
  -webkit-box-align     : start;
      -ms-flex-align     : start;
          align-items     : flex-start;
  background-color: transparent;
  color           : white;
  z-index         : 1000;
  padding         : 10px 10px 0;
  padding         : 10px 10px 0;
  padding         : 10px var(--global-padding-h) 0
}
@media (min-width: 720px) {
.navigation {
    padding: 30px 10px 0;
    padding: 30px 10px 0;
    padding: 30px var(--global-padding-h) 0
}
  }
.blurme {
  -webkit-filter: url("#myblurfilter')");
          filter: url("#myblurfilter')")
}
@media (max-width:720px) {
  .svg-only-destop {
    display: none;
  }
}
section {
  margin-bottom: 60px;
  margin-bottom: 60px;
  margin-bottom: var(--section-spacer-v);
}
.g-layout__box.bg-accent-color {
  position: relative;
  background-color: transparent
}
.g-layout__box.bg-accent-color::before {
    content:'';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 110vw;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: -1;
    background-color: #250044;
    background-color: #250044;
    background-color: var(--accent-color-2);
  }
.g-layout__box.bg-accent-color.g-layout__box--right::before {
    -webkit-transform: none;
            transform: none;
    right: 0;
    left: auto;
  }
@media (max-width:719px) {
  .g-layout__box {
    padding-left: 10px;
    padding-left: 10px;
    padding-left: var(--global-padding-h);
    padding-right: 10px;
    padding-right: 10px;
    padding-right: var(--global-padding-h);
  }
}
@media (min-width:720px) {

  .g-layout {
    display              : grid;
    grid-template-columns: [full-start] minmax(calc(10px + 60px), 1fr) [center-start] repeat(12, [col-start] minmax(10px, 113px) [col-end]) [center-end] minmax(10px , 1fr) [full-end];
    grid-template-columns: [full-start] minmax(calc(10px + 60px), 1fr) [center-start] repeat(12, [col-start] minmax(10px, 113px) [col-end]) [center-end] minmax(10px , 1fr) [full-end];
    grid-template-columns: [full-start] minmax(calc(var(--global-padding-h) + 60px), 1fr) [center-start] repeat(12, [col-start] minmax(10px, 113px) [col-end]) [center-end] minmax(var(--global-padding-h) , 1fr) [full-end]
  }
}
@media (min-width:720px) and (min-width:1300px) {

  .g-layout {
      grid-template-columns: [full-start] minmax(calc(10px + 80px), 1fr) [center-start] repeat(12, [col-start] minmax(10px, 113px) [col-end]) [center-end] minmax(10px , 1fr) [full-end];
      grid-template-columns: [full-start] minmax(calc(10px + 80px), 1fr) [center-start] repeat(12, [col-start] minmax(10px, 113px) [col-end]) [center-end] minmax(10px , 1fr) [full-end];
      grid-template-columns: [full-start] minmax(calc(var(--global-padding-h) + 80px), 1fr) [center-start] repeat(12, [col-start] minmax(10px, 113px) [col-end]) [center-end] minmax(var(--global-padding-h) , 1fr) [full-end]
  }
    }
@media (min-width:720px) {

    .g-layout__box {
      /* background-color:#99ccff; */
      grid-column: center-start / center-end;
    }

      .g-layout__box--fluid {
        /* background-color:grey; */
        grid-column: full-start/full-end;
      }

      .g-layout__box--left {
        /* background-color:blanchedalmond; */
        grid-column: full-start / center-end;
      }

      .g-layout__box--right {
        /* background-color: greenyellow; */
        grid-column: center-start / full-end;
      }
}
.f-layout {
  display        : -webkit-box;
  display        : -ms-flexbox;
  display        : flex;
  -webkit-box-orient      : horizontal;
  -webkit-box-direction      : normal;
      -ms-flex-flow      : row wrap;
          flex-flow      : row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align    : stretch;
      -ms-flex-align    : stretch;
          align-items    : stretch;
}
.f-layout__item {
    -webkit-box-flex: 1;
        -ms-flex: 1 320px;
            flex: 1 320px;
  }
.f-layout--reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-flow: row-reverse wrap;
            flex-flow: row-reverse wrap;
  }
.wrapper--small {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
  }
body #tarteaucitronRoot #tarteaucitronAlertBig {
    background-color: white;
    color           : #250044;
    color           : #250044;
    color           : var(--main-font-color);
    padding         : 20px 10px 16px;
  }
body #tarteaucitronRoot #tarteaucitronDisclaimerAlert {
    color: #250044;
    color: #250044;
    color: var(--main-font-color);
  }
body #tarteaucitronRoot button#tarteaucitronPersonalize,
  body #tarteaucitronRoot button.tarteaucitronAllow {
    display         : inline-block;
    position        : relative;
    padding         : 16px 25px;
    text-transform  : uppercase;
    text-decoration : none;
    font-size       : 1.4rem;
    letter-spacing  : 1px;
    font-weight     : 600;
    text-align      : center;
    border          : none;
    outline         : none;
    font-family     : 'circle';
    background-color: #ff0044;
    background-color: #ff0044;
    background-color: var(--primary-color);
    color           : #fff;
    color           : #fff;
    color           : var(--light-color);
    -webkit-box-shadow      : 4px 3px 30px rgba(255, 0, 68, .41);
            box-shadow      : 4px 3px 30px rgba(255, 0, 68, .41);
    -webkit-transform       : scale(.8);
            transform       : scale(.8);
  }
body #tarteaucitronRoot #tarteaucitronCloseAlert,
  body #tarteaucitronRoot #tarteaucitronClosePanel {
    font-size     : 1.4rem;
    text-transform: uppercase;
    color         : #250044;
    color         : #250044;
    color         : var(--main-font-color);
    font-weight   : 600;
    letter-spacing: 1px;
    font-family   : 'circle';
    -webkit-transform     : scale(.8);
            transform     : scale(.8);
    outline       : none;
    -webkit-transition    : all 0.3s ease;
    transition    : all 0.3s ease
  }
body #tarteaucitronRoot #tarteaucitronCloseAlert:hover, body #tarteaucitronRoot #tarteaucitronClosePanel:hover {
      color: #ff0044;
      color: #ff0044;
      color: var(--primary-color);
    }
/* overflow: hidden !important; */
body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronMainLineOffset {
        background-color: #250044;
        background-color: #250044;
        background-color: var(--accent-color-2);
        border          : none;
      }
body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronBorder {
        border: none;
      }
body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronInfo {
        background: transparent;
        border    : none;
      }
body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronH1 {
        font-family   : 'blogger' !important;
        font-size     : 2.4rem;
        font-weight   : 600;
        letter-spacing: 1px;
      }
body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine {
        background-color: #fcba28;
        background-color: #fcba28;
        background-color: var(--accent-color-1);
      }
body #tarteaucitronRoot #tarteaucitronClosePanel {
    background-color: transparent;
  }
body #tarteaucitronRoot .tarteaucitronHidden {
    padding: 0 20px;
  }
.slick-dots button{

    border: none;
    width: 10px;
    height: 10px;
    background-color: #250044;
    background-color: #250044;
    background-color: var(--marine-color);
    font-size: 0;
    display: block;
    padding: 0;
    text-indent: 99999px;
    margin: 10px;
    border-radius: 50%;
    outline: none

    }
.slick-dots button:hover{
        cursor: pointer;
    }
.slick-dots .slick-active button{
            background-color: #ff0044;
            background-color: #ff0044;
            background-color: var(--primary-color);

        }
.js-slider-dots {
    outline: none;
}
.modal-open {
  overflow: hidden;
  height  : 100%;
}
#contentWrapper {
  display: unset;
}
#tarteaucitronManager {
  display: none;
}
/***
* Reset CSS
*/
#tarteaucitronRoot a,
#tarteaucitronRoot abbr,
#tarteaucitronRoot acronym,
#tarteaucitronRoot address,
#tarteaucitronRoot applet,
#tarteaucitronRoot article,
#tarteaucitronRoot aside,
#tarteaucitronRoot audio,
#tarteaucitronRoot b,
#tarteaucitronRoot big,
#tarteaucitronRoot blockquote,
#tarteaucitronRoot canvas,
#tarteaucitronRoot caption,
#tarteaucitronRoot center,
#tarteaucitronRoot cite,
#tarteaucitronRoot code,
#tarteaucitronRoot dd,
#tarteaucitronRoot del,
#tarteaucitronRoot details,
#tarteaucitronRoot dfn,
#tarteaucitronRoot div,
#tarteaucitronRoot dl,
#tarteaucitronRoot dt,
#tarteaucitronRoot em,
#tarteaucitronRoot embed,
#tarteaucitronRoot fieldset,
#tarteaucitronRoot figcaption,
#tarteaucitronRoot figure,
#tarteaucitronRoot footer,
#tarteaucitronRoot form,
#tarteaucitronRoot h1,
#tarteaucitronRoot h2,
#tarteaucitronRoot h3,
#tarteaucitronRoot h4,
#tarteaucitronRoot h5,
#tarteaucitronRoot h6,
#tarteaucitronRoot header,
#tarteaucitronRoot hgroup,
#tarteaucitronRoot i,
#tarteaucitronRoot iframe,
#tarteaucitronRoot img,
#tarteaucitronRoot ins,
#tarteaucitronRoot kbd,
#tarteaucitronRoot label,
#tarteaucitronRoot legend,
#tarteaucitronRoot li,
#tarteaucitronRoot mark,
#tarteaucitronRoot menu,
#tarteaucitronRoot nav,
#tarteaucitronRoot object,
#tarteaucitronRoot ol,
#tarteaucitronRoot output,
#tarteaucitronRoot p,
#tarteaucitronRoot pre,
#tarteaucitronRoot q,
#tarteaucitronRoot ruby,
#tarteaucitronRoot s,
#tarteaucitronRoot samp,
#tarteaucitronRoot section,
#tarteaucitronRoot small,
#tarteaucitronRoot span,
#tarteaucitronRoot strike,
#tarteaucitronRoot strong,
#tarteaucitronRoot sub,
#tarteaucitronRoot summary,
#tarteaucitronRoot sup,
#tarteaucitronRoot table,
#tarteaucitronRoot tbody,
#tarteaucitronRoot td,
#tarteaucitronRoot tfoot,
#tarteaucitronRoot th,
#tarteaucitronRoot thead,
#tarteaucitronRoot time,
#tarteaucitronRoot tr,
#tarteaucitronRoot tt,
#tarteaucitronRoot u,
#tarteaucitronRoot ul,
#tarteaucitronRoot var,
#tarteaucitronRoot video {
  margin        : 0;
  padding       : 0;
  border        : 0;
  font-size     : 100%;
  font          : inherit;
  vertical-align: baseline;
  /*background: initial;*/
  text-align    : left;
  text-align    : initial;
  text-shadow   : none;
  text-shadow   : initial;
}
/* HTML5 display-role reset for older browsers */
#tarteaucitronRoot article,
#tarteaucitronRoot aside,
#tarteaucitronRoot details,
#tarteaucitronRoot figcaption,
#tarteaucitronRoot figure,
#tarteaucitronRoot footer,
#tarteaucitronRoot header,
#tarteaucitronRoot hgroup,
#tarteaucitronRoot menu,
#tarteaucitronRoot nav,
#tarteaucitronRoot section {
  display: block;
}
#tarteaucitronRoot ol,
#tarteaucitronRoot ul {
  list-style: none;
}
#tarteaucitronRoot blockquote,
#tarteaucitronRoot q {
  quotes: none;
}
#tarteaucitronRoot blockquote:after,
#tarteaucitronRoot blockquote:before,
#tarteaucitronRoot q:after,
#tarteaucitronRoot q:before {
  content: '';
  content: none;
}
#tarteaucitronRoot table {
  border-collapse: collapse;
  border-spacing : 0;
}
#tarteaucitronRoot a:focus,
#tarteaucitronRoot button:focus {
  /*outline: 2px solid #cb3333;*/
}
/***
 * Better scroll management
 */
div#tarteaucitronMainLineOffset {
  margin-top: 0!important;
}
div#tarteaucitronServices {
  margin-top: 21px!important;
}
#tarteaucitronServices::-webkit-scrollbar {
  width: 5px;
}
#tarteaucitronServices::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0);
}
#tarteaucitronServices::-webkit-scrollbar-thumb {
  background-color: #ddd;
  outline         : 0 solid slategrey;
}
div#tarteaucitronServices {
  -webkit-box-shadow: 0 0 35px #575757;
          box-shadow: 0 0 35px #575757;
}
/***
 * Responsive layout for the control panel
 */
@media screen and (max-width:479px) {
  #tarteaucitron .tarteaucitronLine .tarteaucitronName {
    width: 90% !important;
  }

  #tarteaucitron .tarteaucitronLine .tarteaucitronAsk {
    float : left !important;
    margin: 10px 15px 5px;
  }
}
@media screen and (max-width:767px) {
  #tarteaucitron,
  #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer {
    background: #fff;
    border    : 0 !important;
    bottom    : 0 !important;
    height    : 100% !important;
    left      : 0 !important;
    margin    : 0 !important;
    max-height: 100% !important;
    max-width : 100% !important;
    top       : 0 !important;
    width     : 100% !important;
  }

  #tarteaucitron .tarteaucitronBorder {
    border: 0 !important;
  }

  #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList {
    border: 0 !important;
  }

  #tarteaucitron #tarteaucitronServices .tarteaucitronTitle {
    text-align: left !important;
  }

  .tarteaucitronName .tarteaucitronH2 {
    max-width: 80%;
  }

  #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk {
    text-align: center !important;
  }

  #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk button {
    margin-bottom: 5px;
  }
}
@media screen and (min-width:768px) and (max-width:991px) {
  #tarteaucitron {
    border    : 0 !important;
    left      : 0 !important;
    margin    : 0 5% !important;
    max-height: 80% !important;
    width     : 90% !important;
  }
}
/***
 * Common value
 */
#tarteaucitron * {
  zoom: 1;
}
#tarteaucitronRoot div#tarteaucitron {
  left  : 0;
  right : 0;
  margin: auto;
}
#tarteaucitronRoot button#tarteaucitronBack {
  background: #eee;
}
#tarteaucitron .clear {
  clear: both;
}
#tarteaucitron a {
  color          : rgb(66, 66, 66);
  font-size      : 11px;
  font-weight    : 700;
  text-decoration: none;
}
#tarteaucitronRoot button {
  background: transparent;
  border    : 0;
}
#tarteaucitronAlertBig a,
#tarteaucitronAlertBig strong,
#tarteaucitronAlertSmall a,
#tarteaucitronAlertSmall strong {
  color: #fff;
}
#tarteaucitron strong {
  font-size  : 22px;
  font-weight: 500;
}
#tarteaucitron ul {
  padding: 0;
}
#tarteaucitron .tarteaucitronH1,
#tarteaucitron .tarteaucitronH2,
#tarteaucitron .tarteaucitronH3,
#tarteaucitron .tarteaucitronH4,
#tarteaucitron .tarteaucitronH5,
#tarteaucitron .tarteaucitronH6 {
  display: block;
}
.cookie-list {
  list-style: none;
  padding   : 0;
  margin    : 0;
}
/***
 * Root div added just before </body>
 */
#tarteaucitronRoot {
  left    : 0;
  position: absolute;
  right   : 0;
  top     : 0;
  width   : 100%;
}
#tarteaucitronRoot * {
  -webkit-box-sizing    : content-box;
          box-sizing    : content-box;
  -webkit-box-sizing    : initial;
          box-sizing    : initial;
  color         : #333;
  font-family   : sans-serif !important;
  font-size     : 14px;
  line-height   : normal;
  vertical-align: baseline;
  vertical-align: initial;
}
#tarteaucitronRoot .tarteaucitronH1 {
  font-size : 1.5em;
  text-align: center;
  color     : #fff;
  margin    : 15px 0 28px;
}
#tarteaucitronRoot .tarteaucitronH2 {
  display: inline-block;
  margin : 12px 0 0 10px;
  color  : #fff;
}
#tarteaucitronCookiesNumberBis.tarteaucitronH2 {
  margin-left: 0;
}
/***
 * Control panel
 */
#tarteaucitronBack {
  background: #fff;
  display   : none;
  height    : 100%;
  left      : 0;
  opacity   : 0.7;
  position  : fixed;
  top       : 0;
  width     : 100%;
  z-index   : 2147483646;
}
#tarteaucitron {
  display   : none;
  max-height: 80%;
  left      : 50%;
  margin    : 0 auto 0 -430px;
  padding   : 0;
  position  : fixed;
  top       : 6%;
  width     : 860px;
  z-index   : 2147483647;
}
#tarteaucitron .tarteaucitronBorder {
  background: #fff;
  border    : 2px solid #333;
  border-top: 0;
  height    : auto;
  overflow  : auto;
}
#tarteaucitron #tarteaucitronClosePanel,
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronClosePanelCookie {
  background     : #333333;
  color          : #fff;
  cursor         : pointer;
  font-size      : 12px;
  font-weight    : 700;
  text-decoration: none;
  padding        : 4px 0;
  position       : absolute;
  right          : 0;
  text-align     : center;
  width          : 70px;
}
#tarteaucitron #tarteaucitronDisclaimer {
  color    : #555;
  font-size: 12px;
  margin   : 15px auto 0;
  width    : 80%;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronHidden,
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronHidden,
.tarteaucitronSelfLink {
  background: rgba(51, 51, 51, 0.07);
}
a.tarteaucitronSelfLink {
  text-align: center!important;
  padding   : 7px!important !important;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronHidden {
  display : none;
  position: relative;
}
#tarteaucitronCookiesList .tarteaucitronH3.tarteaucitronTitle {
  width     : 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#tarteaucitron #tarteaucitronInfo,
#tarteaucitron #tarteaucitronServices .tarteaucitronDetails,
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle button,
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle {
  color      : #fff;
  display    : inline-block;
  font-size  : 14px;
  font-weight: 700;
  margin     : 20px 0 0;
  padding    : 5px 20px;
  text-align : left;
  width      : auto;
  background : #333;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName a,
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle a {
  color      : #fff;
  font-weight: 500;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName a:hover,
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle a:hover {
  text-decoration: none !important;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName a {
  font-size: 22px;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle a {
  font-size: 14px;
}
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle {
  padding: 5px 10px;
  margin : 0;
}
#tarteaucitron #tarteaucitronInfo,
#tarteaucitron #tarteaucitronServices .tarteaucitronDetails {
  color      : #fff;
  display    : none;
  font-size  : 12px;
  font-weight: 500;
  margin-top : 0;
  max-width  : 270px;
  padding    : 20px;
  position   : absolute;
  z-index    : 2147483647;
}
#tarteaucitron #tarteaucitronInfo a {
  color          : #fff;
  text-decoration: underline;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronLine:hover {
  background: rgba(51, 51, 51, 0.2);
}
#tarteaucitron #tarteaucitronServices .tarteaucitronLine {
  background : rgba(51, 51, 51, 0.1);
  border-left: 5px solid transparent;
  margin     : 0;
  overflow   : hidden;
  padding    : 15px 5px;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed {
  border-color: #1B870B;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied {
  border-color: #9C1A1A;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {
  background   : #333;
  border       : 3px solid #333;
  border-left  : 9px solid #333;
  border-top   : 5px solid #333;
  margin-bottom: 0;
  margin-top   : 21px;
  position     : relative;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine:hover {
  background: #333;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName {
  margin-left: 15px;
  margin-top : 2px;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName button {
  color: #fff;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronAsk {
  margin-top: 0 !important;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName {
  display    : inline-block;
  float      : left;
  margin-left: 10px;
  text-align : left;
  width      : 50%;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName a:hover {
  text-decoration: underline;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk {
  display   : inline-block;
  float     : right;
  margin    : 7px 15px 0;
  text-align: right;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny,
.tac_activate .tarteaucitronAllow {
  background     : gray;
  border-radius  : 4px;
  color          : #fff;
  cursor         : pointer;
  display        : inline-block;
  padding        : 6px 10px;
  text-align     : center;
  text-decoration: none;
  width          : auto;
  border         : 0;
}
#tarteaucitron #tarteaucitronServices #tarteaucitronAllAllowed.tarteaucitronIsSelected {
  background-color: #1B870B;
  opacity         : 1;
}
#tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied.tarteaucitronIsSelected {
  background-color: #9C1A1A;
  opacity         : 1;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAllow {
  background-color: #1B870B;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied .tarteaucitronDeny {
  background-color: #9C1A1A;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName .tarteaucitronListCookies {
  color    : #333;
  font-size: 12px;
}
#tarteaucitron .tarteaucitronH3 {
  font-size: 18px;
}
#tarteaucitron #tarteaucitronMainLineOffset .tarteaucitronName {
  width      : auto!important;
  margin-left: 0!important;
  font-size  : 14px;
}
/***
 * Big alert
 */
.tarteaucitronAlertBigTop {
  top: 0;
}
.tarteaucitronAlertBigBottom {
  bottom: 0;
}
#tarteaucitronRoot #tarteaucitronAlertBig {
  background: #333;
  color     : #fff;
  display   : none;
  font-size : 15px !important;
  left      : 0;
  position  : fixed;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  z-index   : 2147483645;
  text-align: center;
  padding   : 10px;
  margin    : auto;
  width     : 100%;
}
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert,
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong,
#tarteaucitronAlertBig #tarteaucitronPrivacyUrl,
#tarteaucitronAlertBig #tarteaucitronPrivacyUrlDialog {
  font : 15px verdana;
  color: #fff;
}
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong {
  font-weight: 700;
}
#tarteaucitronAlertBig #tarteaucitronPrivacyUrl,
#tarteaucitronAlertBig #tarteaucitronPrivacyUrlDialog {
  cursor: pointer;
}
#tarteaucitron #tarteaucitronPrivacyUrl,
#tarteaucitron #tarteaucitronPrivacyUrlDialog,
#tarteaucitronAlertBig #tarteaucitronCloseAlert,
#tarteaucitronAlertBig #tarteaucitronPersonalize {
  background     : #008300;
  color          : #fff;
  cursor         : pointer;
  display        : inline-block;
  font-size      : 16px;
  padding        : 5px 10px;
  text-decoration: none;
  margin-left    : 7px;
}
#tarteaucitron #tarteaucitronPrivacyUrl,
#tarteaucitron #tarteaucitronPrivacyUrlDialog,
#tarteaucitronAlertBig #tarteaucitronCloseAlert {
  background   : #fff;
  color        : #333;
  font-size    : 13px;
  margin-bottom: 3px;
  margin-left  : 7px;
  padding      : 4px 10px;
}
#tarteaucitronPercentage {
  background: #0A0!important;
  -webkit-box-shadow: 0 0 2px #fff, 0 1px 2px #555;
          box-shadow: 0 0 2px #fff, 0 1px 2px #555;
  height    : 5px;
  left      : 0;
  position  : fixed;
  width     : 0;
  z-index   : 2147483644;
}
/***
 * Small alert
 */
.tarteaucitronAlertSmallBottom,
.tarteaucitronAlertSmallTop {
  bottom: 0;
}
#tarteaucitronAlertSmall {
  background: #333;
  display   : none;
  padding   : 0;
  position  : fixed;
  right     : 0;
  text-align: center;
  width     : auto;
  z-index   : 2147483646;
}
#tarteaucitronAlertSmall #tarteaucitronManager {
  color    : #fff;
  cursor   : pointer;
  display  : inline-block;
  font-size: 11px !important;
  padding  : 8px 10px;
}
#tarteaucitronAlertSmall #tarteaucitronManager:hover {
  background: rgba(255, 255, 255, 0.05);
}
#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot {
  background-color: gray;
  border-radius   : 5px;
  display         : block;
  height          : 8px;
  margin-bottom   : 1px;
  margin-top      : 5px;
  overflow        : hidden;
  width           : 100%;
}
#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotGreen,
#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotRed,
#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotYellow {
  display: block;
  float  : left;
  height : 100%;
  width  : 0;
}
#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotGreen {
  background-color: #1B870B;
}
#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotYellow {
  background-color: #FBDA26;
}
#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotRed {
  background-color: #9C1A1A;
}
#tarteaucitronAlertSmall #tarteaucitronCookiesNumber {
  background    : rgba(255, 255, 255, 0.2);
  color         : #fff;
  cursor        : pointer;
  display       : inline-block;
  font-size     : 30px;
  padding       : 0 10px;
  vertical-align: top;
}
#tarteaucitronAlertSmall #tarteaucitronCookiesNumber:hover {
  background: rgba(255, 255, 255, 0.3);
}
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer {
  display   : none;
  max-height: 70%;
  max-width : 500px;
  position  : fixed;
  right     : 0;
  width     : 100%;
}
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList {
  background: #fff;
  border    : 2px solid #333;
  color     : #333;
  font-size : 11px;
  height    : auto;
  overflow  : auto;
  text-align: left;
}
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList strong {
  color: #333;
}
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesTitle {
  background: #333;
  margin-top: 21px;
  padding   : 13px 0 9px 13px;
  text-align: left;
}
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesTitle strong {
  color    : #fff;
  font-size: 16px;
}
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain {
  background: rgba(51, 51, 51, 0.1);
  padding   : 7px 5px 10px;
  word-wrap : break-word;
}
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain:hover {
  background: rgba(51, 51, 51, 0.2);
}
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain a {
  color          : #333;
  text-decoration: none;
}
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListLeft {
  display: inline-block;
  width  : 50%;
}
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListLeft a strong {
  color: darkred;
}
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListRight {
  color         : #333;
  display       : inline-block;
  font-size     : 11px;
  margin-left   : 10%;
  vertical-align: top;
  width         : 30%;
}
/***
 * Fallback activate link
 */
.tac_activate {
  background : #333;
  color      : #fff;
  display    : table;
  font-size  : 12px;
  height     : 100%;
  line-height: normal;
  line-height: initial;
  margin     : auto;
  text-align : center;
  width      : 100%;
}
.tac_float {
  display       : table-cell;
  text-align    : center;
  vertical-align: middle;
}
.tac_activate .tac_float strong {
  color: #fff;
}
.tac_activate .tac_float .tarteaucitronAllow {
  background-color: #1B870B;
  display         : inline-block;
}
/***
 * CSS for services
 */
ins.adsbygoogle,
ins.ferank-publicite {
  text-decoration: none;
}
div.amazon_product {
  height: 240px;
  width : 120px;
}
.tarteaucitronIsAllowed .tarteaucitronDeny {
  opacity: 0.4!important;
}
.tarteaucitronIsDenied .tarteaucitronAllow {
  opacity: 0.4!important;
}
.tarteaucitronIsAllowed .tarteaucitronAllow {
  opacity: 1!important;
}
.tarteaucitronIsDenied .tarteaucitronDeny {
  opacity: 1!important;
}
.tarteaucitronLine .tarteaucitronAllow,
.tarteaucitronLine .tarteaucitronDeny {
  opacity: 0.4;
}
div#tarteaucitronInfo {
  display      : block!important;
  position     : relative !important;
  text-align   : center!important;
  max-width    : 80%!important;
  padding      : 15px 0!important !important;
  margin       : -10px auto 40px!important !important;
  font-size    : 1em!important;
  border-bottom: 1px solid;
  border-top   : 1px solid;
  border-color : #555;
}
a.tarteaucitronSelfLink {
  position      : absolute;
  left          : 0;
  right         : 0;
  padding-top   : 13px!important;
  display       : block;
  text-shadow   : 0 0 14px white;
  text-transform: uppercase;
}
.tarteaucitronMainLine .tarteaucitronH2 {
  font-size : 1.2em!important;
  margin-top: 4px!important;
}
span.tarteaucitronTitle.tarteaucitronH3 {
  margin-top: 12px!important;
}
form select{
        max-width:320px;
    }
/*Slim select*/
/* .js-filter  .ss-content .ss-list .ss-option {
    padding: 16px 20px;
  }

  .js-filter  .ss-main .ss-multi-selected {
    padding: 10px 0 10px 3px;
  }
   */
.full-width {
  width    : 100%;
  max-width: 100%;
}
.bandeau {
  position: relative;
  padding : 120px 0
}
.bandeau:after {
    content         : '';
    position        : absolute;
    width           : 100vw;
    height          : 100%;
    background-color: #fcf7ef;
    background-color: #fcf7ef;
    background-color: var(--sand-color);
    left            : 50%;
    top             : 50%;
    -webkit-transform       : translate(-50%, -50%);
            transform       : translate(-50%, -50%);
    z-index         : -1;
  }
.text--uc {
  text-transform: uppercase;
}
.plyr {
  --plyr-color-main : var(--primary-color);
}
.plyr.plyr--stopped .plyr__controls { 
  display: none
 }
/*
.plyr--video {
  width        : 100%;
}

.plyr--video.half {
  max-width: 50%;
}
*/
.js-contact-forms-wrapper > div.wpcf7,
.js-contact-forms-wrapper > div.hbspt-form-container {
  display  : none;
  margin   : 0 auto;
  max-width: 920px;
}
.js-contact-forms-wrapper > div.wpcf7.active,
.js-contact-forms-wrapper > div.hbspt-form-container.active {
  display: block;
}
@media (min-width:720px) {
  .bg-image-multiple {
    /*double*/
    background-size    : cover !important;
    background-position: left top, right, top !important;
    background-repeat  : no-repeat !important;
    z-index            : -3;
  }

  .max-w-460 {
    max-width: 460px;
  }

  .max-w-container {
    width: 100%;
    max-width: 1366px;
    max-width: 1366px;
    max-width: var(--wrapper-width);
    padding-left: calc(10px + 60px);
    padding-left: calc(10px + 60px);
    padding-left: calc(var(--global-padding-h) + 60px);
    padding-right: 10px;
    padding-right: 10px;
    padding-right: var(--global-padding-h);
  }

  .center-auto {
    margin: 0 auto;
  }
}
.form__container {
  width: 100%;
  display: grid
}
@media (min-width: 1000px) {
.form__container {
    grid-template-columns: 300px 1fr;
    grid-gap: var(--spacing)
}
  }
/* .wpcf7--light.g-layout__box {
  padding-top: 0;
  padding-bottom: 0;
} */
.wpcf7 {
  /* padding  : 20px; */
  width: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.wpcf7__wrapper {
    display: grid;
    grid-template-columns: 100%;
    grid-gap: 20px
  }
@media (min-width: 900px) {

  .wpcf7__wrapper {
      grid-gap: 40px
  }
    }
@media (min-width: 600px) {

  .wpcf7__wrapper {
      grid-template-columns: repeat(2, 1fr)
  }
    }
.wpcf7__item--btn input {
        cursor: pointer;
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;
        border-radius: 0;
      }
.wpcf7__item--btn::after {
        content: "";
        background-image: url("assets/images/icons/arrow--yellow.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        width: 26px;
        height: 26px;
        display: block;
        position: absolute;
        left: 20px;
        top: 50%;
        z-index: 1;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        pointer-events: none;
      }
.wpcf7__item--file label {
        position: relative;
        width: 100%;
        border: solid red;
        font-family: "circle";
        font-size: 1.6rem;
        line-height: 3rem;
      }
.wpcf7__item--file .wpcf7-form-control-wrap,
      .wpcf7__item--file input[type="file"] {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
      }
.wpcf7__item.full-width {
      grid-column: 1 / -1;
    }
.wpcf7 input[type="text"],
  .wpcf7 input[type="email"],
  .wpcf7 input[type="tel"],
  .wpcf7 textarea,
  .wpcf7 .wpcf7__item--file label {
    width: 100%;
    display: block;
    padding: 15px 20px;
    background-color: #4b266a;
    background-color: #4b266a;
    background-color: var(--bg-field-color);
    color: #fff;
    color: #fff;
    color: var(--light-color);
    border: none;
    outline: none;
    margin: 0 0;
    -webkit-transition: border 0.3s;
    transition: border 0.3s
  }
.wpcf7 input[type="text"]::-moz-placeholder, .wpcf7 input[type="email"]::-moz-placeholder, .wpcf7 input[type="tel"]::-moz-placeholder, .wpcf7 textarea::-moz-placeholder, .wpcf7 .wpcf7__item--file label::-moz-placeholder {
      font-weight: 100;
      font-family: "circle";
      color: #fff;
      color: #fff;
      color: var(--light-color);
      opacity: 0.5;
    }
.wpcf7 input[type="text"]:-ms-input-placeholder, .wpcf7 input[type="email"]:-ms-input-placeholder, .wpcf7 input[type="tel"]:-ms-input-placeholder, .wpcf7 textarea:-ms-input-placeholder, .wpcf7 .wpcf7__item--file label:-ms-input-placeholder {
      font-weight: 100;
      font-family: "circle";
      color: #fff;
      color: #fff;
      color: var(--light-color);
      opacity: 0.5;
    }
input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, .wpcf7__item--file label::-webkit-input-placeholder {
      font-weight: 100;
      font-family: "circle";
      color: #fff;
      color: #fff;
      color: var(--light-color);
      opacity: 0.5;
    }
input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, textarea::-moz-placeholder, .wpcf7__item--file label::-moz-placeholder {
      font-weight: 100;
      font-family: "circle";
      color: #fff;
      color: #fff;
      color: var(--light-color);
      opacity: 0.5;
    }
input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, textarea:-ms-input-placeholder, .wpcf7__item--file label:-ms-input-placeholder {
      font-weight: 100;
      font-family: "circle";
      color: #fff;
      color: #fff;
      color: var(--light-color);
      opacity: 0.5;
    }
input[type="text"]::-ms-input-placeholder, input[type="email"]::-ms-input-placeholder, input[type="tel"]::-ms-input-placeholder, textarea::-ms-input-placeholder, .wpcf7__item--file label::-ms-input-placeholder {
      font-weight: 100;
      font-family: "circle";
      color: #fff;
      color: #fff;
      color: var(--light-color);
      opacity: 0.5;
    }
.wpcf7 input[type="text"]::placeholder, .wpcf7 input[type="email"]::placeholder, .wpcf7 input[type="tel"]::placeholder, .wpcf7 textarea::placeholder, .wpcf7 .wpcf7__item--file label::placeholder {
      font-weight: 100;
      font-family: "circle";
      color: #fff;
      color: #fff;
      color: var(--light-color);
      opacity: 0.5;
    }
.wpcf7 select {
    display: none;
    /*select.js in use*/
    width: 100%;
  }
.wpcf7 input[type="checkbox"] {
    color: #fff;
    color: #fff;
    color: var(--light-color);
    position: absolute;
    pointer-events: none;
    opacity: 0
  }
.wpcf7 input[type="checkbox"] + .wpcf7-list-item-label {
      position: relative;
      display: block;
      padding-left: 50px;
      font-size: 0.8em;
      line-height: 1;
      cursor: pointer
    }
@media (min-width: 700px) {

    .wpcf7 input[type="checkbox"] + .wpcf7-list-item-label {
        width: 80%
    }
      }
.wpcf7 input[type="checkbox"] + .wpcf7-list-item-label::before {
        content: "";
        position: absolute;
        top: 5px;
        left: -5px;
        display: block;
        width: 40px;
        height: 20px;
        border-radius: 50px;
        background-color: #f4f2f5;
      }
.wpcf7 input[type="checkbox"] + .wpcf7-list-item-label::after {
        content: "";
        position: absolute;
        top: 7px;
        left: -3px;
        display: block;
        width: 16px;
        height: 16px;
        border-radius: 50px;
        background-color: #ff0044;
        background-color: #ff0044;
        background-color: var(--primary-color);
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
      }
.wpcf7 input[type="checkbox"]:checked + .wpcf7-list-item-label::after {
          background-color: #25b3c3;
          background-color: #25b3c3;
          background-color: var(--secondary-color);
          left: 16px;
        }
.bg-accent-color .wpcf7 input[type="checkbox"] + .wpcf7-list-item-label {
        color: white
      }
.bg-accent-color .wpcf7 input[type="checkbox"] + .wpcf7-list-item-label:before {
          background-color: #4b266a;
          background-color: #4b266a;
          background-color: var(--bg-field-color);
        }
.wpcf7__drag-drop {
    color: #fff;
    color: #fff;
    color: var(--light-color);
  }
.wpcf7__drag-drop a {
      color: inherit;
      text-decoration: none;
    }
/* h2 {
      color: var(--primary-color);
    } */
.wpcf7--light input[type="text"],
    .wpcf7--light input[type="email"],
    .wpcf7--light input[type="tel"],
    .wpcf7--light textarea,
    .wpcf7--light .wpcf7__item--file label {
      background-color: #f6f4f7;
      color: var(--font-main-color)
    }
.wpcf7--light input[type="text"]::-moz-placeholder, .wpcf7--light input[type="email"]::-moz-placeholder, .wpcf7--light input[type="tel"]::-moz-placeholder, .wpcf7--light textarea::-moz-placeholder, .wpcf7--light .wpcf7__item--file label::-moz-placeholder {
        color: var(--font-main-color) !important;
      }
.wpcf7--light input[type="text"]:-ms-input-placeholder, .wpcf7--light input[type="email"]:-ms-input-placeholder, .wpcf7--light input[type="tel"]:-ms-input-placeholder, .wpcf7--light textarea:-ms-input-placeholder, .wpcf7--light .wpcf7__item--file label:-ms-input-placeholder {
        color: var(--font-main-color) !important;
      }
input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, .wpcf7__item--file label::-webkit-input-placeholder {
        color: var(--font-main-color) !important;
      }
input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, textarea::-moz-placeholder, .wpcf7__item--file label::-moz-placeholder {
        color: var(--font-main-color) !important;
      }
input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, textarea:-ms-input-placeholder, .wpcf7__item--file label:-ms-input-placeholder {
        color: var(--font-main-color) !important;
      }
input[type="text"]::-ms-input-placeholder, input[type="email"]::-ms-input-placeholder, input[type="tel"]::-ms-input-placeholder, textarea::-ms-input-placeholder, .wpcf7__item--file label::-ms-input-placeholder {
        color: var(--font-main-color) !important;
      }
.wpcf7--light input[type="text"]::placeholder, .wpcf7--light input[type="email"]::placeholder, .wpcf7--light input[type="tel"]::placeholder, .wpcf7--light textarea::placeholder, .wpcf7--light .wpcf7__item--file label::placeholder {
        color: var(--font-main-color) !important;
      }
.wpcf7--light input[type="checkbox"] {
      color: black;
    }
/* .js-ptc-default-label {
      background-color: #f6f4f7;
      color: var(--font-main-color);
    } */
.wpcf7--light .js-ptc-value {
      background-color: #f6f4f7;
    }
.wpcf7--light .js-ptc-value * {
        color: var(--font-main-color);
      }
.wpcf7--light .js-ptc-value .wpcf7-list-item {
        border-bottom: 1px solid white
      }
.wpcf7--light .js-ptc-value .wpcf7-list-item:hover {
          background-color: #f3f3f3;
        }
.wpcf7--light .wpcf7__drag-drop {
      color: var(--font-main-color);
    }
.wpcf7--light .wpcf7__drag-drop .codedropz-upload-handler {
        border-color: var(--font-main-color);
      }
.wpcf7 p:empty {
    display: none !important;
  }
.wpcf7 .wpcf7-form-control-wrap {
    position: relative;
    display: block;
  }
/*CHANGE DEFAULT STYLE RULES TO A RESPONSE MESSAGE */
.wpcf7 form .wpcf7-response-output {
    /* Blue */
    border: none;
    color: #250044;
    color: #250044;
    color: var(--main-font-color);
    font-size: 1.4rem;
    margin: 0;
    padding: 0;
    margin-top: 20px;
  }
.bg-accent-color .wpcf7 form .wpcf7-response-output {
      color: white;
    }
.wpcf7 form.invalid .wpcf7-response-output {
    color: #ff0044;
    color: #ff0044;
    color: var(--primary-color);
  }
.wpcf7 form.sent .wpcf7-response-output {
    color: #25b3c3;
    color: #25b3c3;
    color: var(--secondary-color);
  }
.wpcf7__item {
  position: relative;
}
.wpcf7__item span[role="alert"] {
    position: absolute;
    left: 0;
    top: 100%;
  }
.wpcf7 form .wpcf7-not-valid-tip {
  font-size: 1.4rem;
  color: #ff0044;
  color: #ff0044;
  color: var(--primary-color);
}
.wpcf7--light .hbspt-form {
  --bg-field-color: #f6f4f7;
  color: var(--font-main-color);
}
.hbspt-form {
  color: white;
}
.wpcf7--light .hbspt-form-container .title {
      color: #ff0044;
      color: #ff0044;
      color: var(--primary-color);
    }
.hbspt-form form {
    display: grid;
    grid-template-columns: 100%;
    grid-gap: 20px
  }
.hbspt-form form > * {
      grid-column: 1 / -1;
    }
.hbspt-form form {

    /* End <form> */
  }
.hbspt-form form .form-columns-2 {
      display: grid;
      grid-template-columns: 100%;
      grid-gap: 20px
    }
@media (min-width: 900px) {

    .hbspt-form form .form-columns-2 {
        grid-gap: 40px
    }
      }
@media (min-width: 600px) {

    .hbspt-form form .form-columns-2 {
        grid-template-columns: repeat(2, 1fr)
    }
      }
.hbspt-form form fieldset {
      border: none;
      padding: 0;
      margin: 0;
      position: relative;
      max-width: none;
    }
.hbspt-form form fieldset .hs-field-desc {
        font-size: 1.4rem;
        opacity: 0.5;
        margin-top: -20px;
      }
.hbspt-form form fieldset .input {
        margin-right: 0 !important;
      }
.hbspt-form form fieldset .hs-form-field {
        width: 100% !important;
      }
.hbspt-form form fieldset .hs-input {
        width: 100% !important;
      }
.hbspt-form form h1 {
      display: none;
    }
.hbspt-form form div:not(.hs-fieldtype-date) input[type="text"],
    .hbspt-form form input[type="email"],
    .hbspt-form form input[type="tel"],
    .hbspt-form form select,
    .hbspt-form form textarea {
      width: 100%;
      max-width: none;
      display: block;
      padding: 15px 20px;
      background-color: #4b266a;
      background-color: #4b266a;
      background-color: var(--bg-field-color);
      color: #fff;
      color: #fff;
      color: var(--light-color);
      border: none;
      outline: none;
      margin: 0 0;
      -webkit-transition: border 0.3s;
      transition: border 0.3s;
    }
.wpcf7--light .hbspt-form form div:not(.hs-fieldtype-date) input[type="text"], .wpcf7--light .hbspt-form form input[type="email"], .wpcf7--light .hbspt-form form input[type="tel"], .wpcf7--light .hbspt-form form select, .wpcf7--light .hbspt-form form textarea {
        color: var(--font-main-color);
      }
.hbspt-form form div:not(.hs-fieldtype-date) input[type="text"]::-moz-placeholder, .hbspt-form form input[type="email"]::-moz-placeholder, .hbspt-form form input[type="tel"]::-moz-placeholder, .hbspt-form form select::-moz-placeholder, .hbspt-form form textarea::-moz-placeholder {
        font-weight: 100;
        font-family: "circle";
        color: #fff;
        color: #fff;
        color: var(--light-color);
        opacity: 0.5;
      }
.wpcf7--light .hbspt-form form div:not(.hs-fieldtype-date) input[type="text"]::-moz-placeholder, .wpcf7--light .hbspt-form form input[type="email"]::-moz-placeholder, .wpcf7--light .hbspt-form form input[type="tel"]::-moz-placeholder, .wpcf7--light .hbspt-form form select::-moz-placeholder, .wpcf7--light .hbspt-form form textarea::-moz-placeholder {
          color: var(--font-main-color);
        }
.hbspt-form form div:not(.hs-fieldtype-date) input[type="text"]:-ms-input-placeholder, .hbspt-form form input[type="email"]:-ms-input-placeholder, .hbspt-form form input[type="tel"]:-ms-input-placeholder, .hbspt-form form select:-ms-input-placeholder, .hbspt-form form textarea:-ms-input-placeholder {
        font-weight: 100;
        font-family: "circle";
        color: #fff;
        color: #fff;
        color: var(--light-color);
        opacity: 0.5;
      }
.wpcf7--light .hbspt-form form div:not(.hs-fieldtype-date) input[type="text"]:-ms-input-placeholder, .wpcf7--light .hbspt-form form input[type="email"]:-ms-input-placeholder, .wpcf7--light .hbspt-form form input[type="tel"]:-ms-input-placeholder, .wpcf7--light .hbspt-form form select:-ms-input-placeholder, .wpcf7--light .hbspt-form form textarea:-ms-input-placeholder {
          color: var(--font-main-color);
        }
div:not(.hs-fieldtype-date) input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
        font-weight: 100;
        font-family: "circle";
        color: #fff;
        color: #fff;
        color: var(--light-color);
        opacity: 0.5;
      }
div:not(.hs-fieldtype-date) input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {
        font-weight: 100;
        font-family: "circle";
        color: #fff;
        color: #fff;
        color: var(--light-color);
        opacity: 0.5;
      }
div:not(.hs-fieldtype-date) input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder {
        font-weight: 100;
        font-family: "circle";
        color: #fff;
        color: #fff;
        color: var(--light-color);
        opacity: 0.5;
      }
div:not(.hs-fieldtype-date) input[type="text"]::-ms-input-placeholder, input[type="email"]::-ms-input-placeholder, input[type="tel"]::-ms-input-placeholder, select::-ms-input-placeholder, textarea::-ms-input-placeholder {
        font-weight: 100;
        font-family: "circle";
        color: #fff;
        color: #fff;
        color: var(--light-color);
        opacity: 0.5;
      }
.hbspt-form form div:not(.hs-fieldtype-date) input[type="text"]::placeholder, .hbspt-form form input[type="email"]::placeholder, .hbspt-form form input[type="tel"]::placeholder, .hbspt-form form select::placeholder, .hbspt-form form textarea::placeholder {
        font-weight: 100;
        font-family: "circle";
        color: #fff;
        color: #fff;
        color: var(--light-color);
        opacity: 0.5;
      }
.wpcf7--light .hbspt-form form div:not(.hs-fieldtype-date) input[type="text"]::-webkit-input-placeholder, .wpcf7--light .hbspt-form form input[type="email"]::-webkit-input-placeholder, .wpcf7--light .hbspt-form form input[type="tel"]::-webkit-input-placeholder, .wpcf7--light .hbspt-form form select::-webkit-input-placeholder, .wpcf7--light .hbspt-form form textarea::-webkit-input-placeholder {
          color: var(--font-main-color);
        }
.wpcf7--light .hbspt-form form div:not(.hs-fieldtype-date) input[type="text"]::-moz-placeholder, .wpcf7--light .hbspt-form form input[type="email"]::-moz-placeholder, .wpcf7--light .hbspt-form form input[type="tel"]::-moz-placeholder, .wpcf7--light .hbspt-form form select::-moz-placeholder, .wpcf7--light .hbspt-form form textarea::-moz-placeholder {
          color: var(--font-main-color);
        }
.wpcf7--light .hbspt-form form div:not(.hs-fieldtype-date) input[type="text"]:-ms-input-placeholder, .wpcf7--light .hbspt-form form input[type="email"]:-ms-input-placeholder, .wpcf7--light .hbspt-form form input[type="tel"]:-ms-input-placeholder, .wpcf7--light .hbspt-form form select:-ms-input-placeholder, .wpcf7--light .hbspt-form form textarea:-ms-input-placeholder {
          color: var(--font-main-color);
        }
.wpcf7--light .hbspt-form form div:not(.hs-fieldtype-date) input[type="text"]::-ms-input-placeholder, .wpcf7--light .hbspt-form form input[type="email"]::-ms-input-placeholder, .wpcf7--light .hbspt-form form input[type="tel"]::-ms-input-placeholder, .wpcf7--light .hbspt-form form select::-ms-input-placeholder, .wpcf7--light .hbspt-form form textarea::-ms-input-placeholder {
          color: var(--font-main-color);
        }
.wpcf7--light .hbspt-form form div:not(.hs-fieldtype-date) input[type="text"]::placeholder, .wpcf7--light .hbspt-form form input[type="email"]::placeholder, .wpcf7--light .hbspt-form form input[type="tel"]::placeholder, .wpcf7--light .hbspt-form form select::placeholder, .wpcf7--light .hbspt-form form textarea::placeholder {
          color: var(--font-main-color);
        }
.hbspt-form form textarea {
      height: 300px;
      resize: none;
    }
.hbspt-form form select {
      /* display: none; */
      /*select.js in use*/
      width: 100%;
    }
.hbspt-form form fieldset .field > label {
        font-family: "blogger";
        font-size: 2.3rem;
        font-weight: 700;
        display: block;
        margin-bottom: 10px;
      }
.hbspt-form form fieldset .field > label .hs-form-required {
          display: inline-block;
          font-family: "circle";
          font-size: 1.4rem;
          color: #ff0044;
          color: #ff0044;
          color: var(--warning-color);
          font-weight: normal;
          margin-left: 6px;
          -webkit-transform: translate(0, -6px);
                  transform: translate(0, -6px);
        }
.hbspt-form form .hs-fieldtype-text,
    .hbspt-form form .hs-fieldtype-select,
    .hbspt-form form .hs-fieldtype-booleancheckbox,
    .hbspt-form form .hs-fieldtype-checkbox,
    .hbspt-form form .hs-fieldtype-file {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
.hbspt-form form .hs-fieldtype-text .js-filter, .hbspt-form form .hs-fieldtype-select .js-filter, .hbspt-form form .hs-fieldtype-booleancheckbox .js-filter, .hbspt-form form .hs-fieldtype-checkbox .js-filter, .hbspt-form form .hs-fieldtype-file .js-filter {
        -webkit-box-ordinal-group: 201;
            -ms-flex-order: 200;
                order: 200;
      }
.hbspt-form form .hs-fieldtype-file .input {
        position: relative;
      }
.hbspt-form form .hs-fieldtype-file .fake-btn {
        position: absolute;
        top: calc(50% + 2px);
        right: 40px;
        color: white;
        -webkit-transform: translate(0, -50%);
                transform: translate(0, -50%);
        min-width: auto;
      }
.wpcf7--light .hbspt-form form .hs-fieldtype-file .fake-btn {
          color: var(--font-main-color);
        }
.hbspt-form form .hs-fieldtype-file input[type="file"] {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
        opacity: 0;
      }
.hbspt-form form .hs-submit {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
.hbspt-form form .hs-submit .actions {
        position: relative
      }
.hbspt-form form .hs-submit .actions::after {
          content: "";
          background-image: url("assets/images/icons/arrow--yellow.svg");
          background-size: contain;
          background-repeat: no-repeat;
          background-position: center center;
          width: 26px;
          height: 26px;
          display: block;
          position: absolute;
          left: 20px;
          top: 50%;
          z-index: 1;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%);
          pointer-events: none;
        }
.hbspt-form form .hs-submit input.hs-button {
        cursor: pointer;
        display: inline-block;
        position: relative;
        padding: 16px 50px 16px 40px;
        min-width: 230px;
        text-transform: uppercase;
        text-decoration: none;
        font-size: 1.6rem;
        font-weight: 600;
        text-align: center;
        border: none;
        outline: none;
        font-family: "circle";
        background-color: #ff0044;
        background-color: #ff0044;
        background-color: var(--primary-color);
        color: #fff;
        color: #fff;
        color: var(--light-color);
        -webkit-box-shadow: 4px 3px 30px rgba(255, 0, 68, 0.41);
                box-shadow: 4px 3px 30px rgba(255, 0, 68, 0.41);
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease
      }
.hbspt-form form .hs-submit input.hs-button:hover {
          background-color: #25b3c3;
          background-color: #25b3c3;
          background-color: var(--secondary-color);
          -webkit-box-shadow: 4px 3px 30px rgba(37, 179, 195, 0.4);
                  box-shadow: 4px 3px 30px rgba(37, 179, 195, 0.4);
        }
.hbspt-form form .hs-fieldtype-file input {
      cursor: pointer;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
    }
/* Select */
.hbspt-form form .hs-fieldtype-select select {
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;
        cursor: pointer;
        background-image: url("assets/images/icons/arrow-bottom-small--white.svg");
        background-repeat: no-repeat;
        background-position: calc(100% - 20px) center;
        background-size: 16px;
      }
.wpcf7--light .hbspt-form form .hs-fieldtype-select select {
          background-image: url("assets/images/icons/arrow-bottom-small--text-color.svg");
        }
.hbspt-form form .hs-fieldtype-select .js-filter {
        margin-top: 0;
      }
.hbspt-form form .hs-fieldtype-select .js-filter .js-ptc-select-puce {
          margin-top: 10px;
          background-color: #25b3c3;
          background-color: #25b3c3;
          background-color: var(--secondary-color);
          -webkit-box-shadow: 4px 3px 30px rgba(37, 179, 195, 0.4);
                  box-shadow: 4px 3px 30px rgba(37, 179, 195, 0.4);
        }
.wpcf7--light .hbspt-form form .hs-fieldtype-select .js-filter .js-ptc-select-puce {
            background-color: #fcf7ef;
            background-color: #fcf7ef;
            background-color: var(--sand-color);
            -webkit-box-shadow: 4px 3px 20px rgba(0, 0, 0, 0.1);
                    box-shadow: 4px 3px 20px rgba(0, 0, 0, 0.1);
          }
.hbspt-form form .hs-fieldtype-select .js-filter .js-ptc-select-puce::after {
            opacity: 0.5;
          }
.hbspt-form form .hs-fieldtype-select .js-filter .js-ptc-select-puce:hover::after {
            opacity: 1;
          }
.hbspt-form form .js-ptc-select:after {
        content: "";
        position: absolute;
        right: 20px;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        display: block;
        width: 16px;
        height: 16px;
        background-image: url("assets/images/icons/arrow-bottom-small--text-color.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        pointer-events: none;
      }
/* .is-active & {
          transform: translateY(-50%) scaleY(-1);
        } */
.bg-accent-color .hbspt-form form .js-ptc-select:after {
          background-image: url("assets/images/icons/arrow-bottom-small--white.svg");
        }
/* Checkboxes Styles */
.hbspt-form form .hs-fieldtype-checkbox,
    .hbspt-form form .hs-fieldtype-booleancheckbox,
    .hbspt-form form .hs-fieldtype-radio {
      padding-bottom: 20px;
    }
.hbspt-form form .hs-fieldtype-checkbox ul:not(.hs-error-msgs), .hbspt-form form .hs-fieldtype-booleancheckbox ul:not(.hs-error-msgs), .hbspt-form form .hs-fieldtype-radio ul:not(.hs-error-msgs) {
        margin-top: 10px;
        margin-bottom: 10px;
      }
.hbspt-form form .hs-fieldtype-checkbox ul:not(.hs-error-msgs) li, .hbspt-form form .hs-fieldtype-booleancheckbox ul:not(.hs-error-msgs) li, .hbspt-form form .hs-fieldtype-radio ul:not(.hs-error-msgs) li {
          padding-left: 0
        }
.hbspt-form form .hs-fieldtype-checkbox ul:not(.hs-error-msgs) li:not(:last-child), .hbspt-form form .hs-fieldtype-booleancheckbox ul:not(.hs-error-msgs) li:not(:last-child), .hbspt-form form .hs-fieldtype-radio ul:not(.hs-error-msgs) li:not(:last-child) {
            margin-bottom: 6px;
          }
.hbspt-form form .hs-fieldtype-checkbox ul:not(.hs-error-msgs) li label input, .hbspt-form form .hs-fieldtype-booleancheckbox ul:not(.hs-error-msgs) li label input, .hbspt-form form .hs-fieldtype-radio ul:not(.hs-error-msgs) li label input {
              position: absolute;
              opacity: 0;
              -webkit-user-select: none;
                 -moz-user-select: none;
                  -ms-user-select: none;
                      user-select: none;
              pointer-events: none
            }
.hbspt-form form .hs-fieldtype-checkbox ul:not(.hs-error-msgs) li label input:checked + span::after, .hbspt-form form .hs-fieldtype-booleancheckbox ul:not(.hs-error-msgs) li label input:checked + span::after, .hbspt-form form .hs-fieldtype-radio ul:not(.hs-error-msgs) li label input:checked + span::after {
                  opacity: 1;
                  -webkit-transform: scale(1);
                          transform: scale(1);
                }
.hbspt-form form .hs-fieldtype-checkbox ul:not(.hs-error-msgs) li label span, .hbspt-form form .hs-fieldtype-booleancheckbox ul:not(.hs-error-msgs) li label span, .hbspt-form form .hs-fieldtype-radio ul:not(.hs-error-msgs) li label span {
              position: relative;
              display: block;
              padding-left: 30px;
              cursor: pointer
              /* color: rgba(255, 255, 255, 0.5);
              transition: all 0.3s ease; */
            }
.hbspt-form form .hs-fieldtype-checkbox ul:not(.hs-error-msgs) li label span::before,
              .hbspt-form form .hs-fieldtype-checkbox ul:not(.hs-error-msgs) li label span::after,
              .hbspt-form form .hs-fieldtype-booleancheckbox ul:not(.hs-error-msgs) li label span::before,
              .hbspt-form form .hs-fieldtype-booleancheckbox ul:not(.hs-error-msgs) li label span::after,
              .hbspt-form form .hs-fieldtype-radio ul:not(.hs-error-msgs) li label span::before,
              .hbspt-form form .hs-fieldtype-radio ul:not(.hs-error-msgs) li label span::after {
                content: "";
                position: absolute;
                top: 6px;
                left: 0;
                display: block;
                width: 20px;
                height: 20px;
                border-radius: 5px;
                background-color: #4b266a;
                background-color: #4b266a;
                background-color: var(--bg-field-color);
                -webkit-transition: all 0.3s ease;
                transition: all 0.3s ease;
              }
.hbspt-form form .hs-fieldtype-checkbox ul:not(.hs-error-msgs) li label span::after, .hbspt-form form .hs-fieldtype-booleancheckbox ul:not(.hs-error-msgs) li label span::after, .hbspt-form form .hs-fieldtype-radio ul:not(.hs-error-msgs) li label span::after {
                width: 12px;
                height: 12px;
                border: none;
                background-color: #25b3c3;
                background-color: #25b3c3;
                background-color: var(--secondary-color);
                -webkit-box-shadow: 3px 3px 10px rgba(37, 179, 195, 0.51);
                        box-shadow: 3px 3px 10px rgba(37, 179, 195, 0.51);

                text-align: 8px;
                top: 10px;
                left: 4px;
                border-radius: 3px;
                opacity: 0;
                -webkit-transform: scale(0.5);
                        transform: scale(0.5);
              }
/* Radio Styles */
.hbspt-form form .hs-fieldtype-radio ul:not(.hs-error-msgs) li label span::before {
        border-radius: 50%;
        top: 5px;
      }
.hbspt-form form .hs-fieldtype-radio ul:not(.hs-error-msgs) li label span::after {
        border-radius: 50%;
        width: 10px;
        height: 10px;
        left: 5px;
      }
/* Error messages*/
.hbspt-form form .hs-error-msgs {
      font-size: 1.4rem;
      color: #ff0044;
      color: #ff0044;
      color: var(--warning-color);
    }
/* Legal */
.hbspt-form form .legal-consent-container {
      padding-top: 30px;
      padding-bottom: 20px;
    }
.hbspt-form form .legal-consent-container p {
        font-size: 1.4rem;
        line-height: 1.7;
        opacity: 0.5;
      }
.hbspt-form form .legal-consent-container .hs-form-field {
        padding-bottom: 0;
      }
.hbspt-form form .legal-consent-container .hs-fieldtype-booleancheckbox ul li label {
        display: block;
      }
.hbspt-form form .legal-consent-container .hs-fieldtype-booleancheckbox ul li label input:checked + span::after {
            background-color: #25b3c3;
            background-color: #25b3c3;
            background-color: var(--secondary-color);
            left: 16px;
            -webkit-box-shadow: 3px 3px 10px rgba(37, 179, 195, 0.51);
                    box-shadow: 3px 3px 10px rgba(37, 179, 195, 0.51);
          }
.hbspt-form form .legal-consent-container .hs-fieldtype-booleancheckbox ul li label span {
          padding-left: 50px;
          margin-left: 0;
          position: relative
        }
.hbspt-form form .legal-consent-container .hs-fieldtype-booleancheckbox ul li label span::before {
            content: "";
            position: absolute;
            top: 5px;
            left: -5px;
            display: block;
            width: 40px;
            height: 20px;
            border-radius: 50px;
            background-color: #4b266a;
            background-color: #4b266a;
            background-color: var(--bg-field-color);
          }
.hbspt-form form .legal-consent-container .hs-fieldtype-booleancheckbox ul li label span::after {
            content: "";
            position: absolute;
            top: 7px;
            left: -3px;
            display: block;
            width: 16px;
            height: 16px;
            border-radius: 50px;
            background-color: #ff0044;
            background-color: #ff0044;
            background-color: var(--primary-color);
            -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
            -webkit-box-shadow: none;
                    box-shadow: none;
            -webkit-transform: none;
                    transform: none;
            opacity: 1;
          }
/* Recaptacha */
.hbspt-form form .hs-recaptcha {
      visibility: hidden;
      position: absolute;
    }
.hbspt-form .submitted-message {
    font-size: medium;
    font-size: initial;
    border: solid #25b3c3;
    border: solid #25b3c3;
    border: solid var(--success-color);
    color: white;
    background: #25b3c3;
    background: #25b3c3;
    background: var(--success-color);
    text-align: center;
    padding: 30px;
    -webkit-box-shadow: 3px 3px 10px rgba(37, 179, 195, 0.51);
            box-shadow: 3px 3px 10px rgba(37, 179, 195, 0.51);
  }
/* body {
  background-color: grey;
}

.block {
  display         : block;
  overflow        : hidden;
  background-color: orange;

  &--modifier {
    color: red;
  }

  &__element {
    color: green;

    &:hover {
      color: orange;

      & .test {
        display      : grid;
        grid-template: none;
      }
    }
  }
} */