/* WPML DROPDOWN */

.lang-nav {
  border-left: 1px solid #E6E6E6;
  margin-left: 2em;
  padding-left: 2em;
  transition: 200ms all ease;
  display: flex;
  align-items: center;
}
.lang-nav nav > ul > li > a{
  display: flex;
  align-items: center;
}
.lang-nav nav > ul > li > a:after {
    content: "";
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    height: 6px;
    width: 6px;
    display: block;
    transform: translate(4px, -1px) rotate(45deg);
        transition: all 0.35s ease;
}
.lang-nav nav > ul > li > a:hover:after {
    content: "";
    border-right: 1px solid #eb760f;
    border-bottom: 1px solid #eb760f;
}
.lang-nav li{
  background-color: #FFF;
}
footer .lang-nav li{
  background-color: #f3f3f3;
}

.lang-nav li a{
  padding: 5px;
}
.lang-nav li .sub-menu a {
    padding: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    display: flex;
    background: transparent;
    text-align: center;
}
.lang-nav li .sub-menu a:hover{
  background: #f3f3f3;
}
.sub-menu{
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  display: none;
  position : absolute;
}

.sub-menu li{
  margin: 0;
}

.lang-nav li .sub-menu{
  opacity: 0;
  display: none;

}

.lang-nav li:hover .sub-menu {
    opacity: 1;
    display: block;
    flex-direction: column;
    columns: 2;
    column-gap: 0px;
    border-top: 2px solid #eb760f;
    border-left: 1px solid #E6E6E6;
    border-right: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
}


.language-menu-container{
  padding: 0px!important;
  background-color: F8F0F0;
}
.anchor-stick .lang-nav,
.sticky-anchor .lang-nav {
    margin-left: 0.8em;
    padding-left: 0.8em;
}
a.main-logo svg {
  max-width: 130px;
  transition: 200ms all ease;
  transform-origin: center left;
}
.anchor-stick a.main-logo svg,
.sticky-anchor a.main-logo svg {
  max-width: 70px;
}
.main-menu-container {
    display: flex;
    text-align: center;
}
.main-menu-container li{
    display: flex;
    align-items: center;
}
.main-menu-container a{
    margin-left: 2em;
}
#main-header a, .sticky-anchor a{
    font-size: 12px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #000;
}
.current-menu-item a{
    opacity: 0.6;
}
.current-menu-item:hover a{
    opacity: 1;
}

  /** ARROWS **/

  .anchor-stick .arrows{
      opacity: 0;
  }

  .sprite-animated .arrows{
    position: absolute;
    opacity: 1;
    bottom: 5vh;
    top: unset;
    left: 10vw;
  }

  .arrows {
    height: 50px;
    width: 50px;
    position: absolute;
    left: 0;
    top: 0;
    transform: scale(0.6);
    pointer-events: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    opacity: 1;
    z-index: 2;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}


    .arrows svg{
    position: relative;
    }
    .arrows svg:nth-child(2){
    top: 3px;
    }
    .arrows svg:nth-child(3){
    top: 6px;
    }
    .arrows svg:nth-child(4){
        top: 9px;
    }
    .arrows svg > path{
    animation: jumNext 1.8s ease infinite;
    opacity: 0;
    }
    .arrows svg > path{
    fill: #000;
    }
    .arrows svg:nth-child(4) > path{
    fill: #FF6600;
    }
    .arrows svg:nth-child(2) > path{
    animation-delay: 0.2s;
    }
    .arrows svg:nth-child(3) > path{
    animation-delay: 0.3s;
    }
    .arrows svg:nth-child(4) > path{
    animation-delay: 0.4s;
    }
    @keyframes jumNext {
    0% {
      opacity: 0;
    }
    40% {
      opacity: 1;
    }
    80% {




      :root{
       --primary: 121, 167, 230;
       --orange: 255, 102, 0;
       --green: 97, 180, 146;
       --widthnavmobile: 100vw;
       --black: 0, 0, 0;
       --white: 255, 255, 255;
       --grey: 216, 216, 216;
       --grey2: 200, 200, 200;
       --light: 243, 243, 243;
       --dark: 66, 66, 66;
       --dark2: 44, 52, 56;
       --dark3: 45, 52, 56;
       --dark4: 60, 69, 74;
      }
      .charter{
          font-family: 'Source Sans Pro Light';
      }
      body {
      	margin: 0;
      	background-color: white;
        letter-spacing: 0.5px;
        font-weight: 300;
        scroll-behavior: smooth;
        font-family: var(--font);
      }

      html{
          scroll-behavior: smooth;
      }

      main > section > *{
          transition: .25s ease;
      }

      .text-white{color: rgb(var(--white))!important;}
      .text-black{color: rgb(var(--dark2))!important;}
      .text-orange{color: rgb(var(--orange))!important;}
      .text-grey{color: rgb(var(--grey))!important;}
      .text-dark2{color: rgb(var(--dadark2rk4))!important;}

      .bkg-white{background-color: rgb(var(--white))!important;}
      .bkg-black{background-color: rgb(var(--dark2))!important;}
      .bkg-orange{background-color: rgb(var(--orange))!important;}
      .bkg-primary{background-color: rgb(var(--primary))!important;}
      .bkg-grey{background-color: rgb(var(--grey))!important;}
      .bkg-grey2{background-color: rgb(var(--grey2))!important;}
      .bkg-light{background-color: rgb(var(--light))!important;}

      .uppercase{text-transform: uppercase;}
      [hidden] {
          display: none !important;
      }
      .hide-scrollbar {
          scrollbar-width: none;
          -ms-overflow-style: none;
      }
      .hide-scrollbar::-webkit-scrollbar {
          display: none;
      }

      .wp-block-columns{
          margin: 0;
      }

      .modal {
          z-index: 91050!important;
      }

      @media (min-width: 1500px) {
          .container {
              max-width: 70vw;
          }
      }

      .object-fit-cover{object-fit: cover;}
      .anim-300-linear, .anim-300-linear a {
          -webkit-transition: all 200ms ease-out;
          -moz-transition: all 200ms ease-out;
          -ms-transition: all 200ms ease-out;
          -o-transition: all 200ms ease-out;
          transition: all 200ms ease-out;
      }

      .anim-300, .anim-300 a {
          -webkit-transition: all 300ms ease;
          -moz-transition: all 300ms ease;
          -ms-transition: all 300ms ease;
          -o-transition: all 300ms ease;
          transition: all 300ms ease;
      }

      .anim-500, .anim-500 a {
          -webkit-transition: all 500ms ease;
          -moz-transition: all 500ms ease;
          -ms-transition: all 500ms ease;
          -o-transition: all 500ms ease;
          transition: all 500ms ease;
      }

      .anim-800, .anim-800 a {
          -webkit-transition: all 800ms ease !important;
          -moz-transition: all 800ms ease !important;
          -ms-transition: all 800ms ease !important;
          -o-transition: all 800ms ease !important;
          transition: all 800ms ease !important;
      }

      .anim-800-linear {
          -webkit-transition: all 800ms linear !important;
          -moz-transition: all 800ms linear !important;
          -ms-transition: all 800ms linear !important;
          -o-transition: all 800ms linear !important;
          transition: all 800ms linear !important;
      }

      .nav ul {
          list-style: none;
          margin-bottom: 0;
      }

      .no-bkg {
          background: transparent !important;
      }

      .overflow-hidden {
          overflow: hidden !important;
      }

      .ls-1 {
          letter-spacing: 1px !important;
      }

      .ls-2 {
          letter-spacing: 2px !important;
      }

      .ls-3 {
          letter-spacing: 3px !important;
      }

      .ls-4 {
          letter-spacing: 4px !important;
      }

      .w-50vw {
          width: 50vw;
          min-width: 300px;
      }

      .w-100vw {
          width: 100vw;
      }

      .h-50vh {
          height: 50vh
      }

      .h-100vh {
          height: 100vh
      }

      .mh-100vh {
          min-height: 100vh;
      }