/* Main Scss Document */
/* Scss Load Fonts */
@import url("//hello.myfonts.net/count/3d8dee");
@font-face {
  font-family: "Gilroy-SemiBold";
  src: url("fonts/GilroySemiBold/font.woff2") format("woff2"), url("fonts/GilroySemiBold/font.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Gilroy-Bold";
  src: url("fonts/GilroyBold/font.woff2") format("woff2"), url("fonts/GilroyBold/font.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Gilroy-Regular";
  src: url("fonts/GilroyRegular/font.woff2") format("woff2"), url("fonts/GilroyRegular/font.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
/* Scss Variables */
/* layout.css */
/* Macro arrangement of a web page, including any grid systems */
/* Grid layout */
/* Mobile 320> */
body {
  margin: 0; }

.container {
  position: relative; }

.main-container {
  display: block; }

.columns--wrapper {
  display: block;
  width: calc(100% - 40px);
  max-width: 1400px;
  margin: 0 auto;
  padding: 5% 20px; }

.container--columns {
  display: -ms-grid;
  display: grid; }

.container .container--column,
.container .wp-block-column {
  margin: 0;
  padding: 24px 0; }

.container--reduced-width .container--column,
.container--reduced-width .wp-block-column,
.container--reduced-width-narrow .container--column,
.container--reduced-width-narrow .wp-block-column,
.container--full-width .container--column,
.container--full-width .wp-block-column {
  margin: 0 20px;
  padding: 24px 0 0; }

/*
.container--reduced-width .container--column,
.container--reduced-width .wp-block-column,
.container--reduced-width-narrow .container--column,
.container--reduced-width-narrow .wp-block-column {
  margin: $mobile-grid-margin;
  padding: $mobile-grid-padding;
  display: -ms-grid;
  display: grid;
}
*/
.wp-block-column.is-vertically-aligned-bottom {
  align-items: end;
  width: auto; }

.wp-block-column.is-vertically-aligned-center {
  align-items: center;
  width: auto; }

.wp-block-column.is-vertically-aligned-top {
  align-items: start;
  width: auto; }

.container--single-column {
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr; }

.container--two-columns {
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr; }

.container--two-columns .container--column:nth-child(1) {
  -ms-grid-column: 1;
  -ms-grid-row: 1; }

.container--two-columns .container--column:nth-child(2) {
  -ms-grid-column: 1;
  -ms-grid-row: 2; }

@media only screen and (min-width: 600px) {
  .container--reduced-width .container--column,
  .container--reduced-width .wp-block-column,
  .container--reduced-width-narrow .container--column,
  .container--reduced-width-narrow .wp-block-column,
  .container--full-width .container--column,
  .container--full-width .wp-block-column {
    padding: 24px 0; }

  .container--reduced-width,
  .container--reduced-width-narrow {
    margin: 0 auto; }

  .container--two-columns {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr; }

  .container--two-columns .container--column:nth-child(1) {
    -ms-grid-column: 1;
    -ms-grid-row: 1; }

  .container--two-columns .container--column:nth-child(2) {
    -ms-grid-column: 2;
    -ms-grid-row: 1; } }
@media only screen and (min-width: 768px) {
  .container--reduced-width {
    max-width: 1086px;
    margin: 0 auto;
    width: 90%; }

  .container--reduced-width-narrow {
    max-width: 723px;
    margin: 0 auto; }

  .container .container--column,
  .container .wp-block-column {
    margin: 0;
    padding: 36px 0; }

  .container--reduced-width .container--column,
  .container--reduced-width .wp-block-column,
  .container--reduced-width-narrow .container--column,
  .container--reduced-width-narrow .wp-block-column,
  .container--full-width .container--column,
  .container--full-width .wp-block-column {
    margin: 0 20px;
    padding: 36px 0; } }
@media only screen and (min-width: 992px) {
  .container-faq,
  .container {
    display: block;
    width: 100%;
    margin: 0 auto; }

  .container .container--column,
  .container .wp-block-column {
    margin: 0;
    padding: 36px 0; }

  .container--reduced-width .container--column,
  .container--reduced-width .wp-block-column,
  .container--reduced-width-narrow .container--column,
  .container--reduced-width-narrow .wp-block-column,
  .container--full-width .container--column,
  .container--full-width .wp-block-column {
    margin: 0 20px;
    padding: 36px 0; }

  .container--two-columns .container--column:nth-child(2) h1,
  .container--two-columns .container--column:nth-child(2) h2,
  .container--two-columns .container--column:nth-child(2) h3,
  .container--two-columns .container--column:nth-child(2) h4,
  .container--two-columns .container--column:nth-child(2) h5,
  .container--two-columns .container--column:nth-child(2) h6,
  .container--two-columns .container--column:nth-child(2) p,
  .container--two-columns .container--column:nth-child(2) ul,
  .container--two-columns .container--column:nth-child(2) ol {
    margin-left: 40px; } }
@media only screen and (min-width: 1025px) {
  .container--two-columns .container--column:nth-child(2) h1,
  .container--two-columns .container--column:nth-child(2) h2,
  .container--two-columns .container--column:nth-child(2) h3,
  .container--two-columns .container--column:nth-child(2) h4,
  .container--two-columns .container--column:nth-child(2) h5,
  .container--two-columns .container--column:nth-child(2) h6,
  .container--two-columns .container--column:nth-child(2) p,
  .container--two-columns .container--column:nth-child(2) ul,
  .container--two-columns .container--column:nth-child(2) ol {
    margin-left: 80px; } }
.container--two-columns.container--reversed-mobile .container--column:nth-child(1) {
  -ms-grid-column: 1;
  -ms-grid-row: 2;
  grid-column-start: 1;
  grid-column-end: 1;
  grid-row-start: 2;
  grid-row-end: 2; }
.container--two-columns.container--reversed-mobile .container--column:nth-child(2) {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  grid-column-start: 1;
  grid-column-end: 1;
  grid-row-start: 1;
  grid-row-end: 1; }
@media only screen and (min-width: 600px) {
  .container--two-columns.container--reversed-mobile .container--column:nth-child(1) {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 1;
    grid-row-end: 1; }
  .container--two-columns.container--reversed-mobile .container--column:nth-child(2) {
    -ms-grid-column: 2;
    -ms-grid-row: 1;
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 1; } }

.container--white-bg {
  background-color: #fff; }

.container--sky-blue-bg {
  background-color: #C6D9E1; }

.container--teal-bg {
  background-color: #57B6B2; }

.container--light-teal-bg {
  background-color: #e1f4f1; }

/* Scss Document */
.image--container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: auto;
  position: relative;
  margin-bottom: 24px; }
  .image--container.image--call-out-left, .image--container.image--icon-left {
    padding-left: 20px; }
    @media only screen and (min-width: 768px) {
      .image--container.image--call-out-left, .image--container.image--icon-left {
        padding-left: 40px; } }
    @media only screen and (min-width: 1200px) {
      .image--container.image--call-out-left, .image--container.image--icon-left {
        padding-left: 60px; } }
  .image--container.image--call-out-right, .image--container.image--icon-right {
    padding-right: 20px; }
    @media only screen and (min-width: 768px) {
      .image--container.image--call-out-right, .image--container.image--icon-right {
        padding-right: 40px; } }
    @media only screen and (min-width: 1200px) {
      .image--container.image--call-out-right, .image--container.image--icon-right {
        padding-right: 60px; } }
  .image--container.image--call-out-left, .image--container.image--call-out-right {
    padding-top: 18px; }
    @media only screen and (min-width: 768px) {
      .image--container.image--call-out-left, .image--container.image--call-out-right {
        padding-top: 32px; } }
    @media only screen and (min-width: 1200px) {
      .image--container.image--call-out-left, .image--container.image--call-out-right {
        padding-top: 44px; } }
  .image--container.image--icon-left, .image--container.image--icon-right {
    padding-bottom: 12px; }
    @media only screen and (min-width: 768px) {
      .image--container.image--icon-left, .image--container.image--icon-right {
        padding-bottom: 24px; } }
  @media only screen and (min-width: 768px) {
    .image--container {
      padding: 24px 0 0; } }
  .image--container img {
    display: block;
    width: 100%;
    height: auto; }
  .image--container .call-out-image {
    position: absolute;
    top: 0;
    width: 122px;
    height: auto; }
    .image--container .call-out-image.call-out-left {
      left: 0; }
    .image--container .call-out-image.call-out-right {
      right: 0; }
    .image--container .call-out-image img {
      display: block;
      width: 100%;
      height: auto; }
  .image--container .icon-image {
    position: absolute;
    bottom: 0;
    width: 122px;
    height: auto; }
    @media only screen and (min-width: 768px) {
      .image--container .icon-image {
        width: 145px; } }
    .image--container .icon-image.icon-left {
      left: 0; }
    .image--container .icon-image.icon-right {
      right: 0; }
    .image--container .icon-image img {
      display: block;
      width: 100%;
      height: auto; }
  .image--container p {
    font-size: 14px;
    padding: 12px 0 0 0; }

/* Scss Document */
h1,
.content-carousel h2 {
  font-family: "Gilroy-Bold";
  font-size: 48px;
  line-height: 1.036;
  color: #000000;
  padding-bottom: 24px;
  margin: 0; }
  @media only screen and (min-width: 992px) {
    h1,
    .content-carousel h2 {
      font-size: 56px; } }

h2 {
  font-family: "Gilroy-Bold";
  font-size: 42px;
  line-height: 1.143;
  margin: 0;
  padding-bottom: 24px;
  color: #00567C; }

h3,
.location-retailers-page h1,
.location-retailers h1,
.location-legal-page h1,
.location-error-page h2 {
  font-family: "Gilroy-SemiBold";
  font-size: 36px;
  line-height: 1.2;
  margin: 0;
  padding-bottom: 24px;
  color: #00567C; }

.location-error-page h2,
.location-error-page p {
  text-align: center; }

h4,
p.has-product-information-font-size,
.location-legal-page h2 {
  font-family: "Gilroy-SemiBold";
  font-size: 24px;
  line-height: 1.25;
  margin: 0;
  padding-bottom: 24px;
  color: #00567C; }

.location-legal-page h2 {
  padding-top: 24px; }

p.has-product-information-font-size {
  color: #000000; }

h5,
.location-legal-page h3 {
  font-family: "Gilroy-SemiBold";
  font-size: 20px;
  line-height: 1.3;
  margin: 0;
  padding-bottom: 24px;
  color: #000000;
  color: #00567C; }

.location-legal-page h3 {
  padding-top: 24px; }

.location-legal-page h3 strong {
  font-family: "Gilroy-Regular"; }

.outline-text-box {
  padding: 24px 24px 0;
  border: 1px solid #00567C;
  border-radius: 10px;
  margin-bottom: 24px; }
  .outline-text-box h2,
  .outline-text-box h3 {
    padding-top: 0; }
  .outline-text-box .wp-block-column {
    padding: 0;
    margin: 0; }

p,
li {
  font-family: "Gilroy-Regular";
  font-size: 16px;
  line-height: 1.375;
  padding: 0 0 24px;
  color: #000000;
  margin: 0; }
  p strong,
  li strong {
    font-family: "Gilroy-Bold"; }
  p.has-small-print-font-size,
  li.has-small-print-font-size {
    color: #000000;
    font-size: 14px;
    line-height: 1.43;
    padding: 24px 0 24px;
    color: #000000; }
  p.has-small-print-small-font-size,
  li.has-small-print-small-font-size {
    color: #000000;
    font-size: 12px;
    line-height: 1.5;
    padding: 0 0 24px;
    color: #000000; }

.small-print ul {
  margin-left: 22px;
  padding-bottom: 10px; }
  .small-print ul li {
    list-style-position: outside;
    list-style-type: disc;
    padding: 0 0 10px 0; }
.small-print ol {
  margin: 0 0 0 20px;
  padding-left: 0;
  counter-reset: item; }
  .small-print ol li {
    list-style-position: outside;
    list-style-type: decimal;
    padding: 0 0 10px 0;
    list-style-type: none;
    counter-increment: item;
    position: relative; }
    .small-print ol li:before {
      position: absolute;
      padding-right: 0.5em;
      font-family: "Gilroy-Bold";
      text-align: right;
      content: counter(item) "";
      margin-left: -20px;
      color: #00567C; }
    .small-print ol li a {
      color: inherit;
      font-family: "Gilroy-Regular"; }
.small-print p,
.small-print ul > li,
.small-print ol > li,
.small-print p.has-small-print-font-size {
  font-size: 14px;
  line-height: 1.43;
  padding: 0 0 12px;
  color: #000000; }
  .small-print p.has-dark-blue-color,
  .small-print ul > li.has-dark-blue-color,
  .small-print ol > li.has-dark-blue-color,
  .small-print p.has-small-print-font-size.has-dark-blue-color {
    color: #00567C; }

ol {
  padding: 0 0 0 20px;
  counter-reset: item; }
  ol li {
    list-style-position: outside;
    list-style-type: decimal;
    padding: 0 0 10px 0;
    list-style-type: none;
    counter-increment: item;
    position: relative; }
    ol li:before {
      position: absolute;
      padding-right: 0.5em;
      font-family: "Gilroy-Bold";
      text-align: right;
      content: counter(item) "";
      margin-left: -20px;
      color: #00567C; }
    ol li strong {
      font-family: "Gilroy-Bold"; }

ul {
  padding: 0 0 12px 20px;
  margin: 0; }
  ul li {
    list-style-position: outside;
    list-style-type: disc;
    padding: 0 0 12px 0; }
    ul li::marker {
      color: #00567C; }
    ul li strong {
      font-family: "Gilroy-Bold"; }

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
p a,
span a,
li a {
  color: #00567C;
  font-family: "Gilroy-Bold";
  transition: color 0.5s ease; }
  h1 a:hover, h1 a:focus,
  h2 a:hover,
  h2 a:focus,
  h3 a:hover,
  h3 a:focus,
  h4 a:hover,
  h4 a:focus,
  h5 a:hover,
  h5 a:focus,
  h6 a:hover,
  h6 a:focus,
  p a:hover,
  p a:focus,
  span a:hover,
  span a:focus,
  li a:hover,
  li a:focus {
    color: #000000; }

.location-legal-page p a,
.location-legal-page li a {
  font-family: "Gilroy-Regular";
  color: #000000; }
.location-legal-page p strong a,
.location-legal-page li strong a {
  font-family: "Gilroy-Bold"; }

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  text-decoration: none; }

sup {
  font-size: 55%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.6em; }

.has-black-color {
  color: #000000; }

.has-dark-blue-color {
  color: #00567C; }

body.page-template-location-home-page {
  background-color: #66c8b9; }

body.page-template-select-a-location-page {
  background-color: #C6D9E1;
  position: relative;
  overflow: hidden; }
  body.page-template-select-a-location-page .home--circle {
    position: fixed;
    background-color: #66c8b9;
    border-radius: 50%;
    transform: scale(0); }
    @media only screen and (orientation: landscape) {
      body.page-template-select-a-location-page .home--circle {
        width: 250vw;
        height: 250vw;
        top: -125vw;
        left: -125vw; } }
    @media only screen and (orientation: portrait) {
      body.page-template-select-a-location-page .home--circle {
        width: 250vh;
        height: 250vh;
        top: -125vh;
        left: -125vh; } }

.select-location {
  display: -ms-grid;
  display: grid;
  align-content: center;
  height: 100vh;
  width: 100%;
  margin: -76px auto 0; }
  @media only screen and (min-width: 600px) {
    .select-location {
      margin-top: -109px; } }
  @media only screen and (min-width: 768px) {
    .select-location {
      max-width: 520px; } }
  @media only screen and (min-width: 992px) {
    .select-location {
      max-width: 864px; } }
  .select-location h1.select-location--heading {
    font-family: "Gilroy-SemiBold";
    font-size: 28px;
    margin: 0 20px 20px;
    line-height: 1.33;
    color: #00567C;
    padding: 0; }
    @media only screen and (min-width: 992px) {
      .select-location h1.select-location--heading {
        font-size: 36px;
        margin: 18px 12px 30px; } }
  .select-location .select-location--locations {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr; }
    @media only screen and (min-width: 992px) {
      .select-location .select-location--locations {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr; } }
    .select-location .select-location--locations a {
      text-decoration: none;
      box-shadow: -4px 4px 8px 0 rgba(0, 0, 0, 0);
      transition: all 0.5s ease; }
      .select-location .select-location--locations a:focus {
        outline: none;
        -webkit-appearance: none; }
      .select-location .select-location--locations a.button-focus, .select-location .select-location--locations a:hover {
        box-shadow: -4px 4px 8px 0 rgba(0, 0, 0, 0.16); }
      .select-location .select-location--locations a.select-location--location {
        position: relative;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 40px 1fr;
        grid-template-columns: 40px auto;
        margin: 6px 20px;
        background-color: #00567C;
        border-radius: 14px;
        padding: 20px 24px;
        align-items: center; }
        @media only screen and (min-width: 992px) {
          .select-location .select-location--locations a.select-location--location {
            margin: 18px 12px; }
            .select-location .select-location--locations a.select-location--location:nth-child(1) {
              -ms-grid-column: 1;
              -ms-grid-row: 1; }
            .select-location .select-location--locations a.select-location--location:nth-child(2) {
              -ms-grid-column: 2;
              -ms-grid-row: 1; }
            .select-location .select-location--locations a.select-location--location:nth-child(3) {
              -ms-grid-column: 1;
              -ms-grid-row: 2; }
            .select-location .select-location--locations a.select-location--location:nth-child(4) {
              -ms-grid-column: 2;
              -ms-grid-row: 2; }
            .select-location .select-location--locations a.select-location--location:nth-child(5) {
              -ms-grid-column: 1;
              -ms-grid-row: 3; }
            .select-location .select-location--locations a.select-location--location:nth-child(6) {
              -ms-grid-column: 2;
              -ms-grid-row: 3; }
            .select-location .select-location--locations a.select-location--location:nth-child(7) {
              -ms-grid-column: 1;
              -ms-grid-row: 4; }
            .select-location .select-location--locations a.select-location--location:nth-child(8) {
              -ms-grid-column: 2;
              -ms-grid-row: 4; } }
        .select-location .select-location--locations a.select-location--location .select-location--locations--icon {
          display: block;
          width: 40px;
          height: 40px;
          background-size: cover;
          background-repeat: no-repeat; }
          .select-location .select-location--locations a.select-location--location .select-location--locations--icon img {
            display: block;
            width: 100%;
            height: auto; }
          .select-location .select-location--locations a.select-location--location .select-location--locations--icon-france {
            background-image: url("background-images/france.png"); }
          .select-location .select-location--locations a.select-location--location .select-location--locations--icon-united-kingdom {
            background-image: url("background-images/united-kingdom.png"); }
          .select-location .select-location--locations a.select-location--location .select-location--locations--icon-suomi {
            background-image: url("background-images/suomi.png"); }
          .select-location .select-location--locations a.select-location--location .select-location--locations--icon-italia {
            background-image: url("background-images/italia.png"); }
          .select-location .select-location--locations a.select-location--location .select-location--locations--icon-deutschland {
            background-image: url("background-images/deutschland.png"); }
        .select-location .select-location--locations a.select-location--location h2 {
          font-family: "Gilroy-SemiBold";
          font-size: 24px;
          color: #ffffff;
          margin: 0 0 0 24px;
          padding: 0; }
        .select-location .select-location--locations a.select-location--location .select-location--locations--arrow {
          position: absolute;
          top: 50%;
          margin-top: -8px;
          right: 24px; }

.select-location--modal {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  display: -ms-grid;
  display: grid;
  align-content: center;
  width: 100%;
  height: 100vh; }
  .select-location--modal .select-location--modal-background {
    position: absolute;
    width: 100%;
    height: 100vh;
    background-color: #b2b2b2;
    opacity: 0.4; }
  .select-location--modal .select-location--modal-container {
    position: relative;
    width: calc(100% - 100px);
    padding: 50px 30px 30px;
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.16);
    margin: 0 auto;
    text-align: center; }
    @media only screen and (min-width: 768px) {
      .select-location--modal .select-location--modal-container {
        padding: 150px 130px;
        max-width: 428px; } }
    .select-location--modal .select-location--modal-container .select-location--modal-content p {
      font-family: "Gilroy-SemiBold"; }
      @media only screen and (min-width: 768px) {
        .select-location--modal .select-location--modal-container .select-location--modal-content p {
          font-size: 20px;
          line-height: 26px;
          padding-bottom: 36px; } }
    .select-location--modal .select-location--modal-container .select-location--modal-close {
      position: absolute;
      top: 0;
      right: 0;
      width: 22px;
      height: 22px;
      margin: 6px;
      background-image: url("background-images/icon-cross.svg");
      background-size: cover;
      background-repeat: no-repeat;
      cursor: pointer; }
      @media only screen and (min-width: 768px) {
        .select-location--modal .select-location--modal-container .select-location--modal-close {
          margin: 20px; } }

.location-product-range-page {
  opacity: 0;
  visibility: hidden; }
  .location-product-range-page .location-product-range--background-left {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 210px;
    background-image: url("background-images/product-range-left.svg");
    background-position: -450px 0;
    background-size: auto 100%;
    background-repeat: no-repeat; }
    @media only screen and (min-width: 600px) {
      .location-product-range-page .location-product-range--background-left {
        height: 230px; } }
    @media only screen and (min-width: 768px) {
      .location-product-range-page .location-product-range--background-left {
        height: 180px;
        width: 100%;
        background-position: top left; } }
    @media only screen and (min-width: 1200px) {
      .location-product-range-page .location-product-range--background-left {
        height: 200px; } }
  .location-product-range-page .location-product-range--background-right {
    position: absolute;
    top: 50px;
    left: 20px;
    width: calc(100% - 20px);
    height: 350px;
    background-image: url("background-images/product-range-right.svg");
    background-position: top left;
    background-size: auto 350px;
    background-repeat: no-repeat; }
    @media only screen and (min-width: 768px) {
      .location-product-range-page .location-product-range--background-right {
        height: 500px;
        background-size: auto 500px;
        width: 50%;
        top: 80px;
        left: 50%; } }
    @media only screen and (min-width: 992px) {
      .location-product-range-page .location-product-range--background-right {
        height: 600px;
        background-size: auto 600px;
        width: 48%;
        top: 75px;
        left: 52%; } }
    @media only screen and (min-width: 1200px) {
      .location-product-range-page .location-product-range--background-right {
        height: 690px;
        background-size: auto 690px;
        width: 48%;
        top: 75px;
        left: 52%; } }
  @media only screen and (min-width: 1200px) {
    .location-product-range-page .procuct-range--container {
      padding-top: 120px; } }

.location-product-page {
  opacity: 0;
  visibility: hidden; }
  .location-product-page .image--container {
    padding-top: 0; }
  .location-product-page .location-product--background-left {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 210px;
    background-image: url("background-images/product-range-left.svg");
    background-position: -450px 0;
    background-size: auto 100%;
    background-repeat: no-repeat; }
    @media only screen and (min-width: 600px) {
      .location-product-page .location-product--background-left {
        height: 230px; } }
    @media only screen and (min-width: 768px) {
      .location-product-page .location-product--background-left {
        height: 180px;
        width: 100%;
        background-position: top left; } }
    @media only screen and (min-width: 1200px) {
      .location-product-page .location-product--background-left {
        height: 200px; } }
  .location-product-page .location-product--background-right {
    position: absolute;
    top: 5%;
    left: 0;
    width: 100%;
    height: 800px;
    background-image: url("background-images/product-right.svg");
    background-position: -10px 0;
    background-size: 130% auto;
    background-repeat: no-repeat; }
    @media only screen and (min-width: 600px) {
      .location-product-page .location-product--background-right {
        height: 600px;
        background-size: auto 600px;
        background-position: top left;
        width: 50%;
        top: -50px;
        left: 50%; } }
    @media only screen and (min-width: 992px) {
      .location-product-page .location-product--background-right {
        height: 700px;
        background-size: auto 700px;
        width: 50%;
        top: -75px;
        left: 50%; } }
    @media only screen and (min-width: 1200px) {
      .location-product-page .location-product--background-right {
        height: 800px;
        background-size: auto 800px;
        top: -60px; } }
  .location-product-page .container--two-columns.container--reversed-mobile .button--container {
    margin-bottom: 48px; }

.location-error-page {
  text-align: center;
  display: block;
  width: 100%;
  height: 100vh;
  opacity: 0;
  visibility: hidden; }
  .location-error-page .location-error--background-left {
    position: absolute;
    top: 0;
    left: 0;
    width: 45%;
    height: 560px;
    background-image: url("background-images/product-error-left.svg");
    background-position: top right;
    background-size: cover;
    background-repeat: no-repeat; }
    @media only screen and (min-width: 768px) {
      .location-error-page .location-error--background-left {
        width: 40%;
        background-position: top right; } }
    @media only screen and (min-width: 1200px) {
      .location-error-page .location-error--background-left {
        height: 100%;
        width: 40%; } }
  .location-error-page .location-error--background-right {
    position: absolute;
    top: 20%;
    left: 60%;
    width: 40%;
    height: 450px;
    background-image: url("background-images/product-right.svg");
    background-position: 0 50%;
    background-size: auto 450px;
    background-repeat: no-repeat; }
    @media only screen and (min-width: 768px) {
      .location-error-page .location-error--background-right {
        height: 50vh;
        background-size: auto 600px;
        background-position: top left;
        width: 50%;
        top: 50vh;
        left: 50%; } }
    @media only screen and (min-width: 992px) {
      .location-error-page .location-error--background-right {
        height: 60vh;
        background-size: auto 900px;
        background-position: top left;
        width: 50%;
        top: 40vh;
        left: 50%; } }
    @media only screen and (min-width: 1200px) {
      .location-error-page .location-error--background-right {
        height: 60vh;
        background-size: auto 1100px;
        background-position: top left;
        width: 40%;
        top: 40vh;
        left: 60%; } }
  .location-error-page h2,
  .location-error-page p {
    padding: 0 0 36px; }
  .location-error-page .button--container {
    margin: 0; }
  .location-error-page .container--single-column {
    align-items: center;
    height: calc(100vh - 77px); }
    @media only screen and (min-width: 768px) {
      .location-error-page .container--single-column {
        height: calc(100vh - 109px); } }

.location-legal-page {
  opacity: 0;
  visibility: hidden; }

.location-retailers .block-editor-block-list__block {
  width: calc(100% - 40px); }
  .location-retailers .block-editor-block-list__block .block-editor-block-list__layout .block-editor-block-list__block {
    width: calc(100% - 20px); }
    .location-retailers .block-editor-block-list__block .block-editor-block-list__layout .block-editor-block-list__block .button--container {
      margin: 0;
      width: 100%;
      text-align: center; }
      .location-retailers .block-editor-block-list__block .block-editor-block-list__layout .block-editor-block-list__block .button--container a .container--button {
        display: inline-block; }

.location-retailers-page {
  opacity: 0;
  visibility: hidden;
  min-height: calc(100vh - 150px); }
  .location-retailers-page h5 {
    color: #000000; }
  .location-retailers-page .button--container {
    margin: 0;
    width: 100%;
    text-align: center; }
    .location-retailers-page .button--container a .container--button {
      display: inline-block; }
  .location-retailers-page .location-retailers--background-left {
    position: absolute;
    top: 0;
    left: 0;
    width: 45%;
    height: 330px;
    background-image: url("background-images/retailers-left.svg");
    background-position: top right;
    background-size: cover;
    background-repeat: no-repeat; }
    @media only screen and (min-width: 768px) {
      .location-retailers-page .location-retailers--background-left {
        width: 22%;
        height: 535px;
        background-position: top right; } }
  .location-retailers-page .location-retailers--background-right {
    position: absolute;
    top: 30%;
    left: 60%;
    width: 40%;
    height: 280px;
    background-image: url("background-images/product-range-right.svg");
    background-position: 0 50%;
    background-size: auto 280px;
    background-repeat: no-repeat; }
    @media only screen and (min-width: 768px) {
      .location-retailers-page .location-retailers--background-right {
        height: 600px;
        background-size: auto 600px;
        background-position: top left;
        width: 50%;
        top: 25%;
        left: 50%; } }
    @media only screen and (min-width: 1200px) {
      .location-retailers-page .location-retailers--background-right {
        height: 720px;
        background-size: auto 720px;
        background-position: top left;
        width: 35%;
        top: 25%;
        left: 65%; } }

.procuct-range--container {
  font-size: 0;
  text-align: center; }
  .procuct-range--container .product-range--product {
    display: block;
    width: calc(100% - 40px);
    height: auto;
    text-align: center;
    margin: 24px auto; }
    @media only screen and (min-width: 600px) {
      .procuct-range--container .product-range--product {
        display: inline-block;
        vertical-align: top;
        width: calc(50% - 24px);
        padding: 0 12px; } }
    @media only screen and (min-width: 768px) {
      .procuct-range--container .product-range--product {
        width: calc(33.3% - 24px); } }
    .procuct-range--container .product-range--product .product-range--product-image-container {
      display: block;
      width: calc(100% - 40px);
      height: auto;
      margin: 24px auto 0;
      padding-bottom: 24px;
      position: relative; }
      .procuct-range--container .product-range--product .product-range--product-image-container .range-button--product-image-icon {
        position: absolute;
        display: block;
        top: 0;
        right: 0;
        width: 80px;
        height: auto; }
        .procuct-range--container .product-range--product .product-range--product-image-container .range-button--product-image-icon img {
          display: block;
          width: 100%;
          height: auto; }
      .procuct-range--container .product-range--product .product-range--product-image-container .product-range--product-image {
        position: relative; }
        .procuct-range--container .product-range--product .product-range--product-image-container .product-range--product-image img {
          display: block;
          width: 100%;
          height: auto; }
    .procuct-range--container .product-range--product h4,
    .procuct-range--container .product-range--product p {
      text-align: center; }
    .procuct-range--container .product-range--product .button--container {
      margin-right: 0; }

.location-home-page-scroll-relative {
  position: relative;
  overflow: hidden;
  overflow-x: hidden;
  width: 100%;
  height: 100vh;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */ }
  .location-home-page-scroll-relative::-webkit-scrollbar {
    display: none; }
  .location-home-page-scroll-relative header,
  .location-home-page-scroll-relative .main-content {
    opacity: 0;
    visibility: hidden; }

/* Hide scrollbar for IE, Edge and Firefox */
.location-home-page--loading {
  width: 100%;
  background-size: cover;
  z-index: 1; }

.blob-left-1-container {
  position: absolute; }
  .blob-left-1-container #blob_left_1 {
    transform: scale(0);
    transform: translateX(-500px); }
    .blob-left-1-container #blob_left_1 #blob_left_1_2,
    .blob-left-1-container #blob_left_1 #blob_left_1_3,
    .blob-left-1-container #blob_left_1 #blob_left_1_4 {
      visibility: hidden; }
  @media only screen and (max-width: 413px) and (orientation: portrait) {
    .blob-left-1-container {
      transform: scale(0.3);
      top: -125px;
      left: -280px; } }
  @media only screen and (min-width: 414px) and (max-width: 579px) and (orientation: portrait) {
    .blob-left-1-container {
      transform: scale(0.35);
      top: -115px;
      left: -240px; } }
  @media only screen and (min-width: 580px) and (max-width: 679px) and (orientation: portrait) {
    .blob-left-1-container {
      transform: scale(0.45);
      top: -115px;
      left: -240px; } }
  @media only screen and (min-width: 680px) and (max-width: 767px) and (orientation: portrait) {
    .blob-left-1-container {
      transform: scale(0.55);
      top: -115px;
      left: -240px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) and (orientation: portrait) {
    .blob-left-1-container {
      transform: scale(0.7);
      top: -115px;
      left: -240px; } }
  @media only screen and (min-width: 1024px) and (orientation: portrait) {
    .blob-left-1-container {
      top: -115px;
      left: -240px; } }
  @media only screen and (max-width: 599px) and (orientation: landscape) {
    .blob-left-1-container {
      transform: scale(0.45);
      top: -75px;
      left: -250px; } }
  @media only screen and (min-width: 600px) and (max-width: 767px) and (orientation: landscape) {
    .blob-left-1-container {
      transform: scale(0.6);
      top: -50px;
      left: -300px; } }
  @media only screen and (min-width: 768px) and (max-width: 811px) and (orientation: landscape) {
    .blob-left-1-container {
      transform: scale(0.7);
      top: 12px;
      left: -250px; } }
  @media only screen and (min-width: 812px) and (max-width: 1023px) and (orientation: landscape) {
    .blob-left-1-container {
      transform: scale(0.7);
      top: -50px;
      left: -250px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1365px) and (orientation: landscape) {
    .blob-left-1-container {
      transform: scale(0.85);
      top: 0;
      left: -180px; } }
  @media only screen and (min-width: 1366px) and (max-width: 1799px) and (orientation: landscape) {
    .blob-left-1-container {
      top: 50px;
      left: -80px; } }
  @media only screen and (min-width: 1800px) and (max-width: 2199px) and (orientation: landscape) {
    .blob-left-1-container {
      transform: scale(1.2);
      top: 50px;
      left: -40px; } }
  @media only screen and (min-width: 2200px) and (orientation: landscape) {
    .blob-left-1-container {
      transform: scale(1.6);
      top: 50px;
      left: 0; } }

.blob-right-1-container {
  position: absolute; }
  .blob-right-1-container #blob_right_1 {
    transform: translateX(200px); }
    .blob-right-1-container #blob_right_1 #blob_right_1_2,
    .blob-right-1-container #blob_right_1 #blob_right_1_3,
    .blob-right-1-container #blob_right_1 #blob_right_1_4 {
      visibility: hidden; }
  @media only screen and (max-width: 413px) and (orientation: portrait) {
    .blob-right-1-container {
      transform: scale(0.3);
      top: -70px;
      right: -500px; } }
  @media only screen and (min-width: 414px) and (max-width: 579px) and (orientation: portrait) {
    .blob-right-1-container {
      transform: scale(0.35);
      top: 0;
      right: -500px; } }
  @media only screen and (min-width: 580px) and (max-width: 679px) and (orientation: portrait) {
    .blob-right-1-container {
      transform: scale(0.45);
      top: 0;
      right: -500px; } }
  @media only screen and (min-width: 680px) and (max-width: 767px) and (orientation: portrait) {
    .blob-right-1-container {
      transform: scale(0.55);
      top: 120px;
      right: -600px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) and (orientation: portrait) {
    .blob-right-1-container {
      transform: scale(0.7);
      top: 150px;
      right: -750px; } }
  @media only screen and (min-width: 1024px) and (orientation: portrait) {
    .blob-right-1-container {
      top: 250px;
      right: -900px; } }
  @media only screen and (max-width: 599px) and (orientation: landscape) {
    .blob-right-1-container {
      transform: scale(0.45);
      top: -80px;
      right: -490px; } }
  @media only screen and (min-width: 600px) and (max-width: 767px) and (orientation: landscape) {
    .blob-right-1-container {
      transform: scale(0.6);
      top: -290px;
      right: -530px; } }
  @media only screen and (min-width: 768px) and (max-width: 811px) and (orientation: landscape) {
    .blob-right-1-container {
      transform: scale(0.7);
      top: -120px;
      right: -550px; } }
  @media only screen and (min-width: 812px) and (max-width: 1023px) and (orientation: landscape) {
    .blob-right-1-container {
      transform: scale(0.7);
      top: -310px;
      right: -550px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1365px) and (orientation: landscape) {
    .blob-right-1-container {
      transform: scale(0.8);
      top: -75px;
      right: -600px; } }
  @media only screen and (min-width: 1366px) and (max-width: 1799px) and (orientation: landscape) {
    .blob-right-1-container {
      top: -50px;
      right: -800px; } }
  @media only screen and (min-width: 1800px) and (max-width: 2199px) and (orientation: landscape) {
    .blob-right-1-container {
      transform: scale(1.2);
      top: 0;
      right: -800px; } }
  @media only screen and (min-width: 2200px) and (orientation: landscape) {
    .blob-right-1-container {
      transform: scale(1.6);
      top: 50px;
      right: -1000px; } }

.blob-left-2-container {
  position: absolute; }
  .blob-left-2-container #blob_left_2 {
    transform: scale(0);
    transform: translateY(100%); }
    .blob-left-2-container #blob_left_2 #blob_left_2_2,
    .blob-left-2-container #blob_left_2 #blob_left_2_3,
    .blob-left-2-container #blob_left_2 #blob_left_2_4 {
      visibility: hidden; }
  @media only screen and (max-width: 413px) and (orientation: portrait) {
    .blob-left-2-container {
      transform: scale(0.3);
      left: -90%;
      top: 0; } }
  @media only screen and (min-width: 414px) and (max-width: 579px) and (orientation: portrait) {
    .blob-left-2-container {
      transform: scale(0.35);
      left: -60%;
      top: 120px; } }
  @media only screen and (min-width: 580px) and (max-width: 679px) and (orientation: portrait) {
    .blob-left-2-container {
      transform: scale(0.45);
      left: -40%;
      top: 160px; } }
  @media only screen and (min-width: 680px) and (max-width: 767px) and (orientation: portrait) {
    .blob-left-2-container {
      transform: scale(0.45);
      left: -40%;
      top: 220px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) and (orientation: portrait) {
    .blob-left-2-container {
      transform: scale(0.7);
      left: -20%;
      top: 650px; } }
  @media only screen and (min-width: 1024px) and (orientation: portrait) {
    .blob-left-2-container {
      left: 0;
      top: 1000px; } }
  @media only screen and (max-width: 599px) and (orientation: landscape) {
    .blob-left-2-container {
      transform: scale(0.55);
      left: -50%;
      top: 0; } }
  @media only screen and (min-width: 600px) and (max-width: 767px) and (orientation: landscape) {
    .blob-left-2-container {
      transform: scale(0.6);
      left: -32%;
      top: 150px; } }
  @media only screen and (min-width: 768px) and (max-width: 1811px) and (orientation: landscape) {
    .blob-left-2-container {
      transform: scale(0.7);
      left: -20%;
      top: 350px; } }
  @media only screen and (min-width: 812px) and (max-width: 1023px) and (orientation: landscape) {
    .blob-left-2-container {
      transform: scale(0.7);
      left: -20%;
      top: 300px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1365px) and (orientation: landscape) {
    .blob-left-2-container {
      transform: scale(0.8);
      left: -7%;
      top: 500px; } }
  @media only screen and (min-width: 1366px) and (max-width: 1799px) and (orientation: landscape) {
    .blob-left-2-container {
      left: -10%;
      top: 420px; } }
  @media only screen and (min-width: 1800px) and (max-width: 2199px) and (orientation: landscape) {
    .blob-left-2-container {
      transform: scale(1.2);
      left: 7%;
      top: 1000px; } }
  @media only screen and (min-width: 2200px) and (orientation: landscape) {
    .blob-left-2-container {
      transform: scale(1.6);
      top: 1300px;
      left: 15%; } }

.blob-right-2-container {
  position: absolute; }
  .blob-right-2-container #blob_right_2 {
    transform: translateX(25%); }
    .blob-right-2-container #blob_right_2 #blob_right_2_2,
    .blob-right-2-container #blob_right_2 #blob_right_2_3,
    .blob-right-2-container #blob_right_2 #blob_right_2_4 {
      visibility: hidden; }
  @media only screen and (max-width: 413px) and (orientation: portrait) {
    .blob-right-2-container {
      transform: scale(0.3);
      top: -80px;
      right: -540px; } }
  @media only screen and (min-width: 414px) and (max-width: 579px) and (orientation: portrait) {
    .blob-right-2-container {
      transform: scale(0.35);
      top: -80px;
      right: -540px; } }
  @media only screen and (min-width: 580px) and (max-width: 679px) and (orientation: portrait) {
    .blob-right-2-container {
      transform: scale(0.45);
      top: -80px;
      right: -540px; } }
  @media only screen and (min-width: 680px) and (max-width: 767px) and (orientation: portrait) {
    .blob-right-2-container {
      transform: scale(0.55);
      top: -20px;
      right: -540px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) and (orientation: portrait) {
    .blob-right-2-container {
      transform: scale(0.7);
      top: 20px;
      right: -650px; } }
  @media only screen and (min-width: 1024px) and (orientation: portrait) {
    .blob-right-2-container {
      top: 180px;
      right: -730px; } }
  @media only screen and (max-width: 599px) and (orientation: landscape) {
    .blob-right-2-container {
      transform: scale(0.45);
      top: 50px;
      right: -580px; } }
  @media only screen and (min-width: 600px) and (max-width: 767px) and (orientation: landscape) {
    .blob-right-2-container {
      transform: scale(0.6);
      top: 20px;
      right: -600px; } }
  @media only screen and (min-width: 768px) and (max-width: 811px) and (orientation: landscape) {
    .blob-right-2-container {
      transform: scale(0.7);
      top: 80px;
      right: -620px; } }
  @media only screen and (min-width: 812px) and (max-width: 1023px) and (orientation: landscape) {
    .blob-right-2-container {
      transform: scale(0.7);
      top: 0;
      right: -620px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1365px) and (orientation: landscape) {
    .blob-right-2-container {
      transform: scale(0.8);
      top: 150px;
      right: -650px; } }
  @media only screen and (min-width: 1366px) and (max-width: 1799px) and (orientation: landscape) {
    .blob-right-2-container {
      top: 200px;
      right: -720px; } }
  @media only screen and (min-width: 1800px) and (max-width: 2199px) and (orientation: landscape) {
    .blob-right-2-container {
      transform: scale(1.2);
      top: 300px;
      right: -800px; } }
  @media only screen and (min-width: 2200px) and (orientation: landscape) {
    .blob-right-2-container {
      transform: scale(1.6);
      top: 350px;
      right: -900px; } }

.blob-logo-container {
  display: block;
  width: 260px;
  height: 200px;
  position: absolute;
  top: 50vh;
  left: 50%;
  margin: -100px 0 0 -130px; }
  @media only screen and (min-width: 580px) and (max-width: 679px) and (orientation: portrait) {
    .blob-logo-container {
      width: 322px;
      height: 246px;
      margin: -123px 0 0 -161px; } }
  .blob-logo-container #blob_logo {
    display: block;
    width: 100%;
    height: auto;
    transform: scale(0) rotate(-20deg); }
    .blob-logo-container #blob_logo #blob_logo_2,
    .blob-logo-container #blob_logo #blob_logo_3,
    .blob-logo-container #blob_logo #blob_logo_4 {
      visibility: hidden; }
    .blob-logo-container #blob_logo .blob_logo_copy {
      visibility: hidden;
      opacity: 0; }

.blob-copy-container {
  display: -ms-grid;
  display: grid;
  align-content: center;
  width: 100%;
  height: 100vh;
  margin: 0 auto;
  position: relative;
  -ms-grid-columns: 100%;
  -ms-grid-rows: 1fr 1fr 1fr; }
  .blob-copy-container h2 {
    text-align: center;
    font-size: 32px;
    line-height: 38px;
    color: #000000;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1; }
    @media only screen and (min-width: 1024px) {
      .blob-copy-container h2 {
        font-size: 52px;
        line-height: 63px; } }
    .blob-copy-container h2 .blob-copy-line--group {
      display: block; }
      .blob-copy-container h2 .blob-copy-line--group .blob-copy-line {
        display: inline-block;
        height: auto;
        width: 100%;
        overflow: hidden; }
        @media only screen and (min-width: 768px) {
          .blob-copy-container h2 .blob-copy-line--group .blob-copy-line {
            display: inline-block;
            width: auto; } }
        .blob-copy-container h2 .blob-copy-line--group .blob-copy-line .blob-copy-line--content {
          display: none;
          margin: 0 auto;
          height: auto;
          width: 100%;
          transform: translate3d(0px, 63px, 0px); }
          @media only screen and (min-width: 768px) {
            .blob-copy-container h2 .blob-copy-line--group .blob-copy-line .blob-copy-line--content {
              width: auto; } }
        .blob-copy-container h2 .blob-copy-line--group .blob-copy-line .blob-copy-line--content-set {
          display: block;
          margin: 0 auto;
          height: auto;
          width: 100%;
          transform: translateY(0px); }
          @media only screen and (min-width: 768px) {
            .blob-copy-container h2 .blob-copy-line--group .blob-copy-line .blob-copy-line--content-set {
              width: auto; } }

.remove-animation {
  margin-top: -100vh; }

.remove-scroll {
  height: auto; }

.location-home-page--loading-arrow {
  display: block;
  width: 16px;
  height: 52px;
  background-image: url("background-images/arrow-scroll.svg");
  background-repeat: no-repeat;
  position: absolute;
  bottom: 35px;
  left: 50%;
  margin-left: -8px;
  opacity: 0;
  visibility: hidden;
  cursor: pointer; }
  @media only screen and (min-width: 1024px) {
    .location-home-page--loading-arrow {
      bottom: 72px; } }

[data-title="Button"],
.button--container {
  display: inline-block;
  margin: 0 20px 20px 0; }
  [data-title="Button"].button--centre-align,
  .button--container.button--centre-align {
    display: block;
    margin: 0;
    width: 100%;
    text-align: center; }
  [data-title="Button"] a,
  .button--container a {
    text-decoration: none; }
    [data-title="Button"] a:focus,
    .button--container a:focus {
      outline: none;
      -webkit-appearance: none; }
      [data-title="Button"] a:focus .button--regular,
      .button--container a:focus .button--regular {
        transition: box-shadow 0.5s ease;
        box-shadow: -4px 4px 8px 0 rgba(0, 0, 0, 0.16); }

.container--button {
  display: inline-block;
  font-family: "Gilroy-Bold";
  color: #fff;
  text-align: center;
  border: 0;
  position: relative;
  outline: none;
  cursor: pointer;
  text-decoration: none; }
  .container--button span {
    z-index: 10; }
    .container--button span a::before {
      display: none; }
  .container--button.button--regular {
    padding: 0 24px;
    height: 44px;
    border-radius: 10px;
    background-color: #00567C;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    transition: box-shadow 0.5s ease; }
    .container--button.button--regular.button--icon-before {
      padding: 0 24px 0 52px; }
    .container--button.button--regular.button--icon-after {
      padding: 0 52px 0 24px; }
    .container--button.button--regular span {
      font-size: 16px;
      line-height: 42px; }
    .container--button.button--regular:focus, .container--button.button--regular:hover {
      box-shadow: -4px 4px 8px 0 rgba(0, 0, 0, 0.16); }
  @media only screen and (min-width: 768px) {
    .container--button.button--gap-top {
      margin-top: 24px; } }

.range-buttons--container {
  font-size: 0;
  text-align: center;
  margin-bottom: 0; }
  .range-buttons--container .range-button-content {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px 10px; }
    @media only screen and (min-width: 768px) {
      .range-buttons--container .range-button-content {
        margin: 0 12px 12px; } }
    @media only screen and (min-width: 768px) {
      .range-buttons--container .range-button-content.range-button-content-expanded {
        margin: 0 72px 48px; } }
    .range-buttons--container .range-button-content .range-button {
      display: inline-block;
      border-radius: 10px;
      background-size: cover;
      background-repeat: no-repeat;
      width: 130px;
      height: 205px;
      background-color: #fff;
      box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
      transition: box-shadow 0.5s ease; }
      @media only screen and (min-width: 768px) {
        .range-buttons--container .range-button-content .range-button {
          width: 154px;
          height: 220px; } }
      .range-buttons--container .range-button-content .range-button:hover, .range-buttons--container .range-button-content .range-button:focus {
        box-shadow: -4px 4px 8px 0 rgba(0, 0, 0, 0.16);
        outline: none; }
      .range-buttons--container .range-button-content .range-button.range-button--skincare {
        background-image: url("background-images/skincare-bg.svg"); }
      .range-buttons--container .range-button-content .range-button.range-button--oral {
        background-image: url("background-images/oral-bg.svg"); }
      .range-buttons--container .range-button-content .range-button.range-button--wellbeing {
        background-image: url("background-images/wellbeing-bg.svg"); }
      .range-buttons--container .range-button-content .range-button.range-button--stomach {
        background-image: url("background-images/stomach-bg.svg"); }
      .range-buttons--container .range-button-content .range-button.range-button--sleep {
        background-image: url("background-images/sleep-bg.svg"); }
      .range-buttons--container .range-button-content .range-button .range-button-icon {
        display: block;
        margin: 30px auto; }
        @media only screen and (min-width: 768px) {
          .range-buttons--container .range-button-content .range-button .range-button-icon {
            margin: 36px auto; } }
      .range-buttons--container .range-button-content .range-button .range-button-label h5 {
        padding: 0 12px; }
    .range-buttons--container .range-button-content p.range-button-caption {
      font-family: "Gilroy-SemiBold";
      color: #00567C;
      padding: 12px 0 0; }

header.header {
  display: block;
  width: 100%;
  position: relative; }
  header.header .header-container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 80px 1fr 20px;
    grid-template-columns: 80px auto 20px;
    padding: 8px 20px;
    margin: 0 auto; }
    @media only screen and (min-width: 600px) {
      header.header .header-container {
        -ms-grid-columns: 112px 1fr 440px;
        grid-template-columns: 112px auto 440px; } }
    @media only screen and (min-width: 1200px) {
      header.header .header-container {
        padding: 12px 20px;
        width: 85%; } }
    @media only screen and (min-width: 1700px) {
      header.header .header-container {
        width: 75%;
        padding: 12px 20px; } }
    header.header .header-container .header-logo {
      display: block;
      width: 100%;
      height: auto;
      -ms-grid-column: 1;
      grid-column-start: 1;
      grid-column-end: 1;
      -ms-grid-column-span: 1; }
      header.header .header-container .header-logo a {
        outline: none; }
        header.header .header-container .header-logo a:hover, header.header .header-container .header-logo a:focus {
          outline: none; }
        header.header .header-container .header-logo a img {
          display: block;
          width: 100%;
          height: auto; }
    header.header .header-container .header-mobile-nav {
      display: -ms-grid;
      display: grid;
      -ms-grid-column: 3;
      grid-column-start: 3;
      grid-column-end: 3;
      -ms-grid-column-span: 1;
      align-content: center; }
      @media only screen and (min-width: 600px) {
        header.header .header-container .header-mobile-nav {
          display: none; } }
      header.header .header-container .header-mobile-nav .nav-bar {
        display: block;
        width: 20px;
        height: 2px;
        border-radius: 50%;
        background-color: #00567C;
        margin: 2px 0; }
  header.header nav.header-nav {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: #C6D9E1;
    left: 100%;
    transition: all 1s ease-in; }
    header.header nav.header-nav.header-nav-open {
      left: 0;
      transition: left 1s ease-out; }
    @media only screen and (min-width: 600px) {
      header.header nav.header-nav {
        position: relative;
        background-color: transparent;
        -ms-grid-column: 3;
        grid-column-start: 3;
        grid-column-end: 4;
        -ms-grid-column-span: 1;
        height: auto;
        left: auto; } }
    header.header nav.header-nav .header-nav--container {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 80px 1fr 23px;
      grid-template-columns: 80px auto 20px;
      -ms-grid-rows: 61px 36px 1fr 1fr;
      grid-template-rows: 61px 36px auto auto;
      padding: 8px 20px 20px; }
      @media only screen and (min-width: 600px) {
        header.header nav.header-nav .header-nav--container {
          -ms-grid-columns: 240px 200px;
          grid-template-columns: 240px 200px;
          -ms-grid-rows: 1fr;
          grid-template-rows: 1fr;
          padding: 0; } }
      header.header nav.header-nav .header-nav--container .header-logo {
        display: block;
        width: 100%;
        height: auto;
        -ms-grid-column: 1;
        grid-column-start: 1;
        grid-column-end: 1;
        -ms-grid-column-span: 1; }
        @media only screen and (min-width: 600px) {
          header.header nav.header-nav .header-nav--container .header-logo {
            display: none; } }
        header.header nav.header-nav .header-nav--container .header-logo img {
          display: block;
          width: 100%;
          height: auto; }
      header.header nav.header-nav .header-nav--container .close-nav {
        display: -ms-grid;
        display: grid;
        -ms-grid-column: 3;
        grid-column-start: 3;
        grid-column-end: 4;
        -ms-grid-column-span: 1;
        align-content: center; }
        @media only screen and (min-width: 600px) {
          header.header nav.header-nav .header-nav--container .close-nav {
            display: none; } }
      header.header nav.header-nav .header-nav--container .header-nav--products {
        -ms-grid-column: 1;
        -ms-grid-row: 3;
        grid-column-start: 1;
        grid-column-end: 4;
        grid-row-start: 3;
        grid-row-end: 3;
        -ms-grid-column-span: 3;
        padding-bottom: 24px; }
        @media only screen and (min-width: 600px) {
          header.header nav.header-nav .header-nav--container .header-nav--products {
            -ms-grid-column: 1;
            grid-column-start: 1;
            grid-column-end: 2;
            -ms-grid-column-span: 1;
            -ms-grid-row: 1;
            grid-row-start: 1;
            grid-row-end: 1;
            align-items: center;
            padding: 0 36px 0 0; } }
        header.header nav.header-nav .header-nav--container .header-nav--products ul {
          padding: 0; }
          header.header nav.header-nav .header-nav--container .header-nav--products ul li {
            list-style-type: none;
            padding: 0; }
            header.header nav.header-nav .header-nav--container .header-nav--products ul li.header-nav--products-header button {
              display: block;
              font-family: "Gilroy-Bold";
              font-size: 18px;
              line-height: 1.33;
              text-align: left;
              padding: 0 0 24px;
              width: 100%;
              border: none;
              background-color: transparent;
              position: relative;
              cursor: pointer;
              color: #3C3C3B;
              transition: color 0.2s ease-out;
              outline: none; }
              @media only screen and (min-width: 600px) {
                header.header nav.header-nav .header-nav--container .header-nav--products ul li.header-nav--products-header button:focus, header.header nav.header-nav .header-nav--container .header-nav--products ul li.header-nav--products-header button:hover {
                  outline: none;
                  color: #00567C;
                  transition: all 0.2s ease-in; }
                  header.header nav.header-nav .header-nav--container .header-nav--products ul li.header-nav--products-header button:focus::after, header.header nav.header-nav .header-nav--container .header-nav--products ul li.header-nav--products-header button:hover::after {
                    background-image: url("background-images/down-arrow-dark-blue-small.svg");
                    transform: rotate(0deg);
                    transition: transform 0.5s ease-out; }
                header.header nav.header-nav .header-nav--container .header-nav--products ul li.header-nav--products-header button.header-nav--products-header--button-open {
                  color: #00567C;
                  outline: none; }
                  header.header nav.header-nav .header-nav--container .header-nav--products ul li.header-nav--products-header button.header-nav--products-header--button-open::after {
                    background-image: url("background-images/down-arrow-dark-blue-small.svg");
                    transform: rotate(180deg);
                    transition: transform 0.5s ease-in; } }
              @media only screen and (min-width: 600px) {
                header.header nav.header-nav .header-nav--container .header-nav--products ul li.header-nav--products-header button {
                  margin: 24px 0;
                  padding: 0; } }
              header.header nav.header-nav .header-nav--container .header-nav--products ul li.header-nav--products-header button::after {
                position: absolute;
                content: '';
                width: 12px;
                height: 7px;
                top: 0;
                right: 0; }
                @media only screen and (min-width: 600px) {
                  header.header nav.header-nav .header-nav--container .header-nav--products ul li.header-nav--products-header button::after {
                    background-image: url("background-images/down-arrow-monochrome-small.svg");
                    background-repeat: no-repeat;
                    margin: 8px 6px;
                    transform: rotate(0deg);
                    transform-origin: center; } }
            @media only screen and (min-width: 600px) {
              header.header nav.header-nav .header-nav--container .header-nav--products ul li.header-nav--products-header ul {
                position: absolute; } }
            header.header nav.header-nav .header-nav--container .header-nav--products ul li.header-nav--products-header ul li.header-nav--products-product {
              font-family: "Gilroy-Regular";
              line-height: 1.5;
              font-size: 16px;
              padding-bottom: 12px; }
              @media only screen and (min-width: 600px) {
                header.header nav.header-nav .header-nav--container .header-nav--products ul li.header-nav--products-header ul li.header-nav--products-product {
                  transform: translateY(-20px);
                  opacity: 0;
                  transition: all 0.2s ease-in; } }
              header.header nav.header-nav .header-nav--container .header-nav--products ul li.header-nav--products-header ul li.header-nav--products-product.header-nav--products-product-open {
                transform: translateY(0);
                opacity: 1;
                transition: all 0.5s ease-out; }
              header.header nav.header-nav .header-nav--container .header-nav--products ul li.header-nav--products-header ul li.header-nav--products-product a {
                color: #3C3C3B;
                text-decoration: none;
                outline: none; }
                header.header nav.header-nav .header-nav--container .header-nav--products ul li.header-nav--products-header ul li.header-nav--products-product a:focus, header.header nav.header-nav .header-nav--container .header-nav--products ul li.header-nav--products-header ul li.header-nav--products-product a:hover {
                  color: #00567C;
                  transition: color 0.5s ease; }
      header.header nav.header-nav .header-nav--container .header-nav--locations {
        -ms-grid-column: 1;
        -ms-grid-row: 4;
        grid-column-start: 1;
        grid-column-end: 4;
        grid-row-start: 4;
        grid-row-end: 4;
        -ms-grid-column-span: 3; }
        @media only screen and (min-width: 600px) {
          header.header nav.header-nav .header-nav--container .header-nav--locations {
            -ms-grid-column: 2;
            grid-column-start: 2;
            grid-column-end: 3;
            -ms-grid-column-span: 1;
            -ms-grid-row: 1;
            grid-row-start: 1;
            grid-row-end: 1; } }
        header.header nav.header-nav .header-nav--container .header-nav--locations ul {
          padding: 0; }
          @media only screen and (min-width: 600px) {
            header.header nav.header-nav .header-nav--container .header-nav--locations ul {
              margin: 16px 0; } }
          header.header nav.header-nav .header-nav--container .header-nav--locations ul li {
            list-style-type: none;
            padding: 0; }
            header.header nav.header-nav .header-nav--container .header-nav--locations ul li.header-nav--locations-header button {
              display: block;
              padding: 8px 38px 8px 8px;
              border: none;
              background-color: #00567C;
              border-radius: 14px;
              position: relative;
              cursor: pointer;
              outline: none;
              box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
              transition: box-shadow 0.5s ease-in; }
              header.header nav.header-nav .header-nav--container .header-nav--locations ul li.header-nav--locations-header button:focus, header.header nav.header-nav .header-nav--container .header-nav--locations ul li.header-nav--locations-header button:hover {
                box-shadow: -4px 4px 8px 0 rgba(0, 0, 0, 0.16);
                transition: box-shadow 0.5s ease-out; }
              header.header nav.header-nav .header-nav--container .header-nav--locations ul li.header-nav--locations-header button::after {
                position: absolute;
                content: '';
                width: 12px;
                height: 7px;
                top: 0;
                right: 0;
                background-image: url("background-images/down-arrow-white-small.svg");
                background-repeat: no-repeat;
                margin: 17px 13px 16px;
                transform: rotate(0deg);
                transition: transform 0.5s ease-out; }
              header.header nav.header-nav .header-nav--container .header-nav--locations ul li.header-nav--locations-header button.header-nav--locations-header--button-open {
                box-shadow: -4px 4px 8px 0 rgba(0, 0, 0, 0.16);
                transition: box-shadow 0.5s ease-out; }
                header.header nav.header-nav .header-nav--container .header-nav--locations ul li.header-nav--locations-header button.header-nav--locations-header--button-open::after {
                  transform: rotate(180deg);
                  transition: transform 0.5s ease-in; }
              header.header nav.header-nav .header-nav--container .header-nav--locations ul li.header-nav--locations-header button span {
                display: block;
                width: 24px;
                height: 24px;
                background-size: cover;
                background-repeat: no-repeat; }
                header.header nav.header-nav .header-nav--container .header-nav--locations ul li.header-nav--locations-header button span.header-nav--locations-header-flag-france {
                  background-image: url("background-images/france.png"); }
                header.header nav.header-nav .header-nav--container .header-nav--locations ul li.header-nav--locations-header button span.header-nav--locations-header-flag-united-kingdom {
                  background-image: url("background-images/united-kingdom.png"); }
                header.header nav.header-nav .header-nav--container .header-nav--locations ul li.header-nav--locations-header button span.header-nav--locations-header-flag-suomi {
                  background-image: url("background-images/suomi.png"); }
                header.header nav.header-nav .header-nav--container .header-nav--locations ul li.header-nav--locations-header button span.header-nav--locations-header-flag-italia {
                  background-image: url("background-images/italia.png"); }
                header.header nav.header-nav .header-nav--container .header-nav--locations ul li.header-nav--locations-header button span.header-nav--locations-header-flag-deutschland {
                  background-image: url("background-images/deutschland.png"); }
            header.header nav.header-nav .header-nav--container .header-nav--locations ul li.header-nav--locations-header ul {
              display: block;
              margin-top: 20px; }
              @media only screen and (min-width: 600px) {
                header.header nav.header-nav .header-nav--container .header-nav--locations ul li.header-nav--locations-header ul {
                  position: absolute; } }
              header.header nav.header-nav .header-nav--container .header-nav--locations ul li.header-nav--locations-header ul li.select-location--locations--icon {
                display: -ms-grid;
                display: grid;
                -ms-grid-columns: 24px 1fr;
                grid-template-columns: 24px auto;
                -ms-grid-rows: 24px;
                grid-template-rows: 24px;
                width: 100%;
                margin: 0 0 10px 8px;
                font-family: "Gilroy-Regular";
                line-height: 1.5;
                font-size: 16px;
                position: relative;
                transform: translateY(-20px);
                opacity: 0;
                transition: all 0.2s ease-in; }
                header.header nav.header-nav .header-nav--container .header-nav--locations ul li.header-nav--locations-header ul li.select-location--locations--icon.select-location--location-open {
                  transform: translateY(0);
                  opacity: 1;
                  transition: all 0.5s ease-out; }
                header.header nav.header-nav .header-nav--container .header-nav--locations ul li.header-nav--locations-header ul li.select-location--locations--icon a {
                  display: block;
                  color: #3C3C3B;
                  text-decoration: none;
                  outline: none;
                  -ms-grid-column: 2; }
                  header.header nav.header-nav .header-nav--container .header-nav--locations ul li.header-nav--locations-header ul li.select-location--locations--icon a:focus, header.header nav.header-nav .header-nav--container .header-nav--locations ul li.header-nav--locations-header ul li.select-location--locations--icon a:hover {
                    color: #00567C;
                    transition: color 0.2s ease; }
                header.header nav.header-nav .header-nav--container .header-nav--locations ul li.header-nav--locations-header ul li.select-location--locations--icon span {
                  padding-left: 10px; }
                  header.header nav.header-nav .header-nav--container .header-nav--locations ul li.header-nav--locations-header ul li.select-location--locations--icon span.header-nav--locations-locations-flag {
                    display: block;
                    width: 24px;
                    height: 24px;
                    padding-left: 0;
                    background-size: cover;
                    background-repeat: no-repeat;
                    -ms-grid-column: 1; }
                    header.header nav.header-nav .header-nav--container .header-nav--locations ul li.header-nav--locations-header ul li.select-location--locations--icon span.header-nav--locations-locations-flag-france {
                      background-image: url("background-images/france.png"); }
                    header.header nav.header-nav .header-nav--container .header-nav--locations ul li.header-nav--locations-header ul li.select-location--locations--icon span.header-nav--locations-locations-flag-united-kingdom {
                      background-image: url("background-images/united-kingdom.png"); }
                    header.header nav.header-nav .header-nav--container .header-nav--locations ul li.header-nav--locations-header ul li.select-location--locations--icon span.header-nav--locations-locations-flag-suomi {
                      background-image: url("background-images/suomi.png"); }
                    header.header nav.header-nav .header-nav--container .header-nav--locations ul li.header-nav--locations-header ul li.select-location--locations--icon span.header-nav--locations-locations-flag-italia {
                      background-image: url("background-images/italia.png"); }
                    header.header nav.header-nav .header-nav--container .header-nav--locations ul li.header-nav--locations-header ul li.select-location--locations--icon span.header-nav--locations-locations-flag-deutschland {
                      background-image: url("background-images/deutschland.png"); }

.wp-block-table {
  margin: 24px 0;
  overflow: scroll; }
  @media only screen and (min-width: 600px) {
    .wp-block-table {
      overflow: visible; } }
  .wp-block-table table {
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 20px;
    border-spacing: 0;
    min-width: 560px; }
    .wp-block-table table td {
      font-family: "Gilroy-Regular";
      font-size: 16px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.4;
      letter-spacing: -0.16px;
      padding: 12px 24px;
      border: none;
      vertical-align: top;
      -ms-word-break: break-all;
      -ms-hyphens: auto; }
    .wp-block-table table tr {
      background-color: #fff; }
      .wp-block-table table tr:first-child td:first-child {
        border-radius: 10px 0 0 0; }
      .wp-block-table table tr:first-child td:last-child {
        border-radius: 0 10px 0 0; }
      .wp-block-table table tr:last-child td:first-child {
        border-radius: 0 0 0 10px; }
      .wp-block-table table tr:last-child td:last-child {
        border-radius: 0 0 10px 0; }
  .wp-block-table.table-header {
    display: block;
    width: 66%;
    margin-left: 34%; }
    .wp-block-table.table-header table {
      border-radius: 10px 0 0 10px;
      margin-bottom: 0;
      display: block;
      width: 100%; }
      .wp-block-table.table-header table tbody {
        display: block;
        width: 100%; }
        .wp-block-table.table-header table tbody tr {
          display: block;
          width: 100%;
          border-radius: 10px 10px 0 0; }
          .wp-block-table.table-header table tbody tr td {
            display: block;
            width: 100%;
            padding-left: 0;
            padding-right: 0;
            border-radius: 10px 10px 0 0 !important; }
  .wp-block-table.table-content table {
    border-radius: 0 10px 10px 10px; }
    .wp-block-table.table-content table tr:first-child td:last-child {
      border-radius: 0; }
  .wp-block-table.is-style-stripes, .wp-block-table.is-style-regular {
    border: none; }
    .wp-block-table.is-style-stripes table tbody tr:nth-child(odd), .wp-block-table.is-style-regular table tbody tr:nth-child(odd) {
      background-color: #C6D9E1; }
    .wp-block-table.is-style-stripes table tbody tr:first-child, .wp-block-table.is-style-regular table tbody tr:first-child {
      background-color: #00567C;
      color: #fff;
      font-family: "Gilroy-SemiBold"; }
  .wp-block-table.is-style-header-left {
    border: none; }
    .wp-block-table.is-style-header-left table tbody tr:nth-child(odd) {
      background-color: #C6D9E1; }
    .wp-block-table.is-style-header-left table tbody tr td {
      width: 60%; }
      .wp-block-table.is-style-header-left table tbody tr td:first-child {
        background-color: #00567C;
        color: #fff;
        width: 40%;
        font-family: "Gilroy-SemiBold"; }

.location-retailers .retailers-popup-container {
  display: none; }

.retailers--container {
  position: relative;
  text-align: center; }
  .retailers--container .retailers--list {
    display: inline-block;
    vertical-align: top;
    width: 191px;
    height: auto;
    margin: 0 12px;
    text-align: center; }
    .retailers--container .retailers--list .retailers--logo-container .retailers--logo {
      display: block;
      width: 100%;
      height: auto;
      margin-bottom: 24px;
      cursor: pointer;
      box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
      transition: box-shadow 0.5s ease; }
      .retailers--container .retailers--list .retailers--logo-container .retailers--logo:hover, .retailers--container .retailers--list .retailers--logo-container .retailers--logo:focus {
        box-shadow: -4px 4px 8px 0 rgba(0, 0, 0, 0.16);
        outline: none; }
      .retailers--container .retailers--list .retailers--logo-container .retailers--logo img {
        display: block;
        width: 100%;
        height: auto; }
    .retailers--container .retailers--list .retailers--logo-container p {
      text-align: center;
      cursor: pointer; }
  .retailers--container .retailers-popup-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 1000;
    display: none;
    opacity: 0;
    visibility: hidden; }
    .retailers--container .retailers-popup-container .retailers-popup-container--content {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 20px 1fr 20px;
      grid-template-columns: 20px auto 20px;
      align-items: center;
      height: 100vh; }
      @media only screen and (min-width: 768px) {
        .retailers--container .retailers-popup-container .retailers-popup-container--content {
          -ms-grid-columns: 1fr 688px 1ft;
          grid-template-columns: auto 688px auto; } }
      .retailers--container .retailers-popup-container .retailers-popup-container--content .retailers-popup-background {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #b2b2b2;
        opacity: 0.4; }
      .retailers--container .retailers-popup-container .retailers-popup-container--content .retailers-popup {
        position: relative;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column-start: 2;
        grid-column-end: 3;
        background-color: #fff;
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.16);
        padding: 48px 24px;
        transform: scale(0);
        transform-origin: center;
        opacity: 0;
        visibility: 0; }
        @media only screen and (min-width: 768px) {
          .retailers--container .retailers-popup-container .retailers-popup-container--content .retailers-popup {
            padding: 136px 180px; }
            .retailers--container .retailers-popup-container .retailers-popup-container--content .retailers-popup h5,
            .retailers--container .retailers-popup-container .retailers-popup-container--content .retailers-popup p {
              padding-bottom: 36px; } }
        .retailers--container .retailers-popup-container .retailers-popup-container--content .retailers-popup .retailers-popup-close {
          position: absolute;
          top: 0;
          right: 0;
          width: 22px;
          height: 22px;
          margin: 6px;
          background-image: url("background-images/icon-cross.svg");
          background-size: cover;
          background-repeat: no-repeat;
          cursor: pointer; }
          @media only screen and (min-width: 768px) {
            .retailers--container .retailers-popup-container .retailers-popup-container--content .retailers-popup .retailers-popup-close {
              margin: 20px; } }

.container--column figure {
  margin: 0; }

.video-with-placeholder {
  display: block;
  width: 100%;
  height: auto; }
  .video-with-placeholder video {
    display: block;
    width: 100%;
    height: auto; }

/* Scss Document */
.container--reduced-width-narrow .container--column.accordion-container, .container--reduced-width-narrow .wp-block-column.accordion-container {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0; }

.accordion-container {
  display: block; }
  .accordion-container .wp-block-button__link {
    cursor: pointer;
    border-radius: 0;
    margin: 0;
    padding: 0;
    padding: 12px 0; }
  .accordion-container .accordion-button {
    border-top: 1px solid #00567C;
    position: relative;
    width: 100%; }
    .accordion-container .accordion-button::after {
      content: '';
      width: 16px;
      height: 16px;
      position: absolute;
      top: 16px;
      left: calc(100% - 16px);
      background-image: url("../css/background-images/icon-accordion.svg");
      background-repeat: no-repeat;
      background-size: cover; }
    .accordion-container .accordion-button a,
    .accordion-container .accordion-button div {
      cursor: pointer;
      border-radius: 0;
      margin: 0;
      padding: 12px 0;
      cursor: pointer;
      font-family: "Gilroy-SemiBold";
      font-size: 20px;
      color: #000000;
      background-color: transparent;
      width: 100%;
      text-align: left;
      transition: color 0.5s ease; }
      .accordion-container .accordion-button a:hover, .accordion-container .accordion-button a:focus,
      .accordion-container .accordion-button div:hover,
      .accordion-container .accordion-button div:focus {
        outline: none;
        color: #00567C; }
  .accordion-container.accordion-active .accordion-button::after {
    background-image: url("../css/background-images/icon-accordion-expanded.svg"); }
  .accordion-container .wp-block-column.accordion-content {
    margin: 0;
    padding: 0;
    height: 0;
    opacity: 0;
    visibility: hidden; }
    .accordion-container .wp-block-column.accordion-content.block-editor-block-list__block {
      height: auto;
      opacity: 1;
      visibility: visible;
      padding: 12px 0 0;
      margin: 0; }

footer {
  display: block;
  width: 100%;
  height: auto;
  background-color: #00567C;
  position: relative; }
  footer .footer-container {
    display: block;
    padding: 48px 20px 24px;
    margin: 0 auto; }
    @media only screen and (min-width: 1200px) {
      footer .footer-container {
        width: 85%; } }
    @media only screen and (min-width: 1700px) {
      footer .footer-container {
        width: 75%; } }
    footer .footer-container .footer--page-links ul {
      display: block;
      width: 100%;
      padding: 0;
      text-align: center; }
      footer .footer-container .footer--page-links ul li.footer--page-link {
        display: block;
        color: #fff;
        font-family: "Gilroy-Bold";
        padding: 0 12px 24px;
        text-align: center; }
        @media only screen and (min-width: 768px) {
          footer .footer-container .footer--page-links ul li.footer--page-link {
            display: inline-block;
            vertical-align: top; } }
        footer .footer-container .footer--page-links ul li.footer--page-link a {
          color: #fff;
          text-decoration: none;
          transition: color 0.5s ease; }
          footer .footer-container .footer--page-links ul li.footer--page-link a:hover {
            color: #C6D9E1; }
    footer .footer-container .footer--legal-copy p {
      color: #fff;
      text-align: center; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

.slick-dots > li {
  display: inline-block; }
.slick-dots > li:only-child {
  display: none; }

.slick-slide:focus {
  outline: none; }

.slick-dots {
  position: absolute;
  bottom: -20px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0 0 24px;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      width: 15px;
      height: 15px;
      border: 3px solid #00567C;
      border-radius: 50%;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none;
        background-color: #00567C; }
    .slick-dots li.slick-active button {
      background-color: #00567C; }

.stagger-show {
  visibility: hidden;
  opacity: 0; }

#onetrust-banner-sdk:focus {
  outline: none !important;
  border: none !important; }
#onetrust-banner-sdk .ot-sdk-container {
  margin: 0 20px !important; }
  @media only screen and (min-width: 768px) {
    #onetrust-banner-sdk .ot-sdk-container .ot-sdk-row {
      display: -ms-grid !important;
      display: grid !important;
      margin: 0 20px !important;
      -ms-grid-columns: 1fr 250px !important;
      grid-template-columns: auto 250px !important;
      max-width: 1086px !important;
      margin: 0 auto !important;
      width: 90% !important; } }
  @media only screen and (min-width: 992px) {
    #onetrust-banner-sdk .ot-sdk-container .ot-sdk-row {
      -ms-grid-columns: 1fr 420px !important;
      grid-template-columns: auto 420px !important;
      align-items: center !important;
      margin: 30px auto !important; } }
  #onetrust-banner-sdk .ot-sdk-container .ot-sdk-row #onetrust-group-container {
    width: auto !important; }
    #onetrust-banner-sdk .ot-sdk-container .ot-sdk-row #onetrust-group-container #onetrust-policy {
      margin: 60px 0 0 !important; }
      @media only screen and (min-width: 768px) {
        #onetrust-banner-sdk .ot-sdk-container .ot-sdk-row #onetrust-group-container #onetrust-policy {
          margin: 0 20px !important; } }
      @media only screen and (min-width: 992px) {
        #onetrust-banner-sdk .ot-sdk-container .ot-sdk-row #onetrust-group-container #onetrust-policy {
          margin: 0 !important; } }
  #onetrust-banner-sdk .ot-sdk-container .ot-sdk-row p {
    font-family: "Gilroy-Regular" !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    padding: 0 0 20px !important;
    margin: 0 !important; }
    @media only screen and (min-width: 768px) {
      #onetrust-banner-sdk .ot-sdk-container .ot-sdk-row p {
        margin: 24px 0 !important;
        padding: 0 !important; } }
    @media only screen and (min-width: 992px) {
      #onetrust-banner-sdk .ot-sdk-container .ot-sdk-row p {
        padding-right: 30px !important; } }
  #onetrust-banner-sdk .ot-sdk-container .ot-sdk-row #onetrust-button-group-parent {
    text-align: left !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    transform: translateY(0);
    -ms-grid-column: 2;
    grid-column-start: 2;
    grid-column-end: 2;
    -ms-grid-column-span: 1; }
    #onetrust-banner-sdk .ot-sdk-container .ot-sdk-row #onetrust-button-group-parent #onetrust-button-group {
      margin: 0 0 10px !important; }
      @media only screen and (min-width: 768px) {
        #onetrust-banner-sdk .ot-sdk-container .ot-sdk-row #onetrust-button-group-parent #onetrust-button-group {
          margin: 20px 0 10px !important; } }
      @media only screen and (min-width: 992px) {
        #onetrust-banner-sdk .ot-sdk-container .ot-sdk-row #onetrust-button-group-parent #onetrust-button-group {
          margin: 0 !important;
          display: block;
          text-align: right; } }
      #onetrust-banner-sdk .ot-sdk-container .ot-sdk-row #onetrust-button-group-parent #onetrust-button-group button {
        display: block !important;
        font-family: "Gilroy-SemiBold" !important;
        font-size: 12px !important;
        width: auto !important;
        padding: 10px 20px !important;
        margin: 0 0 10px 0 !important;
        border: none !important; }
        @media only screen and (min-width: 768px) {
          #onetrust-banner-sdk .ot-sdk-container .ot-sdk-row #onetrust-button-group-parent #onetrust-button-group button {
            padding: 12px 20px !important;
            margin: 0 0 10px 20px !important; } }
        @media only screen and (min-width: 992px) {
          #onetrust-banner-sdk .ot-sdk-container .ot-sdk-row #onetrust-button-group-parent #onetrust-button-group button {
            display: inline-block !important;
            margin: 30px 15px 30px 0 !important; } }
        #onetrust-banner-sdk .ot-sdk-container .ot-sdk-row #onetrust-button-group-parent #onetrust-button-group button:focus {
          outline: none !important;
          -webkit-appearance: none !important;
          color: #3C3C3B;
          border: none !important; }
        #onetrust-banner-sdk .ot-sdk-container .ot-sdk-row #onetrust-button-group-parent #onetrust-button-group button#onetrust-pc-btn-handler.cookie-setting-link {
          background-color: #00567C !important;
          color: #fff !important;
          text-decoration: none !important; }

#onetrust-pc-sdk button {
  font-family: "Gilroy-SemiBold" !important;
  font-size: 12px !important; }
  #onetrust-pc-sdk button:focus {
    outline: none !important;
    -webkit-appearance: none !important;
    color: #3C3C3B; }
#onetrust-pc-sdk h3 {
  font-family: "Gilroy-Bold" !important;
  font-size: 18px !important;
  line-height: 1.22 !important; }
#onetrust-pc-sdk h4,
#onetrust-pc-sdk .ot-always-active {
  font-family: "Gilroy-Bold" !important;
  font-size: 13px !important;
  line-height: 1.5 !important; }
#onetrust-pc-sdk p,
#onetrust-pc-sdk #ot-pc-desc {
  font-family: "Gilroy-Regular" !important;
  font-size: 13px !important;
  line-height: 1.5 !important; }
#onetrust-pc-sdk .ot-acc-grpcntr {
  background-color: #ffffff !important; }
