/**
 * @file
 * Progress behavior.
 *
 * @see progress.js
 */

.progress {
    position: relative;
}

.progress__track {
    min-width: 100px;
    max-width: 100%;
    height: 16px;
    margin-top: 5px;
    border: 1px solid;
    background-color: #fff;
}
.progress__bar {
    width: 3%;
    min-width: 3%;
    max-width: 100%;
    height: 1.5em;
    background-color: #000;
}
.progress__description,
.progress__percentage {
    overflow: hidden;
    margin-top: 0.2em;
    color: #555;
    font-size: 0.875em;
}
.progress__description {
    float: left; /* LTR */
}
[dir="rtl"] .progress__description {
    float: right;
}
.progress__percentage {
    float: right; /* LTR */
}
[dir="rtl"] .progress__percentage {
    float: left;
}
.progress--small .progress__track {
    height: 7px;
}
.progress--small .progress__bar {
    height: 7px;
    background-size: 20px 20px;
}
/**
 * @file
 * Throbber.
 */

.ajax-progress {
    display: inline-block;
    padding: 1px 5px 2px 5px;
}
[dir="rtl"] .ajax-progress {
    float: right;
}
.ajax-progress-throbber .throbber {
    display: inline;
    padding: 1px 5px 2px;
    background: transparent url(../../../images/core/throbber-active.gif) no-repeat 0 center;
}
.ajax-progress-throbber .message {
    display: inline;
    padding: 1px 5px 2px;
}
tr .ajax-progress-throbber .throbber {
    margin: 0 2px;
}
.ajax-progress-bar {
    width: 16em;
}

/* Full screen throbber */
.ajax-progress-fullscreen {
    position: fixed;
    z-index: 1000;
    top: 48.5%;
    /* Can't do center:50% middle: 50%, so approximate it for a typical window size. */
    left: 49%; /* LTR */
    width: 24px;
    height: 24px;
    padding: 4px;
    opacity: 0.9;
    border-radius: 7px;
    background-color: #232323;
    background-image: url(../../../images/core/loading-small.gif);
    background-repeat: no-repeat;
    background-position: center center;
}
[dir="rtl"] .ajax-progress-fullscreen {
    right: 49%;
    left: auto;
}
/**
 * @file
 * Alignment classes for text and block level elements.
 */

.text-align-left {
    text-align: left;
}
.text-align-right {
    text-align: right;
}
.text-align-center {
    text-align: center;
}
.text-align-justify {
    text-align: justify;
}

/**
 * Alignment classes for block level elements (images, videos, blockquotes, etc.)
 */
.align-left {
    float: left;
}
.align-right {
    float: right;
}
.align-center {
    display: block;
    margin-right: auto;
    margin-left: auto;
}
/**
 * @file
 * Fieldgroup border reset.
 */

.fieldgroup {
    padding: 0;
    border-width: 0;
}
/**
 * @file
 * Inline items.
 */

.container-inline div,
.container-inline label {
    display: inline;
}
/* Details contents always need to be rendered as block. */
.container-inline .details-wrapper {
    display: block;
}
/**
 * @file
 * Float clearing.
 *
 * Based on the micro clearfix hack by Nicolas Gallagher, with the :before
 * pseudo selector removed to allow normal top margin collapse.
 *
 * @see http://nicolasgallagher.com/micro-clearfix-hack
 */

.clearfix:after {
    display: table;
    clear: both;
    content: "";
}
/**
 * @file
 * Collapsible details.
 */

.js details:not([open]) .details-wrapper {
    display: none;
}
/**
 * @file
 * Utility classes to hide elements in different ways.
 */

/**
 * Hide elements from all users.
 *
 * Used for elements which should not be immediately displayed to any user. An
 * example would be collapsible details that will be expanded with a click
 * from a user. The effect of this class can be toggled with the jQuery show()
 * and hide() functions.
 */
.hidden {
    display: none;
}

/**
 * Hide elements visually, but keep them available for screen readers.
 *
 * Used for information required for screen reader users to understand and use
 * the site where visual display is undesirable. Information provided in this
 * manner should be kept concise, to avoid unnecessary burden on the user.
 * "!important" is used to prevent unintentional overrides.
 */
.visually-hidden {
    position: absolute !important;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px;
    height: 1px;
    word-wrap: normal;
}

/**
 * The .focusable class extends the .visually-hidden class to allow
 * the element to be focusable when navigated to via the keyboard.
 */
.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
    position: static !important;
    overflow: visible;
    clip: auto;
    width: auto;
    height: auto;
}

/**
 * Hide visually and from screen readers, but maintain layout.
 */
.invisible {
    visibility: hidden;
}
/**
 * @file
 * Styles for item list.
 */

.item-list__comma-list,
.item-list__comma-list li {
    display: inline;
}
.item-list__comma-list {
    margin: 0;
    padding: 0;
}
.item-list__comma-list li:after {
    content: ", ";
}
.item-list__comma-list li:last-child:after {
    content: "";
}
/**
 * @file
 * Utility classes to assist with JavaScript functionality.
 */

/**
 * For anything you want to hide on page load when JS is enabled, so
 * that you can use the JS to control visibility and avoid flicker.
 */
.js .js-hide {
    display: none;
}

/**
 * For anything you want to show on page load only when JS is enabled.
 */
.js-show {
    display: none;
}
.js .js-show {
    display: block;
}
/**
 * @file
 * Utility class to prevent text wrapping.
 */

.nowrap {
    white-space: nowrap;
}
/*
 * @file
 * Contain positioned elements.
 */

.position-container {
    position: relative;
}
/*
 * @file
 * Utility class to remove browser styles, especially for button.
 */

.reset-appearance {
    margin: 0;
    padding: 0;
    border: 0 none;
    background: transparent;
    line-height: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
/**
 * @file
 * Resizable textareas.
 */

.resize-none {
    resize: none;
}
.resize-vertical {
    min-height: 2em;
    resize: vertical;
}
.resize-horizontal {
    max-width: 100%;
    resize: horizontal;
}
.resize-both {
    max-width: 100%;
    min-height: 2em;
    resize: both;
}
/**
 * @file
 * Styles for the system status counter component.
 */

.system-status-counter__status-icon {
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: middle;
}
.system-status-counter__status-icon:before {
    display: block;
    content: "";
    background-repeat: no-repeat;
    background-position: center 2px;
    background-size: 20px;
}

.system-status-counter__status-icon--error:before {
    background-image: url(../../../images/core/icons/e32700/error.svg);
}
.system-status-counter__status-icon--warning:before {
    background-image: url(../../../images/core/icons/e29700/warning.svg);
}
.system-status-counter__status-icon--checked:before {
    background-image: url(../../../images/core/icons/73b355/check.svg);
}
/**
 * @file
 * Styles for the system status report counters.
 */

.system-status-report-counters__item {
    width: 100%;
    margin-bottom: 0.5em;
    padding: 0.5em 0;
    text-align: center;
    white-space: nowrap;
    background-color: rgba(0, 0, 0, 0.063);
}

@media screen and (min-width: 60em) {
    .system-status-report-counters {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .system-status-report-counters__item--half-width {
        width: 49%;
    }
    .system-status-report-counters__item--third-width {
        width: 33%;
    }
}
/**
 * @file
 * Default styles for the System Status general info.
 */

.system-status-general-info__item {
    margin-top: 1em;
    padding: 0 1em 1em;
    border: 1px solid #ccc;
}

.system-status-general-info__item-title {
    border-bottom: 1px solid #ccc;
}
/**
 * @file
 * Table sort indicator.
 *
 * @see tablesort-indicator.html.twig
 */

.tablesort {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: 100%;
}
.tablesort--asc {
    background-image: url(../../../images/core/icons/787878/twistie-down.svg);
}
.tablesort--desc {
    background-image: url(../../../images/core/icons/787878/twistie-up.svg);
}
/**
 * @file
 * Basic blazy utility.
 */

/* stylelint-disable selector-max-id, declaration-no-important */
.blazy,
.blazy *,
.blazy *::before,
.blazy *::after {
    box-sizing: border-box;
}

/* The lazyloaded element: IMG, IFRAME, DIV. */
.b-lazy,
.b-responsive {
    display: block;
    max-width: 100%;
    height: auto;
    min-height: 1px;
}

/* Ensure that without js (or in print or emails) our lazy-loader stubs don't
interfere. */
html:not(.js) .b-lazy[data-src],
html:not(.js) [data-b-blur] {
    display: none;
}

/* The .b-bg-static is to not interfere with lazyloaded .b-bg. */
.b-bg,
.b-bg-static,
    /* Tricking IE and other oldies to fix aspect ratio. */
.media--ratio .is-b-ie {
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

/* Needed to display preloader with CSS BG image, otherwise hidden. */
.b-loaded,
.b-error,
.b-bg.is-b-loading {
    opacity: 1;
}

/* The .blazy container is not always present such at lightboxes. */
.litebox,
.blazy iframe,
.media iframe {
    display: block;
    max-width: 100%;
    border: 0;
}

/* To keep animated elements in place when not having .blazy container. */
.media--blazy,
    /* Or BlazyFilter which has no .blazy container. */
.media--fx {
    position: relative;
}

.media--blazy iframe {
    position: relative;
    z-index: 1;
    width: 100%;
}

.blazy svg,
.media-wrapper--inline {
    max-width: 100%;
}

.media-wrapper--inline {
    margin: auto;
}

/** Fix for conflict with Bootstrap CSS if not using aspect ratio. */
.blazy .media {
    display: block;
}

/**
 * Non-js element. Supports both BG, or inline media.
 * Makes generic animation container, either blur, or other animate.css.
 */
.media--fx {
    /* Hide extra blur edges. */
    overflow: hidden;
}

.media--fx img {
    display: block;
    /* Prevents blinking.
    opacity: 1; */
    /* Prevents collapsing thumbnail image if Aspect ratio is disabled. */
    width: 100%;
    /* Prevents unwanted alt text from showing. */
    color: transparent;
}

/* Aspect ratio element: IMG, IFRAME, DIV.
The best things we can do to minimize layout/ reflows with dynamic DOM:
absolute position and fixed dimensions. */
.media--ratio .media__element,
.media--ratio svg,
.media--fx .b-blur {
    position: absolute;
    z-index: 0;
    inset: 0;
    width: 100%;
    height: 100%;
    min-height: 1px;
    /** Temp fix, also to fix the VIDEO element to max width, not only IMG. */
    object-fit: cover;
}

.media--ratio audio.media__element {
    z-index: 1;
}

.animated img,
.b-bg.is-b-animated {
    opacity: 1;
}

/* Be sure to add width to the container accordingly, otherwise collapsed. */
.field[data-blazy] {
    min-width: 50%;
}

/* Overrides .field--type-image img, causes confusing blur mismatched height. */
.blazy .media--blazy img.b-blur,
.blazy .media--blazy img.media__element,
.blazy .grid figure {
    margin: 0;
}

/* Without aspect ratio will be collapsed, with ratio, cropped. Adjust. */
.b-html,
.media--instagram {
    min-height: 140px;
}

.b-html iframe,
.media--instagram iframe {
    min-height: 420px;
}

/** Forgiven, better than being broken anyway. */
.grid iframe,
.blazy .twitter-tweet-rendered {
    max-width: 100% !important; /* csslint allow: known-properties, important */
}

.grid iframe,
.grid .media__html > span {
    min-width: 100% !important; /* csslint allow: known-properties, important */
}

.b-html.b-loaded > img {
    position: absolute;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
}

.blazy .grid__content,
.blazy .region__content {
    position: relative;
    overflow: visible;
    width: 100%;
    max-width: 100%;
    margin-block-end: 0;
}

.b-error.b-checked {
    display: none;
}

/* Fix for unnecessary Olivero Grid surprises with Splide/Slick excessive width. */
.view.view--blazy,
.view.view--blazy .view-content {
    display: block;
}

/* Olivero surprises when blazy grid item is acting as a layout region. */
.blazy > .grid {
    margin-block-end: 0;
}
/*!
 * jQuery UI CSS Framework 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}
.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}
.ui-helper-clearfix:after {
    clear: both;
}
.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)"; /* support: IE8 */
}

.ui-front {
    z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
    pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*!
 * jQuery UI Accordion 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/accordion/#theming
 */
.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    font-size: 100%;
}
.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
}
/* table style column align */
.views-align-left {
    text-align: left;
}
.views-align-right {
    text-align: right;
}
.views-align-center {
    text-align: center;
}
/* Grid style column align. */
.views-view-grid .views-col {
    float: left;
}
.views-view-grid .views-row {
    float: left;
    clear: both;
    width: 100%;
}
/* Provide some space between display links. */
.views-display-link + .views-display-link {
    margin-left: 0.5em;
}
.addtoany {
    display: inline;
}
.addtoany_list {
    display: inline;
    line-height: 16px;
}
.addtoany_list > a,
.addtoany_list a img,
.addtoany_list a > span {
    vertical-align: middle;
}
.addtoany_list > a {
    border: 0;
    display: inline-block;
    font-size: 16px;
    padding: 0 4px;
}
.addtoany_list.a2a_kit_size_32 > a {
    font-size: 32px;
}
.addtoany_list .a2a_counter img {
    float: left;
}
.addtoany_list a span.a2a_img {
    display: inline-block;
    height: 16px;
    opacity: 1;
    overflow: hidden;
    width: 16px;
}
.addtoany_list a span {
    display: inline-block;
    float: none;
}
.addtoany_list.a2a_kit_size_32 a > span {
    border-radius: 4px;
    height: 32px;
    line-height: 32px;
    opacity: 1;
    width: 32px;
}
.addtoany_list a:hover:hover img,
.addtoany_list a:hover span {
    opacity: .7;
}
.addtoany_list a.addtoany_share_save img {
    border: 0;
    width: auto;
    height: auto;
}
.addtoany_list a .a2a_count {
    position: relative;
}
/**
 * @file
 * better_exposed_filters.css
 */

/*
 * Basic styling for features added by Better Exposed Filters
 */
.bef-exposed-form .form--inline .form-item {
    float: none;
}
.bef-exposed-form .form--inline > .form-item,
.bef-exposed-form .form--inline .js-form-wrapper > .form-item {
    float: left; /* LRT */
}
.bef-exposed-form .form--inline .bef--secondary {
    clear: left;
}

.bef-exposed-form .noUi-vertical {
    height: 150px;
}
/* Hide weight select toggle. Who uses this anyway? */
.js-media-library-widget-toggle-weight {
    display: none;
}

/* Basic Media Library layout tweaking for some themes. */
.media-library-add-form {
    margin-bottom: 1rem;
}

.media-library-view.view > * {
    margin-bottom: 0;
}

.media-library-view .form--inline > * {
    margin-bottom: 0;
}

.media-library-view .form--inline * {
    margin-top: .25rem;
    margin-right: .25rem;
}

.media-library-view .form--inline input,
.media-library-view .form--inline select {
    display: block;
}

.media-library-view .form--inline [id^='edit-actions'] {
    display: flex;
    align-items: end;
}

.media-library-view .form--inline  [id^='edit-actions'] button,
.media-library-view .form--inline  [id^='edit-actions'] input {
    margin: 0;
}

.media-library-views-form .views-table {
    width: 100%;
}

[dir="ltr"] ul.media-library-add-form__added-media {
    margin-left: 0;
}

.media-library-item__attributes {
    width: 100%;
}

/* Making visible the 'blue' border around a Media Library item on all thmes as well as and fixing some space issues. */
.media-library-selection *:before,
.media-library-selection *:after,
.media-library-selection *,
.media-library-views-form__rows *:before,
.media-library-views-form__rows *:after,
.media-library-views-form__rows * {
    box-sizing: content-box;
}

/* Making the image center in all circumstances as well as graying out. */
.media-library-item__preview {
    display: flex;
    justify-content: center;
    background-color: #ebebeb;
}

/* Fix scrollbar issue with Dialog/Modal. */
.ui-dialog-content .media-library-wrapper {
    margin: 0;
}

.ui-dialog-content .media-library-content {
    padding: 0;
    border-left: 0;
}

/* Remove the (Claro- green focus border. */
.media-library-add-form__added-media:focus,
.media-library-item--grid:focus {
    box-shadow: none!important;
}

.media-library-menu__link:focus:after,
.media-library-item--grid.is-focus:before {
    border: none!important;
}

/* Transform the (Claro) green focus border to a consistent blue one to highlight the drag and drop. */
.media-library-selection .media-library-item--grid:focus .media-library-item__preview-wrapper {
    box-shadow: 0 0 0 2px #fff, 0 0 0 5px #0036b1!important;
}
/*!
 * jQuery UI CSS Framework 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/
 */


/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Arial,Helvetica,sans-serif/*{ffDefault}*/;
    font-size: 1em/*{fsDefault}*/;
}
.ui-widget .ui-widget {
    font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Arial,Helvetica,sans-serif/*{ffDefault}*/;
    font-size: 1em;
}
.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5/*{borderColorDefault}*/;
}
.ui-widget-content {
    border: 1px solid #dddddd/*{borderColorContent}*/;
    background: #ffffff/*{bgColorContent}*/ /*{bgImgUrlContent}*/ /*{bgContentXPos}*/ /*{bgContentYPos}*/ /*{bgContentRepeat}*/;
    color: #333333/*{fcContent}*/;
}
.ui-widget-content a {
    color: #333333/*{fcContent}*/;
}
.ui-widget-header {
    border: 1px solid #dddddd/*{borderColorHeader}*/;
    background: #e9e9e9/*{bgColorHeader}*/ /*{bgImgUrlHeader}*/ /*{bgHeaderXPos}*/ /*{bgHeaderYPos}*/ /*{bgHeaderRepeat}*/;
    color: #333333/*{fcHeader}*/;
    font-weight: bold;
}
.ui-widget-header a {
    color: #333333/*{fcHeader}*/;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

    /* We use html here because we need a greater specificity to make sure disabled
    works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5/*{borderColorDefault}*/;
    background: #f6f6f6/*{bgColorDefault}*/ /*{bgImgUrlDefault}*/ /*{bgDefaultXPos}*/ /*{bgDefaultYPos}*/ /*{bgDefaultRepeat}*/;
    font-weight: normal/*{fwDefault}*/;
    color: #454545/*{fcDefault}*/;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
    color: #454545/*{fcDefault}*/;
    text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border: 1px solid #cccccc/*{borderColorHover}*/;
    background: #ededed/*{bgColorHover}*/ /*{bgImgUrlHover}*/ /*{bgHoverXPos}*/ /*{bgHoverYPos}*/ /*{bgHoverRepeat}*/;
    font-weight: normal/*{fwDefault}*/;
    color: #2b2b2b/*{fcHover}*/;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
    color: #2b2b2b/*{fcHover}*/;
    text-decoration: none;
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #003eff/*{borderColorActive}*/;
    background: #007fff/*{bgColorActive}*/ /*{bgImgUrlActive}*/ /*{bgActiveXPos}*/ /*{bgActiveYPos}*/ /*{bgActiveRepeat}*/;
    font-weight: normal/*{fwDefault}*/;
    color: #ffffff/*{fcActive}*/;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
    border: #003eff/*{borderColorActive}*/;
    background-color: #ffffff/*{fcActive}*/;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #ffffff/*{fcActive}*/;
    text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e/*{borderColorHighlight}*/;
    background: #fffa90/*{bgColorHighlight}*/ /*{bgImgUrlHighlight}*/ /*{bgHighlightXPos}*/ /*{bgHighlightYPos}*/ /*{bgHighlightRepeat}*/;
    color: #777620/*{fcHighlight}*/;
}
.ui-state-checked {
    border: 1px solid #dad55e/*{borderColorHighlight}*/;
    background: #fffa90/*{bgColorHighlight}*/;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #777620/*{fcHighlight}*/;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #f1a899/*{borderColorError}*/;
    background: #fddfdf/*{bgColorError}*/ /*{bgImgUrlError}*/ /*{bgErrorXPos}*/ /*{bgErrorYPos}*/ /*{bgErrorRepeat}*/;
    color: #5f3f3f/*{fcError}*/;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #5f3f3f/*{fcError}*/;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #5f3f3f/*{fcError}*/;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    -ms-filter: "alpha(opacity=70)"; /* support: IE8 */
    font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    -ms-filter: "alpha(opacity=35)"; /* support: IE8 */
    background-image: none;
}
.ui-state-disabled .ui-icon {
    -ms-filter: "alpha(opacity=35)"; /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("images/ui-icons_444444_256x240.png")/*{iconsContent}*/;
}
.ui-widget-header .ui-icon {
    background-image: url("images/ui-icons_444444_256x240.png")/*{iconsHeader}*/;
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
    background-image: url("images/ui-icons_555555_256x240.png")/*{iconsHover}*/;
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240.png")/*{iconsActive}*/;
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
    background-image: url("images/ui-icons_777620_256x240.png")/*{iconsHighlight}*/;
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("images/ui-icons_cc0000_256x240.png")/*{iconsError}*/;
}
.ui-button .ui-icon {
    background-image: url("images/ui-icons_777777_256x240.png")/*{iconsDefault}*/;
}

/* positioning */
/* Three classes needed to override `.ui-button:hover .ui-icon` */
.ui-icon-blank.ui-icon-blank.ui-icon-blank {
    background-image: none;
}
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 3px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 3px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 3px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 3px/*{cornerRadius}*/;
}

/* Overlays */
.ui-widget-overlay {
    background: #aaaaaa/*{bgColorOverlay}*/ /*{bgImgUrlOverlay}*/ /*{bgOverlayXPos}*/ /*{bgOverlayYPos}*/ /*{bgOverlayRepeat}*/;
    opacity: .3/*{opacityOverlay}*/;
    -ms-filter: "alpha(opacity=30)"/*{opacityFilterOverlay}*/; /* support: IE8 */
}
.ui-widget-shadow {
    -webkit-box-shadow: 0/*{offsetLeftShadow}*/ 0/*{offsetTopShadow}*/ 5px/*{thicknessShadow}*/ #666666/*{bgColorShadow}*/;
    box-shadow: 0/*{offsetLeftShadow}*/ 0/*{offsetTopShadow}*/ 5px/*{thicknessShadow}*/ #666666/*{bgColorShadow}*/;
}
div .form-textarea-wrapper .CodeMirror {
    overflow: auto;
    height: 300px;
}

.toolbar-logo > img {
    max-height: none !important;
    height: 80px;
}

div #drupal-off-canvas:not(.drupal-off-canvas-reset) .layout-builder-configure-section button,
div #drupal-off-canvas:not(.drupal-off-canvas-reset) .section-library-add-template-to-library button,
div #drupal-off-canvas:not(.drupal-off-canvas-reset) .layout-builder-block-move .update-submit  {
    color: white;
    border: none !important;
    padding: 10px;
    background: black;
    margin-top: 20px;
}

#edit-topic-format {
    display:none;
}

/* Remove Ukraine flag from how-to-buy page */
.leaflet-control-attribution {
    display: none;
}

/*.openid-connect-login-form {*/
/*    position: absolute;*/
/*    top: 70px;*/
/*    left: 26%;*/
/*    z-index: 100;*/
/*    width: auto;*/
/*}*/
/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */

/**
 * @file
 * Icon link component.
 */

:root {
    /* default */
    --icon-link-bg-color: var(--color-white);
    --icon-link-border-color: var(--color-gray-200);
    /* active */
    --icon-link--active-bg-color: var(--color-absolutezero);
    --icon-link--active-border-color: var(--color-absolutezero);
    /* hover */
    --icon-link--hover-bg-color: var(--color-bgblue-hover);
    --icon-link--hover-border-color: var(--color-gray-200-o-80);
}

.icon-link {
    display: flex;
    padding: 0;
    border: 1px solid var(--icon-link-border-color);
    border-radius: 50%;
    background-color: var(--icon-link-bg-color);
}

.icon-link:hover {
    border-color: var(--icon-link--hover-border-color);
    background-color: var(--icon-link--hover-bg-color);
}

.icon-link:focus {
    box-shadow:
            0 0 0 1.5px var(--color-white),
            0 0 0 3.5px var(--color-focus);
}

.icon-link:active,
.open > .icon-link {
    border-color: var(--icon-link--active-border-color);
    background-color: var(--icon-link--active-bg-color);
}

.icon-link--small:focus {
    box-shadow:
            0 0 0 1px var(--color-white),
            0 0 0 3px var(--color-focus);
}
/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */

/**
 * @file media-library.pcss.css

 * Styling for Media Library.
 */

/**
 * Negative margins compensate for modal dialog padding and compensate for
 * positioning that would otherwise hide the active tab indicator on the left.
 */

.media-library-wrapper {
    display: flex;
    margin: -1rem -1.5rem -1rem -1rem; /* LTR */
}

[dir="rtl"] .media-library-wrapper {
    margin-right: -1em;
    margin-left: -1.5em;
}

.media-library-wrapper .messages-list,
.media-library-wrapper .messages {
    margin-top: 0;
    margin-bottom: var(--space-l);
}

.media-library-menu {
    position: relative;
    display: block;
    width: var(--vertical-tabs-menu-width);
    margin: 0;
    padding-top: var(--vertical-tabs-menu-item-shadow-extraspace);
    list-style: none;
    color: var(--color-text);
}

[dir="rtl"] .media-library-menu {
    margin: 0;
}

.media-library-menu__item {
    overflow: hidden;
    margin: var(--vertical-tabs-menu-item--top-margin) var(--vertical-tabs-menu-item--right-margin) var(--vertical-tabs-menu-item--bottom-margin) var(--vertical-tabs-menu-item--left-margin); /* LTR */
    padding: var(--vertical-tabs-menu-item-shadow-extraspace) 0;
}

[dir="rtl"] .media-library-menu__item {
    margin-right: var(--vertical-tabs-menu-item--left-margin);
    margin-left: var(--vertical-tabs-menu-item--right-margin);
}

.media-library-menu__item::before {
    z-index: var(--vertical-tabs-menu--z-index); /* The line should be kept above the vertical tabs menu link to keep it visible even if the link is hovered and gets the 'hover' background color. */
    display: block;
    width: 100%;
    margin-top: calc(var(--vertical-tabs-menu-separator-size) * -1);
    content: "";
    border-top: var(--vertical-tabs-menu-separator-size) solid var(--vertical-tabs-menu-separator-color);
}

.media-library-menu__link {
    position: relative;
    display: block;
    margin-top: calc(var(--vertical-tabs-border-size) * -1);
    padding: var(--space-s) var(--space-s) var(--space-s) calc(var(--space-l) - var(--vertical-tabs-menu-link--active-border-size)); /* LTR */
    -webkit-text-decoration: none;
    text-decoration: none;
    color: var(--color-text);
    border: var(--vertical-tabs-border-size) solid transparent;
    border-width: var(--vertical-tabs-border-size) 0 var(--vertical-tabs-border-size) var(--vertical-tabs-menu-link--active-border-size); /* LTR */
    border-radius: var(--vertical-tabs-border-radius) 0 0 var(--vertical-tabs-border-radius); /* LTR */
}

[dir="rtl"] .media-library-menu__link {
    padding-right: calc(var(--space-l) - var(--vertical-tabs-menu-link--active-border-size));
    padding-left: var(--space-s);
    border-width: var(--vertical-tabs-border-size) var(--vertical-tabs-menu-link--active-border-size) var(--vertical-tabs-border-size) 0;
    border-radius: 0 var(--vertical-tabs-border-radius) var(--vertical-tabs-border-radius) 0;
}

/* Menu link states. */

.media-library-menu__link:focus {
    z-index: calc(var(--vertical-tabs-menu--z-index) + 3); /* Focus state should be on the highest level to make the focus effect be fully visible. This also means that it should have bigger z-index than the selected link. */
    -webkit-text-decoration: none;
    text-decoration: none;
    box-shadow: none;
}

.media-library-menu__link:hover {
    -webkit-text-decoration: none;
    text-decoration: none;
    color: var(--color-absolutezero);
    /* These borders are necessary to replace the dividing lines while in the hover state. */
    border-top: var(--vertical-tabs-menu-separator-size) solid var(--vertical-tabs-menu-separator-color);
    border-bottom: var(--vertical-tabs-menu-separator-size) solid var(--vertical-tabs-menu-separator-color);
    background: var(--color-bgblue-hover);
}

/* This pseudo element provides the background for the hover state. */

.media-library-menu__link::before {
    position: absolute;
    z-index: calc(var(--vertical-tabs-menu--z-index) - 1); /* This should be on a lower level than the menu-item separator lines. */
    top: calc(var(--vertical-tabs-border-size) * -1);
    right: 0; /* LTR */
    bottom: calc(var(--vertical-tabs-border-size) * -1);
    left: calc(var(--vertical-tabs-menu-link--active-border-size) * -1); /* LTR */
    content: "";
    pointer-events: none;
    background-clip: padding-box;
}

[dir="rtl"] .media-library-menu__link::before {
    right: calc(var(--vertical-tabs-menu-link--active-border-size) * -1);
    left: 0;
}

.media-library-menu__link:focus::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: calc(var(--vertical-tabs-border-size) * -1) calc(var(--vertical-tabs-menu-link--active-border-size) * -1);
    content: "";
    pointer-events: none;
    border: var(--vertical-tabs-menu-link-focus-border-size) solid var(--color-focus);
    border-radius: var(--vertical-tabs-border-radius);
}

.media-library-menu__link.active {
    z-index: calc(var(--vertical-tabs-menu--z-index) + 2); /* The selected menu link should be on a higher level than the white masking line that hides the gray separator. */
    color: var(--color-absolutezero);
    border-color: var(--vertical-tabs-border-color) transparent;
    background-color: var(--color-white);
    box-shadow: var(--vertical-tabs-shadow);
}

.media-library-menu__link.active:hover {
    color: var(--color-absolutezero-hover);
    background-color: var(--color-bgblue-hover);
}

.media-library-menu__link.active::before {
    z-index: 1; /* The blue active-tab indication should be on a higher level than the green focus border. */
    border-left: var(--vertical-tabs-menu-link--active-border-size) solid var(--vertical-tabs-menu-link--active-border-color); /* LTR */
    border-radius: var(--base-border-radius) 0 0 var(--base-border-radius); /* LTR */
}

[dir="rtl"] .media-library-menu__link.active::before {
    border-right: var(--vertical-tabs-menu-link--active-border-size) solid var(--vertical-tabs-menu-link--active-border-color);
    border-left: 0;
    border-radius: 0 var(--base-border-radius) var(--base-border-radius) 0;
}

.media-library-menu__link.active:hover::before {
    background: none;
}

.media-library-content {
    width: 100%;
    padding: 1em;
    outline: none;
}

.media-library-menu + .media-library-content {
    z-index: var(--vertical-tabs-menu--z-index);
    border-left: var(--vertical-tabs-border); /* LTR */
    box-shadow: var(--vertical-tabs-shadow);
}

[dir="rtl"] .media-library-menu + .media-library-content {
    border-right: var(--vertical-tabs-border);
    border-left: 0;
}

/* Generic media add form styles. */

.media-library-add-form--without-input .form-item {
    margin-right: 1rem;
}

/**
 * Remove outline from added media list.
 *
 * The added media list receives focus after adding new media, but since it is
 * not an interactive element, it does not need an outline.
 */

.media-library-add-form__added-media {
    margin: 0;
    padding: 0;
    outline: none;
}

/**
 * This Media Library form is an exception to the extrasmall button pattern.
 * Additional padding is needed to accommodate the remove button icon. The
 * margin is adjusted for alignment within the media library dialog.
 */

.media-library-add-form__added-media .media-library-add-form__remove-button.button--extrasmall {
    margin: var(--space-xs) 0; /* LTR */
    /* Left padding is double the background size of the button icon. */
    padding: calc(calc(var(--space-xs) / 2) - 1px) calc(var(--space-s) - 1px) calc(calc(var(--space-xs) / 2) - 1px) calc(var(--space-s) * 2);
}

/* This is needed to override the default extrasmall button left margin. */

[dir="rtl"] .media-library-add-form__added-media .media-library-add-form__remove-button.button--extrasmall {
    margin-left: 0;
}

.media-library-add-form__input-wrapper {
    padding: var(--space-xs) var(--space-l) var(--space-l) var(--space-l);
    border: var(--details-border-size) solid var(--details-border-color);
    border-radius: var(--base-border-radius);
    background-color: var(--color-white);
    box-shadow: var(--details-box-shadow);
}

/* Style the media add upload form. */

.media-library-add-form--upload.media-library-add-form--without-input .form-item-upload {
    margin-bottom: 0;
}

.media-library-add-form--upload.media-library-add-form--with-input .form-managed-file__main,
.media-library-add-form--upload.media-library-add-form--with-input .form-managed-file.no-upload {
    display: block;
}

/* Adjust the focus border on this element so it is not too close to buttons. */

.media-library-add-form__added-media:focus {
    box-shadow:
            0 0 0 calc(var(--focus-border-offset-size) + 2px) var(--color-white),
            0 0 0 calc(var(--focus-border-size) + var(--focus-border-offset-size) + 2px) var(--color-focus);
}

.media-library-add-form .file-upload-help {
    margin: 0.5rem 0 0;
}

/* Style the media add oEmbed form. */

.media-library-add-form--oembed .media-library-add-form__input-wrapper {
    display: flex;
    align-items: center;
}

@media screen and (max-width: 37.5em) {
    .media-library-add-form--oembed .media-library-add-form__input-wrapper {
        display: block;
    }
}

.media-library-add-form--oembed.media-library-add-form--without-input .form-item-url {
    margin-bottom: 0;
}

.media-library-add-form-oembed-url {
    width: 100%;
}

/* Media add form selection styles. */

.media-library-add-form__selected-media {
    margin-top: 1em;
}

/* Change to padding to account for the negative margin for flex grid. */

.media-library-add-form__selected-media .details-wrapper {
    padding: 0 0.625rem 1em 0.625rem;
}

.media-library-add-form__selected-media .media-library-item .field--name-thumbnail img {
    height: 6.25rem;
}

/* Generic media library view styles. */

.media-library-select-all {
    flex-basis: 100%;
    width: 100%;
    margin: 0.625rem 0.5rem;
}

.media-library-select-all input {
    margin-right: 0.625rem;
}

[dir="rtl"] .media-library-select-all input {
    margin-left: 0.625rem;
}

.media-library-views-form,
.media-library-selection,
.media-library-add-form__selected-media .details-wrapper,
.media-library-view .form--inline {
    display: flex;
    flex-wrap: wrap;
}

.media-library-views-form > .form-actions,
.media-library-views-form > .field-actions {
    flex-basis: 100%;
}

.media-library-views-form__header {
    flex-basis: 100%;
}

.media-library-views-form__header .form-item {
}

.media-library-views-form__rows {
    display: flex;
    flex-wrap: wrap;
    flex-basis: 100%;
    margin: 0 -0.5rem;
}

/**
 * Override the table display of the visually hidden labels.
 *
 * The width, height and overflow properties in the styles for the
 * .visually-hidden class do not work correctly if the element has a table
 * display.
 */

.media-library-item label {
    display: inline-block;
}

/* Media library widget view styles. */

.media-library-wrapper .media-library-view {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.media-library-wrapper .view-header {
    align-self: flex-end;
    margin: 1em 0;
    text-align: right; /* LTR */
}

[dir="rtl"] .media-library-wrapper .view-header {
    text-align: left;
}

.media-library-wrapper .media-library-view .view-filters,
.media-library-wrapper .media-library-view .view-content {
    flex: 0 0 100%;
}

.media-library-wrapper .views-display-link {
    margin: 0;
    padding-left: 1.375rem; /* LTR */
    color: #333;
    font-size: 0.9375rem;
    line-height: 1rem;
}

[dir="rtl"] .media-library-wrapper .views-display-link {
    padding-right: 1.375rem;
    padding-left: 0;
}

.media-library-wrapper .views-display-link.is-active {
    font-weight: bold;
}

.media-library-wrapper .views-display-link-widget {
    margin-right: 0.9375rem;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cpath fill='%23333333' d='M10.5 9h3a1.5 1.5 0 0 1 1.5 1.5v3a1.5 1.5 0 0 1-1.5 1.5h-3A1.5 1.5 0 0 1 9 13.5v-3A1.5 1.5 0 0 1 10.5 9zm-8 0h3A1.5 1.5 0 0 1 7 10.5v3A1.5 1.5 0 0 1 5.5 15h-3A1.5 1.5 0 0 1 1 13.5v-3A1.5 1.5 0 0 1 2.5 9zm8-8h3A1.5 1.5 0 0 1 15 2.5v3A1.5 1.5 0 0 1 13.5 7h-3A1.5 1.5 0 0 1 9 5.5v-3A1.5 1.5 0 0 1 10.5 1zm-8 0h3A1.5 1.5 0 0 1 7 2.5v3A1.5 1.5 0 0 1 5.5 7h-3A1.5 1.5 0 0 1 1 5.5v-3A1.5 1.5 0 0 1 2.5 1z'/%3e%3c/svg%3e") left 0 no-repeat; /* LTR */
}

[dir="rtl"] .media-library-wrapper .views-display-link-widget {
    background-position: right 0;
}

.media-library-wrapper .views-display-link-widget_table {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cpath fill='%23333333' d='M7 15a1.5 1.5 0 0 1 0-3h7a1.5 1.5 0 0 1 0 3H7zm-4.5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zM7 9.5a1.5 1.5 0 0 1 0-3h7a1.5 1.5 0 0 1 0 3H7zm-4.5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zM7 4a1.5 1.5 0 0 1 0-3h7a1.5 1.5 0 0 1 0 3H7zM2.5 4a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z'/%3e%3c/svg%3e") left 0 no-repeat; /* LTR */
}

[dir="rtl"] .media-library-wrapper .views-display-link-widget_table {
    background-position: right 0;
}

/**
 * Style the media library grid items.
 */

.media-library-item {
    position: relative;
}

/**
 * Ajax throbbers inside a media library item.
 */

.media-library-item .ajax-progress.ajax-progress.ajax-progress {
    position: absolute;
    z-index: calc(var(--vertical-tabs-menu--z-index) + 1);
    top: 50%;
    left: 50%;
    box-sizing: border-box;
    width: 3rem; /* 56px */
    height: 3rem;
    margin: -1.5rem;
    border: var(--input-border-size) solid var(--jui-dropdown-border-color);
    border-radius: 3.5rem;
    background: var(--color-white);
    box-shadow: 0 0.25rem 0.625rem var(--jui-dropdown-shadow-color);
}

.media-library-item .ajax-progress__throbber {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1.75rem;
    height: 1.75rem;
    margin: -0.875rem;
    border: 3px solid var(--color-absolutezero);
    border-right: 3px dotted transparent;
}

.media-library-item .ajax-progress__message {
    display: none;
}

.media-library-item--grid {
    justify-content: center;
    box-sizing: border-box;
    width: 50%;
    padding: 0.5rem;
    vertical-align: top;
    outline: none;
    background: #fff;
}

.media-library-item--grid::before {
    position: absolute;
    top: 0.4375rem;
    left: 0.4375rem;
    width: calc(100% - 1rem);
    height: calc(100% - 1rem);
    content: "";
    transition:
            border-color 0.2s,
            color 0.2s,
            background 0.2s;
    pointer-events: none;
    border: 1px solid #dbdbdb;
    border-radius: 2px;
    box-shadow: var(--details-box-shadow);
}

/**
* The media library grid item focus border is moved to a child element to
* improve padding.
*/

.media-library-item--grid:focus {
    outline: none;
    box-shadow: none;
}

.media-library-item--grid:focus .media-library-item__preview-wrapper {
    outline: var(--focus-outline);
    box-shadow: var(--focus-box-shadow);
}

/* Media library widget weight field styles. */

.media-library-item--grid .form-item {
    margin: 0.75em;
}

/* The selected items in the add form should be shown a bit smaller. */

.media-library-add-form__selected-media .media-library-item--small {
    width: 33.3%;
}

.media-library-widget-modal .ui-dialog-buttonpane {
    display: flex;
    align-items: center;
}

.media-library-widget-modal .ui-dialog-buttonpane .form-actions,
.media-library-widget-modal .ui-dialog-buttonpane .field-actions {
    flex: 1;
}

/**
 * By default, the dialog is too narrow to be usable.
 * @see Drupal.ckeditor5.openDialog()
 */

.ui-dialog--narrow.media-library-widget-modal {
    max-width: 75%;
}

@media screen and (min-width: 45em) {
    .media-library-item--grid {
        width: 33.3%;
    }

    /* Change the width for the modal and widget since there is less space. */
    .media-library-widget-modal .media-library-item--grid,
    .media-library-selection .media-library-item--grid {
        width: 50%;
    }

    /* The selected items in the add form should be shown a bit smaller. */
    .media-library-add-form__selected-media .media-library-item--small {
        width: 25%;
    }
}

@media screen and (min-width: 60em) {
    .media-library-item--grid {
        width: 25%;
    }

    /* Change the width for the modal and widget since there is less space. */
    .media-library-widget-modal .media-library-item--grid,
    .media-library-selection .media-library-item--grid {
        width: 33.3%;
    }

    /* The selected items in the add form should be shown a bit smaller. */
    .media-library-add-form__selected-media .media-library-item--small {
        width: 16.6%;
    }
}

@media screen and (min-width: 77em) {
    .media-library-item--grid {
        width: 16.6%;
    }

    /* Change the width for the modal and widget since there is less space. */
    .media-library-widget-modal .media-library-item--grid,
    .media-library-selection .media-library-item--grid {
        width: 25%;
    }

    /* The selected items in the add form should be shown a bit smaller. */
    .media-library-add-form__selected-media .media-library-item--small {
        width: 16.6%;
    }
}

.media-library-item--grid .field--name-thumbnail {
    overflow: hidden;
    text-align: center;
    background-color: #ebebeb;
}

.media-library-item--grid .field--name-thumbnail img {
    height: 11.25rem;
    object-fit: contain;
    object-position: center center;
}

.media-library-item--grid.is-hover::before,
.media-library-item--grid.checked::before,
.media-library-item--grid.is-focus::before {
    top: 0.3125rem;
    left: 0.3125rem;
    border-width: 3px;
    border-radius: 0.1875rem;
}

.media-library-item--grid.is-hover::before,
.media-library-item--grid.checked.is-hover::before {
    border-color: var(--color-absolutezero-hover);
}

.media-library-item--grid.is-focus::before {
    border-color: var(--color-focus);
}

.media-library-item--grid.checked::before {
    border-color: var(--button--focus-border-color);
}

.media-library-item--grid .form-boolean--type-checkbox:checked {
    border-color: var(--button--focus-border-color);
    background-color: var(--button--focus-border-color);
}

.media-library-item__click-to-select-checkbox {
    position: absolute;
    z-index: 1;
    top: 1rem;
    left: 1rem; /* LTR */
    display: block;
}

[dir="rtl"] .media-library-item__click-to-select-checkbox {
    right: 1rem;
    left: auto;
}

.media-library-item__click-to-select-checkbox input {
    width: 1.25rem;
    height: 1.25rem;
}

.media-library-item__click-to-select-checkbox .form-item {
    margin: 0;
}

.media-library-item__click-to-select-trigger {
    overflow: hidden;
    height: 100%;
    cursor: pointer;
}

/* Media library item table styles. */

.media-library-item--table img {
    max-width: 6.25rem;
    height: auto;
}

/* Media library entity view display styles. */

.media-library-item__preview {
    padding-bottom: 2.125rem;
}

.field--widget-media-library-widget .media-library-item__preview {
    cursor: move;
}

.field--widget-media-library-widget .media-library-item__preview img {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.field--widget-media-library-widget .js-media-library-item:only-child .media-library-item__preview {
    cursor: inherit;
}

.media-library-item__status {
    position: absolute;
    top: 2.5rem;
    left: 0.3125rem; /* LTR */
    padding: 0.3125rem 0.625rem;
    pointer-events: none;
    color: #e4e4e4;
    background: #666;
    font-size: 0.75rem;
    font-style: italic;
}

[dir="rtl"] .media-library-item__status {
    right: 0.3125rem;
    left: auto;
}

.media-library-item__attributes {
    position: absolute;
    bottom: 0;
    display: block;
    overflow: hidden;
    max-width: calc(100% - 0.625rem);
    max-height: calc(100% - 3.125rem);
    padding: 0.3125rem;
    background: white;
}

.media-library-item__name {
    display: block;
    overflow: hidden;
    margin: calc(var(--space-xs) / 2) var(--space-xs);
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 0.875rem;
}

.media-library-item__attributes:hover .media-library-item__name,
.media-library-item--grid.is-focus .media-library-item__name,
.media-library-item--grid.checked .media-library-item__name {
    white-space: normal;
}

.media-library-item__type {
    color: #696969;
    font-size: 0.75rem;
}

.media-library-item--disabled {
    pointer-events: none;
    opacity: 0.5;
}

/* Media library widget styles. */

.media-library-widget {
    position: relative;
}

.media-library-widget__toggle-weight.media-library-widget__toggle-weight {
    position: absolute;
    top: var(--space-s);
    right: var(--space-m); /* LTR */
    -webkit-text-decoration: none;
    text-decoration: none;
}

[dir="rtl"] .media-library-widget__toggle-weight.media-library-widget__toggle-weight {
    right: auto;
    left: var(--space-m);
}

/* Add negative margin for flex grid. */

.media-library-selection {
    margin: 1em -0.5rem;
}

/**
 * Media library widget edit and delete button styles.
 *
 * We have to override the .button styles since buttons make heavy use of
 * background and border property changes.
 */

.media-library-item__edit,
.media-library-item__edit:hover,
.media-library-item__edit:focus,
.media-library-item__remove,
.media-library-item__remove:hover,
.media-library-item__remove:focus,
.media-library-item__remove.button,
.media-library-item__remove.button:first-child,
.media-library-item__remove.button:disabled,
.media-library-item__remove.button:disabled:active,
.media-library-item__remove.button:hover,
.media-library-item__remove.button:focus {
    position: absolute;
    z-index: 1;
    top: 0.625rem;
    overflow: hidden;
    width: 1.5rem;
    height: 1.5rem;
    margin: 0.3125rem;
    padding: 0;
    transition: 0.2s border-color;
    color: transparent;
    background-size: 0.75rem;
    text-shadow: none;
    font-size: 0;
}

.media-library-item__edit {
    right: 2.5rem; /* LTR */
}

[dir="rtl"] .media-library-item__edit {
    right: auto;
    left: 2.5rem;
}

.media-library-item__remove {
    right: 0.625rem; /* LTR */
}

[dir="rtl"] .media-library-item__remove {
    right: auto;
    left: 0.625rem;
}

.media-library-item__edit {
    /* !important to override button class border. */
    border: 1px solid var(--color-gray-200) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cg fill='%23545560'%3e%3cpath d='M14.545 3.042l-1.586-1.585a1.003 1.003 0 00-1.414 0L10.252 2.75l3 3 1.293-1.293a1.004 1.004 0 000-1.415zM5.25 13.751l-3-3 6.998-6.998 3 3zM.908 14.775c-.087.262.055.397.316.312l2.001-.667-1.65-1.646-.667 2.001z'/%3e%3c/g%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 0.75rem;
}

.media-library-item__edit:active {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cg%3e%3cpath fill='%23ffffff' d='M14.545 3.042l-1.586-1.585c-.389-.389-1.025-.389-1.414 0l-1.293 1.293 3 3 1.293-1.293c.389-.389.389-1.026 0-1.415z'/%3e%3crect fill='%23ffffff' x='5.129' y='3.8' transform='matrix(-.707 -.707 .707 -.707 6.189 20.064)' width='4.243' height='9.899'/%3e%3cpath fill='%23ffffff' d='M.908 14.775c-.087.262.055.397.316.312l2.001-.667-1.65-1.646-.667 2.001z'/%3e%3c/g%3e%3c/svg%3e");
}

.media-library-item__remove,
.media-library-item__remove.button,
.media-library-item__remove.button:first-child,
.media-library-item__remove.button:disabled,
.media-library-item__remove.button:disabled:active,
.media-library-item__remove.button:hover,
.media-library-item__remove.button:focus {
    /* !important to override button class border. */
    border: 1px solid var(--color-gray-200) !important;
    background-image: url("data:image/svg+xml,%3csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2.344 2.343l11.313 11.313M2.344 13.657L13.657 2.343' stroke='%2355565B' stroke-width='3'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 0.75rem;
}

.media-library-item__remove:active,
.media-library-item__remove.button:active,
.media-library-item__remove.button:disabled:active {
    /* !important to override button class border. */
    border-color: var(--color-absolutezero) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cpath fill='%23ffffff' d='M3.51 13.925c.194.194.512.195.706.001l3.432-3.431c.194-.194.514-.194.708 0l3.432 3.431c.192.194.514.193.707-.001l1.405-1.417c.191-.195.189-.514-.002-.709l-3.397-3.4c-.192-.193-.192-.514-.002-.708l3.401-3.43c.189-.195.189-.515 0-.709l-1.407-1.418c-.195-.195-.513-.195-.707-.001l-3.43 3.431c-.195.194-.516.194-.708 0l-3.432-3.431c-.195-.195-.512-.194-.706.001l-1.407 1.417c-.194.195-.194.515 0 .71l3.403 3.429c.193.195.193.514-.001.708l-3.4 3.399c-.194.195-.195.516-.001.709l1.406 1.419z'/%3e%3c/svg%3e");
}

/* Style the added media item container. */

.media-library-add-form__media {
    position: relative;
    display: flex;
    border-bottom: 1px solid #c0c0c0;
}

/* Do not show the bottom border and padding for the last item. */

.media-library-add-form__media:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.media-library-add-form__preview {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 13.75rem;
    margin-right: 1.25rem; /* LTR */
    background: var(--color-gray-050-o-40);
}

[dir="rtl"] .media-library-add-form__preview {
    margin-right: 0;
    margin-left: 1.25rem;
}

.media-library-add-form__fields {
    flex-grow: 1;
}

.media-library-add-form__remove-button {
    position: absolute;
    right: 0; /* LTR */
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cpath fill='%23000000' d='M3.51 13.925c.194.194.512.195.706.001l3.432-3.431c.194-.194.514-.194.708 0l3.432 3.431c.192.194.514.193.707-.001l1.405-1.417c.191-.195.189-.514-.002-.709l-3.397-3.4c-.192-.193-.192-.514-.002-.708l3.401-3.43c.189-.195.189-.515 0-.709l-1.407-1.418c-.195-.195-.513-.195-.707-.001l-3.43 3.431c-.195.194-.516.194-.708 0l-3.432-3.431c-.195-.195-.512-.194-.706.001l-1.407 1.417c-.194.195-.194.515 0 .71l3.403 3.429c.193.195.193.514-.001.708l-3.4 3.399c-.194.195-.195.516-.001.709l1.406 1.419z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: var(--space-xs) center;
    background-size: var(--space-s);
}

[dir="rtl"] .media-library-add-form__remove-button {
    right: auto;
    left: 0;
}

.media-library-add-form__remove-button.button:disabled {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cpath fill='%238e929c' d='M3.51 13.925c.194.194.512.195.706.001l3.432-3.431c.194-.194.514-.194.708 0l3.432 3.431c.192.194.514.193.707-.001l1.405-1.417c.191-.195.189-.514-.002-.709l-3.397-3.4c-.192-.193-.192-.514-.002-.708l3.401-3.43c.189-.195.189-.515 0-.709l-1.407-1.418c-.195-.195-.513-.195-.707-.001l-3.43 3.431c-.195.194-.516.194-.708 0l-3.432-3.431c-.195-.195-.512-.194-.706.001l-1.407 1.417c-.194.195-.194.515 0 .71l3.403 3.429c.193.195.193.514-.001.708l-3.4 3.399c-.194.195-.195.516-.001.709l1.406 1.419z'/%3e%3c/svg%3e");
}

.views-live-preview .media-library-view div.views-row + div.views-row {
    margin-top: 0;
}
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;left:0;top:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;height:100%;min-height:1px;display:none}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
@charset "UTF-8";@font-face{font-family:slick;src:url(fonts/slick.eot);src:url(fonts/slick.eot?#iefix) format("embedded-opentype"),url(fonts/slick.woff) format("woff"),url(fonts/slick.ttf) format("truetype"),url(fonts/slick.svg#slick) format("svg");font-weight:400;font-style:normal}.slick-loading .slick-list{background:#fff url(ajax-loader.gif) center center no-repeat}.slick-next,.slick-prev{position:absolute;top:50%;display:block;padding:0;height:20px;width:20px;line-height:0;font-size:0;cursor:pointer;background:0 0;color:transparent;border:none;transform:translate(0,-50%)}.slick-next:focus .slick-next-icon,.slick-next:focus .slick-prev-icon,.slick-next:hover .slick-next-icon,.slick-next:hover .slick-prev-icon,.slick-prev:focus .slick-next-icon,.slick-prev:focus .slick-prev-icon,.slick-prev:hover .slick-next-icon,.slick-prev:hover .slick-prev-icon{opacity:1}.slick-next:focus,.slick-prev:focus{top:calc(50% - 1px)}.slick-next:focus .slick-next-icon,.slick-next:focus .slick-prev-icon,.slick-prev:focus .slick-next-icon,.slick-prev:focus .slick-prev-icon{color:orange;font-size:28px;margin-left:-2px}.slick-next.slick-disabled,.slick-prev.slick-disabled{cursor:default}.slick-next.slick-disabled .slick-next-icon,.slick-next.slick-disabled .slick-prev-icon,.slick-prev.slick-disabled .slick-next-icon,.slick-prev.slick-disabled .slick-prev-icon{opacity:.25}.slick-next .slick-next-icon,.slick-next .slick-prev-icon,.slick-prev .slick-next-icon,.slick-prev .slick-prev-icon{display:block;color:#000;opacity:.75;font-family:slick;font-size:24px;line-height:1}.slick-prev{left:-25px}[dir=rtl] .slick-prev{left:auto;right:-25px}.slick-prev .slick-prev-icon:before{content:"←"}[dir=rtl] .slick-prev .slick-prev-icon:before{content:"→"}.slick-next{right:-25px}[dir=rtl] .slick-next{left:-25px;right:auto}.slick-next .slick-next-icon:before{content:"→"}[dir=rtl] .slick-next .slick-next-icon:before{content:"←"}.slick-slider{margin-bottom:30px}.slick-slider.slick-dotted{margin-bottom:60px}.slick-dots{position:absolute;bottom:-30px;display:block;padding:0;margin:0;width:100%;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;margin:0 5px;padding:0}.slick-dots li button{display:block;height:20px;width:20px;margin-top:-4px;margin-left:-4px;line-height:0;font-size:0;color:transparent;border:0;background:0 0;cursor:pointer}.slick-dots li button:focus .slick-dot-icon,.slick-dots li button:hover .slick-dot-icon{opacity:1}.slick-dots li button:focus .slick-dot-icon:before{color:orange}.slick-dots li button .slick-dot-icon{color:#000;opacity:.25}.slick-dots li button .slick-dot-icon:before{position:absolute;top:0;left:0;content:"•";font-family:slick;font-size:12px;line-height:1;text-align:center;transition:all .05s linear}.slick-dots li.slick-active button:focus .slick-dot-icon{color:orange;opacity:1}.slick-dots li.slick-active button .slick-dot-icon{color:#000;opacity:1}.slick-dots li.slick-active button .slick-dot-icon:before{margin-top:-3px;margin-left:-2px;font-size:18px}.slick-sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}.slick-autoplay-toggle-button{position:absolute;left:5px;bottom:-32px;z-index:10;opacity:.75;background:0 0;border:0;cursor:pointer;color:#000}.slick-autoplay-toggle-button:focus,.slick-autoplay-toggle-button:hover{opacity:1}.slick-autoplay-toggle-button:focus{color:orange}.slick-autoplay-toggle-button .slick-pause-icon:before{content:"⏸";width:20px;height:20px;font-family:slick;font-size:18px;font-weight:400;line-height:20px;text-align:center}.slick-autoplay-toggle-button .slick-play-icon:before{content:"▶";width:20px;height:20px;font-family:slick;font-size:18px;font-weight:400;line-height:20px;text-align:center}
/*************** SCROLLBAR BASE CSS ***************/
.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}

.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}

.scroll-wrapper.scroll--rtl {
    direction: rtl;
}

.scroll-element {
    box-sizing: content-box;
    display: none;
}

.scroll-element div {
    box-sizing: content-box;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}

.scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}

.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}

.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}

.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}

.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}

/*************** SCROLLBAR MAC OS X ***************/
.scrollbar-macosx > .scroll-element,
.scrollbar-macosx > .scroll-element div {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-macosx > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-macosx > .scroll-element .scroll-element_track {
    display: none;
}

.scrollbar-macosx > .scroll-element .scroll-bar {
    background-color: #6C6E71;
    display: block;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

.scrollbar-macosx:hover > .scroll-element .scroll-bar,
.scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.scrollbar-macosx > .scroll-element.scroll-x {
    bottom: 0px;
    height: 0px;
    left: 0;
    min-width: 100%;
    overflow: visible;
    width: 100%;
}

.scrollbar-macosx > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0px;
    top: 0;
    width: 0px;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar {
    height: 7px;
    min-width: 10px;
    top: -9px;
}

.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar {
    left: -9px;
    min-height: 10px;
    width: 7px;
}

.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer {
    left: 2px;
}

.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size {
    left: -4px;
}

.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer {
    top: 2px;
}

.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size {
    top: -4px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -11px;
}

.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -11px;
}
/*!
 * justifiedGallery - v3.8.0
 * http://miromannino.github.io/Justified-Gallery/
 * Copyright (c) 2020 Miro Mannino
 * Licensed under the MIT license.
 */
.justified-gallery {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.justified-gallery > a,
.justified-gallery > div,
.justified-gallery > figure {
    position: absolute;
    display: inline-block;
    overflow: hidden;
    /* background: #888888; To have gray placeholders while the gallery is loading with waitThumbnailsLoad = false */
    filter: "alpha(opacity=10)";
    opacity: 0.1;
    margin: 0;
    padding: 0;
}
.justified-gallery > a > img,
.justified-gallery > div > img,
.justified-gallery > figure > img,
.justified-gallery > a > a > img,
.justified-gallery > div > a > img,
.justified-gallery > figure > a > img,
.justified-gallery > a > svg,
.justified-gallery > div > svg,
.justified-gallery > figure > svg,
.justified-gallery > a > a > svg,
.justified-gallery > div > a > svg,
.justified-gallery > figure > a > svg {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    padding: 0;
    border: none;
    filter: "alpha(opacity=0)";
    opacity: 0;
}
.justified-gallery > a > .jg-caption,
.justified-gallery > div > .jg-caption,
.justified-gallery > figure > .jg-caption {
    display: none;
    position: absolute;
    bottom: 0;
    padding: 5px;
    background-color: #000000;
    left: 0;
    right: 0;
    margin: 0;
    color: white;
    font-size: 12px;
    font-weight: 300;
    font-family: sans-serif;
}
.justified-gallery > a > .jg-caption.jg-caption-visible,
.justified-gallery > div > .jg-caption.jg-caption-visible,
.justified-gallery > figure > .jg-caption.jg-caption-visible {
    display: initial;
    filter: "alpha(opacity=70)";
    opacity: 0.7;
    -webkit-transition: opacity 500ms ease-in;
    -moz-transition: opacity 500ms ease-in;
    -o-transition: opacity 500ms ease-in;
    transition: opacity 500ms ease-in;
}
.justified-gallery > .jg-entry-visible {
    filter: "alpha(opacity=100)";
    opacity: 1;
    background: none;
}
.justified-gallery > .jg-entry-visible > img,
.justified-gallery > .jg-entry-visible > a > img,
.justified-gallery > .jg-entry-visible > svg,
.justified-gallery > .jg-entry-visible > a > svg {
    filter: "alpha(opacity=100)";
    opacity: 1;
    -webkit-transition: opacity 500ms ease-in;
    -moz-transition: opacity 500ms ease-in;
    -o-transition: opacity 500ms ease-in;
    transition: opacity 500ms ease-in;
}
.justified-gallery > .jg-filtered {
    display: none;
}
.justified-gallery > .jg-spinner {
    position: absolute;
    bottom: 0;
    margin-left: -24px;
    padding: 10px 0 10px 0;
    left: 50%;
    filter: "alpha(opacity=100)";
    opacity: 1;
    overflow: initial;
}
.justified-gallery > .jg-spinner > span {
    display: inline-block;
    filter: "alpha(opacity=0)";
    opacity: 0;
    width: 8px;
    height: 8px;
    margin: 0 4px 0 4px;
    background-color: #000;
    border-radius: 6px;
}
/* Magnific Popup CSS */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8; }

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden; }

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box; }

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; }

.mfp-align-top .mfp-container:before {
    display: none; }

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto; }

.mfp-ajax-cur {
    cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out; }

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
    cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none; }

.mfp-loading.mfp-figure {
    display: none; }

.mfp-hide {
    display: none !important; }

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044; }
.mfp-preloader a {
    color: #CCC; }
.mfp-preloader a:hover {
    color: #FFF; }

.mfp-s-ready .mfp-preloader {
    display: none; }

.mfp-s-error .mfp-content {
    display: none; }

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation; }

button::-moz-focus-inner {
    padding: 0;
    border: 0; }

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
    opacity: 1; }
.mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
    color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%; }

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap; }

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
    margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1; }
.mfp-arrow:before,
.mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
    left: 0; }
.mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
    right: 0; }
.mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
.mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
.mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
    line-height: 0; }
.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
.mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto; }

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px; }

.mfp-image-holder .mfp-content {
    max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    /**
         * Remove all paddings around the image on small screen
         */
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0; }
    .mfp-img-mobile img.mfp-img {
        padding: 0; }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0; }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px; }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0; }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px; }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0; } }

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75); }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0; }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%; }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px; } }
@charset "UTF-8";/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}.animate__animated.animate__infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animate__animated.animate__repeat-1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-iteration-count:var(--animate-repeat);animation-iteration-count:var(--animate-repeat)}.animate__animated.animate__repeat-2{-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-iteration-count:calc(var(--animate-repeat)*2);animation-iteration-count:calc(var(--animate-repeat)*2)}.animate__animated.animate__repeat-3{-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-iteration-count:calc(var(--animate-repeat)*3);animation-iteration-count:calc(var(--animate-repeat)*3)}.animate__animated.animate__delay-1s{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2s{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-delay:calc(var(--animate-delay)*2);animation-delay:calc(var(--animate-delay)*2)}.animate__animated.animate__delay-3s{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-delay:calc(var(--animate-delay)*3);animation-delay:calc(var(--animate-delay)*3)}.animate__animated.animate__delay-4s{-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-delay:calc(var(--animate-delay)*4);animation-delay:calc(var(--animate-delay)*4)}.animate__animated.animate__delay-5s{-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-delay:calc(var(--animate-delay)*5);animation-delay:calc(var(--animate-delay)*5)}.animate__animated.animate__faster{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-duration:calc(var(--animate-duration)/2);animation-duration:calc(var(--animate-duration)/2)}.animate__animated.animate__fast{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-duration:calc(var(--animate-duration)*0.8);animation-duration:calc(var(--animate-duration)*0.8)}.animate__animated.animate__slow{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2)}.animate__animated.animate__slower{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-duration:calc(var(--animate-duration)*3);animation-duration:calc(var(--animate-duration)*3)}@media (prefers-reduced-motion:reduce),print{.animate__animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}.animate__animated[class*=Out]{opacity:0}}@-webkit-keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}@keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}.animate__bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.animate__flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__pulse{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.animate__shakeX{-webkit-animation-name:shakeX;animation-name:shakeX}@-webkit-keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}@keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}.animate__shakeY{-webkit-animation-name:shakeY;animation-name:shakeY}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.animate__headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.animate__swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.animate__jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.animate__heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-duration:calc(var(--animate-duration)*1.3);animation-duration:calc(var(--animate-duration)*1.3);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInDown{-webkit-animation-name:backInDown;animation-name:backInDown}@-webkit-keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInLeft{-webkit-animation-name:backInLeft;animation-name:backInLeft}@-webkit-keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInRight{-webkit-animation-name:backInRight;animation-name:backInRight}@-webkit-keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInUp{-webkit-animation-name:backInUp;animation-name:backInUp}@-webkit-keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}@keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}.animate__backOutDown{-webkit-animation-name:backOutDown;animation-name:backOutDown}@-webkit-keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}@keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}.animate__backOutLeft{-webkit-animation-name:backOutLeft;animation-name:backOutLeft}@-webkit-keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}@keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}.animate__backOutRight{-webkit-animation-name:backOutRight;animation-name:backOutRight}@-webkit-keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}@keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}.animate__backOutUp{-webkit-animation-name:backOutUp;animation-name:backOutUp}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.animate__bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}.animate__bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}.animate__bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}.animate__bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}.animate__bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopLeft{-webkit-animation-name:fadeInTopLeft;animation-name:fadeInTopLeft}@-webkit-keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopRight{-webkit-animation-name:fadeInTopRight;animation-name:fadeInTopRight}@-webkit-keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomLeft{-webkit-animation-name:fadeInBottomLeft;animation-name:fadeInBottomLeft}@-webkit-keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomRight{-webkit-animation-name:fadeInBottomRight;animation-name:fadeInBottomRight}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate__fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.animate__fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.animate__fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.animate__fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.animate__fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}@keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}.animate__fadeOutTopLeft{-webkit-animation-name:fadeOutTopLeft;animation-name:fadeOutTopLeft}@-webkit-keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}@keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}.animate__fadeOutTopRight{-webkit-animation-name:fadeOutTopRight;animation-name:fadeOutTopRight}@-webkit-keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}@keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}.animate__fadeOutBottomRight{-webkit-animation-name:fadeOutBottomRight;animation-name:fadeOutBottomRight}@-webkit-keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}@keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}.animate__fadeOutBottomLeft{-webkit-animation-name:fadeOutBottomLeft;animation-name:fadeOutBottomLeft}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animate__animated.animate__flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.animate__flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.animate__flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInRight{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInLeft{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.animate__lightSpeedOutRight{-webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}@keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}.animate__lightSpeedOutLeft{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.animate__rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.animate__rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.animate__rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.animate__hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2);-webkit-animation-name:hinge;animation-name:hinge;-webkit-transform-origin:top left;transform-origin:top left}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.animate__rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.animate__zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}.animate__zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;-webkit-transform-origin:left center;transform-origin:left center}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}.animate__zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;-webkit-transform-origin:right center;transform-origin:right center}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** 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("../fonts/JohnstonITCPro-Light.otf") format("opentype");
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: "JohnstonITCProMedium";
    src: url("../fonts/JohnstonITCPro-Medium.otf") format("opentype");
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: "JohnstonITCProMedium";
    src: url("../fonts/JohnstonITCPro-Bold.otf") format("opentype");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: "JohnstonITCProBold";
    src: url("../fonts/JohnstonITCPro-Bold.otf") format("opentype");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: "icon--font5613";
    src: url("../fonts/icon--font5613.eot");
    src: url("../fonts/icon--font5613.eot?#iefix") format("eot"), url("../fonts/icon--font5613.woff") format("woff"), url("../fonts/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;
}
body {
    background-color: #F8F8F8;
    background-image: url("/assets/images/topography.png");
    background-repeat: repeat;
}
.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;
}

.layout--four-col-grid .grid-col-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
@media only screen and (max-width: 1280px) {
    .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) {
    .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.
 *
 */
@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;
}
.primary-border{
    border-color: #09315b!important;
}
.btn-outline-primary {
    color: #09315b!important;
    border-color: #09315b!important;
}
.btn-outline-primary:hover {
    color: #fff;
    background-color: #09315b!important;
    border-color: #09315b!important;
}
.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;
}

#block-ukhofloatingnav {
    position: absolute;
    height: 100%;
}
@media only screen and (max-width: 1280px) {
    #block-ukhofloatingnav:not(:has(.MO22--sticky)) {
        position: relative;
    }
    #block-ukhofloatingnav:not(:has(.MO22--sticky)) .MO22 {
        position: relative;
    }
    #block-ukhofloatingnav:not(:has(.MO22--sticky)) .MO22__ghost {
        height: 0;
    }
}

.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;
    padding-bottom: 50px;
}
.MO27__list-container--level-0 .MO27__link {
    font-size: 24px;
    line-height: 31px;
}
@media only screen and (min-width: 1920px) {
    .MO27__list-container--level-0 .MO27__link {
        font-size: 24px;
        line-height: 31px;
    }
}
@media only screen and (max-width: 1680px) {
    .MO27__list-container--level-0 .MO27__link {
        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) {
    .MO27__list-container--level-0 .MO27__link {
        font-size: 22px;
        line-height: calc(29px + (28 - 29) * (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(26px + (29 - 26) * (100vw - 835px) / (1280 - 835));
    }
}
@media only screen and (max-width: 834px) {
    .MO27__list-container--level-0 .MO27__link {
        font-size: 20px;
        line-height: calc(26px + (25 - 26) * (100vw - 415px) / (834 - 415));
    }
}
@media only screen and (max-width: 414px) {
    .MO27__list-container--level-0 .MO27__link {
        font-size: 20px;
        line-height: 26px;
    }
}
@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;
}

.OR13 {
    width: 100%;
}
@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: 0 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 {
    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*/