/*! 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: 600px) {
  .col-xs-1 {
    grid-column-end: span 1;
  }
  .col-offset-xs-1 {
    grid-column-start: 2;
  }
  .row-xs-1 {
    grid-row-end: span 1;
  }
  .row-offset-xs-1 {
    grid-row-start: 2;
  }
  .col-xs-2 {
    grid-column-end: span 2;
  }
  .col-offset-xs-2 {
    grid-column-start: 3;
  }
  .row-xs-2 {
    grid-row-end: span 2;
  }
  .row-offset-xs-2 {
    grid-row-start: 3;
  }
  .col-xs-3 {
    grid-column-end: span 3;
  }
  .col-offset-xs-3 {
    grid-column-start: 4;
  }
  .row-xs-3 {
    grid-row-end: span 3;
  }
  .row-offset-xs-3 {
    grid-row-start: 4;
  }
  .col-xs-4 {
    grid-column-end: span 4;
  }
  .col-offset-xs-4 {
    grid-column-start: 5;
  }
  .row-xs-4 {
    grid-row-end: span 4;
  }
  .row-offset-xs-4 {
    grid-row-start: 5;
  }
  .col-xs-5 {
    grid-column-end: span 5;
  }
  .col-offset-xs-5 {
    grid-column-start: 6;
  }
  .row-xs-5 {
    grid-row-end: span 5;
  }
  .row-offset-xs-5 {
    grid-row-start: 6;
  }
  .col-xs-6 {
    grid-column-end: span 6;
  }
  .col-offset-xs-6 {
    grid-column-start: 7;
  }
  .row-xs-6 {
    grid-row-end: span 6;
  }
  .row-offset-xs-6 {
    grid-row-start: 7;
  }
  .col-xs-7 {
    grid-column-end: span 7;
  }
  .col-offset-xs-7 {
    grid-column-start: 8;
  }
  .row-xs-7 {
    grid-row-end: span 7;
  }
  .row-offset-xs-7 {
    grid-row-start: 8;
  }
  .col-xs-8 {
    grid-column-end: span 8;
  }
  .col-offset-xs-8 {
    grid-column-start: 9;
  }
  .row-xs-8 {
    grid-row-end: span 8;
  }
  .row-offset-xs-8 {
    grid-row-start: 9;
  }
  .col-xs-9 {
    grid-column-end: span 9;
  }
  .col-offset-xs-9 {
    grid-column-start: 10;
  }
  .row-xs-9 {
    grid-row-end: span 9;
  }
  .row-offset-xs-9 {
    grid-row-start: 10;
  }
  .col-xs-10 {
    grid-column-end: span 10;
  }
  .col-offset-xs-10 {
    grid-column-start: 11;
  }
  .row-xs-10 {
    grid-row-end: span 10;
  }
  .row-offset-xs-10 {
    grid-row-start: 11;
  }
  .col-xs-11 {
    grid-column-end: span 11;
  }
  .col-offset-xs-11 {
    grid-column-start: 12;
  }
  .row-xs-11 {
    grid-row-end: span 11;
  }
  .row-offset-xs-11 {
    grid-row-start: 12;
  }
  .col-xs-12 {
    grid-column-end: span 12;
  }
  .col-offset-xs-12 {
    grid-column-start: 13;
  }
  .row-xs-12 {
    grid-row-end: span 12;
  }
  .row-offset-xs-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 {
  -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;
}

.d-grid {
  display: grid;
}

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

.m-b-3 {
  margin-bottom: 30px;
}

#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: "Montserrat", sans-serif;
  --secondaryFont: "Open Sans", sans-serif;
  --black: #080808;
  --white: #ffffff;
  --lightGrey: #f4f5f6;
  --offWhite: var(--lightGrey);
  --sinclairBlue: #006298;
  --sinclairGreen: #97D700;
  --midGrey: #4B4F54;
  --skyBlueBg: #F2F7FA;
  --skyBlueBtn: #E4ECF3;
  --skyBlueForms: #CCE0EA;
  --darkBlue: #253746;
  --navHeaderMobile: var(--sinclairBlue);
  --navSubBg: var(--darkBlue);
  --navParentHover: var(--sinclairBlue);
  --navTitle: var(--sinclairGreen);
  --navBg: var(--darkBlue);
  --navSubBtn: rgb(44.0542056075, 65.4859813084, 83.3457943925);
  --footerBg: var(--darkBlue);
  --footerLinkHover: var(--sinclairGreen);
  --heroBg: var(--darkBlue);
}

/*------------------------------------*\
    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(--primaryFont);
  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, .blog-content h2 {
  margin: 0 0 20px 0;
  font-size: 1.875rem;
}
h2.small, .fontsize--h2.small {
  font-size: 1.3125rem;
}
@media screen and (min-width: 1200px) {
  h2, .fontsize--h2, .blog-content h2 {
    font-size: 2.75rem;
  }
}
h2.bold, .fontsize--h2.bold {
  font-weight: 600;
}
h2.light, .fontsize--h2.light {
  font-weight: 300;
}

h3, .fontsize--h3, .blog-content h3 {
  margin: 0 0 20px 0;
  font-size: 1.625rem;
  font-weight: 300;
}
@media screen and (min-width: 1200px) {
  h3, .fontsize--h3, .blog-content 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-family: var(--primaryFont);
}

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

table:not(.product-specs__table table):not(.alignright) {
  width: 100%;
  border-collapse: collapse;
}
table:not(.product-specs__table table):not(.alignright) td {
  padding: 5px;
}

table.alignright {
  border-collapse: collapse;
  border: none;
  width: 100%;
  margin: 20px 0;
}
table.alignright td {
  padding: 0;
  border: none;
}
table.alignright ul li {
  margin-bottom: 10px;
  line-height: 1.2;
}
@media screen and (min-width: 768px) {
  table.alignright {
    max-width: 300px;
    margin: 0 0 0 40px;
  }
}

.caps {
  text-transform: uppercase;
}

/*------------------------------------*\
   BUTTONS
\*------------------------------------*/
.btn, .contact-forms__forms button, .contact-forms__tab, 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;
  text-decoration: none;
}
.btn:hover, .contact-forms__forms button:hover, .contact-forms__tab:hover, form button:hover {
  background: #ddd;
}
.btn svg, .contact-forms__forms button svg, .contact-forms__tab svg, form button svg {
  fill: #222;
}
.btn.--sinclair-blue, .contact-forms__forms button, .--sinclair-blue.contact-forms__tab, .contact-forms__tab.is-active, form button {
  background: var(--sinclairBlue);
  color: white;
}
.btn.--sinclair-blue svg, .contact-forms__forms button svg, .--sinclair-blue.contact-forms__tab svg, .contact-forms__tab.is-active svg, form button svg {
  fill: white;
}
.btn.--sinclair-blue:hover, .contact-forms__forms button:hover, .--sinclair-blue.contact-forms__tab:hover, .contact-forms__tab.is-active:hover, form button:hover {
  background: #005381;
}
.btn.--sinclair-green, .contact-forms__forms button.--sinclair-green, .--sinclair-green.contact-forms__tab, form button.--sinclair-green {
  background: var(--sinclairGreen);
}
.btn.--sinclair-green svg, .contact-forms__forms button.--sinclair-green svg, .--sinclair-green.contact-forms__tab svg, form button.--sinclair-green svg {
  fill: var(--darkBlue);
}
.btn.--sinclair-green:hover, .contact-forms__forms button.--sinclair-green:hover, .--sinclair-green.contact-forms__tab:hover, form button.--sinclair-green:hover {
  background: #89C400;
}
.btn.--sinclair-green:focus, .contact-forms__forms button.--sinclair-green:focus, .--sinclair-green.contact-forms__tab:focus, form button.--sinclair-green:focus {
  border: 2px solid var(--darkBlue);
}
.btn.--dark-blue, .contact-forms__forms button.--dark-blue, .--dark-blue.contact-forms__tab, form button.--dark-blue {
  background: var(--darkBlue);
  color: white;
}
.btn.--dark-blue svg, .contact-forms__forms button.--dark-blue svg, .--dark-blue.contact-forms__tab svg, form button.--dark-blue svg {
  fill: white;
}
.btn.--dark-blue:hover, .contact-forms__forms button.--dark-blue:hover, .--dark-blue.contact-forms__tab:hover, form button.--dark-blue:hover {
  background: var(--skyBlueBg);
  color: var(--darkBlue);
}
.btn.--dark-blue:hover svg, .contact-forms__forms button.--dark-blue:hover svg, .--dark-blue.contact-forms__tab:hover svg, form button.--dark-blue:hover svg {
  fill: var(--darkBlue);
}
.btn.--white, .contact-forms__forms button.--white, .--white.contact-forms__tab, form button.--white {
  background: #fff;
  color: var(--darkBlue);
}
.btn.--white svg, .contact-forms__forms button.--white svg, .--white.contact-forms__tab svg, form button.--white svg {
  fill: var(--darkBlue);
}
.btn.--white:hover, .contact-forms__forms button.--white:hover, .--white.contact-forms__tab:hover, form button.--white:hover {
  background: var(--skyBlueBtn);
}
.btn.--white:focus, .contact-forms__forms button.--white:focus, .--white.contact-forms__tab:focus, form button.--white:focus {
  border: 2px solid var(--darkBlue);
}
.btn svg, .contact-forms__forms button svg, .contact-forms__tab 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, form button:hover svg {
  -webkit-transform: translateX(5px);
          transform: translateX(5px);
}

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: 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-field-radio {
  margin-top: 20px;
}
form .forminator-field-radio .forminator-label {
  font-weight: 600;
  margin-bottom: 15px;
  display: block;
}
form .forminator-radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 10px;
  font-weight: 400;
}
form .forminator-radio input {
  width: 25px;
  height: 25px;
  margin: 0;
}
form .forminator-radio .forminator-radio-label {
  margin-left: 10px;
}

.forminator-module-edit-link {
  display: none !important;
}

@media (max-width: 1200px) {
  .utility-nav-wrapper {
    position: fixed;
    bottom: 0;
    z-index: 25;
    color: white;
    font-size: 0.875rem;
    width: 100vw;
  }
  .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: #1c2839;
  }
  .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 {
    background: #333e4d;
    color: white;
    padding: 5px;
    font-size: 0.875rem;
    font-family: var(--secondaryFont);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
    max-width: 1900px;
    height: 48px;
    margin: auto;
  }
  .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: #1C2839;
  }
  .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: #1C2839;
  }
  .language-switcher, .companies-switcher {
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 20px;
    cursor: pointer;
    height: 100%;
  }
  .language-switcher:hover, .companies-switcher:hover {
    background: #1C2839;
  }
  .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: #1C2839;
    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: 5px;
    -webkit-transform: translateY(1px);
            transform: translateY(1px);
  }
  .companies-switcher:hover {
    background: #1C2839;
  }
  .companies-switcher:hover .companies {
    opacity: 1;
    pointer-events: all;
    visibility: visible;
  }
  .companies {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    position: absolute;
    top: 48px;
    background: #1C2839;
    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;
  }
  .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(--navBg);
  }
  .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: white;
  }
}

.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) svg path {
  fill: white;
}
.header-nav__parent {
  margin: 0;
}
@media screen and (min-width: 1200px) {
  .header-nav__parent {
    cursor: pointer;
  }
}
.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 screen and (min-width: 1200px) {
  .header-nav__parent .--parent-link-wrapper {
    height: 90px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@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.--has-sub:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 15px;
    width: 16px;
    height: 10px;
    background-image: url("../svg/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 {
    -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;
    right: 0;
    margin: auto;
    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(.nav-filter-link) {
  color: white;
  font-weight: 600;
  position: relative;
  outline: none;
}
.header-nav__sub a:not(.btn):not(.contact-forms__tab):not(.nav-filter-link) svg {
  fill: white;
}
@media (max-width: 1200px) {
  .header-nav__sub a:not(.btn):not(.contact-forms__tab):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(.nav-filter-link) svg {
    display: none;
  }
}
.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;
    top: 0;
    width: 100vw;
    z-index: 20;
  }
  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 a {
  color: white;
  font-weight: 500;
}
.footer a:hover {
  color: var(--footerLinkHover) !important;
}
.footer h5 {
  font-size: 0.875rem;
  text-transform: uppercase;
  margin: 30px 0 10px 0;
}
.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__hero-text {
  color: var(--textColour);
}

.post-header {
  background: var(--heroBg);
  color: white;
}
@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%;
  padding-bottom: 0;
}
@media screen and (min-width: 1200px) {
  .post-featured-image {
    margin-top: -230px;
  }
}

.blog-content h2, .blog-content h3, .blog-content h4, .blog-content .forminator-question {
  font-weight: 500 !important;
}
.blog-content h2 strong, .blog-content h2 b, .blog-content h3 strong, .blog-content h3 b, .blog-content h4 strong, .blog-content h4 b, .blog-content .forminator-question strong, .blog-content .forminator-question b {
  font-weight: 500 !important;
}
.blog-content h2 {
  font-size: 1.5rem;
}
.blog-content h3 {
  font-size: 1.25rem;
}

.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(--skyBlueBg) !important;
}
.featured-post__content {
  background: var(--skyBlueBg) !important;
  padding-right: 0 !important;
}
.featured-post .feature__title a {
  color: white !important;
  font-weight: 300;
}

.post-listings {
  background-color: var(--skyBlueBg);
}

.post-listing {
  background: white;
  padding: 20px;
  border-radius: 5px;
  -webkit-box-shadow: 3px 3px 10px rgba(37, 55, 70, 0.1);
          box-shadow: 3px 3px 10px rgba(37, 55, 70, 0.1);
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  display: block;
  height: 100%;
}
.post-listing-content {
  padding-top: 15px;
}
.post-listing__image {
  width: 100%;
  height: 100%;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
}
.post-listing__image-wrapper {
  overflow: hidden;
  border-radius: 4px;
}
@media screen and (min-width: 1200px) {
  .post-listing__image-wrapper {
    height: 260px;
  }
  .post-listing__image-wrapper.--large {
    height: 320px;
  }
}
.post-listing__categories {
  font-size: 0.875rem;
}
.post-listing h3 {
  font-size: 1.5rem;
  line-height: 125%;
  margin-top: 10px;
}
.post-listing:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.post-category-filters {
  padding: 20px 20px;
  border-radius: 4px;
  background: #FFF;
  -webkit-box-shadow: 3px 3px 10px 0 rgba(37, 55, 70, 0.1);
          box-shadow: 3px 3px 10px 0 rgba(37, 55, 70, 0.1);
  margin-block: 30px;
}
.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);
}
@media screen and (min-width: 1200px) {
  .post-category-filters {
    padding: 30px 20px;
    margin-block: 50px;
  }
}

.post-listings-tall {
  height: 100vh;
}

.sticky {
  position: sticky;
  top: 60px;
  z-index: 10;
}
@media screen and (min-width: 1200px) {
  .sticky {
    top: 80px;
  }
}

.alm-filters-container {
  margin-bottom: 0 !important;
}

.alm-filters {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.alm-filters--loading, .alm-filters--controls {
  display: none;
}

@media screen and (min-width: 1200px) {
  .alm-filter {
    width: 50%;
  }
}
.alm-filter--inner ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 0;
}
@media screen and (min-width: 1200px) {
  .alm-filter--inner ul {
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.alm-filter--inner ul li {
  margin: 0;
}
.alm-filter--select {
  border-radius: 4px;
  background: rgba(0, 98, 152, 0.1);
  padding-right: 10px;
}
.alm-filter--select select {
  padding: 10px;
  background: none;
  border: none;
  margin-right: 8px;
  outline: none;
  height: 40px;
  width: 100%;
}

.field-checkbox {
  padding: 0;
  margin: 0;
  margin-right: 20px;
  font-weight: 600;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.field-checkbox:before {
  content: "";
  width: 20px;
  height: 20px;
  border: 1px solid #777;
  display: inline-block;
  margin-right: 6px;
  border-radius: 3px;
}
.field-checkbox.active:before {
  background: var(--sinclairBlue);
  border-color: var(--sinclairBlue);
}

.alm-filters-edit {
  display: none !important;
}

.alm-filter--search {
  width: 50%;
}
@media screen and (min-width: 1200px) {
  .alm-filter--search {
    width: 200px;
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
  }
}
.alm-filter--search .alm-filter--text-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: rgba(0, 98, 152, 0.1);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-block: 10px;
  width: 100%;
  position: relative;
  border-radius: 4px 0 0 4px;
}
@media screen and (min-width: 1200px) {
  .alm-filter--search .alm-filter--text-wrap {
    margin-block: 0;
  }
}
.alm-filter--search .alm-filter--textfield {
  padding: 10px;
  border: none;
  border-radius: 4px 0 0 4px;
  background-color: transparent;
  outline: none;
}
.alm-filter--search button {
  background: rgba(0, 98, 152, 0.1);
  width: 40px;
  height: 40px;
  position: relative;
  border: none;
  outline: none;
  border-radius: 0 4px 4px 0;
  margin-left: 2px;
  cursor: pointer;
  position: absolute;
  right: 0;
}
@media screen and (min-width: 1200px) {
  .alm-filter--search button {
    position: relative;
  }
}
.alm-filter--search button:before {
  content: "";
  display: block;
  background-image: url("../svg/search.svg");
  width: 26px;
  height: 26px;
  background-size: cover;
}

.alm-filter--tag {
  width: 160px;
}

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

.hero {
  padding: 0;
  background-color: var(--heroBg, #eee);
  background-image: var(--bgImage);
  background-size: cover;
  background-position: bottom right;
  position: relative;
  overflow: hidden;
}
@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;
    padding: 60px 0;
  }
}
.hero__title {
  line-height: 1.1;
  margin-bottom: 40px;
  color: var(--titleColour);
}
@media screen and (min-width: 1200px) {
  .hero__title {
    font-size: 3.75rem;
  }
}
.hero__pre-title {
  color: var(--preTitleColour);
}
.hero .btn, .hero .contact-forms__forms button, .contact-forms__forms .hero button, .hero .contact-forms__tab, .hero form button, form .hero button {
  margin-right: 20px;
}
.hero .container {
  z-index: 5;
  position: relative;
  padding: 50px 30px;
}
.hero__overlay {
  position: absolute;
  right: 0;
  top: -40px;
  z-index: 1;
  max-height: 100%;
}
@media (max-width: 1200px) {
  .hero__overlay {
    max-width: 40%;
    max-height: 40%;
  }
}
@media screen and (min-width: 1200px) {
  .hero__video, .hero__vimeo {
    width: 100%;
    height: 100%;
    position: absolute;
    -o-object-fit: cover;
       object-fit: cover;
    bottom: 0;
    top: 0;
  }
}
.hero__image {
  width: 100%;
  margin: 0 !important;
  position: relative;
  height: 250px;
  top: 0;
}
.hero__image img {
  margin: 0;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  -o-object-position: right;
     object-position: right;
}
@media screen and (min-width: 1200px) {
  .hero__image {
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    width: 100%;
    height: 100%;
  }
}

@media screen and (min-width: 1200px) {
  .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: 0;
  color: var(--textColour, var(--darkBlue));
  background-color: var(--bgColour, #006298);
  background-image: var(--bgImage);
  background-size: cover;
  background-position: center;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 1200px) {
  .simple-hero {
    padding: 0;
    min-height: 350px;
  }
  .simple-hero.--has-image {
    padding: 0;
  }
}
.simple-hero .container {
  z-index: 5;
  position: relative;
  padding-block: 50px;
}
@media screen and (min-width: 1200px) {
  .simple-hero .container {
    padding-block: 50px;
  }
}
.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%;
}
.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 {
  margin: 0;
}
.simple-hero__pre-title {
  color: var(--preTitleColour, #fff);
}
.simple-hero__image {
  width: 100%;
  margin: 0 !important;
  position: relative;
}
.simple-hero__image img {
  margin: 0;
}
@media screen and (min-width: 1200px) {
  .simple-hero__image {
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .simple-hero__image:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(var(--darkBlue)), to(transparent));
    background: linear-gradient(to top, var(--darkBlue), transparent);
    bottom: 0;
  }
}

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

.feature {
  background: var(--bgColour, #eee);
  color: var(--textColour, #222);
  position: relative;
  max-width: 100vw;
}
@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;
}
@media (max-width: 1100px) {
  .feature .container {
    padding: 0;
  }
}
.feature__content {
  background: var(--bgColour, #eee);
  padding: 10px 0 30px;
}
.feature__content *:last-child {
  margin-bottom: 0;
}
@media (max-width: 1100px) {
  .feature__content {
    padding: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .feature__content {
    padding: 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;
}
@media (max-width: 1100px) {
  .feature__title {
    padding: 20px;
  }
}
.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: 0;
  max-width: 50%;
}
@media screen and (min-width: 1200px) {
  .feature__pattern {
    margin-bottom: 80px;
  }
}
.feature__image {
  position: absolute;
  width: 100%;
  height: 100%;
  -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;
}
@media screen and (min-width: 1200px) {
  .feature__link-parent:after {
    display: none;
  }
}

.feature-detailed {
  background: var(--bgColour, #eee);
  color: var(--textColour, #222);
  position: relative;
}
@media screen and (min-width: 1200px) {
  .feature-detailed {
    min-height: 600px;
  }
  .feature-detailed:before {
    content: "";
    display: block;
    position: absolute;
    width: 70%;
    height: 100%;
    background-image: var(--featureImage);
    background-size: cover;
    background-position: center;
  }
}
.feature-detailed.--content-left:before, .feature-detailed.--content-left:after {
  right: 0;
}
.feature-detailed .container {
  position: relative;
  z-index: 1;
}
.feature-detailed__content {
  background: var(--bgColour, #eee);
  padding: 10px 0 30px;
}
.feature-detailed__content *:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 1200px) {
  .feature-detailed__content {
    padding: 60px;
    height: 100%;
  }
  .--content-left .feature-detailed__content {
    padding: 60px 80px 60px 0;
  }
}
.feature-detailed__title {
  color: var(--titleColour, #222);
}

.fifty-fifty {
  background: var(--bgColour, #eee);
  color: var(--textColour, #222);
  min-height: 500px;
  padding-bottom: 140px;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 1200px) {
  .fifty-fifty {
    padding: 120px 0 200px;
  }
}
.fifty-fifty.--has-pattern:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url("../png/50-50-pattern.png");
  background-repeat: repeat;
  opacity: 0.1;
}
.fifty-fifty .container {
  position: relative;
}
.fifty-fifty__content {
  position: relative;
  z-index: 5;
}
@media (max-width: 1200px) {
  .fifty-fifty__content {
    margin-block: 30px;
  }
}
@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%;
}
@media screen and (min-width: 1200px) {
  .fifty-fifty__small-image {
    bottom: -20%;
    position: absolute;
  }
  .--content-left .fifty-fifty__small-image {
    left: -20%;
  }
  .--content-right .fifty-fifty__small-image {
    right: -10%;
  }
}
.fifty-fifty img {
  border-radius: 4px;
}

.offices__header {
  background: var(--bgColour, #eee);
  color: var(--textColour, #222);
  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: #eee;
  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;
}

.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;
  }
}
.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-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 {
  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;
}

.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%;
}
.image-gallery__main .splide__arrow {
  background: var(--skyBlueBg);
  opacity: 1;
}
.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;
}

.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;
  width: 33%;
  min-width: 170px;
}
@media screen and (min-width: 1200px) {
  .company-item__img {
    width: 50%;
  }
}
.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%;
}

#customers-grid {
  padding: 60px 0;
}
@media screen and (min-width: 1200px) {
  #customers-grid {
    padding: 80px 0;
  }
}
#customers-grid .grid, #customers-grid .alm-listing {
  gap: 20px;
}

.customer-item {
  -webkit-perspective: 1000px;
          perspective: 1000px;
  width: 100%;
  aspect-ratio: 270/250;
}
.customer-item__inner {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform 0.6s;
  transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.customer-item:hover .customer-item__inner {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.customer-item:hover .customer-item__back p {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.customer-item__front, .customer-item__back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  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;
  background: white;
}
.customer-item__front {
  z-index: 2;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  padding: 20px;
}
.customer-item__front img {
  max-width: 80%;
  height: auto;
}
.customer-item__back {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
  overflow: hidden;
}
.customer-item__back img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.customer-item__back p {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.8);
  padding: 20px;
  font-weight: 500;
  margin: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: -webkit-transform 0.3s 0.3s ease;
  transition: -webkit-transform 0.3s 0.3s ease;
  transition: transform 0.3s 0.3s ease;
  transition: transform 0.3s 0.3s ease, -webkit-transform 0.3s 0.3s ease;
  font-size: 14px;
}

.product-specs__table table {
  border-top: 1px solid #333F48;
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
}
@media screen and (min-width: 1100px) {
  .product-specs__table table {
    margin: 50px 0;
  }
}
.product-specs__table 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) {
  .product-specs__table table tr {
    display: table-row;
    height: 65px;
  }
}
.product-specs__table table tr td {
  display: block;
}
@media screen and (min-width: 1100px) {
  .product-specs__table table tr td {
    display: table-cell;
  }
}
.product-specs__table table tr td:first-child {
  font-weight: 700;
}
@media screen and (min-width: 1100px) {
  .product-specs__table table tr td:first-child {
    padding-left: 65px;
  }
}
@media screen and (min-width: 1100px) {
  .product-specs__table table tr td:last-child {
    text-align: center;
  }
}
.product-specs__table table tr td:last-child img {
  display: inline-block;
  margin: 0 auto;
}
@media screen and (min-width: 1100px) {
  .product-specs__table table tr td:last-child img {
    display: block;
  }
}
.product-specs__table table a {
  text-decoration: underline;
  font-weight: 600;
}
.product-specs__table 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(--sinclairBlue);
  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;
}
/*# sourceMappingURL=styles.css.map */