/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
/*
Document
========
*/
/**
Use a better box model (opinionated).
*/
*,
::before,
::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/**
Use a more readable tab size (opinionated).
*/
html {
  -moz-tab-size: 4;
  -o-tab-size: 4;
     tab-size: 4;
}

/**
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;
}

/**
Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
*/
body {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
}

/*
Grouping content
================
*/
/**
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
}

/*
Text-level semantics
====================
*/
/**
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr[title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/**
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}

/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, 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;
}

/*
Tabular data
============
*/
/**
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
}

/*
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.
*/
::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
Restore the focus styles unset by the previous rule.
*/
:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
Remove the additional ':invalid' styles in Firefox.
See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
*/
:-moz-ui-invalid {
  box-shadow: none;
}

/**
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 and Firefox.
*/
progress {
  vertical-align: baseline;
}

/**
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-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.
*/
::-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 Chrome and Safari.
*/
summary {
  display: list-item;
}

.no-ygap {
  gap: 0 40px;
}

.no-xgap {
  gap: 40px 0;
}

.col-1 {
  grid-column-end: span 1;
}

.col-offset-1 {
  grid-column-start: 2;
}

.row-1 {
  grid-row-end: span 1;
}

.row-offset-1 {
  grid-row-start: 2;
}

.col-2 {
  grid-column-end: span 2;
}

.col-offset-2 {
  grid-column-start: 3;
}

.row-2 {
  grid-row-end: span 2;
}

.row-offset-2 {
  grid-row-start: 3;
}

.col-3 {
  grid-column-end: span 3;
}

.col-offset-3 {
  grid-column-start: 4;
}

.row-3 {
  grid-row-end: span 3;
}

.row-offset-3 {
  grid-row-start: 4;
}

.col-4 {
  grid-column-end: span 4;
}

.col-offset-4 {
  grid-column-start: 5;
}

.row-4 {
  grid-row-end: span 4;
}

.row-offset-4 {
  grid-row-start: 5;
}

.col-5 {
  grid-column-end: span 5;
}

.col-offset-5 {
  grid-column-start: 6;
}

.row-5 {
  grid-row-end: span 5;
}

.row-offset-5 {
  grid-row-start: 6;
}

.col-6 {
  grid-column-end: span 6;
}

.col-offset-6 {
  grid-column-start: 7;
}

.row-6 {
  grid-row-end: span 6;
}

.row-offset-6 {
  grid-row-start: 7;
}

.col-7 {
  grid-column-end: span 7;
}

.col-offset-7 {
  grid-column-start: 8;
}

.row-7 {
  grid-row-end: span 7;
}

.row-offset-7 {
  grid-row-start: 8;
}

.col-8 {
  grid-column-end: span 8;
}

.col-offset-8 {
  grid-column-start: 9;
}

.row-8 {
  grid-row-end: span 8;
}

.row-offset-8 {
  grid-row-start: 9;
}

.col-9 {
  grid-column-end: span 9;
}

.col-offset-9 {
  grid-column-start: 10;
}

.row-9 {
  grid-row-end: span 9;
}

.row-offset-9 {
  grid-row-start: 10;
}

.col-10 {
  grid-column-end: span 10;
}

.col-offset-10 {
  grid-column-start: 11;
}

.row-10 {
  grid-row-end: span 10;
}

.row-offset-10 {
  grid-row-start: 11;
}

.col-11 {
  grid-column-end: span 11;
}

.col-offset-11 {
  grid-column-start: 12;
}

.row-11 {
  grid-row-end: span 11;
}

.row-offset-11 {
  grid-row-start: 12;
}

.col-12 {
  grid-column-end: span 12;
}

.col-offset-12 {
  grid-column-start: 13;
}

.row-12 {
  grid-row-end: span 12;
}

.row-offset-12 {
  grid-row-start: 13;
}

@media (min-width: 768px) {
  .col-sm-1 {
    grid-column-end: span 1;
  }
  .col-offset-sm-1 {
    grid-column-start: 2;
  }
  .row-sm-1 {
    grid-row-end: span 1;
  }
  .row-offset-sm-1 {
    grid-row-start: 2;
  }
  .col-sm-2 {
    grid-column-end: span 2;
  }
  .col-offset-sm-2 {
    grid-column-start: 3;
  }
  .row-sm-2 {
    grid-row-end: span 2;
  }
  .row-offset-sm-2 {
    grid-row-start: 3;
  }
  .col-sm-3 {
    grid-column-end: span 3;
  }
  .col-offset-sm-3 {
    grid-column-start: 4;
  }
  .row-sm-3 {
    grid-row-end: span 3;
  }
  .row-offset-sm-3 {
    grid-row-start: 4;
  }
  .col-sm-4 {
    grid-column-end: span 4;
  }
  .col-offset-sm-4 {
    grid-column-start: 5;
  }
  .row-sm-4 {
    grid-row-end: span 4;
  }
  .row-offset-sm-4 {
    grid-row-start: 5;
  }
  .col-sm-5 {
    grid-column-end: span 5;
  }
  .col-offset-sm-5 {
    grid-column-start: 6;
  }
  .row-sm-5 {
    grid-row-end: span 5;
  }
  .row-offset-sm-5 {
    grid-row-start: 6;
  }
  .col-sm-6 {
    grid-column-end: span 6;
  }
  .col-offset-sm-6 {
    grid-column-start: 7;
  }
  .row-sm-6 {
    grid-row-end: span 6;
  }
  .row-offset-sm-6 {
    grid-row-start: 7;
  }
  .col-sm-7 {
    grid-column-end: span 7;
  }
  .col-offset-sm-7 {
    grid-column-start: 8;
  }
  .row-sm-7 {
    grid-row-end: span 7;
  }
  .row-offset-sm-7 {
    grid-row-start: 8;
  }
  .col-sm-8 {
    grid-column-end: span 8;
  }
  .col-offset-sm-8 {
    grid-column-start: 9;
  }
  .row-sm-8 {
    grid-row-end: span 8;
  }
  .row-offset-sm-8 {
    grid-row-start: 9;
  }
  .col-sm-9 {
    grid-column-end: span 9;
  }
  .col-offset-sm-9 {
    grid-column-start: 10;
  }
  .row-sm-9 {
    grid-row-end: span 9;
  }
  .row-offset-sm-9 {
    grid-row-start: 10;
  }
  .col-sm-10 {
    grid-column-end: span 10;
  }
  .col-offset-sm-10 {
    grid-column-start: 11;
  }
  .row-sm-10 {
    grid-row-end: span 10;
  }
  .row-offset-sm-10 {
    grid-row-start: 11;
  }
  .col-sm-11 {
    grid-column-end: span 11;
  }
  .col-offset-sm-11 {
    grid-column-start: 12;
  }
  .row-sm-11 {
    grid-row-end: span 11;
  }
  .row-offset-sm-11 {
    grid-row-start: 12;
  }
  .col-sm-12 {
    grid-column-end: span 12;
  }
  .col-offset-sm-12 {
    grid-column-start: 13;
  }
  .row-sm-12 {
    grid-row-end: span 12;
  }
  .row-offset-sm-12 {
    grid-row-start: 13;
  }
}
@media (min-width: 1100px) {
  .col-md-1 {
    grid-column-end: span 1;
  }
  .col-offset-md-1 {
    grid-column-start: 2;
  }
  .row-md-1 {
    grid-row-end: span 1;
  }
  .row-offset-md-1 {
    grid-row-start: 2;
  }
  .col-md-2 {
    grid-column-end: span 2;
  }
  .col-offset-md-2 {
    grid-column-start: 3;
  }
  .row-md-2 {
    grid-row-end: span 2;
  }
  .row-offset-md-2 {
    grid-row-start: 3;
  }
  .col-md-3 {
    grid-column-end: span 3;
  }
  .col-offset-md-3 {
    grid-column-start: 4;
  }
  .row-md-3 {
    grid-row-end: span 3;
  }
  .row-offset-md-3 {
    grid-row-start: 4;
  }
  .col-md-4 {
    grid-column-end: span 4;
  }
  .col-offset-md-4 {
    grid-column-start: 5;
  }
  .row-md-4 {
    grid-row-end: span 4;
  }
  .row-offset-md-4 {
    grid-row-start: 5;
  }
  .col-md-5 {
    grid-column-end: span 5;
  }
  .col-offset-md-5 {
    grid-column-start: 6;
  }
  .row-md-5 {
    grid-row-end: span 5;
  }
  .row-offset-md-5 {
    grid-row-start: 6;
  }
  .col-md-6 {
    grid-column-end: span 6;
  }
  .col-offset-md-6 {
    grid-column-start: 7;
  }
  .row-md-6 {
    grid-row-end: span 6;
  }
  .row-offset-md-6 {
    grid-row-start: 7;
  }
  .col-md-7 {
    grid-column-end: span 7;
  }
  .col-offset-md-7 {
    grid-column-start: 8;
  }
  .row-md-7 {
    grid-row-end: span 7;
  }
  .row-offset-md-7 {
    grid-row-start: 8;
  }
  .col-md-8 {
    grid-column-end: span 8;
  }
  .col-offset-md-8 {
    grid-column-start: 9;
  }
  .row-md-8 {
    grid-row-end: span 8;
  }
  .row-offset-md-8 {
    grid-row-start: 9;
  }
  .col-md-9 {
    grid-column-end: span 9;
  }
  .col-offset-md-9 {
    grid-column-start: 10;
  }
  .row-md-9 {
    grid-row-end: span 9;
  }
  .row-offset-md-9 {
    grid-row-start: 10;
  }
  .col-md-10 {
    grid-column-end: span 10;
  }
  .col-offset-md-10 {
    grid-column-start: 11;
  }
  .row-md-10 {
    grid-row-end: span 10;
  }
  .row-offset-md-10 {
    grid-row-start: 11;
  }
  .col-md-11 {
    grid-column-end: span 11;
  }
  .col-offset-md-11 {
    grid-column-start: 12;
  }
  .row-md-11 {
    grid-row-end: span 11;
  }
  .row-offset-md-11 {
    grid-row-start: 12;
  }
  .col-md-12 {
    grid-column-end: span 12;
  }
  .col-offset-md-12 {
    grid-column-start: 13;
  }
  .row-md-12 {
    grid-row-end: span 12;
  }
  .row-offset-md-12 {
    grid-row-start: 13;
  }
}
@media (min-width: 1200px) {
  .col-lg-1 {
    grid-column-end: span 1;
  }
  .col-offset-lg-1 {
    grid-column-start: 2;
  }
  .row-lg-1 {
    grid-row-end: span 1;
  }
  .row-offset-lg-1 {
    grid-row-start: 2;
  }
  .col-lg-2 {
    grid-column-end: span 2;
  }
  .col-offset-lg-2 {
    grid-column-start: 3;
  }
  .row-lg-2 {
    grid-row-end: span 2;
  }
  .row-offset-lg-2 {
    grid-row-start: 3;
  }
  .col-lg-3 {
    grid-column-end: span 3;
  }
  .col-offset-lg-3 {
    grid-column-start: 4;
  }
  .row-lg-3 {
    grid-row-end: span 3;
  }
  .row-offset-lg-3 {
    grid-row-start: 4;
  }
  .col-lg-4 {
    grid-column-end: span 4;
  }
  .col-offset-lg-4 {
    grid-column-start: 5;
  }
  .row-lg-4 {
    grid-row-end: span 4;
  }
  .row-offset-lg-4 {
    grid-row-start: 5;
  }
  .col-lg-5 {
    grid-column-end: span 5;
  }
  .col-offset-lg-5 {
    grid-column-start: 6;
  }
  .row-lg-5 {
    grid-row-end: span 5;
  }
  .row-offset-lg-5 {
    grid-row-start: 6;
  }
  .col-lg-6 {
    grid-column-end: span 6;
  }
  .col-offset-lg-6 {
    grid-column-start: 7;
  }
  .row-lg-6 {
    grid-row-end: span 6;
  }
  .row-offset-lg-6 {
    grid-row-start: 7;
  }
  .col-lg-7 {
    grid-column-end: span 7;
  }
  .col-offset-lg-7 {
    grid-column-start: 8;
  }
  .row-lg-7 {
    grid-row-end: span 7;
  }
  .row-offset-lg-7 {
    grid-row-start: 8;
  }
  .col-lg-8 {
    grid-column-end: span 8;
  }
  .col-offset-lg-8 {
    grid-column-start: 9;
  }
  .row-lg-8 {
    grid-row-end: span 8;
  }
  .row-offset-lg-8 {
    grid-row-start: 9;
  }
  .col-lg-9 {
    grid-column-end: span 9;
  }
  .col-offset-lg-9 {
    grid-column-start: 10;
  }
  .row-lg-9 {
    grid-row-end: span 9;
  }
  .row-offset-lg-9 {
    grid-row-start: 10;
  }
  .col-lg-10 {
    grid-column-end: span 10;
  }
  .col-offset-lg-10 {
    grid-column-start: 11;
  }
  .row-lg-10 {
    grid-row-end: span 10;
  }
  .row-offset-lg-10 {
    grid-row-start: 11;
  }
  .col-lg-11 {
    grid-column-end: span 11;
  }
  .col-offset-lg-11 {
    grid-column-start: 12;
  }
  .row-lg-11 {
    grid-row-end: span 11;
  }
  .row-offset-lg-11 {
    grid-row-start: 12;
  }
  .col-lg-12 {
    grid-column-end: span 12;
  }
  .col-offset-lg-12 {
    grid-column-start: 13;
  }
  .row-lg-12 {
    grid-row-end: span 12;
  }
  .row-offset-lg-12 {
    grid-row-start: 13;
  }
}
@media (min-width: 1300px) {
  .col-xl-1 {
    grid-column-end: span 1;
  }
  .col-offset-xl-1 {
    grid-column-start: 2;
  }
  .row-xl-1 {
    grid-row-end: span 1;
  }
  .row-offset-xl-1 {
    grid-row-start: 2;
  }
  .col-xl-2 {
    grid-column-end: span 2;
  }
  .col-offset-xl-2 {
    grid-column-start: 3;
  }
  .row-xl-2 {
    grid-row-end: span 2;
  }
  .row-offset-xl-2 {
    grid-row-start: 3;
  }
  .col-xl-3 {
    grid-column-end: span 3;
  }
  .col-offset-xl-3 {
    grid-column-start: 4;
  }
  .row-xl-3 {
    grid-row-end: span 3;
  }
  .row-offset-xl-3 {
    grid-row-start: 4;
  }
  .col-xl-4 {
    grid-column-end: span 4;
  }
  .col-offset-xl-4 {
    grid-column-start: 5;
  }
  .row-xl-4 {
    grid-row-end: span 4;
  }
  .row-offset-xl-4 {
    grid-row-start: 5;
  }
  .col-xl-5 {
    grid-column-end: span 5;
  }
  .col-offset-xl-5 {
    grid-column-start: 6;
  }
  .row-xl-5 {
    grid-row-end: span 5;
  }
  .row-offset-xl-5 {
    grid-row-start: 6;
  }
  .col-xl-6 {
    grid-column-end: span 6;
  }
  .col-offset-xl-6 {
    grid-column-start: 7;
  }
  .row-xl-6 {
    grid-row-end: span 6;
  }
  .row-offset-xl-6 {
    grid-row-start: 7;
  }
  .col-xl-7 {
    grid-column-end: span 7;
  }
  .col-offset-xl-7 {
    grid-column-start: 8;
  }
  .row-xl-7 {
    grid-row-end: span 7;
  }
  .row-offset-xl-7 {
    grid-row-start: 8;
  }
  .col-xl-8 {
    grid-column-end: span 8;
  }
  .col-offset-xl-8 {
    grid-column-start: 9;
  }
  .row-xl-8 {
    grid-row-end: span 8;
  }
  .row-offset-xl-8 {
    grid-row-start: 9;
  }
  .col-xl-9 {
    grid-column-end: span 9;
  }
  .col-offset-xl-9 {
    grid-column-start: 10;
  }
  .row-xl-9 {
    grid-row-end: span 9;
  }
  .row-offset-xl-9 {
    grid-row-start: 10;
  }
  .col-xl-10 {
    grid-column-end: span 10;
  }
  .col-offset-xl-10 {
    grid-column-start: 11;
  }
  .row-xl-10 {
    grid-row-end: span 10;
  }
  .row-offset-xl-10 {
    grid-row-start: 11;
  }
  .col-xl-11 {
    grid-column-end: span 11;
  }
  .col-offset-xl-11 {
    grid-column-start: 12;
  }
  .row-xl-11 {
    grid-row-end: span 11;
  }
  .row-offset-xl-11 {
    grid-row-start: 12;
  }
  .col-xl-12 {
    grid-column-end: span 12;
  }
  .col-offset-xl-12 {
    grid-column-start: 13;
  }
  .row-xl-12 {
    grid-row-end: span 12;
  }
  .row-offset-xl-12 {
    grid-row-start: 13;
  }
}
.grid, .alm-listing {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}
@media screen and (min-width: 768px) {
  .grid, .alm-listing {
    grid-column-gap: 40px;
  }
}

.container {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 20px;
}
@media screen and (min-width: 1200px) {
  .container {
    padding: 0 40px;
  }
}

.flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 768px) {
  .flex-sm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (min-width: 1100px) {
  .flex-md {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (min-width: 1200px) {
  .flex-lg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (min-width: 1300px) {
  .flex-xl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (min-width: 1300px) {
  .flex-xxl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.justify-flex-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media screen and (min-width: 768px) {
  .justify-sm-flex-start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media screen and (min-width: 1100px) {
  .justify-md-flex-start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media screen and (min-width: 1200px) {
  .justify-lg-flex-start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media screen and (min-width: 1300px) {
  .justify-xl-flex-start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media screen and (min-width: xxl) {
  .justify-xxl-flex-start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.justify-flex-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media screen and (min-width: 768px) {
  .justify-sm-flex-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media screen and (min-width: 1100px) {
  .justify-md-flex-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media screen and (min-width: 1200px) {
  .justify-lg-flex-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media screen and (min-width: 1300px) {
  .justify-xl-flex-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media screen and (min-width: xxl) {
  .justify-xxl-flex-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
.justify-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (min-width: 768px) {
  .justify-sm-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media screen and (min-width: 1100px) {
  .justify-md-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media screen and (min-width: 1200px) {
  .justify-lg-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media screen and (min-width: 1300px) {
  .justify-xl-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media screen and (min-width: xxl) {
  .justify-xxl-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.justify-space-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (min-width: 768px) {
  .justify-sm-space-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media screen and (min-width: 1100px) {
  .justify-md-space-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media screen and (min-width: 1200px) {
  .justify-lg-space-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media screen and (min-width: 1300px) {
  .justify-xl-space-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media screen and (min-width: xxl) {
  .justify-xxl-space-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.justify-space-around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

@media screen and (min-width: 768px) {
  .justify-sm-space-around {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}
@media screen and (min-width: 1100px) {
  .justify-md-space-around {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}
@media screen and (min-width: 1200px) {
  .justify-lg-space-around {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}
@media screen and (min-width: 1300px) {
  .justify-xl-space-around {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}
@media screen and (min-width: xxl) {
  .justify-xxl-space-around {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}
.justify-space-evenly {
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

@media screen and (min-width: 768px) {
  .justify-sm-space-evenly {
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }
}
@media screen and (min-width: 1100px) {
  .justify-md-space-evenly {
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }
}
@media screen and (min-width: 1200px) {
  .justify-lg-space-evenly {
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }
}
@media screen and (min-width: 1300px) {
  .justify-xl-space-evenly {
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }
}
@media screen and (min-width: xxl) {
  .justify-xxl-space-evenly {
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }
}
.align-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (min-width: 768px) {
  .align-sm-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (min-width: 1100px) {
  .align-md-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (min-width: 1200px) {
  .align-lg-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (min-width: 1300px) {
  .align-xl-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (min-width: xxl) {
  .align-xxl-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.align-flex-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

@media screen and (min-width: 768px) {
  .align-sm-flex-start {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media screen and (min-width: 1100px) {
  .align-md-flex-start {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media screen and (min-width: 1200px) {
  .align-lg-flex-start {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media screen and (min-width: 1300px) {
  .align-xl-flex-start {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media screen and (min-width: xxl) {
  .align-xxl-flex-start {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.align-flex-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

@media screen and (min-width: 768px) {
  .align-sm-flex-end {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
@media screen and (min-width: 1100px) {
  .align-md-flex-end {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
@media screen and (min-width: 1200px) {
  .align-lg-flex-end {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
@media screen and (min-width: 1300px) {
  .align-xl-flex-end {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
@media screen and (min-width: xxl) {
  .align-xxl-flex-end {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
.dir-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

@media screen and (min-width: 768px) {
  .dir-sm-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media screen and (min-width: 1100px) {
  .dir-md-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media screen and (min-width: 1200px) {
  .dir-lg-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media screen and (min-width: 1300px) {
  .dir-xl-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media screen and (min-width: xxl) {
  .dir-xxl-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.dir-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (min-width: 768px) {
  .dir-sm-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (min-width: 1100px) {
  .dir-md-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (min-width: 1200px) {
  .dir-lg-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (min-width: 1300px) {
  .dir-xl-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (min-width: xxl) {
  .dir-xxl-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.dir-row-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

@media screen and (min-width: 768px) {
  .dir-sm-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
@media screen and (min-width: 1100px) {
  .dir-md-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
@media screen and (min-width: 1200px) {
  .dir-lg-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
@media screen and (min-width: 1300px) {
  .dir-xl-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
@media screen and (min-width: xxl) {
  .dir-xxl-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.dir-column-reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

@media screen and (min-width: 768px) {
  .dir-sm-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
@media screen and (min-width: 1100px) {
  .dir-md-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
@media screen and (min-width: 1200px) {
  .dir-lg-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
@media screen and (min-width: 1300px) {
  .dir-xl-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
@media screen and (min-width: xxl) {
  .dir-xxl-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
@media screen and (min-width: 768px) {
  .order-sm-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}
@media screen and (min-width: 1100px) {
  .order-md-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}
@media screen and (min-width: 1200px) {
  .order-lg-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}
@media screen and (min-width: 1300px) {
  .order-xl-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}
@media screen and (min-width: xxl) {
  .order-xxl-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}
@media screen and (min-width: 768px) {
  .order-sm-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media screen and (min-width: 1100px) {
  .order-md-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media screen and (min-width: 1200px) {
  .order-lg-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media screen and (min-width: 1300px) {
  .order-xl-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media screen and (min-width: xxl) {
  .order-xxl-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media screen and (min-width: 768px) {
  .order-sm-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media screen and (min-width: 1100px) {
  .order-md-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media screen and (min-width: 1200px) {
  .order-lg-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media screen and (min-width: 1300px) {
  .order-xl-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media screen and (min-width: xxl) {
  .order-xxl-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media screen and (min-width: 768px) {
  .order-sm-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
@media screen and (min-width: 1100px) {
  .order-md-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
@media screen and (min-width: 1200px) {
  .order-lg-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
@media screen and (min-width: 1300px) {
  .order-xl-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
@media screen and (min-width: xxl) {
  .order-xxl-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
/*------------------------------------*\
    BASE
\*------------------------------------*/
html {
  font-size: 100%;
  min-height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  scroll-behavior: smooth;
  overflow-x: hidden;
  scroll-padding-top: 90px;
}
@media screen and (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}
html:has(body.nav-open) {
  overflow: hidden;
}

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

body {
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  position: relative;
  font-optical-sizing: auto;
  max-width: 1900px;
  margin: 0 auto;
  line-height: 1.5;
}
body.admin-bar {
  top: 32px;
}

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

section {
  padding: 30px 0;
}
section.no-pad {
  padding: 0;
}
@media screen and (min-width: 1200px) {
  section {
    padding: 70px 0;
  }
  section.--large-pad {
    padding: 120px 0;
  }
}

.page-content {
  margin-top: 60px;
}
@media screen and (min-width: 1200px) {
  .page-content {
    margin-top: 138px;
  }
}

.theme-section {
  color: var(--textColour, #222);
  background-color: var(--bgColour, #eee);
}

/*------------------------------------*\
HELPER
\*------------------------------------*/
.debug {
  border: 1px solid #f0f;
}

.debug2 {
  border: 1px solid lime;
}

.text-left {
  text-align: left !important;
}

.text-center {
  text-align: center !important;
}

.text-right {
  text-align: right !important;
}

.width-full {
  width: 100% !important;
}

.width-auto {
  width: auto !important;
}

.hidden {
  display: none;
  visibility: hidden;
}

.visible-xs {
  display: none;
  visibility: hidden;
}
.visible-sm {
  display: none;
  visibility: hidden;
}
@media screen and (min-width: 768px) {
  .visible-sm {
    display: block;
    visibility: visible;
  }
}
.visible-sm-flex {
  display: none;
  visibility: hidden;
}
@media screen and (min-width: 768px) {
  .visible-sm-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
  }
}
.visible-md {
  display: none;
  visibility: hidden;
}
@media screen and (min-width: 1100px) {
  .visible-md {
    display: block;
    visibility: visible;
  }
}
.visible-lg {
  display: none;
  visibility: hidden;
}
@media screen and (min-width: 1200px) {
  .visible-lg {
    display: block;
    visibility: visible;
  }
}

@media screen and (min-width: 768px) {
  .hidden-sm {
    display: none !important;
  }
}

@media screen and (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed,
.embed-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
}

.alignright {
  float: right;
}

.alignleft {
  float: left;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

img.alignnone {
  float: none;
  margin: 5px 0 5px 0;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

img.fullwidth {
  width: 100%;
}

img.alignleft {
  float: left;
  margin: 5px 10px 5px 0px;
}

img.aligncenter {
  display: block;
  float: none;
  margin: 5px auto;
}

img.alignright {
  float: right;
  margin: 5px 0 5px 10px;
}

.no-bottom-padding {
  padding-bottom: 0px !important;
}

.rounded {
  border-radius: 2px;
  overflow: hidden;
}

.stretch {
  height: 100% !important;
}

.d-inline-block {
  display: inline-block;
}
.d-block {
  display: block;
}

.sticky {
  position: sticky;
  top: 120px;
  -ms-flex-item-align: start;
      align-self: start;
}

.last *:last-child {
  margin-bottom: 0;
}

.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.m-0 {
  margin: 0;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-4 {
  margin-bottom: 4rem !important;
}

.d-grid {
  display: grid;
}

.align-bottom {
  -ms-flex-item-align: end;
      align-self: end;
}

.animate {
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  opacity: 0;
  -webkit-transition: opacity cubic-bezier(0.4, 0, 0.2, 1) 0.6s, -webkit-transform cubic-bezier(0.4, 0, 0.2, 1) 0.6s;
  transition: opacity cubic-bezier(0.4, 0, 0.2, 1) 0.6s, -webkit-transform cubic-bezier(0.4, 0, 0.2, 1) 0.6s;
  transition: opacity cubic-bezier(0.4, 0, 0.2, 1) 0.6s, transform cubic-bezier(0.4, 0, 0.2, 1) 0.6s;
  transition: opacity cubic-bezier(0.4, 0, 0.2, 1) 0.6s, transform cubic-bezier(0.4, 0, 0.2, 1) 0.6s, -webkit-transform cubic-bezier(0.4, 0, 0.2, 1) 0.6s;
}
.animate.in-view {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
@media screen and (min-width: 1200px) {
  .animate {
    -webkit-transition-delay: var(--delay, 0.2s);
            transition-delay: var(--delay, 0.2s);
  }
}

.animate--fade {
  -webkit-transform: none;
          transform: none;
}
.animate--fade.in-view {
  -webkit-transform: none;
          transform: none;
}

@-webkit-keyframes draw-line {
  from {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
  to {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}

@keyframes draw-line {
  from {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
  to {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}
@-webkit-keyframes draw-line-x {
  from {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  to {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}
@keyframes draw-line-x {
  from {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  to {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}
@-webkit-keyframes draw-stroke {
  from {
    stroke-dashoffset: 1;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes draw-stroke {
  from {
    stroke-dashoffset: 1;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fade-slide-up {
  from {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes fade-slide-up {
  from {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes pop-in-diamond {
  from {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) rotate(45deg) scale(0.5);
            transform: translate(-50%, -50%) rotate(45deg) scale(0.5);
  }
  to {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) rotate(45deg) scale(1);
            transform: translate(-50%, -50%) rotate(45deg) scale(1);
  }
}
@keyframes pop-in-diamond {
  from {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) rotate(45deg) scale(0.5);
            transform: translate(-50%, -50%) rotate(45deg) scale(0.5);
  }
  to {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) rotate(45deg) scale(1);
            transform: translate(-50%, -50%) rotate(45deg) scale(1);
  }
}
#tinymce {
  padding: 20px 15px;
}

.editor-styles-wrapper {
  padding: 20px;
}

.editor-editor-canvas__post-title-wrapper {
  position: relative;
  border: 1px solid #ddd;
  margin-bottom: 40px;
  padding: 5px 10px;
  border-radius: 5px;
}
.editor-editor-canvas__post-title-wrapper h1 {
  padding: 0;
  margin: 0;
  font-size: 1.5rem;
}

.components-circular-option-picker .components-circular-option-picker__custom-clear-wrapper {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

:root {
  --primaryFont: barlow, sans-serif;
  --secondaryFont: museo-slab, serif;
  --black: #080808;
  --white: #ffffff;
  --lightGrey: #f4f5f6;
  --offWhite: var(--lightGrey);
  --charcoal: #333333;
  --vibrantOrange: #ff8710;
  --green: #1F4034;
  --tan: #E9DCB6;
  --beige: #F4F2EA;
  --rust: #DA4E00;
  --sinclairBlue: #006298;
  --sinclairGreen: #97d700;
  --midGrey: #4b4f54;
  --skyBlueBg: #f2f7fa;
  --skyBlueBtn: #e4ecf3;
  --skyBlueForms: #cce0ea;
  --navHeaderMobile: var(--green);
  --navSubBg: var(--green);
  --navParentHover: var(--vibrantOrange);
  --navTitle: var(--vibrantOrange);
  --navBg: var(--green);
  --navSubBtn: #2d4250;
  --footerBg: var(--charcoal);
  --footerLinkHover: var(--vibrantOrange);
  --heroBg: var(--charcoal);
}

/*------------------------------------*\
    FONTS
\*------------------------------------*/
body {
  font-size: 1rem;
  font-family: var(--primaryFont);
  color: var(--darkBlue);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  font-family: var(--secondaryFont);
  letter-spacing: -0.5px;
  font-weight: 600;
  line-height: 1.25;
}
h1.transform,
h2.transform,
h3.transform,
h4.transform,
h5.transform,
h6.transform {
  -webkit-transform: translateX(-4px);
          transform: translateX(-4px);
}
h1.light,
h2.light,
h3.light,
h4.light,
h5.light,
h6.light {
  font-weight: 300;
}

h1, .fontsize--h1 {
  margin: 0 0 20px 0;
  font-size: 2.25rem;
}
@media screen and (min-width: 1200px) {
  h1, .fontsize--h1 {
    font-size: 2.75rem;
  }
}
h1.bold, .fontsize--h1.bold {
  font-weight: 600;
}

h2, .fontsize--h2 {
  margin: 0 0 20px 0;
  font-size: 1.875rem;
}
@media screen and (min-width: 1200px) {
  h2, .fontsize--h2 {
    font-size: 2.75rem;
  }
}
h2.bold, .fontsize--h2.bold {
  font-weight: 600;
}
h2.light, .fontsize--h2.light {
  font-weight: 300;
}

h3, .fontsize--h3 {
  margin: 0 0 20px 0;
  font-size: 1.625rem;
  font-weight: 300;
}
@media screen and (min-width: 1200px) {
  h3, .fontsize--h3 {
    font-size: 2rem;
  }
}
h3.bold, .fontsize--h3.bold {
  font-weight: 600;
}

h4, .fontsize--h4 {
  margin: 0 0 20px 0;
  font-size: 1.25rem;
}
@media screen and (min-width: 1200px) {
  h4, .fontsize--h4 {
    font-size: 1.5rem;
  }
}

h5, .fontsize--h5 {
  font-size: 1.125rem;
}
@media screen and (min-width: 1200px) {
  h5, .fontsize--h5 {
    font-size: 1.25rem;
    margin: 0 0 20px 0;
  }
}

a {
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
  color: var(--black);
}
a.arrow-link {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 1200px) {
  a.arrow-link {
    text-wrap: balance;
  }
}
a.arrow-link--inline {
  display: inline-block;
}
a.arrow-link:hover svg {
  -webkit-transform: translateX(5px);
          transform: translateX(5px);
}
a.arrow-link svg {
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
  margin-left: 5px;
}
a.arrow-link svg path {
  fill: currentColor;
}

p {
  margin: 0 0 20px 0;
  padding: 0;
}
p.--large {
  font-size: 1.5rem;
}

strong, .fontweight--bold {
  font-weight: 600;
}

ol {
  margin: 0 0 0 30px;
  padding: 0;
  list-style-position: outside;
}

li {
  margin-bottom: 15px;
}

ul {
  margin: 0 0 0 15px;
  padding: 0;
  list-style-position: outside;
}
ul.unstyled {
  list-style: none;
  margin: 0;
}

blockquote {
  position: relative;
  padding: 20px;
  font-size: 1.25rem;
  font-weight: 600;
}
@media screen and (min-width: 1200px) {
  blockquote {
    font-size: 1.5rem;
    font-weight: 600;
  }
}
blockquote > * {
  margin: 0;
}

address {
  font-style: normal;
  line-height: 1.3;
}

.bold {
  font-weight: 600;
}

/*------------------------------------*\
   BUTTONS
\*------------------------------------*/
.btn, .contact-forms__forms button, .contact-forms__tab, .download-link, form button {
  border-radius: 5px;
  padding: 15px 30px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 55px;
  background: #eee;
  color: #222;
}
.btn.--chevron, .contact-forms__forms button.--chevron, .--chevron.contact-forms__tab, .--chevron.download-link, form button.--chevron {
  padding: 15px 20px 15px 30px;
}
.btn.--chevron svg, .contact-forms__forms button.--chevron svg, .--chevron.contact-forms__tab svg, .--chevron.download-link svg, form button.--chevron svg {
  margin-left: 5px;
}
.btn:hover, .contact-forms__forms button:hover, .contact-forms__tab:hover, .download-link:hover, form button:hover {
  background: #ddd;
}
.btn svg, .contact-forms__forms button svg, .contact-forms__tab svg, .download-link svg, form button svg {
  fill: #222;
}
.btn.--green, .contact-forms__forms button, .--green.contact-forms__tab, .contact-forms__tab.is-active, .--green.download-link, .form-wrapper.btn--dark button.btn, .form-wrapper.btn--dark .contact-forms__forms button, .contact-forms__forms .form-wrapper.btn--dark button, .form-wrapper.btn--dark button.contact-forms__tab, .form-wrapper.btn--dark button.download-link, form button {
  background: var(--green);
  color: white;
}
.btn.--green svg, .contact-forms__forms button svg, .--green.contact-forms__tab svg, .contact-forms__tab.is-active svg, .--green.download-link svg, .form-wrapper.btn--dark button.btn svg, .form-wrapper.btn--dark .contact-forms__forms button svg, .contact-forms__forms .form-wrapper.btn--dark button svg, .form-wrapper.btn--dark button.contact-forms__tab svg, .form-wrapper.btn--dark button.download-link svg, form button svg {
  fill: white;
}
.btn.--green:hover, .contact-forms__forms button:hover, .--green.contact-forms__tab:hover, .contact-forms__tab.is-active:hover, .--green.download-link:hover, .form-wrapper.btn--dark button.btn:hover, .form-wrapper.btn--dark button.contact-forms__tab:hover, .form-wrapper.btn--dark button.download-link:hover, form button:hover {
  -webkit-filter: brightness(0.9);
          filter: brightness(0.9);
}
.btn.--orange, .contact-forms__forms button.--orange, .--orange.contact-forms__tab, .download-link, form button.--orange {
  background: var(--vibrantOrange);
  color: black;
}
.btn.--orange svg, .contact-forms__forms button.--orange svg, .--orange.contact-forms__tab svg, .download-link svg, form button.--orange svg {
  fill: black;
}
.btn.--orange:hover, .contact-forms__forms button.--orange:hover, .--orange.contact-forms__tab:hover, .download-link:hover, form button.--orange:hover {
  -webkit-filter: brightness(0.9);
          filter: brightness(0.9);
}
.btn.--white, .contact-forms__forms button.--white, .--white.contact-forms__tab, .--white.download-link, form button.--white, .btn.--light, .contact-forms__forms button.--light, .--light.contact-forms__tab, .--light.download-link, .form-wrapper.btn--light button.btn, .form-wrapper.btn--light .contact-forms__forms button, .contact-forms__forms .form-wrapper.btn--light button, .form-wrapper.btn--light button.contact-forms__tab, .form-wrapper.btn--light button.download-link, form button.--light, form .form-wrapper.btn--light button, .form-wrapper.btn--light form button {
  background: #fff;
  color: var(--darkBlue);
}
.btn.--white svg, .contact-forms__forms button.--white svg, .--white.contact-forms__tab svg, .--white.download-link svg, form button.--white svg, .btn.--light svg, .contact-forms__forms button.--light svg, .--light.contact-forms__tab svg, .--light.download-link svg, .form-wrapper.btn--light button.btn svg, .form-wrapper.btn--light .contact-forms__forms button svg, .contact-forms__forms .form-wrapper.btn--light button svg, .form-wrapper.btn--light button.contact-forms__tab svg, .form-wrapper.btn--light button.download-link svg, form button.--light svg, form .form-wrapper.btn--light button svg, .form-wrapper.btn--light form button svg {
  fill: var(--darkBlue);
}
.btn.--white:hover, .contact-forms__forms button.--white:hover, .--white.contact-forms__tab:hover, .--white.download-link:hover, form button.--white:hover, .btn.--light:hover, .contact-forms__forms button.--light:hover, .--light.contact-forms__tab:hover, .--light.download-link:hover, .form-wrapper.btn--light button.btn:hover, .form-wrapper.btn--light .contact-forms__forms button:hover, .contact-forms__forms .form-wrapper.btn--light button:hover, .form-wrapper.btn--light button.contact-forms__tab:hover, .form-wrapper.btn--light button.download-link:hover, form button.--light:hover, form .form-wrapper.btn--light button:hover, .form-wrapper.btn--light form button:hover {
  background: var(--skyBlueBtn);
}
.btn.--white:focus, .contact-forms__forms button.--white:focus, .--white.contact-forms__tab:focus, .--white.download-link:focus, form button.--white:focus, .btn.--light:focus, .contact-forms__forms button.--light:focus, .--light.contact-forms__tab:focus, .--light.download-link:focus, .form-wrapper.btn--light button.btn:focus, .form-wrapper.btn--light .contact-forms__forms button:focus, .contact-forms__forms .form-wrapper.btn--light button:focus, .form-wrapper.btn--light button.contact-forms__tab:focus, .form-wrapper.btn--light button.download-link:focus, form button.--light:focus, form .form-wrapper.btn--light button:focus, .form-wrapper.btn--light form button:focus {
  border: 2px solid var(--darkBlue);
}
.btn svg, .contact-forms__forms button svg, .contact-forms__tab svg, .download-link svg, form button svg {
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
}
.btn:hover svg, .contact-forms__forms button:hover svg, .contact-forms__tab:hover svg, .download-link:hover svg, form button:hover svg {
  -webkit-transform: translateX(5px);
          transform: translateX(5px);
}

@media (max-width: 1200px) {
  .wide-btn-wrapper .btn, .wide-btn-wrapper .contact-forms__forms button, .contact-forms__forms .wide-btn-wrapper button, .wide-btn-wrapper .contact-forms__tab, .wide-btn-wrapper .download-link, .wide-btn-wrapper form button, form .wide-btn-wrapper button {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media screen and (min-width: 1200px) {
  .wide-btn-wrapper {
    width: auto;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}

form {
  font-size: 1rem;
}
form input, form select, form textarea {
  background: white !important;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  padding: 15px 20px;
  width: 100%;
  margin-top: 5px;
}
form input::-webkit-input-placeholder, form select::-webkit-input-placeholder, form textarea::-webkit-input-placeholder {
  color: var(--dark-blue);
  font-size: 1rem;
}
form input::-moz-placeholder, form select::-moz-placeholder, form textarea::-moz-placeholder {
  color: var(--dark-blue);
  font-size: 1rem;
}
form input:-ms-input-placeholder, form select:-ms-input-placeholder, form textarea:-ms-input-placeholder {
  color: var(--dark-blue);
  font-size: 1rem;
}
form input::-ms-input-placeholder, form select::-ms-input-placeholder, form textarea::-ms-input-placeholder {
  color: var(--dark-blue);
  font-size: 1rem;
}
form input::placeholder, form select::placeholder, form textarea::placeholder {
  color: var(--dark-blue);
  font-size: 1rem;
}
form label {
  font-weight: 600;
}
form .forminator-error-message {
  color: #AF272F;
  font-size: 0.875rem;
  display: block;
  text-align: right;
  margin-top: 3px;
}
form .forminator-col {
  margin-bottom: 0 !important;
}
form .forminator-row {
  margin-bottom: 20px !important;
}
@media screen and (min-width: 1200px) {
  form .forminator-row {
    margin-bottom: 10px !important;
  }
}
form .forminator-merge-tags p {
  font-size: 0.875rem !important;
}
form button {
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  border: none;
  cursor: pointer;
}
form .forminator-progress-bar span {
  background: var(--sinclairBlue);
  height: 3px;
  display: block;
  margin-bottom: 20px;
}
form .forminator-pagination-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
form .forminator-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 20px 0;
  font-weight: 500;
}
form .forminator-checkbox input {
  width: 20px;
  height: 20px;
  margin-right: 20px;
}

.forminator-edit-module {
  display: none;
}

.forminator-response-message p:has(a) {
  margin-bottom: 0;
}

.download-link {
  font-weight: 600;
  margin: 30px 0 0;
}

@media (max-width: 1200px) {
  .utility-nav-wrapper {
    position: fixed;
    bottom: 0;
    z-index: 25;
    color: white;
    font-size: 0.875rem;
  }
  .utility-nav-wrapper img, .utility-nav-wrapper svg {
    margin-bottom: 0;
    min-width: 20px;
  }
  .utility-nav-wrapper a {
    color: white;
  }
  .utility-nav {
    position: fixed;
    bottom: 0;
    left: 0;
    height: 90px;
    width: 100vw;
    background: var(--green);
  }
  .utility-nav > ul {
    height: 90px;
  }
  .utility-nav > ul > li {
    margin: 0;
    height: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .utility-nav > ul > li > a, .utility-nav > ul > li span {
    padding: 10px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .utility-nav__parent-link {
    padding: 5px 10px;
    margin: 12px;
    border-radius: 4px;
    -webkit-transition: all ease 0.2s;
    transition: all ease 0.2s;
    white-space: nowrap;
    font-weight: 500;
  }
  .is-active .utility-nav__parent-link {
    background: var(--navBg);
  }
  .utility-nav__parent-link.--no-pad {
    padding: 0;
  }
  .companies {
    position: fixed;
    top: 0;
    width: 100vw;
    height: calc(100svh - 150px);
    overflow: hidden;
    background: var(--navBg);
    padding: 0 0 20px 0;
    -webkit-transform: translateX(100vw);
            transform: translateX(100vw);
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
  }
  .companies a, .companies span {
    padding: 10px 0 !important;
  }
  body.nav-open .companies.is-active {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .companies-sub-grid {
    padding: 0 0 60px;
  }
  .companies__single {
    margin-top: 40px;
    display: block;
  }
  .companies__single img {
    max-width: 180px;
  }
  .companies .grid, .companies .alm-listing {
    height: 100%;
    overflow: auto;
    padding: 30px 20px;
  }
  .languages {
    position: fixed;
    top: 0;
    left: 0;
    height: calc(100svh - 150px);
    width: 100vw;
    font-size: 1.375rem;
    font-weight: 400;
    padding: 40px 20px;
    background: var(--navBg);
    -webkit-transform: translateX(100vw);
            transform: translateX(100vw);
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
  }
  body.nav-open .languages.is-active {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .languages span:first-child {
    padding: 0 !important;
    margin-bottom: 30px;
    font-size: 1.125rem;
    color: #67C7C7;
  }
  .current-language {
    text-transform: uppercase;
  }
  .current-language span {
    padding-right: 0 !important;
  }
  .current-language svg {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .utility-nav-contact, .utility-nav-languages {
    width: 20%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .utility-nav-contact img, .utility-nav-languages img {
    margin-bottom: 0;
  }
  .utility-nav-contact {
    position: relative;
  }
  .utility-nav-contact:after {
    content: "";
    position: absolute;
    height: 60%;
    width: 1px;
    background: rgba(255, 255, 255, 0.25);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    right: 0;
  }
  .utility-nav-contact span {
    display: none !important;
  }
  .utility-nav-companies {
    width: 60%;
  }
}
@media screen and (min-width: 1200px) {
  .utility-nav-wrapper {
    width: 100vw;
    background: var(--charcoal);
    color: white;
    padding: 5px;
    font-size: 0.875rem;
    font-family: var(--primaryFont);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
    max-width: 1900px;
    height: 48px;
  }
  .utility-nav-wrapper li {
    margin: 0;
  }
  .utility-nav-wrapper a:not(.block, .companies__single) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: white;
    padding: 0 20px;
    font-weight: 700;
  }
  .utility-nav-wrapper a:not(.block, .companies__single) img {
    width: 20px;
    max-height: 20px;
    margin-right: 10px;
  }
  .utility-nav-wrapper a:not(.block, .companies__single):hover {
    text-decoration: none;
    background: var(--green);
  }
  .utility-nav {
    position: relative;
    height: 48px;
  }
  .utility-nav > ul {
    height: 100%;
  }
  .utility-nav > ul li, .utility-nav > ul a {
    height: 100%;
    -webkit-transition: all ease 0.1s;
    transition: all ease 0.1s;
  }
  .utility-nav > ul li:hover {
    background: var(--green);
  }
  .language-switcher, .companies-switcher {
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 20px;
    cursor: pointer;
    height: 100%;
  }
  .language-switcher:hover, .companies-switcher:hover {
    background: var(--green);
  }
  .language-switcher:hover .languages, .companies-switcher:hover .languages {
    opacity: 1;
    pointer-events: all;
    visibility: visible;
  }
  .language-switcher svg {
    margin-left: 5px;
    -webkit-transform: translateY(-1px);
            transform: translateY(-1px);
  }
  .language-switcher svg path {
    stroke: white;
  }
  .languages {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    position: absolute;
    top: 48px;
    background: var(--green);
    z-index: 10;
    padding: 20px;
    right: 0;
    border-radius: 0 0 4px 4px;
    -webkit-transition: all ease 0.1s;
    transition: all ease 0.1s;
  }
  .languages li {
    margin: 0;
  }
  .languages a {
    padding: 10px 20px !important;
    border-radius: 5px;
  }
  .languages a:hover {
    text-decoration: none !important;
    background: var(--navBg) !important;
  }
  .languages a span {
    margin: 0;
  }
  .companies-switcher {
    text-transform: initial;
  }
  .companies-switcher svg {
    margin-right: 6px;
    width: 24px;
  }
  .companies-switcher:hover {
    background: var(--green);
  }
  .companies-switcher:hover .companies {
    opacity: 1;
    pointer-events: all;
    visibility: visible;
  }
  .companies {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    position: absolute;
    top: 48px;
    background: var(--green);
    z-index: 10;
    padding: 60px;
    right: 0;
    border-radius: 0 0 4px 4px;
    -webkit-transition: all ease 0.1s;
    transition: all ease 0.1s;
    width: 100%;
  }
  .companies-sub-grid {
    grid-column-gap: 10px;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
  }
  .companies a {
    color: white;
    font-weight: 400;
    height: auto;
  }
  .companies p {
    font-weight: 400;
  }
  .companies .parent-company {
    font-size: 1rem;
    grid-column-end: span 4;
  }
  .companies .parent-company__logo {
    width: 100%;
    max-width: 270px;
    margin-bottom: 30px;
  }
  .companies .parent-company a {
    height: auto !important;
    padding: 0;
  }
  .companies .parent-company a svg path {
    fill: white;
  }
  .companies__single {
    padding: 20px;
    border-radius: 5px;
    display: block !important;
    text-decoration: none !important;
    font-size: 0.8125rem !important;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
  }
  .companies__single-parent {
    margin-bottom: 10px;
  }
  .companies__single img {
    max-width: 70%;
  }
  .companies__single span {
    display: inline-block;
    margin-top: 15px;
  }
  .companies__single span:last-child {
    font-weight: 700;
    margin-top: 5px;
    border-bottom: 1px solid transparent;
    position: relative;
  }
  .companies__single span:last-child:after {
    content: "";
    display: block;
    width: 0;
    height: 1px;
    background: white;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
  }
  .companies__single:hover {
    background: var(--charcoal);
  }
  .companies__single:hover span:last-child:after {
    width: 100%;
  }
}
.header-nav-wrapper {
  position: relative;
}
@media (max-width: 1200px) {
  .header-nav-wrapper {
    height: calc(100svh - 150px);
    overflow: auto;
    padding: 30px 0;
  }
}
@media screen and (min-width: 1200px) {
  .header-nav-wrapper {
    height: 90px;
    background: var(--green);
  }
}

.mobile-header {
  background: var(--navHeaderMobile);
  height: 60px;
  padding: 0 20px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  z-index: 30;
}
@media screen and (min-width: 1200px) {
  .mobile-header {
    display: none;
    visibility: hidden;
    pointer-events: none;
  }
}

@media (max-width: 1200px) {
  .header {
    width: 100vw;
    height: calc(100svh - 60px);
    position: fixed;
    left: 0;
    top: 60px;
    background: var(--navBg);
    -webkit-transform: translateX(100vw);
            transform: translateX(100vw);
    -webkit-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
    z-index: 20;
  }
  body.nav-open .header {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .header > ul {
    overflow: auto;
    height: calc(100svh - 150px);
    padding: 30px 20px;
  }
}

.header-nav a:not(.btn):not(.contact-forms__tab):not(.download-link) {
  color: white;
}
.header-nav a:not(.btn):not(.contact-forms__tab):not(.download-link) svg path {
  fill: white;
}
.header-nav__parent {
  margin: 0;
}
@media screen and (min-width: 1200px) {
  .header-nav__parent {
    cursor: pointer;
  }
  .header-nav__parent:hover .--parent-link-wrapper a {
    color: var(--navParentHover) !important;
  }
}
.header-nav__parent:hover {
  color: var(--navParentHover);
}
@media (max-width: 1200px) {
  .header-nav__parent.--has-sub.is-active .header-nav__sub {
    display: block;
  }
}
.header-nav__parent .--parent-link-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  font-weight: 600;
}
@media (max-width: 1200px) {
  .header-nav__parent .--parent-link-wrapper {
    width: 100%;
    height: 100%;
  }
  .header-nav__parent .--parent-link-wrapper a {
    width: calc(100% - 60px);
    margin-right: 20px;
    color: white;
    font-weight: 400;
    font-size: 1.375rem;
  }
}
@media screen and (min-width: 1200px) {
  .header-nav__parent .--parent-link-wrapper {
    height: 90px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .header-nav__parent .--parent-link-wrapper.--has-sub:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 15px;
    width: 16px;
    height: 10px;
    background-image: url("../../images/nav-chevron.svg");
    background-size: contain;
    background-repeat: no-repeat;
  }
}
.header-nav li {
  margin-bottom: 15px;
  outline: none;
}
@media screen and (min-width: 1200px) {
  .header-nav li {
    padding: 0 20px;
    margin: 0;
  }
  .header-nav li:hover .header-nav__sub {
    display: block;
  }
}
.header-nav__sub {
  background: var(--navBg);
  color: white;
  padding: 50px 0;
  cursor: auto;
  z-index: 10;
}
.header-nav__sub-nav-trigger {
  width: 40px;
  height: 40px;
  border-radius: 5px;
}
.header-nav__sub-nav-trigger svg {
  width: 20px;
  height: 20px;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
}
.header-nav__sub-nav-trigger svg path {
  stroke: white;
}
.header-nav__sub-nav-trigger.is-active svg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
@media screen and (min-width: 1200px) {
  .header-nav__sub-nav-trigger {
    display: none;
    pointer-events: none;
    visibility: hidden;
  }
}
@media (max-width: 1200px) {
  .header-nav__sub {
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    display: none;
    padding: 30px 0;
  }
  .header-nav__sub.is-active {
    display: block;
  }
  .header-nav__sub .container {
    padding: 0;
  }
  .header-nav__sub .btn, .header-nav__sub .contact-forms__forms button, .contact-forms__forms .header-nav__sub button, .header-nav__sub .contact-forms__tab, .header-nav__sub form button, form .header-nav__sub button, .header-nav__sub .download-link {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .header-nav__sub-group-parent:first-child .header-nav__sub-group:first-child {
    margin-top: 0;
  }
  .header-nav__sub-group-parent.--featured-content .header-nav__img-link {
    display: none;
    visibility: hidden;
  }
}
@media screen and (min-width: 1200px) {
  .header-nav__sub {
    position: absolute;
    top: 90px;
    left: 0;
    width: 100vw;
    display: none;
    max-width: 1900px;
  }
}
.header-nav__sub li {
  padding: 0;
}
@media (max-width: 1200px) {
  .header-nav__sub li {
    margin-bottom: 0;
  }
}
.header-nav__sub-group {
  margin-top: 40px;
}
@media screen and (min-width: 1200px) {
  .header-nav__sub-group {
    margin-top: 0;
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 1200px) {
  .header-nav__sub-group:last-child {
    margin-bottom: 0;
  }
}
.header-nav__sub-group-parent:last-child .header-nav__sub-group {
  margin-bottom: 0;
}
@media (max-width: 1200px) {
  .header-nav__sub-group li {
    margin-bottom: 20px;
  }
  .header-nav__sub-group li:last-child {
    margin: 0;
  }
}
.header-nav__sub p {
  margin-bottom: 20px;
}
@media screen and (min-width: 1200px) {
  .header-nav__sub p {
    margin-bottom: 30px;
    max-width: 80%;
  }
}
.header-nav__sub a:not(.btn):not(.contact-forms__tab):not(.download-link):not(.nav-filter-link) {
  color: white;
  font-weight: 600;
  position: relative;
  outline: none;
  font-size: 1.3125rem;
  font-family: var(--secondaryFont);
}
.header-nav__sub a:not(.btn):not(.contact-forms__tab):not(.download-link):not(.nav-filter-link) svg {
  fill: white;
}
@media (max-width: 1200px) {
  .header-nav__sub a:not(.btn):not(.contact-forms__tab):not(.download-link):not(.nav-filter-link) {
    font-weight: 300;
    font-size: 1.375rem;
    line-height: 1.25;
    width: 90%;
    border-left: 1px solid white;
    padding-left: 15px;
  }
  .header-nav__sub a:not(.btn):not(.contact-forms__tab):not(.download-link):not(.nav-filter-link) svg {
    display: none;
  }
}
.header-nav__sub a:not(.btn):not(.contact-forms__tab):not(.download-link):not(.nav-filter-link):hover {
  color: var(--navParentHover);
}
.header-nav__sub a:not(.btn):not(.contact-forms__tab):not(.download-link):not(.nav-filter-link):hover svg path {
  fill: var(--navParentHover);
}
.header-nav__sub-title {
  color: var(--navTitle);
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.875rem;
}

a.header-nav__sub-link {
  display: inline-block;
}
@media screen and (min-width: 1200px) {
  a.header-nav__sub-link {
    margin-bottom: 1em;
  }
  a.header-nav__sub-link svg {
    margin-bottom: -2px;
  }
}

.header-nav__sub-group ul li:last-child a.header-nav__sub-link {
  margin-bottom: 0;
}

.nav__filter-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.nav__filter-links li {
  margin: 0 10px 10px 0;
}
.nav__filter-links li a {
  border: 2px solid white;
  padding: 10px 20px;
  border-radius: 15px;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: white;
}
@media (max-width: 1200px) {
  .nav__filter-links li a {
    font-size: 1rem !important;
  }
}
.nav__filter-links li a:hover {
  background: white;
  color: var(--navBg) !important;
}

/*------------------------------------*\
    HEADER
\*------------------------------------*/
@media screen and (min-width: 1200px) {
  .header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    width: 100%;
    max-width: 1900px;
    z-index: 20;
    -webkit-transition: all ease 0.2s;
    transition: all ease 0.2s;
  }
  body.scrolled .header {
    top: -48px;
  }
}
.header__logo.--mobile {
  max-width: 110px;
  max-height: 25px;
}
@media screen and (min-width: 1200px) {
  .header__logo.--mobile {
    display: none;
    visibility: hidden;
    pointer-events: none;
  }
}
.header__logo.--desktop {
  max-width: 180px;
  max-height: 50px;
}
@media (max-width: 1200px) {
  .header__logo.--desktop {
    display: none;
    visibility: hidden;
    pointer-events: none;
  }
}
.header__nav-icon {
  width: 40px;
  height: 40px;
  position: relative;
}
.header__nav-icon:after, .header__nav-icon:before {
  content: "";
  width: 20px;
  height: 2px;
  background: white;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: absolute;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
}
.header__nav-icon:before {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}
.header__nav-icon:after {
  -webkit-transform: translateY(5px);
          transform: translateY(5px);
}
body.nav-open .header__nav-icon:after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
body.nav-open .header__nav-icon:before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
@media screen and (min-width: 1200px) {
  .header__nav-icon {
    display: none;
    pointer-events: none;
    visibility: hidden;
  }
}

.footer {
  background-color: var(--footerBg);
  padding: 80px 0;
  color: white;
  font-size: 0.875rem;
}
.footer__logo {
  max-width: 110px;
  max-height: 25px;
}
@media screen and (min-width: 1200px) {
  .footer__logo {
    max-width: 180px;
    max-height: 50px;
  }
}
.footer__legal {
  max-width: 80%;
  margin-top: 40px;
}
.footer__legal p {
  font-size: 0.75rem;
  font-weight: 500;
}
.footer a {
  color: white;
  font-weight: 500;
}
.footer a:hover {
  color: var(--footerLinkHover) !important;
}
.footer h5 {
  font-size: 0.75rem;
  text-transform: uppercase;
  margin: 30px 0 20px 0;
  color: var(--orange);
}
.footer__nav a {
  font-size: 1rem;
  font-weight: 300;
}
.footer__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.footer__social-link {
  font-size: 1.25rem;
  background: white;
  color: var(--footerBg) !important;
  padding: 5px;
  height: 36px;
  width: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 10px;
  border-radius: 5px;
}
.footer__social-link:hover {
  color: var(--footerLinkHover);
}

.error {
  background-color: RED;
  background: var(--bgImage);
}

.post-header {
  background: var(--heroBg);
  color: white;
  padding: 60px;
}
@media screen and (min-width: 1200px) {
  .post-header {
    padding: 100px 0 270px;
  }
}

.post-author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.post-author img {
  width: 80px;
  height: 80px;
}
.post-author__details {
  padding: 0 50px 0 30px;
}
.post-author__details h5, .post-author__details p {
  margin: 0;
}

.post-featured-image {
  width: 100%;
  margin-top: -230px;
  padding-bottom: 0;
}

.blog-content a {
  font-weight: 500;
  text-decoration: underline;
}
.blog-content a:hover {
  text-decoration: none;
}

.post-listings__item-parent {
  margin-top: 40px;
}
.post-listings__item img {
  width: 100%;
}
.post-listings__item-details {
  font-size: 1rem;
  font-weight: 400;
  padding: 20px 0 10px;
}
.post-listings__item-details span {
  margin: 0 3px;
}
.post-listings__item-title {
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.25;
}
.post-listings__item svg {
  margin-bottom: -5px;
}
.post-listings__featured-image {
  max-height: 300px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  border-radius: 4px;
}
.post-listings__featured-image img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  -o-object-position: center top;
     object-position: center top;
}
.post-listings__featured-image:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.ajax-load-more-wrap .post-listings__item-parent {
  margin-bottom: 30px;
}

.alm-load-more-btn {
  background: none !important;
  color: var(--black) !important;
  border: 1px solid var(--black) !important;
  margin-top: 60px !important;
}

.featured-post {
  background: var(--darkBlue) !important;
  color: var(--white) !important;
}
.featured-post__content {
  background: var(--darkBlue) !important;
  padding-right: 0 !important;
}
.featured-post .feature__title a {
  color: white !important;
  font-weight: 300;
}

.post-category-filters {
  padding: 20px 0;
}
.post-category-filters a {
  margin-right: 30px;
  font-weight: 600;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.post-category-filters a.active {
  color: var(--sinclairBlue);
}

.tab {
  cursor: pointer;
}
.tab__panel {
  display: none;
}
.tab__panel.is-active {
  display: block;
}

.hero {
  background-color: var(--heroBg, #eee);
  position: relative;
  overflow: hidden;
}
.hero:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: -webkit-gradient(linear, left top, right top, from(rgb(0, 0, 0)), to(rgba(0, 0, 0, 0.2)));
  background: linear-gradient(to right, rgb(0, 0, 0), rgba(0, 0, 0, 0.2));
  z-index: 1;
  opacity: 0.7;
}
.hero__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-image: var(--bgImage);
  background-size: cover;
  background-position: bottom right;
}
@media (prefers-reduced-motion: no-preference) {
  .hero__bg {
    -webkit-animation: fade-in 0.8s ease-out both;
            animation: fade-in 0.8s ease-out both;
  }
}
@media screen and (min-width: 1200px) {
  .hero {
    min-height: 640px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
.hero.--has-pattern {
  min-height: 400px;
}
.hero.--has-pattern .container {
  padding-block: 50px;
}
@media screen and (min-width: 1200px) {
  .hero.--has-pattern {
    padding-bottom: 150px;
    min-height: 660px;
  }
}
.hero__title {
  line-height: 1.1;
  margin-bottom: 40px;
  color: var(--titleColour);
}
@media screen and (min-width: 1200px) {
  .hero__title {
    font-size: 4.125rem;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .hero__title {
    -webkit-animation: fade-slide-up 0.6s ease-out both;
            animation: fade-slide-up 0.6s ease-out both;
    -webkit-animation-delay: 0.25s;
            animation-delay: 0.25s;
  }
}
.hero__pre-title {
  color: var(--preTitleColour);
  font-family: var(--secondaryFont);
  font-size: 1.3125rem;
  font-weight: 400;
}
@media (prefers-reduced-motion: no-preference) {
  .hero__pre-title {
    -webkit-animation: fade-slide-up 0.6s ease-out both;
            animation: fade-slide-up 0.6s ease-out both;
    -webkit-animation-delay: 0.1s;
            animation-delay: 0.1s;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .hero__buttons {
    -webkit-animation: fade-slide-up 0.6s ease-out both;
            animation: fade-slide-up 0.6s ease-out both;
    -webkit-animation-delay: 0.4s;
            animation-delay: 0.4s;
  }
}
.hero .btn, .hero .contact-forms__forms button, .contact-forms__forms .hero button, .hero .contact-forms__tab, .hero form button, form .hero button, .hero .download-link {
  margin-right: 20px;
}
.hero .container {
  z-index: 5;
  position: relative;
}
.hero__video, .hero__vimeo {
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  bottom: 0;
  top: 0;
}
.hero .pattern {
  position: absolute;
  z-index: 5;
  pointer-events: none;
  --stagger: 0s;
}
.hero .pattern .line {
  width: 1px;
  height: 100%;
  background: white;
  position: absolute;
  display: block;
  -webkit-transform-origin: top;
          transform-origin: top;
}
@media (prefers-reduced-motion: no-preference) {
  .hero .pattern .line {
    -webkit-animation: draw-line 0.6s ease-out both;
            animation: draw-line 0.6s ease-out both;
    -webkit-animation-delay: var(--stagger);
            animation-delay: var(--stagger);
  }
}
.hero .pattern .line__dot {
  width: 10px;
  height: 10px;
  background: white;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
@media (prefers-reduced-motion: no-preference) {
  .hero .pattern .line__dot {
    -webkit-animation: pop-in-diamond 0.3s ease-out both;
            animation: pop-in-diamond 0.3s ease-out both;
    -webkit-animation-delay: calc(var(--stagger) + 0.6s);
            animation-delay: calc(var(--stagger) + 0.6s);
  }
}
.hero .pattern .pattern__horizontal {
  height: 1px;
  background: white;
  position: absolute;
}
@media (prefers-reduced-motion: no-preference) {
  .hero .pattern .pattern__horizontal {
    -webkit-animation: draw-line-x 0.5s linear both;
            animation: draw-line-x 0.5s linear both;
    -webkit-animation-delay: calc(var(--stagger) + 0.3s);
            animation-delay: calc(var(--stagger) + 0.3s);
  }
}
.hero .pattern .pattern__arc {
  position: absolute;
  display: block;
  overflow: visible;
}
.hero .pattern .pattern__arc path {
  fill: none;
  stroke: white;
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}
@media (prefers-reduced-motion: no-preference) {
  .hero .pattern .pattern__arc path {
    stroke-dasharray: 1;
    stroke-dashoffset: 1;
    -webkit-animation: draw-stroke 0.4s linear both;
            animation: draw-stroke 0.4s linear both;
    -webkit-animation-delay: calc(var(--stagger) + 0.8s);
            animation-delay: calc(var(--stagger) + 0.8s);
  }
}
.hero .pattern.--top {
  width: 100%;
  height: 100px;
  top: -50px;
  left: 0;
}
@media screen and (min-width: 1200px) {
  .hero .pattern.--top {
    height: 200px;
    top: -100px;
  }
}
.hero .pattern.--top .pattern__horizontal {
  width: 40%;
  bottom: -0.5px;
  right: 0;
  -webkit-transform-origin: right;
          transform-origin: right;
}
.hero .pattern.--top .pattern__arc {
  width: 100px;
  height: 100px;
  bottom: 0;
  right: 40%;
}
@media screen and (min-width: 1200px) {
  .hero .pattern.--top .pattern__arc {
    height: 200px;
    width: 200px;
  }
}
.hero .pattern.--top .line {
  right: 30%;
  position: absolute;
}
.hero .pattern.--top .line .line__dot {
  bottom: -10px;
}
.hero .pattern.--bottom {
  width: 100%;
  height: 60px;
  left: 0;
  bottom: 0;
  --stagger: 0.3s;
}
.hero .pattern.--bottom .pattern__horizontal {
  width: 100%;
  top: 0;
  left: 0;
  -webkit-transform-origin: left;
          transform-origin: left;
}
.hero .pattern.--bottom .line {
  right: 30%;
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
}
.hero .pattern.--bottom .line .line__dot {
  top: 0;
}
@media screen and (min-width: 1200px) {
  .hero .pattern.--bottom {
    height: 100px;
  }
}

.video-wrapper-outer {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.video-wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}

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

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

.simple-hero {
  padding: 60px 0;
  color: var(--textColour, var(--darkBlue));
  background-color: var(--bgColour, #eee);
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.simple-hero__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-image: var(--bgImage);
  background-size: cover;
  background-position: center;
}
.simple-hero__bg.animate {
  -webkit-transform: none;
          transform: none;
}
.simple-hero.--has-bg-image:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.2)));
  background: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2));
  bottom: 0;
}
@media screen and (min-width: 1200px) {
  .simple-hero {
    padding: 80px 0;
    min-height: 320px;
  }
  .simple-hero.--has-image {
    padding: 0;
  }
}
.simple-hero .container {
  z-index: 5;
  position: relative;
}
.simple-hero__overlay {
  position: absolute;
  right: 40px;
  top: -20px;
  z-index: 2;
  max-height: 100%;
}
@media (max-width: 1200px) {
  .simple-hero__overlay {
    max-width: 40%;
    max-height: 40%;
    right: 0;
    top: -80px;
  }
}
.simple-hero__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  padding-block: 40px;
}
.simple-hero img {
  margin: 10px 0;
}
.simple-hero .btn, .simple-hero .contact-forms__forms button, .contact-forms__forms .simple-hero button, .simple-hero .contact-forms__tab, .simple-hero form button, form .simple-hero button, .simple-hero .download-link {
  margin: 0;
}
.simple-hero__pre-title {
  color: var(--preTitleColour, #fff);
}
.simple-hero .pattern {
  position: absolute;
  z-index: 5;
  pointer-events: none;
  --stagger: 0s;
}
.simple-hero .pattern .line {
  width: 1px;
  height: 100%;
  background: white;
  position: absolute;
  display: block;
  -webkit-transform-origin: top;
          transform-origin: top;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
}
.simple-hero .pattern .line.in-view {
  -webkit-animation: draw-line 0.6s ease-out both;
          animation: draw-line 0.6s ease-out both;
  -webkit-animation-delay: var(--stagger);
          animation-delay: var(--stagger);
}
.simple-hero .pattern .line__dot {
  width: 10px;
  height: 10px;
  background: white;
  position: absolute;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%) rotate(45deg) scale(0.5);
          transform: translate(-50%, -50%) rotate(45deg) scale(0.5);
}
.simple-hero .pattern .line__dot.in-view {
  -webkit-animation: pop-in-diamond 0.3s ease-out both;
          animation: pop-in-diamond 0.3s ease-out both;
  -webkit-animation-delay: calc(var(--stagger) + 0.6s);
          animation-delay: calc(var(--stagger) + 0.6s);
}
.simple-hero .pattern .pattern__horizontal {
  height: 1px;
  background: white;
  position: absolute;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
}
.simple-hero .pattern .pattern__horizontal.in-view {
  -webkit-animation: draw-line-x 0.5s linear both;
          animation: draw-line-x 0.5s linear both;
  -webkit-animation-delay: calc(var(--stagger) + 0.3s);
          animation-delay: calc(var(--stagger) + 0.3s);
}
.simple-hero .pattern .pattern__arc {
  position: absolute;
  display: block;
  overflow: visible;
}
.simple-hero .pattern .pattern__arc path {
  fill: none;
  stroke: white;
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
}
.simple-hero .pattern .pattern__arc path.in-view {
  -webkit-animation: draw-stroke 0.4s linear both;
          animation: draw-stroke 0.4s linear both;
  -webkit-animation-delay: calc(var(--stagger) + 0.8s);
          animation-delay: calc(var(--stagger) + 0.8s);
}
.simple-hero .pattern.--top {
  width: 100%;
  height: 60px;
  left: 0;
  top: 0;
}
.simple-hero .pattern.--top .pattern__horizontal {
  width: 100%;
  bottom: 0;
  left: 0;
  -webkit-transform-origin: left;
          transform-origin: left;
}
.simple-hero .pattern.--top .line {
  left: 30%;
}
.simple-hero .pattern.--top .line .line__dot {
  bottom: -10px;
}
.simple-hero .pattern.--bottom {
  width: 100%;
  height: 120px;
  bottom: -60px;
  left: 0;
  --stagger: 0.3s;
}
.simple-hero .pattern.--bottom .pattern__horizontal {
  width: 40%;
  top: -0.5px;
  left: 0;
  -webkit-transform-origin: left;
          transform-origin: left;
}
.simple-hero .pattern.--bottom .pattern__arc {
  width: 120px;
  height: 120px;
  top: 0;
  left: 40%;
}
.simple-hero .pattern.--bottom .line {
  left: 30%;
  position: absolute;
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
}
.simple-hero .pattern.--bottom .line .line__dot {
  top: 0;
}

.intro {
  padding: 60px 0;
  background-color: var(--bgColour, #eee);
  color: var(--textColour, var(--darkBlue));
}
.intro__title {
  color: var(--titleColour);
}
@media screen and (min-width: 1200px) {
  .intro {
    padding: 80px 0;
  }
}

.feature {
  background: var(--bgColour, #eee);
  color: var(--textColour, var(--darkBlue));
  position: relative;
}
@media screen and (min-width: 1200px) {
  .feature {
    min-height: 600px;
  }
  .feature:before {
    content: "";
    display: block;
    position: absolute;
    width: 70%;
    height: 100%;
    background-image: var(--featureImage);
    background-size: cover;
    background-position: center;
  }
  .feature:after {
    content: "";
    display: block;
    position: absolute;
    width: 70%;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(#000), to(transparent));
    background: linear-gradient(to top, #000, transparent);
    opacity: 0.9;
    bottom: 0;
  }
}
.feature.--content-left:before, .feature.--content-left:after {
  right: 0;
}
.feature .container {
  position: relative;
  z-index: 1;
}
.feature__content {
  background: var(--bgColour, #eee);
  padding: 30px 0;
}
.feature__content *:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 1200px) {
  .feature__content {
    padding: 60px 0 60px 60px;
    height: 100%;
  }
  .--content-left .feature__content {
    padding: 60px 80px 60px 0;
  }
}
.feature__title {
  padding: 20px 0;
  font-weight: 600;
  font-size: 1.875rem;
  line-height: 1.3;
  min-height: 260px;
  position: relative;
  z-index: 5;
}
.feature__title a, .feature__title h2 {
  color: var(--titleColour, #222);
}
.feature__title svg path {
  fill: var(--titleColour, #222);
}
.feature__title svg {
  width: 30px;
  height: 30px;
  margin-bottom: -5px;
}
@media screen and (min-width: 1200px) {
  .feature__title svg {
    width: 40px;
    height: 40px;
  }
}
.feature__title-parent {
  position: relative;
}
.feature__title-parent:before {
  content: "";
  display: block;
  position: absolute;
  width: 100vw;
  height: 100%;
  background-image: var(--featureImage);
  background-size: cover;
  background-position: center;
  left: -20px;
  top: 0;
}
.feature__title-parent:after {
  content: "";
  display: block;
  position: absolute;
  width: 100vw;
  height: 100%;
  background: -webkit-gradient(linear, left bottom, left top, from(#000), to(transparent));
  background: linear-gradient(to top, #000, transparent);
  opacity: 0.7;
  left: -20px;
  top: 0;
}
@media screen and (min-width: 1200px) {
  .feature__title-parent:before, .feature__title-parent:after {
    display: none;
  }
}
@media screen and (min-width: 1200px) {
  .feature__title {
    padding: 60px 0;
    height: 100%;
    background: none;
  }
}
.--content-left .feature__title {
  padding: 20px 0;
}
@media screen and (min-width: 1200px) {
  .--content-left .feature__title {
    padding: 60px;
  }
}
@media screen and (min-width: 1200px) {
  .feature__title {
    font-size: 2.75rem;
    font-weight: 600;
    max-width: 90%;
  }
}
.feature__pattern {
  margin-bottom: 30px;
  max-width: 50%;
}
@media screen and (min-width: 1200px) {
  .feature__pattern {
    margin-bottom: 80px;
  }
}
.feature__image {
  position: absolute;
  width: calc(100vw + 40px);
  max-width: calc(100vw + 40px);
  height: 100%;
  left: -20px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 1200px) {
  .feature__image {
    display: none;
    visibility: hidden;
  }
}
.feature__link-parent {
  position: relative;
}
.feature__link-parent:after {
  content: "";
  display: block;
  position: absolute;
  width: 100vw;
  height: 100%;
  background: -webkit-gradient(linear, left bottom, left top, from(#000), to(transparent));
  background: linear-gradient(to top, #000, transparent);
  opacity: 0.7;
  bottom: 0;
  left: -20px;
}
@media screen and (min-width: 1200px) {
  .feature__link-parent:after {
    display: none;
  }
}

.feature-detailed {
  background: var(--bgColour, #eee);
  color: var(--textColour, var(--darkBlue));
  position: relative;
}
@media screen and (min-width: 1200px) {
  .feature-detailed {
    min-height: 600px;
  }
}
.feature-detailed__bg {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center;
}
@media screen and (min-width: 1200px) {
  .feature-detailed__bg {
    display: block;
    width: 70%;
    height: 100%;
  }
}
.--content-left .feature-detailed__bg {
  left: auto;
  right: 0;
}
.feature-detailed.--content-left:after {
  right: 0;
}
.feature-detailed .container {
  position: relative;
  z-index: 1;
}
.feature-detailed__content {
  background: var(--bgColour, #eee);
  padding: 60px 0;
}
.feature-detailed__content *:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 1200px) {
  .feature-detailed__content {
    padding: 60px 0 60px 60px;
    height: 100%;
  }
  .--content-left .feature-detailed__content {
    padding: 60px 60px 60px 0;
  }
}
.feature-detailed__title {
  color: var(--titleColour, var(--darkBlue));
}
.feature-detailed .btn, .feature-detailed .contact-forms__forms button, .contact-forms__forms .feature-detailed button, .feature-detailed .contact-forms__tab, .feature-detailed form button, form .feature-detailed button, .feature-detailed .download-link {
  margin-top: 30px;
}

.fifty-fifty {
  background: var(--bgColour, #eee);
  color: var(--textColour, var(--darkBlue));
  min-height: 500px;
  padding: 60px 0;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 1200px) {
  .fifty-fifty {
    padding: 120px 0;
  }
  .fifty-fifty.--has-small-image {
    padding-bottom: 200px;
  }
}
.fifty-fifty.--has-pattern:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url("../../images/50-50-pattern.png");
  background-repeat: repeat;
  opacity: 0.1;
}
.fifty-fifty .container {
  position: relative;
}
.fifty-fifty__content {
  position: relative;
  z-index: 5;
}
@media screen and (min-width: 1200px) {
  .fifty-fifty__content {
    max-width: 85%;
  }
}
.fifty-fifty__images {
  position: relative;
}
.fifty-fifty__main-image {
  width: 100%;
}
.fifty-fifty__title {
  display: none;
  visibility: hidden;
}
@media screen and (min-width: 1200px) {
  .fifty-fifty__title.--lg {
    display: block;
    visibility: visible;
  }
}
@media (max-width: 1200px) {
  .fifty-fifty__title.--sm {
    display: block;
    visibility: visible;
  }
}
.fifty-fifty__small-image {
  width: 40%;
  margin-top: -14%;
  margin-bottom: 1rem;
}
@media screen and (min-width: 1200px) {
  .fifty-fifty__small-image {
    bottom: -20%;
    position: absolute;
    margin: 0;
  }
  .--content-left .fifty-fifty__small-image {
    left: -20%;
  }
  .--content-right .fifty-fifty__small-image {
    right: -10%;
  }
}
.fifty-fifty img {
  border-radius: 4px;
}
@media screen and (min-width: 1200px) {
  .fifty-fifty.form-active img {
    display: none;
  }
}
.fifty-fifty__form-modal {
  width: calc(100% + 2px);
  height: 100%;
  background: var(--lightGrey);
  padding: 30px;
  margin-top: 20px;
  border-radius: 5px;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
  display: none;
}
.form-active .fifty-fifty__form-modal {
  display: block;
}

.offices__header {
  background: var(--titleBgColour, #eee);
  color: var(--titleColour, var(--darkBlue));
  padding: 80px 0 20px;
}
.offices__regions {
  padding: 14px 0;
  overflow-x: scroll;
  width: auto;
  /* Hide scrollbar for Chrome, Safari and Opera */
}
.offices__regions::-webkit-scrollbar {
  display: none;
}
.offices__regions {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.offices__regions-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.offices__tab {
  font-weight: 600;
  margin-right: 30px;
  cursor: pointer;
  font-size: 1rem;
  white-space: nowrap;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.offices__tab.is-active {
  color: var(--activeColour);
}
.offices__tab:hover {
  color: var(--activeColour);
}
.offices__country-group {
  background: var(--regionBgColour, var(--lightGrey));
  color: var(--regionTextColour, var(--black));
  margin-bottom: 5px;
  padding: 50px 0;
}
.offices__country-group h5 {
  margin: 0 0 5px;
}
@media screen and (min-width: 1200px) {
  .offices__country-group {
    padding: 80px 0;
  }
}
.offices__region {
  display: none;
}
.offices__region.is-active {
  display: block;
}
.offices__item {
  padding-bottom: 30px;
}

.office__details p:last-of-type {
  margin: 0;
}

.icon-list {
  background-color: var(--bgColour);
  color: var(--textColour);
}
@media (max-width: 768px) {
  .icon-list__title {
    text-align: center;
  }
}
.icon-list__title br {
  display: none;
}
@media screen and (min-width: 1200px) {
  .icon-list__title br {
    display: block;
  }
}
.icon-list__item {
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .icon-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
  }
}
@media screen and (min-width: 768px) {
  .icon-list__item {
    display: grid;
    grid-template-columns: 80px 1fr;
  }
}
.icon-list__item h4 {
  margin-bottom: 2px;
}
.icon-list__item:last-child {
  margin: 0;
}
.icon-list__item-image img {
  max-width: 60px;
  max-height: 60px;
}

.icon-columns {
  background-color: var(--bgColour);
  color: var(--textColour);
}
@media (max-width: 768px) {
  .icon-columns__title {
    text-align: center;
  }
}
@media screen and (min-width: 1100px) {
  .icon-columns__title {
    margin-bottom: 2em;
  }
}
.icon-columns__item {
  margin-bottom: 50px;
}
@media (max-width: 768px) {
  .icon-columns__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
  }
}
.icon-columns__item h4 {
  -webkit-transform: translateX(-1px);
          transform: translateX(-1px);
}
.icon-columns__item-image {
  margin-bottom: 20px;
}
.icon-columns__item-image img {
  max-width: 60px;
  max-height: 60px;
}

.staggered-listing {
  margin-bottom: 50px;
}
.staggered-listing img {
  border-left: 10px solid;
  border-color: var(--imageBorder);
  margin-bottom: 20px;
  border-radius: 4px;
}
@media screen and (min-width: 768px) {
  .staggered-listing.--large {
    -webkit-transform: translateY(110px);
            transform: translateY(110px);
  }
}
.staggered-listing.--small {
  margin-bottom: 80px;
}
@media screen and (min-width: 1100px) {
  .staggered-listing.--small img {
    max-width: 60%;
  }
}

.machine-listings {
  background: var(--bgColour);
}

.machine-listing {
  margin-top: 40px;
}
.machine-listing__image {
  background: var(--skyBlueBg);
  height: 250px;
  display: block;
  overflow: hidden;
}
@media screen and (min-width: 1100px) {
  .machine-listing__image {
    height: 300px;
  }
}
.machine-listing__image:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.machine-listing img:not(.machine-listing__logo) {
  margin: 0 auto;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.machine-listing__content {
  margin-top: -20px;
}
.machine-listing__content p {
  margin-top: 10px;
}
.machine-listing__button {
  padding: 10px 40px;
  min-height: 40px;
  width: 80%;
  display: inline-block;
  position: relative;
  z-index: 1;
  background: var(--buttonBg, #eee);
}
.machine-listing__button img {
  height: 40px;
  margin: 5px auto;
}

.image-gallery__main {
  background: var(--skyBlueBg);
  height: 300px;
  margin-top: 40px;
}
.wp-block .image-gallery__main .splide__slide {
  display: none;
}
.wp-block .image-gallery__main .splide__slide:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 1200px) {
  .image-gallery__main {
    height: 500px;
  }
}
.image-gallery__main .splide__list {
  height: 300px;
}
@media screen and (min-width: 1200px) {
  .image-gallery__main .splide__list {
    height: 500px;
  }
}
.image-gallery__main .splide__slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  height: 100%;
  border: none !important;
}
.image-gallery__main .image-wrapper {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.image-gallery__main img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.image-gallery__main .splide__arrow {
  background: var(--skyBlueBg);
  opacity: 1;
}
.image-gallery__main .splide__arrow svg {
  height: 0.8em;
  width: 0.8em;
}
.image-gallery__main .splide__arrow--prev {
  left: 0;
}
@media screen and (min-width: 1200px) {
  .image-gallery__main .splide__arrow--prev {
    left: -80px;
  }
}
.image-gallery__main .splide__arrow--next {
  right: 0;
}
@media screen and (min-width: 1200px) {
  .image-gallery__main .splide__arrow--next {
    right: -80px;
  }
}
.image-gallery__thumbs {
  margin-top: 20px;
}
.wp-block .image-gallery__thumbs .splide__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.wp-block .image-gallery__thumbs .splide__slide {
  width: 120px;
  height: 60px;
}
@media (width <= 1200px) {
  .image-gallery__thumbs {
    display: none;
    visibility: hidden;
    pointer-events: none;
  }
}
.image-gallery__thumbs .splide__list {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.image-gallery__thumbs .splide__slide {
  border: none !important;
}
.image-gallery__thumbs .splide__slide .image-wrapper {
  background: var(--skyBlueBg);
  border-radius: 3px;
}
.image-gallery__thumbs .splide__slide.is-active {
  border: none !important;
}
.image-gallery__thumbs .splide__slide.is-active .image-wrapper {
  background: var(--sinclairBlue);
}
.image-gallery__thumbs .image-wrapper {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 4px;
}
.image-gallery__thumbs img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.gallery-embed {
  width: 100%;
  aspect-ratio: 16/9;
  margin: 0 auto;
  max-width: 460px;
}
@media screen and (min-width: 1200px) {
  .gallery-embed {
    max-width: 780px;
  }
}
.gallery-embed iframe {
  width: 100%;
  height: 100%;
  inset: 0;
}

.people {
  padding: 60px 0 0px;
}
@media screen and (min-width: 1200px) {
  .people {
    padding: 60px 0 120px;
  }
}

.card-grid {
  margin: 30px auto 0;
  row-gap: 20px;
  max-width: 43.75rem;
}
@media screen and (min-width: 1200px) {
  .card-grid {
    margin: 60px auto 0;
    row-gap: 60px;
    max-width: none;
  }
}

.p-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
@media screen and (min-width: 768px) {
  .p-card {
    gap: 20px;
  }
}
.p-card__photo {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 40%;
  max-width: 260px;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
  -ms-flex-item-align: start;
      align-self: flex-start;
  border-radius: 4px;
}
.p-card__info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 1.25;
}
.p-card__name {
  font-weight: 600;
  font-size: 1rem;
  margin-bottom: 0.66em;
}
@media screen and (min-width: 1100px) {
  .p-card__name {
    font-size: 1.3125rem;
  }
}

.linkedin-button {
  background-color: var(--darkBlue);
  color: var(--white);
  width: 1.5rem;
  aspect-ratio: 1/1;
  font-size: 1rem;
  border-radius: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.companies-grid {
  margin-top: 60px;
  row-gap: 40px;
}
@media screen and (min-width: 1200px) {
  .companies-grid {
    row-gap: 60px;
  }
}

.company-item {
  color: inherit;
}
.company-item__img {
  margin-bottom: 24px;
  max-width: 40%;
  height: 70px;
}
.company-item__copy {
  margin-bottom: 16px;
}
.company-item__link {
  color: inherit;
}
.company-item__link:after {
  content: "";
  display: block;
  width: 0;
  height: 1px;
  background: white;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.company-item__link:hover::after {
  width: 100%;
}

table {
  border-top: 1px solid #333F48;
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
}
@media screen and (min-width: 1100px) {
  table {
    margin: 50px 0;
  }
}
table tr {
  min-height: 65px;
  border-bottom: 1px dashed #333F48;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px 0;
}
@media screen and (min-width: 1100px) {
  table tr {
    display: table-row;
    height: 65px;
  }
}
table tr td {
  display: block;
}
@media screen and (min-width: 1100px) {
  table tr td {
    display: table-cell;
  }
}
table tr td:first-child {
  font-weight: 700;
}
@media screen and (min-width: 1100px) {
  table tr td:first-child {
    padding-left: 65px;
  }
}
@media screen and (min-width: 1100px) {
  table tr td:last-child {
    text-align: center;
  }
}
table tr td:last-child img {
  display: inline-block;
  margin: 0 auto;
}
@media screen and (min-width: 1100px) {
  table tr td:last-child img {
    display: block;
  }
}
table a {
  text-decoration: underline;
  font-weight: 600;
}
table a:hover {
  color: var(--navTitle);
}

.tabbed-forms {
  background: var(--white);
}
.tabbed-forms__content {
  margin-top: 40px;
}
@media screen and (min-width: 1200px) {
  .tabbed-forms__content {
    margin-top: 60px;
  }
  .tabbed-forms__content h5.pd-left {
    padding-left: 50px;
  }
}

.contact-forms__tab {
  cursor: pointer;
  width: 100%;
  padding-left: 15px;
}
.contact-forms__tab-radio {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: white;
  margin-right: 10px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.contact-forms__tab-radio:after {
  content: "";
  position: absolute;
  display: none;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--green);
  z-index: 10;
}
.contact-forms__tab.is-active .contact-forms__tab-radio:after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.contact-forms__panel {
  display: none;
}
.contact-forms__panel.is-active {
  display: block;
}
.contact-forms__tabs-wrapper {
  position: relative;
  padding: 20px 0;
}
@media screen and (min-width: 1200px) {
  .contact-forms__tabs-wrapper {
    padding: 0 30px 0 0;
  }
  .contact-forms__tabs-wrapper:after {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    right: -30px;
    display: block;
    background: #ddd;
  }
}
.contact-forms__forms {
  padding: 20px 0;
}
@media screen and (min-width: 1200px) {
  .contact-forms__forms {
    padding: 0 0 0 50px;
  }
}
.contact-forms__forms-wrapper {
  margin-top: 20px;
}
@media screen and (min-width: 1200px) {
  .contact-forms__forms .forminator-row-last .forminator-field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

.product-filters {
  margin-top: 40px;
}
@media (max-width: 1200px) {
  .product-filters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.product-filters-group {
  gap: 20px;
  padding: 20px 0;
  margin: 20px 0 40px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (min-width: 1200px) {
  .product-filters-group {
    max-width: 80%;
    margin: 10px auto 40px;
  }
}
.product-filters__tab {
  color: var(--filterTextColour);
}
@media (max-width: 1200px) {
  .product-filters__tab {
    width: 48%;
    font-size: 1rem;
    text-align: center;
    background: #eee;
    padding: 5px;
    border-radius: 4px;
  }
}
@media screen and (min-width: 1200px) {
  .product-filters__tab:first-child {
    margin-right: 30px;
  }
}
@media (max-width: 1200px) {
  .product-filters__tab.is-active {
    background: var(--filterActiveBgColour);
    color: var(--filterActiveTextColour);
  }
}
@media screen and (min-width: 1200px) {
  .product-filters__tab.is-active {
    color: var(--filterActiveBgColour);
  }
}

.product-filter {
  background: #eee;
  border-radius: 3px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 30px;
  cursor: pointer;
  background: var(--filterBgColour);
  font-weight: 600;
  color: var(--filterTextColour);
  font-size: 0.875rem;
  white-space: nowrap;
}
.product-filter.is-active {
  background: var(--filterActiveBgColour);
  color: var(--filterActiveTextColour);
}
.product-filter-item {
  display: none;
}
.product-filter-item.filtered {
  display: block;
}

.quotes {
  background: var(--bgColour);
  color: var(--textColour);
}

.quote-slider__slide {
  max-width: 75%;
  margin: auto;
  text-align: center;
}
.quote-slider__slide span {
  display: block;
}
.quote-slider .splide__arrow {
  opacity: 1;
  background: var(--textColour);
}
.quote-slider .splide__arrow svg {
  height: 0.8em;
  width: 0.8em;
}
.quote-slider .splide__arrow svg path {
  fill: var(--bgColour, #333);
}
.quote-slider .splide__arrow--prev {
  left: 0;
}
.quote-slider .splide__arrow--next {
  right: 0;
}

.quote__text {
  font-size: 1.375rem;
  line-height: 125%;
}
@media screen and (min-width: 1200px) {
  .quote__text.large {
    font-size: 2.75rem;
  }
  .quote__text.small {
    font-size: 2.125rem;
  }
}
.quote__author {
  margin-top: 30px;
}
.quote__logo {
  max-width: 140px;
  margin: 50px auto 0;
}

.key-features {
  background: var(--bgColour);
  color: var(--textColour);
}
@media screen and (min-width: 1200px) {
  .key-features__intro {
    max-width: 60%;
    margin: auto;
  }
}

.key-feature {
  margin-top: 40px;
}
.key-feature__image {
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden;
  height: 250px;
  margin-bottom: 20px;
  border-radius: 5px;
}
.key-feature__image img {
  min-width: 100%;
  min-height: 100%;
}

.accordion {
  margin-top: 40px;
}
.accordion-item {
  margin-bottom: 5px;
}
.accordion__title {
  background: var(--accordionTitleBg, #f1f1f1);
  color: var(--accColour, var(--darkBlue));
  padding: 20px;
  border-radius: 4px;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
}
@media screen and (min-width: 1200px) {
  .accordion__title {
    padding: 24px 36px;
  }
}
.accordion__title-text {
  max-width: calc(100% - 80px);
}
.accordion__title-icon {
  background: white;
  width: 36px;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 50%;
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.accordion__title-icon:before, .accordion__title-icon:after {
  content: "";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 14px;
  height: 1px;
  background: #777;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
}
.accordion__title-icon:after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  position: absolute;
}
.active .accordion__title-icon:after {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
.active .accordion__title {
  background: var(--accordionActiveBg, #777);
  color: var(--accordionActiveColour, white);
}
.accordion__content {
  display: none;
  padding: 20px;
}
@media screen and (min-width: 1200px) {
  .accordion__content {
    padding: 24px 36px;
  }
}
.active .accordion__content {
  display: block;
}

.careers-listings h3 {
  margin-bottom: 70px;
}

.careers-listing {
  margin-bottom: 50px;
  padding-right: 40px;
}
.careers-listing__tags {
  margin-bottom: 30px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.careers-listing__tags span {
  background: var(--skyBlueBg);
  padding: 6px 20px;
  display: block;
  font-size: 0.875rem;
  margin-right: 10px;
  white-space: nowrap;
  margin-bottom: 10px;
}
.careers-listing a {
  margin-top: 10px;
}

.maps {
  background: var(--beige);
}
.maps h2:not(.maps-stat) {
  color: var(--green);
}
.maps-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.maps-item__map {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
.maps-item__map img {
  display: block;
  width: 100%;
}
.maps-item__map svg {
  width: 100%;
  height: auto;
}
.maps-item__map .map-dot {
  -webkit-transition: -webkit-filter 0.2s ease-out, -webkit-transform 0.2s ease-out;
  transition: -webkit-filter 0.2s ease-out, -webkit-transform 0.2s ease-out;
  transition: filter 0.2s ease-out, transform 0.2s ease-out;
  transition: filter 0.2s ease-out, transform 0.2s ease-out, -webkit-filter 0.2s ease-out, -webkit-transform 0.2s ease-out;
  transform-box: fill-box;
  -webkit-transform-origin: center;
          transform-origin: center;
}
.maps-item__map .map-dot.is-glowing {
  -webkit-transform: scale(calc(1 + var(--glow, 0) * 0.8));
          transform: scale(calc(1 + var(--glow, 0) * 0.8));
  -webkit-filter: drop-shadow(0 0 calc(var(--glow, 0) * 4px) var(--mapDotsColour, #DA4E00)) drop-shadow(0 0 calc(var(--glow, 0) * 8px) var(--mapDotsColour, #DA4E00));
          filter: drop-shadow(0 0 calc(var(--glow, 0) * 4px) var(--mapDotsColour, #DA4E00)) drop-shadow(0 0 calc(var(--glow, 0) * 8px) var(--mapDotsColour, #DA4E00));
}
.maps-item__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 16px;
  width: 100%;
  margin-top: 20px;
}
.maps-item__logo img {
  display: block;
  width: 220px;
  height: 90px;
  -o-object-fit: contain;
     object-fit: contain;
  background: #fff;
  padding: 18px 28px;
  border-radius: 10px;
  -webkit-box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
}
.maps-item__arrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.maps-item__arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 44px;
  height: 44px;
  background: #fff;
  border: 0;
  border-radius: 50%;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  -webkit-transition: background 0.2s ease, -webkit-transform 0.2s ease;
  transition: background 0.2s ease, -webkit-transform 0.2s ease;
  transition: background 0.2s ease, transform 0.2s ease;
  transition: background 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;
}
.maps-item__arrow:hover {
  background: var(--green, #1F4034);
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.maps-item__arrow:hover svg {
  fill: #fff;
}
.maps-item__arrow svg {
  width: 18px;
  height: 18px;
  fill: var(--darkBlue, #222);
  -webkit-transition: fill 0.2s ease;
  transition: fill 0.2s ease;
}
.maps-item__arrow--prev svg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.maps-stats {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 80px;
}
.maps-stat span {
  display: block;
  margin: 0;
}
.maps-stat__value {
  color: var(--rust);
  font-family: var(--secondaryFont);
}
.maps-stat__text {
  font-family: var(--primaryFont);
  font-weight: 600;
  font-size: 1rem;
  line-height: 1;
}

.timeline {
  background: var(--beige);
}
.timeline-track-outer {
  position: relative;
}
.timeline-track-outer::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 200px;
  background: -webkit-gradient(linear, left top, right top, from(transparent), to(var(--beige)));
  background: linear-gradient(to right, transparent, var(--beige));
  pointer-events: none;
  z-index: 10;
}
@media (max-width: 800px) {
  .timeline-track-outer::after {
    display: none;
  }
  .timeline-track-outer .timeline-track__drag-hint {
    display: none;
  }
}
.timeline-track__drag-hint {
  position: sticky;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  grid-column: 1/-1;
  grid-row: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  z-index: 11;
}
.timeline-track__drag-hint svg {
  display: block;
  width: 28px;
  height: 14px;
  fill: var(--darkBlue, #222);
}
.timeline-track-outer:hover .timeline-track__drag-hint {
  opacity: 1;
}
.timeline-track-outer.is-dragging .timeline-track__drag-hint {
  opacity: 0;
}
.timeline-track {
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
  padding-right: 200px;
  cursor: -webkit-grab;
  cursor: grab;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.timeline-track.is-dragging {
  cursor: -webkit-grabbing;
  cursor: grabbing;
  scroll-behavior: auto;
}
.timeline-track::-webkit-scrollbar {
  display: none;
}
.timeline-track__top, .timeline-track__line, .timeline-track__bottom {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 135px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
.timeline-track__top {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  padding-bottom: 1.5rem;
}
.timeline-track__line {
  height: 60px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.timeline-track__line::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 5px;
  background: #fff;
  z-index: 0;
}
.timeline-track__bottom {
  -ms-flex-line-pack: start;
      align-content: start;
  padding-top: 2rem;
}
@media (max-width: 800px) {
  .timeline-track {
    overflow: visible;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-right: 0;
    scroll-behavior: auto;
  }
  .timeline-track__top, .timeline-track__bottom {
    display: contents;
  }
  .timeline-track__line {
    display: none;
  }
}
@media (max-width: 800px) {
  .timeline-spacer {
    display: none;
  }
}
.timeline-dot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 1.5rem;
  position: relative;
  z-index: 1;
  grid-row: 1;
}
.timeline-dot__diamond {
  display: block;
  width: 7px;
  height: 7px;
  background: var(--rust);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  position: relative;
  z-index: 2;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.timeline-dot--has-top::before {
  content: "";
  position: absolute;
  left: calc(1.5rem + 1.5px);
  bottom: 50%;
  width: 5px;
  height: 50px;
  background: #fff;
}
.timeline-dot--has-bottom::after {
  content: "";
  position: absolute;
  left: calc(1.5rem + 1.5px);
  top: 50%;
  width: 5px;
  height: 50px;
  background: #fff;
}
.timeline__entry {
  padding: 0 1.5rem;
  width: 270px;
  grid-row: 1;
  opacity: 0;
  -webkit-transform: translateX(20px);
          transform: translateX(20px);
  -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.5s ease, transform 0.5s ease;
  transition: opacity 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
}
.timeline__entry.is-visible {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.timeline__entry-year {
  color: var(--rust);
  font-family: var(--secondaryFont);
  margin-bottom: 0.5rem;
}
.timeline__entry-image {
  display: block;
  max-width: 130px;
  height: auto;
  margin-bottom: 0.75rem;
}
.timeline__entry-text {
  font-size: 0.9375rem;
  line-height: 1.5;
  max-width: 90%;
}
@media (max-width: 800px) {
  .timeline__entry {
    width: auto;
    max-width: 330px;
    text-align: center;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  .timeline__entry.is-visible {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .timeline__entry::before {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    background: var(--rust);
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    margin: 0 auto 1.25rem;
  }
  .timeline__entry::after {
    content: "";
    display: block;
    width: 5px;
    height: 3rem;
    background: #fff;
    margin: 2rem auto 0;
  }
  .timeline__entry--last::after {
    display: none;
  }
  .timeline__entry .timeline__entry-year {
    font-size: 1.75rem;
  }
  .timeline__entry .timeline__entry-image {
    max-width: 180px;
    margin-left: auto;
    margin-right: auto;
  }
  .timeline__entry .timeline__entry-text {
    font-size: 1.0625rem;
    margin-left: auto;
    margin-right: auto;
  }
}

.commodities {
  padding: 0;
  background-color: var(--green);
  color: var(--white);
  position: relative;
}
.commodities__content {
  padding: 4rem 0 2rem;
}
@media screen and (min-width: 1200px) {
  .commodities__content {
    padding: 6rem 0;
  }
}
@media screen and (min-width: 1200px) {
  .commodities h2 {
    max-width: 70%;
    margin-bottom: 40px;
  }
}
.commodities__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 1100px) {
  .commodities__grid {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    max-height: 400px;
    overflow: hidden;
  }
}
.commodities__gallery {
  width: 100%;
  height: 350px;
}
@media screen and (min-width: 1100px) {
  .commodities__gallery {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66%;
            flex: 0 0 66%;
    height: 400px;
  }
}
.commodities__gallery .splide,
.commodities__gallery .splide__track,
.commodities__gallery .splide__list {
  height: 100%;
}
.commodities__gallery .splide__slide {
  position: relative;
  background: white;
}
.commodities__gallery .splide__slide img {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
.commodities__stats {
  background-color: var(--tan);
  padding: 20px;
}
.commodities__stats h2 {
  max-width: 100%;
}
@media screen and (min-width: 1200px) {
  .commodities__stats {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 34%;
            flex: 0 0 34%;
    border-left: 5px solid var(--green);
  }
}
.commodities__stat:first-child {
  margin-bottom: 45px;
}
.commodities__stat-value {
  color: var(--rust);
  font-family: var(--secondaryFont);
}
.commodities__stat-text {
  font-family: var(--primaryFont);
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.3;
  max-width: 85%;
}
.commodities__stat-text {
  display: block;
  color: var(--dark, #1a1a1a);
  font-size: 1rem;
}
.commodities__list-wrapper {
  position: relative;
  overflow: hidden;
  height: 100%;
}
.commodities__list-wrapper::before, .commodities__list-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100px;
  pointer-events: none;
  z-index: 1;
}
.commodities__list-wrapper::before {
  top: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--green)), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to bottom, var(--green) 0%, rgba(255, 255, 255, 0) 100%);
}
.commodities__list-wrapper::after {
  bottom: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(var(--green)));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, var(--green) 100%);
}
.commodities__list {
  height: 300px;
  overflow-y: auto;
  padding: 30px 20px;
  margin: 0;
  scrollbar-width: none;
  list-style: none;
  text-align: center;
}
.commodities__list::-webkit-scrollbar {
  display: none;
}
.commodities__list li {
  margin-bottom: 5px;
}
@media screen and (min-width: 1200px) {
  .commodities__list {
    position: absolute;
    width: 300px;
    height: 100%;
    margin: 0;
    list-style: disc outside;
    text-align: left;
  }
}

.capabilities {
  background: var(--bg);
}
.capabilities h3 {
  margin-bottom: 20px;
}
.capabilities__item {
  margin-top: 40px;
  color: var(--green);
}
.capabilities__item img {
  width: 60px;
  height: 60px;
  margin-bottom: 20px;
}
.capabilities__item ul {
  max-width: 90%;
}
.capabilities__item li {
  margin-bottom: 5px;
}
/*# sourceMappingURL=styles.css.map */