/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./components/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

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

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

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

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

@font-face {
  font-family: "JohnstonITCProLight";
  src: url("../assets/fonts/johnston/JohnstonITCPro-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "JohnstonITCProMedium";
  src: url("../assets/fonts/johnston/JohnstonITCPro-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "JohnstonITCProMedium";
  src: url("../assets/fonts/johnston/JohnstonITCPro-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "JohnstonITCProBold";
  src: url("../assets/fonts/johnston/JohnstonITCPro-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "icon--font5613";
  src: url("../assets/fonts/icons/icon--font5613.eot");
  src: url("../assets/fonts/icons/icon--font5613.eot?#iefix") format("eot"), url("../assets/fonts/icons/icon--font5613.woff") format("woff"), url("../assets/fonts/icons/icon--font5613.ttf") format("truetype");
}
[class^=icon--]:before, [class*=icon--]:before {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
}

.icon--alert:before {
  content: "\ea01";
}

.icon--api:before {
  content: "\ea02";
}

.icon--arrow-down:before {
  content: "\ea03";
}

.icon--arrow-left:before {
  content: "\ea04";
}

.icon--arrow-right-circled:before {
  content: "\ea05";
}

.icon--arrow-right:before {
  content: "\ea06";
}

.icon--arrow-to-left:before {
  content: "\ea07";
}

.icon--arrow-to-right:before {
  content: "\ea08";
}

.icon--astronomical-data:before {
  content: "\ea09";
}

.icon--chevron-down:before {
  content: "\ea0a";
}

.icon--chevron-left:before {
  content: "\ea0b";
}

.icon--chevron-right:before {
  content: "\ea0c";
}

.icon--circle-minus-solid:before {
  content: "\ea0d";
}

.icon--circle-plus-solid:before {
  content: "\ea0e";
}

.icon--circle-plus:before {
  content: "\ea0f";
}

.icon--close-regular:before {
  content: "\ea10";
}

.icon--close-solid:before {
  content: "\ea11";
}

.icon--close:before {
  content: "\ea12";
}

.icon--download-solid:before {
  content: "\ea13";
}

.icon--email:before {
  content: "\ea14";
}

.icon--excel-file:before {
  content: "\ea15";
}

.icon--exclamation-solid:before {
  content: "\ea16";
}

.icon--external-link:before {
  content: "\ea17";
}

.icon--facebook:before {
  content: "\ea18";
}

.icon--filter:before {
  content: "\ea19";
}

.icon--gov-uk:before {
  content: "\ea1a";
}

.icon--info-solid:before {
  content: "\ea1b";
}

.icon--linkedin:before {
  content: "\ea1c";
}

.icon--marine-data:before {
  content: "\ea1d";
}

.icon--menu:before {
  content: "\ea1e";
}

.icon--minus:before {
  content: "\ea1f";
}

.icon--new--cart:before {
  content: "\ea20";
}

.icon--new--close:before {
  content: "\ea21";
}

.icon--new--download:before {
  content: "\ea22";
}

.icon--new--menu:before {
  content: "\ea23";
}

.icon--new--search:before {
  content: "\ea24";
}

.icon--new--sign-out:before {
  content: "\ea25";
}

.icon--new--user:before {
  content: "\ea26";
}

.icon--pause-icon:before {
  content: "\ea27";
}

.icon--pdf-file:before {
  content: "\ea28";
}

.icon--phone:before {
  content: "\ea29";
}

.icon--play-icon:before {
  content: "\ea2a";
}

.icon--plus-light:before {
  content: "\ea2b";
}

.icon--plus:before {
  content: "\ea2c";
}

.icon--reply:before {
  content: "\ea2d";
}

.icon--reset:before {
  content: "\ea2e";
}

.icon--retweet:before {
  content: "\ea2f";
}

.icon--s-100:before {
  content: "\ea30";
}

.icon--seabed-mapping:before {
  content: "\ea31";
}

.icon--search:before {
  content: "\ea32";
}

.icon--share:before {
  content: "\ea33";
}

.icon--shopping-cart-solid:before {
  content: "\ea34";
}

.icon--sign-in:before {
  content: "\ea35";
}

.icon--sign-out-solid:before {
  content: "\ea36";
}

.icon--sign-out:before {
  content: "\ea37";
}

.icon--tick-circle:before {
  content: "\ea38";
}

.icon--tick-solid:before {
  content: "\ea39";
}

.icon--tick:before {
  content: "\ea3a";
}

.icon--tidal-data:before {
  content: "\ea3b";
}

.icon--twitter:before {
  content: "\ea3c";
}

.icon--user:before {
  content: "\ea3d";
}

.icon--word-file:before {
  content: "\ea3e";
}

.icon--youtube:before {
  content: "\ea3f";
}

.icon--zip-file:before {
  content: "\ea40";
}

:root {
  --c-admiralty-blue: #09315b;
  --c-black: #000;
  --c-white: #fff;
  --c-light-blue: #65c4db;
  --c-medium-blue: #1a7e97;
  --c-text: #333;
  --c-line-stroke: #c7c7c7;
  --c-disabled: #adadad;
  --c-gray: #848484;
  --c-focus: #ff931e;
}
:root [data-theme=default] {
  --c-admiralty-blue: #09315b;
  --c-black: #000;
  --c-white: #fff;
  --c-light-blue: #65c4db;
  --c-medium-blue: #1a7e97;
  --c-text: #333;
  --c-line-stroke: #c7c7c7;
  --c-disabled: #adadad;
  --c-gray: #848484;
  --c-focus: #ff931e;
}

.c--admiralty-blue {
  color: #09315b;
}

.bg--admiralty-blue {
  background-color: #09315b;
}

.c--black {
  color: #000;
}

.bg--black {
  background-color: #000;
}

.c--white {
  color: #fff;
}

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

.c--light-blue {
  color: #65c4db;
}

.bg--light-blue {
  background-color: #65c4db;
}

.c--medium-blue {
  color: #1a7e97;
}

.bg--medium-blue {
  background-color: #1a7e97;
}

.c--text {
  color: #333;
}

.bg--text {
  background-color: #333;
}

.c--line-stroke {
  color: #c7c7c7;
}

.bg--line-stroke {
  background-color: #c7c7c7;
}

.c--disabled {
  color: #adadad;
}

.bg--disabled {
  background-color: #adadad;
}

.c--gray {
  color: #848484;
}

.bg--gray {
  background-color: #848484;
}

.c--focus {
  color: #ff931e;
}

.bg--focus {
  background-color: #ff931e;
}

.bg--transparent {
  background: transparent;
}

.wing-left {
  position: relative;
  overflow: visible;
}
.wing-left::before {
  content: "";
  width: 100vw;
  height: 100%;
  position: absolute;
  background: inherit;
  background-color: inherit;
  top: 0;
  right: 100%;
}

.wing-right {
  position: relative;
  overflow: visible;
}
.wing-right::after {
  content: "";
  width: 100vw;
  height: 100%;
  position: absolute;
  background: inherit;
  background-color: inherit;
  top: 0;
  left: 100%;
}

.wings {
  position: relative;
  overflow: visible;
  position: relative;
  overflow: visible;
}
.wings::before {
  content: "";
  width: 100vw;
  height: 100%;
  position: absolute;
  background: inherit;
  background-color: inherit;
  top: 0;
  right: 100%;
}
.wings::after {
  content: "";
  width: 100vw;
  height: 100%;
  position: absolute;
  background: inherit;
  background-color: inherit;
  top: 0;
  left: 100%;
}

/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
|| Accessibility
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
.accessible-hide {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.accessible-animation {
  visibility: visible !important;
}

.hide {
  display: none !important;
}

/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
|| Floating classes
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
.float--right {
  float: right;
}

.float--left {
  float: left;
}

/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
|| Clearfix class
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
|| Padding/Margin Modification Classes
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
.py-1 {
  padding-top: 1px;
  padding-bottom: 1px;
}

.px-1 {
  padding-left: 1px;
  padding-right: 1px;
}

.pt-1 {
  padding-top: 1px;
}

.pl-1 {
  padding-left: 1px;
}

.pb-1 {
  padding-bottom: 1px;
}

.pr-1 {
  padding-right: 1px;
}

.my-1 {
  margin-top: 1px;
  margin-bottom: 1px;
}

.mx-1 {
  margin-left: 1px;
  margin-right: 1px;
}

.mt-1 {
  margin-top: 1px;
}

.ml-1 {
  margin-left: 1px;
}

.mb-1 {
  margin-bottom: 1px;
}

.mr-1 {
  margin-right: 1px;
}

.p-1 {
  padding: 1px;
}

.m-1 {
  margin: 1px;
}

.py-2 {
  padding-top: 2px;
  padding-bottom: 2px;
}

.px-2 {
  padding-left: 2px;
  padding-right: 2px;
}

.pt-2 {
  padding-top: 2px;
}

.pl-2 {
  padding-left: 2px;
}

.pb-2 {
  padding-bottom: 2px;
}

.pr-2 {
  padding-right: 2px;
}

.my-2 {
  margin-top: 2px;
  margin-bottom: 2px;
}

.mx-2 {
  margin-left: 2px;
  margin-right: 2px;
}

.mt-2 {
  margin-top: 2px;
}

.ml-2 {
  margin-left: 2px;
}

.mb-2 {
  margin-bottom: 2px;
}

.mr-2 {
  margin-right: 2px;
}

.p-2 {
  padding: 2px;
}

.m-2 {
  margin: 2px;
}

.py-3 {
  padding-top: 3px;
  padding-bottom: 3px;
}

.px-3 {
  padding-left: 3px;
  padding-right: 3px;
}

.pt-3 {
  padding-top: 3px;
}

.pl-3 {
  padding-left: 3px;
}

.pb-3 {
  padding-bottom: 3px;
}

.pr-3 {
  padding-right: 3px;
}

.my-3 {
  margin-top: 3px;
  margin-bottom: 3px;
}

.mx-3 {
  margin-left: 3px;
  margin-right: 3px;
}

.mt-3 {
  margin-top: 3px;
}

.ml-3 {
  margin-left: 3px;
}

.mb-3 {
  margin-bottom: 3px;
}

.mr-3 {
  margin-right: 3px;
}

.p-3 {
  padding: 3px;
}

.m-3 {
  margin: 3px;
}

.py-4 {
  padding-top: 4px;
  padding-bottom: 4px;
}

.px-4 {
  padding-left: 4px;
  padding-right: 4px;
}

.pt-4 {
  padding-top: 4px;
}

.pl-4 {
  padding-left: 4px;
}

.pb-4 {
  padding-bottom: 4px;
}

.pr-4 {
  padding-right: 4px;
}

.my-4 {
  margin-top: 4px;
  margin-bottom: 4px;
}

.mx-4 {
  margin-left: 4px;
  margin-right: 4px;
}

.mt-4 {
  margin-top: 4px;
}

.ml-4 {
  margin-left: 4px;
}

.mb-4 {
  margin-bottom: 4px;
}

.mr-4 {
  margin-right: 4px;
}

.p-4 {
  padding: 4px;
}

.m-4 {
  margin: 4px;
}

.py-5 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.px-5 {
  padding-left: 5px;
  padding-right: 5px;
}

.pt-5 {
  padding-top: 5px;
}

.pl-5 {
  padding-left: 5px;
}

.pb-5 {
  padding-bottom: 5px;
}

.pr-5 {
  padding-right: 5px;
}

.my-5 {
  margin-top: 5px;
  margin-bottom: 5px;
}

.mx-5 {
  margin-left: 5px;
  margin-right: 5px;
}

.mt-5 {
  margin-top: 5px;
}

.ml-5 {
  margin-left: 5px;
}

.mb-5 {
  margin-bottom: 5px;
}

.mr-5 {
  margin-right: 5px;
}

.p-5 {
  padding: 5px;
}

.m-5 {
  margin: 5px;
}

.py-6 {
  padding-top: 6px;
  padding-bottom: 6px;
}

.px-6 {
  padding-left: 6px;
  padding-right: 6px;
}

.pt-6 {
  padding-top: 6px;
}

.pl-6 {
  padding-left: 6px;
}

.pb-6 {
  padding-bottom: 6px;
}

.pr-6 {
  padding-right: 6px;
}

.my-6 {
  margin-top: 6px;
  margin-bottom: 6px;
}

.mx-6 {
  margin-left: 6px;
  margin-right: 6px;
}

.mt-6 {
  margin-top: 6px;
}

.ml-6 {
  margin-left: 6px;
}

.mb-6 {
  margin-bottom: 6px;
}

.mr-6 {
  margin-right: 6px;
}

.p-6 {
  padding: 6px;
}

.m-6 {
  margin: 6px;
}

.py-7 {
  padding-top: 7px;
  padding-bottom: 7px;
}

.px-7 {
  padding-left: 7px;
  padding-right: 7px;
}

.pt-7 {
  padding-top: 7px;
}

.pl-7 {
  padding-left: 7px;
}

.pb-7 {
  padding-bottom: 7px;
}

.pr-7 {
  padding-right: 7px;
}

.my-7 {
  margin-top: 7px;
  margin-bottom: 7px;
}

.mx-7 {
  margin-left: 7px;
  margin-right: 7px;
}

.mt-7 {
  margin-top: 7px;
}

.ml-7 {
  margin-left: 7px;
}

.mb-7 {
  margin-bottom: 7px;
}

.mr-7 {
  margin-right: 7px;
}

.p-7 {
  padding: 7px;
}

.m-7 {
  margin: 7px;
}

.py-8 {
  padding-top: 8px;
  padding-bottom: 8px;
}

.px-8 {
  padding-left: 8px;
  padding-right: 8px;
}

.pt-8 {
  padding-top: 8px;
}

.pl-8 {
  padding-left: 8px;
}

.pb-8 {
  padding-bottom: 8px;
}

.pr-8 {
  padding-right: 8px;
}

.my-8 {
  margin-top: 8px;
  margin-bottom: 8px;
}

.mx-8 {
  margin-left: 8px;
  margin-right: 8px;
}

.mt-8 {
  margin-top: 8px;
}

.ml-8 {
  margin-left: 8px;
}

.mb-8 {
  margin-bottom: 8px;
}

.mr-8 {
  margin-right: 8px;
}

.p-8 {
  padding: 8px;
}

.m-8 {
  margin: 8px;
}

.py-9 {
  padding-top: 9px;
  padding-bottom: 9px;
}

.px-9 {
  padding-left: 9px;
  padding-right: 9px;
}

.pt-9 {
  padding-top: 9px;
}

.pl-9 {
  padding-left: 9px;
}

.pb-9 {
  padding-bottom: 9px;
}

.pr-9 {
  padding-right: 9px;
}

.my-9 {
  margin-top: 9px;
  margin-bottom: 9px;
}

.mx-9 {
  margin-left: 9px;
  margin-right: 9px;
}

.mt-9 {
  margin-top: 9px;
}

.ml-9 {
  margin-left: 9px;
}

.mb-9 {
  margin-bottom: 9px;
}

.mr-9 {
  margin-right: 9px;
}

.p-9 {
  padding: 9px;
}

.m-9 {
  margin: 9px;
}

.py-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.px-10 {
  padding-left: 10px;
  padding-right: 10px;
}

.pt-10 {
  padding-top: 10px;
}

.pl-10 {
  padding-left: 10px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pr-10 {
  padding-right: 10px;
}

.my-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.mx-10 {
  margin-left: 10px;
  margin-right: 10px;
}

.mt-10 {
  margin-top: 10px;
}

.ml-10 {
  margin-left: 10px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mr-10 {
  margin-right: 10px;
}

.p-10 {
  padding: 10px;
}

.m-10 {
  margin: 10px;
}

.py-12 {
  padding-top: 12px;
  padding-bottom: 12px;
}

.px-12 {
  padding-left: 12px;
  padding-right: 12px;
}

.pt-12 {
  padding-top: 12px;
}

.pl-12 {
  padding-left: 12px;
}

.pb-12 {
  padding-bottom: 12px;
}

.pr-12 {
  padding-right: 12px;
}

.my-12 {
  margin-top: 12px;
  margin-bottom: 12px;
}

.mx-12 {
  margin-left: 12px;
  margin-right: 12px;
}

.mt-12 {
  margin-top: 12px;
}

.ml-12 {
  margin-left: 12px;
}

.mb-12 {
  margin-bottom: 12px;
}

.mr-12 {
  margin-right: 12px;
}

.p-12 {
  padding: 12px;
}

.m-12 {
  margin: 12px;
}

.py-14 {
  padding-top: 14px;
  padding-bottom: 14px;
}

.px-14 {
  padding-left: 14px;
  padding-right: 14px;
}

.pt-14 {
  padding-top: 14px;
}

.pl-14 {
  padding-left: 14px;
}

.pb-14 {
  padding-bottom: 14px;
}

.pr-14 {
  padding-right: 14px;
}

.my-14 {
  margin-top: 14px;
  margin-bottom: 14px;
}

.mx-14 {
  margin-left: 14px;
  margin-right: 14px;
}

.mt-14 {
  margin-top: 14px;
}

.ml-14 {
  margin-left: 14px;
}

.mb-14 {
  margin-bottom: 14px;
}

.mr-14 {
  margin-right: 14px;
}

.p-14 {
  padding: 14px;
}

.m-14 {
  margin: 14px;
}

.py-16 {
  padding-top: 16px;
  padding-bottom: 16px;
}

.px-16 {
  padding-left: 16px;
  padding-right: 16px;
}

.pt-16 {
  padding-top: 16px;
}

.pl-16 {
  padding-left: 16px;
}

.pb-16 {
  padding-bottom: 16px;
}

.pr-16 {
  padding-right: 16px;
}

.my-16 {
  margin-top: 16px;
  margin-bottom: 16px;
}

.mx-16 {
  margin-left: 16px;
  margin-right: 16px;
}

.mt-16 {
  margin-top: 16px;
}

.ml-16 {
  margin-left: 16px;
}

.mb-16 {
  margin-bottom: 16px;
}

.mr-16 {
  margin-right: 16px;
}

.p-16 {
  padding: 16px;
}

.m-16 {
  margin: 16px;
}

.py-18 {
  padding-top: 18px;
  padding-bottom: 18px;
}

.px-18 {
  padding-left: 18px;
  padding-right: 18px;
}

.pt-18 {
  padding-top: 18px;
}

.pl-18 {
  padding-left: 18px;
}

.pb-18 {
  padding-bottom: 18px;
}

.pr-18 {
  padding-right: 18px;
}

.my-18 {
  margin-top: 18px;
  margin-bottom: 18px;
}

.mx-18 {
  margin-left: 18px;
  margin-right: 18px;
}

.mt-18 {
  margin-top: 18px;
}

.ml-18 {
  margin-left: 18px;
}

.mb-18 {
  margin-bottom: 18px;
}

.mr-18 {
  margin-right: 18px;
}

.p-18 {
  padding: 18px;
}

.m-18 {
  margin: 18px;
}

.py-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.px-20 {
  padding-left: 20px;
  padding-right: 20px;
}

.pt-20 {
  padding-top: 20px;
}

.pl-20 {
  padding-left: 20px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pr-20 {
  padding-right: 20px;
}

.my-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.mx-20 {
  margin-left: 20px;
  margin-right: 20px;
}

.mt-20 {
  margin-top: 20px;
}

.ml-20 {
  margin-left: 20px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mr-20 {
  margin-right: 20px;
}

.p-20 {
  padding: 20px;
}

.m-20 {
  margin: 20px;
}

.py-22 {
  padding-top: 22px;
  padding-bottom: 22px;
}

.px-22 {
  padding-left: 22px;
  padding-right: 22px;
}

.pt-22 {
  padding-top: 22px;
}

.pl-22 {
  padding-left: 22px;
}

.pb-22 {
  padding-bottom: 22px;
}

.pr-22 {
  padding-right: 22px;
}

.my-22 {
  margin-top: 22px;
  margin-bottom: 22px;
}

.mx-22 {
  margin-left: 22px;
  margin-right: 22px;
}

.mt-22 {
  margin-top: 22px;
}

.ml-22 {
  margin-left: 22px;
}

.mb-22 {
  margin-bottom: 22px;
}

.mr-22 {
  margin-right: 22px;
}

.p-22 {
  padding: 22px;
}

.m-22 {
  margin: 22px;
}

.py-24 {
  padding-top: 24px;
  padding-bottom: 24px;
}

.px-24 {
  padding-left: 24px;
  padding-right: 24px;
}

.pt-24 {
  padding-top: 24px;
}

.pl-24 {
  padding-left: 24px;
}

.pb-24 {
  padding-bottom: 24px;
}

.pr-24 {
  padding-right: 24px;
}

.my-24 {
  margin-top: 24px;
  margin-bottom: 24px;
}

.mx-24 {
  margin-left: 24px;
  margin-right: 24px;
}

.mt-24 {
  margin-top: 24px;
}

.ml-24 {
  margin-left: 24px;
}

.mb-24 {
  margin-bottom: 24px;
}

.mr-24 {
  margin-right: 24px;
}

.p-24 {
  padding: 24px;
}

.m-24 {
  margin: 24px;
}

.py-26 {
  padding-top: 26px;
  padding-bottom: 26px;
}

.px-26 {
  padding-left: 26px;
  padding-right: 26px;
}

.pt-26 {
  padding-top: 26px;
}

.pl-26 {
  padding-left: 26px;
}

.pb-26 {
  padding-bottom: 26px;
}

.pr-26 {
  padding-right: 26px;
}

.my-26 {
  margin-top: 26px;
  margin-bottom: 26px;
}

.mx-26 {
  margin-left: 26px;
  margin-right: 26px;
}

.mt-26 {
  margin-top: 26px;
}

.ml-26 {
  margin-left: 26px;
}

.mb-26 {
  margin-bottom: 26px;
}

.mr-26 {
  margin-right: 26px;
}

.p-26 {
  padding: 26px;
}

.m-26 {
  margin: 26px;
}

.py-28 {
  padding-top: 28px;
  padding-bottom: 28px;
}

.px-28 {
  padding-left: 28px;
  padding-right: 28px;
}

.pt-28 {
  padding-top: 28px;
}

.pl-28 {
  padding-left: 28px;
}

.pb-28 {
  padding-bottom: 28px;
}

.pr-28 {
  padding-right: 28px;
}

.my-28 {
  margin-top: 28px;
  margin-bottom: 28px;
}

.mx-28 {
  margin-left: 28px;
  margin-right: 28px;
}

.mt-28 {
  margin-top: 28px;
}

.ml-28 {
  margin-left: 28px;
}

.mb-28 {
  margin-bottom: 28px;
}

.mr-28 {
  margin-right: 28px;
}

.p-28 {
  padding: 28px;
}

.m-28 {
  margin: 28px;
}

.py-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.px-30 {
  padding-left: 30px;
  padding-right: 30px;
}

.pt-30 {
  padding-top: 30px;
}

.pl-30 {
  padding-left: 30px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pr-30 {
  padding-right: 30px;
}

.my-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.mx-30 {
  margin-left: 30px;
  margin-right: 30px;
}

.mt-30 {
  margin-top: 30px;
}

.ml-30 {
  margin-left: 30px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mr-30 {
  margin-right: 30px;
}

.p-30 {
  padding: 30px;
}

.m-30 {
  margin: 30px;
}

.py-25 {
  padding-top: 25px;
  padding-bottom: 25px;
}

.px-25 {
  padding-left: 25px;
  padding-right: 25px;
}

.pt-25 {
  padding-top: 25px;
}

.pl-25 {
  padding-left: 25px;
}

.pb-25 {
  padding-bottom: 25px;
}

.pr-25 {
  padding-right: 25px;
}

.my-25 {
  margin-top: 25px;
  margin-bottom: 25px;
}

.mx-25 {
  margin-left: 25px;
  margin-right: 25px;
}

.mt-25 {
  margin-top: 25px;
}

.ml-25 {
  margin-left: 25px;
}

.mb-25 {
  margin-bottom: 25px;
}

.mr-25 {
  margin-right: 25px;
}

.p-25 {
  padding: 25px;
}

.m-25 {
  margin: 25px;
}

.py-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.px-30 {
  padding-left: 30px;
  padding-right: 30px;
}

.pt-30 {
  padding-top: 30px;
}

.pl-30 {
  padding-left: 30px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pr-30 {
  padding-right: 30px;
}

.my-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.mx-30 {
  margin-left: 30px;
  margin-right: 30px;
}

.mt-30 {
  margin-top: 30px;
}

.ml-30 {
  margin-left: 30px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mr-30 {
  margin-right: 30px;
}

.p-30 {
  padding: 30px;
}

.m-30 {
  margin: 30px;
}

.py-35 {
  padding-top: 35px;
  padding-bottom: 35px;
}

.px-35 {
  padding-left: 35px;
  padding-right: 35px;
}

.pt-35 {
  padding-top: 35px;
}

.pl-35 {
  padding-left: 35px;
}

.pb-35 {
  padding-bottom: 35px;
}

.pr-35 {
  padding-right: 35px;
}

.my-35 {
  margin-top: 35px;
  margin-bottom: 35px;
}

.mx-35 {
  margin-left: 35px;
  margin-right: 35px;
}

.mt-35 {
  margin-top: 35px;
}

.ml-35 {
  margin-left: 35px;
}

.mb-35 {
  margin-bottom: 35px;
}

.mr-35 {
  margin-right: 35px;
}

.p-35 {
  padding: 35px;
}

.m-35 {
  margin: 35px;
}

.py-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.px-40 {
  padding-left: 40px;
  padding-right: 40px;
}

.pt-40 {
  padding-top: 40px;
}

.pl-40 {
  padding-left: 40px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pr-40 {
  padding-right: 40px;
}

.my-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.mx-40 {
  margin-left: 40px;
  margin-right: 40px;
}

.mt-40 {
  margin-top: 40px;
}

.ml-40 {
  margin-left: 40px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mr-40 {
  margin-right: 40px;
}

.p-40 {
  padding: 40px;
}

.m-40 {
  margin: 40px;
}

.py-45 {
  padding-top: 45px;
  padding-bottom: 45px;
}

.px-45 {
  padding-left: 45px;
  padding-right: 45px;
}

.pt-45 {
  padding-top: 45px;
}

.pl-45 {
  padding-left: 45px;
}

.pb-45 {
  padding-bottom: 45px;
}

.pr-45 {
  padding-right: 45px;
}

.my-45 {
  margin-top: 45px;
  margin-bottom: 45px;
}

.mx-45 {
  margin-left: 45px;
  margin-right: 45px;
}

.mt-45 {
  margin-top: 45px;
}

.ml-45 {
  margin-left: 45px;
}

.mb-45 {
  margin-bottom: 45px;
}

.mr-45 {
  margin-right: 45px;
}

.p-45 {
  padding: 45px;
}

.m-45 {
  margin: 45px;
}

.py-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.px-50 {
  padding-left: 50px;
  padding-right: 50px;
}

.pt-50 {
  padding-top: 50px;
}

.pl-50 {
  padding-left: 50px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pr-50 {
  padding-right: 50px;
}

.my-50 {
  margin-top: 50px;
  margin-bottom: 50px;
}

.mx-50 {
  margin-left: 50px;
  margin-right: 50px;
}

.mt-50 {
  margin-top: 50px;
}

.ml-50 {
  margin-left: 50px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mr-50 {
  margin-right: 50px;
}

.p-50 {
  padding: 50px;
}

.m-50 {
  margin: 50px;
}

.py-55 {
  padding-top: 55px;
  padding-bottom: 55px;
}

.px-55 {
  padding-left: 55px;
  padding-right: 55px;
}

.pt-55 {
  padding-top: 55px;
}

.pl-55 {
  padding-left: 55px;
}

.pb-55 {
  padding-bottom: 55px;
}

.pr-55 {
  padding-right: 55px;
}

.my-55 {
  margin-top: 55px;
  margin-bottom: 55px;
}

.mx-55 {
  margin-left: 55px;
  margin-right: 55px;
}

.mt-55 {
  margin-top: 55px;
}

.ml-55 {
  margin-left: 55px;
}

.mb-55 {
  margin-bottom: 55px;
}

.mr-55 {
  margin-right: 55px;
}

.p-55 {
  padding: 55px;
}

.m-55 {
  margin: 55px;
}

.py-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.px-60 {
  padding-left: 60px;
  padding-right: 60px;
}

.pt-60 {
  padding-top: 60px;
}

.pl-60 {
  padding-left: 60px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pr-60 {
  padding-right: 60px;
}

.my-60 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.mx-60 {
  margin-left: 60px;
  margin-right: 60px;
}

.mt-60 {
  margin-top: 60px;
}

.ml-60 {
  margin-left: 60px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mr-60 {
  margin-right: 60px;
}

.p-60 {
  padding: 60px;
}

.m-60 {
  margin: 60px;
}

.py-70 {
  padding-top: 70px;
  padding-bottom: 70px;
}

.px-70 {
  padding-left: 70px;
  padding-right: 70px;
}

.pt-70 {
  padding-top: 70px;
}

.pl-70 {
  padding-left: 70px;
}

.pb-70 {
  padding-bottom: 70px;
}

.pr-70 {
  padding-right: 70px;
}

.my-70 {
  margin-top: 70px;
  margin-bottom: 70px;
}

.mx-70 {
  margin-left: 70px;
  margin-right: 70px;
}

.mt-70 {
  margin-top: 70px;
}

.ml-70 {
  margin-left: 70px;
}

.mb-70 {
  margin-bottom: 70px;
}

.mr-70 {
  margin-right: 70px;
}

.p-70 {
  padding: 70px;
}

.m-70 {
  margin: 70px;
}

.py-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.px-80 {
  padding-left: 80px;
  padding-right: 80px;
}

.pt-80 {
  padding-top: 80px;
}

.pl-80 {
  padding-left: 80px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pr-80 {
  padding-right: 80px;
}

.my-80 {
  margin-top: 80px;
  margin-bottom: 80px;
}

.mx-80 {
  margin-left: 80px;
  margin-right: 80px;
}

.mt-80 {
  margin-top: 80px;
}

.ml-80 {
  margin-left: 80px;
}

.mb-80 {
  margin-bottom: 80px;
}

.mr-80 {
  margin-right: 80px;
}

.p-80 {
  padding: 80px;
}

.m-80 {
  margin: 80px;
}

.py-90 {
  padding-top: 90px;
  padding-bottom: 90px;
}

.px-90 {
  padding-left: 90px;
  padding-right: 90px;
}

.pt-90 {
  padding-top: 90px;
}

.pl-90 {
  padding-left: 90px;
}

.pb-90 {
  padding-bottom: 90px;
}

.pr-90 {
  padding-right: 90px;
}

.my-90 {
  margin-top: 90px;
  margin-bottom: 90px;
}

.mx-90 {
  margin-left: 90px;
  margin-right: 90px;
}

.mt-90 {
  margin-top: 90px;
}

.ml-90 {
  margin-left: 90px;
}

.mb-90 {
  margin-bottom: 90px;
}

.mr-90 {
  margin-right: 90px;
}

.p-90 {
  padding: 90px;
}

.m-90 {
  margin: 90px;
}

.py-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.px-100 {
  padding-left: 100px;
  padding-right: 100px;
}

.pt-100 {
  padding-top: 100px;
}

.pl-100 {
  padding-left: 100px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pr-100 {
  padding-right: 100px;
}

.my-100 {
  margin-top: 100px;
  margin-bottom: 100px;
}

.mx-100 {
  margin-left: 100px;
  margin-right: 100px;
}

.mt-100 {
  margin-top: 100px;
}

.ml-100 {
  margin-left: 100px;
}

.mb-100 {
  margin-bottom: 100px;
}

.mr-100 {
  margin-right: 100px;
}

.p-100 {
  padding: 100px;
}

.m-100 {
  margin: 100px;
}

/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
|| Wings
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
.wings {
  position: relative;
  overflow: visible;
  position: relative;
  overflow: visible;
}
.wings::before {
  content: "";
  width: 100vw;
  height: 100%;
  position: absolute;
  background: inherit;
  background-color: inherit;
  top: 0;
  right: 100%;
}
.wings::after {
  content: "";
  width: 100vw;
  height: 100%;
  position: absolute;
  background: inherit;
  background-color: inherit;
  top: 0;
  left: 100%;
}

/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
|| Sizes
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
.height-100 {
  height: 100%;
}

.width-100 {
  width: 100%;
}

/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
|| Sizes
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
.greyscale {
  -moz-filter: grayscale(100%);
  filter: grayscale(100%);
}

.normal {
  font-weight: 300;
}

.bold {
  font-weight: 500;
}

.bolder {
  font-weight: 700;
}

.lighter {
  font-weight: 200;
}

.uppercase {
  text-transform: uppercase;
}

.fs-h1 {
  font-size: calc(60px + (70 - 60) * (100vw - 1681px) / (1920 - 1681));
  line-height: calc(66px + (78 - 66) * (100vw - 1681px) / (1920 - 1681));
}
@media only screen and (min-width: 1920px) {
  .fs-h1 {
    font-size: 70px;
    line-height: 78px;
  }
}
@media only screen and (max-width: 1680px) {
  .fs-h1 {
    font-size: calc(58px + (60 - 58) * (100vw - 1441px) / (1680 - 1441));
    line-height: calc(64px + (66 - 64) * (100vw - 1441px) / (1680 - 1441));
  }
}
@media only screen and (max-width: 1440px) {
  .fs-h1 {
    font-size: calc(52px + (58 - 52) * (100vw - 1281px) / (1440 - 1281));
    line-height: calc(57px + (64 - 57) * (100vw - 1281px) / (1440 - 1281));
  }
}
@media only screen and (max-width: 1280px) {
  .fs-h1 {
    font-size: calc(50px + (52 - 50) * (100vw - 835px) / (1280 - 835));
    line-height: calc(55px + (57 - 55) * (100vw - 835px) / (1280 - 835));
  }
}
@media only screen and (max-width: 834px) {
  .fs-h1 {
    font-size: calc(38px + (50 - 38) * (100vw - 415px) / (834 - 415));
    line-height: calc(42px + (55 - 42) * (100vw - 415px) / (834 - 415));
  }
}
@media only screen and (max-width: 414px) {
  .fs-h1 {
    font-size: 38px;
    line-height: 42px;
  }
}

.fs-h2 {
  font-size: calc(42px + (46 - 42) * (100vw - 1681px) / (1920 - 1681));
  line-height: calc(50px + (55 - 50) * (100vw - 1681px) / (1920 - 1681));
}
@media only screen and (min-width: 1920px) {
  .fs-h2 {
    font-size: 46px;
    line-height: 55px;
  }
}
@media only screen and (max-width: 1680px) {
  .fs-h2 {
    font-size: calc(40px + (42 - 40) * (100vw - 1441px) / (1680 - 1441));
    line-height: calc(48px + (50 - 48) * (100vw - 1441px) / (1680 - 1441));
  }
}
@media only screen and (max-width: 1440px) {
  .fs-h2 {
    font-size: calc(38px + (40 - 38) * (100vw - 1281px) / (1440 - 1281));
    line-height: calc(46px + (48 - 46) * (100vw - 1281px) / (1440 - 1281));
  }
}
@media only screen and (max-width: 1280px) {
  .fs-h2 {
    font-size: calc(36px + (38 - 36) * (100vw - 835px) / (1280 - 835));
    line-height: calc(43px + (46 - 43) * (100vw - 835px) / (1280 - 835));
  }
}
@media only screen and (max-width: 834px) {
  .fs-h2 {
    font-size: calc(32px + (36 - 32) * (100vw - 415px) / (834 - 415));
    line-height: calc(38px + (43 - 38) * (100vw - 415px) / (834 - 415));
  }
}
@media only screen and (max-width: 414px) {
  .fs-h2 {
    font-size: 32px;
    line-height: 38px;
  }
}

.fs-h3 {
  font-size: calc(38px + (40 - 38) * (100vw - 1681px) / (1920 - 1681));
  line-height: calc(47px + (50 - 47) * (100vw - 1681px) / (1920 - 1681));
}
@media only screen and (min-width: 1920px) {
  .fs-h3 {
    font-size: 40px;
    line-height: 50px;
  }
}
@media only screen and (max-width: 1680px) {
  .fs-h3 {
    font-size: calc(36px + (38 - 36) * (100vw - 1441px) / (1680 - 1441));
    line-height: calc(45px + (47 - 45) * (100vw - 1441px) / (1680 - 1441));
  }
}
@media only screen and (max-width: 1440px) {
  .fs-h3 {
    font-size: calc(34px + (36 - 34) * (100vw - 1281px) / (1440 - 1281));
    line-height: calc(42px + (45 - 42) * (100vw - 1281px) / (1440 - 1281));
  }
}
@media only screen and (max-width: 1280px) {
  .fs-h3 {
    font-size: calc(32px + (34 - 32) * (100vw - 835px) / (1280 - 835));
    line-height: calc(40px + (42 - 40) * (100vw - 835px) / (1280 - 835));
  }
}
@media only screen and (max-width: 834px) {
  .fs-h3 {
    font-size: calc(28px + (32 - 28) * (100vw - 415px) / (834 - 415));
    line-height: calc(35px + (40 - 35) * (100vw - 415px) / (834 - 415));
  }
}
@media only screen and (max-width: 414px) {
  .fs-h3 {
    font-size: 28px;
    line-height: 35px;
  }
}

.fs-h4 {
  font-size: calc(28px + (31 - 28) * (100vw - 1681px) / (1920 - 1681));
  line-height: calc(36px + (40 - 36) * (100vw - 1681px) / (1920 - 1681));
}
@media only screen and (min-width: 1920px) {
  .fs-h4 {
    font-size: 31px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 1680px) {
  .fs-h4 {
    font-size: calc(26px + (28 - 26) * (100vw - 1441px) / (1680 - 1441));
    line-height: calc(34px + (36 - 34) * (100vw - 1441px) / (1680 - 1441));
  }
}
@media only screen and (max-width: 1440px) {
  .fs-h4 {
    font-size: calc(24px + (26 - 24) * (100vw - 1281px) / (1440 - 1281));
    line-height: calc(31px + (34 - 31) * (100vw - 1281px) / (1440 - 1281));
  }
}
@media only screen and (max-width: 1280px) {
  .fs-h4 {
    font-size: 24px;
    line-height: 31px;
  }
}
@media only screen and (max-width: 834px) {
  .fs-h4 {
    font-size: calc(22px + (24 - 22) * (100vw - 415px) / (834 - 415));
    line-height: 31px;
  }
}
@media only screen and (max-width: 414px) {
  .fs-h4 {
    font-size: 22px;
    line-height: 25px;
  }
}

.fs-body {
  font-size: 16px;
  line-height: 26px;
}
@media only screen and (min-width: 1920px) {
  .fs-body {
    font-size: 16px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 1680px) {
  .fs-body {
    font-size: 16px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 1440px) {
  .fs-body {
    font-size: 16px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 1280px) {
  .fs-body {
    font-size: 16px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 834px) {
  .fs-body {
    font-size: calc(14px + (16 - 14) * (100vw - 415px) / (834 - 415));
    line-height: calc(22px + (26 - 22) * (100vw - 415px) / (834 - 415));
  }
}
@media only screen and (max-width: 414px) {
  .fs-body {
    font-size: 14px;
    line-height: 22px;
  }
}

.small {
  font-size: 16px;
  line-height: 22px;
}
@media only screen and (max-width: 834px) {
  .small {
    font-size: 14px;
    line-height: 18px;
  }
}

.font-johnson-medium {
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 500;
}

.font-johnson-light {
  font-family: JohnstonITCProLight, sans-serif;
  font-weight: 300;
}

.break-all {
  word-break: break-all;
}

.gw {
  width: 100%;
  margin: 0 auto;
  max-width: 1920px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.gw * {
  box-sizing: border-box;
}
.gw .gs {
  max-width: 79%;
}
@media only screen and (max-width: 1440px) {
  .gw .gs {
    max-width: 85%;
  }
}
@media only screen and (max-width: 834px) {
  .gw {
    padding: 0 42px;
  }
  .gw .gs {
    max-width: none;
  }
}
@media only screen and (max-width: 414px) {
  .gw {
    padding: 0 31px;
  }
  .gw .gs {
    max-width: none;
  }
}

.gs {
  width: 100%;
}
.gs.vg .gr + .gr {
  margin-top: 20px;
}
.gs .gr {
  margin: 0 -12.5px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
}
.gs .gr.middle {
  align-items: center;
}
.gs .gc {
  width: 100%;
}
.gs [class*=gc-] {
  padding: 0 12.5px;
}
.gs [class*=gc-].bottom {
  justify-content: flex-end;
  flex-direction: column;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 1440px) {
  .gs [class*=gc-] {
    padding: 0 10px;
  }
  .gs .gr {
    margin: 0 -10px;
  }
  .gs.vg .gr + .gr {
    margin-top: 10px;
  }
}
@media only screen and (min-width: 0) {
  .gs .gc-xxs-4 {
    width: 100%;
  }
  .gs .gc-xxs-4 .gc-xxs-4 {
    width: 100%;
  }
  .gs .gc-xxs-4 .gc-xxs-3 {
    width: 75%;
  }
  .gs .gc-xxs-4 .gc-xxs-2 {
    width: 50%;
  }
  .gs .gc-xxs-4 .gc-xxs-1 {
    width: 25%;
  }
  .gs .gc-xxs-3 {
    width: 75%;
  }
  .gs .gc-xxs-3 .gc-xxs-4 {
    width: 133.3333333333%;
  }
  .gs .gc-xxs-3 .gc-xxs-3 {
    width: 100%;
  }
  .gs .gc-xxs-3 .gc-xxs-2 {
    width: 66.6666666667%;
  }
  .gs .gc-xxs-3 .gc-xxs-1 {
    width: 33.3333333333%;
  }
  .gs .gc-xxs-2 {
    width: 50%;
  }
  .gs .gc-xxs-2 .gc-xxs-4 {
    width: 200%;
  }
  .gs .gc-xxs-2 .gc-xxs-3 {
    width: 150%;
  }
  .gs .gc-xxs-2 .gc-xxs-2 {
    width: 100%;
  }
  .gs .gc-xxs-2 .gc-xxs-1 {
    width: 50%;
  }
  .gs .gc-xxs-1 {
    width: 25%;
  }
  .gs .gc-xxs-1 .gc-xxs-4 {
    width: 400%;
  }
  .gs .gc-xxs-1 .gc-xxs-3 {
    width: 300%;
  }
  .gs .gc-xxs-1 .gc-xxs-2 {
    width: 200%;
  }
  .gs .gc-xxs-1 .gc-xxs-1 {
    width: 100%;
  }
  .gs .gc-xxs-offset-4 {
    margin-left: 100%;
  }
  .gs .gc-xxs-offset-4 .gc-xxs-offset-4 {
    margin-left: 100%;
  }
  .gs .gc-xxs-offset-4 .gc-xxs-offset-3 {
    margin-left: 75%;
  }
  .gs .gc-xxs-offset-4 .gc-xxs-offset-2 {
    margin-left: 50%;
  }
  .gs .gc-xxs-offset-4 .gc-xxs-offset-1 {
    margin-left: 25%;
  }
  .gs .gc-xxs-offset-3 {
    margin-left: 75%;
  }
  .gs .gc-xxs-offset-3 .gc-xxs-offset-4 {
    margin-left: 133.3333333333%;
  }
  .gs .gc-xxs-offset-3 .gc-xxs-offset-3 {
    margin-left: 100%;
  }
  .gs .gc-xxs-offset-3 .gc-xxs-offset-2 {
    margin-left: 66.6666666667%;
  }
  .gs .gc-xxs-offset-3 .gc-xxs-offset-1 {
    margin-left: 33.3333333333%;
  }
  .gs .gc-xxs-offset-2 {
    margin-left: 50%;
  }
  .gs .gc-xxs-offset-2 .gc-xxs-offset-4 {
    margin-left: 200%;
  }
  .gs .gc-xxs-offset-2 .gc-xxs-offset-3 {
    margin-left: 150%;
  }
  .gs .gc-xxs-offset-2 .gc-xxs-offset-2 {
    margin-left: 100%;
  }
  .gs .gc-xxs-offset-2 .gc-xxs-offset-1 {
    margin-left: 50%;
  }
  .gs .gc-xxs-offset-1 {
    margin-left: 25%;
  }
  .gs .gc-xxs-offset-1 .gc-xxs-offset-4 {
    margin-left: 400%;
  }
  .gs .gc-xxs-offset-1 .gc-xxs-offset-3 {
    margin-left: 300%;
  }
  .gs .gc-xxs-offset-1 .gc-xxs-offset-2 {
    margin-left: 200%;
  }
  .gs .gc-xxs-offset-1 .gc-xxs-offset-1 {
    margin-left: 100%;
  }
  .gs .gc-xxs-offset-0 {
    margin-left: 0;
  }
}
@media only screen and (min-width: 361px) {
  .gs .gc-xs-4 {
    width: 100%;
  }
  .gs .gc-xs-4 .gc-xs-4 {
    width: 100%;
  }
  .gs .gc-xs-4 .gc-xs-3 {
    width: 75%;
  }
  .gs .gc-xs-4 .gc-xs-2 {
    width: 50%;
  }
  .gs .gc-xs-4 .gc-xs-1 {
    width: 25%;
  }
  .gs .gc-xs-3 {
    width: 75%;
  }
  .gs .gc-xs-3 .gc-xs-4 {
    width: 133.3333333333%;
  }
  .gs .gc-xs-3 .gc-xs-3 {
    width: 100%;
  }
  .gs .gc-xs-3 .gc-xs-2 {
    width: 66.6666666667%;
  }
  .gs .gc-xs-3 .gc-xs-1 {
    width: 33.3333333333%;
  }
  .gs .gc-xs-2 {
    width: 50%;
  }
  .gs .gc-xs-2 .gc-xs-4 {
    width: 200%;
  }
  .gs .gc-xs-2 .gc-xs-3 {
    width: 150%;
  }
  .gs .gc-xs-2 .gc-xs-2 {
    width: 100%;
  }
  .gs .gc-xs-2 .gc-xs-1 {
    width: 50%;
  }
  .gs .gc-xs-1 {
    width: 25%;
  }
  .gs .gc-xs-1 .gc-xs-4 {
    width: 400%;
  }
  .gs .gc-xs-1 .gc-xs-3 {
    width: 300%;
  }
  .gs .gc-xs-1 .gc-xs-2 {
    width: 200%;
  }
  .gs .gc-xs-1 .gc-xs-1 {
    width: 100%;
  }
  .gs .gc-xs-offset-4 {
    margin-left: 100%;
  }
  .gs .gc-xs-offset-4 .gc-xs-offset-4 {
    margin-left: 100%;
  }
  .gs .gc-xs-offset-4 .gc-xs-offset-3 {
    margin-left: 75%;
  }
  .gs .gc-xs-offset-4 .gc-xs-offset-2 {
    margin-left: 50%;
  }
  .gs .gc-xs-offset-4 .gc-xs-offset-1 {
    margin-left: 25%;
  }
  .gs .gc-xs-offset-3 {
    margin-left: 75%;
  }
  .gs .gc-xs-offset-3 .gc-xs-offset-4 {
    margin-left: 133.3333333333%;
  }
  .gs .gc-xs-offset-3 .gc-xs-offset-3 {
    margin-left: 100%;
  }
  .gs .gc-xs-offset-3 .gc-xs-offset-2 {
    margin-left: 66.6666666667%;
  }
  .gs .gc-xs-offset-3 .gc-xs-offset-1 {
    margin-left: 33.3333333333%;
  }
  .gs .gc-xs-offset-2 {
    margin-left: 50%;
  }
  .gs .gc-xs-offset-2 .gc-xs-offset-4 {
    margin-left: 200%;
  }
  .gs .gc-xs-offset-2 .gc-xs-offset-3 {
    margin-left: 150%;
  }
  .gs .gc-xs-offset-2 .gc-xs-offset-2 {
    margin-left: 100%;
  }
  .gs .gc-xs-offset-2 .gc-xs-offset-1 {
    margin-left: 50%;
  }
  .gs .gc-xs-offset-1 {
    margin-left: 25%;
  }
  .gs .gc-xs-offset-1 .gc-xs-offset-4 {
    margin-left: 400%;
  }
  .gs .gc-xs-offset-1 .gc-xs-offset-3 {
    margin-left: 300%;
  }
  .gs .gc-xs-offset-1 .gc-xs-offset-2 {
    margin-left: 200%;
  }
  .gs .gc-xs-offset-1 .gc-xs-offset-1 {
    margin-left: 100%;
  }
  .gs .gc-xs-offset-0 {
    margin-left: 0;
  }
}
@media only screen and (min-width: 415px) {
  .gs .gc-sm-8 {
    width: 100%;
  }
  .gs .gc-sm-8 .gc-sm-8 {
    width: 100%;
  }
  .gs .gc-sm-8 .gc-sm-7 {
    width: 87.5%;
  }
  .gs .gc-sm-8 .gc-sm-6 {
    width: 75%;
  }
  .gs .gc-sm-8 .gc-sm-5 {
    width: 62.5%;
  }
  .gs .gc-sm-8 .gc-sm-4 {
    width: 50%;
  }
  .gs .gc-sm-8 .gc-sm-3 {
    width: 37.5%;
  }
  .gs .gc-sm-8 .gc-sm-2 {
    width: 25%;
  }
  .gs .gc-sm-8 .gc-sm-1 {
    width: 12.5%;
  }
  .gs .gc-sm-7 {
    width: 87.5%;
  }
  .gs .gc-sm-7 .gc-sm-8 {
    width: 114.2857142857%;
  }
  .gs .gc-sm-7 .gc-sm-7 {
    width: 100%;
  }
  .gs .gc-sm-7 .gc-sm-6 {
    width: 85.7142857143%;
  }
  .gs .gc-sm-7 .gc-sm-5 {
    width: 71.4285714286%;
  }
  .gs .gc-sm-7 .gc-sm-4 {
    width: 57.1428571429%;
  }
  .gs .gc-sm-7 .gc-sm-3 {
    width: 42.8571428571%;
  }
  .gs .gc-sm-7 .gc-sm-2 {
    width: 28.5714285714%;
  }
  .gs .gc-sm-7 .gc-sm-1 {
    width: 14.2857142857%;
  }
  .gs .gc-sm-6 {
    width: 75%;
  }
  .gs .gc-sm-6 .gc-sm-8 {
    width: 133.3333333333%;
  }
  .gs .gc-sm-6 .gc-sm-7 {
    width: 116.6666666667%;
  }
  .gs .gc-sm-6 .gc-sm-6 {
    width: 100%;
  }
  .gs .gc-sm-6 .gc-sm-5 {
    width: 83.3333333333%;
  }
  .gs .gc-sm-6 .gc-sm-4 {
    width: 66.6666666667%;
  }
  .gs .gc-sm-6 .gc-sm-3 {
    width: 50%;
  }
  .gs .gc-sm-6 .gc-sm-2 {
    width: 33.3333333333%;
  }
  .gs .gc-sm-6 .gc-sm-1 {
    width: 16.6666666667%;
  }
  .gs .gc-sm-5 {
    width: 62.5%;
  }
  .gs .gc-sm-5 .gc-sm-8 {
    width: 160%;
  }
  .gs .gc-sm-5 .gc-sm-7 {
    width: 140%;
  }
  .gs .gc-sm-5 .gc-sm-6 {
    width: 120%;
  }
  .gs .gc-sm-5 .gc-sm-5 {
    width: 100%;
  }
  .gs .gc-sm-5 .gc-sm-4 {
    width: 80%;
  }
  .gs .gc-sm-5 .gc-sm-3 {
    width: 60%;
  }
  .gs .gc-sm-5 .gc-sm-2 {
    width: 40%;
  }
  .gs .gc-sm-5 .gc-sm-1 {
    width: 20%;
  }
  .gs .gc-sm-4 {
    width: 50%;
  }
  .gs .gc-sm-4 .gc-sm-8 {
    width: 200%;
  }
  .gs .gc-sm-4 .gc-sm-7 {
    width: 175%;
  }
  .gs .gc-sm-4 .gc-sm-6 {
    width: 150%;
  }
  .gs .gc-sm-4 .gc-sm-5 {
    width: 125%;
  }
  .gs .gc-sm-4 .gc-sm-4 {
    width: 100%;
  }
  .gs .gc-sm-4 .gc-sm-3 {
    width: 75%;
  }
  .gs .gc-sm-4 .gc-sm-2 {
    width: 50%;
  }
  .gs .gc-sm-4 .gc-sm-1 {
    width: 25%;
  }
  .gs .gc-sm-3 {
    width: 37.5%;
  }
  .gs .gc-sm-3 .gc-sm-8 {
    width: 266.6666666667%;
  }
  .gs .gc-sm-3 .gc-sm-7 {
    width: 233.3333333333%;
  }
  .gs .gc-sm-3 .gc-sm-6 {
    width: 200%;
  }
  .gs .gc-sm-3 .gc-sm-5 {
    width: 166.6666666667%;
  }
  .gs .gc-sm-3 .gc-sm-4 {
    width: 133.3333333333%;
  }
  .gs .gc-sm-3 .gc-sm-3 {
    width: 100%;
  }
  .gs .gc-sm-3 .gc-sm-2 {
    width: 66.6666666667%;
  }
  .gs .gc-sm-3 .gc-sm-1 {
    width: 33.3333333333%;
  }
  .gs .gc-sm-2 {
    width: 25%;
  }
  .gs .gc-sm-2 .gc-sm-8 {
    width: 400%;
  }
  .gs .gc-sm-2 .gc-sm-7 {
    width: 350%;
  }
  .gs .gc-sm-2 .gc-sm-6 {
    width: 300%;
  }
  .gs .gc-sm-2 .gc-sm-5 {
    width: 250%;
  }
  .gs .gc-sm-2 .gc-sm-4 {
    width: 200%;
  }
  .gs .gc-sm-2 .gc-sm-3 {
    width: 150%;
  }
  .gs .gc-sm-2 .gc-sm-2 {
    width: 100%;
  }
  .gs .gc-sm-2 .gc-sm-1 {
    width: 50%;
  }
  .gs .gc-sm-1 {
    width: 12.5%;
  }
  .gs .gc-sm-1 .gc-sm-8 {
    width: 800%;
  }
  .gs .gc-sm-1 .gc-sm-7 {
    width: 700%;
  }
  .gs .gc-sm-1 .gc-sm-6 {
    width: 600%;
  }
  .gs .gc-sm-1 .gc-sm-5 {
    width: 500%;
  }
  .gs .gc-sm-1 .gc-sm-4 {
    width: 400%;
  }
  .gs .gc-sm-1 .gc-sm-3 {
    width: 300%;
  }
  .gs .gc-sm-1 .gc-sm-2 {
    width: 200%;
  }
  .gs .gc-sm-1 .gc-sm-1 {
    width: 100%;
  }
  .gs .gc-sm-offset-8 {
    margin-left: 100%;
  }
  .gs .gc-sm-offset-8 .gc-sm-offset-8 {
    margin-left: 100%;
  }
  .gs .gc-sm-offset-8 .gc-sm-offset-7 {
    margin-left: 87.5%;
  }
  .gs .gc-sm-offset-8 .gc-sm-offset-6 {
    margin-left: 75%;
  }
  .gs .gc-sm-offset-8 .gc-sm-offset-5 {
    margin-left: 62.5%;
  }
  .gs .gc-sm-offset-8 .gc-sm-offset-4 {
    margin-left: 50%;
  }
  .gs .gc-sm-offset-8 .gc-sm-offset-3 {
    margin-left: 37.5%;
  }
  .gs .gc-sm-offset-8 .gc-sm-offset-2 {
    margin-left: 25%;
  }
  .gs .gc-sm-offset-8 .gc-sm-offset-1 {
    margin-left: 12.5%;
  }
  .gs .gc-sm-offset-7 {
    margin-left: 87.5%;
  }
  .gs .gc-sm-offset-7 .gc-sm-offset-8 {
    margin-left: 114.2857142857%;
  }
  .gs .gc-sm-offset-7 .gc-sm-offset-7 {
    margin-left: 100%;
  }
  .gs .gc-sm-offset-7 .gc-sm-offset-6 {
    margin-left: 85.7142857143%;
  }
  .gs .gc-sm-offset-7 .gc-sm-offset-5 {
    margin-left: 71.4285714286%;
  }
  .gs .gc-sm-offset-7 .gc-sm-offset-4 {
    margin-left: 57.1428571429%;
  }
  .gs .gc-sm-offset-7 .gc-sm-offset-3 {
    margin-left: 42.8571428571%;
  }
  .gs .gc-sm-offset-7 .gc-sm-offset-2 {
    margin-left: 28.5714285714%;
  }
  .gs .gc-sm-offset-7 .gc-sm-offset-1 {
    margin-left: 14.2857142857%;
  }
  .gs .gc-sm-offset-6 {
    margin-left: 75%;
  }
  .gs .gc-sm-offset-6 .gc-sm-offset-8 {
    margin-left: 133.3333333333%;
  }
  .gs .gc-sm-offset-6 .gc-sm-offset-7 {
    margin-left: 116.6666666667%;
  }
  .gs .gc-sm-offset-6 .gc-sm-offset-6 {
    margin-left: 100%;
  }
  .gs .gc-sm-offset-6 .gc-sm-offset-5 {
    margin-left: 83.3333333333%;
  }
  .gs .gc-sm-offset-6 .gc-sm-offset-4 {
    margin-left: 66.6666666667%;
  }
  .gs .gc-sm-offset-6 .gc-sm-offset-3 {
    margin-left: 50%;
  }
  .gs .gc-sm-offset-6 .gc-sm-offset-2 {
    margin-left: 33.3333333333%;
  }
  .gs .gc-sm-offset-6 .gc-sm-offset-1 {
    margin-left: 16.6666666667%;
  }
  .gs .gc-sm-offset-5 {
    margin-left: 62.5%;
  }
  .gs .gc-sm-offset-5 .gc-sm-offset-8 {
    margin-left: 160%;
  }
  .gs .gc-sm-offset-5 .gc-sm-offset-7 {
    margin-left: 140%;
  }
  .gs .gc-sm-offset-5 .gc-sm-offset-6 {
    margin-left: 120%;
  }
  .gs .gc-sm-offset-5 .gc-sm-offset-5 {
    margin-left: 100%;
  }
  .gs .gc-sm-offset-5 .gc-sm-offset-4 {
    margin-left: 80%;
  }
  .gs .gc-sm-offset-5 .gc-sm-offset-3 {
    margin-left: 60%;
  }
  .gs .gc-sm-offset-5 .gc-sm-offset-2 {
    margin-left: 40%;
  }
  .gs .gc-sm-offset-5 .gc-sm-offset-1 {
    margin-left: 20%;
  }
  .gs .gc-sm-offset-4 {
    margin-left: 50%;
  }
  .gs .gc-sm-offset-4 .gc-sm-offset-8 {
    margin-left: 200%;
  }
  .gs .gc-sm-offset-4 .gc-sm-offset-7 {
    margin-left: 175%;
  }
  .gs .gc-sm-offset-4 .gc-sm-offset-6 {
    margin-left: 150%;
  }
  .gs .gc-sm-offset-4 .gc-sm-offset-5 {
    margin-left: 125%;
  }
  .gs .gc-sm-offset-4 .gc-sm-offset-4 {
    margin-left: 100%;
  }
  .gs .gc-sm-offset-4 .gc-sm-offset-3 {
    margin-left: 75%;
  }
  .gs .gc-sm-offset-4 .gc-sm-offset-2 {
    margin-left: 50%;
  }
  .gs .gc-sm-offset-4 .gc-sm-offset-1 {
    margin-left: 25%;
  }
  .gs .gc-sm-offset-3 {
    margin-left: 37.5%;
  }
  .gs .gc-sm-offset-3 .gc-sm-offset-8 {
    margin-left: 266.6666666667%;
  }
  .gs .gc-sm-offset-3 .gc-sm-offset-7 {
    margin-left: 233.3333333333%;
  }
  .gs .gc-sm-offset-3 .gc-sm-offset-6 {
    margin-left: 200%;
  }
  .gs .gc-sm-offset-3 .gc-sm-offset-5 {
    margin-left: 166.6666666667%;
  }
  .gs .gc-sm-offset-3 .gc-sm-offset-4 {
    margin-left: 133.3333333333%;
  }
  .gs .gc-sm-offset-3 .gc-sm-offset-3 {
    margin-left: 100%;
  }
  .gs .gc-sm-offset-3 .gc-sm-offset-2 {
    margin-left: 66.6666666667%;
  }
  .gs .gc-sm-offset-3 .gc-sm-offset-1 {
    margin-left: 33.3333333333%;
  }
  .gs .gc-sm-offset-2 {
    margin-left: 25%;
  }
  .gs .gc-sm-offset-2 .gc-sm-offset-8 {
    margin-left: 400%;
  }
  .gs .gc-sm-offset-2 .gc-sm-offset-7 {
    margin-left: 350%;
  }
  .gs .gc-sm-offset-2 .gc-sm-offset-6 {
    margin-left: 300%;
  }
  .gs .gc-sm-offset-2 .gc-sm-offset-5 {
    margin-left: 250%;
  }
  .gs .gc-sm-offset-2 .gc-sm-offset-4 {
    margin-left: 200%;
  }
  .gs .gc-sm-offset-2 .gc-sm-offset-3 {
    margin-left: 150%;
  }
  .gs .gc-sm-offset-2 .gc-sm-offset-2 {
    margin-left: 100%;
  }
  .gs .gc-sm-offset-2 .gc-sm-offset-1 {
    margin-left: 50%;
  }
  .gs .gc-sm-offset-1 {
    margin-left: 12.5%;
  }
  .gs .gc-sm-offset-1 .gc-sm-offset-8 {
    margin-left: 800%;
  }
  .gs .gc-sm-offset-1 .gc-sm-offset-7 {
    margin-left: 700%;
  }
  .gs .gc-sm-offset-1 .gc-sm-offset-6 {
    margin-left: 600%;
  }
  .gs .gc-sm-offset-1 .gc-sm-offset-5 {
    margin-left: 500%;
  }
  .gs .gc-sm-offset-1 .gc-sm-offset-4 {
    margin-left: 400%;
  }
  .gs .gc-sm-offset-1 .gc-sm-offset-3 {
    margin-left: 300%;
  }
  .gs .gc-sm-offset-1 .gc-sm-offset-2 {
    margin-left: 200%;
  }
  .gs .gc-sm-offset-1 .gc-sm-offset-1 {
    margin-left: 100%;
  }
  .gs .gc-sm-offset-0 {
    margin-left: 0;
  }
}
@media only screen and (min-width: 601px) {
  .gs .gc-md-8 {
    width: 100%;
  }
  .gs .gc-md-8 .gc-md-8 {
    width: 100%;
  }
  .gs .gc-md-8 .gc-md-7 {
    width: 87.5%;
  }
  .gs .gc-md-8 .gc-md-6 {
    width: 75%;
  }
  .gs .gc-md-8 .gc-md-5 {
    width: 62.5%;
  }
  .gs .gc-md-8 .gc-md-4 {
    width: 50%;
  }
  .gs .gc-md-8 .gc-md-3 {
    width: 37.5%;
  }
  .gs .gc-md-8 .gc-md-2 {
    width: 25%;
  }
  .gs .gc-md-8 .gc-md-1 {
    width: 12.5%;
  }
  .gs .gc-md-7 {
    width: 87.5%;
  }
  .gs .gc-md-7 .gc-md-8 {
    width: 114.2857142857%;
  }
  .gs .gc-md-7 .gc-md-7 {
    width: 100%;
  }
  .gs .gc-md-7 .gc-md-6 {
    width: 85.7142857143%;
  }
  .gs .gc-md-7 .gc-md-5 {
    width: 71.4285714286%;
  }
  .gs .gc-md-7 .gc-md-4 {
    width: 57.1428571429%;
  }
  .gs .gc-md-7 .gc-md-3 {
    width: 42.8571428571%;
  }
  .gs .gc-md-7 .gc-md-2 {
    width: 28.5714285714%;
  }
  .gs .gc-md-7 .gc-md-1 {
    width: 14.2857142857%;
  }
  .gs .gc-md-6 {
    width: 75%;
  }
  .gs .gc-md-6 .gc-md-8 {
    width: 133.3333333333%;
  }
  .gs .gc-md-6 .gc-md-7 {
    width: 116.6666666667%;
  }
  .gs .gc-md-6 .gc-md-6 {
    width: 100%;
  }
  .gs .gc-md-6 .gc-md-5 {
    width: 83.3333333333%;
  }
  .gs .gc-md-6 .gc-md-4 {
    width: 66.6666666667%;
  }
  .gs .gc-md-6 .gc-md-3 {
    width: 50%;
  }
  .gs .gc-md-6 .gc-md-2 {
    width: 33.3333333333%;
  }
  .gs .gc-md-6 .gc-md-1 {
    width: 16.6666666667%;
  }
  .gs .gc-md-5 {
    width: 62.5%;
  }
  .gs .gc-md-5 .gc-md-8 {
    width: 160%;
  }
  .gs .gc-md-5 .gc-md-7 {
    width: 140%;
  }
  .gs .gc-md-5 .gc-md-6 {
    width: 120%;
  }
  .gs .gc-md-5 .gc-md-5 {
    width: 100%;
  }
  .gs .gc-md-5 .gc-md-4 {
    width: 80%;
  }
  .gs .gc-md-5 .gc-md-3 {
    width: 60%;
  }
  .gs .gc-md-5 .gc-md-2 {
    width: 40%;
  }
  .gs .gc-md-5 .gc-md-1 {
    width: 20%;
  }
  .gs .gc-md-4 {
    width: 50%;
  }
  .gs .gc-md-4 .gc-md-8 {
    width: 200%;
  }
  .gs .gc-md-4 .gc-md-7 {
    width: 175%;
  }
  .gs .gc-md-4 .gc-md-6 {
    width: 150%;
  }
  .gs .gc-md-4 .gc-md-5 {
    width: 125%;
  }
  .gs .gc-md-4 .gc-md-4 {
    width: 100%;
  }
  .gs .gc-md-4 .gc-md-3 {
    width: 75%;
  }
  .gs .gc-md-4 .gc-md-2 {
    width: 50%;
  }
  .gs .gc-md-4 .gc-md-1 {
    width: 25%;
  }
  .gs .gc-md-3 {
    width: 37.5%;
  }
  .gs .gc-md-3 .gc-md-8 {
    width: 266.6666666667%;
  }
  .gs .gc-md-3 .gc-md-7 {
    width: 233.3333333333%;
  }
  .gs .gc-md-3 .gc-md-6 {
    width: 200%;
  }
  .gs .gc-md-3 .gc-md-5 {
    width: 166.6666666667%;
  }
  .gs .gc-md-3 .gc-md-4 {
    width: 133.3333333333%;
  }
  .gs .gc-md-3 .gc-md-3 {
    width: 100%;
  }
  .gs .gc-md-3 .gc-md-2 {
    width: 66.6666666667%;
  }
  .gs .gc-md-3 .gc-md-1 {
    width: 33.3333333333%;
  }
  .gs .gc-md-2 {
    width: 25%;
  }
  .gs .gc-md-2 .gc-md-8 {
    width: 400%;
  }
  .gs .gc-md-2 .gc-md-7 {
    width: 350%;
  }
  .gs .gc-md-2 .gc-md-6 {
    width: 300%;
  }
  .gs .gc-md-2 .gc-md-5 {
    width: 250%;
  }
  .gs .gc-md-2 .gc-md-4 {
    width: 200%;
  }
  .gs .gc-md-2 .gc-md-3 {
    width: 150%;
  }
  .gs .gc-md-2 .gc-md-2 {
    width: 100%;
  }
  .gs .gc-md-2 .gc-md-1 {
    width: 50%;
  }
  .gs .gc-md-1 {
    width: 12.5%;
  }
  .gs .gc-md-1 .gc-md-8 {
    width: 800%;
  }
  .gs .gc-md-1 .gc-md-7 {
    width: 700%;
  }
  .gs .gc-md-1 .gc-md-6 {
    width: 600%;
  }
  .gs .gc-md-1 .gc-md-5 {
    width: 500%;
  }
  .gs .gc-md-1 .gc-md-4 {
    width: 400%;
  }
  .gs .gc-md-1 .gc-md-3 {
    width: 300%;
  }
  .gs .gc-md-1 .gc-md-2 {
    width: 200%;
  }
  .gs .gc-md-1 .gc-md-1 {
    width: 100%;
  }
  .gs .gc-md-offset-8 {
    margin-left: 100%;
  }
  .gs .gc-md-offset-8 .gc-md-offset-8 {
    margin-left: 100%;
  }
  .gs .gc-md-offset-8 .gc-md-offset-7 {
    margin-left: 87.5%;
  }
  .gs .gc-md-offset-8 .gc-md-offset-6 {
    margin-left: 75%;
  }
  .gs .gc-md-offset-8 .gc-md-offset-5 {
    margin-left: 62.5%;
  }
  .gs .gc-md-offset-8 .gc-md-offset-4 {
    margin-left: 50%;
  }
  .gs .gc-md-offset-8 .gc-md-offset-3 {
    margin-left: 37.5%;
  }
  .gs .gc-md-offset-8 .gc-md-offset-2 {
    margin-left: 25%;
  }
  .gs .gc-md-offset-8 .gc-md-offset-1 {
    margin-left: 12.5%;
  }
  .gs .gc-md-offset-7 {
    margin-left: 87.5%;
  }
  .gs .gc-md-offset-7 .gc-md-offset-8 {
    margin-left: 114.2857142857%;
  }
  .gs .gc-md-offset-7 .gc-md-offset-7 {
    margin-left: 100%;
  }
  .gs .gc-md-offset-7 .gc-md-offset-6 {
    margin-left: 85.7142857143%;
  }
  .gs .gc-md-offset-7 .gc-md-offset-5 {
    margin-left: 71.4285714286%;
  }
  .gs .gc-md-offset-7 .gc-md-offset-4 {
    margin-left: 57.1428571429%;
  }
  .gs .gc-md-offset-7 .gc-md-offset-3 {
    margin-left: 42.8571428571%;
  }
  .gs .gc-md-offset-7 .gc-md-offset-2 {
    margin-left: 28.5714285714%;
  }
  .gs .gc-md-offset-7 .gc-md-offset-1 {
    margin-left: 14.2857142857%;
  }
  .gs .gc-md-offset-6 {
    margin-left: 75%;
  }
  .gs .gc-md-offset-6 .gc-md-offset-8 {
    margin-left: 133.3333333333%;
  }
  .gs .gc-md-offset-6 .gc-md-offset-7 {
    margin-left: 116.6666666667%;
  }
  .gs .gc-md-offset-6 .gc-md-offset-6 {
    margin-left: 100%;
  }
  .gs .gc-md-offset-6 .gc-md-offset-5 {
    margin-left: 83.3333333333%;
  }
  .gs .gc-md-offset-6 .gc-md-offset-4 {
    margin-left: 66.6666666667%;
  }
  .gs .gc-md-offset-6 .gc-md-offset-3 {
    margin-left: 50%;
  }
  .gs .gc-md-offset-6 .gc-md-offset-2 {
    margin-left: 33.3333333333%;
  }
  .gs .gc-md-offset-6 .gc-md-offset-1 {
    margin-left: 16.6666666667%;
  }
  .gs .gc-md-offset-5 {
    margin-left: 62.5%;
  }
  .gs .gc-md-offset-5 .gc-md-offset-8 {
    margin-left: 160%;
  }
  .gs .gc-md-offset-5 .gc-md-offset-7 {
    margin-left: 140%;
  }
  .gs .gc-md-offset-5 .gc-md-offset-6 {
    margin-left: 120%;
  }
  .gs .gc-md-offset-5 .gc-md-offset-5 {
    margin-left: 100%;
  }
  .gs .gc-md-offset-5 .gc-md-offset-4 {
    margin-left: 80%;
  }
  .gs .gc-md-offset-5 .gc-md-offset-3 {
    margin-left: 60%;
  }
  .gs .gc-md-offset-5 .gc-md-offset-2 {
    margin-left: 40%;
  }
  .gs .gc-md-offset-5 .gc-md-offset-1 {
    margin-left: 20%;
  }
  .gs .gc-md-offset-4 {
    margin-left: 50%;
  }
  .gs .gc-md-offset-4 .gc-md-offset-8 {
    margin-left: 200%;
  }
  .gs .gc-md-offset-4 .gc-md-offset-7 {
    margin-left: 175%;
  }
  .gs .gc-md-offset-4 .gc-md-offset-6 {
    margin-left: 150%;
  }
  .gs .gc-md-offset-4 .gc-md-offset-5 {
    margin-left: 125%;
  }
  .gs .gc-md-offset-4 .gc-md-offset-4 {
    margin-left: 100%;
  }
  .gs .gc-md-offset-4 .gc-md-offset-3 {
    margin-left: 75%;
  }
  .gs .gc-md-offset-4 .gc-md-offset-2 {
    margin-left: 50%;
  }
  .gs .gc-md-offset-4 .gc-md-offset-1 {
    margin-left: 25%;
  }
  .gs .gc-md-offset-3 {
    margin-left: 37.5%;
  }
  .gs .gc-md-offset-3 .gc-md-offset-8 {
    margin-left: 266.6666666667%;
  }
  .gs .gc-md-offset-3 .gc-md-offset-7 {
    margin-left: 233.3333333333%;
  }
  .gs .gc-md-offset-3 .gc-md-offset-6 {
    margin-left: 200%;
  }
  .gs .gc-md-offset-3 .gc-md-offset-5 {
    margin-left: 166.6666666667%;
  }
  .gs .gc-md-offset-3 .gc-md-offset-4 {
    margin-left: 133.3333333333%;
  }
  .gs .gc-md-offset-3 .gc-md-offset-3 {
    margin-left: 100%;
  }
  .gs .gc-md-offset-3 .gc-md-offset-2 {
    margin-left: 66.6666666667%;
  }
  .gs .gc-md-offset-3 .gc-md-offset-1 {
    margin-left: 33.3333333333%;
  }
  .gs .gc-md-offset-2 {
    margin-left: 25%;
  }
  .gs .gc-md-offset-2 .gc-md-offset-8 {
    margin-left: 400%;
  }
  .gs .gc-md-offset-2 .gc-md-offset-7 {
    margin-left: 350%;
  }
  .gs .gc-md-offset-2 .gc-md-offset-6 {
    margin-left: 300%;
  }
  .gs .gc-md-offset-2 .gc-md-offset-5 {
    margin-left: 250%;
  }
  .gs .gc-md-offset-2 .gc-md-offset-4 {
    margin-left: 200%;
  }
  .gs .gc-md-offset-2 .gc-md-offset-3 {
    margin-left: 150%;
  }
  .gs .gc-md-offset-2 .gc-md-offset-2 {
    margin-left: 100%;
  }
  .gs .gc-md-offset-2 .gc-md-offset-1 {
    margin-left: 50%;
  }
  .gs .gc-md-offset-1 {
    margin-left: 12.5%;
  }
  .gs .gc-md-offset-1 .gc-md-offset-8 {
    margin-left: 800%;
  }
  .gs .gc-md-offset-1 .gc-md-offset-7 {
    margin-left: 700%;
  }
  .gs .gc-md-offset-1 .gc-md-offset-6 {
    margin-left: 600%;
  }
  .gs .gc-md-offset-1 .gc-md-offset-5 {
    margin-left: 500%;
  }
  .gs .gc-md-offset-1 .gc-md-offset-4 {
    margin-left: 400%;
  }
  .gs .gc-md-offset-1 .gc-md-offset-3 {
    margin-left: 300%;
  }
  .gs .gc-md-offset-1 .gc-md-offset-2 {
    margin-left: 200%;
  }
  .gs .gc-md-offset-1 .gc-md-offset-1 {
    margin-left: 100%;
  }
  .gs .gc-md-offset-0 {
    margin-left: 0;
  }
}
@media only screen and (min-width: 835px) {
  .gs .gc-lg-12 {
    width: 100%;
  }
  .gs .gc-lg-12 .gc-lg-12 {
    width: 100%;
  }
  .gs .gc-lg-12 .gc-lg-11 {
    width: 91.6666666667%;
  }
  .gs .gc-lg-12 .gc-lg-10 {
    width: 83.3333333333%;
  }
  .gs .gc-lg-12 .gc-lg-9 {
    width: 75%;
  }
  .gs .gc-lg-12 .gc-lg-8 {
    width: 66.6666666667%;
  }
  .gs .gc-lg-12 .gc-lg-7 {
    width: 58.3333333333%;
  }
  .gs .gc-lg-12 .gc-lg-6 {
    width: 50%;
  }
  .gs .gc-lg-12 .gc-lg-5 {
    width: 41.6666666667%;
  }
  .gs .gc-lg-12 .gc-lg-4 {
    width: 33.3333333333%;
  }
  .gs .gc-lg-12 .gc-lg-3 {
    width: 25%;
  }
  .gs .gc-lg-12 .gc-lg-2 {
    width: 16.6666666667%;
  }
  .gs .gc-lg-12 .gc-lg-1 {
    width: 8.3333333333%;
  }
  .gs .gc-lg-11 {
    width: 91.6666666667%;
  }
  .gs .gc-lg-11 .gc-lg-12 {
    width: 109.0909090909%;
  }
  .gs .gc-lg-11 .gc-lg-11 {
    width: 100%;
  }
  .gs .gc-lg-11 .gc-lg-10 {
    width: 90.9090909091%;
  }
  .gs .gc-lg-11 .gc-lg-9 {
    width: 81.8181818182%;
  }
  .gs .gc-lg-11 .gc-lg-8 {
    width: 72.7272727273%;
  }
  .gs .gc-lg-11 .gc-lg-7 {
    width: 63.6363636364%;
  }
  .gs .gc-lg-11 .gc-lg-6 {
    width: 54.5454545455%;
  }
  .gs .gc-lg-11 .gc-lg-5 {
    width: 45.4545454545%;
  }
  .gs .gc-lg-11 .gc-lg-4 {
    width: 36.3636363636%;
  }
  .gs .gc-lg-11 .gc-lg-3 {
    width: 27.2727272727%;
  }
  .gs .gc-lg-11 .gc-lg-2 {
    width: 18.1818181818%;
  }
  .gs .gc-lg-11 .gc-lg-1 {
    width: 9.0909090909%;
  }
  .gs .gc-lg-10 {
    width: 83.3333333333%;
  }
  .gs .gc-lg-10 .gc-lg-12 {
    width: 120%;
  }
  .gs .gc-lg-10 .gc-lg-11 {
    width: 110%;
  }
  .gs .gc-lg-10 .gc-lg-10 {
    width: 100%;
  }
  .gs .gc-lg-10 .gc-lg-9 {
    width: 90%;
  }
  .gs .gc-lg-10 .gc-lg-8 {
    width: 80%;
  }
  .gs .gc-lg-10 .gc-lg-7 {
    width: 70%;
  }
  .gs .gc-lg-10 .gc-lg-6 {
    width: 60%;
  }
  .gs .gc-lg-10 .gc-lg-5 {
    width: 50%;
  }
  .gs .gc-lg-10 .gc-lg-4 {
    width: 40%;
  }
  .gs .gc-lg-10 .gc-lg-3 {
    width: 30%;
  }
  .gs .gc-lg-10 .gc-lg-2 {
    width: 20%;
  }
  .gs .gc-lg-10 .gc-lg-1 {
    width: 10%;
  }
  .gs .gc-lg-9 {
    width: 75%;
  }
  .gs .gc-lg-9 .gc-lg-12 {
    width: 133.3333333333%;
  }
  .gs .gc-lg-9 .gc-lg-11 {
    width: 122.2222222222%;
  }
  .gs .gc-lg-9 .gc-lg-10 {
    width: 111.1111111111%;
  }
  .gs .gc-lg-9 .gc-lg-9 {
    width: 100%;
  }
  .gs .gc-lg-9 .gc-lg-8 {
    width: 88.8888888889%;
  }
  .gs .gc-lg-9 .gc-lg-7 {
    width: 77.7777777778%;
  }
  .gs .gc-lg-9 .gc-lg-6 {
    width: 66.6666666667%;
  }
  .gs .gc-lg-9 .gc-lg-5 {
    width: 55.5555555556%;
  }
  .gs .gc-lg-9 .gc-lg-4 {
    width: 44.4444444444%;
  }
  .gs .gc-lg-9 .gc-lg-3 {
    width: 33.3333333333%;
  }
  .gs .gc-lg-9 .gc-lg-2 {
    width: 22.2222222222%;
  }
  .gs .gc-lg-9 .gc-lg-1 {
    width: 11.1111111111%;
  }
  .gs .gc-lg-8 {
    width: 66.6666666667%;
  }
  .gs .gc-lg-8 .gc-lg-12 {
    width: 150%;
  }
  .gs .gc-lg-8 .gc-lg-11 {
    width: 137.5%;
  }
  .gs .gc-lg-8 .gc-lg-10 {
    width: 125%;
  }
  .gs .gc-lg-8 .gc-lg-9 {
    width: 112.5%;
  }
  .gs .gc-lg-8 .gc-lg-8 {
    width: 100%;
  }
  .gs .gc-lg-8 .gc-lg-7 {
    width: 87.5%;
  }
  .gs .gc-lg-8 .gc-lg-6 {
    width: 75%;
  }
  .gs .gc-lg-8 .gc-lg-5 {
    width: 62.5%;
  }
  .gs .gc-lg-8 .gc-lg-4 {
    width: 50%;
  }
  .gs .gc-lg-8 .gc-lg-3 {
    width: 37.5%;
  }
  .gs .gc-lg-8 .gc-lg-2 {
    width: 25%;
  }
  .gs .gc-lg-8 .gc-lg-1 {
    width: 12.5%;
  }
  .gs .gc-lg-7 {
    width: 58.3333333333%;
  }
  .gs .gc-lg-7 .gc-lg-12 {
    width: 171.4285714286%;
  }
  .gs .gc-lg-7 .gc-lg-11 {
    width: 157.1428571429%;
  }
  .gs .gc-lg-7 .gc-lg-10 {
    width: 142.8571428571%;
  }
  .gs .gc-lg-7 .gc-lg-9 {
    width: 128.5714285714%;
  }
  .gs .gc-lg-7 .gc-lg-8 {
    width: 114.2857142857%;
  }
  .gs .gc-lg-7 .gc-lg-7 {
    width: 100%;
  }
  .gs .gc-lg-7 .gc-lg-6 {
    width: 85.7142857143%;
  }
  .gs .gc-lg-7 .gc-lg-5 {
    width: 71.4285714286%;
  }
  .gs .gc-lg-7 .gc-lg-4 {
    width: 57.1428571429%;
  }
  .gs .gc-lg-7 .gc-lg-3 {
    width: 42.8571428571%;
  }
  .gs .gc-lg-7 .gc-lg-2 {
    width: 28.5714285714%;
  }
  .gs .gc-lg-7 .gc-lg-1 {
    width: 14.2857142857%;
  }
  .gs .gc-lg-6 {
    width: 50%;
  }
  .gs .gc-lg-6 .gc-lg-12 {
    width: 200%;
  }
  .gs .gc-lg-6 .gc-lg-11 {
    width: 183.3333333333%;
  }
  .gs .gc-lg-6 .gc-lg-10 {
    width: 166.6666666667%;
  }
  .gs .gc-lg-6 .gc-lg-9 {
    width: 150%;
  }
  .gs .gc-lg-6 .gc-lg-8 {
    width: 133.3333333333%;
  }
  .gs .gc-lg-6 .gc-lg-7 {
    width: 116.6666666667%;
  }
  .gs .gc-lg-6 .gc-lg-6 {
    width: 100%;
  }
  .gs .gc-lg-6 .gc-lg-5 {
    width: 83.3333333333%;
  }
  .gs .gc-lg-6 .gc-lg-4 {
    width: 66.6666666667%;
  }
  .gs .gc-lg-6 .gc-lg-3 {
    width: 50%;
  }
  .gs .gc-lg-6 .gc-lg-2 {
    width: 33.3333333333%;
  }
  .gs .gc-lg-6 .gc-lg-1 {
    width: 16.6666666667%;
  }
  .gs .gc-lg-5 {
    width: 41.6666666667%;
  }
  .gs .gc-lg-5 .gc-lg-12 {
    width: 240%;
  }
  .gs .gc-lg-5 .gc-lg-11 {
    width: 220%;
  }
  .gs .gc-lg-5 .gc-lg-10 {
    width: 200%;
  }
  .gs .gc-lg-5 .gc-lg-9 {
    width: 180%;
  }
  .gs .gc-lg-5 .gc-lg-8 {
    width: 160%;
  }
  .gs .gc-lg-5 .gc-lg-7 {
    width: 140%;
  }
  .gs .gc-lg-5 .gc-lg-6 {
    width: 120%;
  }
  .gs .gc-lg-5 .gc-lg-5 {
    width: 100%;
  }
  .gs .gc-lg-5 .gc-lg-4 {
    width: 80%;
  }
  .gs .gc-lg-5 .gc-lg-3 {
    width: 60%;
  }
  .gs .gc-lg-5 .gc-lg-2 {
    width: 40%;
  }
  .gs .gc-lg-5 .gc-lg-1 {
    width: 20%;
  }
  .gs .gc-lg-4 {
    width: 33.3333333333%;
  }
  .gs .gc-lg-4 .gc-lg-12 {
    width: 300%;
  }
  .gs .gc-lg-4 .gc-lg-11 {
    width: 275%;
  }
  .gs .gc-lg-4 .gc-lg-10 {
    width: 250%;
  }
  .gs .gc-lg-4 .gc-lg-9 {
    width: 225%;
  }
  .gs .gc-lg-4 .gc-lg-8 {
    width: 200%;
  }
  .gs .gc-lg-4 .gc-lg-7 {
    width: 175%;
  }
  .gs .gc-lg-4 .gc-lg-6 {
    width: 150%;
  }
  .gs .gc-lg-4 .gc-lg-5 {
    width: 125%;
  }
  .gs .gc-lg-4 .gc-lg-4 {
    width: 100%;
  }
  .gs .gc-lg-4 .gc-lg-3 {
    width: 75%;
  }
  .gs .gc-lg-4 .gc-lg-2 {
    width: 50%;
  }
  .gs .gc-lg-4 .gc-lg-1 {
    width: 25%;
  }
  .gs .gc-lg-3 {
    width: 25%;
  }
  .gs .gc-lg-3 .gc-lg-12 {
    width: 400%;
  }
  .gs .gc-lg-3 .gc-lg-11 {
    width: 366.6666666667%;
  }
  .gs .gc-lg-3 .gc-lg-10 {
    width: 333.3333333333%;
  }
  .gs .gc-lg-3 .gc-lg-9 {
    width: 300%;
  }
  .gs .gc-lg-3 .gc-lg-8 {
    width: 266.6666666667%;
  }
  .gs .gc-lg-3 .gc-lg-7 {
    width: 233.3333333333%;
  }
  .gs .gc-lg-3 .gc-lg-6 {
    width: 200%;
  }
  .gs .gc-lg-3 .gc-lg-5 {
    width: 166.6666666667%;
  }
  .gs .gc-lg-3 .gc-lg-4 {
    width: 133.3333333333%;
  }
  .gs .gc-lg-3 .gc-lg-3 {
    width: 100%;
  }
  .gs .gc-lg-3 .gc-lg-2 {
    width: 66.6666666667%;
  }
  .gs .gc-lg-3 .gc-lg-1 {
    width: 33.3333333333%;
  }
  .gs .gc-lg-2 {
    width: 16.6666666667%;
  }
  .gs .gc-lg-2 .gc-lg-12 {
    width: 600%;
  }
  .gs .gc-lg-2 .gc-lg-11 {
    width: 550%;
  }
  .gs .gc-lg-2 .gc-lg-10 {
    width: 500%;
  }
  .gs .gc-lg-2 .gc-lg-9 {
    width: 450%;
  }
  .gs .gc-lg-2 .gc-lg-8 {
    width: 400%;
  }
  .gs .gc-lg-2 .gc-lg-7 {
    width: 350%;
  }
  .gs .gc-lg-2 .gc-lg-6 {
    width: 300%;
  }
  .gs .gc-lg-2 .gc-lg-5 {
    width: 250%;
  }
  .gs .gc-lg-2 .gc-lg-4 {
    width: 200%;
  }
  .gs .gc-lg-2 .gc-lg-3 {
    width: 150%;
  }
  .gs .gc-lg-2 .gc-lg-2 {
    width: 100%;
  }
  .gs .gc-lg-2 .gc-lg-1 {
    width: 50%;
  }
  .gs .gc-lg-1 {
    width: 8.3333333333%;
  }
  .gs .gc-lg-1 .gc-lg-12 {
    width: 1200%;
  }
  .gs .gc-lg-1 .gc-lg-11 {
    width: 1100%;
  }
  .gs .gc-lg-1 .gc-lg-10 {
    width: 1000%;
  }
  .gs .gc-lg-1 .gc-lg-9 {
    width: 900%;
  }
  .gs .gc-lg-1 .gc-lg-8 {
    width: 800%;
  }
  .gs .gc-lg-1 .gc-lg-7 {
    width: 700%;
  }
  .gs .gc-lg-1 .gc-lg-6 {
    width: 600%;
  }
  .gs .gc-lg-1 .gc-lg-5 {
    width: 500%;
  }
  .gs .gc-lg-1 .gc-lg-4 {
    width: 400%;
  }
  .gs .gc-lg-1 .gc-lg-3 {
    width: 300%;
  }
  .gs .gc-lg-1 .gc-lg-2 {
    width: 200%;
  }
  .gs .gc-lg-1 .gc-lg-1 {
    width: 100%;
  }
  .gs .gc-lg-offset-12 {
    margin-left: 100%;
  }
  .gs .gc-lg-offset-12 .gc-lg-offset-12 {
    margin-left: 100%;
  }
  .gs .gc-lg-offset-12 .gc-lg-offset-11 {
    margin-left: 91.6666666667%;
  }
  .gs .gc-lg-offset-12 .gc-lg-offset-10 {
    margin-left: 83.3333333333%;
  }
  .gs .gc-lg-offset-12 .gc-lg-offset-9 {
    margin-left: 75%;
  }
  .gs .gc-lg-offset-12 .gc-lg-offset-8 {
    margin-left: 66.6666666667%;
  }
  .gs .gc-lg-offset-12 .gc-lg-offset-7 {
    margin-left: 58.3333333333%;
  }
  .gs .gc-lg-offset-12 .gc-lg-offset-6 {
    margin-left: 50%;
  }
  .gs .gc-lg-offset-12 .gc-lg-offset-5 {
    margin-left: 41.6666666667%;
  }
  .gs .gc-lg-offset-12 .gc-lg-offset-4 {
    margin-left: 33.3333333333%;
  }
  .gs .gc-lg-offset-12 .gc-lg-offset-3 {
    margin-left: 25%;
  }
  .gs .gc-lg-offset-12 .gc-lg-offset-2 {
    margin-left: 16.6666666667%;
  }
  .gs .gc-lg-offset-12 .gc-lg-offset-1 {
    margin-left: 8.3333333333%;
  }
  .gs .gc-lg-offset-11 {
    margin-left: 91.6666666667%;
  }
  .gs .gc-lg-offset-11 .gc-lg-offset-12 {
    margin-left: 109.0909090909%;
  }
  .gs .gc-lg-offset-11 .gc-lg-offset-11 {
    margin-left: 100%;
  }
  .gs .gc-lg-offset-11 .gc-lg-offset-10 {
    margin-left: 90.9090909091%;
  }
  .gs .gc-lg-offset-11 .gc-lg-offset-9 {
    margin-left: 81.8181818182%;
  }
  .gs .gc-lg-offset-11 .gc-lg-offset-8 {
    margin-left: 72.7272727273%;
  }
  .gs .gc-lg-offset-11 .gc-lg-offset-7 {
    margin-left: 63.6363636364%;
  }
  .gs .gc-lg-offset-11 .gc-lg-offset-6 {
    margin-left: 54.5454545455%;
  }
  .gs .gc-lg-offset-11 .gc-lg-offset-5 {
    margin-left: 45.4545454545%;
  }
  .gs .gc-lg-offset-11 .gc-lg-offset-4 {
    margin-left: 36.3636363636%;
  }
  .gs .gc-lg-offset-11 .gc-lg-offset-3 {
    margin-left: 27.2727272727%;
  }
  .gs .gc-lg-offset-11 .gc-lg-offset-2 {
    margin-left: 18.1818181818%;
  }
  .gs .gc-lg-offset-11 .gc-lg-offset-1 {
    margin-left: 9.0909090909%;
  }
  .gs .gc-lg-offset-10 {
    margin-left: 83.3333333333%;
  }
  .gs .gc-lg-offset-10 .gc-lg-offset-12 {
    margin-left: 120%;
  }
  .gs .gc-lg-offset-10 .gc-lg-offset-11 {
    margin-left: 110%;
  }
  .gs .gc-lg-offset-10 .gc-lg-offset-10 {
    margin-left: 100%;
  }
  .gs .gc-lg-offset-10 .gc-lg-offset-9 {
    margin-left: 90%;
  }
  .gs .gc-lg-offset-10 .gc-lg-offset-8 {
    margin-left: 80%;
  }
  .gs .gc-lg-offset-10 .gc-lg-offset-7 {
    margin-left: 70%;
  }
  .gs .gc-lg-offset-10 .gc-lg-offset-6 {
    margin-left: 60%;
  }
  .gs .gc-lg-offset-10 .gc-lg-offset-5 {
    margin-left: 50%;
  }
  .gs .gc-lg-offset-10 .gc-lg-offset-4 {
    margin-left: 40%;
  }
  .gs .gc-lg-offset-10 .gc-lg-offset-3 {
    margin-left: 30%;
  }
  .gs .gc-lg-offset-10 .gc-lg-offset-2 {
    margin-left: 20%;
  }
  .gs .gc-lg-offset-10 .gc-lg-offset-1 {
    margin-left: 10%;
  }
  .gs .gc-lg-offset-9 {
    margin-left: 75%;
  }
  .gs .gc-lg-offset-9 .gc-lg-offset-12 {
    margin-left: 133.3333333333%;
  }
  .gs .gc-lg-offset-9 .gc-lg-offset-11 {
    margin-left: 122.2222222222%;
  }
  .gs .gc-lg-offset-9 .gc-lg-offset-10 {
    margin-left: 111.1111111111%;
  }
  .gs .gc-lg-offset-9 .gc-lg-offset-9 {
    margin-left: 100%;
  }
  .gs .gc-lg-offset-9 .gc-lg-offset-8 {
    margin-left: 88.8888888889%;
  }
  .gs .gc-lg-offset-9 .gc-lg-offset-7 {
    margin-left: 77.7777777778%;
  }
  .gs .gc-lg-offset-9 .gc-lg-offset-6 {
    margin-left: 66.6666666667%;
  }
  .gs .gc-lg-offset-9 .gc-lg-offset-5 {
    margin-left: 55.5555555556%;
  }
  .gs .gc-lg-offset-9 .gc-lg-offset-4 {
    margin-left: 44.4444444444%;
  }
  .gs .gc-lg-offset-9 .gc-lg-offset-3 {
    margin-left: 33.3333333333%;
  }
  .gs .gc-lg-offset-9 .gc-lg-offset-2 {
    margin-left: 22.2222222222%;
  }
  .gs .gc-lg-offset-9 .gc-lg-offset-1 {
    margin-left: 11.1111111111%;
  }
  .gs .gc-lg-offset-8 {
    margin-left: 66.6666666667%;
  }
  .gs .gc-lg-offset-8 .gc-lg-offset-12 {
    margin-left: 150%;
  }
  .gs .gc-lg-offset-8 .gc-lg-offset-11 {
    margin-left: 137.5%;
  }
  .gs .gc-lg-offset-8 .gc-lg-offset-10 {
    margin-left: 125%;
  }
  .gs .gc-lg-offset-8 .gc-lg-offset-9 {
    margin-left: 112.5%;
  }
  .gs .gc-lg-offset-8 .gc-lg-offset-8 {
    margin-left: 100%;
  }
  .gs .gc-lg-offset-8 .gc-lg-offset-7 {
    margin-left: 87.5%;
  }
  .gs .gc-lg-offset-8 .gc-lg-offset-6 {
    margin-left: 75%;
  }
  .gs .gc-lg-offset-8 .gc-lg-offset-5 {
    margin-left: 62.5%;
  }
  .gs .gc-lg-offset-8 .gc-lg-offset-4 {
    margin-left: 50%;
  }
  .gs .gc-lg-offset-8 .gc-lg-offset-3 {
    margin-left: 37.5%;
  }
  .gs .gc-lg-offset-8 .gc-lg-offset-2 {
    margin-left: 25%;
  }
  .gs .gc-lg-offset-8 .gc-lg-offset-1 {
    margin-left: 12.5%;
  }
  .gs .gc-lg-offset-7 {
    margin-left: 58.3333333333%;
  }
  .gs .gc-lg-offset-7 .gc-lg-offset-12 {
    margin-left: 171.4285714286%;
  }
  .gs .gc-lg-offset-7 .gc-lg-offset-11 {
    margin-left: 157.1428571429%;
  }
  .gs .gc-lg-offset-7 .gc-lg-offset-10 {
    margin-left: 142.8571428571%;
  }
  .gs .gc-lg-offset-7 .gc-lg-offset-9 {
    margin-left: 128.5714285714%;
  }
  .gs .gc-lg-offset-7 .gc-lg-offset-8 {
    margin-left: 114.2857142857%;
  }
  .gs .gc-lg-offset-7 .gc-lg-offset-7 {
    margin-left: 100%;
  }
  .gs .gc-lg-offset-7 .gc-lg-offset-6 {
    margin-left: 85.7142857143%;
  }
  .gs .gc-lg-offset-7 .gc-lg-offset-5 {
    margin-left: 71.4285714286%;
  }
  .gs .gc-lg-offset-7 .gc-lg-offset-4 {
    margin-left: 57.1428571429%;
  }
  .gs .gc-lg-offset-7 .gc-lg-offset-3 {
    margin-left: 42.8571428571%;
  }
  .gs .gc-lg-offset-7 .gc-lg-offset-2 {
    margin-left: 28.5714285714%;
  }
  .gs .gc-lg-offset-7 .gc-lg-offset-1 {
    margin-left: 14.2857142857%;
  }
  .gs .gc-lg-offset-6 {
    margin-left: 50%;
  }
  .gs .gc-lg-offset-6 .gc-lg-offset-12 {
    margin-left: 200%;
  }
  .gs .gc-lg-offset-6 .gc-lg-offset-11 {
    margin-left: 183.3333333333%;
  }
  .gs .gc-lg-offset-6 .gc-lg-offset-10 {
    margin-left: 166.6666666667%;
  }
  .gs .gc-lg-offset-6 .gc-lg-offset-9 {
    margin-left: 150%;
  }
  .gs .gc-lg-offset-6 .gc-lg-offset-8 {
    margin-left: 133.3333333333%;
  }
  .gs .gc-lg-offset-6 .gc-lg-offset-7 {
    margin-left: 116.6666666667%;
  }
  .gs .gc-lg-offset-6 .gc-lg-offset-6 {
    margin-left: 100%;
  }
  .gs .gc-lg-offset-6 .gc-lg-offset-5 {
    margin-left: 83.3333333333%;
  }
  .gs .gc-lg-offset-6 .gc-lg-offset-4 {
    margin-left: 66.6666666667%;
  }
  .gs .gc-lg-offset-6 .gc-lg-offset-3 {
    margin-left: 50%;
  }
  .gs .gc-lg-offset-6 .gc-lg-offset-2 {
    margin-left: 33.3333333333%;
  }
  .gs .gc-lg-offset-6 .gc-lg-offset-1 {
    margin-left: 16.6666666667%;
  }
  .gs .gc-lg-offset-5 {
    margin-left: 41.6666666667%;
  }
  .gs .gc-lg-offset-5 .gc-lg-offset-12 {
    margin-left: 240%;
  }
  .gs .gc-lg-offset-5 .gc-lg-offset-11 {
    margin-left: 220%;
  }
  .gs .gc-lg-offset-5 .gc-lg-offset-10 {
    margin-left: 200%;
  }
  .gs .gc-lg-offset-5 .gc-lg-offset-9 {
    margin-left: 180%;
  }
  .gs .gc-lg-offset-5 .gc-lg-offset-8 {
    margin-left: 160%;
  }
  .gs .gc-lg-offset-5 .gc-lg-offset-7 {
    margin-left: 140%;
  }
  .gs .gc-lg-offset-5 .gc-lg-offset-6 {
    margin-left: 120%;
  }
  .gs .gc-lg-offset-5 .gc-lg-offset-5 {
    margin-left: 100%;
  }
  .gs .gc-lg-offset-5 .gc-lg-offset-4 {
    margin-left: 80%;
  }
  .gs .gc-lg-offset-5 .gc-lg-offset-3 {
    margin-left: 60%;
  }
  .gs .gc-lg-offset-5 .gc-lg-offset-2 {
    margin-left: 40%;
  }
  .gs .gc-lg-offset-5 .gc-lg-offset-1 {
    margin-left: 20%;
  }
  .gs .gc-lg-offset-4 {
    margin-left: 33.3333333333%;
  }
  .gs .gc-lg-offset-4 .gc-lg-offset-12 {
    margin-left: 300%;
  }
  .gs .gc-lg-offset-4 .gc-lg-offset-11 {
    margin-left: 275%;
  }
  .gs .gc-lg-offset-4 .gc-lg-offset-10 {
    margin-left: 250%;
  }
  .gs .gc-lg-offset-4 .gc-lg-offset-9 {
    margin-left: 225%;
  }
  .gs .gc-lg-offset-4 .gc-lg-offset-8 {
    margin-left: 200%;
  }
  .gs .gc-lg-offset-4 .gc-lg-offset-7 {
    margin-left: 175%;
  }
  .gs .gc-lg-offset-4 .gc-lg-offset-6 {
    margin-left: 150%;
  }
  .gs .gc-lg-offset-4 .gc-lg-offset-5 {
    margin-left: 125%;
  }
  .gs .gc-lg-offset-4 .gc-lg-offset-4 {
    margin-left: 100%;
  }
  .gs .gc-lg-offset-4 .gc-lg-offset-3 {
    margin-left: 75%;
  }
  .gs .gc-lg-offset-4 .gc-lg-offset-2 {
    margin-left: 50%;
  }
  .gs .gc-lg-offset-4 .gc-lg-offset-1 {
    margin-left: 25%;
  }
  .gs .gc-lg-offset-3 {
    margin-left: 25%;
  }
  .gs .gc-lg-offset-3 .gc-lg-offset-12 {
    margin-left: 400%;
  }
  .gs .gc-lg-offset-3 .gc-lg-offset-11 {
    margin-left: 366.6666666667%;
  }
  .gs .gc-lg-offset-3 .gc-lg-offset-10 {
    margin-left: 333.3333333333%;
  }
  .gs .gc-lg-offset-3 .gc-lg-offset-9 {
    margin-left: 300%;
  }
  .gs .gc-lg-offset-3 .gc-lg-offset-8 {
    margin-left: 266.6666666667%;
  }
  .gs .gc-lg-offset-3 .gc-lg-offset-7 {
    margin-left: 233.3333333333%;
  }
  .gs .gc-lg-offset-3 .gc-lg-offset-6 {
    margin-left: 200%;
  }
  .gs .gc-lg-offset-3 .gc-lg-offset-5 {
    margin-left: 166.6666666667%;
  }
  .gs .gc-lg-offset-3 .gc-lg-offset-4 {
    margin-left: 133.3333333333%;
  }
  .gs .gc-lg-offset-3 .gc-lg-offset-3 {
    margin-left: 100%;
  }
  .gs .gc-lg-offset-3 .gc-lg-offset-2 {
    margin-left: 66.6666666667%;
  }
  .gs .gc-lg-offset-3 .gc-lg-offset-1 {
    margin-left: 33.3333333333%;
  }
  .gs .gc-lg-offset-2 {
    margin-left: 16.6666666667%;
  }
  .gs .gc-lg-offset-2 .gc-lg-offset-12 {
    margin-left: 600%;
  }
  .gs .gc-lg-offset-2 .gc-lg-offset-11 {
    margin-left: 550%;
  }
  .gs .gc-lg-offset-2 .gc-lg-offset-10 {
    margin-left: 500%;
  }
  .gs .gc-lg-offset-2 .gc-lg-offset-9 {
    margin-left: 450%;
  }
  .gs .gc-lg-offset-2 .gc-lg-offset-8 {
    margin-left: 400%;
  }
  .gs .gc-lg-offset-2 .gc-lg-offset-7 {
    margin-left: 350%;
  }
  .gs .gc-lg-offset-2 .gc-lg-offset-6 {
    margin-left: 300%;
  }
  .gs .gc-lg-offset-2 .gc-lg-offset-5 {
    margin-left: 250%;
  }
  .gs .gc-lg-offset-2 .gc-lg-offset-4 {
    margin-left: 200%;
  }
  .gs .gc-lg-offset-2 .gc-lg-offset-3 {
    margin-left: 150%;
  }
  .gs .gc-lg-offset-2 .gc-lg-offset-2 {
    margin-left: 100%;
  }
  .gs .gc-lg-offset-2 .gc-lg-offset-1 {
    margin-left: 50%;
  }
  .gs .gc-lg-offset-1 {
    margin-left: 8.3333333333%;
  }
  .gs .gc-lg-offset-1 .gc-lg-offset-12 {
    margin-left: 1200%;
  }
  .gs .gc-lg-offset-1 .gc-lg-offset-11 {
    margin-left: 1100%;
  }
  .gs .gc-lg-offset-1 .gc-lg-offset-10 {
    margin-left: 1000%;
  }
  .gs .gc-lg-offset-1 .gc-lg-offset-9 {
    margin-left: 900%;
  }
  .gs .gc-lg-offset-1 .gc-lg-offset-8 {
    margin-left: 800%;
  }
  .gs .gc-lg-offset-1 .gc-lg-offset-7 {
    margin-left: 700%;
  }
  .gs .gc-lg-offset-1 .gc-lg-offset-6 {
    margin-left: 600%;
  }
  .gs .gc-lg-offset-1 .gc-lg-offset-5 {
    margin-left: 500%;
  }
  .gs .gc-lg-offset-1 .gc-lg-offset-4 {
    margin-left: 400%;
  }
  .gs .gc-lg-offset-1 .gc-lg-offset-3 {
    margin-left: 300%;
  }
  .gs .gc-lg-offset-1 .gc-lg-offset-2 {
    margin-left: 200%;
  }
  .gs .gc-lg-offset-1 .gc-lg-offset-1 {
    margin-left: 100%;
  }
  .gs .gc-lg-offset-0 {
    margin-left: 0;
  }
}
@media only screen and (min-width: 1025px) {
  .gs .gc-xl-12 {
    width: 100%;
  }
  .gs .gc-xl-12 .gc-xl-12 {
    width: 100%;
  }
  .gs .gc-xl-12 .gc-xl-11 {
    width: 91.6666666667%;
  }
  .gs .gc-xl-12 .gc-xl-10 {
    width: 83.3333333333%;
  }
  .gs .gc-xl-12 .gc-xl-9 {
    width: 75%;
  }
  .gs .gc-xl-12 .gc-xl-8 {
    width: 66.6666666667%;
  }
  .gs .gc-xl-12 .gc-xl-7 {
    width: 58.3333333333%;
  }
  .gs .gc-xl-12 .gc-xl-6 {
    width: 50%;
  }
  .gs .gc-xl-12 .gc-xl-5 {
    width: 41.6666666667%;
  }
  .gs .gc-xl-12 .gc-xl-4 {
    width: 33.3333333333%;
  }
  .gs .gc-xl-12 .gc-xl-3 {
    width: 25%;
  }
  .gs .gc-xl-12 .gc-xl-2 {
    width: 16.6666666667%;
  }
  .gs .gc-xl-12 .gc-xl-1 {
    width: 8.3333333333%;
  }
  .gs .gc-xl-11 {
    width: 91.6666666667%;
  }
  .gs .gc-xl-11 .gc-xl-12 {
    width: 109.0909090909%;
  }
  .gs .gc-xl-11 .gc-xl-11 {
    width: 100%;
  }
  .gs .gc-xl-11 .gc-xl-10 {
    width: 90.9090909091%;
  }
  .gs .gc-xl-11 .gc-xl-9 {
    width: 81.8181818182%;
  }
  .gs .gc-xl-11 .gc-xl-8 {
    width: 72.7272727273%;
  }
  .gs .gc-xl-11 .gc-xl-7 {
    width: 63.6363636364%;
  }
  .gs .gc-xl-11 .gc-xl-6 {
    width: 54.5454545455%;
  }
  .gs .gc-xl-11 .gc-xl-5 {
    width: 45.4545454545%;
  }
  .gs .gc-xl-11 .gc-xl-4 {
    width: 36.3636363636%;
  }
  .gs .gc-xl-11 .gc-xl-3 {
    width: 27.2727272727%;
  }
  .gs .gc-xl-11 .gc-xl-2 {
    width: 18.1818181818%;
  }
  .gs .gc-xl-11 .gc-xl-1 {
    width: 9.0909090909%;
  }
  .gs .gc-xl-10 {
    width: 83.3333333333%;
  }
  .gs .gc-xl-10 .gc-xl-12 {
    width: 120%;
  }
  .gs .gc-xl-10 .gc-xl-11 {
    width: 110%;
  }
  .gs .gc-xl-10 .gc-xl-10 {
    width: 100%;
  }
  .gs .gc-xl-10 .gc-xl-9 {
    width: 90%;
  }
  .gs .gc-xl-10 .gc-xl-8 {
    width: 80%;
  }
  .gs .gc-xl-10 .gc-xl-7 {
    width: 70%;
  }
  .gs .gc-xl-10 .gc-xl-6 {
    width: 60%;
  }
  .gs .gc-xl-10 .gc-xl-5 {
    width: 50%;
  }
  .gs .gc-xl-10 .gc-xl-4 {
    width: 40%;
  }
  .gs .gc-xl-10 .gc-xl-3 {
    width: 30%;
  }
  .gs .gc-xl-10 .gc-xl-2 {
    width: 20%;
  }
  .gs .gc-xl-10 .gc-xl-1 {
    width: 10%;
  }
  .gs .gc-xl-9 {
    width: 75%;
  }
  .gs .gc-xl-9 .gc-xl-12 {
    width: 133.3333333333%;
  }
  .gs .gc-xl-9 .gc-xl-11 {
    width: 122.2222222222%;
  }
  .gs .gc-xl-9 .gc-xl-10 {
    width: 111.1111111111%;
  }
  .gs .gc-xl-9 .gc-xl-9 {
    width: 100%;
  }
  .gs .gc-xl-9 .gc-xl-8 {
    width: 88.8888888889%;
  }
  .gs .gc-xl-9 .gc-xl-7 {
    width: 77.7777777778%;
  }
  .gs .gc-xl-9 .gc-xl-6 {
    width: 66.6666666667%;
  }
  .gs .gc-xl-9 .gc-xl-5 {
    width: 55.5555555556%;
  }
  .gs .gc-xl-9 .gc-xl-4 {
    width: 44.4444444444%;
  }
  .gs .gc-xl-9 .gc-xl-3 {
    width: 33.3333333333%;
  }
  .gs .gc-xl-9 .gc-xl-2 {
    width: 22.2222222222%;
  }
  .gs .gc-xl-9 .gc-xl-1 {
    width: 11.1111111111%;
  }
  .gs .gc-xl-8 {
    width: 66.6666666667%;
  }
  .gs .gc-xl-8 .gc-xl-12 {
    width: 150%;
  }
  .gs .gc-xl-8 .gc-xl-11 {
    width: 137.5%;
  }
  .gs .gc-xl-8 .gc-xl-10 {
    width: 125%;
  }
  .gs .gc-xl-8 .gc-xl-9 {
    width: 112.5%;
  }
  .gs .gc-xl-8 .gc-xl-8 {
    width: 100%;
  }
  .gs .gc-xl-8 .gc-xl-7 {
    width: 87.5%;
  }
  .gs .gc-xl-8 .gc-xl-6 {
    width: 75%;
  }
  .gs .gc-xl-8 .gc-xl-5 {
    width: 62.5%;
  }
  .gs .gc-xl-8 .gc-xl-4 {
    width: 50%;
  }
  .gs .gc-xl-8 .gc-xl-3 {
    width: 37.5%;
  }
  .gs .gc-xl-8 .gc-xl-2 {
    width: 25%;
  }
  .gs .gc-xl-8 .gc-xl-1 {
    width: 12.5%;
  }
  .gs .gc-xl-7 {
    width: 58.3333333333%;
  }
  .gs .gc-xl-7 .gc-xl-12 {
    width: 171.4285714286%;
  }
  .gs .gc-xl-7 .gc-xl-11 {
    width: 157.1428571429%;
  }
  .gs .gc-xl-7 .gc-xl-10 {
    width: 142.8571428571%;
  }
  .gs .gc-xl-7 .gc-xl-9 {
    width: 128.5714285714%;
  }
  .gs .gc-xl-7 .gc-xl-8 {
    width: 114.2857142857%;
  }
  .gs .gc-xl-7 .gc-xl-7 {
    width: 100%;
  }
  .gs .gc-xl-7 .gc-xl-6 {
    width: 85.7142857143%;
  }
  .gs .gc-xl-7 .gc-xl-5 {
    width: 71.4285714286%;
  }
  .gs .gc-xl-7 .gc-xl-4 {
    width: 57.1428571429%;
  }
  .gs .gc-xl-7 .gc-xl-3 {
    width: 42.8571428571%;
  }
  .gs .gc-xl-7 .gc-xl-2 {
    width: 28.5714285714%;
  }
  .gs .gc-xl-7 .gc-xl-1 {
    width: 14.2857142857%;
  }
  .gs .gc-xl-6 {
    width: 50%;
  }
  .gs .gc-xl-6 .gc-xl-12 {
    width: 200%;
  }
  .gs .gc-xl-6 .gc-xl-11 {
    width: 183.3333333333%;
  }
  .gs .gc-xl-6 .gc-xl-10 {
    width: 166.6666666667%;
  }
  .gs .gc-xl-6 .gc-xl-9 {
    width: 150%;
  }
  .gs .gc-xl-6 .gc-xl-8 {
    width: 133.3333333333%;
  }
  .gs .gc-xl-6 .gc-xl-7 {
    width: 116.6666666667%;
  }
  .gs .gc-xl-6 .gc-xl-6 {
    width: 100%;
  }
  .gs .gc-xl-6 .gc-xl-5 {
    width: 83.3333333333%;
  }
  .gs .gc-xl-6 .gc-xl-4 {
    width: 66.6666666667%;
  }
  .gs .gc-xl-6 .gc-xl-3 {
    width: 50%;
  }
  .gs .gc-xl-6 .gc-xl-2 {
    width: 33.3333333333%;
  }
  .gs .gc-xl-6 .gc-xl-1 {
    width: 16.6666666667%;
  }
  .gs .gc-xl-5 {
    width: 41.6666666667%;
  }
  .gs .gc-xl-5 .gc-xl-12 {
    width: 240%;
  }
  .gs .gc-xl-5 .gc-xl-11 {
    width: 220%;
  }
  .gs .gc-xl-5 .gc-xl-10 {
    width: 200%;
  }
  .gs .gc-xl-5 .gc-xl-9 {
    width: 180%;
  }
  .gs .gc-xl-5 .gc-xl-8 {
    width: 160%;
  }
  .gs .gc-xl-5 .gc-xl-7 {
    width: 140%;
  }
  .gs .gc-xl-5 .gc-xl-6 {
    width: 120%;
  }
  .gs .gc-xl-5 .gc-xl-5 {
    width: 100%;
  }
  .gs .gc-xl-5 .gc-xl-4 {
    width: 80%;
  }
  .gs .gc-xl-5 .gc-xl-3 {
    width: 60%;
  }
  .gs .gc-xl-5 .gc-xl-2 {
    width: 40%;
  }
  .gs .gc-xl-5 .gc-xl-1 {
    width: 20%;
  }
  .gs .gc-xl-4 {
    width: 33.3333333333%;
  }
  .gs .gc-xl-4 .gc-xl-12 {
    width: 300%;
  }
  .gs .gc-xl-4 .gc-xl-11 {
    width: 275%;
  }
  .gs .gc-xl-4 .gc-xl-10 {
    width: 250%;
  }
  .gs .gc-xl-4 .gc-xl-9 {
    width: 225%;
  }
  .gs .gc-xl-4 .gc-xl-8 {
    width: 200%;
  }
  .gs .gc-xl-4 .gc-xl-7 {
    width: 175%;
  }
  .gs .gc-xl-4 .gc-xl-6 {
    width: 150%;
  }
  .gs .gc-xl-4 .gc-xl-5 {
    width: 125%;
  }
  .gs .gc-xl-4 .gc-xl-4 {
    width: 100%;
  }
  .gs .gc-xl-4 .gc-xl-3 {
    width: 75%;
  }
  .gs .gc-xl-4 .gc-xl-2 {
    width: 50%;
  }
  .gs .gc-xl-4 .gc-xl-1 {
    width: 25%;
  }
  .gs .gc-xl-3 {
    width: 25%;
  }
  .gs .gc-xl-3 .gc-xl-12 {
    width: 400%;
  }
  .gs .gc-xl-3 .gc-xl-11 {
    width: 366.6666666667%;
  }
  .gs .gc-xl-3 .gc-xl-10 {
    width: 333.3333333333%;
  }
  .gs .gc-xl-3 .gc-xl-9 {
    width: 300%;
  }
  .gs .gc-xl-3 .gc-xl-8 {
    width: 266.6666666667%;
  }
  .gs .gc-xl-3 .gc-xl-7 {
    width: 233.3333333333%;
  }
  .gs .gc-xl-3 .gc-xl-6 {
    width: 200%;
  }
  .gs .gc-xl-3 .gc-xl-5 {
    width: 166.6666666667%;
  }
  .gs .gc-xl-3 .gc-xl-4 {
    width: 133.3333333333%;
  }
  .gs .gc-xl-3 .gc-xl-3 {
    width: 100%;
  }
  .gs .gc-xl-3 .gc-xl-2 {
    width: 66.6666666667%;
  }
  .gs .gc-xl-3 .gc-xl-1 {
    width: 33.3333333333%;
  }
  .gs .gc-xl-2 {
    width: 16.6666666667%;
  }
  .gs .gc-xl-2 .gc-xl-12 {
    width: 600%;
  }
  .gs .gc-xl-2 .gc-xl-11 {
    width: 550%;
  }
  .gs .gc-xl-2 .gc-xl-10 {
    width: 500%;
  }
  .gs .gc-xl-2 .gc-xl-9 {
    width: 450%;
  }
  .gs .gc-xl-2 .gc-xl-8 {
    width: 400%;
  }
  .gs .gc-xl-2 .gc-xl-7 {
    width: 350%;
  }
  .gs .gc-xl-2 .gc-xl-6 {
    width: 300%;
  }
  .gs .gc-xl-2 .gc-xl-5 {
    width: 250%;
  }
  .gs .gc-xl-2 .gc-xl-4 {
    width: 200%;
  }
  .gs .gc-xl-2 .gc-xl-3 {
    width: 150%;
  }
  .gs .gc-xl-2 .gc-xl-2 {
    width: 100%;
  }
  .gs .gc-xl-2 .gc-xl-1 {
    width: 50%;
  }
  .gs .gc-xl-1 {
    width: 8.3333333333%;
  }
  .gs .gc-xl-1 .gc-xl-12 {
    width: 1200%;
  }
  .gs .gc-xl-1 .gc-xl-11 {
    width: 1100%;
  }
  .gs .gc-xl-1 .gc-xl-10 {
    width: 1000%;
  }
  .gs .gc-xl-1 .gc-xl-9 {
    width: 900%;
  }
  .gs .gc-xl-1 .gc-xl-8 {
    width: 800%;
  }
  .gs .gc-xl-1 .gc-xl-7 {
    width: 700%;
  }
  .gs .gc-xl-1 .gc-xl-6 {
    width: 600%;
  }
  .gs .gc-xl-1 .gc-xl-5 {
    width: 500%;
  }
  .gs .gc-xl-1 .gc-xl-4 {
    width: 400%;
  }
  .gs .gc-xl-1 .gc-xl-3 {
    width: 300%;
  }
  .gs .gc-xl-1 .gc-xl-2 {
    width: 200%;
  }
  .gs .gc-xl-1 .gc-xl-1 {
    width: 100%;
  }
  .gs .gc-xl-offset-12 {
    margin-left: 100%;
  }
  .gs .gc-xl-offset-12 .gc-xl-offset-12 {
    margin-left: 100%;
  }
  .gs .gc-xl-offset-12 .gc-xl-offset-11 {
    margin-left: 91.6666666667%;
  }
  .gs .gc-xl-offset-12 .gc-xl-offset-10 {
    margin-left: 83.3333333333%;
  }
  .gs .gc-xl-offset-12 .gc-xl-offset-9 {
    margin-left: 75%;
  }
  .gs .gc-xl-offset-12 .gc-xl-offset-8 {
    margin-left: 66.6666666667%;
  }
  .gs .gc-xl-offset-12 .gc-xl-offset-7 {
    margin-left: 58.3333333333%;
  }
  .gs .gc-xl-offset-12 .gc-xl-offset-6 {
    margin-left: 50%;
  }
  .gs .gc-xl-offset-12 .gc-xl-offset-5 {
    margin-left: 41.6666666667%;
  }
  .gs .gc-xl-offset-12 .gc-xl-offset-4 {
    margin-left: 33.3333333333%;
  }
  .gs .gc-xl-offset-12 .gc-xl-offset-3 {
    margin-left: 25%;
  }
  .gs .gc-xl-offset-12 .gc-xl-offset-2 {
    margin-left: 16.6666666667%;
  }
  .gs .gc-xl-offset-12 .gc-xl-offset-1 {
    margin-left: 8.3333333333%;
  }
  .gs .gc-xl-offset-11 {
    margin-left: 91.6666666667%;
  }
  .gs .gc-xl-offset-11 .gc-xl-offset-12 {
    margin-left: 109.0909090909%;
  }
  .gs .gc-xl-offset-11 .gc-xl-offset-11 {
    margin-left: 100%;
  }
  .gs .gc-xl-offset-11 .gc-xl-offset-10 {
    margin-left: 90.9090909091%;
  }
  .gs .gc-xl-offset-11 .gc-xl-offset-9 {
    margin-left: 81.8181818182%;
  }
  .gs .gc-xl-offset-11 .gc-xl-offset-8 {
    margin-left: 72.7272727273%;
  }
  .gs .gc-xl-offset-11 .gc-xl-offset-7 {
    margin-left: 63.6363636364%;
  }
  .gs .gc-xl-offset-11 .gc-xl-offset-6 {
    margin-left: 54.5454545455%;
  }
  .gs .gc-xl-offset-11 .gc-xl-offset-5 {
    margin-left: 45.4545454545%;
  }
  .gs .gc-xl-offset-11 .gc-xl-offset-4 {
    margin-left: 36.3636363636%;
  }
  .gs .gc-xl-offset-11 .gc-xl-offset-3 {
    margin-left: 27.2727272727%;
  }
  .gs .gc-xl-offset-11 .gc-xl-offset-2 {
    margin-left: 18.1818181818%;
  }
  .gs .gc-xl-offset-11 .gc-xl-offset-1 {
    margin-left: 9.0909090909%;
  }
  .gs .gc-xl-offset-10 {
    margin-left: 83.3333333333%;
  }
  .gs .gc-xl-offset-10 .gc-xl-offset-12 {
    margin-left: 120%;
  }
  .gs .gc-xl-offset-10 .gc-xl-offset-11 {
    margin-left: 110%;
  }
  .gs .gc-xl-offset-10 .gc-xl-offset-10 {
    margin-left: 100%;
  }
  .gs .gc-xl-offset-10 .gc-xl-offset-9 {
    margin-left: 90%;
  }
  .gs .gc-xl-offset-10 .gc-xl-offset-8 {
    margin-left: 80%;
  }
  .gs .gc-xl-offset-10 .gc-xl-offset-7 {
    margin-left: 70%;
  }
  .gs .gc-xl-offset-10 .gc-xl-offset-6 {
    margin-left: 60%;
  }
  .gs .gc-xl-offset-10 .gc-xl-offset-5 {
    margin-left: 50%;
  }
  .gs .gc-xl-offset-10 .gc-xl-offset-4 {
    margin-left: 40%;
  }
  .gs .gc-xl-offset-10 .gc-xl-offset-3 {
    margin-left: 30%;
  }
  .gs .gc-xl-offset-10 .gc-xl-offset-2 {
    margin-left: 20%;
  }
  .gs .gc-xl-offset-10 .gc-xl-offset-1 {
    margin-left: 10%;
  }
  .gs .gc-xl-offset-9 {
    margin-left: 75%;
  }
  .gs .gc-xl-offset-9 .gc-xl-offset-12 {
    margin-left: 133.3333333333%;
  }
  .gs .gc-xl-offset-9 .gc-xl-offset-11 {
    margin-left: 122.2222222222%;
  }
  .gs .gc-xl-offset-9 .gc-xl-offset-10 {
    margin-left: 111.1111111111%;
  }
  .gs .gc-xl-offset-9 .gc-xl-offset-9 {
    margin-left: 100%;
  }
  .gs .gc-xl-offset-9 .gc-xl-offset-8 {
    margin-left: 88.8888888889%;
  }
  .gs .gc-xl-offset-9 .gc-xl-offset-7 {
    margin-left: 77.7777777778%;
  }
  .gs .gc-xl-offset-9 .gc-xl-offset-6 {
    margin-left: 66.6666666667%;
  }
  .gs .gc-xl-offset-9 .gc-xl-offset-5 {
    margin-left: 55.5555555556%;
  }
  .gs .gc-xl-offset-9 .gc-xl-offset-4 {
    margin-left: 44.4444444444%;
  }
  .gs .gc-xl-offset-9 .gc-xl-offset-3 {
    margin-left: 33.3333333333%;
  }
  .gs .gc-xl-offset-9 .gc-xl-offset-2 {
    margin-left: 22.2222222222%;
  }
  .gs .gc-xl-offset-9 .gc-xl-offset-1 {
    margin-left: 11.1111111111%;
  }
  .gs .gc-xl-offset-8 {
    margin-left: 66.6666666667%;
  }
  .gs .gc-xl-offset-8 .gc-xl-offset-12 {
    margin-left: 150%;
  }
  .gs .gc-xl-offset-8 .gc-xl-offset-11 {
    margin-left: 137.5%;
  }
  .gs .gc-xl-offset-8 .gc-xl-offset-10 {
    margin-left: 125%;
  }
  .gs .gc-xl-offset-8 .gc-xl-offset-9 {
    margin-left: 112.5%;
  }
  .gs .gc-xl-offset-8 .gc-xl-offset-8 {
    margin-left: 100%;
  }
  .gs .gc-xl-offset-8 .gc-xl-offset-7 {
    margin-left: 87.5%;
  }
  .gs .gc-xl-offset-8 .gc-xl-offset-6 {
    margin-left: 75%;
  }
  .gs .gc-xl-offset-8 .gc-xl-offset-5 {
    margin-left: 62.5%;
  }
  .gs .gc-xl-offset-8 .gc-xl-offset-4 {
    margin-left: 50%;
  }
  .gs .gc-xl-offset-8 .gc-xl-offset-3 {
    margin-left: 37.5%;
  }
  .gs .gc-xl-offset-8 .gc-xl-offset-2 {
    margin-left: 25%;
  }
  .gs .gc-xl-offset-8 .gc-xl-offset-1 {
    margin-left: 12.5%;
  }
  .gs .gc-xl-offset-7 {
    margin-left: 58.3333333333%;
  }
  .gs .gc-xl-offset-7 .gc-xl-offset-12 {
    margin-left: 171.4285714286%;
  }
  .gs .gc-xl-offset-7 .gc-xl-offset-11 {
    margin-left: 157.1428571429%;
  }
  .gs .gc-xl-offset-7 .gc-xl-offset-10 {
    margin-left: 142.8571428571%;
  }
  .gs .gc-xl-offset-7 .gc-xl-offset-9 {
    margin-left: 128.5714285714%;
  }
  .gs .gc-xl-offset-7 .gc-xl-offset-8 {
    margin-left: 114.2857142857%;
  }
  .gs .gc-xl-offset-7 .gc-xl-offset-7 {
    margin-left: 100%;
  }
  .gs .gc-xl-offset-7 .gc-xl-offset-6 {
    margin-left: 85.7142857143%;
  }
  .gs .gc-xl-offset-7 .gc-xl-offset-5 {
    margin-left: 71.4285714286%;
  }
  .gs .gc-xl-offset-7 .gc-xl-offset-4 {
    margin-left: 57.1428571429%;
  }
  .gs .gc-xl-offset-7 .gc-xl-offset-3 {
    margin-left: 42.8571428571%;
  }
  .gs .gc-xl-offset-7 .gc-xl-offset-2 {
    margin-left: 28.5714285714%;
  }
  .gs .gc-xl-offset-7 .gc-xl-offset-1 {
    margin-left: 14.2857142857%;
  }
  .gs .gc-xl-offset-6 {
    margin-left: 50%;
  }
  .gs .gc-xl-offset-6 .gc-xl-offset-12 {
    margin-left: 200%;
  }
  .gs .gc-xl-offset-6 .gc-xl-offset-11 {
    margin-left: 183.3333333333%;
  }
  .gs .gc-xl-offset-6 .gc-xl-offset-10 {
    margin-left: 166.6666666667%;
  }
  .gs .gc-xl-offset-6 .gc-xl-offset-9 {
    margin-left: 150%;
  }
  .gs .gc-xl-offset-6 .gc-xl-offset-8 {
    margin-left: 133.3333333333%;
  }
  .gs .gc-xl-offset-6 .gc-xl-offset-7 {
    margin-left: 116.6666666667%;
  }
  .gs .gc-xl-offset-6 .gc-xl-offset-6 {
    margin-left: 100%;
  }
  .gs .gc-xl-offset-6 .gc-xl-offset-5 {
    margin-left: 83.3333333333%;
  }
  .gs .gc-xl-offset-6 .gc-xl-offset-4 {
    margin-left: 66.6666666667%;
  }
  .gs .gc-xl-offset-6 .gc-xl-offset-3 {
    margin-left: 50%;
  }
  .gs .gc-xl-offset-6 .gc-xl-offset-2 {
    margin-left: 33.3333333333%;
  }
  .gs .gc-xl-offset-6 .gc-xl-offset-1 {
    margin-left: 16.6666666667%;
  }
  .gs .gc-xl-offset-5 {
    margin-left: 41.6666666667%;
  }
  .gs .gc-xl-offset-5 .gc-xl-offset-12 {
    margin-left: 240%;
  }
  .gs .gc-xl-offset-5 .gc-xl-offset-11 {
    margin-left: 220%;
  }
  .gs .gc-xl-offset-5 .gc-xl-offset-10 {
    margin-left: 200%;
  }
  .gs .gc-xl-offset-5 .gc-xl-offset-9 {
    margin-left: 180%;
  }
  .gs .gc-xl-offset-5 .gc-xl-offset-8 {
    margin-left: 160%;
  }
  .gs .gc-xl-offset-5 .gc-xl-offset-7 {
    margin-left: 140%;
  }
  .gs .gc-xl-offset-5 .gc-xl-offset-6 {
    margin-left: 120%;
  }
  .gs .gc-xl-offset-5 .gc-xl-offset-5 {
    margin-left: 100%;
  }
  .gs .gc-xl-offset-5 .gc-xl-offset-4 {
    margin-left: 80%;
  }
  .gs .gc-xl-offset-5 .gc-xl-offset-3 {
    margin-left: 60%;
  }
  .gs .gc-xl-offset-5 .gc-xl-offset-2 {
    margin-left: 40%;
  }
  .gs .gc-xl-offset-5 .gc-xl-offset-1 {
    margin-left: 20%;
  }
  .gs .gc-xl-offset-4 {
    margin-left: 33.3333333333%;
  }
  .gs .gc-xl-offset-4 .gc-xl-offset-12 {
    margin-left: 300%;
  }
  .gs .gc-xl-offset-4 .gc-xl-offset-11 {
    margin-left: 275%;
  }
  .gs .gc-xl-offset-4 .gc-xl-offset-10 {
    margin-left: 250%;
  }
  .gs .gc-xl-offset-4 .gc-xl-offset-9 {
    margin-left: 225%;
  }
  .gs .gc-xl-offset-4 .gc-xl-offset-8 {
    margin-left: 200%;
  }
  .gs .gc-xl-offset-4 .gc-xl-offset-7 {
    margin-left: 175%;
  }
  .gs .gc-xl-offset-4 .gc-xl-offset-6 {
    margin-left: 150%;
  }
  .gs .gc-xl-offset-4 .gc-xl-offset-5 {
    margin-left: 125%;
  }
  .gs .gc-xl-offset-4 .gc-xl-offset-4 {
    margin-left: 100%;
  }
  .gs .gc-xl-offset-4 .gc-xl-offset-3 {
    margin-left: 75%;
  }
  .gs .gc-xl-offset-4 .gc-xl-offset-2 {
    margin-left: 50%;
  }
  .gs .gc-xl-offset-4 .gc-xl-offset-1 {
    margin-left: 25%;
  }
  .gs .gc-xl-offset-3 {
    margin-left: 25%;
  }
  .gs .gc-xl-offset-3 .gc-xl-offset-12 {
    margin-left: 400%;
  }
  .gs .gc-xl-offset-3 .gc-xl-offset-11 {
    margin-left: 366.6666666667%;
  }
  .gs .gc-xl-offset-3 .gc-xl-offset-10 {
    margin-left: 333.3333333333%;
  }
  .gs .gc-xl-offset-3 .gc-xl-offset-9 {
    margin-left: 300%;
  }
  .gs .gc-xl-offset-3 .gc-xl-offset-8 {
    margin-left: 266.6666666667%;
  }
  .gs .gc-xl-offset-3 .gc-xl-offset-7 {
    margin-left: 233.3333333333%;
  }
  .gs .gc-xl-offset-3 .gc-xl-offset-6 {
    margin-left: 200%;
  }
  .gs .gc-xl-offset-3 .gc-xl-offset-5 {
    margin-left: 166.6666666667%;
  }
  .gs .gc-xl-offset-3 .gc-xl-offset-4 {
    margin-left: 133.3333333333%;
  }
  .gs .gc-xl-offset-3 .gc-xl-offset-3 {
    margin-left: 100%;
  }
  .gs .gc-xl-offset-3 .gc-xl-offset-2 {
    margin-left: 66.6666666667%;
  }
  .gs .gc-xl-offset-3 .gc-xl-offset-1 {
    margin-left: 33.3333333333%;
  }
  .gs .gc-xl-offset-2 {
    margin-left: 16.6666666667%;
  }
  .gs .gc-xl-offset-2 .gc-xl-offset-12 {
    margin-left: 600%;
  }
  .gs .gc-xl-offset-2 .gc-xl-offset-11 {
    margin-left: 550%;
  }
  .gs .gc-xl-offset-2 .gc-xl-offset-10 {
    margin-left: 500%;
  }
  .gs .gc-xl-offset-2 .gc-xl-offset-9 {
    margin-left: 450%;
  }
  .gs .gc-xl-offset-2 .gc-xl-offset-8 {
    margin-left: 400%;
  }
  .gs .gc-xl-offset-2 .gc-xl-offset-7 {
    margin-left: 350%;
  }
  .gs .gc-xl-offset-2 .gc-xl-offset-6 {
    margin-left: 300%;
  }
  .gs .gc-xl-offset-2 .gc-xl-offset-5 {
    margin-left: 250%;
  }
  .gs .gc-xl-offset-2 .gc-xl-offset-4 {
    margin-left: 200%;
  }
  .gs .gc-xl-offset-2 .gc-xl-offset-3 {
    margin-left: 150%;
  }
  .gs .gc-xl-offset-2 .gc-xl-offset-2 {
    margin-left: 100%;
  }
  .gs .gc-xl-offset-2 .gc-xl-offset-1 {
    margin-left: 50%;
  }
  .gs .gc-xl-offset-1 {
    margin-left: 8.3333333333%;
  }
  .gs .gc-xl-offset-1 .gc-xl-offset-12 {
    margin-left: 1200%;
  }
  .gs .gc-xl-offset-1 .gc-xl-offset-11 {
    margin-left: 1100%;
  }
  .gs .gc-xl-offset-1 .gc-xl-offset-10 {
    margin-left: 1000%;
  }
  .gs .gc-xl-offset-1 .gc-xl-offset-9 {
    margin-left: 900%;
  }
  .gs .gc-xl-offset-1 .gc-xl-offset-8 {
    margin-left: 800%;
  }
  .gs .gc-xl-offset-1 .gc-xl-offset-7 {
    margin-left: 700%;
  }
  .gs .gc-xl-offset-1 .gc-xl-offset-6 {
    margin-left: 600%;
  }
  .gs .gc-xl-offset-1 .gc-xl-offset-5 {
    margin-left: 500%;
  }
  .gs .gc-xl-offset-1 .gc-xl-offset-4 {
    margin-left: 400%;
  }
  .gs .gc-xl-offset-1 .gc-xl-offset-3 {
    margin-left: 300%;
  }
  .gs .gc-xl-offset-1 .gc-xl-offset-2 {
    margin-left: 200%;
  }
  .gs .gc-xl-offset-1 .gc-xl-offset-1 {
    margin-left: 100%;
  }
  .gs .gc-xl-offset-0 {
    margin-left: 0;
  }
}
@media only screen and (min-width: 1281px) {
  .gs .gc-xxl-12 {
    width: 100%;
  }
  .gs .gc-xxl-12 .gc-xxl-12 {
    width: 100%;
  }
  .gs .gc-xxl-12 .gc-xxl-11 {
    width: 91.6666666667%;
  }
  .gs .gc-xxl-12 .gc-xxl-10 {
    width: 83.3333333333%;
  }
  .gs .gc-xxl-12 .gc-xxl-9 {
    width: 75%;
  }
  .gs .gc-xxl-12 .gc-xxl-8 {
    width: 66.6666666667%;
  }
  .gs .gc-xxl-12 .gc-xxl-7 {
    width: 58.3333333333%;
  }
  .gs .gc-xxl-12 .gc-xxl-6 {
    width: 50%;
  }
  .gs .gc-xxl-12 .gc-xxl-5 {
    width: 41.6666666667%;
  }
  .gs .gc-xxl-12 .gc-xxl-4 {
    width: 33.3333333333%;
  }
  .gs .gc-xxl-12 .gc-xxl-3 {
    width: 25%;
  }
  .gs .gc-xxl-12 .gc-xxl-2 {
    width: 16.6666666667%;
  }
  .gs .gc-xxl-12 .gc-xxl-1 {
    width: 8.3333333333%;
  }
  .gs .gc-xxl-11 {
    width: 91.6666666667%;
  }
  .gs .gc-xxl-11 .gc-xxl-12 {
    width: 109.0909090909%;
  }
  .gs .gc-xxl-11 .gc-xxl-11 {
    width: 100%;
  }
  .gs .gc-xxl-11 .gc-xxl-10 {
    width: 90.9090909091%;
  }
  .gs .gc-xxl-11 .gc-xxl-9 {
    width: 81.8181818182%;
  }
  .gs .gc-xxl-11 .gc-xxl-8 {
    width: 72.7272727273%;
  }
  .gs .gc-xxl-11 .gc-xxl-7 {
    width: 63.6363636364%;
  }
  .gs .gc-xxl-11 .gc-xxl-6 {
    width: 54.5454545455%;
  }
  .gs .gc-xxl-11 .gc-xxl-5 {
    width: 45.4545454545%;
  }
  .gs .gc-xxl-11 .gc-xxl-4 {
    width: 36.3636363636%;
  }
  .gs .gc-xxl-11 .gc-xxl-3 {
    width: 27.2727272727%;
  }
  .gs .gc-xxl-11 .gc-xxl-2 {
    width: 18.1818181818%;
  }
  .gs .gc-xxl-11 .gc-xxl-1 {
    width: 9.0909090909%;
  }
  .gs .gc-xxl-10 {
    width: 83.3333333333%;
  }
  .gs .gc-xxl-10 .gc-xxl-12 {
    width: 120%;
  }
  .gs .gc-xxl-10 .gc-xxl-11 {
    width: 110%;
  }
  .gs .gc-xxl-10 .gc-xxl-10 {
    width: 100%;
  }
  .gs .gc-xxl-10 .gc-xxl-9 {
    width: 90%;
  }
  .gs .gc-xxl-10 .gc-xxl-8 {
    width: 80%;
  }
  .gs .gc-xxl-10 .gc-xxl-7 {
    width: 70%;
  }
  .gs .gc-xxl-10 .gc-xxl-6 {
    width: 60%;
  }
  .gs .gc-xxl-10 .gc-xxl-5 {
    width: 50%;
  }
  .gs .gc-xxl-10 .gc-xxl-4 {
    width: 40%;
  }
  .gs .gc-xxl-10 .gc-xxl-3 {
    width: 30%;
  }
  .gs .gc-xxl-10 .gc-xxl-2 {
    width: 20%;
  }
  .gs .gc-xxl-10 .gc-xxl-1 {
    width: 10%;
  }
  .gs .gc-xxl-9 {
    width: 75%;
  }
  .gs .gc-xxl-9 .gc-xxl-12 {
    width: 133.3333333333%;
  }
  .gs .gc-xxl-9 .gc-xxl-11 {
    width: 122.2222222222%;
  }
  .gs .gc-xxl-9 .gc-xxl-10 {
    width: 111.1111111111%;
  }
  .gs .gc-xxl-9 .gc-xxl-9 {
    width: 100%;
  }
  .gs .gc-xxl-9 .gc-xxl-8 {
    width: 88.8888888889%;
  }
  .gs .gc-xxl-9 .gc-xxl-7 {
    width: 77.7777777778%;
  }
  .gs .gc-xxl-9 .gc-xxl-6 {
    width: 66.6666666667%;
  }
  .gs .gc-xxl-9 .gc-xxl-5 {
    width: 55.5555555556%;
  }
  .gs .gc-xxl-9 .gc-xxl-4 {
    width: 44.4444444444%;
  }
  .gs .gc-xxl-9 .gc-xxl-3 {
    width: 33.3333333333%;
  }
  .gs .gc-xxl-9 .gc-xxl-2 {
    width: 22.2222222222%;
  }
  .gs .gc-xxl-9 .gc-xxl-1 {
    width: 11.1111111111%;
  }
  .gs .gc-xxl-8 {
    width: 66.6666666667%;
  }
  .gs .gc-xxl-8 .gc-xxl-12 {
    width: 150%;
  }
  .gs .gc-xxl-8 .gc-xxl-11 {
    width: 137.5%;
  }
  .gs .gc-xxl-8 .gc-xxl-10 {
    width: 125%;
  }
  .gs .gc-xxl-8 .gc-xxl-9 {
    width: 112.5%;
  }
  .gs .gc-xxl-8 .gc-xxl-8 {
    width: 100%;
  }
  .gs .gc-xxl-8 .gc-xxl-7 {
    width: 87.5%;
  }
  .gs .gc-xxl-8 .gc-xxl-6 {
    width: 75%;
  }
  .gs .gc-xxl-8 .gc-xxl-5 {
    width: 62.5%;
  }
  .gs .gc-xxl-8 .gc-xxl-4 {
    width: 50%;
  }
  .gs .gc-xxl-8 .gc-xxl-3 {
    width: 37.5%;
  }
  .gs .gc-xxl-8 .gc-xxl-2 {
    width: 25%;
  }
  .gs .gc-xxl-8 .gc-xxl-1 {
    width: 12.5%;
  }
  .gs .gc-xxl-7 {
    width: 58.3333333333%;
  }
  .gs .gc-xxl-7 .gc-xxl-12 {
    width: 171.4285714286%;
  }
  .gs .gc-xxl-7 .gc-xxl-11 {
    width: 157.1428571429%;
  }
  .gs .gc-xxl-7 .gc-xxl-10 {
    width: 142.8571428571%;
  }
  .gs .gc-xxl-7 .gc-xxl-9 {
    width: 128.5714285714%;
  }
  .gs .gc-xxl-7 .gc-xxl-8 {
    width: 114.2857142857%;
  }
  .gs .gc-xxl-7 .gc-xxl-7 {
    width: 100%;
  }
  .gs .gc-xxl-7 .gc-xxl-6 {
    width: 85.7142857143%;
  }
  .gs .gc-xxl-7 .gc-xxl-5 {
    width: 71.4285714286%;
  }
  .gs .gc-xxl-7 .gc-xxl-4 {
    width: 57.1428571429%;
  }
  .gs .gc-xxl-7 .gc-xxl-3 {
    width: 42.8571428571%;
  }
  .gs .gc-xxl-7 .gc-xxl-2 {
    width: 28.5714285714%;
  }
  .gs .gc-xxl-7 .gc-xxl-1 {
    width: 14.2857142857%;
  }
  .gs .gc-xxl-6 {
    width: 50%;
  }
  .gs .gc-xxl-6 .gc-xxl-12 {
    width: 200%;
  }
  .gs .gc-xxl-6 .gc-xxl-11 {
    width: 183.3333333333%;
  }
  .gs .gc-xxl-6 .gc-xxl-10 {
    width: 166.6666666667%;
  }
  .gs .gc-xxl-6 .gc-xxl-9 {
    width: 150%;
  }
  .gs .gc-xxl-6 .gc-xxl-8 {
    width: 133.3333333333%;
  }
  .gs .gc-xxl-6 .gc-xxl-7 {
    width: 116.6666666667%;
  }
  .gs .gc-xxl-6 .gc-xxl-6 {
    width: 100%;
  }
  .gs .gc-xxl-6 .gc-xxl-5 {
    width: 83.3333333333%;
  }
  .gs .gc-xxl-6 .gc-xxl-4 {
    width: 66.6666666667%;
  }
  .gs .gc-xxl-6 .gc-xxl-3 {
    width: 50%;
  }
  .gs .gc-xxl-6 .gc-xxl-2 {
    width: 33.3333333333%;
  }
  .gs .gc-xxl-6 .gc-xxl-1 {
    width: 16.6666666667%;
  }
  .gs .gc-xxl-5 {
    width: 41.6666666667%;
  }
  .gs .gc-xxl-5 .gc-xxl-12 {
    width: 240%;
  }
  .gs .gc-xxl-5 .gc-xxl-11 {
    width: 220%;
  }
  .gs .gc-xxl-5 .gc-xxl-10 {
    width: 200%;
  }
  .gs .gc-xxl-5 .gc-xxl-9 {
    width: 180%;
  }
  .gs .gc-xxl-5 .gc-xxl-8 {
    width: 160%;
  }
  .gs .gc-xxl-5 .gc-xxl-7 {
    width: 140%;
  }
  .gs .gc-xxl-5 .gc-xxl-6 {
    width: 120%;
  }
  .gs .gc-xxl-5 .gc-xxl-5 {
    width: 100%;
  }
  .gs .gc-xxl-5 .gc-xxl-4 {
    width: 80%;
  }
  .gs .gc-xxl-5 .gc-xxl-3 {
    width: 60%;
  }
  .gs .gc-xxl-5 .gc-xxl-2 {
    width: 40%;
  }
  .gs .gc-xxl-5 .gc-xxl-1 {
    width: 20%;
  }
  .gs .gc-xxl-4 {
    width: 33.3333333333%;
  }
  .gs .gc-xxl-4 .gc-xxl-12 {
    width: 300%;
  }
  .gs .gc-xxl-4 .gc-xxl-11 {
    width: 275%;
  }
  .gs .gc-xxl-4 .gc-xxl-10 {
    width: 250%;
  }
  .gs .gc-xxl-4 .gc-xxl-9 {
    width: 225%;
  }
  .gs .gc-xxl-4 .gc-xxl-8 {
    width: 200%;
  }
  .gs .gc-xxl-4 .gc-xxl-7 {
    width: 175%;
  }
  .gs .gc-xxl-4 .gc-xxl-6 {
    width: 150%;
  }
  .gs .gc-xxl-4 .gc-xxl-5 {
    width: 125%;
  }
  .gs .gc-xxl-4 .gc-xxl-4 {
    width: 100%;
  }
  .gs .gc-xxl-4 .gc-xxl-3 {
    width: 75%;
  }
  .gs .gc-xxl-4 .gc-xxl-2 {
    width: 50%;
  }
  .gs .gc-xxl-4 .gc-xxl-1 {
    width: 25%;
  }
  .gs .gc-xxl-3 {
    width: 25%;
  }
  .gs .gc-xxl-3 .gc-xxl-12 {
    width: 400%;
  }
  .gs .gc-xxl-3 .gc-xxl-11 {
    width: 366.6666666667%;
  }
  .gs .gc-xxl-3 .gc-xxl-10 {
    width: 333.3333333333%;
  }
  .gs .gc-xxl-3 .gc-xxl-9 {
    width: 300%;
  }
  .gs .gc-xxl-3 .gc-xxl-8 {
    width: 266.6666666667%;
  }
  .gs .gc-xxl-3 .gc-xxl-7 {
    width: 233.3333333333%;
  }
  .gs .gc-xxl-3 .gc-xxl-6 {
    width: 200%;
  }
  .gs .gc-xxl-3 .gc-xxl-5 {
    width: 166.6666666667%;
  }
  .gs .gc-xxl-3 .gc-xxl-4 {
    width: 133.3333333333%;
  }
  .gs .gc-xxl-3 .gc-xxl-3 {
    width: 100%;
  }
  .gs .gc-xxl-3 .gc-xxl-2 {
    width: 66.6666666667%;
  }
  .gs .gc-xxl-3 .gc-xxl-1 {
    width: 33.3333333333%;
  }
  .gs .gc-xxl-2 {
    width: 16.6666666667%;
  }
  .gs .gc-xxl-2 .gc-xxl-12 {
    width: 600%;
  }
  .gs .gc-xxl-2 .gc-xxl-11 {
    width: 550%;
  }
  .gs .gc-xxl-2 .gc-xxl-10 {
    width: 500%;
  }
  .gs .gc-xxl-2 .gc-xxl-9 {
    width: 450%;
  }
  .gs .gc-xxl-2 .gc-xxl-8 {
    width: 400%;
  }
  .gs .gc-xxl-2 .gc-xxl-7 {
    width: 350%;
  }
  .gs .gc-xxl-2 .gc-xxl-6 {
    width: 300%;
  }
  .gs .gc-xxl-2 .gc-xxl-5 {
    width: 250%;
  }
  .gs .gc-xxl-2 .gc-xxl-4 {
    width: 200%;
  }
  .gs .gc-xxl-2 .gc-xxl-3 {
    width: 150%;
  }
  .gs .gc-xxl-2 .gc-xxl-2 {
    width: 100%;
  }
  .gs .gc-xxl-2 .gc-xxl-1 {
    width: 50%;
  }
  .gs .gc-xxl-1 {
    width: 8.3333333333%;
  }
  .gs .gc-xxl-1 .gc-xxl-12 {
    width: 1200%;
  }
  .gs .gc-xxl-1 .gc-xxl-11 {
    width: 1100%;
  }
  .gs .gc-xxl-1 .gc-xxl-10 {
    width: 1000%;
  }
  .gs .gc-xxl-1 .gc-xxl-9 {
    width: 900%;
  }
  .gs .gc-xxl-1 .gc-xxl-8 {
    width: 800%;
  }
  .gs .gc-xxl-1 .gc-xxl-7 {
    width: 700%;
  }
  .gs .gc-xxl-1 .gc-xxl-6 {
    width: 600%;
  }
  .gs .gc-xxl-1 .gc-xxl-5 {
    width: 500%;
  }
  .gs .gc-xxl-1 .gc-xxl-4 {
    width: 400%;
  }
  .gs .gc-xxl-1 .gc-xxl-3 {
    width: 300%;
  }
  .gs .gc-xxl-1 .gc-xxl-2 {
    width: 200%;
  }
  .gs .gc-xxl-1 .gc-xxl-1 {
    width: 100%;
  }
  .gs .gc-xxl-offset-12 {
    margin-left: 100%;
  }
  .gs .gc-xxl-offset-12 .gc-xxl-offset-12 {
    margin-left: 100%;
  }
  .gs .gc-xxl-offset-12 .gc-xxl-offset-11 {
    margin-left: 91.6666666667%;
  }
  .gs .gc-xxl-offset-12 .gc-xxl-offset-10 {
    margin-left: 83.3333333333%;
  }
  .gs .gc-xxl-offset-12 .gc-xxl-offset-9 {
    margin-left: 75%;
  }
  .gs .gc-xxl-offset-12 .gc-xxl-offset-8 {
    margin-left: 66.6666666667%;
  }
  .gs .gc-xxl-offset-12 .gc-xxl-offset-7 {
    margin-left: 58.3333333333%;
  }
  .gs .gc-xxl-offset-12 .gc-xxl-offset-6 {
    margin-left: 50%;
  }
  .gs .gc-xxl-offset-12 .gc-xxl-offset-5 {
    margin-left: 41.6666666667%;
  }
  .gs .gc-xxl-offset-12 .gc-xxl-offset-4 {
    margin-left: 33.3333333333%;
  }
  .gs .gc-xxl-offset-12 .gc-xxl-offset-3 {
    margin-left: 25%;
  }
  .gs .gc-xxl-offset-12 .gc-xxl-offset-2 {
    margin-left: 16.6666666667%;
  }
  .gs .gc-xxl-offset-12 .gc-xxl-offset-1 {
    margin-left: 8.3333333333%;
  }
  .gs .gc-xxl-offset-11 {
    margin-left: 91.6666666667%;
  }
  .gs .gc-xxl-offset-11 .gc-xxl-offset-12 {
    margin-left: 109.0909090909%;
  }
  .gs .gc-xxl-offset-11 .gc-xxl-offset-11 {
    margin-left: 100%;
  }
  .gs .gc-xxl-offset-11 .gc-xxl-offset-10 {
    margin-left: 90.9090909091%;
  }
  .gs .gc-xxl-offset-11 .gc-xxl-offset-9 {
    margin-left: 81.8181818182%;
  }
  .gs .gc-xxl-offset-11 .gc-xxl-offset-8 {
    margin-left: 72.7272727273%;
  }
  .gs .gc-xxl-offset-11 .gc-xxl-offset-7 {
    margin-left: 63.6363636364%;
  }
  .gs .gc-xxl-offset-11 .gc-xxl-offset-6 {
    margin-left: 54.5454545455%;
  }
  .gs .gc-xxl-offset-11 .gc-xxl-offset-5 {
    margin-left: 45.4545454545%;
  }
  .gs .gc-xxl-offset-11 .gc-xxl-offset-4 {
    margin-left: 36.3636363636%;
  }
  .gs .gc-xxl-offset-11 .gc-xxl-offset-3 {
    margin-left: 27.2727272727%;
  }
  .gs .gc-xxl-offset-11 .gc-xxl-offset-2 {
    margin-left: 18.1818181818%;
  }
  .gs .gc-xxl-offset-11 .gc-xxl-offset-1 {
    margin-left: 9.0909090909%;
  }
  .gs .gc-xxl-offset-10 {
    margin-left: 83.3333333333%;
  }
  .gs .gc-xxl-offset-10 .gc-xxl-offset-12 {
    margin-left: 120%;
  }
  .gs .gc-xxl-offset-10 .gc-xxl-offset-11 {
    margin-left: 110%;
  }
  .gs .gc-xxl-offset-10 .gc-xxl-offset-10 {
    margin-left: 100%;
  }
  .gs .gc-xxl-offset-10 .gc-xxl-offset-9 {
    margin-left: 90%;
  }
  .gs .gc-xxl-offset-10 .gc-xxl-offset-8 {
    margin-left: 80%;
  }
  .gs .gc-xxl-offset-10 .gc-xxl-offset-7 {
    margin-left: 70%;
  }
  .gs .gc-xxl-offset-10 .gc-xxl-offset-6 {
    margin-left: 60%;
  }
  .gs .gc-xxl-offset-10 .gc-xxl-offset-5 {
    margin-left: 50%;
  }
  .gs .gc-xxl-offset-10 .gc-xxl-offset-4 {
    margin-left: 40%;
  }
  .gs .gc-xxl-offset-10 .gc-xxl-offset-3 {
    margin-left: 30%;
  }
  .gs .gc-xxl-offset-10 .gc-xxl-offset-2 {
    margin-left: 20%;
  }
  .gs .gc-xxl-offset-10 .gc-xxl-offset-1 {
    margin-left: 10%;
  }
  .gs .gc-xxl-offset-9 {
    margin-left: 75%;
  }
  .gs .gc-xxl-offset-9 .gc-xxl-offset-12 {
    margin-left: 133.3333333333%;
  }
  .gs .gc-xxl-offset-9 .gc-xxl-offset-11 {
    margin-left: 122.2222222222%;
  }
  .gs .gc-xxl-offset-9 .gc-xxl-offset-10 {
    margin-left: 111.1111111111%;
  }
  .gs .gc-xxl-offset-9 .gc-xxl-offset-9 {
    margin-left: 100%;
  }
  .gs .gc-xxl-offset-9 .gc-xxl-offset-8 {
    margin-left: 88.8888888889%;
  }
  .gs .gc-xxl-offset-9 .gc-xxl-offset-7 {
    margin-left: 77.7777777778%;
  }
  .gs .gc-xxl-offset-9 .gc-xxl-offset-6 {
    margin-left: 66.6666666667%;
  }
  .gs .gc-xxl-offset-9 .gc-xxl-offset-5 {
    margin-left: 55.5555555556%;
  }
  .gs .gc-xxl-offset-9 .gc-xxl-offset-4 {
    margin-left: 44.4444444444%;
  }
  .gs .gc-xxl-offset-9 .gc-xxl-offset-3 {
    margin-left: 33.3333333333%;
  }
  .gs .gc-xxl-offset-9 .gc-xxl-offset-2 {
    margin-left: 22.2222222222%;
  }
  .gs .gc-xxl-offset-9 .gc-xxl-offset-1 {
    margin-left: 11.1111111111%;
  }
  .gs .gc-xxl-offset-8 {
    margin-left: 66.6666666667%;
  }
  .gs .gc-xxl-offset-8 .gc-xxl-offset-12 {
    margin-left: 150%;
  }
  .gs .gc-xxl-offset-8 .gc-xxl-offset-11 {
    margin-left: 137.5%;
  }
  .gs .gc-xxl-offset-8 .gc-xxl-offset-10 {
    margin-left: 125%;
  }
  .gs .gc-xxl-offset-8 .gc-xxl-offset-9 {
    margin-left: 112.5%;
  }
  .gs .gc-xxl-offset-8 .gc-xxl-offset-8 {
    margin-left: 100%;
  }
  .gs .gc-xxl-offset-8 .gc-xxl-offset-7 {
    margin-left: 87.5%;
  }
  .gs .gc-xxl-offset-8 .gc-xxl-offset-6 {
    margin-left: 75%;
  }
  .gs .gc-xxl-offset-8 .gc-xxl-offset-5 {
    margin-left: 62.5%;
  }
  .gs .gc-xxl-offset-8 .gc-xxl-offset-4 {
    margin-left: 50%;
  }
  .gs .gc-xxl-offset-8 .gc-xxl-offset-3 {
    margin-left: 37.5%;
  }
  .gs .gc-xxl-offset-8 .gc-xxl-offset-2 {
    margin-left: 25%;
  }
  .gs .gc-xxl-offset-8 .gc-xxl-offset-1 {
    margin-left: 12.5%;
  }
  .gs .gc-xxl-offset-7 {
    margin-left: 58.3333333333%;
  }
  .gs .gc-xxl-offset-7 .gc-xxl-offset-12 {
    margin-left: 171.4285714286%;
  }
  .gs .gc-xxl-offset-7 .gc-xxl-offset-11 {
    margin-left: 157.1428571429%;
  }
  .gs .gc-xxl-offset-7 .gc-xxl-offset-10 {
    margin-left: 142.8571428571%;
  }
  .gs .gc-xxl-offset-7 .gc-xxl-offset-9 {
    margin-left: 128.5714285714%;
  }
  .gs .gc-xxl-offset-7 .gc-xxl-offset-8 {
    margin-left: 114.2857142857%;
  }
  .gs .gc-xxl-offset-7 .gc-xxl-offset-7 {
    margin-left: 100%;
  }
  .gs .gc-xxl-offset-7 .gc-xxl-offset-6 {
    margin-left: 85.7142857143%;
  }
  .gs .gc-xxl-offset-7 .gc-xxl-offset-5 {
    margin-left: 71.4285714286%;
  }
  .gs .gc-xxl-offset-7 .gc-xxl-offset-4 {
    margin-left: 57.1428571429%;
  }
  .gs .gc-xxl-offset-7 .gc-xxl-offset-3 {
    margin-left: 42.8571428571%;
  }
  .gs .gc-xxl-offset-7 .gc-xxl-offset-2 {
    margin-left: 28.5714285714%;
  }
  .gs .gc-xxl-offset-7 .gc-xxl-offset-1 {
    margin-left: 14.2857142857%;
  }
  .gs .gc-xxl-offset-6 {
    margin-left: 50%;
  }
  .gs .gc-xxl-offset-6 .gc-xxl-offset-12 {
    margin-left: 200%;
  }
  .gs .gc-xxl-offset-6 .gc-xxl-offset-11 {
    margin-left: 183.3333333333%;
  }
  .gs .gc-xxl-offset-6 .gc-xxl-offset-10 {
    margin-left: 166.6666666667%;
  }
  .gs .gc-xxl-offset-6 .gc-xxl-offset-9 {
    margin-left: 150%;
  }
  .gs .gc-xxl-offset-6 .gc-xxl-offset-8 {
    margin-left: 133.3333333333%;
  }
  .gs .gc-xxl-offset-6 .gc-xxl-offset-7 {
    margin-left: 116.6666666667%;
  }
  .gs .gc-xxl-offset-6 .gc-xxl-offset-6 {
    margin-left: 100%;
  }
  .gs .gc-xxl-offset-6 .gc-xxl-offset-5 {
    margin-left: 83.3333333333%;
  }
  .gs .gc-xxl-offset-6 .gc-xxl-offset-4 {
    margin-left: 66.6666666667%;
  }
  .gs .gc-xxl-offset-6 .gc-xxl-offset-3 {
    margin-left: 50%;
  }
  .gs .gc-xxl-offset-6 .gc-xxl-offset-2 {
    margin-left: 33.3333333333%;
  }
  .gs .gc-xxl-offset-6 .gc-xxl-offset-1 {
    margin-left: 16.6666666667%;
  }
  .gs .gc-xxl-offset-5 {
    margin-left: 41.6666666667%;
  }
  .gs .gc-xxl-offset-5 .gc-xxl-offset-12 {
    margin-left: 240%;
  }
  .gs .gc-xxl-offset-5 .gc-xxl-offset-11 {
    margin-left: 220%;
  }
  .gs .gc-xxl-offset-5 .gc-xxl-offset-10 {
    margin-left: 200%;
  }
  .gs .gc-xxl-offset-5 .gc-xxl-offset-9 {
    margin-left: 180%;
  }
  .gs .gc-xxl-offset-5 .gc-xxl-offset-8 {
    margin-left: 160%;
  }
  .gs .gc-xxl-offset-5 .gc-xxl-offset-7 {
    margin-left: 140%;
  }
  .gs .gc-xxl-offset-5 .gc-xxl-offset-6 {
    margin-left: 120%;
  }
  .gs .gc-xxl-offset-5 .gc-xxl-offset-5 {
    margin-left: 100%;
  }
  .gs .gc-xxl-offset-5 .gc-xxl-offset-4 {
    margin-left: 80%;
  }
  .gs .gc-xxl-offset-5 .gc-xxl-offset-3 {
    margin-left: 60%;
  }
  .gs .gc-xxl-offset-5 .gc-xxl-offset-2 {
    margin-left: 40%;
  }
  .gs .gc-xxl-offset-5 .gc-xxl-offset-1 {
    margin-left: 20%;
  }
  .gs .gc-xxl-offset-4 {
    margin-left: 33.3333333333%;
  }
  .gs .gc-xxl-offset-4 .gc-xxl-offset-12 {
    margin-left: 300%;
  }
  .gs .gc-xxl-offset-4 .gc-xxl-offset-11 {
    margin-left: 275%;
  }
  .gs .gc-xxl-offset-4 .gc-xxl-offset-10 {
    margin-left: 250%;
  }
  .gs .gc-xxl-offset-4 .gc-xxl-offset-9 {
    margin-left: 225%;
  }
  .gs .gc-xxl-offset-4 .gc-xxl-offset-8 {
    margin-left: 200%;
  }
  .gs .gc-xxl-offset-4 .gc-xxl-offset-7 {
    margin-left: 175%;
  }
  .gs .gc-xxl-offset-4 .gc-xxl-offset-6 {
    margin-left: 150%;
  }
  .gs .gc-xxl-offset-4 .gc-xxl-offset-5 {
    margin-left: 125%;
  }
  .gs .gc-xxl-offset-4 .gc-xxl-offset-4 {
    margin-left: 100%;
  }
  .gs .gc-xxl-offset-4 .gc-xxl-offset-3 {
    margin-left: 75%;
  }
  .gs .gc-xxl-offset-4 .gc-xxl-offset-2 {
    margin-left: 50%;
  }
  .gs .gc-xxl-offset-4 .gc-xxl-offset-1 {
    margin-left: 25%;
  }
  .gs .gc-xxl-offset-3 {
    margin-left: 25%;
  }
  .gs .gc-xxl-offset-3 .gc-xxl-offset-12 {
    margin-left: 400%;
  }
  .gs .gc-xxl-offset-3 .gc-xxl-offset-11 {
    margin-left: 366.6666666667%;
  }
  .gs .gc-xxl-offset-3 .gc-xxl-offset-10 {
    margin-left: 333.3333333333%;
  }
  .gs .gc-xxl-offset-3 .gc-xxl-offset-9 {
    margin-left: 300%;
  }
  .gs .gc-xxl-offset-3 .gc-xxl-offset-8 {
    margin-left: 266.6666666667%;
  }
  .gs .gc-xxl-offset-3 .gc-xxl-offset-7 {
    margin-left: 233.3333333333%;
  }
  .gs .gc-xxl-offset-3 .gc-xxl-offset-6 {
    margin-left: 200%;
  }
  .gs .gc-xxl-offset-3 .gc-xxl-offset-5 {
    margin-left: 166.6666666667%;
  }
  .gs .gc-xxl-offset-3 .gc-xxl-offset-4 {
    margin-left: 133.3333333333%;
  }
  .gs .gc-xxl-offset-3 .gc-xxl-offset-3 {
    margin-left: 100%;
  }
  .gs .gc-xxl-offset-3 .gc-xxl-offset-2 {
    margin-left: 66.6666666667%;
  }
  .gs .gc-xxl-offset-3 .gc-xxl-offset-1 {
    margin-left: 33.3333333333%;
  }
  .gs .gc-xxl-offset-2 {
    margin-left: 16.6666666667%;
  }
  .gs .gc-xxl-offset-2 .gc-xxl-offset-12 {
    margin-left: 600%;
  }
  .gs .gc-xxl-offset-2 .gc-xxl-offset-11 {
    margin-left: 550%;
  }
  .gs .gc-xxl-offset-2 .gc-xxl-offset-10 {
    margin-left: 500%;
  }
  .gs .gc-xxl-offset-2 .gc-xxl-offset-9 {
    margin-left: 450%;
  }
  .gs .gc-xxl-offset-2 .gc-xxl-offset-8 {
    margin-left: 400%;
  }
  .gs .gc-xxl-offset-2 .gc-xxl-offset-7 {
    margin-left: 350%;
  }
  .gs .gc-xxl-offset-2 .gc-xxl-offset-6 {
    margin-left: 300%;
  }
  .gs .gc-xxl-offset-2 .gc-xxl-offset-5 {
    margin-left: 250%;
  }
  .gs .gc-xxl-offset-2 .gc-xxl-offset-4 {
    margin-left: 200%;
  }
  .gs .gc-xxl-offset-2 .gc-xxl-offset-3 {
    margin-left: 150%;
  }
  .gs .gc-xxl-offset-2 .gc-xxl-offset-2 {
    margin-left: 100%;
  }
  .gs .gc-xxl-offset-2 .gc-xxl-offset-1 {
    margin-left: 50%;
  }
  .gs .gc-xxl-offset-1 {
    margin-left: 8.3333333333%;
  }
  .gs .gc-xxl-offset-1 .gc-xxl-offset-12 {
    margin-left: 1200%;
  }
  .gs .gc-xxl-offset-1 .gc-xxl-offset-11 {
    margin-left: 1100%;
  }
  .gs .gc-xxl-offset-1 .gc-xxl-offset-10 {
    margin-left: 1000%;
  }
  .gs .gc-xxl-offset-1 .gc-xxl-offset-9 {
    margin-left: 900%;
  }
  .gs .gc-xxl-offset-1 .gc-xxl-offset-8 {
    margin-left: 800%;
  }
  .gs .gc-xxl-offset-1 .gc-xxl-offset-7 {
    margin-left: 700%;
  }
  .gs .gc-xxl-offset-1 .gc-xxl-offset-6 {
    margin-left: 600%;
  }
  .gs .gc-xxl-offset-1 .gc-xxl-offset-5 {
    margin-left: 500%;
  }
  .gs .gc-xxl-offset-1 .gc-xxl-offset-4 {
    margin-left: 400%;
  }
  .gs .gc-xxl-offset-1 .gc-xxl-offset-3 {
    margin-left: 300%;
  }
  .gs .gc-xxl-offset-1 .gc-xxl-offset-2 {
    margin-left: 200%;
  }
  .gs .gc-xxl-offset-1 .gc-xxl-offset-1 {
    margin-left: 100%;
  }
  .gs .gc-xxl-offset-0 {
    margin-left: 0;
  }
}
@media only screen and (min-width: 1441px) {
  .gs .gc-xxxl-12 {
    width: 100%;
  }
  .gs .gc-xxxl-12 .gc-xxxl-12 {
    width: 100%;
  }
  .gs .gc-xxxl-12 .gc-xxxl-11 {
    width: 91.6666666667%;
  }
  .gs .gc-xxxl-12 .gc-xxxl-10 {
    width: 83.3333333333%;
  }
  .gs .gc-xxxl-12 .gc-xxxl-9 {
    width: 75%;
  }
  .gs .gc-xxxl-12 .gc-xxxl-8 {
    width: 66.6666666667%;
  }
  .gs .gc-xxxl-12 .gc-xxxl-7 {
    width: 58.3333333333%;
  }
  .gs .gc-xxxl-12 .gc-xxxl-6 {
    width: 50%;
  }
  .gs .gc-xxxl-12 .gc-xxxl-5 {
    width: 41.6666666667%;
  }
  .gs .gc-xxxl-12 .gc-xxxl-4 {
    width: 33.3333333333%;
  }
  .gs .gc-xxxl-12 .gc-xxxl-3 {
    width: 25%;
  }
  .gs .gc-xxxl-12 .gc-xxxl-2 {
    width: 16.6666666667%;
  }
  .gs .gc-xxxl-12 .gc-xxxl-1 {
    width: 8.3333333333%;
  }
  .gs .gc-xxxl-11 {
    width: 91.6666666667%;
  }
  .gs .gc-xxxl-11 .gc-xxxl-12 {
    width: 109.0909090909%;
  }
  .gs .gc-xxxl-11 .gc-xxxl-11 {
    width: 100%;
  }
  .gs .gc-xxxl-11 .gc-xxxl-10 {
    width: 90.9090909091%;
  }
  .gs .gc-xxxl-11 .gc-xxxl-9 {
    width: 81.8181818182%;
  }
  .gs .gc-xxxl-11 .gc-xxxl-8 {
    width: 72.7272727273%;
  }
  .gs .gc-xxxl-11 .gc-xxxl-7 {
    width: 63.6363636364%;
  }
  .gs .gc-xxxl-11 .gc-xxxl-6 {
    width: 54.5454545455%;
  }
  .gs .gc-xxxl-11 .gc-xxxl-5 {
    width: 45.4545454545%;
  }
  .gs .gc-xxxl-11 .gc-xxxl-4 {
    width: 36.3636363636%;
  }
  .gs .gc-xxxl-11 .gc-xxxl-3 {
    width: 27.2727272727%;
  }
  .gs .gc-xxxl-11 .gc-xxxl-2 {
    width: 18.1818181818%;
  }
  .gs .gc-xxxl-11 .gc-xxxl-1 {
    width: 9.0909090909%;
  }
  .gs .gc-xxxl-10 {
    width: 83.3333333333%;
  }
  .gs .gc-xxxl-10 .gc-xxxl-12 {
    width: 120%;
  }
  .gs .gc-xxxl-10 .gc-xxxl-11 {
    width: 110%;
  }
  .gs .gc-xxxl-10 .gc-xxxl-10 {
    width: 100%;
  }
  .gs .gc-xxxl-10 .gc-xxxl-9 {
    width: 90%;
  }
  .gs .gc-xxxl-10 .gc-xxxl-8 {
    width: 80%;
  }
  .gs .gc-xxxl-10 .gc-xxxl-7 {
    width: 70%;
  }
  .gs .gc-xxxl-10 .gc-xxxl-6 {
    width: 60%;
  }
  .gs .gc-xxxl-10 .gc-xxxl-5 {
    width: 50%;
  }
  .gs .gc-xxxl-10 .gc-xxxl-4 {
    width: 40%;
  }
  .gs .gc-xxxl-10 .gc-xxxl-3 {
    width: 30%;
  }
  .gs .gc-xxxl-10 .gc-xxxl-2 {
    width: 20%;
  }
  .gs .gc-xxxl-10 .gc-xxxl-1 {
    width: 10%;
  }
  .gs .gc-xxxl-9 {
    width: 75%;
  }
  .gs .gc-xxxl-9 .gc-xxxl-12 {
    width: 133.3333333333%;
  }
  .gs .gc-xxxl-9 .gc-xxxl-11 {
    width: 122.2222222222%;
  }
  .gs .gc-xxxl-9 .gc-xxxl-10 {
    width: 111.1111111111%;
  }
  .gs .gc-xxxl-9 .gc-xxxl-9 {
    width: 100%;
  }
  .gs .gc-xxxl-9 .gc-xxxl-8 {
    width: 88.8888888889%;
  }
  .gs .gc-xxxl-9 .gc-xxxl-7 {
    width: 77.7777777778%;
  }
  .gs .gc-xxxl-9 .gc-xxxl-6 {
    width: 66.6666666667%;
  }
  .gs .gc-xxxl-9 .gc-xxxl-5 {
    width: 55.5555555556%;
  }
  .gs .gc-xxxl-9 .gc-xxxl-4 {
    width: 44.4444444444%;
  }
  .gs .gc-xxxl-9 .gc-xxxl-3 {
    width: 33.3333333333%;
  }
  .gs .gc-xxxl-9 .gc-xxxl-2 {
    width: 22.2222222222%;
  }
  .gs .gc-xxxl-9 .gc-xxxl-1 {
    width: 11.1111111111%;
  }
  .gs .gc-xxxl-8 {
    width: 66.6666666667%;
  }
  .gs .gc-xxxl-8 .gc-xxxl-12 {
    width: 150%;
  }
  .gs .gc-xxxl-8 .gc-xxxl-11 {
    width: 137.5%;
  }
  .gs .gc-xxxl-8 .gc-xxxl-10 {
    width: 125%;
  }
  .gs .gc-xxxl-8 .gc-xxxl-9 {
    width: 112.5%;
  }
  .gs .gc-xxxl-8 .gc-xxxl-8 {
    width: 100%;
  }
  .gs .gc-xxxl-8 .gc-xxxl-7 {
    width: 87.5%;
  }
  .gs .gc-xxxl-8 .gc-xxxl-6 {
    width: 75%;
  }
  .gs .gc-xxxl-8 .gc-xxxl-5 {
    width: 62.5%;
  }
  .gs .gc-xxxl-8 .gc-xxxl-4 {
    width: 50%;
  }
  .gs .gc-xxxl-8 .gc-xxxl-3 {
    width: 37.5%;
  }
  .gs .gc-xxxl-8 .gc-xxxl-2 {
    width: 25%;
  }
  .gs .gc-xxxl-8 .gc-xxxl-1 {
    width: 12.5%;
  }
  .gs .gc-xxxl-7 {
    width: 58.3333333333%;
  }
  .gs .gc-xxxl-7 .gc-xxxl-12 {
    width: 171.4285714286%;
  }
  .gs .gc-xxxl-7 .gc-xxxl-11 {
    width: 157.1428571429%;
  }
  .gs .gc-xxxl-7 .gc-xxxl-10 {
    width: 142.8571428571%;
  }
  .gs .gc-xxxl-7 .gc-xxxl-9 {
    width: 128.5714285714%;
  }
  .gs .gc-xxxl-7 .gc-xxxl-8 {
    width: 114.2857142857%;
  }
  .gs .gc-xxxl-7 .gc-xxxl-7 {
    width: 100%;
  }
  .gs .gc-xxxl-7 .gc-xxxl-6 {
    width: 85.7142857143%;
  }
  .gs .gc-xxxl-7 .gc-xxxl-5 {
    width: 71.4285714286%;
  }
  .gs .gc-xxxl-7 .gc-xxxl-4 {
    width: 57.1428571429%;
  }
  .gs .gc-xxxl-7 .gc-xxxl-3 {
    width: 42.8571428571%;
  }
  .gs .gc-xxxl-7 .gc-xxxl-2 {
    width: 28.5714285714%;
  }
  .gs .gc-xxxl-7 .gc-xxxl-1 {
    width: 14.2857142857%;
  }
  .gs .gc-xxxl-6 {
    width: 50%;
  }
  .gs .gc-xxxl-6 .gc-xxxl-12 {
    width: 200%;
  }
  .gs .gc-xxxl-6 .gc-xxxl-11 {
    width: 183.3333333333%;
  }
  .gs .gc-xxxl-6 .gc-xxxl-10 {
    width: 166.6666666667%;
  }
  .gs .gc-xxxl-6 .gc-xxxl-9 {
    width: 150%;
  }
  .gs .gc-xxxl-6 .gc-xxxl-8 {
    width: 133.3333333333%;
  }
  .gs .gc-xxxl-6 .gc-xxxl-7 {
    width: 116.6666666667%;
  }
  .gs .gc-xxxl-6 .gc-xxxl-6 {
    width: 100%;
  }
  .gs .gc-xxxl-6 .gc-xxxl-5 {
    width: 83.3333333333%;
  }
  .gs .gc-xxxl-6 .gc-xxxl-4 {
    width: 66.6666666667%;
  }
  .gs .gc-xxxl-6 .gc-xxxl-3 {
    width: 50%;
  }
  .gs .gc-xxxl-6 .gc-xxxl-2 {
    width: 33.3333333333%;
  }
  .gs .gc-xxxl-6 .gc-xxxl-1 {
    width: 16.6666666667%;
  }
  .gs .gc-xxxl-5 {
    width: 41.6666666667%;
  }
  .gs .gc-xxxl-5 .gc-xxxl-12 {
    width: 240%;
  }
  .gs .gc-xxxl-5 .gc-xxxl-11 {
    width: 220%;
  }
  .gs .gc-xxxl-5 .gc-xxxl-10 {
    width: 200%;
  }
  .gs .gc-xxxl-5 .gc-xxxl-9 {
    width: 180%;
  }
  .gs .gc-xxxl-5 .gc-xxxl-8 {
    width: 160%;
  }
  .gs .gc-xxxl-5 .gc-xxxl-7 {
    width: 140%;
  }
  .gs .gc-xxxl-5 .gc-xxxl-6 {
    width: 120%;
  }
  .gs .gc-xxxl-5 .gc-xxxl-5 {
    width: 100%;
  }
  .gs .gc-xxxl-5 .gc-xxxl-4 {
    width: 80%;
  }
  .gs .gc-xxxl-5 .gc-xxxl-3 {
    width: 60%;
  }
  .gs .gc-xxxl-5 .gc-xxxl-2 {
    width: 40%;
  }
  .gs .gc-xxxl-5 .gc-xxxl-1 {
    width: 20%;
  }
  .gs .gc-xxxl-4 {
    width: 33.3333333333%;
  }
  .gs .gc-xxxl-4 .gc-xxxl-12 {
    width: 300%;
  }
  .gs .gc-xxxl-4 .gc-xxxl-11 {
    width: 275%;
  }
  .gs .gc-xxxl-4 .gc-xxxl-10 {
    width: 250%;
  }
  .gs .gc-xxxl-4 .gc-xxxl-9 {
    width: 225%;
  }
  .gs .gc-xxxl-4 .gc-xxxl-8 {
    width: 200%;
  }
  .gs .gc-xxxl-4 .gc-xxxl-7 {
    width: 175%;
  }
  .gs .gc-xxxl-4 .gc-xxxl-6 {
    width: 150%;
  }
  .gs .gc-xxxl-4 .gc-xxxl-5 {
    width: 125%;
  }
  .gs .gc-xxxl-4 .gc-xxxl-4 {
    width: 100%;
  }
  .gs .gc-xxxl-4 .gc-xxxl-3 {
    width: 75%;
  }
  .gs .gc-xxxl-4 .gc-xxxl-2 {
    width: 50%;
  }
  .gs .gc-xxxl-4 .gc-xxxl-1 {
    width: 25%;
  }
  .gs .gc-xxxl-3 {
    width: 25%;
  }
  .gs .gc-xxxl-3 .gc-xxxl-12 {
    width: 400%;
  }
  .gs .gc-xxxl-3 .gc-xxxl-11 {
    width: 366.6666666667%;
  }
  .gs .gc-xxxl-3 .gc-xxxl-10 {
    width: 333.3333333333%;
  }
  .gs .gc-xxxl-3 .gc-xxxl-9 {
    width: 300%;
  }
  .gs .gc-xxxl-3 .gc-xxxl-8 {
    width: 266.6666666667%;
  }
  .gs .gc-xxxl-3 .gc-xxxl-7 {
    width: 233.3333333333%;
  }
  .gs .gc-xxxl-3 .gc-xxxl-6 {
    width: 200%;
  }
  .gs .gc-xxxl-3 .gc-xxxl-5 {
    width: 166.6666666667%;
  }
  .gs .gc-xxxl-3 .gc-xxxl-4 {
    width: 133.3333333333%;
  }
  .gs .gc-xxxl-3 .gc-xxxl-3 {
    width: 100%;
  }
  .gs .gc-xxxl-3 .gc-xxxl-2 {
    width: 66.6666666667%;
  }
  .gs .gc-xxxl-3 .gc-xxxl-1 {
    width: 33.3333333333%;
  }
  .gs .gc-xxxl-2 {
    width: 16.6666666667%;
  }
  .gs .gc-xxxl-2 .gc-xxxl-12 {
    width: 600%;
  }
  .gs .gc-xxxl-2 .gc-xxxl-11 {
    width: 550%;
  }
  .gs .gc-xxxl-2 .gc-xxxl-10 {
    width: 500%;
  }
  .gs .gc-xxxl-2 .gc-xxxl-9 {
    width: 450%;
  }
  .gs .gc-xxxl-2 .gc-xxxl-8 {
    width: 400%;
  }
  .gs .gc-xxxl-2 .gc-xxxl-7 {
    width: 350%;
  }
  .gs .gc-xxxl-2 .gc-xxxl-6 {
    width: 300%;
  }
  .gs .gc-xxxl-2 .gc-xxxl-5 {
    width: 250%;
  }
  .gs .gc-xxxl-2 .gc-xxxl-4 {
    width: 200%;
  }
  .gs .gc-xxxl-2 .gc-xxxl-3 {
    width: 150%;
  }
  .gs .gc-xxxl-2 .gc-xxxl-2 {
    width: 100%;
  }
  .gs .gc-xxxl-2 .gc-xxxl-1 {
    width: 50%;
  }
  .gs .gc-xxxl-1 {
    width: 8.3333333333%;
  }
  .gs .gc-xxxl-1 .gc-xxxl-12 {
    width: 1200%;
  }
  .gs .gc-xxxl-1 .gc-xxxl-11 {
    width: 1100%;
  }
  .gs .gc-xxxl-1 .gc-xxxl-10 {
    width: 1000%;
  }
  .gs .gc-xxxl-1 .gc-xxxl-9 {
    width: 900%;
  }
  .gs .gc-xxxl-1 .gc-xxxl-8 {
    width: 800%;
  }
  .gs .gc-xxxl-1 .gc-xxxl-7 {
    width: 700%;
  }
  .gs .gc-xxxl-1 .gc-xxxl-6 {
    width: 600%;
  }
  .gs .gc-xxxl-1 .gc-xxxl-5 {
    width: 500%;
  }
  .gs .gc-xxxl-1 .gc-xxxl-4 {
    width: 400%;
  }
  .gs .gc-xxxl-1 .gc-xxxl-3 {
    width: 300%;
  }
  .gs .gc-xxxl-1 .gc-xxxl-2 {
    width: 200%;
  }
  .gs .gc-xxxl-1 .gc-xxxl-1 {
    width: 100%;
  }
  .gs .gc-xxxl-offset-12 {
    margin-left: 100%;
  }
  .gs .gc-xxxl-offset-12 .gc-xxxl-offset-12 {
    margin-left: 100%;
  }
  .gs .gc-xxxl-offset-12 .gc-xxxl-offset-11 {
    margin-left: 91.6666666667%;
  }
  .gs .gc-xxxl-offset-12 .gc-xxxl-offset-10 {
    margin-left: 83.3333333333%;
  }
  .gs .gc-xxxl-offset-12 .gc-xxxl-offset-9 {
    margin-left: 75%;
  }
  .gs .gc-xxxl-offset-12 .gc-xxxl-offset-8 {
    margin-left: 66.6666666667%;
  }
  .gs .gc-xxxl-offset-12 .gc-xxxl-offset-7 {
    margin-left: 58.3333333333%;
  }
  .gs .gc-xxxl-offset-12 .gc-xxxl-offset-6 {
    margin-left: 50%;
  }
  .gs .gc-xxxl-offset-12 .gc-xxxl-offset-5 {
    margin-left: 41.6666666667%;
  }
  .gs .gc-xxxl-offset-12 .gc-xxxl-offset-4 {
    margin-left: 33.3333333333%;
  }
  .gs .gc-xxxl-offset-12 .gc-xxxl-offset-3 {
    margin-left: 25%;
  }
  .gs .gc-xxxl-offset-12 .gc-xxxl-offset-2 {
    margin-left: 16.6666666667%;
  }
  .gs .gc-xxxl-offset-12 .gc-xxxl-offset-1 {
    margin-left: 8.3333333333%;
  }
  .gs .gc-xxxl-offset-11 {
    margin-left: 91.6666666667%;
  }
  .gs .gc-xxxl-offset-11 .gc-xxxl-offset-12 {
    margin-left: 109.0909090909%;
  }
  .gs .gc-xxxl-offset-11 .gc-xxxl-offset-11 {
    margin-left: 100%;
  }
  .gs .gc-xxxl-offset-11 .gc-xxxl-offset-10 {
    margin-left: 90.9090909091%;
  }
  .gs .gc-xxxl-offset-11 .gc-xxxl-offset-9 {
    margin-left: 81.8181818182%;
  }
  .gs .gc-xxxl-offset-11 .gc-xxxl-offset-8 {
    margin-left: 72.7272727273%;
  }
  .gs .gc-xxxl-offset-11 .gc-xxxl-offset-7 {
    margin-left: 63.6363636364%;
  }
  .gs .gc-xxxl-offset-11 .gc-xxxl-offset-6 {
    margin-left: 54.5454545455%;
  }
  .gs .gc-xxxl-offset-11 .gc-xxxl-offset-5 {
    margin-left: 45.4545454545%;
  }
  .gs .gc-xxxl-offset-11 .gc-xxxl-offset-4 {
    margin-left: 36.3636363636%;
  }
  .gs .gc-xxxl-offset-11 .gc-xxxl-offset-3 {
    margin-left: 27.2727272727%;
  }
  .gs .gc-xxxl-offset-11 .gc-xxxl-offset-2 {
    margin-left: 18.1818181818%;
  }
  .gs .gc-xxxl-offset-11 .gc-xxxl-offset-1 {
    margin-left: 9.0909090909%;
  }
  .gs .gc-xxxl-offset-10 {
    margin-left: 83.3333333333%;
  }
  .gs .gc-xxxl-offset-10 .gc-xxxl-offset-12 {
    margin-left: 120%;
  }
  .gs .gc-xxxl-offset-10 .gc-xxxl-offset-11 {
    margin-left: 110%;
  }
  .gs .gc-xxxl-offset-10 .gc-xxxl-offset-10 {
    margin-left: 100%;
  }
  .gs .gc-xxxl-offset-10 .gc-xxxl-offset-9 {
    margin-left: 90%;
  }
  .gs .gc-xxxl-offset-10 .gc-xxxl-offset-8 {
    margin-left: 80%;
  }
  .gs .gc-xxxl-offset-10 .gc-xxxl-offset-7 {
    margin-left: 70%;
  }
  .gs .gc-xxxl-offset-10 .gc-xxxl-offset-6 {
    margin-left: 60%;
  }
  .gs .gc-xxxl-offset-10 .gc-xxxl-offset-5 {
    margin-left: 50%;
  }
  .gs .gc-xxxl-offset-10 .gc-xxxl-offset-4 {
    margin-left: 40%;
  }
  .gs .gc-xxxl-offset-10 .gc-xxxl-offset-3 {
    margin-left: 30%;
  }
  .gs .gc-xxxl-offset-10 .gc-xxxl-offset-2 {
    margin-left: 20%;
  }
  .gs .gc-xxxl-offset-10 .gc-xxxl-offset-1 {
    margin-left: 10%;
  }
  .gs .gc-xxxl-offset-9 {
    margin-left: 75%;
  }
  .gs .gc-xxxl-offset-9 .gc-xxxl-offset-12 {
    margin-left: 133.3333333333%;
  }
  .gs .gc-xxxl-offset-9 .gc-xxxl-offset-11 {
    margin-left: 122.2222222222%;
  }
  .gs .gc-xxxl-offset-9 .gc-xxxl-offset-10 {
    margin-left: 111.1111111111%;
  }
  .gs .gc-xxxl-offset-9 .gc-xxxl-offset-9 {
    margin-left: 100%;
  }
  .gs .gc-xxxl-offset-9 .gc-xxxl-offset-8 {
    margin-left: 88.8888888889%;
  }
  .gs .gc-xxxl-offset-9 .gc-xxxl-offset-7 {
    margin-left: 77.7777777778%;
  }
  .gs .gc-xxxl-offset-9 .gc-xxxl-offset-6 {
    margin-left: 66.6666666667%;
  }
  .gs .gc-xxxl-offset-9 .gc-xxxl-offset-5 {
    margin-left: 55.5555555556%;
  }
  .gs .gc-xxxl-offset-9 .gc-xxxl-offset-4 {
    margin-left: 44.4444444444%;
  }
  .gs .gc-xxxl-offset-9 .gc-xxxl-offset-3 {
    margin-left: 33.3333333333%;
  }
  .gs .gc-xxxl-offset-9 .gc-xxxl-offset-2 {
    margin-left: 22.2222222222%;
  }
  .gs .gc-xxxl-offset-9 .gc-xxxl-offset-1 {
    margin-left: 11.1111111111%;
  }
  .gs .gc-xxxl-offset-8 {
    margin-left: 66.6666666667%;
  }
  .gs .gc-xxxl-offset-8 .gc-xxxl-offset-12 {
    margin-left: 150%;
  }
  .gs .gc-xxxl-offset-8 .gc-xxxl-offset-11 {
    margin-left: 137.5%;
  }
  .gs .gc-xxxl-offset-8 .gc-xxxl-offset-10 {
    margin-left: 125%;
  }
  .gs .gc-xxxl-offset-8 .gc-xxxl-offset-9 {
    margin-left: 112.5%;
  }
  .gs .gc-xxxl-offset-8 .gc-xxxl-offset-8 {
    margin-left: 100%;
  }
  .gs .gc-xxxl-offset-8 .gc-xxxl-offset-7 {
    margin-left: 87.5%;
  }
  .gs .gc-xxxl-offset-8 .gc-xxxl-offset-6 {
    margin-left: 75%;
  }
  .gs .gc-xxxl-offset-8 .gc-xxxl-offset-5 {
    margin-left: 62.5%;
  }
  .gs .gc-xxxl-offset-8 .gc-xxxl-offset-4 {
    margin-left: 50%;
  }
  .gs .gc-xxxl-offset-8 .gc-xxxl-offset-3 {
    margin-left: 37.5%;
  }
  .gs .gc-xxxl-offset-8 .gc-xxxl-offset-2 {
    margin-left: 25%;
  }
  .gs .gc-xxxl-offset-8 .gc-xxxl-offset-1 {
    margin-left: 12.5%;
  }
  .gs .gc-xxxl-offset-7 {
    margin-left: 58.3333333333%;
  }
  .gs .gc-xxxl-offset-7 .gc-xxxl-offset-12 {
    margin-left: 171.4285714286%;
  }
  .gs .gc-xxxl-offset-7 .gc-xxxl-offset-11 {
    margin-left: 157.1428571429%;
  }
  .gs .gc-xxxl-offset-7 .gc-xxxl-offset-10 {
    margin-left: 142.8571428571%;
  }
  .gs .gc-xxxl-offset-7 .gc-xxxl-offset-9 {
    margin-left: 128.5714285714%;
  }
  .gs .gc-xxxl-offset-7 .gc-xxxl-offset-8 {
    margin-left: 114.2857142857%;
  }
  .gs .gc-xxxl-offset-7 .gc-xxxl-offset-7 {
    margin-left: 100%;
  }
  .gs .gc-xxxl-offset-7 .gc-xxxl-offset-6 {
    margin-left: 85.7142857143%;
  }
  .gs .gc-xxxl-offset-7 .gc-xxxl-offset-5 {
    margin-left: 71.4285714286%;
  }
  .gs .gc-xxxl-offset-7 .gc-xxxl-offset-4 {
    margin-left: 57.1428571429%;
  }
  .gs .gc-xxxl-offset-7 .gc-xxxl-offset-3 {
    margin-left: 42.8571428571%;
  }
  .gs .gc-xxxl-offset-7 .gc-xxxl-offset-2 {
    margin-left: 28.5714285714%;
  }
  .gs .gc-xxxl-offset-7 .gc-xxxl-offset-1 {
    margin-left: 14.2857142857%;
  }
  .gs .gc-xxxl-offset-6 {
    margin-left: 50%;
  }
  .gs .gc-xxxl-offset-6 .gc-xxxl-offset-12 {
    margin-left: 200%;
  }
  .gs .gc-xxxl-offset-6 .gc-xxxl-offset-11 {
    margin-left: 183.3333333333%;
  }
  .gs .gc-xxxl-offset-6 .gc-xxxl-offset-10 {
    margin-left: 166.6666666667%;
  }
  .gs .gc-xxxl-offset-6 .gc-xxxl-offset-9 {
    margin-left: 150%;
  }
  .gs .gc-xxxl-offset-6 .gc-xxxl-offset-8 {
    margin-left: 133.3333333333%;
  }
  .gs .gc-xxxl-offset-6 .gc-xxxl-offset-7 {
    margin-left: 116.6666666667%;
  }
  .gs .gc-xxxl-offset-6 .gc-xxxl-offset-6 {
    margin-left: 100%;
  }
  .gs .gc-xxxl-offset-6 .gc-xxxl-offset-5 {
    margin-left: 83.3333333333%;
  }
  .gs .gc-xxxl-offset-6 .gc-xxxl-offset-4 {
    margin-left: 66.6666666667%;
  }
  .gs .gc-xxxl-offset-6 .gc-xxxl-offset-3 {
    margin-left: 50%;
  }
  .gs .gc-xxxl-offset-6 .gc-xxxl-offset-2 {
    margin-left: 33.3333333333%;
  }
  .gs .gc-xxxl-offset-6 .gc-xxxl-offset-1 {
    margin-left: 16.6666666667%;
  }
  .gs .gc-xxxl-offset-5 {
    margin-left: 41.6666666667%;
  }
  .gs .gc-xxxl-offset-5 .gc-xxxl-offset-12 {
    margin-left: 240%;
  }
  .gs .gc-xxxl-offset-5 .gc-xxxl-offset-11 {
    margin-left: 220%;
  }
  .gs .gc-xxxl-offset-5 .gc-xxxl-offset-10 {
    margin-left: 200%;
  }
  .gs .gc-xxxl-offset-5 .gc-xxxl-offset-9 {
    margin-left: 180%;
  }
  .gs .gc-xxxl-offset-5 .gc-xxxl-offset-8 {
    margin-left: 160%;
  }
  .gs .gc-xxxl-offset-5 .gc-xxxl-offset-7 {
    margin-left: 140%;
  }
  .gs .gc-xxxl-offset-5 .gc-xxxl-offset-6 {
    margin-left: 120%;
  }
  .gs .gc-xxxl-offset-5 .gc-xxxl-offset-5 {
    margin-left: 100%;
  }
  .gs .gc-xxxl-offset-5 .gc-xxxl-offset-4 {
    margin-left: 80%;
  }
  .gs .gc-xxxl-offset-5 .gc-xxxl-offset-3 {
    margin-left: 60%;
  }
  .gs .gc-xxxl-offset-5 .gc-xxxl-offset-2 {
    margin-left: 40%;
  }
  .gs .gc-xxxl-offset-5 .gc-xxxl-offset-1 {
    margin-left: 20%;
  }
  .gs .gc-xxxl-offset-4 {
    margin-left: 33.3333333333%;
  }
  .gs .gc-xxxl-offset-4 .gc-xxxl-offset-12 {
    margin-left: 300%;
  }
  .gs .gc-xxxl-offset-4 .gc-xxxl-offset-11 {
    margin-left: 275%;
  }
  .gs .gc-xxxl-offset-4 .gc-xxxl-offset-10 {
    margin-left: 250%;
  }
  .gs .gc-xxxl-offset-4 .gc-xxxl-offset-9 {
    margin-left: 225%;
  }
  .gs .gc-xxxl-offset-4 .gc-xxxl-offset-8 {
    margin-left: 200%;
  }
  .gs .gc-xxxl-offset-4 .gc-xxxl-offset-7 {
    margin-left: 175%;
  }
  .gs .gc-xxxl-offset-4 .gc-xxxl-offset-6 {
    margin-left: 150%;
  }
  .gs .gc-xxxl-offset-4 .gc-xxxl-offset-5 {
    margin-left: 125%;
  }
  .gs .gc-xxxl-offset-4 .gc-xxxl-offset-4 {
    margin-left: 100%;
  }
  .gs .gc-xxxl-offset-4 .gc-xxxl-offset-3 {
    margin-left: 75%;
  }
  .gs .gc-xxxl-offset-4 .gc-xxxl-offset-2 {
    margin-left: 50%;
  }
  .gs .gc-xxxl-offset-4 .gc-xxxl-offset-1 {
    margin-left: 25%;
  }
  .gs .gc-xxxl-offset-3 {
    margin-left: 25%;
  }
  .gs .gc-xxxl-offset-3 .gc-xxxl-offset-12 {
    margin-left: 400%;
  }
  .gs .gc-xxxl-offset-3 .gc-xxxl-offset-11 {
    margin-left: 366.6666666667%;
  }
  .gs .gc-xxxl-offset-3 .gc-xxxl-offset-10 {
    margin-left: 333.3333333333%;
  }
  .gs .gc-xxxl-offset-3 .gc-xxxl-offset-9 {
    margin-left: 300%;
  }
  .gs .gc-xxxl-offset-3 .gc-xxxl-offset-8 {
    margin-left: 266.6666666667%;
  }
  .gs .gc-xxxl-offset-3 .gc-xxxl-offset-7 {
    margin-left: 233.3333333333%;
  }
  .gs .gc-xxxl-offset-3 .gc-xxxl-offset-6 {
    margin-left: 200%;
  }
  .gs .gc-xxxl-offset-3 .gc-xxxl-offset-5 {
    margin-left: 166.6666666667%;
  }
  .gs .gc-xxxl-offset-3 .gc-xxxl-offset-4 {
    margin-left: 133.3333333333%;
  }
  .gs .gc-xxxl-offset-3 .gc-xxxl-offset-3 {
    margin-left: 100%;
  }
  .gs .gc-xxxl-offset-3 .gc-xxxl-offset-2 {
    margin-left: 66.6666666667%;
  }
  .gs .gc-xxxl-offset-3 .gc-xxxl-offset-1 {
    margin-left: 33.3333333333%;
  }
  .gs .gc-xxxl-offset-2 {
    margin-left: 16.6666666667%;
  }
  .gs .gc-xxxl-offset-2 .gc-xxxl-offset-12 {
    margin-left: 600%;
  }
  .gs .gc-xxxl-offset-2 .gc-xxxl-offset-11 {
    margin-left: 550%;
  }
  .gs .gc-xxxl-offset-2 .gc-xxxl-offset-10 {
    margin-left: 500%;
  }
  .gs .gc-xxxl-offset-2 .gc-xxxl-offset-9 {
    margin-left: 450%;
  }
  .gs .gc-xxxl-offset-2 .gc-xxxl-offset-8 {
    margin-left: 400%;
  }
  .gs .gc-xxxl-offset-2 .gc-xxxl-offset-7 {
    margin-left: 350%;
  }
  .gs .gc-xxxl-offset-2 .gc-xxxl-offset-6 {
    margin-left: 300%;
  }
  .gs .gc-xxxl-offset-2 .gc-xxxl-offset-5 {
    margin-left: 250%;
  }
  .gs .gc-xxxl-offset-2 .gc-xxxl-offset-4 {
    margin-left: 200%;
  }
  .gs .gc-xxxl-offset-2 .gc-xxxl-offset-3 {
    margin-left: 150%;
  }
  .gs .gc-xxxl-offset-2 .gc-xxxl-offset-2 {
    margin-left: 100%;
  }
  .gs .gc-xxxl-offset-2 .gc-xxxl-offset-1 {
    margin-left: 50%;
  }
  .gs .gc-xxxl-offset-1 {
    margin-left: 8.3333333333%;
  }
  .gs .gc-xxxl-offset-1 .gc-xxxl-offset-12 {
    margin-left: 1200%;
  }
  .gs .gc-xxxl-offset-1 .gc-xxxl-offset-11 {
    margin-left: 1100%;
  }
  .gs .gc-xxxl-offset-1 .gc-xxxl-offset-10 {
    margin-left: 1000%;
  }
  .gs .gc-xxxl-offset-1 .gc-xxxl-offset-9 {
    margin-left: 900%;
  }
  .gs .gc-xxxl-offset-1 .gc-xxxl-offset-8 {
    margin-left: 800%;
  }
  .gs .gc-xxxl-offset-1 .gc-xxxl-offset-7 {
    margin-left: 700%;
  }
  .gs .gc-xxxl-offset-1 .gc-xxxl-offset-6 {
    margin-left: 600%;
  }
  .gs .gc-xxxl-offset-1 .gc-xxxl-offset-5 {
    margin-left: 500%;
  }
  .gs .gc-xxxl-offset-1 .gc-xxxl-offset-4 {
    margin-left: 400%;
  }
  .gs .gc-xxxl-offset-1 .gc-xxxl-offset-3 {
    margin-left: 300%;
  }
  .gs .gc-xxxl-offset-1 .gc-xxxl-offset-2 {
    margin-left: 200%;
  }
  .gs .gc-xxxl-offset-1 .gc-xxxl-offset-1 {
    margin-left: 100%;
  }
  .gs .gc-xxxl-offset-0 {
    margin-left: 0;
  }
}
@media only screen and (min-width: 1681px) {
  .gs .gc-xxxxl-12 {
    width: 100%;
  }
  .gs .gc-xxxxl-12 .gc-xxxxl-12 {
    width: 100%;
  }
  .gs .gc-xxxxl-12 .gc-xxxxl-11 {
    width: 91.6666666667%;
  }
  .gs .gc-xxxxl-12 .gc-xxxxl-10 {
    width: 83.3333333333%;
  }
  .gs .gc-xxxxl-12 .gc-xxxxl-9 {
    width: 75%;
  }
  .gs .gc-xxxxl-12 .gc-xxxxl-8 {
    width: 66.6666666667%;
  }
  .gs .gc-xxxxl-12 .gc-xxxxl-7 {
    width: 58.3333333333%;
  }
  .gs .gc-xxxxl-12 .gc-xxxxl-6 {
    width: 50%;
  }
  .gs .gc-xxxxl-12 .gc-xxxxl-5 {
    width: 41.6666666667%;
  }
  .gs .gc-xxxxl-12 .gc-xxxxl-4 {
    width: 33.3333333333%;
  }
  .gs .gc-xxxxl-12 .gc-xxxxl-3 {
    width: 25%;
  }
  .gs .gc-xxxxl-12 .gc-xxxxl-2 {
    width: 16.6666666667%;
  }
  .gs .gc-xxxxl-12 .gc-xxxxl-1 {
    width: 8.3333333333%;
  }
  .gs .gc-xxxxl-11 {
    width: 91.6666666667%;
  }
  .gs .gc-xxxxl-11 .gc-xxxxl-12 {
    width: 109.0909090909%;
  }
  .gs .gc-xxxxl-11 .gc-xxxxl-11 {
    width: 100%;
  }
  .gs .gc-xxxxl-11 .gc-xxxxl-10 {
    width: 90.9090909091%;
  }
  .gs .gc-xxxxl-11 .gc-xxxxl-9 {
    width: 81.8181818182%;
  }
  .gs .gc-xxxxl-11 .gc-xxxxl-8 {
    width: 72.7272727273%;
  }
  .gs .gc-xxxxl-11 .gc-xxxxl-7 {
    width: 63.6363636364%;
  }
  .gs .gc-xxxxl-11 .gc-xxxxl-6 {
    width: 54.5454545455%;
  }
  .gs .gc-xxxxl-11 .gc-xxxxl-5 {
    width: 45.4545454545%;
  }
  .gs .gc-xxxxl-11 .gc-xxxxl-4 {
    width: 36.3636363636%;
  }
  .gs .gc-xxxxl-11 .gc-xxxxl-3 {
    width: 27.2727272727%;
  }
  .gs .gc-xxxxl-11 .gc-xxxxl-2 {
    width: 18.1818181818%;
  }
  .gs .gc-xxxxl-11 .gc-xxxxl-1 {
    width: 9.0909090909%;
  }
  .gs .gc-xxxxl-10 {
    width: 83.3333333333%;
  }
  .gs .gc-xxxxl-10 .gc-xxxxl-12 {
    width: 120%;
  }
  .gs .gc-xxxxl-10 .gc-xxxxl-11 {
    width: 110%;
  }
  .gs .gc-xxxxl-10 .gc-xxxxl-10 {
    width: 100%;
  }
  .gs .gc-xxxxl-10 .gc-xxxxl-9 {
    width: 90%;
  }
  .gs .gc-xxxxl-10 .gc-xxxxl-8 {
    width: 80%;
  }
  .gs .gc-xxxxl-10 .gc-xxxxl-7 {
    width: 70%;
  }
  .gs .gc-xxxxl-10 .gc-xxxxl-6 {
    width: 60%;
  }
  .gs .gc-xxxxl-10 .gc-xxxxl-5 {
    width: 50%;
  }
  .gs .gc-xxxxl-10 .gc-xxxxl-4 {
    width: 40%;
  }
  .gs .gc-xxxxl-10 .gc-xxxxl-3 {
    width: 30%;
  }
  .gs .gc-xxxxl-10 .gc-xxxxl-2 {
    width: 20%;
  }
  .gs .gc-xxxxl-10 .gc-xxxxl-1 {
    width: 10%;
  }
  .gs .gc-xxxxl-9 {
    width: 75%;
  }
  .gs .gc-xxxxl-9 .gc-xxxxl-12 {
    width: 133.3333333333%;
  }
  .gs .gc-xxxxl-9 .gc-xxxxl-11 {
    width: 122.2222222222%;
  }
  .gs .gc-xxxxl-9 .gc-xxxxl-10 {
    width: 111.1111111111%;
  }
  .gs .gc-xxxxl-9 .gc-xxxxl-9 {
    width: 100%;
  }
  .gs .gc-xxxxl-9 .gc-xxxxl-8 {
    width: 88.8888888889%;
  }
  .gs .gc-xxxxl-9 .gc-xxxxl-7 {
    width: 77.7777777778%;
  }
  .gs .gc-xxxxl-9 .gc-xxxxl-6 {
    width: 66.6666666667%;
  }
  .gs .gc-xxxxl-9 .gc-xxxxl-5 {
    width: 55.5555555556%;
  }
  .gs .gc-xxxxl-9 .gc-xxxxl-4 {
    width: 44.4444444444%;
  }
  .gs .gc-xxxxl-9 .gc-xxxxl-3 {
    width: 33.3333333333%;
  }
  .gs .gc-xxxxl-9 .gc-xxxxl-2 {
    width: 22.2222222222%;
  }
  .gs .gc-xxxxl-9 .gc-xxxxl-1 {
    width: 11.1111111111%;
  }
  .gs .gc-xxxxl-8 {
    width: 66.6666666667%;
  }
  .gs .gc-xxxxl-8 .gc-xxxxl-12 {
    width: 150%;
  }
  .gs .gc-xxxxl-8 .gc-xxxxl-11 {
    width: 137.5%;
  }
  .gs .gc-xxxxl-8 .gc-xxxxl-10 {
    width: 125%;
  }
  .gs .gc-xxxxl-8 .gc-xxxxl-9 {
    width: 112.5%;
  }
  .gs .gc-xxxxl-8 .gc-xxxxl-8 {
    width: 100%;
  }
  .gs .gc-xxxxl-8 .gc-xxxxl-7 {
    width: 87.5%;
  }
  .gs .gc-xxxxl-8 .gc-xxxxl-6 {
    width: 75%;
  }
  .gs .gc-xxxxl-8 .gc-xxxxl-5 {
    width: 62.5%;
  }
  .gs .gc-xxxxl-8 .gc-xxxxl-4 {
    width: 50%;
  }
  .gs .gc-xxxxl-8 .gc-xxxxl-3 {
    width: 37.5%;
  }
  .gs .gc-xxxxl-8 .gc-xxxxl-2 {
    width: 25%;
  }
  .gs .gc-xxxxl-8 .gc-xxxxl-1 {
    width: 12.5%;
  }
  .gs .gc-xxxxl-7 {
    width: 58.3333333333%;
  }
  .gs .gc-xxxxl-7 .gc-xxxxl-12 {
    width: 171.4285714286%;
  }
  .gs .gc-xxxxl-7 .gc-xxxxl-11 {
    width: 157.1428571429%;
  }
  .gs .gc-xxxxl-7 .gc-xxxxl-10 {
    width: 142.8571428571%;
  }
  .gs .gc-xxxxl-7 .gc-xxxxl-9 {
    width: 128.5714285714%;
  }
  .gs .gc-xxxxl-7 .gc-xxxxl-8 {
    width: 114.2857142857%;
  }
  .gs .gc-xxxxl-7 .gc-xxxxl-7 {
    width: 100%;
  }
  .gs .gc-xxxxl-7 .gc-xxxxl-6 {
    width: 85.7142857143%;
  }
  .gs .gc-xxxxl-7 .gc-xxxxl-5 {
    width: 71.4285714286%;
  }
  .gs .gc-xxxxl-7 .gc-xxxxl-4 {
    width: 57.1428571429%;
  }
  .gs .gc-xxxxl-7 .gc-xxxxl-3 {
    width: 42.8571428571%;
  }
  .gs .gc-xxxxl-7 .gc-xxxxl-2 {
    width: 28.5714285714%;
  }
  .gs .gc-xxxxl-7 .gc-xxxxl-1 {
    width: 14.2857142857%;
  }
  .gs .gc-xxxxl-6 {
    width: 50%;
  }
  .gs .gc-xxxxl-6 .gc-xxxxl-12 {
    width: 200%;
  }
  .gs .gc-xxxxl-6 .gc-xxxxl-11 {
    width: 183.3333333333%;
  }
  .gs .gc-xxxxl-6 .gc-xxxxl-10 {
    width: 166.6666666667%;
  }
  .gs .gc-xxxxl-6 .gc-xxxxl-9 {
    width: 150%;
  }
  .gs .gc-xxxxl-6 .gc-xxxxl-8 {
    width: 133.3333333333%;
  }
  .gs .gc-xxxxl-6 .gc-xxxxl-7 {
    width: 116.6666666667%;
  }
  .gs .gc-xxxxl-6 .gc-xxxxl-6 {
    width: 100%;
  }
  .gs .gc-xxxxl-6 .gc-xxxxl-5 {
    width: 83.3333333333%;
  }
  .gs .gc-xxxxl-6 .gc-xxxxl-4 {
    width: 66.6666666667%;
  }
  .gs .gc-xxxxl-6 .gc-xxxxl-3 {
    width: 50%;
  }
  .gs .gc-xxxxl-6 .gc-xxxxl-2 {
    width: 33.3333333333%;
  }
  .gs .gc-xxxxl-6 .gc-xxxxl-1 {
    width: 16.6666666667%;
  }
  .gs .gc-xxxxl-5 {
    width: 41.6666666667%;
  }
  .gs .gc-xxxxl-5 .gc-xxxxl-12 {
    width: 240%;
  }
  .gs .gc-xxxxl-5 .gc-xxxxl-11 {
    width: 220%;
  }
  .gs .gc-xxxxl-5 .gc-xxxxl-10 {
    width: 200%;
  }
  .gs .gc-xxxxl-5 .gc-xxxxl-9 {
    width: 180%;
  }
  .gs .gc-xxxxl-5 .gc-xxxxl-8 {
    width: 160%;
  }
  .gs .gc-xxxxl-5 .gc-xxxxl-7 {
    width: 140%;
  }
  .gs .gc-xxxxl-5 .gc-xxxxl-6 {
    width: 120%;
  }
  .gs .gc-xxxxl-5 .gc-xxxxl-5 {
    width: 100%;
  }
  .gs .gc-xxxxl-5 .gc-xxxxl-4 {
    width: 80%;
  }
  .gs .gc-xxxxl-5 .gc-xxxxl-3 {
    width: 60%;
  }
  .gs .gc-xxxxl-5 .gc-xxxxl-2 {
    width: 40%;
  }
  .gs .gc-xxxxl-5 .gc-xxxxl-1 {
    width: 20%;
  }
  .gs .gc-xxxxl-4 {
    width: 33.3333333333%;
  }
  .gs .gc-xxxxl-4 .gc-xxxxl-12 {
    width: 300%;
  }
  .gs .gc-xxxxl-4 .gc-xxxxl-11 {
    width: 275%;
  }
  .gs .gc-xxxxl-4 .gc-xxxxl-10 {
    width: 250%;
  }
  .gs .gc-xxxxl-4 .gc-xxxxl-9 {
    width: 225%;
  }
  .gs .gc-xxxxl-4 .gc-xxxxl-8 {
    width: 200%;
  }
  .gs .gc-xxxxl-4 .gc-xxxxl-7 {
    width: 175%;
  }
  .gs .gc-xxxxl-4 .gc-xxxxl-6 {
    width: 150%;
  }
  .gs .gc-xxxxl-4 .gc-xxxxl-5 {
    width: 125%;
  }
  .gs .gc-xxxxl-4 .gc-xxxxl-4 {
    width: 100%;
  }
  .gs .gc-xxxxl-4 .gc-xxxxl-3 {
    width: 75%;
  }
  .gs .gc-xxxxl-4 .gc-xxxxl-2 {
    width: 50%;
  }
  .gs .gc-xxxxl-4 .gc-xxxxl-1 {
    width: 25%;
  }
  .gs .gc-xxxxl-3 {
    width: 25%;
  }
  .gs .gc-xxxxl-3 .gc-xxxxl-12 {
    width: 400%;
  }
  .gs .gc-xxxxl-3 .gc-xxxxl-11 {
    width: 366.6666666667%;
  }
  .gs .gc-xxxxl-3 .gc-xxxxl-10 {
    width: 333.3333333333%;
  }
  .gs .gc-xxxxl-3 .gc-xxxxl-9 {
    width: 300%;
  }
  .gs .gc-xxxxl-3 .gc-xxxxl-8 {
    width: 266.6666666667%;
  }
  .gs .gc-xxxxl-3 .gc-xxxxl-7 {
    width: 233.3333333333%;
  }
  .gs .gc-xxxxl-3 .gc-xxxxl-6 {
    width: 200%;
  }
  .gs .gc-xxxxl-3 .gc-xxxxl-5 {
    width: 166.6666666667%;
  }
  .gs .gc-xxxxl-3 .gc-xxxxl-4 {
    width: 133.3333333333%;
  }
  .gs .gc-xxxxl-3 .gc-xxxxl-3 {
    width: 100%;
  }
  .gs .gc-xxxxl-3 .gc-xxxxl-2 {
    width: 66.6666666667%;
  }
  .gs .gc-xxxxl-3 .gc-xxxxl-1 {
    width: 33.3333333333%;
  }
  .gs .gc-xxxxl-2 {
    width: 16.6666666667%;
  }
  .gs .gc-xxxxl-2 .gc-xxxxl-12 {
    width: 600%;
  }
  .gs .gc-xxxxl-2 .gc-xxxxl-11 {
    width: 550%;
  }
  .gs .gc-xxxxl-2 .gc-xxxxl-10 {
    width: 500%;
  }
  .gs .gc-xxxxl-2 .gc-xxxxl-9 {
    width: 450%;
  }
  .gs .gc-xxxxl-2 .gc-xxxxl-8 {
    width: 400%;
  }
  .gs .gc-xxxxl-2 .gc-xxxxl-7 {
    width: 350%;
  }
  .gs .gc-xxxxl-2 .gc-xxxxl-6 {
    width: 300%;
  }
  .gs .gc-xxxxl-2 .gc-xxxxl-5 {
    width: 250%;
  }
  .gs .gc-xxxxl-2 .gc-xxxxl-4 {
    width: 200%;
  }
  .gs .gc-xxxxl-2 .gc-xxxxl-3 {
    width: 150%;
  }
  .gs .gc-xxxxl-2 .gc-xxxxl-2 {
    width: 100%;
  }
  .gs .gc-xxxxl-2 .gc-xxxxl-1 {
    width: 50%;
  }
  .gs .gc-xxxxl-1 {
    width: 8.3333333333%;
  }
  .gs .gc-xxxxl-1 .gc-xxxxl-12 {
    width: 1200%;
  }
  .gs .gc-xxxxl-1 .gc-xxxxl-11 {
    width: 1100%;
  }
  .gs .gc-xxxxl-1 .gc-xxxxl-10 {
    width: 1000%;
  }
  .gs .gc-xxxxl-1 .gc-xxxxl-9 {
    width: 900%;
  }
  .gs .gc-xxxxl-1 .gc-xxxxl-8 {
    width: 800%;
  }
  .gs .gc-xxxxl-1 .gc-xxxxl-7 {
    width: 700%;
  }
  .gs .gc-xxxxl-1 .gc-xxxxl-6 {
    width: 600%;
  }
  .gs .gc-xxxxl-1 .gc-xxxxl-5 {
    width: 500%;
  }
  .gs .gc-xxxxl-1 .gc-xxxxl-4 {
    width: 400%;
  }
  .gs .gc-xxxxl-1 .gc-xxxxl-3 {
    width: 300%;
  }
  .gs .gc-xxxxl-1 .gc-xxxxl-2 {
    width: 200%;
  }
  .gs .gc-xxxxl-1 .gc-xxxxl-1 {
    width: 100%;
  }
  .gs .gc-xxxxl-offset-12 {
    margin-left: 100%;
  }
  .gs .gc-xxxxl-offset-12 .gc-xxxxl-offset-12 {
    margin-left: 100%;
  }
  .gs .gc-xxxxl-offset-12 .gc-xxxxl-offset-11 {
    margin-left: 91.6666666667%;
  }
  .gs .gc-xxxxl-offset-12 .gc-xxxxl-offset-10 {
    margin-left: 83.3333333333%;
  }
  .gs .gc-xxxxl-offset-12 .gc-xxxxl-offset-9 {
    margin-left: 75%;
  }
  .gs .gc-xxxxl-offset-12 .gc-xxxxl-offset-8 {
    margin-left: 66.6666666667%;
  }
  .gs .gc-xxxxl-offset-12 .gc-xxxxl-offset-7 {
    margin-left: 58.3333333333%;
  }
  .gs .gc-xxxxl-offset-12 .gc-xxxxl-offset-6 {
    margin-left: 50%;
  }
  .gs .gc-xxxxl-offset-12 .gc-xxxxl-offset-5 {
    margin-left: 41.6666666667%;
  }
  .gs .gc-xxxxl-offset-12 .gc-xxxxl-offset-4 {
    margin-left: 33.3333333333%;
  }
  .gs .gc-xxxxl-offset-12 .gc-xxxxl-offset-3 {
    margin-left: 25%;
  }
  .gs .gc-xxxxl-offset-12 .gc-xxxxl-offset-2 {
    margin-left: 16.6666666667%;
  }
  .gs .gc-xxxxl-offset-12 .gc-xxxxl-offset-1 {
    margin-left: 8.3333333333%;
  }
  .gs .gc-xxxxl-offset-11 {
    margin-left: 91.6666666667%;
  }
  .gs .gc-xxxxl-offset-11 .gc-xxxxl-offset-12 {
    margin-left: 109.0909090909%;
  }
  .gs .gc-xxxxl-offset-11 .gc-xxxxl-offset-11 {
    margin-left: 100%;
  }
  .gs .gc-xxxxl-offset-11 .gc-xxxxl-offset-10 {
    margin-left: 90.9090909091%;
  }
  .gs .gc-xxxxl-offset-11 .gc-xxxxl-offset-9 {
    margin-left: 81.8181818182%;
  }
  .gs .gc-xxxxl-offset-11 .gc-xxxxl-offset-8 {
    margin-left: 72.7272727273%;
  }
  .gs .gc-xxxxl-offset-11 .gc-xxxxl-offset-7 {
    margin-left: 63.6363636364%;
  }
  .gs .gc-xxxxl-offset-11 .gc-xxxxl-offset-6 {
    margin-left: 54.5454545455%;
  }
  .gs .gc-xxxxl-offset-11 .gc-xxxxl-offset-5 {
    margin-left: 45.4545454545%;
  }
  .gs .gc-xxxxl-offset-11 .gc-xxxxl-offset-4 {
    margin-left: 36.3636363636%;
  }
  .gs .gc-xxxxl-offset-11 .gc-xxxxl-offset-3 {
    margin-left: 27.2727272727%;
  }
  .gs .gc-xxxxl-offset-11 .gc-xxxxl-offset-2 {
    margin-left: 18.1818181818%;
  }
  .gs .gc-xxxxl-offset-11 .gc-xxxxl-offset-1 {
    margin-left: 9.0909090909%;
  }
  .gs .gc-xxxxl-offset-10 {
    margin-left: 83.3333333333%;
  }
  .gs .gc-xxxxl-offset-10 .gc-xxxxl-offset-12 {
    margin-left: 120%;
  }
  .gs .gc-xxxxl-offset-10 .gc-xxxxl-offset-11 {
    margin-left: 110%;
  }
  .gs .gc-xxxxl-offset-10 .gc-xxxxl-offset-10 {
    margin-left: 100%;
  }
  .gs .gc-xxxxl-offset-10 .gc-xxxxl-offset-9 {
    margin-left: 90%;
  }
  .gs .gc-xxxxl-offset-10 .gc-xxxxl-offset-8 {
    margin-left: 80%;
  }
  .gs .gc-xxxxl-offset-10 .gc-xxxxl-offset-7 {
    margin-left: 70%;
  }
  .gs .gc-xxxxl-offset-10 .gc-xxxxl-offset-6 {
    margin-left: 60%;
  }
  .gs .gc-xxxxl-offset-10 .gc-xxxxl-offset-5 {
    margin-left: 50%;
  }
  .gs .gc-xxxxl-offset-10 .gc-xxxxl-offset-4 {
    margin-left: 40%;
  }
  .gs .gc-xxxxl-offset-10 .gc-xxxxl-offset-3 {
    margin-left: 30%;
  }
  .gs .gc-xxxxl-offset-10 .gc-xxxxl-offset-2 {
    margin-left: 20%;
  }
  .gs .gc-xxxxl-offset-10 .gc-xxxxl-offset-1 {
    margin-left: 10%;
  }
  .gs .gc-xxxxl-offset-9 {
    margin-left: 75%;
  }
  .gs .gc-xxxxl-offset-9 .gc-xxxxl-offset-12 {
    margin-left: 133.3333333333%;
  }
  .gs .gc-xxxxl-offset-9 .gc-xxxxl-offset-11 {
    margin-left: 122.2222222222%;
  }
  .gs .gc-xxxxl-offset-9 .gc-xxxxl-offset-10 {
    margin-left: 111.1111111111%;
  }
  .gs .gc-xxxxl-offset-9 .gc-xxxxl-offset-9 {
    margin-left: 100%;
  }
  .gs .gc-xxxxl-offset-9 .gc-xxxxl-offset-8 {
    margin-left: 88.8888888889%;
  }
  .gs .gc-xxxxl-offset-9 .gc-xxxxl-offset-7 {
    margin-left: 77.7777777778%;
  }
  .gs .gc-xxxxl-offset-9 .gc-xxxxl-offset-6 {
    margin-left: 66.6666666667%;
  }
  .gs .gc-xxxxl-offset-9 .gc-xxxxl-offset-5 {
    margin-left: 55.5555555556%;
  }
  .gs .gc-xxxxl-offset-9 .gc-xxxxl-offset-4 {
    margin-left: 44.4444444444%;
  }
  .gs .gc-xxxxl-offset-9 .gc-xxxxl-offset-3 {
    margin-left: 33.3333333333%;
  }
  .gs .gc-xxxxl-offset-9 .gc-xxxxl-offset-2 {
    margin-left: 22.2222222222%;
  }
  .gs .gc-xxxxl-offset-9 .gc-xxxxl-offset-1 {
    margin-left: 11.1111111111%;
  }
  .gs .gc-xxxxl-offset-8 {
    margin-left: 66.6666666667%;
  }
  .gs .gc-xxxxl-offset-8 .gc-xxxxl-offset-12 {
    margin-left: 150%;
  }
  .gs .gc-xxxxl-offset-8 .gc-xxxxl-offset-11 {
    margin-left: 137.5%;
  }
  .gs .gc-xxxxl-offset-8 .gc-xxxxl-offset-10 {
    margin-left: 125%;
  }
  .gs .gc-xxxxl-offset-8 .gc-xxxxl-offset-9 {
    margin-left: 112.5%;
  }
  .gs .gc-xxxxl-offset-8 .gc-xxxxl-offset-8 {
    margin-left: 100%;
  }
  .gs .gc-xxxxl-offset-8 .gc-xxxxl-offset-7 {
    margin-left: 87.5%;
  }
  .gs .gc-xxxxl-offset-8 .gc-xxxxl-offset-6 {
    margin-left: 75%;
  }
  .gs .gc-xxxxl-offset-8 .gc-xxxxl-offset-5 {
    margin-left: 62.5%;
  }
  .gs .gc-xxxxl-offset-8 .gc-xxxxl-offset-4 {
    margin-left: 50%;
  }
  .gs .gc-xxxxl-offset-8 .gc-xxxxl-offset-3 {
    margin-left: 37.5%;
  }
  .gs .gc-xxxxl-offset-8 .gc-xxxxl-offset-2 {
    margin-left: 25%;
  }
  .gs .gc-xxxxl-offset-8 .gc-xxxxl-offset-1 {
    margin-left: 12.5%;
  }
  .gs .gc-xxxxl-offset-7 {
    margin-left: 58.3333333333%;
  }
  .gs .gc-xxxxl-offset-7 .gc-xxxxl-offset-12 {
    margin-left: 171.4285714286%;
  }
  .gs .gc-xxxxl-offset-7 .gc-xxxxl-offset-11 {
    margin-left: 157.1428571429%;
  }
  .gs .gc-xxxxl-offset-7 .gc-xxxxl-offset-10 {
    margin-left: 142.8571428571%;
  }
  .gs .gc-xxxxl-offset-7 .gc-xxxxl-offset-9 {
    margin-left: 128.5714285714%;
  }
  .gs .gc-xxxxl-offset-7 .gc-xxxxl-offset-8 {
    margin-left: 114.2857142857%;
  }
  .gs .gc-xxxxl-offset-7 .gc-xxxxl-offset-7 {
    margin-left: 100%;
  }
  .gs .gc-xxxxl-offset-7 .gc-xxxxl-offset-6 {
    margin-left: 85.7142857143%;
  }
  .gs .gc-xxxxl-offset-7 .gc-xxxxl-offset-5 {
    margin-left: 71.4285714286%;
  }
  .gs .gc-xxxxl-offset-7 .gc-xxxxl-offset-4 {
    margin-left: 57.1428571429%;
  }
  .gs .gc-xxxxl-offset-7 .gc-xxxxl-offset-3 {
    margin-left: 42.8571428571%;
  }
  .gs .gc-xxxxl-offset-7 .gc-xxxxl-offset-2 {
    margin-left: 28.5714285714%;
  }
  .gs .gc-xxxxl-offset-7 .gc-xxxxl-offset-1 {
    margin-left: 14.2857142857%;
  }
  .gs .gc-xxxxl-offset-6 {
    margin-left: 50%;
  }
  .gs .gc-xxxxl-offset-6 .gc-xxxxl-offset-12 {
    margin-left: 200%;
  }
  .gs .gc-xxxxl-offset-6 .gc-xxxxl-offset-11 {
    margin-left: 183.3333333333%;
  }
  .gs .gc-xxxxl-offset-6 .gc-xxxxl-offset-10 {
    margin-left: 166.6666666667%;
  }
  .gs .gc-xxxxl-offset-6 .gc-xxxxl-offset-9 {
    margin-left: 150%;
  }
  .gs .gc-xxxxl-offset-6 .gc-xxxxl-offset-8 {
    margin-left: 133.3333333333%;
  }
  .gs .gc-xxxxl-offset-6 .gc-xxxxl-offset-7 {
    margin-left: 116.6666666667%;
  }
  .gs .gc-xxxxl-offset-6 .gc-xxxxl-offset-6 {
    margin-left: 100%;
  }
  .gs .gc-xxxxl-offset-6 .gc-xxxxl-offset-5 {
    margin-left: 83.3333333333%;
  }
  .gs .gc-xxxxl-offset-6 .gc-xxxxl-offset-4 {
    margin-left: 66.6666666667%;
  }
  .gs .gc-xxxxl-offset-6 .gc-xxxxl-offset-3 {
    margin-left: 50%;
  }
  .gs .gc-xxxxl-offset-6 .gc-xxxxl-offset-2 {
    margin-left: 33.3333333333%;
  }
  .gs .gc-xxxxl-offset-6 .gc-xxxxl-offset-1 {
    margin-left: 16.6666666667%;
  }
  .gs .gc-xxxxl-offset-5 {
    margin-left: 41.6666666667%;
  }
  .gs .gc-xxxxl-offset-5 .gc-xxxxl-offset-12 {
    margin-left: 240%;
  }
  .gs .gc-xxxxl-offset-5 .gc-xxxxl-offset-11 {
    margin-left: 220%;
  }
  .gs .gc-xxxxl-offset-5 .gc-xxxxl-offset-10 {
    margin-left: 200%;
  }
  .gs .gc-xxxxl-offset-5 .gc-xxxxl-offset-9 {
    margin-left: 180%;
  }
  .gs .gc-xxxxl-offset-5 .gc-xxxxl-offset-8 {
    margin-left: 160%;
  }
  .gs .gc-xxxxl-offset-5 .gc-xxxxl-offset-7 {
    margin-left: 140%;
  }
  .gs .gc-xxxxl-offset-5 .gc-xxxxl-offset-6 {
    margin-left: 120%;
  }
  .gs .gc-xxxxl-offset-5 .gc-xxxxl-offset-5 {
    margin-left: 100%;
  }
  .gs .gc-xxxxl-offset-5 .gc-xxxxl-offset-4 {
    margin-left: 80%;
  }
  .gs .gc-xxxxl-offset-5 .gc-xxxxl-offset-3 {
    margin-left: 60%;
  }
  .gs .gc-xxxxl-offset-5 .gc-xxxxl-offset-2 {
    margin-left: 40%;
  }
  .gs .gc-xxxxl-offset-5 .gc-xxxxl-offset-1 {
    margin-left: 20%;
  }
  .gs .gc-xxxxl-offset-4 {
    margin-left: 33.3333333333%;
  }
  .gs .gc-xxxxl-offset-4 .gc-xxxxl-offset-12 {
    margin-left: 300%;
  }
  .gs .gc-xxxxl-offset-4 .gc-xxxxl-offset-11 {
    margin-left: 275%;
  }
  .gs .gc-xxxxl-offset-4 .gc-xxxxl-offset-10 {
    margin-left: 250%;
  }
  .gs .gc-xxxxl-offset-4 .gc-xxxxl-offset-9 {
    margin-left: 225%;
  }
  .gs .gc-xxxxl-offset-4 .gc-xxxxl-offset-8 {
    margin-left: 200%;
  }
  .gs .gc-xxxxl-offset-4 .gc-xxxxl-offset-7 {
    margin-left: 175%;
  }
  .gs .gc-xxxxl-offset-4 .gc-xxxxl-offset-6 {
    margin-left: 150%;
  }
  .gs .gc-xxxxl-offset-4 .gc-xxxxl-offset-5 {
    margin-left: 125%;
  }
  .gs .gc-xxxxl-offset-4 .gc-xxxxl-offset-4 {
    margin-left: 100%;
  }
  .gs .gc-xxxxl-offset-4 .gc-xxxxl-offset-3 {
    margin-left: 75%;
  }
  .gs .gc-xxxxl-offset-4 .gc-xxxxl-offset-2 {
    margin-left: 50%;
  }
  .gs .gc-xxxxl-offset-4 .gc-xxxxl-offset-1 {
    margin-left: 25%;
  }
  .gs .gc-xxxxl-offset-3 {
    margin-left: 25%;
  }
  .gs .gc-xxxxl-offset-3 .gc-xxxxl-offset-12 {
    margin-left: 400%;
  }
  .gs .gc-xxxxl-offset-3 .gc-xxxxl-offset-11 {
    margin-left: 366.6666666667%;
  }
  .gs .gc-xxxxl-offset-3 .gc-xxxxl-offset-10 {
    margin-left: 333.3333333333%;
  }
  .gs .gc-xxxxl-offset-3 .gc-xxxxl-offset-9 {
    margin-left: 300%;
  }
  .gs .gc-xxxxl-offset-3 .gc-xxxxl-offset-8 {
    margin-left: 266.6666666667%;
  }
  .gs .gc-xxxxl-offset-3 .gc-xxxxl-offset-7 {
    margin-left: 233.3333333333%;
  }
  .gs .gc-xxxxl-offset-3 .gc-xxxxl-offset-6 {
    margin-left: 200%;
  }
  .gs .gc-xxxxl-offset-3 .gc-xxxxl-offset-5 {
    margin-left: 166.6666666667%;
  }
  .gs .gc-xxxxl-offset-3 .gc-xxxxl-offset-4 {
    margin-left: 133.3333333333%;
  }
  .gs .gc-xxxxl-offset-3 .gc-xxxxl-offset-3 {
    margin-left: 100%;
  }
  .gs .gc-xxxxl-offset-3 .gc-xxxxl-offset-2 {
    margin-left: 66.6666666667%;
  }
  .gs .gc-xxxxl-offset-3 .gc-xxxxl-offset-1 {
    margin-left: 33.3333333333%;
  }
  .gs .gc-xxxxl-offset-2 {
    margin-left: 16.6666666667%;
  }
  .gs .gc-xxxxl-offset-2 .gc-xxxxl-offset-12 {
    margin-left: 600%;
  }
  .gs .gc-xxxxl-offset-2 .gc-xxxxl-offset-11 {
    margin-left: 550%;
  }
  .gs .gc-xxxxl-offset-2 .gc-xxxxl-offset-10 {
    margin-left: 500%;
  }
  .gs .gc-xxxxl-offset-2 .gc-xxxxl-offset-9 {
    margin-left: 450%;
  }
  .gs .gc-xxxxl-offset-2 .gc-xxxxl-offset-8 {
    margin-left: 400%;
  }
  .gs .gc-xxxxl-offset-2 .gc-xxxxl-offset-7 {
    margin-left: 350%;
  }
  .gs .gc-xxxxl-offset-2 .gc-xxxxl-offset-6 {
    margin-left: 300%;
  }
  .gs .gc-xxxxl-offset-2 .gc-xxxxl-offset-5 {
    margin-left: 250%;
  }
  .gs .gc-xxxxl-offset-2 .gc-xxxxl-offset-4 {
    margin-left: 200%;
  }
  .gs .gc-xxxxl-offset-2 .gc-xxxxl-offset-3 {
    margin-left: 150%;
  }
  .gs .gc-xxxxl-offset-2 .gc-xxxxl-offset-2 {
    margin-left: 100%;
  }
  .gs .gc-xxxxl-offset-2 .gc-xxxxl-offset-1 {
    margin-left: 50%;
  }
  .gs .gc-xxxxl-offset-1 {
    margin-left: 8.3333333333%;
  }
  .gs .gc-xxxxl-offset-1 .gc-xxxxl-offset-12 {
    margin-left: 1200%;
  }
  .gs .gc-xxxxl-offset-1 .gc-xxxxl-offset-11 {
    margin-left: 1100%;
  }
  .gs .gc-xxxxl-offset-1 .gc-xxxxl-offset-10 {
    margin-left: 1000%;
  }
  .gs .gc-xxxxl-offset-1 .gc-xxxxl-offset-9 {
    margin-left: 900%;
  }
  .gs .gc-xxxxl-offset-1 .gc-xxxxl-offset-8 {
    margin-left: 800%;
  }
  .gs .gc-xxxxl-offset-1 .gc-xxxxl-offset-7 {
    margin-left: 700%;
  }
  .gs .gc-xxxxl-offset-1 .gc-xxxxl-offset-6 {
    margin-left: 600%;
  }
  .gs .gc-xxxxl-offset-1 .gc-xxxxl-offset-5 {
    margin-left: 500%;
  }
  .gs .gc-xxxxl-offset-1 .gc-xxxxl-offset-4 {
    margin-left: 400%;
  }
  .gs .gc-xxxxl-offset-1 .gc-xxxxl-offset-3 {
    margin-left: 300%;
  }
  .gs .gc-xxxxl-offset-1 .gc-xxxxl-offset-2 {
    margin-left: 200%;
  }
  .gs .gc-xxxxl-offset-1 .gc-xxxxl-offset-1 {
    margin-left: 100%;
  }
  .gs .gc-xxxxl-offset-0 {
    margin-left: 0;
  }
}

.grid-item {
  margin-bottom: 40px;
}
@media only screen and (max-width: 1440px) {
  .grid-item {
    margin-bottom: 32px;
  }
}
@media only screen and (max-width: 834px) {
  .grid-item {
    margin-bottom: 24px;
  }
}

@media only screen and (max-width: 360px) {
  * .hide-xxs-down {
    display: none;
  }
}
@media only screen and (min-width: 0) {
  * .hide-xxs-up {
    display: none;
  }
}
@media only screen and (max-width: 414px) {
  * .hide-xs-down {
    display: none;
  }
}
@media only screen and (min-width: 361px) {
  * .hide-xs-up {
    display: none;
  }
}
@media only screen and (max-width: 600px) {
  * .hide-sm-down {
    display: none;
  }
}
@media only screen and (min-width: 415px) {
  * .hide-sm-up {
    display: none;
  }
}
@media only screen and (max-width: 834px) {
  * .hide-md-down {
    display: none;
  }
}
@media only screen and (min-width: 601px) {
  * .hide-md-up {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  * .hide-lg-down {
    display: none;
  }
}
@media only screen and (min-width: 835px) {
  * .hide-lg-up {
    display: none;
  }
}
@media only screen and (max-width: 1280px) {
  * .hide-xl-down {
    display: none;
  }
}
@media only screen and (min-width: 1025px) {
  * .hide-xl-up {
    display: none;
  }
}
@media only screen and (max-width: 1440px) {
  * .hide-xxl-down {
    display: none;
  }
}
@media only screen and (min-width: 1281px) {
  * .hide-xxl-up {
    display: none;
  }
}
@media only screen and (max-width: 1680px) {
  * .hide-xxxl-down {
    display: none;
  }
}
@media only screen and (min-width: 1441px) {
  * .hide-xxxl-up {
    display: none;
  }
}
@media only screen and (max-width: 1000000px) {
  * .hide-xxxxl-down {
    display: none;
  }
}
@media only screen and (min-width: 1681px) {
  * .hide-xxxxl-up {
    display: none;
  }
}

html {
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  color: #333;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: JohnstonITCProLight, sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 26px;
}
@media only screen and (min-width: 1920px) {
  body {
    font-size: 16px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 1680px) {
  body {
    font-size: 16px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 1440px) {
  body {
    font-size: 16px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 1280px) {
  body {
    font-size: 16px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 834px) {
  body {
    font-size: calc(14px + (16 - 14) * (100vw - 415px) / (834 - 415));
    line-height: calc(22px + (26 - 22) * (100vw - 415px) / (834 - 415));
  }
}
@media only screen and (max-width: 414px) {
  body {
    font-size: 14px;
    line-height: 22px;
  }
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.no-scroll {
  max-height: 100vh;
  overflow: hidden;
}

.using-mouse a:focus, .using-mouse input:focus, .using-mouse button:focus, .using-mouse textarea:focus, .using-mouse select:focus, .using-mouse [tabindex="0"]:focus {
  outline: none !important;
}

header {
  position: relative;
}

.layout-container {
  overflow: hidden;
}

.page__content {
  position: relative;
}
@media only screen and (max-width: 1440px) {
  .layout-container--header-image--fullscreen .page__content {
    padding-top: 10px;
  }
}
.page__content::before {
  content: "";
  clear: both;
  display: table;
}
.page__content__bg {
  background-color: #F8F8F8;
  background-image: url("../assets/images/topography.png");
  background-repeat: repeat;
  position: absolute;
  display: flex;
  align-items: flex-end;
  height: 100%;
  width: 100%;
  z-index: -1;
  left: 0;
  top: 0;
}
.page__content__bg::after {
  content: "";
  display: block;
  width: 100%;
  height: 50px;
  background-color: #fff;
  box-shadow: 0 -7px 18px 8px #fff;
}
.page__content__block {
  margin: 40px 0;
  position: relative;
  display: inline-block;
  width: 100%;
}
@media only screen and (max-width: 1440px) {
  .page__content__block {
    margin: 32px 0;
  }
}
@media only screen and (max-width: 834px) {
  .page__content__block {
    margin: 24px 0;
  }
}

.layout-builder {
  background-color: transparent;
}
.layout-builder-block {
  padding: 0;
  background-color: transparent;
}
.layout-builder__message--overrides .status-messages.--default {
  background-color: transparent;
  padding: 0;
}
.layout-builder__message--overrides .status-messages__wrapper {
  padding: 0;
}
.layout-builder__message--overrides .status-messages__wrapper::before {
  display: none;
}
.layout-builder__message--overrides .status-messages__title {
  display: block;
  color: #333;
  font-family: JohnstonITCProLight, sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 22px;
}
@media only screen and (max-width: 834px) {
  .layout-builder__message--overrides .status-messages__title {
    font-size: 14px;
    line-height: 18px;
  }
}
.layout-builder__message--overrides .status-messages .gw {
  padding: 0;
}

.layout--ukho {
  z-index: 1;
  margin: 40px 0;
  position: relative;
  display: inline-block;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (max-width: 1440px) {
  .layout--ukho {
    margin: 32px 0;
  }
}
@media only screen and (max-width: 834px) {
  .layout--ukho {
    margin: 24px 0;
  }
}
.layout--ukho .page__content__block:first-child {
  margin-top: 0;
}
.layout--ukho .page__content__block:last-child {
  margin-bottom: 0;
}
.layout--ukho .page__content__block.page__content__section-overview {
  margin-top: 40px;
  margin-bottom: 0;
}
@media only screen and (max-width: 1440px) {
  .layout--ukho .page__content__block.page__content__section-overview {
    margin-top: 32px;
  }
}
@media only screen and (max-width: 834px) {
  .layout--ukho .page__content__block.page__content__section-overview {
    margin-top: 24px;
  }
}
@media only screen and (min-width: 1280px) {
  .layout--ukho.layout--two-col-grid.layout--content-center .layout--two-col-grid__item {
    margin-bottom: 0;
  }
}
.layout--ukho.layout--two-col-grid .centered {
  height: 100%;
}
.layout--ukho.layout--two-col-grid .centered .page__content__block {
  display: flex;
  align-items: center;
}
.layout--ukho.layout--two-col-grid .centered .page__content__block .MO13 {
  max-width: 649px;
}
@media only screen and (max-width: 1680px) {
  .layout--ukho.layout--two-col-grid .centered .page__content__block .MO13 {
    max-width: 553px;
  }
}
@media only screen and (max-width: 1440px) {
  .layout--ukho.layout--two-col-grid .centered .page__content__block .MO13 {
    max-width: 530px;
  }
}
@media only screen and (max-width: 1280px) {
  .layout--ukho.layout--two-col-grid .centered .page__content__block .MO13 {
    max-width: 479px;
  }
}
@media only screen and (max-width: 834px) {
  .layout--ukho.layout--two-col-grid .centered .page__content__block .MO13 {
    max-width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  .layout--ukho.layout--two-col-grid .centered .page__content__block .MO13 {
    max-width: 100%;
  }
}
.layout--ukho.layout--two-col.layout--text-image {
  padding: 0;
}
.layout--ukho.layout--two-col.layout--text-image .OR31 .MO13 {
  padding: 140px 204px 140px 120px;
  max-width: calc(1920px / 2);
}
@media only screen and (max-width: 1680px) {
  .layout--ukho.layout--two-col.layout--text-image .OR31 .MO13 {
    padding: 120px 180px 120px 100px;
  }
}
@media only screen and (max-width: 1440px) {
  .layout--ukho.layout--two-col.layout--text-image .OR31 .MO13 {
    padding: 120px 108px 120px 64px;
    gap: 32px;
  }
}
@media only screen and (max-width: 1280px) {
  .layout--ukho.layout--two-col.layout--text-image .OR31 .MO13 {
    padding: 96px 94px 96px 64px;
  }
}
@media only screen and (max-width: 834px) {
  .layout--ukho.layout--two-col.layout--text-image .OR31 .MO13 {
    padding: 80px 42px;
  }
}
@media only screen and (max-width: 600px) {
  .layout--ukho.layout--two-col.layout--text-image .OR31 .MO13 {
    padding: 64px 32px;
  }
}
.layout--ukho.layout--two-col.layout--text-image .OR31--reverse .MO13 {
  padding: 140px 120px 140px 204px;
}
@media only screen and (max-width: 1680px) {
  .layout--ukho.layout--two-col.layout--text-image .OR31--reverse .MO13 {
    padding: 120px 100px 120px 180px;
  }
}
@media only screen and (max-width: 1440px) {
  .layout--ukho.layout--two-col.layout--text-image .OR31--reverse .MO13 {
    padding: 120px 64px 120px 108px;
    gap: 32px;
  }
}
@media only screen and (max-width: 1280px) {
  .layout--ukho.layout--two-col.layout--text-image .OR31--reverse .MO13 {
    padding: 96px 64px 96px 94px;
  }
}
@media only screen and (max-width: 834px) {
  .layout--ukho.layout--two-col.layout--text-image .OR31--reverse .MO13 {
    padding: 80px 42px;
  }
}
@media only screen and (max-width: 600px) {
  .layout--ukho.layout--two-col.layout--text-image .OR31--reverse .MO13 {
    padding: 64px 32px;
  }
}
.layout--ukho.white {
  background-color: #fff;
}
.layout--ukho.grey {
  background-color: #F8F8F8;
}
.layout--ukho.blue {
  background-color: #09315b;
  color: #fff;
}

.layout--ukho__region-container {
  display: flex;
  flex-direction: column;
  gap: 80px;
}
@media only screen and (max-width: 1280px) {
  .layout--ukho__region-container {
    gap: 64px;
  }
}
@media only screen and (max-width: 834px) {
  .layout--ukho__region-container {
    gap: 48px;
  }
}

.layout--two-col-grid .page__content__block {
  margin: 0;
  height: 100%;
}
.layout--two-col-grid .layout__inner {
  margin: 0 0 -50px;
}
@media only screen and (max-width: 1440px) {
  .layout--two-col-grid .layout__inner {
    margin: 0 0 -40px;
  }
}
@media only screen and (max-width: 834px) {
  .layout--two-col-grid .layout__inner {
    margin: 0 0 -30px;
  }
}
@media only screen and (max-width: 414px) {
  .layout--two-col-grid .layout__inner {
    margin: 0 0 -15px;
  }
}
.layout--two-col-grid__item {
  margin-bottom: 40px;
}
@media only screen and (max-width: 1440px) {
  .layout--two-col-grid__item {
    margin-bottom: 32px;
  }
}
@media only screen and (max-width: 834px) {
  .layout--two-col-grid__item {
    margin-bottom: 24px;
  }
}
.layout--two-col-grid.layout--sm-vertical-gap .layout__inner {
  margin-bottom: -10px;
}
.layout--two-col-grid.layout--sm-vertical-gap .layout--two-col-grid__item {
  margin-bottom: 10px;
}

.layout--three-col-grid .page__content__block {
  margin: 0;
  height: 100%;
}
.layout--three-col-grid__item {
  margin-bottom: 40px;
}
@media only screen and (max-width: 1440px) {
  .layout--three-col-grid__item {
    margin-bottom: 32px;
  }
}
@media only screen and (max-width: 834px) {
  .layout--three-col-grid__item {
    margin-bottom: 24px;
  }
}
.layout--three-col-grid.layout--sm-vertical-gap .layout__inner {
  margin-bottom: -10px;
}
.layout--three-col-grid.layout--sm-vertical-gap .layout--three-col-grid__item {
  margin-bottom: 10px;
}

.layout--two-col-grid .gc-lg-offset-1,
.layout--three-col-grid .gc-lg-offset-1 {
  padding: 0;
}

.layout--ukho + .layout--two-col-grid.layout--sm-vertical-gap {
  margin: 20px 0;
  position: relative;
  display: inline-block;
  width: 100%;
}
@media only screen and (max-width: 1440px) {
  .layout--ukho + .layout--two-col-grid.layout--sm-vertical-gap {
    margin: 16px 0;
  }
}
@media only screen and (max-width: 834px) {
  .layout--ukho + .layout--two-col-grid.layout--sm-vertical-gap {
    margin: 12px 0;
  }
}

.layout--one-col-shadow .layout--one-col-shadow__inner {
  background-color: #fff;
  box-shadow: 0 8px 45px rgba(35, 53, 82, 0.1);
  padding: 110px 125px;
}
@media only screen and (max-width: 1920px) {
  .layout--one-col-shadow .layout--one-col-shadow__inner {
    padding: 95px 110px;
  }
}
@media only screen and (max-width: 1680px) {
  .layout--one-col-shadow .layout--one-col-shadow__inner {
    padding: 85px 100px;
  }
}
@media only screen and (max-width: 1440px) {
  .layout--one-col-shadow .layout--one-col-shadow__inner {
    padding: 75px 90px;
  }
}
@media only screen and (max-width: 834px) {
  .layout--one-col-shadow .layout--one-col-shadow__inner {
    padding: 45px 40px;
  }
}
@media only screen and (max-width: 600px) {
  .layout--one-col-shadow .layout--one-col-shadow__inner {
    padding: 30px 20px;
  }
}
.layout--one-col-shadow .layout--one-col-shadow__inner .page__content__block:last-child {
  margin-bottom: 0;
}
.layout--one-col-shadow .layout--one-col-shadow__inner .page__content__block:first-child {
  margin-top: 0;
}
.layout--one-col-shadow .layout--one-col-shadow__inner .OR2:first-child {
  padding-top: 0;
}

@media only screen and (max-width: 834px) {
  .page-node-type-landing-page .page__content__bg {
    height: calc(100% + 100vh);
    top: -100vh;
  }
}
.page-node-type-landing-page .layout--ukho:first-child {
  padding-top: 60px;
}
.page-node-type-landing-page .layout--ukho {
  margin: 0;
  padding-top: 140px;
  padding-bottom: 140px;
}
@media only screen and (max-width: 1680px) {
  .page-node-type-landing-page .layout--ukho {
    padding-top: 120px;
  }
}
@media only screen and (max-width: 1440px) {
  .page-node-type-landing-page .layout--ukho {
    padding-top: 96px;
  }
}
@media only screen and (max-width: 1280px) {
  .page-node-type-landing-page .layout--ukho {
    padding-top: 96px;
  }
}
@media only screen and (max-width: 834px) {
  .page-node-type-landing-page .layout--ukho {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 600px) {
  .page-node-type-landing-page .layout--ukho {
    padding-top: 64px;
  }
}
@media only screen and (max-width: 1680px) {
  .page-node-type-landing-page .layout--ukho {
    padding-bottom: 120px;
  }
}
@media only screen and (max-width: 1440px) {
  .page-node-type-landing-page .layout--ukho {
    padding-bottom: 96px;
  }
}
@media only screen and (max-width: 1280px) {
  .page-node-type-landing-page .layout--ukho {
    padding-bottom: 96px;
  }
}
@media only screen and (max-width: 834px) {
  .page-node-type-landing-page .layout--ukho {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 600px) {
  .page-node-type-landing-page .layout--ukho {
    padding-bottom: 64px;
  }
}
.page-node-type-landing-page .layout--ukho.layout--no-padding:not(:last-child) {
  padding: 0;
}
.page-node-type-landing-page .layout--ukho.layout--no-padding:last-child {
  padding-top: 0;
}
.page-node-type-landing-page .layout--four-col-grid .grid-col-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
@media only screen and (max-width: 1280px) {
  .page-node-type-landing-page .layout--four-col-grid .grid-col-4 {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 600px) {
  .page-node-type-landing-page .layout--four-col-grid .grid-col-4 {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4, 1fr);
  }
}

.views-view-grid {
  margin: 0 -12.5px;
}
.views-view-grid .views-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
}
.views-view-grid .views-col {
  width: 100%;
  padding: 0 12.5px;
}
.views-view-grid.cols-3 .views-col {
  width: 33.33333%;
}
.views-view-grid.cols-2 .views-col {
  width: 50%;
}
@media only screen and (max-width: 1440px) {
  .views-view-grid {
    margin: 0 -10px;
  }
  .views-view-grid .views-col {
    padding: 0 10px;
  }
}

.block__views-related-content, .block__views-article-list {
  width: 100%;
}
.block__views-related-content .content--related-article, .block__views-related-content .node--related-article, .block__views-related-content .MO16, .block__views-article-list .content--related-article, .block__views-article-list .node--related-article, .block__views-article-list .MO16 {
  height: 100%;
}
.block__views-related-content .views-view-grid .views-row, .block__views-article-list .views-view-grid .views-row {
  margin-bottom: -40px;
}
.block__views-related-content .views-view-grid .views-row + .views-row, .block__views-article-list .views-view-grid .views-row + .views-row {
  margin-top: 40px;
}
.block__views-related-content .views-view-grid .views-col, .block__views-article-list .views-view-grid .views-col {
  margin-bottom: 40px;
}
@media only screen and (max-width: 834px) {
  .block__views-related-content .views-view-grid.cols-3 .views-col, .block__views-article-list .views-view-grid.cols-3 .views-col {
    width: 50%;
  }
  .block__views-related-content .views-view-grid .views-row, .block__views-article-list .views-view-grid .views-row {
    margin-bottom: -30px;
  }
  .block__views-related-content .views-view-grid .views-row + .views-row, .block__views-article-list .views-view-grid .views-row + .views-row {
    margin-top: 30px;
  }
  .block__views-related-content .views-view-grid .views-col, .block__views-article-list .views-view-grid .views-col {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 600px) {
  .block__views-related-content .views-view-grid.cols-3 .views-col, .block__views-article-list .views-view-grid.cols-3 .views-col {
    width: 100%;
  }
  .block__views-related-content .views-view-grid .views-row, .block__views-article-list .views-view-grid .views-row {
    margin-bottom: -20px;
  }
  .block__views-related-content .views-view-grid .views-row + .views-row, .block__views-article-list .views-view-grid .views-row + .views-row {
    margin-top: 20px;
  }
  .block__views-related-content .views-view-grid .views-col, .block__views-article-list .views-view-grid .views-col {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 834px) {
  .block__views-related-content .views-view-grid.cols-3 .views-col.col-3 {
    display: none;
  }
}

.block__views-article-list .gw.views-exposed-form {
  padding: 0;
}
.block__views-article-list .gw.views-exposed-form .gs {
  max-width: 100%;
}
.block__views-article-list .article-container {
  margin: 20px 0;
}
@media only screen and (max-width: 1280px) {
  .block__views-article-list--promoted .article-container:first-child {
    width: 100%;
  }
}

.block__views-team-list {
  width: 100%;
}
.block__views-team-list .gw.views-exposed-form {
  padding: 0;
}
.block__views-team-list .gw.views-exposed-form .gs {
  max-width: 100%;
}
.block__views-team-list .content--team-member, .block__views-team-list .node--team-member, .block__views-team-list .MO17 {
  height: 100%;
}
.block__views-team-list .views-view-grid .views-row {
  margin-bottom: -40px;
}
.block__views-team-list .views-view-grid .views-row + .views-row {
  margin-top: 40px;
}
.block__views-team-list .views-view-grid .views-col {
  margin-bottom: 40px;
}
@media only screen and (max-width: 600px) {
  .block__views-team-list .views-view-grid.cols-2 .views-col {
    width: 100%;
  }
  .block__views-team-list .views-view-grid .views-row {
    margin-bottom: -20px;
  }
  .block__views-team-list .views-view-grid .views-row + .views-row {
    margin-top: 20px;
  }
  .block__views-team-list .views-view-grid .views-col {
    margin-bottom: 20px;
  }
}

.block__views-job-list .gw.views-exposed-form {
  padding: 0;
}
.block__views-job-list .gw.views-exposed-form .gs {
  max-width: 100%;
}
.block__views-job-list .views-field-title .tablesaw-cell-content {
  color: #09315b;
  font-weight: bold;
  font-size: 24px;
  line-height: 31px;
}
@media only screen and (min-width: 1920px) {
  .block__views-job-list .views-field-title .tablesaw-cell-content {
    font-size: 24px;
    line-height: 31px;
  }
}
@media only screen and (max-width: 1680px) {
  .block__views-job-list .views-field-title .tablesaw-cell-content {
    font-size: calc(22px + (24 - 22) * (100vw - 1441px) / (1680 - 1441));
    line-height: calc(28px + (31 - 28) * (100vw - 1441px) / (1680 - 1441));
  }
}
@media only screen and (max-width: 1440px) {
  .block__views-job-list .views-field-title .tablesaw-cell-content {
    font-size: 22px;
    line-height: calc(29px + (28 - 29) * (100vw - 1281px) / (1440 - 1281));
  }
}
@media only screen and (max-width: 1280px) {
  .block__views-job-list .views-field-title .tablesaw-cell-content {
    font-size: calc(20px + (22 - 20) * (100vw - 835px) / (1280 - 835));
    line-height: calc(26px + (29 - 26) * (100vw - 835px) / (1280 - 835));
  }
}
@media only screen and (max-width: 834px) {
  .block__views-job-list .views-field-title .tablesaw-cell-content {
    font-size: 20px;
    line-height: calc(26px + (25 - 26) * (100vw - 415px) / (834 - 415));
  }
}
@media only screen and (max-width: 414px) {
  .block__views-job-list .views-field-title .tablesaw-cell-content {
    font-size: 20px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 1440px) {
  .block__views-job-list .views-field-title .tablesaw-cell-content {
    font-size: calc(38px + (40 - 38) * (100vw - 1681px) / (1920 - 1681));
    line-height: calc(47px + (50 - 47) * (100vw - 1681px) / (1920 - 1681));
  }
}
@media only screen and (max-width: 1440px) and (min-width: 1920px) {
  .block__views-job-list .views-field-title .tablesaw-cell-content {
    font-size: 40px;
    line-height: 50px;
  }
}
@media only screen and (max-width: 1440px) and (max-width: 1680px) {
  .block__views-job-list .views-field-title .tablesaw-cell-content {
    font-size: calc(36px + (38 - 36) * (100vw - 1441px) / (1680 - 1441));
    line-height: calc(45px + (47 - 45) * (100vw - 1441px) / (1680 - 1441));
  }
}
@media only screen and (max-width: 1440px) and (max-width: 1440px) {
  .block__views-job-list .views-field-title .tablesaw-cell-content {
    font-size: calc(34px + (36 - 34) * (100vw - 1281px) / (1440 - 1281));
    line-height: calc(42px + (45 - 42) * (100vw - 1281px) / (1440 - 1281));
  }
}
@media only screen and (max-width: 1440px) and (max-width: 1280px) {
  .block__views-job-list .views-field-title .tablesaw-cell-content {
    font-size: calc(32px + (34 - 32) * (100vw - 835px) / (1280 - 835));
    line-height: calc(40px + (42 - 40) * (100vw - 835px) / (1280 - 835));
  }
}
@media only screen and (max-width: 1440px) and (max-width: 834px) {
  .block__views-job-list .views-field-title .tablesaw-cell-content {
    font-size: calc(28px + (32 - 28) * (100vw - 415px) / (834 - 415));
    line-height: calc(35px + (40 - 35) * (100vw - 415px) / (834 - 415));
  }
}
@media only screen and (max-width: 1440px) and (max-width: 414px) {
  .block__views-job-list .views-field-title .tablesaw-cell-content {
    font-size: 28px;
    line-height: 35px;
  }
}
@media only screen and (max-width: 414px) {
  .block__views-job-list .views-field-title .tablesaw-cell-content {
    font-size: calc(28px + (31 - 28) * (100vw - 1681px) / (1920 - 1681));
    line-height: calc(36px + (40 - 36) * (100vw - 1681px) / (1920 - 1681));
  }
}
@media only screen and (max-width: 414px) and (min-width: 1920px) {
  .block__views-job-list .views-field-title .tablesaw-cell-content {
    font-size: 31px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 414px) and (max-width: 1680px) {
  .block__views-job-list .views-field-title .tablesaw-cell-content {
    font-size: calc(26px + (28 - 26) * (100vw - 1441px) / (1680 - 1441));
    line-height: calc(34px + (36 - 34) * (100vw - 1441px) / (1680 - 1441));
  }
}
@media only screen and (max-width: 414px) and (max-width: 1440px) {
  .block__views-job-list .views-field-title .tablesaw-cell-content {
    font-size: calc(24px + (26 - 24) * (100vw - 1281px) / (1440 - 1281));
    line-height: calc(31px + (34 - 31) * (100vw - 1281px) / (1440 - 1281));
  }
}
@media only screen and (max-width: 414px) and (max-width: 1280px) {
  .block__views-job-list .views-field-title .tablesaw-cell-content {
    font-size: 24px;
    line-height: 31px;
  }
}
@media only screen and (max-width: 414px) and (max-width: 834px) {
  .block__views-job-list .views-field-title .tablesaw-cell-content {
    font-size: calc(22px + (24 - 22) * (100vw - 415px) / (834 - 415));
    line-height: 31px;
  }
}
@media only screen and (max-width: 414px) and (max-width: 414px) {
  .block__views-job-list .views-field-title .tablesaw-cell-content {
    font-size: 22px;
    line-height: 25px;
  }
}
.block__views-job-list .views-field-body a {
  color: #333;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
}

.layout-builder-update-block div[role=alert],
.layout-builder-update-block div[role=alert] li,
.layout-builder-add-block div[role=alert],
.layout-builder-add-block div[role=alert] li {
  list-style-type: none;
  color: red;
  font-weight: bold;
}

.layout-builder__add-block {
  width: 100%;
  margin: 30px 0;
}

.node-layout-builder-form .vertical-tabs__menu-item.is-selected {
  border-right-width: 1px;
}
.node-layout-builder-form .vertical-tabs__panes {
  display: inline-block;
  padding: 0.5em 0.6em;
}
.node-layout-builder-form .layout-builder__message .gs {
  max-width: 100%;
}
.node-layout-builder-form .form-select {
  padding: 10px;
}
.node-layout-builder-form .form-item__label {
  display: inline;
}
.node-layout-builder-form .form-item__select {
  width: auto;
}

#layout-builder-modal .drupal-messages {
  display: inline-block;
}
#layout-builder-modal .drupal-messages ul {
  padding-left: 0;
  margin-left: 0;
}

.layout-container--header-image--fullscreen #block-ukho-admiralty-local-tasks,
.layout-container--header-image--fullscreen #block-ukho-admiralty-breadcrumbs {
  padding-top: 50px;
}
.layout-container--header-image--fullscreen .drupal-messages__container {
  position: relative;
  z-index: 1;
}
.layout-container--header-image--fullscreen .node-layout-builder-form .drupal-messages__container {
  padding-top: 25px;
  top: unset;
}

#block-ukho-admiralty-content .layout-builder-form ul:not(.unstyled) li {
  margin: 0;
}
#block-ukho-admiralty-content .layout-builder-form ul:not(.unstyled) li::before {
  content: "";
}

#block-ukho-admiralty-breadcrumbs + #block-ukho-admiralty-local-tasks {
  padding-top: 0;
}
#block-ukho-admiralty-local-tasks .local_task__secondary ul, #block-ukho-admiralty-local-tasks .local_task__primary ul {
  display: flex;
  flex-direction: row;
  width: auto;
  max-width: 100%;
  overflow-x: auto;
  margin: 0;
  border: 0;
  box-shadow: none;
}
#block-ukho-admiralty-local-tasks .local_task__secondary ul li, #block-ukho-admiralty-local-tasks .local_task__primary ul li {
  display: block;
  border-top: none;
  border-bottom: none;
  background: none;
  font-size: 1rem;
  margin: 0;
}
#block-ukho-admiralty-local-tasks .local_task__secondary ul li a, #block-ukho-admiralty-local-tasks .local_task__primary ul li a {
  position: relative;
  display: flex;
  overflow: hidden;
  flex-grow: 1;
  align-items: center;
  box-sizing: border-box;
  min-height: 3rem;
  text-decoration: none;
  color: #545560;
  line-height: 1.2rem;
  padding-right: 2rem;
  padding-left: 2rem;
  border-radius: 2px 2px 0 0;
}
#block-ukho-admiralty-local-tasks .local_task__secondary ul li a::before, #block-ukho-admiralty-local-tasks .local_task__primary ul li a::before {
  position: absolute;
  display: block;
  content: "";
}
#block-ukho-admiralty-local-tasks .local_task__secondary ul li:hover a, #block-ukho-admiralty-local-tasks .local_task__primary ul li:hover a {
  z-index: 1;
  flex-grow: 1;
  color: #003cc5;
}
#block-ukho-admiralty-local-tasks .local_task__secondary ul li:hover a::before, #block-ukho-admiralty-local-tasks .local_task__primary ul li:hover a::before {
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  border-right: none;
  border-bottom: 3px solid #003cc5;
  border-left: none;
}
#block-ukho-admiralty-local-tasks .local_task__primary > ul {
  padding-left: 0;
  margin-left: -2rem;
  min-width: calc(100% + 2rem);
}
#block-ukho-admiralty-local-tasks .local_task__secondary {
  margin-top: 20px;
}

.node-layout-edit .page__content {
  padding-top: 20px;
}

.node-layout-edit #block-ukhofloatingnav {
  visibility: hidden;
}

.user-logged-in:not(.node-layout-edit) .layout-container--header-carousel .page__content {
  padding-top: 0;
}

.user-login-form, .user-pass {
  margin: 100px 0;
}
.user-login-form input[type=submit], .user-pass input[type=submit] {
  width: 100%;
}
@media only screen and (max-width: 834px) {
  .user-login-form, .user-pass {
    margin: 80px 0;
  }
}
@media only screen and (max-width: 414px) {
  .user-login-form, .user-pass {
    margin: 50px 0;
  }
}

.layout-content {
  position: relative;
  z-index: 1;
}

.ukho--webflow .sticky-register-box-wf {
  opacity: 1;
  visibility: visible;
  transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
}

.overlay--opened .ukho--webflow .sticky-register-box-wf, .overlay--animating .ukho--webflow .sticky-register-box-wf {
  opacity: 0;
  visibility: hidden;
}

@media only screen and (max-width: 834px) {
  .leaflet-control-container {
    display: none;
  }
}
.leaflet-control-container .leaflet-bar, .leaflet-control-container .leaflet-control-layers {
  border: none;
  border-radius: 0;
  background-clip: border-box;
  box-shadow: 0 4px 10px rgba(35, 53, 82, 0.1);
}
.leaflet-control-container .leaflet-control-zoom a:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.leaflet-control-container .leaflet-control-zoom a:last-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.leaflet-control-container .leaflet-control-layers a, .leaflet-control-container .leaflet-control-zoom a {
  font-size: 26px;
  font-weight: bold;
  color: #09315b;
  width: 44px;
  height: 44px;
  line-height: 44px;
}
.leaflet-control-container .leaflet-control-layers a:hover, .leaflet-control-container .leaflet-control-layers a:focus, .leaflet-control-container .leaflet-control-zoom a:hover, .leaflet-control-container .leaflet-control-zoom a:focus {
  text-decoration: none;
}
.leaflet-control-container .leaflet-control-layers .leaflet-control-layers-toggle {
  background-image: url("../assets/images/map-layers.svg");
  background-size: 22px 22px;
}

.leaflet-marker-icon.marker-cluster {
  width: 80px !important;
  height: 80px !important;
  border-radius: 80px !important;
  background-clip: border-box !important;
  background-color: rgba(101, 196, 219, 0.4) !important;
  margin-left: -55px !important;
  margin-top: -55px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.leaflet-marker-icon.marker-cluster::before {
  content: "";
  display: block;
  background-color: rgba(101, 196, 219, 0.2);
  width: 110px;
  height: 110px;
  border-radius: 110px;
  position: absolute;
  top: -15px;
  left: -15px;
  z-index: -1;
}
.leaflet-marker-icon.marker-cluster > div {
  background-color: #65c4db;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: bold;
  color: #09315b;
}

@media only screen and (max-width: 834px) {
  .leaflet-container .leaflet-popup {
    display: none;
  }
}
.leaflet-container .leaflet-popup-content {
  margin: 0;
  width: 390px !important;
  overflow: hidden;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
}
@media only screen and (min-width: 1920px) {
  .leaflet-container .leaflet-popup-content {
    font-size: 16px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 1680px) {
  .leaflet-container .leaflet-popup-content {
    font-size: 16px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 1440px) {
  .leaflet-container .leaflet-popup-content {
    font-size: 16px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 1280px) {
  .leaflet-container .leaflet-popup-content {
    font-size: 16px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 834px) {
  .leaflet-container .leaflet-popup-content {
    font-size: calc(14px + (16 - 14) * (100vw - 415px) / (834 - 415));
    line-height: calc(22px + (26 - 22) * (100vw - 415px) / (834 - 415));
  }
}
@media only screen and (max-width: 414px) {
  .leaflet-container .leaflet-popup-content {
    font-size: 14px;
    line-height: 22px;
  }
}
.leaflet-container .leaflet-popup-content-wrapper {
  padding: 0;
  color: #333;
  text-align: left;
  border-radius: 0;
  background: white;
  box-shadow: 0 20px 20px rgba(255, 255, 255, 0.16);
}
.leaflet-container .leaflet-popup-tip-container {
  height: 20px;
  bottom: -19px;
}
.leaflet-container .leaflet-popup a.leaflet-popup-close-button {
  position: absolute;
  top: 15px;
  right: 15px;
  padding: 5px;
  border: none;
  width: auto;
  height: auto;
  font-size: 0;
  line-height: 0;
  color: #09315b;
  text-decoration: none;
  font-weight: normal;
  background: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.leaflet-container .leaflet-popup a.leaflet-popup-close-button:before {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea10";
}
.leaflet-container .leaflet-popup a.leaflet-popup-close-button::before {
  font-size: 14px;
  line-height: 1;
  color: #09315b;
}

.leaflet-ajax-popup {
  width: 100%;
}

.leaflet-overlay-pane svg {
  display: none;
}

.status-messages {
  padding: 25px 0;
  color: #fff;
  color: #fff;
  font-size: 22px;
  line-height: 120%;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 500;
}
@media only screen and (max-width: 600px) {
  .status-messages {
    font-size: 20px;
  }
}
.status-messages__wrapper {
  position: relative;
  padding-left: 30px;
}
.status-messages__wrapper::before {
  position: absolute;
  left: 0;
  font-size: 14px;
}
.status-messages__wrapper:before {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea3a";
}
.--alert .status-messages__wrapper {
  padding-left: 20px;
}
.--alert .status-messages__wrapper::before {
  font-size: 20px;
}
.--alert .status-messages__wrapper:before {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea16";
}
.status-messages__wrapper > ul {
  list-style: none;
  padding: 0;
}
.status-messages__wrapper > ul li:not(:last-child) {
  margin-bottom: 18px;
}
.status-messages__title {
  position: relative;
  margin: 1rem 0;
  color: #fff;
  font-size: 22px;
  line-height: 120%;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 500;
}
@media only screen and (max-width: 600px) {
  .status-messages__title {
    font-size: 20px;
  }
}
.status-messages.--default {
  background-color: #4aab37;
}
.status-messages.--alert {
  background-color: #e20d0d;
}

button, .button {
  font-weight: bold;
  text-transform: none;
  text-decoration: none;
  cursor: pointer;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 35px;
}
@media only screen and (max-width: 600px) {
  button, .button {
    font-size: 14px;
    line-height: 35px;
  }
}
button.full, .button.full {
  width: 100%;
}
button.primary, .button.primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  padding: 18px 30px;
  line-height: 18px;
  background-color: #09315b;
  border: 2px solid transparent;
  transition: background 0.25s ease-in-out, border 0.25s ease-in-out;
  box-shadow: 0 4px 10px rgba(0, 32, 65, 0.25);
  letter-spacing: 0.2px;
  position: relative;
}
@media only screen and (max-width: 414px) {
  button.primary, .button.primary {
    padding: 13px 30px;
  }
}
button.primary:hover, button.primary.hover, .button.primary:hover, .button.primary.hover {
  background-color: #fff;
  color: #09315b;
  border: 2px solid;
}
button.primary.selected, button.primary:active, button.primary:focus, .button.primary.selected, .button.primary:active, .button.primary:focus {
  background-color: #fff;
  color: #09315b;
  outline: 4px solid;
}
button.primary[disabled], button.primary.disabled, .button.primary[disabled], .button.primary.disabled {
  background-color: #adadad;
  pointer-events: none;
  color: #fff;
  box-shadow: none;
}
button.primary[class*=icon--]:not(.icon-only)::before, button.primary:not(.icon-only)::before, .button.primary[class*=icon--]:not(.icon-only)::before, .button.primary:not(.icon-only)::before {
  margin-left: 20px;
  order: 9999;
}
button.primary:not(.no-icon):not([class*=icon--]):before, .button.primary:not(.no-icon):not([class*=icon--]):before {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea06";
}
button.primary:not(.no-icon):not([class*=icon--])::before, .button.primary:not(.no-icon):not([class*=icon--])::before {
  font-size: 10px;
}
button.primary.light, .button.primary.light {
  color: #09315b;
  background-color: #fff;
  box-shadow: 0 4px 15px rgba(0, 32, 65, 0.25);
}
button.primary.light:hover, button.primary.light.hover, .button.primary.light:hover, .button.primary.light.hover {
  background-color: transparent;
  color: #fff;
  border: 2px solid;
}
button.primary.light.selected, button.primary.light:active, button.primary.light:focus, .button.primary.light.selected, .button.primary.light:active, .button.primary.light:focus {
  background-color: transparent;
  color: #fff;
  outline: 4px solid;
}
button.primary.light[disabled], button.primary.light.disabled, .button.primary.light[disabled], .button.primary.light.disabled {
  background-color: #adadad;
  pointer-events: none;
  color: #fff;
  opacity: 0.7;
  box-shadow: none;
}
button.primary.inverted, .button.primary.inverted {
  color: #09315b;
  background-color: #fff;
  box-shadow: 0 4px 15px rgba(0, 32, 65, 0.25);
  border: 2px solid;
}
button.primary.inverted:hover, button.primary.inverted.hover, .button.primary.inverted:hover, .button.primary.inverted.hover {
  background-color: #09315b;
  color: #fff;
  border: 2px solid #09315b;
}
button.primary.inverted.selected, button.primary.inverted:active, button.primary.inverted:focus, .button.primary.inverted.selected, .button.primary.inverted:active, .button.primary.inverted:focus {
  background-color: #09315b;
  color: #fff;
  border: 2px solid #09315b;
  outline: 4px solid;
}
button.primary.inverted.selected:hover, button.primary.inverted.selected.hover, button.primary.inverted:active:hover, button.primary.inverted:active.hover, button.primary.inverted:focus:hover, button.primary.inverted:focus.hover, .button.primary.inverted.selected:hover, .button.primary.inverted.selected.hover, .button.primary.inverted:active:hover, .button.primary.inverted:active.hover, .button.primary.inverted:focus:hover, .button.primary.inverted:focus.hover {
  border: 2px solid;
}
button.primary.inverted[disabled], button.primary.inverted.disabled, .button.primary.inverted[disabled], .button.primary.inverted.disabled {
  background-color: #adadad;
  pointer-events: none;
  color: #fff;
  opacity: 0.7;
  box-shadow: none;
  border: 2px solid #adadad;
}
button.primary.text, button.primary.text-before, button.primary.text--reduced, .button.primary.text, .button.primary.text-before, .button.primary.text--reduced {
  display: inline-flex;
  align-items: center;
  position: relative;
  transition: color 0.25s ease-in-out;
  border: none;
  height: auto;
  min-width: auto;
  min-height: auto;
  padding: 0;
  color: #09315b;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
button.primary.text:hover, button.primary.text.hover, button.primary.text-before:hover, button.primary.text-before.hover, button.primary.text--reduced:hover, button.primary.text--reduced.hover, .button.primary.text:hover, .button.primary.text.hover, .button.primary.text-before:hover, .button.primary.text-before.hover, .button.primary.text--reduced:hover, .button.primary.text--reduced.hover {
  border: none;
}
button.primary.text.selected, button.primary.text.active, button.primary.text:active, button.primary.text:focus, button.primary.text-before.selected, button.primary.text-before.active, button.primary.text-before:active, button.primary.text-before:focus, button.primary.text--reduced.selected, button.primary.text--reduced.active, button.primary.text--reduced:active, button.primary.text--reduced:focus, .button.primary.text.selected, .button.primary.text.active, .button.primary.text:active, .button.primary.text:focus, .button.primary.text-before.selected, .button.primary.text-before.active, .button.primary.text-before:active, .button.primary.text-before:focus, .button.primary.text--reduced.selected, .button.primary.text--reduced.active, .button.primary.text--reduced:active, .button.primary.text--reduced:focus {
  border: none;
}
button.primary.text[class*=icon--]:not(.icon-only)::before, button.primary.text-before[class*=icon--]:not(.icon-only)::before, button.primary.text--reduced[class*=icon--]:not(.icon-only)::before, .button.primary.text[class*=icon--]:not(.icon-only)::before, .button.primary.text-before[class*=icon--]:not(.icon-only)::before, .button.primary.text--reduced[class*=icon--]:not(.icon-only)::before {
  order: 9999;
}
button.primary.text:hover, button.primary.text.hover, button.primary.text-before:hover, button.primary.text-before.hover, button.primary.text--reduced:hover, button.primary.text--reduced.hover, .button.primary.text:hover, .button.primary.text.hover, .button.primary.text-before:hover, .button.primary.text-before.hover, .button.primary.text--reduced:hover, .button.primary.text--reduced.hover {
  border: none;
  color: #09315b;
  background: transparent;
}
button.primary.text.selected, button.primary.text:active, button.primary.text:focus, button.primary.text-before.selected, button.primary.text-before:active, button.primary.text-before:focus, button.primary.text--reduced.selected, button.primary.text--reduced:active, button.primary.text--reduced:focus, .button.primary.text.selected, .button.primary.text:active, .button.primary.text:focus, .button.primary.text-before.selected, .button.primary.text-before:active, .button.primary.text-before:focus, .button.primary.text--reduced.selected, .button.primary.text--reduced:active, .button.primary.text--reduced:focus {
  border: none;
  color: #09315b;
  background: transparent;
}
button.primary.text[disabled], button.primary.text.disabled, button.primary.text-before[disabled], button.primary.text-before.disabled, button.primary.text--reduced[disabled], button.primary.text--reduced.disabled, .button.primary.text[disabled], .button.primary.text.disabled, .button.primary.text-before[disabled], .button.primary.text-before.disabled, .button.primary.text--reduced[disabled], .button.primary.text--reduced.disabled {
  border: none;
  background-color: transparent;
  color: #adadad;
}
button.primary.text.light, button.primary.text-before.light, button.primary.text--reduced.light, .button.primary.text.light, .button.primary.text-before.light, .button.primary.text--reduced.light {
  color: #fff;
}
button.primary.text.light.selected, button.primary.text.light:hover, button.primary.text.light:active, button.primary.text.light.hover, button.primary.text.light:focus, button.primary.text-before.light.selected, button.primary.text-before.light:hover, button.primary.text-before.light:active, button.primary.text-before.light.hover, button.primary.text-before.light:focus, button.primary.text--reduced.light.selected, button.primary.text--reduced.light:hover, button.primary.text--reduced.light:active, button.primary.text--reduced.light.hover, button.primary.text--reduced.light:focus, .button.primary.text.light.selected, .button.primary.text.light:hover, .button.primary.text.light:active, .button.primary.text.light.hover, .button.primary.text.light:focus, .button.primary.text-before.light.selected, .button.primary.text-before.light:hover, .button.primary.text-before.light:active, .button.primary.text-before.light.hover, .button.primary.text-before.light:focus, .button.primary.text--reduced.light.selected, .button.primary.text--reduced.light:hover, .button.primary.text--reduced.light:active, .button.primary.text--reduced.light.hover, .button.primary.text--reduced.light:focus {
  color: #fff;
}
button.primary.text[disabled], button.primary.text.disabled, button.primary.text-before[disabled], button.primary.text-before.disabled, button.primary.text--reduced[disabled], button.primary.text--reduced.disabled, .button.primary.text[disabled], .button.primary.text.disabled, .button.primary.text-before[disabled], .button.primary.text-before.disabled, .button.primary.text--reduced[disabled], .button.primary.text--reduced.disabled {
  color: #adadad;
  opacity: 0.7;
}
button.primary.text, .button.primary.text {
  padding: 17px 60px 17px 0;
}
button.primary.text::before, .button.primary.text::before {
  margin-left: 0;
  border-radius: 50%;
  border: 2px solid;
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translateY(calc(-50% + 1px));
  width: 39px;
  height: 39px;
  display: inline-flex;
  align-self: center;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 834px) {
  button.primary.text::before, .button.primary.text::before {
    width: 35px;
    height: 35px;
  }
}
button.primary.text.selected::before, button.primary.text:active::before, button.primary.text:focus::before, button.primary.text:hover::before, button.primary.text.hover::before, .button.primary.text.selected::before, .button.primary.text:active::before, .button.primary.text:focus::before, .button.primary.text:hover::before, .button.primary.text.hover::before {
  border: 3px solid;
  right: 1px;
}
@media only screen and (max-width: 834px) {
  button.primary.text, .button.primary.text {
    padding: 12px 60px 12px 0;
  }
  button.primary.text::before, .button.primary.text::before {
    width: 34px;
    height: 34px;
  }
}
@media only screen and (max-width: 414px) {
  button.primary.text, .button.primary.text {
    padding: 10px 56px 10px 0;
  }
  button.primary.text::before, .button.primary.text::before {
    width: 35px;
    height: 35px;
  }
}
button.primary.text-before, .button.primary.text-before {
  padding: 17px 0 17px 60px;
}
button.primary.text-before::before, .button.primary.text-before::before {
  margin-left: 0;
  border-radius: 50%;
  border: 2px solid;
  position: absolute;
  left: 2px;
  top: 50%;
  transform: translateY(calc(-50% + 1px)) rotate(180deg);
  transform-origin: center;
  width: 39px;
  height: 39px;
  display: inline-flex;
  align-self: center;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 834px) {
  button.primary.text-before::before, .button.primary.text-before::before {
    width: 35px;
    height: 35px;
  }
}
button.primary.text-before.selected::before, button.primary.text-before:active::before, button.primary.text-before:focus::before, button.primary.text-before:hover::before, button.primary.text-before.hover::before, .button.primary.text-before.selected::before, .button.primary.text-before:active::before, .button.primary.text-before:focus::before, .button.primary.text-before:hover::before, .button.primary.text-before.hover::before {
  border: 3px solid;
  right: 1px;
}
@media only screen and (max-width: 834px) {
  button.primary.text-before, .button.primary.text-before {
    padding: 12px 0 12px 60px;
  }
  button.primary.text-before::before, .button.primary.text-before::before {
    width: 34px;
    height: 34px;
  }
}
@media only screen and (max-width: 414px) {
  button.primary.text-before::before, .button.primary.text-before::before {
    width: 35px;
    height: 35px;
  }
}
button.primary.text--reduced[class*=icon--]::before, button.primary.text--reduced::before, .button.primary.text--reduced[class*=icon--]::before, .button.primary.text--reduced::before {
  margin-left: 15px;
  transition: transform 0.25s ease-in-out;
  transform: translateX(0);
}
button.primary.text--reduced[class*=icon--].selected::before, button.primary.text--reduced[class*=icon--]:active::before, button.primary.text--reduced[class*=icon--]:focus::before, button.primary.text--reduced[class*=icon--]:hover::before, button.primary.text--reduced[class*=icon--].hover::before, button.primary.text--reduced.selected::before, button.primary.text--reduced:active::before, button.primary.text--reduced:focus::before, button.primary.text--reduced:hover::before, button.primary.text--reduced.hover::before, .button.primary.text--reduced[class*=icon--].selected::before, .button.primary.text--reduced[class*=icon--]:active::before, .button.primary.text--reduced[class*=icon--]:focus::before, .button.primary.text--reduced[class*=icon--]:hover::before, .button.primary.text--reduced[class*=icon--].hover::before, .button.primary.text--reduced.selected::before, .button.primary.text--reduced:active::before, .button.primary.text--reduced:focus::before, .button.primary.text--reduced:hover::before, .button.primary.text--reduced.hover::before {
  transform: translateX(10px);
}
button.icon-only, .button.icon-only {
  padding: 0;
  border: none;
  cursor: pointer;
  border-radius: 0;
  font-weight: normal;
}

.demo__buttons .wrapper {
  display: flex;
  flex-wrap: wrap;
}
.demo__buttons .wrapper button, .demo__buttons .wrapper a, .demo__buttons .wrapper .status-label {
  margin-bottom: 20px;
  margin-right: 30px;
}
.demo__buttons.gw {
  background: #dcdcdc;
  padding: 50px 0;
}

.a2a_kit a:not(.button) {
  font-weight: bold;
  text-transform: none;
  text-decoration: none;
  cursor: pointer;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 35px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 40px 7px 40px;
  border: 2px solid transparent;
  transition: background 0.25s ease-in-out, border 0.25s ease-in-out;
  color: #09315b;
  background-color: #fff;
  box-shadow: 0 4px 10px rgba(255, 255, 255, 0.2);
}
@media only screen and (max-width: 600px) {
  .a2a_kit a:not(.button) {
    font-size: 14px;
    line-height: 35px;
  }
}
.a2a_kit a:not(.button).full {
  width: 100%;
}
@media only screen and (max-width: 834px) {
  .a2a_kit a:not(.button) {
    padding: 5px 32px 0 32px;
  }
}
@media only screen and (max-width: 414px) {
  .a2a_kit a:not(.button) {
    padding: 5px 30px 0 30px;
  }
}
.a2a_kit a:not(.button):after {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea33";
}
.a2a_kit a:not(.button)::before {
  content: "Share";
  margin-right: 30px;
}
.a2a_kit a:not(.button) span.a2a_svg {
  display: none;
}
.a2a_kit a:not(.button) span.a2a_label {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.a2a_kit a:not(.button):hover, .a2a_kit a:not(.button).hover {
  text-decoration: none;
  background-color: transparent;
  color: #fff;
  border: 2px solid;
}
.a2a_kit a:not(.button).selected, .a2a_kit a:not(.button):active, .a2a_kit a:not(.button):focus {
  text-decoration: none;
  background-color: transparent;
  color: #fff;
  border: 4px solid;
}

.toolkit-filters fieldset {
  border: none;
  display: flex;
  flex-direction: column;
  row-gap: 3px;
  padding: 0;
}
.toolkit-filters .fieldgroup {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.toolkit-filters .fieldgroup .form-checkboxes label.form-item__label {
  color: #09315b;
  font-family: JohnstonITCProLight, sans-serif;
  font-weight: 300;
}
.toolkit-filters .flag {
  position: relative;
}
.toolkit-filters .flag label {
  display: flex;
  -moz-column-gap: 6px;
       column-gap: 6px;
  padding: 8px;
}
.toolkit-filters .flag label .checkbox {
  height: 100%;
}
.toolkit-filters .flag label .checkbox .box {
  font-family: JohnstonITCProBold, sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 18px;
  color: #09315b;
  width: 61px;
  height: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.toolkit-filters .flag label .checkbox .box.adll {
  background-color: #00a996;
  color: #fff;
}
.toolkit-filters .flag label .checkbox .box.adp {
  background-color: #85B0B5;
  color: #fff;
}
.toolkit-filters .flag label .checkbox .box.adrs {
  background-color: #6cc3e7;
  color: #fff;
}
.toolkit-filters .flag label .checkbox .box.aenp {
  background-color: #7671bd;
  color: #fff;
}
.toolkit-filters .flag label .checkbox .box.arcs {
  background-color: #e7312b;
  color: #fff;
}
.toolkit-filters .flag label .checkbox .box.att {
  background-color: #ffd250;
  color: #fff;
}
.toolkit-filters .flag label .checkbox .box.avcs {
  background-color: #E4147C;
  color: #fff;
}
.toolkit-filters .flag label .product-description {
  color: #09315b;
  font-size: 13px;
  line-height: 14px;
}
.toolkit-filters .flag label .icon--logo--mobile {
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 18px;
  color: #09315b;
}
.toolkit-filters .flag label.checked {
  background-color: #09315b;
}
.toolkit-filters .flag label.checked .product-description, .toolkit-filters .flag label.checked .icon--logo--mobile {
  color: #fff;
}
.toolkit-filters .flag input {
  position: absolute;
  z-index: -9999;
  left: 0;
  top: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
}

.form-item--checkboxes,
.form-item--checkbox__item {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* -- Deliver Information Form -- */
fieldset[data-drupal-selector=edit-billing-information] {
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-template-rows: auto 1fr;
  margin: 75px 0;
  gap: 24px 30px;
}
@media only screen and (max-width: 834px) {
  fieldset[data-drupal-selector=edit-billing-information] {
    display: block;
    margin: 55px 0;
  }
}
fieldset[data-drupal-selector=edit-billing-information] > legend {
  grid-area: 1/1/2/2;
  display: contents;
}
fieldset[data-drupal-selector=edit-billing-information] > legend .fieldset-legend {
  font-weight: normal;
  font-size: calc(38px + (40 - 38) * (100vw - 1681px) / (1920 - 1681));
  line-height: calc(47px + (50 - 47) * (100vw - 1681px) / (1920 - 1681));
}
@media only screen and (min-width: 1920px) {
  fieldset[data-drupal-selector=edit-billing-information] > legend .fieldset-legend {
    font-size: 40px;
    line-height: 50px;
  }
}
@media only screen and (max-width: 1680px) {
  fieldset[data-drupal-selector=edit-billing-information] > legend .fieldset-legend {
    font-size: calc(36px + (38 - 36) * (100vw - 1441px) / (1680 - 1441));
    line-height: calc(45px + (47 - 45) * (100vw - 1441px) / (1680 - 1441));
  }
}
@media only screen and (max-width: 1440px) {
  fieldset[data-drupal-selector=edit-billing-information] > legend .fieldset-legend {
    font-size: calc(34px + (36 - 34) * (100vw - 1281px) / (1440 - 1281));
    line-height: calc(42px + (45 - 42) * (100vw - 1281px) / (1440 - 1281));
  }
}
@media only screen and (max-width: 1280px) {
  fieldset[data-drupal-selector=edit-billing-information] > legend .fieldset-legend {
    font-size: calc(32px + (34 - 32) * (100vw - 835px) / (1280 - 835));
    line-height: calc(40px + (42 - 40) * (100vw - 835px) / (1280 - 835));
  }
}
@media only screen and (max-width: 834px) {
  fieldset[data-drupal-selector=edit-billing-information] > legend .fieldset-legend {
    font-size: calc(28px + (32 - 28) * (100vw - 415px) / (834 - 415));
    line-height: calc(35px + (40 - 35) * (100vw - 415px) / (834 - 415));
  }
}
@media only screen and (max-width: 414px) {
  fieldset[data-drupal-selector=edit-billing-information] > legend .fieldset-legend {
    font-size: 28px;
    line-height: 35px;
  }
}
@media only screen and (max-width: 600px) {
  fieldset[data-drupal-selector=edit-billing-information] > legend .fieldset-legend {
    margin-bottom: 20px;
  }
}
fieldset[data-drupal-selector=edit-billing-information] > .fieldset-description {
  grid-area: 2/1/3/2;
}
@media only screen and (max-width: 834px) {
  fieldset[data-drupal-selector=edit-billing-information] > .fieldset-description {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 600px) {
  fieldset[data-drupal-selector=edit-billing-information] > .fieldset-description {
    margin-bottom: 40px;
  }
}
fieldset[data-drupal-selector=edit-billing-information] > .fieldset-wrapper {
  grid-area: 1/2/3/3;
}
fieldset[data-drupal-selector=edit-billing-information] > .fieldset-wrapper div[data-drupal-selector=edit-billing-information-profile] {
  display: flex;
  flex-direction: column;
  row-gap: 35px;
}
@media only screen and (max-width: 1680px) {
  fieldset[data-drupal-selector=edit-billing-information] > .fieldset-wrapper div[data-drupal-selector=edit-billing-information-profile] {
    row-gap: 25px;
  }
}
fieldset[data-drupal-selector=edit-billing-information] > .fieldset-wrapper div[data-drupal-selector=edit-billing-information-profile] div[data-drupal-selector=edit-billing-information-profile-address-0-address] {
  display: flex;
  flex-direction: column;
  gap: 35px;
}
@media only screen and (max-width: 1680px) {
  fieldset[data-drupal-selector=edit-billing-information] > .fieldset-wrapper div[data-drupal-selector=edit-billing-information-profile] div[data-drupal-selector=edit-billing-information-profile-address-0-address] {
    gap: 25px;
  }
}
fieldset[data-drupal-selector=edit-billing-information] > .fieldset-wrapper div[data-drupal-selector=edit-billing-information-profile] div[data-drupal-selector=edit-billing-information-profile-address-0-address] .address-container-inline {
  display: flex;
  flex-direction: column;
  gap: 35px;
}
@media only screen and (max-width: 1680px) {
  fieldset[data-drupal-selector=edit-billing-information] > .fieldset-wrapper div[data-drupal-selector=edit-billing-information-profile] div[data-drupal-selector=edit-billing-information-profile-address-0-address] .address-container-inline {
    gap: 25px;
  }
}
fieldset[data-drupal-selector=edit-billing-information] > .fieldset-wrapper div[data-drupal-selector=edit-billing-information-profile] .form-item {
  margin: 0;
}
fieldset[data-drupal-selector=edit-billing-information] > .fieldset-wrapper div[data-drupal-selector=edit-billing-information-profile] .form-item input[data-drupal-selector=edit-billing-information-profile-address-0-address-given-name],
fieldset[data-drupal-selector=edit-billing-information] > .fieldset-wrapper div[data-drupal-selector=edit-billing-information-profile] .form-item input[data-drupal-selector=edit-billing-information-profile-address-0-address-family-name],
fieldset[data-drupal-selector=edit-billing-information] > .fieldset-wrapper div[data-drupal-selector=edit-billing-information-profile] .form-item input[data-drupal-selector=edit-billing-information-profile-address-0-address-organization],
fieldset[data-drupal-selector=edit-billing-information] > .fieldset-wrapper div[data-drupal-selector=edit-billing-information-profile] .form-item input[data-drupal-selector=edit-billing-information-profile-address-0-address-address-line1],
fieldset[data-drupal-selector=edit-billing-information] > .fieldset-wrapper div[data-drupal-selector=edit-billing-information-profile] .form-item input[data-drupal-selector=edit-billing-information-profile-address-0-address-address-line2] {
  width: 100%;
}
@media only screen and (max-width: 600px) {
  fieldset[data-drupal-selector=edit-billing-information] > .fieldset-wrapper div[data-drupal-selector=edit-billing-information-profile] .form-item input[data-drupal-selector=edit-billing-information-profile-field-floor-plate-0-value] {
    width: 100%;
  }
}
fieldset[data-drupal-selector=edit-billing-information] > .fieldset-wrapper div[data-drupal-selector=edit-billing-information-profile] .form-item select {
  width: unset;
}
fieldset[data-drupal-selector=edit-billing-information] > .fieldset-wrapper div[data-drupal-selector=edit-billing-information-profile] .form-item label.form-item__label:not(.form-required)::after {
  content: " (optional)";
  color: #848484;
  font-weight: normal;
}
fieldset[data-drupal-selector=edit-billing-information] > .fieldset-wrapper div[data-drupal-selector=edit-billing-information-profile] .form-item label[for=edit-billing-information-profile-address-0-address-postal-code] {
  display: flex;
  flex-wrap: wrap;
}
fieldset[data-drupal-selector=edit-billing-information] > .fieldset-wrapper div[data-drupal-selector=edit-billing-information-profile] .form-item label[for=edit-billing-information-profile-address-0-address-postal-code]::before {
  content: '(e.g. "AA99 9AA")';
  color: #848484;
  font-weight: normal;
  order: 3;
  width: 100%;
}

/* -- Order Comments Form */
div[data-drupal-selector=edit-order-fieldscheckout] {
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-template-rows: auto 1fr;
  gap: 24px 30px;
  padding-top: 75px;
  border-top: 1px solid #d0d0d0;
}
@media only screen and (max-width: 1680px) {
  div[data-drupal-selector=edit-order-fieldscheckout] {
    padding-top: 65px;
  }
}
@media only screen and (max-width: 834px) {
  div[data-drupal-selector=edit-order-fieldscheckout] {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding-top: 55px;
  }
}
@media only screen and (max-width: 600px) {
  div[data-drupal-selector=edit-order-fieldscheckout] {
    padding-top: 50px;
  }
}
div[data-drupal-selector=edit-order-fieldscheckout] div[data-drupal-selector=edit-order-fieldscheckout-field-order-comments-wrapper] {
  grid-area: 1/1/2/3;
}
div[data-drupal-selector=edit-order-fieldscheckout] div[data-drupal-selector=edit-order-fieldscheckout-field-order-comments-wrapper] .form-item-order-fieldscheckout-field-order-comments-0-value {
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-template-rows: auto 1fr;
  margin: 0;
  gap: 24px 30px;
}
@media only screen and (max-width: 834px) {
  div[data-drupal-selector=edit-order-fieldscheckout] div[data-drupal-selector=edit-order-fieldscheckout-field-order-comments-wrapper] .form-item-order-fieldscheckout-field-order-comments-0-value {
    display: flex;
    flex-direction: column-reverse;
    gap: 20px;
  }
}
div[data-drupal-selector=edit-order-fieldscheckout] div[data-drupal-selector=edit-order-fieldscheckout-field-order-comments-wrapper] .form-item-order-fieldscheckout-field-order-comments-0-value > label {
  grid-area: 1/1/2/2;
  margin: 0;
  font-weight: normal;
  font-size: calc(38px + (40 - 38) * (100vw - 1681px) / (1920 - 1681));
  line-height: calc(47px + (50 - 47) * (100vw - 1681px) / (1920 - 1681));
}
@media only screen and (min-width: 1920px) {
  div[data-drupal-selector=edit-order-fieldscheckout] div[data-drupal-selector=edit-order-fieldscheckout-field-order-comments-wrapper] .form-item-order-fieldscheckout-field-order-comments-0-value > label {
    font-size: 40px;
    line-height: 50px;
  }
}
@media only screen and (max-width: 1680px) {
  div[data-drupal-selector=edit-order-fieldscheckout] div[data-drupal-selector=edit-order-fieldscheckout-field-order-comments-wrapper] .form-item-order-fieldscheckout-field-order-comments-0-value > label {
    font-size: calc(36px + (38 - 36) * (100vw - 1441px) / (1680 - 1441));
    line-height: calc(45px + (47 - 45) * (100vw - 1441px) / (1680 - 1441));
  }
}
@media only screen and (max-width: 1440px) {
  div[data-drupal-selector=edit-order-fieldscheckout] div[data-drupal-selector=edit-order-fieldscheckout-field-order-comments-wrapper] .form-item-order-fieldscheckout-field-order-comments-0-value > label {
    font-size: calc(34px + (36 - 34) * (100vw - 1281px) / (1440 - 1281));
    line-height: calc(42px + (45 - 42) * (100vw - 1281px) / (1440 - 1281));
  }
}
@media only screen and (max-width: 1280px) {
  div[data-drupal-selector=edit-order-fieldscheckout] div[data-drupal-selector=edit-order-fieldscheckout-field-order-comments-wrapper] .form-item-order-fieldscheckout-field-order-comments-0-value > label {
    font-size: calc(32px + (34 - 32) * (100vw - 835px) / (1280 - 835));
    line-height: calc(40px + (42 - 40) * (100vw - 835px) / (1280 - 835));
  }
}
@media only screen and (max-width: 834px) {
  div[data-drupal-selector=edit-order-fieldscheckout] div[data-drupal-selector=edit-order-fieldscheckout-field-order-comments-wrapper] .form-item-order-fieldscheckout-field-order-comments-0-value > label {
    font-size: calc(28px + (32 - 28) * (100vw - 415px) / (834 - 415));
    line-height: calc(35px + (40 - 35) * (100vw - 415px) / (834 - 415));
  }
}
@media only screen and (max-width: 414px) {
  div[data-drupal-selector=edit-order-fieldscheckout] div[data-drupal-selector=edit-order-fieldscheckout-field-order-comments-wrapper] .form-item-order-fieldscheckout-field-order-comments-0-value > label {
    font-size: 28px;
    line-height: 35px;
  }
}
@media only screen and (max-width: 834px) {
  div[data-drupal-selector=edit-order-fieldscheckout] div[data-drupal-selector=edit-order-fieldscheckout-field-order-comments-wrapper] .form-item-order-fieldscheckout-field-order-comments-0-value > label {
    order: 1;
  }
}
div[data-drupal-selector=edit-order-fieldscheckout] div[data-drupal-selector=edit-order-fieldscheckout-field-order-comments-wrapper] .form-item-order-fieldscheckout-field-order-comments-0-value > div:not(.form-item__description) {
  grid-area: 1/2/3/3;
}
div[data-drupal-selector=edit-order-fieldscheckout] div[data-drupal-selector=edit-order-fieldscheckout-field-order-comments-wrapper] .form-item-order-fieldscheckout-field-order-comments-0-value > div:not(.form-item__description) textarea[data-drupal-selector=edit-order-fieldscheckout-field-order-comments-0-value] {
  width: 100%;
  resize: vertical;
}
div[data-drupal-selector=edit-order-fieldscheckout] div[data-drupal-selector=edit-order-fieldscheckout-field-order-comments-wrapper] .form-item-order-fieldscheckout-field-order-comments-0-value > .form-item__description {
  grid-area: 2/1/3/2;
  margin: 0;
}
div[data-drupal-selector=edit-order-fieldscheckout] div[data-drupal-selector=edit-order-fieldscheckout-field-terms-and-conditions-wrapper] {
  grid-area: 2/2/3/3;
}

/* -- Form Submit Button -- */
.layout-checkout-form .checkout__actions {
  width: 66.6666666667%;
  margin-left: auto;
  padding-left: 15px;
}
@media only screen and (max-width: 834px) {
  .layout-checkout-form .checkout__actions {
    width: 100%;
    margin: 0;
    padding: 0;
  }
}
.layout-checkout-form .checkout__actions button.primary {
  background-color: #1a7e97;
  border: 1px solid #1a7e97;
}
.layout-checkout-form .checkout__actions button.primary:hover {
  background-color: #fff;
  color: #1a7e97;
}

.counter-wrapper {
  display: flex;
  align-items: center;
}
.counter-wrapper .quantity-input, .counter-wrapper input[type=number] {
  font-family: JohnstonITCProMedium, sans-serif;
  text-align: center;
  border: none;
  border-bottom: 1px solid #09315b;
  font-size: 20px;
  width: 55px;
}
@media only screen and (max-width: 834px) {
  .counter-wrapper .quantity-input, .counter-wrapper input[type=number] {
    font-size: 18px;
  }
}
.counter-wrapper input::-webkit-outer-spin-button,
.counter-wrapper input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.counter-wrapper input[type=number] {
  -moz-appearance: textfield;
}
.counter-wrapper button {
  color: #09315b;
  background: none;
  border: none;
  font-size: 20px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 834px) {
  .counter-wrapper button {
    font-size: 18px;
  }
}

.form--dark {
  background-color: #09315b;
}
.form--dark.demo__form {
  padding: 20px;
}

.form-header {
  margin-bottom: 40px;
}
.form--dark .form-header {
  color: #fff;
}
.form-header__title {
  font-weight: 500;
  font-size: calc(38px + (40 - 38) * (100vw - 1681px) / (1920 - 1681));
  line-height: calc(47px + (50 - 47) * (100vw - 1681px) / (1920 - 1681));
}
@media only screen and (min-width: 1920px) {
  .form-header__title {
    font-size: 40px;
    line-height: 50px;
  }
}
@media only screen and (max-width: 1680px) {
  .form-header__title {
    font-size: calc(36px + (38 - 36) * (100vw - 1441px) / (1680 - 1441));
    line-height: calc(45px + (47 - 45) * (100vw - 1441px) / (1680 - 1441));
  }
}
@media only screen and (max-width: 1440px) {
  .form-header__title {
    font-size: calc(34px + (36 - 34) * (100vw - 1281px) / (1440 - 1281));
    line-height: calc(42px + (45 - 42) * (100vw - 1281px) / (1440 - 1281));
  }
}
@media only screen and (max-width: 1280px) {
  .form-header__title {
    font-size: calc(32px + (34 - 32) * (100vw - 835px) / (1280 - 835));
    line-height: calc(40px + (42 - 40) * (100vw - 835px) / (1280 - 835));
  }
}
@media only screen and (max-width: 834px) {
  .form-header__title {
    font-size: calc(28px + (32 - 28) * (100vw - 415px) / (834 - 415));
    line-height: calc(35px + (40 - 35) * (100vw - 415px) / (834 - 415));
  }
}
@media only screen and (max-width: 414px) {
  .form-header__title {
    font-size: 28px;
    line-height: 35px;
  }
}

.form-item {
  color: #333;
  margin-bottom: 1em;
}
.form--dark .form-item {
  color: #000;
}
.form-item__label {
  margin-bottom: 10px;
}
.form--dark .form-item__label {
  color: #fff;
}
.form-item select:focus,
.form-item input:not([type=button]):focus,
.form-item textarea:focus {
  outline: 3px solid #09315b;
}
.form--dark .form-item select:focus, .--dark .form-item select:focus,
.form--dark .form-item input:not([type=button]):focus,
.--dark .form-item input:not([type=button]):focus,
.form--dark .form-item textarea:focus,
.--dark .form-item textarea:focus {
  outline: 3px solid #fff;
  outline-offset: 2px;
}

.form-item__label, .form-fieldset > legend > span {
  display: block;
  font-weight: 700;
  color: #09315b;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 700;
  letter-spacing: 0.9px;
  font-size: 18px;
  line-height: 22px;
}
@media only screen and (max-width: 834px) {
  .form-item__label, .form-fieldset > legend > span {
    font-size: 16px;
    letter-spacing: 0.8px;
  }
}
@media only screen and (max-width: 414px) {
  .form-item__label, .form-fieldset > legend > span {
    font-size: 14px;
  }
}
input[type=checkbox] + .form-item__label, input[type=checkbox] + .form-fieldset > legend > span {
  display: inline;
  margin-left: 10px;
  margin-bottom: 0;
  letter-spacing: 0;
  font-weight: 500;
}

.form-item__textfield {
  border: 1px solid #c7c7c7;
  padding: 0.6em;
  max-width: 100%;
  vertical-align: middle;
}
.form-item__textfield:-ms-input-placeholder {
  color: #848484;
}
.form-item__textfield::placeholder {
  color: #848484;
}

.form-item__description {
  margin-top: 0.3em;
}

input[type=submit] {
  margin: 20px 0;
}

input[type=submit] + input[type=submit] {
  margin-left: 20px;
}

button[type=submit].icon--arrow-right::before {
  font-size: 10px;
}

.form-fieldset {
  border: none;
  padding: 0;
}

.filter_dropdown-js {
  display: flex;
  align-items: center;
  justify-content: center;
}
.filter_dropdown-js:focus {
  outline: 3px solid #09315b;
}
.form--dark .filter_dropdown-js:focus, .--dark .filter_dropdown-js:focus {
  outline: 3px solid #fff;
  outline-offset: 2px;
}
.filter_dropdown-js fieldset {
  width: 100%;
  margin-bottom: 0;
  position: relative;
}
.filter_dropdown-js fieldset legend {
  position: relative;
  cursor: pointer;
  width: 100%;
  padding-right: 30px;
}
.filter_dropdown-js fieldset legend .fieldset-legend {
  letter-spacing: 0;
}
.filter_dropdown-js fieldset legend:before {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea0b";
}
.filter_dropdown-js fieldset legend::before {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%) rotate(-90deg);
  font-size: 19px;
  font-weight: bold;
}
.filter_dropdown-js .fieldset-wrapper {
  display: none;
  position: absolute;
  top: 20px;
  left: -25px;
  color: #333;
  padding: 20px;
  z-index: 99;
  background-color: #fff;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  width: calc(100% + 50px);
}
.filter_dropdown-js .fieldset-wrapper .form-item {
  margin-bottom: 3px;
  display: flex;
  align-items: center;
}
.filter_dropdown-js .fieldset-wrapper .form-item .form-item__label, .filter_dropdown-js .fieldset-wrapper .form-item .form-fieldset > legend > span {
  color: #333;
}
.filter_dropdown-js.opened fieldset legend::before {
  transform: translateY(calc(-50% - 2px)) rotate(90deg);
}
.filter_dropdown-js .scroll-wrapper {
  max-height: 150px;
  -webkit-mask-image: -webkit-gradient(linear, left 65%, left 96%, from(rgb(0, 0, 0)), to(rgba(0, 0, 0, 0)));
}
.filter_dropdown-js .scroll-wrapper .form-item:last-child {
  margin-bottom: 54px;
}
.filter_dropdown-js .bef-toggle {
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 500;
  display: block;
  color: #1a7e97;
  padding-bottom: 16px;
  margin-bottom: 20px;
  border-bottom: 1px solid #d0d0d0;
}

.contact-webform {
  background-color: #1a7e97;
  color: #fff;
  position: relative;
  overflow: visible;
  padding: 70px 64px;
}
.contact-webform a:not(.button) {
  color: #fff;
}
.contact-webform::after {
  content: "";
  width: 100vw;
  height: 100%;
  position: absolute;
  background: inherit;
  background-color: inherit;
  top: 0;
  left: 100%;
}
@media only screen and (max-width: 1680px) {
  .contact-webform {
    padding: 62px 60px;
  }
}
@media only screen and (max-width: 834px) {
  .contact-webform {
    padding: 42px 40px;
  }
}
@media only screen and (max-width: 600px) {
  .contact-webform {
    padding: 27px 25px;
  }
}
.contact-webform__preview-container {
  display: flex;
  margin-top: 20px;
}
@media only screen and (max-width: 1440px) {
  .contact-webform__preview-container {
    margin-top: 15px;
  }
}
@media only screen and (max-width: 834px) {
  .contact-webform__preview-container {
    flex-direction: column;
  }
}
.contact-webform__description {
  margin: 0 120px 0 0;
  max-width: 930px;
}
@media only screen and (max-width: 1920px) {
  .contact-webform__description {
    margin-right: 131px;
  }
}
@media only screen and (max-width: 1680px) {
  .contact-webform__description {
    max-width: 800px;
    margin-right: 56px;
  }
}
@media only screen and (max-width: 1440px) {
  .contact-webform__description {
    max-width: 650px;
    margin-right: 71px;
  }
}
@media only screen and (max-width: 834px) {
  .contact-webform__description {
    max-width: 100%;
    margin: 0 0 20px 0;
  }
}
@media only screen and (max-width: 834px) {
  .contact-webform::after {
    display: none;
  }
}
@media only screen and (max-width: 834px) {
  .contact-webform__toggle-container {
    align-self: flex-end;
  }
}
.contact-webform__header {
  color: #fff;
  margin-bottom: 0;
}
.contact-webform__container {
  display: none;
  margin-top: 50px;
}
.contact-webform__container.opened {
  display: block;
}
.contact-webform__form {
  display: flex;
}
.contact-webform__form .form-item {
  margin-bottom: 25px;
}
.contact-webform__form .form-item label {
  color: #fff;
  margin-bottom: 5px;
}
.contact-webform__form .form-item label, .contact-webform__form .form-item input[type=text], .contact-webform__form .form-item input[type=email], .contact-webform__form .form-item textarea {
  width: 100%;
}
.contact-webform__form .form-item textarea {
  resize: none;
  height: 100%;
}
.contact-webform__form .form-item__textfield, .contact-webform__form .form-item__select {
  color: #333;
  height: auto;
  padding: 1em;
}
.contact-webform__message.form-item {
  margin-bottom: 0;
}
.contact-webform__footer {
  color: #fff;
  margin-top: 15px;
  font-size: 16px;
  line-height: 22px;
}
@media only screen and (max-width: 834px) {
  .contact-webform__footer {
    font-size: 14px;
    line-height: 18px;
  }
}
.contact-webform__submit input[type=submit] {
  margin-bottom: 0;
}
@media only screen and (min-width: 1025px) {
  .contact-webform__message {
    height: 100%;
  }
  .contact-webform__column {
    flex-grow: 1;
  }
  .contact-webform__column--left {
    padding-right: 7.5%;
  }
  .contact-webform__column--left .form-item:last-child {
    margin-bottom: 0;
  }
  .contact-webform__column--right {
    padding-left: 7.5%;
  }
  .contact-webform__column--right label + div {
    height: calc(100% - 25px);
  }
}
@media only screen and (max-width: 1024px) {
  .contact-webform__form {
    display: block;
  }
  .contact-webform .form-item textarea {
    height: 250px;
  }
}

.view-team-list__job_type, .view-team-list__field_team_member {
  border: 1px solid #d0d0d0;
  box-shadow: 0 4px 10px rgba(0, 32, 65, 0.25);
  min-width: 300px;
  height: 60px;
  padding: 0 25px;
  background: #fff;
}
@media only screen and (max-width: 414px) {
  .view-team-list__job_type, .view-team-list__field_team_member {
    min-width: 230px;
    height: 55px;
  }
}
.view-team-list__job_type .fieldgroup, .view-team-list__field_team_member .fieldgroup {
  margin: 0;
}
@media only screen and (max-width: 600px) {
  .view-team-list__job_type {
    width: 75%;
    min-width: 0;
    height: auto;
  }
}
.view-team-list__form {
  float: right;
  margin-bottom: 70px;
  display: flex;
  gap: 20px;
}
.view-team-list__form .update-submit {
  height: 100%;
}
.view-team-list__form .filter_dropdown-js legend {
  color: #09315b;
}
.view-team-list__form .filter_dropdown-js .fieldset-wrapper {
  min-width: 300px;
  top: 30px;
  left: -25px;
}
@media only screen and (max-width: 414px) {
  .view-team-list__form .filter_dropdown-js .fieldset-wrapper {
    min-width: 230px;
  }
}

.form-required::after {
  content: " *";
  color: #e20d0d;
}

/*
 * Set the exposed form container to be
 * full width.
 */
.ukho-table--datalist .bef-exposed-form {
  padding: 0;
}
.ukho-table--datalist .bef-exposed-form .gs {
  max-width: 100%;
}

.form-item--radios,
.form-item--radio__item {
  list-style: none;
  margin: 0;
  padding: 0;
}

.form-item__dropdown {
  border: 1px solid #c7c7c7;
  display: block;
  position: relative;
}
.form-item__dropdown::after {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 9px solid #333;
  content: " ";
  position: absolute;
  top: 42%;
  right: 1em;
  z-index: 2;
  /* These hacks make the select behind the arrow clickable in some browsers */
  pointer-events: none;
  display: none;
}
.form-item__dropdown:hover {
  border-color: #000;
}

.form-item__select {
  border: 1px solid #c7c7c7;
  height: 41px;
  font-size: 16px;
  margin: 0;
  outline: none;
  padding: 0.6em 0.8em 0.5em;
  width: 100%;
}
.form-item__select :focus {
  outline: none;
  color: #333;
}

.form-item__select--alt {
  position: relative;
}
.form-item__select--alt:before {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea0b";
}
.form-item__select--alt::before {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%) rotate(-90deg);
  font-size: 17px;
  font-weight: bold;
  z-index: 1;
  color: #09315b;
}
.form-item__select--alt select {
  border: 1px solid #d0d0d0;
  box-shadow: 0 4px 10px rgba(0, 32, 65, 0.25);
  min-width: 300px;
  height: 60px;
  padding: 0 25px;
  background: #fff;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 700;
  color: #09315b;
  appearance: none;
  -webkit-appearance: none;
}
@media only screen and (max-width: 414px) {
  .form-item__select--alt select {
    min-width: 230px;
    height: 55px;
  }
}
.form-item__select--alt select:before {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea0b";
}

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

.demo__links .wrapper {
  display: flex;
  flex-wrap: wrap;
}
.demo__links .wrapper button, .demo__links .wrapper a, .demo__links .wrapper .status-label {
  margin-bottom: 20px;
  margin-right: 30px;
}
.demo__links.gw {
  background: #DCDCDC;
  padding: 50px 0;
}

a:not(.button) {
  color: #09315b;
  text-decoration: none;
}
a:not(.button):focus {
  outline: 3px solid #09315b;
}
.form--dark a:not(.button):focus, .--dark a:not(.button):focus, .OR17 a:not(.button):focus, footer a:not(.button):focus {
  outline: 3px solid #fff;
  outline-offset: 2px;
}
p a:not(.button) {
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 700;
}
a:not(.button).selected, a:not(.button):hover, a:not(.button):active, a:not(.button).hover, a:not(.button):focus {
  box-shadow: none;
  text-decoration: underline;
}
a:not(.button).primary {
  display: inline-flex;
  align-items: center;
  position: relative;
  transition: color 0.25s ease-in-out;
  border: none;
  color: #09315b;
  text-decoration: none;
}
a:not(.button).primary:hover, a:not(.button).primary.hover {
  border: none;
}
a:not(.button).primary.selected, a:not(.button).primary.active, a:not(.button).primary:active, a:not(.button).primary:focus {
  border: none;
}
a:not(.button).primary[class*=icon--]:not(.icon-only)::before {
  order: 9999;
}
a:not(.button).primary[class*=icon--]:not(.icon-only)::before {
  margin-left: 15px;
}
a:not(.button).primary.selected, a:not(.button).primary.active, a:not(.button).primary:hover, a:not(.button).primary:active, a:not(.button).primary.hover, a:not(.button).primary:focus {
  color: #04182d;
}
a:not(.button).primary.light {
  color: #fff;
}
a:not(.button).primary.light.selected, a:not(.button).primary.light.active, a:not(.button).primary.light:hover, a:not(.button).primary.light:active, a:not(.button).primary.light.hover, a:not(.button).primary.light:focus {
  color: #e6e6e6;
}
a:not(.button).primary[disabled], a:not(.button).primary.disabled {
  color: #333;
}
a:not(.button).primary.bold {
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 700;
}
a:not(.button).primary.highlight {
  color: #65c4db;
}
a:not(.button).primary.highlight.selected, a:not(.button).primary.highlight.active, a:not(.button).primary.highlight:hover, a:not(.button).primary.highlight:active, a:not(.button).primary.highlight.hover, a:not(.button).primary.highlight:focus {
  color: #3cb4d1;
}

[class*=demo__] ol, .layout-container ol {
  padding-left: 17px;
}
[class*=demo__] ul:not(.unstyled), .layout-container ul:not(.unstyled) {
  list-style: none;
  padding: 0;
}
[class*=demo__] ul:not(.unstyled) li, .layout-container ul:not(.unstyled) li {
  display: flex;
  align-items: baseline;
  line-height: inherit;
}
[class*=demo__] ul:not(.unstyled) li:before, .layout-container ul:not(.unstyled) li:before {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea0c";
}
[class*=demo__] ul:not(.unstyled) li::before, .layout-container ul:not(.unstyled) li::before {
  font-size: 10px;
  margin-right: 13px;
}
[class*=demo__] ul:not(.unstyled) li + li, .layout-container ul:not(.unstyled) li + li {
  margin-top: 10px;
}

.multiselect {
  border: 1px solid #d0d0d0;
  box-shadow: 0 4px 10px rgba(0, 32, 65, 0.25);
  min-width: 300px;
  height: 60px;
  padding: 0 25px;
  background: #fff;
}
@media only screen and (max-width: 414px) {
  .multiselect {
    min-width: 230px;
    height: 55px;
  }
}
@media only screen and (min-width: 601px) {
  .multiselect {
    min-width: 300px;
  }
}
@media only screen and (max-width: 600px) {
  .multiselect {
    min-width: 0;
    width: 100%;
    max-height: 50px;
  }
}
.multiselect .fieldset-wrapper {
  top: 30px;
}

.pager {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 35px;
}
@media only screen and (max-width: 834px) {
  .pager {
    margin-top: 25px;
  }
}
.pager__items {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 414px) {
  .pager__items {
    width: 100%;
    justify-content: space-between;
  }
}
.pager__item {
  display: flex;
}
.pager__item a {
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 700;
  font-size: 19px;
  line-height: 35px;
}
@media only screen and (max-width: 414px) {
  .pager__item a {
    font-size: 14px;
  }
}
.pager__item a::before {
  margin-right: 15px;
  font-size: 10px;
}
.pager__item a::after {
  margin-left: 15px;
  font-size: 10px;
}
.pager__item--number:not(:first-child), .pager__item--number:not(:last-child) {
  margin: 0 8px;
}
.pager__item--number.is-active {
  border-bottom: 2px solid #09315b;
}
.pager__item--first a:before {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea07";
}
.pager__item--first a::before {
  font-size: 12px;
}
.pager__item--previous a:before {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea04";
}
.pager__item--next a:after {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea06";
}
.pager__item--last a:after {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea08";
}
.pager__item--last a::after {
  font-size: 12px;
}
@media only screen and (min-width: 415px) {
  .pager__item--first, .pager__item--next {
    margin-right: 30px;
  }
  .pager__item--previous {
    margin-right: 65px;
  }
}
@media only screen and (min-width: 835px) {
  .pager__item--first, .pager__item--next {
    margin-right: 40px;
  }
  .pager__item--previous {
    margin-right: 100px;
  }
}

/* README!
* This file has been imported to have control over the default breakpoints used by the Drupal module https://www.drupal.org/project/responsive_tables_filter
* Some styles may appear different when visualised in Storybook compared to Drupal due to the injection of tablesaw-base.css
*/
/*! Tablesaw - v3.1.2 - 2019-03-19
* https://github.com/filamentgroup/tablesaw
* Copyright (c) 2019 Filament Group; Licensed MIT */
/*! Tablesaw - v3.1.2 - 2019-03-19
* https://github.com/filamentgroup/tablesaw
* Copyright (c) 2019 Filament Group; Licensed MIT */
.tablesaw {
  width: 100%;
  max-width: 100%;
  empty-cells: show;
  border-collapse: collapse;
  border: 0;
  padding: 0;
}

.tablesaw * {
  box-sizing: border-box;
}

.tablesaw-stack td .tablesaw-cell-label,
.tablesaw-stack th .tablesaw-cell-label {
  display: none;
}

/* Mobile first styles: Begin with the stacked presentation at narrow widths */
/* Support note IE9+: @media only all */
@media only all {
  /* Show the table cells as a block level element */
  .tablesaw-stack {
    clear: both;
  }
  .tablesaw-stack td,
  .tablesaw-stack th {
    text-align: left;
    display: block;
  }
  .tablesaw-stack tr {
    clear: both;
    display: table-row;
  }
  /* Make the label elements a percentage width */
  .tablesaw-stack td .tablesaw-cell-label,
  .tablesaw-stack th .tablesaw-cell-label {
    display: inline-block;
    padding: 0 0.6em 0 0;
    width: 30%;
  }
  /* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */
  .tablesaw-stack th .tablesaw-cell-label-top,
  .tablesaw-stack td .tablesaw-cell-label-top {
    display: block;
    padding: 0.4em 0;
    margin: 0.4em 0;
  }
  .tablesaw-cell-label {
    display: block;
  }
  /* Avoid double strokes when stacked */
  .tablesaw-stack tbody th.group {
    margin-top: -1px;
  }
  /* Avoid double strokes when stacked */
  .tablesaw-stack th.group b.tablesaw-cell-label {
    display: none !important;
  }
}
/**
 * This files contains the code for the job list table.
 * It's an old table that doesn't reflect the logic of the project
 * and contains a mix of custom code and responsive-table module code.
 *
 * TODO: Rebuild the table following the UKHO theme approach.
 */
@media (max-width: 1440.9375px) {
  .block__views-job-list {
    /* Table rows have a gray bottom stroke by default */
  }
  .block__views-job-list .tablesaw-stack tbody tr {
    display: block;
    width: 100%;
    border-bottom: 1px solid #dfdfdf;
  }
  .block__views-job-list .tablesaw-stack thead td,
  .block__views-job-list .tablesaw-stack thead th {
    display: none;
  }
  .block__views-job-list .tablesaw-stack tbody td,
  .block__views-job-list .tablesaw-stack tbody th {
    display: block;
    float: left;
    clear: left;
    width: 100%;
  }
  .block__views-job-list .tablesaw-cell-label {
    vertical-align: top;
  }
  .block__views-job-list .tablesaw-cell-content {
    max-width: 67%;
    display: inline-block;
  }
  .block__views-job-list .tablesaw-stack td:empty,
  .block__views-job-list .tablesaw-stack th:empty {
    display: none;
  }
}
@media (min-width: 1441px) {
  .block__views-job-list {
    /* Show the table header rows */
    /* Hide the labels in each cell */
  }
  .block__views-job-list .tablesaw-stack tr {
    display: table-row;
  }
  .block__views-job-list .tablesaw-stack td,
  .block__views-job-list .tablesaw-stack th,
  .block__views-job-list .tablesaw-stack thead td,
  .block__views-job-list .tablesaw-stack thead th {
    display: table-cell;
    margin: 0;
  }
  .block__views-job-list .tablesaw-stack td .tablesaw-cell-label,
  .block__views-job-list .tablesaw-stack th .tablesaw-cell-label {
    display: none !important;
  }
}
.block__views-job-list .tablesaw th, .block__views-job-list .tablesaw td {
  padding: 8px 0;
  padding-left: 25px;
  padding-right: 25px;
}
@media only screen and (max-width: 1440px) {
  .block__views-job-list .tablesaw th, .block__views-job-list .tablesaw td {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (max-width: 414px) {
  .block__views-job-list .tablesaw th, .block__views-job-list .tablesaw td {
    padding-left: 0;
    padding-right: 0;
  }
}
.block__views-job-list .tablesaw th {
  padding-bottom: 25px;
}
.block__views-job-list .tablesaw-cell-content {
  max-width: 100%;
}
.block__views-job-list td.views-field-title {
  font-size: 24px;
  line-height: 31px;
  color: #09315B;
  font-weight: bold;
}
@media only screen and (max-width: 1280px) {
  .block__views-job-list td.views-field-title {
    font-size: 34px;
    line-height: 42px;
  }
}
@media only screen and (max-width: 834px) {
  .block__views-job-list td.views-field-title {
    font-size: 32px;
    line-height: 38px;
  }
}
@media only screen and (max-width: 600px) {
  .block__views-job-list td.views-field-title {
    font-size: 24px;
  }
}
.block__views-job-list .views-field-title .tablesaw-cell-label, .block__views-job-list .views-field-title .stacked-label, .block__views-job-list .views-field-body .tablesaw-cell-label, .block__views-job-list .views-field-body .stacked-label, .block__views-job-list .views-field-field-link .tablesaw-cell-label, .block__views-job-list .views-field-field-link .stacked-label {
  display: none;
}
@media only screen and (max-width: 1280px) {
  .block__views-job-list .views-field-field-salary-1, .block__views-job-list .views-field-field-end-date-1 {
    margin-right: 60px;
  }
}
@media only screen and (max-width: 600px) {
  .block__views-job-list .views-field-field-salary-1, .block__views-job-list .views-field-field-end-date-1 {
    margin-right: 0;
  }
}
.block__views-job-list .views-field-field-salary-1 .tablesaw-cell-label, .block__views-job-list .views-field-field-salary-1 .stacked-label, .block__views-job-list .views-field-field-end-date-1 .tablesaw-cell-label, .block__views-job-list .views-field-field-end-date-1 .stacked-label {
  font-size: 16px;
  line-height: 26px;
  display: none;
}
@media only screen and (max-width: 1440px) {
  .block__views-job-list .views-field-field-salary-1 .tablesaw-cell-label, .block__views-job-list .views-field-field-salary-1 .stacked-label, .block__views-job-list .views-field-field-end-date-1 .tablesaw-cell-label, .block__views-job-list .views-field-field-end-date-1 .stacked-label {
    display: block !important;
  }
}
.block__views-job-list .views-field-field-salary-1 .stacked-label, .block__views-job-list .views-field-field-end-date-1 .stacked-label {
  color: #09315b;
  font-size: 16px;
  line-height: 22px;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 700;
  letter-spacing: 1.1px;
  text-transform: uppercase;
}
@media only screen and (max-width: 834px) {
  .block__views-job-list .views-field-field-salary-1 .stacked-label, .block__views-job-list .views-field-field-end-date-1 .stacked-label {
    font-size: 14px;
    line-height: 18px;
  }
}
@media only screen and (max-width: 834px) {
  .block__views-job-list .views-field-field-salary-1 .stacked-label, .block__views-job-list .views-field-field-end-date-1 .stacked-label {
    letter-spacing: 0.8px;
  }
}
.block__views-job-list .views-field-field-link .tablesaw-cell-content {
  float: right;
}
@media only screen and (max-width: 1440px) {
  .block__views-job-list .views-field-body {
    order: 2;
  }
}
.block__views-job-list .views-field-body p:first-of-type {
  margin-top: 0;
}
@media only screen and (max-width: 1440px) {
  .block__views-job-list .tablesaw .views-field-title {
    padding-top: 40px;
    padding-bottom: 20px;
  }
  .block__views-job-list .tablesaw .views-field-field-link {
    display: flex;
    order: 5;
    justify-content: flex-end;
    padding-bottom: 40px;
  }
  .block__views-job-list .tablesaw tbody .views-field-field-salary-1, .block__views-job-list .tablesaw tbody .views-field-field-end-date-1 {
    width: auto;
    display: inline-block;
    float: none;
    vertical-align: top;
    padding-right: 40px;
  }
  .block__views-job-list .tablesaw tbody .views-field-field-salary-1 .tablesaw-cell-label, .block__views-job-list .tablesaw tbody .views-field-field-end-date-1 .tablesaw-cell-label {
    width: 100%;
  }
  .block__views-job-list .tablesaw tbody .views-field-field-salary-1 div, .block__views-job-list .tablesaw tbody .views-field-field-end-date-1 div {
    display: inline;
  }
  .block__views-job-list .tablesaw-stack tbody tr {
    display: flex;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 1441px) {
  .block__views-job-list .tablesaw td {
    padding: 40px 0;
    padding-left: 25px;
    padding-right: 25px;
    vertical-align: top;
  }
}
@media only screen and (min-width: 1441px) and (max-width: 1440px) {
  .block__views-job-list .tablesaw td {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 1441px) and (max-width: 414px) {
  .block__views-job-list .tablesaw td {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 1441px) {
  .block__views-job-list .tablesaw-cell-content {
    display: block;
  }
  .block__views-job-list .views-field-title {
    width: 17%;
  }
  .block__views-job-list .views-field-title .tablesaw-cell-content {
    max-width: 85%;
  }
  .block__views-job-list .views-field-body {
    width: 42%;
  }
  .block__views-job-list .views-field-body .tablesaw-cell-content {
    max-width: 85%;
  }
  .block__views-job-list .views-field-field-salary-1 {
    width: 15%;
  }
  .block__views-job-list .views-field-field-end-date-1 {
    width: 15%;
  }
}

table thead,
.ukho-table thead {
  border-bottom: 1px solid #09315b;
}
table thead th,
.ukho-table thead th {
  color: #09315b;
  text-transform: uppercase;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 700;
  letter-spacing: 0.8px;
}
table tbody tr,
.ukho-table tbody tr {
  border-bottom: 1px solid #d0d0d0;
}
table tbody tr .tablesaw-cell-label,
.ukho-table tbody tr .tablesaw-cell-label {
  color: #09315b;
  font-weight: bold;
  text-transform: uppercase;
}
table tbody tr:nth-child(odd),
.ukho-table tbody tr:nth-child(odd) {
  background-color: #fff;
}
table tbody tr:nth-child(even),
.ukho-table tbody tr:nth-child(even) {
  background-color: #F8F8F8;
}

.ukho-table__header-value {
  display: none;
}
@media only screen and (max-width: 600px) {
  .ukho-table__header-value, .ukho-table__header-value a {
    display: block;
    color: #09315b;
    width: auto;
    font-size: 12px;
    font-size: 14px;
    line-height: 18px;
    font-family: JohnstonITCProMedium, sans-serif;
    font-weight: 700;
    letter-spacing: 1.1px;
    text-transform: uppercase;
  }
}
@media only screen and (max-width: 600px) and (max-width: 834px) {
  .ukho-table__header-value, .ukho-table__header-value a {
    font-size: 12px;
    line-height: 14px;
  }
}
@media only screen and (max-width: 600px) and (max-width: 834px) {
  .ukho-table__header-value, .ukho-table__header-value a {
    letter-spacing: 0.6px;
  }
}
.ukho-table--simple table {
  border-collapse: collapse;
}
.ukho-table--simple thead tr th {
  z-index: 1;
  background-color: #fff;
  padding: 20px 0 20px 20px;
  text-align: left;
  color: #09315b;
  width: 20%;
  min-width: 200px;
  vertical-align: bottom;
  font-size: 16px;
  line-height: 22px;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 700;
  letter-spacing: 1.1px;
  text-transform: uppercase;
}
@media only screen and (max-width: 834px) {
  .ukho-table--simple thead tr th {
    font-size: 14px;
    line-height: 18px;
  }
}
@media only screen and (max-width: 834px) {
  .ukho-table--simple thead tr th {
    letter-spacing: 0.8px;
  }
}
@media only screen and (max-width: 1280px) {
  .ukho-table--simple thead tr th {
    padding-left: 15px;
  }
}
@media only screen and (max-width: 834px) {
  .ukho-table--simple thead tr th {
    font-size: 13px;
  }
}
@media only screen and (max-width: 600px) {
  .ukho-table--simple thead tr th {
    padding-left: 5px;
  }
}
.ukho-table--simple thead tr th:first-child {
  top: 0;
  z-index: 2;
}
.ukho-table--simple tbody tr:nth-child(odd) {
  background-color: #F8F8F8;
}
.ukho-table--simple tbody tr:nth-child(even) {
  background-color: #fff;
}
.ukho-table--simple tbody tr td {
  padding: 30px 20px;
  width: 20%;
  min-width: 200px;
  vertical-align: top;
}
@media only screen and (max-width: 1280px) {
  .ukho-table--simple tbody tr td {
    padding: 25px 20px 25px 15px;
  }
}
@media only screen and (max-width: 600px) {
  .ukho-table--simple tbody tr td {
    padding: 20px 20px 20px 5px;
  }
}
.ukho-table--simple tbody tr td.title {
  min-width: 250px;
  z-index: 1;
  font-weight: 700;
  background-color: inherit;
  color: #09315b;
}
.ukho-table--simple tbody tr td b:not(.ukho-table__header-value) {
  display: none;
}
@media only screen and (max-width: 600px) {
  .ukho-table--simple tbody tr td b:not(.ukho-table__header-value) {
    display: block;
    font-size: 12px;
  }
}
.ukho-table--simple tbody tr td p {
  margin: 0;
}
.ukho-table--simple tbody tr td a.icon--arrow-right::before {
  font-size: 10px;
}
.ukho-table--simple tbody tr td ul.table-links {
  list-style: none;
  padding: 0;
}
@media only screen and (min-width: 601px) {
  .ukho-table--simple table {
    width: 100%;
    border-spacing: 0;
    text-align: left;
  }
}
.ukho-table--scrollable.scrollable {
  overflow-x: scroll;
}
.ukho-table--scrollable.scrollable table thead tr th, .ukho-table--scrollable.scrollable table tbody tr td {
  min-width: 150px;
}
@media only screen and (min-width: 361px) {
  .ukho-table--scrollable.scrollable table thead tr th:first-child, .ukho-table--scrollable.scrollable table tbody tr td:first-child {
    position: sticky;
    left: 0;
  }
  .ukho-table--scrollable.scrollable table thead tr th:first-child::before, .ukho-table--scrollable.scrollable table tbody tr td:first-child::before {
    display: none;
  }
}
@media only screen and (max-width: 601px) {
  .ukho-table--scrollable.scrollable table thead tr th:first-child, .ukho-table--scrollable.scrollable table tbody tr td:first-child {
    min-width: 150px;
    max-width: 40%;
  }
}
.ukho-table--scrollable.scrollable table thead tr th:first-child::before, .ukho-table--scrollable.scrollable table tbody tr td:first-child::before {
  content: " ";
  position: absolute;
  width: 10px;
  z-index: 2;
  bottom: 0;
  top: 0;
  right: -10px;
  box-shadow: inset 5px 0 10px -4px rgba(0, 0, 0, 0.05);
}
@media only screen and (max-width: 600px) {
  .ukho-table--stack.scrollable {
    overflow-x: hidden;
  }
  .ukho-table--stack.scrollable table thead tr th:first-child, .ukho-table--stack.scrollable table tbody tr td:first-child {
    max-width: none;
  }
  .ukho-table--stack.scrollable table thead tr th > *, .ukho-table--stack.scrollable table tbody tr td > * {
    overflow-wrap: anywhere;
    flex-direction: row;
  }
  .ukho-table--stack table thead {
    display: none;
  }
  .ukho-table--stack table tbody tr {
    background-color: transparent;
    border-bottom: none !important;
  }
  .ukho-table--stack table tbody tr td {
    background-color: #fff;
    border-top: 1px solid #d0d0d0;
    padding: 10px 15px;
  }
  .ukho-table--stack table tbody tr td b {
    display: block;
    color: #09315b;
    font-size: 16px;
    line-height: 22px;
    font-family: JohnstonITCProMedium, sans-serif;
    font-weight: 700;
    letter-spacing: 1.1px;
    text-transform: uppercase;
  }
}
@media only screen and (max-width: 600px) and (max-width: 834px) {
  .ukho-table--stack table tbody tr td b {
    font-size: 14px;
    line-height: 18px;
  }
}
@media only screen and (max-width: 600px) and (max-width: 834px) {
  .ukho-table--stack table tbody tr td b {
    letter-spacing: 0.8px;
  }
}
@media only screen and (max-width: 600px) {
  .ukho-table--stack table tbody tr .title {
    border: 0;
    margin-top: 10px;
    background-color: #F8F8F8;
    font-weight: bold;
    color: #09315b;
    font-size: 16px;
  }
  .ukho-table--stack table tbody tr .title b {
    display: none;
  }
  .ukho-table--stack table tbody tr .title p {
    margin: 0;
    font-family: JohnstonITCProMedium, sans-serif;
    font-weight: 700;
  }
}
@media (max-width: 600.9375px) {
  .ukho-table--stack {
    /* Table rows have a gray bottom stroke by default */
  }
  .ukho-table--stack .tablesaw-stack tbody tr {
    display: block;
    width: 100%;
    border-bottom: 1px solid #dfdfdf;
  }
  .ukho-table--stack .tablesaw-stack thead td,
  .ukho-table--stack .tablesaw-stack thead th {
    display: none;
  }
  .ukho-table--stack .tablesaw-stack tbody td,
  .ukho-table--stack .tablesaw-stack tbody th {
    display: block;
    float: left;
    clear: left;
    width: 100%;
  }
  .ukho-table--stack .tablesaw-cell-label {
    vertical-align: top;
  }
  .ukho-table--stack .tablesaw-cell-content {
    max-width: 67%;
    display: inline-block;
  }
  .ukho-table--stack .tablesaw-stack td:empty,
  .ukho-table--stack .tablesaw-stack th:empty {
    display: none;
  }
}
@media (min-width: 601px) {
  .ukho-table--stack {
    /* Show the table header rows */
    /* Hide the labels in each cell */
  }
  .ukho-table--stack .tablesaw-stack tr {
    display: table-row;
  }
  .ukho-table--stack .tablesaw-stack td,
  .ukho-table--stack .tablesaw-stack th,
  .ukho-table--stack .tablesaw-stack thead td,
  .ukho-table--stack .tablesaw-stack thead th {
    display: table-cell;
    margin: 0;
  }
  .ukho-table--stack .tablesaw-stack td .tablesaw-cell-label,
  .ukho-table--stack .tablesaw-stack th .tablesaw-cell-label {
    display: none !important;
  }
}
.ukho-table--datalist table tbody tr:only-child {
  border-bottom: none;
}
.ukho-table--datalist table tbody tr td:first-child {
  min-width: 250px;
  z-index: 1;
  font-weight: 700;
  background-color: inherit;
  color: #09315b;
}
.ukho-table--datalist table tbody tr td:first-child > a {
  color: #333;
  pointer-events: none;
}
.ukho-table--datalist table tbody tr td.views-empty {
  font-family: JohnstonITCProLight, sans-serif;
  font-weight: 300;
  color: #333;
}
.ukho-table--datalist table tbody tr td.views-empty::before {
  display: none;
}
.ukho-table--datalist table tbody tr td div {
  margin: 0;
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
}
@media only screen and (max-width: 600px) {
  .ukho-table--datalist table tbody tr td div {
    font-size: 16px;
    line-height: 21px;
  }
}
.ukho-table--datalist table tbody tr td ul {
  margin: 0;
}
.ukho-table--datalist table tbody tr td ul li::before {
  margin-top: 8px;
}
.ukho-table--datalist table tbody tr td .ticked:before {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea3a";
}
.ukho-table--datalist table tbody tr td .ticked::before {
  color: #09315b;
  margin-right: 10px;
}
@media only screen and (max-width: 600px) {
  .ukho-table--forum table thead {
    display: none;
  }
}
.ukho-table--forum table thead tr th {
  min-width: 0;
  width: auto;
}
.ukho-table--forum table thead tr th:nth-child(2) {
  text-align: center;
}
.ukho-table--forum table thead tr th:nth-child(3) {
  padding-right: 10px;
  min-width: 130px;
}
@media only screen {
  .ukho-table--forum table tbody tr:nth-child(even) {
    background-color: #fff;
  }
  .ukho-table--forum table tbody tr:nth-child(odd) {
    background-color: #F8F8F8;
  }
}
.ukho-table--forum table tbody tr td {
  width: auto;
}
@media only screen and (max-width: 1920px) {
  .ukho-table--forum table tbody tr td {
    min-width: 200px;
  }
}
@media only screen and (max-width: 1440px) {
  .ukho-table--forum table tbody tr td {
    min-width: 160px;
  }
}
@media only screen and (max-width: 1280px) {
  .ukho-table--forum table tbody tr td {
    min-width: 120px;
  }
}
@media only screen and (max-width: 834px) {
  .ukho-table--forum table tbody tr td {
    min-width: 100px;
  }
}
.ukho-table--forum table tbody tr td :not(h4):not(strong):not(.ukho-table__header-value) a {
  color: #333;
  text-decoration: none;
  font-family: JohnstonITCProLight, sans-serif;
  font-weight: 300;
}
.ukho-table--forum table .tablesort {
  display: none;
}
@media only screen and (max-width: 600px) {
  .ukho-table--forum table .forum__title div:nth-child(2) {
    display: none;
  }
}
.ukho-table--forum table .forum__title div:first-child a {
  display: block;
  color: #09315b;
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
}
@media only screen and (max-width: 600px) {
  .ukho-table--forum table .forum__title div:first-child a {
    font-size: 16px;
    line-height: 21px;
  }
}
.ukho-table--forum table .forum__topic {
  width: 100%;
}
@media only screen and (max-width: 600px) {
  .ukho-table--forum table .forum__topic {
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 601px) {
  .ukho-table--forum table .forum__topic {
    min-width: 250px;
  }
}
.ukho-table--forum table .forum__topic p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 6px;
  width: 400px;
}
@media only screen and (max-width: 1920px) {
  .ukho-table--forum table .forum__topic p {
    width: 400px;
  }
}
@media only screen and (max-width: 1680px) {
  .ukho-table--forum table .forum__topic p {
    width: 340px;
  }
}
@media only screen and (max-width: 1440px) {
  .ukho-table--forum table .forum__topic p {
    width: 240px;
  }
}
@media only screen and (max-width: 1280px) {
  .ukho-table--forum table .forum__topic p {
    width: 160px;
  }
}
@media only screen and (max-width: 834px) {
  .ukho-table--forum table .forum__topic p {
    display: none;
  }
}
.ukho-table--forum table .forum__topic .ukho-table__header-value {
  display: none;
}
@media only screen and (max-width: 600px) {
  .ukho-table--forum table .forum__replies {
    padding-right: 10px;
  }
}
@media only screen and (min-width: 601px) {
  .ukho-table--forum table .forum__replies {
    text-align: center;
  }
}
@media only screen and (max-width: 1920px) {
  .ukho-table--forum table .forum__replies {
    min-width: 140px;
  }
}
@media only screen and (max-width: 1440px) {
  .ukho-table--forum table .forum__replies {
    min-width: 140px;
  }
}
@media only screen and (max-width: 1280px) {
  .ukho-table--forum table .forum__replies {
    min-width: 140px;
  }
}
@media only screen and (max-width: 834px) {
  .ukho-table--forum table .forum__replies {
    min-width: 100px;
  }
}
@media only screen and (max-width: 600px) {
  .ukho-table--forum tbody tr {
    border-bottom: 1px solid #d0d0d0;
    display: flex;
    flex-wrap: wrap;
  }
  .ukho-table--forum tbody tr td {
    padding: 15px;
    display: inline-flex;
    flex-direction: column;
    width: auto;
    min-width: 0;
    float: none;
  }
}

.tag {
  color: #fff;
  padding: 6px 14px;
  background: #09315b;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  line-height: 1;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 500;
}
.tag[class*=icon--]::before, .tag[class*=icon--]::after {
  font-size: 8px;
  line-height: 1;
}
.tag[class*=icon--]::before {
  margin-right: 10px;
}
.tag[class*=icon--]::after {
  margin-left: 10px;
}
.tag--clickable {
  cursor: pointer;
  transition: background-color 250ms ease-in-out;
}
.tag--clickable:hover, .tag--clickable:focus {
  background: #051d36;
}
.tag--clickable[class*=icon--]::before, .tag--clickable[class*=icon--]::after {
  transition: transform 250ms ease-in-out;
}
.tag--clickable[class*=icon--]:hover::before, .tag--clickable[class*=icon--]:hover::after, .tag--clickable[class*=icon--]:focus::before, .tag--clickable[class*=icon--]:focus::after {
  transform: scale(1.2);
}

.tags-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: -5px;
}
.tags-wrapper > * {
  margin: 5px;
}

p:first-child {
  margin-top: 0;
}
p:last-child {
  margin-bottom: 0;
}

strong, b {
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 500;
}

h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 {
  margin: 0;
  padding: 0;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 500;
}

.h1, h1 {
  font-size: calc(60px + (70 - 60) * (100vw - 1681px) / (1920 - 1681));
  line-height: calc(66px + (78 - 66) * (100vw - 1681px) / (1920 - 1681));
}
@media only screen and (min-width: 1920px) {
  .h1, h1 {
    font-size: 70px;
    line-height: 78px;
  }
}
@media only screen and (max-width: 1680px) {
  .h1, h1 {
    font-size: calc(58px + (60 - 58) * (100vw - 1441px) / (1680 - 1441));
    line-height: calc(64px + (66 - 64) * (100vw - 1441px) / (1680 - 1441));
  }
}
@media only screen and (max-width: 1440px) {
  .h1, h1 {
    font-size: calc(52px + (58 - 52) * (100vw - 1281px) / (1440 - 1281));
    line-height: calc(57px + (64 - 57) * (100vw - 1281px) / (1440 - 1281));
  }
}
@media only screen and (max-width: 1280px) {
  .h1, h1 {
    font-size: calc(50px + (52 - 50) * (100vw - 835px) / (1280 - 835));
    line-height: calc(55px + (57 - 55) * (100vw - 835px) / (1280 - 835));
  }
}
@media only screen and (max-width: 834px) {
  .h1, h1 {
    font-size: calc(38px + (50 - 38) * (100vw - 415px) / (834 - 415));
    line-height: calc(42px + (55 - 42) * (100vw - 415px) / (834 - 415));
  }
}
@media only screen and (max-width: 414px) {
  .h1, h1 {
    font-size: 38px;
    line-height: 42px;
  }
}

.h2, h2 {
  font-size: calc(42px + (46 - 42) * (100vw - 1681px) / (1920 - 1681));
  line-height: calc(50px + (55 - 50) * (100vw - 1681px) / (1920 - 1681));
}
@media only screen and (min-width: 1920px) {
  .h2, h2 {
    font-size: 46px;
    line-height: 55px;
  }
}
@media only screen and (max-width: 1680px) {
  .h2, h2 {
    font-size: calc(40px + (42 - 40) * (100vw - 1441px) / (1680 - 1441));
    line-height: calc(48px + (50 - 48) * (100vw - 1441px) / (1680 - 1441));
  }
}
@media only screen and (max-width: 1440px) {
  .h2, h2 {
    font-size: calc(38px + (40 - 38) * (100vw - 1281px) / (1440 - 1281));
    line-height: calc(46px + (48 - 46) * (100vw - 1281px) / (1440 - 1281));
  }
}
@media only screen and (max-width: 1280px) {
  .h2, h2 {
    font-size: calc(36px + (38 - 36) * (100vw - 835px) / (1280 - 835));
    line-height: calc(43px + (46 - 43) * (100vw - 835px) / (1280 - 835));
  }
}
@media only screen and (max-width: 834px) {
  .h2, h2 {
    font-size: calc(32px + (36 - 32) * (100vw - 415px) / (834 - 415));
    line-height: calc(38px + (43 - 38) * (100vw - 415px) / (834 - 415));
  }
}
@media only screen and (max-width: 414px) {
  .h2, h2 {
    font-size: 32px;
    line-height: 38px;
  }
}

.h3, h3 {
  font-size: calc(38px + (40 - 38) * (100vw - 1681px) / (1920 - 1681));
  line-height: calc(47px + (50 - 47) * (100vw - 1681px) / (1920 - 1681));
}
@media only screen and (min-width: 1920px) {
  .h3, h3 {
    font-size: 40px;
    line-height: 50px;
  }
}
@media only screen and (max-width: 1680px) {
  .h3, h3 {
    font-size: calc(36px + (38 - 36) * (100vw - 1441px) / (1680 - 1441));
    line-height: calc(45px + (47 - 45) * (100vw - 1441px) / (1680 - 1441));
  }
}
@media only screen and (max-width: 1440px) {
  .h3, h3 {
    font-size: calc(34px + (36 - 34) * (100vw - 1281px) / (1440 - 1281));
    line-height: calc(42px + (45 - 42) * (100vw - 1281px) / (1440 - 1281));
  }
}
@media only screen and (max-width: 1280px) {
  .h3, h3 {
    font-size: calc(32px + (34 - 32) * (100vw - 835px) / (1280 - 835));
    line-height: calc(40px + (42 - 40) * (100vw - 835px) / (1280 - 835));
  }
}
@media only screen and (max-width: 834px) {
  .h3, h3 {
    font-size: calc(28px + (32 - 28) * (100vw - 415px) / (834 - 415));
    line-height: calc(35px + (40 - 35) * (100vw - 415px) / (834 - 415));
  }
}
@media only screen and (max-width: 414px) {
  .h3, h3 {
    font-size: 28px;
    line-height: 35px;
  }
}

.h4, h4 {
  font-size: calc(28px + (31 - 28) * (100vw - 1681px) / (1920 - 1681));
  line-height: calc(36px + (40 - 36) * (100vw - 1681px) / (1920 - 1681));
}
@media only screen and (min-width: 1920px) {
  .h4, h4 {
    font-size: 31px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 1680px) {
  .h4, h4 {
    font-size: calc(26px + (28 - 26) * (100vw - 1441px) / (1680 - 1441));
    line-height: calc(34px + (36 - 34) * (100vw - 1441px) / (1680 - 1441));
  }
}
@media only screen and (max-width: 1440px) {
  .h4, h4 {
    font-size: calc(24px + (26 - 24) * (100vw - 1281px) / (1440 - 1281));
    line-height: calc(31px + (34 - 31) * (100vw - 1281px) / (1440 - 1281));
  }
}
@media only screen and (max-width: 1280px) {
  .h4, h4 {
    font-size: 24px;
    line-height: 31px;
  }
}
@media only screen and (max-width: 834px) {
  .h4, h4 {
    font-size: calc(22px + (24 - 22) * (100vw - 415px) / (834 - 415));
    line-height: 31px;
  }
}
@media only screen and (max-width: 414px) {
  .h4, h4 {
    font-size: 22px;
    line-height: 25px;
  }
}

.h5, h5 {
  font-size: 24px;
  line-height: 31px;
}
@media only screen and (min-width: 1920px) {
  .h5, h5 {
    font-size: 24px;
    line-height: 31px;
  }
}
@media only screen and (max-width: 1680px) {
  .h5, h5 {
    font-size: calc(22px + (24 - 22) * (100vw - 1441px) / (1680 - 1441));
    line-height: calc(28px + (31 - 28) * (100vw - 1441px) / (1680 - 1441));
  }
}
@media only screen and (max-width: 1440px) {
  .h5, h5 {
    font-size: 22px;
    line-height: calc(29px + (28 - 29) * (100vw - 1281px) / (1440 - 1281));
  }
}
@media only screen and (max-width: 1280px) {
  .h5, h5 {
    font-size: calc(20px + (22 - 20) * (100vw - 835px) / (1280 - 835));
    line-height: calc(26px + (29 - 26) * (100vw - 835px) / (1280 - 835));
  }
}
@media only screen and (max-width: 834px) {
  .h5, h5 {
    font-size: 20px;
    line-height: calc(26px + (25 - 26) * (100vw - 415px) / (834 - 415));
  }
}
@media only screen and (max-width: 414px) {
  .h5, h5 {
    font-size: 20px;
    line-height: 26px;
  }
}

.heading__label {
  font-size: 16px;
  line-height: 22px;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 700;
  letter-spacing: 1.1px;
  text-transform: uppercase;
}
@media only screen and (max-width: 834px) {
  .heading__label {
    font-size: 14px;
    line-height: 18px;
  }
}
@media only screen and (max-width: 834px) {
  .heading__label {
    letter-spacing: 0.8px;
  }
}

.scroll-indicator {
  display: flex;
  flex-direction: column;
  margin-left: -4px;
}
.scroll-indicator__label {
  width: 16px;
  font-size: 16px;
  line-height: 16px;
  text-transform: uppercase;
  letter-spacing: 0.2px;
  color: #fff;
  -ms-writing-mode: tb-lr;
      writing-mode: vertical-lr;
  transform: scale(-1, -1);
  margin-bottom: 18px;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 700;
}
@media only screen and (max-width: 600px) {
  .scroll-indicator__label {
    font-size: 14px;
  }
}
.scroll-indicator__bar {
  width: 5px;
  height: 115px;
  margin: 0 auto;
  overflow: hidden;
  background: linear-gradient(to bottom, #65c4db 50%, rgba(255, 255, 255, 0) 50%);
  background-position: 0 -115px;
  background-size: 100% 200%;
  animation: scroll-animation 1.7s linear forwards infinite;
}
@media only screen and (max-width: 1920px) {
  .scroll-indicator__bar {
    height: 96px;
    background-position: 0 -96px;
  }
}
@media only screen and (max-width: 834px) {
  .scroll-indicator__bar {
    height: 86px;
    background-position: 0 -86px;
  }
}
@media only screen and (max-width: 414px) {
  .scroll-indicator__bar {
    height: 94px;
    background-position: 0 -94px;
  }
}

@keyframes scroll-animation {
  0% {
    background-position: 0 -115px;
  }
  100% {
    background-position: 0 115px;
  }
}
@media only screen and (max-width: 1920px) {
  @keyframes scroll-animation {
    0% {
      background-position: 0 -96px;
    }
    100% {
      background-position: 0 96px;
    }
  }
}
@media only screen and (max-width: 834px) {
  @keyframes scroll-animation {
    0% {
      background-position: 0 -86px;
    }
    100% {
      background-position: 0 86px;
    }
  }
}
@media only screen and (max-width: 414px) {
  @keyframes scroll-animation {
    0% {
      background-position: 0 -94px;
    }
    100% {
      background-position: 0 94px;
    }
  }
}
input[type=search]::-webkit-search-decoration:hover,
input[type=search]::-webkit-search-cancel-button:hover {
  cursor: pointer;
}

.MO1 {
  display: flex;
}
.MO1__content {
  max-width: 850px;
}
.MO1__content__footer {
  margin-top: 15px;
}
.MO1__image {
  max-width: 95px;
  margin-right: 30px;
  margin-top: 6px;
}
@media only screen and (max-width: 1440px) {
  .MO1__image {
    max-width: 80px;
  }
}
.MO1__image img {
  width: 100%;
}
@media only screen and (max-width: 834px) {
  .MO1__image {
    display: none;
  }
}
@media only screen and (max-width: 834px) {
  .MO1 .MO1__content__footer {
    margin-top: 25px;
  }
}

.MO1--header {
  color: #fff;
}
.MO1--header .MO1__content {
  max-width: 750px;
}
.MO1--header .MO1__content__copy {
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
}
@media only screen and (max-width: 834px) {
  .MO1--header .MO1__content__copy {
    font-size: 16px;
    line-height: 22px;
  }
}
.MO1--header .MO1__content__cta {
  margin-top: 15px;
}
@media only screen and (max-width: 834px) {
  .MO1--header .MO1__content__cta {
    margin-top: 25px;
  }
}

.MO10 {
  color: #fff;
  display: flex;
  flex-direction: column;
  background-color: #1a7e97;
  padding: 35px 45px 40px;
  min-height: 476px;
}
.MO10 a {
  color: inherit;
}
@media only screen and (max-width: 1920px) {
  .MO10 {
    padding: 25px 35px 30px;
  }
}
@media only screen and (max-width: 1440px) {
  .MO10 {
    padding: 20px 30px 25px;
  }
}
@media only screen and (max-width: 1920px) {
  .MO10 {
    min-height: 416px;
  }
}
@media only screen and (max-width: 1680px) {
  .MO10 {
    min-height: 368px;
  }
}
@media only screen and (max-width: 1440px) {
  .MO10 {
    min-height: 339px;
  }
}
@media only screen and (max-width: 414px) {
  .MO10 {
    min-height: 307px;
  }
}
.MO10--light {
  color: #09315b;
  background-color: #65c4db;
}
.MO10--light .MO10__cta a {
  color: #09315b !important;
}
.MO10--dark {
  background-color: #09315b;
}
.MO10__header {
  display: flex;
  align-items: center;
}
.MO10__icon {
  font-size: 46px;
  margin-right: 8px;
  vertical-align: middle;
}
@media only screen and (max-width: 600px) {
  .MO10__icon {
    font-size: 40px;
  }
}
.MO10__copy {
  flex-grow: 1;
  margin: 20px 0 25px;
}
@media only screen and (max-width: 1920px) {
  .MO10__copy {
    margin: 15px 0 25px;
  }
}
@media only screen and (max-width: 1440px) {
  .MO10__copy {
    margin: 10px 0 20px;
  }
}
.MO10__cta {
  overflow-wrap: anywhere;
  word-break: break-word;
  text-align: right;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 700;
}

.MO11 {
  box-shadow: 0 10px 30px rgba(112, 112, 112, 0.53);
  background-color: #09315b;
  padding: 55px 80px 45px;
  color: #fff;
  display: flex;
}
.MO11 picture {
  flex-shrink: 0;
}
.MO11__image {
  height: 150px;
  width: 150px;
  border-radius: 50%;
  margin-right: 70px;
}
@media only screen and (max-width: 1920px) {
  .MO11__image {
    margin-right: 45px;
  }
}
@media only screen and (max-width: 1440px) {
  .MO11__image {
    margin-right: 40px;
  }
}
@media only screen and (max-width: 834px) {
  .MO11__image {
    margin-right: 30px;
  }
}
.MO11__content__copy {
  margin: 20px 0 30px;
}
@media only screen and (max-width: 1920px) {
  .MO11__content__copy {
    margin-top: 15px;
  }
}
.MO11__content__job {
  margin-top: 8px;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
}
@media only screen and (max-width: 1680px) {
  .MO11__content__job {
    margin-top: 3px;
  }
}
@media only screen and (max-width: 414px) {
  .MO11__content__job {
    margin-top: 5px;
  }
}
@media only screen and (max-width: 414px) {
  .MO11__content__job {
    font-size: 16px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 1920px) {
  .MO11 {
    padding: 40px 60px 45px;
  }
}
@media only screen and (max-width: 1680px) {
  .MO11 {
    padding: 40px 45px 35px;
  }
}
@media only screen and (max-width: 834px) {
  .MO11__image {
    width: 109px;
    height: 109px;
  }
}
@media only screen and (max-width: 600px) {
  .MO11 {
    display: block;
    padding: 25px 25px 30px;
  }
  .MO11__image {
    width: 70px;
    height: 70px;
    margin-right: 0;
    margin-bottom: 30px;
  }
  .MO11__content__cta {
    display: flex;
    justify-content: flex-end;
  }
}

.MO12 {
  width: 100%;
  padding-top: 56%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.MO13 {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media only screen and (max-width: 1679px) {
  .MO13 {
    gap: 24px;
  }
}
@media only screen and (max-width: 833px) {
  .MO13 {
    gap: 16px;
  }
}
.MO13__content__eyebrow {
  opacity: 0.65;
  margin-bottom: 16px;
}
@media only screen and (max-width: 1280px) {
  .MO13__content__eyebrow {
    margin-bottom: 8px;
  }
}
.MO13__content__title {
  color: #09315b;
  margin-bottom: 16px;
}
@media only screen and (max-width: 1280px) {
  .MO13__content__title {
    margin-bottom: 12px;
  }
}
.MO13__link-container {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.MO13__link-container .button.primary.text:first-child {
  padding-top: 0;
}
@media only screen and (max-width: 600px) {
  .MO13__link-container {
    gap: 24px;
  }
}
.MO13__link-container .MO13__link {
  justify-content: flex-start;
}
.MO13__link-container .MO13__link::before {
  aspect-ratio: 1;
}
.MO13__link-container .MO13__link.text::before {
  position: static;
  transform: none;
  margin-left: 20px;
}
.MO13 img,
.MO13 figcaption,
.MO13 .media--type-remote-video {
  margin: 5px 20px;
}
@media only screen and (max-width: 834px) {
  .MO13 img,
  .MO13 figcaption,
  .MO13 .media--type-remote-video {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
.MO13 figure {
  margin-block: 0;
  margin-inline: 0;
}
.MO13 article:has(div > img) {
  max-width: 50%;
  margin-top: 5px;
  margin-bottom: 5px;
}
.MO13 article:has(div > img):not(.align-center) {
  margin: 5px 20px;
}
@media only screen and (max-width: 834px) {
  .MO13 article:has(div > img) {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    max-width: 100%;
  }
}
.MO13 article > div > img {
  margin: 0;
}
.MO13 .MO13__content__copy {
  font-size: 16px;
  line-height: 26px;
}
@media only screen and (max-width: 599px) {
  .MO13 .MO13__content__copy {
    font-size: 14px;
    line-height: 22px;
  }
}

div.blue .MO13__content__title {
  color: #fff;
}
div.blue .MO13__link.button {
  color: #fff;
}
div.blue .MO13__link.button:hover {
  color: #fff;
}

.MO14 {
  overflow: hidden;
}
.MO14__video {
  padding-top: 56.25%;
  position: relative;
}
.MO14__placeholder, .MO14 iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.MO14__placeholder {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 1;
  cursor: pointer;
}
.MO14__play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: none;
  color: #fff;
  border: 10px solid #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 120px;
  width: 120px;
  box-shadow: 0 10px 20px rgba(0, 35, 72, 0.35);
}
.MO14__play-button:before {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea2a";
}
.MO14__play-button::before {
  font-size: 56px;
  margin-left: 3px;
}
@media only screen and (max-width: 1920px) {
  .MO14__play-button {
    height: 110px;
    width: 110px;
    border-width: 9px;
  }
  .MO14__play-button::before {
    font-size: 50px;
  }
}
@media only screen and (max-width: 1680px) {
  .MO14__play-button {
    height: 98px;
    width: 98px;
    border-width: 8px;
  }
  .MO14__play-button::before {
    font-size: 47px;
  }
}
@media only screen and (max-width: 1440px) {
  .MO14__play-button {
    height: 88px;
    width: 88px;
    border-width: 8px;
  }
  .MO14__play-button::before {
    font-size: 40px;
  }
}
@media only screen and (max-width: 834px) {
  .MO14__play-button {
    height: 77px;
    width: 77px;
    border-width: 6px;
  }
  .MO14__play-button::before {
    font-size: 36px;
  }
}
@media only screen and (max-width: 414px) {
  .MO14__play-button {
    height: 49px;
    width: 49px;
    border-width: 4px;
  }
  .MO14__play-button::before {
    font-size: 22px;
  }
}
.MO14 iframe {
  height: 100%;
  width: 100%;
}
.MO14__description {
  background-color: #09315b;
  color: #fff;
  padding: 35px 40px;
}
@media only screen and (max-width: 1680px) {
  .MO14__description {
    padding: 30px 40px;
  }
}
@media only screen and (max-width: 1440px) {
  .MO14__description {
    padding: 30px 35px;
  }
}
@media only screen and (max-width: 834px) {
  .MO14__description {
    padding: 25px;
  }
}
@media only screen and (max-width: 600px) {
  .MO14__description {
    padding: 20px;
  }
}

.MO15 {
  padding-left: 40px;
  border-left: 5px solid #09315b;
}
.MO15__quote {
  margin: 0;
}
.MO15__job, .MO15__name {
  color: #09315b;
}
.MO15__name {
  margin-top: 20px;
}
@media only screen and (max-width: 1440px) {
  .MO15__name {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 834px) {
  .MO15__name {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .MO15__name {
    margin-top: 30px;
  }
}
.MO15__job {
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  margin-top: 3px;
}
@media only screen and (max-width: 600px) {
  .MO15__job {
    font-size: 16px;
    line-height: 18px;
    margin-top: 10px;
  }
}
@media only screen and (min-width: 835px) {
  .MO15 {
    max-width: 70%;
  }
}
@media only screen and (max-width: 414px) {
  .MO15 {
    padding-left: 25px;
  }
}

.MO16 {
  background-color: #fff;
  box-shadow: 8px 8px 45px rgba(35, 53, 82, 0.1);
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
.MO16--open .MO16__tags__container {
  opacity: 1;
  height: 100%;
  width: 100%;
  bottom: 0;
  right: 0;
  visibility: visible;
}
.MO16--open .MO16__tags__close {
  transform: rotate(45deg) translateY(0);
}
.MO16__image {
  padding-top: 67%;
  position: relative;
}
.MO16__image__viewport {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.MO16__content {
  padding: 45px 30px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 1680px) {
  .MO16__content {
    padding: 40px 30px;
  }
}
@media only screen and (max-width: 1440px) {
  .MO16__content {
    padding: 35px 30px;
  }
}
@media only screen and (max-width: 834px) {
  .MO16__content {
    padding: 40px;
  }
}
@media only screen and (max-width: 414px) {
  .MO16__content {
    padding: 30px;
  }
}
.MO16__content__date {
  color: #6a7889;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
}
@media only screen and (max-width: 1680px) {
  .MO16__content__date {
    margin-bottom: 15px;
  }
}
.MO16__content__title {
  color: #09315b;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1680px) {
  .MO16__content__title {
    margin-bottom: 25px;
  }
}
.MO16__content__copy {
  flex-grow: 1;
}
.MO16__content__actions {
  margin-top: 30px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media only screen and (max-width: 1680px) {
  .MO16__content__actions {
    margin-top: 25px;
  }
}
.MO16__tags__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  padding: 18px 30px;
  line-height: 18px;
  background-color: #09315b;
  border: 2px solid transparent;
  transition: background 0.25s ease-in-out, border 0.25s ease-in-out;
  box-shadow: 0 4px 10px rgba(0, 32, 65, 0.25);
  letter-spacing: 0.2px;
  display: inline-flex;
  align-items: center;
  position: relative;
  transition: color 0.25s ease-in-out;
  border: none;
  height: auto;
  min-width: auto;
  min-height: auto;
  padding: 0;
  color: #09315b;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
@media only screen and (max-width: 414px) {
  .MO16__tags__button {
    padding: 13px 30px;
  }
}
.MO16__tags__button:hover, .MO16__tags__button.hover {
  background-color: #fff;
  color: #09315b;
  border: 2px solid;
}
.MO16__tags__button.selected, .MO16__tags__button:active, .MO16__tags__button:focus {
  background-color: #fff;
  color: #09315b;
  outline: 4px solid;
}
.MO16__tags__button[disabled], .MO16__tags__button.disabled {
  background-color: #adadad;
  pointer-events: none;
  color: #fff;
  box-shadow: none;
}
.MO16__tags__button[class*=icon--]:not(.icon-only)::before, .MO16__tags__button:not(.icon-only)::before {
  margin-left: 20px;
  order: 9999;
}
.MO16__tags__button:hover, .MO16__tags__button.hover {
  border: none;
}
.MO16__tags__button.selected, .MO16__tags__button.active, .MO16__tags__button:active, .MO16__tags__button:focus {
  border: none;
}
.MO16__tags__button[class*=icon--]:not(.icon-only)::before {
  order: 9999;
}
.MO16__tags__button:hover, .MO16__tags__button.hover {
  border: none;
  color: #09315b;
  background: transparent;
}
.MO16__tags__button.selected, .MO16__tags__button:active, .MO16__tags__button:focus {
  border: none;
  color: #09315b;
  background: transparent;
}
.MO16__tags__button[disabled], .MO16__tags__button.disabled {
  border: none;
  background-color: transparent;
  color: #adadad;
}
.MO16__tags__button:before {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea2c";
}
@media only screen and (max-width: 414px) {
  .MO16__tags__button {
    padding: 13px 0;
  }
}
.MO16__tags__button::before {
  margin-top: 1px;
}
.MO16__tags__container {
  position: absolute;
  z-index: 1;
  background-color: #09315b;
  bottom: 30px;
  right: 30px;
  color: #fff;
  transition: all 300ms ease-in-out;
  opacity: 0;
  height: 50px;
  width: 50px;
  visibility: hidden;
}
.MO16__tags__container-inner {
  position: relative;
  padding: 30px 30px 55px 30px;
  height: 100%;
}
.MO16__tags__container-inner .h5 {
  margin-bottom: 10px;
}
.MO16__tags__container.visible .MO16__tags__content {
  opacity: 1;
}
.MO16__tags__content {
  display: flex;
  flex-direction: column;
  opacity: 0;
  transition: opacity 300ms ease-in-out;
}
.MO16__tags__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  overflow: auto;
}
.MO16__tags__item {
  padding: 5px 25px 6px;
  background-color: #fff;
  color: #09315b;
  font-weight: bold;
  margin-bottom: 10px;
  margin-right: 10px;
}
.MO16__tags__close {
  cursor: pointer;
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-size: 35px;
  padding: 0;
  line-height: 1;
  color: white;
  display: flex;
  background: transparent;
  border: none;
  transform: rotate(0) translateY(-30px);
  transition: transform 300ms ease-in-out;
}
.MO16__tags__close:before {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea0f";
}
@media only screen and (max-width: 834px) {
  .MO16__content {
    padding: 20px 30px;
  }
  .MO16__content__title {
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 414px) {
  .MO16__content {
    padding: 15px 20px;
  }
}

.MO17 {
  height: 100%;
  padding-bottom: 50px;
}
@media only screen and (max-width: 834px) {
  .MO17 {
    padding-bottom: 40px;
  }
}
.MO17__inner {
  border-bottom: 1px solid #d0d0d0;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  height: 100%;
  padding-bottom: 25px;
}
@media only screen and (max-width: 1440px) {
  .MO17__inner {
    padding-bottom: 38px;
  }
}
@media only screen and (max-width: 600px) {
  .MO17__inner {
    padding-bottom: 27px;
  }
}
.MO17__image {
  border-radius: 50%;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.16);
}
.MO17__image__wrapper {
  position: relative;
  width: 141px;
  margin-bottom: 30px;
}
.MO17__gov_logo {
  color: white;
  position: absolute;
  top: 0;
  right: -15px;
  background-color: #09315b;
  width: 57px;
  height: 57px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 22px;
}
.MO17__contact-container:not(:empty) {
  margin-top: 5px;
}
.MO17__name, .MO17__job, .MO17__company {
  color: #09315b;
}
.MO17__name {
  margin-bottom: 10px;
}
.MO17__company {
  margin: 2px 0 3px;
  font-family: JohnstonITCProLight, sans-serif;
  font-weight: 300;
}
@media only screen and (max-width: 834px) {
  .MO17__company {
    font-family: JohnstonITCProMedium, sans-serif;
    font-weight: 500;
  }
}
.MO17__phone a, .MO17__email a {
  color: #333;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 25px;
}
@media only screen and (max-width: 600px) {
  .MO17__phone a, .MO17__email a {
    font-size: 14px;
    line-height: 22px;
  }
}
.MO17__info {
  margin: 15px 0 25px;
  flex-grow: 1;
}
.MO17__socials a {
  text-decoration: none;
}
.MO17__socials a::before {
  font-size: 26px;
  line-height: 27px;
}
.MO17__socials a + a {
  margin-left: 16px;
}
.MO17__bottom {
  display: flex;
  flex-direction: column;
}
.MO17__content {
  flex: 1 1 auto;
  flex-direction: column;
  display: flex;
}
.MO17__cta {
  margin-top: 12px;
}
@media only screen and (max-width: 834px) {
  .MO17 {
    padding-bottom: 25px;
  }
  .MO17__image__wrapper {
    width: 138px;
  }
  .MO17__gov_logo {
    width: 55px;
    height: 55px;
  }
}

.MO18 {
  color: #09315b;
  background-color: #fff;
  padding: 26px 33px 26px 33px;
  position: relative;
  display: inline-block;
  border-bottom: 4px solid #1a7e97;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.16);
}
.MO18__collapsible {
  max-height: 0;
  height: auto;
  overflow: hidden;
}
.MO18__cta {
  margin-top: 10px;
}
.MO18__close_btn {
  position: absolute;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  cursor: pointer;
  border-radius: 0;
  color: #fff;
  background-color: #09315b;
  top: 0;
  right: 0;
}
.MO18__close_btn:before {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea2c";
}
.MO18__close_btn::before {
  font-size: 14px;
  line-height: 22px;
}
.MO18--open .MO18__close_btn:before {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea1f";
}
.MO18--open .MO18__collapsible {
  max-height: 100%;
}
.MO18__label {
  margin-bottom: 13px;
  font-size: calc(14px + (16 - 14) * (100vw - 1441px) / (1920 - 1441));
  line-height: 22px;
}
@media only screen and (min-width: 1920px) {
  .MO18__label {
    font-size: 16px;
    line-height: 22px;
  }
}
@media only screen and (max-width: 1440px) {
  .MO18__label {
    font-size: 14px;
    line-height: 22px;
  }
}
@media only screen and (max-width: 834px) {
  .MO18__label {
    font-size: 14px;
    line-height: 22px;
  }
}
@media only screen and (max-width: 414px) {
  .MO18__label {
    font-size: 14px;
    line-height: 22px;
  }
}
.MO18__wrapper {
  z-index: 99;
  display: inline-block;
  position: fixed;
  bottom: 100px;
  right: 100px;
  left: unset;
  opacity: 1;
  visibility: visible;
  transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
}
@media only screen and (max-width: 600px) {
  .MO18 {
    padding: 24px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .MO18__label, .MO18__close_btn {
    display: none;
  }
  .MO18__collapsible {
    max-height: 100%;
    margin-right: 10px;
  }
  .MO18__wrapper {
    bottom: 0;
    right: 0;
    left: 0;
  }
}

.overlay--opened .MO18__wrapper, .overlay--animating .MO18__wrapper {
  opacity: 0;
  visibility: hidden;
}

.demo__MO19 {
  background-color: #333;
}

.MO19 {
  max-height: 96px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #09315b;
}
.MO19--overlap {
  background-color: rgba(0, 0, 0, 0.3);
}
@media only screen and (max-width: 600px) {
  .MO19--overlap {
    background-color: #09315b;
  }
}
.MO19 .button.primary.MO40__link--marketing-hub {
  display: inline-flex;
}
.MO19 .button.primary.MO40__link--admiralty {
  display: none;
}
.MO19--marketingHub .button.primary.MO40__link--marketing-hub {
  display: none;
}
.MO19--marketingHub .button.primary.MO40__link--admiralty {
  display: inline-flex;
}
.MO19--marketingHub .MO19__logo {
  margin-right: 32px;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
  padding-right: 32px;
}
@media only screen and (max-width: 600px) {
  .MO19--marketingHub .MO19__logo {
    margin-right: 15px;
    padding-right: 15px;
  }
}
.MO19--marketingHub .MO19__logo--container {
  display: flex;
  align-items: center;
}
.MO19--marketingHub .MO19__logo--toolkit {
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
  color: #fff;
}
@media only screen and (max-width: 1680px) {
  .MO19--marketingHub .MO19__logo--toolkit {
    font-size: 22px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 1440px) {
  .MO19--marketingHub .MO19__logo--toolkit {
    font-size: 22px;
  }
}
@media only screen and (max-width: 1280px) {
  .MO19--marketingHub .MO19__logo--toolkit {
    font-size: 20px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 834px) {
  .MO19--marketingHub .MO19__logo--toolkit {
    font-size: 18px;
  }
}
@media only screen and (max-width: 600px) {
  .MO19--marketingHub .MO19__logo--toolkit {
    font-size: 16px;
  }
}
@media only screen and (max-width: 833px) {
  .MO19--marketingHub .MO49,
  .MO19--marketingHub .MO19__search,
  .MO19--marketingHub .MO40 {
    display: none;
  }
}
.MO19__logo--container {
  flex: 1 1 auto;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 32px 80px;
}
@media only screen and (max-width: 1680px) {
  .MO19__logo--container {
    padding: 28px 50px;
  }
}
@media only screen and (max-width: 1440px) {
  .MO19__logo--container {
    padding: 24px 50px;
  }
}
@media only screen and (max-width: 1280px) {
  .MO19__logo--container {
    padding: 20px 42px;
  }
}
@media only screen and (max-width: 600px) {
  .MO19__logo--container {
    padding: 16px 31px;
  }
}
.MO19__logo img {
  width: 218px;
  max-width: 100%;
}
@media only screen and (max-width: 1680px) {
  .MO19__logo img {
    width: calc(165px + (181 - 165) * (100vw - 1281px) / (1440 - 1281));
  }
}
@media only screen and (max-width: 1280px) {
  .MO19__logo img {
    width: calc(156px + (165 - 156) * (100vw - 835px) / (1280 - 835));
  }
}
@media only screen and (max-width: 600px) {
  .MO19__logo img {
    width: 150px;
  }
}
@media only screen and (max-width: 414px) {
  .MO19__logo img {
    width: 120px;
  }
}
.MO19__nav {
  display: flex;
  height: 100%;
  align-items: center;
  background-color: #09315b;
  gap: 40px;
  padding: 32px 80px;
}
@media only screen and (max-width: 1680px) {
  .MO19__nav {
    padding: 28px 50px;
    gap: 32px;
  }
}
@media only screen and (max-width: 1440px) {
  .MO19__nav {
    padding: 24px 50px;
  }
}
@media only screen and (max-width: 1280px) {
  .MO19__nav {
    padding: 20px 42px;
  }
}
@media only screen and (max-width: 834px) {
  .MO19__nav {
    gap: 24px;
  }
}
@media only screen and (max-width: 600px) {
  .MO19__nav {
    padding: 16px 31px 16px 0;
  }
}
.MO19__nav > * {
  padding: 0;
  font-size: 32px;
}
@media only screen and (max-width: 1920px) {
  .MO19__nav > * {
    font-size: 24px;
  }
}
.MO19__burger-menu, .MO19__search {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  color: #fff;
  line-height: 1;
  transition: color 250ms ease-in-out;
  font-size: 32px;
}
@media only screen and (max-width: 1680px) {
  .MO19__burger-menu, .MO19__search {
    font-size: 24px;
  }
}
.MO19__burger-menu:hover, .MO19__search:hover {
  color: #65c4db;
}
.MO19__search:before {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea24";
}
.MO19__search--open:before {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea21";
}

.MO2 {
  margin: 20px 0 25px;
}
@media only screen and (max-width: 834px) {
  .MO2 {
    margin: 20px 0 20px;
  }
}
@media only screen and (max-width: 414px) {
  .MO2 {
    margin: 15px 0 15px;
  }
}
.MO2 ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  align-items: center;
  padding: 0;
}
.MO2 ul li, .MO2 ul li + li {
  margin: 0;
  padding: 0;
}
.MO2 ul li a.primary {
  line-height: 29px;
  font-size: 16px;
}
@media only screen and (max-width: 414px) {
  .MO2 ul li a.primary {
    font-size: 12px;
    line-height: 29px;
  }
}
.MO2 ul li:last-child a.primary {
  font-weight: bold;
  color: #09315b;
}
.MO2 ul li:last-child a.primary:hover, .MO2 ul li:last-child a.primary.hover {
  color: #04182d;
}
.MO2 ul li:not(:last-child) {
  display: flex;
  align-items: center;
}
.MO2 ul li:not(:last-child) a.primary {
  color: #333;
}
.MO2 ul li:not(:last-child) a.primary:hover, .MO2 ul li:not(:last-child) a.primary.hover {
  color: #09315b;
}
.MO2 ul li:not(:last-child):after {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea0c";
}
.MO2 ul li:not(:last-child)::after {
  font-size: 12px;
  color: #333;
  margin: 0 10px;
}

.MO20 {
  position: relative;
  height: 650px;
}
@media only screen and (max-width: 1920px) {
  .MO20 {
    height: 630px;
  }
}
@media only screen and (max-width: 1680px) {
  .MO20 {
    height: 518px;
  }
}
@media only screen and (max-width: 1440px) {
  .MO20 {
    height: 504px;
  }
}
@media only screen and (max-width: 834px) {
  .MO20 {
    height: 712px;
  }
}
@media only screen and (max-width: 414px) {
  .MO20 {
    height: 538px;
  }
}
.MO20--fullscreen {
  max-height: 1300px;
  height: calc(var(--vh, 1vh) * 100);
  min-height: 667px;
}
.MO20--no-image {
  background-color: #09315b;
  height: 519px;
}
@media only screen and (max-width: 1920px) {
  .MO20--no-image {
    height: 496px;
  }
}
@media only screen and (max-width: 1680px) {
  .MO20--no-image {
    height: 473px;
  }
}
@media only screen and (max-width: 1440px) {
  .MO20--no-image {
    height: 405px;
  }
}
.MO20--no-image .MO20__bkg {
  background: url("../assets/images/default_header.webp");
  background-repeat: no-repeat;
  background-position: 0 66%;
  background-size: 100%;
  opacity: 0.3;
}
@media only screen and (max-width: 600px) {
  .MO20--no-image .MO20__bkg {
    background-size: 175%;
  }
}
.MO20--no-image .MO20__footer {
  height: 100px;
}
@media only screen and (max-width: 1680px) {
  .MO20--no-image .MO20__footer {
    height: 90px;
  }
}
@media only screen and (max-width: 1440px) {
  .MO20--no-image .MO20__footer {
    height: 80px;
  }
}
@media only screen and (max-width: 600px) {
  .MO20--no-image .MO20__footer {
    height: 110px;
  }
}
.MO20--no-image .MO21__cta {
  margin-top: 33px;
}
.MO20__content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.MO20__bkg {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 0;
  right: 0;
  top: 0;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
  background-color: rgba(9, 49, 91, 0.25);
}
.MO20__bkg img {
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
.MO20__bkg--tinted img {
  mix-blend-mode: multiply;
}
.MO20__bkg video,
.MO20__bkg img,
.MO20__bkg picture {
  background-color: #09315b;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .MO20__bkg-image {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0;
    left: 0;
    top: 0;
  }
  .MO20__bkg-image--tinted {
    background-color: rgba(9, 49, 91, 0.25);
    background-blend-mode: multiply;
  }
}
.MO20__bkg-video {
  width: 100%;
  height: 100%;
  position: relative;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 600px) {
  .MO20__bkg-video {
    display: none;
  }
}
.MO20__copy-container {
  position: relative;
  max-width: 55%;
  padding-bottom: 40px;
}
@media only screen and (max-width: 1440px) {
  .MO20__copy-container {
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 1280px) {
  .MO20__copy-container {
    max-width: 75%;
  }
}
@media only screen and (max-width: 600px) {
  .MO20__copy-container {
    max-width: 100%;
    padding-bottom: 0;
  }
}
.MO20__title {
  letter-spacing: 0.5px;
  font-size: calc(60px + (70 - 60) * (100vw - 1681px) / (1920 - 1681));
  line-height: calc(68px + (78 - 68) * (100vw - 1681px) / (1920 - 1681));
}
@media only screen and (min-width: 1920px) {
  .MO20__title {
    font-size: 70px;
    line-height: 78px;
  }
}
@media only screen and (max-width: 1680px) {
  .MO20__title {
    font-size: calc(58px + (60 - 58) * (100vw - 1441px) / (1680 - 1441));
    line-height: calc(65px + (68 - 65) * (100vw - 1441px) / (1680 - 1441));
  }
}
@media only screen and (max-width: 1440px) {
  .MO20__title {
    font-size: calc(52px + (58 - 52) * (100vw - 1281px) / (1440 - 1281));
    line-height: calc(60px + (65 - 60) * (100vw - 1281px) / (1440 - 1281));
  }
}
@media only screen and (max-width: 1280px) {
  .MO20__title {
    font-size: calc(50px + (52 - 50) * (100vw - 835px) / (1280 - 835));
    line-height: 60px;
  }
}
@media only screen and (max-width: 834px) {
  .MO20__title {
    font-size: calc(40px + (50 - 40) * (100vw - 415px) / (834 - 415));
    line-height: calc(44px + (60 - 44) * (100vw - 415px) / (834 - 415));
  }
}
@media only screen and (max-width: 414px) {
  .MO20__title {
    font-size: 38px;
    line-height: 42px;
  }
}
.MO20__body {
  font-size: calc(22px + (25 - 22) * (100vw - 1681px) / (1920 - 1681));
  line-height: 28px;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 500;
  margin-top: 25px;
}
@media only screen and (min-width: 1920px) {
  .MO20__body {
    font-size: 25px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 1680px) {
  .MO20__body {
    font-size: calc(20px + (22 - 20) * (100vw - 1441px) / (1680 - 1441));
    line-height: calc(26px + (28 - 26) * (100vw - 1441px) / (1680 - 1441));
  }
}
@media only screen and (max-width: 1440px) {
  .MO20__body {
    font-size: calc(18px + (20 - 18) * (100vw - 1281px) / (1440 - 1281));
    line-height: 26px;
  }
}
@media only screen and (max-width: 1280px) {
  .MO20__body {
    font-size: 18px;
    line-height: calc(25px + (26 - 25) * (100vw - 835px) / (1280 - 835));
  }
}
@media only screen and (max-width: 834px) {
  .MO20__body {
    font-size: calc(16px + (18 - 16) * (100vw - 415px) / (834 - 415));
    line-height: calc(28px + (25 - 28) * (100vw - 415px) / (834 - 415));
  }
}
@media only screen and (max-width: 414px) {
  .MO20__body {
    font-size: 16px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 1920px) {
  .MO20__body {
    margin-top: 28px;
  }
}
@media only screen and (max-width: 1680px) {
  .MO20__body {
    margin-top: 36px;
  }
}
@media only screen and (max-width: 1440px) {
  .MO20__body {
    margin-top: 24px;
  }
}
@media only screen and (max-width: 1280px) {
  .MO20__body {
    margin-top: 21px;
  }
}
@media only screen and (max-width: 834px) {
  .MO20__body {
    margin-top: 23px;
  }
}
.MO20__body, .MO20__title {
  text-shadow: 0 3px 6px rgba(0, 0, 51, 0.2);
}
.MO20__cta {
  margin-top: 43px;
}
@media only screen and (max-width: 1920px) {
  .MO20__cta {
    margin-top: 36px;
  }
}
@media only screen and (max-width: 1680px) {
  .MO20__cta {
    margin-top: 39px;
  }
}
@media only screen and (max-width: 1440px) {
  .MO20__cta {
    margin-top: 34px;
  }
}
@media only screen and (max-width: 1280px) {
  .MO20__cta {
    margin-top: 39px;
  }
}
@media only screen and (max-width: 834px) {
  .MO20__cta {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 414px) {
  .MO20__cta {
    font-size: 14px;
    padding: 12px 28px 14px;
  }
}
.MO20__footer {
  position: absolute;
  width: 100%;
  bottom: 0;
  height: 150px;
  z-index: 1;
}
@media only screen and (max-width: 1680px) {
  .MO20__footer {
    height: 130px;
  }
}
@media only screen and (max-width: 600px) {
  .MO20__footer {
    height: 135px;
  }
}
.MO20__scroll-indicator {
  position: absolute;
}
.MO20__footer-content {
  display: flex;
  position: absolute;
  right: 90px;
  top: 6px;
}
.MO20__footer-content .MO20__footer-logo {
  max-width: 318px;
  margin-left: 45px;
}
@media only screen and (max-width: 1920px) {
  .MO20__footer-content .MO20__footer-logo {
    margin-left: 36px;
  }
}
@media only screen and (max-width: 1440px) {
  .MO20__footer-content .MO20__footer-logo {
    margin-left: 30px;
  }
}
@media only screen and (max-width: 1280px) {
  .MO20__footer-content .MO20__footer-logo {
    margin-left: 15px;
  }
}
@media only screen and (max-width: 1920px) {
  .MO20__footer-content {
    top: 10px;
    right: 80px;
  }
}
@media only screen and (max-width: 1680px) {
  .MO20__footer-content {
    top: 5px;
    right: 50px;
  }
}
@media only screen and (max-width: 1440px) {
  .MO20__footer-content {
    top: 10px;
    right: 47px;
  }
  .MO20__footer-content .MO20__footer-logo {
    max-width: 291px;
  }
}
@media only screen and (max-width: 1280px) {
  .MO20__footer-content {
    right: 42px;
  }
}
@media only screen and (max-width: 600px) {
  .MO20__footer-content {
    right: 31px;
    top: 60px;
  }
  .MO20__footer-content .MO20__footer-logo {
    max-width: 186px;
  }
}
.MO20__video-controls {
  display: flex;
  align-items: center;
}
.MO20__playback-button {
  border: none;
  background: none;
  color: white;
  height: 46px;
  width: 43px;
  position: relative;
  padding: 0;
  margin-right: 15px;
  transition: opacity 0.3s ease-in-out;
}
.MO20__playback-button::before {
  font-size: 14px;
  border-radius: 50%;
  border: 2px solid;
  position: absolute;
  top: 50%;
  transform: translateY(calc(-50% + 1px));
  width: 39px;
  height: 39px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  left: 0;
}
.MO20__playback-button.selected::before, .MO20__playback-button:active::before, .MO20__playback-button:focus::before, .MO20__playback-button:hover::before, .MO20__playback-button.hover::before {
  border: 3px solid;
  margin-left: -1px;
}
.MO20__playback-button:disabled {
  opacity: 0.6;
  pointer-events: none;
}
@media only screen and (max-width: 600px) {
  .MO20__playback-button {
    display: none;
  }
}
@media only screen and (min-width: 601px) {
  .MO20--with-video .MO20__bkg img {
    display: none;
  }
}

.demo__MO21 {
  background: #09315b;
}

.MO21 {
  position: relative;
}
.MO21__product {
  text-shadow: 0 3px 6px rgba(0, 0, 51, 0.2);
  display: flex;
  margin-bottom: 25px;
  padding: 0;
  align-items: center;
}
.MO21__product__logo-container {
  max-width: 115px;
  height: 100%;
  padding-right: 10px;
}
@media only screen and (max-width: 834px) {
  .MO21__product__logo-container {
    max-width: 84px;
  }
}
.MO21__product__logo {
  box-shadow: 0 3px 6px rgba(0, 0, 51, 0.2);
  width: 115px;
}
.MO21__product__copy {
  margin-top: 3px;
  color: #fff;
  display: flex;
  flex-direction: column;
}
.MO21__product__copy__title {
  margin-bottom: 2px;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 14px;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 500;
}
@media only screen and (max-width: 834px) {
  .MO21__product__copy__title {
    font-size: 13px;
    line-height: 10px;
  }
}
.MO21__product__copy__subtitle {
  font-size: 12px;
  line-height: 14px;
  font-family: JohnstonITCProLight, sans-serif;
  font-weight: 300;
}
@media only screen and (max-width: 834px) {
  .MO21__product__copy__subtitle {
    font-size: 9px;
    line-height: 10px;
  }
}
.MO21__subtitle {
  letter-spacing: 0.5px;
  font-size: calc(60px + (70 - 60) * (100vw - 1681px) / (1920 - 1681));
  line-height: calc(66px + (78 - 66) * (100vw - 1681px) / (1920 - 1681));
}
@media only screen and (min-width: 1920px) {
  .MO21__subtitle {
    font-size: 70px;
    line-height: 78px;
  }
}
@media only screen and (max-width: 1680px) {
  .MO21__subtitle {
    font-size: calc(58px + (60 - 58) * (100vw - 1441px) / (1680 - 1441));
    line-height: calc(64px + (66 - 64) * (100vw - 1441px) / (1680 - 1441));
  }
}
@media only screen and (max-width: 1440px) {
  .MO21__subtitle {
    font-size: calc(52px + (58 - 52) * (100vw - 1281px) / (1440 - 1281));
    line-height: calc(57px + (64 - 57) * (100vw - 1281px) / (1440 - 1281));
  }
}
@media only screen and (max-width: 1280px) {
  .MO21__subtitle {
    font-size: calc(50px + (52 - 50) * (100vw - 835px) / (1280 - 835));
    line-height: calc(55px + (57 - 55) * (100vw - 835px) / (1280 - 835));
  }
}
@media only screen and (max-width: 834px) {
  .MO21__subtitle {
    font-size: calc(38px + (50 - 38) * (100vw - 415px) / (834 - 415));
    line-height: calc(42px + (55 - 42) * (100vw - 415px) / (834 - 415));
  }
}
@media only screen and (max-width: 414px) {
  .MO21__subtitle {
    font-size: 38px;
    line-height: 42px;
  }
}
.MO21__title {
  margin-bottom: 25px;
}
.MO21__body {
  font-size: calc(22px + (24 - 22) * (100vw - 1681px) / (1920 - 1681));
  line-height: calc(31px + (33 - 31) * (100vw - 1681px) / (1920 - 1681));
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 500;
  margin-top: 25px;
}
@media only screen and (min-width: 1920px) {
  .MO21__body {
    font-size: 24px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 1680px) {
  .MO21__body {
    font-size: calc(20px + (22 - 20) * (100vw - 1441px) / (1680 - 1441));
    line-height: calc(28px + (31 - 28) * (100vw - 1441px) / (1680 - 1441));
  }
}
@media only screen and (max-width: 1440px) {
  .MO21__body {
    font-size: calc(18px + (20 - 18) * (100vw - 1281px) / (1440 - 1281));
    line-height: calc(27px + (28 - 27) * (100vw - 1281px) / (1440 - 1281));
  }
}
@media only screen and (max-width: 1280px) {
  .MO21__body {
    font-size: 18px;
    line-height: 27px;
  }
}
@media only screen and (max-width: 834px) {
  .MO21__body {
    font-size: calc(16px + (18 - 16) * (100vw - 415px) / (834 - 415));
    line-height: calc(24px + (27 - 24) * (100vw - 415px) / (834 - 415));
  }
}
@media only screen and (max-width: 414px) {
  .MO21__body {
    font-size: 16px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 1920px) {
  .MO21__body {
    margin-top: 28px;
  }
}
@media only screen and (max-width: 1680px) {
  .MO21__body {
    margin-top: 36px;
  }
}
@media only screen and (max-width: 1440px) {
  .MO21__body {
    margin-top: 24px;
  }
}
@media only screen and (max-width: 1280px) {
  .MO21__body {
    margin-top: 21px;
  }
}
@media only screen and (max-width: 834px) {
  .MO21__body {
    margin-top: 23px;
  }
}
.MO21__body, .MO21__title, .MO21__subtitle {
  color: #fff;
  text-shadow: 0 3px 6px rgba(0, 0, 51, 0.2);
}
.MO21__cta {
  margin-top: 43px;
}
@media only screen and (max-width: 1920px) {
  .MO21__cta {
    margin-top: 36px;
  }
}
@media only screen and (max-width: 1680px) {
  .MO21__cta {
    margin-top: 39px;
  }
}
@media only screen and (max-width: 1440px) {
  .MO21__cta {
    margin-top: 34px;
  }
}
@media only screen and (max-width: 1280px) {
  .MO21__cta {
    margin-top: 39px;
  }
}
@media only screen and (max-width: 834px) {
  .MO21__cta {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 414px) {
  .MO21__cta {
    font-size: 14px;
    padding: 12px 28px 14px;
  }
}
.MO21--condensed {
  position: relative;
}
.MO21--condensed .MO21__subtitle {
  font-size: calc(52px + (55 - 52) * (100vw - 1681px) / (1920 - 1681));
  line-height: calc(57px + (60 - 57) * (100vw - 1681px) / (1920 - 1681));
}
@media only screen and (min-width: 1920px) {
  .MO21--condensed .MO21__subtitle {
    font-size: 55px;
    line-height: 60px;
  }
}
@media only screen and (max-width: 1680px) {
  .MO21--condensed .MO21__subtitle {
    font-size: calc(46px + (52 - 46) * (100vw - 1441px) / (1680 - 1441));
    line-height: calc(51px + (57 - 51) * (100vw - 1441px) / (1680 - 1441));
  }
}
@media only screen and (max-width: 1440px) {
  .MO21--condensed .MO21__subtitle {
    font-size: calc(42px + (46 - 42) * (100vw - 1281px) / (1440 - 1281));
    line-height: calc(46px + (51 - 46) * (100vw - 1281px) / (1440 - 1281));
  }
}
@media only screen and (max-width: 1280px) {
  .MO21--condensed .MO21__subtitle {
    font-size: calc(40px + (42 - 40) * (100vw - 835px) / (1280 - 835));
    line-height: calc(44px + (46 - 44) * (100vw - 835px) / (1280 - 835));
  }
}
@media only screen and (max-width: 834px) {
  .MO21--condensed .MO21__subtitle {
    font-size: calc(34px + (40 - 34) * (100vw - 415px) / (834 - 415));
    line-height: calc(37px + (44 - 37) * (100vw - 415px) / (834 - 415));
  }
}
@media only screen and (max-width: 414px) {
  .MO21--condensed .MO21__subtitle {
    font-size: 34px;
    line-height: 37px;
  }
}
.MO21--condensed .MO21__body {
  font-size: 18px;
  line-height: 23px;
  margin-top: 20px;
}
@media only screen and (max-width: 600px) {
  .MO21--condensed .MO21__body {
    font-size: 16px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 414px) {
  .MO21--condensed .MO21__body {
    margin-top: 15px;
  }
}
.MO21--condensed .MO21__cta {
  margin-top: 33px;
}
@media only screen and (max-width: 1920px) {
  .MO21--condensed .MO21__cta {
    margin-top: 28px;
  }
}
@media only screen and (max-width: 1440px) {
  .MO21--condensed .MO21__cta {
    margin-top: 20px;
  }
}

.demo__MO22 {
  position: relative;
}

.MO22 {
  position: absolute;
  width: 216px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  background-color: #fff;
  z-index: 9999;
  top: auto;
  opacity: 1;
  transition: opacity 0.5s;
  margin-top: 80px;
}
.MO22--hidden {
  display: none;
}
.MO22--no-image .MO22__header {
  padding: 5px 0;
}
@media only screen and (max-width: 1280px) {
  .MO22--no-image .MO22__header {
    padding-left: 5px;
    padding-right: 0;
  }
}
@media only screen and (max-width: 1440px) {
  .MO22 {
    margin-top: 64px;
  }
}
@media only screen and (max-width: 1280px) {
  .MO22 {
    margin-top: 0;
  }
}
.MO22--sticky {
  position: fixed;
  top: var(--navbar-height);
}
@media only screen and (max-width: 1680px) {
  .MO22 {
    width: 187px;
  }
}
@media only screen and (max-width: 1440px) {
  .MO22 {
    width: 162px;
  }
}
@media only screen and (max-width: 1280px) {
  .MO22 {
    width: 100%;
    flex-direction: row;
  }
}
@media only screen and (max-width: 1280px) {
  .MO22 {
    height: 45px;
  }
}
.MO22__ghost {
  position: relative;
}
@media only screen and (max-width: 1280px) {
  .MO22__ghost {
    height: 45px;
  }
}
.MO22__ghost--hidden {
  display: none;
}
.MO22__header {
  background-color: #09315b;
  padding: 15px 23px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1440px) {
  .MO22__header {
    padding: 15px 15px;
  }
}
@media only screen and (max-width: 1280px) {
  .MO22__header {
    padding: 9px 22px 9px 42px;
  }
}
@media only screen and (max-width: 414px) {
  .MO22__header {
    display: none;
  }
}
.MO22__controller {
  position: absolute;
  width: calc(100% - 5px);
  left: 5px;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
}
@media only screen and (min-width: 1281px) {
  .MO22__controller {
    display: none;
  }
}
.MO22__arrows {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  font-size: 12px;
  background-color: #fff;
  cursor: pointer;
  pointer-events: auto;
  position: absolute;
}
.MO22__arrows:first-of-type {
  border-right: solid 2px #09315b;
  left: 0;
}
.MO22__arrows:last-of-type {
  border-left: solid 2px #09315b;
  right: 0;
}
.MO22__body {
  position: relative;
  padding: 15px 23px 20px;
  border-bottom: #09315b 4px solid;
}
@media only screen and (min-width: 1281px) {
  .MO22__body {
    overflow-y: auto;
    max-height: 80vh;
  }
}
@media only screen and (max-width: 1440px) {
  .MO22__body {
    padding: 15px 15px 20px;
  }
}
@media only screen and (max-width: 1280px) {
  .MO22__body {
    border: none;
    width: 100%;
    overflow: hidden;
    padding: 6px 10px 1px;
  }
}
@media only screen and (max-width: 414px) {
  .MO22__body {
    border-left: #09315b 5px solid;
  }
}
.MO22__logo-container {
  max-width: 84px;
}
@media only screen and (max-width: 1680px) {
  .MO22__logo-container {
    max-width: 70px;
  }
}
@media only screen and (max-width: 1440px) {
  .MO22__logo-container {
    max-width: 65px;
  }
}
@media only screen and (max-width: 834px) {
  .MO22__logo-container {
    max-width: 84px;
    width: 84px;
  }
}
.MO22__menu-item {
  text-transform: uppercase;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  margin: 20px 0;
  border-bottom-color: inherit;
}
.MO22__menu-item .MO22__link {
  color: #6a7889;
  display: block;
  transition: 0.5s ease-in-out;
  white-space: normal;
}
.MO22__menu-item .MO22__link:focus {
  text-decoration: none;
}
@media only screen and (min-width: 1281px) {
  .MO22__menu-item .MO22__link {
    padding-right: 10px;
  }
}
@media only screen and (max-width: 1280px) {
  .MO22__menu-item .MO22__link {
    border-bottom: #fff 2px solid;
  }
  .MO22__menu-item .MO22__link:hover, .MO22__menu-item .MO22__link:active, .MO22__menu-item .MO22__link:focus {
    text-decoration: none;
    color: #09315b;
  }
}
.MO22__menu-item .MO22__link--active {
  color: #09315b;
}
@media only screen and (min-width: 1281px) {
  .MO22__menu-item .MO22__link--active {
    transform: translateX(13px);
    display: block;
  }
}
@media only screen and (max-width: 1280px) {
  .MO22__menu-item .MO22__link--active {
    border-bottom: 2px solid #09315b;
  }
}
@media only screen and (max-width: 1440px) {
  .MO22__menu-item {
    font-size: 14px;
  }
}
@media only screen and (max-width: 1280px) {
  .MO22__menu-item {
    display: inline-block;
    margin: 10px 18px 12px;
    line-height: 16px;
  }
}
@media only screen and (max-width: 414px) {
  .MO22__menu-item {
    margin: 10px 14px 12px;
    font-size: 12px;
  }
}
.MO22__menu-items {
  list-style: none;
  padding: 0;
  margin: 0;
  white-space: nowrap;
}
@media only screen and (max-width: 1024px) {
  .MO22__menu-items {
    overflow-x: auto;
  }
}
.MO22__active-track {
  position: absolute;
  left: 23px;
  width: 3px;
  top: 34px;
  bottom: 30px;
}
@media only screen and (max-width: 1440px) {
  .MO22__active-track {
    left: 15px;
  }
}
@media only screen and (max-width: 1280px) {
  .MO22__active-track {
    display: none;
  }
}
.MO22__active-train {
  position: absolute;
  width: 3px;
  height: 20px;
  background-color: #09315b;
  transition: 0.5s ease-in-out;
}
.MO22--stuck {
  position: absolute;
  bottom: 40px;
  top: auto;
}
@media only screen and (max-width: 1440px) {
  .MO22--stuck {
    bottom: 32px;
  }
}
@media only screen and (max-width: 834px) {
  .MO22--stuck {
    bottom: 24px;
  }
}

.MO23 {
  box-shadow: 0 10px 30px rgba(112, 112, 112, 0.53);
  background-color: #09315b;
  background-repeat: round;
  padding: 65px 40px 50px 40px;
  color: #fff;
  display: flex;
}
.MO23::after {
  background-repeat: round;
}
.MO23--wing {
  padding: 65px 0 50px 80px;
  position: relative;
  overflow: visible;
}
.MO23--wing::after {
  content: "";
  width: 100vw;
  height: 100%;
  position: absolute;
  background: inherit;
  background-color: inherit;
  top: 0;
  left: 100%;
}
@media only screen and (max-width: 834px) {
  .MO23--wing {
    padding: 35px 0 50px 35px;
  }
}
@media only screen and (max-width: 600px) {
  .MO23--wing {
    padding: 30px 0 40px 30px;
  }
}
.MO23__content__copy {
  margin: 20px 0 30px;
}
.MO23__content__cta {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  margin: 20px 0 30px;
  padding-right: 0;
}
@media only screen and (max-width: 1280px) {
  .MO23 {
    display: block;
  }
}
@media only screen and (max-width: 834px) {
  .MO23 {
    padding: 35px 35px 50px 35px;
  }
}
@media only screen and (max-width: 600px) {
  .MO23 {
    padding: 30px 30px 40px 30px;
  }
}

.demo__MO24 {
  padding: 30px;
}
.demo__MO24.blue {
  background-color: #09315b;
}

.blue .MO24__title, .blue .MO24__copy, .blue .MO24 .button.primary.text {
  color: #fff;
}

.MO24 {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1024px) {
  .MO24 {
    flex-direction: column;
  }
}
.MO24__copy-container {
  margin-left: 85px;
  width: 35%;
  padding: 25px 0;
}
@media only screen and (max-width: 1680px) {
  .MO24__copy-container {
    margin-left: 50px;
    width: 37%;
  }
}
@media only screen and (max-width: 1440px) {
  .MO24__copy-container {
    margin-left: 50px;
    width: 40%;
  }
}
@media only screen and (max-width: 1280px) {
  .MO24__copy-container {
    width: 100%;
  }
}
@media only screen and (max-width: 834px) {
  .MO24__copy-container {
    margin: 25px 0 0;
    padding: 0;
  }
}
@media only screen and (max-width: 600px) {
  .MO24__copy-container {
    margin: 20px 0 0;
  }
}
.MO24__image-container {
  width: 50%;
  margin: 25px 0;
}
@media only screen and (max-width: 1280px) {
  .MO24__image-container {
    width: 100%;
  }
}
@media only screen and (max-width: 834px) {
  .MO24__image-container {
    margin: 0;
  }
}
.MO24__image-container .MO24__image {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  top: 0;
  left: 0;
}
.MO24__image-container .MO24__image--shadow {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25);
}
.MO24--condensed .MO24__image-container {
  width: 50%;
}
@media only screen and (max-width: 1280px) {
  .MO24--condensed .MO24__image-container {
    width: 100%;
  }
}
.MO24--condensed .MO24__copy-container {
  margin-left: 79px;
}
@media only screen and (max-width: 1920px) {
  .MO24--condensed .MO24__copy-container {
    margin-left: 70px;
  }
}
@media only screen and (max-width: 1680px) {
  .MO24--condensed .MO24__copy-container {
    margin-left: 68px;
  }
}
@media only screen and (max-width: 1440px) {
  .MO24--condensed .MO24__copy-container {
    margin-left: 47px;
  }
}
@media only screen and (max-width: 1280px) {
  .MO24--condensed .MO24__copy-container {
    margin-left: 40px;
  }
}
@media only screen and (max-width: 834px) {
  .MO24--condensed .MO24__copy-container {
    margin-left: 0;
  }
}
.MO24__image-container-inner {
  position: relative;
  padding-bottom: 63.3%;
}
.MO24__title {
  color: #09315b;
  margin-bottom: 10px;
}
@media only screen and (max-width: 1280px) {
  .MO24__title {
    margin-bottom: 15px;
  }
}
.MO24__copy {
  margin-bottom: 25px;
}
@media only screen and (max-width: 1680px) {
  .MO24__copy {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 1280px) {
  .MO24__copy {
    margin-bottom: 15px;
  }
}

.MO26 {
  background-color: #fff;
  box-shadow: 8px 8px 45px rgba(35, 53, 82, 0.1);
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
}
.layout--two-col-grid .MO26, .layout--three-col-grid .MO26 {
  height: 100%;
}
.MO26__content {
  padding: 40px 45px 45px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 1920px) {
  .MO26__content {
    padding: 35px 40px 40px;
  }
}
@media only screen and (max-width: 1440px) {
  .MO26__content {
    padding: 30px 35px 35px;
  }
}
@media only screen and (max-width: 834px) {
  .MO26__content {
    padding: 30px 35px 35px;
  }
}
@media only screen and (max-width: 600px) {
  .MO26__content {
    padding: 25px 25px 30px;
  }
}
.MO26__content__title {
  color: #09315b;
  margin-bottom: 24px;
}
@media only screen and (max-width: 1440px) {
  .MO26__content__title {
    margin-bottom: 15px;
  }
}
.MO26__content__copy {
  flex-grow: 1;
  margin-bottom: 50px;
}
.MO26__content__cta {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 15px;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.MO26__content__cta:last-of-type {
  margin-bottom: 0;
}
.MO26__content__cta a {
  text-align: right;
}

.demo__MO27 {
  background-color: #08365f;
  width: 75%;
}
@media only screen and (max-width: 1440px) {
  .demo__MO27 {
    width: 100%;
  }
}

.MO27 {
  width: 100%;
  height: 100%;
  color: #fff;
}
.MO27__nav {
  display: flex;
  height: 100%;
  transition: transform 0.5s ease-in-out;
  transform: translateX(0);
}
@media only screen and (max-width: 834px) {
  .MO27__nav {
    width: calc(100vw * 3);
  }
}
@media only screen and (max-width: 834px) {
  .MO27__nav[data-current-level="1"] {
    transform: translateX(calc(-100vw + 31px * 1));
  }
}
@media only screen and (min-width: 1281px) {
  .MO27__nav[data-current-level="1"] .MO27__list-container--level-1 .MO27__list-container__inner {
    transform: translateX(0);
  }
}
@media only screen and (max-width: 834px) {
  .MO27__nav[data-current-level="2"] {
    transform: translateX(calc(-200vw + 31px * 2));
  }
}
@media only screen and (min-width: 1281px) {
  .MO27__nav[data-current-level="2"] .MO27__list-container--level-1 .MO27__list-container__inner {
    transform: translateX(0);
  }
  .MO27__nav[data-current-level="2"] .MO27__list-container--level-2 .MO27__list-container__inner {
    transform: translateX(0);
  }
}
.MO27__sub-menu {
  display: none;
}
.MO27__list-container {
  overflow-x: hidden;
  overflow-y: auto;
}
@media only screen and (min-width: 1281px) {
  .MO27__list-container {
    padding-right: 20px;
  }
}
.MO27__list-container--level-0 {
  margin-top: 47px;
  width: 28%;
}
.MO27__list-container--level-0 .MO27__list {
  padding: 5px;
}
.MO27__list-container--level-0 .MO27__link {
  font-size: calc(26px + (28 - 26) * (100vw - 1681px) / (1920 - 1681));
  line-height: calc(30px + (40 - 30) * (100vw - 1681px) / (1920 - 1681));
}
@media only screen and (min-width: 1920px) {
  .MO27__list-container--level-0 .MO27__link {
    font-size: 28px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 1680px) {
  .MO27__list-container--level-0 .MO27__link {
    font-size: calc(24px + (26 - 24) * (100vw - 1441px) / (1680 - 1441));
    line-height: calc(28px + (30 - 28) * (100vw - 1441px) / (1680 - 1441));
  }
}
@media only screen and (max-width: 1440px) {
  .MO27__list-container--level-0 .MO27__link {
    font-size: calc(22px + (24 - 22) * (100vw - 1281px) / (1440 - 1281));
    line-height: calc(24px + (28 - 24) * (100vw - 1281px) / (1440 - 1281));
  }
}
@media only screen and (max-width: 1280px) {
  .MO27__list-container--level-0 .MO27__link {
    font-size: calc(20px + (22 - 20) * (100vw - 835px) / (1280 - 835));
    line-height: calc(23px + (24 - 23) * (100vw - 835px) / (1280 - 835));
  }
}
@media only screen and (max-width: 834px) {
  .MO27__list-container--level-0 .MO27__link {
    font-size: 20px;
    line-height: 23px;
  }
}
@media only screen and (max-width: 414px) {
  .MO27__list-container--level-0 .MO27__link {
    font-size: 18px;
    line-height: 23px;
  }
}
@media only screen and (max-width: 1920px) {
  .MO27__list-container--level-0 .MO27__link {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 1680px) {
  .MO27__list-container--level-0 .MO27__link {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 1440px) {
  .MO27__list-container--level-0 .MO27__link {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 834px) {
  .MO27__list-container--level-0 .MO27__link {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 1920px) {
  .MO27__list-container--level-0 {
    width: 33%;
    margin-top: 52px;
  }
}
@media only screen and (max-width: 1680px) {
  .MO27__list-container--level-0 {
    margin-top: 48px;
  }
}
@media only screen and (max-width: 1440px) {
  .MO27__list-container--level-0 {
    margin-top: 48px;
  }
}
@media only screen and (max-width: 1280px) {
  .MO27__list-container--level-0 {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 834px) {
  .MO27__list-container--level-0 {
    flex-shrink: 0;
    margin-top: 0;
  }
}
@media only screen and (max-width: 834px) {
  .MO27__list-container--level-0 {
    width: calc(100vw - 31px * 2);
  }
}
@media only screen and (max-width: 834px) {
  .MO27__list-container--level-0 .MO27__section-title {
    display: none;
  }
}
.MO27__list-container--level-1 {
  margin-left: 10%;
  width: 28%;
}
.MO27__list-container--level-1 .MO27__link {
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 23px;
}
@media only screen and (max-width: 1680px) {
  .MO27__list-container--level-1 .MO27__link {
    font-size: 20px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 1440px) {
  .MO27__list-container--level-1 .MO27__link {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 834px) {
  .MO27__list-container--level-1 .MO27__link {
    font-size: 20px;
    line-height: 23px;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 600px) {
  .MO27__list-container--level-1 .MO27__link {
    font-size: 18px;
    line-height: 23px;
  }
}
@media only screen and (max-width: 1920px) {
  .MO27__list-container--level-1 {
    width: 35%;
    margin-left: 8%;
  }
}
.MO27__list-container--level-2 {
  margin-left: 11%;
  width: 30%;
}
.MO27__list-container--level-2 .MO27__link {
  font-size: 16px;
  line-height: 20px;
  font-family: JohnstonITCProLight, sans-serif;
  font-weight: 300;
}
@media only screen and (max-width: 1440px) {
  .MO27__list-container--level-2 .MO27__link {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 834px) {
  .MO27__list-container--level-2 .MO27__link {
    font-size: 20px;
    line-height: 23px;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 600px) {
  .MO27__list-container--level-2 .MO27__link {
    font-size: 18px;
    line-height: 23px;
  }
}
@media only screen and (max-width: 1024px) {
  .MO27__list-container--level-2 .MO27__link {
    font-family: JohnstonITCProMedium, sans-serif;
    font-weight: 500;
  }
}
@media only screen and (max-width: 1920px) {
  .MO27__list-container--level-2 {
    margin-left: 6%;
    width: 35%;
  }
}
.MO27__list-container--level-1, .MO27__list-container--level-2 {
  height: 0;
}
@media only screen and (max-width: 834px) {
  .MO27__list-container--level-1, .MO27__list-container--level-2 {
    width: calc(100vw - 31px * 2);
  }
}
@media only screen and (max-width: 834px) {
  .MO27__list-container--level-1, .MO27__list-container--level-2 {
    margin-left: 31px;
  }
}
.MO27__list-container--open {
  height: 100%;
}
.MO27__list-container--open .MO27__section-title {
  visibility: visible;
}
.MO27__list-container__inner {
  height: 100%;
  width: 100%;
  padding: 5px;
}
@media only screen and (min-width: 1281px) {
  .MO27__list-container__inner {
    transition: transform 0.5s ease-in-out;
    transform: translateX(-100%);
  }
}
.MO27__list {
  list-style: none;
  padding: 0;
  margin: 0;
}
@media only screen and (min-width: 835px) {
  .MO27__list {
    padding-bottom: 60px;
  }
}
.MO27__link {
  color: #fff;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 500;
  margin-bottom: 10px;
}
.MO27__link--active {
  color: #65c4db;
}
@media only screen and (max-width: 1440px) {
  .MO27__link {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 834px) {
  .MO27__link {
    margin: 0;
  }
}
.MO27__list-item {
  width: 100%;
}
.MO27__list-item--has-children .MO27__link {
  width: 100%;
}
.MO27__list-item--has-children .MO27__link:after {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea0c";
}
.MO27__list-item--has-children .MO27__link::after {
  font-size: 18px;
  margin-left: auto;
}
.MO27__list-item a:not(.button).primary.light {
  display: flex;
  gap: 16px;
}
.MO27__list-item--has-space {
  margin-bottom: 40px;
}
.MO27__list-item:last-child a {
  margin-bottom: 0;
}
@media only screen and (max-width: 834px) {
  .MO27__list-item {
    padding: 14px 0 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
}
.MO27__back-button {
  font-size: 16px;
  line-height: 25px;
  color: #fff;
  display: none;
  background: none;
  border: none;
  align-items: center;
  padding: 0;
  margin-bottom: 25px;
  font-family: JohnstonITCProLight, sans-serif;
  font-weight: 300;
}
@media only screen and (max-width: 834px) {
  .MO27__back-button {
    display: inline-flex;
  }
}
.MO27__back-button::before {
  font-size: 24px;
  margin-right: 10px;
}
.MO27__section-title {
  visibility: hidden;
  color: #d0d0d0;
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  top: 0;
  position: sticky;
  background: #08365f;
  z-index: 1;
}
@media only screen and (max-width: 1440px) {
  .MO27__section-title {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 834px) {
  .MO27__section-title {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .MO27__section-title {
    margin-bottom: 25px;
  }
}
.MO27 .MO33 {
  position: absolute;
  bottom: 0;
  opacity: 0;
  display: none;
}
.MO27 .MO33.--dark::before {
  background-color: #08365f;
}
.MO27 .scroll-scrolly_visible.MO27__list-container--level-0 ~ .MO33,
.MO27 .scroll-scrolly_visible.MO27__list-container--level-2 ~ .MO33 {
  z-index: 11;
  opacity: 1;
}

.demo__MO28 {
  width: 480px;
  min-height: 100px;
}
.demo__MO28 .MO28 {
  background-color: #09315b;
}
.demo__MO28 .MO28--dark {
  background-color: #fff;
}

.MO28 {
  position: relative;
}
.MO28--dark .MO28__link-container .MO28__link.primary {
  color: #09315b;
}
.MO28--dark .MO28__link-container .MO28__link.primary::after {
  background-color: #09315b;
}
.MO28--dark .MO28__title {
  color: #09315b;
}
@media only screen and (min-width: 1280px) {
  .MO28--inline-desktop .MO28__title {
    display: none;
  }
  .MO28--inline-desktop .MO28__links-container {
    flex-direction: row;
  }
  .MO28--inline-desktop .MO28__link-container {
    width: auto;
    padding-right: 30px;
  }
}
@media only screen and (min-width: 1280px) and (min-width: 1280px) {
  .MO28--inline-desktop .MO28__link-container {
    padding-right: 40px;
  }
}
@media only screen and (min-width: 1280px) and (min-width: 1440px) {
  .MO28--inline-desktop .MO28__link-container {
    padding-right: 60px;
  }
}
@media only screen and (min-width: 1280px) and (min-width: 1920px) {
  .MO28--inline-desktop .MO28__link-container {
    padding-right: 70px;
  }
}
@media only screen and (min-width: 1280px) {
  .MO28--inline-desktop .MO28__link {
    display: block;
    position: relative;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.2px;
    color: #fff;
    margin: 0;
    font-family: JohnstonITCProMedium, sans-serif;
    font-weight: 700;
  }
  .MO28--inline-desktop .MO28__link::after {
    content: "";
    position: absolute;
    left: -10px;
    bottom: -4px;
    width: 50%;
    height: 3px;
    opacity: 0;
    background-color: #fff;
    transition: left 300ms ease-in-out, width 300ms ease-in-out, opacity 300ms ease-in-out;
  }
  .MO28--inline-desktop .MO28__link::before {
    font-size: 0;
    margin: 0;
  }
  .MO28--inline-desktop .MO28__link:hover, .MO28--inline-desktop .MO28__link:focus, .MO28--inline-desktop .MO28__link.active {
    text-decoration: none;
  }
  .MO28--inline-desktop .MO28__link:hover::after, .MO28--inline-desktop .MO28__link:focus::after, .MO28--inline-desktop .MO28__link.active::after {
    left: 0;
    width: 100%;
    opacity: 1;
  }
  .MO28--inline-desktop a:not(.button).primary {
    transition: none;
  }
  .MO28--inline-desktop a:not(.button).primary[class*=icon--]:not(.icon-only)::before {
    margin: 0;
  }
}
.MO28__title, .MO28__link {
  color: #fff;
}
.MO28__links-container {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-flow: wrap;
}
@media only screen and (max-width: 1920px) {
  .MO28__links-container {
    flex-direction: column;
  }
}
@media only screen and (max-width: 1440px) {
  .MO28__links-container {
    flex-direction: row;
    margin-bottom: -15px;
  }
}
@media only screen and (max-width: 834px) {
  .MO28__links-container {
    margin-bottom: 0;
  }
}
.MO28__title {
  font-size: 14px;
  margin-bottom: 25px;
  font-weight: 500;
  opacity: 0.8;
}
@media only screen and (max-width: 1440px) {
  .MO28__title {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 834px) {
  .MO28__title {
    margin-bottom: 16px;
  }
}
.MO28__link-container {
  width: 50%;
  padding-right: 35px;
}
@media only screen and (max-width: 1920px) {
  .MO28__link-container {
    width: 100%;
  }
}
@media only screen and (max-width: 1440px) {
  .MO28__link-container {
    width: 50%;
  }
}
@media only screen and (max-width: 600px) {
  .MO28__link-container {
    width: 100%;
  }
}
.MO28__link {
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 20px;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 700;
}
.MO28__link::before {
  font-size: 10px;
}
@media only screen and (max-width: 1920px) {
  .MO28__link {
    margin-bottom: 15px;
  }
}

.demo__MO29 {
  background-color: #09315b;
  width: 480px;
}

.MO29 {
  position: relative;
  color: white;
}
@media only screen and (max-width: 1440px) {
  .MO29__title, .MO29__copy {
    display: none;
  }
}
.MO29__title {
  margin-bottom: 10px;
}
@media only screen and (max-width: 1920px) {
  .MO29__title {
    margin-bottom: 14px;
  }
}
.MO29__copy {
  margin-bottom: 25px;
}
@media only screen and (max-width: 1920px) {
  .MO29__copy {
    margin-bottom: 29px;
  }
}
.MO29__links-container {
  list-style: none;
  padding: 0;
  margin: 0 0 -15px 0;
}
.MO29__link {
  line-height: 18px;
  margin-bottom: 15px;
}
@media only screen and (max-width: 414px) {
  .MO29__link {
    overflow-wrap: anywhere;
  }
}
.MO29__link--phone:before {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea29";
}
.MO29__link--email:before {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea14";
}
.MO29__link::before {
  margin-right: 16px;
}

.MO3__eyebrow {
  color: rgba(9, 49, 91, 0.6);
}
.MO3__copy, .MO3__title {
  color: #09315b;
}
.MO3 .h3 {
  margin-bottom: 28px;
}
@media only screen and (max-width: 1440px) {
  .MO3 .h3 {
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 834px) {
  .MO3 .h3 {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 414px) {
  .MO3 .h3 {
    margin-bottom: 20px;
  }
}
.MO3 .button {
  margin-top: 15px;
}
@media only screen and (max-width: 834px) {
  .MO3 .button {
    margin-top: 25px;
  }
}
@media only screen and (max-width: 414px) {
  .MO3 .button {
    margin-top: 15px;
  }
}

.MO30 {
  padding: 30px;
  display: flex;
  background-color: #fff;
  box-shadow: 8px 8px 45px rgba(35, 53, 82, 0.1);
}
@media only screen and (min-width: 835px) {
  .MO30 {
    padding: 40px;
  }
}
.MO30:not(:last-child) {
  margin-bottom: 20px;
}
.MO30__image-container {
  width: 128px;
  min-width: 128px;
  margin-right: 40px;
}
@media only screen and (max-width: 834px) {
  .MO30__image-container {
    display: none;
  }
}
.MO30.--with-file .MO30__content {
  display: flex;
  flex-wrap: wrap;
}
.MO30.--with-file .MO30__info {
  width: 100%;
}
.MO30__file-icon {
  color: #09315b;
  font-size: 1.5rem;
  width: 40px;
}
.MO30__image-container-inner {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
  padding: 100% 0 0 0;
}
.MO30__image-container-inner img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.MO30__info {
  font-weight: 700;
  font-size: 14px;
  color: #6a7889;
  margin-bottom: 15px;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 700;
}
.MO30__info--alt {
  text-transform: uppercase;
  color: #09315b;
}
.MO30__title {
  margin-bottom: 20px;
  color: #09315b;
}
.MO30__body {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.MO30__body > *:not(:last-child) {
  margin-bottom: 8px;
}
.views-row .MO30 {
  margin-bottom: 30px;
}

.MO31:not(.MO31--comment) {
  margin-bottom: 20px;
  padding: 50px 60px;
  background-color: #fff;
  box-shadow: 8px 8px 45px rgba(35, 53, 82, 0.1);
}
@media only screen and (max-width: 834px) {
  .MO31:not(.MO31--comment) {
    padding: 50px 40px;
  }
}
@media only screen and (max-width: 600px) {
  .MO31:not(.MO31--comment) {
    padding: 30px 24px;
  }
}
.MO31--comment {
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid #6a7889;
}
@media only screen and (max-width: 600px) {
  .MO31--comment {
    padding-bottom: 30px;
    margin-bottom: 20px;
  }
}
.MO31__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #09315b;
  margin-bottom: 16px;
  padding-bottom: 16px;
  font-weight: 700;
  color: #09315b;
  letter-spacing: 0.8px;
  font-size: 16px;
  line-height: 22px;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 700;
}
@media only screen and (max-width: 600px) {
  .MO31__header {
    flex-direction: column;
    align-items: flex-start;
  }
  .MO31__header .MO31__user {
    margin-bottom: 12px;
  }
}
@media only screen and (max-width: 834px) {
  .MO31__header {
    font-size: 14px;
    line-height: 18px;
  }
}
.MO31--comment .MO31__header {
  border: none;
  margin: 0;
  padding-bottom: 30px;
}
@media only screen and (max-width: 600px) {
  .MO31--comment .MO31__header {
    padding-bottom: 20px;
  }
}
.MO31__subscribe a {
  font-weight: bold;
  text-transform: none;
  text-decoration: none;
  cursor: pointer;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 35px;
  display: inline-flex;
  align-items: center;
  position: relative;
  transition: color 0.25s ease-in-out;
  border: none;
  height: auto;
  min-width: auto;
  min-height: auto;
  padding: 0;
  color: #09315b;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  padding: 17px 60px 17px 0;
}
@media only screen and (max-width: 600px) {
  .MO31__subscribe a {
    font-size: 14px;
    line-height: 35px;
  }
}
.MO31__subscribe a.full {
  width: 100%;
}
.MO31__subscribe a:hover, .MO31__subscribe a.hover {
  border: none;
}
.MO31__subscribe a.selected, .MO31__subscribe a.active, .MO31__subscribe a:active, .MO31__subscribe a:focus {
  border: none;
}
.MO31__subscribe a[class*=icon--]:not(.icon-only)::before {
  order: 9999;
}
.MO31__subscribe a:hover, .MO31__subscribe a.hover {
  border: none;
  color: #09315b;
  background: transparent;
}
.MO31__subscribe a.selected, .MO31__subscribe a:active, .MO31__subscribe a:focus {
  border: none;
  color: #09315b;
  background: transparent;
}
.MO31__subscribe a[disabled], .MO31__subscribe a.disabled {
  border: none;
  background-color: transparent;
  color: #adadad;
}
.MO31__subscribe a::after {
  margin-left: 0;
  border-radius: 50%;
  border: 2px solid;
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translateY(calc(-50% + 1px));
  width: 39px;
  height: 39px;
  display: inline-flex;
  align-self: center;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 834px) {
  .MO31__subscribe a::after {
    width: 35px;
    height: 35px;
  }
}
.MO31__subscribe a.selected::after, .MO31__subscribe a:active::after, .MO31__subscribe a:focus::after, .MO31__subscribe a:hover::after, .MO31__subscribe a.hover::after {
  border: 3px solid;
  right: 1px;
}
@media only screen and (max-width: 834px) {
  .MO31__subscribe a {
    padding: 12px 60px 12px 0;
  }
  .MO31__subscribe a::after {
    width: 34px;
    height: 34px;
  }
}
@media only screen and (max-width: 414px) {
  .MO31__subscribe a {
    padding: 10px 56px 10px 0;
  }
  .MO31__subscribe a::after {
    width: 35px;
    height: 35px;
  }
}
.MO31__subscribe a:after {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea01";
}
.MO31__reply a {
  font-weight: bold;
  text-transform: none;
  text-decoration: none;
  cursor: pointer;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 35px;
  display: inline-flex;
  align-items: center;
  position: relative;
  transition: color 0.25s ease-in-out;
  border: none;
  height: auto;
  min-width: auto;
  min-height: auto;
  padding: 0;
  color: #09315b;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  padding: 17px 60px 17px 0;
}
@media only screen and (max-width: 600px) {
  .MO31__reply a {
    font-size: 14px;
    line-height: 35px;
  }
}
.MO31__reply a.full {
  width: 100%;
}
.MO31__reply a:hover, .MO31__reply a.hover {
  border: none;
}
.MO31__reply a.selected, .MO31__reply a.active, .MO31__reply a:active, .MO31__reply a:focus {
  border: none;
}
.MO31__reply a[class*=icon--]:not(.icon-only)::before {
  order: 9999;
}
.MO31__reply a:hover, .MO31__reply a.hover {
  border: none;
  color: #09315b;
  background: transparent;
}
.MO31__reply a.selected, .MO31__reply a:active, .MO31__reply a:focus {
  border: none;
  color: #09315b;
  background: transparent;
}
.MO31__reply a[disabled], .MO31__reply a.disabled {
  border: none;
  background-color: transparent;
  color: #adadad;
}
.MO31__reply a::after {
  margin-left: 0;
  border-radius: 50%;
  border: 2px solid;
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translateY(calc(-50% + 1px));
  width: 39px;
  height: 39px;
  display: inline-flex;
  align-self: center;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 834px) {
  .MO31__reply a::after {
    width: 35px;
    height: 35px;
  }
}
.MO31__reply a.selected::after, .MO31__reply a:active::after, .MO31__reply a:focus::after, .MO31__reply a:hover::after, .MO31__reply a.hover::after {
  border: 3px solid;
  right: 1px;
}
@media only screen and (max-width: 834px) {
  .MO31__reply a {
    padding: 12px 60px 12px 0;
  }
  .MO31__reply a::after {
    width: 34px;
    height: 34px;
  }
}
@media only screen and (max-width: 414px) {
  .MO31__reply a {
    padding: 10px 56px 10px 0;
  }
  .MO31__reply a::after {
    width: 35px;
    height: 35px;
  }
}
.MO31__reply a:after {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea2d";
}
.MO31__footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.MO32 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-wrap: wrap;
  width: 100%;
  row-gap: 20px;
}
.MO32 .MO32__fields {
  display: flex;
  width: 100%;
}
.MO32:not(.--dark) {
  margin-bottom: 40px;
}
@media only screen and (max-width: 1440px) {
  .MO32:not(.--dark) {
    margin-bottom: 58px;
  }
}
@media only screen and (max-width: 1280px) {
  .MO32:not(.--dark) {
    margin-bottom: 58px;
  }
}
@media only screen and (max-width: 834px) {
  .MO32:not(.--dark) {
    margin-bottom: 48px;
  }
}
@media only screen and (max-width: 600px) {
  .MO32:not(.--dark) {
    margin-bottom: 30px;
  }
}
.MO32:not(.--dark) .MO32__fields {
  width: -moz-fit-content;
  width: fit-content;
}
@media only screen and (max-width: 600px) {
  .MO32:not(.--dark) .MO32__fields {
    width: 100%;
  }
}
.MO32.--dark {
  margin-bottom: 40px;
}
@media only screen and (max-width: 834px) {
  .MO32.--dark {
    margin-bottom: 30px;
  }
}
.MO32.--full-width {
  margin-bottom: 0;
}
.MO32.--full-width .MO32__form {
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  box-shadow: none;
}
.MO32.--standard-height .MO32__form {
  padding-top: 50px;
}
.MO32__form {
  width: 100%;
  display: flex;
  flex: 1 0 0;
  margin-left: auto;
  align-items: stretch;
  justify-content: flex-end;
}
.--dark .MO32__form {
  background-color: #09315b;
  box-shadow: 0 10px 30px rgba(0, 32, 65, 0.2);
  color: #fff;
  padding: 44px 50px 53px;
}
@media only screen and (max-width: 1680px) {
  .--dark .MO32__form {
    padding: 35px 38px 36px;
    margin-bottom: 14px;
  }
}
@media only screen and (max-width: 834px) {
  .--dark .MO32__form {
    flex-wrap: wrap;
    padding: 35px;
  }
}
@media only screen and (max-width: 600px) {
  .--dark .MO32__form {
    flex-wrap: wrap;
    padding: 30px 20px;
  }
}
.--global .MO32__form {
  justify-content: center;
}
@media only screen and (max-width: 834px) {
  .MO32__form .MO32__fields {
    flex-wrap: wrap;
  }
}
.MO32__field_subjects {
  margin-bottom: 0;
}
.MO32:not(.--dark) .MO32__field_subjects.--select {
  border: 1px solid #d0d0d0;
  box-shadow: 0 4px 10px rgba(0, 32, 65, 0.25);
  min-width: 300px;
  height: 60px;
  padding: 0 25px;
  background: #fff;
}
@media only screen and (max-width: 414px) {
  .MO32:not(.--dark) .MO32__field_subjects.--select {
    min-width: 230px;
    height: 55px;
  }
}
@media only screen and (min-width: 601px) {
  .MO32:not(.--dark) .MO32__field_subjects.--select {
    min-width: 300px;
  }
}
@media only screen and (max-width: 600px) {
  .MO32:not(.--dark) .MO32__field_subjects.--select {
    min-width: 0;
    width: 100%;
    max-height: 50px;
  }
}
.MO32:not(.--dark) .MO32__field_subjects.--select .fieldset-wrapper {
  top: 30px;
}
@media only screen and (min-width: 601px) {
  .MO32:not(.--dark) .MO32__field_subjects input[type=text], .MO32:not(.--dark) .MO32__field_subjects input[type=search] {
    min-width: 300px;
  }
}
.MO32__field_subjects .form-item {
  margin-bottom: 0;
}
.--dark .MO32__field_subjects .form-item__label {
  color: #fff;
}
@media only screen and (max-width: 600px) {
  .MO32__field_subjects, .MO32__field_subjects.--select,
  .MO32__field_subjects input[type=text], .MO32__field_subjects input[type=search] {
    min-width: 0;
    width: 100%;
  }
}
.MO32__field_subjects input[type=text], .MO32__field_subjects input[type=search] {
  height: 56px;
}
@media only screen and (max-width: 600px) {
  .MO32__field_subjects input[type=text], .MO32__field_subjects input[type=search] {
    max-height: 48px;
  }
}
.--dark .MO32__field_subjects.--select {
  height: 56px;
  align-self: flex-end;
  flex: 1 0 auto;
}
.--dark .MO32__field_subjects.--select .form-fieldset > legend > span {
  color: #fff;
}
.--dark .MO32__field_subjects.--select .form-item:not(:last-child) {
  margin-bottom: 0;
}
.--dark .MO32__field_subjects.--select fieldset legend::before {
  color: #fff;
}
.--dark .MO32__field_subjects.--select fieldset .fieldset-wrapper {
  left: -3px;
  min-width: 300px;
}
.--dark .MO32__field_subjects.--select fieldset .fieldset-wrapper:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent; /* left arrow slant */
  border-right: 10px solid transparent; /* right arrow slant */
  border-bottom: 10px solid #fff; /* bottom, add background color here */
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: -10px;
  left: auto;
}
@media only screen and (max-width: 834px) {
  .--dark .MO32__field_subjects.--select {
    height: auto;
    margin-right: 0%;
    margin-top: 25px;
    flex: 0 1 45%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    padding-bottom: 15px;
  }
}
@media only screen and (min-width: 835px) {
  .--dark .MO32__field_subjects.--select {
    margin-left: 50px;
  }
}
@media only screen and (max-width: 600px) {
  .--dark .MO32__field_subjects.--select {
    flex: 0 1 100%;
    margin-top: 20px;
  }
}
.--dark .MO32__field_subjects:not(.--select) {
  flex: 0 1 60%;
}
@media only screen and (max-width: 834px) {
  .--dark .MO32__field_subjects:not(.--select) {
    flex: 0 1 100%;
  }
}
.--dark .MO32__field_subjects:not(.--select) input[type=text], .--dark .MO32__field_subjects:not(.--select) input[type=search] {
  width: 100%;
}
@media only screen and (max-width: 834px) {
  .MO32__field_subjects.--select + .MO32__field_subjects.--select {
    margin-left: 10%;
  }
}
@media only screen and (max-width: 600px) {
  .MO32__field_subjects.--select + .MO32__field_subjects.--select {
    margin-left: 0%;
  }
}
.MO32__actions {
  position: relative;
  display: flex;
  align-items: flex-end;
  margin-left: 20px;
}
@media only screen and (min-width: 600px) {
  .--dark .MO32__actions {
    margin-left: 50px;
  }
}
@media only screen and (max-width: 834px) {
  .--dark .MO32__actions {
    margin-left: 0;
    flex: 0 1 100%;
    margin-top: 28px;
  }
}
@media only screen and (max-width: 600px) {
  .--dark .MO32__actions {
    margin-top: 20px;
  }
}
.MO32__actions > *,
.MO32__actions button.form-submit {
  height: 100%;
  max-height: 56px;
}
@media only screen and (max-width: 600px) {
  .MO32__actions > *,
  .MO32__actions button.form-submit {
    max-height: 48px;
  }
}
.MO32__actions input[type=submit],
.MO32__actions button:not(.MO32__submit) {
  display: none;
}
.MO32__actions .MO32__submit {
  margin: 0;
}
.MO32__actions .MO32__reset {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
}
.MO32__tag {
  display: flex;
  width: 100%;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 20px;
}
@media only screen and (max-width: 834px) {
  .MO32__tag {
    flex-direction: column;
  }
}
.MO32:not(.--dark) .MO32__tag {
  display: flex;
}
.--dark .MO32__tag {
  width: 100%;
}
.MO32__tag-count {
  display: none;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  -moz-column-gap: 24px;
       column-gap: 24px;
}
.MO32__tag-count__message {
  display: flex;
  color: #09315b;
  text-transform: uppercase;
  padding-top: 20px;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 22px;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 700;
  letter-spacing: 1.1px;
  text-transform: uppercase;
}
@media only screen and (max-width: 834px) {
  .MO32__tag-count__message {
    font-size: 14px;
    line-height: 18px;
  }
}
@media only screen and (max-width: 834px) {
  .MO32__tag-count__message {
    letter-spacing: 0.8px;
  }
}
.MO32__tag-count__message .count {
  margin-right: 5px;
}
.MO32__tag-list:not(:empty) {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-right: 20px;
  padding-top: 14px;
}
@media only screen and (max-width: 834px) {
  .MO32__tag-list:not(:empty) {
    margin-top: 16px;
  }
}
.MO32__tag-item {
  margin-bottom: 10px;
  background-color: #09315b;
  padding: 4px 10px;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
  letter-spacing: 0.5px;
  display: flex;
  align-items: center;
}
.MO32__tag-item:after {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea11";
}
.MO32__tag-item::after {
  font-size: 16px;
  margin-left: 15px;
}
.MO32__tag-item:not(:last-child) {
  margin-right: 10px;
}
.MO32 .MO32__reset {
  order: 9999;
  width: 100%;
  justify-content: flex-end;
}
.MO32 .MO32__reset:after {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea2e";
}
@media only screen and (max-width: 600px) {
  .MO32 .MO32__reset {
    width: 100%;
    justify-content: flex-start;
  }
}
.MO32 .MO32__reset::after {
  margin-left: 15px;
}
.MO32 .MO32__reset.button {
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
}
.MO32__fields {
  display: flex;
}
.MO32.--marketing-hub {
  position: relative;
}
.MO32.--marketing-hub .MO32__form {
  box-shadow: 0 10px 30px rgba(0, 22, 44, 0.2);
  margin-bottom: 40px;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 834px) {
  .MO32.--marketing-hub .MO32__form {
    flex-wrap: wrap;
    row-gap: 30px;
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.MO32.--marketing-hub .MO32__form input[type=text] {
  position: relative;
}
.MO32.--marketing-hub .MO32__tag-list .MO32__reset, .MO32.--marketing-hub .MO32__tag-list .MO32__tag-item {
  font-size: 16px;
}
.MO32.--marketing-hub .MO32__tag-list .MO32__reset {
  justify-content: flex-start;
  width: -moz-fit-content;
  width: fit-content;
  padding: 4px 10px;
  margin: 0 0 10px;
}
.MO32.--marketing-hub .MO32__tag-list .MO32__reset:after {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea11";
}
.MO32.--marketing-hub .MO32__submit:before {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea32";
}
.MO32.--marketing-hub .MO32__fields {
  justify-content: space-between;
  -moz-column-gap: 40px;
       column-gap: 40px;
}
@media only screen and (max-width: 1440px) {
  .MO32.--marketing-hub .MO32__fields {
    -moz-column-gap: 0;
         column-gap: 0;
  }
}
.MO32.--marketing-hub .MO32__fields .MO32__field_subjects {
  width: 57%;
  flex: 1 1 auto;
  margin: 0;
}
@media only screen and (max-width: 1920px) {
  .MO32.--marketing-hub .MO32__fields .MO32__field_subjects {
    width: 49%;
  }
}
@media only screen and (max-width: 1680px) {
  .MO32.--marketing-hub .MO32__fields .MO32__field_subjects {
    width: 37%;
  }
}
@media only screen and (max-width: 1440px) {
  .MO32.--marketing-hub .MO32__fields .MO32__field_subjects {
    flex-wrap: wrap;
    width: 100%;
    -moz-column-gap: 0;
         column-gap: 0;
  }
}
@media only screen and (max-width: 600px) {
  .MO32.--marketing-hub .MO32__fields .MO32__field_subjects {
    width: 100%;
  }
}
@media only screen and (max-width: 1440px) {
  .MO32.--marketing-hub .MO32__fields .MO32__field_subjects label, .MO32.--marketing-hub .MO32__fields .MO32__field_subjects .fieldset-legend {
    font-size: 16px;
  }
}
.MO32.--marketing-hub .MO32__fields .MO32__field_subjects.--select {
  width: -moz-fit-content;
  width: fit-content;
  flex: none;
}
@media only screen and (max-width: 1280px) {
  .MO32.--marketing-hub .MO32__fields .MO32__field_subjects.--select {
    padding: 0;
  }
}
@media only screen and (max-width: 834px) {
  .MO32.--marketing-hub .MO32__fields .MO32__field_subjects.--select {
    border: none;
  }
}
@media only screen and (max-width: 600px) {
  .MO32.--marketing-hub .MO32__fields .MO32__field_subjects.--select {
    width: 100%;
  }
}
@media only screen and (max-width: 1440px) {
  .MO32.--marketing-hub .MO32__fields {
    flex-wrap: wrap;
    width: 50%;
    row-gap: 25px;
  }
}
@media only screen and (max-width: 1280px) {
  .MO32.--marketing-hub .MO32__fields {
    width: 100%;
    justify-content: flex-start;
    -moz-column-gap: 80px;
         column-gap: 80px;
    row-gap: 30px;
  }
}
.MO32.--marketing-hub .MO32__actions {
  display: flex;
  gap: 25px;
  align-items: center;
  align-self: flex-end;
}
.MO32.--marketing-hub .MO32__actions .MO32__reset {
  color: #fff;
  position: relative;
  z-index: 1;
  margin: 0;
  height: 56px;
}
@media only screen and (max-width: 834px) {
  .MO32.--marketing-hub .MO32__actions .MO32__reset {
    justify-content: flex-start;
  }
}
@media only screen and (max-width: 600px) {
  .MO32.--marketing-hub .MO32__actions .MO32__reset {
    justify-content: flex-end;
  }
}
@media only screen and (max-width: 1440px) {
  .MO32.--marketing-hub .MO32__actions {
    flex-direction: column;
    row-gap: 25px;
    align-self: flex-start;
    margin-top: 35px;
  }
}
@media only screen and (max-width: 834px) {
  .MO32.--marketing-hub .MO32__actions {
    margin: 0;
    flex-direction: row;
    -moz-column-gap: 30px;
         column-gap: 30px;
  }
}
@media only screen and (max-width: 600px) {
  .MO32.--marketing-hub .filter_dropdown-js .fieldset-wrapper {
    width: 100%;
  }
}
.MO32.--marketing-hub .MO32__tag-list:not(:empty) {
  -moz-column-gap: 15px;
       column-gap: 15px;
}
@media only screen and (max-width: 600px) {
  .MO32.--marketing-hub .MO32__tag-list:not(:empty) {
    padding-top: 0;
    margin-top: 0;
  }
}

.demo__MO33 {
  display: block;
  position: relative;
  width: 30%;
  min-height: 200px;
  padding: 40px;
}
.demo__MO33__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.--dark ~ .demo__MO33__bg {
  background-color: #09315b;
}

.MO33 {
  display: block;
  width: 100%;
  min-height: 30px;
  text-align: center;
  position: relative;
  padding-top: 8px;
  overflow: hidden;
}
.MO33::before {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  width: 100%;
  height: 100%;
}
.MO33.--light::before {
  background-color: #fff;
  box-shadow: 0 -3px 6px -2px rgba(0, 0, 0, 0.2);
  border-top: 1px solid rgba(9, 49, 91, 0.2);
}
.MO33.--dark::before {
  background-color: #09315b;
  box-shadow: 0 -3px 8px -1px rgba(0, 0, 0, 0.4);
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.MO33.--no-background::before {
  background-color: transparent;
}
.MO33.--with-actions {
  display: flex;
  justify-content: space-between;
  min-height: 40px;
  padding-top: 14px;
}
.MO33.--with-actions .MO33__actions {
  position: relative;
}
.MO33.--with-actions .MO33__arrow {
  margin-left: 10px;
}
.MO33__arrow {
  display: inline-flex;
  align-items: center;
  transform: rotate(90deg);
  animation: bounce-bottom 1s infinite alternate;
}
.MO33__arrow:before {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea0a";
}
.--dark .MO33__arrow {
  color: #fff;
}
.--light .MO33__arrow {
  color: #09315b;
}
.MO33 .heading__label {
  position: relative;
}

@keyframes bounce-bottom {
  from {
    transform: translateY(10px) rotate(90deg);
  }
  to {
    transform: translateY(0) rotate(90deg);
  }
}
.demo__MO34__standard {
  width: 400px;
  max-width: 100%;
}
.demo__MO34__alt {
  width: 500px;
  max-width: 100%;
}

.MO34 {
  width: 100%;
  color: #333;
  padding: 20px 22px;
  background: #fff;
  position: relative;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.MO34__logo {
  display: flex;
  width: 100%;
  justify-content: center;
}
.MO34__logo img {
  max-width: 236px;
}
.MO34__header__title {
  color: #09315b;
  font-size: 24px;
  line-height: 31px;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 500;
}
@media only screen and (min-width: 1920px) {
  .MO34__header__title {
    font-size: 24px;
    line-height: 31px;
  }
}
@media only screen and (max-width: 1680px) {
  .MO34__header__title {
    font-size: calc(22px + (24 - 22) * (100vw - 1441px) / (1680 - 1441));
    line-height: calc(28px + (31 - 28) * (100vw - 1441px) / (1680 - 1441));
  }
}
@media only screen and (max-width: 1440px) {
  .MO34__header__title {
    font-size: 22px;
    line-height: calc(29px + (28 - 29) * (100vw - 1281px) / (1440 - 1281));
  }
}
@media only screen and (max-width: 1280px) {
  .MO34__header__title {
    font-size: calc(20px + (22 - 20) * (100vw - 835px) / (1280 - 835));
    line-height: calc(26px + (29 - 26) * (100vw - 835px) / (1280 - 835));
  }
}
@media only screen and (max-width: 834px) {
  .MO34__header__title {
    font-size: 20px;
    line-height: calc(26px + (25 - 26) * (100vw - 415px) / (834 - 415));
  }
}
@media only screen and (max-width: 414px) {
  .MO34__header__title {
    font-size: 20px;
    line-height: 26px;
  }
}
.MO34__header__distributor {
  font-size: 16px;
  line-height: 26px;
  font-family: JohnstonITCProLight, sans-serif;
  font-weight: 300;
}
@media only screen and (min-width: 1920px) {
  .MO34__header__distributor {
    font-size: 16px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 1680px) {
  .MO34__header__distributor {
    font-size: 16px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 1440px) {
  .MO34__header__distributor {
    font-size: 16px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 1280px) {
  .MO34__header__distributor {
    font-size: 16px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 834px) {
  .MO34__header__distributor {
    font-size: calc(14px + (16 - 14) * (100vw - 415px) / (834 - 415));
    line-height: calc(22px + (26 - 22) * (100vw - 415px) / (834 - 415));
  }
}
@media only screen and (max-width: 414px) {
  .MO34__header__distributor {
    font-size: 14px;
    line-height: 22px;
  }
}
.MO34__content__tags {
  list-style: none;
  padding: 12px 0 0;
}
.MO34__content__tags li {
  display: inline-flex;
  padding: 0;
}
.MO34__content__info {
  padding-top: 20px;
  display: flex;
}
@media only screen and (max-width: 600px) {
  .MO34__content__info {
    flex-direction: column;
  }
}
@media only screen and (max-width: 1280px) {
  .MO34--narrow .MO34__content__info {
    flex-direction: column;
  }
}

.MO34__content__info > * + * {
  margin-left: 20px;
}
@media only screen and (max-width: 600px) {
  .MO34__content__info > * + * {
    margin-left: 0;
    margin-top: 17px;
  }
}
@media only screen and (max-width: 1280px) {
  .MO34--narrow .MO34__content__info > * + * {
    margin-left: 0;
    margin-top: 17px;
  }
}

.MO34__content__info__address > *, .MO34__content__info__contact > * {
  line-height: 23px;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 500;
}
.MO34__content__info__address > * a, .MO34__content__info__contact > * a {
  font-size: inherit;
  line-height: inherit;
  text-decoration: underline;
}
.MO34__content__info__address {
  flex: 0.8;
}
.MO34__content__info__contact {
  flex: 1.4;
}
.MO34--smaller .MO34__highlight {
  opacity: 1;
}
.MO34--smaller .MO34__expand {
  opacity: 1;
  visibility: visible;
}
.MO34--smaller .MO34__header__title {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 4px;
}
.MO34--smaller .MO34__content__info__address > *, .MO34--smaller .MO34__content__info__contact > * {
  font-size: 14px;
  line-height: 22px;
}
.MO34__expand {
  opacity: 0;
  visibility: hidden;
  transition: opacity 250ms ease-in-out, visibility 250ms ease-in-out;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  border: none;
  border-radius: 0;
  background: transparent;
  position: absolute;
  right: 15px;
  top: 15px;
}
.MO34__expand:before {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea0d";
}
.MO34__expand::before {
  color: #09315b;
  font-size: 20px;
  line-height: 1;
  transform: scale(1);
  transition: transform 250ms ease-in-out;
}
.MO34__expand:hover::before, .MO34__expand:focus::before {
  transform: scale(1.15);
}
.MO34__highlight {
  top: 0;
  left: 0;
  opacity: 0;
  width: 5px;
  height: 100%;
  position: absolute;
  pointer-events: none;
  background: #09315b;
  transition: opacity 250ms ease-in-out;
}
.MO34--collapsible {
  padding: 26px 30px;
}
.MO34--collapsible .MO34__content__info {
  padding-top: 25px;
}
.MO34--collapsed .MO34__content {
  display: none;
}
.MO34--collapsed .MO34__expand:before {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea0e";
}

.MO35 {
  padding: 100px 128px;
  margin-top: 10px;
  background-color: #fff;
  box-shadow: 8px 8px 45px rgba(35, 53, 82, 0.1);
}
@media only screen and (max-width: 1920px) {
  .MO35 {
    padding: 100px 128px;
    margin-top: 40px;
  }
}
@media only screen and (max-width: 1680px) {
  .MO35 {
    padding: 95px 112px;
  }
}
@media only screen and (max-width: 1440px) {
  .MO35 {
    padding: 90px 104px;
  }
}
@media only screen and (max-width: 1280px) {
  .MO35 {
    padding: 80px 94px;
  }
}
@media only screen and (max-width: 834px) {
  .MO35 {
    padding: 50px 40px;
    margin-top: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .MO35 {
    padding: 35px 23px;
  }
}
.MO35__title {
  color: #09315b;
  font-size: calc(42px + (46 - 42) * (100vw - 1681px) / (1920 - 1681));
  line-height: calc(50px + (55 - 50) * (100vw - 1681px) / (1920 - 1681));
}
@media only screen and (min-width: 1920px) {
  .MO35__title {
    font-size: 46px;
    line-height: 55px;
  }
}
@media only screen and (max-width: 1680px) {
  .MO35__title {
    font-size: calc(40px + (42 - 40) * (100vw - 1441px) / (1680 - 1441));
    line-height: calc(48px + (50 - 48) * (100vw - 1441px) / (1680 - 1441));
  }
}
@media only screen and (max-width: 1440px) {
  .MO35__title {
    font-size: calc(38px + (40 - 38) * (100vw - 1281px) / (1440 - 1281));
    line-height: calc(46px + (48 - 46) * (100vw - 1281px) / (1440 - 1281));
  }
}
@media only screen and (max-width: 1280px) {
  .MO35__title {
    font-size: calc(36px + (38 - 36) * (100vw - 835px) / (1280 - 835));
    line-height: calc(43px + (46 - 43) * (100vw - 835px) / (1280 - 835));
  }
}
@media only screen and (max-width: 834px) {
  .MO35__title {
    font-size: calc(32px + (36 - 32) * (100vw - 415px) / (834 - 415));
    line-height: calc(38px + (43 - 38) * (100vw - 415px) / (834 - 415));
  }
}
@media only screen and (max-width: 414px) {
  .MO35__title {
    font-size: 32px;
    line-height: 38px;
  }
}
.MO35__body {
  margin: 30px 0;
}
@media only screen and (max-width: 834px) {
  .MO35__body {
    margin: 25px 0;
  }
}
@media only screen and (max-width: 414px) {
  .MO35__ctas > * {
    display: block;
  }
}
.MO35__ctas > *:first-child,
.MO35__ctas > * form {
  margin-right: 20px;
}
@media only screen and (min-width: 415px) {
  .MO35__ctas > *:first-child,
  .MO35__ctas > * form {
    margin-right: 35px;
  }
}
@media only screen and (max-width: 414px) {
  .MO35__ctas > *:first-child,
  .MO35__ctas > * form {
    margin-bottom: 35px;
  }
}
.MO35__ctas .block {
  margin: 0;
  display: inline-block;
}
.MO35__ctas button:before {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea06";
}
.MO35__ctas button::before {
  font-size: 10px;
}

.MO36 {
  background-color: #09315b;
  color: #fff;
  display: flex;
  align-items: flex-start;
  padding: 5px 90px;
}
@media only screen and (max-width: 1920px) {
  .MO36 {
    padding: 5px 80px;
  }
}
@media only screen and (max-width: 1680px) {
  .MO36 {
    padding: 5px 50px;
  }
}
@media only screen and (max-width: 1440px) {
  .MO36 {
    padding: 5px 47px;
  }
}
@media only screen and (max-width: 1280px) {
  .MO36 {
    padding: 5px 42px;
  }
}
@media only screen and (max-width: 834px) {
  .MO36 {
    padding: 5px 42px;
  }
}
@media only screen and (max-width: 600px) {
  .MO36 {
    padding: 5px 31px;
  }
}
.MO36__body {
  width: 100%;
  text-align: center;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 500;
}
.MO36 a,
.MO36 p a:not(.button) {
  color: #fff;
  text-decoration: underline;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 500;
}

.MO37 {
  display: flex;
  flex-direction: column;
  padding: 45px 55px 45px 45px;
  width: 65%;
  background-color: #fff;
  box-shadow: 8px 8px 45px rgba(35, 53, 82, 0.1);
}
@media only screen and (max-width: 1920px) {
  .MO37 {
    padding: 35px 40px 40px;
  }
}
@media only screen and (max-width: 1680px) {
  .MO37 {
    padding: 40px 50px 40px 40px;
  }
}
@media only screen and (max-width: 1280px) {
  .MO37 {
    padding: 35px 45px 35px 35px;
  }
}
@media only screen and (max-width: 834px) {
  .MO37 {
    padding: 40px 50px 40px 40px;
    width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  .MO37 {
    padding: 25px 30px;
  }
}
.MO37__title {
  color: #09315b;
  margin-bottom: 15px;
  font-size: calc(38px + (40 - 38) * (100vw - 1681px) / (1920 - 1681));
  line-height: calc(47px + (50 - 47) * (100vw - 1681px) / (1920 - 1681));
}
@media only screen and (min-width: 1920px) {
  .MO37__title {
    font-size: 40px;
    line-height: 50px;
  }
}
@media only screen and (max-width: 1680px) {
  .MO37__title {
    font-size: calc(36px + (38 - 36) * (100vw - 1441px) / (1680 - 1441));
    line-height: calc(45px + (47 - 45) * (100vw - 1441px) / (1680 - 1441));
  }
}
@media only screen and (max-width: 1440px) {
  .MO37__title {
    font-size: calc(34px + (36 - 34) * (100vw - 1281px) / (1440 - 1281));
    line-height: calc(42px + (45 - 42) * (100vw - 1281px) / (1440 - 1281));
  }
}
@media only screen and (max-width: 1280px) {
  .MO37__title {
    font-size: calc(32px + (34 - 32) * (100vw - 835px) / (1280 - 835));
    line-height: calc(40px + (42 - 40) * (100vw - 835px) / (1280 - 835));
  }
}
@media only screen and (max-width: 834px) {
  .MO37__title {
    font-size: calc(28px + (32 - 28) * (100vw - 415px) / (834 - 415));
    line-height: calc(35px + (40 - 35) * (100vw - 415px) / (834 - 415));
  }
}
@media only screen and (max-width: 414px) {
  .MO37__title {
    font-size: 28px;
    line-height: 35px;
  }
}
@media only screen and (min-width: 835px) {
  .MO37__title {
    margin-bottom: 25px;
  }
}
.MO37__list {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: 0;
  margin: 0 30px 10px 0;
  list-style: none;
}
@media only screen and (min-width: 601px) {
  .MO37__list {
    margin-top: 40px;
  }
}
.MO37__item {
  text-align: right;
}
.MO37__item:not(:last-child) {
  margin-bottom: 20px;
}
@media only screen and (min-width: 601px) {
  .MO37__item:not(:last-child) {
    margin-bottom: 30px;
  }
}
.MO37__item-date {
  margin: 0;
  padding-right: 28px;
  text-transform: uppercase;
  color: #6a7889;
  font-size: 14px;
  line-height: 18px;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 700;
  letter-spacing: 1.1px;
  text-transform: uppercase;
}
@media only screen and (max-width: 834px) {
  .MO37__item-date {
    font-size: 12px;
    line-height: 14px;
  }
}
@media only screen and (max-width: 834px) {
  .MO37__item-date {
    letter-spacing: 0.6px;
  }
}

.MO38 {
  color: #09315b;
}
.MO38__title {
  text-transform: uppercase;
  font-size: 16px;
  line-height: 22px;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 700;
  letter-spacing: 1.1px;
  text-transform: uppercase;
}
@media only screen and (max-width: 834px) {
  .MO38__title {
    font-size: 14px;
    line-height: 18px;
  }
}
@media only screen and (max-width: 834px) {
  .MO38__title {
    letter-spacing: 0.8px;
  }
}
.MO38__subtitle {
  margin: 25px 0 20px;
  font-size: 16px;
  line-height: 26px;
}
@media only screen and (min-width: 1920px) {
  .MO38__subtitle {
    font-size: 16px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 1680px) {
  .MO38__subtitle {
    font-size: 16px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 1440px) {
  .MO38__subtitle {
    font-size: 16px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 1280px) {
  .MO38__subtitle {
    font-size: 16px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 834px) {
  .MO38__subtitle {
    font-size: calc(14px + (16 - 14) * (100vw - 415px) / (834 - 415));
    line-height: calc(22px + (26 - 22) * (100vw - 415px) / (834 - 415));
  }
}
@media only screen and (max-width: 414px) {
  .MO38__subtitle {
    font-size: 14px;
    line-height: 22px;
  }
}
.MO38__list {
  margin: 0;
}

.MO39__intro {
  padding: 42px;
}
@media only screen and (max-width: 600px) {
  .MO39__intro {
    padding: 42px 30px;
  }
}
.MO39__logo {
  margin-bottom: 82px;
}
.MO39__logo img {
  width: 140px;
  max-width: 100%;
}
@media only screen and (max-width: 600px) {
  .MO39__logo img {
    width: 135px;
  }
}
.MO39__title {
  color: #09315b;
  margin-bottom: 10px;
}
@media only screen and (max-width: 1280px) {
  .MO39__title {
    margin-bottom: 15px;
  }
}
.MO39__copy {
  color: #333;
  margin-bottom: 25px;
}
@media only screen and (max-width: 1680px) {
  .MO39__copy {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 1280px) {
  .MO39__copy {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 414px) {
  .MO39__copy {
    margin-bottom: 40px;
  }
}
.MO39__cta-container {
  display: flex;
}
.MO39__cta-container .no-icon {
  margin-left: 32px;
}
.MO39__cta-container .no-icon::before {
  display: none;
}
@media only screen and (max-width: 414px) {
  .MO39__cta-container .MO39__start-button {
    padding: 13px 25px;
  }
}

.MO4 .heading__label {
  color: #09315b;
  opacity: 0.65;
  margin-bottom: 16px;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 700;
}
@media only screen and (max-width: 1439px) {
  .MO4 .heading__label {
    margin-bottom: 8px;
  }
}
.MO4 .heading__title {
  color: #09315b;
  margin-bottom: 20px;
  font-size: calc(42px + (46 - 42) * (100vw - 1681px) / (1920 - 1681));
  line-height: calc(50px + (55 - 50) * (100vw - 1681px) / (1920 - 1681));
}
@media only screen and (min-width: 1920px) {
  .MO4 .heading__title {
    font-size: 46px;
    line-height: 55px;
  }
}
@media only screen and (max-width: 1680px) {
  .MO4 .heading__title {
    font-size: calc(40px + (42 - 40) * (100vw - 1441px) / (1680 - 1441));
    line-height: calc(48px + (50 - 48) * (100vw - 1441px) / (1680 - 1441));
  }
}
@media only screen and (max-width: 1440px) {
  .MO4 .heading__title {
    font-size: calc(38px + (40 - 38) * (100vw - 1281px) / (1440 - 1281));
    line-height: calc(46px + (48 - 46) * (100vw - 1281px) / (1440 - 1281));
  }
}
@media only screen and (max-width: 1280px) {
  .MO4 .heading__title {
    font-size: calc(36px + (38 - 36) * (100vw - 835px) / (1280 - 835));
    line-height: calc(43px + (46 - 43) * (100vw - 835px) / (1280 - 835));
  }
}
@media only screen and (max-width: 834px) {
  .MO4 .heading__title {
    font-size: calc(32px + (36 - 32) * (100vw - 415px) / (834 - 415));
    line-height: calc(38px + (43 - 38) * (100vw - 415px) / (834 - 415));
  }
}
@media only screen and (max-width: 414px) {
  .MO4 .heading__title {
    font-size: 32px;
    line-height: 38px;
  }
}
@media only screen and (max-width: 1920px) {
  .MO4 .heading__title {
    margin-bottom: 15px;
  }
}

.MO4--header .heading__label {
  color: #fff;
}
.MO4--header .heading__title {
  color: #fff;
  max-width: 1025px;
  letter-spacing: 0.5px;
}
@media only screen and (max-width: 834px) {
  .MO4--header .heading__title {
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 414px) {
  .MO4--header .heading__title {
    margin-bottom: 20px;
  }
}

.demo__MO40 {
  width: 100%;
  height: 100vh;
  padding: 40px 0;
  background: #09315b;
}
.demo__MO40__inner {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 50px;
}

/*
 * $status: logged-in | logged-out
 * $breakpoint: default | xl | tablet | mobile | ...
 */
.MO40 {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  gap: 40px;
}
@media only screen and (max-width: 1680px) {
  .MO40 {
    gap: 32px;
  }
}
@media only screen and (max-width: 834px) {
  .MO40 {
    gap: 24px;
  }
}
.MO40__trigger {
  color: #fff;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: color 250ms ease-in-out;
}
.MO40__trigger:hover {
  color: #65c4db;
}
.MO40__popup {
  width: auto;
  min-width: 350px;
  max-width: 500px;
  padding: 32px;
  background: #fff;
  position: absolute;
  right: -74px;
  top: calc(100% + 21px + 20px);
  opacity: 0;
  visibility: hidden;
  box-shadow: 0 8px 45px rgba(35, 53, 82, 0.1);
  transition: visibility 250ms ease-in-out, opacity 250ms ease-in-out, bottom 250ms ease-in-out;
}
@media only screen and (max-width: 600px) {
  .MO40__popup {
    width: 100%;
    min-width: unset;
    max-width: unset;
    position: fixed;
    left: 0;
    top: auto;
    bottom: -40px;
  }
}
.MO40__popup::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  right: 0;
  top: -19px;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-bottom: 21px solid #fff;
}
@media only screen and (max-width: 600px) {
  .MO40__popup::before {
    content: none;
    display: none;
  }
}
.MO40__popup__username {
  font-size: 26px;
  color: #09315b;
  overflow-wrap: break-word;
  word-wrap: break-word;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 500;
}
@media only screen and (max-width: 834px) {
  .MO40__popup__username {
    font-size: 23px;
  }
}
@media only screen and (max-width: 600px) {
  .MO40__popup__username {
    font-size: 22px;
  }
}
.MO40__popup hr {
  padding: 0;
  width: 100%;
  height: 1px;
  border: none;
  margin: 28px 0;
  background: rgba(9, 49, 91, 0.2);
}
.MO40--logged-out .MO40__trigger {
  line-height: 1;
  font-size: 32px;
}
@media only screen and (max-width: 1919px) {
  .MO40--logged-out .MO40__trigger {
    font-size: 24px;
  }
}
.MO40--logged-out .MO40__trigger:before {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea26";
}
.MO40--logged-out .MO40__trigger::before {
  line-height: 1;
}
.MO40--logged-out .MO40__popup::before {
  right: 76px;
}
@media only screen and (max-width: 1680px) {
  .MO40--logged-out .MO40__popup::before {
    right: 72px;
  }
}
.MO40--logged-in .MO40__trigger {
  width: 32px;
  height: 32px;
  padding: 1px;
  border: 1px solid #09315b;
  border-radius: 32px;
  outline: 1px solid #fff;
  background-color: #fff;
  color: #09315b;
  transition: background-color 250ms ease-in-out, outline 250ms ease-in-out;
  font-size: 16px;
  line-height: 22px;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 700;
  letter-spacing: 1.1px;
  text-transform: uppercase;
}
@media only screen and (max-width: 834px) {
  .MO40--logged-in .MO40__trigger {
    font-size: 14px;
    line-height: 18px;
  }
}
@media only screen and (max-width: 834px) {
  .MO40--logged-in .MO40__trigger {
    letter-spacing: 0.8px;
  }
}
@media only screen and (max-width: 1680px) {
  .MO40--logged-in .MO40__trigger {
    width: 24px;
  }
}
@media only screen and (max-width: 1680px) {
  .MO40--logged-in .MO40__trigger {
    height: 24px;
  }
}
@media only screen and (max-width: 1680px) {
  .MO40--logged-in .MO40__trigger {
    border-radius: 24px;
  }
}
@media only screen and (max-width: 1680px) {
  .MO40--logged-in .MO40__trigger {
    font-size: 14px;
  }
}
.MO40--logged-in .MO40__trigger:hover {
  background-color: #65c4db;
  outline: 1px solid #65c4db;
}
.MO40--logged-in .MO40__signout {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 32px;
  transition: color 250ms ease-in-out;
}
@media only screen and (max-width: 1680px) {
  .MO40--logged-in .MO40__signout {
    font-size: 24px;
  }
}
.MO40--logged-in .MO40__signout:hover {
  color: #65c4db;
  text-decoration: none;
}
.MO40--logged-in .MO40__popup::before {
  right: 148px;
}
@media only screen and (max-width: 1680px) {
  .MO40--logged-in .MO40__popup::before {
    right: 128px;
  }
}
.MO40__backdrop {
  display: none;
}
@media only screen and (max-width: 600px) {
  .MO40__backdrop {
    opacity: 0;
    display: block;
    visibility: hidden;
    background: #000;
    position: fixed;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: visibility 250ms ease-in-out, opacity 250ms ease-in-out;
  }
}
.MO40.opened .MO40__popup {
  opacity: 1;
  visibility: visible;
}
@media only screen and (max-width: 600px) {
  .MO40.opened .MO40__popup {
    top: auto;
    bottom: 0;
  }
}

.MO41 {
  overflow: hidden;
}
.MO41__video {
  padding-top: 56.25%;
  position: relative;
}
.MO41__placeholder, .MO41 iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.MO41__placeholder {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 1;
  cursor: pointer;
}
.MO41__play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: none;
  color: #fff;
  border: 10px solid #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 120px;
  width: 120px;
  box-shadow: 0 10px 20px rgba(0, 35, 72, 0.35);
}
.MO41__play-button:before {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea2a";
}
.MO41__play-button::before {
  font-size: 56px;
  margin-left: 3px;
}
@media only screen and (max-width: 1920px) {
  .MO41__play-button {
    height: 110px;
    width: 110px;
    border-width: 9px;
  }
  .MO41__play-button::before {
    font-size: 50px;
  }
}
@media only screen and (max-width: 1680px) {
  .MO41__play-button {
    height: 98px;
    width: 98px;
    border-width: 8px;
  }
  .MO41__play-button::before {
    font-size: 47px;
  }
}
@media only screen and (max-width: 1440px) {
  .MO41__play-button {
    height: 88px;
    width: 88px;
    border-width: 8px;
  }
  .MO41__play-button::before {
    font-size: 40px;
  }
}
@media only screen and (max-width: 834px) {
  .MO41__play-button {
    height: 77px;
    width: 77px;
    border-width: 6px;
  }
  .MO41__play-button::before {
    font-size: 36px;
  }
}
@media only screen and (max-width: 414px) {
  .MO41__play-button {
    height: 49px;
    width: 49px;
    border-width: 4px;
  }
  .MO41__play-button::before {
    font-size: 22px;
  }
}
.MO41 img {
  -o-object-fit: cover;
     object-fit: cover;
}
.MO41 iframe {
  height: 100%;
  width: 100%;
}
.MO41__description {
  background-color: #09315b;
  color: #fff;
  padding: 35px 40px;
}
@media only screen and (max-width: 1680px) {
  .MO41__description {
    padding: 30px 40px;
  }
}
@media only screen and (max-width: 1440px) {
  .MO41__description {
    padding: 30px 35px;
  }
}
@media only screen and (max-width: 834px) {
  .MO41__description {
    padding: 25px;
  }
}
@media only screen and (max-width: 600px) {
  .MO41__description {
    padding: 20px;
  }
}

.MO42__grid .gr {
  row-gap: 25px;
}

.MO42 {
  position: relative;
  height: 100%;
  background-color: #fff;
  box-shadow: 0 8px 45px rgba(35, 53, 82, 0.1);
  display: flex;
  flex-direction: column;
  line-height: 1;
  border: 1px solid #e3e3e3;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 500;
}
.layout--two-col-grid .MO42, .layout--three-col-grid .MO42 {
  height: 100%;
}
.MO42__image {
  width: 100%;
  padding-top: 240px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 1680px) {
  .MO42__image {
    padding-top: 208px;
  }
}
@media only screen and (max-width: 1440px) {
  .MO42__image {
    padding-top: 192px;
  }
}
@media only screen and (max-width: 1280px) {
  .MO42__image {
    padding-top: 232px;
  }
}
@media only screen and (max-width: 834px) {
  .MO42__image {
    padding-top: 222px;
  }
}
@media only screen and (max-width: 600px) {
  .MO42__image {
    padding-top: 235px;
  }
}
.MO42__content {
  padding: 34.5px 30px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 1680px) {
  .MO42__content {
    padding: 35px 30px;
  }
}
@media only screen and (max-width: 1280px) {
  .MO42__content {
    padding: 35px;
  }
}
@media only screen and (max-width: 834px) {
  .MO42__content {
    padding: 30px;
  }
}
@media only screen and (max-width: 600px) {
  .MO42__content {
    padding: 30px 25px;
  }
}
.MO42__content__title {
  font-size: 24px;
  color: #09315b;
  margin-bottom: 16px;
}
@media only screen and (max-width: 1440px) {
  .MO42__content__title {
    font-size: 22px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 834px) {
  .MO42__content__title {
    font-size: 20px;
  }
}
.MO42__content__category {
  color: #6a7889;
  font-size: 18px;
  margin-bottom: auto;
}
@media only screen and (max-width: 1440px) {
  .MO42__content__category {
    font-size: 16px;
  }
}
@media only screen and (max-width: 600px) {
  .MO42__content__category {
    font-size: 14px;
  }
}
.MO42__content__filesize {
  color: #000;
  margin: 24px 0;
}
@media only screen and (max-width: 1440px) {
  .MO42__content__filesize {
    margin: 25px 0 20px;
  }
}
@media only screen and (max-width: 600px) {
  .MO42__content__filesize {
    margin: 18px 0 16px;
  }
}
.MO42__content__filesize strong {
  font-weight: 700;
}
.MO42__content__quantity {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 30px;
}
@media only screen and (max-width: 1680px) {
  .MO42__content__quantity {
    margin-top: 22px;
  }
}
@media only screen and (max-width: 1440px) {
  .MO42__content__quantity {
    margin-top: 25px;
  }
}
@media only screen and (max-width: 834px) {
  .MO42__content__quantity {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 600px) {
  .MO42__content__quantity {
    margin-top: 18px;
  }
}
.MO42__content__cta {
  margin-top: 20px;
}
@media only screen and (max-width: 600px) {
  .MO42__content__cta {
    margin-top: 16px;
  }
}
.MO42__content__cta button {
  width: 100%;
}
.MO42__content__cta button::before {
  display: none;
}
.MO42 .MO42__image__wrapper {
  position: relative;
  padding: 25px;
}
.MO42 .MO42__image__wrapper .MO42__open-modal, .MO42 .MO42__image__wrapper a {
  border: none;
  position: absolute;
  top: 20px;
  right: 20px;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  font-size: 10px;
  line-height: 1;
  margin: 0;
  background-color: #09315b;
  color: #fff;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 4px 10px rgba(0, 32, 65, 0.25);
}
.MO42 .MO42__image__wrapper .MO42__open-modal:hover, .MO42 .MO42__image__wrapper a:hover {
  background-color: #fff;
  color: #09315b;
  border: 2px solid #09315b;
}
.MO42 .MO42__image__wrapper .MO42__open-modal:focus, .MO42 .MO42__image__wrapper a:focus {
  background-color: #fff;
  color: #09315b;
}
.MO42 .file-size__cont {
  display: none;
}
.MO42 .download-buttons .download-button__cont {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
}
.MO42 .download-buttons .download-button__cont .button a {
  color: #fff;
}
.MO42 .download-buttons .download-button__cont .button:hover a {
  color: #09315b;
}
.MO42 .download-buttons .download-button__cont .button::before {
  display: none;
}
.MO42 .download-buttons .download-button__cont .add {
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: true;
  display: flex;
  justify-content: flex-start;
  cursor: pointer;
  font-weight: 700;
  margin-bottom: 8px;
}
.MO42 .download-buttons .download-button__cont .add::before {
  color: #09315b;
  margin-left: 15px;
  transition: transform 0.25s ease-in-out;
  transform: translateX(0);
}
.MO42 .download-buttons .download-button__cont .add:hover {
  text-decoration: none;
}
.MO42 .download-buttons .download-button__cont .add:hover::before {
  transform: translateX(10px);
}
.MO42 .MO48 {
  height: 530px;
  width: 912px;
  z-index: 9999;
  max-height: 530px;
}
@media only screen and (max-width: 1279px) {
  .MO42 .MO48 {
    width: 80vw;
    height: 70vh;
  }
}
@media only screen and (max-width: 833px) {
  .MO42 .MO48 {
    max-height: 100%;
  }
}
@media only screen and (max-width: 599px) {
  .MO42 .MO48 {
    width: 100vw;
    height: 80vh;
  }
}
.MO42 .ME1 {
  z-index: 9999;
}
.MO42__grid .gr {
  row-gap: 25px;
}
@media only screen and (max-width: 834px) {
  .MO42__grid .gr {
    row-gap: 20px;
  }
}

.product-listing {
  height: 100%;
  width: 100%;
}
.product-listing form .js-form-type-number {
  display: flex;
  justify-content: space-between;
}
.product-listing form .js-form-type-number label {
  vertical-align: middle;
  margin: auto 0;
  font-weight: 500;
  font-size: 16px;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 500;
}
.product-listing .commerce-order-item-add-to-cart-form {
  padding: 0;
}
.product-listing .commerce-order-item-add-to-cart-form .gs {
  max-width: 100%;
}
.product-listing .button--add-to-cart {
  width: 100%;
  background-color: #fff;
  color: #09315b;
  border: 2px solid;
}
.product-listing .button--add-to-cart:hover {
  background-color: #09315b;
  color: #fff;
  border: 2px solid #09315b;
}
.product-listing .counter-wrapper .error {
  border: 1px solid #e20d0d;
}

.cart-results {
  margin-top: 206px;
}
.cart-results .form-actions {
  display: flex;
  flex-direction: row-reverse;
}

.recently-ordered {
  flex-direction: row;
  height: 100%;
}
@media only screen and (max-width: 600px) {
  .recently-ordered {
    height: 100%;
  }
}
@media only screen and (max-width: 600px) {
  .recently-ordered {
    flex-direction: column;
  }
}
.recently-ordered .form-item__label {
  margin: auto 0;
}
.recently-ordered .asset--dialog__actions .gs {
  max-width: 100%;
  width: 100%;
}
.recently-ordered .asset--dialog__actions .gw {
  padding: 0;
}
.recently-ordered .form-item {
  display: flex;
  vertical-align: middle;
  justify-content: space-between;
}
.recently-ordered .button--add-to-cart {
  width: 100%;
  color: #09315b;
  background-color: #fff;
  box-shadow: 0 4px 15px rgba(0, 32, 65, 0.25);
  border: 2px solid;
}
.recently-ordered .button--add-to-cart:hover, .recently-ordered .button--add-to-cart.hover {
  background-color: #09315b;
  color: #fff;
  border: 2px solid #09315b;
}
.recently-ordered .button--add-to-cart.selected, .recently-ordered .button--add-to-cart:active, .recently-ordered .button--add-to-cart:focus {
  background-color: #09315b;
  color: #fff;
  border: 2px solid #09315b;
  outline: 4px solid;
}
.recently-ordered .button--add-to-cart.selected:hover, .recently-ordered .button--add-to-cart.selected.hover, .recently-ordered .button--add-to-cart:active:hover, .recently-ordered .button--add-to-cart:active.hover, .recently-ordered .button--add-to-cart:focus:hover, .recently-ordered .button--add-to-cart:focus.hover {
  border: 2px solid;
}
.recently-ordered .button--add-to-cart[disabled], .recently-ordered .button--add-to-cart.disabled {
  background-color: #adadad;
  pointer-events: none;
  color: #fff;
  opacity: 0.7;
  box-shadow: none;
  border: 2px solid #adadad;
}
.recently-ordered .MO42__image {
  width: 255px;
  height: 100%;
  padding-top: 0;
}
@media only screen and (max-width: 1680px) {
  .recently-ordered .MO42__image {
    width: 180px;
  }
}
@media only screen and (max-width: 834px) {
  .recently-ordered .MO42__image {
    width: 239px;
  }
}
@media only screen and (max-width: 600px) {
  .recently-ordered .MO42__image {
    width: 100%;
    padding-top: 235px;
    height: unset;
  }
}
.recently-ordered .MO42__image__wrapper {
  width: 255px;
}
@media only screen and (max-width: 600px) {
  .recently-ordered .MO42__image__wrapper {
    margin: auto;
  }
}
.recently-ordered .MO42__image__wrapper img {
  height: auto;
  width: auto;
  max-height: 180px;
  margin: auto;
}
@media only screen and (max-width: 600px) {
  .recently-ordered .MO42__image__wrapper img {
    margin: auto;
  }
}
.recently-ordered .MO42__content {
  padding: 32px;
}

.order-summary {
  padding: 30px;
  flex-direction: row;
  align-items: center;
  gap: 50px;
  display: grid;
  grid-template-columns: auto 1fr auto;
}
@media only screen and (max-width: 1280px) {
  .order-summary {
    gap: 40px;
  }
}
@media only screen and (max-width: 834px) {
  .order-summary {
    padding: 25px;
    gap: 30px;
  }
}
@media only screen and (max-width: 600px) {
  .order-summary {
    display: flex;
    flex-direction: column;
    gap: 0;
    align-items: flex-start;
  }
}
.order-summary .MO42__image {
  width: 98px;
  height: 98px;
  padding-top: 0;
}
.order-summary .MO42__image__wrapper {
  padding: 0;
}
@media only screen and (max-width: 600px) {
  .order-summary .MO42__image__wrapper {
    width: 100%;
  }
}
.order-summary .MO42__image__wrapper button {
  display: none;
}
@media only screen and (max-width: 600px) {
  .order-summary .MO42__image {
    width: 100%;
    padding-top: 169px;
    height: unset;
    margin-bottom: 20px;
  }
}
.order-summary .MO42__content {
  padding: 0;
}
.order-summary .MO42__content__title {
  margin-bottom: 8px;
  font-size: 28px;
}
@media only screen and (max-width: 1440px) {
  .order-summary .MO42__content__title {
    font-size: 26px;
  }
}
@media only screen and (max-width: 600px) {
  .order-summary .MO42__content__title {
    margin-bottom: 5px;
  }
}
.order-summary .MO42__content__category {
  font-size: 16px;
}
@media only screen and (max-width: 600px) {
  .order-summary .MO42__content {
    margin-bottom: 30px;
  }
}
.order-summary .MO42__order-quantity {
  margin: 0;
  color: #09315b;
  white-space: nowrap;
}
.order-summary .MO42__order-quantity strong {
  font-weight: 700;
}

.download-collection {
  padding: 15px 30px;
  flex-direction: row;
  align-items: center;
  gap: 50px;
}
@media only screen and (max-width: 1280px) {
  .download-collection {
    gap: 40px;
  }
}
@media only screen and (max-width: 834px) {
  .download-collection {
    padding: 25px;
    gap: 30px;
  }
}
@media only screen and (max-width: 600px) {
  .download-collection {
    flex-direction: column;
    gap: 0;
    align-items: flex-start;
  }
}
.download-collection .MO42 {
  height: 200px;
}
@media only screen and (max-width: 600px) {
  .download-collection .MO42 {
    height: 100%;
  }
}
.download-collection .MO42__image {
  width: 150px;
  height: 150px;
  padding-top: 0;
}
@media only screen and (max-width: 600px) {
  .download-collection .MO42__image__wrapper {
    width: 100%;
  }
}
.download-collection .MO42__image__wrapper a, .download-collection .MO42__image__wrapper button {
  display: none;
}
@media only screen and (max-width: 600px) {
  .download-collection .MO42__image {
    width: 100%;
    padding-top: 169px;
    height: unset;
    margin-bottom: 20px;
  }
}
.download-collection .MO42__content {
  padding: 0;
}
.download-collection .MO42__content__title {
  margin-bottom: 8px;
  font-size: 31px;
}
@media only screen and (max-width: 1680px) {
  .download-collection .MO42__content__title {
    font-size: 28px;
  }
}
@media only screen and (max-width: 1440px) {
  .download-collection .MO42__content__title {
    font-size: 26px;
  }
}
@media only screen and (max-width: 1280px) {
  .download-collection .MO42__content__title {
    font-size: 24px;
  }
}
@media only screen and (max-width: 600px) {
  .download-collection .MO42__content__title {
    margin-bottom: 5px;
  }
}
.download-collection .MO42__content__category {
  font-size: 16px;
}
@media only screen and (max-width: 600px) {
  .download-collection .MO42__content {
    margin-bottom: 30px;
  }
}
.download-collection .MO42__download-options {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 80px;
  font-size: 16px;
  flex: 1 0 auto;
  justify-content: flex-end;
}
@media only screen and (max-width: 1280px) {
  .download-collection .MO42__download-options {
    flex-direction: column;
    align-items: flex-end;
    gap: 18px;
  }
}
@media only screen and (max-width: 600px) {
  .download-collection .MO42__download-options {
    gap: 13px;
    align-items: flex-start;
  }
}
.download-collection .MO42__download-options__filesize {
  color: #09315b;
}
.download-collection .MO42__download-options__filesize strong {
  font-weight: 700;
}
.download-collection .MO42__download-options .MO42__download-options__download a, .download-collection .MO42__download-options .MO42__download-options__remove a {
  font-size: 16px;
  font-weight: bold;
  display: flex;
  gap: 15px;
}
.download-collection .MO42__download-options .MO42__download-options__download a:hover, .download-collection .MO42__download-options .MO42__download-options__remove a:hover {
  text-decoration: none;
}
.download-collection .MO42__download-options .MO42__download-options__remove a {
  color: #1a7e97;
}
.download-collection .MO42__download-options .MO42__download-options__remove a:after {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea11";
}
.download-collection .MO42__download-options .MO42__download-options__download a:after {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea13";
}

.recent .item-list ul:not(.unstyled) li {
  width: 49%;
}
@media only screen and (max-width: 1024px) {
  .recent .item-list ul:not(.unstyled) li {
    width: 98%;
  }
}
.recent .item-list ul:not(.unstyled) li .views-field {
  width: 100%;
}
.recent .views-field {
  height: 100%;
}

.item-list ul:not(.unstyled) {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
}
@media only screen and (max-width: 1440px) {
  .item-list ul:not(.unstyled) {
    gap: 25px;
  }
}
@media only screen and (max-width: 834px) {
  .item-list ul:not(.unstyled) {
    gap: 20px;
  }
}
.item-list ul:not(.unstyled) li {
  width: 23%;
}
@media only screen and (max-width: 1280px) {
  .item-list ul:not(.unstyled) li {
    width: 31%;
  }
}
@media only screen and (max-width: 834px) {
  .item-list ul:not(.unstyled) li {
    width: 48%;
  }
}
@media only screen and (max-width: 600px) {
  .item-list ul:not(.unstyled) li {
    width: 100%;
  }
}
.item-list ul:not(.unstyled) li::before {
  display: none;
}
.item-list ul:not(.unstyled) li + li {
  margin-top: 0;
}

.demo__MO43 {
  position: relative;
}

.MO43 {
  max-width: unset;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  height: 358px;
  color: #fff;
  background-color: #09315b;
  position: relative;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3529411765);
}
.MO43__bg::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #09315b;
  opacity: 0.7;
}
.MO43__wrapper {
  display: flex;
  justify-content: space-between;
  align-content: center;
  flex-wrap: wrap;
  color: #fff;
  z-index: 1;
  margin-top: 131px;
}
@media only screen and (max-width: 1920px) {
  .MO43__wrapper {
    margin-top: calc(112px + (131 - 112) * (100vw - 1681px) / (1920 - 1681));
  }
}
@media only screen and (max-width: 1680px) {
  .MO43__wrapper {
    margin-top: calc(100px + (112 - 100) * (100vw - 1441px) / (1680 - 1441));
  }
}
@media only screen and (max-width: 1440px) {
  .MO43__wrapper {
    margin-top: calc(95px + (100 - 95) * (100vw - 1281px) / (1440 - 1281));
  }
}
@media only screen and (max-width: 1280px) {
  .MO43__wrapper {
    margin-top: calc(90px + (95 - 90) * (100vw - 835px) / (1280 - 835));
  }
}
@media only screen and (max-width: 834px) {
  .MO43__wrapper {
    flex-direction: column;
    justify-content: center;
    align-content: flex-start;
    gap: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .MO43__wrapper {
    margin-top: calc(75px + (90 - 75) * (100vw - 415px) / (1280 - 415));
  }
}
@media only screen and (max-width: 414px) {
  .MO43__wrapper {
    margin-top: 75px;
  }
}
.MO43__actions {
  align-self: center;
}
@media only screen and (max-width: 834px) {
  .MO43__actions {
    align-self: flex-start;
  }
}
.MO43__title {
  line-height: 1;
  font-size: 46px;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 500;
}
@media only screen and (max-width: 1919px) {
  .MO43__title {
    font-size: 42px;
  }
}
@media only screen and (max-width: 1679px) {
  .MO43__title {
    font-size: 40px;
  }
}
@media only screen and (max-width: 1439px) {
  .MO43__title {
    font-size: 38px;
  }
}
@media only screen and (max-width: 833px) {
  .MO43__title {
    font-size: 36px;
  }
}
.MO43__body {
  margin-top: 20px;
  line-height: 1;
  font-size: 18px;
  line-height: 23px;
}
@media only screen and (max-width: 600px) {
  .MO43__body {
    font-size: 16px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 1680px) {
  .MO43__body {
    font-size: 16px;
  }
}
@media only screen and (max-width: 600px) {
  .MO43__body {
    font-size: 14px;
    margin-top: 15px;
  }
}

.MO44 {
  width: 100%;
  display: flex;
  align-items: flex-end;
  background-color: #09315b;
  color: #fff;
  padding-top: 131px;
}
@media only screen and (max-width: 1920px) {
  .MO44 {
    padding-top: calc(112px + (131 - 112) * (100vw - 1681px) / (1920 - 1681));
  }
}
@media only screen and (max-width: 1680px) {
  .MO44 {
    padding-top: calc(100px + (112 - 100) * (100vw - 1441px) / (1680 - 1441));
  }
}
@media only screen and (max-width: 1440px) {
  .MO44 {
    padding-top: calc(95px + (100 - 95) * (100vw - 1281px) / (1440 - 1281));
  }
}
@media only screen and (max-width: 1280px) {
  .MO44 {
    padding-top: calc(90px + (95 - 90) * (100vw - 835px) / (1280 - 835));
  }
}
@media only screen and (max-width: 600px) {
  .MO44 {
    padding-top: calc(75px + (90 - 75) * (100vw - 415px) / (1280 - 415));
  }
}
@media only screen and (max-width: 414px) {
  .MO44 {
    padding-top: 75px;
  }
}
.MO44__wrapper {
  padding: 75px 0;
  display: flex;
  flex-wrap: wrap;
  row-gap: 30px;
}
@media only screen and (max-width: 1440px) {
  .MO44__wrapper {
    padding: 65px 0;
  }
}
@media only screen and (max-width: 1280px) {
  .MO44__wrapper {
    padding: 50px 0;
  }
}
@media only screen and (max-width: 600px) {
  .MO44__wrapper {
    row-gap: 40px;
    padding: 55px 0;
  }
}
.MO44__status {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  row-gap: 20px;
}
@media only screen and (max-width: 1280px) {
  .MO44__status {
    row-gap: 15px;
  }
}
@media only screen and (max-width: 600px) {
  .MO44__status {
    row-gap: 10px;
  }
}
.MO44__status__wrapper {
  display: flex;
  align-items: center;
  -moz-column-gap: 25px;
       column-gap: 25px;
  flex-shrink: 0;
  flex-grow: 1;
}
@media only screen and (max-width: 834px) {
  .MO44__status__wrapper {
    width: 100%;
  }
}
.MO44__status__wrapper .active .MO44__status__icon {
  font-size: 32px;
}
@media only screen and (max-width: 600px) {
  .MO44__status__wrapper .active .MO44__status__icon {
    font-size: 26px;
  }
}
.MO44__status__wrapper .active svg {
  height: 32px;
}
@media only screen and (max-width: 600px) {
  .MO44__status__wrapper .active svg {
    height: 26px;
  }
}
.MO44__status__wrapper .active .MO44__status__title {
  font-size: 29px;
}
@media only screen and (max-width: 1440px) {
  .MO44__status__wrapper .active .MO44__status__title {
    font-size: 26px;
  }
}
@media only screen and (max-width: 834px) {
  .MO44__status__wrapper .active .MO44__status__title {
    font-size: 24px;
  }
}
@media only screen and (max-width: 600px) {
  .MO44__status__wrapper .active .MO44__status__title {
    font-size: 18px;
  }
}
.MO44__status__wrapper .inactive {
  opacity: 0.5;
}
.MO44__status__icon {
  font-size: 30px;
}
@media only screen and (max-width: 600px) {
  .MO44__status__icon {
    font-size: 18px;
  }
}
.MO44__status svg {
  fill: #fff;
  height: 30px;
}
@media only screen and (max-width: 600px) {
  .MO44__status svg {
    height: 18px;
  }
}
.MO44__status__title {
  text-align: center;
}
@media only screen and (max-width: 600px) {
  .MO44__status__title {
    font-size: 15px;
  }
}
.MO44__status__spacer {
  width: 131px;
  height: 2px;
  background-color: #fff;
  border: 0;
  margin: 0;
}
@media only screen and (max-width: 1440px) {
  .MO44__status__spacer {
    width: 94px;
  }
}
@media only screen and (max-width: 600px) {
  .MO44__status__spacer {
    width: 30px;
  }
}
.MO44__cta {
  margin: auto 0;
}

.MO45 {
  padding: 60px;
  margin-top: 75px;
  border: 1px solid #e3e3e3;
  line-height: 1;
  background-color: #fff;
  box-shadow: 8px 8px 45px rgba(35, 53, 82, 0.1);
}
@media only screen and (max-width: 834px) {
  .MO45 {
    margin-top: 55px;
  }
}
@media only screen and (max-width: 600px) {
  .MO45 {
    margin-top: 55px;
  }
}
@media only screen and (max-width: 834px) {
  .MO45 {
    padding: 40px;
  }
}
@media only screen and (max-width: 600px) {
  .MO45 {
    padding: 25px;
  }
}
.MO45__title {
  margin-bottom: 30px;
  color: #09315b;
}
@media only screen and (max-width: 600px) {
  .MO45__title {
    margin-bottom: 20px;
  }
}
.MO45__order {
  margin-bottom: 30px;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 500;
}
.MO45__order__title {
  font-size: 18px;
  color: #6a7889;
  font-weight: 700;
  margin-bottom: 10px;
}
.MO45__order__number {
  font-size: 24px;
  color: #09315b;
}
.MO45__body {
  margin-bottom: 40px;
}

.MO46 {
  display: flex;
  flex-direction: column;
  width: 557px;
  margin: 75px 0;
}
.MO46__contact-info {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 600px) {
  .MO46__contact-info {
    flex-direction: column;
    justify-content: flex-start;
  }
}
.MO46__name {
  font-size: 40px;
  color: #09315b;
  margin-bottom: 40px;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 500;
}
@media only screen and (max-width: 1280px) {
  .MO46__name {
    margin-bottom: 30px;
  }
}
.MO46 h3 {
  font-size: 18px;
  color: #09315b;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 500;
}
@media only screen and (max-width: 600px) {
  .MO46 .phone {
    margin-bottom: 30px;
  }
}

.MO47 {
  position: relative;
  height: 100%;
  background-color: #fff;
  box-shadow: 0 8px 45px rgba(35, 53, 82, 0.1);
  display: flex;
  align-items: center;
  padding: 30px;
  gap: 80px;
  justify-content: space-between;
  line-height: 1;
  border: 1px solid #e3e3e3;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 500;
}
.layout--two-col-grid .MO47, .layout--three-col-grid .MO47 {
  height: 100%;
}
@media only screen and (max-width: 1680px) {
  .MO47 {
    gap: 60px;
  }
}
@media only screen and (max-width: 1440px) {
  .MO47 {
    gap: 50px;
  }
}
@media only screen and (max-width: 1280px) {
  .MO47 {
    gap: 40px;
  }
}
@media only screen and (max-width: 834px) {
  .MO47 {
    padding: 25px;
    gap: 30px;
  }
}
@media only screen and (max-width: 600px) {
  .MO47 {
    flex-direction: column;
    align-items: flex-start;
  }
}
.MO47__product-content {
  width: 100%;
}
.MO47__actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 80px;
}
@media only screen and (max-width: 1680px) {
  .MO47__actions {
    gap: 60px;
  }
}
@media only screen and (max-width: 1440px) {
  .MO47__actions {
    gap: 50px;
  }
}
@media only screen and (max-width: 834px) {
  .MO47__actions {
    flex-direction: column;
    align-items: flex-end;
    gap: 15px;
  }
}
@media only screen and (max-width: 600px) {
  .MO47__actions {
    gap: 10px;
    align-items: flex-start;
  }
}
@media only screen and (max-width: 1680px) {
  .MO47__quantity {
    margin-right: 20px;
  }
}
@media only screen and (max-width: 1280px) {
  .MO47__quantity {
    margin-right: 30px;
  }
}
@media only screen and (max-width: 834px) {
  .MO47__quantity {
    margin: 0 -6px 0 0;
  }
}
@media only screen and (max-width: 600px) {
  .MO47__quantity {
    margin: 0 0 5px -6px;
  }
}
.MO47__remove button, .MO47__remove button.primary, .MO47__update button, .MO47__update button.primary {
  display: inline-flex;
  align-items: center;
  position: relative;
  transition: color 0.25s ease-in-out;
  border: none;
  height: auto;
  min-width: auto;
  min-height: auto;
  padding: 0;
  color: #09315b;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  font-size: 16px;
  color: #1a7e97;
  display: flex;
  gap: 15px;
  line-height: 18px;
}
.MO47__remove button:hover, .MO47__remove button.hover, .MO47__remove button.primary:hover, .MO47__remove button.primary.hover, .MO47__update button:hover, .MO47__update button.hover, .MO47__update button.primary:hover, .MO47__update button.primary.hover {
  border: none;
}
.MO47__remove button.selected, .MO47__remove button.active, .MO47__remove button:active, .MO47__remove button:focus, .MO47__remove button.primary.selected, .MO47__remove button.primary.active, .MO47__remove button.primary:active, .MO47__remove button.primary:focus, .MO47__update button.selected, .MO47__update button.active, .MO47__update button:active, .MO47__update button:focus, .MO47__update button.primary.selected, .MO47__update button.primary.active, .MO47__update button.primary:active, .MO47__update button.primary:focus {
  border: none;
}
.MO47__remove button[class*=icon--]:not(.icon-only)::before, .MO47__remove button.primary[class*=icon--]:not(.icon-only)::before, .MO47__update button[class*=icon--]:not(.icon-only)::before, .MO47__update button.primary[class*=icon--]:not(.icon-only)::before {
  order: 9999;
}
.MO47__remove button:hover, .MO47__remove button.hover, .MO47__remove button.primary:hover, .MO47__remove button.primary.hover, .MO47__update button:hover, .MO47__update button.hover, .MO47__update button.primary:hover, .MO47__update button.primary.hover {
  border: none;
  color: #09315b;
  background: transparent;
}
.MO47__remove button.selected, .MO47__remove button:active, .MO47__remove button:focus, .MO47__remove button.primary.selected, .MO47__remove button.primary:active, .MO47__remove button.primary:focus, .MO47__update button.selected, .MO47__update button:active, .MO47__update button:focus, .MO47__update button.primary.selected, .MO47__update button.primary:active, .MO47__update button.primary:focus {
  border: none;
  color: #09315b;
  background: transparent;
}
.MO47__remove button[disabled], .MO47__remove button.disabled, .MO47__remove button.primary[disabled], .MO47__remove button.primary.disabled, .MO47__update button[disabled], .MO47__update button.disabled, .MO47__update button.primary[disabled], .MO47__update button.primary.disabled {
  border: none;
  background-color: transparent;
  color: #adadad;
}
.MO47__update button:after {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea2e";
}
.MO47__remove button:after {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea11";
}

.MO47b {
  position: relative;
  display: flex;
  align-items: center;
  gap: 80px;
  font-weight: 500;
}
@media only screen and (max-width: 1440px) {
  .MO47b {
    gap: 50px;
  }
}
@media only screen and (max-width: 1280px) {
  .MO47b {
    gap: 40px;
  }
}
@media only screen and (max-width: 834px) {
  .MO47b {
    gap: 30px;
  }
}
@media only screen and (max-width: 600px) {
  .MO47b {
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
  }
}
.MO47b__image__wrapper {
  /* stylelint-disable-next-line */
  aspect-ratio: 1/1;
  width: 150px;
}
@media only screen and (max-width: 1280px) {
  .MO47b__image__wrapper {
    width: 130px;
  }
}
@media only screen and (max-width: 834px) {
  .MO47b__image__wrapper {
    width: 120px;
  }
}
@media only screen and (max-width: 600px) {
  .MO47b__image__wrapper {
    width: 100%;
  }
}
.MO47b .MO47b__image {
  height: 100%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.MO47b__content {
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 500;
}
.MO47b__content__title {
  font-size: 31px;
  color: #09315b;
  margin-bottom: 8px;
}
@media only screen and (max-width: 1680px) {
  .MO47b__content__title {
    font-size: 28px;
  }
}
@media only screen and (max-width: 1440px) {
  .MO47b__content__title {
    font-size: 26px;
  }
}
@media only screen and (max-width: 1280px) {
  .MO47b__content__title {
    font-size: 24px;
  }
}
@media only screen and (max-width: 600px) {
  .MO47b__content__title {
    margin-bottom: 5px;
  }
}
.MO47b__content__category {
  color: #6a7889;
  font-size: 16px;
  margin-bottom: auto;
}
@media only screen and (max-width: 600px) {
  .MO47b__content__category {
    font-size: 14px;
  }
}

.MO48 {
  padding: 40px 40px 0;
  position: relative;
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 25px;
  background-color: #fff;
  box-shadow: 8px 8px 45px rgba(35, 53, 82, 0.1);
}
@media only screen and (max-width: 834px) {
  .MO48 {
    padding: 40px 40px 0;
  }
}
@media only screen and (max-width: 600px) {
  .MO48 {
    padding: 30px 30px 0;
  }
}
.MO48__header {
  width: 100%;
}
.MO48__title {
  color: #09315b;
}
.MO48__category {
  color: #6a7889;
  font-size: 18px;
  line-height: 25px;
  margin-top: 5px;
}
@media only screen and (max-width: 834px) {
  .MO48__category {
    margin-top: 8px;
  }
}
.MO48__copy {
  height: 100%;
  overflow: scroll;
  padding-right: 20px;
  font-family: JohnstonITCProLight, sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 26px;
}
@media only screen and (min-width: 1920px) {
  .MO48__copy {
    font-size: 16px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 1680px) {
  .MO48__copy {
    font-size: 16px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 1440px) {
  .MO48__copy {
    font-size: 16px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 1280px) {
  .MO48__copy {
    font-size: 16px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 834px) {
  .MO48__copy {
    font-size: calc(14px + (16 - 14) * (100vw - 415px) / (834 - 415));
    line-height: calc(22px + (26 - 22) * (100vw - 415px) / (834 - 415));
  }
}
@media only screen and (max-width: 414px) {
  .MO48__copy {
    font-size: 14px;
    line-height: 22px;
  }
}
@media only screen and (max-width: 834px) {
  .MO48__copy {
    order: 2;
    overflow: visible;
    padding-right: 0;
  }
}
.MO48__body {
  overflow-y: hidden;
  display: grid;
  width: 100%;
  -moz-column-gap: 30px;
       column-gap: 30px;
  grid-template-columns: 1fr 1fr;
  font-family: JohnstonITCProLight, sans-serif;
  font-weight: 300;
}
@media only screen and (max-width: 834px) {
  .MO48__body {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
  }
}
.MO48__actions {
  padding-bottom: 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (max-width: 834px) {
  .MO48__actions {
    justify-content: flex-start;
    padding-bottom: 30px;
  }
}
.MO48__actions img {
  height: 225px;
  margin: 0 auto 20px;
}
@media only screen and (max-width: 834px) {
  .MO48__actions img {
    height: 350px;
  }
}
@media only screen and (max-width: 600px) {
  .MO48__actions img {
    height: 250px;
  }
}
.MO48__actions .download-buttons .download-button__cont .add {
  justify-content: flex-start;
}
.MO48__actions .download-buttons .download-button__cont .add:hover::before {
  transform: unset;
}
.MO48__actions .file-size__cont {
  display: block;
  color: #09315b;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 700;
}
.MO48__actions .file-size__cont .file-size__value {
  font-weight: normal;
}
.MO48__actions .download-button__link {
  display: flex;
  justify-content: space-between;
}
.MO48__close {
  background: none;
  border: none;
  color: #09315b;
  position: absolute;
  top: 12px;
  right: 18px;
}
@media only screen and (max-width: 834px) {
  .MO48__close {
    display: none;
  }
}
.MO48__close:before {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea11";
}

.demo__MO49 {
  width: 100%;
  height: 100vh;
  padding: 40px 0;
  background: #09315b;
}
.demo__MO49__inner {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 50px;
}

.MO49 {
  display: flex;
  align-items: center;
  position: relative;
  color: #fff;
}
.MO49 .contextual {
  top: 0;
}
.MO49 .no-downloads {
  display: none;
}
.MO49 div:not(:last-child) {
  margin-right: 40px;
}
@media only screen and (max-width: 1680px) {
  .MO49 div:not(:last-child) {
    margin-right: 32px;
  }
}
@media only screen and (max-width: 834px) {
  .MO49 div:not(:last-child) {
    margin-right: 24px;
  }
}
.MO49__icon.icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  color: #fff;
  padding: 0;
  line-height: 1;
  transition: color 250ms ease-in-out;
  font-size: 32px;
}
@media only screen and (max-width: 1680px) {
  .MO49__icon.icon {
    font-size: 26px;
  }
}
.MO49__icon.icon:hover {
  color: #65c4db;
  text-decoration: none;
}
.MO49__icon-tag {
  position: absolute;
  background: #e20d0d;
  bottom: 75%;
  left: 75%;
  padding: 4px 5px;
  line-height: 1;
  text-align: center;
  font-size: 14px;
}

.MO49__icon-notif {
  position: relative;
  height: -moz-fit-content;
  height: fit-content;
}
@media only screen and (max-width: 833px) {
  .MO49__icon-notif::after {
    content: " ";
    display: block;
    position: absolute;
    background: #e20d0d;
    bottom: 90%;
    left: 75%;
    padding: 6px;
    border-radius: 50%;
  }
}

.MO5 {
  position: relative;
}
@media only screen and (min-width: 415px) {
  .MO5 {
    padding: 7px 7px 0 7px;
  }
}
.MO5.re-tweet:before {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea2f";
}
.MO5.re-tweet::before {
  font-size: 23px;
  line-height: 42px;
  position: absolute;
  top: 0;
  right: 5px;
}
.MO5__title {
  letter-spacing: 0.8px;
}
.MO5__title[class*=icon--] {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
  font-size: 16px;
  line-height: 22px;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 700;
}
@media only screen and (max-width: 834px) {
  .MO5__title[class*=icon--] {
    font-size: 14px;
    line-height: 18px;
  }
}
.MO5__title[class*=icon--]::before {
  font-size: 24px;
  margin-right: 10px;
  margin-bottom: 1px;
}
.MO5__content {
  margin-bottom: 10px;
  line-height: 25px;
}
.MO5__date {
  font-size: 16px;
  line-height: 48px;
  letter-spacing: 0.5px;
}
@media only screen and (max-width: 600px) {
  .MO5__date {
    font-size: 14px;
    line-height: 22px;
  }
}

.demo__MO50 {
  display: flex;
  justify-content: flex-end;
}

.MO50 {
  display: flex;
  flex-direction: row;
  height: 225px;
}
@media only screen and (max-width: 1680px) {
  .MO50 {
    height: 194px;
  }
}
@media only screen and (max-width: 1440px) {
  .MO50 {
    height: 194px;
  }
}
@media only screen and (max-width: 1280px) {
  .MO50 {
    height: 194px;
  }
}
@media only screen and (max-width: 834px) {
  .MO50 {
    height: auto;
  }
}
@media only screen and (max-width: 600px) {
  .MO50 {
    flex-direction: column;
  }
}
.MO50.expanded .MO50__trigger-btn.secondary::before {
  transform: rotate(180deg);
}
.MO50:hover {
  cursor: pointer;
}
.MO50:hover .MO50__trigger-btn.secondary {
  background-color: #09315b;
}
.MO50:hover .MO50__image img {
  transform: scale(1.1);
}
.MO50__trigger {
  display: none;
}
@media only screen and (min-width: 835px) {
  .MO50__trigger {
    display: flex;
    flex: 1 0 auto;
    justify-content: center;
    align-items: center;
    width: 25px;
  }
}
.MO50__trigger-btn.secondary {
  border: 0;
  padding: 0;
  background-color: #1a7e97;
  color: #fff;
  height: 100%;
  width: 100%;
  transition: all 250ms ease-in-out;
}
.MO50__trigger-btn.secondary::before {
  transition: transform 250ms ease-in-out;
  display: block;
}
.MO50__card {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  flex: 0 1 100%;
  padding: 24px;
  width: 769px;
  transition: width 250ms ease-in-out;
}
@media only screen and (max-width: 1680px) {
  .MO50__card {
    padding: 20px 20px 12px;
    width: 673px;
  }
}
@media only screen and (max-width: 1440px) {
  .MO50__card {
    width: 562.5px;
  }
}
@media only screen and (max-width: 1280px) {
  .MO50__card {
    padding: 16px;
    width: 605px;
  }
}
@media only screen and (max-width: 834px) {
  .MO50__card {
    padding: 24px;
    width: auto;
  }
}
.MO50__card-inner {
  display: flex;
  flex-direction: column;
  flex: 0 1 100%;
}
.MO50__card__eyebrow {
  color: #09315b;
  opacity: 0.65;
  margin-bottom: 4px;
  font-size: 16px;
  line-height: 22px;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 700;
  letter-spacing: 1.1px;
  text-transform: uppercase;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 700;
}
@media only screen and (max-width: 834px) {
  .MO50__card__eyebrow {
    font-size: 14px;
    line-height: 18px;
  }
}
@media only screen and (max-width: 834px) {
  .MO50__card__eyebrow {
    letter-spacing: 0.8px;
  }
}
.MO50__card__title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #09315b;
  margin-bottom: 8px;
  font-weight: 500;
  font-size: calc(22px + (24 - 22) * (100vw - 1681px) / (1920 - 1681));
  line-height: calc(31px + (33 - 31) * (100vw - 1681px) / (1920 - 1681));
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 500;
}
@media only screen and (min-width: 1920px) {
  .MO50__card__title {
    font-size: 24px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 1680px) {
  .MO50__card__title {
    font-size: calc(20px + (22 - 20) * (100vw - 1441px) / (1680 - 1441));
    line-height: calc(28px + (31 - 28) * (100vw - 1441px) / (1680 - 1441));
  }
}
@media only screen and (max-width: 1440px) {
  .MO50__card__title {
    font-size: calc(18px + (20 - 18) * (100vw - 1281px) / (1440 - 1281));
    line-height: calc(27px + (28 - 27) * (100vw - 1281px) / (1440 - 1281));
  }
}
@media only screen and (max-width: 1280px) {
  .MO50__card__title {
    font-size: 18px;
    line-height: 27px;
  }
}
@media only screen and (max-width: 834px) {
  .MO50__card__title {
    font-size: calc(16px + (18 - 16) * (100vw - 415px) / (834 - 415));
    line-height: calc(24px + (27 - 24) * (100vw - 415px) / (834 - 415));
  }
}
@media only screen and (max-width: 414px) {
  .MO50__card__title {
    font-size: 16px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 834px) {
  .MO50__card__title {
    display: block;
  }
}
.MO50__card__body {
  margin-bottom: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: opacity 250ms ease-in-out, visibility 250ms ease-in-out;
}
@media only screen and (max-width: 834px) {
  .MO50__card__body {
    display: block;
  }
}
.MO50__card__footer {
  display: flex;
  justify-content: space-between;
}
@media only screen and (min-width: 835px) {
  .MO50__card__footer {
    margin-top: auto;
  }
}
.MO50__card__footer__date {
  color: #707070;
}
.MO50__card__footer__cta {
  transition: opacity 250ms ease-in-out, visibility 250ms ease-in-out;
}
.MO50__card:not(.expanded) {
  width: 384px;
}
@media only screen and (max-width: 1680px) {
  .MO50__card:not(.expanded) {
    width: 448px;
  }
}
@media only screen and (max-width: 1440px) {
  .MO50__card:not(.expanded) {
    width: 353.5px;
  }
}
@media only screen and (max-width: 1280px) {
  .MO50__card:not(.expanded) {
    width: 325px;
  }
}
@media only screen and (max-width: 834px) {
  .MO50__card:not(.expanded) {
    width: auto;
  }
}
@media only screen and (min-width: 835px) {
  .MO50__card:not(.expanded) .MO50__card__body,
  .MO50__card:not(.expanded) .MO50__card__footer__cta {
    visibility: hidden;
    opacity: 0;
    height: 0;
  }
}
.MO50__image {
  flex: 1 0 auto;
  overflow: hidden;
}
.MO50__image img {
  height: 100%;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  transition: all 250ms ease-in-out;
  transform: scale(1);
}
@media only screen and (max-width: 600px) {
  .MO50__image img {
    width: 100%;
  }
}

.user-logged-in .MO50__image {
  width: 408px;
}
@media only screen and (max-width: 1680px) {
  .user-logged-in .MO50__image {
    width: 292px;
  }
}
@media only screen and (max-width: 1280px) {
  .user-logged-in .MO50__image {
    width: 276px;
  }
}
@media only screen and (max-width: 834px) {
  .user-logged-in .MO50__image {
    width: 261px;
  }
}
@media only screen and (max-width: 600px) {
  .user-logged-in .MO50__image {
    width: auto;
    aspect-ratio: 1.5;
  }
}

.MO50__image {
  width: 336px;
}
@media only screen and (max-width: 1920px) {
  .MO50__image {
    width: 328px;
  }
}
@media only screen and (max-width: 1680px) {
  .MO50__image {
    width: 236px;
  }
}
@media only screen and (max-width: 1280px) {
  .MO50__image {
    width: 220px;
  }
}
@media only screen and (max-width: 834px) {
  .MO50__image {
    width: 261px;
  }
}
@media only screen and (max-width: 600px) {
  .MO50__image {
    width: auto;
    aspect-ratio: 1.5;
  }
}

.MO51 {
  padding: 64px;
  background-color: #09315b;
  color: #fff;
  max-width: 744px;
  width: 100%;
  position: relative;
}
@media only screen and (max-width: 1680px) {
  .MO51 {
    max-width: 648px;
    padding: 48px;
  }
}
@media only screen and (max-width: 1440px) {
  .MO51 {
    max-width: 600px;
    padding: 40px;
  }
}
@media only screen and (max-width: 1280px) {
  .MO51 {
    max-width: 534px;
    padding: 32px;
  }
}
@media only screen and (max-width: 834px) {
  .MO51 {
    max-width: unset;
  }
}
@media only screen and (max-width: 600px) {
  .MO51 {
    padding: 32px 32px 48px;
  }
}
.MO51__title {
  margin-bottom: 16px;
  font-size: calc(52px + (55 - 52) * (100vw - 1681px) / (1920 - 1681));
  line-height: calc(57px + (60 - 57) * (100vw - 1681px) / (1920 - 1681));
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 500;
}
@media only screen and (min-width: 1920px) {
  .MO51__title {
    font-size: 55px;
    line-height: 60px;
  }
}
@media only screen and (max-width: 1680px) {
  .MO51__title {
    font-size: calc(46px + (52 - 46) * (100vw - 1441px) / (1680 - 1441));
    line-height: calc(51px + (57 - 51) * (100vw - 1441px) / (1680 - 1441));
  }
}
@media only screen and (max-width: 1440px) {
  .MO51__title {
    font-size: calc(42px + (46 - 42) * (100vw - 1281px) / (1440 - 1281));
    line-height: calc(46px + (51 - 46) * (100vw - 1281px) / (1440 - 1281));
  }
}
@media only screen and (max-width: 1280px) {
  .MO51__title {
    font-size: calc(40px + (42 - 40) * (100vw - 835px) / (1280 - 835));
    line-height: calc(44px + (46 - 44) * (100vw - 835px) / (1280 - 835));
  }
}
@media only screen and (max-width: 834px) {
  .MO51__title {
    font-size: calc(34px + (40 - 34) * (100vw - 415px) / (834 - 415));
    line-height: calc(37px + (44 - 37) * (100vw - 415px) / (834 - 415));
  }
}
@media only screen and (max-width: 414px) {
  .MO51__title {
    font-size: 34px;
    line-height: 37px;
  }
}
@media only screen and (max-width: 1280px) {
  .MO51__title {
    margin-bottom: 8px;
  }
}
.MO51__cta {
  margin-top: 32px;
}
.MO51__body {
  font-size: 18px;
  line-height: 28px;
}
@media only screen and (max-width: 1919px) {
  .MO51__body {
    font-size: 16px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 599px) {
  .MO51__body {
    font-size: 14px;
    line-height: 22px;
  }
}
.MO51__scroll-indicator {
  display: none;
  position: absolute;
  width: 44px;
  height: 44px;
  border: 2px solid #09315b;
  background: #fff;
  border-radius: 50%;
  bottom: 0;
  transform: translateY(50%);
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 600px) {
  .MO51__scroll-indicator {
    display: flex;
  }
}
.MO51__scroll-indicator:before {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea03";
}
.MO51__scroll-indicator::before {
  position: absolute;
  color: #09315b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  animation: bounce-bottom 1s infinite alternate;
}

@keyframes bounce-bottom {
  from {
    transform: translateY(7px);
  }
  to {
    transform: translateY(0);
  }
}
.demo__MO52 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 1fr;
}
@media only screen and (max-width: 1280px) {
  .demo__MO52 {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 600px) {
  .demo__MO52 {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4, 1fr);
  }
}
.demo__MO52 .MO52:nth-child(1) {
  background-color: #fff;
}
.demo__MO52 .MO52:nth-child(2) {
  background-color: #65c4db;
  color: #fff;
}
.demo__MO52 .MO52:nth-child(3) {
  background-color: #1a7e97;
  color: #fff;
}
.demo__MO52 .MO52:nth-child(4) {
  background-color: #09315b;
  color: #fff;
}

.MO52 {
  min-height: 288px;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 32px;
  gap: 35px;
}
.MO52--white {
  background-color: #fff;
}
.MO52--white .MO52__content__title {
  color: #09315b;
}
.MO52--light-blue {
  background-color: #65c4db;
}
.MO52--light-blue .MO52__content__title {
  color: #09315b;
}
.MO52--green {
  background-color: #1a7e97;
  color: #fff;
}
.MO52--blue {
  background-color: #09315b;
  color: #fff;
}
@media only screen and (max-width: 1679px) {
  .MO52 {
    padding: 24px;
    min-height: 248px;
  }
}
@media only screen and (max-width: 1439px) {
  .MO52 {
    padding: 32px;
  }
}
@media only screen and (max-width: 1279px) {
  .MO52 {
    min-height: 251px;
    padding: 24px;
  }
}
@media only screen and (max-width: 833px) {
  .MO52 {
    gap: 20px;
  }
}
@media only screen and (max-width: 599px) {
  .MO52 {
    min-height: 240px;
  }
}
.MO52__content__title {
  margin-bottom: 8px;
  font-size: 31px;
  font-style: normal;
  font-weight: 500;
  line-height: 40px;
}
@media only screen and (max-width: 1680px) {
  .MO52__content__title {
    font-size: 24px;
    line-height: 31px;
  }
}
@media only screen and (max-width: 1440px) {
  .MO52__content__title {
    font-size: 22px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 1280px) {
  .MO52__content__title {
    font-size: 24px;
    line-height: 31px;
  }
}
@media only screen and (max-width: 834px) {
  .MO52__content__title {
    font-size: 24px;
    line-height: 31px;
  }
}
@media only screen and (max-width: 600px) {
  .MO52__content__title {
    font-size: 22px;
    line-height: 29px;
  }
}
.MO52__content__body {
  font-size: 18px;
  line-height: 28px;
}
@media only screen and (max-width: 1919px) {
  .MO52__content__body {
    font-size: 16px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 599px) {
  .MO52__content__body {
    font-size: 14px;
    line-height: 22px;
  }
}
.MO52__cta-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 20px;
  margin-top: auto;
}

.demo--MO53 {
  display: grid;
  place-items: center;
  height: 100dvh;
}
.demo--MO53 .MO53 {
  max-width: 731px;
}
@media only screen and (max-width: 1680px) {
  .demo--MO53 .MO53 {
    max-width: 635px;
  }
}
@media only screen and (max-width: 1440px) {
  .demo--MO53 .MO53 {
    max-width: 587px;
  }
}
@media only screen and (max-width: 1280px) {
  .demo--MO53 .MO53 {
    max-width: 521px;
  }
}
@media only screen and (max-width: 834px) {
  .demo--MO53 .MO53 {
    max-width: 684px;
  }
}
@media only screen and (max-width: 600px) {
  .demo--MO53 .MO53 {
    max-width: 352px;
  }
}

.MO53 {
  width: 100%;
  display: flex;
  gap: 24px;
}
.MO53 .MO53__content__copy {
  display: none;
}
@media only screen and (max-width: 600px) {
  .MO53 {
    flex-direction: column;
    gap: 20px;
  }
}
.MO53__link:hover {
  text-decoration: none !important;
}
.MO53__link:hover .MO53__image {
  transform: scale(1.1);
}
.MO53__link:hover .MO53__content__title {
  color: #1a7e97;
  text-decoration: underline;
}
.MO53--featured {
  flex-direction: column;
  gap: 32px;
}
@media only screen and (max-width: 1280px) {
  .MO53--featured {
    gap: 24px;
  }
}
@media only screen and (max-width: 600px) {
  .MO53--featured {
    gap: 20px;
  }
}
.MO53--featured .MO53__image-container {
  width: auto;
  height: 419px;
}
@media only screen and (max-width: 1680px) {
  .MO53--featured .MO53__image-container {
    height: 394px;
  }
}
@media only screen and (max-width: 1440px) {
  .MO53--featured .MO53__image-container {
    height: 334px;
  }
}
@media only screen and (max-width: 1280px) {
  .MO53--featured .MO53__image-container {
    height: 307px;
  }
}
@media only screen and (max-width: 834px) {
  .MO53--featured .MO53__image-container {
    height: 395px;
  }
}
@media only screen and (max-width: 600px) {
  .MO53--featured .MO53__image-container {
    height: 236px;
  }
}
.MO53--featured .MO53__content__title {
  margin-bottom: 12px;
  font-size: 40px;
  line-height: 50px;
}
@media only screen and (max-width: 1680px) {
  .MO53--featured .MO53__content__title {
    font-size: 28px;
    line-height: 36px;
  }
}
@media only screen and (max-width: 1280px) {
  .MO53--featured .MO53__content__title {
    margin-bottom: 8px;
    font-size: 24px;
    line-height: 31px;
  }
}
@media only screen and (max-width: 834px) {
  .MO53--featured .MO53__content__title {
    font-size: 32px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 600px) {
  .MO53--featured .MO53__content__title {
    font-size: 28px;
    line-height: 35px;
  }
}
@media only screen and (max-width: 1280px) {
  .MO53--featured .MO53__content__eyebrow {
    margin-bottom: 4px;
  }
}
.MO53--featured .MO53__content__copy {
  display: block;
}
.MO53__image-container {
  flex-shrink: 0;
  width: 250px;
  height: 183px;
  overflow: hidden;
}
@media only screen and (max-width: 1680px) {
  .MO53__image-container {
    width: 208px;
    height: 152px;
  }
}
@media only screen and (max-width: 1280px) {
  .MO53__image-container {
    width: 170px;
    height: 124px;
  }
}
@media only screen and (max-width: 834px) {
  .MO53__image-container {
    width: 250px;
    height: 183px;
  }
}
@media only screen and (max-width: 600px) {
  .MO53__image-container {
    width: 100%;
    height: 256px;
  }
}
.MO53__image-container .MO53__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  transition: transform 250ms ease-in-out;
}
.MO53__content {
  flex-grow: 1;
}
.MO53__content__eyebrow {
  color: #09315b;
  opacity: 0.65;
  margin-bottom: 8px;
}
.MO53__content__title {
  transition: color 250ms ease-in-out, underline 250ms ease-in-out;
  font-size: 31px;
  line-height: 40px;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 500;
}
@media only screen and (max-width: 1919px) {
  .MO53__content__title {
    font-size: 24px;
    line-height: 31px;
  }
}
@media only screen and (max-width: 1439px) {
  .MO53__content__title {
    font-size: 22px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 1279px) {
  .MO53__content__title {
    line-height: 29px;
  }
}
@media only screen and (max-width: 833px) {
  .MO53__content__title {
    font-size: 24px;
    line-height: 31px;
  }
}
.MO53__content__copy {
  color: #000;
  font-size: 18px;
  line-height: 28px;
}
@media only screen and (max-width: 1919px) {
  .MO53__content__copy {
    font-size: 16px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 599px) {
  .MO53__content__copy {
    font-size: 14px;
    line-height: 22px;
  }
}

.demo--MO54 {
  background-color: #09315b;
  display: flex;
  justify-content: flex-end;
}
.demo--MO54 .MO54 {
  width: 50%;
}
@media only screen and (max-width: 834px) {
  .demo--MO54 .MO54 {
    width: 100%;
  }
}

.MO54 {
  display: flex;
  padding: 140px 204px 140px 120px;
  flex-direction: column;
  gap: 48px;
  color: #09315b;
}
@media only screen and (max-width: 1680px) {
  .MO54 {
    padding: 120px 180px 120px 100px;
  }
}
@media only screen and (max-width: 1440px) {
  .MO54 {
    padding: 120px 108px 120px 64px;
    gap: 32px;
  }
}
@media only screen and (max-width: 1280px) {
  .MO54 {
    padding: 96px 94px 96px 64px;
  }
}
@media only screen and (max-width: 834px) {
  .MO54 {
    padding: 80px 42px;
  }
}
@media only screen and (max-width: 600px) {
  .MO54 {
    padding: 64px 32px;
  }
}
.MO54__content__eyebrow {
  opacity: 0.65;
  margin-bottom: 16px;
}
@media only screen and (max-width: 1280px) {
  .MO54__content__eyebrow {
    margin-bottom: 8px;
  }
}
.MO54__content__title {
  margin-bottom: 16px;
}
@media only screen and (max-width: 1280px) {
  .MO54__content__title {
    margin-bottom: 12px;
  }
}
.MO54__content__copy {
  color: #333;
}
.MO54__link-container {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media only screen and (max-width: 600px) {
  .MO54__link-container {
    gap: 24px;
  }
}
.MO54__link-container .MO54__link {
  justify-content: flex-start;
}

.blue .MO54 {
  color: #fff;
}
.blue .MO54__content__copy {
  color: #fff;
}
.blue .MO54 .MO54__link {
  color: #fff;
}

.demo__MO6 {
  background-color: #333;
}

.MO6 {
  color: #fff;
  display: flex;
  align-items: center;
}
.MO6__logo {
  margin-right: auto;
  padding: 60px 0;
}
@media only screen and (max-width: 600px) {
  .MO6__logo {
    padding: 30px 0;
  }
}
.MO6__logo img {
  width: calc(190px + (258 - 190) * (100vw - 1441px) / (1920 - 1441));
  max-width: 100%;
}
@media only screen and (min-width: 1920px) {
  .MO6__logo img {
    width: 258px;
  }
}
@media only screen and (max-width: 1440px) {
  .MO6__logo img {
    width: calc(180px + (190 - 180) * (100vw - 835px) / (1440 - 835));
  }
}
@media only screen and (max-width: 834px) {
  .MO6__logo img {
    width: calc(130px + (180 - 130) * (100vw - 601px) / (834 - 601));
  }
}
@media only screen and (max-width: 600px) {
  .MO6__logo img {
    width: 130px;
  }
}
.MO6 nav {
  position: relative;
}
.MO6 nav .MO6__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
}
.MO6 nav .MO6__list .MO6__list {
  display: none;
}
.MO6 nav li {
  padding: 0;
  margin: 0;
  display: block;
}
.MO6 nav li a {
  color: #fff;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 700;
}
.MO6 nav > .MO6__list > li {
  padding: 0 15px;
}
@media only screen and (min-width: 1280px) {
  .MO6 nav > .MO6__list > li {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 1440px) {
  .MO6 nav > .MO6__list > li {
    padding: 0 30px;
  }
}
@media only screen and (min-width: 1920px) {
  .MO6 nav > .MO6__list > li {
    padding: 0 35px;
  }
}
.MO6 nav > .MO6__list > li:last-child {
  padding-right: 0;
}
.MO6 nav > .MO6__list > li .MO6__list__link a {
  display: block;
  position: relative;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.6px;
}
.MO6 nav > .MO6__list > li .MO6__list__link a::after {
  content: "";
  position: absolute;
  left: -10px;
  bottom: -4px;
  width: 50%;
  height: 3px;
  opacity: 0;
  background-color: #fff;
  transition: left ease-in-out 0.25s, width ease-in-out 0.25s, opacity ease-in-out 0.25s;
}
.MO6 nav > .MO6__list > li .MO6__list__link a:hover, .MO6 nav > .MO6__list > li .MO6__list__link a:focus, .MO6 nav > .MO6__list > li .MO6__list__link a.active {
  text-decoration: none;
}
.MO6 nav > .MO6__list > li .MO6__list__link a:hover::after, .MO6 nav > .MO6__list > li .MO6__list__link a:focus::after, .MO6 nav > .MO6__list > li .MO6__list__link a.active::after {
  left: 0;
  width: 100%;
  opacity: 1;
}
.MO6 nav > .MO6__list > li.has-children .MO6__list {
  display: flex;
  align-items: normal;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-bottom: 4px solid #1a7e97;
  border-radius: 0 0 5px 5px;
  background: #09315b;
  position: absolute;
  right: -35px;
  bottom: -36px;
  opacity: 0;
  z-index: 1;
  visibility: hidden;
  transform: translateY(100%);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.55);
  transition: bottom ease-in-out 0.25s, right ease-in-out 0.25s, opacity ease-in-out 0.25s;
}
.MO6 nav > .MO6__list > li.has-children .MO6__list li {
  flex: 1 1 0;
  width: 400px;
  min-width: 400px;
  padding: 40px;
}
@media only screen and (max-width: 1024px) {
  .MO6 nav > .MO6__list > li.has-children .MO6__list li {
    width: 300px;
    min-width: 300px;
    padding: 30px;
  }
}
.MO6 nav > .MO6__list > li.has-children .MO6__list li:not(:last-child) {
  border-right: 1px solid rgba(255, 255, 255, 0.15);
}
.MO6 nav > .MO6__list > li.has-children .MO6__list li a + div {
  margin-top: 13px;
}
.MO6 nav > .MO6__list > li.has-children.opened {
  margin-bottom: 0;
}
.MO6 nav > .MO6__list > li.has-children.opened .MO6__list {
  visibility: visible;
  bottom: -10px;
  opacity: 1;
}
.MO6 nav > .MO6__list > li.has-children.closing .MO6__list {
  visibility: visible;
}
.MO6__burger-menu, .MO6--mobile__close {
  background: none;
  border: none;
  color: #fff;
  padding: 0;
  margin: 0;
  font-size: 25px;
  line-height: 1;
}
@media only screen and (min-width: 835px) {
  .MO6__burger-menu, .MO6--mobile__close {
    display: none;
  }
}
.MO6--mobile {
  position: fixed;
  width: 100%;
  height: 100%;
  left: -100%;
  top: 0;
  z-index: 9999;
  overflow: hidden;
  background-color: #09315b;
  flex-direction: column;
  letter-spacing: 1px;
  display: none;
  visibility: hidden;
  transition: left 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
@media only screen and (max-width: 834px) {
  .MO6--mobile {
    display: flex;
  }
}
@media only screen and (min-width: 601px) {
  .MO6--mobile {
    background-color: #1a7e97;
  }
}
.MO6--mobile.animating {
  visibility: visible;
}
.MO6--mobile.opened {
  visibility: visible;
  left: 0;
}
.MO6--mobile__top {
  display: flex;
  align-items: center;
  padding: 33px 30px 11vh;
}
@media only screen and (min-width: 601px) {
  .MO6--mobile__top {
    padding: 60px 45px 8vh;
  }
}
.MO6--mobile__top__logo {
  width: 133px;
}
@media only screen and (min-width: 601px) {
  .MO6--mobile__top__logo {
    width: 183px;
  }
}
.MO6--mobile__close {
  margin-left: auto;
}
.MO6--mobile__bottom {
  padding: 35px 30px;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 601px) {
  .MO6--mobile__bottom {
    padding: 50px 45px 88px;
  }
}
.MO6--mobile__bottom__logo {
  width: 128px;
}
@media only screen and (min-width: 601px) {
  .MO6--mobile__bottom__logo {
    width: 204px;
  }
}
.MO6--mobile__bottom__links {
  margin-left: auto;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 601px) {
  .MO6--mobile__bottom__links {
    display: none;
  }
}
.MO6--mobile__bottom__links a {
  font-size: 12px;
  line-height: 18px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 700;
}
.MO6--mobile__bottom__links a:before {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea17";
}
.MO6--mobile__bottom__links a::before {
  margin-right: 10px;
  font-size: 18px;
  line-height: 22px;
}
.MO6--mobile__bottom__links a:not(:first-child) {
  margin-top: 22px;
}
.MO6--mobile .MO6__list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.MO6--mobile .MO6__list li {
  padding: 0;
  margin: 0;
  display: block;
}
.MO6--mobile .MO6__list li a {
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  text-transform: uppercase;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 700;
}
@media only screen and (min-width: 601px) {
  .MO6--mobile .MO6__list li a {
    font-size: 14px;
    line-height: 21px;
  }
}
.MO6--mobile .MO6__list li a + div {
  color: #fff;
  font-size: 14px;
  line-height: 22px;
  margin-top: 3px;
  letter-spacing: normal;
}
@media only screen and (min-width: 601px) {
  .MO6--mobile .MO6__list li a + div {
    font-size: 16px;
    line-height: 22px;
  }
}
.MO6--mobile .MO6__list .MO6__list {
  display: none;
  padding-left: 30px;
}
@media only screen and (min-width: 601px) {
  .MO6--mobile .MO6__list .MO6__list {
    padding-left: 45px;
    padding-bottom: 15px;
  }
}
.MO6--mobile .MO6__list .MO6__list li {
  padding-top: 16px;
}
@media only screen and (min-width: 601px) {
  .MO6--mobile .MO6__list .MO6__list li {
    padding-top: 28px;
  }
}
.MO6--mobile .MO6__list .MO6__list a::before {
  content: none;
}
.MO6--mobile .MO6__list .MO6__list a:hover, .MO6--mobile .MO6__list .MO6__list a:focus {
  text-decoration: underline;
}
.MO6--mobile nav {
  flex-grow: 1;
  overflow-y: auto;
}
.MO6--mobile nav > .MO6__list > li {
  padding: 24px 30px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  border-top: 0 solid rgba(255, 255, 255, 0.15);
  transition: border 250ms ease-in-out;
}
@media only screen and (min-width: 601px) {
  .MO6--mobile nav > .MO6__list > li {
    padding: 32px 45px 28px;
  }
}
.MO6--mobile nav > .MO6__list > li:first-child {
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}
.MO6--mobile nav > .MO6__list > li.has-children {
  cursor: pointer;
}
.MO6--mobile nav > .MO6__list > li.has-children .MO6__list__link {
  display: flex;
  align-items: flex-end;
}
.MO6--mobile nav > .MO6__list > li.has-children .MO6__list__link:before {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea0f";
}
.MO6--mobile nav > .MO6__list > li.has-children .MO6__list__link::before {
  color: #fff;
  margin-right: 10px;
  font-size: 20px;
  line-height: 1;
  transform: rotate(0);
  transition: transform 250ms ease-in-out;
}
@media only screen and (min-width: 601px) {
  .MO6--mobile nav > .MO6__list > li.has-children .MO6__list__link::before {
    font-size: 25px;
    margin-right: 20px;
  }
}
.MO6--mobile nav > .MO6__list > li.has-children.opened {
  border-top-width: 3px;
  border-bottom-width: 4px;
}
.MO6--mobile nav > .MO6__list > li.has-children.opened:first-child {
  border-top-width: 4px;
}
.MO6--mobile nav > .MO6__list > li.has-children.opened .MO6__list__link::before {
  transform: rotate(45deg);
}

@media only screen and (max-width: 834px) {
  .MO6__nav--desktop {
    display: none;
    overflow: hidden;
  }
}

.MO7 {
  background-color: #fff;
  box-shadow: 8px 8px 45px rgba(35, 53, 82, 0.1);
  display: flex;
  flex-direction: column;
}
.layout--two-col-grid .MO7, .layout--three-col-grid .MO7 {
  height: 100%;
}
.MO7__bg-image {
  width: 100%;
  padding-top: 56%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.MO7__content {
  padding: 40px 45px 45px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 1920px) {
  .MO7__content {
    padding: 35px 40px 40px;
  }
}
@media only screen and (max-width: 1440px) {
  .MO7__content {
    padding: 30px 35px 35px;
  }
}
@media only screen and (max-width: 834px) {
  .MO7__content {
    padding: 30px 35px 35px;
  }
}
@media only screen and (max-width: 600px) {
  .MO7__content {
    padding: 25px 25px 30px;
  }
}
.MO7__content__title {
  color: #09315b;
  margin-bottom: 24px;
}
@media only screen and (max-width: 1440px) {
  .MO7__content__title {
    margin-bottom: 15px;
  }
}
.MO7__content__copy {
  flex-grow: 1;
}
.MO7__content__cta {
  margin-top: 50px;
  display: flex;
  justify-content: flex-end;
}
.MO7__content__cta--additional {
  margin-top: 16px;
  display: flex;
  justify-content: flex-end;
}

.MO8 {
  background-color: #fff;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  box-shadow: 8px 8px 45px rgba(35, 53, 82, 0.1);
}
.MO8.--link {
  cursor: pointer;
}
.MO8 > a:focus, .MO8 > a:hover {
  text-decoration: none;
}
.MO8__image {
  padding-top: 67%;
  position: relative;
}
.MO8__image__viewport {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.MO8__content {
  padding: 45px 30px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (max-width: 1680px) {
  .MO8__content {
    padding: 40px 30px;
  }
}
@media only screen and (max-width: 1440px) {
  .MO8__content {
    padding: 35px 30px;
  }
}
@media only screen and (max-width: 834px) {
  .MO8__content {
    padding: 40px;
  }
}
@media only screen and (max-width: 414px) {
  .MO8__content {
    padding: 30px;
  }
}
.MO8__content > a {
  flex: 1;
}
.MO8__content > a:focus, .MO8__content > a:hover {
  text-decoration: none;
}
.MO8__content__copy {
  overflow: hidden;
  text-decoration: none;
}
.MO8__content__copy__eyebrow {
  margin-bottom: 17px;
  color: #09315b;
}
.MO8__content__copy__title {
  margin-bottom: 23px;
}
@media only screen and (max-width: 834px) {
  .MO8__content__copy__title {
    margin-bottom: 17px;
  }
}
@media only screen and (max-width: 414px) {
  .MO8__content__copy__title {
    font-size: 20px;
  }
}
.MO8__content__copy__text {
  color: #333;
}
.MO8__content__cta {
  display: flex;
  justify-content: flex-end;
}
@media only screen and (min-width: 415px) {
  .layout--three-col-grid__item .MO8 {
    padding-bottom: 0;
  }
}

.MO9 {
  display: flex;
  flex-direction: column;
  position: relative;
}
.MO9__bg_image {
  background-size: cover;
  background-position: center center;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0.1;
  z-index: 0;
}
.MO9__content {
  flex-grow: 1;
  position: relative;
  z-index: 1;
}
.MO9__content .h2 {
  margin-bottom: 15px;
}
@media only screen and (max-width: 834px) {
  .MO9__content .h2 {
    margin-bottom: 10px;
  }
}
.MO9__cta {
  margin-top: 30px;
  display: flex;
  justify-content: flex-end;
}
.MO9--alt {
  padding: 10% 14% 9% 11%;
  min-height: 600px;
}
@media only screen and (max-width: 1920px) {
  .MO9--alt {
    padding-left: 13%;
  }
}
@media only screen and (max-width: 1680px) {
  .MO9--alt {
    padding-right: 11%;
  }
}
@media only screen and (max-width: 1440px) {
  .MO9--alt {
    padding-top: 8%;
    min-height: 550px;
  }
}
@media only screen and (max-width: 1024px) {
  .MO9--alt {
    padding: 50px 56px 50px 35px;
    min-height: 450px;
  }
}
@media only screen and (max-width: 600px) {
  .MO9--alt {
    padding: 35px 30px;
    min-height: 430px;
  }
}
.MO9--alt--blue {
  background-color: #09315b;
  color: #fff;
  box-shadow: 0 10px 20px rgba(0, 35, 72, 0.35);
}
.MO9--alt--green {
  background-color: #1a7e97;
  color: #fff;
  box-shadow: 0 10px 20px rgba(1, 83, 103, 0.35);
}
.MO9__title {
  font-size: calc(38px + (40 - 38) * (100vw - 1681px) / (1920 - 1681));
  line-height: calc(47px + (50 - 47) * (100vw - 1681px) / (1920 - 1681));
  margin-bottom: 20px;
}
@media only screen and (min-width: 1920px) {
  .MO9__title {
    font-size: 40px;
    line-height: 50px;
  }
}
@media only screen and (max-width: 1680px) {
  .MO9__title {
    font-size: calc(36px + (38 - 36) * (100vw - 1441px) / (1680 - 1441));
    line-height: calc(45px + (47 - 45) * (100vw - 1441px) / (1680 - 1441));
  }
}
@media only screen and (max-width: 1440px) {
  .MO9__title {
    font-size: calc(34px + (36 - 34) * (100vw - 1281px) / (1440 - 1281));
    line-height: calc(42px + (45 - 42) * (100vw - 1281px) / (1440 - 1281));
  }
}
@media only screen and (max-width: 1280px) {
  .MO9__title {
    font-size: calc(32px + (34 - 32) * (100vw - 835px) / (1280 - 835));
    line-height: calc(40px + (42 - 40) * (100vw - 835px) / (1280 - 835));
  }
}
@media only screen and (max-width: 834px) {
  .MO9__title {
    font-size: calc(28px + (32 - 28) * (100vw - 415px) / (834 - 415));
    line-height: calc(35px + (40 - 35) * (100vw - 415px) / (834 - 415));
  }
}
@media only screen and (max-width: 414px) {
  .MO9__title {
    font-size: 28px;
    line-height: 35px;
  }
}

.OR1 {
  color: #fff;
  padding: 100px 0 80px 0;
  background: url("../assets/images/digital-mountains.webp");
  background-color: #08365f;
  background-repeat: no-repeat;
  background-position: 4% 28%;
  background-size: cover;
  position: relative;
}
.OR1__banner {
  position: relative;
  z-index: 1;
  transform: translateY(50%);
}
@media only screen and (max-width: 1440px) {
  .OR1 {
    padding: 100px 0 64px 0;
  }
}
@media only screen and (max-width: 834px) {
  .OR1 {
    background-position: 0 225px;
  }
  .OR1__first-row {
    flex-direction: column;
  }
  .OR1__first-row img {
    margin-right: auto;
  }
  .OR1__links {
    display: flex;
    flex-direction: column;
    padding-left: 0;
  }
  .OR1__links li {
    margin-right: auto;
    padding: 0;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 834px) {
  .OR1 {
    background-position: -293px 225px;
  }
}
.OR1__logo {
  height: 82px;
  display: block;
  margin: auto 0;
}
@media only screen and (max-width: 1680px) {
  .OR1__logo {
    height: 82px;
  }
}
@media only screen and (max-width: 834px) {
  .OR1__logo {
    height: 65px;
  }
}
@media only screen and (max-width: 834px) {
  .OR1__logo {
    max-height: 93px;
  }
}
@media only screen and (max-width: 600px) {
  .OR1__logo {
    max-height: 51px;
  }
}
.OR1__first-row {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media only screen and (min-width: 1280px) {
  .OR1__first-row {
    flex-direction: row;
  }
}
.OR1__main {
  margin: 48px 0;
  border: 0.5px solid rgba(255, 255, 255, 0.5);
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  box-sizing: initial;
}
@media only screen and (max-width: 1440px) {
  .OR1__main {
    margin: 64px 0;
  }
}
.OR1__contacts_list {
  display: flex;
  align-items: stretch;
}
.OR1__contact {
  padding: 16px 24px;
  display: flex;
  justify-content: flex-start;
  border-right: 0.5px solid rgba(255, 255, 255, 0.5);
}
@media only screen and (min-width: 1280px) {
  .OR1__contact {
    flex-direction: row;
  }
}
.OR1__contact:last-child {
  border-right: none;
}
.OR1__contact-item {
  display: inline-block;
}
.OR1__contact-item__label {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.65px;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 700;
}
@media only screen and (max-width: 834px) {
  .OR1__contact-item__label {
    letter-spacing: 0;
  }
}
@media only screen and (max-width: 834px) {
  .OR1__contact-item__label {
    margin-top: 0;
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 600px) {
  .OR1__contact-item__label {
    margin-bottom: 2px;
  }
}
.OR1__contact-item a {
  white-space: nowrap;
  font-size: 16px;
  line-height: 16px;
}
@media only screen and (max-width: 1440px) {
  .OR1__contact {
    padding: 16px 30px;
  }
}
@media only screen and (max-width: 834px) {
  .OR1__contact {
    justify-content: flex-start;
    padding: 24px;
  }
}
@media only screen and (max-width: 600px) {
  .OR1__contact {
    padding: 20px 25px 16px;
  }
}
.OR1__socials_list {
  display: flex;
  align-items: stretch;
}
.OR1__socials_list a[class*=icon--] {
  border-left: 0.5px solid rgba(255, 255, 255, 0.5);
  color: #fff;
  padding: 20px 25px;
  text-decoration: none;
  display: flex;
  align-items: center;
  font-size: 32px;
}
@media only screen and (max-width: 1920px) {
  .OR1__socials_list a[class*=icon--] {
    font-size: 24px;
  }
}
@media only screen and (max-width: 1440px) {
  .OR1__socials_list a[class*=icon--] {
    padding: 20px 30px;
  }
}
@media only screen and (min-width: 1440px) {
  .OR1__socials_list a[class*=icon--] {
    padding: 20px 40px;
  }
}
.OR1__bottom {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.OR1__copyright {
  white-space: nowrap;
  font-size: 16px;
  line-height: 24px;
}
.OR1__links {
  list-style: none;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: -10px;
  letter-spacing: 0.3px;
}
.OR1__links li {
  margin-top: 0;
  padding: 0 10px;
  margin-bottom: 20px;
  font-size: calc(14px + (16 - 14) * (100vw - 1441px) / (1920 - 1441));
  line-height: 24px;
}
.OR1__links li::before {
  content: "";
  font-size: initial;
  position: initial;
  left: initial;
  top: initial;
}
@media only screen and (min-width: 1920px) {
  .OR1__links li {
    font-size: 16px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 1440px) {
  .OR1__links li {
    font-size: 14px;
    line-height: calc(21px + (24 - 21) * (100vw - 835px) / (1440 - 835));
  }
}
@media only screen and (max-width: 834px) {
  .OR1__links li {
    font-size: 14px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 414px) {
  .OR1__links li {
    font-size: 16px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 1279px) {
  .OR1 {
    padding: 50px 0;
  }
  .OR1__main {
    flex-wrap: wrap;
    margin-top: 45px;
    margin-bottom: 42px;
    width: 100%;
  }
  .OR1__contacts_list, .OR1__socials_list {
    width: 100%;
  }
  .OR1__contact {
    flex-grow: 1;
    flex-basis: 100%;
    border-right: none;
  }
  .OR1__contact:not(:first-child) {
    border-left: 0.5px solid rgba(255, 255, 255, 0.5);
  }
  .OR1__contact-item__label {
    font-size: 16px;
    line-height: 21px;
  }
  .OR1__contact-item a {
    font-size: 16px;
    line-height: 18px;
  }
  .OR1__socials_list {
    border-top: 0.5px solid rgba(255, 255, 255, 0.5);
    height: 110px;
  }
  .OR1__socials_list a[class*=icon--] {
    padding: 20px 0;
    justify-content: center;
    flex-grow: 1;
    flex-basis: 100%;
  }
  .OR1__socials_list a[class*=icon--]:not(:first-child) {
    border-left: 0.5px solid rgba(255, 255, 255, 0.5);
  }
  .OR1__socials_list a[class*=icon--]:first-child {
    border-left: none;
  }
}
@media only screen and (max-width: 1279px) and (max-width: 834px) {
  .OR1__socials_list {
    height: 90px;
  }
}
@media only screen and (max-width: 1279px) {
  .OR1__bottom {
    flex-wrap: wrap;
  }
  .OR1__copyright {
    width: 100%;
    text-align: start;
    margin-bottom: 25px;
    white-space: initial;
    font-size: 16px;
    line-height: 24px;
  }
  .OR1__links {
    width: 100%;
    justify-content: space-around;
  }
  .OR1__links li {
    font-size: 16px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 600px) {
  .OR1 {
    padding: 70px 0 54px 0;
  }
  .OR1__main {
    margin: 41px 0 34px;
  }
  .OR1__contacts_list {
    flex-wrap: wrap;
  }
  .OR1__contact {
    display: block;
    width: 100%;
    border-bottom: 0.5px solid rgba(255, 255, 255, 0.5);
  }
  .OR1__contact-item__label {
    font-size: 14px;
    line-height: 24px;
    margin-top: 0;
  }
  .OR1__contact-item a {
    font-size: 14px;
  }
  .OR1__contact:not(:first-child) {
    border-left: none;
  }
  .OR1__socials_list {
    border-top: none;
    height: 80px;
  }
  .OR1__socials_list a[class*=icon--] {
    font-size: 26px;
  }
}
.OR1--has-banner {
  padding-top: 200px;
}
@media only screen and (max-width: 1679px) {
  .OR1--has-banner {
    padding-top: 170px;
  }
}
@media only screen and (max-width: 1279px) {
  .OR1--has-banner {
    padding-top: 185px;
  }
}
@media only screen and (max-width: 833px) {
  .OR1--has-banner {
    padding-top: 215px;
  }
}
@media only screen and (min-width: 834px) and (max-width: 1279px) {
  .OR1__links > li, .OR1__copyright, .OR1__links {
    width: 100%;
    text-align: left;
    padding-left: 0;
  }
  .OR1 .OR1__main {
    width: 100%;
  }
  .OR1 .OR1__logo {
    margin-left: 0;
    margin-right: auto;
  }
}

.OR10 {
  display: flex;
  padding: 100px 125px;
  background: #fff;
  box-shadow: 0 8px 45px rgba(35, 53, 82, 0.1);
}
@media only screen and (max-width: 1920px) {
  .OR10 {
    padding: 95px 110px;
  }
}
@media only screen and (max-width: 1680px) {
  .OR10 {
    padding: 90px 100px;
  }
}
@media only screen and (max-width: 1440px) {
  .OR10 {
    padding: 80px 90px;
  }
}
@media only screen and (max-width: 834px) {
  .OR10 {
    padding: 50px 40px;
    display: block;
  }
}
@media only screen and (max-width: 600px) {
  .OR10 {
    padding: 35px 20px;
  }
}
.OR10 img {
  width: 100%;
  height: auto;
}
.OR10__image, .OR10__copy {
  flex: 1;
}
.OR10__image {
  position: relative;
  margin-right: 80px;
}
@media only screen and (max-width: 1920px) {
  .OR10__image {
    margin-right: 65px;
  }
}
@media only screen and (max-width: 1440px) {
  .OR10__image {
    margin-right: 45px;
  }
}
@media only screen and (max-width: 834px) {
  .OR10__image {
    margin-right: 0;
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 600px) {
  .OR10__image {
    margin-bottom: 20px;
  }
}

.demo__OR10 {
  padding: 40px 0;
}

@media only screen and (min-width: 601px) and (max-width: 834px) {
  .OR11 .gw {
    padding: 0;
  }
}
@media only screen and (min-width: 601px) {
  .OR11 .gw .gs {
    width: 100%;
    max-width: none;
    margin-left: calc((100% - 79%) / 2);
  }
}
@media only screen and (min-width: 601px) and (max-width: 1680px) {
  .OR11 .gw .gs {
    margin-left: calc((100% - 85%) / 2);
  }
}
@media only screen and (min-width: 601px) and (max-width: 834px) {
  .OR11 .gw .gs {
    margin-left: 42px;
  }
}
@media only screen and (min-width: 1281px) {
  .layout--left-offset .OR11 .gw .gs {
    margin-left: calc((100% - 79%) / 2 + 79% / 12);
  }
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
  .layout--left-offset .OR11 .gw .gs {
    margin-left: calc((100% - 85%) / 2 + 85% / 12);
  }
}
@media only screen and (min-width: 1921px) {
  .layout--left-offset .OR11 .gw .gs {
    width: 100%;
    max-width: none;
  }
}
@media only screen and (max-width: 600px) {
  .layout--left-offset .OR11 .gw .gs {
    margin-left: 0;
  }
}
.OR11__row {
  display: flex;
  justify-content: flex-start;
}
@media only screen and (max-width: 1024px) {
  .OR11__row {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 600px) {
  .OR11__row {
    display: block;
  }
}
.OR11__column {
  flex: 0 1 33.33%;
}
.OR11__column .MO10__wrapper, .OR11__column .MO10 {
  height: 100%;
}
@media only screen and (max-width: 1024px) {
  .OR11__column {
    flex: 0 1 50%;
  }
}

.demo__OR11 {
  padding: 40px 0;
}

.OR12 img {
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 834px) {
  .OR12 img {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 600px) {
  .OR12 img {
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 414px) {
  .OR12 img {
    margin-bottom: 25px;
  }
}
.OR12 .MO3__copy {
  color: #333;
}
@media only screen and (min-width: 835px) {
  .OR12 {
    display: flex;
  }
  .OR12--image-right {
    flex-direction: row-reverse;
  }
}
@media only screen and (min-width: 835px) and (min-width: 835px) {
  .OR12--image-right .OR12__copy {
    padding-right: calc(10% / 2);
  }
}
@media only screen and (min-width: 835px) and (min-width: 835px) {
  .OR12--image-right .OR12__image {
    padding-left: calc(10% / 2);
  }
}
@media only screen and (min-width: 835px) and (min-width: 835px) {
  .OR12:not(.OR12--image-right) .OR12__copy {
    padding-left: calc(10% / 2);
  }
}
@media only screen and (min-width: 835px) and (min-width: 835px) {
  .OR12:not(.OR12--image-right) .OR12__image {
    padding-right: calc(10% / 2);
  }
}
@media only screen and (min-width: 835px) {
  .OR12__copy, .OR12__image {
    flex: 1;
  }
}

.demo__OR12 {
  padding: 40px 0;
}

@media only screen and (min-width: 601px) and (max-width: 834px) {
  .OR13 .gw {
    padding: 0;
  }
}
@media only screen and (min-width: 601px) {
  .OR13 .gw .gs {
    width: 100%;
    max-width: none;
    margin-left: calc((100% - 79%) / 2);
  }
}
@media only screen and (min-width: 601px) and (max-width: 1680px) {
  .OR13 .gw .gs {
    margin-left: calc((100% - 85%) / 2);
  }
}
@media only screen and (min-width: 601px) and (max-width: 834px) {
  .OR13 .gw .gs {
    margin-left: 42px;
  }
}
@media only screen and (min-width: 1281px) {
  .layout--left-offset .OR13 .gw .gs {
    margin-left: calc((100% - 79%) / 2 + 79% / 12);
  }
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
  .layout--left-offset .OR13 .gw .gs {
    margin-left: calc((100% - 85%) / 2 + 85% / 12);
  }
}
@media only screen and (min-width: 1921px) {
  .layout--left-offset .OR13 .gw .gs {
    width: 100%;
    max-width: none;
  }
}
@media only screen and (max-width: 600px) {
  .layout--left-offset .OR13 .gw .gs {
    margin-left: 0;
  }
}
.OR13__row {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
@media only screen and (max-width: 600px) {
  .OR13__row {
    display: block;
  }
}
.OR13__column {
  flex: 1 0 33.33%;
}
.OR13__column .MO10__wrapper, .OR13__column .MO10 {
  height: 100%;
}
@media only screen and (max-width: 1024px) {
  .OR13__column {
    flex: 0 1 50%;
  }
}
@media only screen and (min-width: 1025px) {
  .OR13__column:nth-child(1) .MO10, .OR13__column:nth-child(5) .MO10, .OR13__column:nth-child(9) .MO10 {
    color: #09315b;
    background-color: #65c4db;
  }
  .OR13__column:nth-child(1) .MO10 .MO10__cta a, .OR13__column:nth-child(5) .MO10 .MO10__cta a, .OR13__column:nth-child(9) .MO10 .MO10__cta a {
    color: #09315b !important;
  }
  .OR13__column:nth-child(2) .MO10, .OR13__column:nth-child(6) .MO10, .OR13__column:nth-child(7) .MO10 {
    background-color: #1a7e97;
    color: #fff;
  }
  .OR13__column:nth-child(2) .MO10 .MO10__cta a, .OR13__column:nth-child(6) .MO10 .MO10__cta a, .OR13__column:nth-child(7) .MO10 .MO10__cta a {
    color: #fff !important;
  }
  .OR13__column:nth-child(3) .MO10, .OR13__column:nth-child(4) .MO10, .OR13__column:nth-child(8) .MO10 {
    background-color: #09315b;
    color: #fff;
  }
  .OR13__column:nth-child(3) .MO10 .MO10__cta a, .OR13__column:nth-child(4) .MO10 .MO10__cta a, .OR13__column:nth-child(8) .MO10 .MO10__cta a {
    color: #fff !important;
  }
}
@media only screen and (max-width: 1024px) {
  .OR13__column:nth-child(3n+1) .MO10 {
    color: #09315b;
    background-color: #65c4db;
  }
  .OR13__column:nth-child(3n+1) .MO10 .MO10__cta a {
    color: #09315b !important;
  }
  .OR13__column:nth-child(3n+2) .MO10 {
    background-color: #1a7e97;
    color: #fff;
  }
  .OR13__column:nth-child(3n+2) .MO10 .MO10__cta a {
    color: #fff !important;
  }
  .OR13__column:nth-child(3n+3) .MO10 {
    background-color: #09315b;
    color: #fff;
  }
  .OR13__column:nth-child(3n+3) .MO10 .MO10__cta a {
    color: #fff !important;
  }
}
.OR13 .MO10__cta + .MO10__cta {
  margin-top: 5px;
}

.demo__OR13 {
  padding: 40px 0;
}

.OR14 {
  position: relative;
  z-index: 2;
}
.OR14__header-container {
  position: relative;
  background-color: #09315b;
}
.OR14__header-content {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.OR14__header-content-inner {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.OR14__copy-container {
  position: relative;
  max-width: 55%;
  padding-top: 65px;
}
@media only screen and (max-width: 1280px) {
  .OR14__copy-container {
    max-width: 75%;
  }
}
@media only screen and (max-width: 600px) {
  .OR14__copy-container {
    max-width: 100%;
    padding-top: 30px;
  }
}
.OR14--fullscreen .OR14__copy-container {
  padding-top: 0;
  padding-bottom: 40px;
}
@media only screen and (max-width: 1440px) {
  .OR14--fullscreen .OR14__copy-container {
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 600px) {
  .OR14--fullscreen .OR14__copy-container {
    padding-bottom: 0;
  }
}

.OR15 {
  display: flex;
}
.OR15--card {
  background-color: #fff;
  box-shadow: 0 8px 45px rgba(35, 53, 82, 0.1);
  padding: 80px;
}
.OR15 img {
  -o-object-fit: cover;
     object-fit: cover;
  min-height: 100%;
  width: auto;
}
.OR15__image, .OR15__copy {
  flex: 1;
}
.OR15__copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.OR15__copy__title {
  color: #09315b;
  font-size: calc(38px + (40 - 38) * (100vw - 1681px) / (1920 - 1681));
  line-height: calc(47px + (50 - 47) * (100vw - 1681px) / (1920 - 1681));
}
@media only screen and (min-width: 1920px) {
  .OR15__copy__title {
    font-size: 40px;
    line-height: 50px;
  }
}
@media only screen and (max-width: 1680px) {
  .OR15__copy__title {
    font-size: calc(36px + (38 - 36) * (100vw - 1441px) / (1680 - 1441));
    line-height: calc(45px + (47 - 45) * (100vw - 1441px) / (1680 - 1441));
  }
}
@media only screen and (max-width: 1440px) {
  .OR15__copy__title {
    font-size: calc(34px + (36 - 34) * (100vw - 1281px) / (1440 - 1281));
    line-height: calc(42px + (45 - 42) * (100vw - 1281px) / (1440 - 1281));
  }
}
@media only screen and (max-width: 1280px) {
  .OR15__copy__title {
    font-size: calc(32px + (34 - 32) * (100vw - 835px) / (1280 - 835));
    line-height: calc(40px + (42 - 40) * (100vw - 835px) / (1280 - 835));
  }
}
@media only screen and (max-width: 834px) {
  .OR15__copy__title {
    font-size: calc(28px + (32 - 28) * (100vw - 415px) / (834 - 415));
    line-height: calc(35px + (40 - 35) * (100vw - 415px) / (834 - 415));
  }
}
@media only screen and (max-width: 414px) {
  .OR15__copy__title {
    font-size: 28px;
    line-height: 35px;
  }
}
.OR15__copy__features__list {
  list-style: none;
  padding: 0;
}
.OR15__copy__features__list__item {
  display: flex;
  align-items: flex-start;
  line-height: inherit;
  margin-bottom: 18px;
}
.OR15__copy__features__list__item:before {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea38";
}
.OR15__copy__features__list__item::before {
  color: #09315b;
  font-size: 16px;
  margin-right: 10px;
  line-height: inherit;
}
@media only screen and (min-width: 835px) {
  .OR15__copy {
    padding-right: calc(80px / 2);
  }
  .OR15__image {
    padding-left: calc(80px / 2);
  }
}
@media only screen and (max-width: 834px) {
  .OR15 {
    padding: 50px;
    flex-direction: column-reverse;
  }
  .layout--one-col-shadow .OR15 {
    padding: 0;
  }
  .OR15__image {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 600px) {
  .OR15 {
    padding: 30px;
  }
  .OR15__image {
    margin-bottom: 30px;
  }
}

.OR16 {
  position: relative;
}
.OR16--full-width {
  margin-left: 25px;
}
@media only screen and (max-width: 1024px) {
  .OR16--full-width {
    width: 100%;
  }
}
@media only screen and (max-width: 834px) {
  .OR16--full-width {
    margin-left: 0;
  }
}
.OR16--full-width .OR16__footer {
  padding: 0 110px 55px;
}
@media only screen and (max-width: 1920px) {
  .OR16--full-width .OR16__footer {
    padding-right: 80px;
    padding-bottom: 45px;
  }
}
@media only screen and (max-width: 1680px) {
  .OR16--full-width .OR16__footer {
    padding: 0 64px 35px 91px;
  }
}
@media only screen and (max-width: 1440px) {
  .OR16--full-width .OR16__footer {
    padding: 0 60px 35px 60px;
  }
}
@media only screen and (max-width: 834px) {
  .OR16--full-width .OR16__footer {
    padding: 0 40px 40px;
  }
}
@media only screen and (max-width: 600px) {
  .OR16--full-width .OR16__footer {
    padding: 0 25px 20px;
  }
}
.OR16--full-width .OR16__content {
  padding: 35px 0 0 0;
}
@media only screen and (max-width: 1920px) {
  .OR16--full-width .OR16__content {
    padding: 25px 0 0 0;
  }
}
@media only screen and (max-width: 1440px) {
  .OR16--full-width .OR16__content {
    padding: 15px 0 0 0;
  }
}
.OR16__content {
  -webkit-clip-path: inset(0 0 0 -10000px);
          clip-path: inset(0 0 0 -10000px);
  padding: 25px 0 0 0;
}
@media only screen and (max-width: 1024px) {
  .OR16__content {
    overflow: hidden;
  }
}
@media only screen and (max-width: 1920px) {
  .OR16__content {
    padding: 25px 0 0 0;
  }
}
@media only screen and (max-width: 1680px) {
  .OR16__content {
    padding: 20px 0 0 0;
  }
}
@media only screen and (max-width: 1440px) {
  .OR16__content {
    padding: 10px 0 0 0;
  }
}
.OR16__footer {
  display: flex;
  justify-content: space-between;
  padding: 0 80px 45px;
}
@media only screen and (max-width: 1920px) {
  .OR16__footer {
    padding: 0 70px 35px;
  }
}
@media only screen and (max-width: 1680px) {
  .OR16__footer {
    padding: 0 50px 35px;
  }
}
@media only screen and (max-width: 834px) {
  .OR16__footer {
    padding: 0 40px 40px;
  }
}
@media only screen and (max-width: 600px) {
  .OR16__footer {
    padding: 0 25px 20px;
  }
}
.OR16__background {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-color: #09315b;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 0 10px 20px rgba(0, 35, 72, 0.35);
}
@media only screen and (max-width: 1280px) {
  .OR16__background {
    background-position: right 50px;
  }
}
@media only screen and (max-width: 600px) {
  .OR16__background {
    background-position: right;
  }
}
.OR16__carousel {
  overflow: hidden;
}
@media only screen and (max-width: 1280px) {
  .OR16__carousel {
    transform: translateX(0);
  }
}
@media only screen and (max-width: 1280px) {
  .OR16__carousel__slide {
    padding: 0 20px 15px;
  }
}
@media only screen and (max-width: 600px) {
  .OR16__carousel__slide {
    padding: 0 10px 15px;
  }
}
.OR16__controls-container {
  display: flex;
  align-items: center;
}
.OR16__button {
  position: relative;
  height: 35px;
  width: 60px;
  background: none;
  border: none;
  margin-left: 5px;
}
@media only screen and (max-width: 600px) {
  .OR16__button {
    width: 22px;
    height: 42px;
    margin-left: 25px;
  }
}
.OR16__button::before {
  color: #09315b;
  font-size: 30px;
}
@media only screen and (max-width: 600px) {
  .OR16__button::before {
    font-size: 24px;
  }
}
.OR16__button:before {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea0c";
}
.OR16__button--previous::before {
  padding-top: 1px;
  display: inline-block;
  transform: rotate(180deg);
}
.OR16__indicator-container {
  display: flex;
  align-items: center;
}
.OR16__indicators {
  display: flex;
  margin: 0 -5px;
  height: 15px;
  align-items: center;
  padding: 0;
}
.OR16__indicators button {
  width: 50px;
  height: 2px;
  background-color: #09315b;
  opacity: 0.6;
  margin: 5px 5px;
  transition: opacity 0.5s, width 0.5s, transform 0.5s;
  transition-delay: 0.5s, 0s, 0s;
  border: none;
  font-size: 0;
}
@media only screen and (max-width: 1440px) {
  .OR16__indicators button {
    width: 39px;
  }
}
@media only screen and (max-width: 600px) {
  .OR16__indicators button {
    width: 21px;
  }
}
.OR16__indicators .slick-active button {
  opacity: 1;
  width: 100px;
  transition-delay: 0s;
  transform: scaleY(2);
}
@media only screen and (max-width: 1440px) {
  .OR16__indicators .slick-active button {
    width: 79px;
  }
}
@media only screen and (max-width: 600px) {
  .OR16__indicators .slick-active button {
    width: 42px;
  }
}
.OR16__indicators li {
  display: flex;
  align-items: center;
}
.OR16 .slick-list {
  overflow: visible;
}
@media only screen and (min-width: 1281px) {
  .OR16 .slick-track {
    display: flex;
    align-items: center;
  }
}
.OR16 .slick-slide.slick-center, .OR16 .slick-slide.slick-active {
  opacity: 1;
}
.OR16 .slick-slide {
  opacity: 0.4;
  transition: opacity 0.5s;
}
.OR16--blue .OR16__indicators button {
  background-color: #fff;
}
.OR16--blue .OR16__button::before {
  color: #fff;
}
.OR16--blue .MO24__title, .OR16--blue .MO24__copy, .OR16--blue .MO24 .button.primary.text {
  color: #fff;
}
.OR16--blue .MO24__copy a:not(.button) {
  color: #fff;
}
.OR16--white .OR16__background {
  background-color: #fff;
  box-shadow: 8px 8px 45px rgba(35, 53, 82, 0.1);
}
.OR16--transparent .OR16__background {
  background-color: transparent;
  box-shadow: none;
}

.OR17 {
  z-index: 3;
  /* stylelint-disable */
  width: calc(100% - var(--drupal-displace-offset-left, 0px));
  /* stylelint-enable */
}
.OR17--sticky {
  position: fixed;
  top: 0;
}
.OR17__mega-nav {
  position: fixed;
  width: 100vw;
  z-index: 99999;
  top: 0;
  left: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
  /* stylelint-disable */
  /* stylelint-enable */
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  min-height: calc(var(--vh, 1vh) * 100);
  /* stylelint-disable */
  /* stylelint-enable */
}
body.gin--vertical-toolbar.toolbar-fixed .OR17__mega-nav {
  top: var(--gin-toolbar-y-offset, 0px);
}
.OR17__mega-nav--init {
  opacity: 1;
}
body.gin--vertical-toolbar.toolbar-fixed .OR17__mega-nav {
  height: calc(var(--vh, 1vh) * 100 - var(--gin-toolbar-y-offset, 0px));
  min-height: calc(var(--vh, 1vh) * 100 - var(--gin-toolbar-y-offset, 0px));
}
.OR17__mega-nav--close .MO27__list {
  animation: "return-slide" 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s both;
  -webkit-animation: "return-slide" 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s both;
}
.OR17__mega-nav--close .OR17__container {
  animation: "fade-out" 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s both;
  -webkit-animation: "fade-out" 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s both;
}
.OR17__mega-nav--open {
  pointer-events: auto;
}
.OR17__mega-nav--open .OR17__container {
  animation: "fade-in" 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s both;
  -webkit-animation: "fade-in" 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s both;
}
.OR17__mega-nav--open .MO27__list,
.OR17__mega-nav--open .MO27__section-title {
  animation: "slide-right" 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s both;
  -webkit-animation: "slide-right" 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s both;
}
.OR17__mega-nav--open .OR17__sidebar {
  animation: "fade-in" 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s both;
  -webkit-animation: "fade-in" 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s both;
}
.OR17__container {
  position: relative;
  height: 100%;
  width: 100%;
  display: flex;
  overflow: hidden;
  opacity: 0;
  background: url("../assets/images/digital-mountains.webp");
  background-color: #08365f;
  background-repeat: no-repeat;
  background-position: 0 540px;
  background-size: 110%;
}
@media only screen and (max-width: 1440px) {
  .OR17__container {
    background-position: 0 312px;
  }
}
@media only screen and (max-width: 1280px) {
  .OR17__container {
    background-position: 0 425px;
  }
}
@media only screen and (max-width: 600px) {
  .OR17__container {
    background-position: bottom;
    background-size: 250%;
  }
}
@media screen and (max-device-width: 834px) and (orientation: landscape), (max-width: 834px) {
  .OR17__container {
    background-position: -200px;
    background-size: 200%;
  }
}
@media only screen and (min-width: 1441px) {
  .OR17__container {
    background-size: 0 0;
  }
}
@media only screen and (max-width: 1440px) {
  .OR17__container {
    flex-wrap: wrap;
  }
}
@media screen and (max-device-width: 834px) and (orientation: landscape), (max-width: 834px) {
  .OR17__container {
    overflow-y: auto;
    background-size: 0 0;
  }
}
.OR17__body {
  z-index: 1;
  width: 75%;
  box-shadow: 0 0 30px -2px rgba(0, 0, 17, 0.337254902);
  padding-bottom: 40px;
}
.OR17__body .gw {
  height: 100%;
}
@media only screen and (max-width: 834px) {
  .OR17__body .gw {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 1440px) {
  .OR17__body {
    width: 100%;
    height: 75%;
    box-shadow: none;
    background: none;
  }
}
@media screen and (max-device-width: 834px) and (orientation: landscape), (max-width: 834px) {
  .OR17__body {
    height: auto;
    margin-bottom: 35px;
  }
}
.OR17__body__inner {
  height: 80%;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 1440px) {
  .OR17__body__inner {
    height: 100%;
  }
}
@media screen and (max-device-width: 834px) and (orientation: landscape), (max-width: 834px) {
  .OR17__body__inner {
    height: auto;
  }
}
@media only screen and (min-width: 1441px) {
  .OR17__body::before {
    content: "";
    display: block;
    position: absolute;
    width: 75%;
    height: 170px;
    bottom: 0;
    z-index: -1;
    background: url("../assets/images/digital-mountains.webp");
    background-color: #08365f;
    background-repeat: no-repeat;
    background-position: 0 -150px;
    background-size: 101%;
  }
}
@media only screen and (max-width: 1920px) {
  .OR17__body::before {
    background-position: 0 -150px;
  }
}
@media only screen and (max-width: 1680px) {
  .OR17__body::before {
    background-position: 0 -120px;
  }
}
@media only screen and (max-width: 1440px) {
  .OR17__body::before {
    background-position: 0 -120px;
  }
}
.OR17__header {
  padding-top: 40px;
  display: flex;
  height: 85px;
  margin-bottom: 25px;
  background: #08365f;
  z-index: 9;
}
@media only screen and (max-width: 1920px) {
  .OR17__header {
    padding-top: 30px;
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 1440px) {
  .OR17__header {
    padding-top: 23px;
    height: auto;
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 600px) {
  .OR17__header {
    padding-top: 25px;
  }
}
@media screen and (max-device-width: 834px) and (orientation: landscape), (max-width: 834px) {
  .OR17__header {
    padding-top: 10px;
    padding-bottom: 20px;
    align-items: center;
    position: sticky;
    top: 0;
  }
}
@media only screen and (max-device-width: 834px) and (orientation: landscape) and (max-width: 600px), only screen and (max-width: 834px) and (max-width: 600px) {
  .OR17__header {
    justify-content: space-between;
    align-items: center;
  }
  .OR17__header .OR17__header__actions {
    position: static;
  }
  .OR17__header .OR17__header__logo-container {
    display: flex;
  }
  .OR17__header .OR17__header__logo-container img {
    max-width: 100%;
  }
}
@media only screen and (max-width: 360px) {
  .OR17__header {
    flex-wrap: wrap;
  }
}
.OR17__header__logo-container {
  height: 21px;
}
@media only screen and (max-width: 600px) {
  .OR17__header__logo-container {
    height: 28px;
    width: 120px;
  }
}
@media screen and (max-device-width: 834px) and (orientation: landscape), (max-width: 834px) {
  .OR17__header__logo-container {
    height: 36px;
    max-width: 160px;
    display: flex;
  }
}
.OR17__header__logo-container img {
  max-width: none;
  max-height: 100%;
}
@media screen and (max-device-width: 834px) and (orientation: landscape), (max-width: 834px) {
  .OR17__header__logo-container img {
    max-width: 100%;
  }
}
.OR17__footer-logo-container {
  margin-top: auto;
  height: 87px;
}
@media only screen and (max-width: 1440px) {
  .OR17__footer-logo-container {
    height: 75px;
  }
}
.OR17__footer-logo-container img {
  max-width: none;
  max-height: 100%;
}
.OR17__sidebar {
  width: 25%;
  height: 100%;
}
@media only screen and (min-width: 1025px) {
  .OR17__sidebar {
    background: none;
  }
}
@media only screen and (max-width: 1440px) {
  .OR17__sidebar {
    width: 100%;
    display: flex;
    justify-content: center;
    height: 25%;
  }
}
@media screen and (max-device-width: 834px) and (orientation: landscape), (max-width: 834px) {
  .OR17__sidebar {
    margin-top: auto;
    padding-bottom: 45px;
    height: auto;
  }
}
@media only screen and (max-width: 1440px) {
  .OR17__sidebar .OR17__header {
    display: none;
  }
}
.OR17__sidebar__inner {
  height: 100%;
  width: 100%;
}
@media only screen and (max-width: 1440px) {
  .OR17__sidebar__inner {
    display: flex;
    width: 85vw;
  }
}
@media only screen and (max-width: 834px) {
  .OR17__sidebar__inner {
    width: 100%;
    padding: 0 42px;
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 600px) {
  .OR17__sidebar__inner {
    padding: 0 31px;
  }
}
@media only screen and (max-width: 414px) {
  .OR17__sidebar__inner {
    flex-direction: column;
  }
}
@media screen and (max-device-width: 834px) and (orientation: landscape), (max-width: 834px) {
  .OR17__sidebar__inner {
    width: 100%;
    padding: 0 42px;
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.OR17__sidebar__logo {
  display: none;
}
@media only screen and (max-width: 1440px) {
  .OR17__sidebar__logo {
    margin: auto;
    padding-bottom: 40px;
    width: 30%;
    display: block;
  }
}
@media only screen and (max-width: 834px) {
  .OR17__sidebar__logo {
    order: 2;
    width: 50%;
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 600px) {
  .OR17__sidebar__logo {
    order: 4;
    width: 100%;
    margin-top: 30px;
  }
}
@media only screen and (max-width: 414px) {
  .OR17__sidebar__logo {
    margin: 0;
    order: 3;
  }
}
@media screen and (max-device-width: 834px) and (orientation: landscape), (max-width: 834px) {
  .OR17__sidebar__logo {
    order: 2;
    width: 50%;
    padding-bottom: 0;
  }
}
.OR17__sidebar__main {
  height: 67%;
}
@media only screen and (max-width: 1440px) {
  .OR17__sidebar__main {
    height: 100%;
    border: none;
  }
}
@media screen and (max-device-width: 834px) and (orientation: landscape), (max-width: 834px) {
  .OR17__sidebar__main {
    height: auto;
    order: 1;
    width: 100%;
    margin-bottom: 20px;
  }
}
.OR17__sidebar__content {
  height: 100%;
  padding: 0 40px 40px 40px;
  flex-direction: column;
  display: flex;
}
.OR17__sidebar__content .OR17__contact-section {
  margin: auto;
}
@media screen and (max-device-width: 834px) and (orientation: landscape), (max-width: 834px) {
  .OR17__sidebar__content .OR17__contact-section {
    margin: 0;
  }
}
@media only screen and (max-width: 1440px) {
  .OR17__sidebar__content {
    padding-right: 0;
  }
}
@media screen and (max-device-width: 834px) and (orientation: landscape), (max-width: 834px) {
  .OR17__sidebar__content {
    padding: 0;
    justify-content: flex-end;
  }
}
.OR17__sidebar__footer {
  height: 33%;
}
@media only screen and (max-width: 1440px) {
  .OR17__sidebar__footer {
    height: 100%;
  }
}
@media only screen and (max-width: 834px) {
  .OR17__sidebar__footer {
    order: 3;
    width: 50%;
    height: auto;
  }
}
@media only screen and (max-width: 600px) {
  .OR17__sidebar__footer {
    width: 100%;
  }
}
@media only screen and (max-width: 414px) {
  .OR17__sidebar__footer {
    margin-bottom: 35px;
    order: 2;
  }
}
@media screen and (max-device-width: 834px) and (orientation: landscape), (max-width: 834px) {
  .OR17__sidebar__footer {
    order: 3;
    width: 50%;
    height: auto;
  }
}
.OR17__search {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  color: #fff;
  padding: 0;
  line-height: 1;
}
.OR17__search:before {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea24";
}
.OR17__close-button, .OR17__search {
  font-size: 32px;
}
@media only screen and (max-width: 1919px) {
  .OR17__close-button, .OR17__search {
    font-size: 24px;
  }
}
.OR17__close-button {
  background: none;
  color: #fff;
  line-height: 1;
  border: none;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.OR17__navigation {
  flex: 1;
  position: relative;
}
.OR17__navigation__inner {
  position: absolute;
  height: 100%;
  width: 100%;
}
@media screen and (max-device-width: 834px) and (orientation: landscape), (max-width: 834px) {
  .OR17__navigation__inner {
    position: relative;
  }
}
.OR17__navigation__inner nav {
  height: 100%;
}
.OR17__contact_section {
  display: flex;
}
.OR17__footer {
  height: 20%;
  padding-bottom: 40px;
  display: flex;
}
@media only screen and (max-width: 1440px) {
  .OR17__footer {
    display: none;
  }
}
.OR17__header__actions {
  display: flex;
  align-items: center;
  position: fixed;
  right: 80px;
  gap: 40px;
}
.OR17__header__actions .MO49 {
  display: none;
}
@media only screen and (max-width: 414px) {
  .OR17__header__actions--toolkit {
    position: unset;
    justify-content: flex-end;
    flex-wrap: wrap-reverse;
    row-gap: 20px;
  }
}
.OR17__header__actions--toolkit .MO49 {
  display: flex;
}
.OR17__header__actions--toolkit .MO49__icon {
  font-size: 24px;
}
@media only screen and (max-width: 1919px) {
  .OR17__header__actions {
    right: 50px;
    gap: 32px;
  }
}
@media only screen and (max-width: 1439px) {
  .OR17__header__actions {
    right: 42px;
  }
}
@media only screen and (max-width: 599px) {
  .OR17__header__actions {
    right: 34px;
  }
}
@media screen and (max-device-width: 834px) and (orientation: landscape), (max-width: 834px) {
  .OR17__header__actions {
    right: 40px;
    gap: 24px;
  }
}
@media only screen and (max-width: 360px) {
  .OR17__header__actions {
    position: relative;
    right: 0;
    flex-grow: 1;
    justify-content: flex-end;
  }
}
.OR17__header__actions .openid-connect-login-form {
  padding: 0;
}
.OR17__header__actions .openid-connect-login-form .gs {
  max-width: 100%;
}
.OR17__header__actions a.auth.signin {
  margin-left: auto;
  padding: 10px 20px;
  color: #09315b;
  background-color: #fff;
  box-shadow: 0 4px 15px rgba(0, 32, 65, 0.25);
}
.OR17__header__actions a.auth.signin:hover, .OR17__header__actions a.auth.signin.hover {
  background-color: transparent;
  color: #fff;
  border: 2px solid;
}
.OR17__header__actions a.auth.signin.selected, .OR17__header__actions a.auth.signin:active, .OR17__header__actions a.auth.signin:focus {
  background-color: transparent;
  color: #fff;
  outline: 4px solid;
}
.OR17__header__actions a.auth.signin[disabled], .OR17__header__actions a.auth.signin.disabled {
  background-color: #adadad;
  pointer-events: none;
  color: #fff;
  opacity: 0.7;
  box-shadow: none;
}
.OR17__header__actions a.auth.signin:before {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea35";
}
.OR17__header__actions a.auth.signout {
  padding: 10px 20px;
}
.OR17__header__actions a.auth.signout:before {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea37";
}
.OR17__links {
  margin-top: 135px;
}
@media only screen and (max-width: 1440px) {
  .OR17__links {
    margin-top: 0;
    min-width: 500px;
  }
}
@media only screen and (max-width: 600px) {
  .OR17__links {
    width: 100%;
    min-width: unset;
  }
}
.OR17__links--featured {
  display: none;
}
@media screen and (max-device-width: 834px) and (orientation: landscape), (max-width: 834px) {
  .OR17__links--featured {
    display: block;
    margin-bottom: 15px;
  }
}
.OR17--opened > a:first-child,
.OR17--opened .OR14 button,
.OR17--opened .OR14 a,
.OR17--opened main,
.OR17--opened footer {
  display: none !important;
}
.OR17__search-bar {
  width: 100%;
  position: absolute;
  z-index: 3;
  max-height: 0;
  background-color: #09315b;
  transition: 0.3s ease-in-out;
  transition-delay: 0.3s;
  overflow: hidden;
}
.OR17__search-bar__inner {
  opacity: 0;
  transition: opacity 0.7s ease-out;
  animation-delay: 0.3s;
}
.OR17__search-bar--open {
  max-height: 500px;
}
.OR17__search-bar--open .OR17__search-bar__inner {
  opacity: 1;
}
.OR17__search-bar label {
  color: #fff;
}
.OR17__search-bar input[type=search] {
  height: 51px;
  margin: 0;
  width: 100%;
}
.OR17__search-bar .form-item-keywords {
  width: 100%;
}
.OR17__search-bar .form-item {
  margin: 0;
}
.OR17__search-bar button[type=submit].form-submit {
  height: 100%;
  max-height: 56px;
  margin-left: 30px;
}
.OR17__search-bar button[type=submit].form-submit:before {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea32";
}
.OR17__search-bar button[type=submit].form-submit::before {
  font-size: 16px;
}
@media only screen and (max-width: 600px) {
  .OR17__search-bar button[type=submit].form-submit {
    margin-left: 0;
    margin-top: 25px;
  }
}
.OR17__search-bar .search-bar-form {
  display: flex;
  align-items: flex-end;
  width: 100%;
  margin: 50px 0 45px;
}
@media only screen and (max-width: 1680px) {
  .OR17__search-bar .search-bar-form {
    margin: 30px 0 30px;
  }
}
@media only screen and (max-width: 600px) {
  .OR17__search-bar .search-bar-form {
    flex-wrap: wrap;
  }
}
.OR17__header-container {
  position: absolute;
  width: 100%;
  z-index: 4;
  top: 0;
}
.OR17__header-container .MO19 {
  transition: 0.3s ease-in-out;
}
.OR17__header-container .MO19__search {
  transition: background-color 0.3s ease-in-out;
}
.OR17--open .OR17__search-bar {
  transition-delay: 0s;
  padding-top: 131px;
}
@media only screen and (max-width: 1920px) {
  .OR17--open .OR17__search-bar {
    padding-top: calc(112px + (131 - 112) * (100vw - 1681px) / (1920 - 1681));
  }
}
@media only screen and (max-width: 1680px) {
  .OR17--open .OR17__search-bar {
    padding-top: calc(100px + (112 - 100) * (100vw - 1441px) / (1680 - 1441));
  }
}
@media only screen and (max-width: 1440px) {
  .OR17--open .OR17__search-bar {
    padding-top: calc(95px + (100 - 95) * (100vw - 1281px) / (1440 - 1281));
  }
}
@media only screen and (max-width: 1280px) {
  .OR17--open .OR17__search-bar {
    padding-top: calc(90px + (95 - 90) * (100vw - 835px) / (1280 - 835));
  }
}
@media only screen and (max-width: 600px) {
  .OR17--open .OR17__search-bar {
    padding-top: calc(75px + (90 - 75) * (100vw - 415px) / (1280 - 415));
  }
}
@media only screen and (max-width: 414px) {
  .OR17--open .OR17__search-bar {
    padding-top: 75px;
  }
}
.OR17--open .MO19 {
  transition-delay: 0.3s;
}
.OR17--open .MO19__search--open {
  transition-delay: 0s;
  background-color: #09315b;
}

/** Megamenu animation. */
@keyframes slide-right {
  0% {
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes return-slide {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(-100px);
    opacity: 0;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.demo__OR18__container {
  width: 550px;
  max-width: 100%;
}
.demo__OR18__container .OR18__scrollable {
  max-height: 253px;
}

.OR18 {
  display: flex;
  flex-direction: column;
}
.OR18__scrollable {
  flex-grow: 1;
  overflow-y: auto;
}
.OR18 .MO33 {
  display: none;
}
.--scrollable.OR18 .MO33 {
  display: flex;
}

.OR19 {
  background-color: #09315b;
  box-shadow: 0 10px 30px rgba(0, 32, 65, 0.2);
  position: relative;
}
.OR19 .MO32__form {
  padding-top: 185px;
}
@media only screen and (max-width: 1919px) {
  .OR19 .MO32__form {
    padding-top: 166px;
  }
}
@media only screen and (max-width: 1679px) {
  .OR19 .MO32__form {
    padding-top: 154px;
  }
}
@media only screen and (max-width: 1439px) {
  .OR19 .MO32__form {
    padding-top: 149px;
  }
}
@media only screen and (max-width: 1279px) {
  .OR19 .MO32__form {
    padding-top: 144px;
  }
}
@media only screen and (max-width: 833px) {
  .OR19 .MO32__form {
    padding-top: 105px;
  }
}
@media only screen and (max-width: 413px) {
  .OR19 .MO32__form {
    padding-top: 75px;
  }
}
.OR19 .MO32__form .MO32__field_subjects.--select, .OR19 .MO32__form .MO32__actions {
  margin-left: 80px;
}
@media only screen and (max-width: 833px) {
  .OR19 .MO32__form .MO32__field_subjects.--select, .OR19 .MO32__form .MO32__actions {
    margin-left: 0;
  }
}
.OR19 .MO32__form .MO32__field_subjects {
  width: 182px;
}
.OR19 .MO32__form .MO32__field_subjects:not(.--select) {
  flex: 0 1 100%;
}
@media only screen and (max-width: 834px) {
  .OR19 .MO32__form .MO32__field_subjects {
    flex: 0 1 100%;
    margin: 15px 0;
  }
}
.OR19 .MO32__tag-list:not(:empty) {
  padding-top: 0;
  margin-top: 0;
}
.OR19 .MO32__tag-list:not(:empty) .MO32__tag-item {
  padding-top: 0;
}

.OR2--header {
  padding-top: 0;
}
.OR2__cta {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  margin-left: auto;
}
@media only screen and (max-width: 1024px) {
  .OR2__cta {
    margin-top: 25px;
    justify-content: flex-start;
  }
}

.OR20 {
  position: relative;
}
.OR20__divider {
  border-bottom: 1px #d0d0d0 solid;
  margin: 60px 0 30px;
}
.OR20 .MO28__title {
  color: #09315b;
}
.OR20 .MO28__links-container {
  width: 600px;
}
@media only screen and (max-width: 1920px) {
  .OR20 .MO28__links-container {
    flex-direction: row;
  }
}
@media only screen and (max-width: 834px) {
  .OR20 .MO28__links-container {
    width: 100%;
  }
}
.OR20 .MO28__link-container .MO28__link.primary {
  color: #09315b;
}
.OR20 .MO28__link-container .MO28__link.primary.selected, .OR20 .MO28__link-container .MO28__link.primary.active, .OR20 .MO28__link-container .MO28__link.primary:hover, .OR20 .MO28__link-container .MO28__link.primary:active, .OR20 .MO28__link-container .MO28__link.primary.hover, .OR20 .MO28__link-container .MO28__link.primary:focus {
  color: #04182d;
}
@media only screen and (max-width: 1920px) {
  .OR20 .MO28__link-container {
    width: 50%;
  }
}
@media only screen and (max-width: 600px) {
  .OR20 .MO28__link-container {
    width: 100%;
  }
}
.OR20__results .search-result {
  margin: 15px 0;
}
@media only screen and (max-width: 600px) {
  .OR20__results .search-result {
    margin: 8px 0;
  }
}
.OR20__results .search-result a:hover, .OR20__results .search-result a:active, .OR20__results .search-result a:focus {
  text-decoration: none;
}
.OR20__results .search-result a:hover .MO30__title, .OR20__results .search-result a:active .MO30__title, .OR20__results .search-result a:focus .MO30__title {
  text-decoration: underline;
}
.OR20__header {
  display: flex;
  margin-bottom: 30px;
  margin-top: 60px;
  align-items: flex-end;
}
@media only screen and (max-width: 834px) {
  .OR20__header {
    margin-top: 45px;
    flex-direction: column;
  }
}
.OR20__pager {
  margin-bottom: 60px;
}
.OR20__sort-container {
  margin-left: auto;
}
.OR20__sort-container button.primary {
  display: none;
}
.OR20__sort-container label {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.OR20__sort-container .form-item {
  margin: 0;
}
.OR20__count {
  color: #09315b;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 22px;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 700;
  letter-spacing: 1.1px;
  text-transform: uppercase;
}
@media only screen and (max-width: 834px) {
  .OR20__count {
    width: 100%;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 834px) {
  .OR20__count {
    font-size: 14px;
    line-height: 18px;
  }
}
@media only screen and (max-width: 834px) {
  .OR20__count {
    letter-spacing: 0.8px;
  }
}
.OR20__background {
  position: absolute;
  width: 100%;
  height: 250px;
  z-index: -1;
  background-color: #F8F8F8;
  background-image: url("../assets/images/topography.png");
  background-repeat: repeat;
}
@media only screen and (max-width: 834px) {
  .OR20__background {
    height: 265px;
  }
}

.OR21 {
  width: 100%;
}
.OR21__slide {
  margin: auto;
  display: flex;
  background-color: #fff;
  height: 100%;
  padding: 14px 0 42px;
}
@media only screen and (max-width: 834px) {
  .OR21__slide {
    padding-top: 42px;
  }
}
.OR21__slide__copy-container {
  width: 50%;
  margin: auto 42px 0;
}
@media only screen and (max-width: 600px) {
  .OR21__slide__copy-container {
    width: 100%;
    margin: auto 30px 0;
  }
}
.OR21__slide__eyebrow, .OR21__slide__title {
  color: #09315b;
}
.OR21__slide__copy {
  color: #333;
  margin-bottom: 25px;
}
@media only screen and (max-width: 1680px) {
  .OR21__slide__copy {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 1280px) {
  .OR21__slide__copy {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 834px) {
  .OR21__slide__copy {
    margin-bottom: 32px;
  }
}
.OR21__slide__eyebrow {
  margin-bottom: 16px;
}
.OR21__slide__cta-container {
  display: flex;
}
.OR21__slide__cta-container .no-icon {
  margin-left: 32px;
}
.OR21__slide__cta-container .no-icon::before {
  display: none;
}
.OR21__slide__cta-container .slick-prev {
  display: none !important;
}
.OR21__slide__title {
  margin-bottom: 10px;
}
@media only screen and (max-width: 1280px) {
  .OR21__slide__title {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 1024px) {
  .OR21 {
    flex-direction: column;
  }
}
.OR21__image-container {
  width: 50%;
  margin-right: 16px;
}
@media only screen and (max-width: 834px) {
  .OR21__image-container {
    display: none;
  }
}
.OR21__image-container img {
  height: 100%;
  width: 100%;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25);
}
.OR21__link-container {
  width: 50%;
  background-color: #09315b;
  background-image: url("../assets/images/topography.png");
  background-repeat: no-repeat;
  background-position: -65px -316px;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
  margin-right: 16px;
  padding: 0 45px 40px 0;
}
@media only screen and (max-width: 1280px) {
  .OR21__link-container {
    width: 100%;
  }
}
@media only screen and (max-width: 834px) {
  .OR21__link-container {
    display: none;
  }
}
.OR21__footer {
  background-color: #09315b;
  padding: 25px 110px;
}
@media only screen and (max-width: 1920px) {
  .OR21__footer {
    padding: 22px 0;
  }
}
@media only screen and (max-width: 1680px) {
  .OR21__footer {
    padding: 18px 91px;
  }
}
@media only screen and (max-width: 1440px) {
  .OR21__footer {
    padding: 18px 60px;
  }
}
@media only screen and (max-width: 834px) {
  .OR21__footer {
    display: none;
  }
}
.OR21__indicator-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.OR21__indicators {
  display: flex;
  margin: 0 -5px;
  height: 15px;
  align-items: center;
  padding: 0;
}
.OR21__indicators button {
  width: 50px;
  height: 2px;
  background-color: white;
  opacity: 0.6;
  margin: 5px 5px;
  transition: opacity 0.5s, width 0.5s, transform 0.5s;
  transition-delay: 0.5s, 0s, 0s;
  border: none;
  font-size: 0;
}
@media only screen and (max-width: 1440px) {
  .OR21__indicators button {
    width: 39px;
  }
}
@media only screen and (max-width: 600px) {
  .OR21__indicators button {
    width: 21px;
  }
}
.OR21__indicators .slick-active button {
  opacity: 1;
  width: 100px;
  transition-delay: 0s;
  transform: scaleY(2);
}
@media only screen and (max-width: 1440px) {
  .OR21__indicators .slick-active button {
    width: 79px;
  }
}
@media only screen and (max-width: 600px) {
  .OR21__indicators .slick-active button {
    width: 42px;
  }
}
.OR21__indicators li {
  display: flex;
  align-items: center;
}
.OR21 .slick-track {
  display: flex !important;
}
.OR21 .slick-slide {
  height: inherit !important;
}

.OR22 .OR21 {
  display: none;
}
.OR22--started .OR21 {
  display: block;
}
.OR22--started .htb--intro {
  display: none;
}
@media only screen and (max-width: 834px) {
  .OR22--started .ME1 .ME1__modal-content {
    width: 507px;
  }
}
@media only screen and (max-width: 600px) {
  .OR22--started .ME1 .ME1__modal-content {
    width: 100%;
  }
}
.OR22__cta-container {
  position: fixed;
  bottom: 3%;
  right: 3%;
}
@media only screen and (max-width: 834px) {
  .OR22__cta-container {
    top: 100px;
    right: 20px;
  }
}
.OR22 .ME1__modal-content {
  width: 794px;
  background-color: #fff;
  margin: 0 auto;
}
@media only screen and (max-width: 834px) {
  .OR22 .ME1__modal-content {
    width: 684px;
  }
}
@media only screen and (max-width: 600px) {
  .OR22 .ME1__modal-content {
    width: 100%;
  }
}

.mfp-title {
  position: absolute;
  color: #fff;
  margin-top: -55px;
}
@media only screen and (max-width: 600px) {
  .mfp-title {
    margin-top: 10px;
  }
}

@media only screen and (max-width: 834px) {
  .mfp-container {
    padding-left: 32px;
    padding-right: 32px;
  }
  .mfp-container .mfp-iframe-scaler .mfp-close {
    top: -40px;
    right: -32px;
  }
}

.mfp-content img.mfp-img {
  padding: 100px 0;
}
@media only screen and (max-width: 600px) {
  .mfp-content img.mfp-img {
    padding: 32px 0;
  }
}
.mfp-content .mfp-iframe-scaler .mfp-title {
  margin-top: 10px;
}
.mfp-content .mfp-figure::after {
  top: 150px;
  bottom: 150px;
}
@media only screen and (max-width: 834px) {
  .mfp-content .mfp-figure::after {
    left: 100px;
    right: 100px;
  }
}

.mfp-bg {
  opacity: 0.75;
}

.mfp-image-holder .mfp-close, .mfp-iframe-scaler .mfp-close {
  position: absolute;
  width: 61px;
  height: 61px;
  border: 5px solid #fff;
  border-radius: 40px;
  opacity: 1;
  padding: 0;
  margin: 0;
  text-align: center;
  font-size: 0;
}
.mfp-image-holder .mfp-close:hover, .mfp-iframe-scaler .mfp-close:hover {
  cursor: pointer;
}
.mfp-image-holder .mfp-close:after, .mfp-iframe-scaler .mfp-close:after {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea10";
}
.mfp-image-holder .mfp-close::after, .mfp-iframe-scaler .mfp-close::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 20px;
}
@media only screen and (max-width: 834px) {
  .mfp-image-holder .mfp-close::after, .mfp-iframe-scaler .mfp-close::after {
    font-size: 11px;
  }
}
@media only screen and (max-width: 834px) {
  .mfp-image-holder .mfp-close, .mfp-iframe-scaler .mfp-close {
    width: 30px;
    height: 30px;
    border: 2px solid #fff;
  }
}

.mfp-image-holder .mfp-close {
  right: -75px;
  top: 30px;
}
@media only screen and (max-width: 834px) {
  .mfp-image-holder .mfp-close {
    top: 65px;
    right: -28px;
  }
}
@media only screen and (max-width: 600px) {
  .mfp-image-holder .mfp-close {
    top: 0;
  }
}

.mfp-iframe-scaler .mfp-close {
  top: -61px;
  right: -61px;
}

.OR23 {
  width: 100%;
}
.OR23__eyebrow, .OR23__title {
  color: #09315b;
}
.OR23__eyebrow {
  margin-bottom: 16px;
}
.OR23__title {
  font-weight: 500;
  text-transform: none;
  margin-bottom: 25px;
  font-size: calc(38px + (40 - 38) * (100vw - 1681px) / (1920 - 1681));
  line-height: calc(47px + (50 - 47) * (100vw - 1681px) / (1920 - 1681));
}
@media only screen and (min-width: 1920px) {
  .OR23__title {
    font-size: 40px;
    line-height: 50px;
  }
}
@media only screen and (max-width: 1680px) {
  .OR23__title {
    font-size: calc(36px + (38 - 36) * (100vw - 1441px) / (1680 - 1441));
    line-height: calc(45px + (47 - 45) * (100vw - 1441px) / (1680 - 1441));
  }
}
@media only screen and (max-width: 1440px) {
  .OR23__title {
    font-size: calc(34px + (36 - 34) * (100vw - 1281px) / (1440 - 1281));
    line-height: calc(42px + (45 - 42) * (100vw - 1281px) / (1440 - 1281));
  }
}
@media only screen and (max-width: 1280px) {
  .OR23__title {
    font-size: calc(32px + (34 - 32) * (100vw - 835px) / (1280 - 835));
    line-height: calc(40px + (42 - 40) * (100vw - 835px) / (1280 - 835));
  }
}
@media only screen and (max-width: 834px) {
  .OR23__title {
    font-size: calc(28px + (32 - 28) * (100vw - 415px) / (834 - 415));
    line-height: calc(35px + (40 - 35) * (100vw - 415px) / (834 - 415));
  }
}
@media only screen and (max-width: 414px) {
  .OR23__title {
    font-size: 28px;
    line-height: 35px;
  }
}
@media only screen and (max-width: 1439px) {
  .OR23__title {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .OR23__title {
    margin-bottom: 15px;
  }
}
.OR23__body {
  margin-bottom: 40px;
}
@media only screen and (max-width: 1439px) {
  .OR23__body {
    margin-bottom: 32px;
  }
}
@media only screen and (max-width: 600px) {
  .OR23__body {
    margin-bottom: 25px;
  }
}
.OR23 .temp-media {
  display: none;
}
.OR23 .load-more-container {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
.OR23 .load-more-button.hide {
  display: none;
}
.OR23 .gallery {
  margin: -20px;
}
@media only screen and (max-width: 600px) {
  .OR23 .gallery {
    margin: 0;
  }
}
.OR23 .grid {
  width: 100%;
}
@media only screen and (max-width: 600px) {
  .OR23 .grid {
    display: grid;
    grid-template-columns: auto auto;
    grid-auto-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
  .OR23 .grid .grid-item {
    position: relative;
  }
  .OR23 .grid img {
    width: 100%;
    height: 120px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.OR23 .grid-item {
  margin-bottom: 0;
}
.OR23 a.image:before {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea32";
}
.OR23 a.image::before {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #fff;
  z-index: 1;
  font-size: 24px;
}
.OR23 .iframe:after {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea2a";
}
.OR23 .iframe::before {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: none;
  color: #fff;
  border: 10px solid #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 70px;
  width: 70px;
  box-shadow: 0 10px 20px rgba(0, 35, 72, 0.35);
  font-size: 40px;
}
@media only screen and (max-width: 1920px) {
  .OR23 .iframe::before {
    content: "";
    height: 54px;
    width: 54px;
    border-width: 7px;
  }
  .OR23 .iframe::after {
    font-size: 32px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-shadow: 0 10px 20px rgba(0, 35, 72, 0.35);
    color: #fff;
    margin-left: 2px;
  }
}
@media only screen and (max-width: 834px) {
  .OR23 .iframe::before {
    content: "";
    height: 49px;
    width: 49px;
    border-width: 6px;
  }
  .OR23 .iframe::after {
    font-size: 32px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-shadow: 0 10px 20px rgba(0, 35, 72, 0.35);
    color: #fff;
    margin-left: 3px;
  }
}
@media only screen and (max-width: 600px) {
  .OR23 .iframe::before {
    content: "";
    height: 36px;
    width: 36px;
    border-width: 4px;
  }
  .OR23 .iframe::after {
    font-size: 21px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-shadow: 0 10px 20px rgba(0, 35, 72, 0.35);
    color: #fff;
    margin-left: 2px;
  }
}

.demo__OR24 {
  background-color: #F8F8F8;
  min-height: 100vh;
  padding: 75px 0;
}

.OR24 {
  background-color: #fff;
  padding: 50px 60px;
  line-height: 1;
  margin-bottom: 75px;
}
@media only screen and (max-width: 1680px) {
  .OR24 {
    margin-bottom: 65px;
  }
}
@media only screen and (max-width: 1440px) {
  .OR24 {
    padding: 50px;
  }
}
@media only screen and (max-width: 834px) {
  .OR24 {
    padding: 50px 40px 40px;
  }
}
@media only screen and (max-width: 600px) {
  .OR24 {
    padding: 25px;
  }
}
.OR24__order__wrapper {
  display: flex;
}
@media only screen and (max-width: 834px) {
  .OR24__order__wrapper {
    flex-direction: column;
    gap: 25px;
  }
}
.OR24__order__wrapper:not(:last-child) {
  padding-bottom: 75px;
  border-bottom: 1px solid #d0d0d0;
}
@media only screen and (max-width: 1440px) {
  .OR24__order__wrapper:not(:last-child) {
    padding-bottom: 65px;
  }
}
@media only screen and (max-width: 834px) {
  .OR24__order__wrapper:not(:last-child) {
    padding-bottom: 55px;
  }
}
.OR24__order__wrapper:not(:first-child) {
  padding-top: 75px;
}
@media only screen and (max-width: 1440px) {
  .OR24__order__wrapper:not(:first-child) {
    padding-top: 65px;
  }
}
@media only screen and (max-width: 834px) {
  .OR24__order__wrapper:not(:first-child) {
    padding-top: 55px;
  }
}
.OR24__order-details {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media only screen and (max-width: 834px) {
  .OR24__order-details {
    gap: 25px;
  }
}
.OR24__order-details__month {
  color: #09315b;
  line-height: 1;
}
@media only screen and (max-width: 834px) {
  .OR24__order-details__text {
    display: flex;
  }
}
@media only screen and (max-width: 600px) {
  .OR24__order-details__text {
    flex-direction: column;
    gap: 20px;
  }
}
.OR24__order-details__order-number {
  margin-bottom: 25px;
}
@media only screen and (max-width: 834px) {
  .OR24__order-details__order-number {
    flex: 1;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 600px) {
  .OR24__order-details__order-number {
    gap: 15px;
  }
}
@media only screen and (max-width: 834px) {
  .OR24__order-details__order-date {
    flex: 1;
  }
}
.OR24__order-details__heading {
  font-size: 18px;
  color: #6a7889;
  margin-bottom: 10px;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 700;
}
.OR24__order-details__copy {
  font-size: 24px;
  color: #09315b;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 500;
}
@media only screen and (max-width: 1440px) {
  .OR24__order-details__copy {
    font-size: 22px;
  }
}
@media only screen and (max-width: 600px) {
  .OR24__order-details__copy {
    font-size: 24px;
  }
}
.OR24__order-details__actions a.primary.OR24__order-details__cta {
  color: #1a7e97;
}
.OR24__cards {
  flex: 2;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media only screen and (max-width: 834px) {
  .OR24__cards {
    gap: 15px;
  }
}
.OR24__cards .MO42__image {
  width: 150px;
  height: 150px;
}
@media only screen and (max-width: 1280px) {
  .OR24__cards .MO42__image {
    width: 130px;
    height: 130px;
  }
}
@media only screen and (max-width: 834px) {
  .OR24__cards .MO42__image {
    width: 120px;
    height: 120px;
  }
}
@media only screen and (max-width: 600px) {
  .OR24__cards .MO42__image {
    width: 100%;
    height: auto;
  }
}
@media only screen and (min-width: 1681px) {
  .OR24__cards .MO42__content__title {
    font-size: 31px;
  }
}
@media only screen and (max-width: 1440px) {
  .OR24__cards .MO42__content__title {
    font-size: 26px;
  }
}
@media only screen and (max-width: 1280px) {
  .OR24__cards .MO42__content__title {
    font-size: 24px;
  }
}

.OR25 {
  background-color: #09315b;
  color: #fff;
  padding: 75px 128px 72px;
}
@media only screen and (max-width: 1680px) {
  .OR25 {
    padding: 60px 75px 65px;
  }
}
@media only screen and (max-width: 1280px) {
  .OR25 {
    padding: 50px 55px 55px;
  }
}
@media only screen and (max-width: 834px) {
  .OR25 {
    padding: 32.5px 40px 40px;
  }
}
@media only screen and (max-width: 600px) {
  .OR25 {
    padding: 35px 30px 30px;
  }
}
.OR25__title {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
  flex-wrap: wrap;
}
@media only screen and (max-width: 600px) {
  .OR25__title {
    row-gap: 20px;
    margin-bottom: 30px;
  }
}
.OR25__content {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

.demo__MO50 {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
  transform: translateY(50%);
}
@media only screen and (max-width: 834px) {
  .demo__MO50 {
    z-index: 1;
    position: relative;
    transform: none;
    margin-top: -62px;
  }
}
@media only screen and (max-width: 600px) {
  .demo__MO50 {
    margin-top: -92px;
  }
}

.OR26 {
  position: relative;
  z-index: 2;
  height: 860px;
  max-height: 80vh;
}
@media only screen and (max-width: 1439px) {
  .OR26 {
    height: 700px;
  }
}
@media only screen and (max-width: 1279px) {
  .OR26 {
    height: 640px;
  }
}
@media only screen and (max-width: 833px) {
  .OR26 {
    height: auto;
    max-height: none;
  }
}
.OR26 .MO50 {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
  transform: translateY(50%);
}
@media only screen and (max-width: 834px) {
  .OR26 .MO50 {
    position: static;
    transform: none;
    padding: 48px 40px 0;
  }
}
@media only screen and (max-width: 600px) {
  .OR26 .MO50 {
    padding: 48px 24px 0;
  }
}
.OR26__media {
  height: 100%;
  position: relative;
}
.OR26__media > * {
  width: 100%;
}
.OR26__media .OR26__responsive-image {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  height: 100%;
  max-height: 860px;
}
@media only screen and (max-width: 1440px) {
  .OR26__media .OR26__responsive-image {
    max-height: 700px;
  }
}
@media only screen and (max-width: 1280px) {
  .OR26__media .OR26__responsive-image {
    max-height: 640px;
  }
}
@media only screen and (max-width: 834px) {
  .OR26__media .OR26__responsive-image {
    max-height: 562px;
  }
}
@media only screen and (max-width: 600px) {
  .OR26__media .OR26__responsive-image {
    max-height: 341px;
  }
}
.OR26__media .OR26__bkg-image {
  background-size: cover;
  background-position: center;
}
.OR26__media img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 100%;
}
.OR26__media--video img {
  display: none;
}
.OR26__media--video .OR26__bkg-video {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 1439px) {
  .OR26__media--video .OR26__bkg-video {
    height: 100%;
  }
}
@media only screen and (max-width: 1279px) {
  .OR26__media--video .OR26__bkg-video {
    height: 640px;
  }
}
@media only screen and (max-width: 599px) {
  .OR26__media--video .OR26__bkg-video {
    height: 585px;
  }
}
.OR26__media__footer {
  position: absolute;
  bottom: 80px;
  z-index: 2;
}
@media only screen and (max-width: 1679px) {
  .OR26__media__footer {
    bottom: 48px;
  }
}
@media only screen and (max-width: 833px) {
  .OR26__media__footer {
    bottom: 160px;
  }
}
@media only screen and (max-width: 599px) {
  .OR26__media__footer {
    width: auto;
    top: 80px;
    right: 0;
  }
}
.OR26__media__footer .OR26__playback-button {
  border-radius: 50%;
  border: 0;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  color: #09315b;
}
.OR26__media__footer .OR26__playback-button[disabled=disabled] {
  display: none;
}
@media only screen and (min-width: 835px) {
  .OR26__content {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
  }
}
@media only screen and (max-width: 834px) {
  .OR26__content .gw {
    padding: 0;
  }
}
@media only screen and (max-width: 834px) {
  .OR26__content .MO51 {
    min-height: 252px;
  }
}
@media only screen and (max-width: 600px) {
  .OR26__content .MO51 {
    min-height: 312px;
  }
}

.demo__OR27 {
  padding: 140px 204px;
}
@media only screen and (max-width: 1680px) {
  .demo__OR27 {
    padding: 120px 180px;
  }
}
@media only screen and (max-width: 1440px) {
  .demo__OR27 {
    padding: 120px 108px;
  }
}
@media only screen and (max-width: 1280px) {
  .demo__OR27 {
    padding: 96px 94px;
  }
}
@media only screen and (max-width: 834px) {
  .demo__OR27 {
    padding: 48px 42px;
  }
}
@media only screen and (max-width: 600px) {
  .demo__OR27 {
    padding: 32px 31px;
  }
}
.demo__OR27 .gw {
  max-width: 1920px;
}

.OR27 {
  display: flex;
  position: relative;
  padding: 100px 0;
}
.OR27--reverse {
  flex-direction: row-reverse;
}
.OR27--reverse .OR27__image-container {
  right: unset;
  left: 0;
}
@media only screen and (max-width: 1680px) {
  .OR27 {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 1280px) {
  .OR27 {
    padding: 47px 0;
  }
}
@media only screen and (max-width: 834px) {
  .OR27 {
    flex-direction: column;
    padding: 479px 32px 0;
  }
}
@media only screen and (max-width: 600px) {
  .OR27 {
    padding: 0;
  }
}
.OR27__image-container {
  position: absolute;
  height: 100%;
  width: 871px;
  right: 0;
  top: 0;
  z-index: -1;
}
@media only screen and (max-width: 1680px) {
  .OR27__image-container {
    width: 760px;
  }
}
@media only screen and (max-width: 1440px) {
  .OR27__image-container {
    width: 703px;
  }
}
@media only screen and (max-width: 1280px) {
  .OR27__image-container {
    width: 627px;
  }
}
@media only screen and (max-width: 834px) {
  .OR27__image-container {
    width: 100%;
    max-height: 559px;
  }
}
@media only screen and (max-width: 600px) {
  .OR27__image-container {
    position: static;
  }
}
.OR27__image-container .OR27__image {
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 600px) {
  .OR27__image-container .OR27__image {
    height: auto;
  }
}
.OR27__content {
  width: 744px;
  padding: 64px;
  background: #fff;
  box-shadow: 8px 8px 45px 0 rgba(35, 53, 82, 0.1);
}
@media only screen and (max-width: 1680px) {
  .OR27__content {
    width: 648px;
    padding: 48px;
  }
}
@media only screen and (max-width: 1440px) {
  .OR27__content {
    width: 600px;
    padding: 40px;
  }
}
@media only screen and (max-width: 1280px) {
  .OR27__content {
    width: 534px;
    padding: 32px;
  }
}
@media only screen and (max-width: 834px) {
  .OR27__content {
    width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  .OR27__content {
    padding: 24px;
  }
}
.OR27__content__eyebrow {
  margin-bottom: 12px;
  color: #09315b;
  opacity: 0.65;
}
@media only screen and (max-width: 1280px) {
  .OR27__content__eyebrow {
    margin-bottom: 8px;
  }
}
.OR27__content__title {
  margin-bottom: 16px;
  color: #09315b;
  font-size: calc(42px + (46 - 42) * (100vw - 1681px) / (1920 - 1681));
  line-height: calc(50px + (55 - 50) * (100vw - 1681px) / (1920 - 1681));
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 500;
}
@media only screen and (min-width: 1920px) {
  .OR27__content__title {
    font-size: 46px;
    line-height: 55px;
  }
}
@media only screen and (max-width: 1680px) {
  .OR27__content__title {
    font-size: calc(40px + (42 - 40) * (100vw - 1441px) / (1680 - 1441));
    line-height: calc(48px + (50 - 48) * (100vw - 1441px) / (1680 - 1441));
  }
}
@media only screen and (max-width: 1440px) {
  .OR27__content__title {
    font-size: calc(38px + (40 - 38) * (100vw - 1281px) / (1440 - 1281));
    line-height: calc(46px + (48 - 46) * (100vw - 1281px) / (1440 - 1281));
  }
}
@media only screen and (max-width: 1280px) {
  .OR27__content__title {
    font-size: calc(36px + (38 - 36) * (100vw - 835px) / (1280 - 835));
    line-height: calc(43px + (46 - 43) * (100vw - 835px) / (1280 - 835));
  }
}
@media only screen and (max-width: 834px) {
  .OR27__content__title {
    font-size: calc(32px + (36 - 32) * (100vw - 415px) / (834 - 415));
    line-height: calc(38px + (43 - 38) * (100vw - 415px) / (834 - 415));
  }
}
@media only screen and (max-width: 414px) {
  .OR27__content__title {
    font-size: 32px;
    line-height: 38px;
  }
}
@media only screen and (max-width: 1280px) {
  .OR27__content__title {
    margin-bottom: 12px;
  }
}
.OR27__content__copy {
  color: #000;
  font-size: 18px;
  line-height: 28px;
}
@media only screen and (max-width: 1919px) {
  .OR27__content__copy {
    font-size: 16px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 599px) {
  .OR27__content__copy {
    font-size: 14px;
    line-height: 22px;
  }
}
.OR27__content__cta-container {
  margin-top: 48px;
}
@media only screen and (max-width: 1440px) {
  .OR27__content__cta-container {
    margin-top: 32px;
  }
}

.OR28 {
  position: relative;
}
.OR28 .gs {
  position: relative;
}
.OR28__background {
  width: 50%;
  background: linear-gradient(0deg, rgba(9, 49, 91, 0.9) 0%, rgba(9, 49, 91, 0.9) 100%), url("../assets/images/blue-mountains.jpeg"), lightgray -145.481px -1081.305px/577.284% 288.999% no-repeat;
  background-position: left 60%;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  z-index: 0;
}
@media only screen and (max-width: 1279px) {
  .OR28__background {
    width: 100%;
  }
}
.OR28 .MO13__content__copy {
  margin-top: 16px;
}
.OR28__section-intro .MO13__content__copy, .OR28__section-intro .MO13__content__title {
  color: #F8F8F8;
}
.OR28__tab-button-container {
  position: relative;
}
.OR28__tab-button-container .OR28__tab-button {
  font-size: 20px;
  line-height: 26px;
  font-weight: bold;
  background: none;
  border: none;
  color: #fff;
  padding: 28px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
@media only screen and (max-width: 1919px) {
  .OR28__tab-button-container .OR28__tab-button {
    padding: 24px;
    font-size: 18px;
    line-height: 23px;
  }
}
@media only screen and (max-width: 1439px) {
  .OR28__tab-button-container .OR28__tab-button {
    padding: 20px;
  }
}
@media only screen and (max-width: 1279px) {
  .OR28__tab-button-container .OR28__tab-button {
    padding: 24px 0;
    width: 100%;
    font-size: 20px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 599px) {
  .OR28__tab-button-container .OR28__tab-button {
    padding: 20px 0;
    font-size: 18px;
    line-height: 24px;
  }
}
.OR28__tab-button-container .OR28__tab-button:after {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea2b";
}
.OR28__tab-button-container .OR28__tab-button::after {
  display: none;
  transform-origin: center;
  transform: rotate(0);
  transition: transform 200ms ease-in;
}
@media only screen and (max-width: 1279px) {
  .OR28__tab-button-container .OR28__tab-button::after {
    display: flex;
  }
}
.OR28__tab-button-container::after {
  content: "";
  display: block;
  height: 1px;
  background-color: rgba(208, 208, 208, 0.5);
  width: 480px;
  position: absolute;
  bottom: 0;
  transition: all 300ms ease-in;
  opacity: 1;
}
@media only screen and (max-width: 1919px) {
  .OR28__tab-button-container::after {
    width: 427px;
  }
}
@media only screen and (max-width: 1679px) {
  .OR28__tab-button-container::after {
    width: 391px;
  }
}
@media only screen and (max-width: 1439px) {
  .OR28__tab-button-container::after {
    width: 347px;
  }
}
@media only screen and (max-width: 1279px) {
  .OR28__tab-button-container::after {
    width: 100%;
  }
}
.OR28__tab-button-container::before {
  content: "";
  display: block;
  height: 3px;
  background-color: #65C4DB;
  width: 0;
  position: absolute;
  bottom: 0;
  transition: all 400ms ease-in;
  z-index: 3;
}
.OR28__tab-button-container:hover::after {
  box-shadow: 0 0 5px #fff;
  background-color: #fff;
}
.OR28__tab-button-container--selected::after {
  box-shadow: none;
  opacity: 0;
}
.OR28__tab-button-container--selected::before {
  width: 100%;
}
.OR28__tab-button-container--selected:hover::before {
  box-shadow: 0 0 4px rgba(101, 196, 219, 0.5);
}
.OR28__tab-button-container--open .OR28__tab-button::after {
  transform: rotate(45deg);
}
.OR28__tab-list {
  z-index: 1;
  position: relative;
  display: flex;
  flex-direction: column;
  list-style: none;
  padding: 0;
  margin: 0;
}
.OR28__tab-list input {
  display: none;
}
.OR28__left-container {
  width: 50%;
  padding: 140px 0;
  display: flex;
  gap: 80px;
  flex-direction: column;
  overflow: hidden;
  min-height: 675px;
}
@media only screen and (max-width: 1279px) {
  .OR28__left-container {
    width: 100%;
    min-height: auto;
  }
}
@media only screen and (max-width: 1919px) {
  .OR28__left-container {
    gap: 64px;
  }
}
@media only screen and (max-width: 1679px) {
  .OR28__left-container {
    padding: 112px 0;
  }
}
@media only screen and (max-width: 1439px) {
  .OR28__left-container {
    gap: 48px;
    padding: 100px 0;
  }
}
@media only screen and (max-width: 1279px) {
  .OR28__left-container {
    gap: 32px;
    padding: 80px 0;
  }
}
@media only screen and (max-width: 599px) {
  .OR28__left-container {
    padding: 64px 0;
  }
}
.OR28__left-container .MO13 {
  width: 80%;
}
.OR28__left-container .MO13 .MO13__content__title {
  display: block;
  font-size: 42px;
  line-height: 50px;
}
@media only screen and (max-width: 1679px) {
  .OR28__left-container .MO13 .MO13__content__title {
    font-size: 40px;
    line-height: 48px;
  }
}
@media only screen and (max-width: 1439px) {
  .OR28__left-container .MO13 .MO13__content__title {
    font-size: 38px;
    line-height: 46px;
  }
}
@media only screen and (max-width: 1279px) {
  .OR28__left-container .MO13 .MO13__content__title {
    font-size: 36px;
    line-height: 43px;
  }
}
@media only screen and (max-width: 599px) {
  .OR28__left-container .MO13 .MO13__content__title {
    font-size: 32px;
    line-height: 38px;
  }
}
@media only screen and (max-width: 1279px) {
  .OR28__left-container .MO13 {
    width: 100%;
  }
}
.OR28__tab {
  opacity: 0;
  display: none;
  flex-direction: column;
  gap: 32px;
  width: 100%;
}
.OR28__row {
  position: relative;
}
.OR28__tab-content {
  width: 50%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  padding-left: 120px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1919px) {
  .OR28__tab-content {
    padding-left: 100px;
  }
}
@media only screen and (max-width: 1679px) {
  .OR28__tab-content {
    padding-left: 80px;
  }
}
@media only screen and (max-width: 1279px) {
  .OR28__tab-content {
    display: none;
  }
}
.OR28__tab-content .MO13 {
  gap: 20px;
}
@media only screen and (max-width: 1439px) {
  .OR28__tab-content .MO13 {
    gap: 24px;
  }
}
.OR28__tab-content .MO13 .MO13__content__title {
  font-size: 31px;
  line-height: 40px;
}
@media only screen and (max-width: 1919px) {
  .OR28__tab-content .MO13 .MO13__content__title {
    font-size: 28px;
    line-height: 36px;
  }
}
@media only screen and (max-width: 1439px) {
  .OR28__tab-content .MO13 .MO13__content__title {
    font-size: 24px;
    line-height: 31px;
  }
}
@media only screen and (max-width: 833px) {
  .OR28__tab-content .MO13 .MO13__content__title {
    height: auto;
  }
}
@media only screen and (max-width: 599px) {
  .OR28__tab-content .MO13 .MO13__content__title {
    flex-direction: column;
  }
}
.OR28__tab-content .MO13 .MO13__content__copy {
  margin-top: 8px;
}
.OR28__accordion-content {
  padding: 30px 42px 42px;
  background: #fff;
  display: none;
  gap: 30px;
  flex-direction: column;
}
@media only screen and (max-width: 1279px) {
  .OR28__accordion-content {
    display: flex;
  }
}
@media only screen and (max-width: 599px) {
  .OR28__accordion-content {
    padding: 21px 31px 31px;
  }
}
.OR28__accordion-content .MO12 {
  order: 2;
}
.OR28__accordion-content .MO13 {
  gap: 10px;
  width: 100%;
}
@media only screen and (max-width: 599px) {
  .OR28__accordion-content .MO13 .button.primary.text {
    padding-right: 0;
  }
}
.OR28__accordion-content .MO13 .MO13__content__title {
  display: none;
}

.OR29 {
  width: 100%;
  background-color: #1a7e97;
  color: #fff;
  display: flex;
  justify-content: space-between;
}
.OR29 .OR29__content-container {
  width: 60%;
}
@media only screen and (max-width: 1279px) {
  .OR29 .OR29__content-container {
    width: 100%;
  }
}
.OR29__content {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  padding: 80px;
}
@media only screen and (max-width: 1680px) {
  .OR29__content {
    padding: 64px;
  }
}
@media only screen and (max-width: 1440px) {
  .OR29__content {
    padding: 48px;
  }
}
@media only screen and (max-width: 1280px) {
  .OR29__content {
    padding: 40px;
  }
}
@media only screen and (max-width: 600px) {
  .OR29__content {
    padding: 24px;
  }
}
.OR29__content.no-image {
  flex-direction: row;
  justify-content: space-between;
}
@media only screen and (max-width: 834px) {
  .OR29__content.no-image {
    flex-direction: column;
  }
}
.OR29__content.no-image .OR29__content__cta-container {
  margin-bottom: auto;
}
.OR29__content__eyebrow {
  opacity: 0.65;
  margin-bottom: 12px;
}
.OR29__content__title {
  margin-bottom: 12px;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 500;
  font-size: calc(42px + (46 - 42) * (100vw - 1681px) / (1920 - 1681));
  line-height: calc(50px + (55 - 50) * (100vw - 1681px) / (1920 - 1681));
}
@media only screen and (min-width: 1920px) {
  .OR29__content__title {
    font-size: 46px;
    line-height: 55px;
  }
}
@media only screen and (max-width: 1680px) {
  .OR29__content__title {
    font-size: calc(40px + (42 - 40) * (100vw - 1441px) / (1680 - 1441));
    line-height: calc(48px + (50 - 48) * (100vw - 1441px) / (1680 - 1441));
  }
}
@media only screen and (max-width: 1440px) {
  .OR29__content__title {
    font-size: calc(38px + (40 - 38) * (100vw - 1281px) / (1440 - 1281));
    line-height: calc(46px + (48 - 46) * (100vw - 1281px) / (1440 - 1281));
  }
}
@media only screen and (max-width: 1280px) {
  .OR29__content__title {
    font-size: calc(36px + (38 - 36) * (100vw - 835px) / (1280 - 835));
    line-height: calc(43px + (46 - 43) * (100vw - 835px) / (1280 - 835));
  }
}
@media only screen and (max-width: 834px) {
  .OR29__content__title {
    font-size: calc(32px + (36 - 32) * (100vw - 415px) / (834 - 415));
    line-height: calc(38px + (43 - 38) * (100vw - 415px) / (834 - 415));
  }
}
@media only screen and (max-width: 414px) {
  .OR29__content__title {
    font-size: 32px;
    line-height: 38px;
  }
}
.OR29__content__copy {
  font-size: 18px;
  line-height: 28px;
}
@media only screen and (max-width: 1919px) {
  .OR29__content__copy {
    font-size: 16px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 833px) {
  .OR29__content__copy {
    margin-bottom: 32px;
  }
}
@media only screen and (max-width: 599px) {
  .OR29__content__copy {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 24px;
  }
}
.OR29__content__cta-container {
  margin-top: auto;
}
.OR29__image-container {
  max-width: 487px;
  flex: 1 1 100%;
}
@media only screen and (max-width: 1680px) {
  .OR29__image-container {
    max-width: 423px;
  }
}
@media only screen and (max-width: 1440px) {
  .OR29__image-container {
    max-width: 391px;
  }
}
@media only screen and (max-width: 1280px) {
  .OR29__image-container {
    max-width: 347px;
  }
}
@media only screen and (max-width: 834px) {
  .OR29__image-container {
    display: none;
  }
}
.OR29__image-container .OR29__image {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.OR29--has-image .OR29__content-container {
  width: 100%;
}
.OR29--has-image .OR29__content__copy {
  margin-bottom: 32px;
}
@media only screen and (max-width: 600px) {
  .OR29--has-image .OR29__content__copy {
    margin-bottom: 24px;
  }
}

.OR29-background {
  position: absolute;
  z-index: -1;
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
}

.OR29-background--top,
.OR29-background--bottom {
  height: 50%;
}

.OR3 {
  background-color: #fff;
  box-shadow: 0 8px 45px rgba(35, 53, 82, 0.1);
  padding: 85px;
  display: flex;
}
.OR3 img {
  width: 100%;
  height: auto;
}
.OR3__image, .OR3__copy {
  flex: 1;
}
@media only screen and (min-width: 835px) {
  .OR3__copy {
    padding-right: calc(85px / 2);
  }
  .OR3__image {
    padding-left: calc(85px / 2);
  }
}
@media only screen and (max-width: 834px) {
  .OR3 {
    padding: 50px;
    flex-direction: column-reverse;
  }
  .OR3__image {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 414px) {
  .OR3 {
    padding: 30px;
  }
  .OR3__image {
    margin-bottom: 30px;
  }
}

.demo__OR3 {
  padding: 40px 0;
}

.demo--OR30 {
  margin-bottom: 100px;
}
@media only screen and (max-width: 1680px) {
  .demo--OR30 {
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 1440px) {
  .demo--OR30 {
    margin-bottom: 64px;
  }
}
@media only screen and (max-width: 600px) {
  .demo--OR30 {
    margin-bottom: 48px;
  }
}

.MO53 {
  width: 100%;
  display: flex;
  gap: 24px;
}
.MO53 .MO53__content__copy {
  display: none;
}
@media only screen and (max-width: 600px) {
  .MO53 {
    flex-direction: column;
    gap: 20px;
  }
}
.MO53__link:hover {
  text-decoration: none !important;
}
.MO53__link:hover .MO53__image {
  transform: scale(1.1);
}
.MO53__link:hover .MO53__content__title {
  color: #1a7e97;
  text-decoration: underline;
}
.MO53--featured {
  flex-direction: column;
  gap: 32px;
}
@media only screen and (max-width: 1280px) {
  .MO53--featured {
    gap: 24px;
  }
}
@media only screen and (max-width: 600px) {
  .MO53--featured {
    gap: 20px;
  }
}
.MO53--featured .MO53__image-container {
  width: auto;
  height: 419px;
}
@media only screen and (max-width: 1680px) {
  .MO53--featured .MO53__image-container {
    height: 394px;
  }
}
@media only screen and (max-width: 1440px) {
  .MO53--featured .MO53__image-container {
    height: 334px;
  }
}
@media only screen and (max-width: 1280px) {
  .MO53--featured .MO53__image-container {
    height: 307px;
  }
}
@media only screen and (max-width: 834px) {
  .MO53--featured .MO53__image-container {
    height: 395px;
  }
}
@media only screen and (max-width: 600px) {
  .MO53--featured .MO53__image-container {
    height: 236px;
  }
}
.MO53--featured .MO53__content__title {
  margin-bottom: 12px;
  font-size: 40px;
  line-height: 50px;
}
@media only screen and (max-width: 1680px) {
  .MO53--featured .MO53__content__title {
    font-size: 28px;
    line-height: 36px;
  }
}
@media only screen and (max-width: 1280px) {
  .MO53--featured .MO53__content__title {
    margin-bottom: 8px;
    font-size: 24px;
    line-height: 31px;
  }
}
@media only screen and (max-width: 834px) {
  .MO53--featured .MO53__content__title {
    font-size: 32px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 600px) {
  .MO53--featured .MO53__content__title {
    font-size: 28px;
    line-height: 35px;
  }
}
@media only screen and (max-width: 1280px) {
  .MO53--featured .MO53__content__eyebrow {
    margin-bottom: 4px;
  }
}
.MO53--featured .MO53__content__copy {
  display: block;
}
.MO53__image-container {
  flex-shrink: 0;
  width: 250px;
  height: 183px;
  overflow: hidden;
}
@media only screen and (max-width: 1680px) {
  .MO53__image-container {
    width: 208px;
    height: 152px;
  }
}
@media only screen and (max-width: 1280px) {
  .MO53__image-container {
    width: 170px;
    height: 124px;
  }
}
@media only screen and (max-width: 834px) {
  .MO53__image-container {
    width: 250px;
    height: 183px;
  }
}
@media only screen and (max-width: 600px) {
  .MO53__image-container {
    width: 100%;
    height: 256px;
  }
}
.MO53__image-container .MO53__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  transition: transform 250ms ease-in-out;
}
.MO53__content {
  flex-grow: 1;
}
.MO53__content__eyebrow {
  color: #09315b;
  opacity: 0.65;
  margin-bottom: 8px;
}
.MO53__content__title {
  transition: color 250ms ease-in-out, underline 250ms ease-in-out;
  font-size: 31px;
  line-height: 40px;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 500;
}
@media only screen and (max-width: 1919px) {
  .MO53__content__title {
    font-size: 24px;
    line-height: 31px;
  }
}
@media only screen and (max-width: 1439px) {
  .MO53__content__title {
    font-size: 22px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 1279px) {
  .MO53__content__title {
    line-height: 29px;
  }
}
@media only screen and (max-width: 833px) {
  .MO53__content__title {
    font-size: 24px;
    line-height: 31px;
  }
}
.MO53__content__copy {
  color: #000;
  font-size: 18px;
  line-height: 28px;
}
@media only screen and (max-width: 1919px) {
  .MO53__content__copy {
    font-size: 16px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 599px) {
  .MO53__content__copy {
    font-size: 14px;
    line-height: 22px;
  }
}

.OR30 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 25px;
  margin-bottom: 100px;
}
@media only screen and (max-width: 1680px) {
  .OR30 {
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 1440px) {
  .OR30 {
    margin-bottom: 64px;
  }
}
@media only screen and (max-width: 834px) {
  .OR30 {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}
@media only screen and (max-width: 600px) {
  .OR30 {
    margin-bottom: 48px;
    gap: 32px;
  }
}
.OR30__featured {
  display: flex;
  gap: 25px;
}
@media only screen and (max-width: 834px) {
  .OR30__featured {
    flex-direction: column;
    gap: 40px;
  }
}
@media only screen and (max-width: 600px) {
  .OR30__featured {
    gap: 32px;
  }
}
.OR30__featured .MO53 {
  flex-direction: column;
  gap: 32px;
}
@media only screen and (max-width: 1280px) {
  .OR30__featured .MO53 {
    gap: 24px;
  }
}
@media only screen and (max-width: 600px) {
  .OR30__featured .MO53 {
    gap: 20px;
  }
}
.OR30__featured .MO53 .MO53__image-container {
  width: auto;
  height: 419px;
}
@media only screen and (max-width: 1680px) {
  .OR30__featured .MO53 .MO53__image-container {
    height: 394px;
  }
}
@media only screen and (max-width: 1440px) {
  .OR30__featured .MO53 .MO53__image-container {
    height: 334px;
  }
}
@media only screen and (max-width: 1280px) {
  .OR30__featured .MO53 .MO53__image-container {
    height: 307px;
  }
}
@media only screen and (max-width: 834px) {
  .OR30__featured .MO53 .MO53__image-container {
    height: 395px;
  }
}
@media only screen and (max-width: 600px) {
  .OR30__featured .MO53 .MO53__image-container {
    height: 236px;
  }
}
.OR30__featured .MO53 .MO53__content__title {
  margin-bottom: 12px;
  font-size: 40px;
  line-height: 50px;
}
@media only screen and (max-width: 1680px) {
  .OR30__featured .MO53 .MO53__content__title {
    font-size: 28px;
    line-height: 36px;
  }
}
@media only screen and (max-width: 1280px) {
  .OR30__featured .MO53 .MO53__content__title {
    margin-bottom: 8px;
    font-size: 24px;
    line-height: 31px;
  }
}
@media only screen and (max-width: 834px) {
  .OR30__featured .MO53 .MO53__content__title {
    font-size: 32px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 600px) {
  .OR30__featured .MO53 .MO53__content__title {
    font-size: 28px;
    line-height: 35px;
  }
}
@media only screen and (max-width: 1280px) {
  .OR30__featured .MO53 .MO53__content__eyebrow {
    margin-bottom: 4px;
  }
}
.OR30__featured .MO53 .MO53__content__copy {
  display: block;
}
.OR30__featured:not(:last-child)::after {
  height: 100%;
  width: 0;
  content: "";
  border: 0.5px solid #d0d0d0;
  display: block;
}
@media only screen and (max-width: 834px) {
  .OR30__featured:not(:last-child)::after {
    width: 100%;
    height: 0;
  }
}
.OR30__latest {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
@media only screen and (max-width: 600px) {
  .OR30__latest {
    gap: 24px;
  }
}
.OR30__latest article:not(:last-child)::after {
  width: 100%;
  content: "";
  border: 0.5px solid #d0d0d0;
  display: block;
}
.OR30__latest .MO53__link, .OR30__latest article {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
@media only screen and (max-width: 600px) {
  .OR30__latest .MO53__link, .OR30__latest article {
    gap: 24px;
  }
}

.OR31 {
  display: flex;
  width: 100%;
}
@media only screen and (max-width: 834px) {
  .OR31 {
    flex-direction: column;
  }
}
.OR31--reverse {
  flex-direction: row-reverse;
}
@media only screen and (max-width: 834px) {
  .OR31--reverse {
    flex-direction: column;
  }
}
.OR31 .MO12 {
  height: 100%;
  min-height: 600px;
}
@media only screen and (max-width: 1280px) {
  .OR31 .MO12 {
    min-height: auto;
  }
}
@media only screen and (min-width: 835px) {
  .OR31 .MO12 {
    padding: 0;
  }
}
.OR31 .MO13__content__copy {
  font-size: 18px;
  line-height: 28px;
}
@media only screen and (max-width: 1919px) {
  .OR31 .MO13__content__copy {
    font-size: 16px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 599px) {
  .OR31 .MO13__content__copy {
    font-size: 14px;
    line-height: 22px;
  }
}
.OR31 > div {
  margin: 0;
  flex: 1 1 100%;
}

.OR32 {
  width: 100%;
  max-width: 100vw;
  overflow: hidden;
}
.OR32__carousel-slide {
  margin: 0;
}
.OR32__caption {
  padding: 12px 32px 10px;
  background-color: #1a7e97;
  font-size: 1.125rem;
  line-height: 28px;
  color: #fff;
}
@media only screen and (max-width: 1920px) {
  .OR32__caption {
    font-size: 16px;
    line-height: 26px;
    padding: 8px 24px;
  }
}
@media only screen and (max-width: 1680px) {
  .OR32__caption {
    font-size: 16px;
    line-height: 26px;
    padding: 6px 16px;
  }
}
.OR32 .OR32__image-container-inner {
  aspect-ratio: 3/2;
  position: relative;
}
.OR32 .OR32__image-container-inner img {
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  width: 100%;
  height: 100%;
}
.OR32__footer {
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
}
@media only screen and (max-width: 1680px) {
  .OR32__footer {
    margin-top: 16px;
  }
}
@media only screen and (max-width: 834px) {
  .OR32__footer {
    margin-top: 24px;
  }
}
@media only screen and (max-width: 600px) {
  .OR32__footer {
    margin-top: 16px;
  }
}
.OR32__button-container .OR32__button {
  position: relative;
  height: 48px;
  width: 60px;
  background: none;
  border: none;
  margin-left: 5px;
  font-size: 0;
  display: inline-flex;
  justify-content: flex-end;
  padding: 0;
  align-items: center;
}
@media only screen and (max-width: 1280px) {
  .OR32__button-container .OR32__button {
    width: 40px;
  }
}
@media only screen and (max-width: 834px) {
  .OR32__button-container .OR32__button {
    width: 60px;
  }
}
@media only screen and (max-width: 600px) {
  .OR32__button-container .OR32__button {
    width: 40px;
  }
}
.OR32__button-container .OR32__button:before {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea0c";
}
.OR32__button-container .OR32__button::before {
  color: #09315b;
  font-size: 30px;
}
.OR32__button-container .OR32__button--previous:before {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea0b";
}
.OR32__button-container .OR32__button:disabled {
  opacity: 0.25;
}
.OR32__indicator-container {
  display: flex;
  align-items: center;
}
.OR32 .slick-slider.slick-dotted {
  margin-bottom: 0;
}
.OR32__indicators {
  display: flex;
  margin: 0 -5px;
  height: 15px;
  align-items: center;
  padding: 0;
}
.OR32__indicators button {
  width: 40px;
  height: 2px;
  background-color: #09315b;
  opacity: 0.25;
  margin: 5px 8px;
  transition: opacity 0.5s, width 0.5s, transform 0.5s;
  transition-delay: 0.5s, 0s, 0s;
  border: none;
  font-size: 0;
}
@media only screen and (max-width: 1440px) {
  .OR32__indicators button {
    width: 39px;
  }
}
@media only screen and (max-width: 834px) {
  .OR32__indicators button {
    width: 32px;
  }
}
.OR32__indicators .slick-active button {
  opacity: 1;
  width: 80px;
  transition-delay: 0s;
  transform: scaleY(2);
}
@media only screen and (max-width: 1440px) {
  .OR32__indicators .slick-active button {
    width: 79px;
  }
}
@media only screen and (max-width: 600px) {
  .OR32__indicators .slick-active button {
    width: 32px;
  }
}
.OR32__indicators li {
  display: flex;
  align-items: center;
}
.OR32 .slick-track {
  display: flex !important;
}
.OR32 .slick-slide {
  height: inherit !important;
}

.OR33__intro {
  margin-bottom: 40px;
  max-width: 1104px;
}
@media only screen and (max-width: 600px) {
  .OR33__intro {
    margin-bottom: 24px;
  }
}
.OR33__intro__title {
  color: #09315b;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1440px) {
  .OR33__intro__title {
    margin-bottom: 15px;
  }
}
.OR33__accordion {
  padding: 32px 50px;
  border-left: 5px solid #09315b;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
}
@media only screen and (max-width: 1440px) {
  .OR33__accordion {
    padding: 32px 40px;
  }
}
@media only screen and (max-width: 600px) {
  .OR33__accordion {
    padding: 20px 25px;
  }
}
.OR33__accordion:not(:last-child) {
  margin-bottom: 20px;
}
.OR33__accordion-trigger {
  width: 100%;
  -webkit-appearance: none;
          appearance: none;
  border: none;
  background: none;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  color: #09315b;
  text-align: left;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 31px;
}
@media only screen and (min-width: 1920px) {
  .OR33__accordion-trigger {
    font-size: 24px;
    line-height: 31px;
  }
}
@media only screen and (max-width: 1680px) {
  .OR33__accordion-trigger {
    font-size: calc(22px + (24 - 22) * (100vw - 1441px) / (1680 - 1441));
    line-height: calc(28px + (31 - 28) * (100vw - 1441px) / (1680 - 1441));
  }
}
@media only screen and (max-width: 1440px) {
  .OR33__accordion-trigger {
    font-size: 22px;
    line-height: calc(29px + (28 - 29) * (100vw - 1281px) / (1440 - 1281));
  }
}
@media only screen and (max-width: 1280px) {
  .OR33__accordion-trigger {
    font-size: calc(20px + (22 - 20) * (100vw - 835px) / (1280 - 835));
    line-height: calc(26px + (29 - 26) * (100vw - 835px) / (1280 - 835));
  }
}
@media only screen and (max-width: 834px) {
  .OR33__accordion-trigger {
    font-size: 20px;
    line-height: calc(26px + (25 - 26) * (100vw - 415px) / (834 - 415));
  }
}
@media only screen and (max-width: 414px) {
  .OR33__accordion-trigger {
    font-size: 20px;
    line-height: 26px;
  }
}
.OR33__accordion-trigger::before {
  margin-left: 8px;
  transition: transform 300ms ease-in-out;
}
.OR33__accordion-trigger[aria-expanded=true]::before {
  transform: rotate(-180deg);
}
.OR33__accordion-content {
  margin-top: 25px;
  border-top: 1px solid #d0d0d0;
  padding-top: 25px;
  transition: border-top 300ms ease-in-out;
}
@media only screen and (max-width: 600px) {
  .OR33__accordion-content {
    margin-top: 15px;
    padding-top: 15px;
  }
}
.OR33__accordion-content[hidden] {
  border-top: 0 solid rgba(0, 0, 0, 0);
}

.OR34__intro {
  margin-bottom: 40px;
}
@media only screen and (max-width: 600px) {
  .OR34__intro {
    margin-bottom: 24px;
  }
}
.OR34__intro__title {
  color: #09315b;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1440px) {
  .OR34__intro__title {
    margin-bottom: 15px;
  }
}
.OR34__image-grid {
  --max-grid-column-count: 5;
  display: grid;
  grid-template-columns: repeat(min(var(--dynamic-grid-column-count), var(--max-grid-column-count)), 1fr);
  grid-column-gap: 100px;
  grid-row-gap: 50px;
  place-items: center;
}
@media only screen and (max-width: 1280px) {
  .OR34__image-grid {
    --max-grid-column-count: 4;
    grid-column-gap: 75px;
    grid-row-gap: 25px;
  }
}
@media only screen and (max-width: 834px) {
  .OR34__image-grid {
    --max-grid-column-count: 3;
  }
}
@media only screen and (max-width: 600px) {
  .OR34__image-grid {
    --max-grid-column-count: 2;
  }
}

.OR4__content {
  display: inline-flex;
  padding: 50px 70px 50px 0;
  color: #fff;
  background-color: #1a7e97;
  position: relative;
  overflow: visible;
}
@media only screen and (max-width: 1920px) {
  .OR4__content {
    padding-right: 50px;
  }
}
.OR4__content::before {
  content: "";
  width: 100vw;
  height: 100%;
  position: absolute;
  background: inherit;
  background-color: inherit;
  top: 0;
  right: 100%;
}
.OR4__content a {
  font-weight: bold;
  color: #fff;
}
@media only screen and (min-width: 835px) {
  .OR4 .OR4__item .MO5 {
    max-width: 300px;
  }
}
@media only screen and (min-width: 1680px) {
  .OR4 .OR4__item .MO5 {
    max-width: 350px;
  }
}
.OR4 .OR4__item + .OR4__item:not(:last-child) {
  padding: 0 35px;
}
@media only screen and (min-width: 835px) {
  .OR4 .OR4__item + .OR4__item {
    border-left: 1px solid rgba(255, 255, 255, 0.2);
  }
}
@media only screen and (max-width: 834px) {
  .OR4 .OR4__item + .OR4__item {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
  }
}
.OR4 .OR4__item:first-child {
  padding: 0 35px 0 0;
}
.OR4 .OR4__item:last-child {
  padding: 0 0 0 35px;
}
@media only screen and (max-width: 1280px) {
  .OR4 .OR4__item + .OR4__item:not(:last-child) {
    padding: 0 75px;
  }
  .OR4 .OR4__item:first-child {
    padding: 0 75px 0 0;
  }
  .OR4 .OR4__item:last-child {
    padding: 0 0 0 75px;
  }
}
@media only screen and (max-width: 834px) {
  .OR4 .OR4__item + .OR4__item:not(:last-child) {
    padding: 30px 0;
  }
  .OR4 .OR4__item:first-child {
    padding: 0 0 30px 0;
  }
  .OR4 .OR4__item:last-child {
    padding: 30px 0 0 0;
  }
}
@media only screen and (max-width: 1280px) {
  .OR4 .OR4__content {
    padding: 45px 0;
    max-width: 100%;
    position: relative;
    overflow: visible;
  }
  .OR4 .OR4__content::after {
    content: "";
    width: 100vw;
    height: 100%;
    position: absolute;
    background: inherit;
    background-color: inherit;
    top: 0;
    left: 100%;
  }
}
@media only screen and (max-width: 834px) {
  .OR4 .OR4__content {
    padding: 50px 0 60px 0;
    flex-wrap: wrap;
  }
}

.OR4--contact_us .OR4__contact_box__title {
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 500;
  font-size: 35px;
  line-height: 54px;
}
.OR4--contact_us .OR4__contact_box__cta {
  margin: 10px 0;
}
@media only screen and (min-width: 835px) {
  .OR4--contact_us .OR4__contact_box {
    margin-right: 70px;
    max-width: 420px;
  }
}
@media only screen and (min-width: 834px) and (max-width: 1280px) {
  .OR4--contact_us .OR4__item + .OR4__item:not(:last-child) {
    padding: 0 35px;
  }
  .OR4--contact_us .OR4__item:first-child {
    padding: 0 35px 0 0;
  }
  .OR4--contact_us .OR4__item:last-child {
    padding: 0 0 0 35px;
  }
}

.OR5 {
  position: relative;
}
.OR5__image {
  background: url("../assets/images/footer-bg.webp");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  height: 620px;
  width: 100%;
  margin-top: -100px;
}
@media only screen and (min-width: 1921px) {
  .OR5__image {
    padding: 0;
  }
}
@media only screen and (max-width: 1920px) {
  .OR5__image {
    height: 360px;
  }
}
@media only screen and (max-width: 1680px) {
  .OR5__image {
    height: 350px;
  }
}
@media only screen and (max-width: 1440px) {
  .OR5__image {
    height: 310px;
    margin-top: -70px;
  }
}
@media only screen and (max-width: 1280px) {
  .OR5__image {
    height: 274px;
    margin-top: -60px;
  }
}
@media only screen and (max-width: 834px) {
  .OR5__image {
    height: 170px;
    background-position: left top;
    margin-top: -4px;
  }
}
@media only screen and (max-width: 600px) {
  .OR5__image {
    height: 116px;
  }
}
@media only screen and (max-width: 414px) {
  .OR5__image {
    height: 95px;
  }
}
@media only screen and (min-width: 1680px) {
  .OR5__image {
    height: 420px;
  }
}
.OR5 .OR4__content {
  padding: 55px 65px 55px 0;
}
@media only screen and (max-width: 1920px) {
  .OR5 .OR4__content {
    padding-right: 55px;
  }
}
@media only screen and (max-width: 1680px) {
  .OR5 .OR4__content {
    padding-right: 50px;
  }
}
@media only screen and (max-width: 600px) {
  .OR5 .OR4__content {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}
@media only screen and (min-width: 1281px) {
  .OR5 .OR4 {
    position: absolute;
    bottom: -150px;
    z-index: 1;
    left: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .OR5 .OR4__content {
    margin-top: -50px;
    padding-left: 50px;
    padding-right: 50px;
  }
  .OR5 .OR4__content::before, .OR5 .OR4__content::after {
    top: 50px;
    background: #08365f;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 600px) {
  .OR5 .OR4__content {
    padding-left: 25px;
    padding-right: 25px;
  }
  .OR5 .OR4__content::before, .OR5 .OR4__content::after {
    top: 35px;
  }
}

.OR6 {
  position: relative;
}
.OR6__content {
  position: relative;
  height: 735px;
}
@media only screen and (max-width: 600px) {
  .OR6__content {
    height: 560px;
  }
}
.OR6__content__bg {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 0;
  right: 0;
  top: 0;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
}
.OR6__content__image {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 0;
  left: 0;
  top: 0;
}
.OR6__content__shadow {
  position: absolute;
  height: 100%;
  width: 100%;
  background: transparent linear-gradient(90deg, rgba(0, 0, 0, 0.73) 0%, rgba(0, 0, 0, 0) 100%) 0% 0% no-repeat padding-box;
  z-index: 0;
  left: 0;
  top: 0;
}
@media only screen and (max-width: 834px) {
  .OR6__content__shadow {
    background: transparent linear-gradient(90deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.5) 51%, rgba(0, 0, 0, 0) 100%) 0% 0% no-repeat padding-box;
  }
}
@media only screen and (max-width: 600px) {
  .OR6__content__shadow {
    background: transparent linear-gradient(90deg, rgba(4, 27, 52, 0.75) 0%, rgba(0, 0, 0, 0) 100%) 0% 0% no-repeat padding-box;
  }
}
.OR6__content__shadow::before {
  content: "";
  position: absolute;
  height: 267px;
  width: 100%;
  background: transparent linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%) 0% 0% no-repeat padding-box;
  z-index: 0;
  left: 0;
  top: 0;
}
@media only screen and (max-width: 834px) {
  .OR6__content__shadow::before {
    height: 228px;
    opacity: 0.8;
    background: transparent linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%) 0% 0% no-repeat padding-box;
  }
}
@media only screen and (max-width: 600px) {
  .OR6__content__shadow::before {
    height: 132px;
    opacity: 1;
    background: transparent linear-gradient(180deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%) 0% 0% no-repeat padding-box;
  }
}
.OR6__content__shadow::after {
  content: "";
  position: absolute;
  height: 267px;
  width: 100%;
  background: transparent linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%) 0% 0% no-repeat padding-box;
  opacity: 0.6;
  z-index: 0;
  bottom: 0;
  left: 0;
}
@media only screen and (min-width: 601px) and (max-width: 834px) {
  .OR6__content__shadow::after {
    display: none;
  }
}
.OR6__content__inner {
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 600px) {
  .OR6 .MO4--header h2 {
    margin-bottom: 25px;
  }
}
.OR6 .OR2 {
  margin-top: 220px;
}
@media only screen and (max-width: 834px) {
  .OR6 .OR2 {
    margin-top: 230px;
  }
}
@media only screen and (max-width: 600px) {
  .OR6 .OR2 {
    margin-top: 160px;
  }
}

.demo__OR7--carousel .OR7 > .OR9 {
  height: 1033px;
}
@media only screen and (max-width: 600px) {
  .demo__OR7--carousel .OR7 > .OR9 {
    height: 736px;
  }
}
.demo__OR7--carousel .OR7 > .OR9 .OR6__content {
  height: 1033px;
}
@media only screen and (max-width: 600px) {
  .demo__OR7--carousel .OR7 > .OR9 .OR6__content {
    height: 736px;
  }
}

.OR7 {
  position: relative;
}
@media only screen and (max-width: 600px) {
  .OR7 {
    margin-bottom: 0;
  }
}
.OR7--no-header-section {
  background: #09315b;
}
.OR7--header-section .OR7__bg {
  background: #09315b;
  position: absolute;
  height: calc(100% + 45px - 102px);
  width: 100%;
  right: 0;
  left: 0;
}
@media only screen and (max-width: 600px) {
  .OR7--header-section .OR7__bg {
    height: 100%;
  }
}
.OR7--header-section .OR7__menu {
  position: absolute;
  width: 100%;
  z-index: 2;
  left: 0;
  top: 45px;
}
@media only screen and (max-width: 600px) {
  .OR7--header-section .OR7__menu {
    top: 0;
  }
}
.OR7__bg__links {
  float: right;
  padding: 12px 0 3px 0;
}
.OR7__bg__links a {
  font-size: 14px;
  line-height: 21px;
  margin-left: 40px;
  text-transform: uppercase;
  vertical-align: middle;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 500;
}
.OR7__bg__links a:not(.button).primary[class*=icon--]::before {
  margin-left: 0;
  margin-right: 15px;
  order: 0;
  margin-bottom: 7px;
  font-size: 14px;
  line-height: 17px;
}
.OR7 .MO6__logo {
  position: relative;
}
@media only screen and (max-width: 834px) {
  .OR7 .MO6__logo {
    left: -30px;
  }
}
@media only screen and (max-width: 600px) {
  .OR7 .MO6__logo {
    left: 0;
  }
}
@media only screen and (min-width: 601px) {
  .OR7 .MO6--mobile {
    height: calc(100% - 45px);
    top: 45px;
  }
}
.OR7 > .OR6 {
  position: relative;
  top: 45px;
}
@media only screen and (max-width: 600px) {
  .OR7 > .OR6 {
    top: 0;
  }
}
.OR7 > .OR6 .OR6__content__bg {
  width: calc(100% - (100% - 79%) / 2);
}
@media only screen and (max-width: 1440px) {
  .OR7 > .OR6 .OR6__content__bg {
    width: calc(100% - (100% - 85%) / 2);
  }
}
@media only screen and (max-width: 834px) {
  .OR7 > .OR6 .OR6__content__bg {
    width: calc(100% - 42px);
  }
}
@media only screen and (max-width: 600px) {
  .OR7 > .OR6 .OR6__content__bg {
    width: 100%;
  }
}
.OR7 > .OR9 {
  position: relative;
  top: 45px;
  height: calc(100vh - 45px);
}
@media only screen and (max-width: 600px) {
  .OR7 > .OR9 {
    top: 0;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    min-height: calc(var(--vh, 1vh) * 100);
    /* stylelint-disable */
    /* stylelint-enable */
  }
  body.gin--vertical-toolbar.toolbar-fixed .OR7 > .OR9 {
    height: calc(var(--vh, 1vh) * 100 - var(--gin-toolbar-y-offset, 0px));
    min-height: calc(var(--vh, 1vh) * 100 - var(--gin-toolbar-y-offset, 0px));
  }
}
@media only screen and (min-width: 601px) {
  .OR7 > .OR9 {
    margin-bottom: -57px;
  }
}
.OR7 > .OR9 .OR9__content {
  width: calc(100% - (100% - 89.5%) / 2);
}
@media only screen and (max-width: 1440px) {
  .OR7 > .OR9 .OR9__content {
    width: calc(100% - (100% - 92.5%) / 2);
  }
}
@media only screen and (max-width: 834px) {
  .OR7 > .OR9 .OR9__content {
    width: calc(100% - 42px);
  }
}
@media only screen and (max-width: 600px) {
  .OR7 > .OR9 .OR9__content {
    width: 100%;
  }
}
.OR7 > .OR9 .OR6 .gw {
  justify-content: flex-start;
}
@media only screen and (min-width: 601px) and (max-width: 834px) {
  .OR7 > .OR9 .OR6 .gw {
    padding-left: 0;
  }
}
.OR7 > .OR9 .OR6 .gs {
  max-width: 79vw;
}
@media only screen and (max-width: 1440px) {
  .OR7 > .OR9 .OR6 .gs {
    max-width: 85vw;
  }
}
@media only screen and (max-width: 834px) {
  .OR7 > .OR9 .OR6 .gs {
    max-width: none;
  }
}
.OR7 > .OR9 .OR6__content {
  height: calc(100vh - 45px);
}
@media only screen and (max-width: 600px) {
  .OR7 > .OR9 .OR6__content {
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    min-height: calc(var(--vh, 1vh) * 100);
    /* stylelint-disable */
    /* stylelint-enable */
  }
  body.gin--vertical-toolbar.toolbar-fixed .OR7 > .OR9 .OR6__content {
    height: calc(var(--vh, 1vh) * 100 - var(--gin-toolbar-y-offset, 0px));
    min-height: calc(var(--vh, 1vh) * 100 - var(--gin-toolbar-y-offset, 0px));
  }
}
.OR7 > .OR9 .OR6 .OR2 {
  margin-top: calc((100vh - 45px) * 0.28);
}
@media only screen and (min-width: 600px) {
  .OR7 > .OR9 .OR6 .OR2 {
    max-width: 70%;
  }
}
@media only screen and (max-width: 834px) {
  .OR7 > .OR9 .OR6 .OR2 {
    margin-top: calc((100vh - 45px) * 0.3);
  }
}
@media only screen and (max-width: 600px) {
  .OR7 > .OR9 .OR6 .OR2 {
    margin-top: 25vh;
  }
}
.OR7 > .OR9 .MO4 .heading__title {
  font-size: calc(60px + (70 - 60) * (100vw - 1681px) / (1920 - 1681));
  line-height: calc(66px + (78 - 66) * (100vw - 1681px) / (1920 - 1681));
}
@media only screen and (min-width: 1920px) {
  .OR7 > .OR9 .MO4 .heading__title {
    font-size: 70px;
    line-height: 78px;
  }
}
@media only screen and (max-width: 1680px) {
  .OR7 > .OR9 .MO4 .heading__title {
    font-size: calc(58px + (60 - 58) * (100vw - 1441px) / (1680 - 1441));
    line-height: calc(64px + (66 - 64) * (100vw - 1441px) / (1680 - 1441));
  }
}
@media only screen and (max-width: 1440px) {
  .OR7 > .OR9 .MO4 .heading__title {
    font-size: calc(52px + (58 - 52) * (100vw - 1281px) / (1440 - 1281));
    line-height: calc(57px + (64 - 57) * (100vw - 1281px) / (1440 - 1281));
  }
}
@media only screen and (max-width: 1280px) {
  .OR7 > .OR9 .MO4 .heading__title {
    font-size: calc(50px + (52 - 50) * (100vw - 835px) / (1280 - 835));
    line-height: calc(55px + (57 - 55) * (100vw - 835px) / (1280 - 835));
  }
}
@media only screen and (max-width: 834px) {
  .OR7 > .OR9 .MO4 .heading__title {
    font-size: calc(38px + (50 - 38) * (100vw - 415px) / (834 - 415));
    line-height: calc(42px + (55 - 42) * (100vw - 415px) / (834 - 415));
  }
}
@media only screen and (max-width: 414px) {
  .OR7 > .OR9 .MO4 .heading__title {
    font-size: 38px;
    line-height: 42px;
  }
}

.OR8__column:nth-child(2) {
  margin-top: 40px;
}
@media only screen and (min-width: 835px) {
  .OR8 .gs {
    display: flex;
  }
  .OR8__column {
    flex: 1 1 0;
  }
  .OR8__column:nth-child(1) {
    margin-right: -2%;
  }
  .OR8__column:nth-child(2) {
    margin-top: 32px;
    margin-left: -2%;
  }
}
@media only screen and (min-width: 1025px) {
  .OR8 .gs {
    display: flex;
    width: 100%;
  }
  .OR8__column:nth-child(1) {
    margin-right: -1%;
  }
  .OR8__column:nth-child(2) {
    margin-top: 90px;
    margin-left: -1%;
  }
}

.demo__OR9 .OR9 {
  height: 1033px;
}
@media only screen and (max-width: 600px) {
  .demo__OR9 .OR9 {
    height: 736px;
  }
}
.demo__OR9 .OR9 .OR6__content {
  height: 1033px;
}
@media only screen and (max-width: 600px) {
  .demo__OR9 .OR9 .OR6__content {
    height: 736px;
  }
}

.OR9 {
  position: relative;
  height: 100vh;
}
@media only screen and (max-width: 834px) {
  .OR9 {
    min-height: 736px;
  }
}
@media only screen and (max-width: 600px) {
  .OR9 {
    min-height: 700px;
  }
}
.OR9 .OR6 {
  position: relative;
}
.OR9 .OR6__content {
  position: relative;
  height: 100vh;
}
@media only screen and (max-width: 834px) {
  .OR9 .OR6__content {
    min-height: 736px;
  }
}
@media only screen and (max-width: 600px) {
  .OR9 .OR6__content {
    min-height: 700px;
  }
}
.OR9__content {
  position: absolute;
  width: 100%;
  z-index: 0;
  right: 0;
  top: 0;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
}
.OR9__bottom {
  position: absolute;
  width: 100%;
  z-index: 0;
  right: 0;
  bottom: 0;
}
.OR9__bottom__container {
  position: relative;
  height: 190px;
}
@media only screen and (max-width: 1440px) {
  .OR9__bottom__container {
    height: 170px;
  }
}
@media only screen and (max-width: 600px) {
  .OR9__bottom__container {
    height: 120px;
  }
}
.OR9__controls {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  position: relative;
  top: 67px;
  margin-left: 140px;
  margin-right: 100px;
}
.OR9__controls__prev, .OR9__controls__next {
  font-size: 0;
  line-height: 0;
  padding: 0;
  z-index: 1;
  background-color: transparent;
  border: none;
  color: white;
  height: 50px;
  width: 20px;
}
@media only screen and (max-width: 600px) {
  .OR9__controls__prev, .OR9__controls__next {
    width: 44px;
  }
}
.OR9__controls__prev:before, .OR9__controls__next:before {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea0c";
}
.OR9__controls__prev::before, .OR9__controls__next::before {
  font-size: 25px;
  line-height: 42px;
}
.OR9__controls__prev:hover::before, .OR9__controls__next:hover::before {
  opacity: 1;
}
.OR9__controls__prev.slick-disabled, .OR9__controls__next.slick-disabled {
  opacity: 0.5;
}
.OR9__controls__prev {
  margin-right: 37px;
}
.OR9__controls__prev::before {
  display: inline-block;
  transform: rotate(180deg);
}
@media only screen and (max-width: 1024px) {
  .OR9__controls {
    margin-right: 0;
  }
}
@media only screen and (max-width: 600px) {
  .OR9__controls {
    margin-right: 30px;
  }
}
@media only screen and (max-width: 834px) {
  .OR9__controls {
    top: 50px;
    margin-left: 0;
  }
  .OR9__controls__prev::before, .OR9__controls__next::before {
    font-size: 40px;
  }
  .OR9__controls__prev {
    margin-right: 40px;
  }
}
@media only screen and (max-width: 600px) {
  .OR9__controls__prev::before, .OR9__controls__next::before {
    font-size: 25px;
  }
  .OR9__controls__prev {
    margin-right: 10px;
  }
}
.OR9__arrows {
  display: flex;
  flex-wrap: nowrap;
  margin-left: 50px;
}
@media only screen and (max-width: 1024px) {
  .OR9__arrows {
    margin-left: 37px;
  }
}
@media only screen and (max-width: 600px) {
  .OR9__arrows {
    margin-left: 27px;
    margin-right: 0;
  }
}
.OR9__progress {
  position: relative;
  background: #f8f8f8;
  height: 5px;
  width: 60%;
}
.OR9__progress-bar {
  position: absolute;
  background: #1a7e97;
  height: 100%;
  left: 0;
  top: 0;
  transition: left 0.3s ease-in-out;
}
.OR9 .scroll--label, .OR9__logo {
  position: absolute;
  color: white;
}
.OR9 .scroll--label {
  top: 20px;
  left: -10px;
}
@media only screen and (max-width: 834px) {
  .OR9 .scroll--label {
    left: auto;
    right: 0;
  }
}
@media only screen and (max-width: 600px) {
  .OR9 .scroll--label {
    top: 0;
    right: -15px;
  }
}
.OR9__logo {
  top: 0;
  right: 0;
}
@media only screen and (max-width: 1024px) {
  .OR9__logo {
    display: none;
  }
}

.ME1--open .ME1__modal {
  pointer-events: auto;
  opacity: 1;
  transform: scale(1);
  transition: transform 0.3s cubic-bezier(0.465, 0.183, 0.153, 0.946), opacity 0.3s cubic-bezier(0.465, 0.183, 0.153, 0.946);
}
@media only screen and (max-width: 414px) {
  .ME1--open .ME1__modal {
    transform: translateY(0);
    transition: transform 0.4s ease-in-out, background-color 0.2s ease-in-out 0.3s;
    background-color: rgba(0, 0, 0, 0.4);
  }
}
.ME1__modal {
  pointer-events: none;
  opacity: 0;
  will-change: transform, opacity;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
  transform: scale(1.15);
  transition: transform 0.1s cubic-bezier(0.465, 0.183, 0.153, 0.946), opacity 0.1s cubic-bezier(0.465, 0.183, 0.153, 0.946);
}
@media only screen and (max-width: 414px) {
  .ME1__modal {
    background-color: transparent;
    transform: translateY(100%);
    transition: all 0.5s ease-in-out 0.2s, background-color 0.2s ease-in-out;
  }
}
.ME1__modal-content {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 414px) {
  .ME1__modal-content {
    transform: translateY(100%);
    transition: 0.4s ease-in-out;
  }
}
@media only screen and (max-width: 600px) {
  .ME1__modal-content {
    margin: 0;
    width: 100%;
    position: fixed;
    bottom: 0;
    transform: none;
    top: unset;
  }
}

/*
 * Error pages
 * This file includes the style for the 404 page and the 500 page.
 *
 * Important note:
 * 500 page uses a separate html page template (being a server error)
 * where no component are included.
 *
 */
.page-404,
.page-500 {
  background-color: #08365f;
}
.page-404__wrap,
.page-500__wrap {
  width: 100%;
  display: flex;
  background-color: #fff;
  padding: 230px 204px 300px 204px;
  background-repeat: no-repeat;
}
.page-404 .page-404__wrap,
.page-404 .page-500__wrap {
  background-image: url("../assets/images/page-404-min.png");
  background-size: 110%;
  background-position: 0 -140px;
}
@media only screen and (max-width: 1680px) {
  .page-404 .page-404__wrap,
  .page-404 .page-500__wrap {
    padding-left: 180px;
    background-position: 0 -50px;
  }
}
@media only screen and (max-width: 1440px) {
  .page-404 .page-404__wrap,
  .page-404 .page-500__wrap {
    padding: 170px 108px 300px 108px;
    background-position: 0 -70px;
  }
}
@media only screen and (max-width: 1280px) {
  .page-404 .page-404__wrap,
  .page-404 .page-500__wrap {
    padding: 190px 94px 289px 94px;
    background-size: 1600px;
  }
}
@media only screen and (max-width: 834px) {
  .page-404 .page-404__wrap,
  .page-404 .page-500__wrap {
    padding: 110px 42px 200px 42px;
    background-size: 1200px;
    background-position: 22% 0%;
  }
}
@media only screen and (max-width: 600px) {
  .page-404 .page-404__wrap,
  .page-404 .page-500__wrap {
    padding: 60px 42px;
    background-size: 1130px;
    background-position: 45% 0%;
  }
}
.page-500 .page-404__wrap,
.page-500 .page-500__wrap {
  background-image: url("../assets/images/page-500-min.png");
  background-size: cover;
}
@media only screen and (max-width: 1680px) {
  .page-500 .page-404__wrap,
  .page-500 .page-500__wrap {
    padding-left: 180px;
  }
}
@media only screen and (max-width: 1440px) {
  .page-500 .page-404__wrap,
  .page-500 .page-500__wrap {
    padding: 170px 108px 300px 108px;
  }
}
@media only screen and (max-width: 1280px) {
  .page-500 .page-404__wrap,
  .page-500 .page-500__wrap {
    padding: 190px 94px 289px 94px;
    background-size: cover;
  }
}
@media only screen and (max-width: 834px) {
  .page-500 .page-404__wrap,
  .page-500 .page-500__wrap {
    padding: 80px 42px 200px 42px;
    background-size: 1200px;
    background-position: 42% 0%;
  }
}
@media only screen and (min-width: 835px) and (max-width: 1281px) {
  .page-500 .page-404__wrap,
  .page-500 .page-500__wrap {
    padding: 100px 94px 290px 94px;
    background-size: 1300px;
    background-position: -80px 0;
  }
}
.page-404__content,
.page-500__content {
  max-width: 40%;
}
@media only screen and (max-width: 1440px) {
  .page-404__content,
  .page-500__content {
    max-width: 40%;
  }
}
@media only screen and (max-width: 1280px) {
  .page-404__content,
  .page-500__content {
    max-width: 50%;
  }
}
@media only screen and (max-width: 834px) {
  .page-404__content,
  .page-500__content {
    max-width: 65%;
  }
}
@media only screen and (max-width: 600px) {
  .page-404__content,
  .page-500__content {
    max-width: 100%;
  }
}
.page-500 .page-404__content,
.page-500 .page-500__content {
  max-width: 40%;
}
@media only screen and (max-width: 1280px) {
  .page-500 .page-404__content,
  .page-500 .page-500__content {
    max-width: 50%;
  }
}
@media only screen and (max-width: 600px) {
  .page-500 .page-404__content,
  .page-500 .page-500__content {
    max-width: 60%;
  }
}
.page-404__text,
.page-500__text {
  color: #09315b;
  font-family: JohnstonITCProLight, sans-serif;
  font-weight: 300;
}
@media only screen and (max-width: 600px) {
  .page-404__text,
  .page-500__text {
    max-width: 90%;
  }
}
.page-404__text > *:first-child,
.page-500__text > *:first-child {
  font-size: 24px;
  line-height: 31px;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 500;
}
@media only screen and (min-width: 1920px) {
  .page-404__text > *:first-child,
  .page-500__text > *:first-child {
    font-size: 24px;
    line-height: 31px;
  }
}
@media only screen and (max-width: 1680px) {
  .page-404__text > *:first-child,
  .page-500__text > *:first-child {
    font-size: calc(22px + (24 - 22) * (100vw - 1441px) / (1680 - 1441));
    line-height: calc(28px + (31 - 28) * (100vw - 1441px) / (1680 - 1441));
  }
}
@media only screen and (max-width: 1440px) {
  .page-404__text > *:first-child,
  .page-500__text > *:first-child {
    font-size: 22px;
    line-height: calc(29px + (28 - 29) * (100vw - 1281px) / (1440 - 1281));
  }
}
@media only screen and (max-width: 1280px) {
  .page-404__text > *:first-child,
  .page-500__text > *:first-child {
    font-size: calc(20px + (22 - 20) * (100vw - 835px) / (1280 - 835));
    line-height: calc(26px + (29 - 26) * (100vw - 835px) / (1280 - 835));
  }
}
@media only screen and (max-width: 834px) {
  .page-404__text > *:first-child,
  .page-500__text > *:first-child {
    font-size: 20px;
    line-height: calc(26px + (25 - 26) * (100vw - 415px) / (834 - 415));
  }
}
@media only screen and (max-width: 414px) {
  .page-404__text > *:first-child,
  .page-500__text > *:first-child {
    font-size: 20px;
    line-height: 26px;
  }
}
.page-404__ctas,
.page-500__ctas {
  margin-top: 54px;
}
@media only screen and (max-width: 1680px) {
  .page-404__ctas,
  .page-500__ctas {
    margin-top: 68px;
  }
}
@media only screen and (max-width: 1440px) {
  .page-404__ctas,
  .page-500__ctas {
    margin-top: 60px;
  }
}
@media only screen and (max-width: 1280px) {
  .page-404__ctas,
  .page-500__ctas {
    margin-top: 65px;
  }
}
@media only screen and (max-width: 834px) {
  .page-404__ctas,
  .page-500__ctas {
    margin-top: 48px;
    max-width: 410px;
  }
}
@media only screen and (max-width: 600px) {
  .page-404__ctas,
  .page-500__ctas {
    margin-top: 281px;
    max-width: 100%;
  }
}
@media only screen and (max-width: 414px) {
  .page-404__ctas,
  .page-500__ctas {
    margin-top: 68px;
  }
}
.page-404__ctas .button:first-child,
.page-500__ctas .button:first-child {
  margin-right: 47px;
}
@media only screen and (max-width: 834px) {
  .page-404__ctas .button:first-child,
  .page-500__ctas .button:first-child {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .page-404__ctas .button:first-child,
  .page-500__ctas .button:first-child {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 600px) {
  .page-500 .page-404__ctas,
  .page-500 .page-500__ctas {
    margin-top: 42px;
    max-width: 100%;
  }
}
@media only screen and (max-width: 414px) {
  .page-500 .page-404__ctas,
  .page-500 .page-500__ctas {
    margin-top: 68px;
  }
}
.page-500 .page-404__ctas .button:first-child,
.page-500 .page-500__ctas .button:first-child {
  margin-bottom: 20px;
}
@media only screen and (max-width: 834px) {
  .page-500 .page-404__ctas .button:first-child,
  .page-500 .page-500__ctas .button:first-child {
    margin-right: 0;
  }
}
.page-404 .heading__label,
.page-500 .heading__label {
  font-size: 24px;
  line-height: 31px;
}
@media only screen and (min-width: 1920px) {
  .page-404 .heading__label,
  .page-500 .heading__label {
    font-size: 24px;
    line-height: 31px;
  }
}
@media only screen and (max-width: 1680px) {
  .page-404 .heading__label,
  .page-500 .heading__label {
    font-size: calc(22px + (24 - 22) * (100vw - 1441px) / (1680 - 1441));
    line-height: calc(28px + (31 - 28) * (100vw - 1441px) / (1680 - 1441));
  }
}
@media only screen and (max-width: 1440px) {
  .page-404 .heading__label,
  .page-500 .heading__label {
    font-size: 22px;
    line-height: calc(29px + (28 - 29) * (100vw - 1281px) / (1440 - 1281));
  }
}
@media only screen and (max-width: 1280px) {
  .page-404 .heading__label,
  .page-500 .heading__label {
    font-size: calc(20px + (22 - 20) * (100vw - 835px) / (1280 - 835));
    line-height: calc(26px + (29 - 26) * (100vw - 835px) / (1280 - 835));
  }
}
@media only screen and (max-width: 834px) {
  .page-404 .heading__label,
  .page-500 .heading__label {
    font-size: 20px;
    line-height: calc(26px + (25 - 26) * (100vw - 415px) / (834 - 415));
  }
}
@media only screen and (max-width: 414px) {
  .page-404 .heading__label,
  .page-500 .heading__label {
    font-size: 20px;
    line-height: 26px;
  }
}
.page-404 .heading__title,
.page-500 .heading__title {
  max-width: 600px;
  font-size: calc(60px + (70 - 60) * (100vw - 1681px) / (1920 - 1681));
  line-height: calc(66px + (78 - 66) * (100vw - 1681px) / (1920 - 1681));
}
@media only screen and (min-width: 1920px) {
  .page-404 .heading__title,
  .page-500 .heading__title {
    font-size: 70px;
    line-height: 78px;
  }
}
@media only screen and (max-width: 1680px) {
  .page-404 .heading__title,
  .page-500 .heading__title {
    font-size: calc(58px + (60 - 58) * (100vw - 1441px) / (1680 - 1441));
    line-height: calc(64px + (66 - 64) * (100vw - 1441px) / (1680 - 1441));
  }
}
@media only screen and (max-width: 1440px) {
  .page-404 .heading__title,
  .page-500 .heading__title {
    font-size: calc(52px + (58 - 52) * (100vw - 1281px) / (1440 - 1281));
    line-height: calc(57px + (64 - 57) * (100vw - 1281px) / (1440 - 1281));
  }
}
@media only screen and (max-width: 1280px) {
  .page-404 .heading__title,
  .page-500 .heading__title {
    font-size: calc(50px + (52 - 50) * (100vw - 835px) / (1280 - 835));
    line-height: calc(55px + (57 - 55) * (100vw - 835px) / (1280 - 835));
  }
}
@media only screen and (max-width: 834px) {
  .page-404 .heading__title,
  .page-500 .heading__title {
    font-size: calc(38px + (50 - 38) * (100vw - 415px) / (834 - 415));
    line-height: calc(42px + (55 - 42) * (100vw - 415px) / (834 - 415));
  }
}
@media only screen and (max-width: 414px) {
  .page-404 .heading__title,
  .page-500 .heading__title {
    font-size: 38px;
    line-height: 42px;
  }
}
@media only screen and (max-width: 1680px) {
  .page-404 .heading__title,
  .page-500 .heading__title {
    max-width: 500px;
  }
}
@media only screen and (max-width: 1440px) {
  .page-404 .heading__title,
  .page-500 .heading__title {
    max-width: 500px;
  }
}
@media only screen and (max-width: 1280px) {
  .page-404 .heading__title,
  .page-500 .heading__title {
    max-width: 450px;
  }
}
@media only screen and (max-width: 834px) {
  .page-404 .heading__title,
  .page-500 .heading__title {
    max-width: 450px;
  }
}
@media only screen and (max-width: 600px) {
  .page-404 .heading__title,
  .page-500 .heading__title {
    max-width: 350px;
  }
}
@media only screen and (max-width: 414px) {
  .page-404 .heading__title,
  .page-500 .heading__title {
    max-width: 300px;
  }
}
.page-500 .page-404 .heading__title,
.page-500 .page-500 .heading__title {
  max-width: 600px;
}
@media only screen and (max-width: 1280px) {
  .page-500 .page-404 .heading__title,
  .page-500 .page-500 .heading__title {
    max-width: 500px;
  }
}
@media only screen and (max-width: 834px) {
  .page-500 .page-404 .heading__title,
  .page-500 .page-500 .heading__title {
    max-width: 450px;
  }
}
@media only screen and (max-width: 600px) {
  .page-500 .page-404 .heading__title,
  .page-500 .page-500 .heading__title {
    max-width: 350px;
  }
}
@media only screen and (max-width: 414px) {
  .page-500 .page-404 .heading__title,
  .page-500 .page-500 .heading__title {
    max-width: 300px;
  }
}
.page-404 .OR5__image,
.page-500 .OR5__image {
  display: none;
}

.forum-page main {
  position: relative;
  z-index: 1;
}
.forum-page .page__content__bg {
  top: 0;
  height: 600px;
}
.forum-page__topics .page__content__bg {
  display: none;
}
.forum-page__topics__intro {
  margin: 40px 0;
  position: relative;
  display: inline-block;
  width: 100%;
}
@media only screen and (max-width: 1440px) {
  .forum-page__topics__intro {
    margin: 32px 0;
  }
}
@media only screen and (max-width: 834px) {
  .forum-page__topics__intro {
    margin: 24px 0;
  }
}
.forum-page__topics__form .topic-form__button {
  display: flex;
  margin-left: auto;
}
.forum-page__topics__form .form-submit {
  margin-top: 15px;
}
@media only screen and (max-width: 600px) {
  .forum-page__topics__form .form-submit {
    margin-top: 30px;
    display: flex;
  }
}
.forum-page__topics__form form {
  display: none;
  margin: 30px 0;
  background-color: #09315b;
}
@media only screen and (max-width: 1920px) {
  .forum-page__topics__form form {
    padding: 95px 110px;
  }
}
@media only screen and (max-width: 1680px) {
  .forum-page__topics__form form {
    padding: 85px 100px;
  }
}
@media only screen and (max-width: 1440px) {
  .forum-page__topics__form form {
    padding: 75px 90px;
  }
}
@media only screen and (max-width: 834px) {
  .forum-page__topics__form form {
    padding: 45px 40px;
  }
}
@media only screen and (max-width: 600px) {
  .forum-page__topics__form form {
    padding: 30px 20px;
  }
}
.forum-page__topics__form input,
.forum-page__topics__form textarea {
  width: 100%;
}
.forum-page__topics__table {
  margin-top: 34px;
}
@media only screen and (max-width: 1680px) {
  .forum-page__topics__table {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 1440px) {
  .forum-page__topics__table {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 1280px) {
  .forum-page__topics__table {
    margin-top: 34px;
  }
}
@media only screen and (max-width: 834px) {
  .forum-page__topics__table {
    margin-top: 24px;
  }
}
@media only screen and (max-width: 600px) {
  .forum-page__topics__table {
    margin-top: 24px;
  }
}
.forum-page__other-forums {
  margin-top: 120px;
}
@media only screen and (max-width: 1680px) {
  .forum-page__other-forums {
    margin-top: 86px;
  }
}
@media only screen and (max-width: 1440px) {
  .forum-page__other-forums {
    margin-top: 80px;
  }
}
@media only screen and (max-width: 1280px) {
  .forum-page__other-forums {
    margin-top: 80px;
  }
}
@media only screen and (max-width: 834px) {
  .forum-page__other-forums {
    margin-top: 80px;
  }
}
@media only screen and (max-width: 600px) {
  .forum-page__other-forums {
    margin-top: 54px;
  }
}
@media only screen and (max-width: 1920px) {
  .forum-page__other-forums__cards {
    padding: 48px 0 0 0;
  }
}
@media only screen and (max-width: 834px) {
  .forum-page__other-forums__cards {
    padding: 36px 0 0 0;
  }
}
@media only screen and (max-width: 600px) {
  .forum-page__other-forums__cards {
    padding: 20px 0 0 0;
  }
}

.htb__guide {
  position: fixed;
  bottom: 3%;
  right: 3%;
  transform: translateX(calc(100vw - 50px));
}
.htb__drawer {
  position: fixed;
  max-width: 100%;
  width: 29%;
  height: 100%;
  z-index: 1;
  left: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background: #F8F8F8;
  transform: translateX(0);
  box-shadow: 30px 0 30px rgba(0, 0, 0, 0.16);
  transition: transform 300ms ease-in-out;
}
@media only screen and (max-width: 834px) {
  .htb__drawer {
    top: auto;
    bottom: 0;
    width: 100%;
    height: auto;
    transform: translateX(0) translateY(0);
  }
}
.htb__drawer__toggle {
  position: absolute;
  left: 100%;
  top: 13px;
  display: flex;
  border: none;
  border-radius: 0;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.16);
  background: #fff linear-gradient(270deg, white 0%, #d5d5d5 100%) 0% 0% no-repeat padding-box;
}
@media only screen and (max-width: 1280px) {
  .htb__drawer__toggle {
    top: 8px;
  }
}
@media only screen and (max-width: 834px) {
  .htb__drawer__toggle {
    display: none;
  }
}
.htb__drawer__toggle:before {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea04";
}
.htb__drawer__toggle::before {
  color: #09315b;
  font-size: 14px;
  transform: rotate(0deg);
  transition: transform 300ms ease-in-out;
}
.htb__drawer.--closed {
  transform: translateX(-100%);
}
@media only screen and (max-width: 834px) {
  .htb__drawer.--closed {
    transform: translateX(0) translateY(calc(100% - 48px - 20px * 2));
  }
}
.htb__drawer.--closed .htb__drawer__toggle::before {
  transform: rotate(-180deg);
}
.htb__drawer.--closed .htb__drawer__filters__search__toggle::before {
  transform: rotate(0deg);
}
.htb__drawer__header {
  width: 100%;
  height: 90px;
  min-height: 90px;
  padding: 15px 30px;
  background: #09315b;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1280px) {
  .htb__drawer__header {
    height: 75px;
    min-height: 75px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media only screen and (max-width: 834px) {
  .htb__drawer__header.--desktop {
    display: none;
  }
}
@media only screen and (min-width: 835px) {
  .htb__drawer__header.--mobile {
    display: none;
  }
}
@media only screen and (max-width: 834px) {
  .htb__drawer__header.--mobile {
    position: fixed;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 75px;
    padding: 10px 30px;
    box-shadow: 0 10px 30px rgba(0, 25, 51, 0.4);
  }
}
.htb__drawer__header a {
  display: inline-block;
  text-decoration: none;
}
.htb__drawer__header a:focus {
  outline: 3px solid #fff;
  outline-offset: 2px;
}
.htb__drawer__header img {
  display: block;
  width: auto;
  max-width: 218px;
}
@media only screen and (max-width: 1680px) {
  .htb__drawer__header img {
    max-width: 205px;
  }
}
@media only screen and (max-width: 1440px) {
  .htb__drawer__header img {
    max-width: 181px;
  }
}
@media only screen and (max-width: 1280px) {
  .htb__drawer__header img {
    max-width: 165px;
  }
}
@media only screen and (max-width: 834px) {
  .htb__drawer__header img {
    max-width: 155px;
  }
}
@media only screen and (max-width: 600px) {
  .htb__drawer__header img {
    max-width: 120px;
  }
}
.htb__drawer__header .htb-logo {
  border-left: 2px solid rgba(255, 255, 255, 0.5);
  margin: 0 0 0 24px;
  padding: 0 0 0 24px;
  color: #fff;
}
.htb__drawer__filters {
  width: 100%;
  background: #fff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  padding: 20px 30px;
}
@media only screen and (max-width: 1680px) {
  .htb__drawer__filters {
    padding: 20px 20px;
  }
}
@media only screen and (max-width: 1280px) {
  .htb__drawer__filters {
    padding: 16px 18px;
  }
}
@media only screen and (max-width: 834px) {
  .htb__drawer__filters {
    padding: 0;
  }
}
.htb__drawer__filters .gw, .htb__drawer__filters .gs {
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: none;
}
.htb__drawer__filters__search {
  display: flex;
  align-items: center;
}
.htb__drawer__filters__search > * + * {
  margin-left: 20px;
}
@media only screen and (max-width: 1680px) {
  .htb__drawer__filters__search > * + * {
    margin-left: 12px;
  }
}
@media only screen and (max-width: 834px) {
  .htb__drawer__filters__search {
    padding: 20px 30px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  }
}
.htb__drawer__filters__search:before {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea32";
}
.htb__drawer__filters__search::before {
  font-size: 22px;
  color: #09315b;
}
@media only screen and (max-width: 834px) {
  .htb__drawer__filters__search::before {
    display: none;
    content: none;
  }
}
.htb__drawer__filters__search__toggle {
  padding: 4px;
  margin-left: -4px;
  border: none;
  border-radius: 0;
  display: inline-flex;
  align-items: center;
  color: #09315b;
  justify-content: center;
  background: transparent;
}
@media only screen and (min-width: 835px) {
  .htb__drawer__filters__search__toggle {
    display: none;
  }
}
.htb__drawer__filters__search__toggle:before {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea03";
}
.htb__drawer__filters__search__toggle::before {
  line-height: 1;
  color: inherit;
  font-size: 18px;
  transform: rotate(180deg);
  transition: transform 300ms ease-in-out;
}
.htb__drawer__filters__search__inner {
  flex-grow: 1;
  display: flex;
  align-items: center;
  box-shadow: 0 4px 10px rgba(35, 53, 82, 0.1);
}
.htb__drawer__filters__search .form-item {
  margin: 0;
  flex-grow: 1;
  border: 1px solid #d0d0d0;
}
.htb__drawer__filters__search button[type=submit] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  min-width: 60px;
  height: 60px;
  background: #09315b;
  border: none;
  border-radius: 0;
  padding: 0;
  margin: 0;
}
@media only screen and (max-width: 1440px) {
  .htb__drawer__filters__search button[type=submit] {
    width: 50px;
    min-width: 50px;
    height: 50px;
  }
}
@media only screen and (max-width: 1280px) {
  .htb__drawer__filters__search button[type=submit] {
    width: 45px;
    min-width: 45px;
    height: 45px;
  }
}
@media only screen and (max-width: 834px) {
  .htb__drawer__filters__search button[type=submit] {
    width: 50px;
    min-width: 50px;
    height: 50px;
  }
}
.htb__drawer__filters__search button[type=submit]:after {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea32";
}
.htb__drawer__filters__search button[type=submit]::after {
  color: #fff;
  font-size: 22px;
}
@media only screen and (min-width: 1281px) and (max-width: 1440px) {
  .htb__drawer__filters__search button[type=submit]::after {
    font-size: 19px;
  }
}
@media only screen and (min-width: 835px) and (max-width: 1280px) {
  .htb__drawer__filters__search button[type=submit]::after {
    font-size: 17px;
  }
}
.htb__drawer__filters__search label {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.htb__drawer__filters__search input {
  width: 100%;
  border: none;
  border-radius: 0;
  background: #fff;
  height: 58px;
  padding: 16px;
  font-size: 16px;
  line-height: 18px;
}
.htb__drawer__filters__search input:-ms-input-placeholder {
  color: rgba(51, 51, 51, 0.5);
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: bold;
}
.htb__drawer__filters__search input::placeholder {
  color: rgba(51, 51, 51, 0.5);
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: bold;
}
@media only screen and (max-width: 1440px) {
  .htb__drawer__filters__search input {
    height: 48px;
    padding: 10px 14px;
  }
}
@media only screen and (max-width: 1280px) {
  .htb__drawer__filters__search input {
    height: 43px;
    padding: 10px 14px;
  }
}
@media only screen and (max-width: 834px) {
  .htb__drawer__filters__search input {
    height: 48px;
    padding: 10px 20px;
    font-size: 14px;
  }
}
.htb__drawer__filters__tags {
  display: flex;
  align-items: center;
  margin-top: 12px;
}
@media only screen and (max-width: 834px) {
  .htb__drawer__filters__tags {
    margin-top: 0;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px 30px;
  }
}
.htb__drawer__filters__tags:before {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea19";
}
.htb__drawer__filters__tags::before {
  font-size: 22px;
  color: #09315b;
}
@media only screen and (max-width: 834px) {
  .htb__drawer__filters__tags::before {
    display: none;
    content: none;
  }
}
.htb__drawer__filters__tags .ukho-dropdown {
  background: #fff;
  border: 1px solid #d0d0d0;
  box-shadow: 0 4px 10px rgba(35, 53, 82, 0.1);
  position: relative;
  flex-grow: 1;
}
@media only screen and (max-width: 834px) {
  .htb__drawer__filters__tags .ukho-dropdown {
    width: 100%;
  }
}
.htb__drawer__filters__tags .ukho-dropdown__toggle {
  width: 100%;
  display: flex;
  align-items: center;
  height: 58px;
  padding: 16px;
  color: #09315b;
  font-size: 16px;
  line-height: 18px;
  background: #fff;
  border: none;
  border-radius: 0;
  position: relative;
  z-index: 2;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: bold;
}
@media only screen and (max-width: 1440px) {
  .htb__drawer__filters__tags .ukho-dropdown__toggle {
    height: 48px;
    padding: 10px 14px;
  }
}
@media only screen and (max-width: 1280px) {
  .htb__drawer__filters__tags .ukho-dropdown__toggle {
    height: 43px;
    padding: 10px 14px;
  }
}
@media only screen and (max-width: 834px) {
  .htb__drawer__filters__tags .ukho-dropdown__toggle {
    height: 48px;
    padding: 10px 20px;
    font-size: 14px;
  }
}
.htb__drawer__filters__tags .ukho-dropdown__toggle:after {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea0a";
}
.htb__drawer__filters__tags .ukho-dropdown__toggle::after {
  font-size: 18px;
  color: #09315b;
  margin-left: auto;
  transform: rotate(0deg);
  transition: transform 300ms ease-in-out;
}
.htb__drawer__filters__tags .ukho-dropdown__content {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-26px);
  transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out, transform 300ms ease-in-out;
  position: absolute;
  width: calc(100% + 2px);
  top: 100%;
  left: -1px;
  background: #fff;
  border: 1px solid #d0d0d0;
  box-shadow: 0 4px 10px rgba(35, 53, 82, 0.1);
  padding: 22px 25px;
  z-index: 1;
}
@media only screen and (max-width: 834px) {
  .htb__drawer__filters__tags .ukho-dropdown__content {
    top: auto;
    bottom: 100%;
    transform: translateY(26px);
  }
}
.htb__drawer__filters__tags .ukho-dropdown__content__inner {
  max-height: 200px;
  overflow-y: auto;
}
.htb__drawer__filters__tags .ukho-dropdown__content__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin: 20px -5px -15px;
}
.htb__drawer__filters__tags .ukho-dropdown__content__actions button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  border: none;
  font-size: 16px;
  line-height: 26px;
  margin: 0 5px 15px;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 500;
}
.htb__drawer__filters__tags .ukho-dropdown__content__actions button[type=submit] {
  padding: 2px 20px;
  height: auto;
  color: #fff;
  background: #09315b;
}
.htb__drawer__filters__tags .ukho-dropdown__content__actions button[type=button] {
  padding: 0;
  background: none;
  color: #1a7e97;
}
.htb__drawer__filters__tags .ukho-dropdown.--opened .ukho-dropdown__toggle::after {
  transform: rotate(180deg);
}
.htb__drawer__filters__tags .ukho-dropdown.--opened .ukho-dropdown__content {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.htb__drawer__filters__tags .form-actions {
  display: none;
}
.htb__drawer__filters__tags .form-item {
  margin: 0;
}
.htb__drawer__filters__tags fieldset.fieldgroup + fieldset.fieldgroup {
  margin-top: 10px;
}
.htb__drawer__filters__tags .form-item--checkboxes .form-item {
  display: flex;
  align-items: center;
}
.htb__drawer__filters__tags input[type=checkbox] {
  width: 16px;
  height: 16px;
}
.htb__drawer__filters__tags input[type=checkbox] + label {
  margin-left: 13px;
  font-size: 18px;
  line-height: 22px;
  color: #09315b;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 500;
}
.htb__drawer__filters__tags__header {
  width: 100%;
  display: flex;
  align-items: flex-start;
}
@media only screen and (min-width: 835px) {
  .htb__drawer__filters__tags__header {
    display: none;
  }
}
.htb__drawer__filters__tags__header .htb__drawer__tags {
  padding: 0;
  margin-left: auto;
  justify-content: flex-end;
}
.htb__drawer__filters__tags .htb__drawer__filters-toggle {
  padding: 4px;
  margin: 0 12px 0 0;
}
.htb__drawer__filters__tags .htb__drawer__filters-toggle:before {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea10";
}
.htb__drawer__filters__tags .htb__drawer__filters-toggle::before {
  font-size: 15px;
  margin-right: 0;
}
@media only screen and (max-width: 834px) {
  .htb__drawer .htb__drawer__content, .htb__drawer .htb__drawer__filters__tags__wrapper {
    transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out, height 300ms ease-in-out;
  }
}
@media only screen and (max-width: 834px) {
  .htb__drawer .htb__drawer__content {
    height: 0;
    opacity: 0;
    visibility: hidden;
  }
}
@media only screen and (max-width: 834px) {
  .htb__drawer .htb__drawer__filters__tags__wrapper {
    opacity: 1;
    height: auto;
    visibility: visible;
  }
}
@media only screen and (max-width: 834px) {
  .htb__drawer.--filters-closed .htb__drawer__content {
    opacity: 1;
    height: auto;
    visibility: visible;
  }
  .htb__drawer.--filters-closed .htb__drawer__filters__tags__wrapper {
    height: 0;
    opacity: 0;
    visibility: hidden;
  }
}
.htb__drawer__content {
  width: 100%;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-height: 0;
}
.htb__drawer__tags {
  padding: 20px 30px;
}
@media only screen and (max-width: 1680px) {
  .htb__drawer__tags {
    padding: 20px 20px;
  }
}
@media only screen and (max-width: 1280px) {
  .htb__drawer__tags {
    padding: 16px 18px;
  }
}
@media only screen and (max-width: 834px) {
  .htb__drawer__tags.--desktop {
    display: none;
  }
}
@media only screen and (min-width: 835px) {
  .htb__drawer__tags.--mobile {
    display: none;
  }
}
.htb__drawer__tags:empty {
  margin: 0;
  padding-top: 0;
}
.htb__drawer__filters-toggle {
  width: auto;
  border: none;
  padding: 4px 0;
  font-size: 14px;
  border-radius: 0;
  color: #09315b;
  background: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 10px 30px 7px;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 500;
}
@media only screen and (min-width: 835px) {
  .htb__drawer__filters-toggle {
    display: none;
  }
}
.htb__drawer__filters-toggle:before {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea19";
}
.htb__drawer__filters-toggle::before {
  line-height: 1;
  font-size: 22px;
  margin-right: 10px;
}
.htb__drawer__filters-toggle__count {
  margin-left: 4px;
}
.htb__drawer__results {
  width: 100%;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  padding: 10px 30px 35px;
  margin-top: -10px;
}
@media only screen and (max-width: 1680px) {
  .htb__drawer__results {
    padding: 10px 20px 25px;
  }
}
@media only screen and (max-width: 1440px) {
  .htb__drawer__results {
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 1280px) {
  .htb__drawer__results {
    padding: 10px 18px 16px;
  }
}
@media only screen and (max-width: 834px) {
  .htb__drawer__results {
    padding: 10px 30px 6px;
    max-height: 38vh;
  }
}
.htb__drawer__results__list {
  list-style: none;
  padding: 0 0 10px;
  margin: 0;
}
.htb__drawer__results__list > li {
  padding: 0;
  margin: 0;
}
.htb__drawer__results__list > li + li {
  margin-top: 20px;
}
@media only screen and (max-width: 1280px) {
  .htb__drawer__results__list > li + li {
    margin-top: 15px;
  }
}
.htb__drawer__results .MO34 {
  cursor: pointer;
}
.htb__drawer__results .MO33 {
  text-align: start;
  min-height: 60px;
  align-items: center;
}
.htb__drawer__results .MO33__arrow {
  margin: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.htb__drawer__results .MO33__actions {
  height: -moz-fit-content;
  height: fit-content;
  margin: 0 10px;
}
.htb__drawer__results__empty {
  margin: 25px 0;
}
@media only screen and (max-width: 834px) {
  .htb__drawer__results__empty {
    margin-top: 6px;
  }
}
.htb__drawer__results__empty > div {
  font-size: 18px;
  color: #09315b;
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: 500;
}
@media only screen and (max-width: 600px) {
  .htb__drawer__results__empty > div {
    font-size: 16px;
  }
}
.htb__drawer__results__empty > div b {
  font-family: JohnstonITCProMedium, sans-serif;
  font-weight: bold;
}
.htb__drawer__results .OR18 {
  flex-grow: 1;
  min-height: 0;
}
.htb__drawer__results .OR18__scrollable {
  padding: 10px;
  margin: -10px;
}
.htb__map {
  position: fixed !important;
  height: 100% !important;
  width: 100% !important;
  left: 0 !important;
  top: 0 !important;
  z-index: 0 !important;
}
.htb--no-results .htb__map::after {
  content: "";
  display: block;
  position: absolute;
  pointer-events: none;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}
.htb__map:focus::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  right: 0;
  z-index: 9999;
  outline: 3px solid #fff;
}
.using-mouse .htb__map:focus::before {
  outline: none !important;
}
.htb__dropdown__wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  margin-top: 0;
  margin-left: 20px;
}
.htb__dropdown__wrapper .ukho-dropdown {
  width: 50%;
}
.htb__dropdown__wrapper .ukho-dropdown.--opened {
  z-index: 3;
}
@media only screen and (max-width: 414px) {
  .htb__dropdown__wrapper .ukho-dropdown.--opened {
    z-index: 2;
  }
}
@media only screen and (max-width: 1440px) {
  .htb__dropdown__wrapper .ukho-dropdown:not(:last-child) {
    margin-bottom: 14px;
  }
}
@media only screen and (max-width: 834px) {
  .htb__dropdown__wrapper .ukho-dropdown:not(:last-child) {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 414px) {
  .htb__dropdown__wrapper .ukho-dropdown:not(:last-child) {
    margin-bottom: 14px;
  }
}
@media only screen and (max-width: 1440px) {
  .htb__dropdown__wrapper .ukho-dropdown {
    width: 100%;
  }
}
@media only screen and (max-width: 834px) {
  .htb__dropdown__wrapper .ukho-dropdown {
    width: 50%;
  }
}
@media only screen and (max-width: 414px) {
  .htb__dropdown__wrapper .ukho-dropdown {
    width: 100%;
  }
}
.htb__dropdown__wrapper > * + * {
  margin-left: 20px;
}
.htb__dropdown__wrapper > * + *.--opened {
  z-index: 2;
}
@media only screen and (max-width: 414px) {
  .htb__dropdown__wrapper > * + *.--opened {
    z-index: 3;
  }
}
@media only screen and (max-width: 1680px) {
  .htb__dropdown__wrapper > * + * {
    margin-left: 0;
  }
}
@media only screen and (max-width: 834px) {
  .htb__dropdown__wrapper > * + * {
    margin-left: 12px;
  }
}
@media only screen and (max-width: 414px) {
  .htb__dropdown__wrapper > * + * {
    margin-left: 0;
  }
}
@media only screen and (max-width: 1680px) {
  .htb__dropdown__wrapper {
    margin-left: 12px;
  }
}
@media only screen and (max-width: 1440px) {
  .htb__dropdown__wrapper {
    flex-direction: column;
  }
}
@media only screen and (max-width: 834px) {
  .htb__dropdown__wrapper {
    flex-direction: row;
    margin-top: 20px;
  }
}
@media only screen and (max-width: 414px) {
  .htb__dropdown__wrapper {
    margin-left: 0;
    flex-direction: column;
  }
}

.path-how-to-buy > a:first-child {
  display: none;
}

.search-page .page__content__bg {
  display: none;
}
.search-page .MO38 {
  margin-top: 45px;
}
.search-page .MO19__search {
  display: none;
}

.toolkit-view__header-content {
  text-align: right;
  margin: 25px 0;
}
.toolkit-view .MO32__form {
  position: relative;
  overflow: visible;
  position: relative;
  overflow: visible;
}
.toolkit-view .MO32__form::before {
  content: "";
  width: 100vw;
  height: 100%;
  position: absolute;
  background: inherit;
  background-color: inherit;
  top: 0;
  right: 100%;
}
.toolkit-view .MO32__form::after {
  content: "";
  width: 100vw;
  height: 100%;
  position: absolute;
  background: inherit;
  background-color: inherit;
  top: 0;
  left: 100%;
}
.toolkit-view .MO32__form::after, .toolkit-view .MO32__form::before {
  background-color: #09315b;
}

.recently-ordered-section {
  margin-top: 75px;
  padding: 115px 0 100px;
  background-color: #F8F8F8;
}
@media only screen and (max-width: 1680px) {
  .recently-ordered-section {
    margin-top: 75px;
    padding: 90px 0 75px;
  }
}
@media only screen and (max-width: 1440px) {
  .recently-ordered-section {
    margin-top: 60px;
    padding: 88px 0 82px;
  }
}
@media only screen and (max-width: 1280px) {
  .recently-ordered-section {
    margin-top: 65px;
    padding: 70px 0 65px;
  }
}
@media only screen and (max-width: 834px) {
  .recently-ordered-section {
    margin-top: 55px;
    padding: 58px 0 55px;
  }
}
.recently-ordered-section__header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 25px;
}
.recently-ordered-section__header__title {
  color: #09315b;
}
.recently-ordered-section__header__link {
  color: #09315b;
}

.docbinder-download-form {
  background-color: #fff;
  padding-bottom: 75px;
}
@media only screen and (max-width: 834px) {
  .docbinder-download-form {
    padding-bottom: 55px;
  }
}
.docbinder-download-form #edit-top-submit {
  display: none;
}
.docbinder-download-form #docbinder-page-files {
  margin-top: 65px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.docbinder-download-form #edit-footer-section {
  display: flex;
  justify-content: flex-end;
  margin-top: 75px;
}
@media only screen and (max-width: 834px) {
  .docbinder-download-form #edit-footer-section {
    margin-top: 55px;
  }
}
.docbinder-download-form #edit-footer-section #edit-submit:before {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: download-solid;
}
.docbinder-download-form .empty-message {
  padding-top: 75px;
}
@media only screen and (max-width: 834px) {
  .docbinder-download-form .empty-message {
    padding-top: 55px;
  }
}

.checkout-page .page__content__bg {
  background-color: #F8F8F8;
  height: 428px;
}
@media only screen and (max-width: 1024px) {
  .checkout-page .page__content__bg {
    height: 332px;
  }
}
@media only screen and (max-width: 600px) {
  .checkout-page .page__content__bg {
    height: 402px;
  }
}
.checkout-page .page__content__bg::after {
  box-shadow: none;
}
.checkout-page .layout-content {
  position: relative;
  padding-bottom: 75px;
}
@media only screen and (max-width: 834px) {
  .checkout-page .layout-content {
    padding-bottom: 55px;
  }
}
.checkout-page .checkout-bg {
  position: absolute;
  width: 100%;
  height: 375px;
}
.checkout-page .MO42__image__wrapper {
  padding: 0;
}
.checkout-page .MO42__image__wrapper a {
  display: none;
}

.cart-page .page__content__bg {
  display: none;
}
.cart-page #edit-actions, .cart-page .cart-content-header {
  display: flex;
  justify-content: flex-end;
}
.cart-page .cart-container {
  padding: 50px 0;
}
.cart-page #edit-submit {
  display: none;
}
.cart-page .cart-form {
  padding-top: 75px;
}
@media only screen and (max-width: 834px) {
  .cart-page .cart-form {
    padding-top: 55px;
  }
}
.cart-page .layout-content {
  position: relative;
  padding-bottom: 75px;
  background-color: #fff;
}
@media only screen and (max-width: 834px) {
  .cart-page .layout-content {
    padding-bottom: 55px;
  }
}
.cart-page #edit-checkout:before {
  font-family: "icon--font5613";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  content: "\ea06";
}
.cart-page #edit-checkout::before {
  font-size: 10px;
}

.order-history-page__container {
  padding: 75px 0;
}
@media only screen and (max-width: 834px) {
  .order-history-page__container {
    padding: 55px 0;
  }
}

.confirmation-page .layout-content {
  background-color: #fff;
}
.confirmation-page .page__content__bg {
  background: none;
}
.confirmation-page .page__content__bg::after {
  display: none;
}
.confirmation-page .OR5 {
  display: none;
}

.toolkit-page header {
  z-index: auto;
}

.order-history-page .page__content__bg, .cart-page .page__content__bg, .checkout-page .page__content__bg, .download-page .page__content__bg, .toolkit-page .page__content__bg {
  background: none;
  background-color: #F8F8F8;
}
.order-history-page .page__content__bg::after, .cart-page .page__content__bg::after, .checkout-page .page__content__bg::after, .download-page .page__content__bg::after, .toolkit-page .page__content__bg::after {
  display: none;
}
.order-history-page .OR5, .cart-page .OR5, .checkout-page .OR5, .download-page .OR5, .toolkit-page .OR5 {
  display: none;
}

.download-page #MO43-download-button, .download-page #edit-submit {
  display: none;
}
.download-page--has-files #MO43-download-button, .download-page--has-files #edit-submit {
  display: inline-flex;
}
.download-page--started .download-page__started-container {
  display: block;
}
.download-page--started #docbinder-download-form, .download-page--started #docbinder-file-count {
  display: none;
}
.download-page--started .MO43__actions button {
  display: none;
}
.download-page__started-container {
  display: none;
}

.cart-empty-page {
  padding: 50px 0;
}

.topic-page__back {
  margin-bottom: 30px;
}
.topic-page__topic {
  margin: 40px 0;
  position: relative;
  display: inline-block;
  width: 100%;
}
@media only screen and (max-width: 1440px) {
  .topic-page__topic {
    margin: 32px 0;
  }
}
@media only screen and (max-width: 834px) {
  .topic-page__topic {
    margin: 24px 0;
  }
}
.topic-page__comments {
  margin: 20px 0;
  position: relative;
  display: inline-block;
  width: 100%;
}
@media only screen and (max-width: 1440px) {
  .topic-page__comments {
    margin: 16px 0;
  }
}
@media only screen and (max-width: 834px) {
  .topic-page__comments {
    margin: 12px 0;
  }
}
.topic-page__comments .form-submit {
  margin-top: 15px;
}
.topic-page__add {
  background-color: #09315b;
  color: #fff;
  margin-top: 84px;
  padding: 50px 0;
}
@media only screen and (max-width: 1440px) {
  .topic-page__add {
    padding: 50px 0;
    margin-top: 64px;
  }
}
@media only screen and (max-width: 834px) {
  .topic-page__add {
    padding: 40px 0;
    margin-top: 54px;
  }
}
@media only screen and (max-width: 600px) {
  .topic-page__add {
    padding: 35px 0;
    margin-top: 54px;
  }
}
.topic-page__add input {
  width: 100%;
}
@media only screen and (max-width: 1440px) {
  .topic-page__other-topics .ukho-table--forum table tr td {
    min-width: 140px;
  }
}
@media only screen and (max-width: 1280px) {
  .topic-page__other-topics .ukho-table--forum table tr td {
    min-width: 140px;
  }
}
@media only screen and (max-width: 834px) {
  .topic-page__other-topics .ukho-table--forum table tr td {
    min-width: 120px;
  }
}
@media only screen and (max-width: 600px) {
  .topic-page__other-topics .ukho-table--forum table tr td {
    min-width: 0;
  }
}
.topic-page__other-topics .ukho-table--forum .forum__topic {
  min-width: 150px;
}
.topic-page__other-topics .ukho-table--forum .forum__topic h4 {
  color: #09315b;
  font-size: 18px;
  line-height: 23px;
}
@media only screen and (max-width: 600px) {
  .topic-page__other-topics .ukho-table--forum .forum__topic h4 {
    font-size: 16px;
    line-height: 21px;
  }
}
.topic-page__other-topics .ukho-table--forum .forum__topic p {
  font-size: 16px;
}
@media only screen and (max-width: 1920px) {
  .topic-page__other-topics .ukho-table--forum .forum__topic p {
    width: 340px;
  }
}
@media only screen and (max-width: 1680px) {
  .topic-page__other-topics .ukho-table--forum .forum__topic p {
    width: 240px;
  }
}
@media only screen and (max-width: 1440px) {
  .topic-page__other-topics .ukho-table--forum .forum__topic p {
    width: 220px;
  }
}
@media only screen and (max-width: 1280px) {
  .topic-page__other-topics .ukho-table--forum .forum__topic p {
    width: 160px;
  }
}
@media only screen and (max-width: 600px) {
  .topic-page__other-topics .ukho-table--forum .forum__topic > span {
    display: none;
  }
}
.topic-page__other-topics .ukho-table--forum .forum__last-reply {
  padding-right: 20px;
}
@media only screen and (max-width: 600px) {
  .topic-page__other-topics .ukho-table--forum .forum__last-reply > span:not(.time-stamp) {
    display: none;
  }
}
.topic-page main {
  position: relative;
  z-index: 1;
}
.topic-page .page__content__bg {
  height: 500px;
}

.discussions-block__main {
  padding: 30px;
  margin-top: 35px;
  background-color: #fff;
  box-shadow: 8px 8px 45px rgba(35, 53, 82, 0.1);
}
@media only screen and (max-width: 1920px) {
  .discussions-block__main {
    padding: 50px 60px;
  }
}
@media only screen and (max-width: 834px) {
  .discussions-block__main {
    padding: 50px 40px;
  }
}
@media only screen and (max-width: 600px) {
  .discussions-block__main {
    padding: 30px 24px;
    margin-top: 20px;
  }
}
.discussions-block em {
  font-style: normal;
}

.flag-subscribe-node, .flag-forum {
  position: relative;
}
.flag-subscribe-node .js-flag-message, .flag-forum .js-flag-message {
  display: block;
  margin: 0;
}
@media only screen and (min-width: 415px) {
  .flag-subscribe-node .js-flag-message, .flag-forum .js-flag-message {
    position: absolute;
    left: 0;
    bottom: -20px;
    white-space: nowrap;
  }
}

.comment-form #edit-preview,
.comment-form .filter-wrapper {
  display: none;
}
.comment-form iframe {
  padding: 9.6px;
}

.demo__colours__item {
  width: 100%;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.33);
}
.demo__colours__item__bg {
  width: 100%;
  height: 100px;
}
.demo__colours__item__bg.bg--white {
  border-bottom: solid 1px rgba(0, 0, 0, 0.3);
}
.demo__colours__item__info {
  padding: 15px;
}
.demo__colours__item__name {
  font-weight: bold;
  margin-top: 6px;
}

.demo__grid.gw {
  height: 100%;
  width: 100%;
  border: 1px solid blue;
}
.demo__grid.gw .gr, .demo__grid.gw .gc {
  height: 100%;
}
.demo__grid.gw .gs {
  border: 1px solid red;
}
.demo__grid.gw .gc {
  position: relative;
  border: 1px solid;
}
.demo__grid.gw .gc::before {
  content: "";
  position: absolute;
  top: 0;
  left: 12.5px;
  right: 12.5px;
  background: rgba(0, 0, 255, 0.1);
  height: 100%;
}
@media only screen and (max-width: 1440px) {
  .demo__grid.gw .gc::before {
    left: 10px;
    right: 10px;
  }
}

/*# sourceMappingURL=style.css.map*/