@charset "UTF-8";
@font-face {
  font-family: 'AktivGrotesk-Bold';
  src: url("../fonts/AktivGrotesk/AktivGrotesk_Bd/AktivGrotesk_W_Bd.woff2") format("woff2"), url("../fonts/AktivGrotesk/AktivGrotesk_Bd/AktivGrotesk_W_Bd.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'AktivGrotesk-BoldItalic';
  src: url("../fonts/AktivGrotesk/AktivGrotesk_BdIt/AktivGrotesk_W_BdIt.woff2") format("woff2"), url("../fonts/AktivGrotesk/AktivGrotesk_BdIt/AktivGrotesk_W_BdIt.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

/*@font-face {
  font-family: 'AktivGrotesk-Light';
  src: url('../fonts/aktivgroteskw06-light-webfont.woff2') format('woff2'),
  url('../fonts/aktivgroteskw06-light-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AktivGrotesk-LightItalic';
  src: url('../fonts/dalton_maag_-_aktiv_grotesk_light_italic-webfont.woff2') format('woff2'),
  url('../fonts/dalton_maag_-_aktiv_grotesk_light_italic-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}*/
@font-face {
  font-family: 'AktivGrotesk-Regular';
  src: url("../fonts/AktivGrotesk/AktivGrotesk_Rg/AktivGrotesk_W_Rg.woff2") format("woff2"), url("../fonts/AktivGrotesk/AktivGrotesk_Rg/AktivGrotesk_W_Rg.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'AktivGrotesk-RegularItalic';
  src: url("../fonts/AktivGrotesk/AktivGrotesk_It/AktivGrotesk_W_It.woff2") format("woff2"), url("../fonts/AktivGrotesk/AktivGrotesk_It/AktivGrotesk_W_It.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'AktivGrotesk-Medium';
  src: url("../fonts/AktivGrotesk/AktivGrotesk_Md/AktivGrotesk_W_Md.woff2") format("woff2"), url("../fonts/AktivGrotesk/AktivGrotesk_Md/AktivGrotesk_W_Md.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'AktivGrotesk-MediumItalic';
  src: url("../fonts/AktivGrotesk/AktivGrotesk_MdIt/AktivGrotesk_W_MdIt.woff2") format("woff2"), url("../fonts/AktivGrotesk/AktivGrotesk_MdIt/AktivGrotesk_W_MdIt.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'BlenderPro-Bold';
  src: url("../fonts/BlenderPro/BlenderPro-Bold.woff2") format("woff2"), url("../fonts/BlenderPro/BlenderPro-Bold.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'BlenderPro-BoldItalic';
  src: url("../fonts/BlenderPro/BlenderPro-BoldItalic.woff2") format("woff2"), url("../fonts/BlenderPro/BlenderPro-BoldItalic.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'BlenderPro-Book';
  src: url("../fonts/BlenderPro/BlenderPro-Book.woff2") format("woff2"), url("../fonts/BlenderPro/BlenderPro-Book.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'BlenderPro-BbookIitalic';
  src: url("../fonts/BlenderPro/BlenderPro-BookItalic.woff2") format("woff2"), url("../fonts/BlenderPro/BlenderPro-BookItalic.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'BlenderPro-Heavy';
  src: url("../fonts/BlenderPro/BlenderPro-Heavy.woff2") format("woff2"), url("../fonts/BlenderPro/BlenderPro-Heavy.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'BlenderPro-Medium';
  src: url("../fonts/BlenderPro/BlenderPro-Medium.woff2") format("woff2"), url("../fonts/BlenderPro/BlenderPro-Medium.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'BlenderPro-MediumItalic';
  src: url("../fonts/BlenderPro/BlenderPro-MediumItalic.woff2") format("woff2"), url("../fonts/BlenderPro/BlenderPro-MediumItalic.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'BlenderPro-Thin';
  src: url("../fonts/BlenderPro/BlenderPro-Thin.woff2") format("woff2"), url("../fonts/BlenderPro/BlenderPro-Thin.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'BlenderPro-ThinItalic';
  src: url("../fonts/BlenderPro/BlenderPro-ThinItalic.woff2") format("woff2"), url("../fonts/BlenderPro/BlenderPro-ThinItalic.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'historearegular';
  src: url("../fonts/Historea/historea_reguler-webfont.woff2") format("woff2"), url("../fonts/Historea/historea_reguler-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.eot?1ucnw8");
  src: url("../fonts/icomoon.eot?1ucnw8#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?1ucnw8") format("truetype"), url("../fonts/icomoon.woff?1ucnw8") format("woff"), url("../fonts/icomoon.svg?1ucnw8#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-blog:before {
  content: ""; }

.icon-fb:before {
  content: ""; }

.icon-link:before {
  content: ""; }

.icon-mail:before {
  content: ""; }

.icon-send:before {
  content: ""; }

.icon-page:before {
  content: ""; }

.icon-enhance-1:before {
  content: ""; }

.icon-develop-1:before {
  content: ""; }

.icon-architect:before {
  content: ""; }

.icon-conceive-1:before {
  content: ""; }

.icon-zip:before {
  content: ""; }

.icon-arrow-down:before {
  content: ""; }

.icon-arrow-down-long:before {
  content: ""; }

.icon-arrow-long:before {
  content: ""; }

.icon-behaviours:before {
  content: ""; }

.icon-competencies:before {
  content: ""; }

.icon-pillars:before {
  content: ""; }

.icon-arrow-left:before {
  content: ""; }

.icon-arrow-right:before {
  content: ""; }

.icon-back:before {
  content: ""; }

.icon-filters:before {
  /*content: $icon-filters;*/
  content: ""; }

.icon-activity:before {
  content: ""; }

.icon-key:before {
  content: ""; }

.icon-responsability:before {
  content: ""; }

.icon-worldplayer:before {
  content: ""; }

.icon-event:before {
  content: ""; }

.icon-gemafood-world:before {
  content: ""; }

.icon-conceive:before {
  content: ""; }

.icon-develop:before {
  content: ""; }

.icon-enhance:before {
  content: ""; }

.icon-twitter:before {
  content: ""; }

.icon-tailor-made:before {
  content: ""; }

.icon-drag:before {
  content: ""; }

.icon-plus:before {
  content: ""; }

.icon-minus:before {
  content: ""; }

.icon-doc-video:before {
  content: ""; }

.icon-play:before {
  content: ""; }

.icon-doc-image:before {
  content: ""; }

.icon-doc-pdf:before {
  content: ""; }

.icon-documents:before {
  content: ""; }

.icon-down:before {
  content: ""; }

.icon-download:before {
  content: ""; }

.icon-external-link:before {
  content: ""; }

.icon-search:before {
  content: ""; }

.icon-arrow:before {
  content: ""; }

.icon-youtube:before {
  content: ""; }

.icon-linkedin:before {
  content: ""; }

.icon-instagram:before {
  content: ""; }

.icon-hamburger:before {
  content: ""; }

.icon-contacts:before {
  content: ""; }

.icon-close:before {
  content: ""; }

.icon-zoom:before {
  content: ""; }

.highlights {
  visibility: hidden;
  opacity: 0;
  z-index: 330;
  position: fixed;
  height: 260px;
  top: calc(100vh - 260px - 20px);
  margin-bottom: 20px;
  font-family: 'BlenderPro-Bold', sans-serif;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s;
  -webkit-transform: translateY(0);
  transform: translateY(0); }
  .highlights.show + .highlights {
    -webkit-transform: translateY(-270px);
    transform: translateY(-270px); }
  .highlights.unstuck {
    position: absolute;
    top: initial;
    bottom: 0; }
  .highlights.show {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity 0.6s 1.5s, visibility 0.6s 1.5s, -webkit-transform .5s .5s;
    transition: opacity 0.6s 1.5s, visibility 0.6s 1.5s, -webkit-transform .5s .5s;
    transition: opacity 0.6s 1.5s, visibility 0.6s 1.5s, transform .5s .5s;
    transition: opacity 0.6s 1.5s, visibility 0.6s 1.5s, transform .5s .5s, -webkit-transform .5s .5s; }
  @media (max-width: 991.98px) {
    .highlights {
      height: 90px;
      top: calc(100vh - 90px - 20px); }
      .highlights.highlights-120 {
        height: 120px;
        top: calc(100vh - 120px - 20px);
        padding: 0; }
      .highlights.highlights-150 {
        height: 150px;
        top: calc(100vh - 150px - 20px);
        padding: 0; }
      .highlights.show + .highlights {
        -webkit-transform: translateY(calc(-100% - 10px));
        transform: translateY(calc(-100% - 10px)); }
      .highlights > div {
        padding: 0; } }
  .highlights > div {
    height: 100%; }
  .highlights .hl-box {
    height: 100%;
    position: relative;
    background-color: white; }
    body:not(.color-dark) .highlights .hl-box {
      -webkit-box-shadow: #cccccc -1px -1px 6px;
      box-shadow: #cccccc -1px -1px 6px; }
    .highlights .hl-box .icon-close {
      position: absolute;
      display: block;
      padding: 5px;
      top: 12px;
      right: 16px;
      cursor: pointer; }
      @media (max-width: 991.98px) {
        .highlights .hl-box .icon-close {
          top: 0;
          right: 0;
          padding: 14px;
          z-index: 2; } }
  .highlights .hl-cover {
    background-size: cover;
    background-position: center center;
    background-origin: content-box;
    min-width: 150px; }
    @media (max-width: 991.98px) {
      .highlights .hl-cover {
        min-width: 70px; } }
  .highlights .hl-content {
    margin: 30px 15px;
    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;
    min-width: 150px; }
    @media (max-width: 991.98px) {
      .highlights .hl-content {
        margin: 15px 5px; } }
    .highlights .hl-content .hl-head {
      font-size: 14px;
      line-height: 18px;
      text-transform: uppercase; }
      @media (max-width: 991.98px) {
        .highlights .hl-content .hl-head {
          font-size: 12px;
          padding-right: 30px; } }
      .highlights .hl-content .hl-head span {
        color: #B7C7D3;
        padding-left: 15px; }
    .highlights .hl-content .hl-title {
      display: block;
      overflow: hidden;
      font-size: 22px;
      line-height: 24px;
      color: #555559;
      margin-top: 10px;
      letter-spacing: -1.1px;
      /* chrome only (multiline ellipsis) */ }
      .highlights .hl-content .hl-title a {
        color: #555559; }
      @media (max-width: 991.98px) {
        .highlights .hl-content .hl-title {
          margin-top: 4px;
          font-size: 18px;
          line-height: 1;
          /* chrome only (multiline ellipsis) */ } }
    .highlights .hl-content .hl-cta {
      display: block;
      font-size: 24px;
      line-height: 25px;
      letter-spacing: -1px;
      color: #F18A02; }
      .highlights .hl-content .hl-cta a {
        color: #F18A02; }
      @media (max-width: 991.98px) {
        .highlights .hl-content .hl-cta {
          display: none; } }
  .highlights.highlights-blog .blog-icon {
    background-color: #F18A02; }
    .highlights.highlights-blog .blog-icon::before {
      display: block;
      content: "";
      font-family: "icomoon" !important;
      font-size: 135px;
      color: #fff;
      position: absolute;
      top: 50%;
      left: 50%;
      line-height: 135px;
      margin-top: -67px;
      margin-left: -61px; }
      @media (max-width: 991.98px) {
        .highlights.highlights-blog .blog-icon::before {
          line-height: 60px;
          margin-top: -30px;
          margin-left: -25px;
          font-size: 60px; } }
  .highlights.highlights-blog h2 {
    font-family: 'BlenderPro-Book', sans-serif;
    font-size: 42px;
    line-height: 39px;
    letter-spacing: -1.2px;
    text-transform: uppercase; }
    .highlights.highlights-blog h2 strong {
      font-family: 'BlenderPro-Bold', sans-serif; }
    @media (max-width: 1199.98px) {
      .highlights.highlights-blog h2 {
        font-size: 32px;
        line-height: 29px; } }
    @media (max-width: 991.98px) {
      .highlights.highlights-blog h2 {
        font-size: 24px;
        line-height: 20px;
        margin-top: 6px;
        margin-bottom: 0; } }
  .highlights.highlights-blog p {
    font-family: 'AktivGrotesk-Regular', sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #274B58; }
    @media (max-width: 991.98px) {
      .highlights.highlights-blog p {
        display: none; } }
  .highlights.highlights-blog a {
    font-family: 'BlenderPro-Bold', sans-serif;
    font-size: 24px;
    line-height: 30px;
    color: #F18A02; }
    .highlights.highlights-blog a.only-mobile {
      display: none; }
      .highlights.highlights-blog a.only-mobile::after {
        display: none; }
    .highlights.highlights-blog a.cover-link {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      z-index: 1; }
    .highlights.highlights-blog a::after {
      content: "";
      font-family: "icomoon" !important;
      display: inline;
      font-size: 16px; }
    @media (max-width: 991.98px) {
      .highlights.highlights-blog a {
        display: none; }
        .highlights.highlights-blog a.only-mobile {
          display: block; } }
  .highlights.highlights-careers {
    right: 20px;
    height: 276px;
    width: 220px;
    top: calc(100vh - 276px - 20px); }
    @media (max-width: 991.98px) {
      .highlights.highlights-careers {
        width: auto; } }
    .highlights.highlights-careers.over-footer {
      position: absolute;
      top: initial;
      bottom: 0; }
    .highlights.highlights-careers .hl-box {
      width: 100%;
      background-color: #274B58; }
      .highlights.highlights-careers .hl-box .icon-close {
        color: #fff; }
      .highlights.highlights-careers .hl-box .hl-content {
        margin: 15px; }
        .highlights.highlights-careers .hl-box .hl-content .hl-head {
          font-size: 24px;
          letter-spacing: -1.2px;
          line-height: 24px;
          color: #fff;
          padding-right: 40px; }
        .highlights.highlights-careers .hl-box .hl-content .hl-title {
          font-family: 'AktivGrotesk-Regular', sans-serif;
          font-size: 14px;
          line-height: 16px;
          color: #fff; }
        .highlights.highlights-careers .hl-box .hl-content .hl-cta .cta {
          border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
          .highlights.highlights-careers .hl-box .hl-content .hl-cta .cta a {
            display: block;
            font-family: 'AktivGrotesk-Medium', sans-serif;
            font-size: 12px;
            text-transform: uppercase; }
            .highlights.highlights-careers .hl-box .hl-content .hl-cta .cta a .icon-arrow {
              font-size: 15px; }
    @media (max-width: 991.98px) {
      .highlights.highlights-careers {
        left: 20px;
        height: 155px;
        top: calc(100vh - 155px - 20px); }
        .highlights.highlights-careers .hl-box {
          width: 100%; }
          .highlights.highlights-careers .hl-box .hl-content .hl-head {
            font-size: 18px;
            padding-right: 15px; }
          .highlights.highlights-careers .hl-box .hl-content .hl-title {
            font-size: 14px;
            padding-right: 15px; }
          .highlights.highlights-careers .hl-box .hl-cta {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between; }
            .highlights.highlights-careers .hl-box .hl-cta .cta {
              width: calc(100% / 3 - 6px); }
              .highlights.highlights-careers .hl-box .hl-cta .cta a {
                font-size: 16px; }
                .highlights.highlights-careers .hl-box .hl-cta .cta a .icon-arrow {
                  display: none; } }
  .highlights.highlights-manifesto {
    height: 302px;
    max-width: 509px;
    top: calc(100vh - 302px - 20px);
    right: 20px; }
    .highlights.highlights-manifesto .hl-box .icon-close {
      color: #274B58; }
    .highlights.highlights-manifesto .hl-box .hl-content {
      position: relative; }
      .highlights.highlights-manifesto .hl-box .hl-content h2 {
        font-family: 'BlenderPro-Heavy', sans-serif;
        font-size: 80px;
        line-height: 66px;
        letter-spacing: -4px;
        color: #274B58;
        text-transform: uppercase; }
        .highlights.highlights-manifesto .hl-box .hl-content h2 .orange {
          display: block;
          color: #F18A02; }
      .highlights.highlights-manifesto .hl-box .hl-content p {
        font-family: 'AktivGrotesk-Regular', sans-serif;
        font-size: 14px;
        line-height: 20px;
        color: #274B58; }
    .highlights.highlights-manifesto a {
      font-family: 'BlenderPro-Bold', sans-serif;
      font-size: 24px;
      line-height: 30px;
      color: #F18A02; }
      .highlights.highlights-manifesto a.only-mobile {
        display: none; }
        .highlights.highlights-manifesto a.only-mobile::after {
          display: none; }
      .highlights.highlights-manifesto a.cover-link {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        z-index: 1; }
      .highlights.highlights-manifesto a::after {
        content: "";
        font-family: "icomoon" !important;
        display: inline;
        font-size: 16px; }
      @media (max-width: 991.98px) {
        .highlights.highlights-manifesto a {
          display: none; }
          .highlights.highlights-manifesto a.only-mobile {
            display: block; } }
    @media (max-width: 991.98px) {
      .highlights.highlights-manifesto {
        left: 20px;
        height: 170px;
        max-width: initial;
        width: auto;
        top: calc(100vh - 170px - 20px);
        margin: 0; }
        .highlights.highlights-manifesto .hl-box .hl-content {
          padding-right: 45px; }
          .highlights.highlights-manifesto .hl-box .hl-content h2 {
            font-size: 50px;
            line-height: 40px; } }

/*# sourceMappingURL=highlights.css.map */