/* Theme base styles */

/* Tools
Any animations, or functions used throughout the project.
Note: _macros.css needs to be imported into each stylesheet where macros are used and not included here
*/

/* Generic
This is where reset, normalize & box-sizing styles go.
*/

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * Add the correct box sizing in Firefox.
 */

hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Remove the inheritance of text transform in Edge and Firefox.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers.
 */

legend {
  padding: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}
/* Reset — migrated from AxactorCraftCMS/resources/scss/reset.scss */

a, abbr, acronym, address, blockquote, body, caption, code, dd, del, dfn, div,
dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, html, iframe, img, label,
legend, li, object, ol, p, pre, q, span, table, tbody, td, tfoot, th, thead,
tr, ul, figure, figcaption {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  line-height: 1.5;
}

table {
  border-collapse: separate;
  border-spacing: 0;
}

caption, td, th {
  text-align: left;
  font-weight: 400;
}

table, td, th {
  vertical-align: middle;
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
}

blockquote, q {
  quotes: "" "";
}

a img {
  border: none;
}

*, *:before, *:after {
  box-sizing: border-box;
}
/* Fonts — migrated from AxactorCraftCMS/resources/scss/fonts.scss */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

/* Objects
Non-cosmetic design patterns including grid and layout classes)
*/



/* CSS variables */

:root {
  --column-gap: 0%;
  --column-width-multiplier: 8.333;
}

/* Mobile layout */

.row-fluid {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

/* --------------- LAYOUT — migrated from AxactorCraftCMS/resources/scss/style.scss --------------- */

.hidden {
  display: none;
}

.blur {
  filter: grayscale(1) blur(3px);
}

.page-wrapper {
  position: relative;
}

.main-content {
  min-height: calc(100vh - 296px);
  min-height: -o-calc(100vh - 296px);
  min-height: -webkit-calc(100vh - 296px);
  min-height: -moz-calc(100vh - 296px);
}

.main-content-intro {
  padding-bottom: 100px;
}

.main-content-intro-graphic {
  position: relative;
  width: 100%;
  height: 600px;
  background-color: #fff;
  background-size: cover !important;
  background-position: center center;
  margin-bottom: -120px;
  overflow: hidden;
}

.main-content-intro-graphic video {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 2;
}

@media screen and (max-width: 640px) {
  .hideOnMobile {
    display: none;
  }
}

@media screen and (max-width: 640px) {
  .main-content-intro-graphic-portrait {
    position: relative;
    height: auto;
    width: 100%;
    background-color: #fff;
    background-size: cover !important;
    background-position: center center;
    overflow: hidden;
  }

  .main-content-intro-graphic-portrait video {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 2;
  }
}

@media screen and (min-width: 640px) {
  .main-content-intro-graphic-portrait {
    display: none;
  }
}

.main-content-intro-text {
  width: 80%;
  margin: 0 auto;
  padding-top: 160px;
}

.main-content-intro-nav {
  position: absolute;
  top: 106px;
  left: 0;
  width: 100%;
  z-index: 99;
  background: #000;
}

.main-content-intro-nav ul {
  max-width: none;
  padding: 8px 10%;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
}

.main-content-intro-nav ul li {
  display: inline-block;
  margin-right: 25px;
}

.main-content-intro-nav ul li:last-of-type {
  margin-right: 100px;
}

.main-content-intro-nav::after {
  width: 150px;
  height: 41px;
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  background: linear-gradient(90deg, rgba(0,0,0,0), rgba(0,0,0,1));
  z-index: 999;
  pointer-events: none;
  user-select: none;
}

.main-content-intro-nav + .main-content-intro-text {
  padding-top: 200px;
}

section {
  max-width: 100%;
}

@media screen and (min-width: 576px) {
  section.small {
    max-width: 60%;
    margin: 0 auto;
  }

  section.medium {
    width: 75%;
    margin: 0 auto;
  }

  section.large {
    width: 100%;
    margin: 0 auto;
  }
}

figure img {
  display: block;
  width: 100%;
  margin-bottom: 15px;
}

figure.small {
  max-width: 750px;
  width: 80%;
  margin: 0 auto;
}

figure.medium {
  width: 70%;
  margin: 0 auto;
}

figure.large {
  width: 100%;
  margin: 0 auto;
}

figcaption,
.matrix-image-collage-wrapper p {
  max-width: 750px;
  margin: 0 auto;
  padding-bottom: 0;
  opacity: 0.5;
}

/* --------------- RESPONSIVE LAYOUT --------------- */

@media only screen and (max-width: 1000px) {
  .main-content-intro-graphic {
    width: 100%;
    height: 600px;
    margin-bottom: -120px;
  }

  .main-content-intro-text {
    width: 90%;
  }

  .main-content-intro-nav ul {
    padding: 8px 5%;
  }

  figure.small,
  figure.medium {
    width: 90%;
  }

  figcaption {
    max-width: none;
    width: 100%;
  }

  figure.large figcaption {
    width: 90%;
  }
}

@media only screen and (max-width: 640px) {
  header {
    position: static !important;
    padding: 20px 0 15px 0 !important;
  }

  .main-content-intro {
    padding-bottom: 50px;
  }

  .main-content-intro-graphic {
    height: 280px;
    margin-bottom: 0;
  }

  .main-content-intro-graphic video {
    height: 130%;
  }

  .main-content-intro-text {
    width: 90%;
    padding-top: 20px;
  }

  .main-content-intro-nav + .main-content-intro-text {
    padding-top: 20px;
  }

  .main-content-intro-nav {
    position: relative;
    top: 0;
  }

  .main-content-intro-nav::after {
    height: 39px;
    width: 100px;
  }

  .main-content-intro-nav ul li:last-of-type {
    margin-right: 50px;
  }

  section.front-top-text > h1 {
    font-size: 35px;
    padding-bottom: 20px;
  }

  section.front-top-text > p {
    font-size: 22px;
  }
}

/* Desktop layout */

@media (min-width: 768px) {
  .row-fluid {
    flex-wrap: nowrap;
    justify-content: space-around;
  }

  
    .row-fluid .span1 {
      width: calc(var(--column-width-multiplier) * 1% * 1 - var(--column-gap) * (11 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span2 {
      width: calc(var(--column-width-multiplier) * 1% * 2 - var(--column-gap) * (10 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span3 {
      width: calc(var(--column-width-multiplier) * 1% * 3 - var(--column-gap) * (9 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span4 {
      width: calc(var(--column-width-multiplier) * 1% * 4 - var(--column-gap) * (8 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span5 {
      width: calc(var(--column-width-multiplier) * 1% * 5 - var(--column-gap) * (7 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span6 {
      width: calc(var(--column-width-multiplier) * 1% * 6 - var(--column-gap) * (6 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span7 {
      width: calc(var(--column-width-multiplier) * 1% * 7 - var(--column-gap) * (5 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span8 {
      width: calc(var(--column-width-multiplier) * 1% * 8 - var(--column-gap) * (4 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span9 {
      width: calc(var(--column-width-multiplier) * 1% * 9 - var(--column-gap) * (3 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span10 {
      width: calc(var(--column-width-multiplier) * 1% * 10 - var(--column-gap) * (2 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span11 {
      width: calc(var(--column-width-multiplier) * 1% * 11 - var(--column-gap) * (1 * var(--column-width-multiplier) / 100));
    }
  
}
.content-wrapper {
  margin: 0 auto;
  padding: 0 1rem;
}

@media screen and (min-width: 1380px) {
  .content-wrapper {
    padding: 0;
  }
}

.dnd-section > .row-fluid {
  margin: 0 auto;
}

.dnd-section .dnd-column {
  padding: 0 1rem;
}

@media (max-width: 767px) {
  .dnd-section .dnd-column {
    padding: 0;
  }
}

/* Elements
Base HTML elements are styled in this section (<body>, <h1>, <a>, <p>, <button> etc.)
*/

/* Typography — migrated from AxactorCraftCMS/resources/scss/style.scss */

body {
  position: relative;
  font-family: Noto Sans, sans-serif;
  font-weight: 300;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #f7f7f7;
  color: #000;
  overflow-wrap: break-word;
}

/* --------------- FONT SIZES --------------- */

h1,
h2,
h3,
.bold,
.downloads-btn {
  font-family: Noto Sans, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
}

nav ul li:first-of-type,
nav div ul li {
  font-family: Noto Sans, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
}

h1,
.front-services h2,
.front-about h2,
.front-articles h2,
.front-sustainability h2 {
  font-size: 50px;
  line-height: 1.25;
  max-width: 750px;
  padding-bottom: 30px;
}

h2 {
  font-size: 36px;
  line-height: 1.3;
  padding-bottom: 20px;
}

h3 {
  font-size: 27px;
  line-height: 1.3;
  padding-bottom: 10px;
}

nav ul li:first-of-type,
nav div ul li {
  font-size: 27px;
  line-height: 1.3;
  padding-bottom: 10px;
}

.investor-oms-frame h3 {
  font-size: 70px;
}

.excerpt {
  font-size: 32px;
  line-height: 1.25;
  max-width: 1000px;
  padding-bottom: 0;
}

.excerpt p {
  font-size: 32px;
  line-height: 1.25;
  max-width: 1000px;
  padding-bottom: 0;
}

.country-indicator p,
.matrix-quote p,
.front-about p,
.front-sustainability p {
  font-size: 32px;
  line-height: 1.25;
  max-width: 1000px;
  padding-bottom: 0;
}

.country-indicator p {
  font-size: 27px;
}

p,
ul,
ol,
figcaption,
p.quote-maker,
input,
textarea,
select,
form button,
[role="form"] button,
label {
  font-family: Noto Sans, Arial, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 20px;
  line-height: 1.4;
  padding-bottom: 20px;
  max-width: 750px;
}

input,
textarea,
select,
form button,
[role="form"] button,
label,
.small-text,
p.btn,
button .btn-inner,
.shortlink-invoice-min p,
.main-content-intro-nav ul,
.control-group p {
  font-size: 18px;
}

em,
i,
.italic {
  font-style: italic;
}

strong,
.bold {
  font-weight: 500;
  font-style: normal;
}

.x-bold {
  font-weight: 600;
  font-style: normal;
}

.fade {
  opacity: 0.5;
}

/* --------------- RESPONSIVE TYPOGRAPHY --------------- */

@media only screen and (max-width: 640px) {
  h1,
  .front-services h2,
  .front-about h2,
  .front-articles h2,
  .front-sustainability h2 {
    font-size: 35px;
    padding-bottom: 20px;
  }

  h2 {
    font-size: 27px;
  }

  h3 {
    font-size: 21px;
  }

  nav ul li:first-of-type,
  nav div ul li {
    font-size: 21px;
  }

  .investor-oms-frame h3 {
    font-size: 40px;
  }

  .excerpt {
    font-size: 22px;
  }

  .excerpt p {
    font-size: 22px;
  }

  .country-indicator p,
  .matrix-quote p,
  .front-about p,
  .front-sustainability p {
    font-size: 22px;
  }

  p,
  ul,
  ol,
  figcaption,
  p.quote-maker,
  input,
  textarea,
  select,
  form button,
  [role="form"] button,
  label {
    font-size: 18px;
  }

  input,
  textarea,
  select,
  form button,
  [role="form"] button,
  label,
  .small-text,
  p.btn,
  button .btn-inner,
  .shortlink-invoice-min p,
  .main-content-intro-nav ul,
  .control-group p {
    font-size: 17px;
  }
}

/* Handles word breaking for a few specific languages which handle breaks in words differently. If your content is not translated into these languages, you can safely remove this.  */

html[lang^="ja"] body,
html[lang^="zh"] body,
html[lang^="ko"] body {
  line-break: strict;
  overflow-wrap: normal;
  word-break: break-all;
}

/* Paragraphs */

p {
  font-size: 1rem;
  margin: 0 0 1.4rem;
  padding-bottom:0;
}

/* Anchors */

a {
  cursor: pointer;
}

/* Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 1.4rem;
  padding-bottom:0;
}

/* Lists */

ul,
ol {
  margin: 0 0 1.4rem 20px;
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin: 0;
}

ul.no-list {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/* Code blocks */

pre {
  overflow: auto;
}

code {
  vertical-align: bottom;
}

/* Blockquotes */

blockquote {
  border-left: 2px solid;
  margin: 0 0 1.4rem;
  padding-left: 0.7rem;
}

/* Horizontal rules */

hr {
  border: none;
  border-bottom: 1px solid #CCC;
}

/* Image alt text */

img {
  font-size: 0.583rem;
  word-break: normal;
}
/* Buttons — migrated from AxactorCraftCMS/resources/scss/style.scss */





button,
.button,
.hs-button {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  transition: all 0.15s linear;
  white-space: normal;
}

.btn {
  display: inline-block !important;
  padding: 10px 20px !important;
  background: 

  
  
    
  


  rgba(37, 105, 140, 1.0)

;
  color: #fff;
  font-weight: 400;
  border-radius: 5px;
  text-decoration: none;
}

.arrow {
  background: url("data:image/svg+xml,%3Csvg version=%221.1%22 id=%22Layer_1%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 x=%220px%22 y=%220px%22 viewBox=%220 0 15 15%22 style=%22enable-background:new 0 0 15 15;%22 xml:space=%22preserve%22%3E %3Cstyle type=%22text/css%22%3E .st0%7Bfill:%23E3A60C;%7D %3C/style%3E %3Cg%3E %3Cpath class=%22st0%22 d=%22M4.9,12.5c-0.1,0-0.2,0-0.3-0.1c-0.1-0.3-0.1-0.5,0-0.7l4.2-4.2L4.6,3.4C4.5,3.1,4.5,3,4.6,2.7 c0.1-0.1,0.2-0.1,0.3-0.1s0.2,0,0.3,0.1l4.5,4.6c0.1,0.1,0.1,0.2,0.1,0.3c0,0.1,0,0.2-0.1,0.3l-4.5,4.5C5.1,12.5,5,12.5,4.9,12.5z%22 /%3E %3Cpath class=%22st0%22 d=%22M4.9,2.7c0.1,0,0.2,0,0.2,0.1l4.5,4.6c0.1,0.1,0.1,0.3,0,0.4l-4.5,4.5c0,0.1-0.1,0.1-0.2,0.1s-0.2,0-0.2-0.1 c-0.1-0.2-0.1-0.4,0-0.5L9,7.5L4.7,3.3C4.6,3.1,4.6,3,4.7,2.8C4.8,2.8,4.8,2.7,4.9,2.7 M4.9,2.5c-0.1,0-0.3,0.1-0.4,0.1l0,0l0,0 C4.3,3,4.3,3.1,4.5,3.4l0,0l0,0l4.1,4l-4.1,4.1c-0.2,0.2-0.2,0.5,0,0.8l0,0l0,0c0.1,0.1,0.2,0.1,0.4,0.1s0.3-0.1,0.4-0.1L9.8,8 c0.2-0.2,0.2-0.6,0-0.8L5.3,2.6C5.2,2.5,5,2.5,4.9,2.5L4.9,2.5z%22/%3E %3C/g%3E %3C/svg%3E") no-repeat left center;
  background-size: 20px;
  padding-left: 25px;
  margin-bottom: 15px;
}

button:disabled,
.button:disabled,
.hs-button:disabled {
  background-color: #D0D0D0;
  border-color: #D0D0D0;
  color: #E6E6E6;
}

/* No button */

.no-button,
.no-button:hover,
.no-button:focus,
.no-button:active {
  background: none;
  border: none;
  border-radius: 0;
  color: initial;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  margin-bottom: 0;
  padding: 0;
  text-align: left;
  text-decoration: none;
  transition: none;
}
/* Forms — migrated from AxactorCraftCMS/resources/scss/style.scss */

/* Fields */

.hs-form-field {
  margin-bottom: 1.4rem;
}

/* --------------- FORMS --------------- */

form .small,
[role="form"] .small {
  float: left;
  width: calc(50% - 5px);
  width: -o-calc(50% - 5px);
  width: -webkit-calc(50% - 5px);
  width: -moz-calc(50% - 5px);
  margin-bottom: 15px;
}

form .small:nth-child(even),
[role="form"] .small:nth-child(even) {
  margin-right: 10px;
}

form .large,
[role="form"] .large {
  width: 100%;
  margin-bottom: 15px;
  clear: both;
}

form label,
[role="form"] label {
  display: block;
  padding-bottom: 5px;
  opacity: 0.75;
}

input,
textarea,
select,
form button,
[role="form"] button {
  width: 100%;
  max-width: unset;
  background: #ededed;
  border: none;
  padding: 10px 15px;
  resize: none;
  -webkit-appearance: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 5px;
}

select {
  padding: 10px 12px;
  background-image: url("data:image/svg+xml,%3Csvg width=%2218%22 height=%2210%22 viewBox=%220 0 18 10%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E %3Cpath d=%22M1.50169 0.849999C1.35226 0.849999 1.20752 0.900337 1.09182 0.992229L1.08647 0.992229L1.04287 1.03433C0.982046 1.09306 0.933533 1.16314 0.900343 1.24065C0.867151 1.31816 0.85 1.40145 0.85 1.48568C0.85 1.5699 0.867151 1.65319 0.900343 1.7307C0.93351 1.80816 0.981979 1.87819 1.04274 1.9369C1.04279 1.93694 1.04283 1.93698 1.04287 1.93702L8.5452 9.22344L8.54522 9.22345C8.66746 9.34214 8.83232 9.40806 9.00333 9.40806C9.17434 9.40806 9.33921 9.34214 9.46145 9.22345L9.46146 9.22344L16.9641 1.93673L16.9641 1.93674L16.966 1.93489C17.0849 1.8153 17.1515 1.6542 17.15 1.48608C17.1485 1.31797 17.079 1.15807 16.958 1.04054C16.8371 0.923162 16.6745 0.857317 16.5054 0.855889C16.3363 0.854462 16.1726 0.91755 16.0497 1.03283L16.0497 1.03281L16.0478 1.03462L9.00285 7.87638L1.95984 1.03464L1.95981 1.03461C1.83757 0.915925 1.67271 0.849999 1.50169 0.849999Z%22 fill=%22#444444%22 stroke=%22black%22 stroke-width=%220.3%22/%3E %3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 96% 50%;
  background-size: 18px;
}

input[type="submit"],
form button,
[role="form"] button {
  background: #1d1d1b;
  color: #fff;
  border: none;
  width: 100%;
  padding: 10px 0;
  cursor: pointer;
}

.menu-search input[type=search] {
  background-image: url("data:image/svg+xml,%3Csvg width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E %3Cpath d=%22M19.8779 18.6996L14.0681 12.8897C15.17 11.5293 15.8334 9.79975 15.8334 7.9167C15.8334 3.55145 12.2819 0 7.91666 0C3.55141 0 0 3.55145 0 7.9167C0 12.2819 3.55145 15.8334 7.9167 15.8334C9.79975 15.8334 11.5293 15.17 12.8897 14.0681L18.6996 19.878C18.8623 20.0407 19.1261 20.0407 19.2889 19.878L19.878 19.2888C20.0407 19.1261 20.0407 18.8623 19.8779 18.6996ZM7.9167 14.1667C4.47024 14.1667 1.66668 11.3631 1.66668 7.9167C1.66668 4.47024 4.47024 1.66668 7.9167 1.66668C11.3631 1.66668 14.1667 4.47024 14.1667 7.9167C14.1667 11.3631 11.3631 14.1667 7.9167 14.1667Z%22 fill=%22black%22/%3E %3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 14px 50%;
  padding-left: 46px;
  background-size: 18px;
  border:0;
  background-color: #ededed;
  border-radius: 5px;
}

.error-bg {
  background-color: #f8e6b9;
  padding: 20px;
}

.success-bg {
  background-color: #c2e2d5;
  padding: 20px;
}

/* Labels */

form label {
  display: block;
  font-size: 0.875rem;
  margin-bottom: 0.35rem;
}

/* Form Title */
.form-title {
  margin-bottom: 0;
}

/* Help text */

form legend {
  font-size: 0.875rem;
}

/* Inputs */

form input[type=text],
form input[type=search],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  display: inline-block;
  font-size: 0.875rem;
  padding: 0.7rem;
  width: 100%;
}

form textarea {
  resize: vertical;
}

form fieldset {
  max-width: 100% !important;
}

/* Inputs - checkbox/radio */

form .inputs-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

form .inputs-list > li {
  display: block;
  margin: 0.7rem 0;
}

form .inputs-list input,
form .inputs-list span {
  vertical-align: middle;
}

form input[type=checkbox],
form input[type=radio] {
  cursor: pointer;
  margin-right: 0.35rem;
}

/* Inputs - date picker */

.hs-dateinput {
  position: relative;
}

.hs-dateinput:before {
  content:'\01F4C5';
  position: absolute;
  right: 10%;
  top: 50%;
  transform: translateY(-50%);
}

.fn-date-picker .pika-table thead th {
  color: #FFF;
}

.fn-date-picker td.is-selected .pika-button {
  border-radius: 0;
  box-shadow: none;
}

.fn-date-picker td .pika-button:hover,
.fn-date-picker td .pika-button:focus {
  border-radius: 0 !important;
  color: #FFF;
}

/* Inputs - file picker */

form input[type=file] {
  background-color: transparent;
  border: initial;
  padding: initial;
}

/* Headings and text */

form .hs-richtext,
form .hs-richtext p {
  font-size: 0.875rem;
  margin: 0 0 1.4rem;
}

form .hs-richtext img {
  max-width: 100% !important;
}

/* GDPR */

.legal-consent-container .hs-form-booleancheckbox-display > span,
.legal-consent-container .hs-form-booleancheckbox-display > span p {
  margin-left: 1rem !important;
}

/* Validation */

.hs-form-required {
  color: #EF6B51;
}

.hs-input.invalid.error {
  border-color: #EF6B51;
}

.hs-error-msg {
  color: #EF6B51;
  margin-top: 0.35rem;
}

/* Submit button */

form input[type=submit],
form .hs-button {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  transition: all 0.15s linear;
  white-space: normal;
}

/* Captcha */

.grecaptcha-badge {
  margin: 0 auto;
}


  /* Search button input field and suggestions */
  .body-container-wrapper .hs-search-field__button {
    padding: 15px;
  }

  .body-container-wrapper .hs-search-field__bar--button-inline .hs-search-field__button {
    margin-left: 6px;
    margin-bottom: 0;
  }

  .body-container-wrapper .hs-search-field__button svg {
    height: 15px;
    fill: #fff;
  }

  .body-container-wrapper .hs-search-field__bar > form > .hs-search-field__input {
    padding: 10px;
  }

  .body-container-wrapper .hs-search-field__suggestions li a {
    color: #494A52;
    padding: 0.35rem 0.7rem;
    text-decoration: none;
    transition: background-color 0.3s;
  }

/* Tables — migrated from AxactorCraftCMS/resources/scss/style.scss */

table {
  border-collapse: collapse;
  margin-bottom: 1.4rem;
  overflow-wrap: break-word;
}

table tr,
table td,
table th {
  font-family: Noto Sans, Arial, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 20px;
  line-height: 1.4;
  padding-bottom: 20px;
  max-width: 750px;
}

/* Matrix table styles */

.matrix-table {
  width: 90%;
  margin: 0 auto 80px auto;
  padding-bottom: 20px;
}

.matrix-table td,
.matrix-table th {
  padding: 15px 20px;
  border-bottom: 1px solid #e3e3e3;
}

.matrix-table td {
  vertical-align: top;
}

.matrix-table table p {
  padding: 0;
}

.matrix-table table tr th {
  background: #36424e;
  color: #fff;
  font-weight: 400;
}

.matrix-table table.normal {
  max-width: 750px;
  margin: 0 auto;
}

.matrix-table table.large,
.fixed-table.large {
  width: 100%;
}

.fixed-table.normal {
  max-width: 750px;
  margin: 0 auto;
}

.matrix-table-intro {
  max-width: 750px;
  margin: 0 auto 30px auto;
}

.matrix-table-sub {
  opacity: 0.5;
  max-width: 750px;
  margin: 15px auto 0 auto;
}

/* Fixed grid (generic table-like grid) */

.fixed-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, auto));
  min-width: 300px;
}

.grid-cell {
  border-bottom: 1px solid #e3e3e3;
  padding: 15px 20px;
  min-width: 100px;
}

.grid-cell p {
  padding: 0 !important;
}

.grid-header {
  background: #36424e;
  font-size: 20px;
  font-weight: 800;
  color: #ffffff;
}

.grid-header div,
.grid-header a,
.grid-header p {
  color: #fff !important;
  font-weight: 700;
  font-size: 20px;
}

@media only screen and (max-width: 640px) {
  table tr,
  table td,
  table th {
    font-size: 18px;
  }
}

/* Table cells */

td,
th {
  vertical-align: top;
}

/* Table header */

thead th {
  vertical-align: bottom;
}

/* Components
Specific pieces of UI that are stylized. Typically used for global partial styling
*/

/* Header DND sections */

.header .dnd-section {
  padding: 0;
}

/* Header container */

.site-header-wrap {
  position: relative;
}

.header__container {
  display: flex;
  justify-content: space-between;
}

.header__row-1 {
  padding-top: 1rem;
}

/* --------------- HEADER & NAVIGATION — migrated from AxactorCraftCMS/resources/scss/style.scss --------------- */

header {
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  padding: 25px 0;
  z-index: 9999;
  background: #fff;
}

.logo {
  float: left;
  width: 240px;
  margin: 0 20px 0 10%;
  cursor: pointer;
}

.logo img {
  display: block;
  width: 100%;
}

.country-indicator {
  float: left;
  cursor: pointer;
  margin-top: 2px;
}

.country-indicator p {
  padding: 0 30px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='10' viewBox='0 0 18 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M1.50169 0.849999C1.35226 0.849999 1.20752 0.900337 1.09182 0.992229L1.08647 0.992229L1.04287 1.03433C0.982046 1.09306 0.933533 1.16314 0.900343 1.24065C0.867151 1.31816 0.85 1.40145 0.85 1.48568C0.85 1.5699 0.867151 1.65319 0.900343 1.7307C0.93351 1.80816 0.981979 1.87819 1.04274 1.9369C1.04279 1.93694 1.04283 1.93698 1.04287 1.93702L8.5452 9.22344L8.54522 9.22345C8.66746 9.34214 8.83232 9.40806 9.00333 9.40806C9.17434 9.40806 9.33921 9.34214 9.46145 9.22345L9.46146 9.22344L16.9641 1.93673L16.9641 1.93674L16.966 1.93489C17.0849 1.8153 17.1515 1.6542 17.15 1.48608C17.1485 1.31797 17.079 1.15807 16.958 1.04054C16.8371 0.923162 16.6745 0.857317 16.5054 0.855889C16.3363 0.854462 16.1726 0.91755 16.0497 1.03283L16.0497 1.03281L16.0478 1.03462L9.00285 7.87638L1.95984 1.03464L1.95981 1.03461C1.83757 0.915925 1.67271 0.849999 1.50169 0.849999Z' fill='%23444444' stroke='black' stroke-width='0.3'/%3E %3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 100% 55%;
  background-size: 16px;
  margin: 0;
}

.menu-icon-wrapper {
  float: right;
  position: relative;
  margin: 2px 360px 0 0;
}

.menu-icon-wrapper p {
  position: absolute;
  top: 2px;
  left: 40px;
  z-index: 9;
  padding: 0;
  margin: 0;
  font-size: 20px;
}

.shortlink-invoice,
.shortlink-invoice-min {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 20px 0 30px;
  height: 86px;
  width: 270px;
  box-sizing: content-box;
  background: #078e66;
  color: #fff;
  display: flex;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
}

.shortlink-invoice p,
.shortlink-invoice-min p {
  padding: 0;
  margin: 0;
  line-height: 1.2;
}

nav {
  display: flex;
  flex-wrap: wrap;
  max-height: 0px;
  width: 80%;
  margin: 0 auto;
  overflow: hidden;
}

nav ul {
  flex-basis: 23%;
  list-style-type: none;
  padding: 0 2% 20px 0;
  line-height: 1.2;
}

nav ul li {
  width: 100%;
  padding-bottom: 15px;
  line-height: 1.2;
}

nav ul li:first-of-type {
  line-height: 1.2;
  padding-bottom: 15px;
}

nav ul li.all-articles-link {
  opacity: 0.5;
  padding-top: 15px;
}

nav > div {
  flex-basis: 25%;
}

nav div ul li {
  line-height: 1.2;
  padding-bottom: 15px;
}

.nav-show {
  max-height: 2000px;
  padding-top: 80px;
  padding-bottom: 40px;
  transition: all 0.3s ease-in-out;
}

.nav-hide {
  max-height: 0px;
  padding-top: 0px;
  transition: all 0.3s ease-in-out;
}

.country-selector-wrapper {
  position: absolute;
  left: calc(10% + 260px);
  left: -o-calc(10% + 260px);
  left: -webkit-calc(10% + 260px);
  left: -moz-calc(10% + 260px);
  top: 86px;
  height: 0;
  width: 360px;
  overflow: hidden;
  z-index: 999;
}

.country-selector-show {
  height: 400px;
  transition: all 0.3s ease-in-out;
}

.country-selector-hide {
  height: 0px;
  transition: all 0.3s ease-in-out;
}

.country-selector {
  width: 190px;
  background-color: #fff;
}

.country-selector > ul {
  width: 190px;
}

.country-selector a {
  display: block;
  padding: 10px 20px;
  color: #000;
  text-decoration: none;
}

.country-selector ul {
  position: relative;
  z-index: 99;
  list-style: none;
  padding: 0;
  margin: 0;
}

.country-selector ul li {
  float: none;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='18' viewBox='0 0 10 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M0.85 16.4983C0.85 16.6477 0.900338 16.7925 0.99223 16.9082V16.9135L1.03433 16.9571C1.09307 17.018 1.16314 17.0665 1.24065 17.0997C1.31816 17.1328 1.40145 17.15 1.48568 17.15C1.5699 17.15 1.65319 17.1328 1.73071 17.0997C1.80816 17.0665 1.87819 17.018 1.9369 16.9573C1.93694 16.9572 1.93698 16.9572 1.93703 16.9571L9.22344 9.4548L9.22345 9.45478C9.34214 9.33254 9.40806 9.16768 9.40806 8.99667C9.40806 8.82565 9.34214 8.66079 9.22345 8.53855L9.22344 8.53854L1.93673 1.0359L1.93674 1.03588L1.93489 1.03404C1.8153 0.915114 1.6542 0.848521 1.48608 0.850025C1.31797 0.851529 1.15807 0.920988 1.04054 1.04199C0.923162 1.16285 0.857317 1.32546 0.855889 1.49456C0.854462 1.66367 0.91755 1.82738 1.03283 1.95028L1.03281 1.95029L1.03462 1.95216L7.87639 8.99715L1.03464 16.0402L1.03461 16.0402C0.915926 16.1624 0.85 16.3273 0.85 16.4983Z' fill='%23444444' stroke='black' stroke-width='0.3'/%3E %3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 90% 50%;
  background-size: 8px;
}

.country-selector ul li.no-arrow {
  background-image: none;
}

.country-selector ul li:hover > ul {
  visibility: visible;
}

.country-selector li {
  position: relative;
}

.country-selector ul ul {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
}

.country-selector > ul > li > a:hover {
  color: #fff;
  background: gold;
}

.country-selector > ul > li a:hover,
.country-selector > ul > li:hover a {
  background-color: #000;
  color: #fff;
}

/* --------------- HAMBURGER MENU --------------- */

.menu-icon {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.cmn-toggle-switch {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 88px;
  height: 34px;
  z-index: 999;
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}

.cmn-toggle-switch:hover {
  border: 0;
  background-color: transparent;
}

.cmn-toggle-switch:focus {
  outline: 0;
  border: 0;
  background-color: transparent;
}

.cmn-toggle-switch span {
  display: block;
  position: absolute;
  top: 16px;
  left: 0;
  right: 60px;
  height: 2px;
  background: #000;
}

.cmn-toggle-switch span::after,
.cmn-toggle-switch span::before {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #000;
  content: "";
}

.cmn-toggle-switch span::before {
  top: -12px;
}

.cmn-toggle-switch span::after {
  bottom: -12px;
}

.cmn-toggle-switch__htx {
  background-color: rgba(0, 0, 0, 0);
}

.cmn-toggle-switch__htx.active {
  background-color: rgba(0, 0, 0, 0);
}

.cmn-toggle-switch__htx span {
  -webkit-transition: background 0 0.3s;
  transition: background 0 0.3s;
}

.cmn-toggle-switch__htx span::after,
.cmn-toggle-switch__htx span::before {
  -webkit-transition-duration: 0.3s, 0.3s;
  transition-duration: 0.3s, 0.3s;
  -webkit-transition-delay: 0.3s, 0;
  transition-delay: 0.3s, 0;
}

.cmn-toggle-switch__htx span::before {
  -webkit-transition-property: top, -webkit-transform;
  transition-property: top, transform;
}

.cmn-toggle-switch__htx span::after {
  -webkit-transition-property: bottom, -webkit-transform;
  transition-property: bottom, transform;
}

.cmn-toggle-switch__htx.active span {
  background: 0 0;
}

.cmn-toggle-switch__htx.active span::before {
  top: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition-delay: 0, 0.3s;
  transition-delay: 0, 0.3s;
}

.cmn-toggle-switch__htx.active span::after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition-delay: 0, 0.3s;
  transition-delay: 0, 0.3s;
}

/* --------------- FOOTER --------------- */

footer {
  width: 100%;
  padding: 30px 10%;
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

footer p.copyright {
  padding: 0;
  flex-basis: 100%;
  margin-top: 30px;
}

footer div {
  flex-basis: 15%;
}

footer div:first-of-type,
footer div:last-of-type {
  flex-basis: 32%;
}

footer div p {
  padding: 0;
}

footer div ul {
  list-style-type: none;
  margin-top: 20px;
}

footer div ul.ul-floats li {
  float: none;
  width: 100%;
  opacity: 0.5;
}

.footer-some {
  margin-top: 30px;
  max-width: 300px;
  width: 100%;
}

.footer-columntext {
  margin-bottom: 30px;
}

.linkedin-btn,
.facebook-btn,
.xing-btn,
.newsletter-btn {
  display: inline-block;
  padding: 10px 15px 10px 65px !important;
  background: #f7f7f7;
  color: #000;
  font-weight: 400;
  border-radius: 5px;
  background-repeat: no-repeat;
  background-size: 48px;
  margin: 0 0 10px 0;
}

.linkedin-btn {
  background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M0 0V50H50V0H0ZM20.8333 33.3333H16.6667V20.8333H20.8333V33.3333ZM18.75 18.9583C17.5 18.9583 16.4583 17.9167 16.4583 16.6667C16.4583 15.4167 17.5 14.375 18.75 14.375C20 14.375 21.0417 15.4167 21.0417 16.6667C21.0417 17.9167 20 18.9583 18.75 18.9583ZM35.4167 33.3333H31.25V27.2917C31.25 23.3333 27.0833 23.75 27.0833 27.2917V33.3333H22.9167V20.8333H27.0833V23.125C28.9583 19.7917 35.4167 19.5833 35.4167 26.25V33.3333Z' fill='black'/%3E %3C/svg%3E");
}

.facebook-btn {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50;' xml:space='preserve'%3E %3Cpath d='M0,0v50h50V0H0z M29.7,24h-3.3v11.7h-4.4V24h-2.2v-3.6h2.2v-2.9h0c0.1-2.5,1-4.9,5.3-5.1v0H30V16h-2.3 c-0.8,0-1.4,0.9-1.4,1.7v2.6h4L29.7,24z'/%3E %3C/svg%3E");
}

.xing-btn {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50;' xml:space='preserve'%3E %3Cpath d='M0,0v50h50V0H0z M17.7,30.4h-4.6c-0.3,0-0.5-0.1-0.6-0.3c-0.1-0.2-0.1-0.5,0-0.7l4.9-8.6c0,0,0,0,0,0l-3.1-5.4 c-0.1-0.3-0.1-0.5,0-0.7c0.1-0.2,0.4-0.3,0.6-0.3v0h4.6c0.7,0,1,0.5,1.3,0.9c0,0,3.1,5.5,3.2,5.5c-0.2,0.3-5,8.8-5,8.8 C18.8,29.9,18.4,30.4,17.7,30.4z M39.5,9.1l-10.2,18c0,0,0,0,0,0l6.5,11.8c0.1,0.3,0.1,0.5,0,0.7c-0.1,0.2-0.3,0.3-0.6,0.3h-4.6 c-0.7,0-1.1-0.5-1.3-0.9c0,0-6.5-11.9-6.5-12C23.1,26.5,33,8.9,33,8.9c0.2-0.4,0.5-0.9,1.2-0.9v0h0v0h4.6c0.3,0,0.5,0.1,0.6,0.3 C39.6,8.6,39.6,8.8,39.5,9.1z'/%3E %3C/svg%3E");
}

.newsletter-btn {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 50 50' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E %3Crect width='50' height='50'/%3E %3Cg transform='matrix(.060606 0 0 .060606 15 15)'%3E%3Cg id='a' fill='%23fff'%3E %3Cpath id='b' d='m173.87 177.1c-2.641 1.936-5.756 2.903-8.87 2.903-3.116 0-6.23-0.967-8.871-2.903l-156.13-114.49-1e-3 212.4c1e-3 8.284 6.716 15 15 15l300-1e-3c8.285 0 15-6.716 15-14.999v-212.4l-30.001 22z'/%3E %3Cpolygon id='c' points='310.09 40.001 19.911 40 165 146.4'/%3E %3C/g%3E%3C/g%3E%3C/svg%3E");
}

/* --------------- LINKS --------------- */

a {
  color: #000;
  text-decoration: underline;
}

a:active,
a:visited,
a:focus {
  color: #000;
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

nav a {
  color: #000;
  text-decoration: none;
}

nav a:active,
nav a:visited,
nav a:focus {
  color: #000;
  text-decoration: none;
}

nav a:hover {
  color: #000;
  text-decoration: underline;
}

footer a {
  color: #000;
  text-decoration: none;
}

footer a:active,
footer a:visited,
footer a:focus {
  color: #000;
  text-decoration: none;
}

footer a:hover {
  color: #000;
  text-decoration: underline;
}

.shortlink-invoice a,
.shortlink-invoice-min a,
.matrix-cta a {
  color: #fff !important;
  text-decoration: underline;
}

.shortlink-invoice a:hover,
.shortlink-invoice-min a:hover,
.matrix-cta a:hover {
  text-decoration: none;
}

.main-content-intro-nav a {
  color: #fff !important;
  text-decoration: none;
}

.main-content-intro-nav a:hover {
  text-decoration: underline;
}

/* --------------- RESPONSIVE HEADER / NAV / FOOTER --------------- */

@media only screen and (max-width: 1000px) {
  .logo {
    width: 240px;
    margin: 0 20px 0 5%;
  }

  .country-selector-wrapper {
    left: calc(5% + 260px);
    left: -o-calc(5% + 260px);
    left: -webkit-calc(5% + 260px);
    left: -moz-calc(5% + 260px);
  }

  .menu-icon-wrapper {
    margin: 2px 350px 0 0;
  }

  .menu-icon-wrapper p {
    display: none;
  }

  .cmn-toggle-switch {
    width: 30px;
  }

  .cmn-toggle-switch span {
    right: 0;
  }

  nav {
    width: 90%;
    padding: 0 5%;
  }

  footer {
    padding: 30px 5%;
  }
}

@media only screen and (max-width: 855px) {
  .menu-icon-wrapper {
    margin: 2px 5% 0 0;
  }

  .shortlink-invoice,
  .shortlink-invoice-min {
    position: static;
    border-radius: 5px;
    padding: 19px 40px 20px 40px;
    display: block;
  }

  nav ul {
    flex-basis: 100%;
    margin-bottom: 20px;
  }

  nav ul li {
    padding-bottom: 8px;
  }

  nav ul li:first-of-type {
    padding-bottom: 8px;
  }

  nav > div {
    flex-basis: 100%;
  }

  nav > div ul li:first-of-type {
    padding-bottom: 15px;
  }

  .nav-show {
    padding-top: 20px;
    padding-bottom: 0;
  }

  .shortlink-invoice,
  .shortlink-invoice-min {
    position: static;
    padding: 20px 5%;
    height: auto;
    width: 90%;
    margin-bottom: 30px;
    margin-top: 20px;
    text-align: center;
  }
}

@media only screen and (max-width: 640px) {
  .logo {
    float: none;
    width: 200px;
    margin: 0 15px 0 5%;
  }

  .shortlink-invoice,
  .shortlink-invoice-min {
    margin-top: 0;
  }

  .country-indicator {
    margin: 10px 0 0 5%;
  }

  .country-indicator p {
    background-position: 100% 60%;
    background-size: 13px;
  }

  .menu-icon-wrapper {
    position: absolute;
    top: 20px;
    right: 5%;
    margin: 0;
  }

  .country-selector-wrapper {
    position: static;
    left: 0;
    top: 0;
    width: 100%;
    margin: 0 auto;
  }

  .country-selector {
    width: 50%;
  }

  .country-selector > ul {
    width: 100%;
  }

  .country-selector a {
    padding: 10px 10%;
  }

  .country-selector-show {
    height: 360px;
    padding-top: 20px;
    transition: all 0.3s ease-in-out;
  }

  .country-selector-hide {
    height: 0px;
    transition: all 0.3s ease-in-out;
  }

  footer {
    padding: 30px 5%;
  }

  footer p.copyright {
    margin-top: 0;
  }

  footer div {
    flex-basis: 50%;
    margin-bottom: 30px;
  }

  footer .footer-some {
    margin-bottom: 0;
  }

  footer div:first-of-type,
  footer div:last-of-type {
    flex-basis: 100%;
  }

  footer div ul {
    margin-top: 0;
    padding: 0;
  }

  footer div ul.ul-floats li {
    margin-top: 15px;
  }
}

.header__row-1,
.header__row-2 {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

@media (max-width: 1150px) and (min-width: 767px) {
  .header__column {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .header__container {
    flex-direction: column;
    padding: 1rem 0 0;
  }

  .header__column {
    position: relative;
  }

  .header__row-1 {
    padding-top: 0;
  }

  .header__row-2 {
    justify-content: center;
    padding: 1.05rem;
  }
}

/* Navigation skipper */

.header__skip {
  height: 1px;
  left: -1000px;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -1000px;
  width: 1px;
}

.header__skip:hover,
.header__skip:focus,
.header__skip:active {
  height: auto;
  left: 0;
  overflow: visible;
  top: 0;
  width: auto;
}

/* Logo */

.header__logo {
  align-items: center;
  display: flex;
  height: auto;
  margin-right: auto;
  max-width: 200px;
  overflow: hidden;
}

@media (max-width: 767px) {
  .header__logo {
    margin: 0 auto;
    width: 100%;
  }
}

.header__logo img {
  max-width: 100%;
}

.header__logo .logo-company-name {
  font-size: 1.167rem;
  margin-top: 0.7rem;
}

.header__logo--main {
  padding-top: 1rem;
}

/* Search bar */

.header__search {
  padding: 0 1rem;
  width: auto;
}

.body-container-wrapper .hs-search-field__form {
  max-width: 750px;
  width: 80vw;
  background-color: rgba(0, 0, 0, 0%);
}
.body-container-wrapper .hs-search-field__bar > form > .hs-search-field__input {
  width: calc(50% - 5px);
  padding: 10px 15px;
  border-radius: 5px;
  border: none;
  background: #ededed;
}
.body-container-wrapper .hs-search-field__bar--button-inline .hs-search-field__button {
  width: calc(50% - 5px);
  margin-left: 0;
  padding: 10px 0;
  border-radius: 5px;
  border: none;
  background: #1d1d1b;
}



  .hs-search-field__form {
    position: relative;
  }

  .header__search .hs-search-field__label {
    flex-basis: auto;
  }



.header__search .hs-search-field__input {
  
  height: 45px;
  padding: 0 0.7rem;
}



  .header__search .hs-search-field__button {
    padding: 0;
    fill: #000;
    background-color: transparent;
    border: none;
    padding: 10px;
    position: absolute;
    top: 0;
    right: 0;
  }

  .header__search .hs-search-field__button svg {
    height: 25px;
  }


.header__search .hs-search-field--open .hs-search-field__input {
  border-bottom: none;
  border-radius: 6px 6px 0 0;
  max-width: 100%;
}

.header__search .hs-search-field--open .hs-search-field__suggestions {
  background-color: #FFF;
  border: 2px solid #D1D6DC;
  border-radius: 0 0 6px 6px;
  border-top-width: 1px;
  position: absolute;
  width: 100%;
  z-index: 10;
}

.header__search .hs-search-field__suggestions li {
  border-top: 1px solid #D1D6DC;
  font-size: 0.875rem;
}

.header__search .hs-search-field__suggestions li a {
  color: #494A52;
  padding: 0.35rem 0.7rem;
  text-decoration: none;
  transition: background-color 0.3s;
}

.header__search .hs-search-field__suggestions #results-for {
  display: none;
}

@media (min-width: 767px) {
  .header__search form {
    align-items: center;
    display: flex;
    flex-direction: row;
  }

  .header__search label {
    margin: 0 1rem 0 0;
  }

  .header__search .hs-search-field__input {
    width: auto;
  }
}

@media (max-width: 767px) {
  .header__search {
    border-top: 2px solid #CED4DB;
    order: 1;
    padding: 1.05rem;
  }
}

/* Language switcher */

.header__language-switcher {
  cursor: pointer;
  padding-right: 1.4rem;
}

.header__language-switcher .lang_switcher_class {
  position: static;
}

.header__language-switcher .lang_list_class {
  border: 2px solid;
  border-radius: 3px;
  box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.2);
  display: block;
  left: calc(100% - 24px);
  opacity: 0;
  min-width: 100px;
  padding-top: 0;
  text-align: left;
  top: 100%;
  transition: opacity 0.3s;
  visibility: hidden;
}

.header__language-switcher:hover .lang_list_class,
.header__language-switcher:focus .lang_list_class {
  opacity: 1;
  transition: opacity 0.3s;
  visibility: visible;
}

.header__language-switcher .lang_list_class:before {
  left: 70%;
  top: -25px;
}

.header__language-switcher .lang_list_class:after {
  left: 70%;
  top: -22px;
}

.header__language-switcher .lang_list_class.first-active::after {
  top: -22px;
  transition: 0.3s;
}

.header__language-switcher .lang_list_class li {
  border: none;
  font-size: 18px;
  padding: 0.35rem 0.7rem;
}

.header__language-switcher .lang_list_class li:first-child {
  border-radius: 6px 6px 0 0;
  border-top: none;
}

.header__language-switcher .lang_list_class li:last-child {
  border-bottom: none;
  border-radius: 0 0 6px 6px;
}

.header__language-switcher .lang_list_class li:hover {
  transition: background-color 0.3s;
}

.header__language-switcher--label {
  display: flex;
  position: relative;
}

.header__language-switcher--label-current {
  align-items: center;
  display: flex;
  font-size: 0.75rem;
  margin-bottom: 0.175rem;
  margin-left: 0.7rem;
}

.header__language-switcher--label-current:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #494A52;
  content: "";
  display: block;
  height: 0px;
  margin-left: 0.7rem;
  margin-top: 0.175rem;
  width: 0px;
}

@media (max-width: 767px) {
  .header__language-switcher {
    border-top: 2px solid #CED4DB;
    padding-left: 1.05rem;
    padding-right: 0;
  }

  .header__language-switcher .lang_list_class {
    border: none;
    box-shadow: unset;
    display: block;
    left: 30px;
    opacity: 1;
    padding: 0 1.05rem;
    top: 0;
    visibility: visible;
  }

  .header__language-switcher .lang_list_class li {
    background-color: inherit;
    font-size: 0.917rem;
  }

  .header__language-switcher--label-current {
    display: none;
  }

  .header__language-switcher .globe_class {
    background-image: none;
  }

  .header__language-switcher .lang_list_class li:hover{
    background-color: inherit;
  }

  .header__language-switcher .lang_list_class:before,
  .header__language-switcher .lang_list_class:after {
    content: none;
  }
    /* V1 lang switcher updates to keep "in line" w/ v0 mobile styles */
    .header__language-switcher .hs-language-switcher__menu {
        display: block;
        box-shadow:none!important;
        background: transparent;
    }
    .header__language-switcher .hs-language-switcher__menu a {
        font-size: 20px!important;
    }
    .header__language-switcher .hs-language-switcher__button {
        display: none;
    }
  }

/* Navigation */

#nav-toggle {
  display: none;
}

/* Mobile toggles */

@media (max-width: 767px) {
  .header__navigation,
  .header__search,
  .header__language-switcher {
    display: none;
    width: 100%;
  }

  .header__navigation.open,
  .header__search.open,
  .header__language-switcher.open {
    background-color: #F8FAFC;
    display: block;
    left: 0;
    min-height: calc(100vh - 115px);
    position: absolute;
    right: 0;
    top: 75px;
    z-index: 2;
  }

  .header__navigation--toggle,
  .header__search--toggle,
  .header__language-switcher--toggle,
  .header__close--toggle {
    cursor: pointer;
    margin: 0 5vw;
    position: relative;
  }

  .header__navigation--toggle.hide,
  .header__search--toggle.hide,
  .header__language-switcher--toggle.hide {
    display: none;
  }

  .header__navigation--toggle.open,
  .header__search--toggle.open,
  .header__language-switcher--toggle.open {
    display: block;
    margin-left: 0;
    margin-right: auto;
  }

  .header__navigation--toggle:after,
  .header__search--toggle:after,
  .header__language-switcher--toggle:after {
    display: none;
    font-size: 1.083rem;
    font-weight: 600;
    position: absolute;
    left: 40px;
    text-transform: uppercase;
    top: -10px;
  }

  .header__navigation--toggle.open:after,
  .header__search--toggle.open:after,
  .header__language-switcher--toggle.open:after {
    display: block;
    word-break: normal;
  }

  .header__navigation--toggle {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAxOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5oYW1idXJnZXI8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGcgaWQ9ImhhbWJ1cmdlciIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iR3JvdXAiIHN0cm9rZT0iIzQ5NEE1MiIgc3Ryb2tlLXdpZHRoPSIzIj4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiB4PSIxLjUiIHk9IjEuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktNCIgeD0iMS41IiB5PSI5LjUiIHdpZHRoPSIyMSIgaGVpZ2h0PSIxIiByeD0iMC41Ij48L3JlY3Q+ICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS1Db3B5LTUiIHg9IjEuNSIgeT0iMTcuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
    background-size: cover;
    height: 25px;
    width: 25px;
  }

  .header__navigation--toggle:after {
    content: "Menu";
  }

  .header__language-switcher--toggle {
    background-image: url(//static.hsappstatic.net/cos-LanguageSwitcher/static-1.1/img/globe.png);
    background-size: cover;
    height: 25px;
    width: 25px;
  }

  .header__language-switcher--toggle:after {
    content: "Language";
  }

  .header__search--toggle {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5TZWFyY2g8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+ICAgICAgICA8cGF0aCBkPSJNOS4xMzg2MTUzNCwxNS44OTI1Njg1IEM1LjQxMzk1NzQyLDE1Ljg5MjU2ODUgMi4zODM4ODUyNywxMi44NjM0NDc1IDIuMzgzODg1MjcsOS4xMzkwMDM3NiBDMi4zODM4ODUyNyw1LjQxNDU2MDA1IDUuNDEzOTU3NDIsMi4zODM4ODUyNyA5LjEzODYxNTM0LDIuMzgzODg1MjcgQzEyLjg2MzI3MzMsMi4zODM4ODUyNyAxNS44OTI1Njg1LDUuNDE0NTYwMDUgMTUuODkyNTY4NSw5LjEzOTAwMzc2IEMxNS44OTI1Njg1LDEyLjg2MzQ0NzUgMTIuODYzMjczMywxNS44OTI1Njg1IDkuMTM4NjE1MzQsMTUuODkyNTY4NSBNOS4xMzg3NTI0NSwyLjQzMzYwODg3ZS0xMyBDMTQuMTc3OTk1NSwyLjQzMzYwODg3ZS0xMyAxOC4yNzY0NTM3LDQuMTAwMzI0NzEgMTguMjc2NDUzNyw5LjEzOTI3Nzk2IEMxOC4yNzY0NTM3LDExLjIyOTgyMTEgMTcuNTcxMDE2OSwxMy4xNTg0NDM0IDE2LjM4NTYzMTMsMTQuNjk5NjY5NiBMMjMuNjUwODg4MSwyMS45NjUyMjY2IEMyNC4xMTYzNzA2LDIyLjQzMDcwOTIgMjQuMTE2MzcwNiwyMy4xODU0MDU1IDIzLjY1MDg4ODEsMjMuNjUwODg4MSBDMjMuMTg1NDA1NSwyNC4xMTYzNzA2IDIyLjQzMDcwOTIsMjQuMTE2MzcwNiAyMS45NjUyMjY2LDIzLjY1MDg4ODEgTDE0LjY5OTgxMzMsMTYuMzg1NDcxMyBDMTMuMTU4NDQwNSwxNy41NzA5NTA5IDExLjIyOTU3MzgsMTguMjc2NDUzNyA5LjEzODc1MjQ1LDE4LjI3NjQ1MzcgQzQuMDk5NTA5MzgsMTguMjc2NDUzNyAtMy43MzAzNDkzNmUtMTQsMTQuMTc4MjMxMiAtMy43MzAzNDkzNmUtMTQsOS4xMzkyNzc5NiBDLTMuNzMwMzQ5MzZlLTE0LDQuMTAwMzI0NzEgNC4wOTk1MDkzOCwyLjQzMzYwODg3ZS0xMyA5LjEzODc1MjQ1LDIuNDMzNjA4ODdlLTEzIFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4gICAgPC9kZWZzPiAgICA8ZyBpZD0iU2VhcmNoIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4gICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICAgICAgPC9tYXNrPiAgICAgICAgPHVzZSBpZD0iSWNvbnMvQWN0aW9ucy9TZWFyY2giIGZpbGw9IiM0OTRBNTIiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICA8L2c+PC9zdmc+);
    background-size: cover;
    height: 25px;
    width: 25px;
  }

  .header__search--toggle:after {
    content: "Search";
  }

  .header__close--toggle {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjE5cHgiIHZpZXdCb3g9IjAgMCAyNCAxOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5jbG9zZTwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZyBpZD0iY2xvc2UiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9Ikdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjAwMDAwMCwgLTEuMDAwMDAwKSIgc3Ryb2tlPSIjNDk0QTUyIiBzdHJva2Utd2lkdGg9IjMiPiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwLjAwMDAwMCwgMTAuNTAwMDAwKSByb3RhdGUoLTQ1LjAwMDAwMCkgdHJhbnNsYXRlKC0xMC4wMDAwMDAsIC0xMC41MDAwMDApICIgeD0iLTAuNSIgeT0iMTAuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAuMDAwMDAwLCAxMC41MDAwMDApIHJvdGF0ZSg0NS4wMDAwMDApIHRyYW5zbGF0ZSgtMTAuMDAwMDAwLCAtMTAuNTAwMDAwKSAiIHg9Ii0wLjUiIHk9IjEwLjUiIHdpZHRoPSIyMSIgaGVpZ2h0PSIxIiByeD0iMC41Ij48L3JlY3Q+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-size: 110%;
    display: none;
    height: 25px;
    margin-right: 0;
    width: 25px;
  }

  .header__close--toggle.show {
    display: block;
  }
}
/* Menu and simple menu */

.hs-menu-wrapper ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/* Horizontal menu */

.hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper {
  flex-direction: column;
}

/* --------------- MATRIX / MODULE STYLES — migrated from AxactorCraftCMS/resources/scss/style.scss --------------- */

.matrix-wrapper {
  position: relative;
}

.matrix ul,
.matrix ol {
  margin-left: 20px;
}

.matrix ul li,
.matrix ol li {
  margin-bottom: 5px;
}

/* Text */

.matrix-text {
  max-width: 750px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 100px;
}

.matrix-text p:last-child {
  padding-bottom: 0;
}

/* Quote */

.matrix-quote {
  max-width: 750px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 100px;
}

.matrix-quote p {
  font-style: italic;
  padding-bottom: 20px;
}

.matrix-quote .quote-maker {
  font-style: normal !important;
  padding: 0;
}

/* Image + Text */

.matrix-image-text {
  display: flex;
  justify-content: space-between;
  padding-bottom: 100px;
  align-items: center;
  flex-wrap: wrap;
}

.matrix-image-text div {
  flex-basis: 50%;
  flex-grow: 1;
  box-sizing: border-box;
}

.matrix-image-text div:last-of-type {
  padding: 60px 10%;
}

.matrix-image-text.reversed div:last-of-type {
  order: -1;
}

.matrix-image-text img {
  display: block;
  width: 100%;
  background-color: #fff;
}

.matrix-image-text + .matrix-image-text {
  margin-top: -100px;
}

/* Image */

.matrix-image {
  padding-bottom: 100px;
}

.matrix-image h2 {
  max-width: 750px;
  margin: 0 auto;
}

/* Image collage */

.matrix-image-collage-wrapper {
  position: relative;
  width: 90%;
  margin: 0 auto;
  padding-bottom: 100px;
}

.matrix-image-collage {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 20px;
  grid-template-rows: 1fr 1fr;
}

.matrix-image-collage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.matrix-image-collage figure {
  grid-column: 3/4;
  grid-row: 1/2;
}

.matrix-image-collage figure:first-child {
  grid-column: 1/3;
  grid-row: 1/-1;
}

.matrix-image-collage figure:last-child {
  grid-column: 3/4;
  grid-row: 2/3;
}

/* Focus */

.matrix-focus-wrapper {
  width: 70%;
  background: rgba(54, 66, 78, 0.3);
  padding: 50px 5% 40px 5%;
  border-radius: 5px;
  margin: 0 auto 100px auto;
}

.matrix-focus {
  max-width: 750px;
  margin: 0 auto;
}

/* Video */

.matrix-video {
  margin: 0 auto;
  padding-bottom: 100px;
}

.matrix-video .video-container {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 57%;
}

.matrix-video .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.matrix-video-small {
  max-width: 750px;
  width: 100%;
}

.matrix-video-medium {
  width: 100%;
}

.matrix-video-large {
  width: 100%;
}

.matrix-video-small h3,
.matrix-video-large h3 {
  max-width: 750px;
  margin: 0 auto;
}

.matrix-video-medium h3 {
  margin: 0 auto;
}

/* CTA contact */

.matrix-cta {
  max-width: 650px;
  padding: 30px 50px 40px 50px;
  margin: 0 auto 100px auto;
  background: #e3a60c;
  color: #fff;
  border-radius: 5px;
  box-sizing: content-box;
}

.matrix-cta h3 {
  padding-bottom: 40px;
  margin-bottom: 0;
  color: #fff;
  max-width: 550px;
}

.matrix-cta p {
  margin-bottom: 0;
}

.matrix-cta p:last-of-type {
  padding-bottom: 40px;
}

.cta-person-wrap {
  display: flex;
  flex-direction: row;
}

.matrix-cta-image {
  width: 180px;
  margin-right: 30px;
}

.matrix-cta-image img {
  display: block;
  width: 100%;
}

.matrix-cta-info {
  margin-top: 65px;
  display: flex;
  flex-direction: column;
}

.matrix-cta-info p {
  padding: 0 !important;
}

.widget-span:has(section.matrix-cta) {
  width: 100%;
}

/* Icons */

.matrix-icons-wrapper {
  width: 80%;
  margin: 0 auto 100px auto;
  padding: 50px 10%;
  background: #fff;
  text-align: center;
}

.matrix-icons-intro {
  padding-bottom: 40px;
}

.matrix-icons-intro p {
  margin: 0 auto;
}

.matrix-icons {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.matrix-icons div {
  display: flex;
  flex-basis: 32%;
  flex-direction: column;
}

.matrix-icons div img {
  display: block;
  width: 135px;
  margin: 0 auto 50px auto;
}

.matrix-icons div a {
  margin-top: auto;
}

/* Boxes */

.matrix-boxes-wrapper {
  width: 80%;
  margin: 0 auto 50px auto;
  text-align: center;
}

.matrix-boxes-intro {
  padding-bottom: 40px;
}

.matrix-boxes-intro p {
  margin: 0 auto;
}

.matrix-boxes {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
}

.matrix-boxes div {
  background: #fff;
  border-radius: 5px;
  display: flex;
  flex-basis: 29.333%;
  margin: 0 2%;
  margin-bottom: 50px;
  flex-direction: column;
  min-height: 400px;
}

.matrix-boxes div p {
  padding: 0 15%;
}

.matrix-boxes div a {
  display: flex;
  color: #fff;
  background: #eba92b;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 10px 5%;
  text-decoration: none;
  margin-top: auto;
  cursor: pointer;
  height: 55px;
  align-items: center;
  align-content: baseline;
  text-align: center;
}

.matrix-boxes div a:hover {
  background: #d69313;
}

.matrix-boxes div a p {
  font-weight: 400;
  padding: 0;
  margin: 0 auto;
}

.matrix-boxes div img {
  display: block;
  width: 160px;
  margin: 40px auto 30px auto;
}

/* People grid */

.matrix-people {
  width: 80vw;
  margin: 0 auto;
  padding-bottom: 50px;
}

.matrix-people-grid {
  display: grid;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}

.matrix-people-grid div {
  display: flex;
  flex-direction: column;
}

.matrix-people-grid div img {
  display: block;
  width: 67%;
  margin-bottom: 15px;
}

.matrix-people-grid div p {
  padding: 0;
  margin-bottom:0;
}

.matrix-people-grid div a {
  margin-top: auto;
}

.matrix-people-grid div .arrow {
  padding-left: 25px;
  margin: 15px 0 0 0;
}

/* Related / News teaser */

.matrix-related {
  width: 80%;
  margin: 0 auto;
  padding-bottom: 100px;
}

.matrix-related .news-list {
  width: 100%;
  padding: 0;
}

.matrix-news > h2 {
  text-align: center;
}

.matrix-news > a {
  display: flex;
  justify-content: center;
  text-decoration: none;
  margin-top: 15px;
}

/* OMS iframe / embed */

.oms-frame {
  width: 80%;
  margin: 0 auto;
  padding-bottom: 100px;
}

.oms-frame iframe {
  width: 100%;
}

.gm-frame {
  max-width: 750px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 100px;
}

.gm-frame iframe {
  width: 100%;
}

/* --------------- RESPONSIVE MODULE STYLES --------------- */

@media only screen and (max-width: 1000px) {
  .matrix-text,
  .matrix-quote {
    width: 90%;
  }

  .matrix-focus-wrapper {
    width: 80%;
    padding: 50px 5%;
  }

  .matrix-image-text {
    padding-bottom: 100px;
  }

  .matrix-image-text img {
    margin-bottom: 20px;
  }

  .matrix-image-text div {
    flex-basis: 100%;
  }

  .matrix-image-text div:last-of-type {
    padding: 10px 5% 0 5%;
  }

  .matrix-image-text div p:last-of-type {
    padding: 0;
  }

  .matrix-image-text.reversed div:last-of-type {
    order: 1;
  }

  .matrix-image-text + .matrix-image-text {
    margin-top: inherit;
  }

  .matrix-icons-wrapper {
    width: 90%;
    padding: 50px 5%;
  }

  .matrix-people {
    width: 90%;
  }

  .matrix-image-collage-wrapper {
    width: 100%;
  }

  .matrix-related {
    width: 90%;
  }

  .matrix-boxes-wrapper {
    width: 90%;
    margin: 0 auto 50px auto;
  }

  .matrix-boxes div {
    flex-basis: 44%;
    margin: 0 3% 50px 3%;
  }

  .oms-frame,
  .gm-frame {
    width: 90%;
  }

  figure.large figcaption,
  .matrix-image-collage-wrapper p,
  .matrix-video {
    width: 90%;
  }
}

@media only screen and (max-width: 855px) {
  .matrix-image-text img {
    height: 350px;
  }

  .matrix-cta {
    max-width: none;
    width: 90%;
    padding: 30px 5% 40px 5%;
    border-radius: 0;
  }

  .matrix-icons-wrapper {
    width: 90%;
    padding-bottom: 50px;
  }

  .matrix-icons div {
    flex-basis: 100%;
    margin-bottom: 50px;
  }
}

@media only screen and (max-width: 800px) {
  .matrix-image-collage {
    grid-gap: 5px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .matrix-image-collage img {
    margin: 0;
  }

  .matrix-image-collage figure {
    grid-column: 1/3;
    grid-row: 2/3;
  }

  .matrix-image-collage figure:first-child {
    grid-column: 1/-1;
    grid-row: 1/2;
  }

  .matrix-image-collage figure:last-child {
    grid-column: 3/5;
    grid-row: 2/3;
  }
}

@media only screen and (max-width: 640px) {
  .matrix-people-grid {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr;
  }

  .matrix-people-grid div {
    display: block;
  }

  .matrix-people-grid div img {
    display: block;
    width: 100%;
    margin-bottom: 15px;
  }

  .matrix-people-grid div p {
    padding: 0;
  }

  .matrix-people-grid div a {
    margin-top: auto;
  }

  .matrix-people-grid div .btn {
    padding: 5px 15px;
    margin-top: 20px;
  }

  .matrix-boxes div {
    flex-basis: 100%;
    margin: 0 0 50px 0;
  }

  .matrix-image-text img {
    height: 250px;
  }
}

@media only screen and (max-width: 520px) {
  .matrix-cta p:last-of-type {
    padding-bottom: 30px;
  }

  .matrix-cta-image {
    width: 180px;
    margin-right: 0;
  }

  .matrix-cta-info {
    float: none;
    margin-top: 20px;
  }

  .cta-person-wrap {
    display: flex;
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-horizontal ul {
    flex-direction: column;
  }
}

/* Vertical menu */

.hs-menu-wrapper.hs-menu-flow-vertical ul {
  flex-direction: column;
}

/* Flyouts */

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul {
  display: inline-flex;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-vertical ul {
    display: flex;
  }
}

.hs-menu-wrapper.flyouts .hs-item-has-children {
  position: relative;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper {
  left: -9999px;
  opacity: 0;
  position: absolute;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper a {
  display: block;
  white-space: nowrap;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 0;
  opacity: 1;
  top: 100%;
}

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 100%;
  opacity: 1;
  top: 0;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.flyouts .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
    left: 0;
    opacity: 1;
    position: relative;
    top: auto;
  }
}

/* CTA, logo, and rich text images */

.hs_cos_wrapper_type_cta img,
.hs_cos_wrapper_type_logo img,
.hs_cos_wrapper_type_rich_text img {
  height: auto;
  max-width: 100%;
}
/* Live chat widget — migrated from AxactorCraftCMS/resources/scss/chat.scss */

#live-chat {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 240px;
  z-index: 9999;
}

#live-chat * {
  transition: all 0.5s ease;
}

#live-chat .container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

#live-chat .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#live-chat .col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

#live-chat .col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

#live-chat .text-right { text-align: right; }
#live-chat .text-left  { text-align: left; }
#live-chat .text-center { text-align: center; }

#live-chat .pl-0,
#live-chat .px-0 { padding-left: 0; }

#live-chat .pr-0,
#live-chat .px-0 { padding-right: 0; }

#live-chat button { cursor: pointer; }

/* Modal */
#live-chat .modal {
  display: none;
  position: fixed;
  right: 20px;
  bottom: 12px;
  z-index: 9999;
  width: 410px;
  background-color: white;
  background-clip: padding-box;
  border: 1px solid rgba(0,0,0,0.2);
  border-radius: 4px;
  overflow: hidden;
  flex-flow: column;
  height: 70vh;
  -webkit-box-shadow: 0px 0px 15px -1px rgba(0,0,0,0.55);
  box-shadow: 0px 0px 15px -1px rgba(0,0,0,0.55);
}

@media (max-width: 576px) {
  #live-chat .modal {
    position: fixed;
    inset: 12px;
    width: auto;
    height: auto;
    border-radius: 12px;
  }
}

#live-chat .modal .modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 60px;
  border-bottom: 1px solid #dee2e6;
  background: rgb(227, 166, 13);
  padding-left: 20px;
}

#live-chat .modal .modal-header .modal-title {
  margin: 0;
  font-size: 1.33929rem;
  line-height: 1.6;
  font-weight: 400;
}

#live-chat .modal .modal-header .close {
  margin-left: auto;
  width: 60px;
  height: 100%;
  background-color: transparent;
  border: 0;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  opacity: 0.6;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

#live-chat .modal .modal-header .close:hover {
  opacity: 1;
  background: rgba(0,0,0,0.1);
}

#live-chat .modal .modal-body {
  flex: 1;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

#live-chat .modal .modal-body iframe {
  width: 100%;
  height: 100%;
}

#live-chat .modal .modal-body .option {
  display: none;
  height: 100%;
  width: 100%;
}

#live-chat .modal .modal-body .chat-button {
  background-color: #fff;
  color: #000;
  border: 2px solid #e5e5e5;
  min-height: 48px;
  border-radius: 24px;
  display: block;
  width: 100%;
  font-weight: bold;
  text-align: center;
  padding: 0.375rem 0.75rem;
  font-size: 0.9rem;
  line-height: 1.5;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-top: 0.5rem;
  cursor: pointer;
}

#live-chat .modal .modal-body .chat-button:hover {
  border: 2px solid #e3a60d;
}

#live-chat .modal .modal-body .privacy {
  font-size: 0.8rem;
  font-weight: 300;
  color: black;
  margin-top: 20px;
}

#live-chat .modal .modal-body .chat-select {
  width: 100%;
  min-height: 48px;
  border-radius: 24px;
  border: 2px solid #e5e5e5;
  padding: 0 1rem;
  font-size: 0.9rem;
  margin-top: 0.5rem;
  background: #fff;
  cursor: pointer;
}

#live-chat .modal .modal-body .chat-select:focus {
  outline: none;
  border-color: #e3a60d;
}

/* Modal body shared */
#live-chat .modal-body {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem;
  font-size: 1.3rem;
  text-align: center;
}

/* Btn within #live-chat */
#live-chat .btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

/* Live chat trigger button */
.live-chat-btn {
  height: 50px;
  font-size: 16px;
  font-weight: bold;
  border-radius: 25px;
  border: 2px solid #e3a60d;
  background-color: #fff;
  text-align: center;
  outline: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: relative;
  color: #000;
  bottom: 15px;
  right: 15px;
  z-index: 9000;
  padding-right: 30px;
  padding-left: 30px;
  letter-spacing: -0.01rem;
}

/* Pop icons */
.popicon {
  display: inline-block;
  width: 32px;
  height: 32px;
  position: relative;
  left: 0;
  top: 3px;
  background-size: 20px 20px;
}

/* Contact popover */
.contact-popover {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  border-radius: 25px;
  position: relative;
  bottom: 0;
  right: 0;
  text-align: right;
  opacity: 1;
}

#popover-options,
.popoveropened {
  position: absolute;
  bottom: 0;
  z-index: 9999;
}

.popoveropened #popover-options {
  transition: all 0.4s ease;
  background-color: white;
  border: solid 1px #d5d5d5;
  border-radius: 25px;
  margin-top: 10px;
  position: relative;
  top: -15px;
  height: 240px;
  right: 15px;
}

.contact-popover #popover-options {
  transition: none;
  height: 0;
  border: 0;
  opacity: 0;
}

.contact-popover.popoveropened #popover-options {
  transition: all 0.4s ease;
  border: solid 1px #d5d5d5;
  height: 240px;
  opacity: 1;
}

.popoveropened .live-chat-btn {
  width: 240px;
  background-color: #e3a60d;
  color: white;
  text-align: left;
  border-color: #e3a60d;
  padding-left: 20px;
  bottom: 15px;
  right: 15px;
}

/* Popover option buttons */
#popover-options .btn-popover {
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease;
  min-width: 220px;
  box-sizing: border-box;
  cursor: pointer;
}

.btn-popover {
  height: 50px;
  border-radius: 25px;
  color: black;
  border: 0;
  background-color: white;
  outline: 0;
  display: block;
  width: 100%;
  text-align: left;
  padding-left: 20px;
  font-size: 16px;
  margin-top: 2px;
}

.btn-popover .poptext {
  display: inline-block;
  position: relative;
  top: -5px;
  left: -8px;
  padding: 5px 10px;
  border-radius: 15px;
  width: 140px;
  background-color: white;
}

.btn-popover .poptext:hover {
  background-color: #f8e6b9;
}

#live-chat .popicon {
  display: inline-block;
  width: 32px;
  height: 32px;
  position: relative;
  left: -10px;
  top: 3px;
  background-size: 20px 20px;
}

.poptext {
  display: inline-block;
  position: relative;
  top: -8px;
  left: 0;
  font-weight: bold;
}

/* Opened state */
.chatopened .contact-popover {
  opacity: 0;
}

/* Thumb feedback buttons */
.thumb {
  display: inline-block;
  width: 100px;
  height: 90px;
  border: 0;
}

/* fadein animation */
.fadein {
  animation: fadein 0.5s;
}

@keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

@-webkit-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}
/* OMS shareholders — migrated from AxactorCraftCMS/resources/scss/oms-shareholders.scss */

body.snapshot,
body.shareholders {
  margin: 0;
}

.manamind table tr,
.manamind table td,
.manamind table th {
  font-family: Noto Sans, Arial, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 20px;
  line-height: 1.4;
  padding-bottom: 20px;
  max-width: 750px;
}

.manamind table tr:last-child,
.manamind table tr:nth-last-child(2) {
  background: #fff;
  font-weight: 400;
}

/* Vertical table variant */
.manamind table.vertical tr.first th {
  background: #36424e;
  color: #fff;
  font-weight: 400;
  padding: 15px 20px;
}

.manamind table.vertical tr.middle td.first,
.manamind table.vertical tr.middle td.middle {
  border: none;
  border-bottom: 1px solid #e3e3e3;
  background-color: transparent;
  padding: 3px 20px;
}

.manamind table.vertical tr.last td.first,
.manamind table.vertical tr.last td.middle {
  border: none;
  border-bottom: 1px solid #e3e3e3;
  background-color: transparent;
  padding: 3px 20px;
}

.manamind table.vertical td {
  border: none;
  border-bottom: 1px solid #e3e3e3;
  background-color: transparent;
  padding: 3px 20px;
}

.manamind table.vertical tr.middle th,
.manamind table.vertical tr.middle td {
  border: none;
  border-bottom: 1px solid #e3e3e3;
  background-color: transparent;
}

.manamind table.vertical tr.last th,
.manamind table.vertical tr.last td {
  border: none;
  border-bottom: 1px solid #e3e3e3;
  background-color: transparent;
}

/* Shareholders table */
.manamind .shareholders tr.middle th.first,
.manamind .shareholders tr.middle th.middle {
  border: none;
  border-bottom: 1px solid #e3e3e3;
  background: transparent;
  padding: 3px 20px;
}

.manamind .shareholders tr.last th.first,
.manamind .shareholders tr.last th.middle {
  border: none;
  border-bottom: 1px solid #e3e3e3;
  background: transparent;
  padding: 3px 20px;
}

/* Responsive */
@media only screen and (max-width: 640px) {
  .manamind table tr,
  .manamind table td,
  .manamind table th {
    font-size: 18px;
  }
}

/* Page-specific templates */

/* Page-specific styles — migrated from AxactorCraftCMS/resources/scss/style.scss */

/* --------------- FRONT / HOME PAGE --------------- */

/* The hero section must stretch edge-to-edge with no padding.
   Override the theme-overrides .dnd-section { padding: 80px 1rem } rule
   for the section wrapping the hero module. */
.body-container--home .row-fluid:first-child {
  display: block;
}

.body-container--home .dnd-section:first-child {
  padding: 0;
  position: relative;
  height: 100vh;
  margin-bottom: 100px;
}

.body-container--home .dnd-section:first-child  .front-top {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.body-container--home .dnd-section:first-child  .front-top-text {
  position: absolute;
  width: 90%;
  left: 5%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 999;
  padding: 100px 0;
  text-align: center;
}

.body-container--home .dnd-section:first-child  .front-top-text h1,
.body-container--home .dnd-section:first-child  .front-top-text p {
  color: #fff !important;
  max-width: 800px;
  margin: 0 auto;
  padding-bottom: 20px;
}

.body-container--home .dnd-section:first-child  .front-top-graphic {
  width: 100%;
  height: 100vh;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #000;
}

.body-container--home .dnd-section:first-child  .front-top video#bgvid {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 9;
}

.body-container--home .dnd-section:first-child .front-top-graphic:before {
  position: relative;
  content: " ";
  display: block;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.2) 25%,
    rgba(0, 0, 0, 0.5) 50%,
    rgba(0, 0, 0, 0.2) 75%,
    rgba(0, 0, 0, 0) 100%
  );
  height: 100%;
  z-index: 99;
}

.front-top {
  position: relative;
}

.front-top-text {
  position: relative;
  z-index:5;
}

.front-top-text p, .front-top-text p span {
  font-size: 32px;
}

.front-top-graphic {
  position: absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:1;
}

.body-container--home .front-top-text:has(div.signatory-member) {
  display:flex;
  flex-direction: column;
  background-color: rgba(0,0,0,.5);
}

.body-container--home .front-top-text div.signatory-member > h2 > span {
  display:inline-block;
  font-size:50px;
  max-width: 750px;
}

.front-services {
  width: 90%;
  min-width: 80vw;
  margin: 0 auto;
  padding-bottom: 50px;
  text-align: center;
}

.front-services .excerpt {
  max-width: none;
}

.front-services .excerpt p {
  margin-bottom: 100px;
}

.front-services p {
  padding-bottom: 20px;
}

.front-services p,
.front-services h2 {
  margin: 0 auto;
}

.front-services-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: flex-start;
}

.front-services-list div {
  display: flex;
  flex-basis: 32%;
  padding: 0 2%;
  flex-direction: column;
  margin-bottom: 50px;
  align-self: stretch;
}

.front-services-list div img {
  display: block;
  width: 135px;
  margin: 0 auto 50px auto;
}

.front-services-list div a {
  margin-top: auto;
}

.front-about {
  width: 80%;
  padding: 70px 10% 80px 10%;
  text-align: center;
  background: #fff;
  margin-bottom: 100px;
}

.front-about p,
.front-about h2 {
  margin: 0 auto;
}

.front-about .btn {
  margin-top: 40px;
}

.front-sustainability {
  width: 70%;
  padding: 140px 5% 150px 5%;
  margin: 0 auto 100px auto;
  text-align: center;
  color: #fff;
  background-size: cover;
  background-position: center center;
}

.front-sustainability p,
.front-sustainability h2,
.front-sustainability h3 {
  margin: 0 auto;
}

.front-sustainability .btn {
  margin-top: 40px;
}

.front-articles {
  width: 80%;
  margin: 0 auto 100px auto;
  text-align: center;
}

.front-articles h2 {
  margin: 0 auto;
}

.front-articles .btn {
  margin-top: 40px;
}

.front-articles .news-list {
  width: 100%;
  padding-bottom: 0;
  text-align: left !important;
}

/* --------------- CONTENT PAGE --------------- */

/* Strip the default section padding from the hero row and remove
   the absolute positioning that the home-page hero relies on so the
   graphic renders in normal flow (below the text in DOM, above it
   visually via flexbox order). */

.body-container--content-page > .row-fluid-wrapper:first-child > .row-fluid:first-child,
.body-container--content-page > .row-fluid-wrapper:first-child > .row-fluid:first-child > .widget-span > .row-fluid-wrapper:first-child > .row-fluid:first-child {
  display: block !important;
  max-width: unset !important;
}

.body-container--content-page .dnd-section:first-child {
  padding: 0;
  margin-bottom: 0;
}

/* Lay out graphic above text using flex column-reverse on the wrapper */
.body-container--content-page .dnd-section:first-child .front-top {
  display: flex;
  flex-direction: column;
  position: relative;
  inset: 0;
  overflow: hidden;
}

/* Graphic: override the global absolute positioning; render as a
   normal block with fixed height that matches the CraftCMS reference.
   margin-bottom creates the overlap effect with the title below. */
.body-container--content-page .dnd-section:first-child .front-top-graphic {
  position: relative;
  inset: auto;
  order: -1;
  width: 100%;
  height: 600px;
  margin-bottom: -120px;
  background-size: cover;
  background-position: center center;
  background-color: #fff;
  flex-shrink: 0;
}

/* Text: sits below the image with padding-top that pushes it out
   from under the overlapping image edge. */
.body-container--content-page .dnd-section:first-child .front-top-text {
  position: relative;
  z-index: 5;
  width: 80%;
  margin: 0 auto;
  padding-top: 160px;
}

.body-container--content-page .dnd-section:first-child .front-top-text h1 {
  padding-bottom: 0;
}

.body-container--content-page .dnd-section:first-child .front-top-text p {
  display: inline-block;
  max-width: 1000px;
}

@media screen and (max-width: 640px) {
  .body-container--content-page .dnd-section:first-child .front-top-graphic {
    height: 280px;
    margin-bottom: -80px;
  }

  .body-container--content-page .dnd-section:first-child .front-top-text {
    width: 90%;
    padding-top: 120px;
    padding-bottom: 40px;
  }
}

/* --------------- STICKY CTA / GO-TOP --------------- */

.cta-top-container {
  display: flex;
  justify-content: center;
  position: fixed;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 999;
  padding: 15px;
}

@media screen and (min-width: 830px) {
  .cta-top-container {
    padding: 0;
    bottom: 15px;
  }
}

.sticky-cta {
  cursor: pointer;
  color: white;
  position: relative;
  margin-left: 20px;
  display: none;
}

.sticky-cta .close {
  display: none;
}

.sticky-cta.active .close {
  display: block;
}

.sticky-cta.active .normal {
  display: none;
}

.sticky-cta-btn {
  font-weight: 300;
  font-style: normal;
  font-size: 20px;
  border-radius: 25px;
  border: 2px solid #e3a60d;
  background-color: #e3a60d;
  color: #fff;
  padding: 10px 20px;
  cursor: pointer;
}

.sticky-cta p {
  float: left;
  padding: 0;
  margin: 0;
}

.sticky-cta-btn:hover, .sticky-cta-btn:focus {
  border: 2px solid #e3a60d;
  background-color: #e3a60d;
  border-radius: 25px;
  outline:0;
}

.cta-matrix-wrap {
  position: fixed;
  left: 5vw;
  right: 5vw;
  bottom: 80px;
  width: 100%;
  display: none;
  max-width: 90vw;
  cursor: default;
  z-index:999;
}

.cta-matrix-wrap .matrix-cta {
  margin: 0 auto;
  max-width: 650px;
  display: flex;
  flex-direction: column;
}

.go-top {
  cursor: pointer;
  opacity: 0;
  padding: 10px;
  transition: all 0.2s ease-in-out;
  box-sizing: border-box;
  border-radius: 25px;
  border: 2px solid #e3a60d;
  background-color: white;
}

.go-top:hover {
  border: 2px solid #e3a60d;
}

.go-top[data-hide-mobile="1"] {
  display: none;
}

@media screen and (min-width: 550px) {
  .go-top[data-hide-mobile="1"] {
    display: block;
  }
}

.go-top img,
.go-top p {
  float: left;
  padding: 0;
  margin: 0;
  font-size: 20px;
}

.go-top img {
  width: 20px;
  transform: rotate(180deg);
  margin: 8px 20px 0 0;
}

/* --------------- SERVICES LIST PAGE --------------- */

.services-list {
  width: 80%;
  margin: 0 auto;
  padding-bottom: 100px;
  display: grid;
  grid-gap: 100px;
  grid-template-columns: 1fr;
}

.service {
  display: grid;
  grid-gap: 0;
  grid-template-columns: 1fr 2fr;
}

.service img {
  display: block;
  max-width: 140px;
  width: 60%;
  margin: 30px auto;
}

/* --------------- FOR DEBTORS PAGE --------------- */

.debtor-quickpay {
  max-width: 750px;
  margin: 0 auto 100px auto;
  padding: 40px 50px;
  color: #fff;
  background: #078e66;
  box-sizing: border-box;
  border-radius: 20px 20px 5px 20px;
  transition: border-radius 0.2s ease-in-out;
}

.debtor-quickpay:hover {
  border-radius: 5px 20px 20px 20px;
  transition: border-radius 0.2s ease-in-out;
}

.debtor-quickpay .btn {
  background: #000;
  margin-top: 20px;
}

.debtor-quickpay a {
  color: #fff !important;
  text-decoration: none !important;
}

.debtor-faq {
  max-width: 750px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 100px;
}

.debtor-faq h3 {
  cursor: pointer;
  padding-bottom: 15px;
}

.debtor-faq h3:first-of-type {
  cursor: initial;
  text-decoration: none;
}

.debtor-faq h3:focus {
  outline: none;
}

.ui-accordion-content {
  padding-bottom: 20px;
}

.ui-state-default {
  margin-left: 0;
}

.ui-state-default:before {
  content: "+";
  color: #e3a60c;
  margin-right: 15px;
}

.ui-state-active:before {
  content: "–";
  color: #e3a60c;
  margin-right: 15px;
}

/* --------------- CONTACT PAGE --------------- */

.contact {
  max-width: 1000px;
  width: 80%;
  margin: 0 0 100px 10%;
  display: grid;
  grid-gap: 5%;
  grid-template-columns: 1fr 1fr;
}

.contact-info div p {
  padding: 0;
}

.contact-info div img {
  display: block;
  width: 67%;
  margin-bottom: 15px;
}

.contact-info h3 {
  padding: 40px 0 20px 0;
}

.contact-info form {
  max-width: 300px;
}

.contact-info form .large label:first-of-type {
  display: none;
}

/* --------------- PEOPLE DETAIL PAGE --------------- */

.people-detail {
  padding-top: 160px;
  width: 80%;
  margin: 0 auto 20px auto;
}

.people-detail img {
  float: left;
  display: block;
  width: 250px;
  margin-right: 40px;
}

.people-detail-text {
  float: left;
  width: calc(100% - 290px);
  width: -o-calc(100% - 290px);
  width: -webkit-calc(100% - 290px);
  width: -moz-calc(100% - 290px);
}

.people-detail h1 {
  padding-bottom: 10px;
}

.people-detail-text p {
  padding: 0;
}

.people-detail-text .matrix p {
  padding-bottom: 20px;
}

.people-detail .matrix {
  margin-top: 50px;
}

.people-detail .matrix-text {
  margin: 0;
}

.people-page .matrix-text p {
  font-size:20px;
  margin-bottom:0;
}

/* --------------- INVESTOR RELATIONS --------------- */

.primary-insiders {
  width: 80%;
  margin: 0 auto;
  padding-bottom: 100px;
}

.primary-insiders .row {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  flex-direction: row;
  border-bottom: 1px solid #e3e3e3;
}

.primary-insiders .row:first-of-type p {
  background: #36424e;
  color: #fff;
  font-weight: 400;
}

.primary-insiders .row p {
  flex-basis: 16%;
  padding: 10px 2%;
}

.financial-calendar {
  background: #fff;
  max-width: 750px;
  width: 80%;
  margin: 0 auto 100px auto;
  border: solid #fff 50px;
  box-sizing: border-box;
}

.financial-calendar div {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  flex-direction: row;
  border-bottom: 1px solid #e6e6e6;
}

.financial-calendar div:last-of-type {
  border-bottom: none;
}

.financial-calendar p:first-of-type {
  flex-basis: 20%;
}

.financial-calendar p {
  flex-basis: 80%;
  padding: 20px 0;
  background: rgba(255, 255, 255, 0.3);
}

.reports-presentations {
  width: 80%;
  margin: 0 auto;
  padding-bottom: 100px;
}

.reports-presentations .year-row {
  margin-bottom: 50px;
}

.reports-presentations .row {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  flex-direction: row;
  border-bottom: 1px solid #e3e3e3;
}

.reports-presentations .row:last-of-type {
  border: none;
}

.reports-presentations .row:first-of-type p {
  background: #36424e;
  color: #fff;
  font-weight: 400;
}

.reports-presentations .row p {
  flex-basis: 14.667%;
  padding: 10px 1%;
}

.reports-presentations .row p:first-of-type {
  flex-basis: 9.667%;
}

.reports-presentations .row p:nth-child(4n) {
  flex-basis: 19.667%;
}

/* --------------- GENERAL MEETINGS --------------- */

.gm-content-wrapper {
  max-width: 750px;
  width: 90vw;
  margin: 0 auto;
  padding-bottom: 100px;
}

.gm-content-intro {
  background: #36424e;
  padding: 15px 30px;
}

.gm-content-intro h3 {
  padding: 0;
  margin:0;
  font-size:28px;
  color: #fff;
}

.gm-content {
  background: #fff;
  padding: 30px;
}

.gm-content ul {
  list-style-type: none;
  border-bottom: 1px solid #ccc;
  margin-bottom: 30px;
}

.gm-content ul li {
  background: url("data:image/svg+xml,%3Csvg version=%221.1%22 id=%22Layer_1%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 x=%220px%22 y=%220px%22 viewBox=%220 0 15 15%22 style=%22enable-background:new 0 0 15 15;%22 xml:space=%22preserve%22%3E %3Cstyle type=%22text/css%22%3E .st0%7Bfill:%23E3A60C;%7D %3C/style%3E %3Cg%3E %3Cpath class=%22st0%22 d=%22M4.9,12.5c-0.1,0-0.2,0-0.3-0.1c-0.1-0.3-0.1-0.5,0-0.7l4.2-4.2L4.6,3.4C4.5,3.1,4.5,3,4.6,2.7 c0.1-0.1,0.2-0.1,0.3-0.1s0.2,0,0.3,0.1l4.5,4.6c0.1,0.1,0.1,0.2,0.1,0.3c0,0.1,0,0.2-0.1,0.3l-4.5,4.5C5.1,12.5,5,12.5,4.9,12.5z%22 /%3E %3Cpath class=%22st0%22 d=%22M4.9,2.7c0.1,0,0.2,0,0.2,0.1l4.5,4.6c0.1,0.1,0.1,0.3,0,0.4l-4.5,4.5c0,0.1-0.1,0.1-0.2,0.1s-0.2,0-0.2-0.1 c-0.1-0.2-0.1-0.4,0-0.5L9,7.5L4.7,3.3C4.6,3.1,4.6,3,4.7,2.8C4.8,2.8,4.8,2.7,4.9,2.7 M4.9,2.5c-0.1,0-0.3,0.1-0.4,0.1l0,0l0,0 C4.3,3,4.3,3.1,4.5,3.4l0,0l0,0l4.1,4l-4.1,4.1c-0.2,0.2-0.2,0.5,0,0.8l0,0l0,0c0.1,0.1,0.2,0.1,0.4,0.1s0.3-0.1,0.4-0.1L9.8,8 c0.2-0.2,0.2-0.6,0-0.8L5.3,2.6C5.2,2.5,5,2.5,4.9,2.5L4.9,2.5z%22/%3E %3C/g%3E %3C/svg%3E") no-repeat left center;
  background-size: 20px;
  padding-left: 25px;
  margin-bottom: 15px;
}

.gm-archive {
  max-width: 750px;
  width: 90%;
  margin: 0 auto;
  padding-bottom: 100px;
}

.gm-archive .row {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  flex-direction: row;
  border-bottom: 1px solid #e3e3e3;
}

.gm-archive .row p {
  flex-basis: calc(70% - 40px);
  flex-basis: -o-calc(70% - 40px);
  flex-basis: -webkit-calc(70% - 40px);
  flex-basis: -moz-calc(70% - 40px);
  padding: 15px 20px;
}

.gm-archive .row p:last-of-type {
  flex-basis: calc(30% - 40px);
  flex-basis: -o-calc(30% - 40px);
  flex-basis: -webkit-calc(30% - 40px);
  flex-basis: -moz-calc(30% - 40px);
}

.gm-archive .row:last-of-type {
  border: none;
}

.gm-archive .row:first-of-type p {
  background: #36424e;
  color: #fff;
  font-weight: 400;
}

.row-fluid:has(section.gm-nav-wrapper), .span12:has(section.gm-nav-wrapper) {
  width: 100%;
  max-width:unset !important;
}

.dnd-section .dnd-column:has(section.gm-nav-wrapper), .dnd-section:has(section.gm-nav-wrapper) {
  padding: 0 !important;
}


/* --------------- COOKIE / CONSENT --------------- */

.cookie-frame {
  max-width: 750px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 100px;
}

.cookie-frame ul {
  margin-left: 20px;
}

.bottom-bar__update-consent,
.coi-consent-banner__agree-button {
  background-color: #078e66;
}

.coi-consent-banner__category-checkbox:checked ~ .coi-consent-banner__checkmark {
  border-width: 2px;
  border-style: solid;
  border-color: #078e66;
  background-color: #078e66;
}

.CookieDeclarationHeader {
  display: none;
}

/* --------------- IR / INVESTOR RELATIONS --------------- */

.calendar-reports {
  width: 80%;
  margin: 0 auto;
  padding-bottom: 100px;
  display: flex;
  flex-wrap: wrap;
  gap: 0 5%;
  justify-content: flex-start;
  flex-direction: row;
}

.calendar-reports > div,
.calendar-reports > .calendar-reports-card {
  flex-basis: 37.5%;
  padding: 50px 5%;
  background: #fff;
  border-radius: 5px;
}

.calendar-reports > div > a,
.calendar-reports > .calendar-reports-card .calendar-reports-card__button a {
  padding-top: 40px;
}

div.span12:has(.calendar-reports-card) {
  width: 100%;
}

.calendar-reports .calendar-row,
.calendar-reports .reports-row {
  padding: 0;
  margin-right: 0 !important;
}

.calendar-reports .calendar-row:last-of-type,
.calendar-reports .reports-row:last-of-type {
  margin-bottom: 40px;
}

.css-nag8ok {
  display: none;
}

.css-11k3ddt {
  background: grey !important;
}

.investor-oms-frame-wrapper {
  width: 80%;
  padding: 50px 10%;
  margin-bottom: 100px;
  background: #fff;
  text-align: center;
}

.investor-oms-frame-wrapper .investor-oms-frame-intro {
  float: none;
  width: 100%;
  background: none;
  padding: 0;
  color: #000;
}

.investor-oms-frame-wrapper .investor-oms-frame-intro p {
  display: inline-block;
  margin: 0 auto 30px auto;
}

.investor-oms-frame-wrapper a {
  width: 100%;
  display: inline-block;
  margin-top: 50px;
}

.investor-oms-frame .share-price,
.investor-oms-frame .last-change,
.investor-oms-frame .volume,
.investor-oms-frame .marketcap {
  float: left;
  background: #36424e;
  color: #fff;
  width: 19%;
  margin: 0 1%;
  padding: 30px 2%;
  border-radius: 5px;
}

.investor-oms-frame div p {
  padding: 0;
}

.investor-oms-frame div h3 {
  padding-bottom: 20px;
}

.investor-news {
  text-align: center;
  width: 80%;
  margin: auto;
}

.investor-news .news-list {
  text-align: left;
}

.news-listing-paged .news-list {
  margin-top: 80px;
}

.investor-news .btn {
  margin-top: 30px;
}

.news-listing-paged .btn {
  background-color: #1d1d1b;
  margin-top: 0 !important;
}

div[class$="-force-full-width-section dnd-section"] .span12:has(div.hs_cos_wrapper_widget section article div._hsPostListingWrapper--tiles_dsnwr_1) {
  width: 80vw;
}

._hsPostListingFeaturedImage_dsnwr_22 {
	height: unset !important;
}

/* --------------- BLOG POST GRID MODULE --------------- */

.blog-post-grid {
  width: 80%;
  margin: 0 auto;
  padding-bottom: 100px;
}

.blog-post-grid__heading {
  margin-bottom: 40px;
  text-align: center;
}

.blog-post-grid__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 30px;
  grid-row-gap: 50px;
}

.blog-post-grid__item {
  margin: 0;
  padding: 0;
}

.blog-post-grid__link {
  display: block;
  text-decoration: none;
  color: inherit;
}

.blog-post-grid__link:hover .blog-post-grid__title {
  color: #e3a60c;
}

.blog-post-grid__image-wrap {
  overflow: hidden;
  margin-bottom: 15px;
}

.blog-post-grid__image {
  display: block;
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.blog-post-grid__link:hover .blog-post-grid__image {
  transform: scale(1.03);
}

.blog-post-grid__title {
  font-size: 18px;
  margin: 0;
  padding: 0;
  line-height: 1.4;
}

@media only screen and (max-width: 1000px) {
  .blog-post-grid__list {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 640px) {
  .blog-post-grid {
    width: 90%;
  }

  .blog-post-grid__list {
    grid-template-columns: 1fr;
    grid-row-gap: 40px;
  }
}

/* --------------- NEWS & MEDIA --------------- */

.dnd-section>.row-fluid:has(div.news-listing-paged) {
  max-width: unset !important;
}

.news-listing-paged .news-list {
  width: 100%;
}

.news-filters {
  max-width: 600px;
  width: 100%;
  margin-top: 30px;
}

.news-filters .styled-select {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: 1fr 1fr;
}

.news-filters .styled-select select {
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg width=%2218%22 height=%2210%22 viewBox=%220 0 18 10%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E %3Cpath d=%22M1.50169 0.849999C1.35226 0.849999 1.20752 0.900337 1.09182 0.992229L1.08647 0.992229L1.04287 1.03433C0.982046 1.09306 0.933533 1.16314 0.900343 1.24065C0.867151 1.31816 0.85 1.40145 0.85 1.48568C0.85 1.5699 0.867151 1.65319 0.900343 1.7307C0.93351 1.80816 0.981979 1.87819 1.04274 1.9369C1.04279 1.93694 1.04283 1.93698 1.04287 1.93702L8.5452 9.22344L8.54522 9.22345C8.66746 9.34214 8.83232 9.40806 9.00333 9.40806C9.17434 9.40806 9.33921 9.34214 9.46145 9.22345L9.46146 9.22344L16.9641 1.93673L16.9641 1.93674L16.966 1.93489C17.0849 1.8153 17.1515 1.6542 17.15 1.48608C17.1485 1.31797 17.079 1.15807 16.958 1.04054C16.8371 0.923162 16.6745 0.857317 16.5054 0.855889C16.3363 0.854462 16.1726 0.91755 16.0497 1.03283L16.0497 1.03281L16.0478 1.03462L9.00285 7.87638L1.95984 1.03464L1.95981 1.03461C1.83757 0.915925 1.67271 0.849999 1.50169 0.849999Z%22 fill=%22%23444444%22 stroke=%22black%22 stroke-width=%220.3%22/%3E %3C/svg%3E");
  background-size: 18px;
  background-position: 90% 52%;
  background-repeat: no-repeat;
  padding: 9px;
  border:0;
  border-radius:7px;
}

.explore-more__heading {
  width: 80%;
  margin: 0 auto;
  padding-bottom: 20px;
}

.news-list {
  width: 80%;
  margin: 0 auto;
  padding-bottom: 100px;
  display: grid;
  grid-column-gap: 30px;
  grid-row-gap: 90px;
  grid-template-columns: 1fr 1fr 1fr;
}

.news-list img {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.news-date-location {
  padding-bottom: 80px;
}

.news-date-location p {
  display: inline-block;
  margin-right: 20px;
  padding-bottom: 0;
}

.news-list-date-location p {
  display: inline-block;
  margin-right: 20px;
  padding-bottom: 0;
  margin-bottom: 0;
}

.news-list-date-location {
  padding-bottom: 5px;
  display: flex;
  flex-direction: column;
}

.news-list-category {
  display: inline-flex;
  gap: 20px;
}

.news-paginator {
  position: relative;
  max-width: 750px;
  width: 90%;
  margin: -40px auto 140px auto;
  text-align: center;
  background: #e3a60c;
  padding: 15px 0;
  border-radius: 5px;
  max-height: unset;
  justify-content: space-between;
}

.news-paginator p {
  padding: 0 5px;
  color: #fff;
  display: inline-block;
  margin:0;
}

.news-paginator a {
  text-decoration: none;
  color: #fff !important;
}

.news-paginator a.active {
  font-weight: 400;
}

.paginator-previous {
  text-align: right;
}

.paginator-next {
  text-align: left;
}

.paginator-count {
}

/* --------------- NOTIFICATIONS --------------- */

.notifications {
  max-height: 1000px;
  background-color: #e3a60c;
}

.notifications-frame {
  width: 100%;
  padding: 20px 0 20px 10%;
}

.notification-content {
  position: relative;
}

.notification-title {
  font-size: 20px;
  line-height: 1.4;
  font-weight: 400;
}

.notification-body p {
  max-width: 1000px;
}

.notifications-close {
  position: absolute;
  top: 24px;
  right: 5%;
  width: 20px;
  height: 20px;
  fill: black;
  cursor: pointer;
  padding: 20px;
  box-sizing: content-box;
}

.notifications-close > svg {
  display: block;
}

/* --------------- RESPONSIVE PAGE STYLES --------------- */

@media only screen and (max-width: 1000px) {
  .front-services {
    width: 90%;
  }

  .front-about {
    width: 90%;
    padding: 70px 5% 80px 5%;
  }

  .front-sustainability {
    width: 80%;
    padding: 140px 5% 150px 5%;
  }

  .front-articles {
    width: 90%;
    text-align: left;
  }

  .front-articles h2 {
    margin: 0;
  }

  .people-detail {
    width: 90%;
  }

  .news-list {
    width: 90%;
    grid-column-gap: 30px;
    grid-row-gap: 90px;
    grid-template-columns: 1fr 1fr;
  }

  .contact {
    width: 90%;
    margin: 0 auto 100px auto;
  }

  .reports-presentations,
  .primary-insiders,
  .calendar-reports {
    width: 90%;
  }

  .investor-oms-frame-wrapper {
    width: 92%;
    padding: 50px 4%;
  }

  .investor-oms-frame {
    width: 90%;
    padding: 50px 5%;
  }

  .investor-oms-frame .share-price,
  .investor-oms-frame .last-change,
  .investor-oms-frame .volume,
  .investor-oms-frame .marketcap {
    width: 44%;
    margin: 0 1% 20px 1%;
    padding: 30px 2%;
  }

  .investor-news .news-list {
    text-align: left;
  }

  .notifications-frame {
    padding-left: 5%;
  }
}

@media only screen and (max-width: 1420px) {
  .gm-nav-wrapper .matrix-text {
    padding-bottom: 40px;
  }

  .gm-nav {
    position: static;
    max-width: 710px;
    margin: 0 auto 50px auto;
    padding: 20px 30px 15px 20px;
  }

  .gm-nav ul li {
    margin-bottom: 5px;
    display: inline-block;
    margin-right: 30px;
  }
}

@media screen and (max-width: 830px) {
  .gm-nav {
    width: 80%;
    padding: 20px 5% 15px 5%;
  }
}

@media only screen and (max-width: 855px) {
  .body-container--home .dnd-section:first-child,
  .front-top-graphic {
    height: 80vh;
  }

  .front-top video#bgvid {
    height: 100%;
  }

  .front-services-list div {
    display: flex;
    flex-basis: 100%;
    padding: 0 5%;
    flex-direction: column;
    margin-bottom: 50px;
  }

  .services-list {
    width: 90%;
    grid-gap: 100px;
    padding-bottom: 100px;
  }

  .service {
    grid-template-columns: 1fr;
  }

  .service img {
    margin: 0 auto 50px auto;
  }

  .financial-calendar {
    width: 90%;
    padding: 30px 5%;
    margin: 0 auto 100px auto;
    border: none;
  }

  .financial-calendar div {
    border-bottom: 1px solid #e6e6e6;
    padding: 15px 0;
  }

  .financial-calendar p:first-of-type {
    flex-basis: 100%;
  }

  .financial-calendar p {
    flex-basis: 100%;
    padding: 0;
  }

  .reports-presentations .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-direction: row;
    margin-bottom: 20px;
  }

  .reports-presentations .row:first-of-type {
    display: none;
  }

  .reports-presentations .row p {
    flex-basis: 100%;
    padding: 0;
  }

  .reports-presentations p.row-title {
    font-weight: 400;
    flex-basis: 120px;
  }

  .reports-presentations p.row-category {
    flex-basis: 50%;
    font-style: italic;
    font-weight: 400;
  }

  .reports-presentations p.row-report:before {
    content: "Report: ";
    flex-basis: 100%;
  }

  .reports-presentations p.row-presentation:before {
    content: "Presentation: ";
  }

  .reports-presentations p.row-webcast:before {
    content: "Webcast: ";
  }

  .reports-presentations p.row-pressrelease:before {
    content: "Press release: ";
  }

  .reports-presentations .row p:first-of-type {
    flex-basis: 120px;
  }

  .reports-presentations .row p:nth-child(4n) {
    flex-basis: 100%;
  }

  .calendar-reports {
    padding-bottom: 50px;
  }

  .calendar-reports > div,
  .calendar-reports > .calendar-reports-card {
    flex-basis: 100%;
    padding: 50px 5%;
    margin-bottom: 50px;
  }

  .calendar-reports .reports-row,
  .calendar-reports .calendar-row {
    margin-bottom: 0;
  }

  .primary-insiders div:first-of-type {
    display: none;
  }

  .primary-insiders .row {
    display: flex;
    flex-direction: row;
    margin-bottom: 20px;
  }

  .primary-insiders .row p {
    flex-basis: 50%;
    padding: 0;
  }

  .investor-oms-frame .share-price,
  .investor-oms-frame .last-change,
  .investor-oms-frame .volume,
  .investor-oms-frame .marketcap {
    width: 44%;
    margin: 0 1% 20px 1%;
    padding: 30px 2%;
  }

  .investor-oms-frame-intro p {
    margin: 0 auto;
  }

  .investor-oms-frame-wrapper a {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 640px) {
  .body-container--home .dnd-section:first-child,
  .front-top-graphic {
    height: 400px;
  }

  .front-services-list div {
    display: flex;
    flex-basis: 100%;
    padding: 0 5%;
    flex-direction: column;
    margin-bottom: 50px;
  }

  .people-detail {
    padding-top: 0;
    margin: 0 auto 50px auto;
  }

  .people-detail img {
    float: none;
    width: 50%;
    margin: 20px 0 40px 0;
  }

  .people-detail-text {
    float: none;
    width: 100%;
  }

  .news-list {
    grid-gap: 50px;
    grid-template-columns: 1fr;
  }

  .contact {
    margin: 0 auto 100px auto;
    grid-gap: 50px;
    grid-template-columns: 1fr;
  }

  .contact-info h3 {
    padding: 20px 0;
  }

  .contact-info form {
    max-width: none;
  }

  .news-paginator {
    height: auto;
    width: 80%;
    padding: 15px 5%;
  }

  .paginator-previous {
    position: static;
    float: left;
    width: 50%;
    text-align: left;
  }

  .paginator-next {
    position: static;
    float: right;
    width: 50%;
    text-align: right;
  }

  .paginator-count {
    position: static;
    width: 100%;
  }

  .investor-oms-frame {
    width: 100%;
    padding: 0;
  }
}

/* Utilities
Helper classes with ability to override anything that comes before it
*/

/* Utilities / Helpers — migrated from AxactorCraftCMS/resources/scss/style.scss */

/* For content that needs to be visually hidden but stay visible for screenreaders */

.show-for-sr {
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

@media (max-width: 767px) {
  .show-for-sr--mobile {
    border: 0 !important;
    clip: rect(0, 0, 0, 0) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }
}

/* Axactor utilities */

.hidden {
  display: none;
}

.blur {
  filter: grayscale(1) blur(3px);
}

.italic {
  font-style: italic;
}

.fade {
  opacity: 0.5;
}

.small-text {
  font-size: 18px;
}

.yellow-text {
  color: #e3a60c;
}








/* 1a. Containers */




/* 1b. Colors */




/* 1c. Typography */


























/* 1d. Buttons */













/* 1e. Forms */









































/* 1f. Tables */













/* 1g. Website header */








/* 1h. Website footer */








.content-wrapper {
  /* max-width: 1240px; */
  width: 80%;
  margin: 0 auto;
}

.dnd-section,
.content-wrapper--vertical-spacing {
  padding: 80px 0rem;
}

.dnd-section > .row-fluid {
  max-width: 1240px;
}





html {
  font-size: 20px;
}

body {
  font-family: 'Noto Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #121212;
  font-size: 20px;
}

/* Paragraphs */

p {
  font-family: 'Noto Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}

/* Anchors */

a {
  font-family: 'Noto Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: underline;
  color: #000000;
}

a:hover,
a:focus {
  font-family: 'Noto Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: underline;
  color: #000000;
}

a:active {
  font-family: 'Noto Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: underline;
  color: #282828;
}

/* Headings */

h1,
.h1 {
  font-family: 'Noto Sans', sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  color: #121212;
  font-size: 50px;
  text-transform: none;
}

h2,
.h2 {
  font-family: 'Noto Sans', sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  color: #121212;
  font-size: 36px;
  text-transform: none;
}

h3,
.h3 {
  font-family: 'Noto Sans', sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  color: #121212;
  font-size: 26px;
  text-transform: none;
}

h4,
.h4 {
  font-weight: normal; text-decoration: none; font-family: 'Noto Sans', sans-serif; font-style: normal;
  color: #121212;
  font-size: 24px;
  text-transform: none;
}

h5,
.h5 {
  font-weight: normal; text-decoration: none; font-family: 'Noto Sans', sans-serif; font-style: normal;
  color: #121212;
  font-size: 16px;
  text-transform: none;
}

h6,
.h6 {
  font-weight: normal; text-decoration: none; font-family: 'Noto Sans', sans-serif; font-style: normal;
  color: #121212;
  font-size: 14px;
  text-transform: none;
}

/* Blockquote */

blockquote {
  border-left-color: #F8FAFC;
}





button,
.button,
.hs-button,
.hs-blog-post-listing__post-button {
  border: 1px solid #25698C;

  padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;

  font-family: 'Noto Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(37, 105, 140, 1.0)

;
  border-radius: 5px;
  color: #FFFFFF;
  font-size: 18px;
  text-transform: none;
}

button:hover,
button:focus,
.button:hover,
.button:focus,
.hs-button:hover,
.hs-button:focus,
.hs-blog-post-listing__post-button:hover,
.hs-blog-post-listing__post-button:focus {
  border: 1px solid #1a334e;
;
  color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  background-color: 

  
  
    
  


  rgba(26, 51, 78, 1.0)

;
  border-radius: 6px;
}

button:active,
.button:active,
.hs-button:active,
.hs-blog-post-listing__post-button:active {
  font-family: 'Noto Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: rgba(77, 145, 180, 1.0);
  border-color: #4d91b4;
}

.reset-styles-btn {
  background-color: transparent;
  border:0;
}

.reset-styles-btn:hover {
  border: 0;
  background-color: transparent;
}

.reset-styles-btn:focus {
  outline: 0;
  border: 0;
  background-color: transparent;
}





form,
.submitted-message {
  font-family: 'Noto Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  border: 1px none #F8FAFC;
;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  background-color: 

  
  
    
  


  rgba(248, 250, 252, 1.0)

;
  padding: 0px;
;
}

/* Form title */

.form-title {
  border: 1px none #F8FAFC;
;
  padding-top: 0px;
padding-right: 0px;
padding-bottom: 30px;
padding-left: 0px;
;
  font-family: 'Noto Sans'; font-style: normal; font-weight: 500; text-decoration: none;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  font-size: 26px;
  color: #121212;
  background-color: 

  
  
    
  


  rgba(248, 250, 252, 1.0)

;
}


/* Labels */

form label {
  color: #121212;
}

/* Help text */

form legend {
  color: #121212;
}

/* Inputs */

form input[type=text],
form input[type=search],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  border: 2px solid #D1D6DC;

  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #121212;
  border-radius: 3px;
}

/* Form placeholder text */

::-webkit-input-placeholder {
  color: #121212;
}

::-moz-placeholder {
  color: #121212;
}

:-ms-input-placeholder {
  color: #121212;
}

::placeholder {
  color: #121212;
}

/* Inputs - date picker */

.hs-fieldtype-date .input .hs-dateinput:before {
  color: #121212;
}

.fn-date-picker td.is-selected .pika-button {
  background: #121212;
}

.fn-date-picker td .pika-button:hover {
  background-color: #121212 !important;
}

.fn-date-picker td.is-today .pika-button {
  color: #121212;
}

/* Submit button */

form input[type=submit],
form .hs-button {
  border: 1px none #121212;
;
  padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
;
  font-family: 'Noto Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #FFFFFF;
  font-size: 22px;
  background-color: 

  
  
    
  


  rgba(18, 18, 18, 1.0)

;
  border-radius: 5px;
  text-transform: none;
}

form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
  background-color: 

  
  
    
  


  rgba(26, 51, 78, 1.0)

;
  color: #ffffff;
  border: 1px none #1a334e;
;
}

form input[type=submit]:active,
form .hs-button:active {
  background-color: rgba(77, 145, 180, 1.0);
  border-color: #4d91b4;
}





/* Table */

table {
  border: 1px none #121212;

  background-color: 

  
  
    
  


  rgba(255, 255, 255, 0.0)

;
}

/* Table cells */

td,
th {
  border: 1px none #121212;

  padding: 18px;

  color: #121212;
}

/* Table header */

thead th {
  background-color: 

  
  
    
  


  rgba(18, 18, 18, 1.0)

;
  color: #FFFFFF;
}

/* Table footer */

tfoot td {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #121212;
}





.header {
  background-color: 

  
  
    
  


  rgba(248, 250, 252, 1.0)

;
}

.menu__link,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  color: #121212;
  font-family: Noto Sans;
}

.menu__child-toggle-icon {
  border-top-color: #121212;
}

.menu .menu__link:hover,
.menu .menu__link:focus,
.header__language-switcher-label-current:hover,
.header__language-switcher-label-current:focus,
.header__language-switcher .lang_list_class li:hover a,
.header__language-switcher .lang_list_class li a:focus {
  color: #000000;
}

.menu__child-toggle-icon:hover,
.menu__child-toggle-icon:focus {
  border-top-color: #000000;
}

.menu .menu__link:active,
.header__language-switcher-label-current:active,
.header__language-switcher .lang_list_class li a:active {
  color: #3a3a3a;
}

.menu__child-toggle-icon:active {
  border-top-color: #3a3a3a;
}

.menu .menu__item--depth-1 > .menu__link--active-link:after {
  background-color: #121212;
}

@media (min-width: 767px) {
  .menu .menu__submenu,
  .header__language-switcher .lang_list_class {
    border: 2px solid #121212;

    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  }

  .menu__submenu--level-2 > .menu__item:first-child:before {
    border: 2px solid #121212;

    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  }
}

.menu__submenu .menu__link,
.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus {
  color: #121212;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.header__language-switcher .lang_list_class:before {
  border-bottom-color: #121212;
}

.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus,
.header__language-switcher .lang_list_class li:hover,
.menu__submenu--level-2 > .menu__item:first-child:hover:before,
.menu__submenu--level-2 > .menu__item:first-child.focus:before {
  background-color: 

  
  
    
  


  rgba(248, 250, 252, 1.0)

;
}

.header__language-switcher .lang_list_class.first-active::after {
  border-bottom-color: 

  
  
    
  


  rgba(248, 250, 252, 1.0)

;
}

.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  font-family: Noto Sans;
}

.header__language-switcher-label-current:after {
  border-top-color: #121212;
}

@media(max-width: 767px) {
  .header__navigation {
    background-color: 

  
  
    
  


  rgba(248, 250, 252, 1.0)

;
  }

  .header__navigation-toggle svg,
  .menu-arrow svg {
    fill: #121212;
  }
}





.footer {
  background-color: 

  
  
    
  


  rgba(248, 250, 252, 1.0)

;
}

/* Footer content */

.footer p,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer label,
.footer span,
.footer li,
.footer img {
  color: #121212;
}





.blog-post,
.blog-header__inner,
.blog-related-posts {
  padding: 80px 0;
}

/* Blog post */

.blog-post__meta a {
  color: #121212;
}

.blog-post__tag-link {
  color: #121212;
}

.blog-post__tag-link:hover,
.blog-post__tag-link:focus {
  color: #000000;
}

.blog-post__tag-link:active {
  color: #3a3a3a;
}

/* Blog related posts */

.blog-related-posts__title-link,
.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus,
.blog-related-posts__title-link:active {
  font-family: 'Noto Sans', sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  text-transform: none;
}

.blog-related-posts__title-link {
  color: #121212;
}

.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus {
  color: #000000;
}

.blog-related-posts__title-link:active {
  color: #3a3a3a;
}

/* Blog comments */

.blog-comments {
  margin-bottom: 80px;
}

#comments-listing .comment-reply-to {
  color: #000000;
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
  color: #000000;
}

#comments-listing .comment-reply-to:active {
  color: #282828;
}





.hs-search-results__title {
  font-family: 'Noto Sans', sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  color: #121212;
}





/* Blog listing */

.hs-blog-post-listing__post-title-link,
.hs-blog-post-listing__post-title-link:hover,
.hs-blog-post-listing__post-title-link:focus,
.hs-blog-post-listing__post-title-link:active {
  font-family: 'Noto Sans', sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  text-transform: none;
}

.hs-blog-post-listing__post-title-link {
  color: #121212;
}

.hs-blog-post-listing__post-title-link:hover,
.hs-blog-post-listing__post-title-link:focus {
  color: #000000;
}

.hs-blog-post-listing__post-title-link:active {
  color: #3a3a3a;
}


.hs-blog-post-listing__post-tag,
.hs-blog-post-listing__post-author-name {
  color: #121212;
}

/* Blog pagination */

.hs-pagination__link-text,
.hs-pagination__link--number {
  color: #121212;
}

.hs-pagination__link:hover .hs-pagination__link-text,
.hs-pagination__link:focus .hs-pagination__link-text,
.hs-pagination__link--number:hover,
.hs-pagination__link--number:focus {
  color: #000000;
}

.hs-pagination__link:active .hs-pagination__link-text,
.hs-pagination__link--number:active {
  color: #3a3a3a;
}

.hs-pagination__link-icon svg {
  fill: #121212;
}

/* Pricing card */

.card__price {
  font-family: 'Noto Sans', sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  color: #121212;
  font-size: 26px;
}

.card__body svg {
  fill: #121212;
}

/* Social follow */

.social-links__icon {
  background-color: #121212;
}

.social-links__icon:hover,
.social-links__icon:focus {
  background-color: #000000;
}

.social-links__icon:active {
  background-color: #3a3a3a;
  font-family: 'Noto Sans', sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  color: #121212;
  font-size: 26px;
}