/**************************CSS_RESET*******************/
/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box; }

html {
  font-size: 10px;
  scroll-behavior: smooth; }

/* Remove default padding */
ul[class],
ol[class] {
  padding: 0; }

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0; }

/* Set core body defaults */
body {
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  line-height: 1.5; }

/* Remove list styles on ul, ol elements with a class attribute */
ul[class],
ol[class] {
  list-style: none; }

/* A elements that don't have a class get default styles */
a:not([class]) {
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto; }

/* Make images easier to work with */
img {
  max-width: 100%;
  display: block; }

/* Natural flow and rhythm in articles by default */
article > * + * {
  margin-top: 1em; }

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit; }

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  * {
    -webkit-animation-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important; } }

header.site-header .logo a, .slider .slides, .slider .slides .slide, .link-row .link-entry__url, .main-content .wp-block-image.size-full figcaption {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.slider .slides .slide, .link-row .link-entry__image, .wide-entry__image, .image-cat-grid .the-grid .image-cat-grid-entry, .press-release-slider .press-release-slides .pr-slide .pr-entry .pr-entry-img, .page-top-illustration {
  background-size: cover;
  background-position: center; }

header.site-header .logo, .main-content .wp-block-separator, .logo-slider .nav__btn, .logo-slider .logo-slide .logo-entry, .double-strip-logos .strip-logo, .logo-block .logo-block-grid .logo-entry .logo-entry-inner, .logo-block .pg-logo .logo-entry .logo-entry-inner, .event-list-wrapper .event-entry .event-body .logo {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat; }

html {
  font-size: 10px; }

* {
  font-family: Roboto, sans-serif;
  font-weight: 100; }

h1 {
  font-size: 5rem;
  color: #9e8b66;
  text-transform: uppercase;
  font-weight: 400; }
  @media (max-width: 992px) {
    h1 {
      font-size: 4rem; } }
  @media (max-width: 576px) {
    h1 {
      font-size: 3rem; } }
  h1.section-heading {
    text-align: center;
    margin-bottom: 4rem; }
    @media (max-width: 992px) {
      h1.section-heading {
        margin-bottom: 3rem; } }
    @media (max-width: 576px) {
      h1.section-heading {
        margin-bottom: 2rem; } }

h2 {
  font-size: 3rem;
  color: #003568;
  text-transform: uppercase; }
  h2.smaller {
    font-size: 2.5rem; }
  @media (max-width: 992px) {
    h2 {
      font-size: 2.5rem; } }
  @media (max-width: 576px) {
    h2 {
      font-size: 2.2rem; } }

header.site-header {
  width: 100%;
  padding: 1rem 5rem;
  position: fixed;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 1000;
  transition: all 0.3s; }
  header.site-header.not-on-top {
    background-color: #fff; }
    header.site-header.not-on-top .logo {
      height: 4rem;
      background-image: url(img/logo_b.svg); }
    header.site-header.not-on-top a {
      color: #003568; }
      header.site-header.not-on-top a::after {
        background-color: #003568; }
    header.site-header.not-on-top .menu__language-entry {
      color: #003568; }
      header.site-header.not-on-top .menu__language-entry a {
        color: #003568; }
    header.site-header.not-on-top .menu-toggler {
      background-image: url(img/burger.svg); }
  @media screen and (max-width: 1260px) {
    header.site-header {
      padding: 1rem 2rem; } }
  header.site-header .logo {
    width: 12rem;
    height: 7rem;
    position: relative;
    background-image: url(img/logo.svg);
    transition: all 0.3s;
    margin-right: 5rem; }
  header.site-header .mob-wrapper {
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
    /*  will-change: 'transform'; */ }
    @media screen and (max-width: 1260px) {
      header.site-header .mob-wrapper {
        position: absolute;
        flex-direction: column;
        background-color: #fff;
        top: 0;
        right: 0;
        height: 100vh;
        padding: 6rem 2rem 0 2rem;
        justify-content: flex-start;
        transition: all 0.3s;
        transform: translateX(110%);
        box-shadow: 0px 0px 17px -5px rgba(0, 0, 0, 0.58); }
        header.site-header .mob-wrapper.is-opened {
          transform: translateX(0%); } }
  header.site-header .menu-toggler {
    width: 5rem;
    height: 5rem;
    background-image: url(img/burger_w.svg);
    background-position: center;
    background-size: 80%;
    background-repeat: no-repeat;
    cursor: pointer;
    display: none;
    transition: all 0.3s; }
    @media screen and (max-width: 1260px) {
      header.site-header .menu-toggler {
        display: block;
        position: relative; }
        header.site-header .menu-toggler.is-opened {
          background-image: url(img/burger-active.svg); } }
  header.site-header menu {
    padding: 0; }
    header.site-header menu ul {
      display: flex; }
      header.site-header menu ul li {
        position: relative;
        padding: 0 2rem; }
        @media screen and (max-width: 1600px) {
          header.site-header menu ul li {
            padding: 0 1rem; } }
        header.site-header menu ul li a {
          padding: 1rem 0rem 1rem;
          color: #fff;
          font-size: 2rem;
          text-decoration: none;
          position: relative;
          font-weight: 500; }
          @media screen and (max-width: 1500px) {
            header.site-header menu ul li a {
              font-size: 1.6rem; } }
          header.site-header menu ul li a::after {
            content: '';
            background-color: #fff;
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0%;
            height: 1rem;
            transition: all 0.2s; }
          header.site-header menu ul li a:hover::after {
            width: 100%;
            height: 3px; }
        header.site-header menu ul li.current-menu-item a::after, header.site-header menu ul li.current_page_item a::after {
          width: 100%;
          height: 3px; }
      @media screen and (max-width: 1260px) {
        header.site-header menu ul {
          flex-direction: column;
          align-items: flex-end; }
          header.site-header menu ul li {
            width: 100%;
            text-align: right; }
            header.site-header menu ul li a {
              color: #333;
              text-transform: uppercase;
              padding: 0.5rem 0;
              display: block; } }

footer .footer-menu {
  background-color: #003568;
  padding: 1rem;
  margin-bottom: 8rem; }
  footer .footer-menu ul {
    display: flex;
    justify-content: center; }
    @media (max-width: 576px) {
      footer .footer-menu ul {
        flex-direction: column;
        align-items: center; } }
    footer .footer-menu ul li {
      list-style-type: none;
      font-size: 1.2rem; }
  footer .footer-menu a {
    color: #fff;
    padding: 5px 8px;
    text-decoration: none; }

footer .social-links {
  display: flex;
  justify-content: center;
  margin-bottom: 8rem; }
  footer .social-links .social-links__icon {
    width: 4rem;
    height: 4rem;
    background-color: #9e8b66;
    margin: 0 2rem;
    position: relative;
    cursor: pointer;
    transition: all 0.3s;
    border: 1px solid #9e8b66; }
    footer .social-links .social-links__icon svg {
      position: absolute;
      width: 2.5rem;
      height: 2.5rem;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
      footer .social-links .social-links__icon svg g {
        fill: #fff;
        transition: all 0.3s; }
    footer .social-links .social-links__icon:hover {
      background-color: #fff; }
      footer .social-links .social-links__icon:hover svg g {
        fill: #9e8b66; }

footer .footer-contacts {
  text-align: center;
  margin-bottom: 8rem; }
  footer .footer-contacts h2 {
    font-weight: 100;
    color: #003568;
    text-transform: none;
    margin-bottom: 2rem; }
  footer .footer-contacts p {
    font-size: 1.6rem;
    margin-bottom: 2rem;
    color: #9e8b66; }
  footer .footer-contacts a {
    color: #9e8b66; }

footer .copyright {
  padding: 1rem;
  font-size: 1.6rem;
  background-color: #9e8b66;
  text-align: center;
  color: #fff; }

footer .contact-block {
  margin: 0 auto 6rem;
  width: 50rem;
  max-width: 100%; }
  @media (max-width: 768px) {
    footer .contact-block {
      padding: 0 2rem; } }
  footer .contact-block:last-child {
    margin-bottom: 0; }
    footer .contact-block:last-child .contact-info {
      margin-bottom: 0; }
  footer .contact-block:first-child .contact-header {
    margin-bottom: 0;
    text-transform: uppercase; }
  footer .contact-block .contact-header {
    font-size: 3rem;
    color: #003568;
    margin-bottom: 4rem; }
  footer .contact-block .contact-info {
    margin-bottom: 3rem; }

.overlay {
  position: fixed;
  top: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  transition: opacity 0.3s;
  background-color: #000000aa;
  opacity: 0; }
  @media screen and (max-width: 1260px) {
    .overlay.is-active {
      top: 0%;
      opacity: 1; } }

.slider {
  width: 100%;
  /* padding-top: 56%; */
  position: relative;
  margin-bottom: 4rem;
  height: 85vh;
  min-height: 48rem; }
  @media (max-width: 576px) {
    .slider {
      height: 95vh; } }
  .slider .slides {
    position: absolute; }
    .slider .slides .slide {
      display: flex;
      justify-content: center;
      padding: 2rem;
      text-transform: uppercase;
      font-weight: 100;
      transition: all 0.5s;
      opacity: 0;
      transform: translateY(2rem);
      font-size: 5rem; }
      @media (max-width: 1280px) {
        .slider .slides .slide {
          font-size: 3rem; } }
      .slider .slides .slide.active-slide {
        opacity: 1;
        transform: translateY(0); }
        .slider .slides .slide.active-slide .slide__copy {
          transform: translateY(0);
          opacity: 1; }
      .slider .slides .slide--copy-mid {
        align-items: center; }
      .slider .slides .slide--copy-top {
        align-items: flex-start; }
      .slider .slides .slide--copy-btm {
        align-items: flex-end; }
      .slider .slides .slide--copy-dark {
        color: #003568; }
      .slider .slides .slide--copy-light {
        color: #fff; }
      .slider .slides .slide .slide__copy {
        max-width: 50%;
        text-align: center;
        transform: translateY(4rem);
        opacity: 0;
        transition: all 0.2s ease-in 0.2s; }
        @media (max-width: 1280px) {
          .slider .slides .slide .slide__copy {
            max-width: 70%; } }
        @media (max-width: 768px) {
          .slider .slides .slide .slide__copy {
            max-width: 60%; } }
        @media (max-width: 576px) {
          .slider .slides .slide .slide__copy {
            max-width: 80%; } }
  .slider .nav__btn {
    height: 12rem;
    width: 6rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s; }
    .slider .nav__btn--left {
      left: 2rem;
      background-image: url(img/arr_l.svg); }
      .slider .nav__btn--left:hover {
        transform: translateY(-50%) translateX(-1rem); }
    .slider .nav__btn--right {
      right: 2rem;
      background-image: url(img/arr_r.svg); }
      .slider .nav__btn--right:hover {
        transform: translateY(-50%) translateX(1rem); }
    @media (max-width: 992px) {
      .slider .nav__btn {
        width: 4.5rem; } }
    @media (max-width: 768px) {
      .slider .nav__btn {
        width: 3.5rem; } }
  @media (max-width: 576px) {
    .slider .nav {
      display: none; } }
  .slider .pg {
    position: absolute;
    bottom: 15rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex; }
    .slider .pg__btn {
      height: 1.5rem;
      width: 1.5rem;
      border-radius: 50%;
      border: 1px solid #fff;
      margin: 0 1rem;
      cursor: pointer;
      transition: all 0.1s; }
      .slider .pg__btn:hover {
        border: 3px solid #fff; }
      .slider .pg__btn--is-active {
        background-color: #fff; }
    @media (max-width: 768px) {
      .slider .pg {
        bottom: 11rem; } }
    @media (max-width: 576px) {
      .slider .pg {
        bottom: 9rem; } }
  .slider .down-arrow {
    width: 2.8rem;
    height: 3.6rem;
    position: absolute;
    bottom: 8rem;
    left: 50%;
    transform: translateX(-50%);
    background-image: url(img/double-arrow-down.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-animation: go_down 3s infinite;
    animation: go_down 3s infinite;
    cursor: pointer; }
    @media (max-width: 768px) {
      .slider .down-arrow {
        bottom: 5rem; } }
    @media (max-width: 576px) {
      .slider .down-arrow {
        bottom: 3rem; } }

@-webkit-keyframes go_down {
  0% {
    transform: translate(-50%, 0); }
  20% {
    transform: translate(-50%, 10px); }
  40% {
    transform: translate(-50%, 0); } }

@keyframes go_down {
  0% {
    transform: translate(-50%, 0); }
  20% {
    transform: translate(-50%, 10px); }
  40% {
    transform: translate(-50%, 0); } }

.location {
  position: relative; }
  @media (max-width: 992px) {
    .location {
      padding-top: 50%;
      background-image: url(img/map.svg);
      background-size: cover;
      background-position: center;
      margin-bottom: 4rem; } }
  @media (max-width: 768px) {
    .location {
      padding-top: 70%; } }
  @media (max-width: 576px) {
    .location {
      padding-top: 80%; } }
  .location__image {
    width: 100%;
    margin: 0 0 4rem; }
    @media (max-width: 992px) {
      .location__image {
        display: none; } }
  .location__copy {
    width: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 2.7rem;
    text-align: center;
    color: #003568; }
    @media screen and (max-width: 1650px) {
      .location__copy {
        font-size: 2.3rem; } }
    @media screen and (max-width: 1400px) {
      .location__copy {
        font-size: 2rem; } }
    @media screen and (max-width: 1100px) {
      .location__copy {
        font-size: 1.5rem; } }
    @media (max-width: 992px) {
      .location__copy {
        top: auto;
        bottom: 2rem;
        width: 80%;
        transform: translate(-50%, 0); } }

h1.section-title {
  text-align: center;
  margin-bottom: 4rem; }

.link-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: auto;
  grid-column-gap: 2rem;
  margin: auto;
  position: relative;
  margin-bottom: 9rem;
  padding: 0 4rem; }
  @media (max-width: 576px) {
    .link-row {
      grid-template-columns: 1fr;
      grid-row-gap: 4rem; } }
  .link-row .link-entry {
    text-align: center;
    background-image: url(img/cont-double-arrow.svg);
    background-size: 2.6rem;
    background-position: center bottom;
    background-repeat: no-repeat;
    padding-bottom: 6rem;
    position: relative; }
    @media (max-width: 992px) {
      .link-row .link-entry {
        background-size: 2.3rem;
        padding-bottom: 5rem; } }
    @media (max-width: 768px) {
      .link-row .link-entry {
        background-size: 2.3rem;
        padding-bottom: 3rem; } }
    @media (max-width: 576px) {
      .link-row .link-entry {
        background-size: 2rem;
        padding-bottom: 2rem; } }
    .link-row .link-entry__image {
      padding-top: 90%;
      margin-bottom: 6rem; }
      @media (max-width: 992px) {
        .link-row .link-entry__image {
          margin-bottom: 4rem; } }
      @media (max-width: 768px) {
        .link-row .link-entry__image {
          margin-bottom: 3rem; } }
      @media (max-width: 576px) {
        .link-row .link-entry__image {
          margin-bottom: 2rem; } }
    .link-row .link-entry__title {
      font-weight: 100;
      margin-bottom: -2rem; }
      @media (max-width: 768px) {
        .link-row .link-entry__title {
          margin-bottom: 2.2rem; } }
      @media (max-width: 576px) {
        .link-row .link-entry__title {
          margin-bottom: 1.2rem; } }
    .link-row .link-entry__desc {
      font-size: 1.8rem;
      margin-top: 4rem; }
      @media (max-width: 768px) {
        .link-row .link-entry__desc {
          margin-top: 3rem;
          margin-bottom: 2rem; } }
      @media (max-width: 576px) {
        .link-row .link-entry__desc {
          margin-top: 1rem; } }
    .link-row .link-entry__url {
      position: absolute; }

.wide-entry__image {
  padding-top: 25%; }

.wide-entry__content {
  padding: 4rem;
  max-width: 1200px;
  margin: 0 auto;
  text-align: center; }
  .wide-entry__content p {
    margin-bottom: 1.5rem;
    font-size: 1.8rem;
    color: #555; }

.logo-strip {
  margin-bottom: 4rem; }

.main-content {
  margin-bottom: 8rem;
  color: #555; }
  .main-content h1 {
    margin-bottom: 6rem;
    font-weight: 400;
    text-align: center; }
    @media (max-width: 768px) {
      .main-content h1 {
        margin-bottom: 4rem; } }
    @media (max-width: 576px) {
      .main-content h1 {
        margin-bottom: 2rem; } }
  .main-content h2 {
    margin-bottom: 2rem;
    font-weight: 100; }
  .main-content p {
    font-size: 1.8rem;
    margin-bottom: 1rem; }
  .main-content ul li {
    font-size: 1.8rem;
    margin-bottom: 1rem; }
  .main-content .wp-block-image.size-full {
    margin-bottom: 6rem;
    position: relative; }
    .main-content .wp-block-image.size-full.text-over-img {
      margin-bottom: 8rem; }
    @media (max-width: 768px) {
      .main-content .wp-block-image.size-full.blue-planet-img::after {
        content: 'Hanse Planet Blue - our Planet, our Home, our Responsibility ';
        color: #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        font-size: 3em;
        text-transform: uppercase; } }
    @media (max-width: 768px) {
      .main-content .wp-block-image.size-full {
        margin-bottom: 4rem; } }
    @media (max-width: 576px) {
      .main-content .wp-block-image.size-full {
        margin-bottom: 2rem; } }
    .main-content .wp-block-image.size-full img {
      width: auto;
      height: auto; }
    .main-content .wp-block-image.size-full figcaption {
      font-size: 5rem;
      text-transform: uppercase;
      display: flex;
      text-align: center;
      align-items: center;
      padding: 0 25rem;
      color: #003568;
      margin: auto;
      max-width: 110rem; }
      @media (max-width: 1280px) {
        .main-content .wp-block-image.size-full figcaption {
          font-size: 3rem;
          padding: 0 20rem; } }
      @media (max-width: 768px) {
        .main-content .wp-block-image.size-full figcaption {
          font-size: 3rem;
          padding: 0 15rem;
          background-color: #ffffffaa; } }
      @media (max-width: 576px) {
        .main-content .wp-block-image.size-full figcaption {
          font-size: 2.7rem;
          padding: 0 5rem; } }
  .main-content .wp-block-group {
    padding: 0 4rem;
    max-width: 100rem;
    text-align: center;
    margin: 0 auto 6rem; }
    .main-content .wp-block-group strong {
      color: #9e8b66;
      font-weight: 400; }
  .main-content .wp-block-separator {
    border: 0px;
    margin: 2rem;
    height: 0.5rem;
    background-image: url(img/sep.svg); }
  .main-content .wp-block-media-text {
    margin-bottom: 6rem; }
    .main-content .wp-block-media-text img {
      height: auto; }
    .main-content .wp-block-media-text .has-large-font-size {
      font-size: 3rem;
      color: #003568;
      text-transform: uppercase; }
    .main-content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
      text-align: right;
      max-width: 90%; }
    .main-content .wp-block-media-text.has-media-on-the-right li {
      font-size: 1.8rem;
      margin-bottom: 1rem;
      list-style-type: none; }
      .main-content .wp-block-media-text.has-media-on-the-right li::before {
        content: "\25CF  "; }
    @media (max-width: 768px) {
      .main-content .wp-block-media-text {
        grid-template-columns: 100% !important; } }
    @media (max-width: 768px) {
      .main-content .wp-block-media-text .wp-block-media-text__media {
        grid-column: 1;
        grid-row: 1 !important;
        margin-bottom: 2rem; } }
    .main-content .wp-block-media-text .wp-block-media-text__media.parallax-container {
      padding-top: 50%; }
      @media (max-width: 768px) {
        .main-content .wp-block-media-text .wp-block-media-text__media.parallax-container {
          padding-top: 70%; } }
    @media (max-width: 768px) {
      .main-content .wp-block-media-text .wp-block-media-text__content {
        grid-column: 1;
        grid-row: 2 !important;
        width: 100% !important;
        max-width: 100% !important;
        text-align: center !important; } }
    .main-content .wp-block-media-text ul {
      padding: 0; }
    .main-content .wp-block-media-text li {
      font-size: 1.8rem;
      margin-bottom: 1rem;
      list-style-type: none; }
      .main-content .wp-block-media-text li::before {
        content: "\25CF  "; }

.logo-slider {
  width: 120rem;
  margin: 0 auto 8rem;
  position: relative;
  padding-top: 44rem;
  max-width: 80%; }
  @media (max-width: 768px) {
    .logo-slider {
      padding-top: 38rem; } }
  @media (max-width: 576px) {
    .logo-slider {
      max-width: 80%; } }
  .logo-slider .nav__btn {
    position: absolute;
    height: 12rem;
    width: 4rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 15;
    cursor: pointer; }
    @media (max-width: 768px) {
      .logo-slider .nav__btn {
        width: 3rem; } }
    .logo-slider .nav__btn--left {
      left: -5rem;
      background-image: url(img/arr_l_y.svg); }
      @media (max-width: 768px) {
        .logo-slider .nav__btn--left {
          left: -3.5rem; } }
    .logo-slider .nav__btn--right {
      right: -5rem;
      background-image: url(img/arr_r_y.svg); }
      @media (max-width: 768px) {
        .logo-slider .nav__btn--right {
          right: -3.5rem; } }
  .logo-slider .logo-slide {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 8rem;
    gap: 4rem;
    transition: all 0.3s;
    transform: translate(0);
    opacity: 0; }
    .logo-slider .logo-slide.prev-slide {
      transform: translate(-5rem, 0); }
      .logo-slider .logo-slide.prev-slide .logo-entry {
        transform: translateX(-2rem); }
    .logo-slider .logo-slide.next-slide {
      transform: translate(5rem, 0); }
      .logo-slider .logo-slide.next-slide .logo-entry {
        transform: translateX(2rem); }
    .logo-slider .logo-slide.active-slide {
      opacity: 1; }
      .logo-slider .logo-slide.active-slide .logo-entry {
        transform: translateX(0rem);
        opacity: 1; }
    @media (max-width: 768px) {
      .logo-slider .logo-slide {
        grid-template-columns: repeat(3, 1fr);
        gap: 3rem; } }
    @media (max-width: 576px) {
      .logo-slider .logo-slide {
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem; } }
    .logo-slider .logo-slide.active-slide {
      opacity: 1;
      transform: translateY(0rem); }
    .logo-slider .logo-slide .logo-entry {
      padding-top: 38%;
      transition: all 0.2s;
      opacity: 0; }

.double-strip-logos {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 8rem; }
  .double-strip-logos .strip-logo {
    margin: 0 2rem 2rem;
    padding-top: 7%;
    width: 20rem; }
    @media (max-width: 768px) {
      .double-strip-logos .strip-logo {
        padding-top: 15%;
        width: 17rem; } }
    @media (max-width: 576px) {
      .double-strip-logos .strip-logo {
        width: 15rem; } }

.magazine-slider {
  max-width: 100%;
  margin: 0 auto 8rem;
  /* display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem; */
  height: 100%;
  padding: 5rem;
  overflow: hidden; }
  .magazine-slider .magazine-entry {
    padding: 0.5rem 0.5rem 1rem;
    box-shadow: 0px 0px 36px 2px rgba(0, 0, 0, 0.42); }
    .magazine-slider .magazine-entry img {
      width: 100%;
      height: auto;
      margin-bottom: 1rem; }
    .magazine-slider .magazine-entry .magazine-title {
      font-weight: 800;
      font-size: 1.9rem; }
    .magazine-slider .magazine-entry a {
      color: #9e8b66;
      text-decoration: none;
      font-size: 1.6rem; }

.image-cat-grid {
  margin-bottom: 8rem; }
  .image-cat-grid h1 {
    font-weight: 100;
    text-align: center;
    margin-bottom: 4rem; }
  .image-cat-grid .the-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr); }
    @media screen and (max-width: 600px) {
      .image-cat-grid .the-grid {
        grid-template-columns: repeat(2, 1fr); } }
    .image-cat-grid .the-grid .image-cat-grid-entry {
      padding-top: 100%;
      position: relative; }
      .image-cat-grid .the-grid .image-cat-grid-entry .logo-overlay {
        position: absolute;
        top: 0rem;
        left: 0rem;
        bottom: 0rem;
        right: 0rem;
        transition: all 0.3s;
        opacity: 0;
        background-color: #ffffffcc;
        background-size: 65%;
        background-position: center;
        background-repeat: no-repeat; }
      .image-cat-grid .the-grid .image-cat-grid-entry:hover .logo-overlay {
        top: 4rem;
        left: 4rem;
        bottom: 4rem;
        right: 4rem;
        opacity: 1; }
      .image-cat-grid .the-grid .image-cat-grid-entry a {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0; }

.logo-block {
  margin-bottom: 8rem; }
  .logo-block .logo-block-header {
    position: relative;
    margin-bottom: 4rem; }
    .logo-block .logo-block-header .logo-block-title {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: #fff;
      font-size: 7rem;
      font-weight: 100;
      text-align: center;
      width: 70%; }
      @media (max-width: 992px) {
        .logo-block .logo-block-header .logo-block-title {
          font-size: 5rem; } }
      @media (max-width: 768px) {
        .logo-block .logo-block-header .logo-block-title {
          font-size: 4rem; } }
      @media (max-width: 576px) {
        .logo-block .logo-block-header .logo-block-title {
          font-size: 3rem; } }
  .logo-block .logo-block-grid, .logo-block .pg-logo {
    max-width: 100rem;
    display: flex;
    /* grid-template-columns: repeat(3, 1fr);
        column-gap: 10rem;
        row-gap: 7rem; */
    margin: 0 auto 8rem;
    justify-content: center;
    flex-wrap: wrap; }
    .logo-block .logo-block-grid .logo-entry, .logo-block .pg-logo .logo-entry {
      flex: 0 0 33%;
      padding: 3rem 5rem; }
      @media (max-width: 768px) {
        .logo-block .logo-block-grid .logo-entry, .logo-block .pg-logo .logo-entry {
          padding: 2rem 3rem; } }
      @media (max-width: 576px) {
        .logo-block .logo-block-grid .logo-entry, .logo-block .pg-logo .logo-entry {
          padding: 1rem 2rem; } }
      .logo-block .logo-block-grid .logo-entry .logo-entry-inner, .logo-block .pg-logo .logo-entry .logo-entry-inner {
        padding: 20%; }
  .logo-block .pg-logo {
    margin-bottom: 0; }

.press-release-slider {
  max-width: 100rem;
  margin: 0 auto 4rem; }
  .press-release-slider h1 {
    text-align: center;
    margin-bottom: 6rem; }
  .press-release-slider .press-release-slides .pr-slide {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    align-items: start;
    padding: 2rem; }
    @media screen and (max-width: 800px) {
      .press-release-slider .press-release-slides .pr-slide {
        grid-template-columns: 1fr; } }
    .press-release-slider .press-release-slides .pr-slide .pr-entry {
      background-color: #fff;
      padding: 0.8rem;
      box-shadow: -1px -1px 37px -4px rgba(0, 0, 0, 0.43);
      padding-bottom: 4rem; }
      .press-release-slider .press-release-slides .pr-slide .pr-entry .pr-entry-img {
        padding-top: 60%;
        margin-bottom: 3rem; }
      .press-release-slider .press-release-slides .pr-slide .pr-entry .pr-entry-title {
        color: #003568;
        font-size: 1.9rem;
        margin-bottom: 2rem; }
      .press-release-slider .press-release-slides .pr-slide .pr-entry .pr-entry-short-desc {
        font-size: 1.6rem;
        margin-bottom: 4rem; }
      .press-release-slider .press-release-slides .pr-slide .pr-entry .pr-entry-link {
        color: #9e8b66;
        margin-bottom: 4rem;
        font-size: 1.6rem; }

.event-list-wrapper {
  text-align: center;
  margin-bottom: 12rem; }
  .event-list-wrapper h1 {
    margin-bottom: 4rem; }
  .event-list-wrapper .event-entry img {
    width: 100%;
    height: auto;
    margin-bottom: 4rem; }
  .event-list-wrapper .event-entry .event-body {
    max-width: 100rem;
    margin: 0 auto 8rem;
    text-align: center; }
    .event-list-wrapper .event-entry .event-body .logo {
      padding-top: 6rem;
      margin-bottom: 3rem; }
    .event-list-wrapper .event-entry .event-body .event-description {
      font-size: 1.8rem;
      margin-bottom: 3rem; }
    .event-list-wrapper .event-entry .event-body .event-visit {
      color: #003568;
      font-size: 1.8rem;
      margin-bottom: 3rem; }
    .event-list-wrapper .event-entry .event-body .link-to-web {
      margin-bottom: 3rem; }
      .event-list-wrapper .event-entry .event-body .link-to-web a {
        padding: 0.7rem 1rem;
        font-size: 1.6rem;
        border: 1px solid #9e8b66;
        transition: all 0.3s;
        color: #fff;
        background-color: #9e8b66; }
        .event-list-wrapper .event-entry .event-body .link-to-web a:hover {
          color: #9e8b66;
          background-color: #fff; }
    .event-list-wrapper .event-entry .event-body .cancelled {
      background-color: red;
      padding: 1rem 6rem;
      font-size: 2.3rem;
      color: #fff;
      display: inline-block; }

.team-wrapper {
  margin: 0 auto 8rem;
  max-width: 100rem; }
  .team-wrapper h1 {
    text-align: center;
    margin-bottom: 4rem; }
  .team-wrapper .team-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3rem; }
    @media (max-width: 768px) {
      .team-wrapper .team-grid {
        padding: 2rem;
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem; } }
    .team-wrapper .team-grid .photo {
      margin-bottom: 1rem; }
    .team-wrapper .team-grid .photo-placeholder {
      padding-top: 100%;
      background-color: #ebebeb;
      margin-bottom: 1rem;
      background-image: url(img/logo_b.svg);
      background-position: center;
      background-size: 10rem;
      background-repeat: no-repeat; }
    .team-wrapper .team-grid .name-surname {
      font-size: 1.8rem;
      color: #9e8b66; }
    .team-wrapper .team-grid .position {
      font-size: 1.4rem;
      color: #aaa; }

#the-map {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.map-wrapper {
  position: relative;
  width: 100%;
  padding-top: 30%;
  margin-bottom: 8rem; }
  @media (max-width: 768px) {
    .map-wrapper {
      padding-top: 70%;
      min-height: 45rem; } }

.parallax-container {
  position: relative;
  overflow: hidden;
  height: 0px;
  padding-top: 26%; }
  @media (max-width: 992px) {
    .parallax-container {
      padding-top: 33%; } }
  @media (max-width: 768px) {
    .parallax-container {
      padding-top: 45%; } }
  @media (max-width: 576px) {
    .parallax-container {
      padding-top: 500px; } }

.parallax-container .parallax {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1; }

.parallax-container .parallax img {
  opacity: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  max-width: 100%;
  max-height: 9999px;
  transform: translate3d(0, 0, 0);
  transform: translateX(-50%);
  height: auto; }
  @media screen and (max-width: 600px) {
    .parallax-container .parallax img {
      max-width: none;
      max-height: none;
      min-height: 0;
      min-width: 0;
      height: 450px !important;
      width: auto; } }

.page-top-illustration {
  padding-top: 35%;
  margin-bottom: 8rem; }
  @media (max-width: 992px) {
    .page-top-illustration {
      padding-top: 35%;
      min-height: 55rem;
      margin-bottom: 6rem; } }
  @media (max-width: 768px) {
    .page-top-illustration {
      margin-bottom: 4rem; } }

.dustainable-prod-banner {
  position: relative;
  margin-bottom: 8rem; }
  .dustainable-prod-banner:hover .the-over-effect {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1; }
    @media (max-width: 768px) {
      .dustainable-prod-banner:hover .the-over-effect {
        padding: 2rem;
        top: 0;
        left: 0;
        transform: translate(0, 0); } }
  .dustainable-prod-banner img {
    width: 100%;
    height: auto; }
  .dustainable-prod-banner .the-over-effect {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(1.3);
    background-color: #ffffffaa;
    padding: 4rem 10rem;
    text-align: center;
    transition: all 0.3s;
    opacity: 0; }
    @media (max-width: 768px) {
      .dustainable-prod-banner .the-over-effect {
        padding: 2rem;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        transform: translate(0, 0); } }
    .dustainable-prod-banner .the-over-effect h2 {
      font-weight: 100;
      margin-bottom: 2rem; }
    .dustainable-prod-banner .the-over-effect a {
      color: #9e8b66;
      font-size: 1.6rem;
      padding-right: 3rem;
      background-image: url(img/cont-double-arrow.svg);
      background-size: 1.5rem;
      background-position: right center;
      background-repeat: no-repeat; }

.language-swither {
  display: flex;
  align-items: center; }
  .language-swither .menu__language {
    display: flex; }
    .language-swither .menu__language .menu__language-entry {
      padding: 0.5rem;
      font-size: 2rem;
      color: #fff; }
      @media screen and (max-width: 1500px) {
        .language-swither .menu__language .menu__language-entry {
          font-size: 1.6rem;
          font-weight: 500; } }
      .language-swither .menu__language .menu__language-entry a {
        color: #fff; }
  @media screen and (max-width: 1260px) {
    .language-swither {
      padding-top: 1rem;
      border-top: 1px solid #ccc; }
      .language-swither .menu__language {
        flex-direction: column;
        width: 100%;
        text-align: right; }
        .language-swither .menu__language .menu__language-entry {
          color: #333; }
          .language-swither .menu__language .menu__language-entry.menu__language--separator {
            display: none; }
          .language-swither .menu__language .menu__language-entry a {
            color: #333; } }

.partner-map {
  padding:5rem;
  margin-bottom:2rem;
  position: relative;
  background-color: #f4f4f4
}

.partner-map svg {
  position:absolute;
  width:100%;
  top: 50%;
  transform: translateY(-50%);
}

svg g path {
  transition: all 0.3s;
}

svg g.active path {
  fill: #dfdfdf
}

.partner-name-blocks {
  width:100%;
  max-width:600px;
  margin: auto;
  column-count:3;
  font-size: 1.8rem;
  position:relative
}

.region-partners {

    margin-bottom: 2rem;
    cursor:pointer;
}

.region-partners .region-name {
  text-transform: uppercase;
  font-weight:800;
  text-decoration:underline;
  color: #9e8b66;
  cursor: pointer;
}

.region-partners .region-entries ul {
  list-style-type:none;
  padding:0;
  font-size:1.4rem
}

@media screen and (max-width:550px) {
  .partner-map svg {
    opacity:0
  }

  .partner-name-blocks {
    column-count:1;
  }

  .region-entries {
    overflow: hidden;
    transition: all 0.3s;
    max-height: 0;
  }

  .region-partners.active .region-entries {
    overflow: hidden;
    max-height: 1000px;
  }
}

.img-placeholder {
    background-color: #003568;
    height:95px;
    width:100%;
    margin-bottom:3rem;
}

.main-content .wp-block-group.left-align {
    text-align: left;
}