@charset "UTF-8";
@layer legacy, cx;
@font-face {
  font-family: "Noto Sans Arabic";
  src: url("/Static/Hempel/fonts/noto-sans-arabic/fonts/Light.eot");
  src: url("/Static/Hempel/fonts/noto-sans-arabic/fonts/Light.eot?#iefix") format("embedded-opentype"), url("/Static/Hempel/fonts/noto-sans-arabic/fonts/Light.woff2") format("woff2"), url("/Static/Hempel/fonts/noto-sans-arabic/fonts/Light.woff") format("woff"), url("/Static/Hempel/fonts/noto-sans-arabic/fonts/Light.ttf") format("truetype"), url("/Static/Hempel/fonts/noto-sans-arabic/fonts/Light.svg#Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans Arabic";
  src: url("/Static/Hempel/fonts/noto-sans-arabic/fonts/Regular.eot");
  src: url("/Static/Hempel/fonts/noto-sans-arabic/fonts/Regular.eot?#iefix") format("embedded-opentype"), url("/Static/Hempel/fonts/noto-sans-arabic/fonts/Regular.woff2") format("woff2"), url("/Static/Hempel/fonts/noto-sans-arabic/fonts/Regular.woff") format("woff"), url("/Static/Hempel/fonts/noto-sans-arabic/fonts/Regular.ttf") format("truetype"), url("/Static/Hempel/fonts/noto-sans-arabic/fonts/Regular.svg#Regular") format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans Arabic";
  src: url("/Static/Hempel/fonts/noto-sans-arabic/fonts/Medium.eot");
  src: url("/Static/Hempel/fonts/noto-sans-arabic/fonts/Medium.eot?#iefix") format("embedded-opentype"), url("/Static/Hempel/fonts/noto-sans-arabic/fonts/Medium.woff2") format("woff2"), url("/Static/Hempel/fonts/noto-sans-arabic/fonts/Medium.woff") format("woff"), url("/Static/Hempel/fonts/noto-sans-arabic/fonts/Medium.ttf") format("truetype"), url("/Static/Hempel/fonts/noto-sans-arabic/fonts/Medium.svg#Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("/Static/Hempel/fonts/roboto/fonts/Roboto-Bold.eot");
  src: url("/Static/Hempel/fonts/roboto/fonts/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("/Static/Hempel/fonts/roboto/fonts/Roboto-Bold.woff2") format("woff2"), url("/Static/Hempel/fonts/roboto/fonts/Roboto-Bold.woff") format("woff"), url("/Static/Hempel/fonts/roboto/fonts/Roboto-Bold.ttf") format("truetype"), url("/Static/Hempel/fonts/roboto/fonts/Roboto-Bold.svg#Roboto-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("/Static/Hempel/fonts/roboto/fonts/Roboto-Medium.eot");
  src: url("/Static/Hempel/fonts/roboto/fonts/Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("/Static/Hempel/fonts/roboto/fonts/Roboto-Medium.woff2") format("woff2"), url("/Static/Hempel/fonts/roboto/fonts/Roboto-Medium.woff") format("woff"), url("/Static/Hempel/fonts/roboto/fonts/Roboto-Medium.ttf") format("truetype"), url("/Static/Hempel/fonts/roboto/fonts/Roboto-Medium.svg#Roboto-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("/Static/Hempel/fonts/roboto/fonts/Roboto-Light.eot");
  src: url("/Static/Hempel/fonts/roboto/fonts/Roboto-Light.eot?#iefix") format("embedded-opentype"), url("/Static/Hempel/fonts/roboto/fonts/Roboto-Light.woff2") format("woff2"), url("/Static/Hempel/fonts/roboto/fonts/Roboto-Light.woff") format("woff"), url("/Static/Hempel/fonts/roboto/fonts/Roboto-Light.ttf") format("truetype"), url("/Static/Hempel/fonts/roboto/fonts/Roboto-Light.svg#Roboto-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("/Static/Hempel/fonts/roboto/fonts/Roboto-Regular.eot");
  src: url("/Static/Hempel/fonts/roboto/fonts/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("/Static/Hempel/fonts/roboto/fonts/Roboto-Regular.woff2") format("woff2"), url("/Static/Hempel/fonts/roboto/fonts/Roboto-Regular.woff") format("woff"), url("/Static/Hempel/fonts/roboto/fonts/Roboto-Regular.ttf") format("truetype"), url("/Static/Hempel/fonts/roboto/fonts/Roboto-Regular.svg#Roboto-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Libre Franklin";
  src: url("/Static/Hempel/fonts/libreFranklin/fonts/LibreFranklin-Medium.eot");
  src: url("/Static/Hempel/fonts/libreFranklin/fonts/LibreFranklin-Medium.eot?#iefix") format("embedded-opentype"), url("/Static/Hempel/fonts/libreFranklin/fonts/LibreFranklin-Medium.woff2") format("woff2"), url("/Static/Hempel/fonts/libreFranklin/fonts/LibreFranklin-Medium.woff") format("woff"), url("/Static/Hempel/fonts/libreFranklin/fonts/LibreFranklin-Medium.ttf") format("truetype"), url("/Static/Hempel/fonts/libreFranklin/fonts/LibreFranklin-Medium.svg#LibreFranklin-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Libre Franklin";
  src: url("/Static/Hempel/fonts/libreFranklin/fonts/LibreFranklin-Light.eot");
  src: url("/Static/Hempel/fonts/libreFranklin/fonts/LibreFranklin-Light.eot?#iefix") format("embedded-opentype"), url("/Static/Hempel/fonts/libreFranklin/fonts/LibreFranklin-Light.woff2") format("woff2"), url("/Static/Hempel/fonts/libreFranklin/fonts/LibreFranklin-Light.woff") format("woff"), url("/Static/Hempel/fonts/libreFranklin/fonts/LibreFranklin-Light.ttf") format("truetype"), url("/Static/Hempel/fonts/libreFranklin/fonts/LibreFranklin-Light.svg#LibreFranklin-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Libre Franklin";
  src: url("/Static/Hempel/fonts/libreFranklin/fonts/LibreFranklin-SemiBold.eot");
  src: url("/Static/Hempel/fonts/libreFranklin/fonts/LibreFranklin-SemiBold.eot?#iefix") format("embedded-opentype"), url("/Static/Hempel/fonts/libreFranklin/fonts/LibreFranklin-SemiBold.woff2") format("woff2"), url("/Static/Hempel/fonts/libreFranklin/fonts/LibreFranklin-SemiBold.woff") format("woff"), url("/Static/Hempel/fonts/libreFranklin/fonts/LibreFranklin-SemiBold.ttf") format("truetype"), url("/Static/Hempel/fonts/libreFranklin/fonts/LibreFranklin-SemiBold.svg#LibreFranklin-SemiBold") format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Libre Franklin";
  src: url("/Static/Hempel/fonts/libreFranklin/fonts/LibreFranklin-Regular.eot");
  src: url("/Static/Hempel/fonts/libreFranklin/fonts/LibreFranklin-Regular.eot?#iefix") format("embedded-opentype"), url("/Static/Hempel/fonts/libreFranklin/fonts/LibreFranklin-Regular.woff2") format("woff2"), url("/Static/Hempel/fonts/libreFranklin/fonts/LibreFranklin-Regular.woff") format("woff"), url("/Static/Hempel/fonts/libreFranklin/fonts/LibreFranklin-Regular.ttf") format("truetype"), url("/Static/Hempel/fonts/libreFranklin/fonts/LibreFranklin-Regular.svg#LibreFranklin-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@layer legacy {
  .blue-gradient {
    background: linear-gradient(0deg, #0033a0 0%, #009fdf 100%);
  }
  .hidden-xs {
    display: block;
  }
  @media (max-width: 768px) {
    .hidden-xs {
      display: none !important;
    }
  }
  .visible-xs {
    display: none;
  }
  @media (max-width: 768px) {
    .visible-xs {
      display: block !important;
    }
  }
  @media (min-width: 768px) {
    .reg-mobile-only {
      display: none !important;
    }
  }
  @media (min-width: 992px) {
    .mobile-only {
      display: none !important;
    }
  }
  @media (max-width: 991px) {
    .desktop-only {
      display: none !important;
    }
  }
  .align-left,
  .align-start {
    text-align: start;
  }
  .align-center {
    text-align: center;
  }
  .align-right,
  .align-end {
    text-align: end;
  }
}
@layer legacy {
  body:not(.cx-theme) .theme-white .color-dark {
    color: #ffffff !important;
  }
  body:not(.cx-theme) .theme-white .color-light {
    color: #ffffff !important;
  }
  body:not(.cx-theme) .theme-white .background-dark {
    background-color: #ffffff !important;
  }
  body:not(.cx-theme) .theme-white .background-light {
    background-color: #ffffff !important;
  }
  body:not(.cx-theme) .theme-white .color-gradient {
    background: linear-gradient(0deg, #ffffff 0%, #ffffff 100%);
  }
  @media (min-width: 992px) {
    body:not(.cx-theme) .theme-white .button.color-gradient, body:not(.cx-theme) .theme-white form:not(.mf) input.color-gradient[type=submit], form:not(.mf) body:not(.cx-theme) .theme-white input.color-gradient[type=submit], body:not(.cx-theme) .theme-white a.color-gradient, body:not(.cx-theme) .theme-white.button a, body:not(.cx-theme) form:not(.mf) input.theme-white[type=submit] a, form:not(.mf) body:not(.cx-theme) input.theme-white[type=submit] a {
      -webkit-transition: background 0.4s;
      transition: background 0.4s;
    }
    body:not(.cx-theme) .theme-white .button.color-gradient:hover, body:not(.cx-theme) .theme-white form:not(.mf) input.color-gradient[type=submit]:hover, form:not(.mf) body:not(.cx-theme) .theme-white input.color-gradient[type=submit]:hover, body:not(.cx-theme) .theme-white a.color-gradient:hover, body:not(.cx-theme) .theme-white.button a:hover, body:not(.cx-theme) form:not(.mf) input.theme-white[type=submit] a:hover, form:not(.mf) body:not(.cx-theme) input.theme-white[type=submit] a:hover {
      background: linear-gradient(0deg, #ffffff 0%, #ffffff 100%);
      cursor: pointer;
    }
  }
  body:not(.cx-theme) .theme-white .theme-border {
    border-color: #ffffff !important;
  }
  body:not(.cx-theme) .theme-white .ui-selectmenu-icon,
  body:not(.cx-theme) .theme-white .option-wrapper:after {
    background-image: url(/Static/Hempel/gfx/icons/arrow_white.svg) !important;
  }
  .atomic.module.white, .atomic.module.container.white {
    background-color: #ffffff;
  }
  .atomic.module.blue, form:not(.mf) input.atomic.module[type=submit], .atomic.module.container.blue {
    background-color: #009fdf;
  }
  .atomic.module.green, .atomic.module.container.green {
    background-color: #64a70b;
  }
  .atomic.module.yellow, .atomic.module.container.yellow {
    background-color: #fedd00;
  }
  .atomic.module.orange, .atomic.module.container.orange {
    background-color: #ed9b33;
  }
  .atomic.module.red, .atomic.module.container.red {
    background-color: #e30613;
  }
  .atomic.module.pink, .atomic.module.container.pink {
    background-color: #e31c79;
  }
  .atomic.module.purple, .atomic.module.container.purple {
    background-color: #c724b1;
  }
  .atomic.module.brown, .atomic.module.container.brown {
    background-color: #cda788;
  }
  .atomic.module.grey, .atomic.module.container.grey {
    background-color: #f3f3f4;
  }
  .atomic.module.black, .atomic.module.container.black {
    background-color: #000000;
  }
  .atomic.module.gold, .atomic.module.container.gold {
    background-color: #84754e;
  }
  body:not(.cx-theme) .theme-blue .color-dark {
    color: #0033a0 !important;
  }
  body:not(.cx-theme) .theme-blue .color-light {
    color: #009fdf !important;
  }
  body:not(.cx-theme) .theme-blue .background-dark {
    background-color: #0033a0 !important;
  }
  body:not(.cx-theme) .theme-blue .background-light {
    background-color: #009fdf !important;
  }
  body:not(.cx-theme) .theme-blue .color-gradient {
    background: linear-gradient(0deg, #0033a0 0%, #009fdf 100%);
  }
  @media (min-width: 992px) {
    body:not(.cx-theme) .theme-blue .button.color-gradient, body:not(.cx-theme) .theme-blue form:not(.mf) input.color-gradient[type=submit], form:not(.mf) body:not(.cx-theme) .theme-blue input.color-gradient[type=submit], body:not(.cx-theme) .theme-blue a.color-gradient, body:not(.cx-theme) .theme-blue.button a, body:not(.cx-theme) form:not(.mf) input.theme-blue[type=submit] a, form:not(.mf) body:not(.cx-theme) input.theme-blue[type=submit] a {
      -webkit-transition: background 0.4s;
      transition: background 0.4s;
    }
    body:not(.cx-theme) .theme-blue .button.color-gradient:hover, body:not(.cx-theme) .theme-blue form:not(.mf) input.color-gradient[type=submit]:hover, form:not(.mf) body:not(.cx-theme) .theme-blue input.color-gradient[type=submit]:hover, body:not(.cx-theme) .theme-blue a.color-gradient:hover, body:not(.cx-theme) .theme-blue.button a:hover, body:not(.cx-theme) form:not(.mf) input.theme-blue[type=submit] a:hover, form:not(.mf) body:not(.cx-theme) input.theme-blue[type=submit] a:hover {
      background: linear-gradient(0deg, #009fdf 0%, #0033a0 100%);
      cursor: pointer;
    }
  }
  body:not(.cx-theme) .theme-blue .theme-border {
    border-color: #009fdf !important;
  }
  body:not(.cx-theme) .theme-blue .ui-selectmenu-icon,
  body:not(.cx-theme) .theme-blue .option-wrapper:after {
    background-image: url(/Static/Hempel/gfx/icons/arrow_blue.svg) !important;
  }
  .atomic.module.white, .atomic.module.container.white {
    background-color: #ffffff;
  }
  .atomic.module.blue, form:not(.mf) input.atomic.module[type=submit], .atomic.module.container.blue {
    background-color: #009fdf;
  }
  .atomic.module.green, .atomic.module.container.green {
    background-color: #64a70b;
  }
  .atomic.module.yellow, .atomic.module.container.yellow {
    background-color: #fedd00;
  }
  .atomic.module.orange, .atomic.module.container.orange {
    background-color: #ed9b33;
  }
  .atomic.module.red, .atomic.module.container.red {
    background-color: #e30613;
  }
  .atomic.module.pink, .atomic.module.container.pink {
    background-color: #e31c79;
  }
  .atomic.module.purple, .atomic.module.container.purple {
    background-color: #c724b1;
  }
  .atomic.module.brown, .atomic.module.container.brown {
    background-color: #cda788;
  }
  .atomic.module.grey, .atomic.module.container.grey {
    background-color: #f3f3f4;
  }
  .atomic.module.black, .atomic.module.container.black {
    background-color: #000000;
  }
  .atomic.module.gold, .atomic.module.container.gold {
    background-color: #84754e;
  }
  body:not(.cx-theme) .theme-green .color-dark {
    color: #2c5234 !important;
  }
  body:not(.cx-theme) .theme-green .color-light {
    color: #64a70b !important;
  }
  body:not(.cx-theme) .theme-green .background-dark {
    background-color: #2c5234 !important;
  }
  body:not(.cx-theme) .theme-green .background-light {
    background-color: #64a70b !important;
  }
  body:not(.cx-theme) .theme-green .color-gradient {
    background: linear-gradient(0deg, #2c5234 0%, #64a70b 100%);
  }
  @media (min-width: 992px) {
    body:not(.cx-theme) .theme-green .button.color-gradient, body:not(.cx-theme) .theme-green form:not(.mf) input.color-gradient[type=submit], form:not(.mf) body:not(.cx-theme) .theme-green input.color-gradient[type=submit], body:not(.cx-theme) .theme-green a.color-gradient, body:not(.cx-theme) .theme-green.button a, body:not(.cx-theme) form:not(.mf) input.theme-green[type=submit] a, form:not(.mf) body:not(.cx-theme) input.theme-green[type=submit] a {
      -webkit-transition: background 0.4s;
      transition: background 0.4s;
    }
    body:not(.cx-theme) .theme-green .button.color-gradient:hover, body:not(.cx-theme) .theme-green form:not(.mf) input.color-gradient[type=submit]:hover, form:not(.mf) body:not(.cx-theme) .theme-green input.color-gradient[type=submit]:hover, body:not(.cx-theme) .theme-green a.color-gradient:hover, body:not(.cx-theme) .theme-green.button a:hover, body:not(.cx-theme) form:not(.mf) input.theme-green[type=submit] a:hover, form:not(.mf) body:not(.cx-theme) input.theme-green[type=submit] a:hover {
      background: linear-gradient(0deg, #64a70b 0%, #2c5234 100%);
      cursor: pointer;
    }
  }
  body:not(.cx-theme) .theme-green .theme-border {
    border-color: #64a70b !important;
  }
  body:not(.cx-theme) .theme-green .ui-selectmenu-icon,
  body:not(.cx-theme) .theme-green .option-wrapper:after {
    background-image: url(/Static/Hempel/gfx/icons/arrow_green.svg) !important;
  }
  .atomic.module.white, .atomic.module.container.white {
    background-color: #ffffff;
  }
  .atomic.module.blue, form:not(.mf) input.atomic.module[type=submit], .atomic.module.container.blue {
    background-color: #009fdf;
  }
  .atomic.module.green, .atomic.module.container.green {
    background-color: #64a70b;
  }
  .atomic.module.yellow, .atomic.module.container.yellow {
    background-color: #fedd00;
  }
  .atomic.module.orange, .atomic.module.container.orange {
    background-color: #ed9b33;
  }
  .atomic.module.red, .atomic.module.container.red {
    background-color: #e30613;
  }
  .atomic.module.pink, .atomic.module.container.pink {
    background-color: #e31c79;
  }
  .atomic.module.purple, .atomic.module.container.purple {
    background-color: #c724b1;
  }
  .atomic.module.brown, .atomic.module.container.brown {
    background-color: #cda788;
  }
  .atomic.module.grey, .atomic.module.container.grey {
    background-color: #f3f3f4;
  }
  .atomic.module.black, .atomic.module.container.black {
    background-color: #000000;
  }
  .atomic.module.gold, .atomic.module.container.gold {
    background-color: #84754e;
  }
  body:not(.cx-theme) .theme-yellow .color-dark {
    color: #ed8b00 !important;
  }
  body:not(.cx-theme) .theme-yellow .color-light {
    color: #fedd00 !important;
  }
  body:not(.cx-theme) .theme-yellow .background-dark {
    background-color: #ed8b00 !important;
  }
  body:not(.cx-theme) .theme-yellow .background-light {
    background-color: #fedd00 !important;
  }
  body:not(.cx-theme) .theme-yellow .color-gradient {
    background: linear-gradient(0deg, #ed8b00 0%, #fedd00 100%);
  }
  @media (min-width: 992px) {
    body:not(.cx-theme) .theme-yellow .button.color-gradient, body:not(.cx-theme) .theme-yellow form:not(.mf) input.color-gradient[type=submit], form:not(.mf) body:not(.cx-theme) .theme-yellow input.color-gradient[type=submit], body:not(.cx-theme) .theme-yellow a.color-gradient, body:not(.cx-theme) .theme-yellow.button a, body:not(.cx-theme) form:not(.mf) input.theme-yellow[type=submit] a, form:not(.mf) body:not(.cx-theme) input.theme-yellow[type=submit] a {
      -webkit-transition: background 0.4s;
      transition: background 0.4s;
    }
    body:not(.cx-theme) .theme-yellow .button.color-gradient:hover, body:not(.cx-theme) .theme-yellow form:not(.mf) input.color-gradient[type=submit]:hover, form:not(.mf) body:not(.cx-theme) .theme-yellow input.color-gradient[type=submit]:hover, body:not(.cx-theme) .theme-yellow a.color-gradient:hover, body:not(.cx-theme) .theme-yellow.button a:hover, body:not(.cx-theme) form:not(.mf) input.theme-yellow[type=submit] a:hover, form:not(.mf) body:not(.cx-theme) input.theme-yellow[type=submit] a:hover {
      background: linear-gradient(0deg, #fedd00 0%, #ed8b00 100%);
      cursor: pointer;
    }
  }
  body:not(.cx-theme) .theme-yellow .theme-border {
    border-color: #fedd00 !important;
  }
  body:not(.cx-theme) .theme-yellow .ui-selectmenu-icon,
  body:not(.cx-theme) .theme-yellow .option-wrapper:after {
    background-image: url(/Static/Hempel/gfx/icons/arrow_yellow.svg) !important;
  }
  .atomic.module.white, .atomic.module.container.white {
    background-color: #ffffff;
  }
  .atomic.module.blue, form:not(.mf) input.atomic.module[type=submit], .atomic.module.container.blue {
    background-color: #009fdf;
  }
  .atomic.module.green, .atomic.module.container.green {
    background-color: #64a70b;
  }
  .atomic.module.yellow, .atomic.module.container.yellow {
    background-color: #fedd00;
  }
  .atomic.module.orange, .atomic.module.container.orange {
    background-color: #ed9b33;
  }
  .atomic.module.red, .atomic.module.container.red {
    background-color: #e30613;
  }
  .atomic.module.pink, .atomic.module.container.pink {
    background-color: #e31c79;
  }
  .atomic.module.purple, .atomic.module.container.purple {
    background-color: #c724b1;
  }
  .atomic.module.brown, .atomic.module.container.brown {
    background-color: #cda788;
  }
  .atomic.module.grey, .atomic.module.container.grey {
    background-color: #f3f3f4;
  }
  .atomic.module.black, .atomic.module.container.black {
    background-color: #000000;
  }
  .atomic.module.gold, .atomic.module.container.gold {
    background-color: #84754e;
  }
  body:not(.cx-theme) .theme-orange .color-dark {
    color: #cf4520 !important;
  }
  body:not(.cx-theme) .theme-orange .color-light {
    color: #ed9b33 !important;
  }
  body:not(.cx-theme) .theme-orange .background-dark {
    background-color: #cf4520 !important;
  }
  body:not(.cx-theme) .theme-orange .background-light {
    background-color: #ed9b33 !important;
  }
  body:not(.cx-theme) .theme-orange .color-gradient {
    background: linear-gradient(0deg, #cf4520 0%, #ed9b33 100%);
  }
  @media (min-width: 992px) {
    body:not(.cx-theme) .theme-orange .button.color-gradient, body:not(.cx-theme) .theme-orange form:not(.mf) input.color-gradient[type=submit], form:not(.mf) body:not(.cx-theme) .theme-orange input.color-gradient[type=submit], body:not(.cx-theme) .theme-orange a.color-gradient, body:not(.cx-theme) .theme-orange.button a, body:not(.cx-theme) form:not(.mf) input.theme-orange[type=submit] a, form:not(.mf) body:not(.cx-theme) input.theme-orange[type=submit] a {
      -webkit-transition: background 0.4s;
      transition: background 0.4s;
    }
    body:not(.cx-theme) .theme-orange .button.color-gradient:hover, body:not(.cx-theme) .theme-orange form:not(.mf) input.color-gradient[type=submit]:hover, form:not(.mf) body:not(.cx-theme) .theme-orange input.color-gradient[type=submit]:hover, body:not(.cx-theme) .theme-orange a.color-gradient:hover, body:not(.cx-theme) .theme-orange.button a:hover, body:not(.cx-theme) form:not(.mf) input.theme-orange[type=submit] a:hover, form:not(.mf) body:not(.cx-theme) input.theme-orange[type=submit] a:hover {
      background: linear-gradient(0deg, #ed9b33 0%, #cf4520 100%);
      cursor: pointer;
    }
  }
  body:not(.cx-theme) .theme-orange .theme-border {
    border-color: #ed9b33 !important;
  }
  body:not(.cx-theme) .theme-orange .ui-selectmenu-icon,
  body:not(.cx-theme) .theme-orange .option-wrapper:after {
    background-image: url(/Static/Hempel/gfx/icons/arrow_orange.svg) !important;
  }
  .atomic.module.white, .atomic.module.container.white {
    background-color: #ffffff;
  }
  .atomic.module.blue, form:not(.mf) input.atomic.module[type=submit], .atomic.module.container.blue {
    background-color: #009fdf;
  }
  .atomic.module.green, .atomic.module.container.green {
    background-color: #64a70b;
  }
  .atomic.module.yellow, .atomic.module.container.yellow {
    background-color: #fedd00;
  }
  .atomic.module.orange, .atomic.module.container.orange {
    background-color: #ed9b33;
  }
  .atomic.module.red, .atomic.module.container.red {
    background-color: #e30613;
  }
  .atomic.module.pink, .atomic.module.container.pink {
    background-color: #e31c79;
  }
  .atomic.module.purple, .atomic.module.container.purple {
    background-color: #c724b1;
  }
  .atomic.module.brown, .atomic.module.container.brown {
    background-color: #cda788;
  }
  .atomic.module.grey, .atomic.module.container.grey {
    background-color: #f3f3f4;
  }
  .atomic.module.black, .atomic.module.container.black {
    background-color: #000000;
  }
  .atomic.module.gold, .atomic.module.container.gold {
    background-color: #84754e;
  }
  body:not(.cx-theme) .theme-red .color-dark {
    color: #8a2a2b !important;
  }
  body:not(.cx-theme) .theme-red .color-light {
    color: #e30613 !important;
  }
  body:not(.cx-theme) .theme-red .background-dark {
    background-color: #8a2a2b !important;
  }
  body:not(.cx-theme) .theme-red .background-light {
    background-color: #e30613 !important;
  }
  body:not(.cx-theme) .theme-red .color-gradient {
    background: linear-gradient(0deg, #8a2a2b 0%, #e30613 100%);
  }
  @media (min-width: 992px) {
    body:not(.cx-theme) .theme-red .button.color-gradient, body:not(.cx-theme) .theme-red form:not(.mf) input.color-gradient[type=submit], form:not(.mf) body:not(.cx-theme) .theme-red input.color-gradient[type=submit], body:not(.cx-theme) .theme-red a.color-gradient, body:not(.cx-theme) .theme-red.button a, body:not(.cx-theme) form:not(.mf) input.theme-red[type=submit] a, form:not(.mf) body:not(.cx-theme) input.theme-red[type=submit] a {
      -webkit-transition: background 0.4s;
      transition: background 0.4s;
    }
    body:not(.cx-theme) .theme-red .button.color-gradient:hover, body:not(.cx-theme) .theme-red form:not(.mf) input.color-gradient[type=submit]:hover, form:not(.mf) body:not(.cx-theme) .theme-red input.color-gradient[type=submit]:hover, body:not(.cx-theme) .theme-red a.color-gradient:hover, body:not(.cx-theme) .theme-red.button a:hover, body:not(.cx-theme) form:not(.mf) input.theme-red[type=submit] a:hover, form:not(.mf) body:not(.cx-theme) input.theme-red[type=submit] a:hover {
      background: linear-gradient(0deg, #e30613 0%, #8a2a2b 100%);
      cursor: pointer;
    }
  }
  body:not(.cx-theme) .theme-red .theme-border {
    border-color: #e30613 !important;
  }
  body:not(.cx-theme) .theme-red .ui-selectmenu-icon,
  body:not(.cx-theme) .theme-red .option-wrapper:after {
    background-image: url(/Static/Hempel/gfx/icons/arrow_red.svg) !important;
  }
  .atomic.module.white, .atomic.module.container.white {
    background-color: #ffffff;
  }
  .atomic.module.blue, form:not(.mf) input.atomic.module[type=submit], .atomic.module.container.blue {
    background-color: #009fdf;
  }
  .atomic.module.green, .atomic.module.container.green {
    background-color: #64a70b;
  }
  .atomic.module.yellow, .atomic.module.container.yellow {
    background-color: #fedd00;
  }
  .atomic.module.orange, .atomic.module.container.orange {
    background-color: #ed9b33;
  }
  .atomic.module.red, .atomic.module.container.red {
    background-color: #e30613;
  }
  .atomic.module.pink, .atomic.module.container.pink {
    background-color: #e31c79;
  }
  .atomic.module.purple, .atomic.module.container.purple {
    background-color: #c724b1;
  }
  .atomic.module.brown, .atomic.module.container.brown {
    background-color: #cda788;
  }
  .atomic.module.grey, .atomic.module.container.grey {
    background-color: #f3f3f4;
  }
  .atomic.module.black, .atomic.module.container.black {
    background-color: #000000;
  }
  .atomic.module.gold, .atomic.module.container.gold {
    background-color: #84754e;
  }
  body:not(.cx-theme) .theme-pink .color-dark {
    color: #833177 !important;
  }
  body:not(.cx-theme) .theme-pink .color-light {
    color: #e31c79 !important;
  }
  body:not(.cx-theme) .theme-pink .background-dark {
    background-color: #833177 !important;
  }
  body:not(.cx-theme) .theme-pink .background-light {
    background-color: #e31c79 !important;
  }
  body:not(.cx-theme) .theme-pink .color-gradient {
    background: linear-gradient(0deg, #833177 0%, #e31c79 100%);
  }
  @media (min-width: 992px) {
    body:not(.cx-theme) .theme-pink .button.color-gradient, body:not(.cx-theme) .theme-pink form:not(.mf) input.color-gradient[type=submit], form:not(.mf) body:not(.cx-theme) .theme-pink input.color-gradient[type=submit], body:not(.cx-theme) .theme-pink a.color-gradient, body:not(.cx-theme) .theme-pink.button a, body:not(.cx-theme) form:not(.mf) input.theme-pink[type=submit] a, form:not(.mf) body:not(.cx-theme) input.theme-pink[type=submit] a {
      -webkit-transition: background 0.4s;
      transition: background 0.4s;
    }
    body:not(.cx-theme) .theme-pink .button.color-gradient:hover, body:not(.cx-theme) .theme-pink form:not(.mf) input.color-gradient[type=submit]:hover, form:not(.mf) body:not(.cx-theme) .theme-pink input.color-gradient[type=submit]:hover, body:not(.cx-theme) .theme-pink a.color-gradient:hover, body:not(.cx-theme) .theme-pink.button a:hover, body:not(.cx-theme) form:not(.mf) input.theme-pink[type=submit] a:hover, form:not(.mf) body:not(.cx-theme) input.theme-pink[type=submit] a:hover {
      background: linear-gradient(0deg, #e31c79 0%, #833177 100%);
      cursor: pointer;
    }
  }
  body:not(.cx-theme) .theme-pink .theme-border {
    border-color: #e31c79 !important;
  }
  body:not(.cx-theme) .theme-pink .ui-selectmenu-icon,
  body:not(.cx-theme) .theme-pink .option-wrapper:after {
    background-image: url(/Static/Hempel/gfx/icons/arrow_pink.svg) !important;
  }
  .atomic.module.white, .atomic.module.container.white {
    background-color: #ffffff;
  }
  .atomic.module.blue, form:not(.mf) input.atomic.module[type=submit], .atomic.module.container.blue {
    background-color: #009fdf;
  }
  .atomic.module.green, .atomic.module.container.green {
    background-color: #64a70b;
  }
  .atomic.module.yellow, .atomic.module.container.yellow {
    background-color: #fedd00;
  }
  .atomic.module.orange, .atomic.module.container.orange {
    background-color: #ed9b33;
  }
  .atomic.module.red, .atomic.module.container.red {
    background-color: #e30613;
  }
  .atomic.module.pink, .atomic.module.container.pink {
    background-color: #e31c79;
  }
  .atomic.module.purple, .atomic.module.container.purple {
    background-color: #c724b1;
  }
  .atomic.module.brown, .atomic.module.container.brown {
    background-color: #cda788;
  }
  .atomic.module.grey, .atomic.module.container.grey {
    background-color: #f3f3f4;
  }
  .atomic.module.black, .atomic.module.container.black {
    background-color: #000000;
  }
  .atomic.module.gold, .atomic.module.container.gold {
    background-color: #84754e;
  }
  body:not(.cx-theme) .theme-purple .color-dark {
    color: #582c83 !important;
  }
  body:not(.cx-theme) .theme-purple .color-light {
    color: #c724b1 !important;
  }
  body:not(.cx-theme) .theme-purple .background-dark {
    background-color: #582c83 !important;
  }
  body:not(.cx-theme) .theme-purple .background-light {
    background-color: #c724b1 !important;
  }
  body:not(.cx-theme) .theme-purple .color-gradient {
    background: linear-gradient(0deg, #582c83 0%, #c724b1 100%);
  }
  @media (min-width: 992px) {
    body:not(.cx-theme) .theme-purple .button.color-gradient, body:not(.cx-theme) .theme-purple form:not(.mf) input.color-gradient[type=submit], form:not(.mf) body:not(.cx-theme) .theme-purple input.color-gradient[type=submit], body:not(.cx-theme) .theme-purple a.color-gradient, body:not(.cx-theme) .theme-purple.button a, body:not(.cx-theme) form:not(.mf) input.theme-purple[type=submit] a, form:not(.mf) body:not(.cx-theme) input.theme-purple[type=submit] a {
      -webkit-transition: background 0.4s;
      transition: background 0.4s;
    }
    body:not(.cx-theme) .theme-purple .button.color-gradient:hover, body:not(.cx-theme) .theme-purple form:not(.mf) input.color-gradient[type=submit]:hover, form:not(.mf) body:not(.cx-theme) .theme-purple input.color-gradient[type=submit]:hover, body:not(.cx-theme) .theme-purple a.color-gradient:hover, body:not(.cx-theme) .theme-purple.button a:hover, body:not(.cx-theme) form:not(.mf) input.theme-purple[type=submit] a:hover, form:not(.mf) body:not(.cx-theme) input.theme-purple[type=submit] a:hover {
      background: linear-gradient(0deg, #c724b1 0%, #582c83 100%);
      cursor: pointer;
    }
  }
  body:not(.cx-theme) .theme-purple .theme-border {
    border-color: #c724b1 !important;
  }
  body:not(.cx-theme) .theme-purple .ui-selectmenu-icon,
  body:not(.cx-theme) .theme-purple .option-wrapper:after {
    background-image: url(/Static/Hempel/gfx/icons/arrow_purple.svg) !important;
  }
  .atomic.module.white, .atomic.module.container.white {
    background-color: #ffffff;
  }
  .atomic.module.blue, form:not(.mf) input.atomic.module[type=submit], .atomic.module.container.blue {
    background-color: #009fdf;
  }
  .atomic.module.green, .atomic.module.container.green {
    background-color: #64a70b;
  }
  .atomic.module.yellow, .atomic.module.container.yellow {
    background-color: #fedd00;
  }
  .atomic.module.orange, .atomic.module.container.orange {
    background-color: #ed9b33;
  }
  .atomic.module.red, .atomic.module.container.red {
    background-color: #e30613;
  }
  .atomic.module.pink, .atomic.module.container.pink {
    background-color: #e31c79;
  }
  .atomic.module.purple, .atomic.module.container.purple {
    background-color: #c724b1;
  }
  .atomic.module.brown, .atomic.module.container.brown {
    background-color: #cda788;
  }
  .atomic.module.grey, .atomic.module.container.grey {
    background-color: #f3f3f4;
  }
  .atomic.module.black, .atomic.module.container.black {
    background-color: #000000;
  }
  .atomic.module.gold, .atomic.module.container.gold {
    background-color: #84754e;
  }
  body:not(.cx-theme) .theme-brown .color-dark {
    color: #4b3629 !important;
  }
  body:not(.cx-theme) .theme-brown .color-light {
    color: #cda788 !important;
  }
  body:not(.cx-theme) .theme-brown .background-dark {
    background-color: #4b3629 !important;
  }
  body:not(.cx-theme) .theme-brown .background-light {
    background-color: #cda788 !important;
  }
  body:not(.cx-theme) .theme-brown .color-gradient {
    background: linear-gradient(0deg, #4b3629 0%, #cda788 100%);
  }
  @media (min-width: 992px) {
    body:not(.cx-theme) .theme-brown .button.color-gradient, body:not(.cx-theme) .theme-brown form:not(.mf) input.color-gradient[type=submit], form:not(.mf) body:not(.cx-theme) .theme-brown input.color-gradient[type=submit], body:not(.cx-theme) .theme-brown a.color-gradient, body:not(.cx-theme) .theme-brown.button a, body:not(.cx-theme) form:not(.mf) input.theme-brown[type=submit] a, form:not(.mf) body:not(.cx-theme) input.theme-brown[type=submit] a {
      -webkit-transition: background 0.4s;
      transition: background 0.4s;
    }
    body:not(.cx-theme) .theme-brown .button.color-gradient:hover, body:not(.cx-theme) .theme-brown form:not(.mf) input.color-gradient[type=submit]:hover, form:not(.mf) body:not(.cx-theme) .theme-brown input.color-gradient[type=submit]:hover, body:not(.cx-theme) .theme-brown a.color-gradient:hover, body:not(.cx-theme) .theme-brown.button a:hover, body:not(.cx-theme) form:not(.mf) input.theme-brown[type=submit] a:hover, form:not(.mf) body:not(.cx-theme) input.theme-brown[type=submit] a:hover {
      background: linear-gradient(0deg, #cda788 0%, #4b3629 100%);
      cursor: pointer;
    }
  }
  body:not(.cx-theme) .theme-brown .theme-border {
    border-color: #cda788 !important;
  }
  body:not(.cx-theme) .theme-brown .ui-selectmenu-icon,
  body:not(.cx-theme) .theme-brown .option-wrapper:after {
    background-image: url(/Static/Hempel/gfx/icons/arrow_brown.svg) !important;
  }
  .atomic.module.white, .atomic.module.container.white {
    background-color: #ffffff;
  }
  .atomic.module.blue, form:not(.mf) input.atomic.module[type=submit], .atomic.module.container.blue {
    background-color: #009fdf;
  }
  .atomic.module.green, .atomic.module.container.green {
    background-color: #64a70b;
  }
  .atomic.module.yellow, .atomic.module.container.yellow {
    background-color: #fedd00;
  }
  .atomic.module.orange, .atomic.module.container.orange {
    background-color: #ed9b33;
  }
  .atomic.module.red, .atomic.module.container.red {
    background-color: #e30613;
  }
  .atomic.module.pink, .atomic.module.container.pink {
    background-color: #e31c79;
  }
  .atomic.module.purple, .atomic.module.container.purple {
    background-color: #c724b1;
  }
  .atomic.module.brown, .atomic.module.container.brown {
    background-color: #cda788;
  }
  .atomic.module.grey, .atomic.module.container.grey {
    background-color: #f3f3f4;
  }
  .atomic.module.black, .atomic.module.container.black {
    background-color: #000000;
  }
  .atomic.module.gold, .atomic.module.container.gold {
    background-color: #84754e;
  }
  body:not(.cx-theme) .theme-grey .color-dark {
    color: #968c83 !important;
  }
  body:not(.cx-theme) .theme-grey .color-light {
    color: #f3f3f4 !important;
  }
  body:not(.cx-theme) .theme-grey .background-dark {
    background-color: #968c83 !important;
  }
  body:not(.cx-theme) .theme-grey .background-light {
    background-color: #f3f3f4 !important;
  }
  body:not(.cx-theme) .theme-grey .color-gradient {
    background: linear-gradient(0deg, #968c83 0%, #f3f3f4 100%);
  }
  @media (min-width: 992px) {
    body:not(.cx-theme) .theme-grey .button.color-gradient, body:not(.cx-theme) .theme-grey form:not(.mf) input.color-gradient[type=submit], form:not(.mf) body:not(.cx-theme) .theme-grey input.color-gradient[type=submit], body:not(.cx-theme) .theme-grey a.color-gradient, body:not(.cx-theme) .theme-grey.button a, body:not(.cx-theme) form:not(.mf) input.theme-grey[type=submit] a, form:not(.mf) body:not(.cx-theme) input.theme-grey[type=submit] a {
      -webkit-transition: background 0.4s;
      transition: background 0.4s;
    }
    body:not(.cx-theme) .theme-grey .button.color-gradient:hover, body:not(.cx-theme) .theme-grey form:not(.mf) input.color-gradient[type=submit]:hover, form:not(.mf) body:not(.cx-theme) .theme-grey input.color-gradient[type=submit]:hover, body:not(.cx-theme) .theme-grey a.color-gradient:hover, body:not(.cx-theme) .theme-grey.button a:hover, body:not(.cx-theme) form:not(.mf) input.theme-grey[type=submit] a:hover, form:not(.mf) body:not(.cx-theme) input.theme-grey[type=submit] a:hover {
      background: linear-gradient(0deg, #f3f3f4 0%, #968c83 100%);
      cursor: pointer;
    }
  }
  body:not(.cx-theme) .theme-grey .theme-border {
    border-color: #f3f3f4 !important;
  }
  body:not(.cx-theme) .theme-grey .ui-selectmenu-icon,
  body:not(.cx-theme) .theme-grey .option-wrapper:after {
    background-image: url(/Static/Hempel/gfx/icons/arrow_grey.svg) !important;
  }
  .atomic.module.white, .atomic.module.container.white {
    background-color: #ffffff;
  }
  .atomic.module.blue, form:not(.mf) input.atomic.module[type=submit], .atomic.module.container.blue {
    background-color: #009fdf;
  }
  .atomic.module.green, .atomic.module.container.green {
    background-color: #64a70b;
  }
  .atomic.module.yellow, .atomic.module.container.yellow {
    background-color: #fedd00;
  }
  .atomic.module.orange, .atomic.module.container.orange {
    background-color: #ed9b33;
  }
  .atomic.module.red, .atomic.module.container.red {
    background-color: #e30613;
  }
  .atomic.module.pink, .atomic.module.container.pink {
    background-color: #e31c79;
  }
  .atomic.module.purple, .atomic.module.container.purple {
    background-color: #c724b1;
  }
  .atomic.module.brown, .atomic.module.container.brown {
    background-color: #cda788;
  }
  .atomic.module.grey, .atomic.module.container.grey {
    background-color: #f3f3f4;
  }
  .atomic.module.black, .atomic.module.container.black {
    background-color: #000000;
  }
  .atomic.module.gold, .atomic.module.container.gold {
    background-color: #84754e;
  }
  body:not(.cx-theme) .theme-black .color-dark {
    color: #000000 !important;
  }
  body:not(.cx-theme) .theme-black .color-light {
    color: #000000 !important;
  }
  body:not(.cx-theme) .theme-black .background-dark {
    background-color: #000000 !important;
  }
  body:not(.cx-theme) .theme-black .background-light {
    background-color: #000000 !important;
  }
  body:not(.cx-theme) .theme-black .color-gradient {
    background: linear-gradient(0deg, #000000 0%, #000000 100%);
  }
  @media (min-width: 992px) {
    body:not(.cx-theme) .theme-black .button.color-gradient, body:not(.cx-theme) .theme-black form:not(.mf) input.color-gradient[type=submit], form:not(.mf) body:not(.cx-theme) .theme-black input.color-gradient[type=submit], body:not(.cx-theme) .theme-black a.color-gradient, body:not(.cx-theme) .theme-black.button a, body:not(.cx-theme) form:not(.mf) input.theme-black[type=submit] a, form:not(.mf) body:not(.cx-theme) input.theme-black[type=submit] a {
      -webkit-transition: background 0.4s;
      transition: background 0.4s;
    }
    body:not(.cx-theme) .theme-black .button.color-gradient:hover, body:not(.cx-theme) .theme-black form:not(.mf) input.color-gradient[type=submit]:hover, form:not(.mf) body:not(.cx-theme) .theme-black input.color-gradient[type=submit]:hover, body:not(.cx-theme) .theme-black a.color-gradient:hover, body:not(.cx-theme) .theme-black.button a:hover, body:not(.cx-theme) form:not(.mf) input.theme-black[type=submit] a:hover, form:not(.mf) body:not(.cx-theme) input.theme-black[type=submit] a:hover {
      background: linear-gradient(0deg, #000000 0%, #000000 100%);
      cursor: pointer;
    }
  }
  body:not(.cx-theme) .theme-black .theme-border {
    border-color: #000000 !important;
  }
  body:not(.cx-theme) .theme-black .ui-selectmenu-icon,
  body:not(.cx-theme) .theme-black .option-wrapper:after {
    background-image: url(/Static/Hempel/gfx/icons/arrow_black.svg) !important;
  }
  .atomic.module.white, .atomic.module.container.white {
    background-color: #ffffff;
  }
  .atomic.module.blue, form:not(.mf) input.atomic.module[type=submit], .atomic.module.container.blue {
    background-color: #009fdf;
  }
  .atomic.module.green, .atomic.module.container.green {
    background-color: #64a70b;
  }
  .atomic.module.yellow, .atomic.module.container.yellow {
    background-color: #fedd00;
  }
  .atomic.module.orange, .atomic.module.container.orange {
    background-color: #ed9b33;
  }
  .atomic.module.red, .atomic.module.container.red {
    background-color: #e30613;
  }
  .atomic.module.pink, .atomic.module.container.pink {
    background-color: #e31c79;
  }
  .atomic.module.purple, .atomic.module.container.purple {
    background-color: #c724b1;
  }
  .atomic.module.brown, .atomic.module.container.brown {
    background-color: #cda788;
  }
  .atomic.module.grey, .atomic.module.container.grey {
    background-color: #f3f3f4;
  }
  .atomic.module.black, .atomic.module.container.black {
    background-color: #000000;
  }
  .atomic.module.gold, .atomic.module.container.gold {
    background-color: #84754e;
  }
  body:not(.cx-theme) .theme-gold .color-dark {
    color: #524830 !important;
  }
  body:not(.cx-theme) .theme-gold .color-light {
    color: #84754e !important;
  }
  body:not(.cx-theme) .theme-gold .background-dark {
    background-color: #524830 !important;
  }
  body:not(.cx-theme) .theme-gold .background-light {
    background-color: #84754e !important;
  }
  body:not(.cx-theme) .theme-gold .color-gradient {
    background: linear-gradient(0deg, #524830 0%, #84754e 100%);
  }
  @media (min-width: 992px) {
    body:not(.cx-theme) .theme-gold .button.color-gradient, body:not(.cx-theme) .theme-gold form:not(.mf) input.color-gradient[type=submit], form:not(.mf) body:not(.cx-theme) .theme-gold input.color-gradient[type=submit], body:not(.cx-theme) .theme-gold a.color-gradient, body:not(.cx-theme) .theme-gold.button a, body:not(.cx-theme) form:not(.mf) input.theme-gold[type=submit] a, form:not(.mf) body:not(.cx-theme) input.theme-gold[type=submit] a {
      -webkit-transition: background 0.4s;
      transition: background 0.4s;
    }
    body:not(.cx-theme) .theme-gold .button.color-gradient:hover, body:not(.cx-theme) .theme-gold form:not(.mf) input.color-gradient[type=submit]:hover, form:not(.mf) body:not(.cx-theme) .theme-gold input.color-gradient[type=submit]:hover, body:not(.cx-theme) .theme-gold a.color-gradient:hover, body:not(.cx-theme) .theme-gold.button a:hover, body:not(.cx-theme) form:not(.mf) input.theme-gold[type=submit] a:hover, form:not(.mf) body:not(.cx-theme) input.theme-gold[type=submit] a:hover {
      background: linear-gradient(0deg, #84754e 0%, #524830 100%);
      cursor: pointer;
    }
  }
  body:not(.cx-theme) .theme-gold .theme-border {
    border-color: #84754e !important;
  }
  body:not(.cx-theme) .theme-gold .ui-selectmenu-icon,
  body:not(.cx-theme) .theme-gold .option-wrapper:after {
    background-image: url(/Static/Hempel/gfx/icons/arrow_gold.svg) !important;
  }
  .atomic.module.white, .atomic.module.container.white {
    background-color: #ffffff;
  }
  .atomic.module.blue, form:not(.mf) input.atomic.module[type=submit], .atomic.module.container.blue {
    background-color: #009fdf;
  }
  .atomic.module.green, .atomic.module.container.green {
    background-color: #64a70b;
  }
  .atomic.module.yellow, .atomic.module.container.yellow {
    background-color: #fedd00;
  }
  .atomic.module.orange, .atomic.module.container.orange {
    background-color: #ed9b33;
  }
  .atomic.module.red, .atomic.module.container.red {
    background-color: #e30613;
  }
  .atomic.module.pink, .atomic.module.container.pink {
    background-color: #e31c79;
  }
  .atomic.module.purple, .atomic.module.container.purple {
    background-color: #c724b1;
  }
  .atomic.module.brown, .atomic.module.container.brown {
    background-color: #cda788;
  }
  .atomic.module.grey, .atomic.module.container.grey {
    background-color: #f3f3f4;
  }
  .atomic.module.black, .atomic.module.container.black {
    background-color: #000000;
  }
  .atomic.module.gold, .atomic.module.container.gold {
    background-color: #84754e;
  }
  body:not(.cx-theme) .theme-white .color-gradient {
    background: none !important;
    background-color: transparent;
    border: 1px solid #ffffff;
  }
  body:not(.cx-theme) .theme-white .color-gradient.button, body:not(.cx-theme) .theme-white form:not(.mf) input.color-gradient[type=submit], form:not(.mf) body:not(.cx-theme) .theme-white input.color-gradient[type=submit],
  body:not(.cx-theme) .theme-white .color-gradient .play-icon {
    border: 1.5px solid #ffffff;
  }
  @media (min-width: 992px) {
    body:not(.cx-theme) .theme-white .color-gradient .button.color-gradient, body:not(.cx-theme) .theme-white .color-gradient form:not(.mf) input.color-gradient[type=submit], form:not(.mf) body:not(.cx-theme) .theme-white .color-gradient input.color-gradient[type=submit], body:not(.cx-theme) .theme-white .color-gradient a.color-gradient, body:not(.cx-theme) .theme-white .color-gradient.button a, body:not(.cx-theme) .theme-white form:not(.mf) input.color-gradient[type=submit] a, form:not(.mf) body:not(.cx-theme) .theme-white input.color-gradient[type=submit] a {
      -webkit-transition: none;
      transition: none;
    }
    body:not(.cx-theme) .theme-white .color-gradient .button.color-gradient:hover, body:not(.cx-theme) .theme-white .color-gradient form:not(.mf) input.color-gradient[type=submit]:hover, form:not(.mf) body:not(.cx-theme) .theme-white .color-gradient input.color-gradient[type=submit]:hover, body:not(.cx-theme) .theme-white .color-gradient a.color-gradient:hover, body:not(.cx-theme) .theme-white .color-gradient.button a:hover, body:not(.cx-theme) .theme-white form:not(.mf) input.color-gradient[type=submit] a:hover, form:not(.mf) body:not(.cx-theme) .theme-white input.color-gradient[type=submit] a:hover {
      background: transparent !important;
      background-color: transparent;
    }
  }
  .ui-accordion {
    padding-left: 0;
  }
  .ui-accordion li {
    display: block;
    list-style-type: none;
    border-top: 1px solid #eeeeee;
  }
  .ui-accordion li:last-child {
    border-bottom: 1px solid #eeeeee;
  }
  .ui-accordion .ui-accordion-header {
    position: relative;
    color: #0033a0;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    margin: 15px 0;
    padding-right: 30px;
    overflow: hidden;
  }
  .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    background-image: url(/Static/Hempel/gfx/icons/arrow_grey.svg);
    height: 8px;
    width: 12px;
    background-size: 26px;
    background-repeat: no-repeat;
    background-position: center;
    top: calc(50% - 4px);
    right: 0;
    position: absolute;
  }
  .ui-accordion .ui-accordion-header .ui-accordion-header-icon.ui-icon-triangle-1-s {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .ui-accordion .ui-accordion-header .ui-accordion-content {
    font-size: 15px;
    line-height: 25px;
    padding-bottom: 23px;
  }
  .rtl-style .ui-accordion {
    direction: rtl;
    padding-right: 0;
  }
  .rtl-style .ui-accordion .ui-accordion-header {
    padding-left: 30px;
    padding-right: 0;
  }
  .rtl-style .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    right: auto;
    left: 0;
  }
  .ui-tabs {
    position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    min-height: 30px;
  }
  .ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0;
  }
  .ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    border-radius: 15px;
    background-color: #ffffff;
  }
  .ui-tabs .ui-tabs-nav li a {
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    color: #0030A3;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: 7px 30px 7px 20px;
    text-decoration: none;
    width: calc(100% - 50px);
  }
  .ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px;
  }
  .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
  .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
  .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text;
  }
  .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer;
  }
  .ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    background: none;
  }
  .rtl-style .ui-tabs .ui-tabs-nav li {
    float: right;
  }
  .rtl-style .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: right;
    padding: 7px 20px 7px 30px;
  }
  .ui-selectmenu-button {
    position: relative;
    display: block;
    padding: 7px 30px 7px 16px;
  }
  .ui-selectmenu-button.ui-selectmenu-button-open .ui-selectmenu-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .ui-selectmenu-icon {
    position: absolute;
    background-image: url(/Static/Hempel/gfx/icons/arrow_blue.svg);
    height: 8px;
    width: 11px;
    background-repeat: no-repeat;
    background-position: center;
    top: calc(50% - 4px);
    right: 15px;
  }
  .ui-selectmenu-menu {
    display: none;
    width: 100%;
    overflow: hidden;
    outline: 0;
    list-style-type: none;
  }
  .ui-selectmenu-menu.ui-selectmenu-open {
    display: block;
  }
  form:not(.mf) {
    max-width: calc(100% - 60px);
    padding: 30px 30px;
    margin: 50px auto;
    width: 600px;
    font-size: 15px;
    line-height: 19px;
    position: relative;
  }
  form:not(.mf) ::placeholder {
    color: #d7d7d7;
  }
  form:not(.mf) h1, form:not(.mf) h2, form:not(.mf) h3, form:not(.mf) h4, form:not(.mf) h5 {
    text-align: center;
    color: #0033a0;
    margin-top: 0;
    margin-bottom: 10px;
  }
  form:not(.mf) .field-validation-error {
    color: #ff010b;
    margin-top: 5px;
    display: block;
  }
  form:not(.mf) label[for], form:not(.mf) label.radio, form:not(.mf) label.checkbox-list {
    width: 170px;
    display: inline-block;
    font-weight: 700;
    text-transform: uppercase;
    vertical-align: middle;
  }
  form:not(.mf) label {
    display: block;
  }
  form:not(.mf) label.radio, form:not(.mf) label.checkbox-list {
    max-width: 170px;
    margin-bottom: -40px;
  }
  form:not(.mf) label.checkbox {
    padding-left: 24px;
  }
  form:not(.mf) label.checkbox input[type=checkbox] {
    margin-left: -24px;
  }
  form:not(.mf) label.checkbox + .field-validation-error {
    margin-left: 0;
  }
  form:not(.mf) label input[type=checkbox] {
    margin-top: 25px;
  }
  form:not(.mf) label + label {
    display: block;
  }
  form:not(.mf) label input[type=radio] {
    margin: 3px 10px 13px 180px;
  }
  form:not(.mf) .checkbox-list-group label {
    margin: 3px 10px 13px 180px;
  }
  form:not(.mf) .checkbox-list-group label input[type=checkbox] {
    margin-top: 0;
  }
  @media (max-width: 650px) {
    form:not(.mf) .checkbox-list-group label {
      margin: 10px 10px 10px 0px;
    }
  }
  form:not(.mf) input, form:not(.mf) select, form:not(.mf) textarea {
    font-family: "Libre Franklin", sans-serif;
    font-weight: 300;
    font-size: 15px;
    line-height: 19px;
  }
  @media (min-width: 651px) {
    form:not(.mf) .field-validation-error {
      margin-left: 180px;
    }
  }
  form:not(.mf) input[type=text], form:not(.mf) input[type=tel], form:not(.mf) input[type=email], form:not(.mf) .ui-selectmenu-button, form:not(.mf) select, form:not(.mf) textarea {
    display: inline-block;
    width: calc(100% - 220px);
    padding: 10px 20px;
    border-radius: 20px;
    margin-top: 12px;
    border: 1px solid #d7d7d7;
  }
  form:not(.mf) input[type=text].input-validation-error, form:not(.mf) input[type=tel].input-validation-error, form:not(.mf) input[type=email].input-validation-error, form:not(.mf) .ui-selectmenu-button.input-validation-error, form:not(.mf) select.input-validation-error, form:not(.mf) textarea.input-validation-error {
    border-color: #ff010b;
    color: #ff010b;
  }
  form:not(.mf) input[type=text]:focus, form:not(.mf) input[type=text].field-validation-valid, form:not(.mf) input[type=text][aria-invalid=false], form:not(.mf) input[type=tel]:focus, form:not(.mf) input[type=tel].field-validation-valid, form:not(.mf) input[type=tel][aria-invalid=false], form:not(.mf) input[type=email]:focus, form:not(.mf) input[type=email].field-validation-valid, form:not(.mf) input[type=email][aria-invalid=false], form:not(.mf) .ui-selectmenu-button:focus, form:not(.mf) .ui-selectmenu-button.field-validation-valid, form:not(.mf) .ui-selectmenu-button[aria-invalid=false], form:not(.mf) select:focus, form:not(.mf) select.field-validation-valid, form:not(.mf) select[aria-invalid=false], form:not(.mf) textarea:focus, form:not(.mf) textarea.field-validation-valid, form:not(.mf) textarea[aria-invalid=false] {
    border-color: #0033a0;
  }
  form:not(.mf) input[type=text] + .field-validation-error, form:not(.mf) input[type=tel] + .field-validation-error, form:not(.mf) input[type=email] + .field-validation-error, form:not(.mf) .ui-selectmenu-button + .field-validation-error, form:not(.mf) select + .field-validation-error, form:not(.mf) textarea + .field-validation-error {
    margin-left: 10px;
  }
  @media (min-width: 651px) {
    form:not(.mf) input[type=text] + .field-validation-error, form:not(.mf) input[type=tel] + .field-validation-error, form:not(.mf) input[type=email] + .field-validation-error, form:not(.mf) .ui-selectmenu-button + .field-validation-error, form:not(.mf) select + .field-validation-error, form:not(.mf) textarea + .field-validation-error {
      margin-left: 190px;
    }
  }
  form:not(.mf) textarea {
    vertical-align: middle;
    resize: none;
    height: 120px;
  }
  form:not(.mf) input[type=checkbox] {
    margin-right: 10px;
  }
  form:not(.mf) input[type=submit] {
    -webkit-appearance: none;
    color: #ffffff;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    padding: 12px 45px 12px 25px;
    display: block;
    margin-left: 170px;
    margin-top: 20px;
    width: calc(100% - 170px);
    text-transform: uppercase;
    border: none;
  }
  form:not(.mf) .margin-below {
    margin-bottom: 50px;
  }
  form:not(.mf) div[id$=CaptchaValue_wrapper] {
    width: calc(100% - 190px);
    padding-top: 20px;
    margin-left: 180px;
  }
  form:not(.mf) div[id$=CaptchaValue_wrapper] > div {
    margin: auto;
  }
  form:not(.mf) select {
    border: 1px solid #d7d7d7;
    display: block;
  }
  form:not(.mf) .ui-selectmenu-button {
    width: calc(100% - 224px);
    padding: 10px 22px;
    color: #d7d7d7;
  }
  form:not(.mf) .ui-selectmenu-button.ui-selectmenu-button-open {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-color: #d7d7d7;
    border-bottom-color: #ffffff;
  }
  form:not(.mf) .ui-selectmenu-button[aria-activedescendant] {
    color: initial;
  }
  form:not(.mf) .ui-selectmenu-menu {
    position: absolute;
    background-color: #ffffff;
    border: 1px solid #d7d7d7;
    margin: 0;
    list-style-type: none;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    border-top-color: #ffffff;
    width: calc(100% - 20px);
    max-width: 410px;
    overflow: hidden;
    outline: 0;
    padding: 0 5px 20px;
  }
  form:not(.mf) .ui-selectmenu-menu ul {
    margin: 0;
    list-style-type: none;
    font-weight: 300;
    padding: 0;
    overflow: hidden;
    max-height: 200px;
    max-width: 100%;
    overflow-y: auto;
  }
  form:not(.mf) .ui-selectmenu-menu ul::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    border-radius: 3px;
    background-color: #eaebeb;
  }
  form:not(.mf) .ui-selectmenu-menu ul::-webkit-scrollbar {
    width: 5px;
  }
  form:not(.mf) .ui-selectmenu-menu ul::-webkit-scrollbar-thumb {
    border-radius: 3px;
    -webkit-box-shadow: none;
    background-color: #0033a0;
  }
  form:not(.mf) .ui-selectmenu-menu ul li .ui-menu-item-wrapper {
    padding: 7px 28px 7px 18px;
  }
  form:not(.mf) .ui-selectmenu-menu ul li .ui-menu-item-wrapper.ui-state-active {
    font-weight: 500;
  }
  form:not(.mf) .ui-selectmenu-menu ul li.ui-state-disabled {
    display: none;
  }
  form:not(.mf) .ui-selectmenu-menu ul .ui-menu-item-wrapper:empty {
    display: none;
  }
  @media (max-width: 650px) {
    form:not(.mf) {
      width: 100%;
      max-width: calc(100% - 40px);
      padding: 0 20px 20px;
    }
    form:not(.mf) label, form:not(.mf) input {
      display: block;
      width: 100%;
    }
    form:not(.mf) label[for], form:not(.mf) label.radio, form:not(.mf) label.checkbox-list {
      margin-top: 25px;
    }
    form:not(.mf) label.radio, form:not(.mf) label.checkbox-list {
      max-width: none;
      width: auto;
      margin-bottom: 10px;
    }
    form:not(.mf) label.checkbox {
      width: auto;
    }
    form:not(.mf) label + label {
      width: 100%;
    }
    form:not(.mf) label input[type=radio] {
      width: auto;
      display: inline-block;
      margin: 10px 10px 10px 0px;
    }
    form:not(.mf) input[type=text], form:not(.mf) input[type=tel], form:not(.mf) input[type=email], form:not(.mf) select {
      width: calc(100% - 40px);
      margin-top: 6px;
    }
    form:not(.mf) select {
      width: 100%;
      background-image: url(/Static/Hempel/gfx/icons/arrow_blue.svg);
      background-repeat: no-repeat;
      background-position: 98% 50%;
    }
    form:not(.mf) .field-validation-error {
      margin-top: 10px;
    }
    form:not(.mf) input[type=submit] {
      width: 100%;
      margin-left: 0;
    }
    form:not(.mf) input[type=checkbox] {
      display: inline-block;
      width: auto;
      margin-top: 0;
    }
    form:not(.mf) div [id$=CaptchaValue_wrapper] {
      width: 100%;
      margin-left: 0;
    }
    form:not(.mf) .margin-below {
      margin-bottom: 40px;
    }
  }
  form:not(.mf) .align-start h1, form:not(.mf) .align-start h2, form:not(.mf) .align-start h3, form:not(.mf) .align-start h4, form:not(.mf) .align-start h5 {
    text-align: left;
  }
  .rtl-style form {
    direction: rtl;
  }
  .rtl-style form .align-start {
    text-align: right;
  }
  .rtl-style form .align-start h1, .rtl-style form .align-start h2, .rtl-style form .align-start h3, .rtl-style form .align-start h4, .rtl-style form .align-start h5 {
    text-align: right;
  }
  .rtl-style form input[type=checkbox] {
    margin-left: 10px;
    margin-right: 0;
  }
  .rtl-style form select {
    background-position: 2% 50%;
  }
  .rtl-style form .ui-selectmenu-menu ul li .ui-menu-item-wrapper {
    padding: 7px 18px 7px 28px;
  }
  .rtl-style form.form-light h1, .rtl-style form.form-light h2, .rtl-style form.form-light h3, .rtl-style form.form-light h4, .rtl-style form.form-light h5 {
    text-align: right;
  }
  @media (min-width: 651px) {
    .rtl-style .field-validation-error {
      margin-left: 0;
      margin-right: 180px;
    }
  }
  .rtl-style label.checkbox + .field-validation-error {
    margin-right: 0 !important;
  }
  @media (min-width: 651px) {
    .rtl-style input[type=text] + .field-validation-error, .rtl-style input[type=tel] + .field-validation-error, .rtl-style input[type=email] + .field-validation-error, .rtl-style .ui-selectmenu-button + .field-validation-error, .rtl-style select + .field-validation-error {
      margin-left: 0;
      margin-right: 190px;
    }
  }
  .rtl-style label input[type=radio], .rtl-style .checkbox-list-group label {
    margin: 3px 180px 13px 10px;
  }
  @media (max-width: 650px) {
    .rtl-style label input[type=radio], .rtl-style .checkbox-list-group label {
      margin: 10px 0 10px 10px;
    }
  }
  .rtl-style label.checkbox {
    padding-left: 0;
    padding-right: 24px;
  }
  .rtl-style label.checkbox input[type=checkbox] {
    margin-left: 10px;
    margin-right: -24px;
  }
  .rtl-style input[type=search]::-webkit-search-cancel-button {
    margin-right: 0;
    margin-left: -25px;
    left: 0;
    right: auto;
    position: absolute;
    text-align: right;
  }
  .rtl-style .ui-selectmenu-icon {
    left: 15px;
    right: auto;
  }
  body {
    font-family: "Libre Franklin", sans-serif;
    font-weight: 300;
    font-size: 15px;
    line-height: 25px;
    margin: 0;
    overflow-y: scroll !important;
    overflow-x: hidden;
  }
  body.locked {
    position: fixed;
    width: 100%;
  }
  body.rtl-style {
    font-family: "Noto Sans Arabic", sans-serif;
  }
  body.font-safe {
    font-family: "Roboto", sans-serif;
  }
  body.mf {
    background-color: var(--v-color--greyscale--95);
  }
  main {
    position: relative;
  }
  :focus {
    outline: none;
  }
  a {
    color: #000000;
  }
  h1 {
    font-size: 48px;
    line-height: 53px;
    font-weight: 300;
  }
  @media (max-width: 767px) {
    h1 {
      font-size: 38px;
      line-height: 40px;
    }
  }
  @media (max-width: 440px) {
    h1 {
      font-size: 30px;
      line-height: 35px;
    }
  }
  h2 {
    font-size: 40px;
    line-height: 45px;
    font-weight: 300;
  }
  @media (max-width: 767px) {
    h2 {
      font-size: 30px;
      line-height: 35px;
    }
  }
  h3 {
    font-size: 30px;
    line-height: 40px;
    font-weight: 300;
  }
  @media (max-width: 767px) {
    h3 {
      font-size: 24px;
      line-height: 35px;
    }
  }
  h4 {
    font-size: 24px;
    line-height: 35px;
    font-weight: 500;
  }
  @media (max-width: 767px) {
    h4 {
      font-size: 20px;
      line-height: 30px;
    }
  }
  h5 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 300;
  }
  @media (max-width: 767px) {
    h5 {
      font-size: 18px;
      line-height: 28px;
    }
  }
  h6 {
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
  }
  p {
    font-size: 15px;
    line-height: 25px;
    font-weight: 300;
  }
  p a {
    color: #009fdf;
    text-decoration: underline;
  }
  @media (min-width: 992px) {
    p a:hover {
      color: #009fdf;
      text-decoration: none;
    }
  }
  .rtl-style body,
  .rtl-style p,
  .rtl-style h1,
  .rtl-style h2,
  .rtl-style h3,
  .rtl-style h5 {
    font-weight: 400;
  }
  .product-information-small {
    box-sizing: border-box;
    border-right: 1px solid #e0e0e0;
  }
  .product-information-small *,
  .product-information-small :after,
  .product-information-small :before {
    box-sizing: border-box;
  }
  .product-information-small p {
    margin-bottom: 0;
    margin: 0 0 10px;
  }
  .product-information-small .information-row {
    display: table;
    width: 100%;
  }
  .product-information-small .information-row:last-of-type .value {
    border-bottom: 1px solid #e0e0e0;
  }
  .product-information-small .information-row:last-of-type .name {
    border: none;
  }
  .product-information-small .information-row .name,
  .product-information-small .information-row .value {
    display: table-cell;
    padding: 10px 12px;
    font-size: 12px;
    vertical-align: middle;
  }
  .product-information-small .information-row .name {
    border-bottom: 1px solid #fff;
    background-color: #f0f0f0;
    width: 100px;
    line-height: 16px;
  }
  .product-information-small .information-row .name p {
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
  }
  .product-information-small .information-row .name span {
    font-weight: 700;
    line-height: 16px;
    color: #1d3759;
  }
  .product-information-small .information-row .value {
    color: #6b6b6b;
    border-top: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    line-height: 22px;
  }
  table {
    border-collapse: collapse;
    width: 100%;
  }
  table thead td,
  table thead th {
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
    background-color: #f3f3f4;
    padding: 20px 22px;
    text-align: left;
    border: 1px solid rgba(138, 141, 143, 0.5);
  }
  table tbody th,
  table tbody td {
    border: 1px solid rgba(138, 141, 143, 0.5);
  }
  table tbody th {
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
    background-color: #f3f3f4;
    padding: 20px 22px;
    text-align: left;
  }
  table tbody td {
    font-size: 15px;
    font-weight: 300;
    line-height: 18px;
    padding: 21px 22px;
  }
  .rtl-style table {
    direction: rtl;
  }
  .rtl-style table thead td,
  .rtl-style table thead th {
    text-align: right;
  }
  .rtl-style table tbody th {
    text-align: right;
  }
  .container {
    max-width: 1110px;
    padding: 0 45px;
    margin: 0 auto;
  }
  @media (max-width: 991px) {
    .container {
      padding: 0 40px;
    }
  }
  @media (max-width: 991px) {
    .container {
      padding: 0 20px;
    }
  }
  select {
    -webkit-appearance: none;
    color: inherit;
    font-family: "Libre Franklin", sans-serif;
    border: none;
  }
  .next-icon,
  .prev-icon {
    border-radius: 50%;
    height: 24px;
    width: 25px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    background: linear-gradient(0deg, #0033a0 0%, #009fdf 100%);
  }
  .next-icon:after,
  .prev-icon:after {
    content: "";
    display: block;
    position: absolute;
    background-image: url(/Static/Hempel/gfx/icons/arrow_white.svg);
    height: 10px;
    width: 16px;
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: center;
    top: 7px;
    right: 5px;
  }
  .next-icon:after {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
  .prev-icon:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  @keyframes button-shift-left {
    from {
      margin-inline-start: 0;
    }
    50% {
      margin-inline-start: -5px;
    }
    to {
      margin-inline-start: 0;
    }
  }
  @keyframes button-shift-right {
    from {
      margin-inline-end: 0;
    }
    50% {
      margin-inline-end: -5px;
    }
    to {
      margin-inline-end: 0;
    }
  }
  .link-with-arrow {
    position: relative;
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
    padding-top: 5px;
    padding-right: 35px;
    display: inline-block;
    color: #009fdf;
    /*icon {
      -webkit-transition: right .2s;
      transition: right .2s;
    }*/
  }
  .link-with-arrow a {
    text-decoration: none;
    color: inherit;
  }
  @media (min-width: 992px) {
    .link-with-arrow a:hover icon {
      animation: button-shift-right 0.4s;
    }
  }
  @media (max-width: 991px) {
    .link-with-arrow {
      font-size: 14px;
      line-height: 16px;
    }
  }
  @media (min-width: 992px) {
    a:hover .link-with-arrow icon {
      animation: button-shift-right 0.4s;
    }
  }
  @media (min-width: 992px) {
    a.link-with-arrow.back:hover icon {
      animation: button-shift-left 0.4s;
    }
  }
  .button, form:not(.mf) input[type=submit] {
    border-radius: 30px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    max-width: 100%;
  }
  .button.blue, form:not(.mf) input[type=submit] {
    background: linear-gradient(0deg, #0033a0 0%, #009fdf 100%);
  }
  .button.blue:hover, form:not(.mf) input[type=submit]:hover {
    background: linear-gradient(0deg, #009fdf 0%, #0033a0 100%);
    cursor: pointer;
  }
  .button.transparent, form:not(.mf) input.transparent[type=submit] {
    background: transparent;
    border: 1.5px solid #ffffff;
  }
  .button a, form:not(.mf) input[type=submit] a,
  .button span,
  form:not(.mf) input[type=submit] span {
    color: #ffffff;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    padding: 12px 45px 12px 25px;
    display: block;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .button a:after, form:not(.mf) input[type=submit] a:after,
  .button span:after,
  form:not(.mf) input[type=submit] span:after {
    position: absolute;
    margin: 0;
    content: "";
    background-image: url(/Static/Hempel/gfx/icons/arrow_white.svg);
    height: 14px;
    width: 18px;
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: center;
    top: calc(50% - 8px);
    right: 18px;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
  @media (min-width: 992px) {
    .button a:hover:after, form:not(.mf) input[type=submit] a:hover:after,
    .button span:hover:after,
    form:not(.mf) input[type=submit] span:hover:after {
      animation: button-shift-right 0.4s;
    }
  }
  .rtl-style .button a, .rtl-style form:not(.mf) input[type=submit] a, form:not(.mf) .rtl-style input[type=submit] a,
  .rtl-style .button span,
  .rtl-style form:not(.mf) input[type=submit] span,
  form:not(.mf) .rtl-style input[type=submit] span {
    padding: 12px 25px 12px 45px;
  }
  .rtl-style .button a:after, .rtl-style form:not(.mf) input[type=submit] a:after, form:not(.mf) .rtl-style input[type=submit] a:after,
  .rtl-style .button span:after,
  .rtl-style form:not(.mf) input[type=submit] span:after,
  form:not(.mf) .rtl-style input[type=submit] span:after {
    right: auto;
    left: 18px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  @media (min-width: 992px) {
    .rtl-style .button a:hover:after, .rtl-style form:not(.mf) input[type=submit] a:hover:after, form:not(.mf) .rtl-style input[type=submit] a:hover:after,
    .rtl-style .button span:hover:after,
    .rtl-style form:not(.mf) input[type=submit] span:hover:after,
    form:not(.mf) .rtl-style input[type=submit] span:hover:after {
      animation: button-shift-left 0.4s;
    }
  }
  /* The Modal (background) */
  .modal,
  .overlay {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 3; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0, 0, 0); /* Fallback color */
    background-color: rgba(0, 0, 0, 0.8); /* Black w/ opacity */
    padding-top: 80px;
    /* Modal Content/Box */
    /* The Close Button */
  }
  @media (max-width: 767px) {
    .modal,
    .overlay {
      padding-top: 65px;
    }
  }
  .modal .modal-content,
  .overlay .modal-content {
    margin: 4% auto;
    max-width: 80%;
    width: 720px;
    height: 750px;
    max-height: calc(100vh - 200px);
    position: relative;
    background-color: white;
    padding: 20px;
  }
  @media (max-width: 767px) {
    .modal .modal-content,
    .overlay .modal-content {
      max-height: calc(100vh - 140px);
    }
  }
  .modal .modal-content iframe,
  .overlay .modal-content iframe {
    width: 100%;
    height: 100%;
    border: none;
    max-height: calc(100vh - 200px);
    overflow: hidden;
  }
  @media (max-width: 767px) {
    .modal .modal-content iframe,
    .overlay .modal-content iframe {
      max-height: calc(100vh - 140px);
    }
  }
  .modal.video .modal-content,
  .overlay.video .modal-content {
    width: 100%;
    height: 0;
    background-color: transparent;
    width: 800px;
    height: calc(40vw + 110px);
    max-height: 450px;
    margin: 0 auto;
    max-width: 90%;
    top: 40%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 25px 20px;
    overflow: hidden;
  }
  .modal.video .modal-content .close,
  .overlay.video .modal-content .close {
    right: 0px;
    top: 0px;
  }
  @media (max-height: 580px) {
    .modal.video .modal-content,
    .overlay.video .modal-content {
      max-width: calc((100vh - 110px) * 1.4);
      max-height: calc(100vh - 140px);
    }
  }
  @media (max-width: 680px) {
    .modal.video .modal-content,
    .overlay.video .modal-content {
      max-height: calc(100vh - 110px);
      max-width: calc(100% - 40px);
    }
    .modal.video .modal-content iframe,
    .overlay.video .modal-content iframe {
      height: 100%;
    }
  }
  .modal .close,
  .overlay .close {
    font-size: 32px;
    font-weight: 400;
    background-color: #ffffff;
    color: #0033a0;
    position: absolute;
    border-radius: 50%;
    right: -15px;
    top: -15px;
    width: 36px;
    line-height: 36px;
    border: 1px solid grey;
    text-align: center;
    z-index: 1;
  }
  @media (max-width: 767px) {
    .modal .close,
    .overlay .close {
      right: -10px;
      top: -20px;
    }
  }
  .modal#ProductDataSheetModal,
  .overlay#ProductDataSheetModal {
    text-align: center;
  }
  .modal#ProductDataSheetModal .inner-container,
  .overlay#ProductDataSheetModal .inner-container {
    position: relative;
    display: inline-block;
    max-width: 100%;
  }
  .modal#ProductDataSheetModal .inner-container .modal-content,
  .overlay#ProductDataSheetModal .inner-container .modal-content {
    max-width: 100%;
  }
  @media (max-width: 767px) {
    .modal#ProductDataSheetModal .inner-container .modal-content,
    .overlay#ProductDataSheetModal .inner-container .modal-content {
      max-width: 80%;
    }
  }
  .modal#ProductDataSheetModal .inner-container .close,
  .overlay#ProductDataSheetModal .inner-container .close {
    top: 10px;
  }
  @media (max-width: 767px) {
    .modal#ProductDataSheetModal .inner-container .close,
    .overlay#ProductDataSheetModal .inner-container .close {
      top: 0px;
      right: 4%;
    }
  }
  @media (max-width: 480px) {
    .modal#ProductDataSheetModal .inner-container .close,
    .overlay#ProductDataSheetModal .inner-container .close {
      right: 6px;
      top: -6px;
      margin-top: 0;
    }
  }
  @media (min-width: 992px) {
    .modal .close:hover,
    .modal .close:focus,
    .overlay .close:hover,
    .overlay .close:focus {
      text-decoration: none;
      cursor: pointer;
    }
  }
  #ProductDataSheetModal {
    z-index: 30;
  }
  #SpinnerOverlay {
    padding-top: 0;
    z-index: 50;
  }
  #SpinnerOverlay .spinner-wrapper {
    background-color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  #SpinnerOverlay .spinner-wrapper img {
    width: 130px;
    height: auto;
  }
  #SpinnerOverlay .spinner-wrapper .text {
    padding: 0 15px 18px;
    text-align: center;
    font-weight: 500;
    color: #8a8d8f;
    font-size: 14px;
    line-height: 16px;
    margin-top: -15px;
  }
  .quote {
    margin: 45px auto;
  }
  blockquote p:first-child:before {
    content: "“";
    color: #81bedb;
    font-size: 7.5em;
    font-weight: 700;
    opacity: 0.3;
    position: absolute;
    top: -0.4em;
    left: -0.2em;
    text-shadow: none;
    z-index: -300;
  }
  blockquote {
    font-size: 30px;
    font-style: italic;
    font-weight: 300;
    line-height: 40px;
    margin: 35px 20px 28px 110px;
    position: relative;
    word-break: break-word;
  }
  blockquote:before {
    content: "”";
    position: absolute;
    color: #dadada;
    font-size: 300px;
    font-weight: 300;
    line-height: 75px;
    top: -78px;
    left: -106px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  @media (max-width: 767px) {
    blockquote {
      font-size: 20px;
      line-height: 30px;
      margin: 20px 0;
      padding-top: 50px;
    }
    blockquote:before {
      font-size: 150px;
      top: -60px;
      left: auto;
      display: block;
    }
  }
  cite {
    font-size: 18px;
    font-weight: bold;
    line-height: 23px;
    font-style: normal;
    margin-left: 110px;
    display: block;
    margin-bottom: 20px;
  }
  @media (max-width: 767px) {
    cite {
      font-size: 15px;
      line-height: 20px;
      margin-left: 0;
    }
  }
  .rtl-style blockquote p:first-child:before {
    left: auto;
    right: -0.2em;
  }
  .rtl-style blockquote {
    margin: 35px 110px 28px 20px;
  }
  .rtl-style blockquote:before {
    font-family: "Libre Franklin", sans-serif;
    left: auto;
    right: -136px;
  }
  @media (max-width: 767px) {
    .rtl-style blockquote {
      margin: 20px 0;
    }
    .rtl-style blockquote:before {
      right: auto;
    }
  }
  .rtl-style cite {
    margin-left: 0;
    margin-right: 110px;
  }
  @media (max-width: 767px) {
    .rtl-style cite {
      margin-right: 0;
    }
  }
  .rich-text a {
    color: #009fdf;
    text-decoration: underline;
  }
  @media (min-width: 992px) {
    .rich-text a:hover {
      color: #009fdf;
      text-decoration: none;
    }
  }
  .rich-text ul,
  .rich-text ol {
    padding-left: 0;
    line-height: 55px;
    font-size: 20px;
    font-weight: 600;
  }
  .rich-text ul li,
  .rich-text ol li {
    padding: 3px 0 3px 15px;
    font-size: 15px;
    line-height: 19px;
    margin-left: 20px;
    font-weight: 300;
  }
  .rich-text ul li {
    list-style: none;
  }
  .rich-text ul li:before {
    content: "∙";
    font-size: 20px;
    vertical-align: text-top;
    margin-left: -32px;
    margin-right: 25px;
    line-height: 19px;
  }
  .rtl-style .rich-text ul,
  .rtl-style .rich-text ol {
    padding-right: 0;
  }
  .rtl-style .rich-text ul li,
  .rtl-style .rich-text ol li {
    padding: 3px 15px 3px 0;
    margin-left: 0;
    margin-right: 20px;
  }
  .rtl-style .rich-text ul li:before {
    margin-left: 25px;
    margin-right: -32px;
  }
  .hidden {
    display: none !important;
  }
  [data-aos=fade-up],
  [data-aos=fade-down],
  [data-aos=fade-in] {
    opacity: 0;
    transition-property: transform, opacity;
  }
  [data-aos=fade-up].aos-animate,
  [data-aos=fade-down].aos-animate,
  [data-aos=fade-in].aos-animate {
    opacity: 1;
  }
  a.anchor-tag {
    margin-top: -100px;
    padding-top: 100px;
    display: inline-block;
  }
  .rtl-style .next-icon,
  .rtl-style .prev-icon {
    right: auto;
    left: 0;
  }
  .rtl-style .next-icon:after,
  .rtl-style .prev-icon:after {
    right: 5px;
  }
  .rtl-style .next-icon:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .rtl-style .prev-icon:after {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
  .rtl-style .link-with-arrow {
    padding-right: 0;
    padding-left: 35px;
  }
  @media (min-width: 992px) {
    .rtl-style .link-with-arrow a:hover icon {
      animation: button-shift-left 0.4s;
    }
  }
  @media (max-width: 991px) {
    .rtl-style .link-with-arrow {
      font-size: 14px;
      line-height: 16px;
    }
  }
  @media (min-width: 992px) {
    .rtl-style a:hover .link-with-arrow icon {
      animation: button-shift-left 0.4s;
    }
  }
  @media (min-width: 992px) {
    .rtl-style a.link-with-arrow.back:hover icon {
      animation: button-shift-right 0.4s;
    }
  }
  .atomic {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  @media (min-width: 768px) {
    .atomic.module .below-tablet {
      display: none;
    }
  }
  @media (max-width: 767px) {
    .atomic.module .tablet-and-up {
      display: none;
    }
  }
  .atomic.module h1, .atomic.module h2, .atomic.module h3, .atomic.module h4, .atomic.module h5, .atomic.module h6 {
    margin-top: 0.5em;
    margin-bottom: 0.2em;
  }
  .atomic.module .container {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 90px 30px;
    width: calc(100% - 60px);
    overflow: hidden;
  }
  .atomic.narrow {
    max-width: 610px;
    margin: auto;
    display: block !important;
  }
  .atomic.col-12, .atomic .col-8, .atomic .col-6, .atomic .col-4 {
    display: inline-block;
    vertical-align: top;
    padding: 0 15px;
  }
  .atomic.col-12 .rich-text p:first-child, .atomic.col-12 .rich-text h1:first-child, .atomic.col-12 .rich-text h2:first-child, .atomic.col-12 .rich-text h3:first-child, .atomic.col-12 .rich-text h4:first-child, .atomic.col-12 .rich-text h5:first-child, .atomic.col-12 .rich-text ul:first-child, .atomic.col-12 .rich-text ol:first-child, .atomic.col-12 .rich-text blockquote:first-child, .atomic .col-8 .rich-text p:first-child, .atomic .col-8 .rich-text h1:first-child, .atomic .col-8 .rich-text h2:first-child, .atomic .col-8 .rich-text h3:first-child, .atomic .col-8 .rich-text h4:first-child, .atomic .col-8 .rich-text h5:first-child, .atomic .col-8 .rich-text ul:first-child, .atomic .col-8 .rich-text ol:first-child, .atomic .col-8 .rich-text blockquote:first-child, .atomic .col-6 .rich-text p:first-child, .atomic .col-6 .rich-text h1:first-child, .atomic .col-6 .rich-text h2:first-child, .atomic .col-6 .rich-text h3:first-child, .atomic .col-6 .rich-text h4:first-child, .atomic .col-6 .rich-text h5:first-child, .atomic .col-6 .rich-text ul:first-child, .atomic .col-6 .rich-text ol:first-child, .atomic .col-6 .rich-text blockquote:first-child, .atomic .col-4 .rich-text p:first-child, .atomic .col-4 .rich-text h1:first-child, .atomic .col-4 .rich-text h2:first-child, .atomic .col-4 .rich-text h3:first-child, .atomic .col-4 .rich-text h4:first-child, .atomic .col-4 .rich-text h5:first-child, .atomic .col-4 .rich-text ul:first-child, .atomic .col-4 .rich-text ol:first-child, .atomic .col-4 .rich-text blockquote:first-child {
    margin-top: 0;
  }
  .atomic.col-12 .quote:first-child, .atomic .col-8 .quote:first-child, .atomic .col-6 .quote:first-child, .atomic .col-4 .quote:first-child {
    margin-top: 0;
  }
  .atomic.col-12 .quote:first-child blockquote:first-child, .atomic .col-8 .quote:first-child blockquote:first-child, .atomic .col-6 .quote:first-child blockquote:first-child, .atomic .col-4 .quote:first-child blockquote:first-child {
    margin-top: 0;
  }
  .atomic.col-12 {
    width: calc(100% - 30px);
  }
  .atomic.col-6 {
    width: calc(50% - 33px);
  }
  .atomic.col-8 {
    width: calc(66.67% - 33px);
  }
  .atomic.col-4 {
    width: calc(33.33% - 33px);
  }
  .atomic.header {
    margin: 0;
    width: 100%;
    max-width: none;
  }
  .atomic.header h2, .atomic.header h3, .atomic.header h4, .atomic.header h5, .atomic.header h6 {
    margin-top: 0;
    margin-bottom: 0.8em;
  }
  .atomic.header h2.align-center, .atomic.header h3.align-center, .atomic.header h4.align-center, .atomic.header h5.align-center, .atomic.header h6.align-center {
    margin-right: auto;
    margin-left: auto;
  }
  .atomic .image img {
    max-width: 100%;
    height: auto;
    margin-bottom: 15px;
  }
  .atomic .rich-text {
    overflow-x: auto;
    overflow-y: hidden;
  }
  .atomic .iframe-wrapper {
    max-width: 100%;
    overflow: auto;
    margin: 10px 15px;
  }
  .atomic .iframe-wrapper iframe {
    border: none;
  }
  .atomic .accordion-wrapper {
    margin: 30px 0 45px;
  }
  .atomic .accordion-wrapper .accordion-content {
    width: calc(100% + 30px);
    margin: 40px -15px;
    display: none;
  }
  .atomic.button, form:not(.mf) input.atomic[type=submit], .atomic.link-with-arrow {
    display: block;
  }
  .atomic.button a, form:not(.mf) input.atomic[type=submit] a, .atomic.link-with-arrow a {
    display: inline-block;
  }
  .atomic.link-with-arrow {
    margin-bottom: 20px;
  }
  .atomic.link-with-arrow a {
    position: relative;
    padding: 4px 37px 4px 0;
  }
  .atomic.button, form:not(.mf) input.atomic[type=submit] {
    margin-bottom: 12px;
    margin-top: 12px;
    line-height: 0;
    position: relative;
  }
  .atomic.button a, form:not(.mf) input.atomic[type=submit] a {
    border-radius: 30px;
    min-width: 170px;
  }
  .col-4 .atomic.button a, .col-4 form:not(.mf) input.atomic[type=submit] a, form:not(.mf) .col-4 input.atomic[type=submit] a {
    min-width: 0;
  }
  @media (max-width: 991px) {
    .atomic.module .container {
      padding: 60px 25px;
      width: calc(100% - 50px);
    }
    .atomic .iframe-wrapper {
      margin: 30px 10px 45px;
    }
  }
  @media (max-width: 767px) {
    .atomic.module .container {
      padding: 45px 20px;
      width: calc(100% - 40px);
    }
    .atomic.col-12, .atomic.col-8, .atomic.col-6, .atomic.col-4 {
      width: 100%;
      margin-top: 20px;
      padding: 0;
    }
    .atomic.col-12 {
      padding: 0;
    }
    .atomic .rich-text {
      margin: 0;
    }
    .atomic .iframe-wrapper {
      margin: 25px 0 40px;
    }
    .atomic .accordion-wrapper .accordion-content {
      margin: 20px 0 40px;
      width: 100%;
    }
  }
  .rtl-style .atomic {
    direction: rtl;
  }
  .rtl-style .atomic.link-with-arrow a {
    padding: 4px 0 4px 37px;
  }
  #cookiebannerSection {
    background-color: #009fdf;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .col-12 #cookiebannerSection {
    height: 608px;
  }
  .col-12 .disabledicon {
    width: 120px;
    height: 120px;
  }
  .col-12 .cookieheading {
    font-size: 16px;
    margin-left: 10%;
    margin-right: 10%;
    text-align: center;
  }
  .col-12 .cookiebuttontext {
    font-size: 20px;
  }
  .col-12 .cookiebutton a {
    padding: 12px 45px 12px 25px;
  }
  .col-12 .cookiebutton a:after {
    background-size: 40px;
    top: calc(50% - 8px);
  }
  .col-8 #cookiebannerSection {
    height: 357px;
  }
  .col-8 .disabledicon {
    width: 120px;
    height: 120px;
  }
  .col-8 .cookiebuttontext {
    font-size: 18px;
  }
  .col-8 .cookieheading {
    font-size: 16px;
    margin-left: 5%;
    margin-right: 5%;
    text-align: center;
  }
  .col-8 .cookiebutton a {
    padding: 12px 45px 12px 25px;
  }
  .col-8 .cookiebutton a:after {
    background-size: 30px;
    top: calc(50% - 8px);
  }
  .col-6 #cookiebannerSection {
    height: 294px;
  }
  .col-6 .disabledicon {
    width: 90px;
    height: 90px;
  }
  .col-6 .cookiebuttontext {
    font-size: 18px;
  }
  .col-6 .cookieheading {
    font-size: 14px;
    margin: 0px 40px 0px 40px;
    text-align: center;
    line-height: 20px;
  }
  .col-6 .cookiebutton a {
    padding: 10px 42px 10px 24px;
  }
  .col-6 .cookiebutton a:after {
    background-size: 32px;
    top: calc(50% - 7px);
    right: 14px;
  }
  .col-4 #cookiebannerSection {
    height: 190px;
  }
  .col-4 .disabledicon {
    width: 60px;
    height: 60px;
  }
  .col-4 .cookiebuttontext {
    font-size: 14px;
  }
  .col-4 .cookieheading {
    font-size: 12px;
    margin: 0px 24px 0px 24px;
    text-align: center;
    line-height: 12px;
  }
  .col-4 .cookiebutton {
    margin-top: 8px;
  }
  .col-4 .cookiebutton a {
    padding: 6px 30px 6px 12px;
  }
  .col-4 .cookiebutton a:after {
    background-size: 30px;
    top: calc(50% - 7px);
    right: 9px;
  }
  .cookiebutton {
    margin-top: 10px;
    border: 1.5px solid #ffffff;
    background: none !important;
    border-radius: 30px;
  }
  .cookiebutton a {
    color: #ffffff;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    display: block;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .cookiebutton a:after {
    position: absolute;
    margin: 0;
    content: "";
    background-image: url(/Static/Hempel/gfx/icons/arrow_white.svg);
    height: 14px;
    width: 18px;
    background-repeat: no-repeat;
    background-position: center;
    right: 18px;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
  .cookiebutton a span:hover {
    animation: button-shift-right 0.4s;
  }
  .glyphicon-ban-circle:before {
    content: "\e090";
  }
  .glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  @media all and (max-width: 767px) {
    .cookiebutton {
      margin-top: 8px !important;
    }
    .cookiebutton a {
      padding: 8px 35px 8px 21px !important;
    }
    .cookiebutton a:after {
      background-size: 30px !important;
      top: calc(50% - 7px) !important;
      right: 10px !important;
    }
    .cookieheading {
      font-size: 12px !important;
      margin: 6px 24px 0px 24px !important;
      text-align: center !important;
      line-height: 15px !important;
    }
    .cookiebuttontext {
      font-size: 14px !important;
      font-size: 14px !important;
    }
    .disabledicon {
      width: 60px !important;
      height: 60px !important;
    }
    #cookiebannerSection {
      height: 190px !important;
    }
  }
  body {
    padding-top: 80px;
    min-height: 100vh;
  }
  @media (max-width: 991px) {
    body {
      padding-top: 60px;
    }
  }
  #menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    background-color: rgba(0, 0, 0, 0.8);
    display: none;
    overflow: auto;
  }
  @media (max-width: 991px) {
    #menu-overlay {
      display: none !important;
    }
  }
  header:not(.mf) {
    position: fixed;
    height: 80px;
    background-color: #ffffff;
    box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.2);
    width: 100%;
    top: 0px;
    z-index: 10;
  }
  header:not(.mf) .container {
    padding: 0 20px;
    max-width: 1080px;
  }
  header:not(.mf) .logo {
    height: 50px;
    padding: 15px 0;
    display: block;
    position: absolute;
  }
  header:not(.mf) .logo a {
    display: inline-block;
    height: 50px;
  }
  header:not(.mf) .logo img {
    max-height: 100%;
    width: auto;
  }
  header:not(.mf) .nav {
    display: block;
    text-align: right;
  }
  header:not(.mf) .aux-menu {
    display: block;
    line-height: 11px;
    font-size: 11px;
    font-weight: 500;
  }
  @media (min-width: 992px) {
    header:not(.mf) .aux-menu {
      text-transform: uppercase;
    }
  }
  header:not(.mf) .aux-menu > ul {
    list-style-type: none;
    display: inline-block;
    margin: 0;
    padding: 7px 0 7px 12px;
  }
  header:not(.mf) .aux-menu > ul li {
    display: inline-block;
    vertical-align: bottom;
  }
  header:not(.mf) .aux-menu > ul li a {
    text-decoration: none;
    display: inline-block;
    position: relative;
  }
  header:not(.mf) .aux-menu > ul li a:after {
    content: " | ";
    margin-left: 8px;
    margin-right: 6px;
    position: relative;
  }
  header:not(.mf) .aux-menu > ul.left-links {
    font-size: 10px;
  }
  header:not(.mf) .aux-menu > ul.left-links a {
    color: #8a8d8f;
  }
  header:not(.mf) .aux-menu > ul.right-links {
    background-color: #009fdf;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding-right: 12px;
  }
  header:not(.mf) .aux-menu > ul.right-links a {
    color: #ffffff;
  }
  header:not(.mf) .aux-menu > ul.right-links li:last-child a:after {
    display: none;
  }
  header:not(.mf) .menu ::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    border-radius: 4px;
    background-color: #96999a;
  }
  header:not(.mf) .menu ::-webkit-scrollbar {
    width: 5px;
  }
  header:not(.mf) .menu ::-webkit-scrollbar-thumb {
    border-radius: 4px;
    -webkit-box-shadow: none;
    background-color: #eaebeb;
  }
  header:not(.mf) .menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  header:not(.mf) .menu ul.level-1 {
    display: flex;
    text-align: right;
    float: right;
  }
  header:not(.mf) .menu ul.level-1 li {
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: nowrap;
  }
  header:not(.mf) .menu ul.level-1 li .title {
    display: block;
    padding: 16px 12px 14px;
    color: #0030A3;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
  }
  header:not(.mf) .menu ul.level-1 .submenu .menu-content {
    display: none;
    min-width: 640px;
    position: fixed;
    left: 20px;
    top: 80px;
  }
  @media (min-width: 1200px) {
    header:not(.mf) .menu ul.level-1 .submenu .menu-content {
      left: calc(50% - 555px);
    }
  }
  header:not(.mf) .menu ul.level-1 .submenu .menu-content .spot {
    display: inline-block;
    text-align: left;
    float: left;
    padding: 45px 50px;
    width: 270px;
    height: 412px;
    background-color: #ffffff;
    box-shadow: 0 0 15px 0 rgba(0, 27, 92, 0.15);
    overflow: hidden;
    border-bottom-left-radius: 4px;
  }
  header:not(.mf) .menu ul.level-1 .submenu .menu-content .spot h2 {
    font-size: 38px;
    line-height: 40px;
    color: #0030A3;
    margin: 0 0 20px 0;
  }
  header:not(.mf) .menu ul.level-1 .submenu .menu-content .spot img {
    margin-bottom: 17px;
    max-width: 100%;
    height: auto;
  }
  header:not(.mf) .menu ul.level-1 .submenu .menu-content .spot p {
    font-size: 12px;
    line-height: 17px;
    font-weight: 300;
  }
  header:not(.mf) .menu ul.level-1 .submenu .menu-content .spot .link-with-arrow {
    color: #009fdf;
    padding-top: 4px;
  }
  header:not(.mf) .menu ul.level-1 .submenu .menu-content .button, header:not(.mf) .menu ul.level-1 .submenu .menu-content form:not(.mf) input[type=submit], form:not(.mf) header:not(.mf) .menu ul.level-1 .submenu .menu-content input[type=submit] {
    margin: 40px 22px 0;
    display: block;
    text-align: left;
    width: 222px;
  }
  header:not(.mf) .menu ul.level-1 .submenu .menu-content .button a, header:not(.mf) .menu ul.level-1 .submenu .menu-content form:not(.mf) input[type=submit] a, form:not(.mf) header:not(.mf) .menu ul.level-1 .submenu .menu-content input[type=submit] a {
    padding: 12px 38px 12px 21px;
  }
  header:not(.mf) .menu ul.level-1 .submenu .menu-content .button a:after, header:not(.mf) .menu ul.level-1 .submenu .menu-content form:not(.mf) input[type=submit] a:after, form:not(.mf) header:not(.mf) .menu ul.level-1 .submenu .menu-content input[type=submit] a:after {
    height: 10px;
    width: 14px;
    background-size: 28px;
    right: 16px;
    top: 16px;
  }
  header:not(.mf) .menu ul.level-1 .submenu .menu-content .level-2 {
    display: none;
    background-color: #d1d2d3;
    padding: 40px 0 30px;
    width: 270px;
    height: 432px;
    border-bottom-right-radius: 4px;
    margin-bottom: -7px;
  }
  header:not(.mf) .menu ul.level-1 .submenu .menu-content .level-2.expanded {
    width: 570px;
  }
  header:not(.mf) .menu ul.level-1 .submenu .menu-content .level-2.expanded > ul {
    width: 270px;
  }
  header:not(.mf) .menu ul.level-1 .submenu .menu-content .level-2 ul {
    max-height: 420px;
    overflow: hidden;
    overflow-y: auto;
    list-style-type: none;
    list-style: none;
  }
  header:not(.mf) .menu ul.level-1 .submenu .menu-content .level-2 ul li:last-child .title {
    border-color: transparent;
  }
  header:not(.mf) .menu ul.level-1 .submenu .menu-content .level-2 .submenu {
    text-align: left;
    padding: 0 25px 0 30px;
    display: block;
    position: relative;
  }
  @media (max-width: 767px) {
    header:not(.mf) .menu ul.level-1 .submenu .menu-content .level-2 .submenu {
      padding: 0 20px;
    }
  }
  header:not(.mf) .menu ul.level-1 .submenu .menu-content .level-2 .submenu a, header:not(.mf) .menu ul.level-1 .submenu .menu-content .level-2 .submenu .title {
    display: block;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: #0030A3;
    padding: 8px 0;
    text-decoration: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
  header:not(.mf) .menu ul.level-1 .submenu .menu-content .level-2 .submenu .title {
    padding-right: 20px;
  }
  header:not(.mf) .menu ul.level-1 .submenu .menu-content .level-2 .submenu .title:after {
    position: absolute;
    content: "";
    background-image: url(/Static/Hempel/gfx/icons/arrow_blue.svg);
    height: 10px;
    width: 14px;
    background-size: 28px;
    background-repeat: no-repeat;
    background-position: center;
    top: 12px;
    right: 27px;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
  header:not(.mf) .menu ul.level-1 .submenu .menu-content .level-2 .submenu a.search:after {
    position: absolute;
    content: url(/Static/Hempel/gfx/icons/search_blue.svg);
    height: 18px;
    width: 18px;
    top: 8px;
    right: 30px;
  }
  header:not(.mf) .menu ul.level-1 .submenu .menu-content .level-2 .submenu.expanded {
    background-color: #8a8d8f;
    margin-top: -1px;
    padding-top: 1px;
  }
  header:not(.mf) .menu ul.level-1 .submenu .menu-content .level-2 .submenu.expanded .title {
    border-color: transparent;
    color: #ffffff;
  }
  header:not(.mf) .menu ul.level-1 .submenu .menu-content .level-2 .submenu.expanded .title:after {
    background-image: url(/Static/Hempel/gfx/icons/arrow_white.svg);
  }
  header:not(.mf) .menu ul.level-1 .submenu .menu-content .level-2 .submenu.expanded .menu-content {
    min-width: 0;
    width: 0;
  }
  header:not(.mf) .menu ul.level-1 .submenu .menu-content .level-2 .submenu.expanded .menu-content .level-3 {
    display: inline-block;
    padding-right: 13px;
  }
  header:not(.mf) .menu ul.level-1 .submenu .menu-content .level-2 .submenu.expanded .menu-content .level-3 li a {
    color: #ffffff;
    font-size: 12px;
    font-weight: 300;
    border-color: rgba(255, 255, 255, 0.1);
  }
  header:not(.mf) .menu ul.level-1 .submenu .menu-content .level-2 .submenu.expanded .menu-content .level-3 li a:hover {
    color: #1F49AE;
    font-weight: 500;
  }
  header:not(.mf) .menu ul.level-1 .submenu .menu-content .level-2 .submenu.expanded .menu-content .level-3 li:last-child a {
    border: none;
  }
  header:not(.mf) .menu ul.level-1 .submenu .menu-content .level-3 {
    display: none;
    background-color: #8a8d8f;
    position: relative;
    padding: 40px 0 30px;
    height: 432px;
    width: 287px;
    margin-left: 640px;
    border-bottom-right-radius: 4px;
  }
  header:not(.mf) .menu ul.level-1 .submenu.expanded .menu-content {
    display: block;
    background-color: #ffffff;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  header:not(.mf) .menu ul.level-1 .submenu.expanded .level-2 {
    display: inline-block;
  }
  header:not(.mf) .menu ul.level-1 .submenu.expanded .title {
    color: #009fdf;
  }
  header:not(.mf) .level-1 > a.search {
    display: inline-block;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    background-color: #009FDF;
    background: linear-gradient(0deg, #0033A0 0%, #009FDF 100%);
    vertical-align: bottom;
    margin-top: 17px;
    margin-left: 12px;
    cursor: pointer;
  }
  header:not(.mf) icon.search-icon {
    display: block;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    background-image: url("/Static/Hempel/gfx/icons/search_white.svg");
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: center;
  }
  header:not(.mf) .country-selector {
    display: inline-block;
    font-size: 10px;
    color: #8a8d8f;
    padding-right: 25px;
    padding-left: 19px;
    position: relative;
    cursor: pointer;
  }
  header:not(.mf) .country-selector .ui-menu {
    margin: 0;
  }
  header:not(.mf) .country-selector:before {
    content: "";
    height: 16px;
    width: 16px;
    background-image: url("/Static/Hempel/gfx/icons/globe_grey.svg");
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    top: -3px;
  }
  header:not(.mf) .country-selector:after {
    content: "";
    height: 16px;
    width: 18px;
    background-image: url("/Static/Hempel/gfx/icons/arrow_grey.svg");
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 9px;
    top: -3px;
  }
  @media (max-width: 991px) {
    header:not(.mf) {
      height: 60px;
    }
    header:not(.mf) .container {
      width: 100%;
      overflow: auto;
      padding: 0;
      height: 0;
    }
    header:not(.mf) .logo {
      height: 37px;
      padding: 11px 17px;
      position: fixed;
      top: 0;
      width: calc(100% - 34px);
      background-color: white;
      z-index: 1;
      box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.2);
    }
    header:not(.mf) .logo a {
      display: inline-block;
      height: 37px;
    }
    header:not(.mf) .nav {
      display: none;
    }
  }
  header:not(.mf) .mobile-actions {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 2;
    padding-top: 4px;
    padding-right: 9px;
  }
  header:not(.mf) .mobile-actions .search {
    background: none;
    border-radius: 0;
    vertical-align: top;
    margin: 0;
    padding: 11px 8px;
    display: inline-block;
  }
  header:not(.mf) .mobile-actions icon.search-icon {
    height: 30px;
    width: 30px;
    background-image: url("/Static/Hempel/gfx/icons/search_blue.svg");
    background-size: 30px;
    border-radius: 0;
  }
  header:not(.mf) .mobile-actions .menu-open {
    display: inline-block;
    padding: 11px;
  }
  header:not(.mf) .mobile-actions .menu-close {
    display: none;
    padding: 11px;
  }
  header:not(.mf) .mobile-actions .close-icon {
    background-image: url("/Static/Hempel/gfx/icons/close_blue.svg");
  }
  .rtl-style header:not(.mf) {
    direction: rtl;
  }
  .rtl-style header:not(.mf) .nav {
    text-align: left;
  }
  .rtl-style header:not(.mf) .aux-menu > ul {
    padding: 7px 12px 7px 0;
  }
  .rtl-style header:not(.mf) .aux-menu > ul.right-links {
    padding-left: 12px;
  }
  .rtl-style header:not(.mf) .country-selector {
    padding-right: 19px;
    padding-left: 25px;
  }
  .rtl-style header:not(.mf) .country-selector:before {
    left: auto;
    right: 0;
  }
  .rtl-style header:not(.mf) .country-selector:after {
    right: auto;
    left: 9px;
  }
  .rtl-style header:not(.mf) .menu ul.level-1 {
    text-align: left;
    float: left;
  }
  .rtl-style header:not(.mf) .menu ul.level-1 .submenu .menu-content {
    left: auto;
    right: 20px;
  }
  @media (min-width: 1200px) {
    .rtl-style header:not(.mf) .menu ul.level-1 .submenu .menu-content {
      left: auto;
      right: calc(50% - 555px);
    }
  }
  .rtl-style header:not(.mf) .menu ul.level-1 .submenu .menu-content .spot {
    text-align: right;
    float: right;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 4px;
  }
  .rtl-style header:not(.mf) .menu ul.level-1 .submenu .menu-content .button, .rtl-style header:not(.mf) .menu ul.level-1 .submenu .menu-content form:not(.mf) input[type=submit], form:not(.mf) .rtl-style header:not(.mf) .menu ul.level-1 .submenu .menu-content input[type=submit] {
    text-align: right;
  }
  .rtl-style header:not(.mf) .menu ul.level-1 .submenu .menu-content .button a, .rtl-style header:not(.mf) .menu ul.level-1 .submenu .menu-content form:not(.mf) input[type=submit] a, form:not(.mf) .rtl-style header:not(.mf) .menu ul.level-1 .submenu .menu-content input[type=submit] a {
    padding: 12px 21px 12px 38px;
  }
  .rtl-style header:not(.mf) .menu ul.level-1 .submenu .menu-content .button a:after, .rtl-style header:not(.mf) .menu ul.level-1 .submenu .menu-content form:not(.mf) input[type=submit] a:after, form:not(.mf) .rtl-style header:not(.mf) .menu ul.level-1 .submenu .menu-content input[type=submit] a:after {
    right: auto;
    left: 16px;
  }
  .rtl-style header:not(.mf) .menu ul.level-1 .submenu .menu-content .level-2 {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 4px;
  }
  .rtl-style header:not(.mf) .menu ul.level-1 .submenu .menu-content .level-2 .submenu {
    text-align: right;
  }
  .rtl-style header:not(.mf) .menu ul.level-1 .submenu .menu-content .level-2 .submenu .title {
    padding-right: 0;
    padding-left: 20px;
  }
  .rtl-style header:not(.mf) .menu ul.level-1 .submenu .menu-content .level-2 .submenu .title:after {
    right: auto;
    left: 27px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .rtl-style header:not(.mf) .menu ul.level-1 .submenu .menu-content .level-2 .submenu a.search:after {
    right: auto;
    left: 30px;
  }
  .rtl-style header:not(.mf) .menu ul.level-1 .submenu .menu-content .level-2 .submenu.expanded .menu-content .level-3 {
    padding-right: 0;
    padding-left: 13px;
  }
  .rtl-style header:not(.mf) .menu ul.level-1 .submenu .menu-content .level-3 {
    margin-left: 0;
    margin-right: 640px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 4px;
  }
  .rtl-style header:not(.mf) .menu ul.level-1 .submenu.expanded .menu-content {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  .rtl-style header:not(.mf) .level-1 > a.search {
    margin-left: 0;
    margin-right: 12px;
  }
  .rtl-style header:not(.mf) .mobile-actions {
    right: auto;
    left: 0;
    padding-right: 0;
    padding-left: 9px;
  }
  header.main-navigation {
    position: sticky;
    top: 0;
    z-index: 4;
  }
  .menu-top {
    display: none;
    position: fixed;
    top: 0;
    height: 60px;
    width: 100%;
    background-color: #0033a0;
    z-index: 5;
  }
  .menu-top .menu-close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px 20px;
  }
  .menu-top .close-icon {
    background-image: url("/Static/Hempel/gfx/icons/close_white.svg");
  }
  .rtl-style .menu-top .menu-close {
    right: auto;
    left: 0;
  }
  .mobile-actions icon, .menu-top icon {
    height: 32px;
    width: 32px;
    background-size: 30px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
  }
  .mobile-actions icon.menu-icon, .menu-top icon.menu-icon {
    background-image: url("/Static/Hempel/gfx/icons/menu_blue.svg");
    height: 32px;
    width: 32px;
    background-size: 38px;
  }
  header.menu-open {
    padding-top: 60px;
    height: 0;
  }
  header.menu-open .container {
    height: calc(100vh - 60px);
  }
  header.menu-open .mobile-actions .menu-open {
    display: none;
  }
  header.menu-open .mobile-actions .menu-close {
    display: inline-block;
  }
  header.menu-open .nav {
    display: flex;
    flex-direction: column;
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
    min-height: calc(100vh - 180px);
    float: none;
    text-align: left;
    padding-bottom: 120px;
  }
  header.menu-open .nav .search {
    display: none;
  }
  header.menu-open .nav .aux-menu {
    order: 2;
    padding: 0 20px;
  }
  @media (min-width: 768px) {
    header.menu-open .nav .aux-menu {
      padding: 0 70px;
    }
  }
  header.menu-open .nav .aux-menu ul li {
    display: block;
  }
  header.menu-open .nav .aux-menu ul li a {
    display: block;
  }
  header.menu-open .nav .aux-menu ul li a:after {
    position: absolute;
    margin: 0;
    content: "";
  }
  header.menu-open .nav .aux-menu ul li:last-child a:after {
    display: block;
  }
  header.menu-open .nav .aux-menu .left-links {
    width: 100%;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 0;
    background-color: #ffffff;
  }
  header.menu-open .nav .aux-menu .left-links li {
    padding: 0 20px;
  }
  @media (min-width: 768px) {
    header.menu-open .nav .aux-menu .left-links li {
      padding: 0 30px;
    }
  }
  header.menu-open .nav .aux-menu .left-links li a {
    font-size: 15px;
    line-height: 18px;
    padding: 16px 0;
  }
  header.menu-open .nav .aux-menu .left-links li a:after {
    height: 1px;
    width: 100%;
    right: 0;
    top: 48px;
    opacity: 0.2;
    background-color: #ACA39A;
  }
  header.menu-open .nav .aux-menu .country-selector {
    background-color: #ffffff;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 50px;
    display: block;
    padding-right: 20px;
    margin-top: -1px;
  }
  header.menu-open .nav .aux-menu .country-selector #open-country-selector {
    font-size: 15px;
    line-height: 18px;
    padding: 16px 0;
    display: block;
  }
  @media (min-width: 768px) {
    header.menu-open .nav .aux-menu .country-selector {
      padding: 0 30px;
    }
  }
  header.menu-open .nav .aux-menu .country-selector:before {
    left: auto;
    top: 17px;
    right: 20px;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    background-image: url(/Static/Hempel/gfx/icons/arrow_grey.svg);
    height: 14px;
    width: 18px;
    background-size: 40px;
  }
  @media (min-width: 768px) {
    header.menu-open .nav .aux-menu .country-selector:before {
      right: 30px;
    }
  }
  header.menu-open .nav .aux-menu .country-selector:after {
    display: none;
  }
  header.menu-open .nav .aux-menu .right-links {
    display: block;
    padding: 20px 0;
    background-color: transparent;
  }
  @media (min-width: 768px) {
    header.menu-open .nav .aux-menu .right-links {
      padding-top: 27px;
    }
  }
  header.menu-open .nav .aux-menu .right-links li {
    background: linear-gradient(0deg, #0033a0 0%, #009fdf 100%);
    border-radius: 30px;
    margin-bottom: 5px;
  }
  header.menu-open .nav .aux-menu .right-links li a {
    font-size: 24px;
    line-height: 25px;
    padding: 17px 29px;
    font-weight: 600;
  }
  header.menu-open .nav .aux-menu .right-links li a:after {
    background-image: url(/Static/Hempel/gfx/icons/arrow_white.svg);
    height: 14px;
    width: 18px;
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: center;
    top: calc(50% - 8px);
    right: 20px;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
  @media (min-width: 768px) {
    header.menu-open .nav .aux-menu .right-links li {
      display: inline-block;
      width: calc(50% - 17px);
    }
    header.menu-open .nav .aux-menu .right-links li:first-child {
      margin-right: 30px;
    }
  }
  header.menu-open .nav .menu {
    padding: 20px;
  }
  @media (min-width: 768px) {
    header.menu-open .nav .menu {
      padding: 27px 70px;
    }
  }
  header.menu-open .nav .menu .level-1 {
    border-radius: 4px;
    background-color: #ffffff;
    display: block;
    float: none;
    text-align: left;
  }
  header.menu-open .nav .menu .level-1 .submenu .menu-content .spot {
    display: none;
  }
  header.menu-open .nav .menu .level-1 li {
    display: block;
    padding: 0 18px;
  }
  @media (min-width: 768px) {
    header.menu-open .nav .menu .level-1 li {
      padding: 0 30px;
    }
  }
  header.menu-open .nav .menu .level-1 li .title {
    font-size: 22px;
    font-weight: 400;
    padding: 15px 0;
    border-bottom: 1px solid #f2f1ef;
    position: relative;
  }
  header.menu-open .nav .menu .level-1 li .title:after {
    position: absolute;
    content: "";
    background-image: url(/Static/Hempel/gfx/icons/arrow_blue.svg);
    height: 14px;
    width: 18px;
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: center;
    top: 21px;
    right: 0;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
  header.menu-open .nav .menu .level-1 li:last-child .title {
    border-color: transparent;
  }
  header.menu-open .nav.submenu-open {
    display: block;
    overflow: auto;
  }
  header.menu-open .nav.submenu-open .aux-menu {
    display: none;
  }
  header.menu-open .nav.submenu-open .menu {
    padding: 0;
  }
  header.menu-open .nav.submenu-open .menu .level-1 {
    background-color: transparent;
  }
  header.menu-open .nav.submenu-open .menu .level-1 > .menu-top {
    display: block;
  }
  header.menu-open .nav.submenu-open .menu .level-1 > li.submenu {
    display: none;
  }
  header.menu-open .nav.submenu-open .menu .level-1 > li.submenu.expanded {
    display: block;
    position: static;
    width: 100%;
    padding: 0;
  }
  header.menu-open .nav.submenu-open .menu .level-1 > li.submenu.expanded > .title {
    position: absolute;
    z-index: 5;
    color: #ffffff;
    border: none;
    font-weight: 500;
    padding: 18px 0 18px 45px;
    font-size: 20px;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    top: 0;
    width: calc(100% - 110px);
    border: 1px solid transparent;
  }
  header.menu-open .nav.submenu-open .menu .level-1 > li.submenu.expanded > .title:after {
    background-image: url("/Static/Hempel/gfx/icons/arrow_white.svg");
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    left: 20px;
    top: 23px;
  }
  @media (min-width: 768px) {
    header.menu-open .nav.submenu-open .menu .level-1 > li.submenu.expanded > .title {
      margin-left: 70px;
      margin-right: 70px;
      padding-left: 25px;
    }
    header.menu-open .nav.submenu-open .menu .level-1 > li.submenu.expanded > .title:after {
      left: 0;
    }
  }
  header.menu-open .nav.submenu-open .menu .level-1 > li.submenu .menu-content {
    background-color: transparent;
    position: static;
    padding: 20px;
    min-width: unset;
  }
  @media (min-width: 768px) {
    header.menu-open .nav.submenu-open .menu .level-1 > li.submenu .menu-content {
      padding: 27px 70px;
    }
  }
  header.menu-open .nav.submenu-open .menu .level-1 > li.submenu .menu-content .level-2 {
    background-color: transparent;
    width: 100%;
    display: block;
    height: auto;
    padding: 0;
  }
  header.menu-open .nav.submenu-open .menu .level-1 > li.submenu .menu-content .level-2 .button, header.menu-open .nav.submenu-open .menu .level-1 > li.submenu .menu-content .level-2 form:not(.mf) input[type=submit], form:not(.mf) header.menu-open .nav.submenu-open .menu .level-1 > li.submenu .menu-content .level-2 input[type=submit] {
    margin: 30px 0 0;
    width: auto;
  }
  @media (min-width: 768px) {
    header.menu-open .nav.submenu-open .menu .level-1 > li.submenu .menu-content .level-2 .button, header.menu-open .nav.submenu-open .menu .level-1 > li.submenu .menu-content .level-2 form:not(.mf) input[type=submit], form:not(.mf) header.menu-open .nav.submenu-open .menu .level-1 > li.submenu .menu-content .level-2 input[type=submit] {
      max-width: 300px;
    }
  }
  header.menu-open .nav.submenu-open .menu .level-1 > li.submenu .menu-content .level-2 .button a, header.menu-open .nav.submenu-open .menu .level-1 > li.submenu .menu-content .level-2 form:not(.mf) input[type=submit] a, form:not(.mf) header.menu-open .nav.submenu-open .menu .level-1 > li.submenu .menu-content .level-2 input[type=submit] a {
    font-size: 22px;
    line-height: 26px;
    padding: 17px 29px 17px 24px;
    font-weight: 600;
  }
  header.menu-open .nav.submenu-open .menu .level-1 > li.submenu .menu-content .level-2 .button a:after, header.menu-open .nav.submenu-open .menu .level-1 > li.submenu .menu-content .level-2 form:not(.mf) input[type=submit] a:after, form:not(.mf) header.menu-open .nav.submenu-open .menu .level-1 > li.submenu .menu-content .level-2 input[type=submit] a:after {
    height: 14px;
    width: 18px;
    background-size: 40px;
    right: 20px;
    top: calc(50% - 7px);
  }
  header.menu-open .nav.submenu-open .menu .level-1 > li.submenu .menu-content .level-2 ul {
    max-height: none;
    background-color: #ffffff;
    border-radius: 4px;
  }
  header.menu-open .nav.submenu-open .menu .level-1 > li.submenu .menu-content .level-2 ul .submenu .title {
    color: #0033a0;
    margin: 0;
    background: #ffffff;
  }
  header.menu-open .nav.submenu-open .menu .level-1 > li.submenu .menu-content .level-2 ul .submenu .title:after {
    right: 0;
    height: 14px;
    width: 18px;
    background-size: 40px;
    top: calc(50% - 8px);
  }
  header.menu-open .nav.submenu-open .menu .level-1 > li.submenu .menu-content .level-2 ul .submenu .title, header.menu-open .nav.submenu-open .menu .level-1 > li.submenu .menu-content .level-2 ul .submenu a {
    border-bottom: 1px solid #f2f1ef;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    padding: 18px 25px 18px 0;
  }
  header.menu-open .nav.submenu-open .menu .level-1 > li.submenu .menu-content .level-2 ul .submenu .menu-content {
    padding: 0;
  }
  @media (min-width: 992px) {
    header.menu-open .nav.submenu-open .menu .level-1 > li.submenu .menu-content .level-2 ul .submenu:last-child .title, header.menu-open .nav.submenu-open .menu .level-1 > li.submenu .menu-content .level-2 ul .submenu:last-child a {
      border: none;
    }
  }
  header.menu-open .nav.submenu-open .menu .level-1 > li.submenu .menu-content .level-2 ul .submenu a.search:after {
    position: absolute;
    content: url(/Static/Hempel/gfx/icons/search_blue.svg);
    height: 24px;
    width: 24px;
    top: 18px;
    right: 20px;
  }
  @media (min-width: 768px) {
    header.menu-open .nav.submenu-open .menu .level-1 > li.submenu .menu-content .level-2 ul .submenu a.search:after {
      right: 30px;
    }
  }
  header.menu-open .nav.submenu-open .menu .level-1 > li.submenu .menu-content .level-2.expanded ul {
    background-color: transparent;
    position: relative;
    z-index: 6;
    overflow: visible;
    width: auto;
  }
  header.menu-open .nav.submenu-open .menu .level-1 > li.submenu .menu-content .level-2.expanded .submenu {
    display: none;
  }
  header.menu-open .nav.submenu-open .menu .level-1 > li.submenu .menu-content .level-2.expanded .submenu.expanded {
    background-color: transparent;
    display: block;
    padding: 0;
    margin: 0;
    overflow: hidden;
    border-radius: 4px;
  }
  header.menu-open .nav.submenu-open .menu .level-1 > li.submenu .menu-content .level-2.expanded .submenu.expanded .title {
    position: fixed;
    top: 0;
    width: calc(100% - 125px);
    color: #ffffff;
    background-color: #0033a0;
    border: none;
    margin-left: -45px;
    padding-left: 70px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  @media (min-width: 768px) {
    header.menu-open .nav.submenu-open .menu .level-1 > li.submenu .menu-content .level-2.expanded .submenu.expanded .title {
      width: calc(100% - 190px);
    }
  }
  header.menu-open .nav.submenu-open .menu .level-1 > li.submenu .menu-content .level-2.expanded .submenu.expanded .title:after {
    background-image: url(/Static/Hempel/gfx/icons/arrow_white.svg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    left: 45px;
    top: 23px;
  }
  header.menu-open .nav.submenu-open .menu .level-1 > li.submenu .menu-content .level-2.expanded .submenu.expanded .menu-content {
    background-color: #ffffff;
    width: 100%;
    margin: 0;
  }
  header.menu-open .nav.submenu-open .menu .level-1 > li.submenu .menu-content .level-2.expanded .submenu.expanded .menu-content .level-3 {
    display: block;
    margin: 0;
    background-color: #ffffff;
    padding: 0;
    height: auto;
    width: 100%;
    border-radius: 4px;
  }
  header.menu-open .nav.submenu-open .menu .level-1 > li.submenu .menu-content .level-2.expanded .submenu.expanded .menu-content .level-3 .ul {
    position: static;
  }
  header.menu-open .nav.submenu-open .menu .level-1 > li.submenu .menu-content .level-2.expanded .submenu.expanded .menu-content .level-3 .submenu {
    display: block;
  }
  header.menu-open .nav.submenu-open .menu .level-1 > li.submenu .menu-content .level-2.expanded .submenu.expanded .menu-content .level-3 .submenu a {
    color: #0033a0;
  }
  header.menu-open .nav.submenu-open .menu .level-1 > li.submenu .menu-content .level-2.expanded .button, header.menu-open .nav.submenu-open .menu .level-1 > li.submenu .menu-content .level-2.expanded form:not(.mf) input[type=submit], form:not(.mf) header.menu-open .nav.submenu-open .menu .level-1 > li.submenu .menu-content .level-2.expanded input[type=submit] {
    display: none;
  }
  .rtl-style header.menu-open .nav {
    text-align: right;
  }
  .rtl-style header.menu-open .nav .aux-menu .left-links li a:after {
    right: auto;
    left: 0;
  }
  .rtl-style header.menu-open .nav .aux-menu .country-selector {
    padding-right: 20px;
    padding-left: 20px;
  }
  @media (min-width: 768px) {
    .rtl-style header.menu-open .nav .aux-menu .country-selector {
      padding: 0 30px;
    }
  }
  .rtl-style header.menu-open .nav .aux-menu .country-selector:before {
    left: 20px;
    right: auto;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  @media (min-width: 768px) {
    .rtl-style header.menu-open .nav .aux-menu .country-selector:before {
      left: 30px;
    }
  }
  .rtl-style header.menu-open .nav .aux-menu .right-links li a:after {
    right: auto;
    left: 20px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  @media (min-width: 768px) {
    .rtl-style header.menu-open .nav .aux-menu .right-links li:first-child {
      margin-right: 0;
      margin-left: 30px;
    }
  }
  .rtl-style header.menu-open .nav .menu .level-1 {
    text-align: right;
  }
  .rtl-style header.menu-open .nav .menu .level-1 li .title:after {
    right: auto;
    left: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .rtl-style header.menu-open .nav.submenu-open .menu .level-1 > li.submenu.expanded > .title {
    padding: 18px 45px 18px 0;
  }
  .rtl-style header.menu-open .nav.submenu-open .menu .level-1 > li.submenu.expanded > .title:after {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    left: auto;
    right: 20px;
  }
  @media (min-width: 768px) {
    .rtl-style header.menu-open .nav.submenu-open .menu .level-1 > li.submenu.expanded > .title {
      padding-right: 25px;
    }
    .rtl-style header.menu-open .nav.submenu-open .menu .level-1 > li.submenu.expanded > .title:after {
      left: auto;
      right: 0;
    }
  }
  .rtl-style header.menu-open .nav.submenu-open .menu .level-1 > li.submenu .menu-content .level-2 .button a, .rtl-style header.menu-open .nav.submenu-open .menu .level-1 > li.submenu .menu-content .level-2 form:not(.mf) input[type=submit] a, form:not(.mf) .rtl-style header.menu-open .nav.submenu-open .menu .level-1 > li.submenu .menu-content .level-2 input[type=submit] a {
    padding: 17px 24px 17px 29px;
  }
  .rtl-style header.menu-open .nav.submenu-open .menu .level-1 > li.submenu .menu-content .level-2 .button a:after, .rtl-style header.menu-open .nav.submenu-open .menu .level-1 > li.submenu .menu-content .level-2 form:not(.mf) input[type=submit] a:after, form:not(.mf) .rtl-style header.menu-open .nav.submenu-open .menu .level-1 > li.submenu .menu-content .level-2 input[type=submit] a:after {
    right: auto;
    left: 20px;
  }
  .rtl-style header.menu-open .nav.submenu-open .menu .level-1 > li.submenu .menu-content .level-2 ul .submenu .title:after {
    right: auto;
    left: 0;
  }
  .rtl-style header.menu-open .nav.submenu-open .menu .level-1 > li.submenu .menu-content .level-2 ul .submenu .title, .rtl-style header.menu-open .nav.submenu-open .menu .level-1 > li.submenu .menu-content .level-2 ul .submenu a {
    padding: 18px 0 18px 25px;
  }
  .rtl-style header.menu-open .nav.submenu-open .menu .level-1 > li.submenu .menu-content .level-2 ul .submenu a.search:after {
    right: auto;
    left: 20px;
  }
  @media (min-width: 768px) {
    .rtl-style header.menu-open .nav.submenu-open .menu .level-1 > li.submenu .menu-content .level-2 ul .submenu a.search:after {
      left: 30px;
    }
  }
  .rtl-style header.menu-open .nav.submenu-open .menu .level-1 > li.submenu .menu-content .level-2.expanded .submenu.expanded .title {
    margin-right: -45px;
    padding-right: 70px;
    margin-left: 0;
    padding-left: 0;
  }
  .rtl-style header.menu-open .nav.submenu-open .menu .level-1 > li.submenu .menu-content .level-2.expanded .submenu.expanded .title:after {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    left: auto;
    right: 45px;
  }
  .bread-crumbs {
    position: absolute;
    z-index: 3;
    width: calc(100vw - 40px);
    padding: 0 20px;
    line-height: 18px;
  }
  .bread-crumbs .row {
    max-width: 1000px;
    margin: 17px auto;
  }
  .bread-crumbs .bread-crumb {
    display: inline-block;
  }
  .bread-crumbs .bread-crumb a {
    color: #ffffff;
    font-size: 13px;
    display: inline-block;
    text-decoration: none;
    cursor: default;
  }
  .bread-crumbs .bread-crumb a:after {
    content: "|";
    display: inline-block;
    padding-left: 7px;
    padding-right: 4px;
  }
  .bread-crumbs .bread-crumb.active a span {
    text-decoration: underline;
    cursor: pointer;
  }
  .bread-crumbs .bread-crumb:last-child a:after {
    display: none;
  }
  @media (max-width: 991px) {
    .bread-crumbs .bread-crumb a {
      font-size: 15px;
    }
  }
  .rtl-style .bread-crumbs {
    direction: rtl;
  }
  .rtl-style .bread-crumbs .bread-crumb a:after {
    padding-left: 4px;
    padding-right: 7px;
  }
  #CountrySelectorModal {
    text-align: left;
    text-transform: none;
  }
  #CountrySelectorModal .modal-content {
    border-radius: 5px;
    padding: 30px 45px 50px;
    height: auto;
    width: 850px;
    overflow: auto;
  }
  #CountrySelectorModal .modal-content .back {
    display: none;
  }
  #CountrySelectorModal .modal-content .blue-icon {
    top: 14px;
    right: 12px;
    height: 25px;
    width: 25px;
    background: linear-gradient(0deg, #0033a0 0%, #009fdf 100%);
    position: absolute;
    border: none;
    display: block;
  }
  #CountrySelectorModal .modal-content .blue-icon:after {
    content: "";
    background-image: url("/Static/Hempel/gfx/icons/close_white.svg");
    height: 14px;
    width: 14px;
    background-size: 14px;
    position: absolute;
    top: 5px;
    left: 5px;
  }
  #CountrySelectorModal .ui-accordion-header {
    color: #000000;
    font-size: 24px;
    line-height: 28px;
    border-top: 1px solid #8a8d8f;
    margin: 0;
    padding: 13px 0;
  }
  #CountrySelectorModal .ui-accordion-header.ui-accordion-header-active {
    border-bottom: 1px solid #f3f3f4;
  }
  #CountrySelectorModal .ui-accordion-header:first-child {
    border-top: none;
  }
  #CountrySelectorModal .wrapper {
    padding-top: 15px;
    padding-left: 1px;
    position: relative;
  }
  #CountrySelectorModal .wrapper:after {
    display: block;
    content: "";
    position: relative;
    height: 30px;
    background-color: #ffffff;
    margin-top: -1px;
  }
  #CountrySelectorModal .wrapper .country-item {
    width: calc(20% + 1px);
    display: inline-block;
    margin-right: -2px;
    margin-left: -1px;
    border-bottom: 1px solid #f3f3f4;
    vertical-align: top;
    height: 40px;
  }
  #CountrySelectorModal .wrapper .country-item a {
    text-decoration: none;
    font-size: 14px;
    line-height: 15px;
    font-weight: 600;
    color: #0033a0;
    display: block;
    position: relative;
    padding-left: 32px;
    padding-right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  #CountrySelectorModal .wrapper .country-item a .flag-icon {
    width: 25px;
    height: 25px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  #CountrySelectorModal .wrapper .country-item a .flag-icon img {
    width: 100%;
    height: auto;
    border-radius: 50%;
  }
  @media (max-width: 991px) {
    #CountrySelectorModal {
      padding-top: 60px;
      z-index: 3;
    }
    #CountrySelectorModal .wrapper .country-item {
      width: calc(33.3% + 1px);
    }
    #CountrySelectorModal .menu-bar {
      position: fixed;
      top: 0;
      width: 100%;
      height: 60px;
      left: 0;
      background: #0033a0;
    }
    #CountrySelectorModal .menu-bar .blue-icon {
      display: none;
    }
    #CountrySelectorModal .menu-bar .back {
      display: block;
      color: #ffffff;
      font-weight: 500;
      padding: 18px 0 18px 45px;
      font-size: 20px;
      line-height: 24px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      top: 0;
      width: calc(100% - 110px);
    }
    #CountrySelectorModal .menu-bar .back:after {
      position: absolute;
      content: "";
      background-image: url(/Static/Hempel/gfx/icons/arrow_white.svg);
      height: 14px;
      width: 18px;
      background-size: 40px;
      background-repeat: no-repeat;
      background-position: center;
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
      left: 20px;
      top: 23px;
    }
    #CountrySelectorModal .menu-bar .menu-close {
      position: absolute;
      top: 0;
      right: 0;
      padding: 15px 20px;
    }
    #CountrySelectorModal .menu-bar .close-icon {
      background-image: url("/Static/Hempel/gfx/icons/close_white.svg");
      height: 30px;
      width: 30px;
      background-size: 30px;
      display: block;
      background-repeat: no-repeat;
      background-position: center;
    }
  }
  @media (max-width: 767px) {
    #CountrySelectorModal .modal-content {
      padding: 5px 20px;
      margin: 20px;
      max-width: calc(100% - 80px);
      height: calc(100vh - 165px);
    }
    #CountrySelectorModal .modal-content .accordion {
      max-height: 100%;
    }
    #CountrySelectorModal .ui-accordion-header {
      font-size: 20px;
    }
    #CountrySelectorModal .wrapper {
      padding: 0;
    }
    #CountrySelectorModal .wrapper .country-item {
      display: block;
      width: 100%;
    }
    #CountrySelectorModal .wrapper .country-item a {
      padding-left: 40px;
    }
    #CountrySelectorModal .wrapper .country-item:last-child {
      border: none;
    }
  }
  .rtl-style #CountrySelectorModal {
    direction: rtl;
    text-align: right;
  }
  .rtl-style #CountrySelectorModal .modal-content .blue-icon {
    right: auto;
    left: 12px;
  }
  .rtl-style #CountrySelectorModal .wrapper {
    padding-left: 0;
    padding-right: 1px;
  }
  .rtl-style #CountrySelectorModal .wrapper .country-item {
    margin-right: -1px;
    margin-left: -2px;
    width: 20%;
  }
  .rtl-style #CountrySelectorModal .wrapper .country-item a {
    padding-left: 10px;
    padding-right: 32px;
  }
  .rtl-style #CountrySelectorModal .wrapper .country-item a .flag-icon {
    left: auto;
    right: 0;
  }
  @media (max-width: 991px) {
    .rtl-style #CountrySelectorModal .wrapper .country-item {
      width: 33.3%;
    }
    .rtl-style #CountrySelectorModal .menu-bar {
      left: auto;
      right: 0;
    }
    .rtl-style #CountrySelectorModal .menu-bar .back {
      padding: 18px 45px 18px 0;
    }
    .rtl-style #CountrySelectorModal .menu-bar .back:after {
      -webkit-transform: rotate(270deg);
      transform: rotate(270deg);
      left: 0;
      right: 20px;
    }
    .rtl-style #CountrySelectorModal .menu-bar .menu-close {
      right: auto;
      left: 0;
    }
  }
  @media (max-width: 767px) {
    .rtl-style #CountrySelectorModal .wrapper .country-item {
      width: 100%;
    }
    .rtl-style #CountrySelectorModal .wrapper .country-item a {
      padding-left: 0;
      padding-right: 40px;
    }
  }
  /* On overlay
  -webkit-overflow-scrolling: touch;
  */
  @keyframes typing {
    from {
      width: 0;
      text-overflow: clip;
    }
    25% {
      width: 0;
    }
    99% {
      width: 90%;
      text-overflow: clip;
    }
    to {
      text-overflow: ellipsis;
      width: 100%;
    }
  }
  .fast-track .slide {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: #ffffff;
    position: relative;
    display: none;
    max-width: 1200px;
    height: 500px;
    margin: auto;
  }
  .fast-track .slide.selected {
    display: block;
  }
  @media (max-width: 767px) {
    .fast-track .slide.selected:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.3);
      pointer-events: none;
      z-index: 1;
    }
    .fast-track .slide.selected.step-2 {
      background-image: none !important;
    }
    .fast-track .slide.selected .mobile-image {
      position: absolute;
      height: 100%;
      width: 100%;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
    }
  }
  .fast-track .slide p {
    font-size: 20px;
    line-height: 25px;
    max-width: 325px;
  }
  .fast-track .slide.step-2 p {
    font-size: 16px;
    line-height: 22px;
    font-weight: 300;
    max-width: 385px;
  }
  @media (max-width: 577px) {
    .fast-track .slide.step-2 p {
      margin: -5px auto;
    }
  }
  .fast-track .slide .video-wrapper {
    overflow: hidden;
    height: 500px;
    position: relative;
    margin-top: -500px;
    background-color: #f3f3f4;
  }
  .fast-track .slide .video-wrapper video {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 500px;
    display: none;
  }
  @media (max-width: 767px) {
    .fast-track .slide .video-wrapper {
      display: none;
    }
  }
  @media (min-width: 768px) {
    .fast-track .slide.has-video {
      background-image: none !important;
    }
    .fast-track .slide.has-video video {
      display: block;
    }
  }
  .fast-track .slide .text-wrapper {
    height: 500px;
    max-width: 1000px;
    margin: auto;
    position: relative;
    z-index: 2;
  }
  @media (max-width: 577px) {
    .fast-track .slide .text-wrapper {
      height: 480px;
      text-align: center;
    }
  }
  .fast-track .slide .text-box {
    position: absolute;
    top: 50%;
    left: 7%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-shadow: 0 0 30px -10px #000000;
  }
  @media (min-width: 1110px) {
    .fast-track .slide .text-box {
      left: 0;
    }
  }
  .fast-track .slide .text-box h1 {
    font-size: 45px;
    line-height: 50px;
    font-weight: 300;
    margin-bottom: 18px;
    margin-top: 10px;
    max-width: 500px;
  }
  .fast-track .slide .text-box .option-wrapper {
    margin-top: 45px;
    max-width: 325px;
    text-align: left;
  }
  .fast-track .slide .text-box .option-wrapper .ui-menu-item.ui-state-disabled {
    display: none;
  }
  .fast-track .slide .text-box .option-wrapper .ui-selectmenu-text {
    overflow: hidden; /* Ensures the content is not revealed until the animation */
    white-space: nowrap; /* Keeps the content on a single line */
    margin: 0; /* Gives that scrolling effect as the typing happens */
  }
  @media (min-width: 768px) {
    .fast-track .slide .text-box .option-wrapper .ui-selectmenu-text {
      animation: typing 2s steps(30, end);
    }
  }
  .fast-track .slide .text-box .buttons {
    margin-top: 40px;
    margin-bottom: 10px;
  }
  .fast-track .slide .text-box .buttons .button, .fast-track .slide .text-box .buttons form:not(.mf) input[type=submit], form:not(.mf) .fast-track .slide .text-box .buttons input[type=submit] {
    margin-right: 8px;
    min-width: 180px;
  }
  @media (max-width: 767px) {
    .fast-track .slide .text-box .option-wrapper {
      margin: 40px 0 30px;
      position: relative;
    }
    .fast-track .slide .text-box .option-wrapper select {
      background-color: rgba(255, 255, 255, 0.95);
      border-radius: 25px;
      font-size: 20px;
      line-height: 24px;
      font-weight: 500;
      padding: 13px 40px 13px 24px;
      display: block;
      width: 100%;
    }
    .fast-track .slide .text-box .option-wrapper:after {
      content: "";
      display: block;
      position: absolute;
      background-image: url(/Static/Hempel/gfx/icons/arrow_grey.svg);
      height: 11px;
      width: 15px;
      background-size: 36px;
      background-repeat: no-repeat;
      background-position: center;
      top: 20px;
      right: 20px;
    }
  }
  @media (max-width: 577px) {
    .fast-track .slide .text-box {
      width: calc(100% - 40px);
      left: 20px;
    }
    .fast-track .slide .text-box h1 {
      font-size: 40px;
      line-height: 45px;
      margin-bottom: 16px;
    }
    .fast-track .slide .text-box p {
      max-width: 90%;
      font-size: 16px;
      line-height: 20px;
      margin: auto;
    }
    .fast-track .slide .text-box .option-wrapper {
      margin: 40px auto 30px;
    }
    .fast-track .slide .text-box .option-wrapper .ui-selectmenu-menu.ui-selectmenu-open {
      margin-top: -1px;
    }
    .fast-track .slide .text-box .buttons {
      margin-top: 35px;
    }
    .fast-track .slide .text-box .buttons .button, .fast-track .slide .text-box .buttons form:not(.mf) input[type=submit], form:not(.mf) .fast-track .slide .text-box .buttons input[type=submit] {
      margin-right: 0;
      margin-bottom: 13px;
      display: block;
      text-align: left;
    }
  }
  .fast-track .slide .link-wrapper {
    position: absolute;
    top: 28px;
    left: 15px;
    z-index: 3;
  }
  .fast-track .slide .link-wrapper .link-with-arrow {
    padding-right: 0;
    font-size: 16px;
    padding-left: 35px;
    cursor: pointer;
    color: #ffffff;
  }
  .fast-track .slide .link-wrapper .link-with-arrow .next-icon {
    right: auto;
    left: 0;
  }
  .fast-track .slide .link-wrapper .link-with-arrow .next-icon:after {
    transform: -webkit-rotate(90deg);
    transform: rotate(90deg);
  }
  @media (min-width: 578px) {
    .fast-track .slide .link-wrapper {
      top: 36px;
      left: 42px;
    }
    .fast-track .slide .link-wrapper .link-with-arrow {
      padding-top: 7px;
      padding-left: 45px;
      font-size: 18px;
      line-height: 18px;
      font-weight: 500;
    }
    .fast-track .slide .link-wrapper .link-with-arrow .next-icon {
      height: 30px;
      width: 30px;
    }
    .fast-track .slide .link-wrapper .link-with-arrow .next-icon:after {
      height: 10px;
      width: 14px;
      background-size: 32px;
      top: 10px;
      right: 8px;
    }
  }
  @media (max-width: 991px) {
    .fast-track .slide .link-wrapper {
      font-size: 18px;
      line-height: 18px;
    }
  }
  .fast-track.full-screen .slide {
    max-width: 1920px;
  }
  .rtl-style .fast-track {
    direction: rtl;
  }
  .rtl-style .fast-track .text-box {
    left: auto;
    right: 7%;
  }
  .rtl-style .fast-track .text-box .option-wrapper {
    text-align: right;
  }
  .rtl-style .fast-track .text-box .buttons .button, .rtl-style .fast-track .text-box .buttons form:not(.mf) input[type=submit], form:not(.mf) .rtl-style .fast-track .text-box .buttons input[type=submit] {
    margin-right: 0;
    margin-left: 8px;
  }
  .rtl-style .fast-track .text-box .button span, .rtl-style .fast-track .text-box form:not(.mf) input[type=submit] span, form:not(.mf) .rtl-style .fast-track .text-box input[type=submit] span {
    padding: 13px 25px 13px 45px;
  }
  @media (min-width: 1110px) {
    .rtl-style .fast-track .text-box {
      left: auto;
      right: 0;
    }
  }
  @media (max-width: 767px) {
    .rtl-style .fast-track .text-box .option-wrapper select {
      padding: 13px 24px 13px 40px;
    }
    .rtl-style .fast-track .text-box .option-wrapper:after {
      right: auto;
      left: 20px;
    }
  }
  @media (max-width: 577px) {
    .rtl-style .fast-track .text-box {
      left: auto;
      right: 20px;
    }
    .rtl-style .fast-track .text-box .buttons .button, .rtl-style .fast-track .text-box .buttons form:not(.mf) input[type=submit], form:not(.mf) .rtl-style .fast-track .text-box .buttons input[type=submit] {
      margin-right: 0;
      margin-left: 0;
      text-align: right;
    }
  }
  .rtl-style .fast-track .link-wrapper {
    left: auto;
    right: 15px;
  }
  .rtl-style .fast-track .link-wrapper .link-with-arrow {
    padding-right: 35px;
    padding-left: 0;
  }
  .rtl-style .fast-track .link-wrapper .link-with-arrow .next-icon {
    right: 0;
    left: auto;
  }
  .rtl-style .fast-track .link-wrapper .link-with-arrow .next-icon:after {
    transform: -webkit-rotate(270deg);
    transform: rotate(270deg);
  }
  @media (min-width: 578px) {
    .rtl-style .fast-track .link-wrapper {
      left: auto;
      right: 42px;
    }
    .rtl-style .fast-track .link-wrapper .link-with-arrow {
      padding-left: 0;
      padding-right: 45px;
    }
    .rtl-style .fast-track .link-wrapper .link-with-arrow .next-icon:after {
      right: auto;
      left: 8px;
    }
  }
  .hero-banner {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: #ffffff;
    position: relative;
    max-width: 1200px;
    margin: auto;
  }
  .hero-banner.full-screen {
    max-width: 1920px;
  }
  .hero-banner .cx-hero-spot__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    z-index: 1;
  }
  .hero-banner .mobile-image {
    position: absolute;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: none;
    z-index: 1;
  }
  @media (max-width: 767px) {
    .hero-banner:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.3);
      pointer-events: none;
      z-index: 1;
    }
    .hero-banner .mobile-image {
      display: block;
    }
  }
  .hero-banner .video-wrapper {
    overflow: hidden;
    height: 500px;
    position: relative;
    margin-top: -500px;
    background-color: #f3f3f4;
  }
  .hero-banner .video-wrapper video {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 500px;
    display: none;
  }
  @media (max-width: 767px) {
    .hero-banner .video-wrapper {
      display: none;
    }
  }
  @media (min-width: 768px) {
    body:not(.cx-theme) .hero-banner.has-video {
      background-image: none !important;
    }
    body:not(.cx-theme) .hero-banner.has-video video {
      display: block;
    }
  }
  .hero-banner .text-box {
    max-width: 1000px;
    padding: 70px 20px 76px;
    margin: 0 auto;
    min-height: 104px;
    position: relative;
    z-index: 2;
  }
  .hero-banner .text-box h1 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 300;
    margin: 0;
    max-width: 500px;
  }
  .hero-banner .text-box p {
    margin-bottom: 0;
    margin-top: 8px;
    max-width: 650px;
    font-size: 18px;
    font-weight: 300;
    line-height: 23px;
  }
  @media (max-width: 577px) {
    .hero-banner {
      height: auto;
      min-height: 300px;
    }
    .hero-banner:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.3);
      pointer-events: none;
      z-index: 1;
    }
    .hero-banner .text-box {
      padding-top: 85px;
    }
    .hero-banner h2,
    .hero-banner h1 {
      font-size: 35px;
      line-height: 40px;
    }
  }
  .rtl-style .hero-banner {
    direction: rtl;
  }
  #cookie-banner,
  .SiteMessage-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 50;
    background-color: rgba(0, 0, 0, 0.45);
    display: none;
  }
  #cookie-banner .content,
  .SiteMessage-popup .content {
    background-color: #dcdddd;
    box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.2);
    width: calc(100% - 60px);
    margin: auto;
    max-width: 490px;
    padding: 50px 30px 20px 30px;
    text-align: center;
    border-radius: 6px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
  }
  #cookie-banner .text,
  .SiteMessage-popup .text {
    font-size: 12px;
    line-height: 16px;
  }
  #cookie-banner .text span,
  .SiteMessage-popup .text span {
    display: block;
    margin: 0 auto 15px;
    max-width: 300px;
  }
  #cookie-banner .text .title,
  .SiteMessage-popup .text .title {
    font-size: 18px;
    line-height: 23px;
    font-weight: 500;
    max-width: 90%;
  }
  #cookie-banner .buttons,
  .SiteMessage-popup .buttons {
    margin: 13px 0 0;
  }
  #cookie-banner .buttons .button, #cookie-banner .buttons form:not(.mf) input[type=submit], form:not(.mf) #cookie-banner .buttons input[type=submit],
  .SiteMessage-popup .buttons .button,
  .SiteMessage-popup .buttons form:not(.mf) input[type=submit],
  form:not(.mf) .SiteMessage-popup .buttons input[type=submit] {
    border-radius: 20px;
    width: 200px;
    display: inline-block;
    text-decoration: none;
    padding: 7px 20px;
    text-align: center;
    margin: 11px 5px;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 15px;
    line-height: 19px;
  }
  #cookie-banner .buttons .button.primary-button, #cookie-banner .buttons form:not(.mf) input.primary-button[type=submit], form:not(.mf) #cookie-banner .buttons input.primary-button[type=submit],
  .SiteMessage-popup .buttons .button.primary-button,
  .SiteMessage-popup .buttons form:not(.mf) input.primary-button[type=submit],
  form:not(.mf) .SiteMessage-popup .buttons input.primary-button[type=submit] {
    color: #ffffff;
    background: linear-gradient(0deg, #cf4520 0%, #ed9b33 100%);
  }
  #cookie-banner .buttons .button.secondary-button, #cookie-banner .buttons form:not(.mf) input.secondary-button[type=submit], form:not(.mf) #cookie-banner .buttons input.secondary-button[type=submit],
  .SiteMessage-popup .buttons .button.secondary-button,
  .SiteMessage-popup .buttons form:not(.mf) input.secondary-button[type=submit],
  form:not(.mf) .SiteMessage-popup .buttons input.secondary-button[type=submit] {
    color: #8a8d8f;
    border: 1px solid #8a8d8f;
    padding-top: 6px;
    padding-bottom: 6px;
  }
  #cookie-banner .buttons .cookie-close,
  .SiteMessage-popup .buttons .cookie-close {
    color: #ffffff;
    background: linear-gradient(0deg, #cf4520 0%, #ed9b33 100%);
  }
  #cookie-banner .buttons .cookie-about,
  .SiteMessage-popup .buttons .cookie-about {
    color: #8a8d8f;
    border: 1px solid #8a8d8f;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  @media (max-width: 577px) {
    #cookie-banner .content,
    .SiteMessage-popup .content {
      padding: 20px;
    }
    #cookie-banner .text,
    .SiteMessage-popup .text {
      max-width: none;
      display: block;
      margin: 20px 0;
    }
    #cookie-banner .buttons .button, #cookie-banner .buttons form:not(.mf) input[type=submit], form:not(.mf) #cookie-banner .buttons input[type=submit],
    .SiteMessage-popup .buttons .button,
    .SiteMessage-popup .buttons form:not(.mf) input[type=submit],
    form:not(.mf) .SiteMessage-popup .buttons input[type=submit] {
      width: auto;
      overflow: visible;
      min-width: 100px;
      margin: 5px 3px;
      font-size: 14px;
    }
  }
  .rtl-style #cookie-banner,
  .rtl-style .SiteMessage-popup {
    direction: rtl;
  }
  .SiteMessage-popup {
    display: block;
    z-index: 51;
    overflow: auto;
  }
  .SiteMessage-popup .content {
    max-width: 800px;
    max-height: 90vh;
    overflow: auto;
  }
  @media (max-width: 900px) {
    .SiteMessage-popup .content {
      max-width: 75vw;
      max-height: none;
      position: relative;
      top: auto;
      left: auto;
      margin: 20px auto 130px;
      transform: none;
    }
  }
  #SiteMessage-ribbon {
    background-color: #fedd00;
  }
  #SiteMessage-ribbon .SiteMessage-ribbon-message {
    padding: 20px;
    max-width: 1110px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  @media (max-width: 767px) {
    #SiteMessage-ribbon .SiteMessage-ribbon-message {
      display: block;
    }
  }
  #SiteMessage-ribbon .SiteMessage-ribbon-message.has-link div {
    width: 80% !important;
  }
  #SiteMessage-ribbon .SiteMessage-ribbon-message div {
    width: 100%;
  }
  @media (max-width: 767px) {
    #SiteMessage-ribbon .SiteMessage-ribbon-message div {
      width: 100%;
    }
  }
  #SiteMessage-ribbon .SiteMessage-ribbon-message div h1 {
    font-size: 1em;
    font-weight: bold;
    line-height: 1em;
    text-transform: uppercase;
  }
  #SiteMessage-ribbon .SiteMessage-ribbon-message div p {
    margin: 0;
  }
  #SiteMessage-ribbon .SiteMessage-ribbon-message .link-with-arrow {
    width: 20%;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0;
  }
  #SiteMessage-ribbon .SiteMessage-ribbon-message .link-with-arrow .next-icon {
    position: relative;
    display: inline-block;
    top: 6px;
    margin-left: 6px;
  }
  @media (max-width: 767px) {
    #SiteMessage-ribbon .SiteMessage-ribbon-message .link-with-arrow {
      width: 100%;
      text-align: left;
    }
  }
  .rtl-style #SiteMessage-ribbon {
    direction: rtl;
  }
  .rtl-style #SiteMessage-ribbon .SiteMessage-ribbon-message .link-with-arrow {
    text-align: left;
  }
  .rtl-style #SiteMessage-ribbon .SiteMessage-ribbon-message .link-with-arrow .next-icon {
    margin-left: 0;
    margin-right: 6px;
  }
  @media (max-width: 767px) {
    .rtl-style #SiteMessage-ribbon .SiteMessage-ribbon-message .link-with-arrow {
      text-align: right;
    }
  }
  @media (max-width: 767px) {
    #SiteMessage-ribbon .SiteMessage-ribbon-message.has-link div {
      width: 100% !important;
    }
  }
  .header {
    display: block;
    text-align: center;
    max-width: 90%;
    width: 600px;
    margin: 0 auto 45px;
  }
  .header headline {
    font-size: 48px;
    line-height: 50px;
    margin: 0;
    font-weight: 300;
  }
  .header p {
    margin-top: 5px;
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 300;
  }
  @media (max-width: 767px) {
    .header {
      margin: 0 auto 34px;
    }
    .header headline {
      font-size: 38px;
      line-height: 38px;
    }
    .header p {
      font-size: 20px;
      margin-top: 5px;
    }
  }
  .rtl-style .header headline {
    line-height: 60px;
    font-weight: 500;
  }
  .rtl-style .header p {
    line-height: 28px;
    font-weight: 500;
  }
  .spot {
    display: inline-block;
  }
  .spot a {
    color: inherit;
    text-decoration: none;
    display: block;
  }
  .spot p, .spot h2, .spot h3, .spot h4 {
    font-weight: 300;
  }
  .col-3 .spot {
    width: 33%;
  }
  .rtl-style .fast-track .slide .text-box p, .rtl-style .fast-track .slide .text-box h2, .rtl-style .fast-track .slide .text-box h3, .rtl-style .fast-track .slide .text-box h4, .rtl-style .support-spot .tile p, .rtl-style .support-spot .tile h2, .rtl-style .support-spot .tile h3, .rtl-style .support-spot .tile h4, .rtl-style .promotion-banner .text-box p, .rtl-style .promotion-banner .text-box h2, .rtl-style .promotion-banner .text-box h3, .rtl-style .promotion-banner .text-box h4, .rtl-style .spot p, .rtl-style .spot h2, .rtl-style .spot h3, .rtl-style .spot h4 {
    font-weight: 400;
  }
  .rtl-style .fast-track .slide .text-box h1 {
    font-weight: 400;
  }
  .conversion-spot {
    padding: 75px 0;
    font-weight: 300;
    text-align: center;
    background-color: #f3f3f4;
    over-flow: hidden;
  }
  @media (max-width: 991px) {
    .conversion-spot {
      padding: 55px 20px 30px;
    }
  }
  @media (max-width: 767px) {
    .conversion-spot {
      padding: 45px 0px 30px;
    }
  }
  .conversion-spot .row .spot {
    vertical-align: top;
  }
  .conversion-spot .row .spot .image {
    height: 62px;
    width: 62px;
    margin: auto;
    border-radius: 50%;
    padding: 14px;
  }
  .conversion-spot .row .spot .image img {
    max-width: 100%;
    height: auto;
  }
  .conversion-spot .row .spot .text {
    margin: 0 15px;
  }
  .conversion-spot .row .spot h3 {
    font-size: 26px;
    line-height: 30px;
    margin: 20px 0 8px;
  }
  .conversion-spot .row .spot p {
    color: #000000;
    font-size: 15px;
    line-height: 20px;
    min-height: 40px;
    margin: 0;
  }
  .conversion-spot .row .spot .link-with-arrow {
    margin: 12px 15px 0;
    font-size: 14px;
  }
  @media (max-width: 991px) {
    .conversion-spot .row .spot {
      width: calc(100% - 95px);
      border-top: 1px solid white;
      padding: 22px 0;
      margin: 0;
      text-align: left;
      padding-left: 95px;
    }
    .conversion-spot .row .spot:first-child {
      border: none;
    }
    .conversion-spot .row .spot .image {
      position: absolute;
      left: 0;
    }
    .conversion-spot .row .spot .text, .conversion-spot .row .spot .link-with-arrow {
      margin-right: 0;
    }
    .conversion-spot .row .spot .text {
      width: calc(100% - 220px);
      max-width: 355px;
      display: inline-block;
    }
    .conversion-spot .row .spot .text p {
      margin-top: 10px;
      margin-bottom: 0;
    }
    .conversion-spot .row .spot h3 {
      margin-top: 8px;
      margin-bottom: 10px;
      font-size: 28px;
      line-height: 30px;
    }
    .conversion-spot .row .spot .link-with-arrow {
      width: 145px;
      float: right;
      text-align: right;
    }
  }
  @media (max-width: 767px) {
    .conversion-spot .row .spot .image {
      left: 20px;
    }
  }
  @media (max-width: 577px) {
    .conversion-spot .row .spot .text {
      width: auto;
      display: block;
      max-width: none;
    }
    .conversion-spot .row .spot .link-with-arrow {
      float: none;
      width: auto;
    }
  }
  .rtl-style .conversion-spot {
    direction: rtl;
  }
  @media (max-width: 991px) {
    .rtl-style .conversion-spot .row .spot {
      text-align: right;
      padding-right: 95px;
      padding-left: 0;
    }
    .rtl-style .conversion-spot .row .spot .image {
      left: auto;
      right: 0;
    }
    .rtl-style .conversion-spot .row .spot .text, .rtl-style .conversion-spot .row .spot .link-with-arrow {
      margin-left: 0;
      margin-right: 15px;
    }
    .rtl-style .conversion-spot .row .spot .link-with-arrow {
      width: 145px;
      float: left;
      text-align: left;
    }
  }
  @media (max-width: 577px) {
    .rtl-style .conversion-spot .row .spot .link-with-arrow {
      float: none;
    }
  }
  .image-spot {
    padding: 50px 0;
  }
  .image-spot .container {
    display: table;
    max-width: 1170px;
    width: calc(100% - 30px);
    padding: 0 15px;
    border-spacing: 30px;
    margin-top: -15px;
  }
  @media (max-width: 991px) {
    .image-spot .container {
      padding: 0 5px;
      width: calc(100% - 10px);
    }
  }
  @media (max-width: 767px) {
    .image-spot .container {
      padding: 0 20px;
      display: block;
      margin: 0;
      width: calc(100% - 40px);
    }
  }
  @media (max-width: 767px) {
    .image-spot {
      padding: 40px 0 20px;
      width: 100%;
    }
  }
  .image-spot .row {
    display: table-row;
  }
  @media (max-width: 767px) {
    .image-spot .row {
      display: block;
    }
  }
  .image-spot a {
    display: table-cell;
    position: relative;
    vertical-align: top;
    color: inherit;
    text-decoration: none;
    width: 33.33%;
    padding-bottom: 20px;
  }
  @media (min-width: 992px) {
    .image-spot a .image {
      transition: transform 0.5s ease;
    }
    .image-spot a:hover .image {
      transform: scale(1.1);
    }
  }
  .image-spot a .spot {
    width: 100%;
  }
  .image-spot a .spot .category {
    position: relative;
    height: 20px;
  }
  .image-spot a .spot .category span {
    font-size: 13px;
    font-weight: 500;
    display: inline-block;
    background-color: #ffffff;
    padding-right: 15px;
    z-index: 1;
    position: relative;
  }
  .image-spot a .spot .category span.empty {
    padding: 0;
  }
  .image-spot a .spot .category:after {
    content: "";
    height: 1px;
    width: 100%;
    display: block;
    position: absolute;
    top: 9px;
    border-bottom: 1px solid;
  }
  .image-spot a .spot p {
    font-size: 24px;
    line-height: 28px;
    max-width: 285px;
    min-height: 87px;
    overflow: hidden;
    margin: 5px 0 10px 0;
  }
  @media (max-width: 991px) {
    .image-spot a .spot p {
      font-size: 20px;
      line-height: 23px;
      min-height: 0;
    }
  }
  @media (max-width: 767px) {
    .image-spot a .spot p {
      max-width: 500px;
    }
  }
  .image-spot a .link-with-arrow {
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .image-spot a .image-wrapper {
    width: 100%;
    height: 160px;
    position: relative;
    overflow: hidden;
    margin-top: 34px;
    position: absolute;
    border-radius: 3px;
    bottom: 0;
  }
  .image-spot a .image-wrapper .image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    display: none;
  }
  .image-spot a.has-image {
    padding-bottom: 215px;
  }
  .image-spot a.has-image .link-with-arrow {
    bottom: 195px;
  }
  .image-spot a.has-image .image {
    display: block;
  }
  @media (max-width: 991px) {
    .image-spot a.has-image {
      padding-bottom: 170px;
    }
    .image-spot a.has-image .link-with-arrow {
      bottom: 155px;
    }
    .image-spot a .image-wrapper {
      height: 130px;
    }
  }
  @media (max-width: 767px) {
    .image-spot a {
      width: 100%;
      display: block;
      padding-bottom: 30px;
    }
    .image-spot a.has-image {
      padding-bottom: 0;
    }
    .image-spot a.has-image .link-with-arrow {
      bottom: 0;
    }
    .image-spot a .link-with-arrow {
      position: relative;
    }
    .image-spot a .image-wrapper {
      position: static;
      height: 180px;
      margin: 25px 0 30px;
    }
  }
  @media (max-width: 577px) {
    .image-spot a .image-wrapper {
      height: 130px;
    }
  }
  .rtl-style .image-spot {
    direction: rtl;
  }
  .rtl-style .image-spot a .spot .category span {
    padding-right: 0;
    padding-left: 15px;
  }
  .rtl-style .image-spot a .link-with-arrow {
    left: auto;
    right: 0;
  }
  .mosaic-wrapper {
    margin-top: 70px;
    margin-bottom: 50px;
  }
  @media (max-width: 767px) {
    .mosaic-wrapper {
      margin: 50px 0 40px;
      padding: 0;
    }
  }
  .mosaic-wrapper a {
    text-decoration: none;
  }
  .mosaic-wrapper .row {
    display: block;
    font-size: 0;
  }
  .mosaic-wrapper .tile {
    display: inline-block;
    width: 50%;
    position: relative;
    height: 466px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    vertical-align: top;
    overflow: hidden;
  }
  .mosaic-wrapper .tile.split-2, .mosaic-wrapper .tile.split-4 {
    height: 233px;
    width: 100%;
  }
  .mosaic-wrapper .tile .content {
    color: #ffffff;
    position: relative;
    padding: 26px 30px;
  }
  .mosaic-wrapper .tile .content .category {
    font-size: 13px;
    line-height: 13px;
    font-weight: 500;
  }
  .mosaic-wrapper .tile .content .text {
    font-size: 36px;
    font-weight: 300;
    line-height: 38px;
    padding-top: 15px;
    max-width: 350px;
  }
  .mosaic-wrapper .tile .link-with-arrow {
    color: #ffffff;
    font-size: 15px;
    bottom: 25px;
    left: 30px;
    position: absolute;
    padding-top: 4px;
    line-height: 17px;
  }
  .mosaic-wrapper .tile .play-icon {
    height: 55px;
    width: 55px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .mosaic-wrapper .tile .play-icon:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 0 12px 18px;
    border-color: transparent transparent transparent #ffffff;
    top: 15px;
    left: 20px;
  }
  .mosaic-wrapper .tile.split-4 .image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: inline-block;
    width: 50%;
    height: 233px;
    overflow: hidden;
  }
  .mosaic-wrapper .tile.split-4 .content {
    display: inline-block;
    width: 50%;
    height: 233px;
    background-color: #D0D0CE;
    padding: 0;
    vertical-align: top;
    z-index: 1;
  }
  .mosaic-wrapper .tile.split-4 .content .category {
    font-size: 12px;
    padding: 25px 30px 0;
  }
  .mosaic-wrapper .tile.split-4 .content .text {
    font-size: 23px;
    line-height: 26px;
    padding: 12px 23px 0 30px;
    font-weight: 300;
  }
  .mosaic-wrapper .tile.split-4 .link-with-arrow {
    bottom: 20px;
    z-index: 1;
  }
  @media (max-width: 991px) {
    .mosaic-wrapper .tile {
      height: 380px;
    }
    .mosaic-wrapper .tile.split-2, .mosaic-wrapper .tile.split-4 {
      height: 190px;
    }
    .mosaic-wrapper .tile.split-4 .image {
      height: 190px;
    }
    .mosaic-wrapper .tile .content {
      padding: 26px 20px;
    }
    .mosaic-wrapper .tile .content .text {
      font-size: 28px;
      line-height: 30px;
      max-width: 330px;
    }
    .mosaic-wrapper .tile .link-with-arrow {
      left: 20px;
      bottom: 22px;
    }
    .mosaic-wrapper .tile.split-4 .content .category {
      padding: 22px 20px 0;
    }
    .mosaic-wrapper .tile.split-4 .content .text {
      font-size: 18px;
      line-height: 21px;
      padding: 10px 20px 0 20px;
    }
  }
  @media (max-width: 767px) {
    .mosaic-wrapper .tile {
      display: block;
      width: 100%;
      height: 320px;
    }
    .mosaic-wrapper .tile.split-2, .mosaic-wrapper .tile.split-4 {
      height: 220px;
    }
    .mosaic-wrapper .tile.is-split {
      height: 440px;
    }
    .mosaic-wrapper .tile.split-4 .image {
      height: 220px;
    }
  }
  .rtl-style .mosaic-wrapper {
    direction: rtl;
  }
  .rtl-style .mosaic-wrapper .tile .link-with-arrow {
    left: auto;
    right: 30px;
  }
  .rtl-style .mosaic-wrapper .tile .play-icon:after {
    /*border-width: 12px 18px 12px 0;
    border-color: transparent #fff transparent transparent;
    left: auto;
    right: 20px;*/
  }
  .option-wrapper .ui-selectmenu-button {
    background-color: rgba(255, 255, 255, 0.95);
    border-radius: 25px;
    padding: 13px 40px 13px 24px;
    display: block;
    position: relative;
    z-index: 1;
    border-bottom: 1px solid transparent;
    width: auto;
  }
  .option-wrapper .ui-selectmenu-button.ui-selectmenu-button-open {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .option-wrapper .ui-selectmenu-button.ui-selectmenu-button-open .ui-selectmenu-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .option-wrapper .ui-selectmenu-icon {
    position: absolute;
    background-image: url(/Static/Hempel/gfx/icons/arrow_grey.svg);
    height: 11px;
    width: 15px;
    background-size: 36px;
    background-repeat: no-repeat;
    background-position: center;
    top: 20px;
    right: 20px;
  }
  .option-wrapper .ui-selectmenu-menu {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.95);
    box-shadow: 0 0 15px 0px rgba(0, 27, 92, 0.2);
    margin: 0px;
    list-style-type: none;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    width: 100%;
    max-width: 325px;
    overflow: hidden;
    outline: 0;
    display: none;
  }
  .option-wrapper .ui-selectmenu-menu.ui-selectmenu-open {
    display: block;
  }
  .option-wrapper .ui-selectmenu-menu ul {
    margin: 0;
    list-style-type: none;
    color: #464646;
    font-size: 18px;
    font-weight: 300;
    padding: 5px 0 0;
  }
  .option-wrapper .ui-selectmenu-menu ul li .ui-menu-item-wrapper {
    padding: 9px 28px 9px 24px;
    position: relative;
  }
  .option-wrapper .ui-selectmenu-menu ul li .ui-menu-item-wrapper:after {
    content: "";
    height: 1px;
    width: 100%;
    position: relative;
    display: block;
    background-color: #dcd7d7;
    top: 9px;
    left: -2px;
  }
  .option-wrapper .ui-selectmenu-menu ul li .ui-menu-item-wrapper.ui-state-active:after {
    display: none;
  }
  .option-wrapper .ui-selectmenu-menu ul li .ui-state-active {
    background-color: #bdbbbb;
    color: #ffffff;
    font-weight: 400;
    margin-top: -1px;
  }
  .option-wrapper .ui-selectmenu-menu ul li:last-child .ui-menu-item-wrapper {
    padding-bottom: 22px;
  }
  .option-wrapper .ui-selectmenu-menu ul li:last-child .ui-menu-item-wrapper:after {
    display: none;
  }
  .option-wrapper .ui-selectmenu-text {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    color: inherit;
  }
  .rtl-style .option-wrapper .ui-selectmenu-button {
    padding: 13px 24px 13px 40px;
  }
  .rtl-style .option-wrapper .ui-selectmenu-icon {
    right: auto;
    left: 20px;
  }
  .rtl-style .option-wrapper ul li .ui-menu-item-wrapper {
    padding: 9px 24px 9px 28px;
  }
  .rtl-style .option-wrapper ul li .ui-menu-item-wrapper:after {
    left: auto;
    right: -2px;
  }
  .brand-carousel {
    margin: 50px auto;
  }
  .brand-carousel .header {
    margin-bottom: 20px;
    padding-top: 40px;
  }
  .brand-carousel a {
    text-decoration: none;
    line-height: 0;
    margin: 15px;
    height: 150px;
    width: calc(25% - 35px);
    position: relative;
    display: inline-block;
  }
  @media (max-width: 991px) {
    .brand-carousel a {
      height: 110px;
    }
  }
  @media (max-width: 767px) {
    .brand-carousel a {
      height: 92px;
      width: calc(50% - 22px);
      margin: 10px;
    }
  }
  .brand-carousel a img {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 90%;
    width: auto;
    height: auto;
  }
  @media (max-width: 577px) {
    .brand-carousel a img {
      max-height: 55px;
    }
  }
  .brand-carousel a img.grey-image {
    display: block;
  }
  @media (min-width: 992px) {
    .brand-carousel a:hover img {
      display: block;
    }
    .brand-carousel a:hover img.grey-image {
      display: none;
    }
  }
  .image_gallery_container {
    padding: 30px 15px;
  }
  @media (max-width: 767px) {
    .image_gallery_container {
      padding: 0;
    }
  }
  .image_gallery_container_item_primary {
    height: 522px;
  }
  .image_gallery_container_item_primary img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
  }
  @media (max-width: 767px) {
    .image_gallery_container_item_primary {
      height: 335px;
    }
  }
  .image_gallery_container_item_secondary {
    display: flex;
    flex-wrap: wrap;
  }
  .image_gallery_container_item_secondary_content {
    flex-basis: calc(25% - 12px);
    padding-top: 16px;
    padding-right: 16px;
    height: 122px;
  }
  @media (max-width: 767px) {
    .image_gallery_container_item_secondary_content {
      height: 158px;
      flex-basis: 0;
      flex-grow: 1;
      flex-basis: calc(50% - 20px);
    }
    .image_gallery_container_item_secondary_content:nth-of-type(odd) {
      padding-right: 10px;
    }
    .image_gallery_container_item_secondary_content:nth-of-type(even) {
      padding-left: 10px;
      padding-right: 0;
    }
  }
  .image_gallery_container_item_secondary_content:last-of-type {
    padding-right: 0;
  }
  .image_gallery_container_item_secondary_content img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
  }
  .image_gallery_container_item_count {
    position: absolute;
    right: 50%;
    bottom: 35%;
    cursor: pointer;
  }
  @media (max-width: 767px) {
    .image_gallery_container_item_count {
      display: none;
    }
  }
  .image_gallery_container_item_count span {
    color: #ffffff;
    font-size: 20px;
  }
  .image_gallery_modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1010;
    background: #ffffff;
    height: 80%;
    width: 80%;
    border: 1px solid #000000;
    padding: 20px;
  }
  @media (max-width: 577px) {
    .image_gallery_modal {
      height: 60%;
    }
  }
  .image_gallery_modal_content {
    height: 100%;
    width: 100%;
    position: relative;
  }
  .image_gallery_modal_content_slideshow {
    position: relative;
    margin: auto;
    width: 100%;
    height: 100%;
  }
  .image_gallery_modal_content_slideshow_item {
    display: none;
    height: 100%;
    width: 100%;
  }
  .image_gallery_modal_content_slideshow_item img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .image_gallery_modal_content_button {
    position: fixed;
    right: 20px;
    z-index: 2;
  }
  .image_gallery_modal_content_left-arrow, .image_gallery_modal_content_right-arrow {
    position: absolute;
    top: 50%;
  }
  .image_gallery_modal_content_left-arrow {
    left: 20px;
  }
  @media (max-width: 577px) {
    .image_gallery_modal_content_left-arrow {
      left: 5px;
    }
  }
  .image_gallery_modal_content_right-arrow {
    right: 20px;
  }
  @media (max-width: 577px) {
    .image_gallery_modal_content_right-arrow {
      right: 5px;
    }
  }
  .image_gallery_modal_content_image {
    height: 100%;
    width: 100%;
  }
  .image_gallery_modal_content_image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .image_gallery_modal_overlay {
    z-index: 1000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  footer:not(.mf) {
    color: #8a8d8f;
    background-color: #dddede;
    position: relative;
    font-size: 11px;
    line-height: 13px;
  }
  footer:not(.mf) a {
    color: inherit;
    text-decoration: none;
  }
  footer:not(.mf) .container.flowing {
    height: 308px;
    display: flex;
    align-items: center;
  }
  @media (max-width: 991px) {
    footer:not(.mf) .container.flowing {
      height: 100%;
    }
  }
  footer:not(.mf) .container.flowing .footer-nav {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: 100%;
    width: 100%;
    padding: 0;
    justify-content: center;
    align-items: center;
  }
  @media (max-width: 991px) {
    footer:not(.mf) .container.flowing .footer-nav {
      padding: 40px 0 !important;
    }
  }
  footer:not(.mf) .container.flowing .footer-nav_left {
    height: 50%;
    width: 60%;
  }
  @media (max-width: 991px) {
    footer:not(.mf) .container.flowing .footer-nav_left {
      width: 100%;
    }
    footer:not(.mf) .container.flowing .footer-nav_left li a {
      padding-bottom: 16px;
      cursor: pointer;
    }
    footer:not(.mf) .container.flowing .footer-nav_left li ul {
      display: none !important;
    }
  }
  footer:not(.mf) .container.flowing .footer-nav_left .subitem-list {
    height: 100%;
    width: 100% !important;
  }
  footer:not(.mf) .container.flowing .footer-nav_left .subitem-list ul {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 70%;
    width: 100%;
  }
  footer:not(.mf) .container.flowing .footer-nav_left .subitem-list ul li {
    width: auto !important;
  }
  footer:not(.mf) .container.flowing .footer-nav_right {
    height: 50%;
    width: 40%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
  }
  @media (max-width: 991px) {
    footer:not(.mf) .container.flowing .footer-nav_right {
      width: 100%;
    }
    footer:not(.mf) .container.flowing .footer-nav_right li a {
      padding-bottom: 16px;
      cursor: pointer;
    }
  }
  footer:not(.mf) .container.flowing .footer-nav_right li {
    width: auto !important;
  }
  footer:not(.mf) .container.flowing .footer-nav_right li a {
    padding-bottom: 12px;
  }
  footer:not(.mf) ul {
    margin: 0;
  }
  footer:not(.mf) ul#footer-nav, footer:not(.mf) ul#footer-nav-disable-accordion {
    padding: 90px 0 50px;
    margin-left: -6px;
    margin-right: -6px;
  }
  footer:not(.mf) ul#footer-nav li, footer:not(.mf) ul#footer-nav-disable-accordion li {
    width: calc(16.66% - 4px);
  }
  @media (max-width: 650px) {
    footer:not(.mf) ul#footer-nav li, footer:not(.mf) ul#footer-nav-disable-accordion li {
      display: contents;
    }
  }
  footer:not(.mf) ul#footer-nav li ul, footer:not(.mf) ul#footer-nav-disable-accordion li ul {
    padding: 0 6px;
    margin-top: 5px;
  }
  footer:not(.mf) ul#footer-nav li ul li, footer:not(.mf) ul#footer-nav-disable-accordion li ul li {
    display: block;
    width: 100%;
    padding: 3px 0;
  }
  footer:not(.mf) ul#footer-nav li ul li:before, footer:not(.mf) ul#footer-nav-disable-accordion li ul li:before {
    content: "•";
    position: absolute;
    font-size: 14px;
  }
  footer:not(.mf) ul#footer-nav li ul li a, footer:not(.mf) ul#footer-nav-disable-accordion li ul li a {
    margin-left: 9px;
    display: block;
    font-weight: 500;
  }
  @media (max-width: 767px) {
    footer:not(.mf) ul#footer-nav li ul li a, footer:not(.mf) ul#footer-nav-disable-accordion li ul li a {
      font-weight: 300;
    }
  }
  footer:not(.mf) li {
    display: inline-block;
    vertical-align: top;
  }
  footer:not(.mf) .title {
    color: #0033a0;
    font-size: 14px;
    line-height: 15px;
    height: 25px;
    padding: 0 6px;
    display: inline-block;
    font-weight: 600;
  }
  footer:not(.mf) section {
    background-color: #0033a0;
    color: #ffffff;
    vertical-align: top;
    font-size: 11px;
    line-height: 15px;
  }
  footer:not(.mf) section .logo-wrapper {
    padding-top: 46px;
    display: inline-block;
    width: 190px;
    vertical-align: top;
  }
  footer:not(.mf) section .logo-wrapper .logo {
    max-width: 137px;
    display: inline-block;
  }
  footer:not(.mf) section .logo-wrapper .logo img {
    max-width: 100%;
    height: auto;
  }
  @media (max-width: 991px) {
    footer:not(.mf) section .logo-wrapper {
      width: 243px;
      position: absolute;
    }
    footer:not(.mf) section .logo-wrapper .logo {
      max-width: 199px;
    }
  }
  @media (max-width: 767px) {
    footer:not(.mf) section .logo-wrapper {
      position: relative;
      width: 100%;
      text-align: center;
      padding-top: 56px;
    }
  }
  footer:not(.mf) section .content {
    padding: 46px 0 28px;
    width: calc(100% - 195px);
    display: inline-block;
    vertical-align: top;
  }
  @media (max-width: 991px) {
    footer:not(.mf) section .content {
      width: 100%;
    }
  }
  @media (max-width: 767px) {
    footer:not(.mf) section .content {
      padding-top: 25px;
    }
  }
  footer:not(.mf) section .content ul.contact {
    padding: 8px 0;
    display: inline-block;
    width: calc(100% - 250px);
  }
  footer:not(.mf) section .content ul.contact li {
    width: 25%;
    min-width: 230px;
    max-width: 350px;
    padding-right: 15px;
    padding-bottom: 12px;
  }
  footer:not(.mf) section .content ul.contact li a {
    text-decoration: underline;
    display: inline-block;
  }
  footer:not(.mf) section .content ul.contact li span {
    display: block;
  }
  footer:not(.mf) section .content ul.contact .phone:after {
    content: " | ";
    margin-left: 4px;
    margin-right: 4px;
    position: relative;
  }
  footer:not(.mf) section .content ul.contact .phone, footer:not(.mf) section .content ul.contact .fax {
    text-decoration: none;
  }
  @media (max-width: 991px) {
    footer:not(.mf) section .content ul.contact {
      width: calc(100% - 220px);
      padding-left: 220px;
    }
    footer:not(.mf) section .content ul.contact li {
      padding-bottom: 42px;
      padding-left: 25px;
      padding-right: 0;
      width: 43%;
      min-width: 0;
    }
  }
  @media (max-width: 767px) {
    footer:not(.mf) section .content ul.contact {
      width: 100%;
      padding: 10px 0;
    }
    footer:not(.mf) section .content ul.contact li {
      display: block;
      width: auto;
      margin: auto;
      text-align: center;
      padding-bottom: 35px;
      padding-left: 0;
      max-width: 80%;
      font-size: 14px;
      font-weight: 500;
    }
  }
  footer:not(.mf) section .content .social-media {
    display: inline-block;
    width: 240px;
    vertical-align: bottom;
    margin-bottom: 6px;
    text-align: right;
  }
  footer:not(.mf) section .content .social-media a {
    line-height: 0;
  }
  footer:not(.mf) section .content .social-media a .scale-svg {
    width: auto;
    height: 32px;
    margin-bottom: 3px;
    margin-left: 3px;
    margin-right: 3px;
  }
  footer:not(.mf) section .content .social-media a img {
    width: auto;
    height: 38px;
  }
  @media (max-width: 991px) {
    footer:not(.mf) section .content .social-media {
      width: 100%;
      border-top: 1px solid white;
      padding: 14px 0 10px;
      margin: 0;
    }
    footer:not(.mf) section .content .social-media a .scale-svg {
      width: auto;
      height: 45px;
      margin-bottom: 4px;
      margin-left: 4px;
      margin-right: 4px;
    }
    footer:not(.mf) section .content .social-media a img {
      height: 53px;
    }
  }
  @media (max-width: 767px) {
    footer:not(.mf) section .content .social-media {
      text-align: left;
      padding: 18px 0 15px;
    }
    footer:not(.mf) section .content .social-media a .scale-svg {
      width: auto;
      height: 45px;
      margin-bottom: 4px;
      margin-left: 4px;
    }
    footer:not(.mf) section .content .social-media a img {
      margin-left: 0;
    }
  }
  footer:not(.mf) section .content .legal-info {
    font-size: 10px;
    font-weight: 300;
    border-top: 1px solid #ffffff;
    padding: 11px 0;
  }
  footer:not(.mf) section .content .legal-info .copyright {
    display: inline-block;
    max-width: 40%;
  }
  footer:not(.mf) section .content .legal-info .conditions {
    display: inline-block;
    float: right;
    padding: 0;
    max-width: 60%;
    text-align: right;
  }
  footer:not(.mf) section .content .legal-info .conditions li:after {
    content: " | ";
    margin-left: 4px;
    margin-right: 4px;
    position: relative;
  }
  footer:not(.mf) section .content .legal-info .conditions li:last-child:after, footer:not(.mf) section .content .legal-info .conditions li:nth-child(4):after {
    display: none;
  }
  footer:not(.mf) section .content .legal-info .conditions .divider {
    display: block;
    height: 1px;
    width: 100%;
  }
  @media (max-width: 991px) {
    footer:not(.mf) section .content {
      font-size: 15px;
      line-height: 20px;
    }
    footer:not(.mf) section .content .copyright {
      font-size: 13px;
    }
    footer:not(.mf) section .content .conditions {
      font-size: 15px;
    }
    footer:not(.mf) section .content .conditions a {
      text-decoration: underline;
      font-size: 14px;
    }
  }
  @media (max-width: 767px) {
    footer:not(.mf) section .content .legal-info {
      padding: 0;
    }
    footer:not(.mf) section .content .legal-info .copyright, footer:not(.mf) section .content .legal-info .conditions {
      max-width: none;
      float: none;
      text-align: left;
    }
    footer:not(.mf) section .content .legal-info .conditions {
      padding: 28px 0;
      border-bottom: 1px solid #ffffff;
      display: block;
    }
    footer:not(.mf) section .content .legal-info .conditions li {
      display: block;
    }
    footer:not(.mf) section .content .legal-info .conditions li:after {
      display: none;
    }
    footer:not(.mf) section .content .legal-info .copyright {
      padding-top: 12px;
    }
  }
  .rtl-style footer:not(.mf) {
    direction: rtl;
  }
  .rtl-style footer:not(.mf) ul#footer-nav li ul li a {
    margin-left: 0;
    margin-right: 9px;
  }
  .rtl-style footer:not(.mf) section .content ul.contact li {
    padding-right: 0;
    padding-left: 15px;
  }
  @media (max-width: 991px) {
    .rtl-style footer:not(.mf) section .content ul.contact {
      padding-left: 0;
      padding-right: 220px;
    }
    .rtl-style footer:not(.mf) section .content ul.contact li {
      padding-left: 0;
      padding-right: 25px;
    }
  }
  @media (max-width: 767px) {
    .rtl-style footer:not(.mf) section .content ul.contact {
      padding: 10px 0;
    }
    .rtl-style footer:not(.mf) section .content ul.contact li {
      padding-right: 0;
    }
  }
  .rtl-style footer:not(.mf) section .content .social-media {
    text-align: left;
  }
  @media (max-width: 991px) {
    .rtl-style footer:not(.mf) section .content .social-media {
      width: 100%;
      border-top: 1px solid white;
      padding: 14px 0 10px;
      margin: 0;
    }
    .rtl-style footer:not(.mf) section .content .social-media a img {
      height: 53px;
      margin-left: 3px;
    }
  }
  @media (max-width: 767px) {
    .rtl-style footer:not(.mf) section .content .social-media {
      text-align: right;
      padding: 18px 0 15px;
    }
    .rtl-style footer:not(.mf) section .content .social-media a img {
      margin-left: 0;
      margin-right: 3px;
    }
  }
  .rtl-style footer:not(.mf) section .content .legal-info .conditions {
    text-align: left;
    float: left;
  }
  @media (max-width: 767px) {
    .rtl-style footer:not(.mf) section .content .legal-info .copyright, .rtl-style footer:not(.mf) section .content .legal-info .conditions {
      text-align: right;
      float: none;
    }
  }
  #footer-nav.ui-accordion {
    padding: 12px 0 22px;
  }
  #footer-nav.ui-accordion li {
    width: 100%;
    font-size: 18px;
    font-weight: 300;
    line-height: 25px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    list-style-type: none;
  }
  #footer-nav.ui-accordion li:first-child {
    border: none;
  }
  #footer-nav.ui-accordion li:last-child {
    border-bottom: none;
  }
  #footer-nav.ui-accordion li a {
    display: block;
    margin: 0;
    padding-left: 15px;
  }
  #footer-nav.ui-accordion li a.title {
    font-size: 23px;
    line-height: 25px;
    padding: 17px 25px 17px 6px;
    text-transform: none;
    position: relative;
    font-weight: 600;
    height: auto;
  }
  #footer-nav.ui-accordion li a.title .ui-accordion-header-icon {
    height: 10px;
    width: 14px;
    background-image: url(/Static/Hempel/gfx/icons/arrow_blue.svg);
    background-size: 32px;
    background-repeat: no-repeat;
    background-position: center;
    top: 25px;
    right: 2px;
    position: absolute;
  }
  #footer-nav.ui-accordion li a.title .ui-accordion-header-icon.ui-icon-triangle-1-s {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  #footer-nav.ui-accordion li ul {
    margin: 0;
    position: relative;
  }
  #footer-nav.ui-accordion li ul li {
    padding: 8px 0;
  }
  #footer-nav.ui-accordion li ul li:first-child {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
  }
  #footer-nav.ui-accordion .ui-accordion-content li {
    display: block;
  }
  #footer-nav.ui-accordion .ui-accordion-content li a {
    padding-left: 13px;
  }
  #footer-nav.ui-accordion .ui-accordion-content li:before {
    font-size: 30px;
    margin-left: -2px;
  }
  .rtl-style #footer-nav.ui-accordion .ui-accordion-content li a {
    padding-left: 0;
    padding-right: 13px;
    margin: 0;
  }
  .rtl-style #footer-nav.ui-accordion li a.title {
    padding: 17px 6px 17px 25px;
  }
  .rtl-style #footer-nav.ui-accordion li a.title .ui-accordion-header-icon {
    right: auto;
    left: 2px;
  }
  .product-page .tab-section {
    /*max-width: 830px;*/
  }
  .product-page .tab-section .tab-content {
    padding: 0 30px;
  }
  @media (max-width: 577px) {
    .product-page .tab-section .tab-content {
      padding: 11px 17px;
    }
  }
  .rtl-style .product-page {
    direction: rtl;
  }
  .result-list {
    padding: 35px 0;
  }
  @media (max-width: 767px) {
    .result-list {
      padding: 15px 0;
    }
  }
  .result-list a {
    text-decoration: none;
  }
  .result-list a, .result-list a p {
    color: inherit;
  }
  .result-list .list-item {
    border: 1px solid #f2f1ef;
    border-radius: 4px;
    margin-bottom: 20px;
    overflow: hidden;
  }
  .result-list .list-item .category {
    display: none;
    font-size: 11px;
    line-height: 18px;
    font-weight: 400;
    color: #8a8d8f;
  }
  .result-list .list-item h3 {
    margin: 0 0 6px;
    font-size: 20px;
    line-height: 24px;
    max-height: 72px;
    overflow: hidden;
  }
  .result-list .list-item p {
    max-height: 36px;
    overflow: hidden;
    font-size: 13px;
    line-height: 18px;
    margin: 0;
  }
  .result-list .list-item.news {
    /*h3, p {
        max-width: 510px;
    }*/
  }
  .result-list .list-item.news .left {
    width: calc(100% - 40px);
  }
  .result-list .list-item.news .left.has-image {
    width: calc(100% - 305px);
  }
  .result-list .list-item.news .right {
    width: 220px;
  }
  @media (max-width: 767px) {
    .result-list .list-item.news .right {
      width: 100%;
    }
  }
  .result-list .list-item .left {
    width: calc(100% - 355px);
    display: inline-block;
    vertical-align: top;
    padding: 25px 15px 18px;
  }
  .result-list .list-item .right {
    width: 270px;
    display: inline-block;
    padding: 19px 20px;
    line-height: 0;
  }
  .result-list .list-item .right .link-with-arrow {
    display: block;
    text-align: right;
    margin: 5px 0;
    font-weight: 400;
    font-size: 13px;
    line-height: 14px;
    padding-right: 30px;
    padding-top: 4px;
  }
  .result-list .list-item .right .link-with-arrow a {
    text-transform: uppercase;
  }
  .result-list .list-item .right .link-with-arrow .next-icon {
    height: 19px;
    width: 19px;
  }
  .result-list .list-item .right .link-with-arrow .next-icon:after {
    height: 9px;
    width: 12px;
    background-size: 24px;
    top: 5px;
    right: 4px;
  }
  .result-list .list-item .right .image {
    width: 220px;
    height: 110px;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 4px;
  }
  .result-list .list-item.product .right, .result-list .list-item.download .right {
    padding: 22px 15px 22px 15px;
  }
  .result-list .list-item.video .right .image {
    position: relative;
  }
  .result-list .list-item.video .right .image .play-icon {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .result-list .list-item.video .right .image .play-icon:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 0 8px 13px;
    border-color: transparent transparent transparent #fff;
    top: 12px;
    left: 16px;
  }
  @media (min-width: 768px) {
    .result-list .list-item.news .left {
      padding: 19px 20px 19px;
    }
  }
  .result-list .list-item.news .date {
    font-size: 11px;
    line-height: 15px;
    font-weight: 400;
    color: #8a8d8f;
  }
  @media (max-width: 767px) {
    .result-list .list-item {
      padding: 22px 20px;
      margin-bottom: 10px;
    }
    .result-list .list-item .left {
      display: block;
      width: 100% !important;
      padding: 0 0 15px;
    }
    .result-list .list-item h3 {
      margin-bottom: 10px;
    }
    .result-list .list-item p {
      font-size: 13px;
      line-height: 18px;
      max-height: 54px;
    }
    .result-list .list-item .right {
      display: block;
      width: 100%;
      padding: 0;
    }
    .result-list .list-item .right .link-with-arrow {
      border-top: 1px solid #f2f1ef;
      margin: 0;
      padding: 7px 30px 7px 0;
      text-align: left;
    }
    .result-list .list-item .right .link-with-arrow icon {
      top: 5px;
    }
    .result-list .list-item .right .link-with-arrow:first-child {
      border: none;
    }
    .result-list .list-item .right .image {
      width: 100%;
    }
    .result-list .list-item.product .right, .result-list .list-item.download .right {
      padding: 0;
    }
  }
  .rtl-style .result-list {
    direction: rtl;
  }
  .rtl-style .result-list .list-item .right .link-with-arrow {
    text-align: left;
    padding-right: 0;
    padding-left: 30px;
  }
  .rtl-style .result-list .list-item .right .link-with-arrow .next-icon:after {
    right: auto;
    left: 4px;
  }
  @media (max-width: 767px) {
    .rtl-style .result-list .list-item .right .link-with-arrow {
      padding: 7px 0 7px 30px;
      text-align: right;
    }
  }
  .products-wrapper {
    margin-bottom: 120px;
    margin-top: 80px;
  }
  @media (max-width: 440px) {
    .products-wrapper {
      margin-top: 40px;
      margin-bottom: 40px;
    }
  }
  .products-wrapper .header {
    font-size: 48px;
    margin-bottom: 40px;
    line-height: 52px;
    color: #833177;
  }
  @media (max-width: 440px) {
    .products-wrapper .header {
      font-size: 37px;
      line-height: 44px;
      margin-bottom: 24px;
    }
  }
  .products-wrapper .center-align {
    justify-content: center;
  }
  .products-wrapper .arrow-box {
    height: auto;
    width: auto;
    position: absolute;
    top: 0;
    left: -20px;
    z-index: 2;
  }
  .products-wrapper .arrow-box_content {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    position: relative;
    margin-top: 40px;
    border-radius: 4px;
    padding: 5px;
    white-space: nowrap;
    border: 1px solid #f3f3f4;
    color: #ffffff;
    background: #323232;
  }
  .products-wrapper .arrow-box_content::after {
    content: " ";
    position: absolute;
    left: 16px;
    top: -15px;
    border-top: none;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    border-bottom: 20px solid transparent;
  }
  .products-wrapper .products {
    max-width: 1120px;
    margin: auto;
    padding: 0 160px;
    display: flex;
    flex-wrap: wrap;
  }
  @media (max-width: 768px) {
    .products-wrapper .products {
      padding: 0 20px;
    }
  }
  .products-wrapper .products_item {
    width: calc(33.3% - 22px);
    margin-left: 16px;
    margin-right: 16px;
    margin-bottom: 24px;
  }
  .products-wrapper .products_item:first-of-type {
    margin-left: 0;
  }
  .products-wrapper .products_item:nth-of-type(3n) {
    margin-right: 0;
  }
  .products-wrapper .products_item:nth-of-type(3n + 1) {
    margin-left: 0;
  }
  @media (max-width: 1110px) {
    .products-wrapper .products_item {
      width: calc(50% - 16px);
    }
    .products-wrapper .products_item:nth-of-type(odd) {
      margin-right: 16px;
      margin-left: 0;
    }
    .products-wrapper .products_item:nth-of-type(even) {
      margin-left: 16px;
      margin-right: 0;
    }
  }
  @media (max-width: 440px) {
    .products-wrapper .products_item {
      width: 100%;
      margin-right: 0 !important;
      margin-left: 0 !important;
    }
  }
  .products-wrapper .products_item_image {
    width: 100%;
    height: 160px;
    position: relative;
    background-color: #f3f3f4;
  }
  .products-wrapper .products_item_image_info {
    position: absolute;
    top: 16px;
    left: 16px;
    display: flex;
    flex-direction: column;
    line-height: 24px;
    color: #8A2A2B;
    font-weight: 500;
  }
  .products-wrapper .products_item_image_info span {
    border: 1px solid #8A2A2B;
    padding: 0px 8px;
    border-radius: 15px;
    font-size: 13px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 4px;
  }
  .products-wrapper .products_item_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .products-wrapper .products_item_text {
    border-left: 1px solid #F3F2F1;
    border-right: 1px solid #F3F2F1;
    border-bottom: 1px solid #F3F2F1;
    padding-left: 24px;
    padding-top: 16px;
  }
  .products-wrapper .products_item_text_info {
    font-size: 15px;
    line-height: 24px;
    color: #8A2A2B;
    font-weight: 500;
  }
  .products-wrapper .products_item_text_title {
    font-size: 24px;
    line-height: 28px;
    color: black;
  }
  .products-wrapper .products_item_text_title a {
    text-decoration: none;
  }
  .products-wrapper .products_item_text_colour {
    margin-top: 16px;
    margin-bottom: 20px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
  }
  .products-wrapper .products_item_text_colour_box {
    position: relative;
  }
  .products-wrapper .products_item_text_colour_box_dot {
    height: 16px;
    width: 16px;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
    margin-right: 8px;
    border: 1px solid #aca39a;
  }
  #search-result-all .result-list .list-item .category {
    display: block;
  }
  #search-result-all .result-list .list-item .date .category {
    display: inline-block;
    padding-right: 2px;
  }
  #search-result-all .result-list .list-item .date .category:after {
    content: "|";
    position: relative;
    display: inline-block;
    margin-left: 3px;
    margin-right: 1px;
  }
  @media (min-width: 768px) {
    #search-result-all .result-list .list-item .left {
      padding-top: 16px;
    }
  }
  .rtl-style #search-result-all .date .category {
    padding-right: 0;
    padding-left: 2px;
  }
  .rtl-style #search-result-all .date .category:after {
    margin-left: 1px;
    margin-right: 3px;
  }
  .products-wrapper {
    margin-bottom: 120px;
    margin-top: 80px;
  }
  @media (max-width: 440px) {
    .products-wrapper {
      margin-top: 40px;
      margin-bottom: 40px;
    }
  }
  .products-wrapper .header {
    font-size: 48px;
    margin-bottom: 40px;
    line-height: 52px;
    color: #833177;
  }
  @media (max-width: 440px) {
    .products-wrapper .header {
      font-size: 37px;
      line-height: 44px;
      margin-bottom: 24px;
    }
  }
  .products-wrapper .center-align {
    justify-content: center;
  }
  .products-wrapper .arrow-box {
    height: auto;
    width: auto;
    position: absolute;
    top: 0;
    left: -20px;
    z-index: 2;
  }
  .products-wrapper .arrow-box_content {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    position: relative;
    margin-top: 40px;
    border-radius: 4px;
    padding: 5px;
    white-space: nowrap;
    border: 1px solid #f3f3f4;
    color: #ffffff;
    background: #323232;
  }
  .products-wrapper .arrow-box_content::after {
    content: " ";
    position: absolute;
    left: 16px;
    top: -15px;
    border-top: none;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    border-bottom: 20px solid transparent;
  }
  .products-wrapper .products {
    max-width: 1120px;
    margin: auto;
    padding: 0 160px;
    display: flex;
    flex-wrap: wrap;
  }
  @media (max-width: 768px) {
    .products-wrapper .products {
      padding: 0 20px;
    }
  }
  .products-wrapper .products_item {
    width: calc(33.3% - 22px);
    margin-left: 16px;
    margin-right: 16px;
    margin-bottom: 24px;
  }
  .products-wrapper .products_item:first-of-type {
    margin-left: 0;
  }
  .products-wrapper .products_item:nth-of-type(3n) {
    margin-right: 0;
  }
  .products-wrapper .products_item:nth-of-type(3n + 1) {
    margin-left: 0;
  }
  @media (max-width: 1110px) {
    .products-wrapper .products_item {
      width: calc(50% - 16px);
    }
    .products-wrapper .products_item:nth-of-type(odd) {
      margin-right: 16px;
      margin-left: 0;
    }
    .products-wrapper .products_item:nth-of-type(even) {
      margin-left: 16px;
      margin-right: 0;
    }
  }
  @media (max-width: 440px) {
    .products-wrapper .products_item {
      width: 100%;
      margin-right: 0 !important;
      margin-left: 0 !important;
    }
  }
  .products-wrapper .products_item_image {
    width: 100%;
    height: 160px;
    position: relative;
    background-color: #f3f3f4;
  }
  .products-wrapper .products_item_image_info {
    position: absolute;
    top: 16px;
    left: 16px;
    display: flex;
    flex-direction: column;
    line-height: 24px;
    color: #8A2A2B;
    font-weight: 500;
  }
  .products-wrapper .products_item_image_info span {
    border: 1px solid #8A2A2B;
    padding: 0px 8px;
    border-radius: 15px;
    font-size: 13px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 4px;
  }
  .products-wrapper .products_item_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .products-wrapper .products_item_text {
    border-left: 1px solid #F3F2F1;
    border-right: 1px solid #F3F2F1;
    border-bottom: 1px solid #F3F2F1;
    padding-left: 24px;
    padding-top: 16px;
  }
  .products-wrapper .products_item_text_info {
    font-size: 15px;
    line-height: 24px;
    color: #8A2A2B;
    font-weight: 500;
  }
  .products-wrapper .products_item_text_title {
    font-size: 24px;
    line-height: 28px;
    color: black;
  }
  .products-wrapper .products_item_text_title a {
    text-decoration: none;
  }
  .products-wrapper .products_item_text_colour {
    margin-top: 16px;
    margin-bottom: 20px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
  }
  .products-wrapper .products_item_text_colour_box {
    position: relative;
  }
  .products-wrapper .products_item_text_colour_box_dot {
    height: 16px;
    width: 16px;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
    margin-right: 8px;
    border: 1px solid #aca39a;
  }
  .link-list {
    width: calc(100% + 16px);
    margin: 60px -8px;
  }
  @media (max-width: 767px) {
    .link-list {
      margin-top: 30px;
    }
  }
  .link-list a {
    display: inline-block;
    text-decoration: none;
    color: #0033a0;
    margin: 6px;
    width: calc(33.33% - 17px);
    border: 1px solid #f2f1ef;
    position: relative;
    height: 50px;
    overflow: hidden;
  }
  .link-list a span {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 15px;
    line-height: 18px;
    padding: 0 20px;
    max-height: 36px;
    overflow: hidden;
  }
  @media (max-width: 767px) {
    .link-list a {
      width: calc(50% - 16px);
    }
  }
  @media (max-width: 440px) {
    .link-list a {
      width: calc(100% - 16px);
      margin: 3px 6px;
    }
  }
  .product-details-description h3, .product-details-accordion-container h3 {
    color: #0033a0;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
  }
  .product-details-description .text, .product-details-accordion-container .text {
    font-size: 15px;
    line-height: 25px;
    padding-bottom: 23px;
  }
  .product-details-description {
    padding: 10px 260px 10px 0;
  }
  @media (min-width: 578px) {
    .product-details-description {
      min-height: 190px;
    }
  }
  @media (max-width: 991px) {
    .product-details-description {
      padding: 10px 245px 10px 0;
    }
  }
  @media (max-width: 577px) {
    .product-details-description {
      padding: 1px 0 20px 0;
    }
  }
  .rtl-style .product-details-description {
    padding: 10px 0 10px 260px;
  }
  @media (max-width: 991px) {
    .rtl-style .product-details-description {
      padding: 10px 0 10px 245px;
    }
  }
  @media (max-width: 577px) {
    .rtl-style .product-details-description {
      padding: 1px 0 20px 0;
    }
  }
  .product-details-download-buttons {
    width: 240px;
    position: absolute;
    right: 30px;
    top: 80px;
  }
  .product-details-download-buttons .button, .product-details-download-buttons form:not(.mf) input[type=submit], form:not(.mf) .product-details-download-buttons input[type=submit] {
    display: block;
    margin-bottom: 10px;
    border-radius: 30px;
  }
  .product-details-download-buttons .button a, .product-details-download-buttons form:not(.mf) input[type=submit] a, form:not(.mf) .product-details-download-buttons input[type=submit] a {
    text-transform: uppercase;
  }
  @media (min-width: 578px) {
    .product-details-download-buttons .button a, .product-details-download-buttons form:not(.mf) input[type=submit] a, form:not(.mf) .product-details-download-buttons input[type=submit] a {
      font-size: 13px;
      padding: 10px 25px 10px 20px;
      line-height: 15px;
    }
    .product-details-download-buttons .button a:after, .product-details-download-buttons form:not(.mf) input[type=submit] a:after, form:not(.mf) .product-details-download-buttons input[type=submit] a:after {
      height: 10px;
      width: 13px;
      background-size: 26px;
      top: 12px;
      right: 14px;
    }
  }
  @media (max-width: 991px) {
    .product-details-download-buttons {
      width: 230px;
    }
    .product-details-download-buttons .button a, .product-details-download-buttons form:not(.mf) input[type=submit] a, form:not(.mf) .product-details-download-buttons input[type=submit] a {
      padding: 10px 25px 10px 16px;
    }
    .product-details-download-buttons .button a:after, .product-details-download-buttons form:not(.mf) input[type=submit] a:after, form:not(.mf) .product-details-download-buttons input[type=submit] a:after {
      right: 10px;
    }
  }
  @media (max-width: 577px) {
    .product-details-download-buttons {
      display: block;
      position: static;
      width: 100%;
      margin-bottom: 40px;
    }
    .product-details-download-buttons .button a, .product-details-download-buttons form:not(.mf) input[type=submit] a, form:not(.mf) .product-details-download-buttons input[type=submit] a {
      font-size: 16px;
      padding: 17px 35px 17px 25px;
    }
    .product-details-download-buttons .button a:after, .product-details-download-buttons form:not(.mf) input[type=submit] a:after, form:not(.mf) .product-details-download-buttons input[type=submit] a:after {
      right: 15px;
      top: 20px;
    }
  }
  .rtl-style .product-details-download-buttons {
    right: auto;
    left: 30px;
  }
  @media (min-width: 578px) {
    .rtl-style .product-details-download-buttons .button a, .rtl-style .product-details-download-buttons form:not(.mf) input[type=submit] a, form:not(.mf) .rtl-style .product-details-download-buttons input[type=submit] a {
      padding: 10px 20px 10px 25px;
    }
    .rtl-style .product-details-download-buttons .button a:after, .rtl-style .product-details-download-buttons form:not(.mf) input[type=submit] a:after, form:not(.mf) .rtl-style .product-details-download-buttons input[type=submit] a:after {
      right: auto;
      left: 14px;
    }
  }
  @media (max-width: 991px) {
    .rtl-style .product-details-download-buttons .button a, .rtl-style .product-details-download-buttons form:not(.mf) input[type=submit] a, form:not(.mf) .rtl-style .product-details-download-buttons input[type=submit] a {
      padding: 10px 16px 10px 25px;
    }
    .rtl-style .product-details-download-buttons .button a:after, .rtl-style .product-details-download-buttons form:not(.mf) input[type=submit] a:after, form:not(.mf) .rtl-style .product-details-download-buttons input[type=submit] a:after {
      right: auto;
      left: 10px;
    }
  }
  @media (max-width: 577px) {
    .rtl-style .product-details-download-buttons .button a, .rtl-style .product-details-download-buttons form:not(.mf) input[type=submit] a, form:not(.mf) .rtl-style .product-details-download-buttons input[type=submit] a {
      padding: 17px 25px 17px 35px;
    }
    .rtl-style .product-details-download-buttons .button a:after, .rtl-style .product-details-download-buttons form:not(.mf) input[type=submit] a:after, form:not(.mf) .rtl-style .product-details-download-buttons input[type=submit] a:after {
      right: auto;
      left: 15px;
    }
  }
  .product-details-accordion-container .link-with-arrow, .product-details-brand-banner .link-with-arrow, .product-downloads .link-with-arrow {
    font-size: 13px;
    line-height: 15px;
    padding-top: 4px;
    padding-right: 28px;
    font-weight: 500;
  }
  .product-details-accordion-container .link-with-arrow .next-icon, .product-details-brand-banner .link-with-arrow .next-icon, .product-downloads .link-with-arrow .next-icon {
    height: 20px;
    width: 20px;
    top: calc(50% - 10px);
  }
  .product-details-accordion-container .link-with-arrow .next-icon:after, .product-details-brand-banner .link-with-arrow .next-icon:after, .product-downloads .link-with-arrow .next-icon:after {
    top: 6px;
    right: 5px;
    height: 7px;
    width: 9px;
    background-size: 22px;
  }
  .rtl-style .product-details-accordion-container .link-with-arrow, .rtl-style .product-details-brand-banner .link-with-arrow, .rtl-style .product-downloads .link-with-arrow {
    padding-right: 0;
    padding-left: 28px;
  }
  .rtl-style .product-details-accordion-container .link-with-arrow .next-icon:after, .rtl-style .product-details-brand-banner .link-with-arrow .next-icon:after, .rtl-style .product-downloads .link-with-arrow .next-icon:after {
    right: auto;
    left: 5px;
  }
  @media (max-width: 767px) {
    .product-details-accordion-container .link-with-arrow .link-with-arrow, .product-details-brand-banner .link-with-arrow .link-with-arrow {
      font-size: 15px;
      line-height: 17px;
      padding-right: 35px;
    }
    .product-details-accordion-container .link-with-arrow .link-with-arrow .next-icon, .product-details-brand-banner .link-with-arrow .link-with-arrow .next-icon {
      height: 25px;
      width: 25px;
      top: calc(50% - 12px);
    }
    .product-details-accordion-container .link-with-arrow .link-with-arrow .next-icon:after, .product-details-brand-banner .link-with-arrow .link-with-arrow .next-icon:after {
      top: 7px;
      height: 10px;
      width: 16px;
      background-size: 30px;
    }
  }
  @media (max-width: 767px) {
    .rtl-style .product-details-accordion-container .link-with-arrow .link-with-arrow, .rtl-style .product-details-brand-banner .link-with-arrow .link-with-arrow {
      padding-right: 0;
      padding-left: 35px;
    }
  }
  .product-details-accordion-container {
    margin-bottom: 70px;
  }
  .product-details-accordion-container .accordion-section .text {
    padding-bottom: 35px;
    padding-top: 10px;
  }
  @media (max-width: 577px) {
    .product-details-accordion-container {
      margin-bottom: 40px;
    }
  }
  .product-details-brand-banner {
    background-color: #f3f3f4;
    padding: 30px;
    border-radius: 4px;
  }
  .product-details-brand-banner .left {
    display: inline-block;
    vertical-align: top;
    width: 40%;
  }
  .product-details-brand-banner .right {
    display: inline-block;
    width: calc(60% - 5px);
    max-width: 300px;
  }
  .product-details-brand-banner .brand-label {
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 7px;
  }
  .product-details-brand-banner .brand-name {
    font-size: 28px;
    font-weight: 300;
    line-height: 34px;
  }
  .product-details-brand-banner .text {
    font-size: 13px;
    font-weight: 300;
    line-height: 20px;
    margin-bottom: 13px;
  }
  @media (max-width: 767px) {
    .product-details-brand-banner {
      padding: 27px 20px;
    }
    .product-details-brand-banner .left, .product-details-brand-banner .right {
      display: block;
      width: 100%;
      max-width: none;
    }
    .product-details-brand-banner .brand-label {
      font-size: 14px;
    }
    .product-details-brand-banner .brand-name {
      margin-bottom: 12px;
    }
    .product-details-brand-banner .right .text {
      margin-bottom: 20px;
    }
    .product-details-brand-banner .link-with-arrow {
      font-size: 15px;
      line-height: 17px;
      padding-right: 30px;
    }
    .product-details-brand-banner .link-with-arrow .next-icon {
      height: 24px;
      width: 24px;
      top: calc(50% - 12px);
    }
    .product-details-brand-banner .link-with-arrow .next-icon:after {
      top: 7px;
      right: 5px;
      height: 10px;
      width: 14px;
      background-size: 28px;
    }
  }
  @media (max-width: 440px) {
    .product-details-brand-banner .link-with-arrow {
      padding-right: 0;
    }
    .product-details-brand-banner .link-with-arrow a {
      display: block;
      max-width: calc(100% - 30px);
    }
    .product-details-brand-banner .link-with-arrow .next-icon {
      display: inline-block;
      position: relative;
      vertical-align: top;
      top: -15px;
      right: -5px;
    }
  }
  @media (max-width: 767px) {
    .rtl-style .product-details-brand-banner .link-with-arrow {
      padding-left: 30px;
      padding-right: 0;
    }
    .rtl-style .product-details-brand-banner .link-with-arrow .next-icon:after {
      right: auto;
      left: 5px;
    }
  }
  @media (max-width: 440px) {
    .rtl-style .product-details-brand-banner .link-with-arrow {
      padding-left: 0;
    }
    .rtl-style .product-details-brand-banner .link-with-arrow .next-icon {
      right: auto;
      left: -5px;
    }
  }
  .product-details-applications {
    margin: 22px 0 34px;
  }
  .product-details-applications .item {
    display: inline-block;
    border: 1px solid #d1d2d3;
    font-size: 13px;
    line-height: 14px;
    padding: 8px 15px;
    border-radius: 20px;
    margin: 0 6px 9px 0;
    position: relative;
  }
  .product-details-applications a.item {
    text-decoration: none;
    color: inherit;
    padding-right: 25px;
  }
  .product-details-applications a.item:after {
    content: "";
    display: block;
    background-image: url(/Static/Hempel/gfx/icons/arrow_grey.svg);
    height: 8px;
    width: 12px;
    background-size: 26px;
    background-repeat: no-repeat;
    background-position: center;
    top: calc(50% - 4px);
    right: 8px;
    position: absolute;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
  .rtl-style .product-details-applications .item {
    margin: 0 0 9px 6px;
  }
  .rtl-style .product-details-applications a.item {
    padding-right: 0;
    padding-left: 25px;
  }
  .rtl-style .product-details-applications a.item:after {
    right: auto;
    left: 8px;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
  .product-details-certifications {
    min-height: 190px;
    margin: 30px 0;
  }
  .product-details-certifications .left {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 500px);
  }
  .product-details-certifications .right {
    display: inline-block;
    float: right;
  }
  .product-details-certifications .certificate {
    display: inline-block;
    height: 135px;
    width: 135px;
    background-color: #F3F3F4;
    color: #0033a0;
    border-radius: 50%;
    position: relative;
    margin-left: 22px;
  }
  .product-details-certifications .certificate .label {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
  }
  .product-details-certifications .certificate .label .type {
    font-size: 20px;
    font-weight: 300;
    line-height: 22px;
  }
  .product-details-certifications .certificate .label .number {
    font-size: 30px;
    font-weight: 500;
    line-height: 34px;
  }
  @media (max-width: 991px) {
    .product-details-certifications .certificate {
      margin: 7px;
    }
    .product-details-certifications .right {
      margin-right: -7px;
    }
    .product-details-certifications .left {
      width: calc(100% - 460px);
    }
  }
  @media (max-width: 767px) {
    .product-details-certifications .left .text {
      padding-top: 0;
      padding-bottom: 15px;
    }
    .product-details-certifications .left, .product-details-certifications .right {
      width: 100%;
      display: block;
    }
    .product-details-certifications .right {
      margin-top: 20px;
      margin-right: 0;
      float: none;
    }
  }
  .rtl-style .product-details-certifications .right {
    float: left;
  }
  .rtl-style .product-details-certifications .certificate {
    margin-left: 0;
    margin-right: 22px;
  }
  .product-downloads {
    margin: 70px 0 90px;
  }
  .product-downloads .section {
    margin-bottom: 70px;
  }
  .product-downloads h2 {
    font-size: 30px;
    font-weight: 300;
    line-height: 35px;
    margin-bottom: 20px;
  }
  .product-downloads a {
    display: block;
    position: relative;
    text-decoration: none;
    border: 1px solid #f2f1ef;
    margin-bottom: 14px;
    padding: 12px 150px 12px 15px;
  }
  .product-downloads .label {
    color: #0033a0;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
  }
  .product-downloads .link-with-arrow {
    position: absolute;
    right: 15px;
    top: calc(50% - 9px);
    padding-top: 2px;
  }
  @media (max-width: 767px) {
    .product-downloads {
      margin: 45px 0 70px;
    }
    .product-downloads .section {
      margin-bottom: 50px;
    }
  }
  @media (max-width: 440px) {
    .product-downloads a {
      padding: 17px 15px 37px 15px;
    }
    .product-downloads .link-with-arrow {
      top: auto;
      bottom: 15px;
      left: 15px;
      right: auto;
    }
  }
  .rtl-style .product-downloads a {
    padding: 12px 15px 12px 150px;
  }
  .rtl-style .product-downloads .link-with-arrow {
    right: auto;
    left: 15px;
  }
  @media (max-width: 440px) {
    .rtl-style .product-downloads a {
      padding: 17px 15px 37px 15px;
    }
    .rtl-style .product-downloads .link-with-arrow {
      left: auto;
      right: 15px;
    }
  }
  #SDSModal, #PDSModal, #AIModal {
    padding-top: 0;
  }
  #SDSModal.active, #PDSModal.active, #AIModal.active {
    display: block;
  }
  #SDSModal h2, #PDSModal h2, #AIModal h2 {
    color: #0030A3;
    font-weight: normal;
    font-size: 38px;
    margin-bottom: 5px;
    margin-top: 5px;
  }
  @media (max-width: 767px) {
    #SDSModal h2, #PDSModal h2, #AIModal h2 {
      font-size: 30px;
    }
  }
  @media (max-width: 577px) {
    #SDSModal h2, #PDSModal h2, #AIModal h2 {
      font-size: 25px;
      line-height: 30px;
      margin-top: 3px;
      margin-bottom: 0;
    }
  }
  #SDSModal span.title, #PDSModal span.title, #AIModal span.title {
    font-size: 20px;
    font-weight: 500;
  }
  @media (max-width: 577px) {
    #SDSModal span.title, #PDSModal span.title, #AIModal span.title {
      font-size: 15px;
    }
  }
  #SDSModal .link-with-arrow, #PDSModal .link-with-arrow, #AIModal .link-with-arrow {
    font-size: 15px;
    height: 25px;
    line-height: 25px;
    padding-top: 0;
  }
  #SDSModal .modal-content, #PDSModal .modal-content, #AIModal .modal-content {
    border-radius: 5px;
    padding: 50px 45px 40px;
    height: auto;
    max-height: none;
    overflow: auto;
    width: 830px;
    max-width: calc(100% - 130px);
    margin: 80px auto 30px;
  }
  #SDSModal .close, #PDSModal .close, #AIModal .close {
    top: 14px;
    right: 12px;
    height: 25px;
    width: 25px;
    background: linear-gradient(0deg, #0033a0 0%, #009fdf 100%);
    position: absolute;
    border: none;
    display: block;
  }
  #SDSModal .close:after, #PDSModal .close:after, #AIModal .close:after {
    content: "";
    background-image: url("/Static/Hempel/gfx/icons/close_white.svg");
    height: 14px;
    width: 14px;
    background-size: 14px;
    position: absolute;
    top: 5px;
    left: 5px;
  }
  @media (max-width: 991px) {
    #SDSModal .modal-content, #PDSModal .modal-content, #AIModal .modal-content {
      margin: 40px auto 30px;
    }
  }
  @media (max-width: 577px) {
    #SDSModal .modal-content, #PDSModal .modal-content, #AIModal .modal-content {
      padding: 40px 18px 30px;
      max-width: calc(100% - 80px);
      margin: 30px auto 130px;
    }
    #SDSModal .link-with-arrow, #PDSModal .link-with-arrow, #AIModal .link-with-arrow {
      font-size: 13px;
    }
  }
  #PDSModal, #AIModal {
    z-index: 30;
  }
  @media (max-width: 991px) {
    #PDSModal .modal-content, #AIModal .modal-content {
      width: 500px;
    }
  }
  #PDSModal h3, #AIModal h3 {
    position: relative;
    border-top: 1px solid #000;
    font-weight: 500;
    font-size: 24px;
    line-height: 26px;
    margin: 0;
    padding: 16px 0;
  }
  @media (max-width: 577px) {
    #PDSModal h3, #AIModal h3 {
      font-size: 15px;
      padding: 10px 0;
    }
  }
  #PDSModal .current-option, #AIModal .current-option {
    margin-top: 20px;
  }
  #PDSModal .document-list, #AIModal .document-list {
    overflow: hidden;
  }
  #PDSModal .document-list ul, #AIModal .document-list ul {
    list-style: none;
    padding: 0;
    margin: 0 0 15px 0;
    border-top: 1px solid #f2f1ef;
  }
  #PDSModal .document-list li, #AIModal .document-list li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
    break-inside: avoid;
  }
  #PDSModal .document-list li span, #AIModal .document-list li span {
    color: #0030A3;
    font-weight: bold;
  }
  #PDSModal .document-list li .link-with-arrow, #AIModal .document-list li .link-with-arrow {
    text-transform: uppercase;
    text-decoration: none;
  }
  #PDSModal .document-list .flag-icon, #AIModal .document-list .flag-icon {
    height: 25px;
  }
  #PDSModal .document-list .flag-icon span, #AIModal .document-list .flag-icon span {
    vertical-align: top;
  }
  #PDSModal .document-list .flag-icon img, #AIModal .document-list .flag-icon img {
    border-radius: 100%;
    margin-right: 10px;
    display: inline-block;
  }
  #PDSModal .document-list .current-option li, #AIModal .document-list .current-option li {
    width: 100%;
  }
  #PDSModal .document-list .all-options ul, #AIModal .document-list .all-options ul {
    column-count: 2;
    column-gap: 0;
    display: none;
    width: calc(100% + 80px);
    position: relative;
  }
  #PDSModal .document-list .all-options ul:after, #AIModal .document-list .all-options ul:after {
    content: "";
    height: 1px;
    width: 100%;
    background-color: #ffffff;
    position: absolute;
    display: block;
    clear: both;
    bottom: 0;
    left: 0;
  }
  @media (max-width: 991px) {
    #PDSModal .document-list .all-options ul, #AIModal .document-list .all-options ul {
      column-count: 1;
      width: 100%;
    }
  }
  #PDSModal .document-list .all-options h3, #AIModal .document-list .all-options h3 {
    cursor: pointer;
  }
  #PDSModal .document-list .all-options h3:after, #AIModal .document-list .all-options h3:after {
    content: "";
    display: block;
    position: absolute;
    background-image: url(/Static/Hempel/gfx/icons/arrow_grey.svg);
    height: 12px;
    width: 16px;
    background-repeat: no-repeat;
    background-position: center;
    top: calc(50% - 6px);
    right: 0;
  }
  #PDSModal .document-list .all-options.active h3:after, #AIModal .document-list .all-options.active h3:after {
    transform: rotate(180deg);
  }
  #PDSModal .document-list .all-options.active ul, #AIModal .document-list .all-options.active ul {
    display: block;
  }
  #PDSModal .document-list .all-options li, #AIModal .document-list .all-options li {
    border-bottom: 1px solid #f2f1ef;
    width: calc(100% - 80px);
    padding: 10px 80px 10px 0;
  }
  @media (max-width: 991px) {
    #PDSModal .document-list .all-options li, #AIModal .document-list .all-options li {
      width: 100%;
      padding-right: 0;
    }
  }
  #SDSModal {
    z-index: 30;
  }
  #SDSModal .filters {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    background-color: #F3F2F1;
    margin: auto;
    margin-top: 30px;
    border-radius: 30px;
    padding: 13px;
  }
  #SDSModal .filters .filter-title {
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: #0030A3;
    position: relative;
    width: 100%;
  }
  #SDSModal .filters .filter-title:after {
    content: "";
    display: block;
    position: absolute;
    background-image: url(/Static/Hempel/gfx/icons/arrow_blue.svg);
    background-size: 30px;
    height: 9px;
    width: 14px;
    background-repeat: no-repeat;
    background-position: center;
    top: calc(50% - 4px);
    right: 0;
  }
  #SDSModal .filters select {
    width: calc(50% - 5px);
    height: 36px;
    padding: 7px 25px 7px 15px;
    color: #0030A3;
    font-weight: 500;
    font-size: 13px;
    text-transform: uppercase;
    border-radius: 18px;
    background-image: url(/Static/Hempel/gfx/icons/arrow_blue.svg);
    background-repeat: no-repeat;
    background-position-x: 98%;
    background-position-y: 5px;
    background-color: #ffffff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  @media (max-width: 991px) {
    #SDSModal .filters {
      min-height: 0;
      padding: 15px 22px;
    }
    #SDSModal .filters select {
      width: 100%;
      display: none;
    }
    #SDSModal .filters select.market-selector {
      margin-bottom: 10px;
    }
    #SDSModal .filters.expanded {
      width: calc(100% - 12px);
      margin-left: -10px;
      padding: 15px;
    }
    #SDSModal .filters.expanded .filter-title {
      padding-left: 17px;
      margin-bottom: 20px;
    }
    #SDSModal .filters.expanded .filter-title:after {
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg);
      right: 20px;
    }
    #SDSModal .filters.expanded select {
      display: block;
    }
  }
  #SDSModal .filters .ui-selectmenu-button {
    width: calc(50% - 55px);
    padding: 9px 30px 9px 20px;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 18px;
    background-color: white;
  }
  #SDSModal .filters .ui-menu-item.ui-state-disabled {
    display: none;
  }
  #SDSModal .filters .ui-selectmenu-button {
    background-color: #ffffff;
    display: block;
    position: relative;
    z-index: 3;
    border-bottom: 1px solid transparent;
  }
  #SDSModal .filters .ui-selectmenu-button.ui-selectmenu-button-open {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  #SDSModal .filters .ui-selectmenu-button.ui-selectmenu-button-open .ui-selectmenu-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  #SDSModal .filters .ui-selectmenu-icon {
    position: absolute;
    background-image: url(/Static/Hempel/gfx/icons/arrow_blue.svg);
    height: 11px;
    width: 15px;
    top: calc(50% - 6px);
    background-repeat: no-repeat;
    background-position: center;
  }
  #SDSModal .filters .ui-selectmenu-menu {
    position: absolute;
    background-color: #ffffff;
    box-shadow: 0 0 15px 0px rgba(0, 27, 92, 0.2);
    margin: 0px;
    list-style-type: none;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    width: calc(50% - 63px);
    max-width: none;
    max-height: 398px;
    overflow-y: auto;
    outline: 0;
    display: none;
  }
  #SDSModal .filters .ui-selectmenu-menu.ui-selectmenu-open {
    display: block;
    z-index: 2;
  }
  @media (max-width: 991px) {
    #SDSModal .filters .ui-selectmenu-menu {
      width: calc(50% - 72px);
    }
  }
  #SDSModal .filters ul {
    margin: 0;
    list-style-type: none;
    color: #464646;
    font-size: 15px;
    line-height: 18px;
    font-weight: normal;
    padding: 5px 0 0;
  }
  #SDSModal .filters ul li .ui-menu-item-wrapper {
    padding: 9px 24px 9px 22px;
    position: relative;
  }
  #SDSModal .filters ul li .ui-menu-item-wrapper:after {
    content: "";
    height: 1px;
    width: 100%;
    position: relative;
    background-color: #dcd7d7;
    top: 9px;
    left: -2px;
  }
  #SDSModal .filters ul li .ui-menu-item-wrapper.ui-state-active:after {
    display: none;
  }
  #SDSModal .filters ul li .ui-state-active {
    background-color: #bdbbbb;
    color: #ffffff;
    font-weight: 400;
    margin-top: -1px;
  }
  #SDSModal .filters ul li:last-child .ui-menu-item-wrapper {
    padding-bottom: 22px;
  }
  #SDSModal .filters ul li:last-child .ui-menu-item-wrapper:after {
    display: none;
  }
  #SDSModal .filters .ui-selectmenu-text {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  #SDSModal .pagination {
    padding-bottom: 0;
  }
  #SDSModal .document-list {
    overflow: auto;
    margin-top: 20px;
  }
  #SDSModal .document-list .item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border: 1px solid #f2f1ef;
    border-radius: 4px;
    margin-bottom: 20px;
  }
  @media (max-width: 991px) {
    #SDSModal .document-list .item {
      margin-bottom: 12px;
    }
  }
  #SDSModal .document-list .item .left {
    width: calc(30% - 40px);
    padding: 20px;
    padding-bottom: 10px;
  }
  @media (max-width: 991px) {
    #SDSModal .document-list .item .left {
      width: 100%;
      padding: 10px;
    }
  }
  #SDSModal .document-list .item .left span {
    font-size: 11px;
    line-height: 15px;
    font-weight: 500;
    color: #a9abac;
  }
  #SDSModal .document-list .item .left h5 {
    color: #0030A3;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    margin: 0;
  }
  #SDSModal .document-list .item .right {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: calc(70% - 40px);
    padding: 20px;
    padding-bottom: 10px;
  }
  @media (max-width: 991px) {
    #SDSModal .document-list .item .right {
      width: 100%;
      padding: 0 10px;
    }
  }
  #SDSModal .document-list .item .right > div {
    width: 47%;
  }
  @media (max-width: 991px) {
    #SDSModal .document-list .item .right > div {
      width: 100%;
      margin-bottom: 20px;
    }
  }
  #SDSModal .document-list .item .right > div > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px solid #f2f1ef;
  }
  #SDSModal .document-list .item .right > div > div span {
    font-size: 11px;
    color: #a9abac;
  }
  #SDSModal .document-list .item .right > div > div span:first-child {
    font-weight: 400;
  }
  #SDSModal .document-list .item .right > div > div span:last-child {
    font-weight: bold;
    text-transform: uppercase;
  }
  #SDSModal .document-list .item .right > div .flag {
    margin-top: 10px;
    border: none !important;
  }
  #SDSModal .document-list .item .right > div .flag .flag-icon img {
    border-radius: 100%;
  }
  #SDSModal .document-list .item .right > div .flag .link-with-arrow {
    text-transform: uppercase;
    text-decoration: none;
    font-size: 0.8em;
  }
  .product-data-table .product-details-description {
    width: 100%;
  }
  #Search-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
    background-color: #8a8d8f;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    overflow-y: scroll;
  }
  #Search-overlay.active {
    display: block;
  }
  #Search-overlay .close {
    float: right;
    height: 16px;
    width: 16px;
    background-color: #ffffff;
    background-image: url(/Static/Hempel/gfx/icons/close_blue.svg);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center;
    padding: 9px;
    border-radius: 50%;
    margin-right: 45px;
  }
  #Search-overlay .content {
    padding-top: 30px;
    padding-bottom: 95px;
  }
  #Search-overlay form {
    text-align: center;
    padding-top: 70px;
  }
  #Search-overlay form pre {
    margin: 0;
    padding: 0;
  }
  #Search-overlay input[type=search] {
    width: 770px;
    max-width: 100%;
    font-size: 20px;
    line-height: 24px;
    padding: 18px 45px 18px 30px;
    border-radius: 30px;
    border: none;
    font-weight: 300;
  }
  #Search-overlay input[type=search] {
    -webkit-appearance: none;
  }
  #Search-overlay input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    height: 16px;
    width: 16px;
    background-image: url(/Static/Hempel/gfx/icons/close_blue.svg);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: -25px;
  }
  #Search-overlay .ui-selectmenu-button {
    width: 147px;
    position: relative;
    display: block;
    padding: 7px 30px 7px 16px;
  }
  #Search-overlay .ui-selectmenu-text {
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    color: #0033a0;
  }
  #Search-overlay .ui-selectmenu-menu {
    max-width: 325px;
  }
  @media (max-width: 991px) {
    #Search-overlay .content {
      padding-top: 20px;
      padding-left: 0;
      padding-right: 0;
    }
    #Search-overlay .close {
      margin-right: 20px;
    }
  }
  @media (max-width: 767px) {
    #Search-overlay form {
      padding-top: 50px;
      max-width: 100%;
      padding: 0;
    }
    #Search-overlay input[type=search] {
      max-width: 100%;
      font-size: 18px;
    }
  }
  .rtl-style #Search-overlay {
    direction: rtl;
  }
  .rtl-style #Search-overlay .close {
    float: left;
    margin-right: 0;
    margin-left: 45px;
  }
  .rtl-style #Search-overlay input[type=search] {
    padding: 18px 30px 18px 45px;
    text-align: right;
  }
  .rtl-style #Search-overlay input[type=search]::-webkit-search-cancel-button {
    margin-right: 0;
    left: 45px;
    right: auto;
    position: absolute;
  }
  @media (max-width: 991px) {
    .rtl-style #Search-overlay .close {
      margin-left: 0;
    }
  }
  .tab-section {
    max-width: 100%;
    padding: 0 !important;
  }
  .tab-section .tabs {
    margin-top: -50px;
    position: relative;
    background-color: rgba(255, 255, 255, 0.9);
    height: 50px;
    /*width: calc(100% + 20px);*/
    width: 100%;
    z-index: 2;
    text-align: center;
    overflow: hidden;
  }
  @media (min-width: 991px) {
    .tab-section .tabs {
      /*margin-left: -20px;*/
    }
  }
  .tab-section .tabs .slidebtn {
    position: absolute;
    height: 26px;
    top: 13px;
    border-width: 0;
    width: 100px;
    text-align: left;
    padding-left: 0;
    z-index: 1;
    cursor: pointer;
    line-height: 34px;
    background: transparent;
  }
  .tab-section .tabs .slidebtn svg {
    z-index: 9;
    position: relative;
    stroke: black;
  }
  .tab-section .tabs .slidebtn.prev {
    text-align: left;
    left: 0px;
    /*background: linear-gradient(to left, rgba(255,0,0,0) 10%, rgba(239, 237, 236,0.6) 30%);*/
    /*background: linear-gradient(90deg, rgb(244 240 237 / 61%) 18.12%, rgba(0, 0, 0, 0) 72.82%);*/
    display: none;
  }
  .tab-section .tabs .slidebtn.prev span {
    content: "";
    width: 100%;
    height: 100%;
    display: inline-block;
    border-radius: 13px 0 0 13px;
    position: absolute;
    top: 0;
    left: -10px;
    z-index: 1;
    filter: blur(5px);
    /*background: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.89) 70%, rgba(4,0,255,0) 85%);*/
  }
  @media (max-width: 767px) {
    .tab-section .tabs .slidebtn.prev {
      left: -6px;
    }
  }
  .tab-section .tabs .slidebtn.next {
    text-align: right;
    right: 0px;
    padding-right: 0;
    /*background: linear-gradient(to right, rgba(255,0,0,0) 10%, rgba(239, 237, 236,0.6) 30%);*/
    /*background: linear-gradient(270deg, rgb(244 240 237 / 61%) 18.12%, rgba(0, 0, 0, 0) 72.82%);*/
    display: none;
  }
  .tab-section .tabs .slidebtn.next span {
    width: 100%;
    height: 100%;
    display: inline-block;
    border-radius: 0 13px 13px 0;
    position: absolute;
    top: 0;
    right: -10px;
    z-index: 1;
    filter: blur(5px);
    /*background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.89) 70%, rgba(4,0,255,0) 85%);*/
  }
  @media (max-width: 767px) {
    .tab-section .tabs .slidebtn.next {
      right: -6px;
    }
  }
  .tab-section .tabs .tab-wrapper {
    display: inline-block;
    text-align: center;
    width: 100%;
    max-width: 1150PX;
    position: relative;
    /*padding-right: 20px;*/
    overflow: hidden;
  }
  @media (max-width: 991px) {
    .tab-section .tabs .tab-wrapper {
      max-width: calc(100% - 20px);
    }
  }
  .tab-section .tabs .tab-wrapper .menus {
    width: 96%;
    height: 90px;
    display: inline-block;
    text-align: left;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    position: relative;
    left: 0px;
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
    max-width: 1100px;
    margin: auto;
    z-index: 99;
  }
  .tab-section .tabs .tab-wrapper .menus::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background-color: transparent;
  }
  .tab-section .tabs .tab-wrapper .menus::-webkit-scrollbar-track {
    background: transparent;
  }
  .tab-section .tabs .tab-wrapper .menus::-webkit-scrollbar-thumb {
    background: transparent;
  }
  @media (max-width: 767px) {
    .tab-section .tabs .tab-wrapper .menus {
      width: 92%;
    }
  }
  .tab-section .tabs .Navigation-tab {
    padding: 16px 28px 16px;
    background-color: transparent;
    /*opacity: .8;*/
    text-decoration: none;
    color: black;
    font-size: 15px;
    font-weight: 500;
    font-family: "Libre Franklin";
    line-height: 18px;
    /*border-top-right-radius: 4px;
    border-top-left-radius: 4px;*/
    /*box-shadow: inset -1px -1px 8px -1px rgba(6, 5, 6, 0.15);*/
    white-space: nowrap;
    display: inline-block;
    position: relative;
  }
  @media (max-width: 767px) {
    .tab-section .tabs .Navigation-tab {
      padding: 17px 15px 15px;
    }
    .tab-section .tabs .Navigation-tab.active:after {
      content: "";
      width: calc(100% - 30px) !important;
    }
  }
  @media (min-width: 992px) {
    .tab-section .tabs .Navigation-tab:hover {
      opacity: 1;
    }
  }
  .tab-section .tabs .Navigation-tab.active {
    /*opacity: 1;*/
    box-shadow: none;
    color: #0033A0;
    background-color: transparent;
  }
  .tab-section .tabs .Navigation-tab.active:after {
    content: "";
    width: calc(100% - 56px);
    position: absolute;
    left: 0;
    bottom: 1px;
    right: 0;
    margin: auto;
    height: 3px;
    background-color: #0033A0;
  }
  @media (min-width: 992px) {
    .tab-section .tabs .Navigation-tab:hover {
      opacity: 1;
    }
  }
  @media (max-width: 767px) {
    .tab-section .tabs .Navigation-tab {
      padding: 17px 15px 15px;
    }
  }
  .tab-section .tab-content {
    margin-top: 30px;
    margin-bottom: 50px;
    position: relative;
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
  }
  .rtl-style .tab-section {
    direction: rtl;
  }
  @media (min-width: 991px) {
    .rtl-style .tab-section .tabs {
      margin-right: -20px;
      margin-left: 0;
    }
  }
  .rtl-style .tab-section .tabs .tab-wrapper {
    padding-right: 0;
    padding-left: 20px;
  }
  .section-list {
    width: calc(100% + 8px);
    margin: 30px -4px;
  }
  @media (min-width: 578px) {
    .section-list {
      margin: 60px -4px;
    }
  }
  .section-list .section-link {
    border: 1px solid #f3f3f4;
    border-radius: 4px;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 8px);
    margin: 6px 4px;
  }
  @media (min-width: 578px) {
    .section-list .section-link {
      width: calc(50% - 12px);
    }
  }
  .section-list .section-link .image-container {
    text-decoration: none;
    position: relative;
    height: 150px;
    display: block;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .section-list .section-link .image-container .link-with-arrow {
    bottom: 16px;
    left: 20px;
    position: absolute;
    color: #ffffff;
    font-size: 18px;
    line-height: 20px;
    padding-top: 3px;
  }
  @media (min-width: 992px) {
    .section-list .section-link .image-container .link-with-arrow {
      left: 25px;
    }
  }
  .section-list .section-link .link-container {
    position: relative;
    padding: 2px 15px 3px;
  }
  @media (min-width: 992px) {
    .section-list .section-link .link-container {
      padding: 6px 20px 10px;
    }
  }
  .section-list .section-link .link-container a {
    text-decoration: none;
    color: #009fdf;
    font-size: 13px;
    line-height: 16px;
    display: block;
    width: calc(100% - 10px);
    padding: 10px 5px;
    vertical-align: top;
  }
  .section-list .section-link .link-container a:before {
    content: " ";
    width: calc(100% - 40px);
    height: 1px;
    background-color: #f3f3f4;
    display: block;
    position: absolute;
    margin-top: -10px;
  }
  @media (min-width: 992px) {
    .section-list .section-link .link-container a:before {
      width: calc(100% - 50px);
    }
  }
  .section-list .section-link .link-container a:first-child:before {
    display: none;
  }
  @media (min-width: 768px) {
    .section-list .section-link .link-container a {
      width: calc(50% - 12px);
      display: inline-block;
    }
    .section-list .section-link .link-container a:before {
      display: none;
    }
    .section-list .section-link .link-container a:nth-child(odd):before {
      display: block;
    }
    .section-list .section-link .link-container a:first-child:before {
      display: none;
    }
  }
  @media (min-width: 578px) {
    .section-list .section-link.wide {
      width: calc(100% - 12px);
    }
    .section-list .section-link.wide .link-container a {
      width: calc(50% - 12px);
      display: inline-block;
    }
    .section-list .section-link.wide .link-container a:before {
      display: none;
    }
    .section-list .section-link.wide .link-container a:nth-child(odd):before {
      display: block;
    }
    .section-list .section-link.wide .link-container a:first-child:before {
      display: none;
    }
  }
  @media (min-width: 578px) and (min-width: 768px) {
    .section-list .section-link.wide .link-container a {
      width: calc(33.33% - 13px);
    }
    .section-list .section-link.wide .link-container a:nth-child(odd):before {
      display: none;
    }
    .section-list .section-link.wide .link-container a:nth-child(3n+1):before {
      display: block;
    }
    .section-list .section-link.wide .link-container a:first-child:before {
      display: none;
    }
  }
  @media (min-width: 578px) and (min-width: 992px) {
    .section-list .section-link.wide .link-container a {
      width: calc(25% - 13px);
    }
    .section-list .section-link.wide .link-container a:nth-child(3n+1):before {
      display: none;
    }
    .section-list .section-link.wide .link-container a:nth-child(4n+1):before {
      display: block;
    }
    .section-list .section-link.wide .link-container a:first-child:before {
      display: none;
    }
  }
  .rtl-style .section-list {
    direction: rtl;
  }
  .rtl-style .section-list .section-link .image-container .link-with-arrow {
    left: auto;
    right: 20px;
  }
  @media (min-width: 992px) {
    .rtl-style .section-list .section-link .image-container .link-with-arrow {
      left: auto;
      right: 25px;
    }
  }
  #searchOverlayForm .twitter-typeahead {
    max-width: 100%;
  }
  #searchOverlayForm .tt-menu {
    display: block;
    position: static !important;
    background: #ffffff;
    width: 100%;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    text-align: left;
    padding: 10px 0;
    margin-top: -30px;
  }
  #searchOverlayForm .tt-menu .tt-dataset {
    margin: 0 30px;
    padding: 25px 0;
    position: relative;
  }
  #searchOverlayForm .tt-menu .tt-dataset:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #f2f1ef;
    position: relative;
    top: -12px;
  }
  #searchOverlayForm .tt-menu .tt-dataset .tt-suggestion {
    font-size: 20px;
    line-height: 24px;
    padding: 7px 0;
    cursor: pointer;
  }
  @media (max-width: 577px) {
    #searchOverlayForm .tt-menu .tt-dataset .tt-suggestion {
      font-size: 18px;
      line-height: 22px;
    }
  }
  #searchOverlayForm .tt-menu .tt-dataset .tt-cursor {
    color: #009fdf;
  }
  .rtl-style #searchOverlayForm .tt-menu {
    text-align: right;
  }
  .pagination {
    text-align: center;
    padding-bottom: 60px;
  }
  .pagination .wrapper {
    display: inline-block;
    background-color: #e8e8e9;
    height: 30px;
    padding: 10px 8px;
    border-radius: 25px;
    margin: auto;
  }
  .pagination a {
    display: inline-block;
    vertical-align: top;
    color: #8a8d8f;
    text-decoration: none;
    background-color: #ffffff;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    text-align: center;
    font-size: 15px;
    line-height: 30px;
    font-weight: 500;
    margin: 0 2px;
  }
  .pagination a.current-page {
    color: #ffffff;
    background-color: #0033a0;
  }
  .pagination a.prev-page {
    margin-left: 0;
  }
  @media (max-width: 440px) {
    .pagination a.hide-on-mobile {
      display: none;
    }
  }
  .pagination .prev-page, .pagination .next-page {
    position: relative;
    background-color: transparent;
  }
  .pagination .prev-page icon, .pagination .next-page icon {
    height: 30px;
    width: 30px;
  }
  .pagination .prev-page icon:after, .pagination .next-page icon:after {
    top: 10px;
    right: 7px;
  }
  .pagination .prev-page.disabled, .pagination .next-page.disabled {
    pointer-events: none;
  }
  .pagination .prev-page.disabled icon, .pagination .next-page.disabled icon {
    background: none;
    background-color: #efeff0;
  }
  .pagination .prev-page.disabled icon:after, .pagination .next-page.disabled icon:after {
    background-image: url(/Static/Hempel/gfx/icons/arrow_grey.svg);
    opacity: 0.4;
  }
  .pagination .divider {
    position: relative;
    display: inline-block;
    margin: 0 3px;
  }
  .pagination .divider:after {
    content: "";
    display: block;
    position: relative;
    background-color: #ffffff;
    height: 1px;
    width: 10px;
  }
  .pagination .divider.long:after {
    width: 29px;
  }
  .rtl-style .pagination a.prev-page {
    margin-right: 0;
    margin-left: 2px;
  }
  .search-result-wrapper {
    background-color: #ffffff;
    position: relative;
    /*.news-list, #search-result-news {
        .filters ul.filter-options {
            @media (min-width: $tablet-big + 1) {
                -webkit-column-count: 1;
                -moz-column-count: 1;
                column-count: 1;
                width: 200px;
            }
        }
    }*/
  }
  .search-result-wrapper .search-result.container {
    padding-left: 0;
    padding-right: 0;
    min-height: calc(100vh - 256px);
  }
  @media (max-width: 991px) {
    .search-result-wrapper .search-result.container {
      min-height: calc(100vh - 246px);
      padding-left: 20px;
      padding-right: 20px;
    }
  }
  @media (max-width: 577px) {
    .search-result-wrapper .search-result.container {
      min-height: calc(100vh - 226px);
    }
  }
  .search-result-wrapper #search-tabs {
    margin-top: -53px;
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    height: 52px;
    width: calc(100% + 20px);
  }
  .search-result-wrapper #search-tabs .search-tab-wrapper {
    display: table;
    border-spacing: 2px;
  }
  @media (max-width: 991px) {
    .search-result-wrapper #search-tabs .search-tab-wrapper {
      width: 800px;
    }
  }
  .search-result-wrapper #search-tabs .search-tab-wrapper .search-tab {
    padding: 0;
    margin-right: 2px;
    background-color: #fff;
    color: #0030A3;
    opacity: 0.8;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    box-shadow: inset -1px -1px 8px -1px rgba(6, 5, 6, 0.15);
    display: table-cell;
    position: relative;
    min-width: 130px;
  }
  .search-result-wrapper #search-tabs .search-tab-wrapper .search-tab .ui-tabs-anchor {
    padding: 15px 68px 15px 20px;
    width: calc(100% - 86px);
    line-height: 20px;
  }
  @media (max-width: 991px) {
    .search-result-wrapper #search-tabs .search-tab-wrapper .search-tab {
      min-width: 0;
    }
    .search-result-wrapper #search-tabs .search-tab-wrapper .search-tab .ui-tabs-anchor {
      padding: 15px 68px 15px 15px;
      width: calc(100% - 81px);
    }
  }
  .search-result-wrapper #search-tabs .search-tab-wrapper .search-tab.ui-tabs-active {
    opacity: 1;
    box-shadow: none;
  }
  .search-result-wrapper #search-tabs .search-tab-wrapper .search-tab:hover {
    opacity: 1;
  }
  .search-result-wrapper #search-tabs .search-tab-wrapper .search-tab .title {
    font-size: 15px;
  }
  .search-result-wrapper #search-tabs .search-tab-wrapper .search-tab .count {
    color: #ffffff;
    background-color: #009fdf;
    font-size: 13px;
    font-weight: 500;
    line-height: 28px;
    width: 45px;
    text-align: center;
    border-radius: 14px;
    position: absolute;
    top: calc(50% - 14px);
    right: 13px;
  }
  .search-result-wrapper .search-result {
    padding-top: 1px;
    max-width: 820px;
  }
  .search-result-wrapper .filters {
    background-color: #F3F2F1;
    margin: auto;
    margin-top: 30px;
    border-radius: 30px;
    padding: 15px;
  }
  .search-result-wrapper .filters.desktop-expanded {
    width: calc(100% - 30px);
    margin-left: -30px;
    padding: 15px 45px;
  }
  .search-result-wrapper .filters .filter-title {
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: #0030A3;
    position: relative;
  }
  .search-result-wrapper .filters .filter-title:after {
    content: "";
    display: block;
    position: absolute;
    background-image: url(/Static/Hempel/gfx/icons/arrow_blue.svg);
    background-size: 30px;
    height: 9px;
    width: 14px;
    background-repeat: no-repeat;
    background-position: center;
    top: calc(50% - 4px);
    right: 0;
  }
  .search-result-wrapper .filters .facet-tab.ui-tabs-panel:before {
    content: " ";
    display: block;
    height: 5px;
    background-color: #F3F2F1;
    top: 65px;
    position: relative;
  }
  .search-result-wrapper .filters .filter-tabs.ui-tabs-nav li {
    width: calc(20% - 2px);
    margin: 0 1px;
  }
  .search-result-wrapper .filters .filter-tabs.ui-tabs-nav li:after {
    content: "";
    display: block;
    position: absolute;
    background-image: url(/Static/Hempel/gfx/icons/arrow_blue.svg);
    height: 8px;
    width: 11px;
    background-repeat: no-repeat;
    background-position: center;
    top: calc(50% - 4px);
    right: 12px;
    pointer-events: none;
  }
  .search-result-wrapper .filters .filter-tabs.ui-tabs-nav li.ui-state-active {
    background-color: transparent;
  }
  .search-result-wrapper .filters .filter-tabs.ui-tabs-nav li.ui-state-active:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .search-result-wrapper .filters .filter-header {
    background-color: #ffffff;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    padding: 12px 32px 12px 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .search-result-wrapper .filters .filter-header.ui-accordion-header-active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .search-result-wrapper .filters .filter-header .ui-accordion-header-icon {
    background-image: url(/Static/Hempel/gfx/icons/arrow_blue.svg);
    background-size: 24px;
    right: 18px;
  }
  .search-result-wrapper .filters ul.filter-options {
    list-style-type: none;
    margin: 60px 0 30px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    align-items: baseline;
  }
  .search-result-wrapper .filters ul.filter-options > a {
    text-decoration: none;
  }
  .search-result-wrapper .filters ul.filter-options > div {
    width: 30%;
    display: inline-block;
  }
  .search-result-wrapper .filters ul.filter-options > div:nth-child(3n+2) {
    margin: 0 4.5%;
  }
  .search-result-wrapper .filters ul.filter-options > div > li.sub-filter-list.expanded > .option-name {
    color: #0033a0;
  }
  .search-result-wrapper .filters ul.filter-options > div > li.sub-filter-list.expanded .sub-filter-options {
    display: block;
  }
  .search-result-wrapper .filters ul.filter-options > div > li.sub-filter-list.expanded > .option-count:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .search-result-wrapper .filters ul.filter-options > div > li.sub-filter-list > .option-count:after {
    content: "";
    display: inline-block;
    background-image: url(/Static/Hempel/gfx/icons/arrow_blue.svg);
    height: 11px;
    width: 11px;
    background-repeat: no-repeat;
    background-position: center;
    top: calc(50% - 4px);
    margin-left: 8px;
    pointer-events: none;
  }
  .search-result-wrapper .filters ul.filter-options li {
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    padding: 6px 0;
    border-top: 1px solid #ffffff;
    box-sizing: border-box;
    list-style: none;
    cursor: pointer;
    position: relative;
  }
  .search-result-wrapper .filters ul.filter-options li:after {
    display: block;
    height: 1px;
    background-color: #ffffff;
  }
  .search-result-wrapper .filters ul.filter-options li .option-name {
    display: inline-block;
  }
  .search-result-wrapper .filters ul.filter-options li .option-count {
    color: #0033a0;
    float: right;
  }
  .search-result-wrapper .filters ul.filter-options li.disabled {
    color: rgba(0, 0, 0, 0.3);
  }
  .search-result-wrapper .filters ul.filter-options li.disabled .option-count {
    display: none;
  }
  .search-result-wrapper .filters ul.filter-options li.facet-anchor.selected {
    color: #0033a0;
  }
  .search-result-wrapper .filters ul.filter-options li.facet-anchor.selected .option-name {
    width: calc(100% - 50px);
  }
  .search-result-wrapper .filters ul.filter-options li.facet-anchor.selected:before {
    content: "";
    display: inline-block;
    background-image: url(/Static/Hempel/gfx/icons/close_red.svg);
    background-size: 10px;
    height: 16px;
    width: 10px;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 5px;
    vertical-align: top;
  }
  .search-result-wrapper .filters ul.filter-options li .sub-filter-options {
    background-color: #e8e8e7;
    padding: 0 10px;
    border-radius: 2px;
    display: none;
  }
  .search-result-wrapper .filters ul.filter-options li .sub-filter-options .option-count {
    color: inherit;
  }
  .search-result-wrapper .filters ul.filter-options li .sub-filter-options li:first-child {
    border: none;
  }
  @media (max-width: 991px) {
    .search-result-wrapper .filters {
      min-height: 0;
      padding: 15px 22px;
    }
    .search-result-wrapper .filters .filter-tabs {
      display: none;
    }
    .search-result-wrapper .filters .filter-tabs.ui-tabs-nav li {
      margin-bottom: 9px;
      float: none;
      border-radius: 20px;
      width: 100%;
    }
    .search-result-wrapper .filters .filter-tabs.ui-tabs-nav li:after {
      right: 20px;
    }
    .search-result-wrapper .filters .filter-tabs.ui-tabs-nav .ui-tabs-anchor {
      float: none;
      display: block;
      padding: 12px 30px 12px 20px;
    }
    .search-result-wrapper .filters .filter-sections {
      display: none;
    }
    .search-result-wrapper .filters.expanded {
      width: calc(100% - 4px);
      margin-left: -20px;
      padding-bottom: 40px;
    }
    .search-result-wrapper .filters.expanded .filter-title {
      padding-left: 20px;
      margin-bottom: 20px;
    }
    .search-result-wrapper .filters.expanded .filter-title:after {
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg);
      right: 20px;
    }
    .search-result-wrapper .filters.expanded .filter-sections {
      display: block;
    }
    .search-result-wrapper .filters ul.filter-options {
      margin: -16px 0 0;
      background-color: #ffffff;
      -webkit-column-count: 1;
      -moz-column-count: 1;
      column-count: 1;
      padding: 2px 20px 18px;
      border-bottom-left-radius: 20px;
      border-bottom-right-radius: 20px;
    }
    .search-result-wrapper .filters ul.filter-options div {
      width: 100%;
      margin: 0 !important;
    }
    .search-result-wrapper .filters ul.filter-options div li {
      border-top: none;
      padding: 14px 0;
    }
    .search-result-wrapper .filters ul.filter-options div li.sub-filter-list.expanded > .option-name {
      margin-bottom: 10px;
    }
    .search-result-wrapper .filters ul.filter-options li:last-child {
      border: none;
    }
  }
  .search-result-wrapper > .search-maps {
    max-width: 800px;
    margin: auto;
    padding: 0 45px;
    display: none;
  }
  @media (max-width: 767px) {
    .search-result-wrapper > .search-maps {
      padding: 0 20px;
      display: none;
    }
  }
  .search-result-wrapper > .search-maps #map {
    height: 400px;
    width: 100%;
  }
  .search-result-wrapper > .search-maps .gm-style .gm-style-iw {
    padding: 12px !important;
  }
  @media (max-width: 440px) {
    .search-result-wrapper > .search-maps .gm-style .gm-style-iw {
      max-width: 220px !important;
    }
  }
  .search-result-wrapper > .search-maps .gm-style .gm-style-iw div {
    display: table-caption;
    margin-bottom: 10px;
  }
  @media (max-width: 440px) {
    .search-result-wrapper > .search-maps .gm-style .gm-style-iw div {
      max-width: 100% !important;
    }
  }
  .search-result-wrapper > .search-maps .gm-style .gm-style-iw h1 {
    color: #0033a0;
    font-size: 20px;
    font-weight: 900;
    line-height: inherit;
  }
  .search-result-wrapper > .search-maps .gm-style .gm-style-iw p {
    line-height: 20px;
    margin: 4px 0;
    min-width: 300px;
    float: left;
  }
  .search-result-wrapper > .search-maps .gm-style .gm-style-iw p .label {
    min-width: 100px;
  }
  @media (max-width: 440px) {
    .search-result-wrapper > .search-maps .gm-style .gm-style-iw p {
      margin-bottom: 6px;
      min-width: inherit;
      width: 200px;
    }
  }
  .search-result-wrapper > .search-maps .gm-style .gm-style-iw p b {
    min-width: 70px;
  }
  @media (max-width: 440px) {
    .search-result-wrapper > .search-maps .gm-style .gm-style-iw p b {
      display: block;
    }
  }
  .search-result-wrapper > .search-maps .gm-style .gm-style-iw a, .search-result-wrapper > .search-maps .gm-style .gm-style-iw span {
    float: right;
    width: calc(100% - 100px);
  }
  @media (max-width: 440px) {
    .search-result-wrapper > .search-maps .gm-style .gm-style-iw a, .search-result-wrapper > .search-maps .gm-style .gm-style-iw span {
      display: block;
      width: 100%;
      float: inherit;
      margin-bottom: 4px;
    }
  }
  .search-result-wrapper > .search-maps .gm-style .gm-ui-hover-effect {
    top: 0 !important;
    right: 0 !important;
  }
  .search-result-wrapper > .search-results {
    max-width: 820px;
    margin: auto;
    padding: 0 45px;
  }
  .search-result-wrapper > .search-results .office-disclaimer {
    font-weight: bold;
    font-style: italic;
  }
  @media (max-width: 767px) {
    .search-result-wrapper > .search-results {
      padding: 0 20px;
    }
  }
  .search-result-wrapper > .search-results .filters {
    margin-top: -10px;
    margin-bottom: 35px;
  }
  @media (max-width: 991px) {
    .search-result-wrapper > .search-results .filters {
      margin-bottom: 15px;
    }
  }
  .search-result-wrapper > .search-results .pagination {
    margin-top: 20px;
  }
  @media (max-width: 991px) {
    .search-result-wrapper > .search-results {
      padding: 0 20px;
    }
  }
  .rtl-style .search-result-wrapper #search-tabs .search-tab-wrapper .search-tab .ui-tabs-anchor {
    padding: 15px 20px 15px 68px;
  }
  @media (max-width: 991px) {
    .rtl-style .search-result-wrapper #search-tabs .search-tab-wrapper .search-tab .ui-tabs-anchor {
      padding: 15px 15px 15px 68px;
    }
  }
  .rtl-style .search-result-wrapper #search-tabs .search-tab-wrapper .search-tab .count {
    right: auto;
    left: 13px;
  }
  .rtl-style .search-result-wrapper .filters.desktop-expanded {
    margin-left: auto;
    margin-right: -30px;
  }
  .rtl-style .search-result-wrapper .filters .filter-title:after {
    right: auto;
    left: 0;
  }
  .rtl-style .search-result-wrapper .filters .filter-tabs.ui-tabs-nav li:after {
    right: auto;
    left: 12px;
  }
  .rtl-style .search-result-wrapper .filters .filter-header {
    padding: 12px 20px 12px 32px;
  }
  .rtl-style .search-result-wrapper .filters .filter-header .ui-accordion-header-icon {
    right: auto;
    left: 18px;
  }
  .rtl-style .search-result-wrapper .filters ul.filter-options {
    justify-content: right;
  }
  .rtl-style .search-result-wrapper .filters ul.filter-options > div > li.sub-filter-list > .option-count:after {
    margin-left: 0;
    margin-right: 8px;
  }
  .rtl-style .search-result-wrapper .filters ul.filter-options li .option-count {
    float: left;
  }
  .rtl-style .search-result-wrapper .filters ul.filter-options li.facet-anchor.selected:before {
    margin-right: 0;
    margin-left: 5px;
  }
  @media (max-width: 991px) {
    .rtl-style .search-result-wrapper .filters .filter-tabs.ui-tabs-nav li {
      float: none;
    }
    .rtl-style .search-result-wrapper .filters .filter-tabs.ui-tabs-nav li:after {
      right: auto;
      left: 20px;
    }
    .rtl-style .search-result-wrapper .filters .filter-tabs.ui-tabs-nav .ui-tabs-anchor {
      float: none;
      padding: 12px 20px 12px 30px;
    }
    .rtl-style .search-result-wrapper .filters.expanded {
      margin-left: auto;
      margin-right: -20px;
    }
    .rtl-style .search-result-wrapper .filters.expanded .filter-title {
      padding-left: 0;
      padding-right: 20px;
    }
    .rtl-style .search-result-wrapper .filters.expanded .filter-title:after {
      right: auto;
      left: 20px;
    }
  }
  .rtl-style .search-result-wrapper > .search-maps .gm-style .gm-style-iw p {
    float: right;
  }
  .rtl-style .search-result-wrapper > .search-maps .gm-style .gm-style-iw a, .rtl-style .search-result-wrapper > .search-maps .gm-style .gm-style-iw span {
    float: left;
  }
  @media (max-width: 440px) {
    .rtl-style .search-result-wrapper > .search-maps .gm-style .gm-style-iw a, .rtl-style .search-result-wrapper > .search-maps .gm-style .gm-style-iw span {
      float: inherit;
    }
  }
  .rtl-style .search-result-wrapper > .search-maps .gm-style .gm-ui-hover-effect {
    left: 0 !important;
    right: auto !important;
  }
  @media (max-width: 991px) {
    .tab-section .search-result-wrapper > .search-results {
      padding: 20px 0;
    }
  }
  .clear-filter {
    display: inline-block;
    background-image: url(/Static/Hempel/gfx/icons/close_red.svg);
    background-size: 10px;
    height: 10px;
    width: 10px;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 5px;
    margin-left: -7px;
  }
  .rtl-style .clear-filter {
    margin-right: -7px;
    margin-left: 5px;
  }
  .rtl-style #Search-overlay .ui-selectmenu-button {
    padding: 7px 16px 7px 30px;
  }
  .rtl-style #Search-overlay .ui-selectmenu-icon {
    right: auto;
    left: 12px;
  }
  .button .loadmore:after, form:not(.mf) input[type=submit] .loadmore:after {
    transform: rotate(0deg) !important;
  }
  .news-article {
    position: relative;
    padding: 30px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .news-article.full-screen {
    max-width: 1920px;
    margin: auto;
  }
  .news-article.has-video .text-wrapper .date, .news-article.has-video .text-wrapper .headline, .news-article.has-video .text-wrapper .introtext {
    color: #ffffff;
  }
  .news-article.has-cover-image .video-wrapper {
    display: none;
  }
  .news-article .text-wrapper {
    max-width: 1080px;
    margin: auto;
    width: calc(100% - 40px);
    z-index: 2;
    position: relative;
  }
  .news-article .text-wrapper .headline {
    color: #0033a0;
    margin-top: 8px;
    margin-bottom: 0;
  }
  .news-article .text-wrapper .date {
    color: #8a8d8f;
    font-weight: 500;
    margin-top: 88px;
  }
  .news-article .text-wrapper .introtext {
    margin-top: 8px;
    margin-bottom: 80px;
  }
  @media (max-width: 767px) {
    .news-article.has-video.has-cover-image .video-wrapper {
      display: none;
    }
  }
  @media (min-width: 768px) {
    .news-article.has-video:not(.has-cover-image) {
      background-image: none !important;
    }
    .news-article.has-video:not(.has-cover-image) video {
      display: block;
    }
  }
  .news-article .video-wrapper {
    height: 100%;
    max-width: 1920px;
    position: absolute;
    top: 0;
    z-index: 1;
    overflow: hidden;
  }
  .news-article .video-wrapper video {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .rtl-style .news-article {
    direction: rtl;
  }
  .contact-container {
    padding: 20px;
    background-color: #f3f3f4;
  }
  .contact-container h1 {
    color: #0033a0;
    font-size: 24px;
    font-weight: bold;
    border-bottom: 1px solid #e2e3e4;
  }
  .contact-container .name {
    font-weight: bold;
    margin-bottom: 0;
  }
  .contact-container .name:after {
    content: ",";
  }
  .contact-container .title {
    margin-top: 0;
  }
  .contact-container .contact > div {
    width: 100%;
    display: inline-block;
    margin-bottom: 15px;
  }
  .contact-container .contact > div p {
    min-width: 100px;
    display: inline-block;
    margin: 0;
  }
  .contact-container .contact > div p:after {
    content: ":";
  }
  .contact-container .contact > div a {
    display: block;
    text-decoration: none;
  }
  .contact-container .contact > div a:hover {
    text-decoration: underline;
  }
  .contact-container .contact > div div {
    width: calc(100% - 120px);
    display: inline-block;
    vertical-align: top;
  }
  .contact-container .contact > div.email a {
    color: #009fdf;
    font-weight: bold;
  }
  .rtl-style .contact-container {
    direction: rtl;
  }
  .contact-card {
    border-bottom: 1px solid #f2f1ef;
    padding: 45px 0;
    max-width: 800px;
    margin: auto;
  }
  .contact-card:last-child {
    border: none;
  }
  .contact-card .left, .contact-card .right {
    vertical-align: top;
    display: inline-block;
    width: calc(50% - 31px);
  }
  .contact-card .left {
    margin-right: 40px;
    margin-bottom: 35px;
  }
  @media (max-width: 650px) {
    .contact-card {
      padding: 30px 0;
    }
    .contact-card .left, .contact-card .right {
      margin-right: 0;
      display: block;
      width: 100%;
    }
  }
  .contact-card a {
    display: block;
    color: #009fdf;
    text-decoration: none;
    font-weight: 500;
  }
  .contact-card .city {
    color: #0033a0;
    font-size: 32px;
    line-height: 42px;
    font-weight: 600;
    margin-bottom: 8px;
  }
  @media (max-width: 440px) {
    .contact-card .city {
      font-size: 26px;
      line-height: 30px;
    }
  }
  .contact-card .contact-address {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
  }
  .contact-card .office-type, .contact-card .company-name {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
  }
  .contact-card .map-link {
    margin-bottom: 30px;
    margin-top: 3px;
  }
  .contact-card .contact-info {
    margin-top: 30px;
  }
  .contact-card .contact-info label, .contact-card .contact-info a, .contact-card .contact-info div {
    margin-bottom: 10px;
    line-height: 24px;
    vertical-align: top;
  }
  .contact-card .contact-info a {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #000000;
  }
  .contact-card .contact-info .phone:before {
    top: 4px;
    right: 5px;
    position: relative;
    content: url(/Static/Hempel/gfx/icons/icon-20px-Phone.svg);
  }
  .contact-card .contact-info .fax:before {
    top: 4px;
    right: 5px;
    position: relative;
    content: url(/Static/Hempel/gfx/icons/icon-20px-Fax.svg);
  }
  .contact-card .contact-info .email:before {
    top: 4px;
    right: 5px;
    position: relative;
    content: url(/Static/Hempel/gfx/icons/icon-20px-Email.svg);
  }
  .contact-card .contact-info .website:before {
    top: 4px;
    right: 5px;
    position: relative;
    content: url(/Static/Hempel/gfx/icons/icon-20px-Web.svg);
  }
  .contact-card label {
    display: inline-block;
    font-weight: 700;
    width: 75px;
    margin-right: 10px;
  }
  .contact-card label + a, .contact-card label + div {
    display: inline-block;
    width: calc(100% - 87px);
    float: right;
  }
  .contact-card.retailer {
    padding: 30px 0;
  }
  .contact-card.retailer .left {
    margin-bottom: 20px;
  }
  .contact-card.retailer .city {
    font-size: 24px;
    line-height: 1.2;
  }
  .contact-card.retailer .contact-info {
    margin-top: 15px;
  }
  .contact-card.retailer .contact-info label, .contact-card.retailer .contact-info a, .contact-card.retailer .contact-info div {
    margin-bottom: 7px;
  }
  .rtl-style .contact-card .left {
    margin-right: 0;
    margin-left: 40px;
  }
  @media (max-width: 650px) {
    .rtl-style .contact-card .left, .rtl-style .contact-card .right {
      margin-left: 0;
    }
  }
  .rtl-style .contact-card label {
    margin-right: 0;
    margin-left: 10px;
  }
  .rtl-style .contact-card label + a, .rtl-style .contact-card label + div {
    float: left;
  }
  [data-feature-contactlist] .tt-dataset {
    margin-bottom: 50px;
  }
  [data-feature-contactlist], [data-feature-retailerlist] {
    margin-bottom: 50px;
  }
  [data-feature-contactlist] .content, [data-feature-retailerlist] .content {
    text-align: center;
    max-width: 780px;
    margin-top: 55px;
  }
  [data-feature-contactlist] .input-bg, [data-feature-retailerlist] .input-bg {
    background-color: #f3f2f1;
    margin: auto;
    border-radius: 40px;
    height: 60px;
    position: absolute;
    width: calc(100% - 40px);
    max-width: 780px;
    margin-top: -15px;
  }
  [data-feature-contactlist] .twitter-typeahead, [data-feature-retailerlist] .twitter-typeahead {
    display: block !important;
  }
  [data-feature-contactlist] .tt-menu, [data-feature-retailerlist] .tt-menu {
    display: block !important;
    position: static !important;
  }
  [data-feature-contactlist] .tt-dataset, [data-feature-retailerlist] .tt-dataset {
    text-align: left;
    margin-bottom: 50px;
  }
  [data-feature-contactlist] input[type=search], [data-feature-retailerlist] input[type=search] {
    -webkit-appearance: none;
    background-color: white;
    width: calc(100% - 40px);
    max-width: 100%;
    font-family: "Libre Franklin", sans-serif;
    font-size: 14px;
    line-height: 16px;
    font-weight: 300;
    padding: 7px 20px;
    border-radius: 30px;
    border: none;
    font-weight: 300;
    margin-bottom: 40px;
    margin-left: 15px;
    margin-right: 15px;
  }
  [data-feature-contactlist] input[type=search]::-webkit-search-cancel-button, [data-feature-contactlist] input[type=search]::-ms-clear, [data-feature-retailerlist] input[type=search]::-webkit-search-cancel-button, [data-feature-retailerlist] input[type=search]::-ms-clear {
    color: #ff010b;
    font-size: 20px;
  }
  [data-feature-contactlist] .static-facet,
  [data-feature-contactlist] .country-suggestion, [data-feature-retailerlist] .static-facet,
  [data-feature-retailerlist] .country-suggestion {
    display: inline-block;
    padding: 6px 22px;
    border: 1px solid #8a8d8f;
    border-radius: 25px;
    margin-right: 5px;
    margin-bottom: 10px;
    min-width: 80px;
    text-align: center;
    font-size: 14px;
    line-height: 17px;
  }
  [data-feature-contactlist] .contact-selected-wrapper, [data-feature-retailerlist] .contact-selected-wrapper {
    text-align: left;
    position: relative;
  }
  [data-feature-contactlist] .contact-selected-wrapper .contact-selected, [data-feature-retailerlist] .contact-selected-wrapper .contact-selected {
    display: inline-block;
    padding: 6px 22px 6px 30px;
    border: 1px solid #0033a0;
    border-radius: 25px;
    margin-right: 5px;
    margin-bottom: 10px;
    min-width: 80px;
    text-align: center;
    font-size: 14px;
    line-height: 17px;
    color: #0033a0;
    font-weight: 500;
  }
  [data-feature-contactlist] .clear-filter, [data-feature-retailerlist] .clear-filter {
    position: absolute;
    top: 11px;
    left: 20px;
    pointer-events: none;
  }
  @media (min-width: 441px) {
    [data-feature-contactlist] .content, [data-feature-retailerlist] .content {
      min-height: 140px;
    }
  }
  @media (max-width: 440px) {
    [data-feature-contactlist] .country-suggestion, [data-feature-contactlist] .contact-selected-wrapper .contact-selected, [data-feature-retailerlist] .country-suggestion, [data-feature-retailerlist] .contact-selected-wrapper .contact-selected {
      display: block;
    }
  }
  .rtl-style [data-feature-contactlist], .rtl-style [data-feature-retailerlist] {
    direction: rtl;
  }
  .rtl-style [data-feature-contactlist] .content input[type=search], .rtl-style [data-feature-retailerlist] .content input[type=search] {
    text-align: right;
  }
  .rtl-style [data-feature-contactlist] .tt-dataset, .rtl-style [data-feature-retailerlist] .tt-dataset {
    text-align: right;
  }
  .rtl-style [data-feature-contactlist] .country-suggestion, .rtl-style [data-feature-retailerlist] .country-suggestion {
    margin-right: 0;
    margin-left: 5px;
  }
  .rtl-style [data-feature-contactlist] .contact-selected-wrapper, .rtl-style [data-feature-retailerlist] .contact-selected-wrapper {
    text-align: right;
  }
  .rtl-style [data-feature-contactlist] .contact-selected-wrapper .contact-selected, .rtl-style [data-feature-retailerlist] .contact-selected-wrapper .contact-selected {
    padding: 6px 30px 6px 22px;
    margin-right: 0;
    margin-left: 5px;
  }
  .rtl-style [data-feature-contactlist] .clear-filter, .rtl-style [data-feature-retailerlist] .clear-filter {
    left: auto;
    right: 20px;
  }
  .colorPicker {
    padding-top: 60px;
  }
  .colorPicker .headline {
    color: #0033a0;
  }
  .colorPicker .color-select ul, .colorPicker .color-results ul {
    padding: 20px 0 0;
    margin: 0 -2%;
  }
  .colorPicker .colorTags {
    font-weight: 500;
  }
  .colorPicker .colorTags .tagLink {
    display: inline-block;
    cursor: pointer;
    margin-left: 15px;
  }
  .colorPicker .colorTags .tagLink.selected span {
    border-bottom: 2px solid #000000;
  }
  .colorPicker .colorContainer {
    border-top: 1px solid #929292;
    padding-top: 60px;
    margin-top: 30px;
  }
  .colorPicker .colorGroup {
    cursor: pointer;
  }
  .colorPicker .colorGroup, .colorPicker .color {
    list-style-type: none;
    text-align: center;
    width: calc(16% - 4px);
    padding: 10px 2%;
    display: inline-block;
    vertical-align: top;
    border: none !important;
    min-width: 75px;
  }
  .colorPicker .colorGroup p, .colorPicker .colorGroup span, .colorPicker .color p, .colorPicker .color span {
    line-height: 1.2;
    margin-bottom: 20px;
    font-weight: 500;
  }
  .colorPicker .colorGroup .colorDot, .colorPicker .color .colorDot {
    width: 100%;
    padding-top: 100%;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  @media (max-width: 991px) {
    .colorPicker .colorGroup, .colorPicker .color {
      width: calc(21% - 3px);
    }
  }
  @media (max-width: 577px) {
    .colorPicker .colorGroup, .colorPicker .color {
      width: calc(29.33% - 3px);
    }
    .colorPicker .colorGroup p, .colorPicker .colorGroup span, .colorPicker .color p, .colorPicker .color span {
      margin-top: 12px;
    }
  }
  @media (max-width: 440px) {
    .colorPicker .colorGroup, .colorPicker .color {
      width: calc(46% - 3px);
    }
  }
  @media (min-width: 992px) {
    .colorPicker .color-select .colorGroup {
      width: calc(13.666% - 4px);
      padding: 10px 1.5%;
    }
  }
  .colorPicker .color-select.small ul {
    margin: 0 -8px;
  }
  @media (max-width: 440px) {
    .colorPicker .color-select.small ul {
      text-align: center;
    }
  }
  .colorPicker .color-select.small .colorGroup {
    width: 74px !important;
    padding: 0 8px;
  }
  .colorPicker .color-select.small .colorGroup .colorDot {
    opacity: 0.3;
  }
  .colorPicker .color-select.small .colorGroup p, .colorPicker .color-select.small .colorGroup span {
    margin-top: 12px;
    font-weight: 100;
  }
  .colorPicker .color-select.small .colorGroup.selected .colorDot, .colorPicker .color-select.small .colorGroup:focus .colorDot, .colorPicker .color-select.small .colorGroup:hover .colorDot {
    opacity: 1;
  }
  .colorPicker .color-select.small .colorGroup.selected p, .colorPicker .color-select.small .colorGroup:focus p, .colorPicker .color-select.small .colorGroup:hover p {
    font-weight: 500;
  }
  @media (max-width: 440px) {
    .colorPicker .color-select.small .colorGroup {
      padding: 0 5px;
    }
  }
  .atomic.module .colorPicker.container {
    padding: 0;
    overflow: visible;
    width: calc(100% + 30px);
    margin: 0 -15px;
  }
  @media (max-width: 767px) {
    .atomic.module .colorPicker.container {
      padding: 0 20px;
      width: 100%;
      margin: 0 -20px;
    }
  }
  .rtl-style .colorPicker {
    direction: rtl;
  }
  .rtl-style .colorPicker .colorTags .tagLink {
    margin-left: 0;
    margin-right: 15px;
  }
  @layer legacy {
    .blue-gradient {
      background: linear-gradient(0deg, #0033a0 0%, #009fdf 100%);
    }
    .hidden-xs {
      display: block;
    }
    @media (max-width: 768px) {
      .hidden-xs {
        display: none !important;
      }
    }
    .visible-xs {
      display: none;
    }
    @media (max-width: 768px) {
      .visible-xs {
        display: block !important;
      }
    }
    @media (min-width: 768px) {
      .reg-mobile-only {
        display: none !important;
      }
    }
    @media (min-width: 992px) {
      .mobile-only {
        display: none !important;
      }
    }
    @media (max-width: 991px) {
      .desktop-only {
        display: none !important;
      }
    }
    .align-left,
    .align-start {
      text-align: start;
    }
    .align-center {
      text-align: center;
    }
    .align-right,
    .align-end {
      text-align: end;
    }
  }
  header.has-geoPopup {
    height: unset !important;
  }
  #GeoIpPopup {
    background-color: #f3f3f4;
    position: relative;
    z-index: 4;
    box-shadow: 0 0 5px 0 rgba(0, 27, 92, 0.2);
  }
  #GeoIpPopup .geo-wrapper {
    padding: 26px 20px 26px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  #GeoIpPopup .right {
    align-items: center;
    display: flex;
    padding: 2px 0;
  }
  #GeoIpPopup .button a, #GeoIpPopup form:not(.mf) input[type=submit] a, form:not(.mf) #GeoIpPopup input[type=submit] a {
    padding: 10px 22px;
  }
  #GeoIpPopup .button a:after, #GeoIpPopup form:not(.mf) input[type=submit] a:after, form:not(.mf) #GeoIpPopup input[type=submit] a:after {
    display: none;
  }
  #GeoIpPopup .button-divider {
    content: "";
    height: 18px;
    width: 1px;
    background-color: #b2b4bc;
    margin: 0 10px;
  }
  #GeoIpPopup span.flag-icon {
    width: 25px;
    height: 25px;
    position: absolute;
    left: 9px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  #GeoIpPopup span.flag-icon img {
    width: 100%;
    height: auto;
    border-radius: 50%;
  }
  #GeoIpPopup .option-wrapper {
    margin-right: 6px;
  }
  #GeoIpPopup .option-wrapper .ui-selectmenu-button {
    width: 160px;
    padding: 12px 38px 10px 42px;
    border: 1px solid #d7d7d7;
    border-radius: 20px;
    z-index: 4;
  }
  #GeoIpPopup .option-wrapper .ui-selectmenu-button.ui-selectmenu-button-open {
    border-bottom-color: transparent;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  #GeoIpPopup .option-wrapper .ui-selectmenu-text {
    font-size: 16px;
    line-height: 18px;
  }
  #GeoIpPopup .option-wrapper .ui-selectmenu-icon {
    background-image: url(/Static/Hempel/gfx/icons/arrow_blue.svg);
    right: 16px;
    top: 13px;
  }
  #GeoIpPopup .option-wrapper .ui-selectmenu-menu {
    max-width: 225px;
    border: 1px solid #d7d7d7;
    border-top: none;
    padding-right: 15px;
    padding-bottom: 10px;
    z-index: 3;
  }
  #GeoIpPopup .option-wrapper .ui-selectmenu-menu ul {
    max-height: 215px;
    overflow-y: auto;
    padding-top: 2px;
    max-width: 235px;
  }
  #GeoIpPopup .option-wrapper .ui-selectmenu-menu ul::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    border-radius: 3px;
    background-color: #eaebeb;
  }
  #GeoIpPopup .option-wrapper .ui-selectmenu-menu ul::-webkit-scrollbar {
    width: 5px;
  }
  #GeoIpPopup .option-wrapper .ui-selectmenu-menu ul::-webkit-scrollbar-thumb {
    border-radius: 3px;
    -webkit-box-shadow: none;
    background-color: #8a8d8f;
  }
  #GeoIpPopup .option-wrapper .ui-selectmenu-menu ul li {
    border-top: 1px solid #dcd7d7;
  }
  #GeoIpPopup .option-wrapper .ui-selectmenu-menu ul li .ui-menu-item-wrapper {
    padding: 9px 15px 9px 42px;
    font-size: 16px;
  }
  #GeoIpPopup .option-wrapper .ui-selectmenu-menu ul li .ui-menu-item-wrapper:after {
    display: none;
  }
  @media (max-width: 991px) {
    #GeoIpPopup .geo-wrapper {
      height: auto;
      width: calc(100% - 40px);
    }
    #GeoIpPopup .right {
      margin-top: 20px;
    }
  }
  @media (max-width: 767px) {
    #GeoIpPopup .geo-wrapper {
      display: block;
    }
  }
  @media (max-width: 577px) {
    #GeoIpPopup #GeoIpPopupCountrySelector {
      display: inline-block;
    }
    #GeoIpPopup .geo-wrapper {
      width: calc(100% - 30px);
      padding: 20px 15px 15px;
      overflow: visible;
    }
    #GeoIpPopup .geo-wrapper .right {
      display: block;
    }
    #GeoIpPopup .geo-wrapper .option-wrapper {
      margin-bottom: 10px;
      margin-right: 0;
      position: relative;
    }
    #GeoIpPopup .geo-wrapper .option-wrapper:before {
      content: "";
      display: block;
      position: absolute;
      background-image: url(/Static/Hempel/gfx/icons/arrow_blue.svg);
      right: 16px;
      top: 15px;
      height: 11px;
      width: 15px;
      background-size: 36px;
      background-repeat: no-repeat;
      background-position: center;
    }
    #GeoIpPopup .geo-wrapper .option-wrapper .ui-selectmenu-button {
      width: calc(100% - 80px);
    }
    #GeoIpPopup .geo-wrapper .option-wrapper .ui-selectmenu-menu {
      max-width: calc(100% - 15px);
    }
    #GeoIpPopup .geo-wrapper .option-wrapper .ui-selectmenu-menu ul {
      max-width: none;
    }
    #GeoIpPopup .button, #GeoIpPopup form:not(.mf) input[type=submit], form:not(.mf) #GeoIpPopup input[type=submit] {
      width: calc(50% - 10px);
      text-align: center;
    }
    #GeoIpPopup .button-divider {
      display: inline-block;
      margin: 0 5px 10px;
    }
  }
  #GeoIpPopupHeader {
    margin: 0;
    font-size: 20px;
    line-height: 25px;
    font-weight: 400;
  }
  #GeoIpPopupText {
    margin: 5px 0 0;
    font-size: 14px;
    line-height: 18px;
  }
  #GeoIpPopupCountrySelector {
    width: 100%;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    border: 1px solid #d7d7d7;
    display: none;
    padding: 12px 38px 10px 42px;
    border: 1px solid #d7d7d7;
    border-radius: 20px;
  }
  .yacht .products-wrapper {
    margin-bottom: 120px;
    margin-top: 80px;
  }
  @media (max-width: 440px) {
    .yacht .products-wrapper {
      margin-top: 40px;
      margin-bottom: 40px;
    }
  }
  .yacht .products-wrapper .header {
    font-size: 48px;
    margin-bottom: 40px;
    line-height: 52px;
    color: #833177;
  }
  @media (max-width: 440px) {
    .yacht .products-wrapper .header {
      font-size: 37px;
      line-height: 44px;
      margin-bottom: 24px;
    }
  }
  .yacht .products-wrapper .center-align {
    justify-content: center;
  }
  .yacht .products-wrapper .arrow-box {
    height: auto;
    width: auto;
    position: absolute;
    top: 0;
    left: -20px;
    z-index: 2;
  }
  .yacht .products-wrapper .arrow-box_content {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    position: relative;
    margin-top: 40px;
    border-radius: 4px;
    padding: 5px;
    white-space: nowrap;
    border: 1px solid #f3f3f4;
    color: #ffffff;
    background: #323232;
  }
  .yacht .products-wrapper .arrow-box_content::after {
    content: " ";
    position: absolute;
    left: 16px;
    top: -15px;
    border-top: none;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    border-bottom: 20px solid transparent;
  }
  .yacht .products-wrapper .units-align {
    font-size: 10px !important;
  }
  .yacht .products-wrapper .products {
    max-width: 1120px;
    margin: auto;
    padding: 0 160px;
    display: flex;
    flex-wrap: wrap;
  }
  @media (max-width: 768px) {
    .yacht .products-wrapper .products {
      padding: 0 20px;
    }
  }
  .yacht .products-wrapper .products_item {
    width: calc(33.3% - 22px);
    margin-left: 16px;
    margin-right: 16px;
    margin-bottom: 24px;
  }
  .yacht .products-wrapper .products_item:first-of-type {
    margin-left: 0;
  }
  .yacht .products-wrapper .products_item:nth-of-type(3n) {
    margin-right: 0;
  }
  .yacht .products-wrapper .products_item:nth-of-type(3n + 1) {
    margin-left: 0;
  }
  @media (max-width: 1110px) {
    .yacht .products-wrapper .products_item {
      width: calc(50% - 16px);
    }
    .yacht .products-wrapper .products_item:nth-of-type(odd) {
      margin-right: 16px;
      margin-left: 0;
    }
    .yacht .products-wrapper .products_item:nth-of-type(even) {
      margin-left: 16px;
      margin-right: 0;
    }
  }
  @media (max-width: 440px) {
    .yacht .products-wrapper .products_item {
      width: 100%;
      margin-right: 0 !important;
      margin-left: 0 !important;
    }
  }
  .yacht .products-wrapper .products_item_image {
    width: 100%;
    height: 160px;
    position: relative;
    background-color: #f3f3f4;
  }
  .yacht .products-wrapper .products_item_image_info {
    position: absolute;
    top: 16px;
    left: 16px;
    display: flex;
    flex-direction: column;
    line-height: 24px;
    color: #8A2A2B;
    font-weight: 500;
  }
  .yacht .products-wrapper .products_item_image_info span {
    border: 1px solid #8A2A2B;
    padding: 0px 8px;
    border-radius: 15px;
    font-size: 13px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 4px;
  }
  .yacht .products-wrapper .products_item_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .yacht .products-wrapper .products_item_text {
    border-left: 1px solid #F3F2F1;
    border-right: 1px solid #F3F2F1;
    border-bottom: 1px solid #F3F2F1;
    padding-left: 24px;
    padding-top: 16px;
  }
  .yacht .products-wrapper .products_item_text_info {
    font-size: 15px;
    line-height: 24px;
    color: #8A2A2B;
    font-weight: 500;
  }
  .yacht .products-wrapper .products_item_text_title {
    font-size: 24px;
    line-height: 28px;
    color: black;
  }
  .yacht .products-wrapper .products_item_text_title a {
    text-decoration: none;
  }
  .yacht .products-wrapper .products_item_text_colour {
    margin-top: 16px;
    margin-bottom: 20px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
  }
  .yacht .products-wrapper .products_item_text_colour_box {
    position: relative;
  }
  .yacht .products-wrapper .products_item_text_colour_box_dot {
    height: 16px;
    width: 16px;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
    margin-right: 8px;
    border: 1px solid #aca39a;
  }
  @media (max-width: 577px) {
    .yacht .quick-link-banner .button, .yacht .quick-link-banner form:not(.mf) input[type=submit], form:not(.mf) .yacht .quick-link-banner input[type=submit] {
      margin-top: 32px;
    }
  }
  .yacht header.menu-open .nav .menu .level-1 li a {
    font-size: 22px;
    font-weight: 400;
    padding: 15px 0;
    border-bottom: 1px solid #f2f1ef;
    position: relative;
  }
  .yacht header.menu-open .nav .menu .level-1 li a:after {
    position: absolute;
    content: "";
    background-image: url(/Static/Hempel/gfx/icons/arrow_blue.svg);
    height: 14px;
    width: 18px;
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: center;
    top: 21px;
    right: 0;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
  .yacht .menu .level-1 li a {
    display: block;
    padding: 16px 12px 14px;
    color: #0030A3;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
  }
  .yacht .menu .level-1 li a:after {
    display: none;
  }
  .yacht .news .image, .yacht .stories .image {
    height: 160px;
    width: 100%;
    position: relative;
    margin-bottom: 24px;
  }
  .yacht .news .image .video-icon, .yacht .stories .image .video-icon {
    position: absolute;
    top: 45%;
    left: 45%;
    width: 25px;
    height: 25px;
  }
  .yacht .news .image img, .yacht .stories .image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .yacht .news .date, .yacht .stories .date {
    margin-bottom: 8px;
  }
  .yacht .news .link-with-arrow, .yacht .stories .link-with-arrow {
    margin-top: 18px;
    text-transform: none;
  }
  .yacht > .search-results {
    max-width: 1120px;
    padding: 90px 30px;
    width: calc(100% - 60px);
  }
  .yacht .result-list .search-results {
    display: flex;
    width: 100%;
  }
  .yacht .result-list .search-results .list-item {
    width: calc(33.3% - 32px);
    border: none;
    margin-left: 16px;
    margin-right: 16px;
  }
  @media (max-width: 768px) {
    .yacht .result-list .search-results .list-item {
      width: calc(33.3% - 16px);
      margin-left: 8px;
      margin-right: 8px;
    }
  }
  @media (max-width: 577px) {
    .yacht .result-list .search-results .list-item {
      width: 100%;
      margin: 0;
    }
  }
  .yacht .result-list .search-results .list-item .left {
    width: 100%;
    padding: 16px 0 0 0;
  }
  .yacht .result-list .search-results .list-item .right {
    padding: 22px 15px 22px 0;
  }
  .yacht .result-list .search-results .list-item .right .link-with-arrow {
    line-height: 11px;
    display: inline-block;
    text-align: left;
  }
  @media (max-width: 768px) {
    .yacht .result-list .search-results .list-item .right .link-with-arrow {
      width: 100%;
      padding: 7px 0 7px 0;
    }
  }
  .yacht .colour-picker-wrapper .colour-picker {
    margin: 0 auto;
    padding: 0 30px;
  }
  @media (max-width: 577px) {
    .yacht .colour-picker-wrapper .colour-picker {
      padding: 0;
    }
  }
  .yacht .colour-picker-wrapper .colour-picker_image {
    margin: auto;
    padding: 0 79px;
    text-align: center;
  }
  @media (max-width: 991px) {
    .yacht .colour-picker-wrapper .colour-picker_image {
      padding: 0;
    }
  }
  .yacht .colour-picker-wrapper .colour-picker_image_background {
    max-width: 770px;
    width: 100%;
    max-height: 416px;
    height: 100%;
    object-fit: cover;
    margin: auto;
    position: relative;
  }
  .yacht .colour-picker-wrapper .colour-picker_image_background_left {
    position: absolute;
    left: -18%;
    bottom: 12%;
    height: 50%;
    width: auto;
  }
  .yacht .colour-picker-wrapper .colour-picker_image_background svg {
    width: 100%;
    height: 100%;
  }
  .yacht .colour-picker-wrapper .colour-picker_colours {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    flex-wrap: wrap;
  }
  @media (max-width: 767px) {
    .yacht .colour-picker-wrapper .colour-picker_colours {
      margin-top: 10px;
    }
  }
  .yacht .colour-picker-wrapper .colour-picker_colours_active {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    color: black !important;
  }
  .yacht .colour-picker-wrapper .colour-picker_colours_section {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 10px;
  }
  .yacht .colour-picker-wrapper .colour-picker_colours_section_box.active {
    padding: 5px;
    border-radius: 50%;
    border: 1px solid #aca39a;
  }
  .yacht .colour-picker-wrapper .colour-picker_colours_section_box {
    padding: 5px;
    border-radius: 50%;
    border: 1px solid transparent;
  }
  .yacht .colour-picker-wrapper .colour-picker_colours_section_box_dot {
    height: 24px;
    width: 24px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    border: 1px solid #aca39a;
  }
  @media (max-width: 767px) {
    .yacht .colour-picker-wrapper .colour-picker_colours_section_box_dot {
      height: 20px;
      width: 20px;
    }
  }
  .yacht .colour-picker-wrapper .colour-picker_buttons {
    display: flex;
    justify-content: center;
    padding: 40px 0;
  }
  .yacht .colour-picker-wrapper .colour-picker_buttons .active {
    color: white;
    background-color: #0033a0;
    border: 1px solid #ffffff;
  }
  .yacht .colour-picker-wrapper .colour-picker_buttons button {
    height: auto;
    width: auto;
    padding: 7px;
    border: 1px solid #0033a0;
    background-color: #ffffff;
    color: #0033a0;
    text-transform: uppercase;
    font-family: "Libre Franklin", sans-serif;
    font-size: 13px;
    line-height: 24px;
    font-weight: 500;
    border-radius: 4px;
    margin-right: 8px;
    cursor: pointer;
  }
  .yacht .product-details-description {
    padding: 0;
    flex: 1;
    padding-right: 128px;
  }
  @media (max-width: 577px) {
    .yacht .product-details-description {
      padding: 1px 0 20px 0;
      flex: 0 0 100%;
    }
  }
  .yacht .product-details-download-buttons {
    position: static;
    flex: 0 0 240px;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    padding-top: 35px;
  }
  .yacht .product-details-download-buttons .button, .yacht .product-details-download-buttons form:not(.mf) input[type=submit], form:not(.mf) .yacht .product-details-download-buttons input[type=submit] {
    flex-grow: 1;
  }
  @media (max-width: 991px) {
    .yacht .product-details-download-buttons {
      flex: 0 0 230px;
      padding: 0;
    }
  }
  @media (max-width: 577px) {
    .yacht .product-details-download-buttons {
      flex: 0 0 100%;
      padding-top: 0;
    }
    .yacht .product-details-download-buttons .button, .yacht .product-details-download-buttons form:not(.mf) input[type=submit], form:not(.mf) .yacht .product-details-download-buttons input[type=submit] {
      flex: 0 0 100%;
    }
  }
  .yacht .product-details-accordion-container {
    flex: 0 0 100%;
  }
  .yacht .product-downloads {
    display: flex;
    flex: 1;
  }
  .yacht .product-downloads .section {
    flex: 1;
  }
  .yacht .product-page .tab-content {
    display: flex;
    flex-wrap: wrap;
  }
  .yacht .uppercase {
    text-transform: uppercase;
  }
  .yacht .search-results {
    display: flex;
    flex-wrap: wrap;
    max-width: 1110px;
    width: calc(100% - 90px);
  }
  .yacht .search-results > div {
    width: 100%;
  }
  @media (max-width: 767px) {
    .yacht .search-results {
      width: calc(100% - 10px);
      padding: 0;
    }
  }
  .yacht .search-results-color-light {
    color: #c724b1;
  }
  .yacht .search-results-color-dark {
    color: #582c83;
  }
  .yacht .retailer-list__title {
    text-align: center;
    font-size: 48px;
    color: #582c83;
  }
  .yacht .retailer-list__results__header {
    font-size: 38px;
    line-height: 40px;
  }
  .yacht .retailers-search-dropdown {
    max-width: 1120px;
    margin: auto;
    padding: 0 160px;
    margin-bottom: 50px;
  }
  @media (max-width: 991px) {
    .yacht .retailers-search-dropdown {
      padding: 0 20px;
    }
  }
  .yacht .retailers-search-dropdown_title {
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 16px;
    color: #582c83;
  }
  .yacht .retailers-search-dropdown_select {
    background: #582c83;
    padding: 10px;
    color: #ffffff;
    width: 352px;
    height: 48px;
    -webkit-appearance: auto;
  }
  @media (max-width: 440px) {
    .yacht .retailers-search-dropdown_select {
      width: 100%;
    }
  }
  .yacht .retailers-search-dropdown_select > option {
    background: #f3f3f4;
    color: #582c83;
  }
  .yacht .retailers-search_accordion {
    list-style-type: none;
    padding-left: 0;
  }
  .yacht .retailers-search_accordion_section {
    margin-bottom: 20px;
  }
  .yacht .retailers-search_accordion_section h3 {
    font-size: 20px;
    font-weight: 500;
    padding-left: 20px;
  }
  .yacht .retailers-search_accordion_section_description {
    font-size: 15px;
    display: flex;
    padding-left: 20px;
  }
  @media (max-width: 991px) {
    .yacht .retailers-search_accordion_section_description {
      flex-wrap: wrap;
      flex-direction: column-reverse;
    }
  }
  .yacht .retailers-search_accordion_section_description_left a {
    font-weight: 500;
  }
  .yacht .retailers-search_accordion_section_description_right_row {
    flex: 0 0 100%;
  }
  @media (max-width: 991px) {
    .yacht .retailers-search_accordion_section_description_right {
      margin-bottom: 10px;
    }
  }
  .yacht .retailers-search_accordion_section_description_left, .yacht .retailers-search_accordion_section_description_right {
    flex: 0 0 50%;
  }
  @media (max-width: 991px) {
    .yacht .retailers-search_accordion_section_description_left, .yacht .retailers-search_accordion_section_description_right {
      flex: 0 0 100%;
    }
  }
  .yacht .retailers-search_accordion_section_description a {
    text-decoration: none;
  }
  .yacht .search-button-section {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
  }
  .yacht .search-button-section .button, .yacht .search-button-section form:not(.mf) input[type=submit], form:not(.mf) .yacht .search-button-section input[type=submit] {
    cursor: pointer;
    background: linear-gradient(0deg, #582c83 0%, #c724b1 100%);
  }
  .yacht .primary-accordion-section {
    border-top: none !important;
  }
  .yacht .tag-section {
    padding: 4px;
    border-radius: 5px;
    margin-left: 5px;
    font-weight: 300;
    color: #ffffff;
    text-transform: uppercase;
    background: #c724b1;
  }
  .yacht .tag-section.premium-section {
    background: #BDA770;
    color: #000000;
  }
  .yacht .tag-section.osmosis-section {
    background: #64a70b;
    color: #ffffff;
  }
  .yacht .tag-section.silic-section {
    background: #000000;
    color: #ffffff;
  }
  .yacht .tag-section.silic-shop-section {
    background: #000000;
    color: #BDA770;
  }
  .yacht .image_gallery_container {
    padding: 30px 15px;
  }
  @media (max-width: 767px) {
    .yacht .image_gallery_container {
      padding: 0;
    }
  }
  .yacht .image_gallery_container_item_primary {
    height: 522px;
  }
  .yacht .image_gallery_container_item_primary img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
  }
  @media (max-width: 767px) {
    .yacht .image_gallery_container_item_primary {
      height: 335px;
    }
  }
  .yacht .image_gallery_container_item_secondary {
    display: flex;
    flex-wrap: wrap;
  }
  .yacht .image_gallery_container_item_secondary_content {
    flex-basis: calc(25% - 12px);
    padding-top: 16px;
    padding-right: 16px;
    height: 122px;
  }
  @media (max-width: 767px) {
    .yacht .image_gallery_container_item_secondary_content {
      height: 158px;
      flex-basis: 0;
      flex-grow: 1;
      flex-basis: calc(50% - 20px);
    }
    .yacht .image_gallery_container_item_secondary_content:nth-of-type(odd) {
      padding-right: 10px;
    }
    .yacht .image_gallery_container_item_secondary_content:nth-of-type(even) {
      padding-left: 10px;
      padding-right: 0;
    }
  }
  .yacht .image_gallery_container_item_secondary_content:last-of-type {
    padding-right: 0;
  }
  .yacht .image_gallery_container_item_secondary_content img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
  }
  .yacht .image_gallery_container_item_count {
    position: absolute;
    right: 50%;
    bottom: 35%;
    cursor: pointer;
  }
  @media (max-width: 767px) {
    .yacht .image_gallery_container_item_count {
      display: none;
    }
  }
  .yacht .image_gallery_container_item_count span {
    color: #ffffff;
    font-size: 20px;
  }
  .yacht .image_gallery_modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1010;
    background: #ffffff;
    height: 80%;
    width: 80%;
    border: 1px solid #000000;
    padding: 20px;
  }
  @media (max-width: 577px) {
    .yacht .image_gallery_modal {
      height: 60%;
    }
  }
  .yacht .image_gallery_modal_content {
    height: 100%;
    width: 100%;
    position: relative;
  }
  .yacht .image_gallery_modal_content_slideshow {
    position: relative;
    margin: auto;
    width: 100%;
    height: 100%;
  }
  .yacht .image_gallery_modal_content_slideshow_item {
    display: none;
    height: 100%;
    width: 100%;
  }
  .yacht .image_gallery_modal_content_slideshow_item img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .yacht .image_gallery_modal_content_button {
    position: fixed;
    right: 20px;
    z-index: 2;
  }
  .yacht .image_gallery_modal_content_left-arrow, .yacht .image_gallery_modal_content_right-arrow {
    position: absolute;
    top: 50%;
  }
  .yacht .image_gallery_modal_content_left-arrow {
    left: 20px;
  }
  @media (max-width: 577px) {
    .yacht .image_gallery_modal_content_left-arrow {
      left: 5px;
    }
  }
  .yacht .image_gallery_modal_content_right-arrow {
    right: 20px;
  }
  @media (max-width: 577px) {
    .yacht .image_gallery_modal_content_right-arrow {
      right: 5px;
    }
  }
  .yacht .image_gallery_modal_content_image {
    height: 100%;
    width: 100%;
  }
  .yacht .image_gallery_modal_content_image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .yacht .image_gallery_modal_overlay {
    z-index: 1000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .yacht .last-image {
    position: relative;
  }
  .yacht .fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
  }
  @-webkit-keyframes fade {
    from {
      opacity: 0.4;
    }
    to {
      opacity: 1;
    }
  }
  @keyframes fade {
    from {
      opacity: 0.4;
    }
    to {
      opacity: 1;
    }
  }
  .yacht .social-media-container {
    display: flex;
    justify-content: center;
    margin: 50px 0;
  }
  @media (max-width: 577px) {
    .yacht .social-media-container > * {
      min-width: 100% !important;
      width: 100% !important;
    }
  }
  .yacht .dropdown-group .product-details-accordion-container {
    margin-bottom: 0;
    margin-top: 0;
  }
  .yacht .dropdown-group .product-details-accordion-container .accordion-section {
    position: relative;
  }
  .yacht .dropdown-group .product-details-accordion-container .product-details-download-buttons {
    right: 0;
  }
  .yacht [data-feature-retailerlist] #staticFacets {
    margin-block-end: 3.125rem;
    text-align: start;
  }
  .yacht [data-feature-retailerlist] .static-facet {
    cursor: pointer;
    opacity: 0.6;
  }
  .yacht [data-feature-retailerlist] .static-facet.facet-selected {
    border: 1px solid #0076cf;
    color: #0076cf;
    font-weight: 500;
    opacity: 1;
  }
  .yacht [data-feature-retailerlist] .static-facet.facet-selected::before {
    background-image: url(/Static/Hempel/gfx/icons/close_red.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 0.625rem;
    content: "";
    display: inline-block;
    height: 0.625rem;
    inset-inline-start: -0.625rem;
    position: relative;
    width: 0.625rem;
  }
  .yacht [data-feature-retailerlist] .search-result-wrapper_header {
    display: flex;
    flex: 0 0 100%;
    justify-content: center;
    font-size: 48px;
    line-height: 52px;
    color: #582c83;
    padding-top: 80px;
  }
  @media (max-width: 991px) {
    .yacht [data-feature-retailerlist] .search-result-wrapper_header {
      font-size: 37px;
      line-height: 44px;
      padding-top: 40px;
    }
  }
  .yacht [data-feature-retailerlist] .default-results {
    max-width: 1120px;
    margin: auto;
    padding: 0px 160px;
  }
  @media (max-width: 991px) {
    .yacht [data-feature-retailerlist] .default-results {
      padding: 0 20px;
    }
  }
  .yacht [data-feature-retailerlist] .search-maps {
    max-width: 1120px;
    margin: auto;
    padding: 0 160px;
    height: 522px;
    padding-bottom: 80px;
  }
  @media (max-width: 991px) {
    .yacht [data-feature-retailerlist] .search-maps {
      padding: 0 20px;
      height: 400px;
    }
  }
  .yacht [data-feature-retailerlist] .search-maps #map {
    height: 100%;
  }
  .yacht [data-feature-retailerlist] .contact-selected-wrapper .contact-selected {
    border: 1px solid #0076cf;
    color: #0076cf;
  }
  .jones-blair .menu-content .level-3 li a {
    color: #ffffff !important;
  }
  .spacer-sm {
    margin: 0;
    padding: 0;
    height: 25px;
    clear: both;
  }
  .spacer-md {
    margin: 0;
    padding: 0;
    height: 75px;
    clear: both;
  }
  .spacer-lg {
    margin: 0;
    padding: 0;
    height: 150px;
    clear: both;
  }
  .ip-selector {
    background-color: white;
    border-radius: 10px;
    padding: 30px 120px;
  }
  .ip-selector h1 .ip-tooltip, .ip-selector h2 .ip-tooltip, .ip-selector h3 .ip-tooltip, .ip-selector h4 .ip-tooltip, .ip-selector h5 .ip-tooltip, .ip-selector h6 .ip-tooltip, .ip-selector p .ip-tooltip {
    display: inline-block;
    float: right;
  }
  .ip-selector h2 {
    text-align: center;
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    color: #0033A0;
  }
  .ip-selector p {
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: #000000;
  }
  .ip-selector form {
    width: initial;
    max-width: initial;
    padding: initial;
    margin: initial;
    font-size: initial;
    line-height: initial;
    position: initial;
  }
  .ip-selector .u-grey-text {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #000000;
  }
  .ip-selector .u-text-center {
    text-align: center !important;
  }
  .ip-selector .u-text-right {
    text-align: right !important;
  }
  .ip-selector .u-text-left {
    text-align: left !important;
  }
  .ip-selector .u-text-purple {
    color: #582C83;
    font-size: 28px;
    line-height: 34px;
    font-weight: 400;
  }
  .ip-selector .u-btn-text-blue {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #0033A0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .ip-selector .u-mb-md {
    margin-bottom: 20px;
  }
  .ip-selector .u-flex {
    display: flex;
    justify-content: space-between;
  }
  .ip-selector .u-white-th {
    color: white !important;
    background-color: transparent !important;
  }
  .ip-selector__stepline {
    position: relative;
    height: 128px;
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    margin-bottom: 50px;
  }
  .ip-selector__step {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
  }
  .ip-selector__step.filled .ip-selector__step-bubble {
    background: #0033A0;
    border: none;
    cursor: pointer;
  }
  .ip-selector__step.filled .ip-selector__step-bubble > span {
    color: white;
  }
  .ip-selector__step.filled .ip-selector__step-text.filled {
    font-weight: 800;
  }
  .ip-selector__step.filled:hover {
    cursor: pointer;
  }
  .ip-selector__step.filled:hover .ip-selector__step-bubble {
    background: #0076CF;
  }
  .ip-selector__step.filled:hover .ip-selector__step-text {
    font-weight: 800;
  }
  .ip-selector__step-line {
    width: 100%;
    height: 1px;
    margin-top: 35px;
    margin-left: 10px;
    margin-right: 10px;
    border: none;
    border-top: 2px dashed #0033A0;
  }
  .ip-selector__step-bubble {
    position: relative;
    width: 50px;
    height: 50px;
    background-color: #ffffff;
    border: 1px solid #0033A0;
    border-radius: 50%;
    margin-top: 10px;
  }
  .ip-selector__step-bubble > span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: 400;
    font-size: 24px;
    line-height: 29px;
    color: #0033A0;
  }
  .ip-selector__step-bubble.active {
    background: #0033A0;
    border: none;
    width: 70px;
    height: 70px;
    margin-top: 0;
  }
  .ip-selector__step-bubble.active > span {
    color: #FFFFFF;
    font-weight: 800;
  }
  .ip-selector__step-bubble.active:hover {
    background: #0076CF;
    cursor: pointer;
  }
  .ip-selector__step-bubble.filled {
    background: linear-gradient(0.57deg, #582C83 0.54%, #C724B1 86.16%);
    border: 1px solid transparent;
    margin-top: 0;
    cursor: pointer;
  }
  .ip-selector__step-bubble.filled > span {
    color: white;
  }
  .ip-selector__step-bubble.filled:hover {
    background: linear-gradient(180deg, #582C83 0.54%, #C724B1 86.16%);
  }
  .ip-selector__step-info {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  .ip-selector__step-text {
    color: #0033A0;
    font-size: 20px;
    line-height: 24px;
    white-space: nowrap;
  }
  .ip-selector__step-text.active {
    font-weight: 800;
  }
  .ip-selector__step-number {
    color: #000000;
    font-size: 20px;
    line-height: 24px;
    white-space: nowrap;
    text-align: center;
  }
  .ip-selector__step-number.active {
    font-weight: 700;
    color: #0033A0;
  }
  .ip-selector__points {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #808080;
    margin-bottom: 50px;
  }
  .ip-selector__points ol {
    list-style: none;
    counter-reset: item;
  }
  .ip-selector__points li {
    position: relative;
    margin: 50px 0;
    counter-increment: item;
    color: #000000;
  }
  .ip-selector__points li::before {
    content: counter(item);
    position: absolute;
    top: 50%;
    left: -100px;
    transform: translateY(-50%);
    background: #ffffff;
    border: 1px solid #0033A0;
    border-radius: 100%;
    color: #0033A0;
    width: 50px;
    height: 50px;
    text-align: center;
    display: inline-block;
    margin-right: 50px;
    font-size: 24px;
    line-height: 50px;
  }
  .ip-selector__radio {
    color: #0033A0;
    display: inline;
    width: initial;
  }
  .ip-selector__radio input {
    display: none !important;
  }
  .ip-selector__radio input:checked + .box {
    background: #E5E5E5;
    border: 1px solid #0033A0;
    border-radius: 10px;
    color: #0033A0;
  }
  .ip-selector__radio input:checked + .box p {
    color: #000000;
  }
  .ip-selector__radio .box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px;
    margin-bottom: 10px;
  }
  .ip-selector__radio .box__icon {
    margin-right: 50px;
  }
  .ip-selector__radio .box__icon img {
    width: 64px;
    height: 64px;
    background-color: white;
    border-radius: 50%;
  }
  .ip-selector__radio .box__text {
    font-family: "Libre Franklin", sans-serif;
    font-size: 20px;
    line-height: 24px;
    flex-grow: 1;
    padding-right: 60px;
    color: #000000;
  }
  .ip-selector__radio .box__text p {
    margin: 0;
  }
  @media (hover: hover) and (pointer: fine) {
    .ip-selector__radio .box:hover {
      cursor: pointer;
      background: #E5E5E5;
      border-radius: 10px;
      color: #0033A0;
    }
    .ip-selector__radio .box:hover p {
      color: #000000;
    }
  }
  .ip-selector__table {
    width: 100%;
    color: #808080;
    border-collapse: collapse;
  }
  .ip-selector__table tr {
    height: 100px;
    border-bottom: 1px solid #D9D9D9;
  }
  .ip-selector__table tr td {
    border: none;
    text-align: center;
    vertical-align: middle;
    font-weight: 700;
    padding: 0;
  }
  .ip-selector__table tr td:first-of-type {
    text-align: left;
    vertical-align: top;
    padding-top: 20px;
    font-weight: 400;
    padding-left: 0;
  }
  .ip-selector__table tr td:nth-of-type(2) {
    width: fit-content;
    vertical-align: top;
    padding-top: 20px;
  }
  .ip-selector__table tr td:nth-of-type(3), .ip-selector__table tr td:nth-of-type(4), .ip-selector__table tr td:nth-of-type(5) {
    width: 25%;
  }
  .ip-selector__table tr td .icon svg {
    width: 64px;
    height: 64px;
  }
  .ip-selector__table tr td .icon--red svg {
    color: #E30613;
  }
  .ip-selector__table tr td .icon--orange svg {
    color: #ED8B00;
  }
  .ip-selector__table tr td .icon--green svg {
    color: #64A70B;
  }
  .ip-selector__table tr td .icon--purple svg {
    background: #0033A0 !important;
    border-radius: 50%;
  }
  .ip-selector__table tr th {
    border: none;
    background-color: white;
    color: #0033A0;
    font-size: initial;
    line-height: initial;
    padding: 0;
    vertical-align: top;
    text-align: center;
  }
  .ip-selector__table tr th:first-of-type {
    text-align: left;
    color: #808080;
    font-weight: 400;
  }
  .ip-selector__table tr th:nth-of-type(2) {
    text-align: center;
  }
  .ip-selector__table tr th:nth-of-type(3), .ip-selector__table tr th:nth-of-type(4), .ip-selector__table tr th:nth-of-type(5) {
    width: 25%;
  }
  .ip-selector__table tr th span {
    display: block;
    font-size: 10px;
    margin-bottom: 5px;
  }
  .ip-selector__table tr th a {
    color: #582C83;
    text-decoration: none;
  }
  .ip-selector__table tr th a:hover {
    text-decoration: underline;
  }
  .ip-selector__table svg {
    color: #808080;
    width: 20px;
  }
  .ip-selector__table.ip-hidden tbody > tr:nth-of-type(n+4) {
    display: none;
  }
  .ip-selector .js-toggle-table span {
    cursor: pointer;
  }
  .ip-tooltip {
    position: relative;
    margin: 0 30px;
    color: #0033A0;
  }
  .ip-tooltip svg {
    width: 30px;
    cursor: pointer;
  }
  .ip-tooltip.active svg {
    color: white;
  }
  .ip-tooltip.active svg rect {
    stroke: #0033A0;
  }
  .ip-tooltip.active > svg circle {
    fill: #0033A0;
  }
  .ip-tooltip.active > svg path {
    fill: #ffffff;
  }
  .ip-tooltip-text {
    display: flex;
    align-items: flex-start;
    position: absolute;
    gap: 15px;
    right: 0;
    top: 100%;
    background: #545454;
    border-radius: 5px;
    width: max-content;
    padding: 20px;
    opacity: 0;
    visibility: hidden;
    max-width: 450px;
    color: white;
    text-align: left;
    z-index: 10;
  }
  .ip-tooltip-text.modal-position {
    left: 0;
  }
  .ip-tooltip-text p {
    color: white !important;
    text-align: left !important;
  }
  .ip-tooltip-text.active {
    opacity: 1;
    visibility: visible;
  }
  .ip-tooltip-text img, .ip-tooltip-text svg {
    width: 64px;
    height: 64px;
  }
  .ip-tooltip-close {
    position: absolute;
    top: 10px;
    right: 15px;
    cursor: pointer;
    font-size: 12px;
  }
  .ip-tooltip > svg:hover circle {
    fill: #0033A0;
  }
  .ip-tooltip > svg:hover path {
    fill: #ffffff;
  }
  .ip-tooltip table {
    width: 100%;
    border-collapse: collapse;
    font-size: 15px;
    font-weight: normal;
  }
  .ip-tooltip table p {
    padding-top: 20px;
  }
  .ip-tooltip table p:first-of-type {
    padding: 0;
  }
  .ip-tooltip tr {
    display: table-row !important;
    flex-wrap: nowrap !important;
    height: initial !important;
    border-bottom: 1px solid white !important;
  }
  .ip-tooltip tr td {
    background-color: initial !important;
    width: auto !important;
    font-weight: 500 !important;
    text-align: left;
    padding-right: -2px;
    padding-top: 5px !important;
  }
  .ip-tooltip tr td:last-of-type {
    text-align: right;
  }
  .ip-tooltip tr:nth-last-of-type(2) {
    border-bottom: 2px solid white !important;
  }
  .ip-tooltip tr:last-of-type {
    border-bottom: none !important;
  }
  .chevron-btn {
    width: 30px;
    height: 30px;
    background: #0033A0;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .chevron-btn:hover {
    background: #0076CF;
  }
  .chevron-btn:active {
    background: #009FDF;
  }
  .ip-btn {
    position: relative;
    padding: 12px 24px;
    background: #0033A0;
    border: none;
    border-radius: 50px;
    cursor: pointer;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #ffffff;
  }
  .ip-btn:hover {
    background: #0076CF;
    color: #ffffff;
  }
  .ip-btn:active {
    background: #009FDF;
    color: #ffffff;
  }
  .ip-btn--reset {
    background: #ffffff;
    color: #0033A0;
    border: 1px solid #0033A0;
    padding: 12px 16px 12px 20px;
  }
  .ip-btn--reset svg {
    transition: transform 0.3s ease;
  }
  .ip-btn--reset:hover svg {
    transform: translate(-3px, 0);
  }
  .ip-btn--reset:hover svg path {
    fill: #ffffff;
  }
  .ip-btn--primary {
    padding: 12px 14px 12px 20px;
  }
  .ip-btn--primary:hover svg {
    transform: translate(3px, 0);
  }
  .ip-btn--primary svg {
    margin-left: 4px;
    transition: transform 0.3s ease;
  }
  .ip-btn--secondary {
    background: transparent;
    color: #0033A0;
  }
  .ip-btn--secondary:hover svg {
    transform: translate(-3px, 0);
  }
  .ip-btn--secondary svg {
    transition: transform 0.3s ease;
  }
  .ip-btn--back {
    padding: 12px 24px 12px 20px;
  }
  .ip-btn--back:hover {
    border: none;
    background: none;
    color: #0033A0;
  }
  .ip-btn[disabled] {
    cursor: default;
    background: #E5E5E5;
    color: #808080;
  }
  .ip-btn[disabled] svg path {
    fill: #808080;
  }
  .ip-btn[disabled]::after {
    border: solid #808080;
    border-width: 0 3px 3px 0;
  }
  .ip-btn[disabled]:hover > .ip-tooltip-text {
    padding: 5px;
    font-weight: normal;
    font-size: 15px;
    opacity: 1;
    visibility: visible;
    text-transform: none;
  }
  .ip-btn .ip-tooltip-text {
    top: -30px;
    bottom: unset;
  }
  @media only screen and (max-width: 470px) {
    .ip-selector {
      padding: 0 15px 20px 15px;
    }
    .ip-selector h2 {
      font-size: 36px;
      line-height: 46px;
      margin: 0;
    }
    .ip-selector .u-mb-md {
      margin-bottom: 10px;
    }
    .ip-selector__stepline {
      margin: 0 20px;
      margin-bottom: 20px;
    }
    .ip-selector__step-text {
      font-size: 16px;
    }
    .ip-selector__step-number {
      white-space: unset;
      font-size: 13px;
    }
    .ip-selector__points {
      margin-bottom: 10px;
    }
    .ip-selector__points ol {
      padding-left: 60px;
    }
    .ip-selector__points li {
      margin: 40px 0;
    }
    .ip-selector__points li:first-of-type {
      margin-top: 20px;
    }
    .ip-selector__points li:last-of-type {
      margin-bottom: 20px;
    }
    .ip-selector__points li::before {
      left: -70px;
    }
    .ip-selector__radio .box {
      padding: 10px 5px;
      margin-bottom: 10px;
    }
    .ip-selector__radio .box__icon {
      margin-right: 10px;
    }
    .ip-selector__radio .box__text {
      padding-right: 0;
    }
    .ip-selector__radio .box__tooltip {
      margin: 0 10px;
    }
    .ip-selector__radio .box__tooltip svg {
      width: 20px;
    }
    .ip-selector__table thead {
      margin-bottom: 20px;
    }
    .ip-selector__table tr {
      display: flex;
      flex-wrap: wrap;
      height: auto;
      padding: 10px 0;
    }
    .ip-selector__table tr td:first-of-type {
      width: 90%;
      text-align: left;
      padding-top: 20px;
      padding: 0;
      order: 1;
    }
    .ip-selector__table tr td:nth-of-type(2) {
      width: 10%;
      padding: 0;
      order: 2;
    }
    .ip-selector__table tr td:nth-of-type(2) svg {
      width: 25px;
      height: 25px;
    }
    .ip-selector__table tr td:nth-of-type(2) .ip-tooltip {
      margin: 0;
      order: 4;
    }
    .ip-selector__table tr td:nth-of-type(3), .ip-selector__table tr td:nth-of-type(4) {
      width: 33.33%;
      order: 3;
    }
    .ip-selector__table tr td:last-of-type {
      width: 33.33%;
      order: 4;
    }
    .ip-selector__table tr td .icon--purple svg {
      width: 50px;
      height: 50px;
    }
    .ip-selector__table tr th {
      width: 33.33%;
      order: 3;
    }
    .ip-selector__table tr th:first-of-type {
      width: 90%;
      text-align: left;
      padding-top: 20px;
      padding: 0;
      order: 1;
    }
    .ip-selector__table tr th:nth-of-type(2) {
      width: 10%;
      padding: 0;
      order: 2;
    }
    .ip-selector__table tr th:nth-of-type(2) .ip-tooltip {
      margin: 0;
      order: 2;
    }
    .ip-selector__table tr th:nth-of-type(3), .ip-selector__table tr th:nth-of-type(4) {
      width: 33.33%;
      order: 3;
    }
    .ip-selector__table tr th:last-of-type {
      width: 33.33%;
      order: 4;
    }
    .ip-selector__table tr th .ip-btn {
      font-size: 12px;
      line-height: 15px;
      padding: 8px 15px;
    }
    .ip-tooltip {
      margin: 0 30px;
    }
    .ip-tooltip svg {
      width: 30px;
    }
    .ip-tooltip-text {
      gap: 15px;
      right: 0;
      bottom: 100%;
      border-radius: 5px;
      padding: 20px;
      width: max-content;
      max-width: 80vw;
      flex-direction: column;
    }
    .ip-tooltip-text.modal-position {
      left: auto;
    }
    .ip-tooltip-text img {
      margin: 0 auto;
    }
    .u-text-purple {
      font-size: 24px;
      line-height: 29px;
    }
  }
  @font-face {
    font-family: "Glyphicons Halflings";
    src: url("/Static/Hempel/fonts/glyphicons_halflingsregular/fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("/Static/Hempel/fonts/glyphicons_halflingsregular/fonts/glyphicons_halflings-regular#glyphicons_halflingsregular") format("svg");
    font-weight: normal;
    font-style: normal;
  }
  #myCarousel .carousel-indicators li {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 20px;
    height: 6px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 5px;
    border: 0px;
  }
  #myCarousel .carousel-indicators .active {
    background-color: rgb(255, 255, 255);
    width: 20px;
    height: 6px;
    margin: 1px;
    margin-right: 3px;
    margin-left: 3px;
  }
  #myCarousel .carousel-control {
    opacity: 1;
    text-shadow: none;
    margin: 20px;
    position: absolute;
    width: 0;
  }
  #myCarousel .carousel-control .glyphicon-chevron-left, #myCarousel .carousel-control .glyphicon-chevron-right, #myCarousel .carousel-control .icon-next, #myCarousel .carousel-control .icon-prev {
    font-size: 20px;
    height: 40px;
    width: 40px;
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px;
  }
  #myCarousel .carousel-control .glyphicon-chevron-left:hover, #myCarousel .carousel-control .glyphicon-chevron-right:hover, #myCarousel .carousel-control .icon-next:hover, #myCarousel .carousel-control .icon-prev:hover {
    background-color: rgba(255, 255, 255, 0.6);
    /*border: 1px solid #0033A0;*/
  }
  #myCarousel .glyphicon-chevron-left:before, #myCarousel .glyphicon-chevron-right:before {
    color: #0033A0;
    position: relative;
    top: 22%;
  }
  #myCarousel .carousel-control.left, #myCarousel .carousel-control.right {
    background: none;
  }
  #myCarousel .carousel-inner {
    font-family: "Libre Franklin", sans-serif;
  }
  #myCarousel .promotion-banner a {
    height: auto;
  }
  #myCarousel .button a, #myCarousel form:not(.mf) input[type=submit] a, form:not(.mf) #myCarousel input[type=submit] a {
    padding: 0px;
  }
  #myCarousel .button a:after, #myCarousel form:not(.mf) input[type=submit] a:after, form:not(.mf) #myCarousel input[type=submit] a:after {
    background-image: none;
  }
  #myCarousel a:focus {
    text-decoration: none;
  }
  #myCarousel a:active {
    text-decoration: none;
  }
  #myCarousel .headfont {
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
  }
  .sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
  }
  .carousel {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    max-width: 1920px;
    margin: auto;
  }
  .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  .carousel-inner > .item {
    position: relative;
    display: none;
    -webkit-transition: 0.6s ease-in-out left;
    -o-transition: 0.6s ease-in-out left;
    transition: 0.6s ease-in-out left;
  }
  .carousel-inner > .active {
    left: 0;
  }
  .carousel-inner > .active.left {
    left: -100%;
  }
  .carousel-inner > .active.right {
    left: 100%;
  }
  .carousel-inner > .next {
    left: 100%;
  }
  .carousel-inner > .prev {
    left: -100%;
  }
  .glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .glyphicon-chevron-left:before {
    content: "\e079";
  }
  .glyphicon-chevron-right:before {
    content: "\e080";
  }
  .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
    line-height: 1;
  }
  .carousel-inner > .active,
  .carousel-inner > .next,
  .carousel-inner > .prev {
    display: block;
  }
  .carousel-inner > .next,
  .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%;
  }
  .carousel-inner > .next.left,
  .carousel-inner > .prev.right {
    left: 0;
  }
  .carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    background-color: rgba(0, 0, 0, 0);
    filter: alpha(opacity=50);
    opacity: 0.5;
  }
  .carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80000000", endColorstr="#00000000", GradientType=1);
    background-repeat: repeat-x;
  }
  .carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#80000000", GradientType=1);
    background-repeat: repeat-x;
  }
  .carousel-control .icon-prev:before {
    content: "‹";
  }
  .carousel-control .icon-next:before {
    content: "›";
  }
  .carousel-control:hover,
  .carousel-control:focus {
    color: #ffffff;
    text-decoration: none;
    outline: 0;
    filter: alpha(opacity=90);
    opacity: 0.9;
  }
  .icon-prev,
  .carousel-control .icon-prev,
  .carousel-control .glyphicon-chevron-left {
    left: 50%;
    margin-left: -10px;
  }
  .carousel-control .icon-next,
  .carousel-control .glyphicon-chevron-right {
    right: 50%;
    margin-right: -10px;
  }
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 20px;
    height: 20px;
    font-family: serif;
    line-height: 1;
  }
  .carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
    bottom: 20px;
  }
  .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9 ;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #ffffff;
    border-radius: 10px;
  }
  .carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #ffffff;
  }
  .carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #ffffff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }
  .carousel-caption .btn {
    text-shadow: none;
  }
  @media screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-prev,
    .carousel-control .icon-next {
      width: 30px;
      height: 30px;
      margin-top: -10px;
      font-size: 30px;
    }
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
      margin-left: -10px;
    }
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
      margin-right: -10px;
    }
  }
  @media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-inner > .item {
      -webkit-transition: -webkit-transform 0.6s ease-in-out;
      -o-transition: -o-transform 0.6s ease-in-out;
      transition: transform 0.6s ease-in-out;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-perspective: 1000px;
      perspective: 1000px;
    }
    .carousel-inner > .item.next,
    .carousel-inner > .item.active.right {
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
      left: 0;
    }
    .carousel-inner > .item.prev,
    .carousel-inner > .item.active.left {
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
      left: 0;
    }
    .carousel-inner > .item.next.left,
    .carousel-inner > .item.prev.right,
    .carousel-inner > .item.active {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      left: 0;
    }
  }
  @media (max-width: 767px) {
    #myCarousel .carousel-indicators {
      pointer-events: none;
      bottom: -10px;
    }
    #myCarousel .carousel-indicators li {
      width: 6px;
    }
    #myCarousel .promotion-banner .text-box .text {
      font-size: 20px;
      line-height: 25px;
    }
    #myCarousel .promotion-banner .text-box h2 {
      line-height: 30px !important;
    }
    #myCarousel .headfont {
      font-size: 24px;
    }
  }
  * {
    -webkit-tap-highlight-color: transparent;
  }
  .general_conditions {
    --select--font-size: var(--v-type-size--xsmall);
    --select--line-height: var(--v-type-line-height--xsmall);
    background-color: var(--v-color--greyscale--95);
    padding-block: var(--v-spacing--xlarge);
  }
  .general_conditions:not(:first-child) {
    padding-block-start: unset;
  }
  .general_conditions__form {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--v-spacing--medium);
  }
  .general_conditions__form-label {
    font-size: var(--select--font-size, initial);
    line-height: var(--select--line-height, initial);
  }
  .general_conditions__form-wrapper {
    width: min(325px, 100%);
  }
  .general_conditions__form-wrapper .ui-selectmenu-menu ul {
    font-size: var(--select--font-size, initial);
    line-height: var(--select--line-height, initial);
  }
  .general_conditions__form-wrapper .ui-selectmenu-button {
    padding-block: var(--v-spacing--small);
  }
  .general_conditions__form-wrapper .ui-selectmenu-icon {
    top: 10px;
  }
  .general_conditions__form-dropdown {
    border-radius: 25px;
    padding-block: 8px;
    padding-inline: 24px 40px;
    width: 100%;
  }
  .general_conditions__content {
    margin-block: var(--v-spacing--xlarge);
  }
  .general_conditions__content-heading {
    font-size: var(--v-type--h5--font-size);
    line-height: var(--v-type--h5--line-height);
    font-weight: 700;
  }
  .general_conditions__content-description {
    font-size: var(--v-type--body--font-size);
    line-height: var(--v-type--body--line-height);
  }
  .general_conditions__download {
    display: flex;
    flex-wrap: wrap;
  }
  .general_conditions .ui-selectmenu-text {
    font-size: var(--select--font-size, initial);
    line-height: var(--select--line-height, initial);
  }
  .promotion-banner {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    max-width: 1200px;
    margin: auto;
  }
  .promotion-banner .cx-promotion-banner__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    z-index: 1;
  }
  .promotion-banner.full-screen {
    max-width: 1920px;
  }
  .promotion-banner .mobile-image {
    display: none;
    height: 400px;
    width: 100%;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: 1;
  }
  @media (max-width: 767px) {
    .promotion-banner {
      background-image: none !important;
      height: 400px;
    }
    .promotion-banner:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.3);
      pointer-events: none;
      z-index: 1;
    }
    .promotion-banner .mobile-image {
      display: block;
    }
  }
  .promotion-banner a {
    height: 450px;
    display: block;
    position: relative;
    text-decoration: none;
  }
  @media (max-width: 767px) {
    .promotion-banner a {
      height: auto;
    }
  }
  .promotion-banner .video-wrapper {
    overflow: hidden;
    height: 500px;
    position: relative;
    margin-top: -500px;
    background-color: #f3f3f4;
  }
  .promotion-banner .video-wrapper video {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 500px;
    display: none;
  }
  @media (max-width: 767px) {
    .promotion-banner .video-wrapper {
      display: none;
    }
  }
  @media (min-width: 768px) {
    body:not(.cx-theme) .promotion-banner.has-video {
      background-image: none !important;
    }
    body:not(.cx-theme) .promotion-banner.has-video video {
      display: block;
    }
  }
  .promotion-banner .text-wrapper {
    height: 450px;
    max-width: 1000px;
    margin: auto;
    position: relative;
    z-index: 2;
  }
  @media (max-width: 767px) {
    .promotion-banner .text-wrapper {
      height: 400px;
      text-align: center;
    }
  }
  .promotion-banner .text-box {
    position: absolute;
    top: 50%;
    left: 7%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-shadow: 0 0 30px -10px #000000;
    max-width: 50%;
    color: #ffffff;
  }
  @media (max-width: 991px) {
    .promotion-banner .text-box {
      max-width: 480px;
    }
  }
  .promotion-banner .text-box .category {
    font-size: 18px;
    font-weight: 500;
  }
  .promotion-banner .text-box h2 {
    font-size: 48px;
    line-height: 50px;
    font-weight: 300;
    margin-bottom: 18px;
    margin-top: 10px;
  }
  .promotion-banner .text-box .secondary-headline {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 10px;
    font-weight: 300;
  }
  .promotion-banner .text-box .text {
    font-weight: 300;
    font-size: 13px;
    line-height: 17px;
    margin-bottom: 25px;
  }
  .promotion-banner .text-box .button span, .promotion-banner .text-box form:not(.mf) input[type=submit] span, form:not(.mf) .promotion-banner .text-box input[type=submit] span {
    padding: 13px 45px 13px 25px;
  }
  @media (min-width: 1110px) {
    .promotion-banner .text-box {
      left: 0;
    }
  }
  @media (max-width: 991px) {
    .promotion-banner .text-box h2 {
      font-size: 40px;
      line-height: 45px;
    }
    .promotion-banner .text-box .category {
      font-size: 16px;
    }
    .promotion-banner .text-box .button span, .promotion-banner .text-box form:not(.mf) input[type=submit] span, form:not(.mf) .promotion-banner .text-box input[type=submit] span {
      font-size: 14px;
    }
  }
  @media (max-width: 577px) {
    .promotion-banner .text-box {
      width: calc(100% - 40px);
      height: auto;
      left: 20px;
      top: 70px;
      -webkit-transform: none;
      transform: none;
    }
    .promotion-banner .text-box .category {
      margin-bottom: 10px;
    }
    .promotion-banner .text-box h2 {
      max-width: 350px;
      width: 90%;
      font-size: 30px;
      line-height: 34px;
      margin: 0 auto 17px;
    }
  }
  .rtl-style .promotion-banner {
    direction: rtl;
  }
  .rtl-style .promotion-banner .text-box {
    left: auto;
    right: 7%;
  }
  .rtl-style .promotion-banner .text-box .button span, .rtl-style .promotion-banner .text-box form:not(.mf) input[type=submit] span, form:not(.mf) .rtl-style .promotion-banner .text-box input[type=submit] span {
    padding: 13px 25px 13px 45px;
  }
  @media (min-width: 1110px) {
    .rtl-style .promotion-banner .text-box {
      left: auto;
      right: 0;
    }
  }
  @media (max-width: 577px) {
    .rtl-style .promotion-banner .text-box {
      left: auto;
      right: 20px;
    }
  }
  .support-spot {
    background-color: #f3f3f4;
    padding: 75px 0;
    overflow: hidden;
  }
  @media (max-width: 767px) {
    .support-spot {
      padding: 45px 0;
    }
  }
  .support-spot .container {
    display: table;
    max-width: 1170px;
    width: calc(100% - 30px);
    padding: 0 15px;
    border-spacing: 30px;
    margin-top: -30px;
  }
  @media (max-width: 991px) {
    .support-spot .container {
      width: calc(100% - 10px);
      padding: 0 5px;
    }
  }
  @media (max-width: 767px) {
    .support-spot .container {
      padding: 0;
      width: 100%;
      display: block;
      margin-top: -5px;
    }
  }
  .support-spot .row {
    display: table-row;
  }
  @media (max-width: 767px) {
    .support-spot .row {
      display: block;
      padding: 0 20px;
    }
  }
  .support-spot a {
    position: relative;
    text-decoration: none;
    vertical-align: top;
    background-color: #ffffff;
    display: table-cell;
    width: 33.33%;
    box-shadow: 0 0 20px -1px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    overflow: hidden;
  }
  @media (max-width: 767px) {
    .support-spot a {
      width: 100%;
      display: block;
      margin: 20px 0;
    }
  }
  .support-spot .tile {
    padding: 24px 26px 43px 26px;
  }
  @media (max-width: 991px) {
    .support-spot .tile {
      padding: 24px 22px 41px 22px;
    }
  }
  @media (max-width: 767px) {
    .support-spot .tile {
      padding-bottom: 45px;
    }
  }
  .support-spot .tile p {
    font-size: 24px;
    font-weight: 300;
    line-height: 28px;
    margin: 0 0 20px;
    min-height: 84px;
    max-width: 270px;
    overflow: hidden;
  }
  @media (max-width: 991px) {
    .support-spot .tile p {
      font-size: 20px;
      line-height: 25px;
      margin: 0 0 25px;
      min-height: 75px;
    }
  }
  @media (max-width: 767px) {
    .support-spot .tile p {
      margin: 0 0 16px;
      max-width: 380px;
      min-height: 0;
    }
  }
  .support-spot .link-with-arrow {
    position: absolute;
    bottom: 20px;
    left: 22px;
  }
  @media (min-width: 992px) {
    .support-spot .link-with-arrow {
      left: 26px;
    }
  }
  @media (max-width: 991px) {
    .support-spot .link-with-arrow {
      font-size: 15px;
      line-height: 17px;
    }
  }
  .rtl-style .support-spot {
    direction: rtl;
  }
  .rtl-style .support-spot .link-with-arrow {
    left: auto;
    right: 22px;
  }
  @media (min-width: 992px) {
    .rtl-style .support-spot .link-with-arrow {
      left: auto;
      right: 26px;
    }
  }
  .twentytwenty-horizontal .twentytwenty-handle:before {
    content: " ";
    display: block;
    background: white;
    position: absolute;
    z-index: 30;
    -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
    -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
    box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
    width: 3px;
    height: 9999px;
    left: 50%;
    margin-left: -1.5px;
    bottom: 50%;
    margin-bottom: 22px;
    -webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
    -moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
    box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  }
  .twentytwenty-horizontal .twentytwenty-handle:after {
    content: " ";
    display: block;
    background: white;
    position: absolute;
    z-index: 30;
    -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
    -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
    box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
    width: 3px;
    height: 9999px;
    left: 50%;
    margin-left: -1.5px;
    top: 50%;
    margin-top: 22px;
    -webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
    -moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
    box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  }
  .twentytwenty-horizontal .twentytwenty-before-label:before {
    top: 50%;
    margin-top: -19px;
    left: 10px;
  }
  .twentytwenty-horizontal .twentytwenty-after-label:before {
    top: 50%;
    margin-top: -19px;
    right: 10px;
  }
  .twentytwenty-vertical .twentytwenty-handle:before {
    content: " ";
    display: block;
    background: white;
    position: absolute;
    z-index: 30;
    -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
    -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
    box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
    width: 9999px;
    height: 3px;
    top: 50%;
    margin-top: -1.5px;
    left: 50%;
    margin-left: 22px;
    -webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
    -moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
    box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  }
  .twentytwenty-vertical .twentytwenty-handle:after {
    content: " ";
    display: block;
    background: white;
    position: absolute;
    z-index: 30;
    -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
    -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
    box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
    width: 9999px;
    height: 3px;
    top: 50%;
    margin-top: -1.5px;
    right: 50%;
    margin-right: 22px;
    -webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
    -moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
    box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  }
  .twentytwenty-vertical .twentytwenty-before-label:before {
    left: 50%;
    margin-left: -45px;
    text-align: center;
    width: 90px;
    top: 10px;
  }
  .twentytwenty-vertical .twentytwenty-after-label:before {
    left: 50%;
    margin-left: -45px;
    text-align: center;
    width: 90px;
    bottom: 10px;
  }
  .twentytwenty-before-label {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity;
    opacity: 0;
  }
  .twentytwenty-before-label:before {
    color: white;
    font-size: 13px;
    letter-spacing: 0.1em;
    position: absolute;
    background: rgba(255, 255, 255, 0.2);
    line-height: 38px;
    padding: 0 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    content: attr(data-content);
  }
  .twentytwenty-after-label {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity;
    opacity: 0;
  }
  .twentytwenty-after-label:before {
    color: white;
    font-size: 13px;
    letter-spacing: 0.1em;
    position: absolute;
    background: rgba(255, 255, 255, 0.2);
    line-height: 38px;
    padding: 0 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    content: attr(data-content);
  }
  .twentytwenty-overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: background;
    -moz-transition-property: background;
    transition-property: background;
    background: rgba(0, 0, 0, 0);
    z-index: 25;
  }
  .twentytwenty-overlay:hover {
    background: rgba(0, 0, 0, 0.5);
  }
  .twentytwenty-overlay:hover .twentytwenty-after-label {
    opacity: 1;
  }
  .twentytwenty-overlay:hover .twentytwenty-before-label {
    opacity: 1;
  }
  .twentytwenty-left-arrow {
    width: 0;
    height: 0;
    border: 6px inset transparent;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    border-right: 6px solid white;
    left: 50%;
    margin-left: -17px;
  }
  .twentytwenty-right-arrow {
    width: 0;
    height: 0;
    border: 6px inset transparent;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    border-left: 6px solid white;
    right: 50%;
    margin-right: -17px;
  }
  .twentytwenty-up-arrow {
    width: 0;
    height: 0;
    border: 6px inset transparent;
    position: absolute;
    left: 50%;
    margin-left: -6px;
    border-bottom: 6px solid white;
    top: 50%;
    margin-top: -17px;
  }
  .twentytwenty-down-arrow {
    width: 0;
    height: 0;
    border: 6px inset transparent;
    position: absolute;
    left: 50%;
    margin-left: -6px;
    border-top: 6px solid white;
    bottom: 50%;
    margin-bottom: -17px;
  }
  .twentytwenty-container {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    z-index: 0;
    overflow: hidden;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
  }
  .twentytwenty-container img {
    max-width: 100%;
    position: absolute;
    top: 0;
    display: block;
  }
  .twentytwenty-container * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
  }
  .twentytwenty-container.active .twentytwenty-overlay {
    background: rgba(0, 0, 0, 0);
  }
  .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label {
    opacity: 0;
  }
  .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label {
    opacity: 0;
  }
  .twentytwenty-container.active:hover.twentytwenty-overlay {
    background: rgba(0, 0, 0, 0);
  }
  .twentytwenty-container.active:hover.twentytwenty-overlay .twentytwenty-before-label {
    opacity: 0;
  }
  .twentytwenty-container.active:hover.twentytwenty-overlay .twentytwenty-after-label {
    opacity: 0;
  }
  .twentytwenty-before {
    z-index: 20;
  }
  .twentytwenty-after {
    z-index: 10;
  }
  .twentytwenty-handle {
    height: 38px;
    width: 38px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -22px;
    margin-top: -22px;
    border: 3px solid white;
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    border-radius: 1000px;
    -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
    -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
    box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
    z-index: 40;
    cursor: pointer;
  }
  .col-6 .twentytwenty-after-label:before {
    font-size: 12px;
    padding: 0 8px;
  }
  .col-6 .twentytwenty-before-label:before {
    font-size: 12px;
    padding: 0 8px;
  }
  .col-6 .twentytwenty-horizontal .twentytwenty-after-label:before {
    right: 2px;
  }
  .col-6 .twentytwenty-horizontal .twentytwenty-before-label:before {
    left: 2px;
  }
  .col-4 .twentytwenty-after-label:before {
    font-size: 10px;
    padding: 0 5px;
  }
  .col-4 .twentytwenty-before-label:before {
    font-size: 10px;
    padding: 0 5px;
  }
  .col-4 .twentytwenty-horizontal .twentytwenty-after-label:before {
    right: 1px;
  }
  .col-4 .twentytwenty-horizontal .twentytwenty-before-label:before {
    left: 1px;
  }
  @media screen and (max-width: 860px) {
    .twentytwenty-before-label:before {
      font-size: 9px !important;
      padding: 0 5px !important;
    }
    .twentytwenty-after-label:before {
      font-size: 9px !important;
      padding: 0 5px !important;
    }
    .twentytwenty-horizontal .twentytwenty-before-label:before {
      left: -2px !important;
    }
    .twentytwenty-horizontal .twentytwenty-after-label:before {
      right: -2px !important;
    }
  }
  /*
   * jQuery FlexSlider v2.7.2
   * https://www.woocommerce.com/flexslider/
   *
   * Copyright 2012 WooThemes
   * Free to use under the GPLv2 and later license.
   * http://www.gnu.org/licenses/gpl-2.0.html
   *
   * Contributing author: Tyler Smith (@mbmufffin)
   *
   */
  /* ====================================================================================================================
   * FONT-FACE
   * ====================================================================================================================*/
  @font-face {
    font-family: "flexslider-icon";
    src: url("/Static/Hempel/fonts/flexslider-icon/fonts/flexslider-icon.eot");
    src: url("/Static/Hempel/fonts/flexslider-icon/fonts/flexslider-icon.eot?#iefix") format("embedded-opentype"), url("/Static/Hempel/fonts/flexslider-icon/fonts/flexslider-icon.woff") format("woff"), url("/Static/Hempel/fonts/flexslider-icon/fonts/flexslider-icon.ttf") format("truetype"), url("/Static/Hempel/fonts/flexslider-icon/fonts/flexslider-icon.svg#flexslider-icon") format("svg");
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: "glyphicons_halflingsregular";
    src: url("/Static/Hempel/fonts/glyphicons_halflingsregular/fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("/Static/Hempel/fonts/glyphicons_halflingsregular/fonts/glyphicons_halflings-regular#glyphicons_halflingsregular") format("svg");
    font-weight: normal;
    font-style: normal;
  }
  /* ====================================================================================================================
   * RESETS
   * ====================================================================================================================*/
  /* ====================================================================================================================
   * BASE STYLES
   * ====================================================================================================================*/
  /* ====================================================================================================================
   * DEFAULT THEME
   * ====================================================================================================================*/
  /* ====================================================================================================================
   * RESPONSIVE
   * ====================================================================================================================*/
  .flex-container a:hover {
    outline: none;
  }
  .flex-slider a:hover {
    outline: none;
  }
  .flexcontainer {
    max-width: 530px;
    margin-left: auto;
    margin-right: auto;
  }
  .col-4 .flexcontainer {
    height: 225px;
    width: 337px;
  }
  .col-4 #slider {
    max-height: 100%;
  }
  #carousel li {
    height: 90%;
    padding-bottom: 3px;
  }
  #slider {
    height: 340px;
  }
  #slider img {
    height: 100%;
    max-height: 340px;
  }
  .slides {
    margin: 0;
    padding: 0;
    list-style: none;
    height: 100%;
  }
  .slides > li {
    margin: 0;
    padding: 0;
    list-style: none;
    height: 100%;
  }
  .flex-control-nav {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: center;
  }
  .flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    *display: inline;
  }
  .flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
    *height: 0;
  }
  .flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 70px;
    height: 70px;
    margin: -20px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: 1;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .flex-direction-nav a:before {
    font-family: "glyphicons_halflingsregular";
    font-size: 20px;
    top: 20%;
    position: relative;
    display: inline-block;
    content: "\e079";
    color: #0033a0;
    text-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4);
    display: flex;
    justify-content: center;
  }
  .flex-direction-nav a:before:hover {
    text-shadow: 0 2px 5px 0 rgba(0, 51, 160, 0.4);
  }
  .flex-direction-nav a.flex-next:before {
    content: "\e080";
  }
  .flex-direction-nav .flex-prev {
    z-index: 9;
    height: 40px;
    width: 40px;
    background-color: white;
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4);
    border: 1px solid #fff;
    margin: 0px 0px 0px -25px;
  }
  .flex-direction-nav .flex-prev:hover {
    height: 40px;
    width: 40px;
    background-color: white;
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 51, 160, 0.4);
    margin: 0px 0px 0px -25px;
    border: 1px solid #0033a0;
  }
  .flex-direction-nav .flex-next {
    z-index: 9;
    right: 0px;
    text-align: right;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4);
    background-color: white;
    border: 1px solid #fff;
    margin: 0px -25px 0px 0px;
  }
  .flex-direction-nav .flex-next:hover {
    right: 0px;
    text-align: right;
    height: 40px;
    width: 40px;
    background-color: white;
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 51, 160, 0.4);
    border: 1px solid #0033a0;
    margin: 0px -25px 0px 0px;
  }
  .flex-direction-nav .flex-disabled {
    opacity: 0 !important;
    filter: alpha(opacity=0);
    cursor: default;
    z-index: -1;
  }
  .flex-pauseplay span {
    text-transform: capitalize;
  }
  .flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: 0.8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000;
  }
  .flex-pauseplay a:before {
    font-family: "flexslider-icon";
    font-size: 20px;
    display: inline-block;
    content: "\f004";
  }
  .flex-pauseplay a:hover {
    opacity: 1;
  }
  .flex-pauseplay a.flex-play:before {
    content: "\f003";
  }
  .flexslider {
    margin: 0;
    padding: 0;
    background: #fff;
    border: 4px solid #fff;
    position: relative;
    zoom: 1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
    -o-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
  }
  .flexslider .slides {
    zoom: 1;
  }
  .flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
  }
  .flexslider .slides img {
    width: 100%;
    display: block;
    height: 100%;
    -moz-user-select: none;
  }
  .flexslider .slides:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
  }
  html[xmlns] .flexslider .slides {
    display: flex;
  }
  * html .flexslider .slides {
    height: 1%;
  }
  .no-js .flexslider .slides > li:first-child {
    display: block;
  }
  .flex-viewport {
    height: 100%;
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
  }
  .loading .flex-viewport {
    max-height: 300px;
  }
  .carousel li {
    margin-right: 5px;
  }
  #carousel .flex-active-slide {
    border-bottom: 3px solid #0033a0;
  }
  .flex-control-paging li a {
    width: 6px;
    height: 6px;
    display: block;
    background: #8A8D8F;
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
  }
  .flex-control-paging li a:hover {
    background: #333;
    background: rgba(0, 0, 0, 0.7);
  }
  .flex-control-paging li a.flex-active {
    background: #000;
    cursor: default;
    width: 8px;
    height: 8px;
  }
  .flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
  }
  .flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0;
  }
  .flex-control-thumbs img {
    width: 100%;
    height: auto;
    display: block;
    opacity: 0.7;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
  }
  .flex-control-thumbs img:hover {
    opacity: 1;
  }
  .flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default;
  }
  .Flex-counter-main {
    position: relative;
    color: #0033a0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%); /* iOS */
    transform: translate(-50%, -50%);
  }
  .Flex-counter {
    font-size: 25px;
    cursor: pointer;
    z-index: 999;
  }
  .last-child {
    position: relative;
  }
  .last-child img {
    opacity: 0.3;
  }
  @media screen and (max-width: 860px) {
    #slider {
      height: 245px;
    }
    /*  .flexcontainer{
          padding:10px 5px;
      }*/
    .flex-direction-nav .flex-prev {
      opacity: 1;
      height: 25px;
      width: 25px;
      margin: 0px 0px 0px 5px;
      background-color: #ffffff;
      opacity: 0.5;
      box-shadow: 0px 0px 2px 0.5px #000000;
    }
    .flex-direction-nav .flex-prev:hover {
      opacity: 1;
      height: 25px;
      width: 25px;
      margin: 0px 0px 0px 5px;
      background-color: #ffffff;
      opacity: 0.5;
      box-shadow: 0px 0px 2px 0.5px #000000;
    }
    .flex-direction-nav a:before {
      font-size: 15px;
      top: 0px;
    }
    .flex-direction-nav .flex-next {
      opacity: 1;
      height: 25px;
      width: 25px;
      margin: 0px 5px 0px 0px;
      background-color: #ffffff;
      opacity: 0.5;
      box-shadow: 0px 0px 2px 0.5px #000000;
    }
    .flex-direction-nav .flex-next:hover {
      opacity: 1;
      height: 25px;
      width: 25px;
      margin: 0px 5px 0px 0px;
      background-color: #ffffff;
      opacity: 0.5;
      box-shadow: 0px 0px 2px 0.5px #000000;
    }
    .Flex-counter {
      font-size: 20px;
      padding-top: 30%;
    }
    .col-4 .flexcontainer {
      height: 300px;
      width: 337px;
    }
  }
  /* Magnific Popup CSS */
  /* Main image in popup */
  /* The shadow behind the image */
  /**
         * Remove all paddings around the image on small screen
         */
  /* Image Gallery */
  .mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
  }
  .mfp-bg-bg {
    background: #000000;
    opacity: 0.3;
  }
  .mfp-bg-all {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    overflow: hidden;
    position: fixed;
    background: #000000;
    opacity: 0.7;
  }
  .mfp-wrap {
    top: 0%;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 70%;
    height: 92%;
    z-index: 999999;
    position: fixed;
    background-color: white;
    outline: none !important;
    -webkit-backface-visibility: hidden;
    opacity: 1;
  }
  .mfp-wrap-all {
    top: 0%;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 70%;
    height: 90%;
    z-index: 9999;
    position: fixed;
    background-color: white;
    outline: none !important;
    -webkit-backface-visibility: hidden;
  }
  .mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box;
  }
  .mfp-container:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }
  .mfp-align-top .mfp-container:before {
    display: none;
  }
  .mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
  }
  .mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto;
  }
  .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
  }
  .mfp-ajax-cur {
    cursor: progress;
  }
  .mfp-zoom-out-cur {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
  }
  .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
  }
  .mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
  }
  .mfp-auto-cursor .mfp-content {
    cursor: auto;
  }
  .mfp-close {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: #000000;
    font-style: normal;
    font-size: 30px;
    font-family: Arial, Baskerville, monospace;
  }
  .mfp-close:hover {
    opacity: 1;
    color: #0033a0;
  }
  .mfp-close:active {
    top: 1px;
  }
  .mfp-arrow {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: absolute;
    margin: 0;
    top: 55%;
    margin-top: -55px;
    padding: 0;
    width: 50px;
    height: 50px;
    -webkit-tap-highlight-color: transparent;
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4);
    background-color: white;
    border: 1px solid #fff;
  }
  .mfp-arrow:active {
    margin-top: -54px;
  }
  .mfp-arrow:hover {
    opacity: 1;
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 51, 160, 0.4);
    background-color: white;
    width: 50px;
    height: 50px;
    border: 1px solid #0033a0;
  }
  .mfp-arrow:before {
    font-family: "glyphicons_halflingsregular";
    font-size: 25px;
    position: relative;
    display: inline-block;
    content: "\e079";
    color: #0033a0;
    text-shadow: 0px 2px 5px 0px #000000;
    display: flex;
    justify-content: center;
  }
  .mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
  }
  .mfp-preloader a {
    color: #CCC;
  }
  .mfp-preloader a:hover {
    color: #FFF;
  }
  .mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
  }
  .mfp-loading.mfp-figure {
    display: none;
  }
  .mfp-hide {
    display: none !important;
  }
  .mfp-s-ready .mfp-preloader {
    display: none;
  }
  .mfp-s-error .mfp-content {
    display: none;
  }
  button.mfp-close {
    overflow: visible;
    cursor: pointer;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 0;
    touch-action: manipulation;
    background-color: white;
  }
  button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 9999;
    touch-action: manipulation;
    background-color: white;
  }
  button::-moz-focus-inner {
    padding: 0;
    border: 0;
  }
  .mfp-close-btn-in .mfp-close {
    color: #333;
  }
  .mfp-image-holder .mfp-close {
    color: #0033a0;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
  }
  .mfp-image-holder .mfp-content {
    max-width: 90%;
  }
  .mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .mfp-iframe-holder .mfp-close {
    color: #0033a0;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
    top: -40px;
  }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
  }
  .mfp-arrow-left {
    left: 6%;
  }
  .mfp-arrow-right {
    right: 6%;
  }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px;
  }
  .mfp-arrow-right:before {
    content: "\e080";
  }
  .mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
  }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000;
  }
  img.mfp-img {
    width: auto;
    max-width: 100%;
    height: 100%;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
  }
  .mfp-figure {
    line-height: 0;
  }
  .mfp-figure:after {
    content: "";
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
  }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px;
  }
  .mfp-figure figure {
    margin: 0;
  }
  .mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
  }
  .mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px;
  }
  .mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
  }
  .all-images {
    display: none;
    overflow: auto;
  }
  .all-images ul {
    list-style-type: none;
  }
  .image-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 1%;
    padding: 2%;
    padding-top: 1%;
  }
  .image-gallery > li {
    width: 19%;
    position: relative;
    cursor: pointer;
    margin-top: 1%;
  }
  .image-gallery li img {
    object-fit: cover;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border-radius: 5px;
  }
  @media screen and (max-width: 800px) and (orientation: landscape) {
    .mfp-img-mobile .mfp-image-holder {
      padding-left: 0;
      padding-right: 0;
    }
    .mfp-img-mobile img.mfp-img {
      padding: 0;
    }
    .mfp-img-mobile .mfp-figure:after {
      top: 0;
      bottom: 0;
    }
    .mfp-img-mobile .mfp-figure small {
      display: inline;
      margin-left: 5px;
    }
    .mfp-img-mobile .mfp-bottom-bar {
      background: rgba(0, 0, 0, 0.6);
      bottom: 0;
      margin: 0;
      top: auto;
      padding: 3px 5px;
      position: fixed;
      box-sizing: border-box;
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0;
    }
    .mfp-img-mobile .mfp-counter {
      right: 5px;
      top: 3px;
    }
    .mfp-img-mobile .mfp-close {
      top: 0;
      right: 0;
      width: 35px;
      height: 35px;
      line-height: 35px;
      background: rgba(0, 0, 0, 0.6);
      position: fixed;
      text-align: center;
      padding: 0;
    }
  }
  @media screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
      padding-left: 0;
      padding-right: 0;
    }
    .mfp-img-mobile img.mfp-img {
      padding: 0;
    }
    .mfp-img-mobile .mfp-figure:after {
      top: 0;
      bottom: 0;
    }
    .mfp-img-mobile .mfp-figure small {
      display: inline;
      margin-left: 5px;
    }
    .mfp-img-mobile .mfp-bottom-bar {
      background: rgba(0, 0, 0, 0.6);
      bottom: 0;
      margin: 0;
      top: auto;
      padding: 3px 5px;
      position: fixed;
      box-sizing: border-box;
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0;
    }
    .mfp-img-mobile .mfp-counter {
      right: 5px;
      top: 3px;
    }
    .mfp-img-mobile .mfp-close {
      top: 0;
      right: 0;
      width: 35px;
      height: 35px;
      line-height: 35px;
      background: rgba(0, 0, 0, 0.6);
      position: fixed;
      text-align: center;
      padding: 0;
    }
  }
  @media all and (max-width: 900px) {
    .mfp-arrow {
      -webkit-transform: scale(0.75);
      transform: scale(0.75);
    }
    .mfp-arrow-left {
      -webkit-transform-origin: 0;
      transform-origin: 0;
    }
    .mfp-arrow-right {
      -webkit-transform-origin: 100%;
      transform-origin: 100%;
    }
    .mfp-container {
      padding-left: 6px;
      padding-right: 6px;
    }
  }
  @media screen and (max-width: 860px) {
    .mfp-wrap-all {
      top: 5%;
      left: 0;
      bottom: 0;
      right: 0;
      margin: auto;
      width: 85%;
      height: 80%;
      z-index: 9999;
      position: fixed;
      background-color: white;
      outline: none !important;
      -webkit-backface-visibility: hidden;
    }
    .mfp-close {
      width: 35px;
      height: 30px;
      line-height: 30px;
      position: absolute;
      right: 0;
      top: 0;
      text-decoration: none;
      text-align: center;
      padding: 0 0 18px 10px;
      color: #0033a0;
      font-style: normal;
      font-size: 30px;
      font-family: Arial, Baskerville, monospace;
    }
    .mfp-close:hover {
      width: 25px;
      height: 30px;
      line-height: 30px;
      position: absolute;
      right: 0;
      top: 0;
      text-decoration: none;
      text-align: center;
      padding: 0 0 18px 10px;
      color: #0033a0;
      font-style: normal;
      font-size: 30px;
      font-family: Arial, Baskerville, monospace;
    }
    .image-gallery > li {
      width: 32%;
    }
    .image-gallery li img {
      height: auto;
    }
    .mfp-bg-all {
      opacity: 0.4;
    }
  }
  /**
   * Swiper 10.0.4
   * Most modern mobile touch slider and framework with hardware accelerated transitions
   * https://swiperjs.com
   *
   * Copyright 2014-2023 Vladimir Kharlampidi
   *
   * Released under the MIT License
   *
   * Released on: July 8,  2023
   */
  @keyframes swiper-preloader-spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  .swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 337px;
    height: 225px;
    padding: 0;
    z-index: 1;
    display: block;
  }
  .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
  }
  .swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
  }
  .swiper-vertical {
    touch-action: pan-x;
  }
  .swiper-vertical > .swiper-wrapper {
    flex-direction: column;
  }
  .swiper-vertical > .swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0px, -50%, 0);
  }
  .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
  }
  .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
  }
  .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: 0.2s transform, 0.2s top;
  }
  .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
  }
  .swiper-vertical > .swiper-pagination-progressbar {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0;
  }
  .swiper-vertical > .swiper-scrollbar {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
  }
  .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box;
    transform: translate3d(0px, 0, 0);
  }
  .swiper-android .swiper-slide {
    transform: translate3d(0px, 0, 0);
  }
  .swiper-ios .swiper-slide {
    transform: translate3d(0px, 0, 0);
  }
  .swiper-horizontal {
    touch-action: pan-y;
  }
  .swiper-horizontal > .swiper-pagination-bullets {
    bottom: -40px;
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%;
  }
  .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
  }
  .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
  }
  .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 0.2s transform, 0.2s left;
  }
  .swiper-horizontal > .swiper-pagination-progressbar {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
  }
  .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0;
  }
  .swiper-horizontal > .swiper-scrollbar {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
  }
  .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block;
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .swiper-slide-invisible-blank {
    visibility: hidden;
  }
  .swiper-autoheight {
    height: auto;
  }
  .swiper-autoheight .swiper-slide {
    height: auto;
  }
  .swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
  }
  .swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px;
  }
  .swiper-3d {
    perspective: 1200px;
  }
  .swiper-3d .swiper-wrapper {
    transform-style: preserve-3d;
  }
  .swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d;
  }
  .swiper-3d .swiper-slide {
    transform-style: preserve-3d;
  }
  .swiper-3d .swiper-slide-shadow {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
    background: rgba(0, 0, 0, 0.15);
  }
  .swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-3d .swiper-slide-shadow-left {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-3d .swiper-slide-shadow-right {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
  }
  .swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
  .swiper-css-mode.swiper-horizontal > .swiper-wrapper {
    scroll-snap-type: x mandatory;
  }
  .swiper-css-mode.swiper-vertical > .swiper-wrapper {
    scroll-snap-type: y mandatory;
  }
  .swiper-css-mode.swiper-free-mode > .swiper-wrapper {
    scroll-snap-type: none;
  }
  .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: none;
  }
  .swiper-css-mode.swiper-centered > .swiper-wrapper::before {
    content: "";
    flex-shrink: 0;
    order: 9999;
  }
  .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always;
  }
  .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before);
  }
  .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after);
  }
  .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before);
  }
  .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after);
  }
  .swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
  }
  .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
  }
  .swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
  }
  .swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
  }
  .swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
  }
  .swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
  }
  .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size);
  }
  .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size);
  }
  .swiper-button-next {
    z-index: 9;
    right: 0;
    text-align: right;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #fff;
    margin: 0 -25px 0 0;
    position: absolute;
    top: 40%;
  }
  .swiper-button-next svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center;
  }
  .swiper-button-next a {
    text-decoration: none;
    display: block;
    width: 40px;
    height: 40px;
    margin: -21px -1px 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: 1;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  }
  .swiper-button-next a.flex-next:before {
    font-family: "glyphicons_halflingsregular";
    font-size: 20px;
    top: 20%;
    position: relative;
    display: inline-block;
    content: "\e079";
    color: #0033a0;
    text-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4);
    display: flex;
    justify-content: center;
    content: "\e080";
  }
  .swiper-button-prev {
    z-index: 9;
    height: 40px;
    width: 40px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #fff;
    margin: 0 0 0 -25px;
    position: absolute;
    top: 40%;
  }
  .swiper-button-prev svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center;
  }
  .swiper-button-prev a {
    text-decoration: none;
    display: block;
    width: 40px;
    height: 40px;
    margin: -21px -1px 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: 1;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  }
  .swiper-button-prev a.flex-prev:before {
    font-family: "glyphicons_halflingsregular";
    font-size: 20px;
    top: 20%;
    position: relative;
    display: inline-block;
    content: "\e079";
    color: #0033a0;
    text-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4);
    display: flex;
    justify-content: center;
  }
  .swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
  }
  .swiper-button-prev.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
  }
  .swiper-button-next.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
  }
  .swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
  }
  .swiper-navigation-disabled .swiper-button-next {
    display: none !important;
  }
  .swiper-navigation-disabled .swiper-button-prev {
    display: none !important;
  }
  .flex-prev {
    z-index: 9;
    height: 40px;
    width: 40px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4);
    border: 1px solid #fff;
    margin: 0 0 0 -25px;
  }
  .flex-prev:hover {
    height: 40px;
    width: 40px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 51, 160, 0.4);
    border: 1px solid #0033a0;
  }
  .flex-next {
    z-index: 9;
    height: 40px;
    width: 40px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4);
    border: 1px solid #fff;
    margin: 0 0 0 -25px;
  }
  .flex-next:hover {
    height: 40px;
    width: 40px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 51, 160, 0.4);
    border: 1px solid #0033a0;
  }
  .swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 0.3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
  }
  .swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
  }
  .swiper-pagination-disabled > .swiper-pagination {
    display: none !important;
  }
  .swiper-pagination.swiper-pagination-disabled {
    display: none !important;
  }
  .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: -30px;
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%;
  }
  .swiper-pagination-custom {
    bottom: -40px;
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%;
  }
  .swiper-pagination-fraction {
    bottom: -40px;
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%;
    color: var(--swiper-pagination-fraction-color, inherit);
  }
  .swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.55);
    position: relative;
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1);
    color: #000000;
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
    color: #8A8D8F;
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.77);
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.55);
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.77);
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.55);
  }
  .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
  }
  .swiper-pagination-bullet:only-child {
    display: none !important;
  }
  button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
  }
  .swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
  }
  .swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
  }
  .swiper-pagination-vertical.swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0px, -50%, 0);
  }
  .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
  }
  .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
  }
  .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: 0.2s transform, 0.2s top;
  }
  .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
  }
  .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
  }
  .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 0.2s transform, 0.2s left;
  }
  .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 0.2s transform, 0.2s right;
  }
  .swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
    position: absolute;
  }
  .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
  }
  .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top;
  }
  .swiper-pagination-progressbar.swiper-pagination-horizontal {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
  }
  .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
  }
  .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0;
  }
  .swiper-pagination-progressbar.swiper-pagination-vertical {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0;
  }
  .swiper-pagination-lock {
    display: none;
  }
  .swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    -ms-touch-action: none;
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
  }
  .swiper-scrollbar-disabled > .swiper-scrollbar {
    display: none !important;
  }
  .swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important;
  }
  .swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
  }
  .swiper-scrollbar.swiper-scrollbar-vertical {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
  }
  .swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    left: 0;
    top: 0;
  }
  .swiper-scrollbar-cursor-drag {
    cursor: move;
  }
  .swiper-scrollbar-lock {
    display: none;
  }
  .swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .swiper-zoom-container > canvas {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }
  .swiper-zoom-container > img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }
  .swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }
  .swiper-slide-zoomed {
    cursor: move;
    touch-action: none;
  }
  .swiper-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto;
  }
  .swiper-grid > .swiper-wrapper {
    flex-wrap: wrap;
  }
  .swiper-grid-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column;
  }
  .swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out;
  }
  .swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
  }
  .swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none;
  }
  .swiper-fade .swiper-slide-active {
    pointer-events: auto;
  }
  .swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
  }
  .swiper-cube {
    overflow: visible;
  }
  .swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
  }
  .swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none;
  }
  .swiper-cube .swiper-slide-active {
    pointer-events: auto;
    pointer-events: auto;
    visibility: visible;
  }
  .swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
  }
  .swiper-cube .swiper-slide-next {
    pointer-events: auto;
    visibility: visible;
  }
  .swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible;
  }
  .swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    z-index: 0;
  }
  .swiper-cube .swiper-cube-shadow:before {
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px);
  }
  .swiper-cube .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible;
  }
  .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0;
  }
  .swiper-flip {
    overflow: visible;
  }
  .swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
  }
  .swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none;
  }
  .swiper-flip .swiper-slide-active {
    pointer-events: auto;
  }
  .swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
  }
  .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height;
  }
  .swiper-cards {
    overflow: visible;
  }
  .swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
  }
  .custom_form form:not(.mf) table tbody th,
  .custom_form form:not(.mf) table tbody td {
    border: none;
    background-color: transparent;
  }
  .custom_form form:not(.mf) table tbody th {
    padding: 20px 10px;
  }
  .custom_form form:not(.mf) label[for] {
    text-transform: none;
    font-family: "Libre Franklin" !important;
    line-height: 26px !important;
  }
  .custom_form form:not(.mf) .textFormFieldBlock, .custom_form form:not(.mf) .optionSetFormFieldBlock, .custom_form form:not(.mf) .lookupFormFieldBlock {
    gap: 0px !important;
  }
  .custom_form form:not(.mf) input, .custom_form form:not(.mf) select, .custom_form form:not(.mf) textarea {
    background-color: transparent !important;
    font-family: "Libre Franklin" !important;
    padding: 8px 16px !important;
    font-size: 16px !important;
  }
  .custom_form form:not(.mf) .textFormFieldBlock label::after, .custom_form form:not(.mf) .lookupFormFieldBlock label::after, .custom_form form:not(.mf) .optionSetFormFieldBlock label::after, .custom_form form:not(.mf) .multiOptionSetFormFieldBlock label::after {
    color: black !important;
    display: inline !important;
    margin-left: 2px !important;
    line-height: 0px;
  }
  .custom_form form:not(.mf) .consentBlock label {
    margin-top: 0;
  }
  .custom_form form:not(.mf) .consentBlock label p:first-of-type::after {
    color: black !important;
    display: inline !important;
    margin-left: 2px !important;
    line-height: 0px;
  }
  .custom_form form:not(.mf) .submitButtonWrapper {
    display: flex;
    justify-content: center;
  }
  .custom_form form:not(.mf) .submitButton {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px;
    border-radius: 50px !important;
    background-color: #0033A0 !important;
    padding: 8px 24px !important;
  }
  .custom_form form:not(.mf) .submitButton:hover {
    background-color: #0076CF !important;
  }
  .custom_form form:not(.mf) .submitButton::after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-left: 6px;
    border-right: 2px solid white;
    border-top: 2px solid white;
    transform: rotate(45deg);
    border-top-right-radius: 1px;
  }
  .custom_form form:not(.mf) span {
    font-family: "Libre Franklin" !important;
  }
  .custom_form form:not(.mf) p {
    font-family: "Libre Franklin" !important;
  }
  .custom_form form:not(.mf) .ui-selectmenu-menu {
    max-width: none;
    width: 39%;
  }
  @media (max-width: 768px) {
    .custom_form form:not(.mf) .ui-selectmenu-menu {
      width: calc(100% - 102px);
    }
  }
  @media (max-width: 650px) {
    .custom_form form:not(.mf) .ui-selectmenu-menu {
      width: calc(100% - 82px);
    }
  }
}
@layer cx {
  @layer reset, base, components, utils;
  @layer base {
    .cx-theme {
      padding: 0;
    }
    .cx-theme [class*=cx-]:not(.cx-theme), .cx-theme [class*=cx-]:not(.cx-theme) * {
      box-sizing: border-box;
    }
    .cx-theme .container {
      box-sizing: border-box;
      max-width: min(var(--v-site-width), 100%);
      overflow: visible;
      padding-inline: var(--v-site-padding);
    }
  }
  @layer components {
    .cx-theme .atomic .container {
      padding-block: 5.625rem;
      padding-inline: var(--v-site-padding);
      width: 100%;
    }
    .cx-theme .atomic .rich-text ul,
    .cx-theme .atomic .rich-text ol {
      padding-inline-start: 0;
    }
    .cx-theme .atomic .rich-text li {
      margin-inline-start: var(--v-spacing--medium);
      padding-block: var(--v-spacing--xsmall);
      padding-inline: var(--v-spacing--medium) 0;
    }
    .cx-theme .atomic .rich-text ul li:before {
      margin-inline: calc(var(--v-spacing--xlarge) * -1) var(--v-spacing--large);
    }
    .cx-theme .atomic h1 {
      font-size: var(--v-type-size--xxxxlarge);
      line-height: var(--v-type-line-height--xxxxlarge);
      margin-block-end: 0.2em;
      margin-block-start: 0.5em;
    }
    .cx-theme .atomic h2 {
      font-size: var(--v-type-size--xxxlarge);
      line-height: var(--v-type-line-height--xxxlarge);
      margin-block-end: 0.8em;
      margin-block-start: 0;
    }
    .cx-theme .atomic h3 {
      font-size: var(--v-type-size--xxlarge);
      line-height: var(--v-type-line-height--xxlarge);
      margin-block-end: 0.8em;
      margin-block-start: 0;
    }
    .cx-theme .atomic h4 {
      font-size: var(--v-type-size--xlarge);
      font-weight: bold;
      line-height: var(--v-type-line-height--xlarge);
      margin-block-end: 0.8em;
      margin-block-start: 0;
    }
    .cx-theme .atomic h5 {
      font-size: var(--v-type-size--large);
      line-height: var(--v-type-line-height--large);
      margin-block-end: 0.8em;
      margin-block-start: 0;
    }
    .cx-theme .atomic h6 {
      font-size: var(--v-type-size--large);
      font-weight: bold;
      line-height: var(--v-type-line-height--large);
      margin-block-end: 0.8em;
      margin-block-start: 0;
    }
    .cx-theme .atomic.module.grey {
      --o-container--background-color: var(--v-color--greyscale--95);
    }
    .cx-theme .atomic.button.align-center, .cx-theme form:not(.mf) input.atomic.align-center[type=submit], form:not(.mf) .cx-theme input.atomic.align-center[type=submit], .cx-theme .atomic.button.align-left, .cx-theme form:not(.mf) input.atomic.align-left[type=submit], form:not(.mf) .cx-theme input.atomic.align-left[type=submit], .cx-theme .atomic.button.align-right, .cx-theme form:not(.mf) input.atomic.align-right[type=submit], form:not(.mf) .cx-theme input.atomic.align-right[type=submit], .cx-theme .atomic.link-with-arrow.align-center, .cx-theme .atomic.link-with-arrow.align-left, .cx-theme .atomic.link-with-arrow.align-right {
      display: flex;
      width: 100%;
    }
    .cx-theme .atomic.button.align-center, .cx-theme form:not(.mf) input.atomic.align-center[type=submit], form:not(.mf) .cx-theme input.atomic.align-center[type=submit], .cx-theme .atomic.link-with-arrow.align-center {
      justify-content: center;
    }
    .cx-theme .atomic.button.align-left, .cx-theme form:not(.mf) input.atomic.align-left[type=submit], form:not(.mf) .cx-theme input.atomic.align-left[type=submit], .cx-theme .atomic.link-with-arrow.align-left {
      justify-content: start;
    }
    .cx-theme .atomic.button.align-right, .cx-theme form:not(.mf) input.atomic.align-right[type=submit], form:not(.mf) .cx-theme input.atomic.align-right[type=submit], .cx-theme .atomic.link-with-arrow.align-right {
      justify-content: end;
    }
  }
  @layer reset {
    .cx-theme .atomic .container {
      padding: unset;
    }
    .cx-theme .atomic h1,
    .cx-theme .atomic h2,
    .cx-theme .atomic h3,
    .cx-theme .atomic h4,
    .cx-theme .atomic h5,
    .cx-theme .atomic h6 {
      margin: unset;
    }
    .cx-theme .atomic .rich-text ul,
    .cx-theme .atomic .rich-text ol {
      padding: unset;
    }
    .cx-theme .atomic .rich-text li {
      margin: unset;
      padding: unset;
    }
    .cx-theme .atomic .rich-text ul li:before {
      margin: unset;
    }
    .cx-theme .atomic .link-with-arrow a:hover icon {
      animation: unset;
    }
  }
  @layer components {
    .cx-theme .cx-button {
      align-items: center;
      background-color: var(--a-button--background-color);
      border: 1px solid var(--a-button--border-color, transparent);
      border-radius: var(--v-border--radius--large);
      color: var(--a-button--color);
      cursor: pointer;
      display: flex;
      font-size: var(--v-type-size--medium);
      font-weight: bold;
      gap: 0.25rem;
      justify-content: center;
      line-height: var(--a-button--line-height, var(--v-type-line-height--medium));
      min-width: unset;
      padding-block: var(--a-button--padding-block, var(--v-spacing--small));
      padding-inline-end: var(--a-button--padding-inline-end, var(--v-spacing--large));
      padding-inline-start: var(--a-button--padding-inline-start, var(--v-spacing--large));
      text-decoration: none;
      width: fit-content;
    }
    .cx-theme .cx-button[disabled] {
      --a-button--background-color: var(--v-color--greyscale--90);
      --a-button--border: 1px solid transparent;
      --a-button--color: var(--v-color--greyscale--55);
      cursor: not-allowed;
    }
    .cx-theme .cx-button:not([disabled]):hover {
      --a-button--background-color: var(--a-button--background-color--hover);
      --a-button--border-color: var(--a-button--border-color--hover);
      --a-button--color: var(--a-button--color--hover);
    }
    .cx-theme .cx-button:not([disabled]):focus-visible {
      --a-button--background-color: var(--a-button--background-color--focus);
      --a-button--border-color: var(--a-button--border-color--focus);
      --a-button--color: var(--a-button--color--focus);
      align-items: center;
      min-width: unset;
      outline: var(--a-button--outline--focus, 1px solid var(--v-color--greyscale--100));
      outline-offset: -0.1875rem;
      text-decoration: var(--a-button--text-decoration, none);
      width: fit-content;
    }
    .cx-theme .cx-button:not([disabled]):active {
      --a-button--background-color: var(--a-button--background-color--active);
      --a-button--border-color: var(--a-button--border-color--active);
      --a-button--color: var(--a-button--color--active);
      outline: 0;
    }
    .cx-theme .cx-button--icon, .cx-theme .cx-button--icon-end {
      --a-button--padding-inline-end: var(--v-spacing--medium);
    }
    .cx-theme .cx-button--icon-start {
      --a-button--padding-inline-end: var(--v-spacing--medium);
    }
    .cx-theme .cx-button--icon-start .cx-button__icon {
      order: -1;
    }
    .cx-theme .cx-button--icon-start .cx-button__icon--arrow::after {
      rotate: 180deg;
    }
    .cx-theme .cx-button--primary {
      --a-button--background-color: var(--v-color--primary--25);
      --a-button--background-color--active: var(--v-color--primary--60);
      --a-button--background-color--focus: var(--v-color--primary--50);
      --a-button--background-color--hover: var(--v-color--primary--50);
      --a-button--border-color: var(--v-color--primary--25);
      --a-button--border-color--active: var(--v-color--primary--60);
      --a-button--border-color--focus: var(--v-color--primary--50);
      --a-button--border-color--hover: var(--v-color--primary--50);
      --a-button--color: var(--v-color--greyscale--100);
      --a-button--color--active: var(--v-color--greyscale--100);
      --a-button--color--focus: var(--v-color--greyscale--100);
      --a-button--color--hover: var(--v-color--greyscale--100);
    }
    .cx-theme .cx-button--secondary {
      --a-button--background-color: var(--v-color--greyscale--100);
      --a-button--background-color--active: var(--v-color--greyscale--90);
      --a-button--background-color--focus: var(--v-color--greyscale--90);
      --a-button--background-color--hover: var(--v-color--greyscale--90);
      --a-button--border-color: var(--v-color--greyscale--100);
      --a-button--border-color--active: var(--v-color--greyscale--90);
      --a-button--border-color--focus: var(--v-color--greyscale--90);
      --a-button--border-color--hover: var(--v-color--greyscale--90);
      --a-button--color: var(--v-color--primary--25);
      --a-button--color--active: var(--v-color--primary--25);
      --a-button--color--focus: var(--v-color--primary--25);
      --a-button--color--hover: var(--v-color--primary--25);
    }
    .cx-theme .cx-button--success {
      --a-button--background-color: var(--v-color--feedback--success--60);
      --a-button--background-color--active: var(--v-color--feedback--success--30);
      --a-button--background-color--focus: var(--v-color--feedback--success--30);
      --a-button--background-color--hover: var(--v-color--feedback--success--30);
      --a-button--border-color: var(--v-color--feedback--success--60);
      --a-button--border-color--active: var(--v-color--feedback--success--30);
      --a-button--border-color--focus: var(--v-color--feedback--success--30);
      --a-button--border-color--hover: var(--v-color--feedback--success--30);
      --a-button--color: var(--v-color--greyscale--100);
      --a-button--color--active: var(--v-color--greyscale--100);
      --a-button--color--focus: var(--v-color--greyscale--100);
      --a-button--color--hover: var(--v-color--greyscale--100);
    }
    .cx-theme .cx-button--outline-primary {
      --a-button--background-color: transparent;
      --a-button--background-color--active: transparent;
      --a-button--background-color--focus: transparent;
      --a-button--background-color--hover: transparent;
      --a-button--border-color: var(--v-color--primary--25);
      --a-button--border-color--active: var(--v-color--primary--60);
      --a-button--border-color--focus: var(--v-color--primary--50);
      --a-button--border-color--hover: var(--v-color--primary--50);
      --a-button--color: var(--v-color--primary--25);
      --a-button--color--active: var(--v-color--primary--60);
      --a-button--color--focus: var(--v-color--primary--50);
      --a-button--color--hover: var(--v-color--primary--50);
    }
    .cx-theme .cx-button--outline-secondary {
      --a-button--background-color: transparent;
      --a-button--background-color--active: transparent;
      --a-button--background-color--focus: transparent;
      --a-button--background-color--hover: transparent;
      --a-button--border-color: var(--v-color--greyscale--100);
      --a-button--border-color--active: var(--v-color--greyscale--90);
      --a-button--border-color--focus: var(--v-color--greyscale--90);
      --a-button--border-color--hover: var(--v-color--greyscale--90);
      --a-button--color: var(--v-color--greyscale--100);
      --a-button--color--active: var(--v-color--greyscale--90);
      --a-button--color--focus: var(--v-color--greyscale--90);
      --a-button--color--hover: var(--v-color--greyscale--90);
    }
    .cx-theme .cx-button--outline-success {
      --a-button--background-color: transparent;
      --a-button--background-color--active: transparent;
      --a-button--background-color--focus: transparent;
      --a-button--background-color--hover: transparent;
      --a-button--border-color: var(--v-color--feedback--success--60);
      --a-button--border-color--active: var(--v-color--feedback--success--30);
      --a-button--border-color--focus: var(--v-color--feedback--success--30);
      --a-button--border-color--hover: var(--v-color--feedback--success--30);
      --a-button--color: var(--v-color--feedback--success--60);
      --a-button--color--active: var(--v-color--feedback--success--30);
      --a-button--color--focus: var(--v-color--feedback--success--30);
      --a-button--color--hover: var(--v-color--feedback--success--30);
    }
    .cx-theme .cx-button--link-primary {
      --a-button--color: var(--v-color--primary--25);
      --a-button--color--active: var(--v-color--primary--60);
      --a-button--color--focus: var(--v-color--primary--50);
      --a-button--color--hover: var(--v-color--primary--50);
      --a-button--outline--focus: none;
      --a-button--padding-block: 0;
      --a-button--padding-inline-end: 0;
      --a-button--padding-inline-start: 0;
      --a-button--text-decoration--hover: underline;
    }
    .cx-theme .cx-button--link-secondary {
      --a-button--color: var(--v-color--greyscale--100);
      --a-button--color--active: var(--v-color--greyscale--90);
      --a-button--color--focus: var(--v-color--greyscale--90);
      --a-button--color--hover: var(--v-color--greyscale--90);
      --a-button--outline--focus: none;
      --a-button--padding-block: 0;
      --a-button--padding-inline-end: 0;
      --a-button--padding-inline-start: 0;
      --a-button--text-decoration--hover: underline;
    }
    .cx-theme .cx-button--link-success {
      --a-button--color: var(--v-color--feedback--success--60);
      --a-button--color--active: var(--v-color--feedback--success--30);
      --a-button--color--focus: var(--v-color--feedback--success--30);
      --a-button--color--hover: var(--v-color--feedback--success--30);
      --a-button--outline--focus: none;
      --a-button--padding-block: 0;
      --a-button--padding-inline-end: 0;
      --a-button--padding-inline-start: 0;
      --a-button--text-decoration--hover: underline;
    }
    .cx-theme .cx-button--full {
      width: 100%;
    }
    .cx-theme .cx-button__icon {
      display: flex;
      inset-block-start: 0;
      inset-inline-start: 0;
      position: relative;
    }
    .cx-theme .cx-button__icon:not([disabled]):focus-visible {
      --a-button--background-color: var(--a-button--background-color--focus);
      --a-button--border-color: var(--a-button--border-color--focus);
      --a-button--color: var(--a-button--color--focus);
      --a-button--text-decoration: var(--a-button--text-decoration--focus);
      outline: var(--a-button--outline--focus, 1px solid var(--v-color--greyscale--100));
      outline-offset: -0.1875rem;
    }
    .cx-theme .cx-button__icon::after {
      animation: unset;
      background: var(--a-button--color);
      content: "";
      height: 1.25rem;
      inset-block-start: 0;
      inset-inline-start: 0;
      -webkit-mask-image: var(--a-button--icon-image);
      mask-image: var(--a-button--icon-image);
      position: relative;
      transform: unset;
      width: 1.25rem;
    }
    .cx-theme .cx-button__icon--arrow {
      --a-button--icon-image: url(/Static/Hempel/gfx/icons/arrow_white_slim.svg);
    }
    [dir=rtl] .cx-theme .cx-button__icon--arrow::after {
      inset-inline-start: 0;
      transform: rotate(180deg);
    }
  }
  @layer base {
    .cx-theme .button a, .cx-theme form:not(.mf) input[type=submit] a, form:not(.mf) .cx-theme input[type=submit] a {
      --a-button--icon-image: url(/Static/Hempel/gfx/icons/arrow_white_slim.svg);
      align-items: center;
      background-color: var(--a-button--background-color);
      border: 1px solid var(--a-button--border-color, transparent);
      border-radius: var(--v-border--radius--large);
      color: var(--a-button--color);
      cursor: pointer;
      display: flex;
      font-size: var(--v-type-size--medium);
      font-weight: bold;
      gap: 0.25rem;
      justify-content: center;
      line-height: var(--a-button--line-height, var(--v-type-line-height--medium));
      min-width: unset;
      padding-block: var(--a-button--padding-block, var(--v-spacing--small));
      padding-inline-end: var(--a-button--padding-inline-end, var(--v-spacing--large));
      padding-inline-start: var(--a-button--padding-inline-start, var(--v-spacing--large));
      text-decoration: none;
      width: fit-content;
      display: flex;
      inset-block-start: 0;
      inset-inline-start: 0;
      position: relative;
      --a-button--background-color: var(--v-color--primary--25);
      --a-button--background-color--active: var(--v-color--primary--60);
      --a-button--background-color--focus: var(--v-color--primary--50);
      --a-button--background-color--hover: var(--v-color--primary--50);
      --a-button--border-color: var(--v-color--primary--25);
      --a-button--border-color--active: var(--v-color--primary--60);
      --a-button--border-color--focus: var(--v-color--primary--50);
      --a-button--border-color--hover: var(--v-color--primary--50);
      --a-button--color: var(--v-color--greyscale--100);
      --a-button--color--active: var(--v-color--greyscale--100);
      --a-button--color--focus: var(--v-color--greyscale--100);
      --a-button--color--hover: var(--v-color--greyscale--100);
      padding-inline-end: var(--v-spacing--medium);
    }
    [dir=rtl] .cx-theme .button a::after, [dir=rtl] .cx-theme form:not(.mf) input[type=submit] a::after, form:not(.mf) [dir=rtl] .cx-theme input[type=submit] a::after {
      inset-inline-start: 0;
      transform: rotate(180deg);
    }
    .cx-theme .button a[disabled], .cx-theme form:not(.mf) input[type=submit] a[disabled], form:not(.mf) .cx-theme input[type=submit] a[disabled] {
      --a-button--background-color: var(--v-color--greyscale--90);
      --a-button--border: 1px solid transparent;
      --a-button--color: var(--v-color--greyscale--55);
      cursor: not-allowed;
    }
    .cx-theme .button a:not([disabled]):hover, .cx-theme form:not(.mf) input[type=submit] a:not([disabled]):hover, form:not(.mf) .cx-theme input[type=submit] a:not([disabled]):hover {
      --a-button--background-color: var(--a-button--background-color--hover);
      --a-button--border-color: var(--a-button--border-color--hover);
      --a-button--color: var(--a-button--color--hover);
    }
    .cx-theme .button a:not([disabled]):focus-visible, .cx-theme form:not(.mf) input[type=submit] a:not([disabled]):focus-visible, form:not(.mf) .cx-theme input[type=submit] a:not([disabled]):focus-visible {
      --a-button--background-color: var(--a-button--background-color--focus);
      --a-button--border-color: var(--a-button--border-color--focus);
      --a-button--color: var(--a-button--color--focus);
      align-items: center;
      min-width: unset;
      outline: var(--a-button--outline--focus, 1px solid var(--v-color--greyscale--100));
      outline-offset: -0.1875rem;
      text-decoration: var(--a-button--text-decoration, none);
      width: fit-content;
    }
    .cx-theme .button a:not([disabled]):active, .cx-theme form:not(.mf) input[type=submit] a:not([disabled]):active, form:not(.mf) .cx-theme input[type=submit] a:not([disabled]):active {
      --a-button--background-color: var(--a-button--background-color--active);
      --a-button--border-color: var(--a-button--border-color--active);
      --a-button--color: var(--a-button--color--active);
      outline: 0;
    }
    .cx-theme .button a--icon, .cx-theme form:not(.mf) input[type=submit] a--icon, form:not(.mf) .cx-theme input[type=submit] a--icon, .cx-theme .button a--icon-end, .cx-theme form:not(.mf) input[type=submit] a--icon-end, form:not(.mf) .cx-theme input[type=submit] a--icon-end {
      --a-button--padding-inline-end: var(--v-spacing--medium);
    }
    .cx-theme .button a--icon-start, .cx-theme form:not(.mf) input[type=submit] a--icon-start, form:not(.mf) .cx-theme input[type=submit] a--icon-start {
      --a-button--padding-inline-end: var(--v-spacing--medium);
    }
    .cx-theme .button a--icon-start .cx-button__icon, .cx-theme form:not(.mf) input[type=submit] a--icon-start .cx-button__icon, form:not(.mf) .cx-theme input[type=submit] a--icon-start .cx-button__icon {
      order: -1;
    }
    .cx-theme .button a--icon-start .cx-button__icon--arrow::after, .cx-theme form:not(.mf) input[type=submit] a--icon-start .cx-button__icon--arrow::after, form:not(.mf) .cx-theme input[type=submit] a--icon-start .cx-button__icon--arrow::after {
      rotate: 180deg;
    }
    .cx-theme .button a:not([disabled]):focus-visible, .cx-theme form:not(.mf) input[type=submit] a:not([disabled]):focus-visible, form:not(.mf) .cx-theme input[type=submit] a:not([disabled]):focus-visible {
      --a-button--background-color: var(--a-button--background-color--focus);
      --a-button--border-color: var(--a-button--border-color--focus);
      --a-button--color: var(--a-button--color--focus);
      --a-button--text-decoration: var(--a-button--text-decoration--focus);
      outline: var(--a-button--outline--focus, 1px solid var(--v-color--greyscale--100));
      outline-offset: -0.1875rem;
    }
    .cx-theme .button a::after, .cx-theme form:not(.mf) input[type=submit] a::after, form:not(.mf) .cx-theme input[type=submit] a::after {
      animation: unset;
      background: var(--a-button--color);
      content: "";
      height: 1.25rem;
      inset-block-start: 0;
      inset-inline-start: 0;
      -webkit-mask-image: var(--a-button--icon-image);
      mask-image: var(--a-button--icon-image);
      position: relative;
      transform: unset;
      width: 1.25rem;
    }
    .cx-theme .button a--arrow, .cx-theme form:not(.mf) input[type=submit] a--arrow, form:not(.mf) .cx-theme input[type=submit] a--arrow {
      --a-button--icon-image: url(/Static/Hempel/gfx/icons/arrow_white_slim.svg);
    }
    [dir=rtl] .cx-theme .button a--arrow::after, [dir=rtl] .cx-theme form:not(.mf) input[type=submit] a--arrow::after, form:not(.mf) [dir=rtl] .cx-theme input[type=submit] a--arrow::after {
      inset-inline-start: 0;
      transform: rotate(180deg);
    }
    .cx-theme .button.transparent, .cx-theme form:not(.mf) input.transparent[type=submit], form:not(.mf) .cx-theme input.transparent[type=submit] {
      border: none;
    }
    .cx-theme .button.transparent a, .cx-theme form:not(.mf) input.transparent[type=submit] a, form:not(.mf) .cx-theme input.transparent[type=submit] a {
      --a-button--background-color: transparent;
      --a-button--background-color--active: transparent;
      --a-button--background-color--focus: transparent;
      --a-button--background-color--hover: transparent;
      --a-button--border-color: var(--v-color--greyscale--100);
      --a-button--border-color--active: var(--v-color--greyscale--90);
      --a-button--border-color--focus: var(--v-color--greyscale--90);
      --a-button--border-color--hover: var(--v-color--greyscale--90);
      --a-button--color: var(--v-color--greyscale--100);
      --a-button--color--active: var(--v-color--greyscale--90);
      --a-button--color--focus: var(--v-color--greyscale--90);
      --a-button--color--hover: var(--v-color--greyscale--90);
    }
    .cx-theme .link-with-arrow {
      align-items: center;
      background-color: var(--a-button--background-color);
      border: 1px solid var(--a-button--border-color, transparent);
      border-radius: var(--v-border--radius--large);
      color: var(--a-button--color);
      cursor: pointer;
      display: flex;
      font-size: var(--v-type-size--medium);
      font-weight: bold;
      gap: 0.25rem;
      justify-content: center;
      line-height: var(--a-button--line-height, var(--v-type-line-height--medium));
      min-width: unset;
      padding-block: var(--a-button--padding-block, var(--v-spacing--small));
      padding-inline-end: var(--a-button--padding-inline-end, var(--v-spacing--large));
      padding-inline-start: var(--a-button--padding-inline-start, var(--v-spacing--large));
      text-decoration: none;
      width: fit-content;
      --a-button--color: var(--v-color--primary--25);
      --a-button--color--active: var(--v-color--primary--60);
      --a-button--color--focus: var(--v-color--primary--50);
      --a-button--color--hover: var(--v-color--primary--50);
      --a-button--outline--focus: none;
      --a-button--padding-block: 0;
      --a-button--padding-inline-end: 0;
      --a-button--padding-inline-start: 0;
      --a-button--text-decoration--hover: underline;
    }
    .cx-theme .link-with-arrow[disabled] {
      --a-button--background-color: var(--v-color--greyscale--90);
      --a-button--border: 1px solid transparent;
      --a-button--color: var(--v-color--greyscale--55);
      cursor: not-allowed;
    }
    .cx-theme .link-with-arrow:not([disabled]):hover {
      --a-button--background-color: var(--a-button--background-color--hover);
      --a-button--border-color: var(--a-button--border-color--hover);
      --a-button--color: var(--a-button--color--hover);
    }
    .cx-theme .link-with-arrow:not([disabled]):focus-visible {
      --a-button--background-color: var(--a-button--background-color--focus);
      --a-button--border-color: var(--a-button--border-color--focus);
      --a-button--color: var(--a-button--color--focus);
      align-items: center;
      min-width: unset;
      outline: var(--a-button--outline--focus, 1px solid var(--v-color--greyscale--100));
      outline-offset: -0.1875rem;
      text-decoration: var(--a-button--text-decoration, none);
      width: fit-content;
    }
    .cx-theme .link-with-arrow:not([disabled]):active {
      --a-button--background-color: var(--a-button--background-color--active);
      --a-button--border-color: var(--a-button--border-color--active);
      --a-button--color: var(--a-button--color--active);
      outline: 0;
    }
    .cx-theme .link-with-arrow--icon, .cx-theme .link-with-arrow--icon-end {
      --a-button--padding-inline-end: var(--v-spacing--medium);
    }
    .cx-theme .link-with-arrow--icon-start {
      --a-button--padding-inline-end: var(--v-spacing--medium);
    }
    .cx-theme .link-with-arrow--icon-start .cx-button__icon {
      order: -1;
    }
    .cx-theme .link-with-arrow--icon-start .cx-button__icon--arrow::after {
      rotate: 180deg;
    }
    .cx-theme .link-with-arrow a {
      align-items: center;
      display: flex;
      font-weight: bold;
      padding: 0;
      gap: 4px;
    }
    .cx-theme .link-with-arrow .next-icon {
      display: flex;
      inset-block-start: 0;
      inset-inline-start: 0;
      position: relative;
      --a-button--icon-image: url(/Static/Hempel/gfx/icons/arrow_white_slim.svg);
      background: unset;
      height: 1.25rem;
      width: 1.25rem;
    }
    .cx-theme .link-with-arrow .next-icon:not([disabled]):focus-visible {
      --a-button--background-color: var(--a-button--background-color--focus);
      --a-button--border-color: var(--a-button--border-color--focus);
      --a-button--color: var(--a-button--color--focus);
      --a-button--text-decoration: var(--a-button--text-decoration--focus);
      outline: var(--a-button--outline--focus, 1px solid var(--v-color--greyscale--100));
      outline-offset: -0.1875rem;
    }
    .cx-theme .link-with-arrow .next-icon::after {
      animation: unset;
      background: var(--a-button--color);
      content: "";
      height: 1.25rem;
      inset-block-start: 0;
      inset-inline-start: 0;
      -webkit-mask-image: var(--a-button--icon-image);
      mask-image: var(--a-button--icon-image);
      position: relative;
      transform: unset;
      width: 1.25rem;
    }
    .cx-theme .link-with-arrow .next-icon--arrow {
      --a-button--icon-image: url(/Static/Hempel/gfx/icons/arrow_white_slim.svg);
    }
    [dir=rtl] .cx-theme .link-with-arrow .next-icon--arrow::after {
      inset-inline-start: 0;
      transform: rotate(180deg);
    }
    [dir=rtl] .cx-theme .link-with-arrow .next-icon::after {
      inset-inline-start: 0;
      transform: rotate(180deg);
    }
    .cx-theme .link-with-arrow.back .next-icon {
      transform: rotate(180deg);
    }
  }
  @layer reset {
    .cx-theme .cx-button.button span, .cx-theme form:not(.mf) input.cx-button[type=submit] span, form:not(.mf) .cx-theme input.cx-button[type=submit] span {
      align-items: center;
      display: flex;
      line-height: var(--v-type-line-height--medium);
      overflow: unset;
      padding: 0;
      position: unset;
    }
    .cx-theme .cx-button.button span::after, .cx-theme form:not(.mf) input.cx-button[type=submit] span::after, form:not(.mf) .cx-theme input.cx-button[type=submit] span::after {
      background: unset;
      height: unset;
      inset: unset;
      width: unset;
    }
    .cx-theme .cx-button icon {
      background: unset;
    }
    .cx-theme .cx-button__icon {
      animation: unset;
    }
    .cx-theme .cx-button__icon::after {
      animation: unset;
      transform: unset;
    }
  }
  @layer components {
    .cx-theme .cx-caption {
      display: block;
      overflow: hidden;
      position: relative;
    }
    .cx-theme .cx-caption::after {
      border-block-start: 1px solid var(--v-color--greyscale--85);
      content: "";
      inset-block-start: 50%;
      inset-inline-start: auto;
      margin-inline-start: var(--v-spacing--small);
      position: absolute;
      width: 100%;
    }
  }
  @layer components {
    .cx-theme .cx-favourite-button {
      background: none;
      border: none;
      color: inherit;
      cursor: pointer;
      display: inline-flex;
      font: inherit;
      outline: none;
      padding: 0;
      position: relative;
      transition: outline-width 0.2s ease;
    }
    .cx-theme .cx-favourite-button:focus-visible, .cx-theme .cx-favourite-button:hover {
      background-color: rgba(0, 51, 160, 0.1);
      border-radius: 1.5rem;
      outline: 0.625rem solid rgba(0, 51, 160, 0.1);
    }
    .cx-theme .cx-favourite-button:focus-visible.hideLabel, .cx-theme .cx-favourite-button:hover.hideLabel {
      border-radius: 50%;
    }
    .cx-theme .cx-favourite-button::before {
      border-radius: 1.5rem;
      content: "";
      height: 100%;
      outline: 1px solid transparent;
      outline-offset: 0.625rem;
      position: absolute;
      width: 100%;
    }
    .cx-theme .cx-favourite-button::before.hideLabel {
      border-radius: 50%;
    }
    .cx-theme .cx-favourite-button:focus-visible::before {
      outline-color: var(--v-color--primary--25);
      transition: outline-color 0.2s ease;
      transition-delay: 0.1s;
    }
    .cx-theme .cx-favourite-button svg {
      fill: var(--v-color--primary--25);
    }
  }
  @layer components {
    .cx-theme .cx-logo {
      margin-block: var(--v-spacing--xsmall);
      object-fit: contain;
    }
    @media screen and (min-width: 62rem) {
      .cx-theme .cx-logo {
        margin-block: var(--v-spacing--small);
      }
    }
    .cx-theme .cx-logo--shape {
      height: 3.1875rem;
      width: 10.25rem;
    }
    @media screen and (min-width: 40rem) {
      .cx-theme .cx-logo--shape {
        height: 4.375rem;
        width: 13.8125rem;
      }
    }
  }
  @layer components {
    .cx-theme .cx-text {
      font-weight: normal;
      margin: 0;
    }
    .cx-theme .cx-text--xsmall {
      font-size: var(--v-type-size--xsmall);
      line-height: var(--v-type-line-height--xsmall);
    }
    .cx-theme .cx-text--small {
      font-size: var(--v-type-size--small);
      line-height: var(--v-type-line-height--small);
    }
    .cx-theme .cx-text--medium {
      font-size: var(--v-type-size--medium);
      line-height: var(--v-type-line-height--medium);
    }
    .cx-theme .cx-text--large {
      font-size: var(--v-type-size--large);
      line-height: var(--v-type-line-height--large);
    }
    .cx-theme .cx-text--xlarge {
      font-size: var(--v-type-size--xlarge);
      line-height: var(--v-type-line-height--xlarge);
    }
    .cx-theme .cx-text--xxlarge {
      font-size: var(--v-type-size--xxlarge);
      line-height: var(--v-type-line-height--xxlarge);
    }
    .cx-theme .cx-text--xxxlarge {
      font-size: var(--v-type-size--xxxlarge);
      line-height: var(--v-type-line-height--xxxlarge);
    }
    .cx-theme .cx-text--lighter {
      font-weight: lighter;
    }
    .cx-theme .cx-text--bold {
      font-weight: bold;
    }
    .cx-theme .cx-text--primary {
      color: var(--v-color--primary--25);
    }
    .cx-theme .cx-text--ellipsis-1 {
      display: -webkit-box;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
    }
    .cx-theme .cx-text--ellipsis-2 {
      display: -webkit-box;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
    }
    .cx-theme .cx-text--ellipsis-3 {
      display: -webkit-box;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
    }
    .cx-theme .cx-text--ellipsis-4 {
      display: -webkit-box;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 4;
    }
  }
  @layer base {
    .cx-theme .cx-h1,
    .cx-theme h1 {
      font-size: var(--v-type--h1--font-size);
      font-weight: var(--v-type--h1--font-weight);
      line-height: var(--v-type--h1--line-height);
      margin-block-end: var(--v-type--h1--margin-block-end);
      margin-block-start: var(--v-type--h1--margin-block-start);
    }
    .cx-theme .cx-h2,
    .cx-theme h2 {
      font-size: var(--v-type--h2--font-size);
      font-weight: var(--v-type--h2--font-weight);
      line-height: var(--v-type--h2--line-height);
      margin-block-end: var(--v-type--h2--margin-block-end);
      margin-block-start: var(--v-type--h2--margin-block-start);
    }
    .cx-theme .cx-h3,
    .cx-theme h3 {
      font-size: var(--v-type--h3--font-size);
      font-weight: var(--v-type--h3--font-weight);
      line-height: var(--v-type--h3--line-height);
      margin-block-end: var(--v-type--h3--margin-block-end);
      margin-block-start: var(--v-type--h3--margin-block-start);
    }
    .cx-theme .cx-h4,
    .cx-theme h4 {
      font-size: var(--v-type--h4--font-size);
      font-weight: var(--v-type--h4--font-weight);
      line-height: var(--v-type--h4--line-height);
      margin-block-end: var(--v-type--h4--margin-block-end);
      margin-block-start: var(--v-type--h4--margin-block-start);
    }
    .cx-theme .cx-h5,
    .cx-theme h5 {
      font-size: var(--v-type--h5--font-size);
      font-weight: var(--v-type--h5--font-weight);
      line-height: var(--v-type--h5--line-height);
      margin-block-end: var(--v-type--h5--margin-block-end);
      margin-block-start: var(--v-type--h5--margin-block-start);
    }
    .cx-theme .cx-h6,
    .cx-theme h6 {
      font-size: var(--v-type--h6--font-size);
      font-weight: var(--v-type--h6--font-weight);
      line-height: var(--v-type--h6--line-height);
      margin-block-end: var(--v-type--h6--margin-block-end);
      margin-block-start: var(--v-type--h6--margin-block-start);
    }
    .cx-theme a,
    .cx-theme p,
    .cx-theme li,
    .cx-theme .rich-text {
      font-size: var(--v-type--body--font-size);
      font-weight: var(--v-type--body--font-weight);
      line-height: var(--v-type--body--line-height);
    }
    .cx-theme .rich-text a {
      color: var(--v-type--a--color);
    }
    .cx-theme .rich-text a:active {
      color: var(--v-type--a--color--active);
    }
    .cx-theme .rich-text a:focus-visible {
      color: var(--v-type--a--color--focus);
    }
    .cx-theme .rich-text a:hover {
      color: var(--v-type--a--color--hover);
    }
    .cx-theme table thead th {
      font-size: var(--v-type-size--small);
      font-weight: bold;
      line-height: var(--v-type-line-height--small);
    }
    .cx-theme table tbody td,
    .cx-theme table tbody a,
    .cx-theme table tbody p {
      font-size: var(--v-type-size--small);
      line-height: var(--v-type-line-height--small);
    }
  }
  @layer components {
    .cx-theme .bread-crumbs {
      width: 100%;
    }
    .cx-theme .bread-crumbs .row {
      margin-block: var(--v-spacing--medium);
      margin-inline: auto;
      max-width: min(var(--v-site-width), 100%);
      padding-inline: var(--v-site-padding);
    }
    .cx-theme .bread-crumbs .bread-crumb a {
      font-size: var(--v-type-size--small);
      line-height: var(--v-type-line-height--small);
    }
  }
  @layer reset {
    .cx-theme .bread-crumbs {
      line-height: unset;
      padding: unset;
    }
    .cx-theme .bread-crumbs * {
      box-sizing: border-box;
    }
    .cx-theme .bread-crumbs .row {
      margin: unset;
    }
  }
  @layer components {
    .cx-theme .cx-card {
      border-radius: var(--v-border--radius--xsmall);
      box-shadow: var(--v-shadow--xsmall);
      display: flex;
      flex-direction: column;
      overflow: hidden;
      text-decoration: none;
    }
    @media screen and (min-width: 40rem) {
      .cx-theme .cx-card--case-card {
        --m-card--description--font-size: var(--v-type-size--xsmall);
        --m-card--description--line-height: var(--v-type-line-height--xsmall);
        --m-card--heading--font-size: var(--v-type-size--medium);
        --m-card--heading--line-height: var(--v-type-line-height--medium);
      }
    }
    .cx-theme .cx-card--brand-card {
      --m-card--action--border-block-start: 1px solid
        var(--v-color--greyscale--85);
      --m-card--action--padding-block-start: var(--v-spacing--medium);
      --m-card--inner--padding: var(--v-spacing--large);
    }
    @media screen and (min-width: 62rem) {
      .cx-theme .cx-card {
        --m-card--margin: var(--v-spacing--medium);
      }
    }
    .cx-theme .cx-card__inner {
      display: flex;
      flex: 1;
      flex-direction: column;
      height: 100%;
      padding: var(--m-card--inner--padding, var(--v-spacing--medium));
    }
    .cx-theme .cx-card__image-wrapper {
      height: 14.5rem;
      overflow: hidden;
    }
    .cx-theme .cx-card__image {
      height: 100%;
      object-fit: cover;
      width: 100%;
    }
    .cx-theme .cx-card__caption {
      color: var(--v-color--primary--25);
      font-size: var(--v-type-size--xsmall);
      font-weight: bold;
      line-height: var(--v-type-line-height--xsmall);
    }
    .cx-theme .cx-card__heading {
      font-size: var(--m-card--heading--font-size, var(--v-type-size--xlarge));
      font-weight: bold;
      line-height: var(--m-card--heading--line-height, var(--v-type-line-height--xlarge));
      margin-block: 0;
    }
    .cx-theme .cx-card__description {
      display: -webkit-box;
      font-size: var(--m-card--description--font-size, var(--v-type-size--medium));
      font-weight: normal;
      line-height: var(--m-card--description--line-height, var(--v-type-line-height--medium));
      margin-block: var(--v-spacing--small) var(--v-spacing--large);
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 4;
    }
    .cx-theme .cx-card__actions {
      border-block-start: var(--m-card--action--border-block-start);
      margin-block-start: auto;
      padding-block-start: var(--m-card--action--padding-block-start);
    }
  }
  @layer reset {
    .cx-theme .cx-card__caption, .cx-theme .cx-card__heading, .cx-theme .cx-card__description {
      margin: unset;
    }
  }
  @layer components {
    .cx-theme .cx-chip-list {
      display: flex;
      flex-flow: row wrap;
      gap: var(--v-spacing--xsmall);
    }
    .cx-theme .cx-chip-list__item {
      --a-chip--background-color: var(--v-color--primary--50);
      background-color: var(--a-chip--background-color);
      border-radius: var(--v-border--radius--xsmall);
      color: var(--v-color--greyscale--100);
      display: inline-flex;
      font-size: var(--v-type-size--xsmall);
      font-weight: bold;
      line-height: var(--v-type-line-height--xsmall);
      margin: 0;
      padding-block: 0;
      padding-inline: var(--v-spacing--small);
    }
    .cx-theme .cx-chip-list__item.primary {
      --a-chip--background-color: var(--v-color--primary--60);
    }
    .cx-theme .cx-chip-list__item.secondary {
      --a-chip--background-color: var(--v-color--feedback--warning--70);
    }
    .cx-theme .cx-chip-list__item.tertiary {
      --a-chip--background-color: var(--v-color--feedback--success--30);
    }
    .cx-theme .cx-chip-list__item.quaternary {
      --a-chip--background-color: var(--v-color--greyscale--60);
    }
    .cx-theme .cx-chip-list__item.quinary {
      --a-chip--background-color: var(--v-color--feedback--success--60);
    }
  }
  @layer components {
    .cx-theme .contact-card a {
      color: var(--v-color--primary--25);
    }
    .cx-theme .contact-card .city {
      font-size: var(--v-type-size--xlarge);
      line-height: var(--v-type-line-height--xlarge);
    }
    .cx-theme .contact-card .office-type {
      font-size: var(--v-type-size--large);
      line-height: var(--v-type-line-height--large);
    }
    .cx-theme .contact-card .right {
      font-size: var(--v-type-size--medium);
      line-height: var(--v-type-line-height--medium);
    }
  }
  @layer components {
    .cx-theme .cx-conversion-card {
      --color-theme: var(--v-color--primary--25);
    }
    .cx-theme .cx-conversion-card__image {
      background: var(--color-theme);
      height: 5.625rem;
      width: 5.625rem;
    }
    .cx-theme .cx-conversion-card__container {
      display: block;
      margin-inline: auto;
    }
    .cx-theme .cx-conversion-card__heading, .cx-theme .cx-conversion-card__description {
      text-align: center;
    }
    .cx-theme .cx-conversion-card__heading {
      color: var(--color-theme);
      margin-block: var(--v-spacing--medium) var(--v-spacing--small);
    }
    .cx-theme .cx-conversion-card__button {
      inset-inline-start: 0.875rem;
      margin-block: var(--v-spacing--small) 0;
      margin-inline: auto;
    }
  }
  @layer reset {
    .cx-theme .cx-conversion-card {
      border: none;
      padding: unset;
      width: unset;
    }
    .cx-theme .cx-conversion-card .image {
      position: unset;
    }
    .cx-theme .cx-conversion-card .text {
      width: unset;
    }
    .cx-theme .cx-conversion-card .link-with-arrow {
      float: none;
    }
  }
  @layer components {
    .cx-theme .cx-news-card {
      background-color: var(--v-color--greyscale--100);
      border-radius: var(--v-border--radius--xsmall);
      box-shadow: var(--v-shadow--xsmall);
      padding: var(--v-spacing--large);
    }
    .cx-theme .cx-news-card.news {
      display: grid;
      gap: var(--v-spacing--medium);
      grid-template-columns: 1fr;
    }
    @media screen and (min-width: 40rem) {
      .cx-theme .cx-news-card.news {
        grid-template-columns: auto 1fr;
      }
    }
    .cx-theme .cx-news-card__wrapper {
      display: flex;
      flex-direction: column;
      gap: var(--v-spacing--medium);
      order: 2;
      text-decoration: none;
    }
    @media screen and (min-width: 40rem) {
      .cx-theme .cx-news-card__wrapper {
        flex-direction: row;
      }
    }
    .cx-theme .cx-news-card__inner {
      display: flex;
      flex: 1;
      flex-direction: column;
      order: 2;
    }
    .cx-theme .cx-news-card__image-wrapper {
      display: grid;
      height: 12.5rem;
      order: 1;
      overflow: hidden;
      width: auto;
    }
    @media screen and (min-width: 40rem) {
      .cx-theme .cx-news-card__image-wrapper {
        height: auto;
        width: 8.125rem;
      }
    }
    .cx-theme .cx-news-card__image {
      border-radius: var(--v-border--radius--xsmall);
      height: 100%;
      object-fit: cover;
      width: 100%;
    }
    .cx-theme .cx-news-card__description {
      margin-block-end: var(--v-spacing--xsmall);
    }
    .cx-theme .cx-news-card__actions {
      margin-block-start: auto;
    }
  }
  @layer reset {
    .cx-theme .cx-news-card {
      margin: 0;
    }
    .cx-theme .cx-news-card__inner .catalog {
      display: none;
    }
    .cx-theme .cx-news-card__image-wrapper {
      padding: unset;
    }
    .cx-theme .cx-news-card.news .left {
      padding: 0;
    }
    .cx-theme .cx-news-card.news h3, .cx-theme .cx-news-card.news p {
      max-height: none;
      overflow: unset;
    }
  }
  @layer components {
    .cx-theme .cx-product-card {
      background-color: var(--v-color--greyscale--100);
      border-radius: var(--v-border--radius--xsmall);
      box-shadow: var(--v-shadow--xsmall);
      padding: var(--v-spacing--large);
    }
    .cx-theme .cx-product-card.product {
      display: grid;
      gap: var(--v-spacing--medium);
      grid-template-columns: 1fr;
    }
    @media screen and (min-width: 40rem) {
      .cx-theme .cx-product-card.product {
        grid-template-columns: auto 0fr;
      }
    }
    .cx-theme .cx-product-card.product .right {
      padding-inline: 0;
    }
    @media screen and (min-width: 40rem) {
      .cx-theme .cx-product-card.product .right {
        padding-inline: var(--v-spacing--large);
      }
    }
  }
  @layer reset {
    .cx-theme .cx-product-card {
      margin: 0;
    }
    .cx-theme .cx-product-card.product h3,
    .cx-theme .cx-product-card.product p {
      max-height: none;
      overflow: unset;
    }
    .cx-theme .cx-product-card.product .left,
    .cx-theme .cx-product-card.product .right {
      padding: 0;
    }
  }
  @layer components {
    .cx-theme .section-list .link-with-arrow {
      --a-button--color: var(--v-color--greyscale--100);
      --a-button--color--active: var(--v-color--greyscale--90);
      --a-button--color--focus: var(--v-color--greyscale--90);
      --a-button--color--hover: var(--v-color--greyscale--90);
      --a-button--outline--focus: none;
      --a-button--padding-block: 0;
      --a-button--padding-inline-end: 0;
      --a-button--padding-inline-start: 0;
      --a-button--text-decoration--hover: underline;
    }
  }
  @layer components {
    .cx-theme .cx-solution-card {
      border-radius: var(--v-border--radius--xsmall);
      box-shadow: var(--v-shadow--xsmall);
      padding: var(--v-spacing--medium);
      text-decoration: none;
    }
    .cx-theme .cx-solution-card__wrapper {
      display: flex;
      gap: var(--v-spacing--large);
      text-decoration: none;
    }
    .cx-theme .cx-solution-card__inner {
      display: flex;
      flex: 1;
      flex-direction: column;
    }
    .cx-theme .cx-solution-card__image-wrapper {
      align-items: center;
      display: grid;
      width: 5.625rem;
    }
    .cx-theme .cx-solution-card__image {
      border-radius: var(--v-border--radius--xsmall);
      height: auto;
      object-fit: contain;
      width: 100%;
    }
    .cx-theme .cx-solution-card__heading--icon {
      display: inline-grid;
      padding-inline-end: var(--v-spacing--xlarge);
      position: relative;
    }
    .cx-theme .cx-solution-card__heading--icon::after {
      background: var(--v-color--primary--25);
      content: "";
      height: 1.25rem;
      inset-block-start: var(--v-spacing--xsmall);
      inset-inline-end: var(--v-spacing--xsmall);
      -webkit-mask-image: url(/Static/Hempel/gfx/icons/arrow_white_slim.svg);
      mask-image: url(/Static/Hempel/gfx/icons/arrow_white_slim.svg);
      position: absolute;
      width: 1.25rem;
    }
    [dir=rtl] .cx-theme .cx-solution-card__heading--icon::after {
      transform: rotate(180deg);
    }
    .cx-theme .cx-solution-card__description {
      margin-block-end: var(--v-spacing--xsmall);
    }
  }
  @layer components {
    .cx-theme .cx-sub-brand-card {
      margin: 0;
      width: 100%;
    }
    .cx-theme .cx-sub-brand-card__wrapper {
      background-color: var(--v-color--greyscale--100);
      border-radius: var(--v-border--radius--xsmall);
      box-shadow: var(--v-shadow--xsmall);
      height: 100%;
      width: 100%;
    }
    .cx-theme .cx-sub-brand-card__image {
      max-height: calc(100% - var(--v-spacing--xxlarge));
      max-width: calc(100% - var(--v-spacing--xxlarge));
    }
  }
  @layer components {
    .cx-theme .cx-support-card {
      background-color: var(--v-color--greyscale--100);
      contain: layout;
      min-height: 10.875rem;
      padding: var(--v-spacing--medium);
      row-gap: var(--v-spacing--medium);
      width: 100%;
    }
    .cx-theme .cx-support-card--icon::after {
      content: "";
      height: 100%;
      inset: 0;
      position: absolute;
      width: 100%;
      z-index: 1;
      background: url(/Static/Hempel/gfx/helix_icon.svg) no-repeat 100% 100%;
      background-size: 65%;
      opacity: 0.3;
    }
    .cx-theme .cx-support-card__description {
      font-size: var(--v-type-size--large);
      font-weight: normal;
      line-height: var(--v-type-line-height--large);
    }
    .cx-theme .cx-support-card__button {
      margin-block-start: auto;
    }
  }
  @layer reset {
    .cx-theme .cx-support-card {
      margin: unset;
    }
    .cx-theme .cx-support-card .tile {
      padding: unset;
    }
    .cx-theme .cx-support-card__description {
      margin: unset;
      max-width: unset;
    }
  }
  @layer components {
    .cx-theme .tab-section {
      max-width: 100%;
    }
    .cx-theme .tab-section .tab-wrapper,
    .cx-theme .tab-section .tab-content,
    .cx-theme .tab-section .menus {
      margin-inline: auto;
      max-width: min(var(--v-site-width), 100%);
    }
    .cx-theme .tab-section .tab-wrapper {
      align-items: center;
      border-block-end: 1px solid var(--v-color--greyscale--85);
      display: flex;
      column-gap: var(--v-spacing--large);
    }
    .cx-theme .tab-section .tab-content {
      padding-inline: var(--v-site-padding);
    }
    .cx-theme .tab-section .slidebtn {
      height: 1.625rem;
      position: relative;
      width: auto;
    }
    .cx-theme .tab-section .slidebtn.prev {
      inset-inline-start: 0;
    }
    .cx-theme .tab-section .slidebtn.next {
      inset-inline-end: 0;
    }
    .cx-theme .tab-section .slidebtn svg {
      stroke: var(--v-color--primary--25);
      stroke-width: 1;
    }
    .cx-theme .tab-section .menus {
      inset-inline-start: 0;
      text-align: start;
      width: 100%;
    }
    .cx-theme .tab-section .menus::-webkit-scrollbar {
      height: 0;
      width: 0;
    }
    .cx-theme .tab-section .menus a {
      border: 1px solid transparent;
      color: var(--v-type--body--color);
      padding: var(--v-spacing--medium);
    }
    .cx-theme .tab-section .menus a:not(.active):hover {
      color: var(--v-color--primary--25);
    }
    .cx-theme .tab-section .menus a:focus-visible {
      background-color: var(--v-color--primary--25--10);
      border-block-end-width: 0.125rem;
      border-color: var(--v-color--primary--25);
      outline: 0;
    }
    .cx-theme .tab-section .menus a.active {
      border-block-end: 0.125rem solid var(--v-color--primary--25);
      font-weight: bold;
    }
    .cx-theme .tab-section .link-list span {
      font-size: var(--v-type-size--medium);
      line-height: var(--v-type-line-height--medium);
    }
    .cx-theme .tab-section .link-container a {
      font-size: var(--v-type-size--small);
      font-weight: normal;
      line-height: var(--v-type-line-height--small);
    }
    .cx-theme .tab-section .image-container .link-with-arrow {
      inset-block-end: var(--v-spacing--medium);
      inset-inline-start: var(--v-spacing--large);
    }
    .cx-theme .full-screen ~ .tab-section .tab-wrapper {
      max-width: min(120rem, 100%);
    }
  }
  @layer reset {
    .cx-theme .tab-section * {
      box-sizing: border-box;
    }
    .cx-theme .tab-section .tabs {
      height: unset;
      margin: unset;
    }
    .cx-theme .tab-section .slidebtn {
      left: unset;
      right: unset;
      top: unset;
    }
    .cx-theme .tab-section .tab-content {
      margin: unset;
    }
    .cx-theme .tab-section .menus {
      height: unset;
      left: unset;
      margin: unset;
      max-width: unset;
    }
    .cx-theme .tab-section .menus a.active::after {
      content: unset;
    }
    .cx-theme .tab-section .image-container .link-with-arrow {
      bottom: unset;
      left: unset;
    }
  }
  @layer components {
    .cx-theme .cx-usp-card {
      border-radius: var(--v-border--radius--xsmall);
      box-shadow: var(--v-shadow--xsmall);
      min-height: 12.5rem;
      text-decoration: none;
    }
    .cx-theme .cx-usp-card__wrapper {
      background-color: var(--v-color--greyscale--100);
      display: flex;
      gap: var(--v-spacing--large);
      height: 100%;
      overflow: hidden;
      padding: var(--v-spacing--large) var(--v-spacing--medium);
    }
    .cx-theme .cx-usp-card__inner {
      display: flex;
      flex: 1;
      flex-direction: column;
    }
    .cx-theme .cx-usp-card__image-wrapper {
      align-items: start;
      display: grid;
      width: 5rem;
    }
    .cx-theme .cx-usp-card__image {
      height: auto;
      object-fit: contain;
      width: 100%;
    }
    .cx-theme .cx-usp-card__description {
      margin-block-end: var(--v-spacing--xsmall);
    }
    .cx-theme .cx-usp-card__button {
      margin-block-start: auto;
    }
  }
  @layer components {
    .cx-theme .accordion-wrapper .ui-accordion {
      column-gap: var(--v-spacing--xlarge);
      display: grid;
      grid-template-columns: 1fr;
      row-gap: var(--v-spacing--medium);
    }
    .cx-theme .accordion-wrapper .accordion-section {
      background-color: var(--v-color--greyscale--100);
      border-radius: var(--v-border--radius--xsmall);
      box-shadow: var(--v-shadow--xsmall);
      padding-block: var(--v-spacing--medium);
      padding-inline: var(--v-spacing--large) var(--v-spacing--medium);
      position: relative;
    }
    .cx-theme .accordion-wrapper .accordion-title {
      align-items: center;
      color: var(--v-type--body--color);
      column-gap: var(--v-spacing--medium);
      cursor: pointer;
      display: flex;
      font-size: var(--v-type-size--medium);
      font-weight: bold;
      justify-content: space-between;
      line-height: var(--v-type-line-height--medium);
    }
    .cx-theme .accordion-wrapper .ui-accordion-header-icon {
      height: 1.25rem;
      order: 1;
      position: relative;
      width: 1.25rem;
    }
    .cx-theme .accordion-wrapper .ui-accordion-header-icon::after {
      background: var(--v-color--primary--25);
      content: "";
      height: 1.25rem;
      inset: 0;
      -webkit-mask-image: url(/Static/Hempel/gfx/icons/arrow_white_slim.svg);
      mask-image: url(/Static/Hempel/gfx/icons/arrow_white_slim.svg);
      position: absolute;
      rotate: 90deg;
      width: 1.25rem;
    }
    .cx-theme .accordion-wrapper .accordion-content {
      margin-block-start: var(--v-spacing--small);
    }
  }
  @layer reset {
    .cx-theme .accordion-wrapper * {
      box-sizing: border-box;
    }
    .cx-theme .accordion-wrapper .ui-accordion {
      padding: unset;
    }
    .cx-theme .accordion-wrapper .accordion-section {
      border: unset;
    }
    .cx-theme .accordion-wrapper .accordion-title {
      margin: unset;
      padding: unset;
      position: unset;
    }
    .cx-theme .accordion-wrapper .accordion-content {
      margin: 0;
      width: auto;
    }
    .cx-theme .accordion-wrapper .accordion-content > .col-12 {
      margin: unset;
      padding: unset;
      width: auto;
    }
    .cx-theme .accordion-wrapper .accordion-content p {
      margin: unset;
    }
    .cx-theme .accordion-wrapper .ui-accordion-header-icon {
      background: unset;
      right: unset;
      top: unset;
    }
  }
  @layer components {
    .cx-theme .cx-cards-list {
      display: grid;
      gap: var(--v-spacing--xlarge);
      grid-template-columns: 100%;
      margin-inline: auto;
      width: 100%;
    }
    @media screen and (min-width: 40rem) {
      .cx-theme .cx-cards-list--2-col, .cx-theme .cx-cards-list--3-col {
        grid-template-columns: repeat(auto-fit, minmax(calc(50% - var(--v-spacing--xlarge)), 1fr));
      }
    }
    @media screen and (min-width: 62rem) {
      .cx-theme .cx-cards-list--3-col {
        grid-template-columns: repeat(auto-fit, minmax(calc(33% - var(--v-spacing--xlarge)), 1fr));
      }
    }
    .cx-theme .cx-cards-list--medium {
      max-width: min(46rem + 2 * var(--v-site-padding), 100%);
    }
  }
  @layer reset {
    .cx-theme .cx-cards-list {
      padding: unset;
    }
  }
  @layer components {
    .cx-theme .cx-contact-list-content {
      max-width: 48.75rem;
      padding-inline: 0;
    }
    .cx-theme .cx-contact-list-input {
      margin-block-end: var(--v-spacing--xxlarge);
    }
  }
  @layer components {
    .cx-theme .cx-container {
      background-color: var(--o-container--background-color, var(--v-color--greyscale--100));
      padding-block: var(--v-spacing--xxxlarge);
    }
    .cx-theme .cx-container--grey {
      --o-container--background-color: var(--v-color--greyscale--95);
    }
    .cx-theme .cx-container__wrapper {
      margin-inline: auto;
      max-width: min(var(--v-site-width), 100%);
      padding-inline: var(--v-site-padding);
    }
    .cx-theme .cx-container__header {
      display: block;
      margin-block-end: var(--v-spacing--xxlarge);
      margin-inline: auto;
      max-width: min(34rem, 100%);
      text-align: center;
    }
    .cx-theme .cx-container__header--spacing {
      display: grid;
      row-gap: var(--v-spacing--small);
    }
    .cx-theme .cx-container__actions {
      display: flex;
      justify-content: flex-start;
      margin-block-start: var(--v-spacing--xxlarge);
    }
    .cx-theme .cx-container__actions--center {
      justify-content: center;
    }
    .cx-theme .cx-container__actions--end {
      justify-content: flex-end;
    }
  }
  @layer components {
    @media screen and (min-width: 62rem) {
      .cx-theme .cx-conversion-spot__list {
        grid-template-columns: repeat(3, 1fr);
      }
    }
  }
  @layer components {
    .cx-theme .fast-track h1 {
      font-size: var(--v-type-size--xxxlarge);
      line-height: var(--v-type-line-height--xxxlarge);
      margin-block: var(--v-spacing--small) var(--v-spacing--medium);
      max-width: min(31.25rem, 100%);
    }
    .cx-theme .fast-track p {
      font-size: var(--v-type-size--large);
      line-height: var(--v-type-line-height--large);
      max-width: min(20.3125rem, 90%);
    }
    .cx-theme .fast-track h1,
    .cx-theme .fast-track p {
      color: var(--v-color--greyscale--100);
      margin-inline: auto;
      text-align: center;
    }
    @media screen and (min-width: 40rem) {
      .cx-theme .fast-track h1,
      .cx-theme .fast-track p {
        margin-inline: 0;
        text-align: start;
      }
    }
    .cx-theme .fast-track .link-wrapper .link-with-arrow {
      --a-button--color: var(--v-color--greyscale--100);
      --a-button--color--active: var(--v-color--greyscale--90);
      --a-button--color--focus: var(--v-color--greyscale--90);
      --a-button--color--hover: var(--v-color--greyscale--90);
      --a-button--outline--focus: none;
      --a-button--padding-block: 0;
      --a-button--padding-inline-end: 0;
      --a-button--padding-inline-start: 0;
      --a-button--text-decoration--hover: underline;
    }
    .cx-theme .fast-track .text-wrapper {
      max-width: var(--v-site-width);
      padding-inline: var(--v-site-padding);
    }
    .cx-theme .fast-track .text-box {
      inset-block-start: 50%;
      inset-inline-start: 50%;
      translate: -50%;
    }
    @media (max-width: 577px) {
      .cx-theme .fast-track .text-box .buttons .button a, .cx-theme .fast-track .text-box .buttons form:not(.mf) input[type=submit] a, form:not(.mf) .cx-theme .fast-track .text-box .buttons input[type=submit] a {
        box-sizing: border-box;
        justify-content: space-between;
        width: 100%;
      }
    }
    @media screen and (min-width: 40rem) {
      .cx-theme .fast-track .text-box {
        inset-inline-start: 7%;
        translate: 0;
      }
    }
    [dir=rtl] .cx-theme .fast-track .text-box {
      translate: 50%;
    }
    @media screen and (min-width: 40rem) {
      [dir=rtl] .cx-theme .fast-track .text-box {
        translate: 0;
      }
    }
    .cx-theme .fast-track .option-wrapper {
      margin-block-start: var(--v-spacing--xxlarge);
      margin-inline: auto;
      max-width: min(20.3125rem, 100%);
      position: relative;
      text-align: start;
    }
    @media screen and (min-width: 40rem) {
      .cx-theme .fast-track .option-wrapper {
        margin-inline: 0;
      }
    }
    .cx-theme .fast-track .option-wrapper select {
      background-color: var(--v-color--greyscale--100);
      border-radius: var(--v-border--radius--large);
      display: block;
      font-size: var(--v-type-size--large);
      font-weight: bold;
      line-height: var(--v-type-line-height--large);
      padding-block: var(--v-spacing--small);
      padding-inline: var(--v-spacing--large) var(--v-spacing--xxlarge);
      width: 100%;
    }
    .cx-theme .fast-track .ui-menu-item,
    .cx-theme .fast-track .ui-selectmenu-button {
      cursor: pointer;
    }
    .cx-theme .fast-track .ui-selectmenu-button {
      padding-block: var(--v-spacing--small);
      padding-inline: var(--v-spacing--large) var(--v-spacing--xxlarge);
    }
    .cx-theme .fast-track select,
    .cx-theme .fast-track .ui-selectmenu-text {
      color: var(--v-color--primary--25);
      font-size: var(--v-type-size--large);
      line-height: var(--v-type-line-height--large);
    }
    .cx-theme .fast-track .ui-selectmenu-icon,
    .cx-theme .fast-track .option-wrapper:after {
      background: var(--v-color--primary--25);
      content: "";
      height: 1.5rem;
      inset-block-start: 50%;
      inset-inline-end: 0.9375rem;
      -webkit-mask-image: url(/Static/Hempel/gfx/icons/arrow_grey.svg);
      mask-image: url(/Static/Hempel/gfx/icons/arrow_grey.svg);
      position: absolute;
      scale: 1.5;
      translate: 0 -50%;
      width: 1.5rem;
    }
  }
  @layer reset {
    .cx-theme .fast-track .text-box {
      left: unset;
      top: unset;
    }
    .cx-theme .fast-track .option-wrapper {
      margin: unset;
    }
    .cx-theme .fast-track .option-wrapper::after {
      right: unset;
      top: unset;
    }
    .cx-theme .fast-track .ui-selectmenu-button {
      padding: unset;
    }
    .cx-theme .fast-track .ui-selectmenu-icon {
      bottom: unset;
      right: unset;
      top: unset;
    }
  }
  @layer components {
    .cx-theme footer:not(.mf) {
      background-color: var(--v-color--greyscale--90);
      color: var(--v-color--septenary--60);
    }
    .cx-theme footer:not(.mf) .container {
      margin-inline: auto;
      max-width: min(var(--v-site-width), 100%);
      padding-inline: var(--v-site-padding);
    }
    .cx-theme footer:not(.mf) #footer-nav {
      display: grid;
      justify-content: center;
      gap: var(--v-spacing--large);
      grid-template-columns: repeat(auto-fit, minmax(20ch, 1fr));
      padding-block: var(--v-spacing--xxxxlarge) var(--v-spacing--xxxlarge);
    }
    .cx-theme footer:not(.mf) #footer-nav.ui-accordion {
      gap: 0;
      grid-template-columns: 1fr;
      padding-block: var(--v-spacing--small) var(--v-spacing--xlarge);
    }
    .cx-theme footer:not(.mf) #footer-nav.ui-accordion .title {
      padding-block: var(--v-spacing--medium);
      padding-inline: var(--v-spacing--xsmall) var(--v-spacing--large);
    }
    .cx-theme footer:not(.mf) #footer-nav > li {
      width: 100%;
    }
    .cx-theme footer:not(.mf) #footer-nav ul li {
      position: relative;
    }
    .cx-theme footer:not(.mf) #footer-nav ul li:before {
      inset-block-start: 50%;
      margin-inline-start: -0.125rem;
      translate: 0 -50%;
    }
    .cx-theme footer:not(.mf) #footer-nav ul a {
      font-size: var(--v-type-size--large);
      line-height: var(--v-type-line-height--large);
      margin-inline-start: var(--v-spacing--xsmall);
      padding-inline-start: var(--v-spacing--small);
    }
    @media screen and (min-width: 40rem) {
      .cx-theme footer:not(.mf) #footer-nav ul a {
        font-size: var(--v-type-size--xsmall);
        line-height: var(--v-type-line-height--xsmall);
      }
    }
    .cx-theme footer:not(.mf) .title {
      font-size: var(--v-type-size--xlarge);
      font-weight: bold;
      line-height: var(--v-type-line-height--xlarge);
      padding-inline: var(--v-spacing--xsmall);
    }
    @media screen and (min-width: 40rem) {
      .cx-theme footer:not(.mf) .title {
        font-size: var(--v-type-size--small);
        line-height: var(--v-type-line-height--small);
      }
    }
    .cx-theme footer:not(.mf) .ui-accordion-header-icon {
      height: 0.625rem;
      inset-block-start: 1.5625rem;
      inset-inline-end: 0.125rem;
      width: 0.875rem;
    }
    .cx-theme footer:not(.mf) section {
      background-color: var(--v-color--primary--25);
      color: var(--v-color--greyscale--100);
      padding-block: var(--v-spacing--xxxlarge) var(--v-spacing--large);
    }
    .cx-theme footer:not(.mf) .logo-wrapper {
      margin-block-end: var(--v-spacing--large);
      position: relative;
      width: 100%;
    }
    @media screen and (min-width: 40rem) {
      .cx-theme footer:not(.mf) .logo-wrapper {
        position: absolute;
        width: auto;
      }
    }
    @media screen and (min-width: 62rem) {
      .cx-theme footer:not(.mf) .logo-wrapper {
        position: relative;
      }
    }
    @media screen and (min-width: 62rem) {
      .cx-theme footer:not(.mf) .content {
        margin-inline-start: var(--v-spacing--xxxlarge);
        width: calc(100% - 12.75rem);
      }
    }
    .cx-theme footer:not(.mf) .content li {
      color: var(--v-color--greyscale--100);
    }
    @media screen and (min-width: 40rem) {
      .cx-theme footer:not(.mf) .content li {
        display: inline-block;
      }
    }
    .cx-theme footer:not(.mf) .contact {
      margin-inline: auto;
      text-align: center;
    }
    @media screen and (min-width: 40rem) {
      .cx-theme footer:not(.mf) .contact {
        flex-direction: row;
        padding-inline-start: 13.75rem;
        text-align: start;
        width: 100%;
      }
    }
    @media screen and (min-width: 62rem) {
      .cx-theme footer:not(.mf) .contact {
        padding-inline-start: 0;
        width: calc(100% - 250px);
      }
    }
    .cx-theme footer:not(.mf) .contact li,
    .cx-theme footer:not(.mf) .contact a {
      font-size: var(--v-type-size--medium);
      line-height: var(--v-type-line-height--medium);
    }
    @media screen and (min-width: 62rem) {
      .cx-theme footer:not(.mf) .contact li,
      .cx-theme footer:not(.mf) .contact a {
        font-size: var(--v-type-size--xsmall);
        line-height: var(--v-type-line-height--xsmall);
      }
    }
    .cx-theme footer:not(.mf) .contact li {
      padding-block-end: var(--v-spacing--medium);
    }
    @media screen and (min-width: 40rem) {
      .cx-theme footer:not(.mf) .contact li {
        padding-inline-start: var(--v-spacing--large);
      }
    }
    @media screen and (min-width: 62rem) {
      .cx-theme footer:not(.mf) .contact li:first-child {
        padding-inline-start: 0;
      }
    }
    .cx-theme footer:not(.mf) .social-media {
      padding-block: var(--v-spacing--medium);
      text-align: start;
      width: 100%;
    }
    @media screen and (min-width: 40rem) {
      .cx-theme footer:not(.mf) .social-media {
        text-align: end;
      }
    }
    @media screen and (min-width: 62rem) {
      .cx-theme footer:not(.mf) .social-media {
        margin-block-end: var(--v-spacing--xsmall);
        padding: 0;
        width: 15rem;
      }
    }
    .cx-theme footer:not(.mf) .legal-info {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }
    @media screen and (min-width: 40rem) {
      .cx-theme footer:not(.mf) .legal-info {
        column-gap: var(--v-spacing--large);
        flex-direction: row-reverse;
        padding-block-start: var(--v-spacing--small);
      }
    }
    .cx-theme footer:not(.mf) .conditions a,
    .cx-theme footer:not(.mf) .copyright {
      font-size: var(--v-type-size--small);
      line-height: var(--v-type-line-height--small);
    }
    @media screen and (min-width: 62rem) {
      .cx-theme footer:not(.mf) .conditions a,
      .cx-theme footer:not(.mf) .copyright {
        font-size: var(--v-type-size--xxsmall);
        line-height: var(--v-type-line-height--xxsmall);
      }
    }
    .cx-theme footer:not(.mf) .conditions {
      padding-block: var(--v-spacing--medium);
    }
    @media screen and (min-width: 40rem) {
      .cx-theme footer:not(.mf) .conditions {
        border: 0;
        flex: 1;
        padding: 0;
        text-align: end;
      }
    }
    @media screen and (min-width: 40rem) {
      .cx-theme footer:not(.mf) .conditions li:not(:nth-last-child(2))::after {
        content: " | ";
        display: inline;
        margin-inline: var(--v-spacing--xsmall);
        position: relative;
      }
    }
    .cx-theme footer:not(.mf) .copyright {
      padding-block-start: var(--v-spacing--medium);
    }
    @media screen and (min-width: 40rem) {
      .cx-theme footer:not(.mf) .copyright {
        border: 0;
        padding: 0;
      }
    }
  }
  @layer reset {
    .cx-theme footer:not(.mf) * {
      box-sizing: border-box;
    }
    .cx-theme footer:not(.mf) #footer-nav,
    .cx-theme footer:not(.mf) .container {
      margin: unset;
      padding: unset;
    }
    .cx-theme footer:not(.mf) #footer-nav ul li a {
      margin-left: unset;
      padding-left: unset;
    }
    .cx-theme footer:not(.mf) #footer-nav ul li:before {
      margin: unset;
      top: unset;
    }
    .cx-theme footer:not(.mf) .title {
      padding: unset;
    }
    .cx-theme footer:not(.mf) .ui-accordion-header-icon {
      right: unset;
      top: unset;
    }
    .cx-theme footer:not(.mf) .contact {
      padding: unset;
    }
    .cx-theme footer:not(.mf) .contact li {
      margin: unset;
      max-width: unset;
      padding: unset;
      text-align: unset;
    }
    .cx-theme footer:not(.mf) .conditions {
      float: unset;
      max-width: unset;
      padding: unset;
      text-align: unset;
    }
    .cx-theme section:not(.mf) .content,
    .cx-theme section:not(.mf) .logo-wrapper {
      padding: unset;
    }
    .cx-theme .social-media {
      margin: unset;
    }
  }
  @layer components {
    .cx-theme .cx-hero-spot {
      position: relative;
      contain: layout;
      max-width: var(--o-hero--max-width, min(90rem, 100%));
      height: 400px;
    }
    .cx-theme .cx-hero-spot::before {
      background-color: rgba(0, 0, 0, 0.3);
      content: "";
      height: 100%;
      inset: 0;
      position: absolute;
      width: 100%;
      z-index: 0;
    }
    @media screen and (min-width: 40rem) {
      .cx-theme .cx-hero-spot::before {
        content: unset;
      }
    }
    .cx-theme .cx-hero-spot--overlay-helix::after {
      content: "";
      height: 100%;
      inset: 0;
      position: absolute;
      width: 100%;
      z-index: 1;
      background: url(/Static/Hempel/gfx/overlay_helix.svg) 100% 100% no-repeat;
      background-size: auto 90%;
      opacity: 0.4;
    }
    .cx-theme .cx-hero-spot--overlay-cross::after {
      content: "";
      height: 100%;
      inset: 0;
      position: absolute;
      width: 100%;
      z-index: 1;
      background: url(/Static/Hempel/gfx/overlay_cross.svg) 60% no-repeat;
      background-size: cover;
      opacity: 0.5;
    }
    .cx-theme .cx-hero-spot.cx-higher-version {
      height: 620px;
    }
    .cx-theme .cx-hero-spot__wrapper {
      display: flex;
      flex-direction: column;
      height: 100%;
      justify-content: center;
      margin-inline: auto;
      max-width: min(var(--v-site-width), 100%);
      min-height: 25rem;
      padding-block: var(--v-spacing--xxxlarge);
      padding-inline: var(--v-site-padding);
      row-gap: var(--v-spacing--medium);
      position: relative;
      z-index: 2;
    }
    .cx-theme .cx-hero-spot__background {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: center;
      z-index: 1;
    }
    .cx-theme .cx-hero-spot__mobile-image {
      display: var(--o-hero--mobile-image--display, block);
      z-index: 1;
    }
    @media screen and (min-width: 40rem) {
      .cx-theme .cx-hero-spot__mobile-image {
        --o-hero--mobile-image--display: none;
      }
    }
    .cx-theme .cx-hero-spot__text-box {
      max-width: min(34rem, 100%);
    }
    .cx-theme .cx-hero-spot__heading {
      font-size: var(--o-hero--heading--font-size, var(--v-type-size--xxxlarge));
      font-weight: normal;
      line-height: var(--o-hero--heading--line-height, var(--v-type-line-height--xxxlarge));
      margin: 0;
    }
    @media screen and (min-width: 40rem) {
      .cx-theme .cx-hero-spot__heading {
        --o-hero--heading--font-size: var(--v-type-size--xxxxlarge);
        --o-hero--heading--line-height: var(--v-type-line-height--xxxxlarge);
      }
    }
    .cx-theme .cx-hero-spot__description {
      font-size: var(--v-type-size--medium);
      font-weight: normal;
      line-height: var(--v-type-line-height--medium);
      margin-block-start: var(--v-spacing--small);
    }
    .cx-theme .cx-hero-spot__actions {
      z-index: 0;
    }
    .cx-theme .cx-hero-spot__video-wrapper {
      height: 100%;
      inset: 0;
      margin-inline: auto;
      max-width: var(--o-hero--max-width, min(var(--v-site-width), 100%));
      min-height: 25rem;
      padding-block: var(--v-spacing--xxxlarge);
      padding-inline: var(--v-site-padding);
      position: absolute;
      width: 100%;
      z-index: -1;
    }
    .cx-theme .cx-hero-spot__video {
      display: var(--o-hero--video--display, none);
      height: 100%;
      object-fit: cover;
      width: 100%;
    }
    @media screen and (min-width: 62rem) {
      .cx-theme .cx-hero-spot__video {
        --o-hero--video--display: block;
      }
    }
    .cx-theme .cx-hero-spot.full-screen {
      --o-hero--max-width: 120rem;
    }
  }
  .cx-theme .cx-hero-spot--flipped .cx-hero-spot__background {
    transform: scaleX(-1);
  }
  @layer reset {
    .cx-theme .cx-hero-spot::before, .cx-theme .cx-hero-spot__text-box {
      z-index: unset;
    }
    .cx-theme .cx-hero-spot::before {
      content: unset;
    }
    .cx-theme .cx-hero-spot .text-box {
      margin: unset;
      min-height: unset;
      padding: unset;
    }
    .cx-theme .cx-hero-spot .mobile-image {
      display: unset;
    }
    .cx-theme .cx-hero-spot .video-wrapper {
      background: unset;
      margin: unset;
    }
    .cx-theme .cx-hero-spot__heading, .cx-theme .cx-hero-spot__description {
      margin: unset;
      max-width: unset;
    }
  }
  @layer components {
    .cx-theme .image-spot p {
      font-size: var(--v-type-size--xlarge);
      line-height: var(--v-type-line-height--xlarge);
    }
    .cx-theme .image-spot .category {
      font-size: var(--v-type-size--xsmall);
      line-height: var(--v-type-line-height--small);
    }
    .cx-theme .image-spot .category span {
      padding-inline-end: var(--v-spacing--medium);
    }
  }
  @layer reset {
    .cx-theme .image-spot .category span {
      padding: unset;
    }
  }
  @layer components {
    .cx-theme .mosaic-wrapper {
      overflow: hidden;
    }
    .cx-theme .mosaic-wrapper a {
      font-size: 0;
    }
    .cx-theme .mosaic-wrapper .tile.background-light {
      background-color: var(--v-color--primary--60);
    }
    .cx-theme .mosaic-wrapper .link-with-arrow {
      --a-button--color: var(--v-color--greyscale--100);
      --a-button--color--active: var(--v-color--greyscale--90);
      --a-button--color--focus: var(--v-color--greyscale--90);
      --a-button--color--hover: var(--v-color--greyscale--90);
      --a-button--outline--focus: none;
      --a-button--padding-block: 0;
      --a-button--padding-inline-end: 0;
      --a-button--padding-inline-start: 0;
      --a-button--text-decoration--hover: underline;
      inset-block-end: 1.5625rem;
      inset-inline-start: 1.875rem;
    }
  }
  @layer reset {
    .cx-theme .mosaic-wrapper .link-with-arrow {
      bottom: unset;
      left: unset;
      padding: unset;
    }
  }
  @layer base {
    .cx-theme .cx-news-list .facets-filters {
      margin-inline: auto;
      max-width: min(46rem + 2 * var(--v-site-padding), 100%);
    }
    .cx-theme .cx-news-list .filters {
      padding-block: var(--v-spacing--medium);
      padding-inline: var(--v-spacing--large);
    }
    .cx-theme .cx-news-list .filters.desktop-expanded, .cx-theme .cx-news-list .filters.expanded {
      width: 100%;
    }
    .cx-theme .cx-news-list .filter-tabs {
      display: flex;
    }
    .cx-theme .cx-news-list .ui-tabs-anchor {
      width: calc(100% + 3.125rem);
    }
    .cx-theme .cx-news-list .facet-tab-button {
      width: auto;
    }
    .cx-theme .cx-news-list .pagination a {
      height: auto;
    }
    .cx-theme .cx-news-list .pagination a:not(.current-page):hover {
      color: var(--v-color--primary--50);
    }
    .cx-theme .cx-news-list .pagination .wrapper {
      height: auto;
    }
    .cx-theme .cx-news-list .pagination .wrapper .desktop-only,
    .cx-theme .cx-news-list .pagination .wrapper .mobile-only {
      align-items: center;
      display: flex;
    }
    .cx-theme .cx-news-list .pagination .current-page {
      color: var(--v-color--primary--25);
    }
    .cx-theme .cx-news-list .pagination .next-icon,
    .cx-theme .cx-news-list .pagination .prev-icon {
      position: relative;
      rotate: 90deg;
    }
    .cx-theme .cx-news-list .pagination .next-icon::after,
    .cx-theme .cx-news-list .pagination .prev-icon::after {
      background: var(--v-color--primary--25);
      height: 100%;
      -webkit-mask-image: url(/Static/Hempel/gfx/icons/arrow_white_slim.svg);
      mask-image: url(/Static/Hempel/gfx/icons/arrow_white_slim.svg);
      right: unset;
      top: unset;
      width: 100%;
    }
    .cx-theme .cx-news-list .pagination .next-icon:not(.disabled):hover::after,
    .cx-theme .cx-news-list .pagination .prev-icon:not(.disabled):hover::after {
      background: var(--v-color--primary--50);
    }
  }
  @layer reset {
    .cx-theme .cx-news-list .result-list {
      padding: unset;
    }
    .cx-theme .cx-news-list .filters.desktop-expanded {
      margin-left: unset;
    }
    .cx-theme .cx-news-list .filters.expanded {
      margin-left: unset;
    }
    .cx-theme .cx-news-list .filters.expanded .filter-title {
      padding: unset;
    }
    .cx-theme .cx-news-list .filters.expanded .filter-title::after {
      right: 0;
    }
    .cx-theme .cx-news-list .pagination .wrapper {
      background-color: unset;
    }
    .cx-theme .cx-news-list .pagination .next-icon,
    .cx-theme .cx-news-list .pagination .prev-icon {
      background: unset;
    }
    .cx-theme .cx-news-list .pagination .next-icon::after,
    .cx-theme .cx-news-list .pagination .prev-icon::after {
      right: unset;
      top: unset;
    }
  }
  @layer base {
    .cx-theme .cx-product-details {
      display: flex;
      flex-direction: column;
      padding-block: var(--v-spacing--xxxxlarge);
    }
    @media screen and (min-width: 48rem) {
      .cx-theme .cx-product-details {
        column-gap: var(--v-spacing--large);
        flex-direction: row;
      }
    }
    @media screen and (min-width: 62rem) {
      .cx-theme .cx-product-details {
        padding-block: unset;
      }
    }
    .cx-theme .cx-product-details__header {
      display: flex;
      gap: var(--v-spacing--medium);
      justify-content: space-between;
    }
    .cx-theme .cx-product-details__heading {
      margin-block-end: var(--v-type--h2--margin-block-end);
    }
    .cx-theme .cx-product-details__image-container {
      display: flex;
      justify-content: center;
      margin-block-end: var(--v-spacing--large);
      position: relative;
    }
    @media screen and (min-width: 48rem) {
      .cx-theme .cx-product-details__image-container {
        margin-block-end: unset;
      }
    }
    .cx-theme .cx-product-details__image {
      border: 1px solid var(--v-color--greyscale--85);
      border-radius: var(--v-border--radius--xsmall);
      height: 12.125rem;
      object-fit: contain;
      padding: var(--v-spacing--medium);
      width: 100%;
    }
    @media screen and (min-width: 48rem) {
      .cx-theme .cx-product-details__image {
        height: 10rem;
        width: 10rem;
      }
    }
    .cx-theme .cx-product-details__favourites-wrapper {
      align-items: center;
      color: var(--v-color--primary--25);
      display: flex;
      flex-flow: row wrap;
      font-size: var(--v-type-size--xsmall);
      font-weight: bold;
      justify-content: start;
      line-height: var(--v-type-line-height--xsmall);
      margin-block-end: var(--v-spacing--large);
    }
    .cx-theme .cx-product-details__contents {
      margin-block-end: var(--v-spacing--large);
    }
    .cx-theme .cx-product-details__type {
      color: var(--v-color--greyscale--25);
      font-size: var(--v-type-size--small);
      line-height: var(--v-type-line-height--small);
      margin-block-end: 0;
    }
    .cx-theme .cx-product-details__section {
      margin-block-start: var(--v-spacing--medium);
    }
    .cx-theme .cx-product-details__section-heading {
      margin-block-end: var(--v-spacing--small);
    }
    .cx-theme .cx-product-details__text {
      margin-block-end: var(--v-spacing--medium);
    }
    .cx-theme .cx-product-details__content-wrapper {
      column-gap: var(--v-spacing--large);
      display: flex;
      flex-direction: column;
      width: 100%;
    }
    @media screen and (min-width: 62rem) {
      .cx-theme .cx-product-details__content-wrapper {
        flex-direction: row;
      }
    }
    .cx-theme .cx-product-details__content-start {
      flex: 2;
    }
    .cx-theme .cx-product-details__content-end {
      --o-product-configuration--select-color--margin-block: 0
          var(--v-spacing--small);
      --o-product-configuration--summary--margin-block-end: var(
          --v-spacing--large
      );
      align-items: center;
      display: grid;
    }
    @media screen and (min-width: 62rem) {
      .cx-theme .cx-product-details__content-end {
        --o-product-configuration--submit--width: auto;
        background-color: var(--v-color--greyscale--95);
        padding-inline: var(--v-spacing--large);
        width: 25.875rem;
      }
    }
    @media screen and (min-width: 62rem) {
      .cx-theme .cx-product-details__image-container, .cx-theme .cx-product-details__content-end, .cx-theme .cx-product-details__content-start {
        padding-block: var(--v-spacing--xxxxlarge);
      }
    }
  }
  @layer components {
    .cx-theme .cx-promotion-banner {
      height: 38.75rem;
    }
    .cx-theme .cx-promotion-banner__container {
      contain: layout;
      height: 100%;
      position: relative;
    }
    .cx-theme .cx-promotion-banner__container::before {
      background-color: rgba(0, 0, 0, 0.3);
      content: "";
      height: 100%;
      inset: 0;
      position: absolute;
      width: 100%;
      z-index: 0;
    }
    @media screen and (min-width: 40rem) {
      .cx-theme .cx-promotion-banner__container::before {
        content: unset;
      }
    }
    .cx-theme .cx-promotion-banner__wrapper {
      height: 100%;
      width: 100%;
    }
    @media screen and (min-width: 40rem) {
      .cx-theme .cx-promotion-banner__wrapper {
        padding-inline: var(--v-spacing--xxxxxlarge);
      }
    }
    .cx-theme .cx-promotion-banner__background {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: center;
      z-index: 1;
    }
    .cx-theme .cx-promotion-banner__mobile-image {
      height: 100%;
      inset-inline-start: 0;
      z-index: 1;
    }
    .cx-theme .cx-promotion-banner__content {
      align-items: center;
      display: flex;
      height: 100%;
      margin-inline: auto;
      max-width: min(var(--v-site-width), 100%);
      padding-inline: var(--v-site-padding);
      width: 100%;
    }
    .cx-theme .cx-promotion-banner__category {
      font-size: var(--v-type-size--medium);
      font-weight: bold;
      line-height: var(--v-type-line-height--medium);
    }
    .cx-theme .cx-promotion-banner__heading {
      color: var(--v-color--greyscale--100);
      font-size: var(--v-type-size--xlarge);
      font-weight: lighter;
      line-height: var(--v-type-line-height--xlarge);
    }
    @media screen and (min-width: 40rem) {
      .cx-theme .cx-promotion-banner__heading {
        font-size: var(--v-type-size--xxlarge);
        line-height: var(--v-type-line-height--xxlarge);
      }
    }
    .cx-theme .cx-promotion-banner__subheading {
      font-size: var(--v-type-size--large);
      font-weight: lighter;
      line-height: var(--v-type-line-height--large);
      margin-block-end: var(--v-spacing--small);
    }
    .cx-theme .cx-promotion-banner__description {
      font-size: var(--v-type-size--medium);
      line-height: var(--v-type-line-height--medium);
    }
    .cx-theme .cx-promotion-banner__text-box {
      max-width: min(34rem, 100%);
    }
    .cx-theme .cx-promotion-banner__button {
      margin-block-start: var(--v-spacing--medium);
    }
    .cx-theme .cx-promotion-banner__video-wrapper {
      height: 100%;
      inset-block-start: 0;
      inset-inline-start: 0;
      position: absolute;
      width: 100%;
      z-index: -1;
    }
    .cx-theme .cx-promotion-banner__video {
      display: var(--o-promotion-banner--video--display, none);
      height: 100%;
      object-fit: cover;
      width: 100%;
    }
    @media screen and (min-width: 62rem) {
      .cx-theme .cx-promotion-banner__video {
        --o-promotion-banner--video--display: block;
      }
    }
    .cx-theme .cx-promotion-banner__overlay::after {
      content: "";
      height: 100%;
      inset: 0;
      position: absolute;
      width: 100%;
      z-index: 1;
      background: url(/Static/Hempel/gfx/overlay_cross.svg) 60% no-repeat;
      background-size: cover;
      opacity: 0.5;
    }
  }
  .cx-theme .cx-promotion-banner--flipped .cx-promotion-banner__background {
    transform: scaleX(-1);
  }
  @layer reset {
    .cx-theme .cx-promotion-banner .promotion-banner::before {
      content: unset;
    }
    .cx-theme .cx-promotion-banner a,
    .cx-theme .cx-promotion-banner .text-wrapper {
      height: unset;
    }
    .cx-theme .cx-promotion-banner .text-wrapper {
      margin-inline: unset;
      text-align: start;
    }
    .cx-theme .cx-promotion-banner .text-box {
      max-width: unset;
      position: unset;
      transform: none;
      width: unset;
    }
    .cx-theme .cx-promotion-banner .button span, .cx-theme .cx-promotion-banner form:not(.mf) input[type=submit] span, form:not(.mf) .cx-theme .cx-promotion-banner input[type=submit] span {
      font-size: unset;
    }
    .cx-theme .cx-promotion-banner__heading,
    .cx-theme .cx-promotion-banner .secondary-headline {
      margin: unset;
    }
    .cx-theme .cx-promotion-banner__heading {
      max-width: unset;
      width: unset;
    }
    .cx-theme .cx-promotion-banner .video-wrapper {
      background-color: unset;
      margin: unset;
    }
    .cx-theme .cx-promotion-banner .video-wrapper video {
      min-height: unset;
      min-width: unset;
      position: unset;
      transform: unset;
    }
  }
  @layer components {
    .cx-theme .cx-retailer-list-content {
      max-width: 48.75rem;
      padding-inline: 0;
    }
    .cx-theme .cx-retailer-list-input {
      margin-block-end: var(--v-spacing--xxlarge);
    }
  }
  @layer components {
    .cx-theme .cx-search-result .filters {
      padding-block: var(--v-spacing--medium);
      padding-inline: var(--v-spacing--large);
    }
    .cx-theme .cx-search-result .filters.desktop-expanded, .cx-theme .cx-search-result .filters.expanded {
      width: 100%;
    }
    .cx-theme .cx-search-result .filter-tabs {
      display: flex;
    }
  }
  @layer components {
    .cx-theme .cx-sub-brand {
      background: var(--o-sub-brand--background, var(--v-color--greyscale--95));
      overflow: hidden;
    }
    .cx-theme .cx-sub-brand--bg-white {
      --o-sub-brand--background: var(--v-color--greyscale--100);
    }
    .cx-theme .cx-sub-brand__list {
      grid-template-columns: repeat(2, 1fr);
    }
    @media screen and (min-width: 40rem) {
      .cx-theme .cx-sub-brand__list {
        grid-template-columns: repeat(3, 1fr);
      }
    }
  }
  @layer reset {
    .cx-theme .cx-sub-brand .brand-carousel {
      margin: unset;
    }
    .cx-theme .cx-sub-brand .header {
      margin: unset;
      padding: unset;
    }
  }
  @layer components {
    .cx-theme .cx-support-spot__container {
      display: grid;
      row-gap: var(--v-spacing--xlarge);
    }
    @media screen and (min-width: 62rem) {
      .cx-theme .cx-support-spot__list {
        grid-template-columns: repeat(auto-fit, minmax(calc(33% - var(--v-spacing--xlarge)), 1fr));
      }
    }
    @media screen and (min-width: 62rem) {
      .cx-theme .cx-support-spot__list--last {
        grid-template-columns: repeat(3, 1fr);
      }
    }
  }
  @layer reset {
    .cx-theme .cx-support-spot .container {
      display: unset;
      border-spacing: unset;
      margin: unset;
      max-width: unset;
      padding: unset;
      width: unset;
    }
    .cx-theme .cx-support-spot .header {
      margin: unset;
    }
    .cx-theme .cx-support-spot .row {
      padding: unset;
    }
    .cx-theme .cx-support-spot .link-with-arrow {
      position: unset;
      bottom: unset;
      left: unset;
    }
  }
  @layer components {
    @media screen and (min-width: 62rem) {
      .cx-theme .cx-usp-spot__list {
        grid-template-columns: repeat(auto-fit, minmax(calc(33% - var(--v-spacing--xlarge)), 1fr));
      }
    }
  }
  @layer utils {}
}
[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}