@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

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

* {
    font: inherit
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x: hidden
}

body {
    background-color: var(--color-bg,#fff)
}

article, aside, details, figcaption, figure, footer, form legend, header, hgroup, main, menu, nav, section {
    display: block
}

blockquote, q {
    quotes: none
}

button, input, select, textarea {
    margin: 0
}

.btn, .form-control, .link, .reset {
    background-color: transparent;
    padding: 0;
    border: 0;
    border-radius: 0;
    color: inherit;
    line-height: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

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

img, svg, video {
    max-width: 100%;
    height: auto
}

:root, [data-theme=light] {
    --color-primary-darker: hsl(239, 29%, 34%);
    --color-primary-darker-h: 239;
    --color-primary-darker-s: 29%;
    --color-primary-darker-l: 34%;
    --color-primary-dark: hsl(239, 29%, 44%);
    --color-primary-dark-h: 239;
    --color-primary-dark-s: 29%;
    --color-primary-dark-l: 44%;
    --color-primary: hsl(239, 29%, 54%);
    --color-primary-h: 239;
    --color-primary-s: 29%;
    --color-primary-l: 54%;
    --color-primary-light: hsl(239, 29%, 64%);
    --color-primary-light-h: 239;
    --color-primary-light-s: 29%;
    --color-primary-light-l: 64%;
    --color-primary-lighter: hsl(239, 29%, 74%);
    --color-primary-lighter-h: 239;
    --color-primary-lighter-s: 29%;
    --color-primary-lighter-l: 74%;
    --color-accent-darker: hsl(342, 89%, 28%);
    --color-accent-darker-h: 342;
    --color-accent-darker-s: 89%;
    --color-accent-darker-l: 28%;
    --color-accent-dark: hsl(342, 89%, 38%);
    --color-accent-dark-h: 342;
    --color-accent-dark-s: 89%;
    --color-accent-dark-l: 38%;
    --color-accent: hsl(342, 89%, 48%);
    --color-accent-h: 342;
    --color-accent-s: 89%;
    --color-accent-l: 48%;
    --color-accent-light: hsl(342, 89%, 58%);
    --color-accent-light-h: 342;
    --color-accent-light-s: 89%;
    --color-accent-light-l: 58%;
    --color-accent-lighter: hsl(342, 89%, 68%);
    --color-accent-lighter-h: 342;
    --color-accent-lighter-s: 89%;
    --color-accent-lighter-l: 68%;
    --color-black: hsl(0, 0%, 0%);
    --color-black-h: 0;
    --color-black-s: 0%;
    --color-black-l: 0%;
    --color-white: hsl(0, 0%, 100%);
    --color-white-h: 0;
    --color-white-s: 0%;
    --color-white-l: 100%;
    --color-warning-darker: hsl(37, 100%, 50%);
    --color-warning-darker-h: 37;
    --color-warning-darker-s: 100%;
    --color-warning-darker-l: 50%;
    --color-warning-dark: hsl(37, 100%, 60%);
    --color-warning-dark-h: 37;
    --color-warning-dark-s: 100%;
    --color-warning-dark-l: 60%;
    --color-warning: hsl(37, 100%, 70%);
    --color-warning-h: 37;
    --color-warning-s: 100%;
    --color-warning-l: 70%;
    --color-warning-light: hsl(37, 100%, 80%);
    --color-warning-light-h: 37;
    --color-warning-light-s: 100%;
    --color-warning-light-l: 80%;
    --color-warning-lighter: hsl(37, 100%, 90%);
    --color-warning-lighter-h: 37;
    --color-warning-lighter-s: 100%;
    --color-warning-lighter-l: 90%;
    --color-success-darker: hsl(164, 100%, 19%);
    --color-success-darker-h: 164;
    --color-success-darker-s: 100%;
    --color-success-darker-l: 19%;
    --color-success-dark: hsl(164, 100%, 29%);
    --color-success-dark-h: 164;
    --color-success-dark-s: 100%;
    --color-success-dark-l: 29%;
    --color-success: hsl(164, 100%, 39%);
    --color-success-h: 164;
    --color-success-s: 100%;
    --color-success-l: 39%;
    --color-success-light: hsl(164, 100%, 49%);
    --color-success-light-h: 164;
    --color-success-light-s: 100%;
    --color-success-light-l: 49%;
    --color-success-lighter: hsl(164, 100%, 59%);
    --color-success-lighter-h: 164;
    --color-success-lighter-s: 100%;
    --color-success-lighter-l: 59%;
    --color-error-darker: hsl(1, 67%, 52%);
    --color-error-darker-h: 1;
    --color-error-darker-s: 67%;
    --color-error-darker-l: 52%;
    --color-error-dark: hsl(1, 67%, 62%);
    --color-error-dark-h: 1;
    --color-error-dark-s: 67%;
    --color-error-dark-l: 62%;
    --color-error: hsl(1, 67%, 72%);
    --color-error-h: 1;
    --color-error-s: 67%;
    --color-error-l: 72%;
    --color-error-light: hsl(1, 67%, 82%);
    --color-error-light-h: 1;
    --color-error-light-s: 67%;
    --color-error-light-l: 82%;
    --color-error-lighter: hsl(1, 67%, 92%);
    --color-error-lighter-h: 1;
    --color-error-lighter-s: 67%;
    --color-error-lighter-l: 92%;
    --color-bg-darker: hsl(216, 9%, 89%);
    --color-bg-darker-h: 216;
    --color-bg-darker-s: 9%;
    --color-bg-darker-l: 89%;
    --color-bg-dark: hsl(0, 0%, 95%);
    --color-bg-dark-h: 0;
    --color-bg-dark-s: 0%;
    --color-bg-dark-l: 95%;
    --color-bg: hsl(0, 0%, 100%);
    --color-bg-h: 0;
    --color-bg-s: 0%;
    --color-bg-l: 100%;
    --color-bg-light: hsl(0, 0%, 100%);
    --color-bg-light-h: 0;
    --color-bg-light-s: 0%;
    --color-bg-light-l: 100%;
    --color-bg-lighter: hsl(240, 2%, 100%);
    --color-bg-lighter-h: 240;
    --color-bg-lighter-s: 2%;
    --color-bg-lighter-l: 100%;
    --color-contrast-lower: hsl(0, 0%, 95%);
    --color-contrast-lower-h: 0;
    --color-contrast-lower-s: 0%;
    --color-contrast-lower-l: 95%;
    --color-contrast-low: hsl(0, 0%, 90%);
    --color-contrast-low-h: 0;
    --color-contrast-low-s: 0%;
    --color-contrast-low-l: 90%;
    --color-contrast-medium: hsl(225, 2%, 52%);
    --color-contrast-medium-h: 225;
    --color-contrast-medium-s: 2%;
    --color-contrast-medium-l: 52%;
    --color-contrast-high: hsl(230, 4%, 30%);
    --color-contrast-high-h: 230;
    --color-contrast-high-s: 4%;
    --color-contrast-high-l: 30%;
    --color-contrast-higher: hsl(223, 8%, 17%);
    --color-contrast-higher-h: 223;
    --color-contrast-higher-s: 8%;
    --color-contrast-higher-l: 17%
}

[data-theme=light], body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@supports (--css:variables) {
    [data-theme=dark] {
        --color-primary-darker: hsl(250, 93%, 57%);
        --color-primary-darker-h: 250;
        --color-primary-darker-s: 93%;
        --color-primary-darker-l: 57%;
        --color-primary-dark: hsl(250, 93%, 61%);
        --color-primary-dark-h: 250;
        --color-primary-dark-s: 93%;
        --color-primary-dark-l: 61%;
        --color-primary: hsl(250, 93%, 65%);
        --color-primary-h: 250;
        --color-primary-s: 93%;
        --color-primary-l: 65%;
        --color-primary-light: hsl(250, 93%, 69%);
        --color-primary-light-h: 250;
        --color-primary-light-s: 93%;
        --color-primary-light-l: 69%;
        --color-primary-lighter: hsl(250, 93%, 72%);
        --color-primary-lighter-h: 250;
        --color-primary-lighter-s: 93%;
        --color-primary-lighter-l: 72%;
        --color-accent-darker: hsl(342, 92%, 41%);
        --color-accent-darker-h: 342;
        --color-accent-darker-s: 92%;
        --color-accent-darker-l: 41%;
        --color-accent-dark: hsl(342, 92%, 47%);
        --color-accent-dark-h: 342;
        --color-accent-dark-s: 92%;
        --color-accent-dark-l: 47%;
        --color-accent: hsl(342, 92%, 54%);
        --color-accent-h: 342;
        --color-accent-s: 92%;
        --color-accent-l: 54%;
        --color-accent-light: hsl(342, 92%, 60%);
        --color-accent-light-h: 342;
        --color-accent-light-s: 92%;
        --color-accent-light-l: 60%;
        --color-accent-lighter: hsl(342, 92%, 65%);
        --color-accent-lighter-h: 342;
        --color-accent-lighter-s: 92%;
        --color-accent-lighter-l: 65%;
        --color-black: hsl(204, 28%, 7%);
        --color-black-h: 204;
        --color-black-s: 28%;
        --color-black-l: 7%;
        --color-white: hsl(0, 0%, 100%);
        --color-white-h: 0;
        --color-white-s: 0%;
        --color-white-l: 100%;
        --color-warning-darker: hsl(46, 100%, 47%);
        --color-warning-darker-h: 46;
        --color-warning-darker-s: 100%;
        --color-warning-darker-l: 47%;
        --color-warning-dark: hsl(46, 100%, 50%);
        --color-warning-dark-h: 46;
        --color-warning-dark-s: 100%;
        --color-warning-dark-l: 50%;
        --color-warning: hsl(46, 100%, 61%);
        --color-warning-h: 46;
        --color-warning-s: 100%;
        --color-warning-l: 61%;
        --color-warning-light: hsl(46, 100%, 71%);
        --color-warning-light-h: 46;
        --color-warning-light-s: 100%;
        --color-warning-light-l: 71%;
        --color-warning-lighter: hsl(46, 100%, 80%);
        --color-warning-lighter-h: 46;
        --color-warning-lighter-s: 100%;
        --color-warning-lighter-l: 80%;
        --color-success-darker: hsl(122, 50%, 47%);
        --color-success-darker-h: 122;
        --color-success-darker-s: 50%;
        --color-success-darker-l: 47%;
        --color-success-dark: hsl(122, 50%, 52%);
        --color-success-dark-h: 122;
        --color-success-dark-s: 50%;
        --color-success-dark-l: 52%;
        --color-success: hsl(122, 50%, 60%);
        --color-success-h: 122;
        --color-success-s: 50%;
        --color-success-l: 60%;
        --color-success-light: hsl(122, 50%, 69%);
        --color-success-light-h: 122;
        --color-success-light-s: 50%;
        --color-success-light-l: 69%;
        --color-success-lighter: hsl(122, 50%, 76%);
        --color-success-lighter-h: 122;
        --color-success-lighter-s: 50%;
        --color-success-lighter-l: 76%;
        --color-error-darker: hsl(342, 92%, 41%);
        --color-error-darker-h: 342;
        --color-error-darker-s: 92%;
        --color-error-darker-l: 41%;
        --color-error-dark: hsl(342, 92%, 47%);
        --color-error-dark-h: 342;
        --color-error-dark-s: 92%;
        --color-error-dark-l: 47%;
        --color-error: hsl(342, 92%, 54%);
        --color-error-h: 342;
        --color-error-s: 92%;
        --color-error-l: 54%;
        --color-error-light: hsl(342, 92%, 60%);
        --color-error-light-h: 342;
        --color-error-light-s: 92%;
        --color-error-light-l: 60%;
        --color-error-lighter: hsl(342, 92%, 65%);
        --color-error-lighter-h: 342;
        --color-error-lighter-s: 92%;
        --color-error-lighter-l: 65%;
        --color-bg-darker: hsl(210, 3%, 44%);
        --color-bg-darker-h: 210;
        --color-bg-darker-s: 3%;
        --color-bg-darker-l: 44%;
        --color-bg-dark: hsl(0, 0%, 5%);
        --color-bg-dark-h: 0;
        --color-bg-dark-s: 0%;
        --color-bg-dark-l: 5%;
        --color-bg: hsl(0, 0%, 9%);
        --color-bg-h: 0;
        --color-bg-s: 0%;
        --color-bg-l: 9%;
        --color-bg-light: hsl(0, 0%, 13%);
        --color-bg-light-h: 0;
        --color-bg-light-s: 0%;
        --color-bg-light-l: 13%;
        --color-bg-lighter: hsl(240, 1%, 16%);
        --color-bg-lighter-h: 240;
        --color-bg-lighter-s: 1%;
        --color-bg-lighter-l: 16%;
        --color-contrast-lower: hsl(240, 1%, 20%);
        --color-contrast-lower-h: 240;
        --color-contrast-lower-s: 1%;
        --color-contrast-lower-l: 20%;
        --color-contrast-low: hsl(240, 1%, 37%);
        --color-contrast-low-h: 240;
        --color-contrast-low-s: 1%;
        --color-contrast-low-l: 37%;
        --color-contrast-medium: hsl(240, 1%, 54%);
        --color-contrast-medium-h: 240;
        --color-contrast-medium-s: 1%;
        --color-contrast-medium-l: 54%;
        --color-contrast-high: hsl(240, 4%, 81%);
        --color-contrast-high-h: 240;
        --color-contrast-high-s: 4%;
        --color-contrast-high-l: 81%;
        --color-contrast-higher: hsl(240, 100%, 99%);
        --color-contrast-higher-h: 240;
        --color-contrast-higher-s: 100%;
        --color-contrast-higher-l: 99%;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }
}

:root {
    --space-unit: 1em;
    --space-xxxxs: calc(0.125 * var(--space-unit));
    --space-xxxs: calc(0.25 * var(--space-unit));
    --space-xxs: calc(0.375 * var(--space-unit));
    --space-xs: calc(0.5 * var(--space-unit));
    --space-sm: calc(0.75 * var(--space-unit));
    --space-md: calc(1.25 * var(--space-unit));
    --space-lg: calc(2 * var(--space-unit));
    --space-xl: calc(3.25 * var(--space-unit));
    --space-xxl: calc(5.25 * var(--space-unit));
    --space-xxxl: calc(8.5 * var(--space-unit));
    --space-xxxxl: calc(13.75 * var(--space-unit));
    --component-padding: var(--space-md)
}

@supports (--css:variables) {
    @media (min-width:64rem) {
        :root {
            --space-unit: 1.25em
        }
    }
}

.margin-top, .margin-top--md {
    margin-top: var(--space-md)
}

.margin-top--xxxxs {
    margin-top: var(--space-xxxxs)
}

.margin-top--xxxs {
    margin-top: var(--space-xxxs)
}

.margin-top--xxs {
    margin-top: var(--space-xxs)
}

.margin-top--xs {
    margin-top: var(--space-xs)
}

.margin-top--sm {
    margin-top: var(--space-sm)
}

.margin-top--lg {
    margin-top: var(--space-lg)
}

.margin-top--xl {
    margin-top: var(--space-xl)
}

.margin-top--xxl {
    margin-top: var(--space-xxl)
}

.margin-top--xxxl {
    margin-top: var(--space-xxxl)
}

.margin-top--xxxxl {
    margin-top: var(--space-xxxxl)
}

.margin-bottom, .margin-bottom--md {
    margin-bottom: var(--space-md)
}

.margin-bottom--xxxxs {
    margin-bottom: var(--space-xxxxs)
}

.margin-bottom--xxxs {
    margin-bottom: var(--space-xxxs)
}

.margin-bottom--xxs {
    margin-bottom: var(--space-xxs)
}

.margin-bottom--xs {
    margin-bottom: var(--space-xs)
}

.margin-bottom--sm {
    margin-bottom: var(--space-sm)
}

.margin-bottom--lg {
    margin-bottom: var(--space-lg)
}

.margin-bottom--xl {
    margin-bottom: var(--space-xl)
}

.margin-bottom--xxl {
    margin-bottom: var(--space-xxl)
}

.margin-bottom--xxxl {
    margin-bottom: var(--space-xxxl)
}

.margin-bottom--xxxxl {
    margin-bottom: var(--space-xxxxl)
}

.margin-bottom--none {
    margin-bottom: 0
}

.container {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    max-width: var(--responsive--alignwide-width)
}

.grid-sizer {
    display: none
}

:where(html) {
    --ease-1: cubic-bezier(.25, 0, .5, 1);
    --ease-2: cubic-bezier(.25, 0, .4, 1);
    --ease-3: cubic-bezier(.25, 0, .3, 1);
    --ease-4: cubic-bezier(.25, 0, .2, 1);
    --ease-5: cubic-bezier(.25, 0, .1, 1);
    --ease-in-1: cubic-bezier(.25, 0, 1, 1);
    --ease-in-2: cubic-bezier(.50, 0, 1, 1);
    --ease-in-3: cubic-bezier(.70, 0, 1, 1);
    --ease-in-4: cubic-bezier(.90, 0, 1, 1);
    --ease-in-5: cubic-bezier(1, 0, 1, 1);
    --ease-out-1: cubic-bezier(0, 0, .75, 1);
    --ease-out-2: cubic-bezier(0, 0, .50, 1);
    --ease-out-3: cubic-bezier(0, 0, .3, 1);
    --ease-out-4: cubic-bezier(0, 0, .1, 1);
    --ease-out-5: cubic-bezier(0, 0, 0, 1);
    --ease-in-out-1: cubic-bezier(.1, 0, .9, 1);
    --ease-in-out-2: cubic-bezier(.3, 0, .7, 1);
    --ease-in-out-3: cubic-bezier(.5, 0, .5, 1);
    --ease-in-out-4: cubic-bezier(.7, 0, .3, 1);
    --ease-in-out-5: cubic-bezier(.9, 0, .1, 1);
    --ease-elastic-1: cubic-bezier(.5, .75, .75, 1.25);
    --ease-elastic-2: cubic-bezier(.5, 1, .75, 1.25);
    --ease-elastic-3: cubic-bezier(.5, 1.25, .75, 1.25);
    --ease-elastic-4: cubic-bezier(.5, 1.5, .75, 1.25);
    --ease-elastic-5: cubic-bezier(.5, 1.75, .75, 1.25);
    --ease-squish-1: cubic-bezier(.5, -.1, .1, 1.5);
    --ease-squish-2: cubic-bezier(.5, -.3, .1, 1.5);
    --ease-squish-3: cubic-bezier(.5, -.5, .1, 1.5);
    --ease-squish-4: cubic-bezier(.5, -.7, .1, 1.5);
    --ease-squish-5: cubic-bezier(.5, -.9, .1, 1.5);
    --ease-step-1: steps(2);
    --ease-step-2: steps(3);
    --ease-step-3: steps(4);
    --ease-step-4: steps(7);
    --ease-step-5: steps(10)
}

:root {
    --radius-sm: calc(var(--radius, 0.25em)/2);
    --radius-md: var(--radius, 0.25em);
    --radius-lg: calc(var(--radius, 0.25em)*2);
    --radius-xl: calc(var(--radius, 2em)*2);
    --shadow-xs: 0 0.1px 0.3px rgba(0, 0, 0, 0.06),0 1px 2px rgba(0, 0, 0, 0.12);
    --shadow-sm: 0 0.3px 0.4px rgba(0, 0, 0, 0.025),0 0.9px 1.5px rgba(0, 0, 0, 0.05),0 3.5px 6px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 0.9px 1.5px rgba(0, 0, 0, 0.03),0 3.1px 5.5px rgba(0, 0, 0, 0.08),0 14px 25px rgba(0, 0, 0, 0.12);
    --shadow-lg: 0 1.2px 1.9px -1px rgba(0, 0, 0, 0.014),0 3.3px 5.3px -1px rgba(0, 0, 0, 0.038),0 8.5px 12.7px -1px rgba(0, 0, 0, 0.085),0 30px 42px -1px rgba(0, 0, 0, 0.15);
    --shadow-xl: 0 1.5px 2.1px -6px rgba(0, 0, 0, 0.012),0 3.6px 5.2px -6px rgba(0, 0, 0, 0.035),0 7.3px 10.6px -6px rgba(0, 0, 0, 0.07),0 16.2px 21.9px -6px rgba(0, 0, 0, 0.117),0 46px 60px -6px rgba(0, 0, 0, 0.2);
    --bounce: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    --ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
    --ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    --ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
    --ease-out-back: cubic-bezier(0.34, 1.56, 0.64, 1)
}

:root {
    --global--line-height-body: 2.1;
    --global--line-height-heading: 1.3;
    --global--line-height-page-title: 1.1;
    --global--font-size-base: 1.25rem;
    --global--font-size-xs: 1rem;
    --global--font-size-sm: 1.125rem;
    --global--font-size-md: 1.25rem;
    --global--font-size-lg: 1.5rem;
    --global--font-size-xl: 2.25rem;
    --global--font-size-xxl: 4rem;
    --global--font-size-xxxl: 5rem;
    --global--font-size-page-title: var(--global--font-size-xxl);
    --global--letter-spacing: normal;
    --heading--font-size-h1: var(--global--font-size-page-title);
    --heading--font-weight: normal;
    --widget--line-height-list: 1.9;
    --widget--line-height-title: 1.4;
    --widget--font-weight-title: 700;
    --widget--spacing-menu: calc(0.66 * var(--global--spacing-unit));
    --global--spacing-width: 810px;
    --global--spacing-unit: 20px;
    --global--spacing-measure: unset;
    --global--spacing-horizontal: 25px;
    --global--spacing-vertical: 30px;
    --responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal) * 0.6);
    --responsive--aligndefault-width: calc(100vw - var(--responsive--spacing-horizontal));
    --responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal));
    --responsive--alignfull-width: 100%;
    --responsive--alignright-margin: var(--global--spacing-horizontal);
    --responsive--alignleft-margin: var(--global--spacing-horizontal);
    --cover--height: calc(15 * var(--global--spacing-vertical));
    --cover--color-foreground: var(--global--color-white);
    --cover--color-background: var(--global--color-black)
}

@media only screen and (min-width:482px) {
    :root {
        --responsive--aligndefault-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), var(--global--spacing-width));
        --responsive--alignwide-width: calc(100vw - 2 * var(--global--spacing-horizontal));
        --responsive--alignright-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
        --responsive--alignleft-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)))
    }

    .entry-content > *, .site-main > .not-found > *, .site-main > article > *, .wp-block-template-part > *, [class*=inner-container] > * {
        margin-top: var(--global--spacing-vertical);
        margin-bottom: var(--global--spacing-vertical)
    }

    .entry-content > .alignright {
        margin-left: var(--global--spacing-horizontal);
        margin-right: var(--responsive--alignright-margin)
    }

    .entry-content > .alignleft {
        margin-left: var(--responsive--alignleft-margin);
        margin-right: var(--global--spacing-horizontal)
    }

    .wp-block-columns .wp-block-column > * {
        margin-top: var(--global--spacing-vertical);
        margin-bottom: var(--global--spacing-vertical)
    }
}

@media only screen and (max-width:992px) {
    :root {
        --responsive--aligndefault-width: min(calc(100vw - 2 * var(--global--spacing-horizontal)), var(--global--spacing-width));
        --responsive--alignwide-width: calc(100vw - 2 * var(--global--spacing-horizontal))
    }
}

@media only screen and (max-width:552px) {
    :root {
        --responsive--aligndefault-width: min(calc(100vw - 1 * var(--global--spacing-horizontal)), var(--global--spacing-width));
        --responsive--alignwide-width: calc(100vw - 1 * var(--global--spacing-horizontal))
    }
}

@media only screen and (min-width:822px) {
    :root {
        --responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), var(--global--spacing-width));
        --responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1240px)
    }
}

html {
    line-height: var(--global--line-height-body)
}

body {
    -ms-scroll-chaining: none;
    overscroll-behavior: none
}

cite, dfn, em, i {
    font-style: italic
}

ol {
    list-style-type: decimal
}

ol, ul {
    margin: 0;
    padding-left: calc(1 * var(--global--spacing-horizontal))
}

    ul > ul {
        list-style-type: circle
    }

dd {
    margin: 0;
    padding-left: calc(2 * var(--global--spacing-horizontal))
}

footer *, header *, main * {
    max-width: var(--global--spacing-measure)
}

embed, iframe, object, video {
    max-width: 100%
}

pre {
    background: var(--color-contrast-lower);
    font-family: "Courier 10 Pitch",Courier,monospace;
    line-height: 1.6;
    margin-bottom: 30px;
    max-width: 100%;
    overflow: auto;
    padding: 1em;
    border: solid 1px hsla(var(--color-contrast-low-h),var(--color-contrast-low-s),var(--color-contrast-low-l),.15);
    border-radius: var(--radius-md)
}

code {
    font-size: 1em;
    color: var(--color-contrast-hight);
    font-family: monospace
}

.wp-block-table, table {
    width: 100%;
    min-width: 240px;
    border-collapse: collapse
}

    .wp-block-table tfoot, .wp-block-table thead, table tfoot, table thead {
        text-align: center
    }

    .wp-block-table td, .wp-block-table th, table td, table th {
        padding: calc(.5 * var(--global--spacing-unit)) calc(.8 * var(--global--spacing-unit));
        border: 1px solid var(--color-contrast-low)
    }

.gallery-caption {
    display: block
}

.bypostauthor {
    display: block
}

.clearfix {
    margin: 0 !important
}

.alignleft {
    text-align: left;
    margin-top: 0;
    margin-right: var(--global--spacing-horizontal);
    margin-bottom: var(--global--spacing-vertical)
}

.entry-content > .alignleft {
    max-width: var(--responsive--aligndefault-width)
}

@media only screen and (min-width:482px) {
    .alignleft {
        float: left;
        margin-right: var(--global--spacing-horizontal);
        margin-bottom: var(--global--spacing-vertical)
    }

    .entry-content > .alignleft {
        max-width: calc(50% - var(--responsive--alignleft-margin))
    }
}

.aligncenter {
    clear: both;
    display: block;
    float: none;
    margin-right: auto;
    margin-left: auto;
    text-align: center
}

.alignright {
    margin-top: 0;
    float: right;
    margin-left: var(--global--spacing-horizontal);
    margin-bottom: var(--global--spacing-vertical)
}

.entry-content > .alignright {
    max-width: var(--responsive--aligndefault-width)
}

@media only screen and (min-width:482px) {
    .alignright {
        float: right;
        margin-left: var(--global--spacing-horizontal)
    }

    .entry-content > .alignright {
        max-width: calc(50% - var(--responsive--alignright-margin))
    }
}

[class*=inner-container] > .alignleft + *, [class*=inner-container] > .alignright + * {
    margin-top: 0
}

.alignwide {
    clear: both
}

.alignfull {
    clear: both
}

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

.has-right-content {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.has-parallax {
    background-attachment: fixed
}

.has-drop-cap:not(:focus)::first-letter {
    font-weight: var(--heading--font-weight);
    line-height: .66;
    text-transform: uppercase;
    font-style: normal;
    float: left;
    margin: .15em .2em 0 0;
    font-size: calc(1.2 * var(--heading--font-size-h1))
}

.has-drop-cap:not(:focus)::after {
    content: "";
    display: table;
    clear: both;
    padding-top: 14px
}

.desktop-only {
    display: none
}

@media only screen and (min-width:482px) {
    .desktop-only {
        display: block
    }
}

.entry-content img {
    max-width: 100%
}

.entry-content ul {
    line-height: var(--global--line-height-body)
}

.entry-content .wp-block-gallery {
    margin-top: 0
}

.default-max-width, .entry-content .wp-audio-shortcode, .entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), .post-thumbnail, [class*=inner-container] > :not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) {
    max-width: var(--responsive--aligndefault-width);
    margin-left: auto;
    margin-right: auto
}

.clear:after, .entry-content:after, .site-content:after, .site-footer:after, .site-header:after {
    content: '';
    display: block;
    clear: both
}

.alignwide, .comments-pagination, .pagination, .post-navigation, .site-footer, .site-header, .wide-max-width, .widget-area {
    max-width: var(--responsive--alignwide-width);
    margin-left: auto;
    margin-right: auto
}

.entry-content {
    word-wrap: break-word;
    line-height: var(--global--line-height-body)
}

.ms-default-page.entry-content {
    padding-left: calc(var(--bs-gutter-x)/ 2) !important;
    padding-right: calc(var(--bs-gutter-x)/ 2) !important
}

.screen-reader-text {
    border: 0;
    clip: rect(1px,1px,1px,1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important
}

.entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide):not(.size-full):not(.video-container):not(.gallery) {
    max-width: var(--responsive--aligndefault-width);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px
}

.entry-content .wp-block-audio, .entry-content .wp-block-video {
    margin-bottom: calc(var(--space-md) * var(--text-vspace-multiplier))
}

.entry-content a.wp-block-file__button {
    font-size: 1em
}

.entry-content .wp-block-video figcaption {
    font-size: 14px
}

.entry-content a:not(.wp-block-button__link):not(.tag-cloud-link):not(.ms-s-i):not(.ms-sl) {
    text-decoration: underline
}

.alignwide {
    clear: both
}

.wp-block-cover, .wp-block-cover-image {
    min-height: var(--cover--height);
    margin-top: inherit
}

.wp-block-image figcaption {
    color: var(--color-contrast-medium);
    margin: 0;
    padding: .5rem;
    text-align: center;
    font-size: 14px
}

.blocks-gallery-grid .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption, .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption {
    padding: 40px 15px 15px
}

.wp-block-spacer {
    display: block;
    margin-bottom: 0 !important;
    margin-top: 0 !important
}

.ms-sp--header {
    margin-top: 8vh;
    margin-bottom: 8vh
}

    .ms-sp--header .post-meta-date.meta-date-sp, .ms-sp--header h1 {
        max-width: var(--responsive--aligndefault-width);
        margin-left: auto;
        margin-right: auto
    }

    .ms-sp--header .post-meta-date.meta-date-sp {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 15px
    }

    .ms-sp--header .ms-sp--title {
        font-weight: 800;
        font-size: calc(var(--text-xxxl) + 11px);
        margin-bottom: 8pt;
        word-wrap: break-word;
        text-align: center;
        text-transform: uppercase
    }

.blog .ms-sp--header .ms-sp--title, .search .ms-sp--header .ms-sp--title {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--responsive--alignwide-width);
    padding-right: calc(var(--bs-gutter-x)/ 2);
    padding-left: calc(var(--bs-gutter-x)/ 2)
}

.archive .ms-sp--header {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--responsive--alignwide-width);
    padding-right: calc(var(--bs-gutter-x)/ 2);
    padding-left: calc(var(--bs-gutter-x)/ 2)
}

    .archive .ms-sp--header h1 {
        max-width: 100%
    }

.ms-sp-list .grid-item:last-child {
    margin-top: var(--space-xl)
}

.wp-block-cover__inner-container p {
    margin-top: 0
}

    .wp-block-cover__inner-container p a {
        color: var(--color-white);
        text-decoration: underline;
        -webkit-text-decoration-style: solid;
        -moz-text-decoration-style: solid;
        text-decoration-style: solid
    }

        .wp-block-cover__inner-container p a:hover {
            opacity: .7;
            -webkit-text-decoration-style: dotted;
            -moz-text-decoration-style: dotted;
            text-decoration-style: dotted
        }

.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-image-text, .wp-block-cover-image:not([class*=background-color]) .wp-block-cover-text, .wp-block-cover-image:not([class*=background-color]) .wp-block-cover__inner-container, .wp-block-cover:not([class*=background-color]) .wp-block-cover-image-text, .wp-block-cover:not([class*=background-color]) .wp-block-cover-text, .wp-block-cover:not([class*=background-color]) .wp-block-cover__inner-container {
    color: var(--color-white)
}

.wp-block-columns.alignfull .wp-block-column h1:not(.has-background), .wp-block-columns.alignfull .wp-block-column h2:not(.has-background), .wp-block-columns.alignfull .wp-block-column h3:not(.has-background), .wp-block-columns.alignfull .wp-block-column h4:not(.has-background), .wp-block-columns.alignfull .wp-block-column h5:not(.has-background), .wp-block-columns.alignfull .wp-block-column h6:not(.has-background), .wp-block-columns.alignfull .wp-block-column p:not(.has-background) {
    padding-left: var(--global--spacing-unit);
    padding-right: var(--global--spacing-unit)
}

.wp-block-columns .wp-block-column > :first-child {
    margin-top: 0
}

.wp-block-columns .wp-block-column > :last-child {
    margin-bottom: 0
}

.wp-block-image img {
    display: block
}

.wp-caption-text {
    color: var(--color-contrast-medium);
    padding: .5rem;
    text-align: center;
    font-size: 14px;
    line-height: 1.6;
    margin-top: calc(.35 * var(--global--spacing-unit));
    margin-bottom: var(--global--spacing-unit)
}

.blocks-gallery-caption {
    color: var(--color-contrast-medium);
    font-size: 14px
}

.wp-block-gallery .blocks-gallery-item figcaption {
    font-size: 14px
}

.has-img.is-picture {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.wp-block-button.is-style-squared, .wp-block-button.is-style-squared .wp-block-button__link {
    border-radius: 0
}

.wp-block-latest-comments {
    padding-left: 0
}

.wp-block-latest-comments__comment {
    margin-bottom: calc(var(--list-v-space,1) * var(--space-xxxs))
}

    .wp-block-latest-comments__comment a {
        text-decoration: underline !important;
        text-underline-offset: 2pt
    }

.wp-block-latest-posts__list {
    padding-left: 0
}

.wp-block-latest-comments .wp-block-latest-comments__comment-date, .wp-block-latest-posts__post-date {
    color: var(--color-contrast-medium);
    font-size: 14px
}

.wp-block-rss {
    padding-left: 0
}

    .wp-block-rss .wp-block-rss__item {
        list-style: none;
        padding-left: 0
    }

        .wp-block-rss .wp-block-rss__item::before {
            content: none !important
        }

.navigation.post-navigation {
    position: relative
}

.nav-links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    max-width: var(--responsive--aligndefault-width)
}

    .nav-links .nav-next, .nav-links .nav-previous {
        -webkit-flex-basis: calc(50% - .01px - var(--grid-gap,1em));
        -ms-flex-preferred-size: calc(50% - .01px - var(--grid-gap,1em));
        flex-basis: calc(50% - .01px - var(--grid-gap,1em));
        max-width: calc(50% - .01px - var(--grid-gap,1em));
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

        .nav-links .nav-next h3, .nav-links .nav-previous h3 {
            -webkit-transition: color 150ms var(--ease-in-out);
            transition: color 150ms var(--ease-in-out);
            display: block;
            word-break: break-word;
            font-size: 22px;
            font-weight: 700;
            text-transform: uppercase
        }

            .nav-links .nav-next h3:hover, .nav-links .nav-previous h3:hover {
                color: var(--color-primary)
            }

    .nav-links .nav-previous {
        margin-left: 0;
        margin-right: auto
    }

        .nav-links .nav-previous .ms-spp--i {
            position: relative;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            overflow: hidden;
            margin-right: var(--space-sm);
            -webkit-flex-shrink: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0
        }

            .nav-links .nav-previous .ms-spp--i svg {
                fill: var(--color-primary);
                position: absolute;
                top: 0;
                left: -80px;
                width: 40px;
                height: 80px;
                padding: 5px;
                background-color: rgba(255,255,255,.4);
                -webkit-backdrop-filter: saturate(180%) blur(10px);
                backdrop-filter: saturate(180%) blur(10px);
                -webkit-transform: rotate(-180deg);
                -ms-transform: rotate(-180deg);
                transform: rotate(-180deg);
                border-radius: 8px;
                -webkit-transition: all .3s ease;
                transition: all .3s ease
            }

        .nav-links .nav-previous:hover svg {
            left: 0
        }

    .nav-links .nav-next {
        position: relative;
        -webkit-box-pack: end;
        -webkit-justify-content: end;
        -ms-flex-pack: end;
        justify-content: end
    }

        .nav-links .nav-next:hover svg {
            right: 0
        }

.nav-next .nav-label {
    text-align: right
}

.nav-label {
    display: inline-block;
    font-size: 15px;
    margin-bottom: 6pt;
    text-decoration: none;
    color: var(--color-contrast-high)
}

.prev-post {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

    .prev-post img {
        border-radius: var(--radius-lg);
        margin-right: var(--space-sm)
    }

.next-post {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: right
}

    .next-post img {
        border-radius: var(--radius-lg);
        margin-left: var(--space-sm)
    }

.edit-link {
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: var(--global--spacing-vertical);
    display: inline-block
}

@media only screen and (max-width:512px) {
    .nav-links .nav-next h3, .nav-links .prev-post h3 {
        font-size: 18px
    }
}

.no-thumb {
    padding: 0 15px 30px
}

    .no-thumb .ms-text-bg {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 0 15px;
        color: var(--color-contrast-high) !important
    }

.entry-content > .alignfull.has-background, .entry-content > .alignleft, .entry-content > .alignleft:first-child + *, .entry-content > .alignright, .entry-content > .alignright:first-child + * {
    margin-top: 0
}

.entry-content > .alignfull.has-background, .entry-content > :last-child:not(.wp-block-media-text) {
    margin-bottom: 0
}

.entry-content > .alignfull + .alignleft, .entry-content > .alignfull + .alignright {
    margin-top: var(--global--spacing-vertical)
}

.post-edit-link .meta-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

    .post-edit-link .meta-icon svg {
        margin-right: 4pt;
        fill: var(--color-primary)
    }

.ms-default-page blockquote, .ms-sp--article blockquote {
    padding: 1em
}

    .ms-default-page blockquote.is-large, .ms-default-page blockquote.is-style-large, .ms-sp--article blockquote.is-large, .ms-sp--article blockquote.is-style-large {
        padding: 1.5rem !important;
        border: solid 2pt;
        border-color: var(--color-primary)
    }

.ms-default-page .wp-block-pullquote.has-background blockquote, .ms-default-page .wp-block-pullquote:not(.is-style-solid-color) blockquote, .ms-sp--article .wp-block-pullquote.has-background blockquote, .ms-sp--article .wp-block-pullquote:not(.is-style-solid-color) blockquote {
    border: none;
    padding-top: 0;
    padding-bottom: 0
}

    .ms-default-page .wp-block-pullquote.has-background blockquote::after, .ms-default-page .wp-block-pullquote:not(.is-style-solid-color) blockquote::after, .ms-sp--article .wp-block-pullquote.has-background blockquote::after, .ms-sp--article .wp-block-pullquote:not(.is-style-solid-color) blockquote::after {
        content: none
    }

.wp-block-separator.is-style-dots:before {
    padding-left: 1em
}

.wp-block-categories li {
    text-align: left
}

.wp-block-table tr:nth-child(odd) {
    background-color: #f2f2f2
}

.ms-sl {
    -webkit-transition: color 150ms var(--ease-in-out);
    transition: color 150ms var(--ease-in-out)
}

@media (max-width:975px) {
    .blog .ms-sp--header .ms-sp--title {
        padding: 0;
        max-width: 100%
    }

    .archive .ms-sp--header {
        max-width: 100%
    }
}

@media (max-width:552px) {
    .post-meta-date.meta-date-sp {
        font-size: 14px !important
    }

    .ms-sp--header .ms-sp--title {
        font-size: var(--text-xxl,2.074em)
    }

    .ms-sp--header {
        margin-bottom: 30px
    }

    .ms-default-page.entry-content + .entry-footer {
        padding-left: calc(var(--bs-gutter-x)/ 2) !important;
        padding-right: calc(var(--bs-gutter-x)/ 2) !important
    }
}

.has-sticky-column .elx-w-wrap {
    position: -webkit-sticky;
    position: sticky;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    top: var(--main-header-height-md)
}

body[data-theme=dark] .menu-item-has-children > a::after {
    -webkit-filter: invert(100%);
    filter: invert(100%)
}

iframe {
    -webkit-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
    -webkit-transition-delay: 250ms;
    transition-delay: 250ms
}

.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

    .flex > * {
        display: inline-block
    }

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

.flex--column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

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

.flex--center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

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

.flex--center-y {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

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

.flex--space-around {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

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

.flex--grow > * {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.flex--shrink-none > * {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.flex--gap-md > *, .flex--gap > *, .flex-gap--md > *, .flex-gap > * {
    margin-right: var(--space-md)
}

.flex--gap-md > :last-child, .flex--gap > :last-child, .flex-gap--md > :last-child, .flex-gap > :last-child {
    margin-right: 0
}

.flex--wrap.flex--gap, .flex--wrap.flex--gap-md, .flex--wrap.flex-gap, .flex--wrap.flex-gap--md {
    margin-bottom: calc(-1 * var(--space-md))
}

    .flex--wrap.flex--gap-md > *, .flex--wrap.flex--gap > *, .flex--wrap.flex-gap--md > *, .flex--wrap.flex-gap > * {
        margin-bottom: var(--space-md)
    }

.flex--gap-xxs > *, .flex-gap--xxs > * {
    margin-right: var(--space-xxs)
}

.flex--gap-xxs > :last-child, .flex-gap--xxs > :last-child {
    margin-right: 0
}

.flex--wrap.flex--gap-xxs, .flex--wrap.flex-gap--xxs {
    margin-bottom: calc(-1 * var(--space-xxs))
}

    .flex--wrap.flex--gap-xxs > *, .flex--wrap.flex-gap--xxs > * {
        margin-bottom: var(--space-xxs)
    }

.flex--gap-xs > *, .flex-gap--xs > * {
    margin-right: var(--space-xs)
}

.flex--gap-xs > :last-child, .flex-gap--xs > :last-child {
    margin-right: 0
}

.flex--wrap.flex--gap-xs, .flex--wrap.flex-gap--xs {
    margin-bottom: calc(-1 * var(--space-xs))
}

    .flex--wrap.flex--gap-xs > *, .flex--wrap.flex-gap--xs > * {
        margin-bottom: var(--space-xs)
    }

.flex--gap-sm > *, .flex-gap--sm > * {
    margin-right: var(--space-sm)
}

.flex--gap-sm > :last-child, .flex-gap--sm > :last-child {
    margin-right: 0
}

.flex--wrap.flex--gap-sm, .flex--wrap.flex-gap--sm {
    margin-bottom: calc(-1 * var(--space-sm))
}

    .flex--wrap.flex--gap-sm > *, .flex--wrap.flex-gap--sm > * {
        margin-bottom: var(--space-sm)
    }

.flex--gap-lg > *, .flex-gap--lg > * {
    margin-right: var(--space-lg)
}

.flex--gap-lg > :last-child, .flex-gap--lg > :last-child {
    margin-right: 0
}

.flex--wrap.flex--gap-lg, .flex--wrap.flex-gap--lg {
    margin-bottom: calc(-1 * var(--space-lg))
}

    .flex--wrap.flex--gap-lg > *, .flex--wrap.flex-gap--lg > * {
        margin-bottom: var(--space-lg)
    }

.flex--gap-xl > *, .flex-gap--xl > * {
    margin-right: var(--space-xl)
}

.flex--gap-xl > :last-child, .flex-gap--xl > :last-child {
    margin-right: 0
}

.flex--wrap.flex--gap-xl, .flex--wrap.flex-gap--xl {
    margin-bottom: calc(-1 * var(--space-xl))
}

    .flex--wrap.flex--gap-xl > *, .flex--wrap.flex-gap--xl > * {
        margin-bottom: var(--space-xl)
    }

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

.flex-item--grow {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.flex-item--shrink-none {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

:root {
    --text-base-size: 1em;
    --text-scale-ratio: 1.2;
    --text-xs: calc((1em / var(--text-scale-ratio)) / var(--text-scale-ratio));
    --text-sm: calc(var(--text-xs) * var(--text-scale-ratio));
    --text-md: calc(var(--text-sm) * var(--text-scale-ratio) * var(--text-scale-ratio));
    --text-lg: calc(var(--text-md) * var(--text-scale-ratio));
    --text-xl: calc(var(--text-lg) * var(--text-scale-ratio));
    --text-xxl: calc(var(--text-xl) * var(--text-scale-ratio));
    --text-xxxl: calc(var(--text-xxl) * var(--text-scale-ratio));
    --body-line-height: 1.8;
    --heading-line-height: 1.2;
    --font-primary-capital-letter: 1;
    --font-weight-light: 400;
    --font-weight-bold: 700
}

@supports (--css:variables) {
    @media (min-width:64rem) {
        :root {
            --text-base-size: 1.25em;
            --text-scale-ratio: 1.25
        }
    }
}

body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100vh;
    font-size: 16px;
    font-family: var(--font-primary);
    color: var(--color-contrast-higher);
    font-weight: 400;
    background-color: var(--color-bg);
    -webkit-transition: background-color 250ms ease;
    transition: background-color 250ms ease
}

    body.page-template-slider-carousel-page-php, body.page-template-slider-full-page-php, body.page-template-slider-parallax-page-php {
        height: auto
    }

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
    color: var(--color-contrast-higher);
    line-height: var(--heading-line-height)
}

.text-xxxl {
    font-size: var(--text-xxxl,2.488em)
}

.text-xxl, h1 {
    font-size: var(--text-xxl,2.074em)
}

.text-xl, h2 {
    font-size: calc(var(--text-xl,1.728em) + 1px)
}

.text-lg, h3 {
    font-size: var(--text-lg,1.44em)
}

.text-md, h4 {
    font-size: var(--text-md,1.2em)
}

.text-base {
    font-size: 1em
}

.text-sm, small {
    font-size: var(--text-sm,.833em)
}

.text-xs {
    font-size: var(--text-xs,.694em)
}

a {
    text-decoration: underline !important;
}

.link, a {
    position: relative;
    color: #9899DC;
}

.link a {
    text-decoration: none !important;
}

    a:hover {
        color: var(--color-primary);
    }

.link {
    --line-arrow-width: 1px;
    --line-arrow-height: 8px;
    --line-arrow-easing: cubic-bezier(.19,1,.22,1);
    --line-arrow-transition-duration: 240ms;
    --line-arrow-transition-delay: 280ms
}

    .link::after, .link::before {
        content: "";
        position: absolute;
        right: -10%;
        bottom: -2pt;
        opacity: 0;
        background: #7879BC;
        -webkit-transition: opacity 240ms var(--line-arrow-easing) 260ms,-webkit-transform var(--line-arrow-transition-duration) var(--line-arrow-easing) 140ms;
        transition: opacity 240ms var(--line-arrow-easing) 260ms,-webkit-transform var(--line-arrow-transition-duration) var(--line-arrow-easing) 140ms;
        transition: transform var(--line-arrow-transition-duration) var(--line-arrow-easing) 140ms,opacity 240ms var(--line-arrow-easing) 260ms;
        transition: transform var(--line-arrow-transition-duration) var(--line-arrow-easing) 140ms,opacity 240ms var(--line-arrow-easing) 260ms,-webkit-transform var(--line-arrow-transition-duration) var(--line-arrow-easing) 140ms;
        z-index: 2
    }

    .link::before {
        width: var(--line-arrow-width);
        height: var(--line-arrow-height);
        -webkit-transform-origin: 0 100%;
        -ms-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    .link::after {
        height: var(--line-arrow-width);
        width: var(--line-arrow-height);
        -webkit-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: translateX(-1px) rotate(0);
        -ms-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0)
    }

    .link:hover {
        --deg: -45deg
    }

        .link:hover::before {
            opacity: 1;
            -webkit-transition: opacity 240ms var(--line-arrow-easing) 220ms,-webkit-transform var(--line-arrow-transition-duration) var(--line-arrow-easing) var(--line-arrow-transition-delay);
            transition: opacity 240ms var(--line-arrow-easing) 220ms,-webkit-transform var(--line-arrow-transition-duration) var(--line-arrow-easing) var(--line-arrow-transition-delay);
            transition: transform var(--line-arrow-transition-duration) var(--line-arrow-easing) var(--line-arrow-transition-delay),opacity 240ms var(--line-arrow-easing) 220ms;
            transition: transform var(--line-arrow-transition-duration) var(--line-arrow-easing) var(--line-arrow-transition-delay),opacity 240ms var(--line-arrow-easing) 220ms,-webkit-transform var(--line-arrow-transition-duration) var(--line-arrow-easing) var(--line-arrow-transition-delay);
            -webkit-transform: rotate(var(--deg));
            -ms-transform: rotate(var(--deg));
            transform: rotate(var(--deg))
        }

        .link:hover::after {
            opacity: 1;
            -webkit-transition: opacity 240ms var(--line-arrow-easing) 220ms,-webkit-transform var(--line-arrow-transition-duration) var(--line-arrow-easing) var(--line-arrow-transition-delay);
            transition: opacity 240ms var(--line-arrow-easing) 220ms,-webkit-transform var(--line-arrow-transition-duration) var(--line-arrow-easing) var(--line-arrow-transition-delay);
            transition: transform var(--line-arrow-transition-duration) var(--line-arrow-easing) var(--line-arrow-transition-delay),opacity 240ms var(--line-arrow-easing) 220ms;
            transition: transform var(--line-arrow-transition-duration) var(--line-arrow-easing) var(--line-arrow-transition-delay),opacity 240ms var(--line-arrow-easing) 220ms,-webkit-transform var(--line-arrow-transition-duration) var(--line-arrow-easing) var(--line-arrow-transition-delay);
            -webkit-transform: translateX(-1px) rotate(var(--deg));
            -ms-transform: translateX(-1px) rotate(var(--deg));
            transform: translateX(-1px) rotate(var(--deg))
        }

        .link:hover a::before {
            -webkit-transform-origin: left;
            -ms-transform-origin: left;
            transform-origin: left;
            -webkit-transform: scaleX(1);
            -ms-transform: scaleX(1);
            transform: scaleX(1)
        }

        .link:hover a::after {
            -webkit-transform-origin: left center;
            -ms-transform-origin: left center;
            transform-origin: left center;
            -webkit-transform: scale(1,1);
            -ms-transform: scale(1,1);
            transform: scale(1,1)
        }

    .link a {
        display: inline-block;
        position: relative;
        color: #7879BC;
    }

            .link a::before {
                --line-width: 107%;
                --line-height: 1px;
                --line-easing: cubic-bezier(.19,1,.22,1);
                --line-transition-duration: 600ms;
                content: "";
                position: absolute;
                left: 0;
                bottom: -2pt;
                width: var(--line-width);
                height: var(--line-height);
                -webkit-transform-origin: right;
                -ms-transform-origin: right;
                transform-origin: right;
                -webkit-transform: scaleX(0);
                -ms-transform: scaleX(0);
                transform: scaleX(0);
                background: #7879BC;
                -webkit-transition: -webkit-transform var(--line-transition-duration) var(--line-easing);
                transition: -webkit-transform var(--line-transition-duration) var(--line-easing);
                transition: transform var(--line-transition-duration) var(--line-easing);
                transition: transform var(--line-transition-duration) var(--line-easing),-webkit-transform var(--line-transition-duration) var(--line-easing);
                z-index: 1
            }

mark {
    background-color: hsla(var(--color-accent-h),var(--color-accent-s),var(--color-accent-l),.2);
    color: inherit
}

strong {
    font-weight: 700
}

s {
    text-decoration: line-through
}

u {
    text-decoration: underline
}

address {
    margin-bottom: calc(var(--space-sm) * var(--text-vspace-multiplier));
    line-height: var(--component-body-line-height)
}

.wp-block-quote cite, cite {
    font-style: italic;
    font-size: 14px;
    color: var(--color-contrast-medium);
    z-index: 3
}

    .wp-block-quote cite a, cite a {
        color: var(--color-contrast-medium)
    }

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text--center {
    text-align: center
}

.text--replace {
    overflow: hidden;
    color: transparent;
    text-indent: 100%;
    white-space: nowrap
}

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

.list--border li {
    border-bottom: 1px solid var(--color-contrast-low)
}

.list--border ol, .list--border ul {
    border-top: 1px solid var(--color-contrast-low)
}

    .list--border ol li:last-child, .list--border ul li:last-child {
        border-bottom-width: 0
    }

.wp-block-latest-posts__list {
    --bullet-size: 0px !important;
    --bullet-margin-right: 0
}

    .wp-block-latest-posts__list li {
        padding-left: 0 !important
    }

        .wp-block-latest-posts__list li::before {
            content: '';
            border: none !important
        }

.wp-block-separator {
    clear: both
}

.blocks-gallery-grid {
    --bullet-size: 0px !important;
    --bullet-margin-right: 0px !important;
    margin-bottom: 0 !important
}

    .blocks-gallery-grid .blocks-gallery-item {
        padding-bottom: calc(var(--list-v-space,1) + 3px) !important
    }

        .blocks-gallery-grid .blocks-gallery-item::before {
            all: unset
        }

.wp-block-gallery {
    margin-bottom: calc(var(--space-md) * var(--text-vspace-multiplier))
}

    .wp-block-gallery .blocks-gallery-caption {
        width: 100%
    }

.has-large-font-size {
    margin-bottom: 0 !important
}

.has-primary-color {
    color: #1258ca !important
}

.has-accent-color {
    color: #c70a1a !important
}

.has-success-color {
    color: #88c559 !important
}

.has-black-color {
    color: #1c1c21 !important
}

.has-contrast-color {
    color: #292a2d !important
}

.has-contrast-medium-color {
    color: #79797c !important
}

.has-contrast-lower-color {
    color: #323639 !important
}

.has-white-color {
    color: #fff !important
}

.has-small-font-size {
    font-size: 14px !important
}

.has-normal-font-size {
    font-size: 16px !important
}

.has-large-font-size {
    font-size: 24px !important
}

.has-huge-font-size {
    font-size: 28px !important
}

#loaded {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 9999;
    opacity: 1;
    background-color: var(--color-bg)
}

:root {
    --icon-btn-fill: var(--color-contrast-medium)
}

body[data-theme=dark] {
    --icon-btn-fill: hsl(210 15% 90%)
}

.back-to-top {
    position: fixed;
    width: 50px;
    height: 50px;
    right: 30px;
    bottom: 30px;
    z-index: 2
}

    .back-to-top .ms-btt--inner {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        width: 100%;
        border-radius: 50%;
        background-color: var(--color-bg-darker);
        cursor: pointer
    }

    .back-to-top .ms-btt-i {
        z-index: 1;
        width: 24px;
        left: 0;
        right: 0;
        margin: auto;
        top: 0;
        bottom: 0;
        stroke: transparent;
        fill: var(--icon-btn-fill);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

:root .back-to-top, [data-theme=dark] .back-to-top {
    mix-blend-mode: normal
}

.back-to-top .ms_tm--tooltip {
    top: 8pt
}

@media (max-width:992px) {
    .back-to-top {
        right: calc(1.5rem/ 2);
        bottom: calc(1.5rem/ 2)
    }
}

@media only screen and (max-width:512px) {
    .back-to-top {
        display: none
    }
}

:root {
    --icon-xxs: 12px;
    --icon-xs: 16px;
    --icon-sm: 24px;
    --icon-md: 32px;
    --icon-lg: 48px;
    --icon-xl: 64px;
    --icon-xxl: 128px
}

.icon {
    display: inline-block;
    color: inherit;
    fill: currentColor;
    height: 1.1em;
    width: 1em;
    line-height: 1;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    max-width: initial
}

.display--sm .icon, .page-item:not(.next,.prev) .icon {
    margin-top: 4pt
}

.icon--xxs {
    font-size: var(--icon-xxs)
}

.icon--xs {
    font-size: var(--icon-xs)
}

.icon--sm {
    font-size: var(--icon-sm)
}

.icon--md {
    font-size: var(--icon-md)
}

.icon--lg {
    font-size: var(--icon-lg)
}

.icon--xl {
    font-size: var(--icon-xl)
}

.icon--xxl {
    font-size: var(--icon-xxl)
}

.icon--is-spinning {
    -webkit-animation: icon-spin 1s infinite linear;
    animation: icon-spin 1s infinite linear
}

@-webkit-keyframes icon-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes icon-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.icon use {
    color: inherit;
    fill: currentColor
}

.ms_skill_bar .skill-bar, .ms_skill_bar .skill-title {
    width: 100%;
    position: relative
}

.skill {
    margin-bottom: 15px
}

.skill-title {
    margin: 0 auto var(--space-sm);
    line-height: .8
}

    .skill-title::after {
        content: '';
        display: block;
        position: absolute;
        top: auto;
        bottom: 0;
        font-size: 16px;
        text-align: right;
        -webkit-transition: width 1s cubic-bezier(1,0,.5,1);
        transition: width 1s cubic-bezier(1,0,.5,1)
    }

.skill-bar {
    width: 0;
    height: 4px;
    border-radius: 8pt;
    background: hsla(var(--color-primary-h),var(--color-primary-s),var(--color-primary-l),.15);
    -webkit-transition: 1s cubic-bezier(1,0,.5,1);
    transition: 1s cubic-bezier(1,0,.5,1)
}

.ms_skill_bar.active-bar .skill-bar {
    width: 100%
}

.ms_skill_bar .skill-bar span {
    float: left;
    width: 0%;
    background: var(--color-primary);
    height: calc(100% + 2px);
    border-radius: 8pt;
    position: absolute;
    bottom: 0;
    -webkit-transition: 1s cubic-bezier(1,0,.5,1);
    transition: 1s cubic-bezier(1,0,.5,1)
}

    .ms_skill_bar .skill-bar span b {
        float: right;
        width: 100%;
        position: relative;
        text-align: right;
        opacity: 0;
        color: #0fbfe6;
        font-weight: 400;
        font-size: 16px;
        top: -24pt
    }

.ms-bqt2 {
    margin-top: 20px;
    text-align: center;
    display: block;
    border: solid 3px var(--color-primary);
    border-radius: 12pt;
    padding-bottom: 20px
}

    .ms-bqt2 svg {
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: var(--icon-xl);
        background-color: var(--color-bg);
        padding: 0 12pt;
        height: 40px
    }

        .ms-bqt2 svg path {
            fill: var(--color-primary)
        }

    .ms-bqt2 p {
        margin: 0 0 20px;
        font-size: var(--text-md);
        line-height: var(--body-line-height);
        font-style: italic
    }

    .ms-bqt2 cite {
        font-size: 16px;
        font-weight: 400;
        margin-bottom: var(--space-sm)
    }

blockquote:not(.ms-bqt2) {
    position: relative;
    z-index: 2;
    position: relative;
    padding: 1.5rem;
    border: solid 2pt var(--color-primary);
    border-radius: 6pt
}

    blockquote:not(.ms-bqt2) p {
        position: relative;
        z-index: 3;
        margin-bottom: 0;
        font-size: 18px;
        font-style: italic
    }

    blockquote:not(.ms-bqt2)::before {
        content: '\201C';
        position: absolute;
        font-size: 64px;
        line-height: 1;
        top: 1.55rem;
        left: -.75rem;
        z-index: 1;
        color: var(--color-primary);
        font-family: sans-serif
    }

    blockquote:not(.ms-bqt2)::after {
        content: '';
        position: absolute;
        top: 1.2rem;
        left: -3pt;
        height: 44px;
        width: 4pt;
        background-color: var(--color-bg)
    }

blockquote.has-text-align-right {
    padding: 1.5rem !important;
    border-left: solid 2pt var(--color-primary) !important;
    border-right: solid 2pt var(--color-primary) !important
}

    blockquote.has-text-align-right::before {
        content: '\201C';
        position: absolute;
        font-size: 64px;
        line-height: 1;
        top: 1.55rem;
        right: -.75rem;
        z-index: 1;
        color: var(--color-primary);
        font-family: sans-serif
    }

    blockquote.has-text-align-right::after {
        content: '';
        position: absolute;
        top: 1.2rem;
        left: auto;
        right: -3pt;
        height: 44px;
        width: 4pt;
        background-color: var(--color-bg)
    }

blockquote.has-text-color::before {
    content: none
}

.wp-block-pullquote blockquote::before {
    content: none
}

.ms-pt-block {
    overflow: hidden
}

    .ms-pt-block .currency, .ms-pt-block .price {
        font-family: "Neue Haas Grotesk Display Pro","Open Sans",sans-serif;
        font-size: 48px;
        font-weight: 600
    }

    .ms-pt-block .period {
        color: var(--color-contrast-medium)
    }

    .ms-pt-block .ms-pt--price {
        line-height: 1;
        margin-bottom: var(--space-md)
    }

    .ms-pt-block .ms-pt--title {
        font-size: 28px;
        margin-bottom: 15px
    }

    .ms-pt-block li {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

        .ms-pt-block li + li {
            margin-top: var(--space-sm)
        }

        .ms-pt-block li.active .icon-check {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            margin-right: var(--space-xs);
            max-width: 100%
        }

            .ms-pt-block li.active .icon-check svg {
                width: 14px;
                height: 14px;
                stroke: var(--color-primary);
                stroke-width: 3pt;
                fill: none
            }

        .ms-pt-block li.no-active {
            color: var(--color-contrast-medium)
        }

            .ms-pt-block li.no-active .icon-check {
                display: block;
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-flex: 0;
                -webkit-flex: 0 0 auto;
                -ms-flex: 0 0 auto;
                flex: 0 0 auto;
                -webkit-box-pack: center;
                -webkit-justify-content: center;
                -ms-flex-pack: center;
                justify-content: center;
                margin-right: var(--space-xs);
                max-width: 100%
            }

                .ms-pt-block li.no-active .icon-check svg {
                    width: 14px;
                    height: 14px;
                    stroke: var(--color-contrast-medium);
                    stroke-width: 3pt;
                    fill: none
                }

    .ms-pt-block .ms-pt--content {
        display: inline-block;
        margin-top: 30px
    }

        .ms-pt-block .ms-pt--content ul {
            padding-left: 0
        }

        .ms-pt-block .ms-pt--content + .ms-pt--footer {
            margin-top: 30px
        }

    .ms-pt-block .ms-mp--badge {
        display: inline-block;
        font-size: 14px
    }

        .ms-pt-block .ms-mp--badge p {
            line-height: 1
        }

:root {
    --btn-font-size: 1em;
    --btn-padding-x: var(--space-sm);
    --btn-padding-y: var(--space-xxs);
    --btn-radius: 0
}

button:focus {
    outline: 0
}

.btn {
    font-weight: 400;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    white-space: nowrap;
    text-decoration: none;
    padding-top: var(--space-xxs);
    padding-bottom: var(--space-xxs);
    padding-left: var(--space-md);
    padding-right: var(--space-md);
    border-radius: var(--btn-radius);
    font-size: var(--btn-font-size);
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    color: var(--color-white);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: 0;
    outline-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    will-change: transform;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: outline-color 250ms var(--ease-out),background-color 250ms var(--ease-out),-webkit-transform 150ms var(--bounce);
    transition: outline-color 250ms var(--ease-out),background-color 250ms var(--ease-out),-webkit-transform 150ms var(--bounce);
    transition: outline-color 250ms var(--ease-out),background-color 250ms var(--ease-out),transform 150ms var(--bounce);
    transition: outline-color 250ms var(--ease-out),background-color 250ms var(--ease-out),transform 150ms var(--bounce),-webkit-transform 150ms var(--bounce)
}

    .btn:active {
        -webkit-transform: translateY(2px);
        -ms-transform: translateY(2px);
        transform: translateY(2px);
        outline: 0
    }

    .btn:focus {
        -webkit-box-shadow: none;
        box-shadow: none
    }

.wp-block-button {
    margin-bottom: var(--global--spacing-vertical)
}

.btn--primary {
    height: 42px;
    position: relative;
    background-color: var(--color-primary);
    color: var(--color-white);
    -webkit-transition: background-color 250ms var(--ease-out),outline-color 250ms var(--ease-out),-webkit-transform 150ms var(--ease-in-out);
    transition: background-color 250ms var(--ease-out),outline-color 250ms var(--ease-out),-webkit-transform 150ms var(--ease-in-out);
    transition: background-color 250ms var(--ease-out),transform 150ms var(--ease-in-out),outline-color 250ms var(--ease-out);
    transition: background-color 250ms var(--ease-out),transform 150ms var(--ease-in-out),outline-color 250ms var(--ease-out),-webkit-transform 150ms var(--ease-in-out);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.btn--subtle {
    background: var(--color-contrast-lower);
    color: var(--color-contrast-higher);
    outline: 0
}

.btn--accent {
    background-color: var(--color-accent);
    color: var(--color-white);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

    .btn--accent :active, .btn--accent :focus, .btn--accent:hover {
        color: var(--color-white);
        outline-color: var(--color-accent)
    }

.btn--disabled {
    cursor: not-allowed;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .6;
    pointer-events: none
}

.btn--sm {
    font-size: .8em
}

.btn--ba {
    font-size: 1em
}

.btn--md {
    font-size: 1.1em
}

.btn--lg {
    font-size: 1.4em
}

.btn--full-width {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.btn .icon {
    color: inherit;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.btn--icon-text {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

    .btn--icon-text > :nth-child(2) {
        margin-left: var(--space-xs)
    }

.btn--icon {
    padding: var(--space-xs)
}

.btn-load-more {
    overflow: hidden
}

    .btn-load-more .text--no-items {
        display: none
    }

.no-works.btn--primary {
    background-color: var(--color-contrast-lower);
    color: var(--color-contrast-medium);
    pointer-events: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

    .no-works.btn--primary .text--main {
        display: none
    }

    .no-works.btn--primary .ms-btn__text {
        -webkit-transition: margin-right 250ms cubic-bezier(.645,.045,.355,1);
        transition: margin-right 250ms cubic-bezier(.645,.045,.355,1)
    }

    .no-works.btn--primary .text--no-items {
        display: block
    }

    .no-works.btn--primary::hover {
        pointer-events: none
    }

.btn .btn__content-b {
    position: absolute;
    -webkit-box-shadow: none;
    box-shadow: none;
    top: -2pt;
    left: calc(100% + 4pt);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 250ms cubic-bezier(.645,.045,.355,1);
    transition: all 250ms cubic-bezier(.645,.045,.355,1)
}

.btn__content-a, .btn__content-b {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.btn__content-c {
    top: -1px;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 1;
    position: absolute;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.btn--state-b .ms-btn__text {
    margin-right: 35px
}

.btn--state-b .btn__content-a {
    display: none;
    -webkit-transition: top 250ms cubic-bezier(.645,.045,.355,1);
    transition: top 250ms cubic-bezier(.645,.045,.355,1)
}

.btn--state-b .btn__content-b {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.btn--preserve-width .btn__content-b {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn--preserve-width.btn--state-b .btn__content-a {
    display: inline-block;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.btn--preserve-width.btn--state-b .btn__content-b {
    top: 0;
    -webkit-transition: top .3s ease;
    transition: top .3s ease
}

.btn--preserve-width.btn--state-b .btn__content-c {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.load-more-icon :first-child {
    stroke: var(--color-primary-light)
}

.load-more-icon :last-child {
    stroke: var(--color-white)
}

.ms-btn__icon {
    z-index: 4
}

.ms-btn__icon--left {
    margin-right: 4pt
}

.ms-btn__icon--right {
    margin-left: 4pt
}

.ms-btn__icon, .ms-btn__text {
    -webkit-transition: all 250ms var(--ease-out);
    transition: all 250ms var(--ease-out)
}

    .ms-btn__icon i:active, .ms-btn__icon i:focus, .ms-btn__icon:active, .ms-btn__icon:focus, .ms-btn__text:active, .ms-btn__text:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

.ms-btn__text {
    position: relative;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .ms-btn__text .text--main {
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        will-change: transform;
        -webkit-transition: opacity .4s cubic-bezier(.19,1,.22,1) .1s,-webkit-transform .8s cubic-bezier(.19,1,.22,1) .1s;
        transition: opacity .4s cubic-bezier(.19,1,.22,1) .1s,-webkit-transform .8s cubic-bezier(.19,1,.22,1) .1s;
        transition: transform .8s cubic-bezier(.19,1,.22,1) .1s,opacity .4s cubic-bezier(.19,1,.22,1) .1s;
        transition: transform .8s cubic-bezier(.19,1,.22,1) .1s,opacity .4s cubic-bezier(.19,1,.22,1) .1s,-webkit-transform .8s cubic-bezier(.19,1,.22,1) .1s
    }

    .ms-btn__text .text--ghost {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        z-index: 4;
        color: var(--color-white);
        will-change: transform;
        -webkit-transform: translateY(150%) rotate(25deg);
        -ms-transform: translateY(150%) rotate(25deg);
        transform: translateY(150%) rotate(25deg);
        -webkit-transition: opacity .4s cubic-bezier(.19,1,.22,1),-webkit-transform .8s cubic-bezier(.19,1,.22,1);
        transition: opacity .4s cubic-bezier(.19,1,.22,1),-webkit-transform .8s cubic-bezier(.19,1,.22,1);
        transition: transform .8s cubic-bezier(.19,1,.22,1),opacity .4s cubic-bezier(.19,1,.22,1);
        transition: transform .8s cubic-bezier(.19,1,.22,1),opacity .4s cubic-bezier(.19,1,.22,1),-webkit-transform .8s cubic-bezier(.19,1,.22,1)
    }

.btn:hover .text--main {
    -webkit-transform: translateY(-150%) rotate(-25deg);
    -ms-transform: translateY(-150%) rotate(-25deg);
    transform: translateY(-150%) rotate(-25deg);
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.btn:hover .text--ghost {
    -webkit-transform: translateY(0) rotate(0);
    -ms-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0);
    opacity: 1;
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.btn:after, .btn:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: -webkit-transform .8s cubic-bezier(.19,1,.22,1);
    transition: -webkit-transform .8s cubic-bezier(.19,1,.22,1);
    transition: transform .8s cubic-bezier(.19,1,.22,1);
    transition: transform .8s cubic-bezier(.19,1,.22,1),-webkit-transform .8s cubic-bezier(.19,1,.22,1);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom
}

.btn:before {
    background-color: #aba9bb;
    z-index: 3;
    -webkit-transition-delay: .07s;
    transition-delay: .07s
}

.btn:after {
    background-color: #8989be;
    z-index: 2;
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}

.ms-btn--ripple {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    background-color: #464555;
    z-index: 3;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: -webkit-transform .8s cubic-bezier(.19,1,.22,1);
    transition: -webkit-transform .8s cubic-bezier(.19,1,.22,1);
    transition: transform .8s cubic-bezier(.19,1,.22,1);
    transition: transform .8s cubic-bezier(.19,1,.22,1),-webkit-transform .8s cubic-bezier(.19,1,.22,1);
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.btn:hover {
    color: var(--color-white)
}

    .btn:hover:after {
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }

    .btn:hover:before {
        -webkit-transition-delay: .08s;
        transition-delay: .08s
    }

    .btn:hover:after, .btn:hover:before {
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform: scaleY(1)
    }

    .btn:hover .ms-btn__icon {
        color: var(--color-white)
    }

    .btn:hover .ms-btn--ripple {
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transition-delay: .15s;
        transition-delay: .15s
    }

@media (pointer:coarse) {
    .btn:hover:after, .btn:hover:before {
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0)
    }

    .btn:hover .ms-btn--ripple {
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0)
    }

    .btn:hover .text--main {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    .btn:hover .text--ghost {
        opacity: 0;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.ms-rb {
    overflow: hidden;
    position: relative
}

    .ms-rb .ms-rb--avatar {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        max-width: 360px;
        max-height: 360px;
        width: 100%;
        height: 360px;
        margin-right: var(--space-xl)
    }

        .ms-rb .ms-rb--avatar img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover
        }

    .ms-rb .ms-rb--avatar_sm {
        width: 60px;
        height: 60px;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex
    }

        .ms-rb .ms-rb--avatar_sm img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover
        }

    .ms-rb .swiper-slide {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .ms-rb .ms-rb-rc {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%
    }

        .ms-rb .ms-rb-rc .ms-rb--quote {
            display: block
        }

            .ms-rb .ms-rb-rc .ms-rb--quote .icon-quote {
                width: 36px;
                height: 36px;
                color: hsla(var(--color-contrast-low-h),var(--color-contrast-low-s),var(--color-contrast-low-l),var(--color-o,1))
            }

            .ms-rb .ms-rb-rc .ms-rb--quote + .ms-rb--text {
                margin-top: auto;
                line-height: 1.8;
                margin-bottom: auto;
                padding: 25px 0
            }

    .ms-rb .ms-rb-footer {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-top: auto;
        margin-bottom: 0;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

        .ms-rb .ms-rb-footer .ms-rb--name {
            font-size: 18px;
            font-weight: 600
        }

        .ms-rb .ms-rb-footer .ms-rb--function {
            color: var(--color-contrast-medium)
        }

    .ms-rb .ms-rb-fr {
        top: calc(50% - 4rem);
        left: 3rem;
        right: 3rem;
        z-index: 1;
        position: absolute;
        margin-left: auto;
        margin-right: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

        .ms-rb .ms-rb-fr .ms-rb-btn-next, .ms-rb .ms-rb-fr .ms-rb-btn-prev {
            width: 3.5rem;
            height: 3.5rem;
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            border: solid 1px transparent;
            padding: 0;
            opacity: 0;
            -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
            background-color: rgba(255,255,255,.4);
            -webkit-transition: all .3s var(--ease-in-out);
            transition: all .3s var(--ease-in-out);
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center
        }

            .ms-rb .ms-rb-fr .ms-rb-btn-next svg, .ms-rb .ms-rb-fr .ms-rb-btn-prev svg {
                fill: var(--color-black)
            }

            .ms-rb .ms-rb-fr .ms-rb-btn-next:hover, .ms-rb .ms-rb-fr .ms-rb-btn-prev:hover {
                border-color: var(--color-primary)
            }

        .ms-rb .ms-rb-fr .ms-rb-btn-next {
            margin-left: auto;
            margin-right: 0;
            -webkit-transform: translateX(100%);
            -ms-transform: translateX(100%);
            transform: translateX(100%)
        }

        .ms-rb .ms-rb-fr .ms-rb-btn-prev {
            margin-left: 0;
            margin-right: auto;
            -webkit-transform: translateX(-100%);
            -ms-transform: translateX(-100%);
            transform: translateX(-100%)
        }

        .ms-rb .ms-rb-fr:hover .ms-rb-btn-next, .ms-rb .ms-rb-fr:hover .ms-rb-btn-prev {
            opacity: 1;
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0)
        }

    .ms-rb .ms-rb-db {
        width: 300px;
        margin: 30px auto;
        left: 0 !important;
        -webkit-transform: translateX(0) !important;
        -ms-transform: translateX(0) !important;
        transform: translateX(0) !important
    }

        .ms-rb .ms-rb-db .swiper-pagination-bullet {
            width: 6pt;
            height: 6pt;
            outline: 0;
            background-color: var(--color-primary)
        }

    .ms-rb .swiper-wrapper:hover ~ .ms-rb-fr .ms-rb-btn-next, .ms-rb .swiper-wrapper:hover ~ .ms-rb-fr .ms-rb-btn-prev {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    .ms-rb[data-effect=fade] .swiper-slide {
        opacity: 0 !important;
        -webkit-transition: opacity .3s;
        transition: opacity .3s
    }

        .ms-rb[data-effect=fade] .swiper-slide.swiper-slide-next, .ms-rb[data-effect=fade] .swiper-slide.swiper-slide-prev {
            opacity: 0 !important;
            -webkit-transition: opacity .3s;
            transition: opacity .3s
        }

    .ms-rb[data-effect=fade] .swiper-slide-active {
        opacity: 1 !important
    }

    .ms-rb.s_2.center {
        text-align: center
    }

        .ms-rb.s_2.center .ms-rb-footer {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column
        }

        .ms-rb.s_2.center .ms-rb--avatar_sm {
            margin-bottom: 25px
        }

    .ms-rb.s_2.left {
        text-align: left
    }

        .ms-rb.s_2.left .ms-rb-footer .ms-rb--avatar_sm {
            margin-right: 25px
        }

    .ms-rb.s_2.right {
        text-align: right
    }

        .ms-rb.s_2.right .ms-rb-footer {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: reverse;
            -webkit-flex-direction: row-reverse;
            -ms-flex-direction: row-reverse;
            flex-direction: row-reverse
        }

            .ms-rb.s_2.right .ms-rb-footer .ms-rb--avatar_sm {
                margin-left: 25px
            }

.swiper-button-disabled {
    display: none;
    visibility: hidden
}

.ms-rb.s_3 .ms-rb-rc {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: -1;
    width: 100%;
    padding: 5em 0
}

    .ms-rb.s_3 .ms-rb-rc .ms-rb-lc {
        padding: 1em 2em;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        height: 350px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        background-color: var(--color-primary);
        border-top-left-radius: 15px;
        border-bottom-left-radius: 15px;
        border-right: none;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative;
        overflow: hidden
    }

        .ms-rb.s_3 .ms-rb-rc .ms-rb-lc .ms-rb--name {
            margin-bottom: 4pt
        }

        .ms-rb.s_3 .ms-rb-rc .ms-rb-lc .ms-rb--function, .ms-rb.s_3 .ms-rb-rc .ms-rb-lc .ms-rb--name {
            color: var(--color-white)
        }

        .ms-rb.s_3 .ms-rb-rc .ms-rb-lc .ms-rb--quote {
            width: 100%;
            height: 50%;
            position: absolute;
            left: -1em;
            bottom: -1em
        }

            .ms-rb.s_3 .ms-rb-rc .ms-rb-lc .ms-rb--quote .icon-quote {
                width: 100%;
                height: 100%
            }

                .ms-rb.s_3 .ms-rb-rc .ms-rb-lc .ms-rb--quote .icon-quote path {
                    fill: hsla(var(--color-primary-dark-h),var(--color-primary-dark-s),var(--color-primary-dark-l),var(--color-o,.4))
                }

    .ms-rb.s_3 .ms-rb-rc .ms-rb--avatar_sm {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        position: relative;
        width: 175px;
        height: 230px
    }

        .ms-rb.s_3 .ms-rb-rc .ms-rb--avatar_sm::before {
            content: '';
            position: absolute;
            top: 50%;
            left: 0;
            height: 350px;
            width: 50%;
            background-color: var(--color-primary);
            border-top-right-radius: 15px;
            border-bottom-right-radius: 15px;
            border-left: 0;
            -webkit-transform: translateX(0) translateY(-50%);
            -ms-transform: translateX(0) translateY(-50%);
            transform: translateX(0) translateY(-50%);
            z-index: -1
        }

    .ms-rb.s_3 .ms-rb-rc .ms-rb--text {
        padding: 1em 2em
    }

@media screen and (max-width:782px) {
    .ms-rb .swiper-slide {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .ms-rb .swiper-slide .ms-rb--avatar {
            display: none
        }

        .ms-rb .swiper-slide .ms-rb-footer {
            position: relative;
            height: 60px
        }

    .ms-rb-fr {
        display: none;
        visibility: hidden
    }

    .ms-rb.s_3 .ms-rb-rc {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.swiper-pagination-bullets-dynamic {
    -webkit-transition: -webkit-transform 250ms var(--ease-out);
    transition: -webkit-transform 250ms var(--ease-out);
    transition: transform 250ms var(--ease-out);
    transition: transform 250ms var(--ease-out),-webkit-transform 250ms var(--ease-out)
}

.mfp-content .mfp-close {
    font-size: 36px
}

.mfp-content .mfp-title {
    margin-top: 15px
}

@-webkit-keyframes ticker {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        visibility: visible
    }

    100% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@keyframes ticker {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        visibility: visible
    }

    100% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

.ms-tt-wrap {
    width: 100%;
    overflow: hidden;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

    .ms-tt-wrap .ms-tt {
        display: inline-block;
        white-space: nowrap;
        padding-left: 100%;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        margin-left: -100%;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-name: ticker;
        animation-name: ticker;
        -webkit-animation-duration: 30s;
        animation-duration: 30s
    }

    .ms-tt-wrap .ms-tt__text {
        display: inline-block;
        color: var(--color-contrast-higher)
    }

    .ms-tt-wrap[data-direction=ltr] .ms-tt {
        animation-direction: reverse;
        margin-left: 100%
    }

    .ms-tt-wrap[data-sh=on]:hover .ms-tt {
        -webkit-animation-play-state: paused;
        animation-play-state: paused
    }

.ms-tt__text, .ms-tt__text span {
    -webkit-text-stroke-color: var(--color-contrast-higher)
}

.ms-slider {
    overflow: hidden
}

    .ms-slider .swiper-slide {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        overflow: hidden
    }

        .ms-slider .swiper-slide .slide-inner {
            width: 100%
        }

            .ms-slider .swiper-slide .slide-inner .ms-slider--link {
                width: 100%;
                height: 100%;
                position: absolute;
                z-index: 4;
                top: 0;
                left: 0
            }

        .ms-slider .swiper-slide .ms-slider--video video {
            max-width: inherit
        }

        .ms-slider .swiper-slide .ms-slider--img {
            width: 100%;
            height: 100%;
            overflow: hidden;
            position: relative
        }

            .ms-slider .swiper-slide .ms-slider--img img {
                width: 100%;
                height: 100%;
                -o-object-fit: cover;
                object-fit: cover;
                -o-object-position: 50% 50%;
                object-position: 50% 50%
            }

            .ms-slider .swiper-slide .ms-slider--img::after {
                content: '';
                position: absolute;
                width: 101%;
                height: 100%;
                top: 0;
                left: -1px;
                -webkit-transition: all .3s cubic-bezier(.25,.25,.75,.75);
                transition: all .3s cubic-bezier(.25,.25,.75,.75)
            }

        .ms-slider .swiper-slide .ms-slider--cont {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            bottom: 0;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            z-index: 3
        }

        .ms-slider .swiper-slide .ms-slider--overlay {
            position: absolute;
            z-index: 0;
            width: calc(100% + 1pt);
            height: 100%;
            top: 0;
            left: 0
        }

    .ms-slider .ms-slider--nav.nav-size--md .ms-nav--next, .ms-slider .ms-slider--nav.nav-size--md .ms-nav--prev {
        width: 60px;
        height: 60px
    }

        .ms-slider .ms-slider--nav.nav-size--md .ms-nav--next .i-arrow, .ms-slider .ms-slider--nav.nav-size--md .ms-nav--prev .i-arrow {
            width: 30px;
            height: 30px
        }

    .ms-slider .ms-slider--nav.nav-size--sm .ms-nav--next, .ms-slider .ms-slider--nav.nav-size--sm .ms-nav--prev {
        width: 40px;
        height: 40px
    }

        .ms-slider .ms-slider--nav.nav-size--sm .ms-nav--next .i-arrow, .ms-slider .ms-slider--nav.nav-size--sm .ms-nav--prev .i-arrow {
            width: 20px;
            height: 20px
        }

    .ms-slider .ms-nav--next, .ms-slider .ms-nav--prev {
        z-index: 2;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        bottom: 1.042vw;
        width: 80px;
        height: 80px;
        cursor: pointer;
        position: absolute;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        outline: 0;
        border: solid 1px transparent;
        background-color: rgba(0,0,0,.2);
        -webkit-transition: background-color .3s cubic-bezier(.25,.25,.75,.75);
        transition: background-color .3s cubic-bezier(.25,.25,.75,.75)
    }

        .ms-slider .ms-nav--next:hover, .ms-slider .ms-nav--prev:hover {
            background-color: hsla(var(--color-primary-h),var(--color-primary-s),var(--color-primary-l),.2)
        }

    .ms-slider .swiper-button-disabled:hover {
        border-color: transparent
    }

    .ms-slider .ms-nav--next {
        right: 3rem
    }

    .ms-slider .ms-nav--prev {
        left: 3rem
    }

        .ms-slider .ms-nav--prev .i-arrow {
            -webkit-transform: rotate(-180deg);
            -ms-transform: rotate(-180deg);
            transform: rotate(-180deg)
        }

    .ms-slider .swiper-button-disabled {
        visibility: visible;
        cursor: default
    }

        .ms-slider .swiper-button-disabled .i-arrow {
            opacity: .2
        }

    .ms-slider .i-arrow {
        width: 40px;
        height: 40px;
        stroke: #fff;
        position: relative;
        outline: 0;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
        -webkit-transition: opacity .3s cubic-bezier(.25,.25,.75,.75);
        transition: opacity .3s cubic-bezier(.25,.25,.75,.75)
    }

    .ms-slider .swiper-pagination {
        color: #fff
    }

    .ms-slider[data-nav=top] .ms-nav--next, .ms-slider[data-nav=top] .ms-nav--prev {
        top: 3rem
    }

    .ms-slider[data-nav=center] .ms-nav--prev {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .ms-slider[data-nav=center] .ms-nav--next {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .ms-slider[data-nav=bottom] .ms-nav--next, .ms-slider[data-nav=bottom] .ms-nav--prev {
        bottom: 3rem
    }

.ms-slider--progress {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 3rem;
    height: 80px;
    z-index: 3
}

    .ms-slider--progress .swiper-pagination-progressbar {
        position: relative;
        width: 100%;
        height: 2px
    }

        .ms-slider--progress .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
            height: 2px
        }

    .ms-slider--progress .ms-slider--count {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-left: 2rem;
        font-weight: 700;
        margin-bottom: 5pt
    }

        .ms-slider--progress .ms-slider--count .count {
            font-size: 28px
        }

    .ms-slider--progress.center {
        left: 0;
        right: 0;
        margin: 0 auto
    }

    .ms-slider--progress.right {
        right: 3rem
    }

    .ms-slider--progress.left {
        left: 3rem
    }

.ms-ticker {
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear
}

@media only screen and (max-width:975px) {
    .ms-slider .ms-nav--next {
        right: 1.5rem
    }

    .ms-slider .ms-nav--prev {
        left: 1.5rem
    }

    .ms-slider .ms-nav--next, .ms-slider .ms-nav--prev {
        width: 60px;
        height: 60px;
        bottom: 2rem !important
    }

        .ms-slider .ms-nav--next .i-arrow, .ms-slider .ms-nav--prev .i-arrow {
            width: 30px;
            height: 30px
        }

    .ms-slider .ms-slider--progress {
        height: 60px;
        bottom: 2rem
    }

        .ms-slider .ms-slider--progress .ms-slider--count {
            margin: 0 auto;
            display: none
        }

        .ms-slider .ms-slider--progress .swiper-pagination-progressbar {
            display: none
        }
}

.fullpage-carousel {
    height: 100%;
    max-height: 100vh;
    top: 0;
    left: 0;
    width: 100%
}

    .fullpage-carousel .ms-slider {
        height: calc(100vh - 1px) !important;
        padding: var(--main-header-height-md) 0
    }

.ms-slider--cont .ms-sc--l.text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

    .ms-slider--cont .ms-sc--l.text:hover::before {
        width: 0
    }

    .ms-slider--cont .ms-sc--l.text:hover::after {
        width: 40px
    }

    .ms-slider--cont .ms-sc--l.text::before {
        content: '';
        background: currentColor;
        left: 0;
        width: 40px;
        height: 1px;
        margin-right: 8pt;
        -webkit-transition: width .4s ease;
        transition: width .4s ease
    }

    .ms-slider--cont .ms-sc--l.text::after {
        content: '';
        background: currentColor;
        left: 0;
        width: 0;
        height: 1px;
        margin-left: 8pt;
        -webkit-transition: width .4s ease;
        transition: width .4s ease
    }

.ms-mc4wp--wrap {
    border-radius: var(--radius-lg);
    background-color: transparent
}

    .ms-mc4wp--wrap h2 {
        margin-bottom: calc(var(--space-unit) * .25 * var(--text-vspace-multiplier,1))
    }

    .ms-mc4wp--wrap p {
        line-height: 28px
    }

    .ms-mc4wp--wrap .ms-mc4wp--action {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .ms-mc4wp--wrap .ms-mc4wp--action .ms-mc4wp--ac {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            width: 100%;
            position: relative
        }

:root {
    --f-header-height: 50px;
    --f-header-logo-width: 130px
}

@media (min-width:64rem) {
    :root {
        --f-header-height: 70px
    }
}

.f-header {
    border: solid;
    position: relative;
    height: var(--f-header-height);
    z-index: var(--zindex-header)
}

.f-header__mobile-content {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2
}

.f-header__logo {
    display: block;
    width: var(--f-header-logo-width);
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-decoration: none
}

    .f-header__logo img, .f-header__logo svg {
        display: block
    }

.f-header__nav-control {
    --anim-menu-btn-size: 40px;
    --anim-menu-btn-icon-size: 28px;
    --anim-menu-btn-icon-stroke: 2px
}

.f-header__nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-height: 100vh;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
    padding: 0 0 var(--space-md);
    background-color: var(--color-bg);
    -webkit-box-shadow: var(--shadow-md);
    box-shadow: var(--shadow-md);
    font-size: var(--text-md);
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(-1em);
    -ms-transform: translateY(-1em);
    transform: translateY(-1em)
}

    .f-header__nav::before {
        content: '';
        display: block;
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        height: var(--f-header-height);
        background-color: inherit;
        border-bottom: 1px solid var(--color-contrast-lower)
    }

.f-header__nav--is-visible {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: visibility 0s,opacity .3s,-webkit-transform .3s;
    transition: visibility 0s,opacity .3s,-webkit-transform .3s;
    transition: visibility 0s,opacity .3s,transform .3s;
    transition: visibility 0s,opacity .3s,transform .3s,-webkit-transform .3s
}

.f-header__nav-logo-wrapper {
    display: none
}

.f-header__item {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-bottom: 1px solid var(--color-contrast-lower)
}

.f-header__dropdown-icon {
    display: none
}

.f-header__dropdown-link, .f-header__link {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--color-contrast-high);
    text-decoration: none;
    padding: var(--space-xs) 0
}

    .f-header__dropdown-link:hover, .f-header__dropdown-link[aria-current=page], .f-header__link:hover, .f-header__link[aria-current=page] {
        color: var(--color-primary)
    }

    .f-header__dropdown-link .icon, .f-header__link .icon {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

.f-header__btn, .f-header__form-control {
    width: 100%;
    margin: var(--space-xs) 0
}

.f-header__dropdown {
    padding-left: var(--space-md)
}

@media (min-width:64rem) {
    .f-header__mobile-content {
        display: none
    }

    .f-header__nav {
        position: static;
        padding: 0;
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: none;
        transition: none;
        max-height: none;
        overflow: visible;
        -ms-scroll-chaining: chained;
        overscroll-behavior: auto;
        height: var(--f-header-height);
        font-size: .875em
    }

        .f-header__nav::before {
            display: none
        }

    .f-header__nav-logo-wrapper {
        display: block;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .f-header__list, .f-header__nav-grid {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .f-header__nav-grid {
        height: 100%
    }

    .f-header__item {
        display: inline-block;
        position: relative;
        border-bottom: none;
        margin-right: var(--space-xs)
    }

        .f-header__item:last-child {
            margin-right: 0
        }

    .f-header__dropdown-icon {
        display: block;
        margin-left: var(--space-xxxxs);
        width: 12px;
        height: 12px;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .f-header__link {
        padding: var(--space-xxxs) var(--space-xxs)
    }

    .f-header__link--icon span {
        display: none
    }

    .f-header__btn, .f-header__form-control {
        margin: 0
    }

    .f-header__dropdown {
        font-size: 1rem;
        position: absolute;
        top: 100%;
        width: 200px;
        left: calc(50% - 100px);
        padding: var(--space-xxxs) 0;
        background-color: var(--color-bg);
        border-radius: var(--radius-md);
        -webkit-box-shadow: var(--shadow-md);
        box-shadow: var(--shadow-md);
        z-index: var(--zindex-popover);
        visibility: hidden;
        opacity: 0;
        -webkit-transition: visibility .2s .2s,opacity .2s 0s;
        transition: visibility .2s .2s,opacity .2s 0s
    }

    .f-header__item:hover .f-header__dropdown {
        visibility: visible;
        opacity: 1;
        -webkit-transition: visibility .2s 0s,opacity .2s 0s;
        transition: visibility .2s 0s,opacity .2s 0s
    }

    .f-header__dropdown-link {
        color: var(--color-contrast-high);
        padding: var(--space-xs) var(--space-sm)
    }

        .f-header__dropdown-link:hover {
            background-color: var(--color-contrast-lower)
        }
}

html:not(.js) .f-header__nav-control {
    display: none
}

html:not(.js) .f-header__nav {
    position: static;
    padding: var(--space-xxs) 0 var(--space-md);
    -webkit-box-shadow: none;
    box-shadow: none;
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.main-header__layout .main-header__nav {
    font-size: 1.25em
}

    .main-header__layout .main-header__nav ul {
        list-style: none;
        padding-left: 0
    }

.main-header__layout .main-header__default .navbar-nav .menu-item a {
    font-size: 17px;
    -webkit-transition: color 250ms cubic-bezier(.645,.045,.355,1);
    transition: color 250ms cubic-bezier(.645,.045,.355,1);
    padding-top: calc(var(--space-sm) + 2pt);
    padding-bottom: calc(var(--space-sm) + 2pt);
    cursor: pointer
}

.main-header__layout .main-header__default .navbar-nav .menu-item:hover > a {
    color: var(--color-primary)
}

.main-header__layout .main-header__nav .menu-item {
    position: relative
}

    .main-header__layout .main-header__nav .menu-item > a {
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        color: var(--color-contrast-higher);
        text-decoration: none;
        padding: .5em 0;
        padding: var(--space-xs) var(--space-sm)
    }

.main-header__layout .main-header__nav-label {
    color: var(--color-contrast-medium);
    margin-bottom: var(--space-xs)
}

.main-header__layout .main-header__nav-item {
    margin-bottom: var(--space-xs)
}

.main-header__layout .main-header__nav-link {
    color: var(--color-contrast-high)
}

    .main-header__layout .main-header__nav-link[aria-current] {
        color: var(--color-primary)
    }

.main-header__layout .main-header__nav-divider {
    height: 1px;
    width: 100%;
    background-color: var(--color-contrast-low)
}

.main-header__nav-trigger {
    display: none
}

.main-header__nav-trigger-icon {
    position: relative;
    display: block;
    height: 2px;
    width: 1em;
    background-color: currentColor;
    margin-right: var(--space-xxs);
    -webkit-transition: .25s ease;
    transition: .25s ease
}

    .main-header__nav-trigger-icon::after, .main-header__nav-trigger-icon::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: inherit;
        height: inherit;
        background-color: currentColor;
        -webkit-transition: .2s;
        transition: .2s
    }

    .main-header__nav-trigger-icon::before {
        -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        transform: translateY(-5px)
    }

    .main-header__nav-trigger-icon::after {
        -webkit-transform: translateY(5px);
        -ms-transform: translateY(5px);
        transform: translateY(5px)
    }

.main-header__nav-trigger[aria-expanded=true] .main-header__nav-trigger-icon {
    background-color: transparent
}

    .main-header__nav-trigger[aria-expanded=true] .main-header__nav-trigger-icon::before {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .main-header__nav-trigger[aria-expanded=true] .main-header__nav-trigger-icon::after {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

.js .main-header, .js .main-header__layout {
    height: var(--main-header-height)
}

.js .main-header__layout {
    z-index: 99;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.js .main-header__nav.ms-nav-drawer {
    position: relative;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    top: 0;
    left: 0;
    width: auto;
    padding: 0;
    display: block
}

.js .main-header__nav--is-visible {
    display: block;
    z-index: 2
}

    .js .main-header__nav--is-visible::after {
        content: '';
        position: absolute;
        top: -6px;
        right: calc(var(--space-lg) + 7pt);
        height: 20px;
        width: 20px;
        background-color: var(--color-contrast-higher);
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

.js .main-header__nav-trigger {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    z-index: 3;
    background-color: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: var(--color-contrast-high);
    outline: 0
}

.main-header__nav .sub-menu {
    margin-left: 15px;
    font-size: var(--text-xs);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: block
}

    .main-header__nav .sub-menu a {
        color: var(--color-contrast-high);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        outline: 0;
        -webkit-transition: color .6s cubic-bezier(.405,0,.025,1);
        transition: color .6s cubic-bezier(.405,0,.025,1)
    }

.sub-menu.sub-menu---visible {
    display: block
}

@media (min-width:64rem) {
    .main-header, .main-header__layout {
        height: var(--main-header-height-md)
    }

    .main-header__default .navbar-nav {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .main-header__layout {
        padding: 0;
        display: table;
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .main-header__logo {
        display: table-cell;
        vertical-align: middle;
        z-index: 999
    }

    .main-header__nav {
        float: right;
        margin-top: 0;
        font-size: .875em
    }

    .main-header__nav-label {
        position: absolute;
        clip: rect(1px,1px,1px,1px);
        -webkit-clip-path: inset(50%);
        clip-path: inset(50%)
    }

    .main-header__nav-list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .main-header__nav-item {
        display: inline-block;
        margin-bottom: 0;
        margin-left: var(--space-md)
    }

    .main-header__nav-divider {
        height: 1em;
        width: 1px
    }

    .js .main-header, .js .main-header__layout {
        height: var(--main-header-height-md)
    }

    .js .main-header__nav {
        padding: 0;
        background-color: transparent;
        position: static;
        width: auto;
        -webkit-box-shadow: none;
        box-shadow: none;
        display: block;
        z-index: 3
    }

    .js .main-header__nav-trigger {
        display: none
    }

    .main-header__layout .main-header__nav .navbar-nav .sub-menu {
        font-size: 14px;
        position: absolute;
        top: 100%;
        width: 220px;
        left: calc(50% - 100px);
        margin: 0;
        background-color: var(--color-contrast-higher);
        z-index: 5;
        z-index: var(--zindex-popover);
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translateY(10px) perspective(1px);
        transform: translateY(10px) perspective(1px);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: visibility 250ms ease,opacity 250ms ease,-webkit-transform .55s cubic-bezier(.19,1,.22,1);
        transition: visibility 250ms ease,opacity 250ms ease,-webkit-transform .55s cubic-bezier(.19,1,.22,1);
        transition: visibility 250ms ease,opacity 250ms ease,transform .55s cubic-bezier(.19,1,.22,1);
        transition: visibility 250ms ease,opacity 250ms ease,transform .55s cubic-bezier(.19,1,.22,1),-webkit-transform .55s cubic-bezier(.19,1,.22,1);
        border-radius: var(--radius-lg);
        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05),0 2px 2px rgba(0,0,0,.2),0 4px 4px rgba(0,0,0,.15),0 8px 8px rgba(0,0,0,.05);
        box-shadow: 0 1px 1px rgba(0,0,0,.05),0 2px 2px rgba(0,0,0,.2),0 4px 4px rgba(0,0,0,.15),0 8px 8px rgba(0,0,0,.05)
    }

        .main-header__layout .main-header__nav .navbar-nav .sub-menu::after {
            content: '';
            position: absolute;
            background-color: var(--color-contrast-higher);
            border-radius: var(--radius-md);
            width: 14px;
            height: 14px;
            top: -.3rem;
            left: calc(50% - 14px);
            z-index: -1;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg)
        }

        .main-header__layout .main-header__nav .navbar-nav .sub-menu li {
            width: 100%;
            margin-left: 0;
            border-radius: .25rem
        }

            .main-header__layout .main-header__nav .navbar-nav .sub-menu li > a {
                line-height: 1.4;
                font-size: 15px;
                color: var(--color-contrast-lower) !important;
                padding: 6pt 8pt;
                margin-left: 8pt;
                margin-right: 8pt;
                cursor: pointer;
                border-radius: 4pt;
                -webkit-transition: background-color 150ms ease;
                transition: background-color 150ms ease
            }

                .main-header__layout .main-header__nav .navbar-nav .sub-menu li > a:hover {
                    opacity: 1;
                    background-color: var(--color-contrast-high)
                }

            .main-header__layout .main-header__nav .navbar-nav .sub-menu li:first-child > a {
                margin-top: 6pt
            }

            .main-header__layout .main-header__nav .navbar-nav .sub-menu li:last-child > a {
                margin-bottom: 6pt
            }

        .main-header__layout .main-header__nav .navbar-nav .sub-menu .sub-menu {
            top: -6pt;
            left: -100%
        }

            .main-header__layout .main-header__nav .navbar-nav .sub-menu .sub-menu::after {
                content: none
            }

    .main-header__layout .navbar-nav .menu-item-has-children:hover > .sub-menu {
        visibility: visible;
        -webkit-transform: translateZ(0) perspective(1px);
        transform: translateZ(0) perspective(1px);
        opacity: 1;
        -webkit-transition: visibility 150ms var(--ease-in-out),opacity .35s cubic-bezier(.19,1,.22,1),-webkit-transform .55s cubic-bezier(.19,1,.22,1);
        transition: visibility 150ms var(--ease-in-out),opacity .35s cubic-bezier(.19,1,.22,1),-webkit-transform .55s cubic-bezier(.19,1,.22,1);
        transition: visibility 150ms var(--ease-in-out),opacity .35s cubic-bezier(.19,1,.22,1),transform .55s cubic-bezier(.19,1,.22,1);
        transition: visibility 150ms var(--ease-in-out),opacity .35s cubic-bezier(.19,1,.22,1),transform .55s cubic-bezier(.19,1,.22,1),-webkit-transform .55s cubic-bezier(.19,1,.22,1)
    }

    .main-header__layout .ms-logo__default a {
        height: 36px !important
    }

    .main-header__layout .navbar-nav > .menu-item-has-children:last-child > .sub-menu {
        left: auto;
        right: 0
    }

        .main-header__layout .navbar-nav > .menu-item-has-children:last-child > .sub-menu::after {
            left: auto;
            right: 1.8rem
        }
}

[data-theme=dark] .main-header__nav .navbar-nav .sub-menu {
    background-color: var(--color-contrast-lower)
}

    [data-theme=dark] .main-header__nav .navbar-nav .sub-menu li > a {
        color: var(--color-contrast-higher) !important
    }

        [data-theme=dark] .main-header__nav .navbar-nav .sub-menu li > a:hover {
            background-color: hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),.1) !important
        }

    [data-theme=dark] .main-header__nav .navbar-nav .sub-menu::after {
        background-color: var(--color-contrast-lower)
    }

.main-header__default .navbar-nav li.menu-item:last-child > a {
    padding-right: 0
}

@media only screen and (max-width:1023px) {
    [data-theme=dark] .main-header__nav {
        background-color: var(--color-contrast-lower)
    }

    [data-theme=dark] .main-header__default .navbar-nav > .menu-item > a {
        color: var(--color-contrast-higher)
    }

    [data-theme=dark] .main-header__nav--is-visible::after {
        background-color: var(--color-contrast-lower)
    }

    [data-theme=dark] .main-header__layout .main-header__default .navbar-nav .menu-item:hover > a {
        color: var(--color-contrast-higher)
    }

    [data-theme=dark] .main-header__nav .navbar-nav .sub-menu li > a:hover {
        background-color: transparent !important
    }

    .main-header__layout .main-header__default .navbar-nav .menu-item:hover > a {
        color: var(--color-contrast-lower)
    }

    .is_mobile .sub-menu .sub-menu {
        margin-left: 30px
    }

    .main-header__nav-trigger {
        padding: 0;
        border: none;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: transparent
    }

    .main-header__nav {
        margin-top: 15px;
        position: absolute;
        top: var(--main-header-height);
        left: 0;
        width: 100%;
        background-color: var(--color-contrast-higher);
        padding-top: var(--component-padding);
        padding-bottom: var(--component-padding);
        display: none
    }

    .main-header__layout .main-header__nav .menu-item > a {
        padding: var(--space-xs) 15px;
        color: var(--color-contrast-low)
    }

    .main-header__default .menu-item-has-children > a::after {
        content: "";
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        bottom: 0;
        margin-left: auto;
        width: 12px;
        height: 12px;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTAuNDc3IDBoLTguOTc3bDEyLjAyNCAxMi0xMi4wMjQgMTJoOC45NzdsMTIuMDIzLTEyeiIvPjwvc3ZnPg==);
        background-position: center;
        background-size: cover;
        letter-spacing: 1px;
        -webkit-filter: invert(100%);
        filter: invert(100%);
        -webkit-transition: -webkit-transform 150ms var(--ease-in-out);
        transition: -webkit-transform 150ms var(--ease-in-out);
        transition: transform 150ms var(--ease-in-out);
        transition: transform 150ms var(--ease-in-out),-webkit-transform 150ms var(--ease-in-out)
    }

    .main-header__default .menu-item-has-children > a.active::after {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .main-header__default .navbar-nav > .menu-item > a {
        padding-top: var(--space-xs);
        padding-bottom: var(--space-xs);
        color: var(--color-contrast-lower);
        font-weight: 700;
        text-transform: uppercase;
        font-size: 18px !important
    }

    .main-header__nav .sub-menu {
        font-size: 14px;
        font-weight: 400
    }

    .main-header__default .navbar-nav a {
        padding-top: var(--space-xs) !important;
        padding-bottom: var(--space-xs) !important
    }

    .main-header__default .navbar-nav .sub-menu {
        display: none
    }
}

@media only screen and (max-width:782px) {
    .main-header {
        width: calc(100% - 1.5*var(--space-md));
        margin: 0 auto
    }

    .main-header__logo {
        max-width: 50%
    }

        .main-header__logo a {
            width: 100%
        }

    .ms-logo__default a {
        height: 26px !important
    }
}

@media only screen and (max-width:512px) {
    .main-header__default .navbar-nav > .menu-item.current-menu-item > a {
        color: var(--color-primary) !important
    }

    .current-menu-item a {
        color: var(--color-primary) !important
    }

    .main-header__admin.main-header.fixed, .main-header__admin.main-header.sticky {
        margin-top: 46px;
        position: absolute
    }
}

.auto-hide-header.is-blur::after {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: background-color 250ms ease,border-color 250ms ease;
    transition: background-color 250ms ease,border-color 250ms ease
}

.auto-hide-header.is-hide {
    margin-top: calc(var(--main-header-height-md) * -1) !important
}

.elx-editor-active .main-header.js-main-header.auto-hide-header {
    margin-bottom: 24px
}

.ms-fs-menu {
    position: fixed;
    overscroll-behavior-y: contain;
    overflow-y: auto;
    overflow-x: hidden;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: #0d0e13;
    -webkit-clip-path: polygon(0 0,100% 0,130% 0,0 0);
    clip-path: polygon(0 0,100% 0,130% 0,0 0);
    -webkit-transform: translate(0,0) rotate(7deg) scale(1.3);
    -ms-transform: translate(0,0) rotate(7deg) scale(1.3);
    transform: translate(0,0) rotate(7deg) scale(1.3);
    -webkit-transition: visibility 1s cubic-bezier(.575,.015,0,.995),-webkit-clip-path 1s cubic-bezier(.575,.015,0,.995),-webkit-transform 1s cubic-bezier(.575,.015,0,.995);
    transition: visibility 1s cubic-bezier(.575,.015,0,.995),-webkit-clip-path 1s cubic-bezier(.575,.015,0,.995),-webkit-transform 1s cubic-bezier(.575,.015,0,.995);
    transition: clip-path 1s cubic-bezier(.575,.015,0,.995),visibility 1s cubic-bezier(.575,.015,0,.995),transform 1s cubic-bezier(.575,.015,0,.995);
    transition: clip-path 1s cubic-bezier(.575,.015,0,.995),visibility 1s cubic-bezier(.575,.015,0,.995),transform 1s cubic-bezier(.575,.015,0,.995),-webkit-clip-path 1s cubic-bezier(.575,.015,0,.995),-webkit-transform 1s cubic-bezier(.575,.015,0,.995)
}

    .ms-fs-menu .ms-fs-container {
        opacity: 0;
        -webkit-transform-origin: bottom left;
        -ms-transform-origin: bottom left;
        transform-origin: bottom left;
        -webkit-transform: translate(0,-50%) rotate(-16deg) scale(1.3,1.3);
        -ms-transform: translate(0,-50%) rotate(-16deg) scale(1.3,1.3);
        transform: translate(0,-50%) rotate(-16deg) scale(1.3,1.3);
        -webkit-transition: opacity 1s 0s,-webkit-transform 1s cubic-bezier(.575,.015,0,.995);
        transition: opacity 1s 0s,-webkit-transform 1s cubic-bezier(.575,.015,0,.995);
        transition: transform 1s cubic-bezier(.575,.015,0,.995),opacity 1s 0s;
        transition: transform 1s cubic-bezier(.575,.015,0,.995),opacity 1s 0s,-webkit-transform 1s cubic-bezier(.575,.015,0,.995)
    }

    .ms-fs-menu .menu-item-has-children > a {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

        .ms-fs-menu .menu-item-has-children > a span {
            margin-left: 0;
            position: absolute;
            left: 100%;
            top: 0;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            bottom: 0;
            opacity: 0;
            width: 32px;
            height: 100%;
            -webkit-transition: all 320ms cubic-bezier(.575,.015,0,.995);
            transition: all 320ms cubic-bezier(.575,.015,0,.995)
        }

            .ms-fs-menu .menu-item-has-children > a span svg {
                fill: var(--color-primary);
                width: 32px;
                height: 32px
            }

        .ms-fs-menu .menu-item-has-children > a:hover span {
            opacity: 1;
            margin-left: 16pt
        }

    .ms-fs-menu * .menu-item > a {
        font-family: var(--font-heading);
        cursor: pointer;
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        color: #e8eaed;
        text-transform: uppercase;
        font-size: 48px;
        font-weight: 800
    }

    .ms-fs-menu * li {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .ms-fs-menu .ms-fs-container {
        position: relative;
        padding: 6rem 0;
        max-width: var(--responsive--alignwide-width);
        width: 100%;
        margin: auto auto
    }

        .ms-fs-menu .ms-fs-container .ms-fs--nav {
            -webkit-clip-path: inset(-100vw 0 -100vw 0);
            clip-path: inset(-100vw 0 -100vw 0)
        }

        .ms-fs-menu .ms-fs-container .ms-fs--contacts {
            position: relative;
            z-index: 9
        }

    .ms-fs-menu ul.navbar-nav-button {
        display: block;
        list-style: none;
        width: auto;
        position: relative;
        padding-left: 0;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

        .ms-fs-menu ul.navbar-nav-button * > ul {
            list-style: none;
            padding-left: 0;
            width: 100%
        }

        .ms-fs-menu ul.navbar-nav-button > li > ul {
            position: absolute;
            top: 0;
            left: 100%
        }

            .ms-fs-menu ul.navbar-nav-button > li > ul ul {
                position: absolute;
                top: 0;
                left: 0;
                -webkit-transform: translateX(100%);
                -ms-transform: translateX(100%);
                transform: translateX(100%)
            }

        .ms-fs-menu ul.navbar-nav-button .current_page_item > a {
            display: inline-block;
            border-bottom: solid 2px var(--color-primary)
        }

        .ms-fs-menu ul.navbar-nav-button .sub-menu.show > li > a {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex
        }

        .ms-fs-menu ul.navbar-nav-button .fl-number {
            position: absolute;
            left: -34px;
            top: 15px;
            opacity: .6;
            font-size: 16px
        }

    .ms-fs-menu.visible {
        opacity: 1;
        -webkit-transform: translate(0,0) rotate(0) scale(1);
        -ms-transform: translate(0,0) rotate(0) scale(1);
        transform: translate(0,0) rotate(0) scale(1);
        -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
        clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
        -webkit-transition: visibility 1s cubic-bezier(.575,.015,0,.995),opacity 1s cubic-bezier(.575,.015,0,.995),-webkit-clip-path 1s cubic-bezier(.575,.015,0,.995),-webkit-transform 1s cubic-bezier(.575,.015,0,.995);
        transition: visibility 1s cubic-bezier(.575,.015,0,.995),opacity 1s cubic-bezier(.575,.015,0,.995),-webkit-clip-path 1s cubic-bezier(.575,.015,0,.995),-webkit-transform 1s cubic-bezier(.575,.015,0,.995);
        transition: clip-path 1s cubic-bezier(.575,.015,0,.995),visibility 1s cubic-bezier(.575,.015,0,.995),opacity 1s cubic-bezier(.575,.015,0,.995),transform 1s cubic-bezier(.575,.015,0,.995);
        transition: clip-path 1s cubic-bezier(.575,.015,0,.995),visibility 1s cubic-bezier(.575,.015,0,.995),opacity 1s cubic-bezier(.575,.015,0,.995),transform 1s cubic-bezier(.575,.015,0,.995),-webkit-clip-path 1s cubic-bezier(.575,.015,0,.995),-webkit-transform 1s cubic-bezier(.575,.015,0,.995)
    }

        .ms-fs-menu.visible .ms-fs-container {
            -webkit-transform-origin: bottom left;
            -ms-transform-origin: bottom left;
            transform-origin: bottom left;
            opacity: 1;
            -webkit-transform: translate(0,0) rotate(0) scale(1);
            -ms-transform: translate(0,0) rotate(0) scale(1);
            transform: translate(0,0) rotate(0) scale(1);
            -webkit-transition: opacity 1s .2s,-webkit-transform 1s cubic-bezier(.575,.015,0,.995);
            transition: opacity 1s .2s,-webkit-transform 1s cubic-bezier(.575,.015,0,.995);
            transition: opacity 1s .2s,transform 1s cubic-bezier(.575,.015,0,.995);
            transition: opacity 1s .2s,transform 1s cubic-bezier(.575,.015,0,.995),-webkit-transform 1s cubic-bezier(.575,.015,0,.995)
        }

        .ms-fs-menu.visible .menu-item {
            opacity: 1
        }

        .ms-fs-menu.visible::after {
            -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
            clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
            -webkit-transform: translate(0,0) rotate(10deg) scale(1.5);
            -ms-transform: translate(0,0) rotate(10deg) scale(1.5);
            transform: translate(0,0) rotate(10deg) scale(1.5);
            -webkit-transition: -webkit-clip-path 1s cubic-bezier(.575,.015,0,.995),-webkit-transform 1s cubic-bezier(.575,.015,0,.995);
            transition: -webkit-clip-path 1s cubic-bezier(.575,.015,0,.995),-webkit-transform 1s cubic-bezier(.575,.015,0,.995);
            transition: clip-path 1s cubic-bezier(.575,.015,0,.995),transform 1s cubic-bezier(.575,.015,0,.995);
            transition: clip-path 1s cubic-bezier(.575,.015,0,.995),transform 1s cubic-bezier(.575,.015,0,.995),-webkit-clip-path 1s cubic-bezier(.575,.015,0,.995),-webkit-transform 1s cubic-bezier(.575,.015,0,.995)
        }

@media screen and (max-width:992px) {
    .ms-fs-menu {
        font-size: var(--text-xl)
    }

    .ms-fs-socials {
        display: none
    }
}

.ms-fs-container .active {
    z-index: 9
}

.menu-item--back {
    font-family: var(--font-heading);
    text-align: left;
    cursor: pointer;
    font-size: 22px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 4pt;
    letter-spacing: 1pt;
    text-transform: uppercase
}

    .menu-item--back a {
        color: #9aa0a6;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .menu-item--back::before {
        content: '';
        border: solid #9aa0a6;
        width: 12px;
        height: 12px;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
        margin-top: 2pt;
        margin-left: 2pt;
        margin-right: 8pt;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-transition: margin-right .3s ease;
        transition: margin-right .3s ease
    }

    .menu-item--back:hover::before {
        margin-right: 16pt
    }

.navbar-nav-button.active > li {
    overflow: hidden
}

    .navbar-nav-button.active > li.loading {
        overflow: unset
    }

.ms-fs-container .navbar-nav-button > li > a, .ms-fs-container .sub-menu .sub-menu, .ms-fs-container .sub-menu li a, .ms-fs-container .sub-menu > .menu-item--back {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility 1s,opacity .2s ease-out,color .3s ease;
    transition: visibility 1s,opacity .2s ease-out,color .3s ease
}

    .ms-fs-container .navbar-nav-button.active > li > a, .ms-fs-container .sub-menu .sub-menu.active, .ms-fs-container .sub-menu.active > .menu-item--back, .ms-fs-container .sub-menu.active > li > a {
        opacity: 1;
        visibility: visible;
        -webkit-transition: visibility 1s,opacity .2s ease-out,color .3s ease;
        transition: visibility 1s,opacity .2s ease-out,color .3s ease
    }

@media only screen and (max-width:1023px) {
    .ms-fs-menu .menu-item > a {
        font-size: calc(24px + 6 * ((100vw - 20px)/ 680))
    }

    .ms-fs-menu .ms-fs-container {
        width: 100%;
        padding: 4em 0
    }

        .ms-fs-menu .ms-fs-container .ms-fs--nav {
            padding: 0
        }

    .ms-fs-menu .menu-item-has-children > a::after {
        font-size: 22px;
        top: 10px
    }

    .ms-fs-menu * li {
        white-space: normal
    }
}

.ms-main, .ms-main.ms-single-post > * {
    -webkit-transform-origin: 25vw 0;
    -ms-transform-origin: 25vw 0;
    transform-origin: 25vw 0;
}

.fsm-opened .ms-main {
    -webkit-transform-origin: 25vw 0;
    -ms-transform-origin: 25vw 0;
    transform-origin: 25vw 0;
    -webkit-transform: translate(0,50vh) rotate(7deg) scale(1.3,1.3);
    -ms-transform: translate(0,50vh) rotate(7deg) scale(1.3,1.3);
    transform: translate(0,50vh) rotate(7deg) scale(1.3,1.3);
    -webkit-transition: -webkit-transform 1.2s cubic-bezier(.575,.015,0,.995);
    transition: -webkit-transform 1.2s cubic-bezier(.575,.015,0,.995);
    transition: transform 1.2s cubic-bezier(.575,.015,0,.995);
    transition: transform 1.2s cubic-bezier(.575,.015,0,.995),-webkit-transform 1.2s cubic-bezier(.575,.015,0,.995)
}

.fsm-opened .main-header__inner {
    position: fixed;
    left: 0;
    right: 0;
    margin: 0 auto
}

.container-menu {
    position: relative;
    z-index: 1;
    z-index: 99
}

.ms-logo__default h3 {
    -webkit-transition: color .6s cubic-bezier(.405,0,.025,1);
    transition: color .6s cubic-bezier(.405,0,.025,1)
}

.ms-logo__default.menu_opened {
    z-index: 99
}

    .ms-logo__default.menu_opened h3 {
        -webkit-transition: color .6s cubic-bezier(.405,0,.025,1);
        transition: color .6s cubic-bezier(.405,0,.025,1);
        color: var(--color-contrast-low)
    }

.action-menu {
    cursor: pointer;
    position: relative
}

    .action-menu .burger {
        width: 28px;
        height: 100%;
        position: relative;
        margin-left: 10px
    }

        .action-menu .burger .icon-close {
            position: absolute;
            top: -2px;
            left: 0;
            will-change: transform;
            -webkit-transform: rotate(90deg) scale(.8);
            -ms-transform: rotate(90deg) scale(.8);
            transform: rotate(90deg) scale(.8);
            -webkit-transition: color .5s,opacity .5s,-webkit-transform .5s;
            transition: color .5s,opacity .5s,-webkit-transform .5s;
            transition: color .5s,opacity .5s,transform .5s;
            transition: color .5s,opacity .5s,transform .5s,-webkit-transform .5s
        }

            .action-menu .burger .icon-close line {
                stroke-dasharray: 0,999px
            }

        .action-menu .burger .icon-burger {
            will-change: transform;
            -webkit-transition: color .5s,-webkit-transform .3s;
            transition: color .5s,-webkit-transform .3s;
            transition: transform .3s,color .5s;
            transition: transform .3s,color .5s,-webkit-transform .3s;
            overflow: hidden;
            color: var(--color-contrast-higher)
        }

    .action-menu .text {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1;
        -ms-flex: 1 1;
        flex: 1 1;
        position: relative;
        font-size: 20px;
        font-family: var(--font-heading);
        letter-spacing: 1pt
    }

        .action-menu .text span {
            display: block;
            color: var(--color-contrast-higher);
            -webkit-transition: .6s cubic-bezier(.575,.015,0,.995);
            transition: .6s cubic-bezier(.575,.015,0,.995)
        }

            .action-menu .text span:first-child {
                position: relative;
                -webkit-transition-delay: .1s;
                transition-delay: .1s
            }

            .action-menu .text span:nth-child(2) {
                position: absolute;
                top: 0;
                left: 0;
                opacity: 0;
                -webkit-transform: translate(0,50%) rotate(7deg);
                -ms-transform: translate(0,50%) rotate(7deg);
                transform: translate(0,50%) rotate(7deg)
            }

    .action-menu:hover .icon-burger {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }

.open-event.style-open .icon-burger {
    color: var(--color-white)
}

.open-event.style-open .icon-close {
    color: var(--color-white);
    -webkit-transform: rotate(90deg) scale(1);
    -ms-transform: rotate(90deg) scale(1);
    transform: rotate(90deg) scale(1);
    -webkit-transition: color .5s,-webkit-transform .5s;
    transition: color .5s,-webkit-transform .5s;
    transition: color .5s,transform .5s;
    transition: color .5s,transform .5s,-webkit-transform .5s
}

.open-event.style-open .burger .line:first-child {
    -webkit-transform-origin: initial;
    -ms-transform-origin: initial;
    transform-origin: initial;
    background-color: #f6f7f9;
    -webkit-transform: translateY(4px) rotate(130deg);
    -ms-transform: translateY(4px) rotate(130deg);
    transform: translateY(4px) rotate(130deg)
}

.open-event.style-open .burger .line:nth-child(2) {
    background-color: #f6f7f9;
    -webkit-transform: translateY(-4px) rotate(225deg);
    -ms-transform: translateY(-4px) rotate(225deg);
    transform: translateY(-4px) rotate(225deg)
}

.open-event.style-open .text span:first-child {
    -webkit-transform: translate(0,-50%) rotate(-7deg);
    -ms-transform: translate(0,-50%) rotate(-7deg);
    transform: translate(0,-50%) rotate(-7deg);
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.open-event.style-open .text span:nth-child(2) {
    opacity: 1;
    -webkit-transform: translate(0,0) rotate(0);
    -ms-transform: translate(0,0) rotate(0);
    transform: translate(0,0) rotate(0);
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.open-event.style-open .text span {
    color: #f6f7f9
}

.close-event, .open-event {
    background: 0 0;
    border: none;
    padding-left: 0;
    padding-right: 0
}

    .close-event:focus, .open-event:focus {
        outline: 0
    }

    .close-event:disabled, .open-event:disabled {
        color: inherit
    }

.open-event {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.close-event {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0;
    left: 0;
    display: none;
    cursor: pointer
}

    .close-event:hover + .open-event.style-open .icon-close {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

:root {
    --checkbox-radio-size: 1.2em;
    --checkbox-radio-translate-y: 0.15em;
    --checkbox-radio-gap: var(--space-xxxs);
    --checkbox-radio-border-width: 2px;
    --radio-marker-size: 8px;
    --checkbox-marker-size: 12px;
    --checkbox-radius: 0.185em
}


.wpcf7-not-valid-tip {
    background-color: var(--color-error);
    color: var(--color-white) !important;
    font-size: 14px !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: var(--space-xxxs) var(--space-xs);
    margin-top: var(--space-sm);
    border-radius: var(--radius-md);
    position: absolute;
    clip: rect(1px,1px,1px,1px)
}

    .wpcf7-not-valid-tip::before {
        content: '';
        position: absolute;
        left: var(--space-sm);
        top: 0;
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
        width: 0;
        height: 0;
        border: 8px solid transparent;
        border-bottom-color: var(--color-error)
    }

div.wpcf7-validation-errors {
    background-color: var(--color-warning);
    font-size: 14px;
    border-radius: var(--radius-md);
    color: var(--color-bg)
}

.wpcf7 .wpcf7-response-output {
    font-size: 14px;
    border-radius: .25rem;
    background-color: #ffb900;
    color: #fff;
    margin: var(--space-md) 0 !important
}

.wpcf7 .ajax-loader {
    position: absolute
}

.wpcf7-list-item {
    display: inline-block;
    margin: 0;
    font-size: 16px
}

@media screen and (max-width:992px) {
    .ms-mc4wp--content {
        margin-bottom: 20px
    }
}

:root {
    --zindex-header: 2;
    --zindex-popover: 4;
    --zindex-fixed-element: 5;
    --zindex-overlay: 10
}

@media not all and (min-width:32rem) {
    .display--xs {
        display: none !important
    }
}

@media (min-width:32rem) {
    .hide--xs {
        display: none !important
    }
}

@media not all and (min-width:48rem) {
    .display--sm:not(.page-item.active) {
        display: none !important
    }
}

@media (min-width:48rem) {
    .hide--sm {
        display: none !important
    }
}

@media not all and (min-width:64rem) {
    .display--md {
        display: none !important
    }
}

@media (min-width:64rem) {
    .hide--md {
        display: none !important
    }
}

@media not all and (min-width:80rem) {
    .display--lg {
        display: none !important
    }
}

@media (min-width:80rem) {
    .hide--lg {
        display: none !important
    }
}

@media not all and (min-width:90rem) {
    .display--xl {
        display: none !important
    }
}

@media (min-width:90rem) {
    .hide--xl {
        display: none !important
    }
}

:root {
    --display: block
}

.is-visible {
    display: var(--display) !important
}

.is-hidden {
    display: none !important
}

.sr-only {
    position: absolute;
    clip: rect(1px,1px,1px,1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    width: 1px;
    height: 1px;
    overflow: hidden;
    padding: 0;
    border: 0;
    white-space: nowrap
}

:root {
    --bs-gutter-x: 1.5rem;
    --mobile-gutter-header: calc(1.5/ 2);
    --main-header-height: 80px;
    --main-header-height-md: 80px;
    --main-header-width-md: 1240px
}

body[data-theme=dark] .logo-dark {
    opacity: 0
}

body[data-theme=dark] .logo-light {
    opacity: 1 !important
}

.main-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.main-header__layout {
    margin: 0 auto;
    position: relative;
    -webkit-transition: .3s;
    transition: .3s
}

    .main-header__layout::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: -1;
        width: 100%;
        height: 100%;
        background-color: hsla(var(--color-bg-h),var(--color-bg-s),var(--color-bg-l),.8);
        border-bottom: solid 1px hsla(var(--color-bg-h),var(--color-bg-s),var(--color-bg-l),.2);
        -webkit-transition: background-color 250ms ease,border-color 250ms ease;
        transition: background-color 250ms ease,border-color 250ms ease
    }

    .main-header__layout .main-header__inner {
        max-width: var(--main-header-width-md);
        padding-right: 15px;
        padding-left: 15px;
        width: 100%;
        margin: 0 auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

        .main-header__layout .main-header__inner .main-header__logo {
            position: relative;
            overflow: hidden;
            z-index: 999;
            margin-left: 0;
            margin-right: auto
        }

        .main-header__layout .main-header__inner .ms-logo__default h3 {
            font-size: 24px;
            font-weight: 800
        }

        .main-header__layout .main-header__inner .logo-dark {
            will-change: opacity;
            -webkit-transition: opacity 1s cubic-bezier(.575,.015,0,.995);
            transition: opacity 1s cubic-bezier(.575,.015,0,.995)
        }

        .main-header__layout .main-header__inner .logo-light {
            will-change: opacity;
            opacity: 0;
            -webkit-transition: opacity 1s cubic-bezier(.575,.015,0,.995);
            transition: opacity 1s cubic-bezier(.575,.015,0,.995);
            position: absolute;
            z-index: 0;
            top: 0;
            left: 0
        }

            .main-header__layout .main-header__inner .logo-light .ms-logo__default h3 {
                color: var(--color-white)
            }

.main-header.show-bg .main-header__layout::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: hsla(var(--color-bg-h),var(--color-bg-s),var(--color-bg-l),.8);
    border-bottom: solid 1px hsla(var(--color-bg-h),var(--color-bg-s),var(--color-bg-l),.2);
    -webkit-transition: background-color 250ms ease,border-color 250ms ease;
    transition: background-color 250ms ease,border-color 250ms ease
}

.main-header.show-bg[data-blur=on] .main-header__layout::after {
    -webkit-backdrop-filter: saturate(180%) blur(1rem);
    backdrop-filter: saturate(180%) blur(1rem)
}

.main-header[data-blur=on] .main-header__layout::after {
    -webkit-backdrop-filter: saturate(180%) blur(1rem);
    backdrop-filter: saturate(180%) blur(1rem)
}

.main-header.auto-hide-header.fixed, .main-header.auto-hide-header.sticky {
    position: fixed;
    z-index: 9;
    top: 0;
    left: 0;
    right: 0
}

.fsm-opened .logo-light {
    opacity: 1 !important;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.fsm-opened .logo-dark {
    opacity: 0
}

.main-header.full-width {
    --main-header-width-md: 100%
}

    .main-header.full-width .main-header__inner {
        padding: 0 50px
    }

@media screen and (max-width:1024px) {
    .main-header.full-width .main-header__inner {
        padding-left: 15px;
        padding-right: 15px
    }
}

body[data-menu=fixed] .main-header {
    height: var(--main-header-height-md);
    min-height: var(--main-header-height-md)
}

body[data-menu=fixed] .main-header__layout {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9
}

body.admin-bar[data-menu=fixed] .main-header {
    margin-top: 32px
}

body.admin-bar[data-menu=fixed] .main-header__layout {
    top: 32px
}

body.page-template-page-fullpage-slider.admin-bar[data-menu=fixed] {
    padding-top: 0
}

body[data-menu=sticky] .main-header {
    height: var(--main-header-height-md);
    min-height: var(--main-header-height-md)
}

body[data-menu=sticky] .main-header__layout {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9
}

    body[data-menu=sticky] .main-header__layout.is-hide {
        margin-top: calc(var(--main-header-height-md) * -1) !important
    }

body.admin-bar[data-menu=sticky] .main-header__layout {
    top: 32px
}

body.page-template-page-fullpage-slider.admin-bar[data-menu=sticky] {
    padding-top: 0
}

body.page-template-page-fullpage-slider .main-header {
    height: 0;
    min-height: 0
}

    body.page-template-page-fullpage-slider .main-header .main-header__layout::after {
        background-color: transparent;
        -webkit-backdrop-filter: blur(0);
        backdrop-filter: blur(0);
        border: none
    }

body.page-template-page-fullpage-slider {
    padding-top: 0
}

    body.page-template-page-fullpage-slider .main-header::after {
        content: none
    }

    body.page-template-page-fullpage-slider .main-header__logo .logo-dark h3 {
        color: var(--color-white)
    }

    body.page-template-page-fullpage-slider .action-menu .text {
        color: var(--color-white)
    }

    body.page-template-page-fullpage-slider .action-menu .burger .line {
        background-color: var(--color-white)
    }

    body.page-template-page-fullpage-slider .main-header__layout .navbar-nav .menu-item a {
        color: var(--color-white)
    }

.ms-nb--transparent:not(.show-bg) .main-header__layout::after {
    border-color: transparent;
    background-color: transparent;
    -webkit-backdrop-filter: blur(0);
    backdrop-filter: blur(0)
}

.ms-nb--white:not(.show-bg) .action-menu .burger .line {
    background-color: var(--color-white) !important
}

.ms-nb--transparent:not(.show-bg) .action-menu .burger .icon-burger, .ms-nb--transparent:not(.show-bg) .action-menu .text span, .ms-nb--transparent:not(.show-bg) .main-header__layout .logo-dark h3, .ms-nb--transparent:not(.show-bg) .main-header__layout .main-header__default .navbar-nav > .menu-item > a, .ms-nb--transparent:not(.show-bg) .main-header__nav-trigger {
    color: var(--color-white) !important
}

.ms-nb--transparent.show-bg .main-header__layout .logo-dark h3, .ms-nb--transparent.show-bg .main-header__layout .main-header__default .navbar-nav > .menu-item > a {
    color: var(--color-contrast-high)
}

.main-header.ms-nb--transparent {
    min-height: 0 !important;
    height: 0 !important;
    display: block
}

    .main-header.ms-nb--transparent .logo-dark {
        opacity: 0
    }

    .main-header.ms-nb--transparent .logo-light {
        opacity: 1
    }

@media only screen and (max-width:1028px) {
    html {
        margin-left: initial
    }

    .main-header__layout {
        width: 100%
    }

    .main-header {
        width: 100%
    }

    .ms-logo__default h3 {
        font-size: 18px
    }
}

@media screen and (max-width:992px) {
    body[data-menu=sticky] .main-header {
        width: 100%
    }

    body.admin-bar[data-menu=fixed] .main-header__layout, body.admin-bar[data-menu=sticky] .main-header__layout {
        top: 0;
        position: relative
    }
}

:root {
    --pagination-item-padding: var(--space-xs);
    --pagination-item-gap: var(--space-xxxs)
}

.pagination {
    width: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: var(--text-sm,.833em);
    margin-bottom: var(--space-xxl)
}

.pagination__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: calc(-1 * var(--pagination-item-gap))
}

    .pagination__list > * {
        margin-right: var(--pagination-item-gap);
        margin-bottom: var(--pagination-item-gap);
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        display: inline-block;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .pagination__list > :last-child {
        margin-right: 0
    }

.page-item.next, .page-item.prev {
    padding-left: calc(1 * var(--pagination-item-padding));
    padding-right: calc(1 * var(--pagination-item-padding));
    border-radius: var(--radius-md);
    -webkit-transition: background-color .6s cubic-bezier(.19,1,.22,1);
    transition: background-color .6s cubic-bezier(.19,1,.22,1)
}

    .page-item.next svg, .page-item.prev svg {
        width: 20px;
        height: 20px;
        color: var(--color-primary)
    }

    .page-item.next:hover, .page-item.prev:hover {
        background-color: var(--color-contrast-lower)
    }

.page-numbers {
    margin: 0 2.5pt
}

.page-item.next a, .page-item.prev a, .page-numbers, .pagination__item, .post-page-numbers {
    display: inline-block;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    line-height: 1;
    font-size: 16px;
    padding-top: var(--pagination-item-padding);
    padding-bottom: var(--pagination-item-padding);
    padding-left: calc(1.355 * var(--pagination-item-padding));
    padding-right: calc(1.355 * var(--pagination-item-padding));
    border-radius: var(--radius-md);
    text-decoration: none;
    color: var(--color-contrast-medium);
    height: 100%;
    -webkit-transition: all .6s cubic-bezier(.19,1,.22,1);
    transition: all .6s cubic-bezier(.19,1,.22,1)
}

    .page-item.next a:hover, .page-item.prev a:hover, .page-numbers:hover, .pagination__item:hover, .post-page-numbers:hover {
        color: var(--color-contrast-high);
        background-color: var(--color-contrast-lower)
    }

    .page-item.next a:active, .page-item.prev a:active, .page-numbers:active, .pagination__item:active, .post-page-numbers:active {
        color: var(--color-contrast-high);
        background-color: var(--color-contrast-lower)
    }

    .page-item.next a .icon, .page-item.prev a .icon, .page-numbers .icon, .pagination__item .icon, .post-page-numbers .icon {
        display: inline-block;
        color: currentColor
    }

.page-links-title {
    margin-right: 4pt
}

.post-page-numbers {
    font-size: 14px
}

.pagination__item {
    color: inherit
}

.page-item.active a, .page-numbers.current, .post-page-numbers.current {
    background-color: var(--color-primary);
    color: var(--color-white);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

    .page-item.active a:hover, .page-numbers.current:hover, .post-page-numbers.current:hover {
        background-color: var(--color-primary-dark)
    }

    .page-item.active a:active, .page-numbers.current:active, .post-page-numbers.current:active {
        opacity: .75
    }

.pagination__item--disabled {
    opacity: .5;
    pointer-events: none
}

.pagination__jumper {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .pagination__jumper .form-control {
        width: 3.2em;
        margin-right: var(--space-xs);
        padding: var(--pagination-item-padding)
    }

    .pagination__jumper em {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        white-space: nowrap
    }

.page-links {
    margin-top: calc(var(--space-md) * var(--text-vspace-multiplier));
    margin-bottom: calc(var(--space-md) * var(--text-vspace-multiplier))
}

    .page-links .post-page-numbers {
        margin-left: var(--space-xxs);
        text-decoration: none !important
    }

.ms-pc2--thumb .ms-sticky {
    padding: 0
}

    .ms-pc2--thumb .ms-sticky:not(.no-thumbnail) {
        position: absolute;
        z-index: 1;
        top: 12pt;
        right: 14pt
    }

.ms-sp-list .grid-item {
    margin-bottom: 0
}

    .ms-sp-list .grid-item h3 {
        border-bottom: 0;
        padding-bottom: 0
    }

    .ms-sp-list .grid-item p {
        margin-top: var(--space-sm)
    }

.ms-sp--title span, .search-word {
    font-weight: 400;
    color: var(--color-contrast-medium)
}

.search-again-block {
    margin-top: calc(1.1 * var(--space-md));
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

    .search-again-block p {
        margin-top: 0 !important;
        border-bottom: none !important;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
        margin-right: var(--space-md)
    }

@media (max-width:975px) {
    .ms-sp--header {
        padding-right: calc(var(--bs-gutter-x)/ 2);
        padding-left: calc(var(--bs-gutter-x)/ 2)
    }

    .container {
        max-width: 100%
    }

}

.no-result p {
    margin-top: 0 !important
}

@media (max-width:768px) {
    .ms-p--ttr {
        display: none !important
    }
}

.grid-item.post_format-post-format-quote .col-lg-6 {
    width: 100%
}

@media screen and (max-width:992px) {
    .swiper-pagination .swiper-pagination-bullet {
        width: 14px !important;
        height: 14px !important
    }

    .swiper-pagination .swiper-pagination-bullet-active {
        width: 25px !important
    }

    .swiper-pagination .ms-p-content h1 {
        padding: 0 calc(var(--bs-gutter-x)/ 2)
    }
}

:root {
    --plyr-color-main: var(--color-primary)
}

.media-wrapper--16\:9 .plyr__video-wrapper {
    padding-bottom: calc((9 / 16) * 100%)
}

.media-wrapper--21\:9 .plyr__video-wrapper {
    padding-bottom: calc((9 / 21) * 100%)
}

.ms-sp--article .plyr--audio .plyr__controls {
    border-radius: 6pt;
    background-color: hsla(var(--color-contrast-high-h),var(--color-contrast-high-s),var(--color-contrast-high-l),var(--color-o,.05));
    -webkit-transition: background-color .6s cubic-bezier(.19,1,.22,1);
    transition: background-color .6s cubic-bezier(.19,1,.22,1)
}

.portfolio_wrap .subnav {
    margin-bottom: var(--space-xl)
}

.portfolio_wrap .subnav {
    z-index: 4;
    background-color: var(--color-contrast-lower);
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 6pt;
    border-radius: 8px
}

.portfolio_wrap .portfolio-feed {
    overflow: hidden;
    position: relative
}

    .portfolio_wrap .portfolio-feed .media-wrapper--auto {
        padding-bottom: 100%
    }

    .portfolio_wrap .portfolio-feed .load_filter {
        background: var(--color-contrast-lower);
        border: solid 1px var(--color-contrast-lower);
        position: absolute;
        top: 0;
        z-index: 1;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        left: 50%;
        opacity: 0;
        -webkit-transform: translateX(-50%) translateY(0);
        -ms-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0);
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        visibility: hidden;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transition: opacity .3s cubic-bezier(.575,.015,0,.995),visibility .3s cubic-bezier(.575,.015,0,.995),-webkit-transform .3s cubic-bezier(.575,.015,0,.995);
        transition: opacity .3s cubic-bezier(.575,.015,0,.995),visibility .3s cubic-bezier(.575,.015,0,.995),-webkit-transform .3s cubic-bezier(.575,.015,0,.995);
        transition: opacity .3s cubic-bezier(.575,.015,0,.995),transform .3s cubic-bezier(.575,.015,0,.995),visibility .3s cubic-bezier(.575,.015,0,.995);
        transition: opacity .3s cubic-bezier(.575,.015,0,.995),transform .3s cubic-bezier(.575,.015,0,.995),visibility .3s cubic-bezier(.575,.015,0,.995),-webkit-transform .3s cubic-bezier(.575,.015,0,.995)
    }

        .portfolio_wrap .portfolio-feed .load_filter .load-filter-icon {
            position: absolute
        }

            .portfolio_wrap .portfolio-feed .load_filter .load-filter-icon:last-child {
                stroke: var(--color-primary)
            }

        .portfolio_wrap .portfolio-feed .load_filter.show {
            opacity: 1;
            visibility: visible;
            -webkit-transform: translateX(-50%) translateY(150%);
            -ms-transform: translateX(-50%) translateY(150%);
            transform: translateX(-50%) translateY(150%);
            -webkit-transition: opacity .3s cubic-bezier(.575,.015,0,.995),visibility .3s cubic-bezier(.575,.015,0,.995),-webkit-transform .3s cubic-bezier(.575,.015,0,.995);
            transition: opacity .3s cubic-bezier(.575,.015,0,.995),visibility .3s cubic-bezier(.575,.015,0,.995),-webkit-transform .3s cubic-bezier(.575,.015,0,.995);
            transition: opacity .3s cubic-bezier(.575,.015,0,.995),transform .3s cubic-bezier(.575,.015,0,.995),visibility .3s cubic-bezier(.575,.015,0,.995);
            transition: opacity .3s cubic-bezier(.575,.015,0,.995),transform .3s cubic-bezier(.575,.015,0,.995),visibility .3s cubic-bezier(.575,.015,0,.995),-webkit-transform .3s cubic-bezier(.575,.015,0,.995)
        }

    .portfolio_wrap .portfolio-feed .item--inner {
        position: relative
    }

        .portfolio_wrap .portfolio-feed .item--inner img {
            width: 100%;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -o-object-fit: cover;
            object-fit: cover
        }

        .portfolio_wrap .portfolio-feed .item--inner .ms-p-content {
            display: block;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            will-change: transform
        }

            .portfolio_wrap .portfolio-feed .item--inner .ms-p-content h3 {
                font-size: 20px;
                text-transform: uppercase;
                padding-top: var(--space-xs);
                font-size: 24px;
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
                will-change: font-variation-settings;
                font-weight: 800;
                font-variation-settings: "wght" 400;
                -webkit-transition: font-variation-settings 520ms;
                transition: font-variation-settings 520ms
            }

            .portfolio_wrap .portfolio-feed .item--inner .ms-p-content .ms-p-cat {
                color: var(--color-contrast-medium);
                font-size: 16px;
                display: block;
                margin-top: 4pt;
                text-transform: uppercase
            }

        .portfolio_wrap .portfolio-feed .item--inner:hover .ms-p-content {
            opacity: 1;
            -webkit-transition: opacity .5s .1s;
            transition: opacity .5s .1s
        }

            .portfolio_wrap .portfolio-feed .item--inner:hover .ms-p-content h3 {
                letter-spacing: 0;
                font-variation-settings: "wght" 900;
                -webkit-transition: font-variation-settings 520ms;
                transition: font-variation-settings 520ms
            }

    .portfolio_wrap .portfolio-feed .fadein .ms-p-content, .portfolio_wrap .portfolio-feed .overlay .ms-p-content {
        position: absolute;
        top: 0;
        left: 0;
        padding: var(--space-md);
        width: 100%;
        z-index: 1
    }

        .portfolio_wrap .portfolio-feed .fadein .ms-p-content h3, .portfolio_wrap .portfolio-feed .overlay .ms-p-content h3 {
            padding-top: 0;
            color: var(--color-white)
        }

        .portfolio_wrap .portfolio-feed .fadein .ms-p-content .ms-p-cat, .portfolio_wrap .portfolio-feed .overlay .ms-p-content .ms-p-cat {
            color: var(--color-white);
            font-size: 16px;
            font-weight: 400;
            -webkit-transform: translateX(0) translateY(0);
            -ms-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0);
            text-transform: uppercase
        }

        .portfolio_wrap .portfolio-feed .fadein .ms-p-content h3::after {
            content: none
        }

    .portfolio_wrap .portfolio-feed .fadein .ms-p-content {
        opacity: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        will-change: transform;
        -webkit-transition: opacity 1s;
        transition: opacity 1s
    }

        .portfolio_wrap .portfolio-feed .fadein .ms-p-content h3 {
            font-size: 24px;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            will-change: font-variation-settings;
            font-variation-settings: "wght" 100;
            -webkit-transition: font-variation-settings 520ms;
            transition: font-variation-settings 520ms
        }

    .portfolio_wrap .portfolio-feed .fadein:hover .ms-p-content {
        opacity: 1;
        -webkit-transition: opacity .5s .1s;
        transition: opacity .5s .1s
    }

        .portfolio_wrap .portfolio-feed .fadein:hover .ms-p-content h3 {
            letter-spacing: 0;
            font-variation-settings: "wght" 900;
            -webkit-transition: font-variation-settings 520ms .1s;
            transition: font-variation-settings 520ms .1s
        }

    .portfolio_wrap .portfolio-feed .fadein .item--inner a, .portfolio_wrap .portfolio-feed .overlay .item--inner a {
        display: block
    }

    .portfolio_wrap .portfolio-feed .fadein .item--inner figure::after, .portfolio_wrap .portfolio-feed .overlay .item--inner figure::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1
    }

    .portfolio_wrap .portfolio-feed .boxed .ms-p-content {
        margin-top: -.1pt;
        padding: var(--space-sm);
        background-color: var(--color-contrast-lower)
    }

        .portfolio_wrap .portfolio-feed .boxed .ms-p-content h3 {
            padding-top: 0
        }

    .portfolio_wrap .portfolio-feed .fadein:not(.center) .item--inner figure::after {
        content: '';
        opacity: 0;
        -webkit-transition: opacity .8s;
        transition: opacity .8s
    }

    .portfolio_wrap .portfolio-feed .fadein:not(.center):hover .item--inner figure::after {
        opacity: 1
    }

    .portfolio_wrap .portfolio-feed .fadein.center .item--inner figure::after {
        content: '';
        opacity: 0;
        -webkit-transition: opacity .8s;
        transition: opacity .8s
    }

    .portfolio_wrap .portfolio-feed .fadein.center:hover .item--inner figure::after {
        opacity: 1
    }

    .portfolio_wrap .portfolio-feed .h-align-middle .ms-p-content {
        margin: auto auto;
        top: 0;
        bottom: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .portfolio_wrap .portfolio-feed .h-align-bottom .ms-p-content {
        top: auto;
        bottom: 0
    }

    .portfolio_wrap .portfolio-feed .grid-item-p figure {
        overflow: hidden;
        position: relative
    }

.portfolio_wrap .ms-p--m figure {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

    .portfolio_wrap .ms-p--m figure img {
        float: left;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: 50% 50%;
        object-position: 50% 50%;
        -webkit-transition: object-position .3s ease;
        transition: object-position .3s ease;
        transition: object-position .3s ease,-o-object-position .3s ease
    }

.portfolio_wrap .ajax-area {
    margin-top: var(--space-xl);
    margin-bottom: 4px
}

.ajax-area--list {
    margin-top: calc(var(--space-lg) + 15px);
    margin-bottom: 4px
}

.btn-load-more {
    border-radius: 6px
}

.above .item--inner a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.above .item--inner .ms-p-content {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: column-reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
}

    .above .item--inner .ms-p-content h3 {
        padding-top: 4pt !important;
        padding-bottom: 18px
    }

.below .item--inner, .overlay .item--inner {
    -webkit-transition: -webkit-transform 250ms ease;
    transition: -webkit-transform 250ms ease;
    transition: transform 250ms ease;
    transition: transform 250ms ease,-webkit-transform 250ms ease;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

    .below .item--inner .ms-p-img, .overlay .item--inner .ms-p-img {
        position: relative
    }

        .below .item--inner .ms-p-img img, .overlay .item--inner .ms-p-img img {
            -webkit-transition: -webkit-transform .8s cubic-bezier(.22,1,.36,1);
            transition: -webkit-transform .8s cubic-bezier(.22,1,.36,1);
            transition: transform .8s cubic-bezier(.22,1,.36,1);
            transition: transform .8s cubic-bezier(.22,1,.36,1),-webkit-transform .8s cubic-bezier(.22,1,.36,1)
        }

    .below .item--inner:hover .ms-p-img::after, .overlay .item--inner:hover .ms-p-img::after {
        opacity: 1;
        top: 0rem
    }

.grid-item-p:not(.fadein) .ms-p-content, .ms-p--m .ms-p-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

    .grid-item-p:not(.fadein) .ms-p-content h3, .ms-p--m .ms-p-content h3 {
        position: relative;
        display: inline-block
    }

.ms-p--d .grid-item-p:hover h3::after, .ms-p--g2 .grid-item-p:hover h3::after, .ms-p--m .grid-item-p:hover h3::after {
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1)
}

.portfolio_wrap .portfolio-feed .zoom .item--inner .ms-p-img img {
    will-change: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s,-webkit-transform 1s
}

.portfolio_wrap .portfolio-feed .zoom .item--inner .ms-p-img {
    overflow: hidden;
    will-change: auto;
    -webkit-transition: all 1s;
    transition: all 1s
}

.portfolio_wrap .portfolio-feed .zoom .item--inner:hover .ms-p-img img {
    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08)
}

.portfolio_wrap .portfolio-feed .zoomout .item--inner .ms-p-img img {
    will-change: transform;
    -webkit-transform: translateZ(0) scale(1.08);
    transform: translateZ(0) scale(1.08);
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s,-webkit-transform 1s
}

.portfolio_wrap .portfolio-feed .zoomout .item--inner .ms-p-img {
    overflow: hidden;
    will-change: auto;
    -webkit-transition: all 1s;
    transition: all 1s
}

.portfolio_wrap .portfolio-feed .zoomout .item--inner:hover .ms-p-img img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.ms-p--g2 .grid-item-p {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

    .ms-p--g2 .grid-item-p .ms-p-content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

.portfolio-feed.ms-p--l {
    overflow: inherit !important
}

    .portfolio-feed.ms-p--l .ms-p-list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .portfolio-feed.ms-p--l .ms-p-list__item {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-transition: opacity .6s cubic-bezier(.19,1,.22,1);
        transition: opacity .6s cubic-bezier(.19,1,.22,1)
    }

        .portfolio-feed.ms-p--l .ms-p-list__item a {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex
        }

        .portfolio-feed.ms-p--l .ms-p-list__item .p-list-c {
            color: var(--color-contrast-medium);
            margin-top: 4pt;
            margin-right: 8pt
        }

        .portfolio-feed.ms-p--l .ms-p-list__item h3 {
            font-size: 52px;
            text-transform: uppercase;
            font-weight: 800;
            line-height: 1;
            margin-bottom: 16pt;
            margin-right: 8pt
        }

        .portfolio-feed.ms-p--l .ms-p-list__item .p-list-item__svg {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            width: 24px;
            height: 24px;
            opacity: 0;
            -webkit-transform: rotate(-45deg) scale(.5);
            -ms-transform: rotate(-45deg) scale(.5);
            transform: rotate(-45deg) scale(.5);
            -webkit-transition: opacity .6s cubic-bezier(.19,1,.22,1),-webkit-transform .6s cubic-bezier(.19,1,.22,1);
            transition: opacity .6s cubic-bezier(.19,1,.22,1),-webkit-transform .6s cubic-bezier(.19,1,.22,1);
            transition: opacity .6s cubic-bezier(.19,1,.22,1),transform .6s cubic-bezier(.19,1,.22,1);
            transition: opacity .6s cubic-bezier(.19,1,.22,1),transform .6s cubic-bezier(.19,1,.22,1),-webkit-transform .6s cubic-bezier(.19,1,.22,1)
        }

            .portfolio-feed.ms-p--l .ms-p-list__item .p-list-item__svg svg {
                fill: var(--color-primary);
                -webkit-animation: rotateAnim 10s linear infinite;
                animation: rotateAnim 10s linear infinite
            }

        .portfolio-feed.ms-p--l .ms-p-list__item:hover .p-list-item__svg {
            opacity: 1;
            -webkit-transform: rotate(0) scale(1);
            -ms-transform: rotate(0) scale(1);
            transform: rotate(0) scale(1)
        }

@-webkit-keyframes rotateAnim {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotateAnim {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.portfolio-feed.ms-p--l .ms-p-list__aside .ms-p-list__aside-inner {
    position: sticky;
    position: -webkit-sticky;
    top: 8vw;
    height: calc((9 / 16) * 80%)
}

    .portfolio-feed.ms-p--l .ms-p-list__aside .ms-p-list__aside-inner .ms-p-list__aside-wrap .ms-p-list__img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        overflow: hidden;
        border-radius: 8pt
    }

        .portfolio-feed.ms-p--l .ms-p-list__aside .ms-p-list__aside-inner .ms-p-list__aside-wrap .ms-p-list__img img {
            -webkit-transform: translateY(101%);
            -ms-transform: translateY(101%);
            transform: translateY(101%);
            -webkit-transition: -webkit-transform .6s cubic-bezier(1,0,.25,.995);
            transition: -webkit-transform .6s cubic-bezier(1,0,.25,.995);
            transition: transform .6s cubic-bezier(1,0,.25,.995);
            transition: transform .6s cubic-bezier(1,0,.25,.995),-webkit-transform .6s cubic-bezier(1,0,.25,.995);
            width: 100%;
            height: 100%;
            position: absolute;
            border-radius: 8pt;
            will-change: transform;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden
        }

        .portfolio-feed.ms-p--l .ms-p-list__aside .ms-p-list__aside-inner .ms-p-list__aside-wrap .ms-p-list__img.active {
            opacity: 1
        }

            .portfolio-feed.ms-p--l .ms-p-list__aside .ms-p-list__aside-inner .ms-p-list__aside-wrap .ms-p-list__img.active img {
                z-index: 1;
                -webkit-transform: translateZ(0);
                transform: translateZ(0);
                -webkit-transition-duration: 1s;
                transition-duration: 1s;
                -webkit-transition-timing-function: cubic-bezier(.19,1,.22,1);
                transition-timing-function: cubic-bezier(.19,1,.22,1)
            }

@media (max-width:1024px) {
    .ms-p-list__aside {
        display: none
    }

    .portfolio-feed.ms-p--l .ms-p-list__item .p-list-item__svg {
        width: 18px;
        height: 18px
    }
}
.ms-content--portfolio .blockgallery.grid {
    margin-left: 0;
    margin-right: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .ms-content--portfolio .blockgallery.grid .grid-item {
        padding-left: 0;
        padding-right: 0
    }

.ms-content--portfolio .mfp-img .media-wrapper img {
    height: 100%
}

.mfp-img.default {
    pointer-events: none
}

.ms-masonry-gallery {
    position: relative;
    height: auto
}

    .ms-masonry-gallery:after {
        content: '';
        display: block;
        clear: both
    }

    .ms-masonry-gallery .grid-sizer {
        display: none
    }

    .ms-masonry-gallery .grid-item, .ms-masonry-gallery .grid-sizer {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 0
    }

        .ms-masonry-gallery .grid-item .mfp-img, .ms-masonry-gallery .grid-sizer .mfp-img {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            width: 100%
        }

    .ms-masonry-gallery .grid-item {
        float: left
    }

        .ms-masonry-gallery .grid-item img {
            width: 100%;
            height: 100%
        }

.mfp-img.jg-entry.jg-entry-visible img {
    width: 100% !important
}

.ms-content--portfolio .blockgallery:not(.justified-gallery) .mfp-img, .ms-masonry-gallery.blockgallery .mfp-img {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

    .ms-content--portfolio .blockgallery:not(.justified-gallery) .mfp-img figure, .ms-masonry-gallery.blockgallery .mfp-img figure {
        width: 100%
    }

    .ms-content--portfolio .blockgallery:not(.justified-gallery) .mfp-img img, .ms-masonry-gallery.blockgallery .mfp-img img {
        z-index: 1;
        -webkit-transition: all .3s !important;
        transition: all .3s !important;
        -webkit-transform: translateZ(0) scale(1,1);
        transform: translateZ(0) scale(1,1);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

.blockgallery.h_s1 .mfp-img img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.blockgallery.h_s1 .mfp-img:hover img {
    opacity: .8
}

.blockgallery.h_s2 .mfp-img:hover img {
    opacity: 1 !important
}

.blockgallery.h_s3 .jg-entry::after, .blockgallery.h_s3 .mfp-img::after, .blockgallery.h_s3 .mfp-none::after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2pt inset;
    box-shadow: 0 0 0 2pt inset;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.blockgallery.h_s3 .jg-entry:hover::after, .blockgallery.h_s3 .mfp-img:hover::after, .blockgallery.h_s3 .mfp-none:hover::after {
    opacity: 1
}

.wp-block-latest-posts__list a {
    color: var(--color-contrast-high);
    text-decoration: none !important;
    -webkit-transition: all 150ms var(--ease-in-out);
    transition: all 150ms var(--ease-in-out)
}

    .wp-block-latest-posts__list a:hover {
        color: var(--color-primary)
    }

.wp-block-latest-posts__list li {
    line-height: var(--body-line-height)
}

    .wp-block-latest-posts__list li::before {
        content: none
    }

.post-date {
    display: block;
    font-size: calc(var(--text-sm) + 1px);
    color: var(--color-contrast-medium,#79797c)
}

.widget_archive li, .widget_categories li {
    color: var(--color-contrast-medium)
}

#prev {
    background-color: var(--color-contrast-lower);
    border-bottom-left-radius: .55em;
    border-top: solid 1px #d3d3d4
}

#next {
    background-color: var(--color-contrast-lower);
    border-bottom-right-radius: .55em;
    border-top: solid 1px #d3d3d4
}

#prev + .pad {
    border-top: solid 1px #d3d3d4
}

.text-divider {
    margin: 0 auto 30px auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

    .text-divider h5 {
        font-size: 24px;
        white-space: nowrap;
        font-weight: 700;
        letter-spacing: 0
    }

.wp-block-rss__item-title a {
    text-decoration: none !important
}

.wp-block-latest-comments__comment-meta, .wp-block-rss__item-title {
    line-height: var(--body-line-height)
}

    .wp-block-latest-comments__comment-meta a, .wp-block-rss__item-title a {
        color: var(--color-contrast-high);
        -webkit-transition: color 150ms var(--ease-in-out);
        transition: color 150ms var(--ease-in-out)
    }

        .wp-block-latest-comments__comment-meta a:hover, .wp-block-rss__item-title a:hover {
            color: var(--color-primary)
        }

.widget_text p {
    line-height: 1.8;
    font-size: initial;
    font-weight: 400
}

.ms_theme_mode {
    position: fixed;
    bottom: 90px;
    right: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

    .ms_theme_mode .ms_tm--inner {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        height: 50px;
        width: 50px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 50%;
        background-color: var(--color-bg-darker)
    }

    .ms_theme_mode .theme-toggle {
        --size: 28px;
        --icon-fill: var(--color-contrast-medium);
        --icon-fill-hover: red;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        background: 0 0;
        border: none;
        padding: 0;
        inline-size: var(--size);
        block-size: var(--size);
        aspect-ratio: 1;
        border-radius: 50%;
        cursor: pointer;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        -webkit-tap-highlight-color: transparent;
        outline-offset: 5px
    }

        .ms_theme_mode .theme-toggle > svg {
            inline-size: 100%;
            block-size: 100%;
            stroke-linecap: round;
            max-width: 40px;
            max-height: 40px;
            margin: auto
        }

body[data-theme=dark] .ms_theme_mode .theme-toggle {
    --icon-fill: hsl(210 15% 90%)
}

@media (hover:none) {
    .ms_theme_mode .theme-toggle {
        --size: 48px
    }
}

.ms_theme_mode .sun-and-moon {
    -webkit-transition: -webkit-transform .5s var(--ease-elastic-4);
    transition: -webkit-transform .5s var(--ease-elastic-4);
    transition: transform .5s var(--ease-elastic-4);
    transition: transform .5s var(--ease-elastic-4),-webkit-transform .5s var(--ease-elastic-4)
}

    .ms_theme_mode .sun-and-moon > :is(.moon,.sun,.sun-beams) {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center
    }

    .ms_theme_mode .sun-and-moon > :is(.moon,.sun) {
        fill: var(--icon-fill)
    }

    .ms_theme_mode .sun-and-moon > .sun-beams {
        stroke: var(--icon-fill);
        stroke-width: 2px
    }

body[data-theme=dark] .ms_theme_mode .sun-and-moon > .sun {
    -webkit-transform: scale(1.75);
    -ms-transform: scale(1.75);
    transform: scale(1.75)
}

body[data-theme=dark] .ms_theme_mode .sun-and-moon > .sun-beams {
    opacity: 0
}

body[data-theme=dark] .ms_theme_mode .sun-and-moon > .moon > circle {
    -webkit-transform: translateX(-7px);
    -ms-transform: translateX(-7px);
    transform: translateX(-7px)
}

@media (prefers-reduced-motion:no-preference) {
    .ms_theme_mode .sun-and-moon > .sun {
        -webkit-transition: -webkit-transform .5s var(--ease-elastic-3);
        transition: -webkit-transform .5s var(--ease-elastic-3);
        transition: transform .5s var(--ease-elastic-3);
        transition: transform .5s var(--ease-elastic-3),-webkit-transform .5s var(--ease-elastic-3)
    }

    .ms_theme_mode .sun-and-moon > .sun-beams {
        -webkit-transition: opacity .5s var(--ease-3),-webkit-transform .5s var(--ease-elastic-4);
        transition: opacity .5s var(--ease-3),-webkit-transform .5s var(--ease-elastic-4);
        transition: transform .5s var(--ease-elastic-4),opacity .5s var(--ease-3);
        transition: transform .5s var(--ease-elastic-4),opacity .5s var(--ease-3),-webkit-transform .5s var(--ease-elastic-4)
    }

    .ms_theme_mode .sun-and-moon .moon > circle {
        -webkit-transition: -webkit-transform .25s var(--ease-out-5);
        transition: -webkit-transform .25s var(--ease-out-5);
        transition: transform .25s var(--ease-out-5);
        transition: transform .25s var(--ease-out-5),-webkit-transform .25s var(--ease-out-5)
    }

    body[data-theme=dark] .ms_theme_mode .sun-and-moon > .sun {
        -webkit-transform: scale(1.75);
        -ms-transform: scale(1.75);
        transform: scale(1.75);
        -webkit-transition-timing-function: var(--ease-3);
        transition-timing-function: var(--ease-3);
        -webkit-transition-duration: .25s;
        transition-duration: .25s
    }

    body[data-theme=dark] .ms_theme_mode .sun-and-moon > .sun-beams {
        -webkit-transform: rotateZ(-25deg);
        -ms-transform: rotate(-25deg);
        transform: rotateZ(-25deg);
        -webkit-transition-duration: .15s;
        transition-duration: .15s
    }

    body[data-theme=dark] .ms_theme_mode .sun-and-moon > .moon > circle {
        -webkit-transition-delay: .25s;
        transition-delay: .25s;
        -webkit-transition-duration: .5s;
        transition-duration: .5s
    }
}

.ms_theme_mode .check {
    position: absolute;
    display: block;
    cursor: pointer;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 6
}

.ms_theme_mode:hover .sun-beams {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media only screen and (max-width:838px) {
    .ms_theme_mode {
        display: none
    }
}

.ms_tm--tooltip {
    position: absolute;
    background-color: var(--color-bg-darker);
    padding: 5px 8pt;
    right: 50%;
    opacity: 0;
    z-index: -1;
    font-size: 14px;
    border-radius: 4pt;
    white-space: nowrap;
    pointer-events: none;
    color: var(--color-contrast-higher);
    -webkit-transition: right .3s var(--ease-elastic-4),opacity .3s var(--ease-elastic-4);
    transition: right .3s var(--ease-elastic-4),opacity .3s var(--ease-elastic-4)
}

    .ms_tm--tooltip::before {
        position: absolute;
        content: "";
        height: 8px;
        width: 8px;
        background: var(--color-bg-darker);
        top: 0;
        margin: auto;
        bottom: 0;
        left: 100%;
        -webkit-transform: translate(-50%) rotate(45deg);
        -ms-transform: translate(-50%) rotate(45deg);
        transform: translate(-50%) rotate(45deg)
    }

.back-to-top:hover .ms_tm--tooltip, .ms_theme_mode:hover .ms_tm--tooltip {
    opacity: 1;
    right: calc(100% + 8pt)
}

@media (max-width:992px) {
    .ms_theme_mode {
        right: calc(1.5rem/ 2);
        bottom: calc(1.5rem/ 2)
    }
}

.wp-block-separator:not(.is-style-dots), hr:not(.is-style-dots) {
    background-color: #ddd;
    border: 0;
    height: 1px
}

.wp-block-separator:not(.is-style-wide):not(.is-style-dots), hr:not(.is-style-wide):not(.is-style-dots) {
    width: 100%;
    height: 2px;
    background: 0 0
}

    .wp-block-separator:not(.is-style-wide):not(.is-style-dots)::before, hr:not(.is-style-wide):not(.is-style-dots)::before {
        content: '';
        display: block;
        height: 4px;
        max-width: 100px;
        background: #8f98a1;
        margin: 0 auto
    }

.wp-block-separator.is-style-dots:before, hr.is-style-dots:before {
    font-size: 32px;
    letter-spacing: 1em
}

.wp-block-button .wp-block-button__link {
    font-size: 16px;
    line-height: 18px;
    padding: 20px 24px;
    -webkit-transition: -webkit-filter 250ms ease;
    transition: -webkit-filter 250ms ease;
    transition: filter 250ms ease;
    transition: filter 250ms ease,-webkit-filter 250ms ease
}

    .wp-block-button .wp-block-button__link:hover {
        text-decoration: none;
        -webkit-filter: brightness(120%);
        filter: brightness(120%)
    }

.blockgallery--item::before {
    content: none !important
}

.wp-block-button__link.has-success-background-color {
    background-color: #88c559
}

.has-success-color cite, .has-success-color p, .wp-block-button__link.has-success-color {
    color: #88c559
}

.wp-block-button__link.has-primary-background-color {
    background-color: #1258ca
}

.has-primary-color cite, .has-primary-color p, .wp-block-button__link.has-primary-color {
    color: #1258ca
}

.wp-block-button__link.has-accent-background-color {
    background-color: #c70a1a
}

.has-accent-color cite, .has-accent-color p, .wp-block-button__link.has-accent-color {
    color: #c70a1a
}

.wp-block-button__link.has-black-background-color {
    background-color: #1c1c21
}

.has-black-color cite, .has-black-color p, .wp-block-button__link.has-black-color {
    color: #1c1c21
}

.wp-block-button__link.has-contrast-background-color {
    background-color: #292a2d
}

.has-contrast-color cite, .has-contrast-color p, .wp-block-button__link.has-contrast-color {
    color: #292a2d
}

.wp-block-button__link.has-contrast-lower-background-color {
    background-color: #323639
}

.has-contrast-lower-color cite, .has-contrast-lower-color p, .wp-block-button__link.has-contrast-lower-color {
    color: #323639
}

.wp-block-button__link.has-white-background-color {
    background-color: #fff
}

.has-white-color cite, .has-white-color p, .wp-block-button__link.has-white-color {
    color: #fff
}

.mejs-container {
    margin-bottom: calc(var(--space-md) * var(--text-vspace-multiplier))
}

    .mejs-container, .mejs-container .mejs-controls {
        background: var(--plyr-audio-control-color,#4a5464) !important;
        border-radius: 4px
    }

figure.wp-block-image + h4, figure.wp-block-image + h5 {
    margin-bottom: 0
}

:root {
    --avatar-sm: 1em;
    --avatar-md: 2em;
    --avatar-lg: 3em
}

.avatar__figure {
    width: 48px;
    height: 48px
}

.avatar__img, .avatar__placeholder {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 48px;
    height: 48px;
    border-radius: inherit;
    border-radius: 50%;
    overflow: hidden
}

.avatar__placeholder {
    background-color: var(--color-contrast-low);
    color: var(--color-bg);
    fill: transparent
}

.avatar--btn {
    background-color: transparent;
    padding: 0;
    border: 0;
    border-radius: 0;
    color: inherit;
    line-height: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer
}

.avatar--sm {
    font-size: var(--avatar-sm)
}

.avatar--md {
    font-size: var(--avatar-md)
}

.avatar--lg {
    font-size: var(--avatar-lg)
}

.avatar__status {
    position: absolute;
    bottom: 0;
    right: 0;
    display: inline-block;
    width: .2em;
    height: .2em;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 2px var(--color-bg);
    box-shadow: 0 0 0 2px var(--color-bg);
    background-color: var(--color-contrast-medium)
}

.avatar__status--active {
    background-color: var(--color-success)
}

.avatar__status--busy {
    background-color: var(--color-error)
}

.avatar__initials, .avatar__users-counter {
    position: absolute;
    top: 0;
    left: 0;
    width: 1em;
    height: 1em;
    border-radius: inherit;
    background-color: var(--color-contrast-lower);
    color: var(--color-contrast-higher);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.avatar__initials {
    text-align: center
}

    .avatar__initials span {
        font-size: .5em
    }

.avatar__users-counter span {
    font-size: .42em
}

.ms-section__comments {
    width: 100%;
    max-width: var(--responsive--aligndefault-width);
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding: calc(var(--space-lg) + 10px) 0
}

.form-submit .btn {
    border-radius: 4px
}

.ms-author-vcard--info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

    .ms-author-vcard--info .ms-author-name {
        font-size: 18px;
        font-weight: 700
    }

.ms-author-vcard {
    margin-right: 20px
}

.ms-author-vcard-content {
    width: 100%
}

.post.pingback {
    margin: var(--space-md) 0
}

    .post.pingback .post-date {
        font-size: 14px;
        color: var(--color-contrast-medium);
        margin-bottom: var(--space-sm)
    }

#reply-title {
    font-weight: 700;
    text-transform: uppercase
}

li + .comment-respond {
    margin-top: 30px
}

#cancel-comment-reply-link {
    letter-spacing: 0;
    padding-left: var(--space-xxs);
    font-size: 16px;
    font-weight: 400;
    color: var(--color-error)
}

    #cancel-comment-reply-link:hover {
        opacity: .75
    }

@media only screen and (max-width:552px) {
    .ms-section__comments {
        max-width: inherit;
        padding-right: calc(var(--bs-gutter-x)/ 2) !important;
        padding-left: calc(var(--bs-gutter-x)/ 2) !important
    }

    .comment-notes {
        padding-left: 2pt;
        margin-top: 4pt
    }

    .comment-form-cookies-consent {
        margin-left: 1.2rem;
        margin-bottom: 20px
    }

    .avatar.avatar--lg {
        display: none
    }

    .ms-author-vcard {
        margin-left: 0
    }

}

.ms-hero {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

    .ms-hero .hero-image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -2
    }

    .ms-hero .ms-hc {
        width: 100%;
        margin: 0 auto
    }

.hero.hero--overlay-layer.background-image span {
    margin-bottom: var(--space-sm);
    text-transform: capitalize;
    color: inherit
}

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

.ms-parallax {
    position: absolute;
    z-index: -2;
    width: 100%;
    height: 100%
}

    .ms-parallax > .jarallax-img {
        position: absolute;
        -o-object-fit: cover;
        object-fit: cover;
        font-family: 'object-fit: cover;';
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 0
    }

.ms-hero-subtitle {
    margin-top: var(--space-sm)
}

:root {
    --shadow-xs: 0 0.1px 0.3px rgba(0, 0, 0, 0.06),0 1px 2px rgba(0, 0, 0, 0.12);
    --shadow-sm: 0 0.3px 0.4px rgba(0, 0, 0, 0.025),0 0.9px 1.5px rgba(0, 0, 0, 0.05),0 3.5px 6px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 0.9px 1.5px rgba(0, 0, 0, 0.03),0 3.1px 5.5px rgba(0, 0, 0, 0.08),0 14px 25px rgba(0, 0, 0, 0.12);
    --shadow-lg: 0 1.2px 1.9px -1px rgba(0, 0, 0, 0.014),0 3.3px 5.3px -1px rgba(0, 0, 0, 0.038),0 8.5px 12.7px -1px rgba(0, 0, 0, 0.085),0 30px 42px -1px rgba(0, 0, 0, 0.15);
    --shadow-xl: 0 1.5px 2.1px -6px rgba(0, 0, 0, 0.012),0 3.6px 5.2px -6px rgba(0, 0, 0, 0.035),0 7.3px 10.6px -6px rgba(0, 0, 0, 0.07),0 16.2px 21.9px -6px rgba(0, 0, 0, 0.117),0 46px 60px -6px rgba(0, 0, 0, 0.2)
}

.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.inline-flex {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

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

.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.flex-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.flex-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.flex-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

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

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

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

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

.items-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.items-start {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.items-end {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.flex-grow {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.flex-shrink-0 {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.flex-basis-0 {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0
}

.flex-gap-xxxs {
    margin-bottom: calc(-1 * var(--space-xxxs));
    margin-left: calc(-1 * var(--space-xxxs))
}

    .flex-gap-xxxs > * {
        margin-bottom: var(--space-xxxs);
        margin-left: calc(var(--space-xxxs))
    }

.flex-gap-xxs {
    margin-bottom: calc(-1 * var(--space-xxs));
    margin-left: calc(-1 * var(--space-xxs))
}

    .flex-gap-xxs > * {
        margin-bottom: var(--space-xxs);
        margin-left: calc(var(--space-xxs))
    }

.flex-gap-xs {
    margin-bottom: calc(-1 * var(--space-xs));
    margin-left: calc(-1 * var(--space-xs))
}

    .flex-gap-xs > * {
        margin-bottom: var(--space-xs);
        margin-left: calc(var(--space-xs))
    }

.flex-gap-sm {
    margin-bottom: calc(-1 * var(--space-sm));
    margin-left: calc(-1 * var(--space-sm))
}

    .flex-gap-sm > * {
        margin-bottom: var(--space-sm);
        margin-left: calc(var(--space-sm))
    }

.flex-gap-md {
    margin-bottom: calc(-1 * var(--space-md));
    margin-left: calc(-1 * var(--space-md))
}

    .flex-gap-md > * {
        margin-bottom: var(--space-md);
        margin-left: calc(var(--space-md))
    }

.flex-gap-lg {
    margin-bottom: calc(-1 * var(--space-lg));
    margin-left: calc(-1 * var(--space-lg))
}

    .flex-gap-lg > * {
        margin-bottom: var(--space-lg);
        margin-left: calc(var(--space-lg))
    }

.flex-gap-xl {
    margin-bottom: calc(-1 * var(--space-xl));
    margin-left: calc(-1 * var(--space-xl))
}

    .flex-gap-xl > * {
        margin-bottom: var(--space-xl);
        margin-left: calc(var(--space-xl))
    }

.flex-gap-xxl {
    margin-bottom: calc(-1 * var(--space-xxl));
    margin-left: calc(-1 * var(--space-xxl))
}

    .flex-gap-xxl > * {
        margin-bottom: var(--space-xxl);
        margin-left: calc(var(--space-xxl))
    }

.flex-gap-xxxl {
    margin-bottom: calc(-1 * var(--space-xxxl));
    margin-left: calc(-1 * var(--space-xxxl))
}

    .flex-gap-xxxl > * {
        margin-bottom: var(--space-xxxl);
        margin-left: calc(var(--space-xxxl))
    }

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.margin-xxxxs {
    margin: var(--space-xxxxs)
}

.margin-xxxs {
    margin: var(--space-xxxs)
}

.margin-xxs {
    margin: var(--space-xxs)
}

.margin-xs {
    margin: var(--space-xs)
}

.margin-sm {
    margin: var(--space-sm)
}

.margin-md {
    margin: var(--space-md)
}

.margin-lg {
    margin: var(--space-lg)
}

.margin-xl {
    margin: var(--space-xl)
}

.margin-xxl {
    margin: var(--space-xxl)
}

.margin-xxxl {
    margin: var(--space-xxxl)
}

.margin-xxxxl {
    margin: var(--space-xxxxl)
}

.margin-auto {
    margin: auto
}

.margin-top-xxxxs {
    margin-top: var(--space-xxxxs)
}

.margin-top-xxxs {
    margin-top: var(--space-xxxs)
}

.margin-top-xxs {
    margin-top: var(--space-xxs)
}

.margin-top-xs {
    margin-top: var(--space-xs)
}

.margin-top-sm {
    margin-top: var(--space-sm)
}

.margin-top-md {
    margin-top: var(--space-md)
}

.margin-top-lg {
    margin-top: var(--space-lg)
}

.margin-top-xl {
    margin-top: var(--space-xl)
}

.margin-top-xxl {
    margin-top: var(--space-xxl)
}

.margin-top-xxxl {
    margin-top: var(--space-xxxl)
}

.margin-top-xxxxl {
    margin-top: var(--space-xxxxl)
}

.margin-top-auto {
    margin-top: auto
}

.margin-bottom-xxxxs {
    margin-bottom: var(--space-xxxxs)
}

.margin-bottom-xxxs {
    margin-bottom: var(--space-xxxs)
}

.margin-bottom-xxs {
    margin-bottom: var(--space-xxs)
}

.margin-bottom-xs {
    margin-bottom: var(--space-xs)
}

.margin-bottom-sm {
    margin-bottom: var(--space-sm)
}

.margin-bottom-md {
    margin-bottom: var(--space-md)
}

.margin-bottom-lg {
    margin-bottom: var(--space-lg)
}

.margin-bottom-xl {
    margin-bottom: var(--space-xl)
}

.margin-bottom-xxl {
    margin-bottom: var(--space-xxl)
}

.margin-bottom-xxxl {
    margin-bottom: var(--space-xxxl)
}

.margin-bottom-xxxxl {
    margin-bottom: var(--space-xxxxl)
}

.margin-bottom-auto {
    margin-bottom: auto
}

.margin-right-xxxxs {
    margin-right: var(--space-xxxxs)
}

.margin-right-xxxs {
    margin-right: var(--space-xxxs)
}

.margin-right-xxs {
    margin-right: var(--space-xxs)
}

.margin-right-xs {
    margin-right: var(--space-xs)
}

.margin-right-sm {
    margin-right: var(--space-sm)
}

.margin-right-md {
    margin-right: var(--space-md)
}

.margin-right-lg {
    margin-right: var(--space-lg)
}

.margin-right-xl {
    margin-right: var(--space-xl)
}

.margin-right-xxl {
    margin-right: var(--space-xxl)
}

.margin-right-xxxl {
    margin-right: var(--space-xxxl)
}

.margin-right-xxxxl {
    margin-right: var(--space-xxxxl)
}

.margin-right-auto {
    margin-right: auto
}

.margin-left-xxxxs {
    margin-left: var(--space-xxxxs)
}

.margin-left-xxxs {
    margin-left: var(--space-xxxs)
}

.margin-left-xxs {
    margin-left: var(--space-xxs)
}

.margin-left-xs {
    margin-left: var(--space-xs)
}

.margin-left-sm {
    margin-left: var(--space-sm)
}

.margin-left-md {
    margin-left: var(--space-md)
}

.margin-left-lg {
    margin-left: var(--space-lg)
}

.margin-left-xl {
    margin-left: var(--space-xl)
}

.margin-left-xxl {
    margin-left: var(--space-xxl)
}

.margin-left-xxxl {
    margin-left: var(--space-xxxl)
}

.margin-left-xxxxl {
    margin-left: var(--space-xxxxl)
}

.margin-left-auto {
    margin-left: auto
}

.margin-x-xxxxs {
    margin-left: var(--space-xxxxs);
    margin-right: var(--space-xxxxs)
}

.margin-x-xxxs {
    margin-left: var(--space-xxxs);
    margin-right: var(--space-xxxs)
}

.margin-x-xxs {
    margin-left: var(--space-xxs);
    margin-right: var(--space-xxs)
}

.margin-x-xs {
    margin-left: var(--space-xs);
    margin-right: var(--space-xs)
}

.margin-x-sm {
    margin-left: var(--space-sm);
    margin-right: var(--space-sm)
}

.margin-x-md {
    margin-left: var(--space-md);
    margin-right: var(--space-md)
}

.margin-x-lg {
    margin-left: var(--space-lg);
    margin-right: var(--space-lg)
}

.margin-x-xl {
    margin-left: var(--space-xl);
    margin-right: var(--space-xl)
}

.margin-x-xxl {
    margin-left: var(--space-xxl);
    margin-right: var(--space-xxl)
}

.margin-x-xxxl {
    margin-left: var(--space-xxxl);
    margin-right: var(--space-xxxl)
}

.margin-x-xxxxl {
    margin-left: var(--space-xxxxl);
    margin-right: var(--space-xxxxl)
}

.margin-x-auto {
    margin-left: auto;
    margin-right: auto
}

.margin-y-xxxxs {
    margin-top: var(--space-xxxxs);
    margin-bottom: var(--space-xxxxs)
}

.margin-y-xxxs {
    margin-top: var(--space-xxxs);
    margin-bottom: var(--space-xxxs)
}

.margin-y-xxs {
    margin-top: var(--space-xxs);
    margin-bottom: var(--space-xxs)
}

.margin-y-xs {
    margin-top: var(--space-xs);
    margin-bottom: var(--space-xs)
}

.margin-y-sm {
    margin-top: var(--space-sm);
    margin-bottom: var(--space-sm)
}

.margin-y-md {
    margin-top: var(--space-md);
    margin-bottom: var(--space-md)
}

.margin-y-lg {
    margin-top: var(--space-lg);
    margin-bottom: var(--space-lg)
}

.margin-y-xl {
    margin-top: var(--space-xl);
    margin-bottom: var(--space-xl)
}

.margin-y-xxl {
    margin-top: var(--space-xxl);
    margin-bottom: var(--space-xxl)
}

.margin-y-xxxl {
    margin-top: var(--space-xxxl);
    margin-bottom: var(--space-xxxl)
}

.margin-y-xxxxl {
    margin-top: var(--space-xxxxl);
    margin-bottom: var(--space-xxxxl)
}

.margin-y-auto {
    margin-top: auto;
    margin-bottom: auto
}

.padding-xxxxs {
    padding: var(--space-xxxxs)
}

.padding-xxxs {
    padding: var(--space-xxxs)
}

.padding-xxs {
    padding: var(--space-xxs)
}

.padding-xs {
    padding: var(--space-xs)
}

.padding-sm {
    padding: var(--space-sm)
}

.padding-md {
    padding: var(--space-md)
}

.padding-lg {
    padding: var(--space-lg)
}

.padding-xl {
    padding: var(--space-xl)
}

.padding-xxl {
    padding: var(--space-xxl)
}

.padding-xxxl {
    padding: var(--space-xxxl)
}

.padding-xxxxl {
    padding: var(--space-xxxxl)
}

.padding-component {
    padding: var(--component-padding)
}

.padding-top-xxxxs {
    padding-top: var(--space-xxxxs)
}

.padding-top-xxxs {
    padding-top: var(--space-xxxs)
}

.padding-top-xxs {
    padding-top: var(--space-xxs)
}

.padding-top-xs {
    padding-top: var(--space-xs)
}

.padding-top-sm {
    padding-top: var(--space-sm)
}

.padding-top-md {
    padding-top: var(--space-md)
}

.padding-top-lg {
    padding-top: var(--space-lg)
}

.padding-top-xl {
    padding-top: var(--space-xl)
}

.padding-top-xxl {
    padding-top: var(--space-xxl)
}

.padding-top-xxxl {
    padding-top: var(--space-xxxl)
}

.padding-top-xxxxl {
    padding-top: var(--space-xxxxl)
}

.padding-top-component {
    padding-top: var(--component-padding)
}

.padding-bottom-xxxxs {
    padding-bottom: var(--space-xxxxs)
}

.padding-bottom-xxxs {
    padding-bottom: var(--space-xxxs)
}

.padding-bottom-xxs {
    padding-bottom: var(--space-xxs)
}

.padding-bottom-xs {
    padding-bottom: var(--space-xs)
}

.padding-bottom-sm {
    padding-bottom: var(--space-sm)
}

.padding-bottom-md {
    padding-bottom: var(--space-md)
}

.padding-bottom-lg {
    padding-bottom: var(--space-lg)
}

.padding-bottom-xl {
    padding-bottom: var(--space-xl)
}

.padding-bottom-xxl {
    padding-bottom: var(--space-xxl)
}

.padding-bottom-xxxl {
    padding-bottom: var(--space-xxxl)
}

.padding-bottom-xxxxl {
    padding-bottom: var(--space-xxxxl)
}

.padding-bottom-component {
    padding-bottom: var(--component-padding)
}

.padding-right-xxxxs {
    padding-right: var(--space-xxxxs)
}

.padding-right-xxxs {
    padding-right: var(--space-xxxs)
}

.padding-right-xxs {
    padding-right: var(--space-xxs)
}

.padding-right-xs {
    padding-right: var(--space-xs)
}

.padding-right-sm {
    padding-right: var(--space-sm)
}

.padding-right-md {
    padding-right: var(--space-md)
}

.padding-right-lg {
    padding-right: var(--space-lg)
}

.padding-right-xl {
    padding-right: var(--space-xl)
}

.padding-right-xxl {
    padding-right: var(--space-xxl)
}

.padding-right-xxxl {
    padding-right: var(--space-xxxl)
}

.padding-right-xxxxl {
    padding-right: var(--space-xxxxl)
}

.padding-right-component {
    padding-right: var(--component-padding)
}

.padding-left-xxxxs {
    padding-left: var(--space-xxxxs)
}

.padding-left-xxxs {
    padding-left: var(--space-xxxs)
}

.padding-left-xxs {
    padding-left: var(--space-xxs)
}

.padding-left-xs {
    padding-left: var(--space-xs)
}

.padding-left-sm {
    padding-left: var(--space-sm)
}

.padding-left-md {
    padding-left: var(--space-md)
}

.padding-left-lg {
    padding-left: var(--space-lg)
}

.padding-left-xl {
    padding-left: var(--space-xl)
}

.padding-left-xxl {
    padding-left: var(--space-xxl)
}

.padding-left-xxxl {
    padding-left: var(--space-xxxl)
}

.padding-left-xxxxl {
    padding-left: var(--space-xxxxl)
}

.padding-left-component {
    padding-left: var(--component-padding)
}

.padding-x-xxxxs {
    padding-left: var(--space-xxxxs);
    padding-right: var(--space-xxxxs)
}

.padding-x-xxxs {
    padding-left: var(--space-xxxs);
    padding-right: var(--space-xxxs)
}

.padding-x-xxs {
    padding-left: var(--space-xxs);
    padding-right: var(--space-xxs)
}

.padding-x-xs {
    padding-left: var(--space-xs);
    padding-right: var(--space-xs)
}

.padding-x-sm {
    padding-left: var(--space-sm);
    padding-right: var(--space-sm)
}

.padding-x-md {
    padding-left: var(--space-md);
    padding-right: var(--space-md)
}

.padding-x-lg {
    padding-left: var(--space-lg);
    padding-right: var(--space-lg)
}

.padding-x-xl {
    padding-left: var(--space-xl);
    padding-right: var(--space-xl)
}

.padding-x-xxl {
    padding-left: var(--space-xxl);
    padding-right: var(--space-xxl)
}

.padding-x-xxxl {
    padding-left: var(--space-xxxl);
    padding-right: var(--space-xxxl)
}

.padding-x-xxxxl {
    padding-left: var(--space-xxxxl);
    padding-right: var(--space-xxxxl)
}

.padding-x-component {
    padding-left: var(--component-padding);
    padding-right: var(--component-padding)
}

.padding-y-xxxxs {
    padding-top: var(--space-xxxxs);
    padding-bottom: var(--space-xxxxs)
}

.padding-y-xxxs {
    padding-top: var(--space-xxxs);
    padding-bottom: var(--space-xxxs)
}

.padding-y-xxs {
    padding-top: var(--space-xxs);
    padding-bottom: var(--space-xxs)
}

.padding-y-xs {
    padding-top: var(--space-xs);
    padding-bottom: var(--space-xs)
}

.padding-y-sm {
    padding-top: var(--space-sm);
    padding-bottom: var(--space-sm)
}

.padding-y-md {
    padding-top: var(--space-md);
    padding-bottom: var(--space-md)
}

.padding-y-lg {
    padding-top: var(--space-lg);
    padding-bottom: var(--space-lg)
}

.padding-y-xl {
    padding-top: var(--space-xl);
    padding-bottom: var(--space-xl)
}

.padding-y-xxl {
    padding-top: var(--space-xxl);
    padding-bottom: var(--space-xxl)
}

.padding-y-xxxl {
    padding-top: var(--space-xxxl);
    padding-bottom: var(--space-xxxl)
}

.padding-y-xxxxl {
    padding-top: var(--space-xxxxl);
    padding-bottom: var(--space-xxxxl)
}

.padding-y-component {
    padding-top: var(--component-padding);
    padding-bottom: var(--component-padding)
}

.align-baseline {
    vertical-align: baseline
}

.align-top {
    vertical-align: top
}

.align-middle {
    vertical-align: middle
}

.align-bottom {
    vertical-align: bottom
}

.text-truncate, .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-replace {
    overflow: hidden;
    color: transparent;
    text-indent: 100%;
    white-space: nowrap
}

.text-nowrap {
    white-space: nowrap
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.line-height-xs {
    --heading-line-height: 1;
    --body-line-height: 1
}

.line-height-sm {
    --heading-line-height: 1.1;
    --body-line-height: 1.2
}

.line-height-md {
    --heading-line-height: 1.15;
    --body-line-height: 1.4
}

.line-height-lg {
    --heading-line-height: 1.22;
    --body-line-height: 1.58
}

.line-height-xl {
    --heading-line-height: 1.3;
    --body-line-height: 1.72
}

.v-space-xxs {
    --text-vspace-multiplier: 0.25 !important
}

.v-space-xs {
    --text-vspace-multiplier: 0.5 !important
}

.v-space-sm {
    --text-vspace-multiplier: 0.75 !important
}

.v-space-md {
    --text-vspace-multiplier: 1.25 !important
}

.v-space-lg {
    --text-vspace-multiplier: 1.5 !important
}

.v-space-xl {
    --text-vspace-multiplier: 1.75 !important
}

.v-space-xxl {
    --text-vspace-multiplier: 2 !important
}

.color-inherit {
    color: inherit
}

.color-bg {
    color: var(--color-bg,#fff)
}

.color-contrast-lower {
    color: var(--color-contrast-lower,#f2f2f2)
}

.color-contrast-low {
    color: var(--color-contrast-low,#d3d3d4)
}

.color-contrast-medium {
    color: var(--color-contrast-medium,#666)
}

.color-contrast-high {
    color: var(--color-contrast-high,#313135)
}

.color-contrast-higher {
    color: var(--color-contrast-higher,#1c1c21)
}

.color-primary {
    color: var(--color-primary,#2a6df4)
}

.color-accent {
    color: var(--color-accent,#f54251)
}

.color-success {
    color: var(--color-success,#88c559)
}

.color-warning {
    color: var(--color-warning,#ffd138)
}

.color-error {
    color: var(--color-error,#f54251)
}

.color-white {
    color: var(--color-white,#fff)
}

.color-black {
    color: var(--color-black,#000)
}

.width-xxxxs {
    width: .25rem
}

.width-xxxs {
    width: .5rem
}

.width-xxs {
    width: .75rem
}

.width-xs {
    width: 1rem
}

.width-sm {
    width: 1.5rem
}

.width-md {
    width: 2rem
}

.width-lg {
    width: 3rem
}

.width-xl {
    width: 4rem
}

.width-xxl {
    width: 6rem
}

.width-xxxl {
    width: 8rem
}

.width-xxxxl {
    width: 16rem
}

.width-10\% {
    width: 10%
}

.width-20\% {
    width: 20%
}

.width-25\% {
    width: 25%
}

.width-30\% {
    width: 30%
}

.width-33\% {
    width: calc(100% / 3)
}

.width-40\% {
    width: 40%
}

.width-50\% {
    width: 50%
}

.width-60\% {
    width: 60%
}

.width-66\% {
    width: calc(100% / 1.5)
}

.width-70\% {
    width: 70%
}

.width-75\% {
    width: 75%
}

.width-80\% {
    width: 80%
}

.width-90\% {
    width: 90%
}

.width-100\% {
    width: 100%
}

.height-xxxxs {
    height: .25rem
}

.height-xxxs {
    height: .5rem
}

.height-xxs {
    height: .75rem
}

.height-xs {
    height: 1rem
}

.height-sm {
    height: 1.5rem
}

.height-md {
    height: 2rem
}

.height-lg {
    height: 3rem
}

.height-xl {
    height: 4rem
}

.height-xxl {
    height: 6rem
}

.height-xxxl {
    height: 8rem
}

.height-xxxxl {
    height: 16rem
}

.height-10\% {
    height: 10%
}

.height-20\% {
    height: 20%
}

.height-25\% {
    height: 25%
}

.height-30\% {
    height: 30%
}

.height-33\% {
    height: calc(100% / 3)
}

.height-40\% {
    height: 40%
}

.height-50\% {
    height: 50%
}

.height-60\% {
    height: 60%
}

.height-66\% {
    height: calc(100% / 1.5)
}

.height-70\% {
    height: 70%
}

.height-75\% {
    height: 75%
}

.height-80\% {
    height: 80%
}

.height-90\% {
    height: 90%
}

.height-100\% {
    height: 100%
}

.min-width-0 {
    min-width: 0
}

.min-width-25\% {
    min-width: 25%
}

.min-width-33\% {
    min-width: calc(100% / 3)
}

.min-width-50\% {
    min-width: 50%
}

.min-width-66\% {
    min-width: calc(100% / 1.5)
}

.min-width-75\% {
    min-width: 75%
}

.min-width-100\% {
    min-width: 100%
}

.media-wrapper {
    position: relative;
    height: 0;
    padding-bottom: 56.25%
}

    .media-wrapper iframe, .media-wrapper img, .media-wrapper video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important
    }

    .media-wrapper img, .media-wrapper video {
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: 50% 50%;
        object-position: 50% 50%;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

.media-wrapper--4\:3 {
    padding-bottom: calc((3 / 4) * 100%)
}

.media-wrapper--3\:4 {
    padding-bottom: calc((4 / 3) * 100%)
}

.media-wrapper--4\:4 {
    padding-bottom: calc((4 / 4) * 100%)
}

.media-wrapper--16\:9 {
    padding-bottom: calc((9 / 16) * 100%)
}

.media-wrapper--21\:9 {
    padding-bottom: calc((9 / 21) * 100%)
}

.media-wrapper--1\:1 {
    padding-bottom: calc((1 / 1) * 100%)
}

.clearfix::after {
    content: "";
    display: table;
    clear: both
}

.border {
    border: 1px solid var(--color-contrast-low,#d3d3d4)
}

.border-top {
    border-top: 1px solid var(--color-contrast-low,#d3d3d4)
}

.border-bottom {
    border-bottom: 1px solid var(--color-contrast-low,#d3d3d4)
}

.border-left {
    border-left: 1px solid var(--color-contrast-low,#d3d3d4)
}

.border-right {
    border-right: 1px solid var(--color-contrast-low,#d3d3d4)
}

.border-2 {
    border-width: 2px
}

.border-contrast-lower {
    border-color: var(--color-contrast-lower,#f2f2f2)
}

.border-contrast-medium {
    border-color: var(--color-contrast-medium,#79797c)
}

.radius-sm {
    border-radius: var(--radius-sm)
}

.radius-md {
    border-radius: var(--radius-md)
}

.radius-lg {
    border-radius: var(--radius-lg)
}

.shadow-xs {
    -webkit-box-shadow: var(--shadow-xs);
    box-shadow: var(--shadow-xs)
}

.shadow-sm {
    -webkit-box-shadow: var(--shadow-sm);
    box-shadow: var(--shadow-sm)
}

.shadow-md {
    -webkit-box-shadow: var(--shadow-md);
    box-shadow: var(--shadow-md)
}

.shadow-lg {
    -webkit-box-shadow: var(--shadow-lg);
    box-shadow: var(--shadow-lg)
}

.shadow-xl {
    -webkit-box-shadow: var(--shadow-xl);
    box-shadow: var(--shadow-xl)
}

.bg-inherit {
    background-color: inherit
}

.bg {
    background-color: var(--color-bg,#fff)
}

.bg-contrast-lower {
    background-color: var(--color-contrast-lower,#f2f2f2)
}

.bg-contrast-low {
    background-color: var(--color-contrast-low,#d3d3d4)
}

.bg-contrast-medium {
    background-color: var(--color-contrast-medium,#79797c)
}

.bg-contrast-high {
    background-color: var(--color-contrast-high,#313135)
}

.bg-contrast-higher {
    background-color: var(--color-contrast-higher,#1c1c21)
}

.bg-primary {
    background-color: var(--color-primary,#2a6df4)
}

.bg-accent {
    background-color: var(--color-accent,#f54251)
}

.bg-success {
    background-color: var(--color-success,#88c559)
}

.bg-warning {
    background-color: var(--color-warning,#ffd138)
}

.bg-error {
    background-color: var(--color-error,#f54251)
}

.bg-white {
    background-color: var(--color-white,#fff)
}

.bg-black {
    background-color: var(--color-black,#000)
}

@media (min-width:32rem) {
    .flex\@xs {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .inline-flex\@xs {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .flex-wrap\@xs {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .flex-column\@xs {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .flex-column-reverse\@xs {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .flex-row\@xs {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .flex-row-reverse\@xs {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .flex-center\@xs {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

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

    .justify-end\@xs {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .justify-center\@xs {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .justify-between\@xs {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .items-center\@xs {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .items-start\@xs {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .items-end\@xs {
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .block\@xs {
        display: block
    }

    .inline-block\@xs {
        display: inline-block
    }

    .inline\@xs {
        display: inline
    }

    .text-center\@xs {
        text-align: center
    }

    .text-left\@xs {
        text-align: left
    }

    .text-right\@xs {
        text-align: right
    }

    .hide\@xs {
        display: none !important
    }
}

@media (min-width:48rem) {
    .flex\@sm {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .inline-flex\@sm {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .flex-wrap\@sm {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .flex-column\@sm {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .flex-column-reverse\@sm {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .flex-row\@sm {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .flex-row-reverse\@sm {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .flex-center\@sm {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

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

    .justify-end\@sm {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .justify-center\@sm {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .justify-between\@sm {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .items-center\@sm {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .items-start\@sm {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .items-end\@sm {
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .block\@sm {
        display: block
    }

    .inline-block\@sm {
        display: inline-block
    }

    .inline\@sm {
        display: inline
    }

    .text-center\@sm {
        text-align: center
    }

    .text-left\@sm {
        text-align: left
    }

    .text-right\@sm {
        text-align: right
    }

    .hide\@sm {
        display: none !important
    }
}

@media (min-width:64rem) {
    .flex\@md {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .inline-flex\@md {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .flex-wrap\@md {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .flex-column\@md {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .flex-column-reverse\@md {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .flex-row\@md {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .flex-row-reverse\@md {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .flex-center\@md {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

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

    .justify-end\@md {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .justify-center\@md {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .justify-between\@md {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .items-center\@md {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .items-start\@md {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .items-end\@md {
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .block\@md {
        display: block
    }

    .inline-block\@md {
        display: inline-block
    }

    .inline\@md {
        display: inline
    }

    .text-center\@md {
        text-align: center
    }

    .text-left\@md {
        text-align: left
    }

    .text-right\@md {
        text-align: right
    }

    .hide\@md {
        display: none !important
    }
}

@media (min-width:80rem) {
    .flex\@lg {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .inline-flex\@lg {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .flex-wrap\@lg {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .flex-column\@lg {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .flex-column-reverse\@lg {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .flex-row\@lg {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .flex-row-reverse\@lg {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .flex-center\@lg {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

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

    .justify-end\@lg {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .justify-center\@lg {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .justify-between\@lg {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .items-center\@lg {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .items-start\@lg {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .items-end\@lg {
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .block\@lg {
        display: block
    }

    .inline-block\@lg {
        display: inline-block
    }

    .inline\@lg {
        display: inline
    }

    .text-center\@lg {
        text-align: center
    }

    .text-left\@lg {
        text-align: left
    }

    .text-right\@lg {
        text-align: right
    }

    .hide\@lg {
        display: none !important
    }
}

@media (min-width:90rem) {
    .flex\@xl {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .inline-flex\@xl {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .flex-wrap\@xl {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .flex-column\@xl {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .flex-column-reverse\@xl {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .flex-row\@xl {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .flex-row-reverse\@xl {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .flex-center\@xl {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

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

    .justify-end\@xl {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .justify-center\@xl {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .justify-between\@xl {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .items-center\@xl {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .items-start\@xl {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .items-end\@xl {
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .block\@xl {
        display: block
    }

    .inline-block\@xl {
        display: inline-block
    }

    .inline\@xl {
        display: inline
    }

    .text-center\@xl {
        text-align: center
    }

    .text-left\@xl {
        text-align: left
    }

    .text-right\@xl {
        text-align: right
    }

    .hide\@xl {
        display: none !important
    }
}

@media not all and (min-width:32rem) {
    .has-margin\@xs {
        margin: 0 !important
    }

    .has-padding\@xs {
        padding: 0 !important
    }

    .display\@xs {
        display: none !important
    }
}

@media not all and (min-width:48rem) {
    .has-margin\@sm {
        margin: 0 !important
    }

    .has-padding\@sm {
        padding: 0 !important
    }

    .display\@sm {
        display: none !important
    }
}

@media not all and (min-width:64rem) {
    .has-margin\@md {
        margin: 0 !important
    }

    .has-padding\@md {
        padding: 0 !important
    }

    .display\@md {
        display: none !important
    }
}

@media not all and (min-width:80rem) {
    .has-margin\@lg {
        margin: 0 !important
    }

    .has-padding\@lg {
        padding: 0 !important
    }

    .display\@lg {
        display: none !important
    }
}

@media not all and (min-width:90rem) {
    .has-margin\@xl {
        margin: 0 !important
    }

    .has-padding\@xl {
        padding: 0 !important
    }

    .display\@xl {
        display: none !important
    }
}

.sharebar__btn {
    display: inline-block;
    padding: var(--space-sm);
    background: var(--color-contrast-lower);
    border-radius: 50%;
    -webkit-transition: .2s;
    transition: .2s
}

    .sharebar__btn .icon {
        display: block;
        color: var(--color-contrast-high);
        -webkit-transition: color .2s;
        transition: color .2s;
        font-size: 1.2em
    }

    .sharebar__btn:hover {
        background-color: var(--color-bg);
        -webkit-box-shadow: var(--shadow-sm);
        box-shadow: var(--shadow-sm)
    }

        .sharebar__btn:hover .icon {
            color: var(--color-primary)
        }

.sticky-sharebar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    height: 100%;
    top: 0;
    right: var(--space-md);
    pointer-events: none;
    z-index: var(--zindex-fixed-element);
    -webkit-transition: visibility 0s .3s,opacity 250ms,-webkit-transform 250ms ease-in-out;
    transition: visibility 0s .3s,opacity 250ms,-webkit-transform 250ms ease-in-out;
    transition: visibility 0s .3s,opacity 250ms,transform 250ms ease-in-out;
    transition: visibility 0s .3s,opacity 250ms,transform 250ms ease-in-out,-webkit-transform 250ms ease-in-out;
    -webkit-transform: translateX(10%);
    -ms-transform: translateX(10%);
    transform: translateX(10%);
    opacity: 0;
    visibility: hidden
}

.sticky-sharebar--on-target {
    -webkit-transition: visibility 0s,opacity 250ms,-webkit-transform 250ms ease-in-out;
    transition: visibility 0s,opacity 250ms,-webkit-transform 250ms ease-in-out;
    transition: visibility 0s,opacity 250ms,transform 250ms ease-in-out;
    transition: visibility 0s,opacity 250ms,transform 250ms ease-in-out,-webkit-transform 250ms ease-in-out;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    visibility: visible
}

.sticky-sharebar__list {
    pointer-events: auto;
    background-color: hsla(var(--color-bg-h),var(--color-bg-s),var(--color-bg-l),.95);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    border-radius: 50em;
    border: solid 1px var(--color-contrast-lower);
    padding: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.15),0 2px 2px rgba(0,0,0,.1),0 4px 4px rgba(0,0,0,.05),0 8px 8px rgba(0,0,0,.08),0 16px 16px rgba(0,0,0,.02);
    box-shadow: 0 1px 1px rgba(0,0,0,.15),0 2px 2px rgba(0,0,0,.1),0 4px 4px rgba(0,0,0,.05),0 8px 8px rgba(0,0,0,.08),0 16px 16px rgba(0,0,0,.02)
}

.sticky-sharebar__btn {
    position: relative;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 2.2em;
    height: 2.2em;
    border-radius: 50%
}

    .sticky-sharebar__btn .icon {
        position: relative;
        color: var(--color-contrast-medium);
        display: block;
        margin: auto;
        z-index: 2;
        -webkit-transition: color 250ms ease;
        transition: color 250ms ease
    }

    .sticky-sharebar__btn::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        border-radius: inherit;
        background-color: var(--color-primary-lighter);
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        -webkit-transition: -webkit-transform 250ms ease-out;
        transition: -webkit-transform 250ms ease-out;
        transition: transform 250ms ease-out;
        transition: transform 250ms ease-out,-webkit-transform 250ms ease-out
    }

    .sticky-sharebar__btn:hover .icon {
        color: var(--color-primary)
    }

    .sticky-sharebar__btn:hover::before {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

@media only screen and (max-width:512px) {
    .sticky-sharebar--on-target {
        display: none
    }
}

@media only screen and (max-width:512px) {
    #cookie-toast-wrapper {
        bottom: 10px;
        left: 10px;
        right: 10px;
        width: auto;
        -webkit-transform: translate(0) !important;
        -ms-transform: translate(0) !important;
        transform: translate(0) !important
    }

        #cookie-toast-wrapper #cookie-inner-wrapper {
            grid-template-columns: auto;
            text-align: center
        }
}

.ms_fuw--wrapper {
    position: fixed;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    top: 0;
    left: 0;
    padding: 30px;
    z-index: 1;
    mix-blend-mode: difference
}

    .ms_fuw--wrapper .ms_fuw {
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

        .ms_fuw--wrapper .ms_fuw .ms_fuw--list {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex
        }

            .ms_fuw--wrapper .ms_fuw .ms_fuw--list .socials {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                padding-left: 0
            }

            .ms_fuw--wrapper .ms_fuw .ms_fuw--list h5 {
                margin-bottom: 0;
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -ms-flex-align: center;
                align-items: center;
                font-size: 18px;
                font-weight: 400;
                letter-spacing: 1pt;
                color: var(--color-contrast-medium)
            }

                .ms_fuw--wrapper .ms_fuw .ms_fuw--list h5::after {
                    content: '';
                    width: 1px;
                    height: 40px;
                    display: block;
                    margin-bottom: 1rem;
                    margin-top: 2rem;
                    background-color: var(--color-contrast-low)
                }

            .ms_fuw--wrapper .ms_fuw .ms_fuw--list li {
                list-style: none
            }

            .ms_fuw--wrapper .ms_fuw .ms_fuw--list a {
                margin-top: 1rem;
                color: var(--color-contrast-medium);
                -webkit-transition: color 250ms var(--ease-in-out);
                transition: color 250ms var(--ease-in-out)
            }

                .ms_fuw--wrapper .ms_fuw .ms_fuw--list a:hover {
                    color: var(--color-primary)
                }

                .ms_fuw--wrapper .ms_fuw .ms_fuw--list a::after {
                    content: none
                }

            .ms_fuw--wrapper .ms_fuw .ms_fuw--list .ms-socicon {
                -webkit-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                transform: rotate(180deg)
            }

            .ms_fuw--wrapper .ms_fuw .ms_fuw--list [class*=" socicon-"], .ms_fuw--wrapper .ms_fuw .ms_fuw--list [class^=socicon-] {
                font-size: 22px;
                margin-bottom: 1rem
            }

.ms-footer a {
    color: inherit
}

@media only screen and (max-width:1392px) {
    .ms_fuw--wrapper {
        display: none
    }
}

.ms-page--about h2 {
    font-size: calc(var(--text-lg) + 8pt);
    margin-bottom: var(--space-md);
    max-width: 66.66%
}

.ms-page--about .text-align-center {
    margin: 0 auto var(--space-md);
    text-align: center
}

.ms-page--about .text-align-right {
    margin-left: auto;
    margin-right: 0;
    text-align: right
}

.ms-page--about .text-align-left {
    margin-left: 0;
    margin-right: auto;
    text-align: left
}

.ms_services {
    margin-bottom: calc(var(--space-xxl) - 2.1rem)
}

    .ms_services .parent {
        margin-bottom: 0
    }

    .ms_services .ms_services--heading {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: var(--space-sm)
    }

    .ms_services img {
        width: 35px;
        height: 35px;
        float: left;
        margin-right: 8pt
    }

    .ms_services h4 {
        margin-bottom: 0
    }

    .ms_services p {
        margin-bottom: 0
    }

.ms_experience {
    margin-bottom: calc(var(--space-xxl) - 2.1rem)
}

    .ms_experience .company_name {
        font-weight: 600;
        display: block;
        margin-bottom: var(--space-xxxs)
    }

    .ms_experience .row {
        margin-bottom: calc(var(--space-md) * var(--text-vspace-multiplier));
        border-bottom: solid 1px var(--color-contrast-low)
    }

    .ms_experience .experience-text {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        position: relative
    }

    .ms_experience .row:last-child {
        border-bottom: none
    }

.ms_our-team .parent {
    margin-bottom: 0
}

.ms_our-team h2 span {
    color: var(--color-primary)
}

.ms_our-team img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    border-radius: .55rem
}

.ms_our-team h4 {
    font-weight: 400;
    margin-top: var(--space-xs);
    margin-bottom: 0
}

.ms_our-team p {
    margin-bottom: 0;
    margin-top: .2rem;
    font-size: calc(var(--space-sm) - 1pt);
    color: var(--color-primary)
}

.ms_clients-gallery {
    margin-bottom: var(--space-xl)
}

    .ms_clients-gallery .parent {
        margin-bottom: 0
    }

    .ms_clients-gallery hr {
        margin-top: 0;
        margin-bottom: var(--space-xl)
    }

    .ms_clients-gallery h2 span {
        color: var(--color-primary)
    }

    .ms_clients-gallery .c_logo {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding-right: var(--space-md);
        padding-bottom: var(--space-md)
    }

    .ms_clients-gallery img {
        width: 100%
    }

.ms_clients-gallery {
    margin-bottom: var(--space-xl)
}

    .ms_clients-gallery .parent {
        margin-bottom: 0
    }

    .ms_clients-gallery hr {
        margin-top: var(--space-md);
        margin-bottom: var(--space-xl)
    }

    .ms_clients-gallery h2 {
        margin-bottom: var(--space-lg);
        max-width: 66.66%
    }

        .ms_clients-gallery h2 span {
            color: var(--color-primary)
        }

    .ms_clients-gallery .c_logo {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding-right: var(--space-md);
        padding-bottom: var(--space-md)
    }

    .ms_clients-gallery img {
        width: 100%
    }

@media only screen and (max-width:512px) {
    .c_logo {
        max-width: calc(33.33% - .01px - var(--gap,.75em));
        padding-bottom: var(--space-md) !important
    }

    .ms_our-team p {
        font-size: inherit
    }

    .ms_our-team h4 {
        margin-top: var(--space-md)
    }

    .company_name {
        font-size: 16px
    }

    .year {
        margin-bottom: calc(var(--space-xl) * var(--text-vspace-multiplier))
    }
}

.filter-nav--expanded .filter-nav__nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.filter-nav--expanded .filter-nav__list {
    font-size: 18px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    list-style: none;
    padding-left: 0
}

.filter-nav--expanded .filter-nav__item {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    z-index: 1
}

.filter-nav--expanded .filter-nav__btn {
    outline: 0;
    padding: var(--space-xxs) var(--space-sm);
    color: var(--color-bg-high);
    cursor: pointer;
    -webkit-transition: color .2s;
    transition: color .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 16px
}

    .filter-nav--expanded .filter-nav__btn:hover {
        color: var(--color-primary)
    }

    .filter-nav--expanded .filter-nav__btn[aria-current=true] {
        color: var(--color-primary);
        pointer-events: none
    }

.filter-nav--expanded .filter-nav__marker {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: var(--color-bg);
    pointer-events: none;
    border-radius: 8px;
    -webkit-transition: width .3s,-webkit-transform .3s;
    transition: width .3s,-webkit-transform .3s;
    transition: transform .3s,width .3s;
    transition: transform .3s,width .3s,-webkit-transform .3s;
    -webkit-transition-timing-function: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
    will-change: width,transform
}

.elxx-edit-mode .filter-nav__marker {
    top: 0;
    width: 0
}

.filter-nav--collapsed .filter-nav__wrapper {
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 1
}

.filter-nav--collapsed .filter-nav__nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: var(--color-bg);
    -webkit-box-shadow: var(--shadow-md);
    box-shadow: var(--shadow-md);
    max-height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    opacity: 0;
    -webkit-transition: opacity .3s,-webkit-transform .3s;
    transition: opacity .3s,-webkit-transform .3s;
    transition: opacity .3s,transform .3s;
    transition: opacity .3s,transform .3s,-webkit-transform .3s
}

.filter-nav--collapsed .filter-nav__wrapper--is-visible {
    visibility: visible;
    opacity: 1;
    z-index: 7;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

    .filter-nav--collapsed .filter-nav__wrapper--is-visible .filter-nav__nav {
        -webkit-transition: opacity .3s,-webkit-transform .3s;
        transition: opacity .3s,-webkit-transform .3s;
        transition: opacity .3s,transform .3s;
        transition: opacity .3s,transform .3s,-webkit-transform .3s;
        opacity: 1;
        background-color: var(--color-contrast-lower)
    }

.filter-nav--collapsed .filter-nav__list {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: auto;
    padding: 0 0 var(--space-md);
    list-style: none
}

    .filter-nav--collapsed .filter-nav__list::before {
        content: '';
        display: block;
        width: 100%;
        height: 1px;
        background-color: #c3c3c3;
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        left: 0;
        z-index: 1
    }

.filter-nav--collapsed .filter-nav__btn {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    text-align: left;
    padding: var(--space-xs) var(--space-sm);
    color: var(--color-contrast-higher);
    cursor: pointer
}

    .filter-nav--collapsed .filter-nav__btn:hover {
        color: var(--color-contrast-higher)
    }

    .filter-nav--collapsed .filter-nav__btn[aria-current=true] {
        color: var(--color-primary)
    }

    .filter-nav--collapsed .filter-nav__btn::before {
        content: '';
        display: block;
        height: 1em;
        width: 1em;
        margin-right: var(--space-xxxs);
        background-color: transparent
    }

    .filter-nav--collapsed .filter-nav__btn[aria-current=true]::before {
        background-color: var(--color-primary);
        -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNic+PHBvbHlsaW5lIHN0cm9rZS13aWR0aD0nMS41JyBzdHJva2U9JyMwMDAwMDAnIGZpbGw9J25vbmUnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcgcG9pbnRzPScxLDkgNSwxMyAxNSwzICcvPjwvc3ZnPg==);
        mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNic+PHBvbHlsaW5lIHN0cm9rZS13aWR0aD0nMS41JyBzdHJva2U9JyMwMDAwMDAnIGZpbGw9J25vbmUnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcgcG9pbnRzPScxLDkgNSwxMyAxNSwzICcvPjwvc3ZnPg==)
    }

.filter-nav--collapsed .filter-nav__marker {
    display: none !important
}

.filter-nav--collapsed .filter-nav__close-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    z-index: 2;
    margin: 0 var(--space-sm) var(--space-xs) auto;
    width: 2em;
    height: 2.25em;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    -webkit-transition: .2s;
    transition: .2s
}

    .filter-nav--collapsed .filter-nav__close-btn .icon {
        display: block;
        color: var(--color-contrast-high)
    }

.filter-nav--collapsed .filter-nav__item.subnav__link {
    padding: 0 6pt
}

    .filter-nav--collapsed .filter-nav__item.subnav__link:first-child .filter-nav__btn {
        padding-top: calc(var(--space-xs)*2)
    }

html:not(.js) .filter-nav__nav {
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    -ms-flex-pack: left;
    justify-content: left
}

.btn--subtle.js-filter-nav__control {
    z-index: 8;
    position: relative;
    padding: 0 10px
}

.reset.filter-nav__btn.js-tab-focus {
    outline: 0 !important
}

.reset.btn:hover {
    outline-color: transparent
}

.reset.btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.reset.filter-nav__close-btn:focus {
    outline: 0
}

.swiper-vertical .swiper-wrapper {
    display: block
}

.ms_theme_mode {
    transform: translateY(calc(100% + 10px));
    transition: transform .3s var(--ease-in-out-4)
}

    .ms_theme_mode.ack-to-top--is-visible {
        transform: translateY(0)
    }

.back-to-top {
    opacity: 0 !important;
    transform: translateY(100%);
    transition: transform .3s var(--ease-in-out-4),opacity .3s var(--ease-in-out-4)
}

.back-to-top--is-visible {
    opacity: 1 !important;
    transform: translateY(0)
}

.ms-slider--video iframe {
    max-width: initial !important
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

    .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px)
    }

.elx-h-t {
    padding: 0;
    margin: 0;
    line-height: 1
}

.elx-cl .elx-spacer-inner {
    height: var(--spacer-size)
}

.elx-w-image {
    text-align: center
}

.elx-w-image img {
    vertical-align: middle;
    display: inline-block
}

.button {
  font-family: "Inter", Sans-serif;
  font-size: 20px;
  font-weight: 800;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 77px;
  letter-spacing: 0px;
  word-spacing: 0px;
  color: #FFFFFF;
}

@media (max-width: 767px) {
  .button {
    font-size: 18px;
  }
}
.button:hover {
  color: #FFFFFF;
}

.elx-cl .elx-spacer-inner {
    height: var(--spacer-size)
}

.elx-1802 .elxx.elxx-0bb3493 .elx-h-t {
    color: #FFFFFF;
    font-size: 25px;
    font-weight: 800;
}

.elx-1802 .elxx.elxx-0e12a8f {
    columns: 1;
    column-gap: 0px;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 28px;
}

    .elx-1802 .elxx.elxx-0e12a8f > .elx-w-container {
        margin: 0px 0px 0px 0px;
    }

.elx-1802 .elxx.elxx-25aadbf {
    columns: 1;
    column-gap: 0px;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 28px;
}

.elx-1802 .elxx.elxx-d92dd0d .ms-s-w {
    text-align: left;
}

.swiper-slide {
    touch-action: none;
}

:root {
    --font-heading: Assistant: --main-header-width-md: 1240px;
    --main-header-height-md: 80px;
    --font-primary: Open Sans;
}

.main-header__logo a, .main-header__logo svg, .main-header__logo img {
    height: 36px;
}

.ms-fs-menu {
    background: #0D0E13;
    background-color: #0D0E13;
    background-repeat: repeat;
    background-position: center center;
    background-attachment: scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

:root, [data-theme="dark"] {
    --color-primary: hsl(250, 93%, 65%);
    --color-contrast-higher: hsl(240, 100%, 99%);
    --color-contrast-medium: hsl(240, 1%, 54%);
    --color-contrast-low: hsl(240, 1%, 37%);
    --color-contrast-lower: hsl(240, 1%, 20%);
    --color-bg: hsl(0, 0%, 9%);
}