/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0;
    
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    color:#fff;
    background-color: transparent;
    text-decoration:none;
}

.for-pc {
    display:block;
}

.for-mobile {
    display: none;
}

@media (max-width: 1000px) {
    .for-pc {
       display:none;
    }
    .for-mobile {
        display: block;
    }
}

    .animated {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

    .bounceInRight, .bounceInLeft, .bounceInUp, .bounceInDown {
        opacity: 0;
        -webkit-transform: translateX(400px);
        transform: translateX(400px);
    }

    /***********
* bounceIn *
************/
    @-webkit-keyframes bounceIn {
        0% {
            opacity: 0;
            -webkit-transform: scale(.3);
        }
        /*    50% {
        opacity: 1;
        -webkit-transform: scale(2.05);
    }

    70% {
        -webkit-transform: scale(1.2);
    }*/
        100% {
            -webkit-transform: scale(1);
        }
    }

    @keyframes bounceIn {
        0% {
            opacity: 0;
            transform: scale(.3);
        }
        /*    50% {
        opacity: 1;
        transform: scale(2.05);
    }

    70% {
        transform: scale(1.2);
    }*/
        100% {
            transform: scale(1);
        }
    }

    .bounceIn.go {
        -webkit-animation-name: bounceIn;
        animation-name: bounceIn;
    }


    /****************
* bounceInRight *
****************/

    @-webkit-keyframes bounceInRight {
        0% {
            opacity: 0;
            -webkit-transform: translateX(400px);
        }

        60% {
            -webkit-transform: translateX(-30px);
        }

        80% {
            -webkit-transform: translateX(10px);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
        }
    }

    @keyframes bounceInRight {
        0% {
            opacity: 0;
            transform: translateX(400px);
        }

        60% {
            transform: translateX(-30px);
        }

        80% {
            transform: translateX(10px);
        }

        100% {
            opacity: 1;
            transform: translateX(0);
        }
    }

    .bounceInRight.go {
        -webkit-animation-name: bounceInRight;
        animation-name: bounceInRight;
    }

    /******************
* Bounce in left *
*******************/

    @-webkit-keyframes bounceInLeft {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-400px);
        }

        60% {
            -webkit-transform: translateX(30px);
        }

        80% {
            -webkit-transform: translateX(-10px);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
        }
    }

    @keyframes bounceInLeft {
        0% {
            opacity: 0;
            transform: translateX(-400px);
        }

        60% {
            transform: translateX(30px);
        }

        80% {
            transform: translateX(-10px);
        }

        100% {
            opacity: 1;
            transform: translateX(0);
        }
    }

    .bounceInLeft.go {
        -webkit-animation-name: bounceInLeft;
        animation-name: bounceInLeft;
    }

    /**********
* Fade In *
**********/
    @-webkit-keyframes fadeIn {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
            display: block;
        }
    }

    @keyframes fadeIn {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
            display: block;
        }
    }

    .fadeIn {
        opacity: 0;
    }

        .fadeIn.go {
            -webkit-animation-name: fadeIn;
            animation-name: fadeIn;
        }

    /*************
* FadeInRight *
*************/

    @-webkit-keyframes fadeInRight {
        0% {
            opacity: 0;
            -webkit-transform: translateX(400px);
        }

        50% {
            opacity: 0.3;
        }

        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
        }
    }

    @keyframes fadeInRight {
        0% {
            opacity: 0;
            transform: translateX(400px);
        }

        50% {
            opacity: 0.3;
        }

        100% {
            opacity: 1;
            transform: translateX(0);
        }
    }

    .fadeInRight {
        opacity: 0;
        -webkit-transform: translateX(400px);
        transform: translateX(400px);
    }

        .fadeInRight.go {
            -webkit-animation-name: fadeInRight;
            animation-name: fadeInRight;
        }

    /******************
* Bounce in up *
*******************/

    @-webkit-keyframes bounceInUp {
        0% {
            opacity: 0;
            -webkit-transform: translateY(400px);
        }

        60% {
            -webkit-transform: translateY(-30px);
        }

        80% {
            -webkit-transform: translateY(10px);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
        }
    }

    @keyframes bounceInUp {
        0% {
            opacity: 0;
            transform: translateY(400px);
        }

        60% {
            transform: translateY(-30px);
        }

        80% {
            transform: translateY(10px);
        }

        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .bounceInUp.go {
        -webkit-animation-name: bounceInUp;
        animation-name: bounceInUp;
    }


    /******************
* Bounce in down *
*******************/

    @-webkit-keyframes bounceInDown {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-400px);
        }

        60% {
            -webkit-transform: translateY(30px);
        }

        80% {
            -webkit-transform: translateY(-10px);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
        }
    }

    @keyframes bounceInDown {
        0% {
            opacity: 0;
            transform: translateY(-400px);
        }

        60% {
            transform: translateY(30px);
        }

        80% {
            transform: translateY(-10px);
        }

        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .bounceInDown.go {
        -webkit-animation-name: bounceInDown;
        animation-name: bounceInDown;
    }

    .coverflow {
        width: 395px;
        height: 395px;
        position: relative;
    }

        .coverflow > img {
            max-width: 100%;
        }

    .countnumber:hover {
        color: #5252f2;
        padding-bottom: 15px;
        border-bottom: 3px solid #5252f2;
        margin-bottom: 20px;
    }

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

    .align-box {
        height: 100% !important;
        max-width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

.contactcolor {
    color: #e8d260;
}

    .mapcolor {
        color: #e80060;
    }

    .portfolio-item {
        margin-bottom: 30px;
    }

    .hover {
        position: relative;
    }

        .hover img {
            position: absolute;
            -webkit-transition: opacity 1s ease-in-out;
            -moz-transition: opacity 1s ease-in-out;
            -o-transition: opacity 1s ease-in-out;
            transition: opacity 1s ease-in-out;
        }

            .hover img:nth-of-type(2):hover {
                opacity: 0;
            }

    .hover2 img {
        opacity: 0.5;
    }

        .hover2 img:hover {
            opacity: 100;
        }

    .row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px
    }

    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12,
    .col-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
    .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
    .col-lg-auto {
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px
    }
    /*
@media (max-width: 400px) {
    .col-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

}*/
    .col {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    abbr[title] {
        border-bottom: none;
        text-decoration: underline;
        text-decoration: underline dotted
    }

    b, strong {
        font-weight: bolder
    }

    code, kbd, samp {
        font-family: monospace, monospace;
        font-size: 1em
    }

    small {
        font-size: 80%
    }

    sub, sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline
    }

    sub {
        bottom: -0.25em
    }

    sup {
        top: -0.5em
    }

    img {
        border-style: none
    }

    button, input, optgroup, select, textarea {
        font-family: inherit;
        font-size: 100%;
        line-height: 1.15;
        margin: 0
    }

    button, input {
        overflow: visible
    }

    button, select {
        text-transform: none
    }

    button, [type="button"], [type="reset"], [type="submit"] {
        -webkit-appearance: button
    }

        button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
            border-style: none;
            padding: 0
        }

        button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
            outline: 1px dotted ButtonText
        }

    fieldset {
        padding: 0.35em 0.75em 0.625em
    }

    legend {
        box-sizing: border-box;
        color: inherit;
        display: table;
        max-width: 100%;
        padding: 0;
        white-space: normal
    }

    progress {
        vertical-align: baseline
    }

    textarea {
        overflow: auto
    }

    [type="checkbox"], [type="radio"] {
        box-sizing: border-box;
        padding: 0
    }

    [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
        height: auto
    }

    [type="search"] {
        -webkit-appearance: textfield;
        outline-offset: -2px
    }

        [type="search"]::-webkit-search-decoration {
            -webkit-appearance: none
        }

    ::-webkit-file-upload-button {
        -webkit-appearance: button;
        font: inherit
    }

    details {
        display: block
    }

    summary {
        display: list-item
    }

    template {
        display: none
    }

    [hidden] {
        display: none
    }

    *, *::before, *::after {
        -webkit-font-smoothing: antialiased;
        box-sizing: border-box;
        margin: 0;
        padding: 0
    }

    html, body {
        color: rgba(0,0,0,0.69);
        font-family: "Lineto Circular", sans-serif;
        line-height: 1.4;
        margin: 0;
        height: 100%
    }

    body {
        font-size: 1rem
    }

        body.internal-page {
            opacity: 0
        }

    img {
        /*border-radius: 3px;*/
        max-width: 100%
    }

    video {
        /* max-width: 100%*/
    }

    blockquote {
        color: #5252f2;
        font-style: italic;
        margin: 2.5rem 0
    }

    @media (min-width: 0px) {
        blockquote {
            font-size: .875rem;
            line-height: 20px
        }
    }

    @media (min-width: 768px) {
        blockquote {
            font-size: 1.125rem;
            line-height: unset
        }
    }

    blockquote p {
        display: inline;
        font-family: "IBM Plex Mono", monospace
    }

    .section--black a, .section--black a:visited {
        color: #fff
    }

    .container a:hover {
        color: #2d208c
    }

    .cc-allow {
        background-color: #5252f2 !important
    }

    .cc-window {
        z-index: 999999999 !important
    }

    * {
        overflow-anchor: none !important
    }

    @font-face {
        font-family: "Graphik Web";
        font-stretch: normal;
        font-style: normal;
        font-weight: 500;
        src: url(/fonts/Graphik-Medium-Web.eot?h=b65afee3);
        src: url(/fonts/Graphik-Medium-Web.woff2?h=aae206b9) format("woff2");
        src: url(/fonts/Graphik-Medium-Web.woff?h=20d38454) format("woff")
    }

    @font-face {
        font-family: "Graphik Web";
        font-stretch: normal;
        font-style: normal;
        font-weight: 400;
        src: url(/fonts/Graphik-Regular-Web.eot?h=d275f7cf);
        src: url(/fonts/Graphik-Regular-Web.woff2?h=db414e88) format("woff2");
        src: url(/fonts/Graphik-Regular-Web.woff?h=8cbbd5f2) format("woff")
    }

@font-face {
    font-family: "Lineto Circular";
    src: url("https://www.foltex.fr/vendor/font-awesome/fonts/lineto-circular-bold.eot");
    src: url("https://www.foltex.fr/vendor/font-awesome/fonts/lineto-circular-bold.eot?#iefix") format("embedded-opentype");
    src: url("https://www.foltex.fr/vendor/font-awesome/fonts/lineto-circular-bold.woff2") format("woff2");
    src: url("https://www.foltex.fr/vendor/font-awesome/fonts/lineto-circular-bold.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: "Lineto Circular";
    src: url("https://www.foltex.fr/vendor/font-awesome/fonts/lineto-circular-book.eot");
    src: url("https://www.foltex.fr/vendor/font-awesome/fonts/lineto-circular-book.eot?#iefix") format("embedded-opentype");
    src: url("https://www.foltex.fr/vendor/font-awesome/fonts/lineto-circular-book.woff2") format("woff2");
    src: url("https://www.foltex.fr/vendor/font-awesome/fonts/lineto-circular-book.woff") format("woff");
    font-weight: 400;
    font-style: normal
}

    .material-icons {
        font-size: 1.5rem;
        font-family: "Material Icons",sans-serif;
        font-weight: normal;
        font-style: normal;
        line-height: 1;
        letter-spacing: normal;
        text-transform: none;
        display: inline-block;
        white-space: nowrap;
        word-wrap: normal;
        direction: ltr;
        -webkit-font-feature-settings: "liga";
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-feature-settings: "liga"
    }

    .material-icons-outlined {
        font-size: 1.5rem;
        font-family: "Material Icons Outlined",sans-serif;
        font-weight: normal;
        font-style: normal;
        line-height: 1;
        letter-spacing: normal;
        text-transform: none;
        display: inline-block;
        white-space: nowrap;
        word-wrap: normal;
        direction: ltr;
        -webkit-font-feature-settings: "liga";
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-feature-settings: "liga"
    }

        .material-icons:after, .material-icons-outlined:after {
            content: attr(data-icon)
        }

    @font-face {
        font-family: "IBM Plex Mono";
        font-style: italic;
        font-weight: 300;
        font-display: block;
        src: local("IBM Plex Mono Light Italic"),local("IBMPlexMono-LightItalic"),url(/fonts/IBMPlexMono-LightItalic.woff2?h=2ce21b9d) format("woff2");
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
    }

    @font-face {
        font-family: "IBM Plex Mono";
        font-style: normal;
        font-weight: 500;
        font-display: block;
        src: local("IBM Plex Mono Regular"),local("IBMPlexMono-Regular"),url(/fonts/IBMPlexMono-Regular.woff2?h=97edff31) format("woff2");
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
    }

    @font-face {
        font-family: "IBM Plex Mono";
        font-style: normal;
        font-weight: 600;
        font-display: block;
        src: local("IBM Plex Mono Semi Bold"),local("IBMPlexMono-SemiBold"),url(/fonts/IBMPlexMono-SemiBold.woff2?h=ce65e531) format("woff2");
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
    }

    .input[type="text"], .input[type="number"], .input[type="date"], textarea {
        border: 1px solid rgba(0,0,0,0.13);
        border-radius: 3px;
        box-sizing: border-box;
        box-shadow: none;
        height: 2.5rem;
        line-height: calc(2.5rem - 2px);
        padding: 0 1rem
    }

        .input[type="text"]:hover, .input[type="number"]:hover, .input[type="date"]:hover, textarea:hover {
            border-color: rgba(0,0,0,0.21)
        }

        .input[type="text"]:active, .input[type="text"]:focus, .input[type="number"]:active, .input[type="number"]:focus, .input[type="date"]:active, .input[type="date"]:focus, textarea:active, textarea:focus {
            color: #3b3b3b;
            border-color: #262626;
            outline-width: 0
        }

    textarea {
        height: 15rem
    }

    .form-group {
        margin-top: 1rem;
        margin-bottom: 1rem;
        display: flex;
        flex-direction: column
    }

        .form-group label {
            margin-bottom: 0.5rem
        }

    h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 {
        color: rgba(0,0,0,0.85);
        font-weight: 500
    }

    @media (min-width: 0px) {
        h1, .h1 {
            font-size: 2.25rem;
            line-height: 120%
        }
    }

    @media (min-width: 768px) {
        h1, .h1 {
            font-size: 3rem;
            line-height: 120%
        }
    }

    h2, .h2 {
        margin-bottom: 2rem
    }

    @media (min-width: 0px) {
        h2, .h2 {
            font-size: 1.5rem;
            line-height: 120%
        }
    }

    @media (min-width: 768px) {
        h2, .h2 {
            font-size: 2.25rem;
            line-height: 120%
        }
    }

    h3, .h3, h4, .h4 {
        margin-bottom: 1rem
    }

    @media (min-width: 0px) {
        h3, .h3, h4, .h4 {
            font-size: 1rem;
            line-height: 120%
        }
    }

    @media (min-width: 768px) {
        h3, .h3, h4, .h4 {
            font-size: 1.5rem;
            line-height: 120%
        }
    }

    h5, .h5 {
        margin-bottom: 1rem
    }

    @media (min-width: 0px) {
        h5, .h5 {
            font-size: 1rem;
            line-height: 120%
        }
    }

    @media (min-width: 768px) {
        h5, .h5 {
            font-size: 1.25rem;
            line-height: 120%
        }
    }

    .heading-icon {
        height: 1.6em;
        vertical-align: middle;
        margin-right: 0.5em
    }

    .section--black h1, .section--black h2, .section--black h3, .section--black h4, .section--black h5, .section--dark-grey h1, .section--dark-grey h2, .section--dark-grey h3, .section--dark-grey h4, .section--dark-grey h5 {
        color: #fff
    }

    .icon {
        font-family: "Material Icons";
        font-size: 1rem;
        font-weight: normal;
        font-style: normal;
        display: inline-block;
        line-height: 150%;
        text-transform: none;
        letter-spacing: normal;
        word-wrap: normal;
        white-space: nowrap;
        user-select: none
    }

    .icon--warn {
        color: #e66400
    }

    .icon--danger {
        color: #cc0019
    }

    .icon--success {
        color: #009669
    }

    .icon--right {
        margin-left: 0.5rem
    }

    .icon--left {
        margin-right: 0.5rem
    }

    .icon--align-bottom {
        vertical-align: bottom
    }

    .icon--align-middle {
        vertical-align: middle
    }

    .icon--outline {
        color: transparent;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #000
    }

    .icon--download {
        vertical-align: middle
    }

    .icon:after {
        content: attr(data-icon)
    }

    .section--extra-large {
        grid-template-columns: repeat(auto-fill, minmax(368px, 1fr))
    }

    .material-icons {
        font-size: 1.5rem
    }

    .material-icons--width-fix {
        width: 24px;
        overflow: hidden
    }

    .breadcrumb a {
        color: rgba(0,0,0,0.69);
        text-decoration: none;
        font-weight: 500
    }

    .breadcrumb span {
        vertical-align: bottom;
        margin: 0 0.3em -2px
    }

    .contact-hero {
        display: flex;
        align-items: center;
        flex-flow: row wrap
    }

    .contact-hero__title {
        margin: 0
    }

    .contact-hero__ctas {
        margin-left: auto
    }

        .contact-hero__ctas a:first-of-type {
            margin-right: 1rem
        }

    @media only screen and (max-width: 1024px) {
        .contact-hero__ctas {
            display: none
        }
    }

    .office-location label {
        font-family: "IBM Plex Mono";
        display: block;
        font-weight: 500
    }

        .office-location label span {
            display: inline-block;
            margin-left: 1.5rem
        }

    .contact-details {
        display: flex
    }

        .contact-details .contact-details__office-address {
            flex-grow: 3
        }

        .contact-details .contact-details__phone-line {
            flex-grow: 7
        }

    .content-image-with-text__content h2.contact-details__city, .content-image-with-text__content h2.contact-details__country {
        text-align: center
    }

    .content-image-with-text__content h2.contact-details__city {
        margin-bottom: 0
    }

    .content-image-with-text__content h2.contact-details__country {
        font-weight: normal;
        margin-bottom: 5rem
    }

    .contact-details__security {
        display: none;
        text-decoration: none;
        font-family: "IBM Plex Mono";
        font-weight: 500
    }

    @media only screen and (max-width: 1024px) {
        .content-image-with-text.office-location {
            flex-direction: column
        }

            .content-image-with-text.office-location .content-image-with-text__content h4 {
                text-align: left
            }

            .content-image-with-text.office-location .content-image-with-text__content, .content-image-with-text.office-location .content-image-with-text__image-container {
                max-width: 90%;
                width: 60%;
                margin-right: 0
            }

            .content-image-with-text.office-location .content-image-with-text__image-container {
                margin-bottom: 4rem;
                order: 1
            }

            .content-image-with-text.office-location .content-image-with-text__content {
                order: 2
            }

        .contact-details {
            justify-content: space-around
        }
    }

    @media only screen and (max-width: 767px) {
        .contact-details__security {
            display: block
        }

            .contact-details__security a {
                display: block
            }

        div.security-block {
            justify-content: flex-end
        }
    }

    @media only screen and (max-width: 640px) {
        .contact-details {
            flex-direction: column;
            align-items: flex-start
        }

        .content-image-with-text.office-location {
            align-items: flex-start
        }

            .content-image-with-text.office-location .content-image-with-text__content h4 {
                margin-top: 2rem;
                margin-bottom: 1rem
            }

            .content-image-with-text.office-location .content-image-with-text__content, .content-image-with-text.office-location .content-image-with-text__image-container {
                max-width: 100%;
                width: 100%
            }

        .content-image-with-text__content h2.contact-details__city {
            margin-top: 2rem
        }

        .content-image-with-text__content h2.contact-details__country {
            margin-bottom: 0;
            margin-top: 0
        }

        .content-image-with-text.office-location .content-image-with-text__image-container {
            margin-bottom: 1rem;
            order: 1
        }
    }

    .phone-numbers-box {
        text-align: center
    }

    .phone-numbers-box__numbers {
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        margin-top: 5rem
    }

    .phone-numbers-box__number {
        margin-bottom: 4rem;
        text-align: left;
        width: 33%
    }

    .security-block {
        display: flex;
        justify-content: space-between;
        font-family: "IBM Plex Mono";
        font-weight: 500
    }

        .security-block a {
            text-decoration: none
        }

        .security-block .office-selector a {
            display: inline-block
        }

    @media only screen and (max-width: 767px) {
        .security-block__security {
            display: none
        }
    }

    @media only screen and (max-width: 500px) {
        .phone-numbers-box__numbers div {
            width: 50%
        }

        .phone-numbers-box__number {
            margin-bottom: 2rem
        }
    }

    @media only screen and (max-width: 320px) {
        .phone-numbers-box__numbers div {
            width: 100%;
            margin: 1rem 1rem 1rem 0.5rem
        }

        .phone-numbers-box__numbers .u-margin-bottom-4 {
            margin-bottom: 1rem
        }
    }

    #contact-map-container {
        height: 40rem
    }

    .map-office-location img {
        width: auto;
        height: 18.4rem;
        position: relative;
        top: 50%;
        margin-top: -74px
    }

    .homepage-hero {
        display: flex;
        justify-items: stretch
    }

    .homepage-hero__picture, .homepage-hero__content {
        display: flex;
        justify-content: center;
        align-items: center;
        flex: 1
    }

    .homepage-hero__panel {
        max-width: 34rem;
        margin: 2rem;
        z-index: 1
    }

    .homepage-hero__panel-title {
        margin-top: 0;
        margin-bottom: 1.2rem
    }

    .homepage-hero--lang-de .homepage-hero__panel-title {
        max-width: 30rem
    }

    .homepage-hero__panel-cta {
        color: rgba(0,0,0,0.56);
        margin-top: 0;
        font-weight: 100;
        line-height: 140%
    }

    @media (min-width: 0px) {
        .homepage-hero__panel-cta {
            font-size: 1rem
        }
    }

    @media (min-width: 768px) {
        .homepage-hero__panel-cta {
            font-size: 1.125rem
        }
    }

    @media (min-width: 1224px) {
        .homepage-hero__panel-cta {
            font-size: 1.25rem
        }
    }

    a.homepage-hero__cta {
        font-size: 1.125rem;
        line-height: 3.5rem;
        vertical-align: middle;
        margin-top: 0.5rem;
        margin-bottom: 0.5rem
    }

    .homepage-hero--language-en a.homepage-hero__cta {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .icon.homepage-hero__icon--play {
        font-size: 1.5rem;
        display: block;
        float: left;
        line-height: 3.5rem;
        margin-right: 0.3rem;
        max-width: 1.5rem;
        overflow: hidden
    }

    .homepage-hero__picture-container {
        width: 64vw;
        max-width: 54rem;
        position: absolute;
        right: 50%;
        top: -1rem;
        margin-right: 5%;
        transform: translateX(50%);
        text-align: center
    }

    .homepage-hero__picture--full {
        pointer-events: none;
        max-width: 80rem
    }

    .homepage-hero__picture img {
        width: 100%
    }

    .homepage-hero__usps {
        margin-top: 2rem;
        display: flex;
        justify-content: space-between
    }

    .homepage-hero__usp {
        display: flex;
        margin-right: 1rem
    }

        .homepage-hero__usp img {
            width: 1.7rem;
            height: 1.7rem;
            margin-right: 0.7rem;
            margin-top: 0.6rem;
            opacity: 0.7;
            border-radius: 0
        }

    .homepage-hero__usp-text span {
        display: block;
        width: 100%
    }

    .homepage-hero__usp-text-highlight {
        font-weight: 500;
        color: #fff
    }

    .homepage-logos__trusted .trusted-logos {
        margin-top: -8rem;
        padding-top: 0;
        background-color: transparent
    }

    @media screen and (max-width: 859px) {
        .homepage-logos__trusted .trusted-logos {
            margin-top: 0;
            padding: 0 1rem
        }
    }

    @media (max-width: 1279px) {
        .homepage-hero__usp {
            flex-direction: column;
            align-items: center
        }

        .homepage-hero__usp-text span {
            text-align: center
        }

        .homepage-hero__usp img {
            margin-right: 0;
            margin-bottom: 0.5rem;
            width: 1.7rem;
            height: 1.7rem
        }

        a.homepage-hero__cta {
            height: 3.5rem;
            line-height: 3.5rem
        }

        .homepage-hero--lang-en a.homepage-hero__cta {
            margin-top: 1rem;
            margin-bottom: 1rem
        }
    }

    .homepage-hero__picture-container {
        display: none
    }

    .homepage-hero__picture--small {
        display: none
    }

    .homepage-hero__picture-tooltip-container {
        position: relative;
        display: inline-block
    }

    @media (max-width: 960px) {
        .homepage-hero__usp-text-highlight {
            color: rgba(255,255,255,0.62)
        }

        .homepage-hero__panel {
            max-width: 34rem;
            margin: 1.5rem
        }

        .homepage-hero--lang-de .homepage-hero__panel-title {
            max-width: 23rem
        }
    }

    @media (max-width: 859px) {
        .homepage-hero__picture, .homepage-hero__content {
            flex-basis: auto;
            flex-shrink: 0
        }

        .homepage-hero {
            flex-direction: column-reverse;
            justify-items: auto
        }

        .homepage-hero__picture--small {
            max-width: 28rem;
            display: block;
            margin-bottom: -6rem;
            margin-top: 1rem;
            width: 100%;
            height: 20rem;
            background-size: cover;
            background-position: center center;
            background-image: url("/images/home/hero-parts-small.jpg")
        }

        .homepage-hero__panel {
            padding: 1.5rem;
            margin: 2rem 0
        }

        .homepage-hero__usp img {
            width: 1.5rem;
            height: 1.5rem
        }

        a.homepage-hero__cta {
            width: 100%;
            display: block;
            padding: 0 14px
        }
    }

    @media (min-width: 860px) {
        .homepage-hero {
            margin: 3rem 0 0 0
        }

        .homepage-hero__panel-title {
            margin-top: 3rem
        }

        .homepage-hero__usps {
            margin-bottom: 9rem
        }

        .homepage-hero__picture-container {
            display: block
        }

        a.homepage-hero__cta--secondary {
            white-space: nowrap;
            display: inline-block
        }

        .homepage-hero__cta--primary {
            margin-right: 1rem
        }

        .homepage-hero__picture {
            position: relative;
            min-height: 560px
        }
    }

    .homepage-hero__picture-tooltip {
        font-size: .75rem;
        text-align: left;
        position: absolute;
        font-weight: 500;
        color: rgba(255,255,255,0.38)
    }

    .homepage-hero__picture-tooltip--3dprinting {
        top: 62%;
        left: 71%
    }

    .homepage-hero__picture-tooltip--cnc-machining {
        top: 64%;
        left: 15%
    }

    .homepage-hero__picture-tooltip--injection-molding {
        top: 74.8%;
        left: 61%
    }

    .homepage-hero__picture-tooltip--sheet-metal {
        top: 4.8%;
        left: 53%
    }

    @media (min-width: 1440px) {
        .homepage-hero__panel {
            margin-left: 10%
        }
    }

    @media (min-width: 1600px) {
        .homepage-hero__picture {
            min-height: 40rem
        }

        .homepage-hero__picture-container {
            margin-right: 13%;
            right: 45%
        }

        .homepage-hero__picture-tooltip--3dprinting {
            top: 62%;
            left: 71%
        }

        .homepage-hero__picture-tooltip--cnc-machining {
            top: 64%;
            left: 15%
        }

        .homepage-hero__picture-tooltip--injection-molding {
            top: 70.8%;
            left: 64%
        }

        .homepage-hero__picture-tooltip--sheet-metal {
            top: 4.8%;
            left: 53%
        }
    }

    .homepage-video video {
        width: 100%;
        display: none
    }

    .homepage-video {
        padding: 0 1rem
    }

    @media (min-width: 768px) {
        .homepage-video video {
            display: block
        }

        .homepage-video {
            margin-bottom: 5rem
        }
    }

    @media (min-width: 0px) {
        .ip-protection-body {
            font-size: .875rem;
            line-height: 20px
        }
    }

    @media (min-width: 768px) {
        .ip-protection-body {
            font-size: 1.125rem;
            line-height: unset
        }
    }

    .ip-protection-body h2 {
        text-align: center;
        max-width: 25rem;
        margin: 4.5rem auto 1.5rem auto
    }

    @media screen and (max-width: 425px) {
        .ip-protection-body h2 {
            text-align: left;
            margin: 2rem auto 1rem auto
        }
    }

    .ip-protection-body p {
        margin-bottom: 1rem
    }

    .ip-protection-body a {
        text-decoration: none
    }

    .ip-protection__cta .content-image-with-text__content h3 {
        text-align: left;
        margin-top: 1.5rem
    }

    @media (min-width: 0px) {
        .ip-protection__cta p {
            font-size: .875rem;
            line-height: 20px
        }
    }

    @media (min-width: 768px) {
        .ip-protection__cta p {
            font-size: 1rem;
            line-height: unset
        }
    }

    .ip-protection__cta-cta {
        margin-top: 3.3125rem
    }

    .ip-protection__cta .ip-protection__cta-image {
        max-width: 100%
    }

    .ip-protection__hero {
        max-height: 23.5625rem
    }

        .ip-protection__hero h1 {
            margin-top: 0;
            margin-bottom: 1.5rem
        }

    @media screen and (max-width: 425px) {
        .ip-protection__hero h1 {
            margin: 1.3125rem 0
        }
    }

    @media (min-width: 0px) {
        .ip-protection__hero p {
            font-size: .875rem;
            line-height: 20px
        }
    }

    @media (min-width: 768px) {
        .ip-protection__hero p {
            font-size: 1.125rem;
            line-height: unset
        }
    }

    .section--extra-large:not(.split-section--no-contain).ip-protection__hero--section {
        margin-bottom: 0;
        margin-top: 1.2rem
    }

    @media screen and (max-width: 425px) {
        .section--extra-large:not(.split-section--no-contain).ip-protection__hero--section {
            align-items: flex-start;
            margin-top: 0
        }
    }

    .ip-protection__hero-img.content-image-with-text__image {
        max-height: 21.875rem;
        vertical-align: bottom
    }

    .ip-protection__heroimg-container {
        text-align: right
    }

    .ip-protection__hero-img--mobile--container {
        width: 80%;
        margin: 1rem auto;
        text-align: center
    }

    .jobs__perks--section-title {
        text-align: center
    }

    .jobs__perks {
        position: relative
    }

        .jobs__perks button {
            position: absolute;
            background-color: rgba(0,0,0,0.13);
            color: #fff;
            border-radius: 100%;
            border: none;
            width: 2.5rem;
            height: 2.5rem;
            padding: 0.5rem;
            z-index: 1;
            cursor: pointer;
            outline: none
        }

            .jobs__perks button i {
                width: 1rem;
                height: 1rem;
                position: relative;
                left: -0.25rem
            }

            .jobs__perks button#jobs__slider-prev {
                left: -3rem;
                top: 40%
            }

            .jobs__perks button#jobs__slider-next {
                right: -3rem;
                top: 40%
            }

        .jobs__perks .jobs__slider {
            position: relative
        }

            .jobs__perks .jobs__slider::before {
                position: absolute;
                z-index: 1;
                content: "";
                display: flex;
                border-left: 3px solid #fff;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0
            }

    .jobs__perks__box {
        max-width: 26.375rem;
        height: 28.125rem;
        border-left: 1px solid rgba(0,0,0,0.13);
        padding: 0 1.5rem;
        vertical-align: top;
        z-index: -1
    }

    .jobs__perks__img {
        max-height: 12.125rem;
        width: auto
    }

    @media screen and (max-width: 623px) {
        .jobs__perks__img {
            max-height: none;
            width: 100%
        }
    }

    .jobs__perks__title {
        font-weight: 500;
        margin-top: 2rem;
        margin-bottom: 1rem
    }

    @media (min-width: 0px) {
        .jobs__perks__title {
            font-size: 1rem
        }
    }

    @media (min-width: 768px) {
        .jobs__perks__title {
            font-size: 1.25rem
        }
    }

    @media (min-width: 0px) {
        .jobs__perks__text {
            font-size: .875rem;
            line-height: 20px
        }
    }

    @media (min-width: 768px) {
        .jobs__perks__text {
            font-size: 1.125rem;
            line-height: unset
        }
    }

    @media only screen and (max-width: 767px) {
        .jobs__perks__box {
            border: none;
            height: 30.125rem
        }

        .jobs__slider__buttons {
            text-align: center
        }

        .jobs__perks button {
            position: relative
        }

            .jobs__perks button#jobs__slider-prev {
                left: -1rem
            }

            .jobs__perks button#jobs__slider-next {
                right: -1rem
            }
    }

    @media only screen and (max-width: 623px) {
        .jobs__perks .jobs__slider {
            max-height: 28rem
        }

        .jobs__perks__box {
            padding: 0 0.8rem;
            max-width: 100%
        }

        .jobs__perks__title {
            margin-top: 1rem;
            margin-bottom: 0.5rem
        }
    }

    @media screen and (max-width: 425px) {
        .jobs__perks .jobs__slider {
            height: 23rem;
            max-height: 23rem
        }
    }

    video.jobs__video {
        width: 100%;
        height: auto
    }

    .section--short.jobs__hero.section--dark-grey {
        margin: 0
    }

    .jobs__hero-overlay {
        display: flex;
        justify-content: space-between;
        flex-flow: row wrap;
        align-content: center;
        align-items: center
    }

    .jobs__hero-cta--mobile {
        font-size: .875rem;
        line-height: 20px;
        display: none;
        width: 17rem;
        height: 2.5rem;
        background-color: #5252f2;
        border-radius: 3px;
        color: #fff;
        border: none;
        text-align: center;
        padding: 0.7rem;
        margin: 2rem auto;
        text-decoration: none
    }

    .jobs__hero-title {
        font-weight: 500;
        margin: 0
    }

    @media (min-width: 0px) {
        .jobs__hero-title {
            font-size: 1.5rem;
            line-height: 120%
        }
    }

    @media (min-width: 768px) {
        .jobs__hero-title {
            font-size: 3rem;
            line-height: 120%
        }
    }

    .jobs__hero__img {
        display: none;
        width: 100%
    }

    @media only screen and (max-width: 612px) {
        .jobs__hero-overlay .jobs__hero-cta {
            display: none
        }

        .jobs__hero-cta--mobile {
            display: block
        }
    }

    @media only screen and (max-width: 425px) {
        video.jobs__video {
            display: none
        }

        .jobs__hero__img {
            display: block
        }
    }

    .jobs__story .jobs__story-text {
        margin-bottom: 1rem
    }

    .jobs__pos-number {
        color: #5252f2;
        font-weight: normal
    }

    .jobs__positions__title {
        text-align: center;
        margin-bottom: 4rem;
        margin-top: 11rem
    }

    .jobs__team-title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer
    }

    .jobs__positions__divider {
        border-bottom: none;
        border-top: 1px solid rgba(0,0,0,0.13)
    }

    .jobs__cards__container {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        max-height: 0;
        overflow: hidden
    }

        .jobs__cards__container.active {
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
            margin-top: 2rem;
            margin-bottom: 6.5rem;
            max-height: 100%
        }

    .jobs__team-title.rotate i {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    @media only screen and (max-width: 425px) {
        .jobs__positions__title {
            margin-top: 4rem;
            margin-bottom: 0.5rem
        }

        .jobs__team-title h3 {
            margin: 1.1rem 0
        }

        .jobs__cards__container.active {
            flex-direction: column;
            max-height: none;
            align-content: center
        }

        .jobs__cards__container, .jobs__positions__card {
            width: 100%;
            max-width: 320px
        }
    }

    .jobs__coverage {
        text-align: center
    }

    .jobs__covered-in {
        font-weight: 500;
        margin-bottom: 2.5rem
    }

    .jobs__news-logos {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center
    }

        .jobs__news-logos .jobs__news-item {
            list-style: none
        }

        .jobs__news-logos .jobs__news__img {
            margin: 1rem;
            max-height: 1.5rem;
            max-width: 10rem
        }

    @media only screen and (max-width: 768px) {
        .jobs__news-logos .jobs__news__img {
            max-height: 1rem;
            max-width: 7rem
        }
    }

    .jobs__glassdoor__top {
        margin-bottom: 3rem
    }

    .jobs__glassdoor-title {
        margin-right: 1.5rem;
        margin-bottom: 1rem
    }

    .jobs__glassdoor__quote {
        list-style: none;
        border-radius: 0.2rem;
        background-color: rgba(0,0,0,0.03);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        padding: 1.5rem;
        margin-bottom: 0.5rem
    }

        .jobs__glassdoor__quote .jobs__glassdoor__quote-text {
            font-size: 1rem;
            font-weight: 500;
            margin-left: 3.2rem;
            margin-bottom: 0.9rem
        }

    .jobs__glassdoor__quoteimg {
        height: 1rem;
        width: 1.1875rem
    }

    .jobs__glassdoor__cta-section {
        margin-top: 3.375rem;
        vertical-align: middle
    }

    .jobs__glassdoor-logo {
        vertical-align: middle
    }

    .jobs__glassdoor-cta {
        display: inline-block;
        width: 9rem;
        height: 2.5rem;
        border-radius: 0.2rem;
        border: solid 1px rgba(0,0,0,0.13);
        padding: 0.6rem 0.9rem;
        margin-right: 1.5rem
    }

    @media only screen and (max-width: 702px) {
        .jobs__glassdoor__quotes-list {
            margin-top: 5rem
        }
    }

    @media only screen and (max-width: 1024px) {
        .jobs__glassdoor__top {
            text-align: center
        }

        .jobs__glassdoor__quotes-list {
            margin-top: 5rem
        }
    }

    @media only screen and (max-width: 425px) {
        .jobs__glassdoor-title {
            margin-bottom: 1rem;
            margin-right: 0;
            text-align: center
        }

        .jobs__glassdoor__quotes-list {
            margin-bottom: 0
        }
    }

    .kb-related-articles {
        display: flex;
        margin: 0 -1rem
    }

    .kb-related-articles__prev, .kb-related-articles__next {
        margin: 0 1rem
    }

    .kb-related-articles__mobile-container {
        display: none;
        border-top: 1px solid rgba(0,0,0,0.13)
    }

        .kb-related-articles__mobile-container > a:first-child {
            border-right: 1px solid rgba(0,0,0,0.13);
            cursor: pointer
        }

        .kb-related-articles__mobile-container .icon {
            align-self: center
        }

    .kb-related-articles__mobile-article {
        display: flex;
        padding: 1rem;
        font-weight: 500;
        align-items: center
    }

    .kb-article__hero {
        margin-top: 8rem;
        margin-bottom: 6.5rem;
        color: rgba(0,0,0,0.69)
    }

    .kb-article__header-image {
        width: 100%
    }

    .kb-article__highlight {
        font-family: "IBM Plex Mono";
        font-size: .875rem;
        line-height: 20px;
        font-weight: 500;
        letter-spacing: normal;
        color: #767af5;
        border-top: solid 1px rgba(0,0,0,0.21);
        padding: 1.5rem;
        margin: 2rem 0
    }

        .kb-article__highlight a {
            color: #767af5
        }

        .kb-article__highlight strong {
            font-weight: 500
        }

        .kb-article__highlight em, .kb-article__highlight i {
            font-style: normal
        }

    .kb-article__cta-block {
        background-color: rgba(0,0,0,0.03);
        text-align: center;
        padding: 1.5rem;
        margin: 2rem 0
    }

    .kb-article__cta-block-cta {
        font-weight: 500
    }

    @media (min-width: 0px) {
        .kb-article__cta-block-cta {
            font-size: .875rem;
            line-height: 20px
        }
    }

    @media (min-width: 768px) {
        .kb-article__cta-block-cta {
            font-size: 1.125rem;
            line-height: unset
        }
    }

    .kb-article__cta-block a {
        margin: 0.25rem 0.25rem 0 0.25rem
    }

    .kb-article__cta-block p:not(.kb-article__cta-block-cta) {
        margin: 0
    }

    .kb-article--legacy p {
        margin-bottom: 1rem
    }

    .kb-article--legacy li {
        margin-bottom: 1rem
    }

    .kb-article--legacy h2 {
        margin-top: 4rem
    }

    .kb-article--legacy h3 {
        margin-top: 3rem
    }

    .kb-article--legacy figure {
        margin: 2rem 0
    }

    .kb-article--legacy figcaption {
        margin-top: 0.5rem;
        color: rgba(0,0,0,0.56);
        text-align: center
    }

    @media (min-width: 0px) {
        .toc__item, .toc__item-arrow {
            font-size: .875rem;
            line-height: 20px
        }
    }

    @media (min-width: 768px) {
        .toc__item, .toc__item-arrow {
            font-size: 1.125rem;
            line-height: unset
        }
    }

    .toc__item {
        font-weight: 500;
        color: rgba(0,0,0,0.85);
        display: block;
        text-decoration: none;
        border-bottom: solid 1px rgba(0,0,0,0.21);
        padding: 0.875rem 0
    }

    .toc__item-arrow {
        margin-right: 0.5rem;
        vertical-align: text-bottom
    }

    @media screen and (max-width: 786px) {
        .kb-related-articles__desktop-container {
            display: none
        }

        .kb-related-articles__mobile-container {
            display: flex
        }

        .kb-article__hero {
            margin-top: 4rem;
            margin-bottom: 3.25rem
        }
    }

    @media screen and (max-width: 425px) {
        .kb-article__cta-block a {
            display: block;
            margin: 0.5rem 0
        }
    }

    .kb-chapter__divider {
        border: 0;
        border-top: 1px solid rgba(0,0,0,0.13);
        margin-bottom: 2rem
    }

    .kb-article-list {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 8rem
    }

        .kb-article-list::after {
            content: "";
            flex-basis: 33.3%
        }

    .kb-article-list__article {
        display: flex;
        flex-direction: column;
        flex-basis: 33.3%;
        flex-grow: 0;
        padding: 0 1.5rem;
        margin-bottom: 3.5rem;
        border-right: solid 1px rgba(0,0,0,0.13)
    }

        .kb-article-list__article:nth-of-type(3n) {
            border-right: none
        }

    .kb-article-list__image img {
        border-radius: 0;
        width: 100%
    }

    .kb-article-list__title {
        font-weight: 500;
        color: rgba(0,0,0,0.85);
        margin: 1.5rem 0 1rem
    }

    @media (min-width: 0px) {
        .kb-article-list__title {
            font-size: 1rem;
            line-height: 120%
        }
    }

    @media (min-width: 768px) {
        .kb-article-list__title {
            font-size: 1.5rem;
            line-height: 120%
        }
    }

    a:hover .kb-article-list__title {
        color: #5252f2
    }

    .kb-article-list__description {
        color: rgba(0,0,0,0.56);
        margin-bottom: 1rem
    }

    @media (min-width: 0px) {
        .kb-article-list__description {
            font-size: .875rem;
            line-height: 20px
        }
    }

    @media (min-width: 768px) {
        .kb-article-list__description {
            font-size: 1.125rem;
            line-height: unset
        }
    }

    a.kb-article-list__article-cta {
        text-decoration: none;
        margin-top: auto
    }

    .kb-article-list__article-cta-text {
        display: inline-block;
        color: rgba(0,0,0,0.69);
        border-bottom: 1px solid rgba(0,0,0,0.69);
        line-height: 1.2rem
    }

    @media (min-width: 0px) {
        .kb-article-list__article-cta-text {
            font-size: .875rem;
            line-height: 20px
        }
    }

    @media (min-width: 768px) {
        .kb-article-list__article-cta-text {
            font-size: 1.125rem;
            line-height: unset
        }
    }

    .kb-article-list__article-cta-arrow {
        font-size: 1rem;
        text-decoration: inherit;
        margin-left: 0.4rem
    }

    @media (max-width: 1023px) {
        .kb-article-list__article:nth-of-type(3n) {
            border-right: solid 1px rgba(0,0,0,0.13)
        }

        .kb-article-list__article:nth-of-type(2n) {
            border-right: none
        }

        .kb-article-list::after {
            flex-basis: 50%
        }

        .kb-article-list__article {
            flex-basis: 50%
        }
    }

    @media (max-width: 480px) {
        .kb-chapter__divider {
            margin-bottom: 1.5rem
        }

        .kb-article-list {
            display: block;
            margin-bottom: 6rem
        }

        .kb-article-list__article {
            padding: 0;
            margin-bottom: 2rem;
            border: none
        }

        .kb-article-list__title {
            margin: 1rem 0 0.5rem
        }
    }

    .kb-chapter-list {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -2rem
    }

    .kb-chapter-list__title {
        text-align: center;
        margin: 4rem 0;
        margin-top: 6.5rem
    }

    @media (min-width: 0px) {
        .kb-chapter-list__title {
            font-size: 1.5rem;
            line-height: 120%
        }
    }

    @media (min-width: 768px) {
        .kb-chapter-list__title {
            font-size: 2.25rem;
            line-height: 120%
        }
    }

    .kb-chapter-list__chapter {
        flex-basis: 50%;
        padding: 2rem;
        color: inherit;
        text-decoration: inherit;
        display: block
    }

        .kb-chapter-list__chapter:hover {
            background-color: #ededfc;
            color: #4845d9
        }

            .kb-chapter-list__chapter:hover .kb-chapter-list__chapter-cta, .kb-chapter-list__chapter:hover .kb-chapter-list__chapter-cta-arrow, .kb-chapter-list__chapter:hover .kb-chapter-list__chapter-description {
                color: #4845d9
            }

            .kb-chapter-list__chapter:hover .kb-chapter-list__chapter-cta {
                border-color: #4845d9
            }

    .kb-chapter-list__chapter-title {
        max-width: 41%
    }

    @media (min-width: 0px) {
        .kb-chapter-list__chapter-title {
            font-size: 1rem;
            line-height: 120%
        }
    }

    @media (min-width: 768px) {
        .kb-chapter-list__chapter-title {
            font-size: 1.5rem;
            line-height: 120%
        }
    }

    a:hover .kb-chapter-list__chapter-title {
        color: #5252f2
    }

    .kb-chapter-list__chapter-cta {
        margin-top: 2rem;
        display: inline-block;
        color: rgba(0,0,0,0.69);
        border-bottom: 1px solid rgba(0,0,0,0.69)
    }

    @media (min-width: 0px) {
        .kb-chapter-list__chapter-cta {
            font-size: .875rem;
            line-height: 20px
        }
    }

    @media (min-width: 768px) {
        .kb-chapter-list__chapter-cta {
            font-size: 1.125rem;
            line-height: unset
        }
    }

    .kb-chapter-list__chapter-cta-arrow {
        text-decoration: inherit;
        margin-left: 0.4rem;
        font-size: 1rem
    }

    @media screen and (max-width: 768px) {
        .kb-chapter-list__chapter {
            flex-basis: 100%
        }
    }

    @media only screen and (max-width: 480px) {
        .kb-chapter-list {
            margin: 0
        }

        .kb-chapter-list__chapter {
            padding: 1rem 0;
            margin: 0;
            border-bottom: solid 1px rgba(0,0,0,0.13)
        }

            .kb-chapter-list__chapter:last-of-type {
                border-bottom: none
            }

            .kb-chapter-list__chapter span {
                margin-top: 3px;
                margin-right: 11px
            }

        .kb-chapter-list__chapter-description, .kb-chapter-list__chapter-cta {
            display: none
        }

        .kb-chapter-list__title {
            margin: 2rem 0
        }

        .kb-chapter-list__chapter-title {
            max-width: unset;
            margin: 0
        }

        .kb-chapter-list__chapter-link {
            display: flex
        }
    }

    .chapter-hero {
        display: flex;
        margin-bottom: 1rem
    }

    .chapter-hero__position {
        color: #5252f2;
        font-family: "IBM Plex Mono", monospace;
        margin-top: 0.3rem
    }

    @media (min-width: 0px) {
        .chapter-hero__position {
            font-size: .875rem;
            line-height: 20px
        }
    }

    @media (min-width: 768px) {
        .chapter-hero__position {
            font-size: 1rem;
            line-height: unset
        }
    }

    .chapter-hero__content {
        margin-left: 2rem
    }

    .chapter-hero__header {
        margin-top: 0;
        color: rgba(0,0,0,0.85)
    }

    @media (min-width: 0px) {
        .chapter-hero__header {
            font-size: 1rem;
            line-height: 120%
        }
    }

    @media (min-width: 768px) {
        .chapter-hero__header {
            font-size: 1.5rem;
            line-height: 120%
        }
    }

    .chapter-hero__description {
        color: rgba(0,0,0,0.56);
        max-width: 43rem
    }

    @media (min-width: 0px) {
        .chapter-hero__description {
            font-size: 1rem
        }
    }

    @media (min-width: 768px) {
        .chapter-hero__description {
            font-size: 1.25rem
        }
    }

    @media (max-width: 480px) {
        .chapter-hero__content {
            margin-left: 0.7rem
        }

        .chapter-hero__position {
            margin-top: 0.225rem
        }

        .chapter-hero__header {
            margin-bottom: 0
        }

        .chapter-hero__description {
            display: none
        }

        .chapter-hero {
            margin-top: 1rem
        }
    }

    .kb-featured-article__header {
        margin-top: 10rem;
        margin-bottom: 6rem;
        text-align: center
    }

    .kb-featured-article {
        display: flex
    }

    .kb-featured-article__content {
        flex: 1;
        padding-left: 3rem
    }

    .kb-featured-article__content-author {
        margin-bottom: 1.5rem
    }

    .kb-featured-article__content-description {
        margin-top: 1rem;
        color: rgba(0,0,0,0.56)
    }

    .kb-featured-article__image {
        flex: 1;
        padding-right: 3rem
    }

        .kb-featured-article__image img {
            border-radius: 0;
            width: 100%
        }

    .kb-featured-article__content-title {
        margin-bottom: 0.5rem
    }

    @media (min-width: 0px) {
        .kb-featured-article__content-title {
            font-size: 1rem;
            line-height: 120%
        }
    }

    @media (min-width: 768px) {
        .kb-featured-article__content-title {
            font-size: 1.5rem;
            line-height: 120%
        }
    }

    a:hover .kb-featured-article__content-title {
        color: #5252f2
    }

    @media screen and (max-width: 768px) {
        .kb-featured-article__content-author {
            display: none
        }

        .kb-featured-article__content {
            padding-left: 1.5rem
        }

        .kb-featured-article__image {
            padding-right: 1.5rem
        }
    }

    @media only screen and (max-width: 480px) {
        .kb-featured-article {
            flex-direction: column;
            justify-content: flex-start
        }

        .kb-featured-article__content, .kb-featured-article__image {
            padding: 0
        }

        .kb-featured-article__header {
            margin-top: 4rem;
            margin-bottom: 1.5rem;
            text-align: left
        }
    }

    @media only screen and (max-width: 480px) and (min-width: 0px) {
        .kb-featured-article__header {
            font-size: 1.5rem;
            line-height: 120%
        }
    }

    @media only screen and (max-width: 480px) and (min-width: 768px) {
        .kb-featured-article__header {
            font-size: 2.25rem;
            line-height: 120%
        }
    }

    @media only screen and (max-width: 480px) {
        .kb-featured-article__content-title {
            margin-top: 1.5rem
        }

        .kb-featured-article__content-description {
            margin-top: 0.5rem
        }
    }

    .kb-hero__title {
        margin: 0;
        color: #fff
    }

    @media (min-width: 0px) {
        .kb-hero__title {
            font-size: 2.25rem;
            line-height: 120%
        }
    }

    @media (min-width: 768px) {
        .kb-hero__title {
            font-size: 3rem;
            line-height: 120%
        }
    }

    .kb-hero {
        padding: 4rem 5.5rem 4.5rem 5.5rem;
        background-color: #191919;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .kb-hero__subtitle {
        color: rgba(255,255,255,0.62);
        margin-top: 1.5rem;
        max-width: 34rem
    }

    @media (min-width: 0px) {
        .kb-hero__subtitle {
            font-size: .6875rem;
            font-family: 'IBM Plex Mono', monospace
        }
    }

    @media (min-width: 768px) {
        .kb-hero__subtitle {
            font-size: 1.25rem;
            font-family: unset
        }
    }

    @media only screen and (min-width: 1440px) {
        .kb-hero {
            padding-left: 6%
        }
    }

    @media only screen and (min-width: 1728px) {
        .kb-hero {
            padding-left: 15%
        }
    }

    @media only screen and (max-width: 480px) {
        .kb-hero {
            padding: 0;
            background-color: unset
        }

        .kb-hero__title {
            padding: 1rem;
            text-align: left;
            background-color: #191919;
            -webkit-font-smoothing: unset;
            -moz-osx-font-smoothing: unset
        }

        .kb-hero__subtitle {
            padding: 0;
            margin: 1.5rem;
            background-color: unset;
            color: #5252f2
        }
    }

    .kb-latest-articles__header {
        text-align: center;
        margin-top: 15rem;
        margin-bottom: 4rem
    }

    .kb-latest-articles__container {
        display: flex
    }

    .kb-latest-articles__article {
        flex: 1 1 0;
        display: flex;
        flex-direction: column;
        margin: 0 1rem
    }

        .kb-latest-articles__article:first-of-type {
            margin-left: 0
        }

        .kb-latest-articles__article:last-of-type {
            margin-right: 0
        }

    .kb-latest-articles__article-image img {
        border-radius: 0
    }

    .kb-latest-articles__article-body {
        display: flex;
        flex-direction: column;
        height: 100%;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    a:hover .kb-latest-articles__article-title {
        color: #5252f2
    }

    .kb-latest-articles__article-title {
        font-weight: 500
    }

    @media (min-width: 0px) {
        .kb-latest-articles__article-title {
            font-size: 1rem
        }
    }

    @media (min-width: 768px) {
        .kb-latest-articles__article-title {
            font-size: 1.25rem
        }
    }

    .kb-latest-articles__article-content {
        flex: 1;
        margin-top: 0.75rem;
        padding-bottom: 1.5rem;
        color: rgba(0,0,0,0.56)
    }

    @media (min-width: 0px) {
        .kb-latest-articles__article-content {
            font-size: .875rem;
            line-height: 20px
        }
    }

    @media (min-width: 768px) {
        .kb-latest-articles__article-content {
            font-size: 1rem;
            line-height: unset
        }
    }

    .kb-latest-articles__article-image img {
        width: 100%
    }

    @media screen and (max-width: 768px) {
        .kb-latest-articles__article:nth-of-type(3) {
            margin-right: 0
        }

        .kb-latest-articles__article:nth-of-type(4) {
            display: none
        }
    }

    @media only screen and (max-width: 480px) {
        .kb-latest-articles {
            margin-top: 4rem
        }

        .kb-latest-articles__article {
            margin-top: 1.5rem
        }

        .kb-latest-articles__header {
            margin-bottom: 0;
            margin-top: 3.5rem
        }

        .kb-latest-articles__article:nth-of-type(2) {
            margin-right: 0
        }

        .kb-latest-articles__article:nth-of-type(3) {
            display: none
        }
    }

    .kb-sharing-buttons__container {
        text-align: center;
        margin-top: 1rem
    }

        .kb-sharing-buttons__container {
            margin-right: 0.5rem
        }

        .kb-sharing-buttons__container p {
            font-size: .75rem;
            margin-bottom: 0.5rem
        }

    .kb-sharing-buttons__container--hidden {
        opacity: 0
    }

    .kb-sharing-buttons__container--floating {
        display: flex;
        flex-direction: column;
        position: fixed;
        top: 50%;
        right: 6rem;
        transform: translateY(-50%)
    }

    @media screen and (max-width: 1224px) {
        .kb-sharing-buttons__container--floating {
            display: none
        }
    }

    .kb-sharing-buttons__container--floating {
        margin-right: 0.5rem
    }

    .kb-sharing-buttons__container--floating .kb-sharing-buttons__buttons {
        text-align: center
    }

    .kb-sharing-buttons__container--floating p {
        font-size: .75rem;
        margin-bottom: 0.5rem
    }

    .kb-navbar {
        cursor: pointer;
        width: 100%;
        background-color: #191919;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

        .kb-navbar.is-fixed {
            position: fixed;
            z-index: 1;
            transition: top 0.2s linear
        }

    .kb-navbar__container {
        display: flex;
        justify-content: space-between
    }

    .kb-navbar__icon {
        color: rgba(255,255,255,0.86);
        user-select: none;
        line-height: 1em;
        margin-bottom: 0.125rem;
        margin-left: 0.5rem;
        vertical-align: middle
    }

    .kb-navbar--open .kb-navbar__icon {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .kb-navbar__title {
        font-size: 1.125rem;
        font-weight: 500;
        padding: 1rem 0;
        color: rgba(255,255,255,0.86)
    }

    .kb-navbar__body {
        display: flex;
        flex-wrap: wrap;
        height: 0;
        transition: height 0.2s ease;
        overflow: hidden
    }

    .kb-navbar--open .kb-navbar__body {
        height: auto;
        padding-top: 1rem;
        padding-bottom: 5rem
    }

    .kb-navbar__chapter {
        padding: 1rem 1.5rem 1.5rem 1.5rem;
        background-color: #191919;
        transition: background-color 0.2s ease;
        flex-basis: 25%;
        text-decoration: none
    }

        .kb-navbar__chapter:hover {
            background-color: #000
        }

            .kb-navbar__chapter:hover .kb-navbar__chapter-title {
                color: #fff
            }

    .kb-navbar__chapter-number {
        font-family: 'IBM Plex Mono', monospace;
        font-size: .875rem;
        line-height: 1em;
        color: #5252f2;
        font-weight: 500
    }

    .kb-navbar.is-fixed {
        top: 64px
    }

    .kb-navbar__chapter-title {
        color: #ededfc;
        margin-top: 0.4rem;
        font-weight: 500
    }

    @media (min-width: 0px) {
        .kb-navbar__chapter-title {
            font-size: 1rem
        }
    }

    @media (min-width: 768px) {
        .kb-navbar__chapter-title {
            font-size: 1.25rem
        }
    }

    @media screen and (max-width: 1024px) {
        .kb-navbar__chapter {
            flex-basis: 33%
        }
    }

    @media screen and (max-width: 786px) {
        .kb-navbar__body {
            display: block;
            margin: 0
        }

        .kb-navbar {
            top: 64px;
            display: flex;
            flex-direction: column-reverse;
            max-height: calc(100vh - (64px + 48px))
        }

            .kb-navbar.is-fixed {
                max-height: calc(100vh - 64px)
            }

        .kb-navbar--open .kb-navbar__body {
            top: 0;
            height: 100%;
            background-color: #191919;
            overflow: scroll;
            padding: 0
        }

        .kb-navbar__chapter-number {
            margin-top: 0.375rem;
            margin-right: 1rem
        }

        .kb-navbar__chapter-title {
            margin-top: 0
        }

        .kb-navbar__chapter {
            width: 100vw;
            height: auto;
            border: 0;
            border-bottom: 1px solid rgba(255,255,255,0.38);
            padding: 1rem 1rem;
            display: flex
        }

        .kb-navbar__chapter-description {
            display: none
        }

        .kb-navbar__title {
            color: #fff
        }
    }

    . -navbar.is-fixed + #content {
        padding-top: 64px
    }

    .kb-navbar.is-fixed + #breadcrumbs {
        padding-top: 64px
    }

    @media (max-width: 1200px) {
        .mynavbar.is-fixed + #content {
            /*padding-top: 55px*/
            margin-top: -8px
        }
    }

    #knowledge-hub-page {
        padding-top: 0px
    }

    @media screen and (max-width: 1190px) {
        #knowledge-hub-page {
            padding-top: 7.25rem
        }
    }

    @media screen and (max-width: 767px) {
        #knowledge-hub-page {
            padding-top: 4.3125rem
        }
    }

    .knowledge-hub-hidden {
        visibility: hidden
    }

    .kh-hero {
        background-color: #191919;
        width: 100%;
        padding: 0.7rem 3.5rem 0.9rem;
        z-index: 50;
        position: static;
        top: 4rem
    }

        .kh-hero .icon {
            background-color: #191919;
            border: none;
            outline: none;
            border-radius: 3px;
            height: 2rem;
            padding: 0 0.5rem
        }

            .kh-hero .icon.khactive {
                background-color: rgba(255,255,255,0.1)
            }

                .kh-hero .icon.khactive:hover {
                    background-color: rgba(255,255,255,0.24)
                }

        .kh-hero .kh-hero__container {
            max-width: 80rem;
            margin: 0 auto;
            display: flex;
            width: 100%;
            position: relative;
            z-index: 50;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale
        }

    @media screen and (max-width: 767px) {
        .kh-hero .kh-hero__container {
            justify-content: space-between
        }
    }

    @media screen and (max-width: 1190px) {
        .kh-hero {
            position: fixed;
            top: 3.4375rem
        }
    }

    @media screen and (max-width: 767px) {
        .kh-hero {
            padding: 1rem
        }

            .kh-hero .icon.kh-hero__mobile-icon {
                display: inline;
                color: #fff
            }
    }

    .kh-hero__title {
        flex: 1;
        min-width: 11rem;
        text-decoration: none;
        position: relative;
        top: 4px
    }

        .kh-hero__title h1 {
            color: #fff;
            margin: 0
        }

    @media (min-width: 0px) {
        .kh-hero__title h1 {
            font-size: 1rem
        }
    }

    @media (min-width: 768px) {
        .kh-hero__title h1 {
            font-size: 1.25rem
        }
    }

    @media screen and (max-width: 1200px) {
        .kh-hero__title {
            flex: 2
        }
    }

    @media screen and (max-width: 767px) {
        .kh-hero__title {
            flex-grow: 0
        }
    }

    .icon.kh-hero__mobile-icon {
        display: none
    }

    .kh-hero__searchbar {
        align-self: center;
        flex: 2;
        display: flex;
        max-width: 31.9375rem;
        border-bottom: 1px solid rgba(255,255,255,0.24);
        position: relative
    }

        .kh-hero__searchbar #hits {
            background: #191919;
            color: white;
            position: absolute;
            top: calc(100% + 1px);
            width: 100%;
            z-index: 10
        }

    @media (min-width: 768px) {
        .kh-hero__searchbar #hits {
            padding: 0.75rem 0
        }
    }

    .kh-hero__searchbar #hits .ais-Hits-item {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 95%;
        padding: 1rem 0.75rem;
        color: rgba(255,255,255,0.38);
        cursor: pointer
    }

        .kh-hero__searchbar #hits .ais-Hits-item mark {
            color: #fff;
            background-color: transparent
        }

        .kh-hero__searchbar #hits .ais-Hits-item::first-letter {
            text-transform: uppercase
        }

    .kh-hero__searchbar input {
        background: transparent;
        border: 0;
        padding-right: 0;
        color: #fff;
        border-radius: 0;
        width: 100%;
        outline: none;
        height: 1.5rem
    }

    .kh-hero__searchbar button {
        background-color: #191919;
        border: 0;
        color: #fff;
        border-bottom: 1px solid rgba(255,255,255,0.24);
        padding-right: 1rem;
        padding-left: 1rem;
        border-radius: 0;
        cursor: pointer;
        outline: none
    }

    @media screen and (max-width: 767px) {
        .kh-hero__searchbar {
            display: none;
            border-bottom: none
        }

            .kh-hero__searchbar.dropdown {
                position: absolute;
                background-color: #191919;
                width: 100%;
                max-width: none;
                left: 0;
                padding-bottom: 1rem;
                display: flex;
                top: 3.7rem
            }

                .kh-hero__searchbar.dropdown input {
                    margin-left: 1rem;
                    padding-left: 0.5rem;
                    width: 80%
                }
    }

    @media screen and (max-width: 1200px) {
        .kh-hero__searchbar {
            flex: 3
        }
    }

    .kh-hero__filters {
        flex: 1;
        color: rgba(255,255,255,0.62);
        display: flex;
        justify-content: flex-end;
        align-items: center
    }

        .kh-hero__filters .kh-hero__filters--dropdown-button {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            cursor: pointer
        }

        .kh-hero__filters .kh-hero__filters--filter {
            font-weight: 500;
            padding-right: 0.5rem;
            margin-right: 0.5rem;
            margin-left: 2rem
        }

        .kh-hero__filters button {
            position: relative;
            top: 0.1rem;
            cursor: pointer
        }

            .kh-hero__filters button.icon {
                color: rgba(255,255,255,0.62)
            }

    @media screen and (max-width: 767px) {
        .kh-hero__filters {
            display: none
        }
    }

    .kh-slide-filters-enter-active, .kh-slide-filters-leave-active {
        transition: all 0.4s ease-in-out;
        overflow: hidden;
        height: 14.75rem
    }

    @media screen and (max-width: 767px) {
        .kh-slide-filters-enter-active, .kh-slide-filters-leave-active {
            height: 24.8125rem;
            transition: all 0s;
            overflow: visible
        }
    }

    .kh-slide-filters-enter, .kh-slide-filters-leave-to {
        height: 0px;
        padding: 0;
        transform: translateY(-32px)
    }

    @media screen and (max-width: 767px) {
        .kh-slide-filters-enter, .kh-slide-filters-leave-to {
            transform: none;
            padding: 0 5.5% 2rem 5.5%;
            height: auto
        }
    }

    .kh-hero__filters-container {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        z-index: 49;
        position: fixed;
        padding: 0 5.5% 2rem 5.5%;
        left: 0;
        background-color: #191919;
        justify-content: center
    }

        .kh-hero__filters-container .kh-hero__filters-container--topics, .kh-hero__filters-container .kh-hero__filters-container--categories {
            width: 50%;
            max-width: 40rem
        }

        .kh-hero__filters-container .kh-hero__filters-container--topics-internal, .kh-hero__filters-container .kh-hero__filters-container--categories-internal {
            max-width: 25rem
        }

        .kh-hero__filters-container .kh-hero__filters--title {
            font-weight: 500;
            color: #fff;
            margin-top: 3.25rem;
            margin-bottom: 1rem
        }

    @media (min-width: 0px) {
        .kh-hero__filters-container .kh-hero__filters--title {
            font-size: 1rem
        }
    }

    @media (min-width: 768px) {
        .kh-hero__filters-container .kh-hero__filters--title {
            font-size: 1.125rem
        }
    }

    @media screen and (max-width: 767px) {
        .kh-hero__filters-container .kh-hero__filters--title {
            margin-top: 4.5rem
        }
    }

    .kh-hero__filters-container .knowledge-hub__button--filters {
        background-color: rgba(255,255,255,0.1);
        color: rgba(255,255,255,0.77);
        font-weight: normal;
        padding: 0.6rem;
        line-height: 0.3rem;
        margin-right: 0.5rem;
        margin-bottom: 0.5rem
    }

        .kh-hero__filters-container .knowledge-hub__button--filters:hover {
            background-color: rgba(255,255,255,0.24)
        }

        .kh-hero__filters-container .knowledge-hub__button--filters.disabled {
            background-color: rgba(255,255,255,0.06);
            color: rgba(255,255,255,0.24);
            cursor: default
        }

            .kh-hero__filters-container .knowledge-hub__button--filters.disabled:hover {
                background-color: rgba(255,255,255,0.06)
            }

        .kh-hero__filters-container .knowledge-hub__button--filters.selected {
            background-color: #fff;
            color: rgba(0,0,0,0.85)
        }

            .kh-hero__filters-container .knowledge-hub__button--filters.selected:hover {
                background-color: #fff
            }

    @media screen and (max-width: 767px) {
        .kh-hero__filters-container {
            flex-direction: column
        }

            .kh-hero__filters-container .kh-hero__filters-container--categories, .kh-hero__filters-container .kh-hero__filters-container--topics {
                width: 100%
            }

                .kh-hero__filters-container .kh-hero__filters-container--categories .kh-hero__filters--title {
                    margin-top: 2rem
                }
    }

    #knowledge-hub-page article.large .knowledge-hub__article-image {
        height: 20.5rem
    }

        #knowledge-hub-page article.large .knowledge-hub__article-image img {
            width: 100%;
            height: auto;
            max-width: 38rem;
            max-height: 20.5rem
        }

    @media screen and (max-width: 1200px) {
        #knowledge-hub-page article.large .knowledge-hub__article-image img {
            max-width: none;
            max-height: none;
            height: 100%
        }
    }

    #knowledge-hub-page article.large .knowledge-hub__article-title {
        line-height: 1.2
    }

    @media (min-width: 0px) {
        #knowledge-hub-page article.large .knowledge-hub__article-title {
            font-size: 1.25rem
        }
    }

    @media (min-width: 768px) {
        #knowledge-hub-page article.large .knowledge-hub__article-title {
            font-size: 2rem
        }
    }

    @media (min-width: 0px) {
        #knowledge-hub-page article.large .knowledge-hub__article-description {
            font-size: .875rem;
            line-height: 20px
        }
    }

    @media (min-width: 768px) {
        #knowledge-hub-page article.large .knowledge-hub__article-description {
            font-size: 1.125rem;
            line-height: unset
        }
    }

    @media screen and (max-width: 1200px) {
        #knowledge-hub-page article.large {
            margin-top: -1.1875rem
        }
    }

    @media screen and (max-width: 767px) {
        #knowledge-hub-page article.large {
            margin-top: -3.1875rem
        }
    }

    #knowledge-hub-page article.large .knowledge-hub__article-link:hover .knowledge-hub__article-title, #knowledge-hub-page article.large .knowledge-hub__article-link:hover .knowledge-hub__article-description, #knowledge-hub-page article.vertical .knowledge-hub__article-link:hover .knowledge-hub__article-title, #knowledge-hub-page article.vertical .knowledge-hub__article-link:hover .knowledge-hub__article-description {
        color: #5252f2
    }

    #knowledge-hub-page article.large .knowledge-hub__article-link:hover + .knowledge-hub__article-content-container .knowledge-hub__article-title, #knowledge-hub-page article.large .knowledge-hub__article-link:hover + .knowledge-hub__article-content-container .knowledge-hub__article-description, #knowledge-hub-page article.vertical .knowledge-hub__article-link:hover + .knowledge-hub__article-content-container .knowledge-hub__article-title, #knowledge-hub-page article.vertical .knowledge-hub__article-link:hover + .knowledge-hub__article-content-container .knowledge-hub__article-description {
        color: #5252f2
    }

    #knowledge-hub-page article.large .knowledge-hub__article-description, #knowledge-hub-page article.vertical .knowledge-hub__article-description {
        margin-bottom: 1rem
    }

    #knowledge-hub-page .kh__featured-articles {
        display: flex;
        justify-content: space-between;
        margin-bottom: 7.1875rem
    }

        #knowledge-hub-page .kh__featured-articles .knowledge-hub__article {
            margin-top: 0
        }

        #knowledge-hub-page .kh__featured-articles .kh__main-featured {
            width: 50%;
            padding-right: 3.0625rem
        }

        #knowledge-hub-page .kh__featured-articles .kh__secondary-featured {
            width: 48%
        }

    @media screen and (max-width: 1200px) {
        #knowledge-hub-page .kh__featured-articles {
            flex-direction: column;
            justify-content: center;
            align-items: center
        }

            #knowledge-hub-page .kh__featured-articles .kh__main-featured {
                width: 100%;
                padding-right: 0
            }

            #knowledge-hub-page .kh__featured-articles .kh__secondary-featured {
                display: flex;
                flex-wrap: wrap;
                flex-direction: row;
                width: 100%;
                justify-content: flex-start
            }

                #knowledge-hub-page .kh__featured-articles .kh__secondary-featured .knowledge-hub__article {
                    width: 50%;
                    margin-top: 3rem
                }

                    #knowledge-hub-page .kh__featured-articles .kh__secondary-featured .knowledge-hub__article:nth-child(2) article.vertical {
                        margin-top: 0
                    }

                    #knowledge-hub-page .kh__featured-articles .kh__secondary-featured .knowledge-hub__article:first-child {
                        padding-right: 2rem
                    }
    }

    @media screen and (max-width: 767px) {
        #knowledge-hub-page .kh__featured-articles {
            margin-top: 4.5rem;
            margin-bottom: 4.0625rem
        }

            #knowledge-hub-page .kh__featured-articles .kh__secondary-featured {
                flex-direction: column
            }

                #knowledge-hub-page .kh__featured-articles .kh__secondary-featured .knowledge-hub__article {
                    width: 100%
                }

                    #knowledge-hub-page .kh__featured-articles .kh__secondary-featured .knowledge-hub__article:first-child {
                        padding-right: 0
                    }
    }

    #knowledge-hub-page .kh__featured-articles article.vertical {
        display: flex
    }

    @media (min-width: 0px) {
        #knowledge-hub-page .kh__featured-articles article.vertical .knowledge-hub__article-title {
            font-size: 1rem
        }
    }

    @media (min-width: 768px) {
        #knowledge-hub-page .kh__featured-articles article.vertical .knowledge-hub__article-title {
            font-size: 1.25rem
        }
    }

    @media (min-width: 0px) {
        #knowledge-hub-page .kh__featured-articles article.vertical .knowledge-hub__article-description {
            font-size: .875rem;
            line-height: 20px
        }
    }

    @media (min-width: 768px) {
        #knowledge-hub-page .kh__featured-articles article.vertical .knowledge-hub__article-description {
            font-size: 1rem;
            line-height: unset
        }
    }

    #knowledge-hub-page .kh__featured-articles article.vertical .knowledge-hub__article-date {
        margin-top: 0
    }

    #knowledge-hub-page .kh__featured-articles article.vertical .knowledge-hub__article-image {
        margin-right: 2rem;
        width: 17.5rem;
        height: 18.5rem
    }

    @media screen and (max-width: 1200px) {
        #knowledge-hub-page .kh__featured-articles article.vertical {
            flex-direction: column
        }

            #knowledge-hub-page .kh__featured-articles article.vertical .knowledge-hub__article-image {
                width: 100%;
                object-fit: cover;
                margin-bottom: 1rem
            }
    }

    #knowledge-hub-page .knowledge-hub__article {
        margin-top: 3.1875rem
    }

        #knowledge-hub-page .knowledge-hub__article mark {
            background-color: #ededfc;
            color: #5252f2
        }

        #knowledge-hub-page .knowledge-hub__article .knowledge-hub__article-link:hover .knowledge-hub__article-title, #knowledge-hub-page .knowledge-hub__article .knowledge-hub__article-link:hover .knowledge-hub__article-description {
            color: #4845d9
        }

        #knowledge-hub-page .knowledge-hub__article:nth-child(2) article.vertical {
            margin-top: 3.1875rem
        }

        #knowledge-hub-page .knowledge-hub__article .knowledge-hub__article-date {
            text-transform: uppercase;
            color: gray;
            margin-top: 1rem;
            font-size: .75rem
        }

        #knowledge-hub-page .knowledge-hub__article .knowledge-hub__article-title {
            font-size: 1rem;
            font-weight: 500;
            margin-top: 0.5rem;
            color: rgba(0,0,0,0.85);
            margin-right: 0.5rem
        }

        #knowledge-hub-page .knowledge-hub__article .knowledge-hub__article-description {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            overflow: hidden;
            margin-top: 0.8rem;
            color: rgba(0,0,0,0.56);
            margin-right: 0.5rem
        }

    @media (min-width: 0px) {
        #knowledge-hub-page .knowledge-hub__article .knowledge-hub__article-description {
            font-size: .75rem;
            line-height: 17px
        }
    }

    @media (min-width: 768px) {
        #knowledge-hub-page .knowledge-hub__article .knowledge-hub__article-description {
            font-size: .875rem;
            line-height: 20px
        }
    }

    @media screen and (max-width: 767px) {
        #knowledge-hub-page .knowledge-hub__article {
            margin-top: 2.5rem
        }
    }

    #knowledge-hub-page .knowledge-hub__article .knowledge-hub__article__tag.selected {
        background-color: #ededfc;
        color: #4845d9
    }

        #knowledge-hub-page .knowledge-hub__article .knowledge-hub__article__tag.selected:hover {
            background-color: #ededfc;
            color: #4845d9
        }

    #knowledge-hub-page .knowledge-hub__article-buttons {
        padding-top: 1rem
    }

    #knowledge-hub-page .knowledge-hub__article-image {
        height: 13rem
    }

        #knowledge-hub-page .knowledge-hub__article-image img {
            height: 100%;
            object-fit: cover;
            width: 100%
        }

    @media screen and (max-width: 767px) {
        .knowledge-hub__article-search-results h3 {
            margin-bottom: 0
        }
    }

    .kh-article__grid {
        display: flex;
        flex-wrap: wrap;
        margin-left: -1.25rem;
        margin-right: -1.25rem
    }

        .kh-article__grid .knowledge-hub__article {
            flex-basis: 25%;
            padding-left: 1.25rem;
            padding-right: 1.25rem;
            box-sizing: border-box
        }

    @media screen and (max-width: 1200px) {
        .kh-article__grid .knowledge-hub__article {
            flex-basis: 33%
        }
    }

    @media screen and (max-width: 850px) {
        .kh-article__grid .knowledge-hub__article {
            flex-basis: 50%
        }
    }

    @media screen and (max-width: 600px) {
        .kh-article__grid .knowledge-hub__article {
            flex-basis: 100%
        }
    }

    .kh-article__grid article {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

    .kh__button-container {
        text-align: center;
        padding-bottom: 2rem
    }

    .knowledge-hub__cta {
        text-align: center
    }

    .kh__selected-tags {
        margin-bottom: 3rem;
        display: flex;
        flex-wrap: wrap
    }

    @media (min-width: 0px) {
        .kh__selected-tags p {
            font-size: .875rem;
            line-height: 20px
        }
    }

    @media (min-width: 768px) {
        .kh__selected-tags p {
            font-size: 1.125rem;
            line-height: unset
        }
    }

    @media (min-width: 0px) {
        .kh__selected-tags p {
            line-height: 0
        }
    }

    .kh__selected-tags h3 {
        margin-right: 1rem;
        position: relative;
        top: 0.5rem
    }

    @media screen and (max-width: 767px) {
        .kh__selected-tags h3 {
            top: 1.1rem
        }
    }

    .kh__selected-tags > div {
        background-color: #ededfc;
        color: #4845d9;
        display: flex;
        width: fit-content;
        margin-right: 0.8rem;
        padding: 1.5rem;
        line-height: 0;
        margin-top: 0.2rem;
        z-index: 45
    }

        .kh__selected-tags > div:hover {
            background-color: #ededfc;
            color: #4845d9
        }

        .kh__selected-tags > div button {
            background-color: #ededfc;
            color: #4845d9;
            outline: none;
            border: none;
            margin-left: 1rem;
            line-height: 0.1rem
        }

            .kh__selected-tags > div button:hover {
                background-color: #ededfc;
                color: #4845d9;
                cursor: pointer
            }

    .kh__recommended-articles {
        display: flex;
        margin: 0 -1.5rem
    }

        .kh__recommended-articles .knowledge-hub__article {
            flex-basis: 33%;
            margin: 0 1.5rem
        }

    @media screen and (max-width: 1023px) {
        .kh__recommended-articles {
            flex-wrap: wrap
        }

            .kh__recommended-articles .knowledge-hub__article {
                flex-basis: 40%
            }
    }

    @media screen and (max-width: 767px) {
        .kh__recommended-articles .knowledge-hub__article {
            flex-basis: 100%
        }
    }

    .kh__no-results.hidden {
        display: none
    }

    .kh__no-results h2 {
        text-align: center;
        margin-bottom: 20rem
    }

    .kh__no-results h3 {
        margin: 0
    }

    @media (min-width: 0px) {
        .kh__no-results h3 {
            font-size: .875rem;
            line-height: 20px
        }
    }

    @media (min-width: 768px) {
        .kh__no-results h3 {
            font-size: 1rem;
            line-height: unset
        }
    }

    @media (min-width: 1224px) {
        .kh__no-results h3 {
            font-size: 1.125rem
        }
    }

    @media screen and (max-width: 1023px) {
        .kh__no-results h2 {
            margin-bottom: 10rem
        }
    }

    .our-platform-page__cta-upload {
        background-color: rgba(0,0,0,0.03);
        text-align: center;
        padding: 2rem 0;
        font-weight: 500;
        color: rgba(0,0,0,0.69)
    }

    @media (min-width: 0px) {
        .our-platform-page__cta-upload {
            font-size: .875rem;
            line-height: 20px
        }
    }

    @media (min-width: 768px) {
        .our-platform-page__cta-upload {
            font-size: 1.125rem;
            line-height: unset
        }
    }

    .our-platform-page__cta-upload-cta {
        margin-top: 1rem
    }

    @media only screen and (max-width: 767px) {
        .our-platform-page__cta-upload {
            padding: 2rem
        }
    }

    .our-platform-page__cta {
        text-align: center;
        padding: 6.25rem 0
    }

    .our-platform-page__cta {
        margin-top: 8.5rem
    }

    @media only screen and (max-width: 767px) {
        .our-platform-page__cta-upload-cta {
            display: block;
            margin: 2rem auto
        }

        .our-platform-page__cta {
            margin-top: 4.375rem
        }
    }

    .our-platform-page__header {
        text-align: center
    }

    .our-platform-page__header-title span {
        display: block
    }

    @media only screen and (max-width: 767px) {
        .our-platform-page__header {
            text-align: left
        }

        .our-platform-page__header-title {
            width: 80%
        }
    }

    .our-platform-page {
        color: rgba(0,0,0,0.56)
    }

    @media (min-width: 0px) {
        .our-platform-page {
            font-size: 1rem
        }
    }

    @media (min-width: 768px) {
        .our-platform-page {
            font-size: 1.125rem
        }
    }

    .our-platform-page__hero-text {
        width: 50%;
        color: rgba(255,255,255,0.62);
        margin-bottom: 3rem
    }

    .our-platform-page__primary-cta {
        margin-right: 1rem
    }

    .our-platform-page__secondary-cta {
        margin-top: 1rem
    }

    @media only screen and (max-width: 1223px) {
        #our-platform-page__hero-content {
            margin-top: 2.5rem;
            margin-bottom: 2.5rem
        }
    }

    @media only screen and (max-width: 959px) {
        .our-platform-page__hero-text {
            display: none
        }

        #our-platform-page__hero-content {
            margin-top: 1.3125rem;
            margin-bottom: 1.3125rem
        }
    }

    @media only screen and (max-width: 959px) {
        .our-platform-section-title.our-platform-page__how-title {
            display: block;
            margin-top: 3.125rem
        }
    }

    @media only screen and (max-width: 768px) {
        .our-platform-page__how-img {
            width: 100%
        }
    }

     .our-platform-section-title--mobile {
        display: none
    }

    .our-platform-page__optimize__list-title {
        margin-top: 2rem
    }

    .our-platform-page__optimize__list {
        list-style: none;
        display: flex;
        flex-wrap: wrap
    }

    .our-platform-page__optimize__list-item {
        padding: 0.75rem 1rem;
        background-color: rgba(0,0,0,0.05);
        border-radius: 2.1875rem;
        margin-right: 0.5rem;
        cursor: pointer;
        font-weight: 500;
        line-height: normal;
        margin-bottom: 0.5rem
    }

    @media (min-width: 0px) {
        .our-platform-page__optimize__list-item {
            font-size: .875rem;
            line-height: 20px
        }
    }

    @media (min-width: 768px) {
        .our-platform-page__optimize__list-item {
            font-size: 1rem;
            line-height: unset
        }
    }

    .our-platform-page__optimize__list-item:hover {
        background-color: rgba(0,0,0,0.13)
    }

    .our-platform-selected {
        background-color: rgba(0,0,0,0.85);
        color: #fff
    }

        .our-platform-selected:hover {
            cursor: default;
            background-color: rgba(0,0,0,0.85)
        }

    .our-platform-section-title {
        width: 80%
    }

    @media only screen and (max-width: 959px) {
        .section--split.our-platform-page__optimize {
            flex-direction: column-reverse
        }

        .our-platform__section-img {
            margin-bottom: 1rem
        }

        .our-platform-section-title {
            display: none
        }

        .our-platform-section-title--mobile {
            display: block;
            width: 50%;
            margin-top: 3.125rem
        }
    }

    .our-platform-page__optimize__list--mobile {
        display: none
    }

    @media only screen and (max-width: 768px) {
        .our-platform__section-img {
            width: 100%
        }
    }

    @media only screen and (max-width: 767px) {
        .our-platform-page__optimize__list {
            display: none
        }

        .our-platform-page__optimize__list--mobile {
            display: block;
            padding-left: 3rem
        }

        .our-platform-page__optimize__list-item--mobile {
            padding-left: 1rem
        }
    }

    @media only screen and (max-width: 425px) {
        .our-platform-section-title--mobile {
            width: 70%
        }
    }

    .our-platform-page__payment-subtitle {
        font-weight: 500;
        color: rgba(0,0,0,0.85)
    }

    @media only screen and (max-width: 959px) {
        .our-platform-page__payment.section--split {
            flex-direction: column-reverse
        }
    }

    .our-platform__pricing-subtitle {
        color: rgba(0,0,0,0.85);
        margin-top: 2rem;
        font-weight: 500
    }

    @media (min-width: 0px) {
        .our-platform__pricing-subtitle {
            font-size: 1rem
        }
    }

    @media (min-width: 768px) {
        .our-platform__pricing-subtitle {
            font-size: 1.25rem
        }
    }

    .our-platform__pricing-cta {
        margin-top: 2rem
    }

    @media only screen and (max-width: 767px) {
        .our-platform__pricing-cta {
            width: 100%
        }
    }

    .qa-page .section--dark-grey {
        color: rgba(255,255,255,0.62)
    }

    .qa-page {
        color: rgba(0,0,0,0.56)
    }

    .qa-hero__sections.content-image-with-text {
        display: flex;
        justify-content: space-between;
        margin: 4rem auto;
        max-width: 80rem
    }

    .qa-hero__panel.content-image-with-text__content {
        max-width: 40%
    }

    .qa-hero__image-container {
        text-align: right
    }

    .content-image-with-text__image.qa-hero__image {
        max-height: 34rem
    }

    .qa-hero__text {
        max-width: 34rem;
        margin-bottom: 3rem
    }

    .qa-hero__primary-cta {
        margin-right: 1rem
    }

    .qa-hero__secondary-cta {
        margin-top: 1rem
    }

    .qa-hero--mobile {
        display: none
    }

        .qa-hero--mobile .qa-hero--mobile-title {
            padding: 1.3125rem 1rem;
            margin: 0;
            color: #fff
        }

        .qa-hero--mobile .qa-hero__image {
            width: 100%;
            border-radius: 0
        }

        .qa-hero--mobile .qa-hero--mobile-panel {
            margin: 2rem 1.5rem
        }

        .qa-hero--mobile .qa-hero__cta {
            text-align: center;
            display: block;
            width: 16.5rem;
            margin: 0.5rem auto
        }


    @media only screen and (max-width: 1812px) {
        .qa-hero .content-image-with-text__image-container {
            max-width: 40%
        }
    }

    @media only screen and (min-width: 1822px) {
        .content-image-with-text__image.qa-hero__image {
            max-height: 34.0625rem;
            max-width: 49.625rem
        }
    }

    @media only screen and (min-width: 1812px) {
        .qa-hero__sections.content-image-with-text {
            margin: 4rem auto
        }
    }

    @media only screen and (max-width: 1440px) {
        .qa-hero__sections.content-image-with-text {
            margin: 4rem auto
        }
    }

    @media only screen and (max-width: 1391px) {
        .qa-hero__sections.content-image-with-text {
            margin: 4rem 3.5rem
        }
    }

    @media only screen and (max-width: 968px) {
        .qa-hero__panel.content-image-with-text__content {
            max-width: 43%
        }
    }

    @media only screen and (max-width: 919px) {
        .qa-hero--mobile {
            display: block
        }

        .qa-hero {
            display: none
        }
    }

    @media only screen and (max-width: 768px) {
        .qa-hero--mobile .qa-hero__cta {
            width: 80%;
            padding: 0
        }
    }

    .qa-certification__text__list {
        margin: 1.5rem 0 1.5rem 1.5rem;
        list-style: none
    }

    .content-image-with-text li:not(:last-child).qa-certification__text__item {
        margin-bottom: 0.2rem
    }

    .qa-certification__text__item::before {
        font-size: .875rem;
        line-height: 20px;
        content: "•";
        position: relative;
        margin-right: 0.9rem;
        top: -0.1rem
    }

    @media only screen and (max-width: 768px) {
        .content-image-with-text__content h2.qa-certification__title {
            margin-top: 0.8rem;
            text-align: left
        }

        .content-image-with-text__content h4.qa-certification__subtitle {
            text-align: left
        }

        .qa-certification__img {
            width: 100%
        }
    }

    .qa-cta {
        text-align: center;
        height: 30rem;
        padding: 10.5rem
    }

    @media only screen and (max-width: 768px) {
        .qa-cta {
            padding: 10.5rem 6.5rem
        }
    }

    @media only screen and (max-width: 425px) {
        .qa-cta {
            height: 20rem;
            padding: 5.5rem 4.5rem
        }
    }

    .section--tall:not(.split-section--no-contain).qa-issues {
        margin: 10rem auto
    }

    .qa-issues__icon-container {
        text-align: right
    }

    .content-image-with-text--right .content-image-with-text__content.qa-issues__content {
        margin-right: 3.5rem
    }

    @media only screen and (max-width: 768px) {
        .content-image-with-text__content h2.qa-issues__title {
            text-align: left
        }
    }

    .qa-comment-text {
        font-family: 'IBM Plex Mono', monospace;
        font-size: .75rem;
        margin-top: 1.5rem
    }

    .qa__cta-container {
        width: 100%;
        text-align: right;
        margin-top: 3rem
    }

    .qa-page__manufacturing-title.rotate i {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .qa-page__manufacturing-title .qa-dropdown-icon {
        display: none
    }

    @media only screen and (max-width: 768px) {
        .qa-page__section.content-image-with-text, .qa-page__section.content-image-with-text__content, .qa-page__section.content-image-with-text--no-contain .content-image-with-text__image-container, .qa-page__section .content-image-with-text__content {
            flex-direction: column-reverse;
            position: initial;
            width: 100%;
            max-width: 100%;
            margin-right: 0
        }

        .content-image-with-text--right .content-image-with-text__content.qa-issues__content {
            margin-right: 0;
            max-width: 90%
        }

        .qa-page__section.content-image-with-text--no-contain .content-image-with-text__image-container.qa-issues__icon-container {
            width: 50%
        }

        .content-image-with-text__image-container--portrait .content-image-with-text__image.qa-page__image {
            width: 100%
        }

        .section--tall.qa-manufacturing {
            margin-bottom: 0
        }

        .section--tall.qa-manufacturing__3D {
            margin-top: 4rem
        }

        .qa-page__dropdown {
            max-height: 0;
            height: 100%;
            overflow: hidden;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease
        }

            .qa-page__dropdown.active {
                -webkit-transition: all 0.3s ease;
                -moz-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
                transition: all 0.3s ease;
                max-height: 45rem
            }

        .qa-page__manufacturing-title {
            display: flex;
            justify-content: space-between;
            align-items: center;
            text-align: left;
            border-bottom: solid 1px rgba(0,0,0,0.13);
            padding: 1rem 0
        }

            .qa-page__manufacturing-title .qa-page__manufacturing-title--text {
                margin: 0;
                text-align: left
            }

            .qa-page__manufacturing-title.rotate {
                border: none
            }

            .qa-page__manufacturing-title .qa-dropdown-icon {
                display: inline-block;
                height: 100%;
                width: auto
            }

        .qa__cta-container {
            text-align: center
        }

            .qa__cta-container .qa__cta--button {
                display: block;
                width: 90%;
                padding: 0;
                margin: 1rem auto
            }
    }

    .qa-parallax {
        position: relative
    }

    .qa-parallax__image {
        width: 100%;
        max-height: 46.125rem;
        object-fit: cover;
        position: relative;
        top: 0
    }

    .qa-partner {
        text-align: center
    }

    .qa-partner__title {
        margin-bottom: 1.5rem
    }

    .qa-partner__block {
        display: flex;
        list-style: none;
        flex-wrap: wrap;
        justify-content: center;
        text-align: left;
        margin: 4rem auto;
        max-width: 43.75rem
    }

    .qa-partner__item {
        width: 49%;
        height: 17.625rem;
        margin: 0.08rem;
        border-radius: 3px;
        background-color: rgba(0,0,0,0.03);
        padding: 2rem 3.1rem
    }

    @media (min-width: 0px) {
        .qa-partner__item {
            font-size: .875rem;
            line-height: 20px
        }
    }

    @media (min-width: 768px) {
        .qa-partner__item {
            font-size: 1rem;
            line-height: unset
        }
    }

    @media (min-width: 1224px) {
        .qa-partner__item {
            font-size: 1.125rem
        }
    }

    .qa-partner__number {
        margin-bottom: 1rem;
        color: #5252f2;
        font-family: "IBM Plex Mono", monospace
    }

    @media (min-width: 0px) {
        .qa-partner__number {
            font-size: 1rem;
            font-family: 'IBM Plex Mono', monospace
        }
    }

    @media (min-width: 768px) {
        .qa-partner__number {
            font-size: 2.25rem;
            font-family: 'IBM Plex Mono', monospace
        }
    }

    .qa-border {
        border-top: solid 1px rgba(0,0,0,0.13);
        border-bottom: none
    }

    .qa-partner__comment {
        text-align: left
    }

    .qa-partner__block--mobile {
        display: none
    }

    @media only screen and (max-width: 768px) {
        .qa-partner__block--desktop {
            display: none
        }

        .qa-partner__block--mobile {
            display: block;
            margin: 8rem auto 8rem auto
        }

        .qa-partner__block--mobile-list {
            margin: 4rem 0;
            list-style: none;
            position: relative;
            white-space: nowrap;
            overflow-x: hidden;
            padding-left: 1rem
        }

        .qa-partner__block--mobile .qa-partner__number {
            display: inline;
            vertical-align: top
        }

        .qa-partner__block--mobile .qa-partner__text {
            display: inline-block;
            width: 80%;
            margin-left: 1rem;
            color: rgba(0,0,0,0.85)
        }

        .qa-partner__block--mobile .qa-partner__item {
            display: inline-block;
            white-space: normal;
            vertical-align: bottom;
            clear: both;
            text-align: left;
            width: 14.9375rem;
            padding: 2.2rem 1.5rem
        }

        .qa-partner__block--mobile .qa-border, .qa-partner__block--mobile .qa-partner__subtitle, .qa-partner__block--mobile .qa-partner__title, .qa-partner__block--mobile .qa-partner__comment {
            width: 80%;
            margin: 1rem auto
        }
    }

    @media screen and (max-width: 767px) {
        .qa-partner__block--mobile .qa-partner__item {
            height: 10.3125rem
        }
    }

    @media only screen and (max-width: 425px) {
        .qa-partner__block--mobile .qa-partner__title, .qa-partner__block--mobile .qa-partner__subtitle {
            text-align: left
        }
    }

    .qa-reports {
        position: relative
    }

    .qa-reports__title, .qa-reports__text {
        text-align: center;
        max-width: 43.75rem;
        margin: 1.5rem auto
    }

    .qa-reports__blocks {
        display: flex;
        justify-content: center
    }

    .qa-reports__icon {
        height: 13.5625rem;
        width: auto
    }

    .qa-reports__box {
        width: 25.3125rem;
        height: 46rem;
        margin: 3rem 0.75rem 0.75rem 0.75rem;
        padding: 1.5rem;
        border-radius: 3px;
        background-color: rgba(0,0,0,0.03);
        text-align: center;
        position: relative
    }

    .qa-reports__box__title {
        width: 80%;
        margin: 1.125rem auto 1.5rem auto
    }

    .qa-reports__box__text, .qa-reports__box__list {
        color: rgba(0,0,0,0.56);
        text-align: left
    }

    .qa-reports__box__list {
        margin: 1.5rem 0 1.5rem 1.5rem;
        list-style: none
    }

    .qa-reports__box__item::before {
        font-size: .875rem;
        line-height: 20px;
        content: "•";
        position: relative;
        margin-right: 0.8rem;
        top: -0.1rem
    }


    .qa-reports__box__email {
        font-weight: 500;
        position: absolute;
        bottom: 2.5rem;
        left: 1.5rem;
        width: calc(100% - 3rem)
    }

    @media only screen and (max-width: 1397px) and (min-width: 999px) {
        .qa-reports__box {
            height: 50rem
        }
    }

    @media only screen and (max-width: 998px) and (min-width: 769px) {
        .qa-reports__box {
            height: 62rem
        }
    }

    @media only screen and (max-width: 768px) {
        .qa-reports__blocks {
            flex-direction: column
        }

        .qa-reports .siema__dots {
            bottom: 3rem
        }

        .qa-reports__box {
            width: 80%;
            margin: 0 auto;
            height: 42rem
        }
    }

    @media only screen and (max-width: 425px) {
        .qa-reports__text, .qa-reports__title {
            max-width: 80%;
            text-align: left
        }

        .qa-reports .siema__dots {
            bottom: 3rem
        }

        .qa-reports__box {
            height: 48rem
        }
    }

    @media only screen and (max-width: 375px) {
        .qa-reports .siema__dots {
            bottom: 3rem
        }
    }

    @media only screen and (max-width: 320px) {
        .qa-reports .siema__dots {
            bottom: 5rem
        }
    }

    .qa-summaries__list {
        display: flex;
        list-style: none;
        justify-content: center;
        align-items: flex-start;
        text-align: center
    }

    .qa-summaries__item .qa-summaries__item-title {
        margin: 0;
        padding: 1rem 0
    }

    @media (min-width: 0px) {
        .qa-summaries__item .qa-summaries__item-title {
            font-size: 1rem;
            line-height: 120%
        }
    }

    @media (min-width: 768px) {
        .qa-summaries__item .qa-summaries__item-title {
            font-size: 1.5rem;
            line-height: 120%
        }
    }

    .qa-summaries__item:hover .qa-summaries__item-title {
        background-color: #ededfc;
        color: #4845d9
    }

    .qa-summaries__link {
        text-decoration: none
    }

    .qa-summaries__icon.content-image-with-text__image {
        width: 16rem;
        height: auto;
        margin-top: 1rem
    }

    .qa-summaries__number {
        display: none;
        text-align: left;
        color: #5252f2;
        font-family: 'IBM Plex Mono', monospace;
        font-size: .75rem;
        font-weight: 500;
        margin-bottom: 0.25rem
    }

    @media only screen and (max-width: 768px) {
        .qa-summaries__list {
            flex-direction: column;
            align-items: center
        }

        .qa-summaries__item {
            width: 100%;
            border-radius: 0.1875rem;
            border: solid 1px rgba(0,0,0,0.13);
            margin-bottom: 0.5rem;
            padding: 0.8rem 0.8rem 0 0.8rem
        }

        .qa-summaries__item-title {
            width: 50%;
            text-align: left;
            margin-right: 1rem;
            float: left
        }

        .qa-summaries__icon.content-image-with-text__image {
            max-width: 40%;
            height: auto;
            position: relative;
            top: -1rem;
            margin: 0
        }

        .qa-summaries__number {
            display: block
        }
    }

    .content-image-with-text__content h4.qa-design__subtitle {
        margin-top: 2.5rem;
        margin-bottom: 1rem
    }

    .qa-design__title--subtitle {
        display: block;
        font-weight: normal
    }

    .qa-design__text__list {
        margin: 1.5rem 0 1.5rem 1.5rem;
        list-style: none
    }

    .content-image-with-text li:not(:last-child).qa-design__text__item {
        margin-bottom: 0.2rem
    }

    .qa-design__text__item::before {
        content: "•";
        font-size: .875rem;
        line-height: 20px;
        position: relative;
        margin-right: 0.8rem;
        top: -0.1rem
    }

    .qa-design__cta {
        margin-left: 0.8rem
    }

    @media screen and (max-width: 1024px) {
        .content-image-with-text {
            margin: 0.5rem auto
        }
    }

    @media only screen and (max-width: 961px) {
        .qa-design__cta {
            margin-top: 0.5rem
        }
    }

    @media only screen and (max-width: 768px) {
        .content-image-with-text__content h2.qa-design__title {
            margin-top: 0.8rem;
            text-align: left
        }

        .content-image-with-text__content h4.qa-design__subtitle {
            text-align: left
        }
    }

    .homev2__hero-container {
        display: flex
    }

    @media (min-width: 1025px) {
        .homev2__hero-container {
            min-height: 85vh
        }
    }

    @media (max-width: 1024px) {
        .homev2__hero-container {
            flex-direction: column-reverse
        }
    }

    .homev2__hero-left {
        flex: 1;
        flex-basis: 50%;
        background-size: cover;
        background-position: center center;
        position: relative
    }

    @media (max-width: 1024px) {
        .homev2__hero-left {
            background-image: url("/images/homev2/renders/_hero/hero_SM_1440px_half.jpg");
            flex-basis: 24rem
        }
    }

    @media (min-width: 1025px) {
        .homev2__hero-left:hover .homev2__hero-hover {
            opacity: 1
        }
    }

    .homev2__hero-hover-dot {
        width: 2rem;
        height: 2rem;
        border-radius: 50%;
        box-shadow: 0 0 0.5rem 0 rgba(0,0,0,0.21);
        border: solid 3px rgba(255,255,255,0.77);
        background-color: rgba(255,255,255,0.77);
        position: absolute;
        top: 20%;
        left: 20%;
        cursor: pointer;
        z-index: 1
    }

    @media (min-width: 1025px) {
        .homev2__hero-hover-dot {
            display: none
        }
    }

    .homev2__hero-hover {
        font-size: .875rem;
        top: calc(20% + 2.5rem);
        left: 20%;
        background: #000;
        position: absolute;
        border-radius: 3px;
        border-top-left-radius: 0;
        padding: 1rem;
        opacity: 0;
        transition: opacity 0.25s;
        z-index: 1
    }

        .homev2__hero-hover.active {
            opacity: 1
        }

        .homev2__hero-hover .row {
            display: flex;
            color: #fff;
            padding: 8px 0
        }

            .homev2__hero-hover .row:not(:last-child) {
                border-bottom: 1px solid rgba(255,255,255,0.24)
            }

            .homev2__hero-hover .row:last-child {
                padding-bottom: 0
            }

            .homev2__hero-hover .row:first-child {
                padding-top: 0
            }

            .homev2__hero-hover .row {
                margin-top: 0.5rem
            }

            .homev2__hero-hover .row .row-title {
                min-width: 7.5rem;
                color: rgba(255,255,255,0.62)
            }

            .homev2__hero-hover .row .row-value {
                color: rgba(255,255,255,0.94);
                max-width: 7rem
            }

    .homev2__hero-right {
        flex: 1;
        flex-basis: 50%;
        background: #000;
        padding-top: 5.5rem;
        padding-bottom: 7rem;
        padding-left: 4rem;
        padding-right: 5.5rem
    }

    @media (min-width: 1025px) {
        .homev2__hero-right {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: center
        }
    }

    @media (max-width: 1024px) {
        .homev2__hero-right {
            padding: 2rem 1rem
        }

            .homev2__hero-right {
                width: 100%
            }
    }

    .homev2__hero-right .homev2__subtitle {
        font-size: 1.125rem;
        color: rgba(255,255,255,0.62)
    }

    .homev2__hero-right p {
        font-size: 1rem;
        margin-bottom: 2rem
    }

    @media (max-width: 1024px) {
        .homev2__hero-right .homev2__primary-cta {
            padding-right: 1rem;
            margin-top: 2.4rem
        }

        .homev2__hero-right img {
            max-width: 3.4rem
        }

        .homev2__hero-right {
            margin-top: -0.5rem
        }
    }

    .homev2__hero-button-after {
        color: rgba(255,255,255,0.62);
        display: flex;
        align-items: center;
        margin-top: 0.5rem
    }

        .homev2__hero-button-after .material-icons-outlined {
            margin-right: 0.25rem;
            font-size: 1rem
        }

    .homev2__primary-cta {
        color: #fff;
        margin-bottom: 1rem;
        margin-top: 3rem
    }

    @media (min-width: 0px) {
        .homev2__primary-cta {
            font-size: 2rem
        }
    }

    @media (min-width: 768px) {
        .homev2__primary-cta {
            font-size: 2.625rem
        }
    }

    .hero-logos {
        background-color: rgba(255,255,255,0.06);
        padding: 0.75rem;
        margin-top: 3rem;
        display: flex;
        max-width: 35rem
    }

    @media (max-width: 1024px) {
        .hero-logos {
            max-width: unset
        }
    }

    @media (min-width: 1440px) {
        .hero-logos {
            width: 100%;
            padding-right: 3rem
        }
    }

    @media (max-width: 1439px) {
        .hero-logos {
            flex-direction: column;
            margin-top: 2rem
        }
    }

    @media (min-width: 1025px) and (max-width: 1439px) {
        .hero-logos {
            padding-left: 1.5rem;
            padding-right: 1.5rem
        }
    }

    .hero-logos .hero-logos__title {
        font-size: 1.125rem;
        color: rgba(255,255,255,0.62);
        padding: 0.75rem;
        margin-right: 3.5rem
    }

    @media (max-width: 1439px) {
        .hero-logos .hero-logos__title {
            font-size: .875rem;
            padding: 0.25rem;
            text-align: center;
            margin-right: 0
        }
    }

    .hero-logos .hero-logos__logos {
        align-items: center;
        display: flex;
        min-height: 4rem
    }

    @media (max-width: 1439px) {
        .hero-logos .hero-logos__logos {
            display: flex;
            place-content: center
        }
    }

    .hero-logos .hero-logos__logos img:not(:last-child) {
        margin-right: 1.5rem
    }

    .homev2__capabilities {
        margin: 4rem -0.75rem
    }

    @media (max-width: 1024px) {
        .homev2__capabilities {
            margin: 0 -1rem 1rem -1rem
        }
    }

    .homev2__capabilities .step {
        /*margin: 0 0.75rem;*/
        text-align: center;
        position: relative
    }

        .homev2__capabilities .step .step-image {
            flex-grow: 1
        }

        .homev2__capabilities .step .step-title {
            color: #fff;
            margin: 0;
            /* margin-top: 2.5rem*/
        }

        .homev2__capabilities .step .step-content {
            color: rgba(255,255,255,0.62)
        }

    @media (min-width: 1025px) {
        .homev2__capabilities .step .step-image {
            width: 100%;
            /*height: 12rem*/
        }

        .homev2__capabilities .step .step-title {
            padding: 0 1rem
        }

        .homev2__capabilities .step .step-content {
            font-size: 1.0rem;
            margin-bottom: 1rem;
            padding: 0 1rem
        }

            .homev2__capabilities .step .step-content p {
                padding: 1rem 0
            }

           
    }

    @media screen and (max-width: 1024px) {
        .homev2__capabilities .step {
            text-align: left;
            padding: 0 1rem;
            margin: 0 1rem 0.5rem 1rem
        }

            .homev2__capabilities .step .step-title:after {
                color: rgba(255,255,255,0.77)
            }

            .homev2__capabilities .step .step-content img {
                display: block;
                max-height: 80vw;
                object-fit: cover;
                padding: 0 4vw;
                object-position: top;
                width: 200%;
                max-width: unset;
                margin-top: -20%;
                margin-left: -50%
            }
    }

    @media screen and (max-width: 1024px) {
        .homev2__capabilities-button {
            width: 100%
        }
    }

    .anchor-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        cursor: pointer;
        user-select: none
    }

    @media (max-width: 1024px) {
        .anchor-overlay {
            display: none
        }
    }


    .homev2__experience {
        display: flex
    }

    @media (max-width: 1439px) {
        .homev2__experience {
            flex-direction: column
        }
    }

    .homev2__experience .experience-title {
        font-weight: bold;
        color: #000;
        margin-right: 4.5rem
    }

    @media (min-width: 0px) {
        .homev2__experience .experience-title {
            font-size: 1.5rem;
            line-height: 120%
        }
    }

    @media (min-width: 768px) {
        .homev2__experience .experience-title {
            font-size: 2.25rem;
            line-height: 120%
        }
    }

    @media (max-width: 1439px) {
        .homev2__experience .experience-title {
            text-align: center;
            margin-right: 0;
            margin-bottom: 2rem
        }
    }

    .homev2__experience .experience-counters {
        flex: 1;
        display: flex;
        flex-wrap: wrap;
        margin-bottom: -2rem
    }

        .homev2__experience .experience-counters .experience-counter {
            display: flex;
            flex-basis: 33%;
            margin-bottom: 2rem
        }

            .homev2__experience .experience-counters .experience-counter .counter-values {
                color: rgba(0,0,0,0.85);
                font-weight: bold;
                margin-left: 1.5rem
            }

    @media (min-width: 0px) {
        .homev2__experience .experience-counters .experience-counter .counter-values {
            font-size: 1.5rem;
            line-height: 120%
        }
    }

    @media (min-width: 768px) {
        .homev2__experience .experience-counters .experience-counter .counter-values {
            font-size: 2.25rem;
            line-height: 120%
        }
    }

    .homev2__experience .experience-counters .experience-counter .counter-values small {
        font-size: 1rem;
        line-height: 1rem;
        font-weight: normal;
        display: block
    }

    .homev2__experience .experience-counters .experience-counter .counter-image {
        width: 4rem
    }

        .homev2__experience .experience-counters .experience-counter .counter-image img {
            max-height: 4rem
        }

    @media (max-width: 1439px) {
        .homev2__experience .experience-counters .experience-counter {
            flex-basis: 50%;
            flex-direction: column
        }

            .homev2__experience .experience-counters .experience-counter .counter-image {
                display: flex;
                justify-content: space-around;
                width: 100%
            }

                .homev2__experience .experience-counters .experience-counter .counter-image img {
                    max-width: 3rem;
                    height: 3rem
                }

            .homev2__experience .experience-counters .experience-counter .counter-values {
                text-align: center;
                margin-left: 0
            }
    }

    .homev2__service {
        margin: 0 -0.75rem;
        margin-top: 5.5rem
    }

    @media (max-width: 1024px) {
        .homev2__service {
            margin-top: 2rem
        }
    }

    .homev2__service .step {
        margin: 0 0.75rem;
        text-align: center
    }

        .homev2__service .step .step-title {
            color: rgba(0,0,0,0.85);
            margin-top: 2rem
        }

        .homev2__service .step .step-content {
            font-size: 1.125rem;
            color: rgba(0,0,0,0.56);
            padding: 0 1rem;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            flex: 1
        }

    @media (min-width: 1025px) {
        .homev2__service .step .step-content {
            margin-top: 1.5rem
        }
    }

    .homev2__service .step .step-content p {
        margin-bottom: 2rem
    }

    .homev2__service .step .step-content {
        color: rgba(0,0,0,0.69)
    }

    .homev2__service .step .step-image {
        width: 100%;
        padding: 0 4rem;
        max-height: 6rem;
        object-fit: contain
    }

    @media screen and (max-width: 1024px) {
        .homev2__service .step {
            text-align: left
        }

            .homev2__service .step .step-title:after {
                color: rgba(0,0,0,0.56)
            }

            .homev2__service .step .step-title--open ~ .step-content {
                padding-bottom: 1.5rem
            }

            .homev2__service .step .step-content {
                font-size: 1rem;
                border-bottom: 1px solid rgba(0,0,0,0.13);
                padding: 0
            }

            .homev2__service .step  {
                width: 100%
            }

            .homev2__service .step .step-image {
                margin-top: 1rem;
                background-color: rgba(0,0,0,0.03);
                padding: 1rem 10vw;
                max-height: 11rem;
                object-fit: contain
            }
    }

    .homev2-automation--title {
        max-width: 28rem;
        margin: 0 auto 2rem auto
    }

    .homev2__video {
        display: flex;
        margin-top: 4rem
    }

        .homev2__video .video-container {
            flex: 1;
            margin-right: 6rem;
            flex-basis: 50%
        }

            .homev2__video .video-container img {
                display: block;
                width: 100%;
                border-bottom-left-radius: 0;
                border-bottom-right-radius: 0
            }

        .homev2__video .video-controls {
            flex: 1;
            flex-basis: 33%
        }

            .homev2__video .video-controls .control {
                margin-bottom: 0.5rem;
                padding: 1.5rem;
                position: relative;
                cursor: pointer
            }

                .homev2__video .video-controls .control .control-progress {
                    display: none
                }

                .homev2__video .video-controls .control .control-title {
                    font-weight: bold;
                    color: rgba(255,255,255,0.38)
                }

    @media (min-width: 0px) {
        .homev2__video .video-controls .control .control-title {
            font-size: 1rem;
            line-height: 120%
        }
    }

    @media (min-width: 768px) {
        .homev2__video .video-controls .control .control-title {
            font-size: 1.5rem;
            line-height: 120%
        }
    }

    @media (max-width: 1024px) {
        .homev2__video .video-controls .control .control-title {
            padding-bottom: 1.5rem
        }
    }

    .homev2__video .video-controls .control .control-text {
        font-size: 1.125rem;
        margin-top: 1rem;
        color: rgba(255,255,255,0.38)
    }

    .homev2__video .video-controls .control--active {
        background: rgba(255,255,255,0.06)
    }

        .homev2__video .video-controls .control--active .control-title {
            color: #fff
        }

        .homev2__video .video-controls .control--active .control-text {
            color: #fff
        }

        .homev2__video .video-controls .control--active .control-progress {
            display: block;
            height: 4px;
            left: 0;
            bottom: 0;
            position: absolute;
            width: 0;
            background: #4845d9;
            transition: width 0.5s linear
        }

    .homev2__video--mobile .step-content {
        color: rgba(255,255,255,0.62);
        border-bottom: 1px solid rgba(255,255,255,0.24)
    }

    @media screen and (min-width: 1025px) {
        .homev2__video.homev2__video--mobile {
            display: none
        }

        .homev2__video--mobile {
            display: none
        }

        .homev2__video.homev2__video--desktop {
            display: flex
        }
    }

    @media screen and (max-width: 1024px) {
        .homev2__video.homev2__video--mobile {
            display: block
        }

        .homev2__video.homev2__video--desktop {
            display: none
        }
    }

    @media screen and (max-width: 392px) {
        .homev2-automation--title span {
            display: block
        }
    }

    .homev2__network {
        display: flex;
        position: relative;
        z-index: 1
    }

    @media (max-width: 1024px) {
        .homev2__network {
            flex-direction: column
        }
    }

    .homev2__network .network-title {
        width: 50%;
        padding-right: 2rem
    }

    @media (max-width: 1024px) {
        .homev2__network .network-title {
            width: 100%;
            text-align: center;
            padding-right: 0
        }

            .homev2__network .network-title p {
                margin-bottom: 2rem
            }
    }

    .homev2__network .network-title h2 {
        margin-bottom: 0.5rem
    }

    .homev2__network .network-title p {
        color: rgba(255,255,255,0.62)
    }

    @media (min-width: 0px) {
        .homev2__network .network-title p {
            font-size: 1rem
        }
    }

    @media (min-width: 768px) {
        .homev2__network .network-title p {
            font-size: 1.125rem
        }
    }

    .homev2__network .network-detail {
        position: relative
    }

    @media (min-width: 1025px) {
        .homev2__network .network-detail {
            width: 50%
        }
    }

    @media (min-width: 1025px) {
        .homev2__network .network__mobile-description {
            display: none
        }
    }

    @media (max-width: 1024px) {
        .homev2__network .network__mobile-description {
            margin-bottom: 2.5rem
        }

            .homev2__network .network__mobile-description ul {
                list-style: none;
                margin: 0;
                margin-top: 1rem
            }

                .homev2__network .network__mobile-description ul li {
                    font-size: 1rem;
                    margin-bottom: 1rem;
                    padding-left: 1.5rem;
                    position: relative
                }

                    .homev2__network .network__mobile-description ul li:before {
                        content: "arrow_forward";
                        font-family: "Material Icons", sans-serif;
                        width: 1.5rem;
                        height: 1.5rem;
                        position: absolute;
                        left: 0
                    }
    }

    .homev2__network .network-detail-slider .siema__dots, .homev2__network .network-detail-slider .siema__arrow {
        display: none
    }

    @media (max-width: 1024px) {
        .homev2__network .network-detail-slider .siema__dots {
            display: flex
        }

        .homev2__network .network-detail-slider .siema__dots__item {
            background-color: rgba(255,255,255,0.38)
        }

        .homev2__network .network-detail-slider .siema__dots__item--active {
            background-color: rgba(255,255,255,0.77)
        }
    }

    .homev2__network .network-detail__slide {
        display: flex
    }

    @media (max-width: 1024px) {
        .homev2__network .network-detail__slide {
            flex-direction: column;
            margin-bottom: 2.5rem
        }
    }

    .homev2__network .network-detail__image {
        flex: 1;
        flex-basis: 50%
    }

        .homev2__network .network-detail__image img {
            border-radius: 0;
            min-width: 100%;
            min-height: 100%;
            display: flex;
            object-fit: cover
        }

    @media (max-width: 1024px) {
        .homev2__network .network-detail__image img {
            height: 11rem;
            object-fit: cover;
            width: 100%
        }
    }

    .homev2__network .network-detail__description {
        flex: 1;
        flex-basis: 50%;
        padding: 1.5rem;
        padding-right: 4rem;
        background: #000;
        font-size: .875rem
    }

        .homev2__network .network-detail__description h3 {
            font-size: 1rem;
            margin-bottom: 1.5rem;
            height: 2.5rem
        }

        .homev2__network .network-detail__description .decription__title {
            color: rgba(255,255,255,0.62)
        }

        .homev2__network .network-detail__description hr {
            border: 0;
            border-top: 1px solid rgba(255,255,255,0.24);
            margin: 0.5rem 0
        }

    .homev2__network .our-network-slider__buttons {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        padding: 0 1rem;
        justify-content: space-between;
        display: flex;
        pointer-events: none
    }

    @media (max-width: 1024px) {
        .homev2__network .our-network-slider__buttons {
            display: none
        }
    }

    .homev2__network .our-network-slider__buttons > * {
        pointer-events: all;
        cursor: pointer;
        position: relative;
        top: 50%;
        height: 24px;
        width: 24px;
        transform: translateY(-50%);
        color: #000;
        background: rgba(255,255,255,0.24);
        padding: 0.13rem;
        border-radius: 50%
    }

        .homev2__network .our-network-slider__buttons > * .material-icons {
            font-size: 1.3rem
        }

    .homev2__map {
        max-width: 88rem;
        margin: 0 auto;
        margin-top: -11rem;
        display: block;
        position: relative
    }

    @media (max-width: 1024px) {
        .homev2__map {
            display: none
        }
    }

    .homev2__map .network__desktop-description {
        font-size: 1.25rem;
        position: absolute;
        width: 100%;
        max-width: 88rem;
        padding: 0 5.5rem;
        display: flex;
        text-align: center;
        justify-content: space-between;
        bottom: 4rem
    }

    @media (max-width: 1024px) {
        .homev2__map .network__desktop-description {
            display: none
        }
    }

    .homev2__map .network__desktop-description p {
        max-width: 15rem
    }

    .homev2__map .map__overlay {
        background-color: rgba(255,255,255,0.1);
        transition: opacity 0.25s;
        border-radius: 50%;
        position: absolute
    }

        .homev2__map .map__overlay:after {
            content: " ";
            width: 25px;
            height: 25px;
            position: absolute
        }

        .homev2__map .map__overlay:hover {
            cursor: pointer
        }

            .homev2__map .map__overlay:hover:not(.map__overlay--active) {
                background-color: rgba(255,255,255,0.15)
            }

    .homev2__map .map__overlay--active {
        background-color: rgba(118,122,245,0.5)
    }

    .homev2__map .map__main {
        display: flex;
        width: 100%;
        height: 34rem;
        object-position: top;
        object-fit: cover
    }

    .homev2__map .map__us {
        width: 160px;
        height: 160px;
        top: 27%;
        left: 11%
    }

        .homev2__map .map__us:after {
            top: 0.75rem;
            left: 0.75rem;
            background: url("/images/homev2/map_network/updated/flags/us.svg")
        }

    @media (max-width: 88rem) {
        .homev2__map .map__us {
            top: 8vw
        }
    }

    .homev2__map .map__mx {
        pointer-events: none;
        position: absolute;
        width: 80px;
        height: 80px;
        top: 53%;
        left: 11%;
        border-radius: 50%
    }

        .homev2__map .map__mx:after {
            top: 0.25rem;
            left: 0.25rem;
            background: url("/images/homev2/map_network/updated/flags/mx.svg")
        }

    @media (max-width: 88rem) {
        .homev2__map .map__mx {
            top: 21vw
        }
    }

    .homev2__map .map__eu {
        width: 160px;
        height: 160px;
        top: 17%;
        left: 42.5%
    }

        .homev2__map .map__eu:after {
            top: 0.75rem;
            left: 0.75rem;
            background: url("/images/homev2/map_network/updated/flags/eu.svg")
        }

    @media (max-width: 88rem) {
        .homev2__map .map__eu {
            top: 5vw
        }
    }

    .homev2__map .map__ch {
        width: 90px;
        height: 90px;
        top: 45%;
        left: 81.5%
    }

        .homev2__map .map__ch:after {
            top: 0.25rem;
            left: 0.25rem;
            background: url("/images/homev2/map_network/updated/flags/ch.svg")
        }

    @media (max-width: 88rem) {
        .homev2__map .map__ch {
            top: 17vw
        }
    }

    .homev2__map .map__in {
        width: 80px;
        height: 80px;
        top: 62%;
        left: 70.5%
    }

        .homev2__map .map__in:after {
            top: 0.25rem;
            left: 0.25rem;
            background: url("/images/homev2/map_network/updated/flags/in.svg")
        }

    @media (max-width: 88rem) {
        .homev2__map .map__in {
            top: 23vw
        }
    }

    .homev2__featured-articles {
        display: flex;
        margin: 0 -0.75rem;
        margin-top: 4rem
    }

    @media (max-width: 1024px) {
        .homev2__featured-articles {
            margin: unset;
            margin-top: 2rem
        }
    }

    .homev2__featured-articles article .article-title {
        color: rgba(0,0,0,0.85);
        font-weight: bold
    }

    .homev2__featured-articles article {
        display: none
    }

    .homev2__featured-articles article .image-container {
        position: relative;
        margin-bottom: 1rem
    }

    @media (max-width: 1024px) {
        .homev2__featured-articles article .image-container {
            margin-bottom: 1rem
        }
    }

    .homev2__featured-articles article .image-container img {
        display: flex;
        width: 100%;
        border-radius: 0
    }

    .homev2__featured-articles article .image-container .image-container__desc-container {
        position: absolute;
        bottom: 0;
        left: 0;
        opacity: 0;
        background-color: rgba(0,0,0,0.56);
        width: 100%;
        height: 100%;
        padding: 2.5rem;
        transition: opacity 0.25s;
        display: flex;
        flex-direction: column;
        place-content: flex-end
    }

        .homev2__featured-articles article .image-container .image-container__desc-container .description p {
            color: #fff;
            margin-bottom: 1rem
        }

        .homev2__featured-articles article .image-container .image-container__desc-container .description {
            display: block
        }

    @media (min-width: 1025px) {
        .homev2__featured-articles article .image-container:hover .image-container__desc-container {
            opacity: 1
        }
    }

    .featured-main {
        color: rgba(0,0,0,0.85);
        flex: 2;
        margin-right: 1.5rem
    }

    @media (min-width: 0px) {
        .featured-main .article-title {
            font-size: 1rem;
            line-height: 120%
        }
    }

    @media (min-width: 768px) {
        .featured-main .article-title {
            font-size: 1.5rem;
            line-height: 120%
        }
    }

    @media (max-width: 1024px) {
        .featured-main .article-title {
            font-size: 1.25rem
        }
    }

    .featured-secondary {
        flex: 1
    }

        .featured-secondary .article-title {
            font-size: 1.25rem;
            line-height: 120%
        }

        .featured-secondary article:not(:first-child) {
            margin-top: 3.5rem
        }

        .featured-secondary article .image-container .image-container__desc-container {
            padding: 1.5rem
        }

    @media (max-width: 1024px) {
        .homev2__featured-articles {
            flex-direction: column
        }

            .homev2__featured-articles .featured-main {
                margin-right: 0;
                margin-bottom: 2.5rem
            }

            .homev2__featured-articles .featured-secondary article:not(:first-child) {
                margin-top: 2.5rem
            }

            .homev2__featured-articles article  {
                display: block;
                margin-top: 1rem
            }
    }

    @media (min-width: 0px) {
        .homev2__team-subtitle {
            font-size: 1rem
        }
    }

    @media (min-width: 768px) {
        .homev2__team-subtitle {
            font-size: 1.125rem
        }
    }

    .homev2__team-subtitle a {
        color: inherit
    }

    .homev2__team .colleague {
        margin-bottom: 3.5rem;
        flex-direction: column-reverse;
        display: flex;
        background: rgba(0,0,0,0.03)
    }

        .homev2__team .colleague .colleague__text {
            font-size: 1rem;
            color: rgba(0,0,0,0.56);
            padding: 1rem;
            height: 6rem;
            display: flex;
            flex-direction: column;
            text-align: center
        }

    @media (max-width: 1024px) {
        .homev2__team .colleague .colleague__text {
            height: unset
        }
    }

    .homev2__team .colleague .colleague__text strong {
        color: #000;
        font-weight: bold
    }

    .homev2__team .colleague img {
        display: block;
        width: 100%;
        border-radius: 0
    }

    @media (max-width: 1024px) {
        .homev2__team .colleague img {
            object-fit: cover
        }
    }

    @media (max-width: 1024px) {
        .homev2__team {
            margin-top: 2rem
        }
    }

    @media (min-width: 1025px) {
        .homev2__team {
            display: flex;
            margin: 4rem -0.5rem;
            margin-top: 4rem
        }

            .homev2__team .colleague {
                flex: 1;
                margin: 0 0.5rem
            }

            .homev2__team .siema__controls {
                display: none
            }

        .homev2__team {
            pointer-events: none
        }
    }

    .homev2__why {
        display: flex
    }

    @media (max-width: 1024px) {
        .homev2__why {
            flex-direction: column
        }
    }

    .homev2__why .why-title {
        flex: 1
    }

    .homev2__why .why-items {
        flex: 1
    }

        .homev2__why .why-items ul {
            list-style: none;
            margin: 0
        }

            .homev2__why .why-items ul li {
                font-size: 1.25rem;
                color: rgba(0,0,0,0.85);
                margin-bottom: 1rem;
                padding-left: 3rem;
                position: relative
            }

    @media (max-width: 1024px) {
        .homev2__why .why-items ul li {
            font-size: 1rem;
            padding-left: 1.5rem
        }
    }

    .homev2__why .why-items ul li:before {
        font-size: 1.5rem;
        font-family: "Material Icons",sans-serif;
        font-weight: normal;
        font-style: normal;
        line-height: 1;
        letter-spacing: normal;
        text-transform: none;
        display: inline-block;
        white-space: nowrap;
        word-wrap: normal;
        direction: ltr;
        -webkit-font-feature-settings: "liga";
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-feature-settings: "liga";
        content: "check";
        color: #4845d9;
        width: 1.5rem;
        height: 1.5rem;
        position: absolute;
        left: 0
    }

    .homev2__logos-title {
        font-size: 1.25rem;
        font-weight: normal;
        color: rgba(0,0,0,0.56);
        text-align: center;
        margin-bottom: 4rem
    }

    .homev2__logos .logo-row {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -0.75rem;
        justify-content: center;
        margin-bottom: 2.75rem
    }

    @media (min-width: 1025px) {
        .homev2__logos .logo-row:first-child {
            margin-bottom: 4rem
        }
    }

    @media (max-width: 1024px) {
        .homev2__logos .logo-row {
            margin-bottom: 1rem
        }

            .homev2__logos .logo-row:first-child img {
                max-width: 3.5rem;
                filter: saturate(0)
            }
    }

    .homev2__logos .logo-row img {
        display: block;
        margin: 0 1.5rem;
        object-fit: contain
    }

    @media (max-width: 1024px) {
        .homev2__logos .logo-row img {
            margin: 0 0.5rem;
            max-width: 9.5rem;
            margin-top: 1rem
        }
    }

    .team-page__employee-dropdown {
        display: flex;
        align-items: center;
        margin-bottom: 2.5rem
    }

        .team-page__employee-dropdown #team-page__employee-select {
            width: 16.5rem
        }

        .team-page__employee-dropdown h3 {
            margin: 0 2.875rem 0 1rem
        }

    .team-page__employee-job {
        font-family: 'IBM Plex Mono', monospace;
        font-size: .75rem;
        color: #5252f2
    }

    .team-page__employee-container {
        display: flex;
        justify-content: center;
        flex-wrap: wrap
    }

    .team-page__employee-box {
        width: calc(100% / 6);
        min-width: 10.9rem;
        text-align: center;
        margin-bottom: 1.6875rem
    }

        .team-page__employee-box .team-page__employee-name {
            margin: 1rem auto 0.375rem auto;
            font-weight: 500
        }

    @media (min-width: 0px) {
        .team-page__employee-box .team-page__employee-name {
            font-size: 1rem
        }
    }

    @media (min-width: 768px) {
        .team-page__employee-box .team-page__employee-name {
            font-size: 1.125rem
        }
    }

    .team-page__employee-box p:last-child {
        margin: 0 auto;
        height: 3.625rem
    }

    .team-page__employee-box img {
        max-width: 8.75rem;
        min-width: 6.25rem;
        filter: gray;
        -webkit-filter: grayscale(1);
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%)
    }

    @media screen and (max-width: 524px) {
        .team-page__employee-dropdown, .team-page__employee-container {
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
            padding: 1.5rem
        }

            .team-page__employee-dropdown #team-page__employee-select, .team-page__employee-container #team-page__employee-select {
                width: 100%;
                margin: 0.5rem auto 1rem auto
            }

            .team-page__employee-dropdown h3, .team-page__employee-container h3 {
                margin: 0
            }

        .team-page__employee-dropdown {
            margin-bottom: 0.5rem
        }

        .team-page__employee-box {
            width: 100%;
            text-align: left;
            display: flex;
            align-items: center
        }

            .team-page__employee-box img, .team-page__employee-box .team-page__employee-text {
                display: inline-block
            }

            .team-page__employee-box img {
                margin-right: 1rem
            }
    }

    .team-page__employee-name, .team-page__employee-box p:last-child {
        max-width: 10.9rem
    }

    @media screen and (max-width: 524px) {
        .team-page__employee-name, .team-page__employee-box p:last-child {
            margin: 0;
            height: auto;
            max-width: 13rem
        }
    }

    @media screen and (max-width: 375px) {
        .team-page__employee-name, .team-page__employee-box p:last-child {
            max-width: 11rem
        }
    }

    @media screen and (max-width: 343px) {
        .team-page__employee-name, .team-page__employee-box p:last-child {
            max-width: 9rem
        }
    }

    .team-page__hero {
        text-align: center
    }

    @media (min-width: 0px) {
        .team-page__hero {
            font-size: .875rem;
            line-height: 20px
        }
    }

    @media (min-width: 768px) {
        .team-page__hero {
            font-size: 1.125rem;
            line-height: unset
        }
    }

    .team-hero-cta {
        margin-top: 4rem;
        padding: 2rem 6.25rem 1.5rem 6.25rem
    }

        .team-hero-cta p {
            font-weight: 500;
            margin-bottom: 1rem
        }

    @media screen and (max-width: 767px) {
        .team-hero-cta {
            padding: 1.5rem 2rem
        }
    }

    .team-page__instagram {
        text-align: center
    }

        .team-page__instagram h3 {
            text-align: left
        }

        .team-page__instagram svg {
            height: 1.25rem;
            width: 1.25rem;
            fill: #fff;
            position: relative;
            top: 0.1rem;
            margin-left: 1rem
        }

    .team-page__instagram-cta {
        margin-top: 3.875rem
    }

    .team-page__meet {
        padding: 4.375rem 0
    }

    @media (min-width: 0px) {
        .team-page__meet {
            font-size: .875rem;
            line-height: 20px
        }
    }

    @media (min-width: 768px) {
        .team-page__meet {
            font-size: 1.125rem;
            line-height: unset
        }
    }

    .team-page__meet img {
        max-height: 21.25rem
    }

    .team-page__meet label {
        color: rgba(255,255,255,0.62);
        position: relative;
        font-family: 'IBM Plex Mono', monospace;
        font-size: .75rem;
        left: -17%;
        top: 0.5rem
    }

    .team-page__meet .team-page__meet-marvin {
        text-align: center
    }

    @media screen and (max-width: 767px) {
        .team-page__meet {
            padding: 0
        }
    }

    .team-page__photo img {
        margin-bottom: -10rem
    }

    @media screen and (max-width: 767px) {
        .team-page__photo img {
            margin-bottom: -6rem
        }
    }

    .team-page__slider {
        margin-top: -2rem;
        margin-bottom: 7rem;
        text-align: right
    }

        .team-page__slider button {
            color: #fff;
            background-color: rgba(0,0,0,0.05);
            border-radius: 50%;
            border: none;
            width: 3.375rem;
            height: 3.375rem;
            outline: none;
            cursor: pointer;
            margin: 1rem 0.375rem 0.375rem
        }

            .team-page__slider button:hover {
                background-color: rgba(0,0,0,0.13)
            }

            .team-page__slider button:last-of-type {
                margin-right: 5.5rem
            }

    @media screen and (max-width: 767px) {
        .team-page__slider {
            margin-bottom: 3rem;
            text-align: center
        }

            .team-page__slider .team-page__slider-arrows button:last-of-type {
                margin: 1rem 0.375rem 0.375rem
            }
    }

    .team-page__slider-images {
        max-height: 21.75rem;
        word-wrap: none;
        overflow: hidden
    }

    @media screen and (min-width: 1960px) {
        .team-page__slider-images {
            max-height: 26rem
        }
    }

    .team-page__slider-images img {
        border-radius: 0;
        max-height: 25rem;
        padding-right: 0.5rem
    }

    @media screen and (min-width: 1960px) {
        .team-page__slider-images img {
            max-height: none
        }
    }

    .page-404 {
        text-align: center
    }

    .page-404__hero h1 {
        margin-bottom: 1rem;
        position: relative;
        z-index: 1
    }

    .page-404__hero p {
        color: rgba(255,255,255,0.62);
        position: relative;
        z-index: 1
    }

    .page-404__hero a {
        margin-top: 2rem;
        position: relative;
        z-index: 1
    }

    @media screen and (max-width: 425px) {
        .page-404__hero a {
            width: 100%;
            margin-top: 1rem
        }
    }

    .page-404__hero a:last-of-type {
        margin-left: 1rem
    }

    @media screen and (max-width: 425px) {
        .page-404__hero a:last-of-type {
            margin-left: 0
        }
    }

    .banana-404 {
        max-width: 34rem;
        position: relative;
        z-index: 0;
        top: -49rem
    }

    @media screen and (max-width: 565px) {
        .banana-404 {
            max-width: 100%;
            top: -44rem
        }
    }

    .page-404__banana {
        background: url("/images/404/circle_grid.png") center no-repeat;
        background-size: cover;
        margin-bottom: 7.75rem;
        position: relative;
        min-height: 21.625rem
    }

        .page-404__banana p {
            position: relative;
            top: -2.3125rem;
            font-family: 'IBM Plex Mono', monospace;
            font-size: .875rem;
            color: rgba(255,255,255,0.62)
        }

    @media screen and (max-width: 425px) {
        .page-404__banana p {
            top: 1rem
        }
    }

    @media screen and (max-width: 768px) {
        .page-404__banana {
            margin-bottom: 0
        }

            .page-404__banana p {
                width: 90%;
                margin: 0 auto
            }
    }

    .page-404__ctablock {
        text-align: left;
        max-width: 42.625rem;
        padding: 1.5rem;
        border-radius: 3px
    }

        .page-404__ctablock ul {
            width: 13.8rem;
            margin: 1.2rem auto 0 auto;
            list-style: none;
            text-align: left
        }

            .page-404__ctablock ul li {
                margin-bottom: 1rem
            }

                .page-404__ctablock ul li:last-child {
                    margin-bottom: 0
                }

            .page-404__ctablock ul i {
                font-size: 1rem;
                margin-right: 0.5rem
            }

            .page-404__ctablock ul a {
                font-weight: 500;
                color: #fff
            }

                .page-404__ctablock ul a:active, .page-404__ctablock ul a:visited, .page-404__ctablock ul a:hover {
                    color: #fff
                }

        .page-404__ctablock a {
            text-decoration: none;
            color: #767af5
        }

            .page-404__ctablock a:hover {
                color: #5252f2
            }

            .page-404__ctablock a:active, .page-404__ctablock a:visited {
                color: #4845d9
            }

    @media screen and (max-width: 1223px) {
        .page-404__ctablock {
            max-width: 100%;
            text-align: center
        }
    }

    @media screen and (max-width: 425px) {
        .page-404__ctablock.section {
            margin-top: 0
        }
    }

    .expand__body {
        padding: 2rem
    }

        .expand__body img {
            margin-bottom: 2rem;
            width: 4.5cm;
            max-width: 4.5cm
        }

        .expand__body h3 {
            margin-bottom: 0
        }

        .expand__body h4 {
            margin: 1rem 0
        }

        .expand__body h3, .expand__body h4 {
            width: 80%
        }

        .expand__body .expand__body-list--cta-title {
            margin-bottom: 0
        }

    .expand__business-logos {
        list-style: none
    }

        .expand__business-logos li {
            display: inline-block;
            text-align: center
        }

        .expand__business-logos img {
            width: 10rem;
            max-width: 2cm
        }

    .expand__body-list {
        padding: 1rem 3rem
    }

    .expand__body-links {
        margin: 2rem 0
    }

    .cta-imgwithtext {
        display: flex;
        background-color: rgba(255,255,255,0.06);
        padding: 1.5rem;
        max-width: 30rem
    }

        .cta-imgwithtext img {
            margin-right: 1.2rem;
            max-height: 30px
        }

        .cta-imgwithtext{
            margin-top: 1rem;
            color: rgba(0,0,0,0.85)
        }

         

    .section--dark-grey .cta-imagewithtext__title {
        color: rgba(255,255,255,0.62)
    }

    .about-page__hero {
        text-align: center;
        padding: 14rem 0;
        background: url("/images/about/header.jpg") center no-repeat;
        background-size: cover
    }

        .about-page__hero h1 {
            width: 70%;
            max-width: 53.75rem;
            margin: 0 auto;
            color: #fff
        }

    @media (min-width: 0px) {
        .about-page__hero h1 {
            font-size: 1.5rem;
            line-height: 120%
        }
    }

    @media (min-width: 768px) {
        .about-page__hero h1 {
            font-size: 3rem;
            line-height: 120%
        }
    }

    @media screen and (max-width: 768px) {
        .about-page__hero h1 {
            width: 85%
        }
    }

    @media screen and (max-width: 767px) {
        .about-page__hero {
            max-height: 15.5rem;
            padding: 5rem 0
        }
    }

    .about-page__instant h2 {
        width: 85%
    }

    @media (min-width: 0px) {
        .about-page__instant h2 {
            font-size: 1.5rem;
            line-height: 120%
        }
    }

    @media (min-width: 768px) {
        .about-page__instant h2 {
            font-size: 3rem;
            line-height: 120%
        }
    }

    @media screen and (max-width: 767px) {
        .about-page__instant h2 {
            width: 100%
        }
    }

    .about-page__instant a {
        text-decoration: none
    }

        .about-page__instant a:visited {
            color: #5252f2
        }

    .about-page__instant .content-image-with-text__content {
        margin-left: 4rem;
        margin-right: 0
    }

    @media screen and (max-width: 767px) {
        .about-page__instant.section--tall {
            margin: 1.5rem 2rem 0 2rem
        }
    }

    .about-page__usps .about-page__usps-card-content {
        max-width: 12rem;
        margin: 0 auto
    }

    @media screen and (max-width: 767px) {
        .about-page__usps .about-page__usps-card-content {
            display: flex;
            max-width: 100%;
            justify-content: flex-start;
            margin: 0
        }
    }

    .about-page__usps p.h2 {
        margin-bottom: 0
    }

        .about-page__usps .about-page__usps-subtitle, .about-page__usps p.h2 span span {
            display: block;
            font-weight: 400;
            line-height: initial;
            max-width: 9rem;
            color: rgba(0,0,0,0.69)
        }

    @media (min-width: 0px) {
        .about-page__usps .about-page__usps-subtitle, .about-page__usps p.h2 span span {
            font-size: 1rem
        }
    }

    @media (min-width: 768px) {
        .about-page__usps .about-page__usps-subtitle, .about-page__usps p.h2 span span {
            font-size: 1.125rem
        }
    }

    .about-page__usps img {
        max-width: 6.25rem;
        width: 6.25rem;
        max-height: 6.25rem
    }

    .about-page__usps .content-cards {
        justify-content: center;
        flex-wrap: wrap;
        padding: 0 2rem;
        margin-top: 13rem
    }

    @media screen and (max-width: 767px) {
        .about-page__usps .content-cards {
            padding: 0;
            margin-top: 0
        }

            .about-page__usps .content-cards .content-card {
                flex-direction: row
            }

                .about-page__usps .content-cards .content-card img {
                    margin-right: 2rem
                }
    }

    @media screen and (max-width: 767px) {
        .about-page__usps.section--tall {
            margin-top: 2rem
        }
    }

    .about-page__history {
        display: flex;
        justify-content: space-between
    }

    @media screen and (max-width: 767px) {
        .about-page__history {
            flex-direction: column
        }
    }

    .about-page__history .about-page__history-text {
        color: rgba(255,255,255,0.62);
        max-width: 40rem
    }

    @media (min-width: 0px) {
        .about-page__history .about-page__history-text {
            font-size: 1rem
        }
    }

    @media (min-width: 768px) {
        .about-page__history .about-page__history-text {
            font-size: 1.125rem
        }
    }

    .about-page__tony-quote.section--tall:not(.split-section--no-contain) {
        max-height: 30rem;
        padding-top: 3rem;
        margin-top: 10rem
    }

        .about-page__tony-quote.section--tall:not(.split-section--no-contain).section--grey-on-white {
            overflow: visible
        }

        .about-page__tony-quote.section--tall:not(.split-section--no-contain) .section.section--extra-large.about-page__tony-quote-block {
            margin-top: 0;
            margin-bottom: 0
        }

        .about-page__tony-quote.section--tall:not(.split-section--no-contain) .content-image-with-text {
            align-items: flex-start
        }

        .about-page__tony-quote.section--tall:not(.split-section--no-contain) .about-page__tony-quote-quotation {
            max-width: 1.5rem;
            max-height: 1.25rem;
            vertical-align: top
        }

        .about-page__tony-quote.section--tall:not(.split-section--no-contain) .about-page__tony-quote-profile {
            max-height: 27.5rem;
            margin: 3rem 0 0 5.1rem
        }

        .about-page__tony-quote.section--tall:not(.split-section--no-contain) .about-page__tony-quote-content {
            font-weight: 500;
            color: rgba(0,0,0,0.56);
            max-width: 35rem;
            margin-right: 5rem;
            margin-top: 2rem
        }

    @media (min-width: 0px) {
        .about-page__tony-quote.section--tall:not(.split-section--no-contain) .about-page__tony-quote-content {
            font-size: 1rem
        }
    }

    @media (min-width: 768px) {
        .about-page__tony-quote.section--tall:not(.split-section--no-contain) .about-page__tony-quote-content {
            font-size: 1.25rem
        }
    }

    .about-page__tony-quote.section--tall:not(.split-section--no-contain) .about-page__tony-quote-block-name {
        text-align: right;
        margin-top: 3.5rem;
        color: rgba(0,0,0,0.56)
    }

        .about-page__tony-quote.section--tall:not(.split-section--no-contain) .about-page__tony-quote-block-name p:last-child {
            font-weight: 400;
            color: rgba(0,0,0,0.34)
        }

    @media (min-width: 0px) {
        .about-page__tony-quote.section--tall:not(.split-section--no-contain) .about-page__tony-quote-block-name p:last-child {
            font-size: .875rem;
            line-height: 20px
        }
    }

    @media (min-width: 768px) {
        .about-page__tony-quote.section--tall:not(.split-section--no-contain) .about-page__tony-quote-block-name p:last-child {
            font-size: 1rem;
            line-height: unset
        }
    }

    @media screen and (max-width: 1160px) {
        .about-page__tony-quote.section--tall:not(.split-section--no-contain) .about-page__tony-quote-profile {
            margin-left: 0
        }

        .about-page__tony-quote.section--tall:not(.split-section--no-contain) .about-page__tony-quote-block-name {
            margin-top: 1rem
        }
    }

    @media screen and (max-width: 768px) {
        .about-page__tony-quote {
            margin-top: 8rem
        }

            .about-page__tony-quote .about-page__tony-quote-quotation {
                position: absolute;
                top: -26rem;
                left: -12.5rem
            }

            .about-page__tony-quote.section--tall:not(.split-section--no-contain) {
                max-height: 35rem;
                margin-top: 7rem
            }

                .about-page__tony-quote.section--tall:not(.split-section--no-contain) .about-page__tony-quote-content {
                    max-width: 100%;
                    margin-right: 0;
                    order: 2
                }

                .about-page__tony-quote.section--tall:not(.split-section--no-contain) .about-page__tony-quote-profile {
                    max-height: 16.3125rem;
                    margin-top: -2rem;
                    order: 3;
                    max-height: 12.25rem
                }

                .about-page__tony-quote.section--tall:not(.split-section--no-contain) .content-image-with-text {
                    align-items: center;
                    justify-content: center
                }
    }

    @media screen and (max-width: 767px) {
        .about-page__tony-quote .about-page__tony-quote-quotation {
            top: -18rem;
            left: -15.5rem
        }
    }

    @media screen and (max-width: 749px) {
        .about-page__tony-quote .about-page__tony-quote-quotation {
            top: -20rem;
            left: -15rem
        }
    }

    @media screen and (max-width: 700px) {
        .about-page__tony-quote .about-page__tony-quote-quotation {
            left: -13rem
        }
    }

    @media screen and (max-width: 600px) {
        .about-page__tony-quote .about-page__tony-quote-quotation {
            top: -21rem;
            left: -10.5rem
        }
    }

    @media screen and (max-width: 550px) {
        .about-page__tony-quote .about-page__tony-quote-quotation {
            top: -22rem;
            left: -8.5rem
        }
    }

    @media screen and (max-width: 500px) {
        .about-page__tony-quote .about-page__tony-quote-quotation {
            top: -24rem;
            left: -7rem
        }
    }

    @media screen and (max-width: 425px) {
        .about-page__tony-quote .about-page__tony-quote-quotation {
            top: -27rem;
            left: -5rem
        }
    }

    @media screen and (max-width: 375px) {
        .about-page__tony-quote .about-page__tony-quote-quotation {
            top: -32rem;
            left: -3.5rem
        }

        .about-page__tony-quote.section--tall:not(.split-section--no-contain) {
            max-height: 42rem
        }
    }

    @media screen and (max-width: 320px) {
        .about-page__tony-quote.section--tall:not(.split-section--no-contain) {
            max-height: 45rem
        }

            .about-page__tony-quote.section--tall:not(.split-section--no-contain) .about-page__tony-quote-quotation {
                top: -38rem;
                left: -1.5rem
            }
    }

    .about-page__press label {
        margin-bottom: 4rem;
        margin-top: 11rem;
        color: rgba(0,0,0,0.85)
    }

    @media (min-width: 0px) {
        .about-page__press label {
            font-size: 1.5rem;
            line-height: 120%
        }
    }

    @media (min-width: 768px) {
        .about-page__press label {
            font-size: 2.25rem;
            line-height: 120%
        }
    }

    @media screen and (max-width: 767px) {
        .about-page__press label {
            margin-bottom: 2rem
        }
    }

    .about-page__press a:visited {
        color: #5252f2
    }

    .about-page__supported {
        text-align: center
    }

        .about-page__supported h5 {
            margin-bottom: 4.4rem
        }

        .about-page__supported.section--tall {
            margin-top: -6rem
        }

    @media screen and (max-width: 767px) {
        .about-page__supported.section--tall h5 {
            margin-bottom: 2rem
        }
    }

    .about-page__supported .content-cards {
        justify-content: center
    }

    .about-page__supported .content-card {
        padding: 0 2.75rem
    }

        .about-page__supported .content-card img {
            vertical-align: middle
        }

        .about-page__supported .content-card:nth-child(1) img, .about-page__supported .content-card:nth-child(2) img {
            max-width: 7.8rem
        }

        .about-page__supported .content-card:nth-child(3) img {
            max-width: 10rem
        }

        .about-page__supported .content-card:nth-child(4) img {
            max-width: 10.625rem
        }

    .about-page__milestones-header.section.section--extra-large {
        display: flex;
        justify-content: space-between;
        margin-bottom: 2rem;
        margin-top: 11.5rem;
        align-items: flex-end
    }

        .about-page__milestones-header.section.section--extra-large h3 {
            font-size: 1.5rem;
            margin-bottom: 0
        }

        .about-page__milestones-header.section.section--extra-large ul {
            display: flex;
            justify-content: flex-end;
            list-style: none;
            flex-wrap: wrap;
            font-size: .875rem
        }

            .about-page__milestones-header.section.section--extra-large ul li {
                background-color: rgba(255,255,255,0.1);
                border-radius: 1rem;
                color: rgba(255,255,255,0.62);
                width: 3rem;
                height: 1.5rem;
                font-weight: 500;
                text-align: center;
                padding-top: 0.125rem;
                margin-left: 0.5rem
            }

                .about-page__milestones-header.section.section--extra-large ul li:hover {
                    background-color: #fff;
                    color: rgba(0,0,0,0.85);
                    cursor: pointer
                }

                .about-page__milestones-header.section.section--extra-large ul li.active {
                    background-color: #fff;
                    color: rgba(0,0,0,0.85)
                }

    .about-page__milestones.section.section--extra-large {
        padding-top: 2.5rem;
        margin-top: 0;
        margin-bottom: 8rem;
        position: relative;
        background: linear-gradient(rgba(255,255,255,0.06) 88.5%, #191919 11.5%)
    }

        .about-page__milestones.section.section--extra-large .about-page__milestones-slide {
            padding-left: 1rem;
            margin-left: 4rem;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            position: relative;
            height: 34.5rem;
            vertical-align: bottom
        }

            .about-page__milestones.section.section--extra-large .about-page__milestones-slide.no-image {
                padding-top: 50%
            }

                .about-page__milestones.section.section--extra-large .about-page__milestones-slide.no-image:before {
                    content: "";
                    position: absolute;
                    left: 0;
                    bottom: 4.0625rem;
                    height: 50%;
                    width: 5%;
                    border-left: 1px solid rgba(255,255,255,0.15)
                }

            .about-page__milestones.section.section--extra-large .about-page__milestones-slide:not(.no-image):before {
                content: "";
                position: absolute;
                left: 0;
                top: 0;
                height: calc(100% - 65px);
                width: 5%;
                border-left: 1px solid rgba(255,255,255,0.15)
            }

            .about-page__milestones.section.section--extra-large .about-page__milestones-slide a {
                font-size: 1rem;
                color: #767af5;
                text-decoration: none
            }

        .about-page__milestones.section.section--extra-large button {
            position: absolute;
            background-color: #3b3b3b;
            color: #fff;
            border-radius: 100%;
            border: none;
            width: 2.5rem;
            height: 2.5rem;
            padding: 0.5rem;
            z-index: 1;
            cursor: pointer;
            outline: none
        }

            .about-page__milestones.section.section--extra-large button i {
                width: 1rem;
                height: 1rem;
                position: relative;
                left: -0.25rem
            }

            .about-page__milestones.section.section--extra-large button#about-page__milestones-slider-prev {
                left: 0.5rem;
                top: 40%
            }

            .about-page__milestones.section.section--extra-large button#about-page__milestones-slider-next {
                right: 1rem;
                top: 40%
            }

    @media screen and (max-width: 960px) {
        .about-page__milestones.section.section--extra-large button#about-page__milestones-slider-prev {
            left: -1rem
        }

        .about-page__milestones.section.section--extra-large button#about-page__milestones-slider-next {
            right: -1rem
        }
    }

    .about-page__milestones.section.section--extra-large h5 {
        max-width: 19.375rem
    }

    .about-page__milestones.section.section--extra-large .about-page__milestones-dot {
        width: 1rem;
        height: 1rem;
        border-radius: 100%;
        background-color: #5252f2;
        position: absolute;
        left: -0.5rem;
        bottom: 3.7rem
    }

    .about-page__milestones.section.section--extra-large .about-page__milestones-imgcontainer {
        max-width: 16.5rem;
        margin-bottom: 0.5rem
    }

        .about-page__milestones.section.section--extra-large .about-page__milestones-imgcontainer img {
            filter: gray;
            -webkit-filter: grayscale(1);
            -webkit-filter: grayscale(100%);
            filter: grayscale(100%)
        }

            .about-page__milestones.section.section--extra-large .about-page__milestones-imgcontainer img:hover {
                filter: initial
            }

    .about-page__milestones.section.section--extra-large .about-page__milestones-date {
        position: absolute;
        z-index: 1;
        left: -0.5rem;
        bottom: 0;
        font-size: 1.25rem
    }

        .about-page__milestones.section.section--extra-large .about-page__milestones-date .about-page__milestones-date--year {
            font-weight: 500
        }

        .about-page__milestones.section.section--extra-large .about-page__milestones-date .about-page__milestones-date--month {
            color: rgba(255,255,255,0.62)
        }

    @media screen and (max-width: 767px) {
        .about-page__milestones-header.section.section--extra-large {
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start;
            margin-top: 7.375rem
        }

            .about-page__milestones-header.section.section--extra-large h3 {
                margin-bottom: 1rem
            }

            .about-page__milestones-header.section.section--extra-large ul {
                justify-content: flex-start
            }

                .about-page__milestones-header.section.section--extra-large ul li {
                    margin-left: 0;
                    margin-right: 0.5rem
                }

        .about-page__milestones.section.section--extra-large {
            margin-bottom: 0rem;
            background: linear-gradient(rgba(255,255,255,0.06) 77.5%, #191919 22.5%)
        }

            .about-page__milestones.section.section--extra-large .about-page__milestones-slide.no-image {
                padding-top: 12rem
            }

                .about-page__milestones.section.section--extra-large .about-page__milestones-slide.no-image:before {
                    height: 54%
                }

            .about-page__milestones.section.section--extra-large button {
                position: static;
                margin: 1.5rem 1rem
            }

            .about-page__milestones.section.section--extra-large .about-page__milestones__buttons {
                display: flex;
                justify-content: center
            }

            .about-page__milestones.section.section--extra-large .about-page__milestones-imgcontainer img {
                filter: initial
            }
    }

    @media screen and (max-width: 425px) {
        .about-page__milestones-header.section.section--extra-large ul li {
            margin-top: 0.5rem
        }

        .about-page__milestones.section.section--extra-large .about-page__milestones-slide {
            margin-left: 1rem
        }

        .about-page__milestones.section.section--extra-large .about-page__milestones-imgcontainer {
            max-width: 13.075rem
        }
    }

    .about-page__cta {
        text-align: center
    }

        .about-page__cta h3 {
            margin-bottom: 2rem
        }

    .about-page__company-info img {
        max-height: 15.0625rem
    }

    .about-page__company-info h2 {
        margin-bottom: 4rem
    }

    @media screen and (max-width: 767px) {
        .about-page__company-info h2 {
            margin-bottom: 2rem
        }
    }

    @media (min-width: 0px) {
        .about-page__company-info p {
            font-size: 1rem
        }
    }

    @media (min-width: 768px) {
        .about-page__company-info p {
            font-size: 1.125rem
        }
    }

    .about-page__company-info a {
        margin-top: 2rem;
        line-height: 1.8rem
    }

    @media screen and (max-width: 767px) {
        .about-page__company-info a {
            width: 100%
        }
    }


    .internal-page {
        opacity: 1 !important
    }

    * {
        overflow-wrap: break-word !important;
        word-wrap: break-word !important
    }


   
    .section--dark-grey .cnc-capabilities .title {
        color: #fff;
        text-align: center
    }

    .capabilities-cards {
        margin: 4rem -0.75rem
    }

    @media (max-width: 1024px) {
        .capabilities-cards {
            margin: 0 -1rem 1rem -1rem
        }
    }

    @media (min-width: 1025px) {
        .capabilities-cards.capabilities-cards--short .step .step-image {
            height: 10rem
        }
    }

    .capabilities-cards.capabilities-cards--dark .step {
        background-color: rgba(255,255,255,0.06)
    }

        .capabilities-cards.capabilities-cards--dark .step .step-title {
            color: #fff
        }

            .capabilities-cards.capabilities-cards--dark .step .step-title:after {
                color: #fff
            }

        .capabilities-cards.capabilities-cards--dark .step .step-content {
            color: rgba(255,255,255,0.62)
        }

            .capabilities-cards.capabilities-cards--dark .step .step-content  {
                background-color: rgba(255,255,255,0.1);
                color: rgba(255,255,255,0.77)
            }

    @media (min-width: 1025px) {
        .capabilities-cards.capabilities-cards--dark .step:hover {
            background-color: rgba(255,255,255,0.15)
        }
    }

    @media screen and (max-width: 1024px) {
        .capabilities-cards.capabilities-cards--dark .step-title:after {
            color: rgba(0,0,0,0.85)
        }
    }

    .capabilities-cards .step {
        margin: 0 1rem;
        background-color: rgba(0,0,0,0.03);
        position: relative
    }

        .capabilities-cards .step .step-title {
            color: rgba(0,0,0,0.85);
            text-align: center;
            margin: 0;
            margin-top: 2.5rem
        }

        .capabilities-cards .step .step-content {
            color: rgba(0,0,0,0.56)
        }

    @media (min-width: 1025px) {
        .capabilities-cards .step .step-image {
            width: 100%;
            height: 15rem
        }

        .capabilities-cards .step .step-title {
            padding: 0 1rem
        }

        .capabilities-cards .step .step-content {
            font-size: 1.125rem;
            margin-bottom: 1rem;
            padding: 0 2rem
        }

            .capabilities-cards .step .step-content p {
                padding: 1rem 0
            }

        .capabilities-cards .step .step-content__subtitle {
            margin: 0 auto;
            max-width: 75%;
            text-align: center
        }

        .capabilities-cards .step .step-content {
            display: none
        }

        .capabilities-cards .step .step-content--minheight-10 {
            min-height: 10rem
        }

        .capabilities-cards .step:hover {
            background-color: rgba(0,0,0,0.08)
        }
    }

    @media screen and (max-width: 1024px) {
        .capabilities-cards .step {
            text-align: left;
            padding: 0 1rem;
            margin: 0 1rem 0.5rem 1rem
        }

            .capabilities-cards .step .step-title:after {
                color: rgba(0,0,0,0.85)
            }

            .capabilities-cards .step .step-content img {
                display: block;
                max-height: 80vw;
                object-fit: cover;
                object-position: top;
                margin: 0 auto;
                width: 100%;
                max-width: 400px;
                height: 18rem
            }
    }

    @media screen and (max-width: 1024px) and (max-width: 374px) {
        .capabilities-cards .step .step-content img {
            height: 10rem
        }
    }

    @media screen and (max-width: 1024px) and (max-width: 400px) {
        .capabilities-cards .step .step-content img {
            height: 12rem
        }
    }

    @media screen and (max-width: 1024px) {
        .homev2__capabilities-button {
            width: 100%;
            margin-bottom: 6rem
        }
    }

    .anchor-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        cursor: pointer;
        user-select: none
    }

    @media (max-width: 1024px) {
        .anchor-overlay {
            display: none
        }
    }

    #content {
        overflow: hidden
    }

   
  
    .internal-page {
        opacity: 1 !important
    }

    * {
        overflow-wrap: break-word !important;
        word-wrap: break-word !important
    }

    [v-cloak] {
        display: none
    }

        [v-cloak] ~ .printing3d__materials-fallback, [v-cloak] ~ .printing3d__finishes-fallback {
            display: block
        }

    .printing3d__materials--section.section {
        margin: 2.5rem 1rem
    }

    @media screen and (max-width: 767px) {
        .printing3d__materials--section.section {
            margin: 3.5rem 1rem
        }
    }

    .printing3d__materials-title {
        text-align: center;
        margin-bottom: 0
    }

    @media screen and (max-width: 767px) {
        .printing3d__materials-title {
            margin-bottom: 2rem
        }
    }

    .printing3d__material-finishes-title {
        text-align: center;
        margin-bottom: 4rem;
        margin-top: 9.5rem
    }

    @media screen and (max-width: 767px) {
        .printing3d__material-finishes-title {
            margin-bottom: 2rem;
            margin-top: 6.4rem
        }
    }

    .printing3d-materials__sidebar {
        position: relative
    }

        .printing3d-materials__sidebar .printing3d-materials__subsets__cta-section {
            border-top: 1px solid rgba(0,0,0,0.13);
            background-color: #fff;
            margin-top: 1.6875rem;
            padding: 1rem 1rem 0;
            display: flex;
            justify-content: space-between;
            position: fixed;
            bottom: 0;
            width: 27rem;
            max-width: 100%;
            height: 4rem
        }

    @media screen and (max-width: 767px) {
        .printing3d-materials__sidebar .printing3d-materials__subsets__cta-section {
            display: none
        }
    }

    @media screen and (max-width: 767px) {
        .printing3d-materials__sidebar .printing3d-materials__sidebar__subsets .printing3d-materials__subsets--title-desktop {
            display: none
        }

        .printing3d-materials__sidebar .printing3d-materials__sidebar__subsets img {
            margin-bottom: 1rem
        }
    }

    .printing3d-materials__sidebar .printing3d-materials__sidebar__subsets, .printing3d-materials__sidebar .printing3d-materials__sidebar__subsets-details {
        position: fixed;
        height: 100%;
        background-color: #fff;
        z-index: 10001;
        top: 0;
        right: 0;
        max-width: 100%;
        width: 29rem;
        color: #000;
        padding: 1rem 1rem 2.5rem;
        overflow: scroll;
        -webkit-overflow-scrolling: touch
    }

        .printing3d-materials__sidebar .printing3d-materials__sidebar__subsets h3, .printing3d-materials__sidebar .printing3d-materials__sidebar__subsets-details h3 {
            color: #000;
            margin-top: 1.5rem;
            padding-bottom: 0.5rem
        }

    @media (min-width: 0px) {
        .printing3d-materials__sidebar .printing3d-materials__sidebar__subsets h3, .printing3d-materials__sidebar .printing3d-materials__sidebar__subsets-details h3 {
            font-size: 1.125rem
        }
    }

    @media (min-width: 768px) {
        .printing3d-materials__sidebar .printing3d-materials__sidebar__subsets h3, .printing3d-materials__sidebar .printing3d-materials__sidebar__subsets-details h3 {
            font-size: 1.5rem
        }
    }

    .printing3d-materials__sidebar .printing3d-materials__sidebar__subsets img, .printing3d-materials__sidebar .printing3d-materials__sidebar__subsets-details img {
        width: 100%;
        height: 12.5rem;
        object-fit: cover;
        margin-top: 1rem
    }

    .printing3d-materials__sidebar .printing3d-materials__sidebar__subsets .printing3d-materials__subsets-description, .printing3d-materials__sidebar .printing3d-materials__sidebar__subsets-details .printing3d-materials__subsets-description {
        color: rgba(0,0,0,0.56)
    }

    .printing3d-materials__sidebar .printing3d-materials__sidebar__subsets .printing3d-materials__subsets-item, .printing3d-materials__sidebar .printing3d-materials__sidebar__subsets-details .printing3d-materials__subsets-item {
        padding: 1rem 0;
        border-top: solid 1px rgba(0,0,0,0.13);
        display: flex;
        justify-content: space-between
    }

        .printing3d-materials__sidebar .printing3d-materials__sidebar__subsets .printing3d-materials__subsets-item:last-of-type, .printing3d-materials__sidebar .printing3d-materials__sidebar__subsets-details .printing3d-materials__subsets-item:last-of-type {
            border-bottom: solid 1px rgba(0,0,0,0.13)
        }

        .printing3d-materials__sidebar .printing3d-materials__sidebar__subsets .printing3d-materials__subsets-item:hover, .printing3d-materials__sidebar .printing3d-materials__sidebar__subsets-details .printing3d-materials__subsets-item:hover {
            background-color: rgba(0,0,0,0.03);
            color: rgba(0,0,0,0.69);
            cursor: pointer
        }

        .printing3d-materials__sidebar .printing3d-materials__sidebar__subsets .printing3d-materials__subsets-item p, .printing3d-materials__sidebar .printing3d-materials__sidebar__subsets-details .printing3d-materials__subsets-item p {
            padding-left: 1rem
        }

    @media (min-width: 0px) {
        .printing3d-materials__sidebar .printing3d-materials__sidebar__subsets .printing3d-materials__subsets-item p, .printing3d-materials__sidebar .printing3d-materials__sidebar__subsets-details .printing3d-materials__subsets-item p {
            font-size: 1rem
        }
    }

    @media (min-width: 768px) {
        .printing3d-materials__sidebar .printing3d-materials__sidebar__subsets .printing3d-materials__subsets-item p, .printing3d-materials__sidebar .printing3d-materials__sidebar__subsets-details .printing3d-materials__subsets-item p {
            font-size: 1.125rem
        }
    }

    .printing3d-materials__sidebar .printing3d-materials__sidebar__subsets .printing3d-materials__subsets-item i, .printing3d-materials__sidebar .printing3d-materials__sidebar__subsets-details .printing3d-materials__subsets-item i {
        font-size: 1rem;
        margin-right: 1rem;
        position: relative;
        top: 0.2rem
    }

    @media screen and (max-width: 767px) {
        .printing3d-materials__sidebar .printing3d-materials__sidebar__subsets, .printing3d-materials__sidebar .printing3d-materials__sidebar__subsets-details {
            padding-top: 0
        }
    }

    .printing3d-materials__sidebar .printing3d-materials__sidebar__subsets-details {
        z-index: 10002
    }

    .printing3d-materials__sidebar .printing3d-materials__subsets-content {
        padding: 0 1rem 1rem
    }

        .printing3d-materials__sidebar .printing3d-materials__subsets-content ul {
            list-style: none;
            border-top: solid 1px rgba(0,0,0,0.13)
        }

            .printing3d-materials__sidebar .printing3d-materials__subsets-content ul li {
                padding: 1rem 0;
                border-bottom: solid 1px rgba(0,0,0,0.13);
                display: flex;
                align-items: center
            }

                .printing3d-materials__sidebar .printing3d-materials__subsets-content ul li p {
                    flex-basis: 50%
                }

                    .printing3d-materials__sidebar .printing3d-materials__subsets-content ul li p:first-child {
                        color: rgba(0,0,0,0.56);
                        margin-right: 1.5rem
                    }

        .printing3d-materials__sidebar .printing3d-materials__subsets-content .printing3d-materials__subsets-applications {
            margin-bottom: 2.5rem
        }

            .printing3d-materials__sidebar .printing3d-materials__subsets-content .printing3d-materials__subsets-applications p:first-child {
                margin-top: 1rem;
                color: rgba(0,0,0,0.56);
                margin-bottom: 0.5rem
            }

    @media screen and (max-width: 767px) {
        .printing3d-materials__sidebar .printing3d-materials__subsets-content {
            padding-top: 5rem;
            padding-right: 0;
            padding-left: 0
        }
    }

    .printing3d-materials__sidebar .printing3d-materials__subsets-content--header {
        text-align: center;
        border-bottom: 1px solid rgba(0,0,0,0.13);
        margin-bottom: 2rem;
        padding-bottom: 1.2rem;
        position: relative
    }

        .printing3d-materials__sidebar .printing3d-materials__subsets-content--header i {
            position: absolute;
            left: 0;
            cursor: pointer
        }

            .printing3d-materials__sidebar .printing3d-materials__subsets-content--header i.printing3d-mobile--close-icon {
                right: 0;
                left: unset;
                top: 0
            }

    @media screen and (min-width: 768px) {
        .printing3d-materials__sidebar .printing3d-materials__subsets-content--header i.printing3d-mobile--close-icon {
            display: none
        }
    }

    .printing3d-materials__sidebar .printing3d-materials__subsets-content--header p {
        font-weight: bold
    }

    @media screen and (max-width: 767px) {
        .printing3d-materials__sidebar .printing3d-materials__subsets-content--header {
            position: fixed;
            width: 93%;
            max-width: 26.6rem;
            background-color: #fff;
            padding-top: 1rem;
            display: flex;
            justify-content: space-between
        }

            .printing3d-materials__sidebar .printing3d-materials__subsets-content--header i {
                position: relative
            }
    }

    .printing3d-materials__sidebar .printing3d-materials__subsets-content--header-material {
        display: none
    }

    @media screen and (max-width: 767px) {
        .printing3d-materials__sidebar .printing3d-materials__subsets-content--header-material {
            display: flex;
            justify-content: center;
            width: 93%;
            z-index: 10002
        }

            .printing3d-materials__sidebar .printing3d-materials__subsets-content--header-material i {
                position: absolute;
                top: 1rem
            }

                .printing3d-materials__sidebar .printing3d-materials__subsets-content--header-material i.printing3d-mobile--close-icon {
                    top: 1rem
                }
    }

    .printing3d-materials__black-overlay {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 10000;
        background-color: rgba(0,0,0,0.56)
    }

    .printing3d-materials {
        width: 100%
    }

        .printing3d-materials h3 {
            border-bottom: solid 1px #fff;
            padding-bottom: 1rem;
            margin-bottom: 0
        }

    @media (min-width: 0px) {
        .printing3d-materials h3 {
            font-size: 1rem
        }
    }

    @media (min-width: 768px) {
        .printing3d-materials h3 {
            font-size: 1.125rem
        }
    }

    @media screen and (max-width: 767px) {
        .printing3d-materials h3 {
            padding-bottom: 0.5rem
        }
    }

    .printing3d-materials__subsets-description {
        margin-bottom: 2rem
    }

    .printing3d-materials__list {
        display: flex
    }

        .printing3d-materials__list .printing3d-materials__list--section--left, .printing3d-materials__list .printing3d-materials__list--section--right {
            flex-basis: 50%;
            flex: 1
        }

    @media screen and (min-width: 768px) {
        .printing3d-materials__list .printing3d-materials__list--section--left:first-child, .printing3d-materials__list .printing3d-materials__list--section--right:first-child {
            padding-right: 2rem
        }
    }

    .printing3d-materials__list .printing3d-materials__list--section--left p, .printing3d-materials__list .printing3d-materials__list--section--right p {
        padding: 1rem 0 1rem 1rem;
        border-bottom: solid 1px rgba(255,255,255,0.24);
        position: relative
    }

    @media (min-width: 0px) {
        .printing3d-materials__list .printing3d-materials__list--section--left p, .printing3d-materials__list .printing3d-materials__list--section--right p {
            font-size: 1rem
        }
    }

    @media (min-width: 768px) {
        .printing3d-materials__list .printing3d-materials__list--section--left p, .printing3d-materials__list .printing3d-materials__list--section--right p {
            font-size: 1.125rem
        }
    }

    @media (max-width: 768px) {
        .printing3d-materials__list .printing3d-materials__list--section--left p, .printing3d-materials__list .printing3d-materials__list--section--right p {
            padding: 1rem 0;
            padding-right: 1rem
        }
    }

    .printing3d-materials__list .printing3d-materials__list--section--left p span, .printing3d-materials__list .printing3d-materials__list--section--right p span {
        color: rgba(255,255,255,0.38);
        margin-left: 1rem
    }

    .printing3d-materials__list .printing3d-materials__list--section--left p img, .printing3d-materials__list .printing3d-materials__list--section--right p img {
        display: none;
        position: absolute;
        z-index: 9998;
        right: 0;
        top: 0;
        width: 50%;
        height: 14.5rem;
        object-fit: cover
    }

    .printing3d-materials__list .printing3d-materials__list--section--left p i, .printing3d-materials__list .printing3d-materials__list--section--right p i {
        display: none;
        position: absolute;
        right: 0;
        top: 1.2rem;
        font-size: 1rem
    }

    .printing3d-materials__list .printing3d-materials__list--section--left p:hover, .printing3d-materials__list .printing3d-materials__list--section--right p:hover {
        background-color: rgba(255,255,255,0.06);
        color: rgba(255,255,255,0.77);
        cursor: pointer
    }

        .printing3d-materials__list .printing3d-materials__list--section--left p:hover img, .printing3d-materials__list .printing3d-materials__list--section--right p:hover img {
            display: block;
            border-radius: 0
        }

    @media screen and (max-width: 860px) {
        .printing3d-materials__list .printing3d-materials__list--section--left p:hover img, .printing3d-materials__list .printing3d-materials__list--section--right p:hover img {
            display: none
        }
    }

    .printing3d-materials__list .printing3d-materials__list--section--left.no-hover p:hover, .printing3d-materials__list .printing3d-materials__list--section--right.no-hover p:hover {
        cursor: default;
        color: #fff;
        background: none
    }

    .printing3d-materials__list .printing3d-materials__list--section--left .printing3d-materials__list--section, .printing3d-materials__list .printing3d-materials__list--section--right .printing3d-materials__list--section {
        margin-top: 4rem
    }

    @media screen and (max-width: 767px) {
        .printing3d-materials__list {
            flex-direction: column
        }

            .printing3d-materials__list .printing3d-materials__list--section--right {
                margin-top: 4rem
            }

            .printing3d-materials__list .printing3d-materials__list--section:first-child {
                padding-right: 0;
                margin-top: 0
            }

            .printing3d-materials__list .printing3d-materials__list--section--metals {
                margin-bottom: 3rem
            }

            .printing3d-materials__list .printing3d-materials__list--section p i {
                display: block
            }
    }

    .printing3d__materials-fallback {
        display: none
    }

    .printing3d__finishes-fallback {
        display: none
    }

    .printing3d-materials__list--section.no-hover a {
        text-decoration: none;
        color: #fff
    }

    .printing3d__network {
        text-align: center
    }

        .printing3d__network h2 {
            margin-bottom: 0.5rem
        }

            .printing3d__network h2 + p {
                font-size: 1.125rem;
                color: rgba(0,0,0,0.56)
            }

    .printing3d__network-cards {
        display: flex;
        margin-top: 4rem
    }

    @media screen and (max-width: 1024px) {
        .printing3d__network-cards {
            display: none
        }
    }

    .printing3d__network-cards__column {
        display: flex;
        flex-direction: column;
        margin-right: 2rem
    }

        .printing3d__network-cards__column h4 {
            margin-bottom: 0
        }

        .printing3d__network-cards__column:nth-child(2) .printing3d__network-card {
            margin-bottom: 0
        }

        .printing3d__network-cards__column:last-child {
            margin-right: 0
        }

    .printing3d__network-card {
        text-align: left;
        margin-bottom: 2rem
    }

        .printing3d__network-card h4 {
            font-size: .875rem;
            margin-top: 0.7rem
        }

    .printing3d__network-card--no-image {
        text-align: center;
        position: static;
        height: 41%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        color: #5252f2;
        background-color: #ededfc
    }

        .printing3d__network-card--no-image h4 {
            color: #5252f2;
            font-size: 3.25rem
        }

        .printing3d__network-card--no-image p {
            font-size: 1.5rem
        }

    .printing3d__network-card .mobile-img {
        display: none
    }

    .printing3d__network-card .printing3d__network-card--content {
        position: relative
    }

        .printing3d__network-card .printing3d__network-card--content ul {
            display: none;
            position: absolute;
            bottom: 0.3rem;
            width: 100%;
            padding: 1rem;
            background-color: rgba(0,0,0,0.77);
            color: white
        }

            .printing3d__network-card .printing3d__network-card--content ul li {
                display: flex
            }

                .printing3d__network-card .printing3d__network-card--content ul li p {
                    flex: 1;
                    flex-basis: 50%
                }

                .printing3d__network-card .printing3d__network-card--content ul li:first-child {
                    margin-bottom: 0.5rem
                }

                .printing3d__network-card .printing3d__network-card--content ul li:nth-child(2) {
                    padding: 0.5rem 0;
                    border-top: 1px solid rgba(255,255,255,0.24);
                    border-bottom: 1px solid rgba(255,255,255,0.24)
                }

                .printing3d__network-card .printing3d__network-card--content ul li:last-child {
                    margin-top: 0.5rem
                }

    .printing3d__network-card:hover ul {
        display: block
    }

    .printing3d__network-cards--mobile {
        display: none;
        position: relative;
        margin-top: 2rem
    }

    @media screen and (max-width: 1024px) {
        .printing3d__network-cards--mobile {
            display: block
        }
    }

    .printing3d__network-cards--mobile .printing3d__network-card--mobile {
        background-color: rgba(0,0,0,0.03);
        margin-bottom: 2rem
    }

        .printing3d__network-cards--mobile .printing3d__network-card--mobile h4 {
            text-align: left;
            margin-top: 2rem;
            margin-left: 1rem
        }

        .printing3d__network-cards--mobile .printing3d__network-card--mobile .printing3d__network-card--content {
            text-align: left
        }

            .printing3d__network-cards--mobile .printing3d__network-card--mobile .printing3d__network-card--content ul {
                padding: 1rem;
                color: #000
            }

                .printing3d__network-cards--mobile .printing3d__network-card--mobile .printing3d__network-card--content ul li {
                    display: flex
                }

                    .printing3d__network-cards--mobile .printing3d__network-card--mobile .printing3d__network-card--content ul li p {
                        flex: 1;
                        flex-basis: 50%
                    }

                    .printing3d__network-cards--mobile .printing3d__network-card--mobile .printing3d__network-card--content ul li:first-child {
                        margin-bottom: 0.5rem
                    }

                    .printing3d__network-cards--mobile .printing3d__network-card--mobile .printing3d__network-card--content ul li:nth-child(2) {
                        padding: 0.5rem 0;
                        border-top: 1px solid rgba(0,0,0,0.13);
                        border-bottom: 1px solid rgba(0,0,0,0.13)
                    }

                    .printing3d__network-cards--mobile .printing3d__network-card--mobile .printing3d__network-card--content ul li:last-child {
                        margin-top: 0.5rem
                    }

        .printing3d__network-cards--mobile .printing3d__network-card--mobile.no-image {
            height: 57rem;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            color: #5252f2;
            background-color: #ededfc
        }

            .printing3d__network-cards--mobile .printing3d__network-card--mobile.no-image h4 {
                color: #5252f2;
                font-size: 3.25rem
            }

            .printing3d__network-cards--mobile .printing3d__network-card--mobile.no-image p {
                font-size: 1.5rem
            }

    @media screen and (max-width: 768px) {
        .printing3d__network-cards--mobile .printing3d__network-card--mobile.no-image {
            height: 42rem
        }
    }

    @media screen and (max-width: 425px) {
        .printing3d__network-cards--mobile .printing3d__network-card--mobile.no-image {
            height: 29rem
        }
    }

    .printing3d__network-cards--mobile .printing3d__network-card--mobile .mobile-img {
        display: block
    }

        .printing3d__network-cards--mobile .printing3d__network-card--mobile .mobile-img + .desktop-img {
            display: none
        }

    .printing3d__network-cards--mobile .siema.siema--with-controls.siema--full-width {
        max-height: 53rem
    }

    .printing3d__network-cards--mobile .siema__dots {
        bottom: 0rem
    }

    @media screen and (max-width: 340px) {
        .printing3d__network-cards--mobile .siema__dots {
            bottom: 2rem
        }
    }

    .printing3d__network-cards--mobile .siema__arrow {
        display: none
    }

    .process-comparison-title {
        max-width: 25rem;
        text-align: center;
        display: block;
        margin: 5rem auto 0 auto
    }

        .process-comparison-title span {
            display: block
        }

    .process-comparison-container {
        margin-top: 4rem
    }

    @media screen and (max-width: 767px) {
        .process-comparison-container {
            margin-top: 2rem
        }
    }

    .process-comparison-table {
        display: none
    }

        .process-comparison-table td, .process-comparison-table th {
            font-size: 1rem;
            vertical-align: baseline;
            color: rgba(255,255,255,0.86)
        }

        .process-comparison-table table thead th {
            border-bottom: 1px solid white;
            font-weight: bold;
            color: rgba(255,255,255,0.86)
        }

        .process-comparison-table thead:not(:empty) ~ tbody td {
            color: rgba(255,255,255,0.86)
        }

            .process-comparison-table thead:not(:empty) ~ tbody td:first-child {
                color: rgba(255,255,255,0.62)
            }

    .process-comparison-select {
        font-size: .875rem;
        line-height: 2rem;
        display: block;
        background-color: rgba(255,255,255,0.1);
        color: white;
        height: 2.5rem;
        line-height: 2.5rem;
        padding: 0 1rem;
        margin-top: 0.5rem;
        width: 100%;
        text-transform: uppercase
    }

    .comparison-table-mobile {
        margin-top: 0.5rem;
        display: block
    }

        .comparison-table-mobile .comparison-element {
            border-bottom: 1px solid rgba(255,255,255,0.24);
            padding: 1rem 0
        }

    @media screen and (min-width: 769px) {
        .process-comparison-select-title, .process-comparison-select, .comparison-table-mobile {
            display: none
        }

        .process-comparison-table {
            display: block
        }
    }

    .content-text h2.printing3d__post-processing {
        margin-bottom: 4rem
    }

    @media screen and (max-width: 767px) {
        .content-text h2.printing3d__post-processing {
            margin-bottom: 2rem
        }
    }

    .section--usps {
        margin: 6rem 1.5rem
    }

    .usps__usp-card {
        max-width: 36rem;
        margin: 1.5rem 0
    }

    .usps__usp-card-content {
        max-height: 0;
        height: 0;
        overflow: hidden;
        margin-right: 2rem
    }

    .usps__usp-card p {
        margin: 1rem 0
    }

    .usps__usp-card--is-open .usps__usp-card-content {
        height: auto;
        max-height: none
    }

    .usps_usp-card-title {
        display: flex;
        cursor: pointer
    }

        .usps_usp-card-title svg {
            flex-shrink: 0;
            vertical-align: middle;
            margin-right: 0.9rem;
            width: 20px;
            height: 20px
        }

            .usps_usp-card-title svg path {
                fill: white
            }

    .usps__illustration {
        width: 100%;
        max-width: 748px;
        margin-top: -4rem
    }

    .usps__usp-caret {
        margin-left: auto
    }

    .usps__usp-card .usps__usp-caret::before {
        content: "\e5cf"
    }

    .usps__usp-card--is-open .usps__usp-caret::before {
        content: "\e5ce"
    }

    @media (max-width: 60rem) {
        .usps__usp-card {
            max-width: unset
        }

        .section--usps a.usps__usp-card-cta, .section--usps a.usps__usp-card-cta:hover, .section--usps a.usps__usp-card-cta:active, .section--usps a.usps__usp-card-cta:visited {
            font-weight: 500;
            color: #767af5;
            text-decoration: underline
        }

        .usps__usp-card p {
            margin: 0.5rem 0
        }

        .usps__usp-card-content .usps__illustration {
            display: block;
            max-width: 30rem;
            margin: 0 auto
        }

        .usps__illustrations {
            display: none
        }
    }

    @media (min-width: 960px) {
        .section--usps {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            height: 34rem
        }

        .usps__text {
            max-width: 35rem;
            margin-left: auto
        }

            .usps__text h2 {
                max-width: 30rem;
                line-height: 1.33
            }

        .usps .split-section__side--usps {
            overflow: hidden
        }

        .usps__usp-card-content {
            padding-left: 2.25rem;
            transition-property: max-height;
            transition-duration: 0.4s;
            transition-timing-function: cubic-bezier(0, 1, 0.5, 1)
        }

        .usps__usp-card--is-open .usps__usp-card-content {
            height: auto;
            max-height: 17.5rem
        }

        .usps__usp-card-content .usps__illustration {
            display: none
        }

        .usps__illustrations {
            position: relative
        }

            .usps__illustrations .usps__illustration {
                position: absolute;
                opacity: 100;
                transition-property: opacity;
                transition-duration: 3s;
                transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
                margin-top: 1rem
            }

            .usps__illustrations .usps__illustration--hidden {
                position: absolute;
                opacity: 0
            }

        a.usps__usp-card-cta {
            border-radius: 3px;
            cursor: pointer;
            display: inline-block;
            line-height: 40px;
            font-weight: 500;
            letter-spacing: 0.01rem;
            padding: 0 1rem;
            text-align: center;
            text-decoration: none;
            text-shadow: none;
            transition: background-color 0.15s ease-out;
            height: 2.5rem;
            white-space: nowrap;
            background-color: #5252f2;
            box-shadow: none;
            color: #fff !important
        }

            a.usps__usp-card-cta:hover, a.usps__usp-card-cta:focus {
                outline: none;
                background-color: #2d208c
            }

            a.usps__usp-card-cta:active {
                outline: none;
                background-color: #0e0047
            }
    }

    .modal-overlay {
        background-color: rgba(0,0,0,0.77);
        display: none;
        left: 0;
        height: 100vh;
        position: fixed;
        top: 0;
        width: 100vw;
        z-index: 10000
    }

        .modal-overlay.active {
            display: block
        }

    .modal-overlay__close-button.icon {
        font-size: 3rem;
        color: #fff;
        cursor: pointer;
        display: block;
        position: absolute;
        right: 1rem;
        top: 0.2rem
    }

    .modal-overlay .modal-body {
        background: #fff;
        color: rgba(0,0,0,0.56);
        border-radius: 3px;
        box-sizing: border-box;
        font-size: 1rem;
        left: 50%;
        max-height: 100%;
        max-width: 100%;
        overflow: auto;
        padding: 1.5rem;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 25rem
    }

    .modal-overlay .modal-body--medium {
        min-width: 35rem
    }

    .modal-overlay .modal-body--large {
        min-width: 45rem
    }

    .modal-overlay .modal-body  {
        margin-top: 2rem
    }

    .modal-overlay .modal-body__header {
        color: rgba(0,0,0,0.85);
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 1rem
    }

    @media only screen and (max-width: 767px) {
        .modal-overlay__close-button.icon {
            font-size: 2.5rem;
            top: 0;
            right: 0.2rem
        }
    }

    .panel {
        display: flex;
        flex-direction: column;
        padding: 1.5rem;
        padding-top: 2rem
    }

    .panel--grey {
        background-color: rgba(0,0,0,0.03);
        width: 24.375rem;
        height: 14.25rem
    }

        .panel--grey .material-icons {
            position: relative;
            top: 0.26rem
        }

        .panel--grey .job-location {
            font-weight: normal
        }

    .panel--hover:hover {
        background-color: rgba(0,0,0,0.03)
    }

    .panel--outline {
        border: 1px solid rgba(0,0,0,0.21);
        border-radius: 3px
    }

    .panel__title {
        font-weight: 500;
        color: #000;
        margin-bottom: 0rem;
        line-height: 157%
    }

    @media (min-width: 0px) {
        .panel__title {
            font-size: .875rem;
            line-height: 20px
        }
    }

    @media (min-width: 768px) {
        .panel__title {
            font-size: 1rem;
            line-height: unset
        }
    }

    .panel--grey .panel__title {
        margin-bottom: 1rem
    }

    .panel__text {
        color: rgba(0,0,0,0.56);
        font-size: .875rem;
        line-height: 20px
    }

    .panel__separator {
        margin-top: auto;
        margin-bottom: 1.5rem;
        border: solid rgba(0,0,0,0.21);
        border-width: 0 0 1px 0
    }

    .panel__separator-grey {
        border-color: rgba(255,255,255,0.1)
    }

    .panel__separator-bold {
        border-width: 0px 0px 2px 0px
    }

    .panel--grey .panel__separator {
        margin-bottom: 1rem
    }

    .panel__cta {
        color: #5252f2;
        font-size: .75rem;
        font-weight: 500;
        text-decoration: none;
        padding: 0
    }

    .panel--grey .panel__cta {
        width: 6rem;
        height: 2rem;
        border-radius: 3px;
        background-color: #5252f2;
        color: #fff;
        padding: 0.45rem 0;
        text-align: center;
        align-self: flex-end
    }

    .panel__image {
        display: block;
        width: 100%;
        height: 10rem;
        background-size: cover;
        background-position: center center
    }

    @media only screen and (min-width: 560px) and (max-width: 767px) {
        .panel__image {
            height: 14rem
        }
    }

    @media only screen and (max-width: 425px) {
        .panel--grey {
            width: 100%
        }
    }

    @media only screen and (max-width: 320px) {
        .panel--grey {
            width: 73%
        }
    }



    .tag--info {
        background-color: #006fff;
        color: #fff
    }

    table {
        border-collapse: collapse;
        margin: 1.5rem 0;
        table-layout: fixed;
        width: 100%;
        word-wrap: break-word;
        line-height: 140%
    }

    @media (min-width: 0px) {
        table {
            font-size: .875rem;
            line-height: 20px
        }
    }

    @media (min-width: 768px) {
        table {
            font-size: 1.125rem;
            line-height: unset
        }
    }

    thead {
        text-align: left
    }

    th {
        padding: 0 1rem 1.5rem;
        font-weight: normal;
        border-bottom: 1px solid rgba(0,0,0,0.85);
        font-size: .875rem
    }

    td {
        padding: 0.15rem;
    }

    th:empty {
        padding: 0;
        border-bottom: 1px solid rgba(0,0,0,0.21)
    }

    .section--black table th, .section--black table td, .section--grey table th, .section--grey table td, .section--dark-grey table th, .section--dark-grey table td {
        border-bottom: 1px solid rgba(255,255,255,0.24)
    }

    .section--black thead:not(:empty) ~ tbody td, .section--grey thead:not(:empty) ~ tbody td, .section--dark-grey thead:not(:empty) ~ tbody td {
        color: #fff
    }

    .section--black thead:empty, .section--grey thead:empty, .section--dark-grey thead:empty {
        border-bottom: 1px solid rgba(255,255,255,0.21);
        display: table-caption
    }

        .section--black thead:empty ~ tbody td:not(:first-child), .section--grey thead:empty ~ tbody td:not(:first-child), .section--dark-grey thead:empty ~ tbody td:not(:first-child) {
            color: #fff
        }

    .u-table-style--medium-narrow table th:not(:empty) {
        padding: 0.5rem 0.5rem 0.5rem 0
    }

    .u-table-style--medium-narrow table td {
        padding: 1rem 1rem 1rem 0
    }

    .u-table-style--narrow table th:not(:empty), .u-table-style--narrow table td {
        padding: 0.5rem 0.5rem 0.5rem 0
    }

    .u-table-style--auto-copy table {
        table-layout: auto
    }

        .u-table-style--auto-copy table th:not(:empty) {
            padding: 0.5rem 0.5rem 0.5rem 0
        }

        .u-table-style--auto-copy table td {
            padding: 1rem 1rem 1rem 0
        }

            .u-table-style--auto-copy table td:first-child {
                vertical-align: baseline;
                color: rgba(255,255,255,0.38);
                padding-right: 3rem
            }

    @media screen and (max-width: 768px) {
        .u-table-style--auto-copy table td:first-child {
            padding-right: 1rem
        }
    }

    .material-table {
        table-layout: auto
    }

        .material-table td {
            padding-top: 0.5rem;
            padding-bottom: 0.5rem
        }

        .material-table th {
            font-size: .875rem;
            line-height: 20px;
            border-bottom-color: rgba(0,0,0,0.21);
            padding-bottom: 0.5rem
        }

            .material-table th:first-of-type, .material-table td:first-of-type {
                padding-left: 0
            }

            .material-table th:last-of-type, .material-table td:last-of-type {
                padding-right: 0
            }

    .specs-table td {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        vertical-align: top;
        text-align: left
    }


    .footer-menu {
        display: flex;
        flex-wrap: wrap
    }

    .footer-menu__container {
        flex: 1;
        padding-right: 1rem
    }

    .footer-menu__title {
        font-weight: 500
    }

    .footer-menu__list {
        list-style: none
    }

        .footer-menu__list li {
            margin-top: 0.6rem
        }

    .footer-menu__link {
        text-decoration: none;
        margin-top: 1rem
    }

    .footer-menu__link--phone {
        margin-top: 0
    }

    .footer-menu__link.footer-menu__link--phone a {
        color: #767af5;
        text-decoration: none
    }

    li.footer-menu__socials-list {
        display: flex
    }

    .footer-menu__link--social {
        margin-left: 1.0rem
    }

    .footer-menu__link svg {
        height: 14px;
        fill: rgba(255,255,255,0.62)
    }

    .footer-menu a {
        color: rgba(255,255,255,0.62)
    }

    .footer__copyright {
        color: rgba(255,255,255,0.24);
        font-size: .75rem
    }

    .footer__bottom {
        display: flex;
        justify-content: space-between
    }

        .footer__bottom label, .footer__bottom div {
            margin-top: auto
        }

    @media only screen and (max-width: 1080px) {
        .footer-menu__container {
            margin-top: 1rem;
            flex: 0 0 33%
        }
    }

    @media only screen and (max-width: 680px) {
        .footer-menu__container {
            margin-top: 0.5rem;
            flex: 1 1 50%
        }

        .footer-menu__list li {
            margin-top: 0.25rem
        }

        .footer__bottom {
            flex-direction: column-reverse
        }

            .footer__bottom .language-switcher {
                text-align: left;
                margin-bottom: 1rem
            }
    }

    .section {
        margin: 2.5rem 1.5rem
    }

    .section--short {
        margin: 2rem 2rem
    }

    .section--tall {
        margin: 6.5rem 1rem
    }

.section--tall_mobile {
    margin:3.5rem 1rem
}

    .section--with-border {
        border: 1px solid rgba(0,0,0,0.13);
        margin-top: -1px
    }

    .split-section {
        display: grid;
        grid-template-columns: repeat(2, 1fr)
    }

    .split-section__side {
        padding: 2.5rem 2rem
    }

    .split-section__side--center, .split-section__side--vcenter {
        display: flex;
        flex-direction: column
    }

    .split-section__side--center {
        align-items: center
    }

        .split-section__side--center .split-section__inner {
            margin: auto 0;
            text-align: center;
            width: 90%
        }

    .split-section__side--vcenter .split-section__inner {
        margin: auto 0
    }

    .section--square {
        min-height: 50vw
    }

    .header_padding {
        padding: 0 1rem
    }

    .section--with-cta {
        padding-bottom: 4rem
    }

        .section--with-cta .section__title {
            text-align: center;
            margin-top: 8rem;
            color: #fff
        }

    @media (min-width: 0px) {
        .section--with-cta .section__title {
            font-size: 1rem;
            line-height: 120%
        }
    }

    @media (min-width: 768px) {
        .section--with-cta .section__title {
            font-size: 1.5rem;
            line-height: 120%
        }
    }

    .section.section--no-top-margin {
        margin-top: 0
    }

    @media (max-width: 600px) {
        .section--square {
            min-height: 100vw
        }

        .split-section {
            grid-template-columns: repeat(1, 1fr)
        }

        .split-section__side--center .split-section__inner {
            margin: 1rem 0;
            width: 80%
        }
    }

    @media only screen and (min-width: 768px) {
        .section {
            margin: 4rem 3.5rem
        }

        .split-section__side {
            padding: 3rem 3.5rem
        }

        .section--tall {
            margin: 3rem 3.5rem
        }
    }

    @media only screen and (min-width: 1224px) {
        .section {
            margin-top: 5rem;
            margin-bottom: 5rem
        }

            .section:not(.split-section--no-contain) {
                width: 47.5rem;
                margin-left: auto;
                margin-right: auto
            }

        .split-section:not(.split-section--no-contain) .split-section__side {
            width: 35rem
        }

        .split-section:not(.split-section--no-contain) .split-section__side--left {
            margin-left: auto;
            padding-left: 0
        }

        .split-section.split-section--flex-contain .split-section__side--left {
            margin-left: 15%;
            padding-left: 0
        }

        .split-section__side--center .split-section__inner {
            width: 70%
        }

        .section--small:not(.split-section--no-contain) {
            width: 40rem
        }

        .section--medium:not(.split-section--no-contain) {
            width: 51.5rem
        }

        .section--large:not(.split-section--no-contain) {
            width: 70rem
        }

        .section--extra-large:not(.split-section--no-contain) {
            margin: 5rem 3.5rem;
            max-width: 80rem;
            width: auto
        }

        .section--short {
            margin: 2rem auto
        }

        .section--tall {
            margin: 3.5rem auto
        }
    }

    @media only screen and (min-width: 1392px) {
        .section--extra-large:not(.split-section--no-contain) {
            margin: 3rem auto
        }

        .section--tall:not(.split-section--no-contain) {
            margin: 4.0rem auto
        }

        .section--short:not(.split-section--no-contain) {
            margin: 2rem auto
        }
    }

    @media only screen and (min-width: 1440px) {
        .section--square {
            min-height: 45vw
        }
    }

    .section--padded {
        padding-top: 3rem;
        padding-bottom: 3rem
    }

    .section--extra-padded {
        padding-top: 7.5rem;
        padding-bottom: 7.5rem
    }

    .section--no-margin {
        margin-top: 0;
        margin-bottom: 0
    }

    .section--grey-on-white {
        background-color: rgba(0,0,0,0.03);
        overflow: hidden
    }

    .section--grey {
        background-color: rgba(255,255,255,0.06);
        overflow: hidden
    }

    .section--dark-grey {
        background-color: #000000;
        color: #fff;
        padding-top: 1px;
        padding-bottom: 1px
    }

    .section--black {
        background-color: #000;
        color: rgba(255,255,255,0.62);
        overflow: hidden
    }

    @media only screen and (max-width: 959px) {
        .section--split {
            flex-direction: column
        }
    }

    .section--split {
        display: flex
    }

    .section__column {
        flex: 1
    }

    @media only screen and (min-width: 960px) {
        .section__column:first-child {
            padding-right: 3rem
        }

        .section__column:last-child {
            padding-left: 3rem
        }
    }

    @media only screen and (min-width: 1400px) {
        .section__column:first-child {
            padding-right: 4.75rem
        }

        .section__column:last-child {
            padding-left: 4.75rem
        }
    }

    .material-carousel-image {
        display: flex;
        justify-content: center;
        position: relative;
        flex: 1;
        background-position: center;
        background-size: cover;
        min-height: 45vw
    }

        .material-carousel-image img {
            width: 100%;
            height: 50vw;
            object-fit: cover;
            border-radius: 0
        }

    .material-carousel-image__label {
        font-size: .875rem;
        line-height: 20px;
        font-weight: 500;
        position: absolute;
        bottom: 3.5rem;
        color: #000;
        background-color: #fff;
        border-radius: 0.15em;
        padding: 0 0.4em;
        max-width: 90%
    }

    .siema {
        position: relative;
        overflow: hidden
    }

    .siema--white {
        background-color: #fff
    }

    .siema .section--square {
        height: 100%
    }

    .siema__controls {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        pointer-events: none;
        background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
    }

    .siema--responsive-controls .siema__dots {
        display: none
    }

    .siema__arrow {
        position: absolute;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        pointer-events: auto;
        z-index: 100
    }

    .siema__arrow--inactive {
        display: none
    }

    .siema__arrow span {
        cursor: hand;
        padding: 0.5rem;
        background-color: #000;
        color: #fff;
        border-radius: 50%
    }

    .section--black .siema__arrow span {
        background-color: #000;
        color: #fff
    }

    .siema__arrow span:hover {
        background-color: #000;
        color: #fff
    }

    .siema__arrow--back {
        left: 1em
    }

    .siema__arrow--forward {
        right: 1em
    }

    .siema__dots {
        width: 100%;
        bottom: 2rem;
        position: absolute;
        left: 0;
        display: flex;
        justify-content: center
    }

    .siema__dots__item {
        width: 0.5rem;
        height: 0.5rem;
        margin: 0 0.25rem;
        border: 0;
        background-color: rgba(0,0,0,0.34);
        border-radius: 50%;
        outline: 0;
        cursor: pointer;
        pointer-events: auto
    }

    .siema__dots__item--active {
        background: #191919
    }

    .section--black .siema__dots__item {
        background-color: rgba(255,255,255,0.24)
    }

    .section--black .siema__dots__item--active {
        background-color: rgba(255,255,255,0.24)
    }

    .section--black .siema__arrow span {
        background-color: #262626;
        color: #fff
    }

    .material-slider {
        height: 50vw
    }

    @media only screen and (max-width: 768px) {
        .siema__dots {
            bottom: 1rem
        }

        .material-carousel-image__label {
            bottom: 2.5rem
        }

        .siema--responsive-controls .siema__dots {
            display: block;
            text-align: center
        }

        .siema--responsive-controls .siema__dots__item {
            display: inline-block
        }

        .siema--responsive-controls .siema__arrow {
            display: none
        }

        .siema--full-width .section--square {
            min-height: 80vw;
            margin: 0
        }

        .material-slider {
            height: auto
        }

            .material-slider .siema {
                min-height: unset
            }
    }

    .materials-hero {
        text-align: center
    }

    .materials-table__desktop {
        display: none
    }

    @media (min-width: 768px) {
        .materials-table__mobile {
            display: none
        }

        .materials-table__desktop {
            display: block
        }
    }

    .highlight-table__header {
        display: flex
    }

    .materials-table__title {
        display: flex
    }

    .materials-table__mobile-material:nth-of-type(1) {
        border-top: 1px solid rgba(0,0,0,0.21)
    }

    .materials-table__mobile-material {
        padding: 1rem 0;
        border-bottom: 1px solid rgba(0,0,0,0.21)
    }

    .materials-table__title-image {
        background-size: cover;
        background-position-x: 5rem;
        height: 4rem;
        margin-right: 2rem;
        width: 4rem
    }

    @media (max-width: 768px) {
        .materials-table__title-image {
            margin-right: 1.3rem
        }
    }

    .materials-table__title-text {
        align-self: center
    }

    .materials-table__learn-more {
        color: #5252f2;
        margin-right: 1rem
    }

    .highlight-table__all-link {
        color: #5252f2 !important;
        text-decoration: underline !important;
        margin-left: auto
    }

    @media (min-width: 0px) {
        .highlight-table__all-link {
            font-size: .875rem;
            line-height: 20px
        }
    }

    @media (min-width: 768px) {
        .highlight-table__all-link {
            font-size: 1rem;
            line-height: unset
        }
    }

    .materials__price {
        margin-right: -3px;
        opacity: 0.5
    }

    .materials__price--dark {
        margin-right: -3px;
        opacity: 1;
        font-weight: 500
    }

    .materials-process {
        display: flex;
        flex-direction: column;
        padding: 1.5rem;
        padding-top: 2rem;
        border: 1px solid rgba(0,0,0,0.21);
        border-radius: 3px
    }

    .materials-process__learn-more {
        color: #5252f2;
        font-size: .75rem;
        font-weight: 500;
        text-decoration: none;
        padding: 0
    }

    .geo-materials__technologies {
        margin-bottom: 7rem
    }

    .materials-technology {
        border: 1px solid #dedee2;
        border-radius: 3px;
        display: grid;
        grid-template-columns: 1fr 2fr
    }

    .materials-technology__image {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center
    }

    .materials-hero {
        margin-top: 6rem;
        margin-bottom: 6rem
    }

    .materials-hero__header {
        margin-top: 0.2rem;
        margin-bottom: 2rem;
        padding: 0 1rem
    }

    .materials-hero__description {
        max-width: 37rem;
        display: inline-block;
        padding: 0 1rem
    }

    .materials-hero__cta {
        margin: 2rem
    }

    .materialtype-hero {
        background-color: #000;
        overflow: auto;
        color: rgba(255,255,255,0.62)
    }

        .materialtype-hero h1 {
            color: #fff
        }

    .breadcrumb--materials {
        margin-top: 2rem
    }

    @keyframes opacityFadeIn {
        0% {
            opacity: 0
        }

        100% {
            opacity: 1
        }
    }

    .capabilities__cta-block {
        margin-top: 4.5rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        order: 3;
        width: 100%
    }

        .capabilities__cta-block {
            width: 100%
        }

            .capabilities__cta-block  {
                margin-bottom: 0.25rem
            }

    .capabilities__container {
        display: flex;
        flex-wrap: wrap
    }

    .capabilities__block-title {
        text-align: center
    }

    .capabilities__download-icon {
        font-family: "Material Icons";
        font-size: 1rem;
        font-weight: normal;
        font-style: normal;
        display: inline-block;
        line-height: 150%;
        text-transform: none;
        letter-spacing: normal;
        word-wrap: normal;
        white-space: nowrap
    }

    .capabilities__panel {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap
    }

        .capabilities__panel:first-child {
            margin-left: 0
        }

        .capabilities__panel:last-child {
            margin-right: 0
        }

    .capabilities__panel-image {
        order: 1;
        height: auto
    }

    .capabilities__title-container {
        margin-top: 2rem;
        order: 2;
        height: 5.5rem
    }

    .capabilities__title, .capabilities__panel-text, .capabilities__panel-specs-table, .capabilities__panel-text {
        z-index: 1;
        position: relative;
        padding: 0 1.5rem
    }

    .capabilities__panel-text {
        padding-bottom: 1.5rem;
        height: 3rem
    }

    .capabilities__spec-container {
        display: flex;
        width: 100%;
        order: 4
    }

    .capabilities__spec-row {
        display: flex;
        flex-direction: column;
        width: 100%
    }

        .capabilities__spec-row:not(:last-child) {
            margin-right: 2rem
        }

    .capabilities__spec {
        justify-content: space-between;
        display: flex;
        flex-direction: row
    }

    a.capabilities__spec-url, a.capabilities__spec-url:visited {
        color: #33ab85 !important
    }

    .capabilities__spec-title, .capabilities__spec-label {
        z-index: 1;
        padding: 1rem 0.5rem 1rem 0
    }

    .capabilities__spec-label {
        text-align: right
    }

    .capabilities__spec-title {
        flex: 2;
        padding-right: 1rem;
        color: rgba(255,255,255,0.62)
    }

    .capabilities__button {
        width: calc(100% - 3rem);
        display: block;
        margin: 0 1.5rem
    }

    .capabilities__material-url {
        display: block;
        text-align: center;
        font-weight: 500;
        color: #767af5 !important;
        text-decoration: none;
        padding: 0;
        margin: 1.5rem 0 1rem
    }

    @media only screen and (max-width: 1391px) {
        .capabilities__section {
            margin: 0
        }
    }

    @media only screen and (max-width: 1200px) {
        .capabilities__spec-container label {
            flex: 1 1 100%
        }

        .capabilities__spec-title {
            padding: 1rem 0 0 0
        }
    }

    @media screen and (max-width: 1024px) {
        .capabilities__title-container {
            margin-left: 2rem;
            margin-bottom: 1.5rem
        }

        .capabilities__block-title {
            text-align: left
        }

        .capabilities__title-container .capabilities__download-button {
            display: none
        }

        .capabilities__panel-close-button, .capabilities__panel-handle {
            display: none
        }

        .capabilities__container {
            flex-direction: column
        }

        .capabilities__section {
            margin: 0 1rem
        }

        .capabilities__panel {
            overflow: hidden;
            margin: 0 0 0.5rem 0;
            max-width: unset;
            max-height: 3.2rem;
            padding-bottom: 4rem;
            display: block
        }

            .capabilities__panel.active {
                margin-left: 0;
                max-width: unset;
                max-height: unset;
                display: block
            }

            .capabilities__panel.active {
                height: unset;
                overflow: visible
            }

        .capabilities__panel-content {
            display: none
        }

        .capabilities__panel.active .capabilities__panel-content {
            display: block
        }

        .capabilities__title {
            color: #fff;
            margin-top: 1rem;
            display: block
        }

            .capabilities__title::after {
                /* font-family: "Material Icons";
            content: "chevron_right";
            font-size: 2rem;
            transform: rotate(90deg);
            float: right*/
            }

        .capabilities__panel.active .capabilities__title::after {
            transform: rotate(-90deg)
        }

        .capabilities__panel.active .capabilities__title {
            margin-bottom: 1rem
        }

        .capabilities__spec-container {
            padding: 0 1.5rem
        }

            .capabilities__spec-container label {
                padding-top: 1rem;
                flex: 1 1 50%
            }

        .capabilities__spec {
            flex-direction: row
        }

        .capabilities__spec-label {
            text-align: right
        }

        .capabilities__spec-title {
            margin-top: 0
        }

        .capabilities__spec-container {
            flex-direction: column
        }

        .capabilities__block-title {
            text-align: left
        }

        .capabilities__title-container {
            margin-bottom: 0.5rem;
            margin-left: 0
        }
    }

    @media screen and (min-width: 1025px) {
        .capabilities__container {
            width: 100%;
            position: relative;
            height: 35rem;
            transition: height .3s
        }

        .capabilities__cta-block {
            margin-top: 4rem
        }

        .capabilities__panel {
            position: absolute;
            height: 35rem;
            user-select: none;
            background-color: rgba(255,255,255,0.1);
            cursor: pointer;
            align-content: flex-start;
            transition: width .3s,height .3s,left .3s,right .3s,padding .3s
        }

            .capabilities__panel:hover:not(.capabilities__panel--open) {
                background-color: rgba(255,255,255,0.15)
            }

                .capabilities__panel:hover:not(.capabilities__panel--open) .capabilities__panel-handle {
                    display: block;
                    position: absolute;
                    top: 50%;
                    right: 0
                }

                .capabilities__panel:hover:not(.capabilities__panel--open).capabilities__panel--opens-left .capabilities__panel-handle {
                    left: 0
                }

        .capabilities__panel--open .capabilities__panel-handle {
            display: block;
            position: absolute;
            top: 50%;
            right: 0
        }

        .capabilities__panel--open.capabilities__panel--opens-left .capabilities__panel-handle {
            left: 0
        }

        .capabilities__panel--open .capabilities__panel-text {
            padding-left: 2rem;
            padding-right: 2rem;
            height: unset
        }

        .capabilities__panel--open .capabilities__title-container {
            overflow: hidden;
            margin-top: 1.5rem;
            height: unset
        }

        .capabilities__panel--open .capabilities__title {
            padding-left: 2rem;
            padding-right: 2rem
        }
    }

    @media screen and (min-width: 1025px) and (min-width: 0px) {
        .capabilities__panel--open .capabilities__title {
            font-size: 1.5rem;
            line-height: 120%
        }
    }

    @media screen and (min-width: 1025px) and (min-width: 768px) {
        .capabilities__panel--open .capabilities__title {
            font-size: 2.25rem;
            line-height: 120%
        }
    }

    @media screen and (min-width: 1025px) {
        .capabilities__panel--open .capabilities__cta-block {
            opacity: 0;
            animation: opacityFadeIn .3s;
            animation-delay: .3s;
            animation-fill-mode: forwards;
            width: unset;
            margin-right: 0;
            margin-left: auto;
            margin-top: 0;
            order: 6;
            display: flex;
            flex-direction: row-reverse;
            padding-left: 2rem;
            padding-right: 2rem
        }

            .capabilities__panel--open .capabilities__cta-block  {
                width: unset;
                margin-bottom: 2rem;
                margin-left: 0.5rem
            }

        .capabilities__panel--open .capabilities__panel-close-button {
            display: block
        }

        .capabilities__panel--open .capabilities__spec-container {
            transition: opacity .3s;
            transition-delay: .3s;
            opacity: 1;
            height: unset;
            pointer-events: all;
            padding: 0 2rem 2rem 2rem
        }

        .capabilities__panel--open .capabilities__panel-image-wrapper {
            height: 20.5rem
        }

        .capabilities__spec {
            border-bottom: 1px solid rgba(255,255,255,0.1)
        }

            .capabilities__spec:first-of-type {
                border-top: 1px solid rgba(255,255,255,0.1)
            }

        .capabilities__panel-handle {
            display: none
        }

        .capabilities__panel-image-wrapper {
            display: flex;
            align-items: flex-start;
            height: 15.5rem;
            max-width: 27rem;
            margin-top: 1rem;
            margin-left: auto;
            margin-right: auto;
            transition: margin 0s,height .3s
        }

        .capabilities__spec-container {
            height: 0;
            opacity: 0;
            pointer-events: none;
            color: #fff
        }

        .capabilities__panel-close-button {
            top: 0;
            position: absolute;
            right: 0;
            margin: 1rem;
            display: none
        }
    }


    .mynavbar {
        margin-top: 24px;
        min-height: 60px;
        transition: top 0.2s linear;
        z-index: 999;
        width: 100%;
        background: transparent;
        border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    }

    @media screen and (max-width: 1199px) {
        .mynavbar {
            /*border-bottom: 1px solid rgba(255,255,255,0.15)*/
        }
    }

    .mynavbar.is-active {
        background: #000;
        position: fixed;
        top: 0;
        left: 0;
        right: 0
    }

    .mynavbar__primary-cta {
        margin-left: auto;
        display: none
    }

    @media screen and (max-width: 767px) {
        .mynavbar__primary-cta {
            margin-left: auto
        }
    }

    @media screen and (max-width: 1199px) {
        .mynavbar__primary-cta {
            display: block
        }
    }

    .navbar_item {
        position: relative;
        justify-content: space-around;
        min-width: 5.25rem;
        display: block
    }

    .navbar_item--4-columns {
        flex-basis: 25%;
        margin-top: 1.25rem
    }

    @media screen and (max-width: 1199px) {
        .navbar_item--4-columns:first-of-type {
            margin-top: 0
        }
    }

    @media screen and (max-width: 1350px) and (min-width: 1200px) {
        .navbar_item--4-columns {
            flex-basis: 33%
        }
    }

    .navbar_item--flex {
        width: 100%
    }

    @media screen and (max-width: 1199px) {
        .navbar_item--flex {
            padding-top: 3.5rem
        }
    }

    @media screen and (min-width: 1200px) {
        .navbar_item--flex {
            display: flex;
            flex-grow: 0
        }
    }

    @media screen and (min-width: 1200px) {
        .navbar_item--mobile {
            display: none
        }
    }

    @media screen and (min-width: 1200px) {
        .navbar_item {
            position: static
        }
    }

    @media screen and (max-width: 1305px) {
        span.navbar_item--hide {
            display: none
        }
    }

    .navbar_item--cta1 {
        padding: 0 4px 0 16px;
        font-weight: 500
    }

    .navbar_item--cta2 {
        padding: 0 16px 0 4px;
        font-weight: 500
    }

    .mynavbar__link {
        color: #fff;
        line-height: 1.5rem;
        text-decoration: none;
        outline: none;
        cursor: pointer
    }

    .mynavbar__link--pre-title {
        color: rgba(255,255,255,0.38);
        margin: 1rem 0 0.5rem 0
    }

    @media (min-width: 0px) {
        .mynavbar__link--pre-title {
            font-size: .75rem;
            line-height: 17px
        }
    }

    @media (min-width: 768px) {
        .mynavbar__link--pre-title {
            font-size: .875rem;
            line-height: 20px
        }
    }

    .mynavbar__link--pre-title:first-child {
        margin-top: 0.5rem
    }

    @media screen and (min-width: 1200px) {
        .mynavbar__link--pre-title:first-child {
            margin-top: 0
        }
    }

    .mynavbar__link--grey {
        color: rgba(255,255,255,0.38)
    }

    .mynavbar__link--with-image {
        align-items: center;
        background-color: rgba(255,255,255,0.1);
        border-radius: 8px;
        color: white;
        display: flex;
        font-size: 20px;
        justify-content: space-between;
        padding: 0 0.5rem 0 1rem;
        margin-bottom: 0.5rem;
        text-decoration: none;
        height: 5.1875rem;
        transition: background-color 0.2s
    }

    @media screen and (max-width: 1199px) {
        .mynavbar__link--with-image {
            font-size: 0.875rem;
            height: auto
        }

            .mynavbar__link--with-image:first-child {
                margin-top: 1rem
            }

            .mynavbar__link--with-image:last-child {
                margin-bottom: 1rem
            }
    }

    .mynavbar__link--with-image:hover {
        background-color: rgba(255,255,255,0.15)
    }

    .mynavbar__link-text {
        flex: 1
    }

    .mynavbar__link-image {
        flex-basis: 6rem;
        margin: 0.5rem 0 0.5rem 1rem;
        height: 4.8125rem;
        width: 5.5rem
    }

    .mynavbar__logo {
        fill: #fff;
        stroke: #fff
    }

.mynavbar.is-fixed {
    padding-right: inherit;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}

    .mynavbar__brand {
        min-height: 64px;
        display: flex;
        align-items: center;
        margin-left: 1rem
    }

        .mynavbar__brand .mynavbar__logo--mobile {
            display: none
        }

    @media screen and (max-width: 1199px) {
        .mynavbar__brand .mynavbar__logo {
            display: none
        }

        .mynavbar__brand .mynavbar__logo--mobile {
            display: block;
            font-size: 15px;
            font-weight: 500;
            font-family: "Graphik Web", sans-serif;
            color: white;
            letter-spacing: 0.5px
        }
    }

    .mynavbar__hamburger {
        color: white;
        display: none;
        font-size: 1.5rem;
        margin-right: 1rem;
        margin-left: 0.5rem;
        z-index: 120000
    }

        /*.mynavbar__hamburger:after {
        content: "menu"
    }*/

        .mynavbar__hamburger.is-active:after {
            content: "close"
        }

    .mynavbar__divider {
        display: none
    }

    .mynavbar__user-avatar {
        height: 2rem;
        border-radius: 50%;
        display: block;
        float: left
    }

    .mynavbar__user {
        margin: 1.5rem 0.75rem 0.75rem 0.75rem;
        display: flex
    }

    .mynavbar__user-details {
        color: rgba(0,0,0,0.85);
        font-size: .875rem;
        line-height: 20px;
        line-height: 100%;
        margin-left: 1rem;
        overflow-x: hidden
    }

        .mynavbar__user-details div {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis
        }

    .mynavbar__user-email {
        margin-top: 0.375rem;
        color: rgba(0,0,0,0.56);
        font-size: .75rem
    }

    .mynavbar__user-name {
        color: #000;
        font-weight: 500
    }

    .mynavbar__user-avatar {
        height: 2rem;
        border-radius: 50%
    }

        .mynavbar__user-avatar.material-icons {
            font-size: 2rem;
            color: transparent;
            width: 2rem;
            height: 2rem;
            -webkit-text-stroke-width: 2px;
            -webkit-text-stroke-color: rgba(255,255,255,0.62);
            line-height: normal
        }

    .navbar_dropdown {
        display: none;
        pointer-events: all
    }

    .detail__item--show .navbar_dropdown, .is-clickable.is-clicked .navbar_dropdown {
        display: block
    }

    .mynavbar.is-fixed .navbar_dropdown-panel {
        top: 4rem
    }

    .navbar_dropdown-panel {
        display: flex;
        position: absolute;
        left: 0;
        height: 28rem;
        z-index: 10
    }

        .navbar_dropdown-panel .mynavbar__panel-nav {
            flex: 0;
            flex-shrink: 0;
            flex-basis: 100%
        }

    @media screen and (min-width: 1200px) {
        .navbar_dropdown-panel .mynavbar__panel-nav {
            flex-basis: 25rem;
            border-right: 1px solid rgba(255,255,255,0.15);
            padding: 2rem 2rem 2rem 0
        }
    }

    .navbar_dropdown-panel .mynavbar__panel-detail {
        flex: 1
    }

    @media screen and (min-width: 1200px) {
        .navbar_dropdown-panel .mynavbar__panel-detail {
            padding: 2rem 0 2rem 2rem
        }
    }

    .navbar_dropdown-panel .mynavbar__panel-detail .detail__item {
        display: none
    }

    .navbar_dropdown-panel .mynavbar__panel-detail .detail__item-article {
        padding: 0 1rem
    }

        .navbar_dropdown-panel .mynavbar__panel-detail .detail__item-article a {
            text-decoration: none
        }

        .navbar_dropdown-panel .mynavbar__panel-detail .detail__item-article img {
            width: 432px;
            height: 274px;
            background: #262626
        }

        .navbar_dropdown-panel .mynavbar__panel-detail .detail__item-article p {
            margin: 1rem 0;
            font-weight: 500;
            color: #fff
        }

        .navbar_dropdown-panel .mynavbar__panel-detail .detail__item-article:hover p {
            color: rgba(255,255,255,0.62)
        }

    .navbar_dropdown-panel .mynavbar__panel-detail .detail__item.detail__item--show ~ .detail__item--default {
        display: none
    }

    .navbar_dropdown-panel .mynavbar__panel-detail .detail__item--default, .navbar_dropdown-panel .mynavbar__panel-detail .detail__item.detail__item--show {
        display: flex;
        flex-wrap: wrap;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 10;
        background: black
    }

    @media screen and (max-width: 1199px) {
        .navbar_dropdown-panel .mynavbar__panel-detail .detail__item--default, .navbar_dropdown-panel .mynavbar__panel-detail .detail__item.detail__item--show {
            overflow: scroll;
            padding-top: 0.5rem
        }
    }

    @media screen and (min-width: 1200px) {
        .navbar_dropdown-panel .mynavbar__panel-detail .detail__item--default, .navbar_dropdown-panel .mynavbar__panel-detail .detail__item.detail__item--show {
            position: static
        }

            .navbar_dropdown-panel .mynavbar__panel-detail .detail__item--default > *, .navbar_dropdown-panel .mynavbar__panel-detail .detail__item.detail__item--show > * {
                flex: 1;
                flex-basis: 50%;
                flex-direction: column;
                flex-shrink: 0
            }

            .navbar_dropdown-panel .mynavbar__panel-detail .detail__item--default > .navbar_item--4-columns, .navbar_dropdown-panel .mynavbar__panel-detail .detail__item.detail__item--show > .navbar_item--4-columns {
                flex-basis: 25%
            }
    }

    .mynavbar__banner-wrapper {
        float: right;
        color: white;
        align-self: flex-end;
        margin-left: auto;
        margin-right: 1rem
    }

    @media screen and (max-width: 1199px) {
        .mynavbar__banner-wrapper {
            margin-right: 0
        }
    }

    .is-clicked .navbar_dropdown-panel {
        display: flex;
        justify-content: flex-start
    }

    @media (max-width: 1199px) {
        .mynavbar__panel-detail .detail__item.detail__item--default {
            display: none
        }

        .mynavbar {
            min-height: 55px;
            margin-top: 0;
        }

        .mynavbar__brand {
            min-height: 55px;
        }

        .detail__item-article {
            display: none
        }

        .mynavbar .message-banner {
            margin: 0 -1rem;
            padding: 0.75rem 1rem
        }

        .navbar_dropdown-panel {
            position: static;
            height: auto
        }

        .mynavbar__link.has-arrow {
            color: rgba(255,255,255,0.86);
            font-weight: 400
        }

        .navbar_dropdown-panel-section {
            width: 100%
        }

        .mynavbar__link--expand::after, .mynavbar__link.has-arrow::after {
            border: 2px solid rgba(255,255,255,0.86);
            border-right: 0;
            border-top: 0;
            content: " ";
            display: block;
            height: 0.7em;
            pointer-events: none;
            position: absolute;
            transform: rotate(-45deg);
            transition: transform 0.2s;
            width: 0.7em;
            margin-top: -0.4em;
            right: 0.5rem;
            top: 50%
        }

        .is-clicked > .mynavbar__link--expand::after {
            transform: rotate(-225deg);
            top: 3%;
            display: block
        }

        .is-clicked .mynavbar__link.has-arrow::after {
            display: none
        }

        .is-clickable.is-clicked:not(.navbar_item--dropdown) {
            display: block;
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            height: 100%;
            background: #000;
            z-index: 1;
            margin: 0
        }

        .detail__item .mynavbar__link.mynavbar__link--title::before, .is-clickable.is-clicked > .mynavbar__link.has-arrow::before {
            font-family: "Material Icons";
            content: "chevron_left";
            position: fixed;
            left: 0.4rem;
            font-size: 1.6rem
        }

        .detail__item .mynavbar__link.mynavbar__link--title, .is-clickable.is-clicked > .mynavbar__link.has-arrow {
            font-size: 16px;
            font-weight: 500;
            text-align: center;
            padding: 1.1rem;
            left: 0;
            top: 0;
            position: fixed;
            width: 100%;
            background: black;
            z-index: 1000;
            border-bottom: 1px solid #595959
        }

        .detail__item--show .navbar_dropdown-card, .is-clickable.is-clicked .navbar_dropdown-card {
            min-height: 100%;
            overflow: scroll;
            padding: 0 1rem;
            margin-top: 0.75rem
        }

        .is-clickable.is-clicked .navbar_dropdown {
            min-height: 100%;
            overflow: scroll
        }

        .mynavbar__link.navbar_link--flag {
            display: flex;
            align-items: center
        }

            .mynavbar__link.navbar_link--flag img {
                margin-right: 0.5rem;
                height: 15px
            }

        .mynavbar__account {
            display: none !important
        }

        .mynavbar__hamburger {
            display: block
        }
    }

    @media (max-width: 1199px) and (min-width: 0px) {
        .mynavbar__link {
            font-size: .875rem;
            line-height: 20px
        }
    }

    @media (max-width: 1199px) and (min-width: 768px) {
        .mynavbar__link {
            font-size: 1rem;
            line-height: unset
        }
    }

    @media (max-width: 1199px) {
        .mynavbar__divider {
            display: block;
            border: none;
            height: 1px;
            background-color: rgba(255,255,255,0.38)
        }

        .mynavbar__link {
            padding: 0;
            color: white
        }

        .mynavbar__link--main-link {
            font-weight: 500
        }

        .mynavbar__link.mynavbar__link--offset {
            display: block;
            margin-top: 1rem;
            margin-bottom: -0.5rem
        }

        .navbar_item--cta1, .navbar_item--cta2 {
            display: none
        }

        .navbar_dropdown .navbar_item {
            margin: 0.5rem 0
        }

        .navbar_dropdown .navbar_item--spaced {
            margin: 1.5rem 0
        }

        .navbar_dropdown .navbar_item small {
            display: none
        }

        .navbar_item {
            padding: 0;
            margin: 1rem 0;
            width: 100%
        }

        .navbar_item--narrow {
            padding: 0;
            margin: 0.5rem 0
        }

        .mynavbar__menu {
            display: none;
            padding: 0 1rem
        }

            .mynavbar__menu.is-active {
                display: flex;
                position: fixed;
                top: 56px;
                left: 0;
                right: 0;
                bottom: 0;
                background-color: #000;
                z-index: 9999;
                flex-direction: column;
                justify-content: space-between
            }

                .mynavbar__menu.is-active:not(.no-overflow) {
                    overflow: scroll
                }

        #navbar__menu:after {
            content: "";
            position: fixed;
            height: 4rem;
            top: auto;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 3;
            pointer-events: none
        }

        #mynavbar__user .navbar_dropdown {
            display: block
        }

        .mynavbar__user {
            margin: 4rem 0 0 0
        }

        .mynavbar__panel-link {
            text-decoration: none;
            color: #fff
        }

        .mynavbar__user-email {
            font-size: .875rem;
            line-height: 20px;
            color: rgba(255,255,255,0.62)
        }

        .mynavbar__user-name {
            color: rgba(255,255,255,0.86)
        }
    }

    @media (max-width: 1199px) and (min-width: 0px) {
        .mynavbar__user-name {
            font-size: .875rem;
            line-height: 20px
        }
    }

    @media (max-width: 1199px) and (min-width: 768px) {
        .mynavbar__user-name {
            font-size: 1rem;
            line-height: unset
        }
    }

    @media (max-width: 1199px) {
        .mynavbar__end {
            position: relative
        }

            .mynavbar__end .mynavbar__book-a-demo {
                position: absolute;
                right: 0;
                bottom: 4.75rem
            }
    }

    @media (min-width: 1200px) {
        .mynavbar__link:hover, .mynavbar__link:active {
            color: rgba(255,255,255,0.62)
        }

        .mynavbar__link--hide-desktop {
            display: none
        }

        .mynavbar__panel-detail {
            display: flex
        }

        .mynavbar__main-links {
            position: absolute;
            display: flex;
            left: 0;
            justify-content: center;
            flex-grow: 1;
            width: 100%;
            pointer-events: none
        }

            .mynavbar__main-links .mynavbar__link--main-link {
                color: #fff;
                font-weight: 500;
                text-align: center;
                margin: 0 0rem;
                padding: 0 1rem;
                /*            border-bottom: 2px solid transparent;
*/ transition: border-bottom-color 0.25s;
                height: 4rem;
                display: flex;
                align-items: center;
                pointer-events: all
            }

                .mynavbar__main-links .mynavbar__link--main-link:hover {
                    /*border-bottom: 2px solid #5252f2*/
                }

        .is-clicked > .mynavbar__link--expand {
            border-bottom: 2px solid #5252f2
        }

        .mynavbar, .mynavbar__menu, .mynavbar__end {
            align-items: stretch;
            display: flex;
        }

            .mynavbar .message-banner, .mynavbar__menu .message-banner, .mynavbar__end .message-banner {
                display: none
            }

        .navbar__menu--mobile-top {
            display: flex;
            flex-grow: 1
        }

            .navbar__menu--mobile-top .mynavbar__end {
                align-self: center;
                align-items: center
            }

        .mynavbar__end.navbar__menu--mobile-bottom {
            flex-grow: 0
        }

        .mynavbar__brand {
            flex-grow: 0;
            flex-shrink: 1
        }

        .mynavbar__menu, .mynavbar__end {
            flex-grow: 1;
            flex-shrink: 0
        }

        .mynavbar__end {
            justify-content: flex-end;
            margin-left: auto
        }

        .navbar_dropdown-panel .mynavbar__link:not(.mynavbar__link--main-link).mynavbar__link--title {
            margin-top: 0;
            color: rgba(255,255,255,0.38)
        }
    }

    @media (min-width: 1200px) and (min-width: 0px) {
        .navbar_dropdown-panel .mynavbar__link:not(.mynavbar__link--main-link).mynavbar__link--title {
            font-size: .75rem;
            line-height: 17px
        }
    }

    @media (min-width: 1200px) and (min-width: 768px) {
        .navbar_dropdown-panel .mynavbar__link:not(.mynavbar__link--main-link).mynavbar__link--title {
            font-size: .875rem;
            line-height: 20px
        }
    }

    @media (min-width: 1200px) {
        .navbar_dropdown {
            left: 0;
            min-width: 100%;
            z-index: 1001;
            cursor: default
        }

        .navbar_dropdown--offset-top {
            top: 2.5rem
        }

        .navbar_dropdown--floating {
            background: white;
            border-radius: 3px;
            left: unset;
            min-width: unset;
            position: absolute;
            right: 1rem;
            z-index: 2
        }

            .navbar_dropdown--floating .navbar_dropdown-card {
                display: block
            }

                .navbar_dropdown--floating .navbar_dropdown-card .mynavbar__link {
                    color: rgba(0,0,0,0.69);
                    margin: 0;
                    padding: 1rem
                }

                .navbar_dropdown--floating .navbar_dropdown-card .navbar_link--narrow {
                    padding-top: 0.5rem;
                    padding-bottom: 0.5rem
                }

                .navbar_dropdown--floating .navbar_dropdown-card .navbar_link--flag {
                    font-size: .875rem;
                    display: flex;
                    justify-content: flex-start;
                    padding: 0.75rem
                }

                    .navbar_dropdown--floating .navbar_dropdown-card .navbar_link--flag:first-child {
                        margin-top: 0.5rem
                    }

                    .navbar_dropdown--floating .navbar_dropdown-card .navbar_link--flag:last-child {
                        margin-bottom: 0.5rem
                    }

                    .navbar_dropdown--floating .navbar_dropdown-card .navbar_link--flag img {
                        width: 1.5rem;
                        height: 1.5rem;
                        margin-right: 0.75rem
                    }

                .navbar_dropdown--floating .navbar_dropdown-card .mynavbar__link:hover {
                    color: #4845d9;
                    background-color: #ededfc
                }

        .is-clickable {
            cursor: pointer
        }

        .navbar_dropdown.is-right {
            left: auto;
            right: 2.6rem
        }

            .navbar_dropdown.is-right .navbar_dropdown-card {
                border-radius: 0 0 0 3px
            }

        .navbar_dropdown-card {
            display: flex;
            flex-wrap: wrap;
            color: white
        }

        .navbar_dropdown-card--extra-margin {
            margin-top: -1.25rem
        }

        .navbar_dropdown-panel {
            background: #000;
            border-top: 1px solid rgba(255,255,255,0.15);
            box-shadow: 0 5px 10px 0 rgba(0,0,0,0.5);
            width: 100%
        }

        .navbar_dropdown-panel-section {
            display: flex;
            margin: 0 auto;
            width: 100%;
            max-width: 85rem
        }

        .navbar_dropdown-card .navbar_item {
            margin: 1rem 0
        }

        .navbar_dropdown-panel .navbar_dropdown-card .navbar_item {
            margin: 0.5rem 0;
            line-height: 1rem
        }

        .navbar_dropdown-panel .navbar_dropdown-card .navbar_item--spaced {
            margin: 1.5rem 0
        }

        .navbar_dropdown-card .navbar_item {
            font-size: .875rem;
            min-width: 12rem;
            white-space: nowrap;
            display: block
        }

            .navbar_dropdown-card .navbar_item:first-of-type {
                margin-top: 0.75rem
            }

            .navbar_dropdown-card .navbar_item:last-of-type {
                margin-bottom: 0.75rem
            }

        .navbar_dropdown-panel .navbar_dropdown-card .mynavbar__link {
            font-size: 14px
        }

            .navbar_dropdown-panel .navbar_dropdown-card .mynavbar__link:hover {
                color: rgba(0,0,0,0.77)
            }

        .navbar_dropdown-card .mynavbar__divider {
            display: block;
            border: none;
            height: 1px;
            background-color: rgba(0,0,0,0.13);
            margin: 0 0.75rem
        }

        .navbar_dropdown-card .mynavbar__user-avatar.material-icons {
            -webkit-text-stroke-color: rgba(0,0,0,0.77)
        }

        .navbar_dropdown-panel .mynavbar__link:not(.mynavbar__link--main-link) {
            font-size: 19px;
            margin-top: 0.5rem
        }

        .mynavbar__panel-link {
            text-decoration: none;
            color: white
        }

            .mynavbar__panel-link:hover {
                color: rgba(255,255,255,0.62)
            }

       
        .mynavbar__link--button:hover {
            border-color: #fff
        }

        .mynavbar__link.has-arrow {
            padding-right: 1.2em
        }

            .mynavbar__link.has-arrow::after {
                border: 1px solid rgba(255,255,255,0.62);
                border-right: 0;
                border-top: 0;
                content: " ";
                display: none;
                height: 0.5em;
                pointer-events: none;
                position: absolute;
                transform: rotate(-45deg);
                width: 0.5em;
                margin-top: -0.4em;
                right: 1.125em;
                top: 50%
            }

        #mynavbar__user {
            align-self: center;
            padding-left: 0.5rem;
            min-width: auto;
            padding-right: 1.5rem;
            position: relative
        }

    }

    .testimonials {
        border: 2px solid #191919;
        text-align: center
    }

    .testimonials--loading {
        opacity: 0
    }

    .testimonials__title {
        text-align: center
    }

    @media screen and (min-width: 1024px) {
        .testimonials__title {
            margin-bottom: 6.5rem
        }
    }

    .testimonials__controls-container {
        position: relative
    }

    .testimonials__controls {
        position: absolute;
        display: flex;
        justify-content: space-between;
        width: 100%;
        margin: 0 auto;
        pointer-events: none;
        padding: 0 2rem;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 1;
        max-width: 94rem
    }

    @media (max-width: 768px) {
        .testimonials__controls {
            top: 10rem;
            left: 0;
            padding: unset;
            transform: unset;
            margin-left: 1rem;
            margin-right: 1rem;
            width: calc(100% - 2rem);
            z-index: unset
        }
    }

    .testimonial__control {
        color: #000;
        cursor: pointer;
        background: rgba(255,255,255,0.38);
        border-radius: 50%;
        height: 2rem;
        width: 2rem;
        pointer-events: all;
        z-index: 10
    }

        .testimonial__control span {
            position: relative;
            top: 0.25rem;
            left: 0.25rem
        }

    .testimonial {
        padding-left: 2rem;
        padding-right: 2rem;
        height: 25rem;
        position: relative
    }

    .testimonial__image img {
        filter: gray;
        -webkit-filter: grayscale(1);
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        display: block;
        margin: 0 auto;
        border-radius: 50%;
        max-width: 4.5rem;
        margin-bottom: 3.5rem
    }

    .testimonial__body {
        max-width: 22rem;
        margin: 0 auto;
        margin-bottom: 4.125rem
    }

    @media (min-width: 0px) {
        .testimonial__body {
            font-size: 1rem
        }
    }

    @media (min-width: 768px) {
        .testimonial__body {
            font-size: 1.25rem
        }
    }

    .testimonial__signature {
        color: rgba(255,255,255,0.62);
        margin: 0 auto;
        bottom: 0;
        left: 0;
        width: 100%;
        position: absolute
    }

    @media (min-width: 0px) {
        .testimonial__signature {
            font-size: .875rem;
            line-height: 20px
        }
    }

    @media (min-width: 768px) {
        .testimonial__signature {
            font-size: 1rem;
            line-height: unset
        }
    }

    @media (max-width: 1024px) {
        .testimonial__signature {
            position: relative;
            width: calc(100% + 4rem);
            margin-left: -2rem
        }
    }

    .testimonial__signature-logo {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        text-align: left;
        align-items: center;
        padding: 0 2rem
    }

        .testimonial__signature-logo img {
            max-width: 168px;
            height: auto;
            max-height: 48px;
            object-fit: contain
        }

    @media screen and (max-width: 1024px) {
        .testimonial__signature-logo {
            padding: 0;
            justify-content: space-around
        }
    }

    .testimonial__signature-name {
        color: #fff
    }

    .case-studies__image {
        background-size: cover;
        background-position: center center;
        height: 40rem
    }

    .case-studies__image--no-margin {
        margin: 0
    }

    .case-studies__image-description {
        margin-top: 0.5rem;
        display: block
    }

    .case-studies__content {
        padding: 3rem 5rem
    }

    .case-studies__title {
        margin-top: 6.5rem
    }

    @media (max-width: 768px) {
        .case-studies__content {
            padding-top: 0
        }
    }

    .case-studies__content-subtitle {
        line-height: 140%;
        margin-bottom: 2.5rem
    }

    .case-studies__content-list {
        margin-top: 3rem
    }

    @media (max-width: 959px) {
        .siema .case-studies__content-list {
            display: none
        }

        .case-studies__image {
            height: 20rem;
            margin-left: 0;
            margin-right: 0;
            max-width: 100%
        }

        h2.case-studies__title {
            line-height: 28px;
            margin-top: 0.5rem;
            margin-bottom: 1.5rem
        }

        .case-studies__content-subtitle {
            margin-top: 0;
            margin-bottom: 0.5rem
        }

        .case-studies__content {
            padding: 0
        }

        a.case-study--read-more {
            padding: 0 0 1rem 0;
            margin-top: 0rem;
            height: auto;
            background-color: #000;
            color: #767af5 !important;
            text-decoration: underline
        }

        a.case-study--read-more-white {
            background-color: #fff;
            color: #767af5 !important
        }

        a.case-study--read-more:hover {
            background-color: #000
        }

        a.case-study--read-more-white:hover {
            background-color: #fff
        }

        .case-studies__image-description {
            display: none
        }
    }

    @media (min-width: 768px) {
        .siema--full-width .case-studies__content {
            padding: 0
        }
    }

    .case-studies .siema__arrow--back {
        left: calc((100vw - 80rem) / 2 / 2);
        transform: translateX(-50%)
    }

    .case-studies .siema__arrow--forward {
        right: calc((100vw - 80rem) / 2 / 2);
        transform: translateX(-50%)
    }

    @media only screen and (max-width: 1450px) {
        .case-studies .siema__arrow--back {
            left: 3.5rem
        }

        .case-studies .siema__arrow--forward {
            right: 0rem
        }
    }

    .message-banner, #message-banner {
        font-size: .75rem;
        position: fixed;
        z-index: 1010;
        width: 100%;
        display: flex;
        justify-content: center;
        background-color: #000000;
        min-height: 2rem;
        transition-property: height;
        transition-duration: 0.2s;
        transition-timing-function: cubic-bezier(0, 1, 0.5, 1)
    }

    @media screen and (max-width: 1199px) {
        #message-banner {
            display: none;
        }
    }

    #message-banner.message-banner.message-banner--primary, .message-banner.message-banner--primary {
        background-color: #27274d;
        border-top: 2px solid #767af5
    }

        #message-banner.message-banner.message-banner--primary #message-banner__close, .message-banner.message-banner--primary #message-banner__close {
            color: #b9b9f9
        }

        #message-banner.message-banner.message-banner--primary .message-banner__text, .message-banner.message-banner--primary .message-banner__text {
            color: #b9b9f9
        }

    .message-banner__links {
        color: #fff;
        display: flex;
        height: 100%;
        position: absolute;
        right: 0;
        margin-right: 1.5rem
    }

        .message-banner__links a {
            margin-right: 1rem;
            text-decoration: none
        }

    #message-banner__close {
        position: absolute;
        padding: 0.5rem 1.05rem;
        right: 0;
        color: #fff;
        cursor: pointer;
        top: 50%;
        transform: translateY(-50%)
    }

    #message-banner__message {
        display: flex
    }

    .message-banner__text {
        margin: auto 0;
        line-height: 100%;
        color: #fff
    }

        .message-banner__text.message-banner__flags {
            display: flex
        }

            .message-banner__text.message-banner__flags strong {
                vertical-align: middle;
                line-height: 15px
            }

            .message-banner__text.message-banner__flags img {
                height: 16px;
                margin-right: 0.5rem
            }

    .message-banner__icon {
        font-size: 0.8rem;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: auto 0;
        margin-right: 6px;
        padding-top: 3px;
        color: #fff
    }

    .message-banner__text a {
        color: inherit
    }

    .message-banner__text--phone a {
        text-decoration: none
    }

    .phone-banner__opening-hours {
        font-weight: 100;
        color: rgba(255,255,255,0.62)
    }

    .message-banner__text--phone p {
        display: inline-block
    }

    @media (max-width: 767px) {
        .message-banner__icon {
            padding-top: 0
        }

        .message-banner__text {
            max-width: 14.5rem;
            line-height: 1.1rem
        }
    }

    @media (max-width: 480px) {
        .message-banner__text--phone p {
            display: block
        }

        #message-banner {
            border-bottom: 1px solid rgba(0,0,0,0.34)
        }
    }

    @media (max-width: 413px) {
        .message-banner, #message-banner {
            justify-content: left
        }

        .message-banner__icon {
            margin-left: 0.6rem;
            margin-right: 0.6rem
        }
    }

    @media screen and (max-width: 1200px) {
        .message-banner__links {
            display: none
        }
    }

    a.materials-card-link-wrapper, a.materials-card-link-wrapper:hover, a.materials-card-link-wrapper:visited {
        color: #fff;
        text-decoration: none
    }

    .materials-card {
        box-shadow: 0 2px 5px 0 rgba(0,0,0,0.08);
        border-radius: 3px;
        cursor: pointer;
        display: grid;
        grid-template-columns: auto 7rem;
        grid-template-areas: "content image";
        height: 7rem
    }

    .materials-card__content {
        color: rgba(0,0,0,0.85);
        grid-area: content;
        margin-right: 1.5rem;
        overflow: hidden;
        padding: 1.5rem 0 1.5rem 2rem;
        white-space: nowrap
    }

        .materials-card__content h4 {
            overflow: hidden;
            text-overflow: ellipsis
        }

    .materials-card__image {
        background-position: center;
        background-size: cover;
        border-radius: 0 3px 3px 0;
        filter: brightness(0.98);
        grid-area: image
    }

    .materials-card__image--hover {
        align-items: center;
        grid-area: image;
        background-color: rgba(0,0,0,0.56);
        border-radius: 0 3px 3px 0;
        color: #fff;
        display: none;
        justify-content: center;
        z-index: 99
    }

    @media (min-width: 0px) {
        .materials-card__image--hover {
            font-size: .875rem;
            line-height: 20px
        }
    }

    @media (min-width: 768px) {
        .materials-card__image--hover {
            font-size: 1rem;
            line-height: unset
        }
    }

    .materials-card:hover .materials-card__image--hover, .materials-card__image--hover:hover {
        display: flex
    }

    .materials-card__description {
        display: none;
        font-size: .875rem;
        line-height: 20px;
        margin-bottom: 1rem;
        white-space: initial
    }

    .materials-card__option {
        display: inline;
        font-weight: 500;
        margin-right: 2rem
    }

    .materials-card__tooltip-container {
        display: none
    }

    @media only screen and (min-width: 1024px) {
        .materials-card {
            grid-template-columns: auto 12rem;
            height: 12rem
        }

        .materials-card__content {
            overflow: initial;
            white-space: initial;
            margin-right: 5rem
        }

        .materials-card__image {
            max-height: 12rem
        }

        .materials-card__description {
            display: block;
            height: 4rem;
            overflow: hidden
        }

        .materials-card__tooltip-container {
            cursor: default;
            display: inline;
            position: relative
        }

        .materials-card__tooltip {
            background-color: #000;
            color: #fff;
            border: 1px solid rgba(0,0,0,0.85);
            font-size: .875rem;
            line-height: 20px;
            border-radius: 3px;
            bottom: 1.75rem;
            display: none;
            font-weight: 400;
            left: -7.5rem;
            padding: 0.75rem 1rem;
            position: absolute;
            user-select: none;
            white-space: initial;
            width: 16rem;
            z-index: 9
        }

        .materials-card__info:hover ~ .materials-card__tooltip {
            display: block
        }

        .materials-card__tooltip::before, .materials-card__tooltip::after {
            content: "";
            position: absolute;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            top: 100%;
            left: 45%
        }

        .materials-card__tooltip::before {
            border-top: 10px solid rgba(0,0,0,0.85)
        }

        .materials-card__tooltip::after {
            border-top: 10px solid rgba(0,0,0,0.85);
            margin-top: -2px;
            z-index: 9
        }
    }

    @media only screen and (min-width: 1224px) {
        .materials-card__content {
            flex: 3.75
        }

        .materials-card__image {
            flex: 1.25
        }

        .materials-card__tooltip {
            left: -8.25rem;
            width: 18rem
        }

        .materials-card:hover {
            box-shadow: 0 4px 10px 0 rgba(0,0,0,0.08)
        }
    }

    .content-cta {
        box-shadow: 0 2px 5px 0 rgba(0,0,0,0.08);
        border-radius: 3px;
        cursor: pointer
    }

    .content-cta--dark {
        background-color: #000
    }

    .content-cta__content {
        color: rgba(0,0,0,0.69);
        padding: 1.5rem 2rem
    }

    .content-cta--dark .content-cta__content {
        color: #fff;
        -webkit-font-smoothing: antialiased
    }

    .content-cta__body {
        border-bottom: 1px solid rgba(0,0,0,0.21);
        padding-bottom: 1.75rem
    }

    .content-cta--dark .content-cta__body {
        border-color: #fff
    }

    .content-cta__link {
        font-weight: 500;
        padding-top: 1.5rem;
        color: #5252f2
    }

    a:hover .content-cta__link {
        color: #2d208c
    }

    .content-cta--dark .content-cta__link, a:hover .content-cta--dark .content-cta__link {
        color: #fff
    }

    .content-cta__image {
        display: none;
        background-position: center;
        background-size: cover;
        border-radius: 0 3px 3px 0
    }

    @media only screen and (min-width: 1224px) {
        .content-cta {
            display: grid;
            grid-template-columns: 3fr 1fr
        }

        .content-cta__image {
            display: block
        }
    }

    .fixed-parallax {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }

        .fixed-parallax a:visited {
            color: rgba(255,255,255,0.77)
        }

        .fixed-parallax a:hover {
            color: #fff
        }

    @media (min-width: 1025px) {
        .fixed-parallax:hover .homev2__hero-hover {
            opacity: 1
        }
    }

    .fixed-parallax:before {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        height: 100%;
        z-index: -1;
        background-position: center top;
        background-repeat: no-repeat;
        background-size: 120% auto
    }

    .fixed-parallax .content-mobile, .fixed-parallax .content {
        position: relative;
        overflow: hidden;
        -webkit-background-size: cover;
        background-size: cover;
        background-attachment: fixed;
        background-position: center center;
        height: 30rem
    }

    @media screen and (max-width: 1024px) {
        .fixed-parallax .content-mobile, .fixed-parallax .content {
            height: 14rem
        }
    }

    @media (max-width: 767px) {
        .fixed-parallax .content-mobile {
            display: block
        }

        .fixed-parallax .content {
            display: none
        }
    }

    @media (min-width: 768px) {
        .fixed-parallax .content-mobile {
            display: none
        }

        .fixed-parallax .content {
            display: block
        }
    }

    [data-mobile-panel] {
        display: flex;
        flex-direction: row
    }

        [data-mobile-panel] .step {
            flex: 1;
            display: flex;
            flex-direction: column
        }

            [data-mobile-panel] .step .step-image {
                place-self: center
            }

            [data-mobile-panel] .step .step-title {
                font-weight: bold
            }

    @media (min-width: 0px) {
        [data-mobile-panel] .step .step-title {
            font-size: 1rem;
            line-height: 120%
        }
    }

    @media (min-width: 768px) {
        [data-mobile-panel] .step .step-title {
            font-size: 1.5rem;
            line-height: 120%;
            padding: 20px 0;
        }
    }

    @media screen and (min-width: 1025px) {
        [data-mobile-panel] .step-content > .step-image {
            display: none
        }
    }

    @media screen and (max-width: 1024px) {
        [data-mobile-panel] {
            flex-direction: column
        }

            [data-mobile-panel] .step .step-title {
                font-size: 1.125rem;
                padding: 1rem 0;
                margin: 0;
                /*display: flex;*/
                justify-content: space-between
            }

                [data-mobile-panel] .step .step-title ~ .step-content {
                    height: 0;
                    overflow: hidden;
                    transition: height 0.2s;
                    flex: unset
                }

                [data-mobile-panel] .step .step-title:after {
                    font-size: 1.5rem;
                    font-family: "Material Icons",sans-serif;
                    font-weight: normal;
                    font-style: normal;
                    line-height: 1;
                    letter-spacing: normal;
                    text-transform: none;
                    display: inline-block;
                    white-space: nowrap;
                    word-wrap: normal;
                    direction: ltr;
                    -webkit-font-feature-settings: "liga";
                    -webkit-font-smoothing: antialiased;
                    text-rendering: optimizeLegibility;
                    -moz-osx-font-smoothing: grayscale;
                    font-feature-settings: "liga";
                    /* content: "chevron_right";*/
                    float: right;
                    transform: rotate(90deg);
                    transition: transform 0.2s;
                    align-self: flex-start
                }

            [data-mobile-panel] .step .step-title--open ~ .step-content {
                height: unset
            }

            [data-mobile-panel] .step .step-title--open:after {
                transform: rotate(270deg)
            }

            [data-mobile-panel] .step .step-content p {
                margin-bottom: 1rem
            }

            [data-mobile-panel] .step > .step-image {
                display: none
            }
    }

    .technology-hero {
        position: relative
    }

    .technology-hero__background {
        position: absolute;
        height: 100%;
        width: 100%;
        object-fit: cover
    }

    .technology-hero__overlay {
        position: relative;
        z-index: 1;
        overflow: hidden;
        height: auto
    }

    .technology-hero__panel {
        background: #fff;
        padding: 2rem;
        margin: 2rem;
        width: 500px;
        min-height: 460px;
        display: flex;
        flex-direction: column
    }

    .technology-hero__panel-cta {
        color: rgba(0,0,0,0.56);
        margin-top: 1rem;
        margin-bottom: 2rem;
        max-width: 90%;
        font-weight: 100;
        line-height: 140%
    }

    .technology-hero__after-cta {
        color: rgba(0,0,0,0.56);
        display: flex;
        align-items: center
    }

        .technology-hero__after-cta .material-icons-outlined {
            margin-right: 0.25rem;
            font-size: 1rem
        }

    .technology-hero__panel-usps {
        color: rgba(0,0,0,0.56);
        font-weight: 500;
        margin-bottom: 0
    }

    .technology-hero__panel-usps-dot {
        margin-left: 0.2rem;
        margin-right: 0.2rem
    }

    .technology-hero__cta {
        vertical-align: middle;
        margin-bottom: 0.5rem
    }

    .technology-hero__cta--primary {
        margin-right: 1rem
    }

    .technology-hero__cta--secondary {
        margin-bottom: 1rem;
        white-space: nowrap;
        display: inline-block
    }

    .technology-hero__panel-main {
        margin: 1rem 0
    }

    @media (max-width: 480px) {
        .technology-hero__panel {
            margin: 0
        }

        .technology-hero__panel-main {
            margin: 2rem 0
        }
    }

    @media (min-width: 1440px) {
        .technology-hero__panel {
            width: 650px;
            height: 600px;
            padding: 3rem;
            margin-left: 10%
        }

        .technology-hero__panel-usps-dot {
            margin-left: 0.5rem;
            margin-right: 0.5rem
        }
    }

    @media (max-width: 600px) {
        .technology-hero__panel {
            width: auto;
            height: auto
        }
    }

    .technology-hero__panel-title {
        line-height: 120%;
        margin: 0
    }

    @media (max-width: 480px) {
        .technology-hero__panel-cta {
            max-width: none
        }

        .technology-hero__cta {
            width: 100%
        }

        .technology-hero__cta--primary {
            margin-right: 0
        }

        .technology-hero__cta--secondary {
            text-align: center
        }
    }

    .share-on-linkedin img {
        margin-top: 0.5rem;
        pointer-events: none;
        width: 1.5rem;
        height: 1.5rem
    }

    .IN-widget {
        display: none !important
    }

    .language-switcher {
        height: 20px;
        width: 50%;
        text-align: right;
    }

    @media screen and (max-width: 680px) {
        .language-switcher {
            width: 100%
        }
    }

    /*@media screen and (max-width: 400px) {
    .language-switcher {
        text-align: left;
        margin-top:30px;
    }
}*/

    .language-switcher ul {
        background: #000;
        list-style-type: none
    }

    .language-switcher li {
        color: #fff;
        margin-right: 1rem;
        display: inline-block;
        cursor: pointer;
        vertical-align: middle
    }

.language-switcher-mobile li {
    color: #fff;
    margin-right: 0.35rem;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle
}

        .language-switcher li:last-child {
            margin-right: 0
        }

    .language-switcher img {
        height: 15px;
        vertical-align: middle;
        margin-right: 0.375rem
    }

    .language-switcher li a {
        text-decoration: none
    }

    .for-business {
        display: flex
    }

    .for-business__photo-panel {
        display: flex;
        flex: 1;
        justify-content: center;
        margin-right: 0rem
    }

    .for-business__employee-block {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 0 2.5rem;
        max-width: 13rem
    }

        .for-business__employee-block:first-child {
            margin-left: 0
        }

        .for-business__employee-block:last-child {
            margin-right: 0
        }

    .for-business__name {
        margin-top: 0.5rem
    }

    .for-business__job-title {
        min-height: 4rem
    }

    .for-business__content-panel {
        flex: 1
    }

    .for-business__content-panel-spacer {
        max-width: 30rem;
        margin-left: 0rem
    }

    .for-business__description {
        max-width: 35rem;
        margin-bottom: 2rem
    }

    .for-business__ul {
        list-style-type: none;
        padding-left: 2rem
    }

        .for-business__ul a, .for-business__ul a:visited {
            color: #767af5
        }

        .for-business__ul li::before {
            content: "check";
            font-family: "Material Icons";
            font-weight: bold;
            width: 2rem;
            margin-left: -2rem;
            display: inline-block
        }

        .for-business__ul li {
            margin-top: 0.5rem
        }

    .for-business__cta {
        display: flex;
        flex-direction: column;
        margin-top: 2.5rem;
        margin-bottom: 1rem
    }

    .for-business__cta-phone {
        display: block
    }

    .for-business__cta-phone-number {
        text-decoration: none
    }

    @media only screen and (max-width: 1280px) {
        .for-business__employee-block {
            margin: 0 1rem
        }
    }

    @media only screen and (max-width: 1050px) {
        .for-business {
            flex-direction: column
        }

        .for-business__photo-panel {
            max-width: 34rem;
            margin: 0 auto
        }

        .for-business__content-panel, .for-business__photo-panel {
            flex: none
        }

        .for-business__content-panel {
            margin: 0 auto
        }

        .for-business__employee-block {
            margin: 0 2rem;
            max-width: 10rem
        }

        .for-business__photo-panel.section__column {
            flex: unset
        }

        .for-business__name, .for-business__job-title {
            display: none
        }

        .for-business__title {
            margin-top: 2rem;
            margin-bottom: 1rem
        }

        .for-business__description {
            margin-bottom: 1rem
        }

        .for-business__cta {
            margin-bottom: 1rem
        }

        .for-business__cta-button {
            display: block;
            max-width: 30rem
        }
    }

    @media only screen and (max-width: 767px) {
        .for-business__employee-block {
            margin: 0 1.5rem
        }

        .for-business__cta {
            width: 100%;
            margin-bottom: 2rem;
            flex-direction: column
        }

        .for-business__cta-phone {
            margin-left: 0;
            width: 100%;
            text-align: center
        }

        .for-business__cta-button {
            width: 100%
        }
    }

    @media only screen and (max-width: 640px) {
        .for-business__employee-block {
            margin: 0 1.5rem
        }

        .for-business__content-panel {
            margin: 0 1.5rem
        }

        .for-business__content-panel-spacer {
            max-width: unset
        }
    }

    @media only screen and (max-width: 480px) {
        .for-business__employee-block {
            margin: 0 0.5rem
        }

        .for-business__photo-panel {
            margin: 0 1rem
        }
    }

    .platform-description {
        position: relative
    }

    .section.platform-description {
        margin-bottom: 10rem !important
    }

    .platform-description-laptop-panel {
        position: relative;
        height: 44vw;
        max-height: 38rem;
        margin-right: -11%
    }

    .platform-description-laptop-panel__laptop {
        position: absolute;
        top: 0;
        left: 0;
        transform: translateX(-23%)
    }

    .platform-description-laptop-panel__screen {
        position: absolute;
        left: 24.4%;
        top: 0.4%;
        width: 50.8%;
        transform: translate(-45.3%, 9%);
        opacity: 1;
        transition: opacity 0.3s ease-in-out
    }

    .platform-description-laptop-panel__screen--hidden {
        opacity: 0
    }

    .platform-description-content-panel {
        z-index: 1;
        position: absolute;
        right: 0;
        left: 66%;
        top: 5.75rem;
        cursor: -webkit-grab;
        cursor: grab
    }

        .platform-description-content-panel hr {
            display: none
        }

    .platform-description-card {
        height: 4.8rem;
        padding: 1.5rem 0;
        border-top: 1px solid rgba(255,255,255,0.38);
        overflow: hidden
    }

        .platform-description-card.active {
            height: auto;
            border-top: 2px solid #fff
        }

    h3.platform-description-card__title {
        margin-bottom: 0;
        color: rgba(255,255,255,0.62) !important;
        font-size: 1.125rem
    }

    .platform-description-card.active h3.platform-description-card__title {
        color: #fff !important;
        margin-bottom: 1rem
    }

    .platform-description-card__content {
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
        display: none
    }

    .platform-description-card.platform-description-card.active .platform-description-card__content {
        opacity: 1;
        display: block
    }

    @media only screen and (max-width: 1200px) {
        .platform-description-laptop-panel {
            margin-right: -6%;
            top: 3%
        }
    }

    @media only screen and (max-width: 959px) {
        .section.platform-description {
            height: unset;
            margin-bottom: 11rem
        }

        .platform-description-laptop-panel {
            position: relative;
            margin: 0;
            height: 64vw;
            top: 0;
            left: 0;
            transform: translateX(-5%);
            width: 186%
        }

        .platform-description-laptop-panel__laptop {
            transform: translateX(-18%);
            width: 100%
        }

        .platform-description-laptop-panel__screen {
            left: 29.4%
        }

        .platform-description-content-panel {
            position: relative;
            right: 0;
            left: 0;
            top: 0;
            white-space: nowrap
        }

            .platform-description-content-panel hr {
                display: block;
                border: none;
                height: 1px;
                background-color: rgba(0,0,0,0.69);
                position: relative;
                top: 57px
            }

        .platform-description-card {
            border-top: 0;
            overflow: hidden;
            display: inline;
            padding-left: 1rem;
            padding-bottom: 1.1875rem;
            transition: margin 400ms;
            border-bottom: 1px solid rgba(0,0,0,0.69)
        }

            .platform-description-card:first-of-type {
                padding-left: 0
            }

            .platform-description-card.active {
                border-top: 0
            }

        h3.platform-description-card__title {
            padding-bottom: 1rem;
            border-bottom: 1px solid rgba(0,0,0,0.69);
            box-sizing: border-box;
            display: inline-block;
            white-space: nowrap;
            padding: 1rem 0;
            line-height: 24px
        }

        .platform-description-card.active .platform-description-card__title {
            border-bottom: 2px solid #fff;
            padding-bottom: calc(1rem - 1px)
        }

        .platform-description-card__content {
            position: absolute;
            left: 0;
            top: 4.7rem;
            white-space: normal;
            max-width: calc(100vw - 3rem)
        }

        .platform-description-card.active .platform-description-card__content {
            opacity: 1
        }
    }

    @media only screen and (max-width: 767px) {
        .platform-description-laptop-panel {
            height: 68vw
        }

        .section.platform-description {
            margin-bottom: 12rem !important
        }
    }

    .content-part-navigation {
        display: grid;
        grid-auto-flow: row;
        grid-gap: 2rem
    }

        .content-part-navigation p {
            color: rgba(0,0,0,0.85)
        }

    .content-part-navigation__card {
        display: grid;
        border-radius: 3px;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,0.08);
        cursor: pointer;
        grid-template-rows: 1fr 1fr;
        grid-template-areas: "image" "content";
        height: 30rem;
        width: 100%
    }

    .content-part-navigation__card-image {
        background-size: cover;
        background-position: center;
        grid-area: image
    }

    .content-part-navigation__card-part-no {
        color: rgba(0,0,0,0.85);
        font-weight: 500
    }

    .content-part-navigation__card-image .content-part-navigation__card-part-no {
        margin: 1.5rem
    }

    .content-part-navigation__card-content .content-part-navigation__card-part-no {
        display: none
    }

    .content-part-navigation__card-content {
        grid-area: content;
        margin: 1rem 1.5rem 2rem;
        position: relative
    }

        .content-part-navigation__card-content p {
            font-size: 1rem
        }

    .content-part-navigation__card-part-cta {
        bottom: 0;
        color: #5252f2;
        margin-top: 1.5rem;
        position: absolute
    }

    @media only screen and (min-width: 768px) {
        .content-part-navigation {
            grid-gap: 1rem
        }

        .content-part-navigation__card {
            grid-template-rows: 1fr;
            grid-template-columns: 1fr 2fr;
            grid-template-areas: "image content";
            height: 15.5rem
        }

        .content-part-navigation__card-image .content-part-navigation__card-part-no {
            display: none
        }

        .content-part-navigation__card-content .content-part-navigation__card-part-no {
            display: block;
            margin-bottom: 0.25rem
        }
    }

    @media only screen and (min-width: 1224px) {
        .content-part-navigation {
            grid-auto-flow: column;
            grid-auto-columns: 1fr;
            grid-gap: 2rem
        }

        .content-part-navigation__card {
            grid-template-rows: 1fr 1fr;
            grid-template-columns: 1fr;
            grid-template-areas: "image" "content";
            height: 30rem
        }

            .content-part-navigation__card:hover {
                box-shadow: 0 4px 10px 0 rgba(0,0,0,0.08)
            }

        .content-part-navigation__card-image .content-part-navigation__card-part-no {
            display: block
        }

        .content-part-navigation__card-content .content-part-navigation__card-part-no {
            display: none
        }
    }

    .u-link-difflang::after {
        font-size: .75rem;
        content: attr(hreflang);
        margin-left: 0.5rem;
        background: rgba(0,0,0,0.56);
        color: #fff;
        padding: 2px 5px;
        border-radius: 3px;
        text-transform: uppercase
    }

    .section--black .u-link-difflang::after {
        background-color: rgba(255,255,255,0.24);
        color: #000;
        font-weight: 500
    }

    #language-modal .modal-body {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 20rem;
        height: 20rem
    }

    @media (max-width: 859px) {
        .mynavbar .u-link-difflang::after {
            background-color: rgba(255,255,255,0.24);
            color: #000;
            font-weight: 500;
        }
    }

    .trusted-logos {
        position: relative;
        padding: 2rem 0 4rem 0;
        margin: 0 auto;
        background-color: #000
    }

        .trusted-logos h2 {
            text-align: center;
            font-weight: normal;
            font-size: 1rem;
            color: rgba(255,255,255,0.62)
        }

    @media screen and (max-width: 859px) {
        .trusted-logos {
            margin: 0 auto 4rem auto
        }
    }

    .trusted-logos-container {
        display: flex;
        justify-content: space-between;
        max-width: 25rem;
        margin: 0 auto
    }

        .trusted-logos-container img {
            align-self: center;
            max-width: 4.5rem;
            filter: gray;
            -webkit-filter: grayscale(1);
            -webkit-filter: grayscale(100%);
            filter: grayscale(100%)
        }

            .trusted-logos-container img.homepage-hero__logo-audi {
                width: 4.55rem
            }

            .trusted-logos-container img.homepage-hero__logo-abb {
                width: 4.4rem
            }

            .trusted-logos-container img.homepage-hero__logo-nasa {
                width: 4.3rem
            }

            .trusted-logos-container img.homepage-hero__logo-hp {
                width: 3.7rem
            }

    @media screen and (min-width: 480px) {
        .trusted-logos-container img:not(:last-child) {
            margin-right: 2rem
        }
    }



    #showmorebutton {
        cursor: pointer
    }

    .content-tabs {
        display: flex;
        flex-direction: column
    }

    .content-tabs--horizontal {
        position: relative
    }

    .content-tabs__container {
        display: flex;
        flex-direction: column
    }

    .content-tabs__title {
        border-bottom: 1px solid rgba(0,0,0,0.21);
        color: rgba(0,0,0,0.85);
        cursor: pointer;
        display: flex;
        font-weight: 500;
        padding: 1.5rem 0;
        z-index: 99
    }

    .content-tabs__title--horizontal {
        display: none
    }

    .content-tabs-horizontal-titles .content-tabs__title--selected {
        display: block
    }

    .content-tabs__title--selected {
        border-bottom: none
    }

    .content-tabs__caret {
        margin-left: auto
    }

        .content-tabs__caret::before {
            content: "\e5cf"
        }

    .content-tabs__title--selected .content-tabs__caret::before {
        content: "\e5ce"
    }

    .content-tabs__content {
        margin: 0 auto;
        display: none;
        justify-content: center
    }

    .content-tabs__content--selected {
        border-bottom: 1px solid rgba(0,0,0,0.21);
        display: block
    }

    .content-tabs__item {
        display: flex;
        padding-bottom: 1.5rem;
        width: 100%
    }

    .content-tabs:not(.content-tabs--horizontal) .content-tabs__item .section {
        margin: 0
    }

    .content-tabs-horizontal-titles {
        display: none
    }

    .content-tabs--horizontal .content-tabs__title {
        border-bottom: none;
        padding: 0;
        padding-bottom: 1rem
    }

    .content-tabs--horizontal .content-tabs__title--selected {
        border-bottom: 2px solid #5252f2;
        color: #5252f2
    }

    .content-tabs--horizontal .content-tabs__content--selected {
        border-bottom: none
    }

    .nav-right, .nav-left {
        align-items: center;
        background-color: #5252f2;
        border-radius: 50%;
        color: #fff;
        cursor: pointer;
        display: flex;
        height: 1.75rem;
        justify-content: center;
        position: absolute;
        top: 2.5rem;
        user-select: none;
        width: 1.75rem
    }

    .nav-right {
        right: 0
    }

    .nav-left {
        left: 0
    }

    @media only screen and (min-width: 768px) {
        .nav-right, .nav-left {
            display: none
        }

        .content-tabs-horizontal-titles {
            display: flex;
            justify-content: space-between
        }

        .content-tabs__title--horizontal {
            display: block
        }
    }

    .content-text {
        color: rgba(0,0,0,0.69)
    }

    .section--black .content-text, .section--grey .content-text, .section--dark-grey .content-text {
        color: rgba(255,255,255,0.62)
    }

    @media (min-width: 0px) {
        .content-text {
            font-size: .875rem;
            line-height: 20px
        }
    }

    @media (min-width: 768px) {
        .content-text {
            font-size: 1.125rem;
            line-height: unset
        }
    }

    .content-text table:not(:first-child) {
        margin-top: 2.125rem
    }

        .content-text table:not(:first-child) ~ p {
            font-size: 1rem
        }

    .content-text h1, .content-text h2, .content-text h3, .content-text h4 {
        text-align: center;
        margin-bottom: 0.5rem
    }

    .content-text center h1, .content-text center h2, .content-text center h3, .content-text center h4 {
        text-align: center
    }

    .content-text p:not(:last-child) {
        margin-bottom: 1rem
    }

    .content-text img {
        width: 100%
    }

    .content-text li {
        list-style-position: inside;
        text-indent: -1.4rem;
        padding-left: 1.5rem
    }

    @media only screen and (min-width: 768px) {
        .content-text h2, .content-text h3, .content-text h4 {
            text-align: left
        }
    }

    @media screen and (min-width: 768px) {
        .content-cards--break-mobile .content-card {
            margin-top: 0
        }
    }

    @media screen and (min-width: 1224px) {
        .content-cards--break-tablet .content-card {
            margin-top: 0
        }
    }

    .content-card {
        display: flex;
        flex-direction: column;
        margin-top: 2rem
    }

        .content-card.content-card--hover:hover {
            cursor: pointer;
            color: #5252f2
        }

    .content-card--3-columns {
        flex-basis: 30%;
        flex-grow: 0
    }

    .content-card__content table {
        margin-top: 0.75rem
    }

    .content-card table {
        table-layout: auto
    }

    .content-card--border {
        border: 1px solid rgba(0,0,0,0.21)
    }

    .content-card--border-bottom {
        border-bottom: 1px solid rgba(0,0,0,0.21)
    }

    .content-card--border-top {
        border-top: 1px solid rgba(0,0,0,0.21)
    }

    .content-card__image img {
        border-radius: 0
    }

    .content-card__image--padded {
        padding: 0 1.5rem
    }

    .content-card__body {
        display: flex;
        flex-direction: column;
        height: 100%;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .content-card--border .content-card__body {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .content-card__pre-title {
        font-family: "IBM Plex Mono", monospace;
        font-weight: 600;
        font-style: normal;
        margin-bottom: 0.75rem
    }

    .content-card__pre-title--primary {
        color: #5252f2;
        font-weight: 500
    }

    @media (min-width: 0px) {
        .content-card__pre-title--primary {
            font-size: .875rem;
            line-height: 20px
        }
    }

    @media (min-width: 768px) {
        .content-card__pre-title--primary {
            font-size: 1rem;
            line-height: unset
        }
    }

    .content-card__title {
        font-size: 1.25rem;
        font-weight: 500;
        color: rgba(0,0,0,0.85)
    }

    .content-card__subtitle {
        color: rgba(0,0,0,0.56)
    }

    @media (min-width: 0px) {
        .content-card__subtitle {
            font-size: .875rem;
            line-height: 20px
        }
    }

    @media (min-width: 768px) {
        .content-card__subtitle {
            font-size: 1rem;
            line-height: unset
        }
    }

    .content-card__content {
        flex: 1;
        margin-top: 0.75rem;
        padding-bottom: 1.5rem;
        color: rgba(0,0,0,0.56)
    }

    @media (min-width: 0px) {
        .content-card__content {
            font-size: .875rem;
            line-height: 20px
        }
    }

    @media (min-width: 768px) {
        .content-card__content {
            font-size: 1rem;
            line-height: unset
        }
    }

    .content-card__divider {
        border: none;
        border-bottom: 1px solid rgba(0,0,0,0.13);
        display: block;
        height: 1px;
        margin-bottom: 1.5rem;
        padding-top: 1.5rem
    }

    .content-card__cta-container {
        display: flex;
        justify-content: space-between
    }

    .content-card__secondary-cta {
        align-self: center;
        display: flex;
        color: #767af5;
        font-weight: 500
    }

    .content-cards--wrap {
        flex-wrap: wrap
    }

        .content-cards--wrap::after {
            content: "";
            flex-basis: 33%
        }

    @media screen and (min-width: 768px) {
        .content-cards--break-mobile {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            margin: 0 -1rem
        }

            .content-cards--break-mobile > * {
                flex: 1;
                margin: 0 1rem !important
            }
    }

    @media screen and (min-width: 1224px) {
        .content-cards--break-tablet {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            margin: 0 -1rem
        }

            .content-cards--break-tablet > * {
                flex: 1;
                margin: 0 1rem !important
            }
    }

    .content-cta-block {
        text-align: center;
        padding: 1.5rem;
        border-radius: 3px
    }

        .content-cta-block .content-cta-block__title {
            font-weight: 500;
            margin-top: 1rem;
            margin-bottom: 1.5rem
        }

    @media screen and (max-width: 425px) {
        .content-cta-block {
            padding: 1rem
        }
    }

    .content-cta-block--full-width-dark .content-cta-block__title {
        text-align: center;
        color: #fff;
        margin-bottom: 2rem
    }

    @media (min-width: 0px) {
        .content-cta-block--full-width-dark .content-cta-block__title {
            font-size: 1.5rem;
            line-height: 120%
        }
    }

    @media (min-width: 768px) {
        .content-cta-block--full-width-dark .content-cta-block__title {
            font-size: 2.25rem;
            line-height: 120%
        }
    }

    @media screen and (max-width: 425px) {
        .content-cta-block--full-width-dark {
            padding: 0
        }

            .content-cta-block--full-width-dark .content-cta-block__title {
                max-width: 80%;
                margin: 0 auto 1.5rem auto
            }
    }

    .content-image {
        width: 100%
    }

    .content-image--video {
        position: relative;
        padding-bottom: 53.5%;
        padding-top: 30px;
        height: 0;
        overflow: hidden
    }

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

    .content-subtitle {
        font-family: 'IBM Plex Mono', monospace;
        font-size: 1.25rem;
        line-height: 170%;
        color: #5252f2;
        font-style: italic;
        padding: 1rem 0
    }

    .facilities__title {
        color: rgba(255,255,255,0.62) !important;
        margin-top: 4rem
    }

    .facilities .siema__arrow--back {
        left: calc((100vw - 80rem) / 2 / 2);
        transform: translateX(-50%)
    }

    .facilities .siema__arrow--forward {
        right: calc((100vw - 80rem) / 2 / 2);
        transform: translateX(-50%)
    }

    .facilities__image {
        background-size: cover;
        background-position: center center;
        height: 19.5rem;
        margin-bottom: 1rem
    }

    .facilities__image--secondary {
        margin-bottom: 0
    }

    .facilities__image--single {
        height: 40rem
    }

    .facilities__name {
        margin-top: 1rem;
        margin-bottom: 4rem;
        max-width: 26rem;
        line-height: 43px
    }

    h4.facilities__subtitle {
        margin: 0 1.5rem 1rem;
        color: rgba(255,255,255,0.62)
    }

    @media only screen and (max-width: 1450px) {
        .facilities .siema__arrow--back {
            left: 3.5rem
        }

        .facilities .siema__arrow--forward {
            right: 0rem
        }
    }

    @media only screen and (max-width: 960px) {
        .facilities__name {
            margin-bottom: 1.5rem;
            margin-top: -1rem
        }

        .facilities__subtitle {
            margin: 0 1.5rem 1rem 0
        }

        .facilities__title {
            display: none
        }

        .facilities__image {
            height: 20rem;
            margin-left: 0;
            margin-right: 0
        }

        .facilities__image--secondary {
            display: none
        }
    }

    .content-part-header {
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        margin: 2rem 0
    }

    .content-part-header__content {
        margin-right: 0;
        min-height: 50%
    }

    .content-part-header__part-no {
        margin: 1rem 0;
        text-align: center
    }

    .content-part-header__text {
        text-align: center
    }

    .content-part-header__image {
        background-position: center;
        background-size: cover;
        overflow: hidden;
        height: 50%;
        margin: 0 -2rem
    }

    @media only screen and (min-width: 768px) {
        .content-part-header__text {
            text-align: left
        }

        .content-part-header__part-no {
            margin: 2rem 0 1rem;
            text-align: left
        }

        .content-part-header__image {
            margin: 0 -3.5rem
        }
    }

    @media only screen and (min-width: 1224px) {
        .content-part-header {
            flex-direction: row;
            height: 22rem;
            margin: 2rem 0 5.5rem 0
        }

        .content-part-header__content {
            margin-right: 3.5rem;
            max-height: none;
            width: 50%
        }

        .content-part-header__image {
            border-radius: 3px;
            height: auto;
            width: 50%;
            margin: 0
        }
    }

    .content-pros-and-cons {
        display: grid;
        font-size: 1rem;
        grid-auto-columns: 1fr 1fr;
        grid-template-areas: "pros" "cons"
    }

    .content-pros-and-cons__item {
        display: flex;
        margin-bottom: 1rem
    }

    @media only screen and (min-width: 768px) {
        .content-pros-and-cons {
            grid-gap: 1.5rem;
            grid-template-areas: "pros cons"
        }
    }

    .how-video__container {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 50vw;
        height: 30vw
    }

        .how-video__container iframe, .how-video__container object, .how-video__container embed {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%
        }

    @media only screen and (max-width: 767px) {
        .how-video__container {
            width: 80vw;
            height: 48vw
        }
    }

    .content-image-with-text {
        align-items: center;
        display: flex;
        justify-content: center
    }

    .content-image-with-text__content {
        margin-right: 0;
        flex: 1 1;
        max-width: 100%
    }

        .content-image-with-text__content h2, .content-image-with-text__content h3, .content-image-with-text__content h4 {
            text-align: center;
            margin-top: 1rem
        }

    .content-image-with-text li {
        list-style-position: inside;
        text-indent: -1.4rem;
        padding-left: 1.5rem
    }

    .content-image-with-text__image-container {
        flex: 1 1;
        max-width: 50%;
        position: relative
    }

    .content-image-with-text__image--small {
        max-height: 19rem;
        width: auto
    }

    .content-image-with-text__image-container--small .content-image-with-text__image {
        width: 100%;
        height: auto
    }

    .content-image-with-text--right .content-image-with-text__image-container--small .content-image-with-text__image {
        margin-left: 0;
        margin-right: auto
    }

    .content-image-with-text--landscape {
        min-height: 19rem
    }

    .content-image-with-text--portrait {
        min-height: 40rem
    }

    .content-image-with-text__image-label {
        font-size: .75rem;
        display: none;
        font-weight: bold;
        margin-top: 0.25rem;
        position: absolute;
        left: 0
    }

    .content-image-with-text {
        flex-direction: column-reverse
    }

    @media screen and (max-width: 768px) {
        .content-image-with-text.content-image-with-text--tablet {
            flex-direction: column-reverse;
            justify-content: center
        }

            .content-image-with-text.content-image-with-text--tablet .content-image-with-text__content, .content-image-with-text.content-image-with-text--tablet .content-image-with-text__image-container {
                max-width: 100%;
                margin: 2rem 0
            }
    }

    @media only screen and (min-width: 768px) {
        .content-image-with-text__content h2, .content-image-with-text__content h3, .content-image-with-text__content h4 {
            text-align: left
        }
    }

    @media only screen and (max-width: 479px) {
        .content-image-with-text {
            margin: 2rem auto 0;
            display: block
        }
    }

    @media only screen and (min-width: 480px) {
        .content-image-with-text--mobile {
            justify-content: center
        }

        .content-image-with-text {
            flex-direction: row;
            justify-content: flex-start
        }

        .content-image-with-text--right {
            flex-direction: row-reverse
        }

        .content-image-with-text__content {
            flex: 1;
            margin-right: 3.5rem;
            max-width: 50%
        }

        .content-image-with-text--right .content-image-with-text__content {
            margin-right: 0
        }

        .content-image-with-text__content h2, .content-image-with-text__content h3, .content-image-with-text__content h4 {
            margin-top: 0
        }

        .content-image-with-text--right .content-image-with-text__image-container {
            margin-right: 3.5rem
        }

        .content-image-with-text--no-contain .content-image-with-text__image-container {
            width: 25vw;
            max-width: 25vw;
            position: absolute;
            right: 12.5vw;
            flex: 1 1 50%
        }

        .content-image-with-text--no-contain .content-image-with-text__image-container--left {
            left: 12.5vw
        }

        .content-image-with-text--no-contain .content-image-with-text__image-label {
            display: block;
            position: absolute;
            left: -1rem;
            right: unset;
            transform: rotate(-90deg);
            transform-origin: center left;
            bottom: -0.4rem
        }

        .content-image-with-text__image-container--small .content-image-with-text__image {
            display: block;
            margin-left: auto;
            max-width: 25rem;
            width: auto
        }

        .content-image-with-text--no-contain .content-image-with-text__image-label--right {
            left: -3rem;
            right: unset
        }

        .content-image-with-text--no-contain .content-image-with-text__image-label--landscape {
            transform: rotate(0deg);
            left: 0;
            bottom: -1.5rem
        }

        .content-image-with-text__image-container--portrait {
            height: auto;
            max-width: 100%
        }

            .content-image-with-text__image-container--portrait .content-image-with-text__image {
                height: auto;
                width: auto
            }

        .content-image-with-text__image-container--landscape {
            width: 40rem
        }
    }

    .content-image-with-text--header h3 {
        max-width: 13rem;
        color: rgba(255,255,255,0.77);
        text-align: left
    }

    .content-image-with-text--header h1 {
        margin: 2rem 0
    }

    @media screen and (max-width: 768px) {
        .content-image-with-text--header h1 {
            margin: 1rem 0
        }
    }

    .content-image-with-text--header .content-image-with-text__image-container img {
        vertical-align: bottom
    }

    .content-image-with-text--header .content-image-with-text__content {
        align-self: stretch;
        display: flex;
        flex-flow: column nowrap
    }

        .content-image-with-text--header .content-image-with-text__content .cta-imgwithtext {
            margin-top: auto
        }

    @media only screen and (max-width: 1375px) {
        .content-image-with-text--header .cta-imgwithtext {
            margin-top: 0
        }
    }

    @media only screen and (min-width: 1224px) {
        .content-image-with-text__image-label--landscape {
            display: block
        }

        .content-image-with-text--no-contain {
            padding: 3rem 0
        }

        .content-image-with-text__image {
            max-height: 38rem;
            width: auto
        }
    }

    @media only screen and (max-width: 480px) {
        .content-image-with-text--header .content-image-with-text {
            flex-direction: column-reverse;
            justify-content: left
        }

            .content-image-with-text--header .content-image-with-text .content-image-with-text__content, .content-image-with-text--header .content-image-with-text .content-image-with-text__image-container {
                width: 100%;
                max-width: 100%
            }

        .content-image-with-text--header h3 {
            margin-top: 2rem;
            margin-bottom: 0
        }

        .content-image-with-text--header h1 {
            margin-top: 1rem;
            margin-bottom: 4rem
        }
    }

    @media only screen and (max-width: 375px) {
        .section--dark-grey.content-image-with-text--header {
            padding-bottom: 3rem
        }

            .section--dark-grey.content-image-with-text--header .cta-imgwithtext {
                bottom: -18rem
            }
    }

    @media only screen and (max-width: 335px) {
        .section--dark-grey.content-image-with-text--header .cta-imgwithtext {
            bottom: -16rem
        }
    }

    .featured-article {
        display: flex;
        padding: 0;
        overflow: hidden;
        text-decoration: none;
        margin-bottom: 2rem
    }

        .featured-article.panel {
            padding: 0
        }

    .featured-article__read-more {
        text-decoration: none;
        font-weight: 500;
        color: #c9c9c9
    }

    .featured-article__text-container {
        flex: 1;
        padding-top: 1.5rem
    }

        .featured-article__text-container .featured-article__article-company-subtitle {
            margin-bottom: 0.5rem;
            font-size: 1rem
        }

        .featured-article__text-container .featured-article__article-title {
            margin-bottom: 1rem
        }

    @media (min-width: 0px) {
        .featured-article__text-container .featured-article__article-title {
            font-size: 1rem;
            line-height: 120%
        }
    }

    @media (min-width: 768px) {
        .featured-article__text-container .featured-article__article-title {
            font-size: 1.5rem;
            line-height: 120%
        }
    }

    .section--black .featured-article {
        background-color: rgba(255,255,255,0.06);
        border: 1px solid rgba(0,0,0,0.21);
        border-radius: 3px
    }

    .section--black .featured-article__cta-container {
        padding: 1.5rem;
        padding-top: 0
    }

    .section--black .featured-article__text-container {
        padding: 1.5rem
    }

        .section--black .featured-article__text-container .featured-article__article-title {
            color: #fff
        }

    .section--black .featured-acticle__cta {
        color: #fff;
        padding-left: 0
    }

    .featured-articles__title {
        font-size: 1.5rem;
        margin-bottom: 2rem;
        font-weight: 500;
        display: block
    }

    @media only screen and (max-width: 980px) {
        .featured-aricle__grid {
            grid-template-columns: repeat(3, 1fr)
        }

        .featured-article:nth-child(4) {
            display: none
        }
    }

    @media only screen and (max-width: 767px) {
        .featured-articles {
            margin: 1.5rem 0 0 0;
            padding-bottom: 5rem
        }

        .featured-aricle__grid {
            position: relative
        }

        .featured-article {
            margin: 0 0.5em
        }

        .featured-article__text-container p:not(.featured-article__article-company-subtitle) {
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 5;
            -webkit-box-orient: vertical;
            min-height: 5rem
        }

        .featured-article.panel {
            margin-right: 0
        }

        .featured-articles__title {
            margin-bottom: 1rem
        }
    }

    @media (max-width: 480px) {
        #breadcrumbs.breadcrumbs--kb {
            display: none
        }
    }

    .section.materialsubset__breadcrumbs-container {
        margin-top: 2.5rem;
        margin-bottom: 3rem
    }

    @media screen and (max-width: 1000px) {
        .section.materialsubset__breadcrumbs-container {
            margin-top: 1.5rem;
            margin-bottom: 2.5rem
        }
    }

    .section.materialsubset__header-row {
        display: flex;
        flex-grow: 1;
        margin-top: 0;
        margin-bottom: 9rem
    }

    .materialsubset__image-column {
        margin-right: 2rem;
        flex-basis: 400px;
        position: relative
    }

    @media screen and (max-width: 1000px) {
        .materialsubset__image-column {
            display: none
        }
    }

    .materialsubset__image-column-content-container {
        position: absolute;
        transition: top 0.5s;
        transition-delay: 0.1s
    }

    .materialsubset__content-column {
        display: flex;
        flex: 1;
        flex-wrap: wrap
    }

    .materialsubset__cta-block-panel {
        background: rgba(0,0,0,0.03);
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        margin-top: 0.75rem;
        padding: 1rem
    }

        .materialsubset__cta-block-panel p {
            font-size: 1rem;
            color: rgba(0,0,0,0.85);
            font-weight: 500
        }

        .materialsubset__cta-block-panel a {
            margin-top: 1.5rem
        }

    .materialsubset__image-cta {
        margin-top: 1.5rem
    }



    .materialsubset__content-titles {
        flex: 1;
        position: relative
    }

        .materialsubset__content-titles .materialsubset__title-cta {
            position: absolute;
            top: 0;
            right: 0;
            display: flex;
            flex-direction: column
        }

 
        .materialsubset__content-titles .materialsubset__content-pre-title {
            color: rgba(0,0,0,0.85)
        }

            .materialsubset__content-titles .materialsubset__content-pre-title:not(:first-of-type) {
                margin-top: 3rem
            }

        .materialsubset__content-titles .materialsubset__content-title {
            color: rgba(0,0,0,0.85);
            font-weight: 500;
            margin: 0
        }

    @media (min-width: 0px) {
        .materialsubset__content-titles .materialsubset__content-title {
            font-size: 1.5rem;
            line-height: 120%
        }
    }

    @media (min-width: 768px) {
        .materialsubset__content-titles .materialsubset__content-title {
            font-size: 2.25rem;
            line-height: 120%
        }
    }

    .materialsubset__quote {
        flex: 1;
        display: flex
    }

    @media screen and (max-width: 1000px) {
        .materialsubset__quote {
            display: none
        }
    }

    .materialsubset__quote img {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        margin-right: 1rem
    }

    .materialsubset__quote .materialsubset__quote-text {
        padding: 1rem;
        background: rgba(0,0,0,0.03);
        color: rgba(0,0,0,0.56)
    }

    .materialsubset__quote .materialsubset__quote-subtext {
        font-size: .875rem;
        margin-top: 0.5rem
    }

    .materialsubset__content-tables {
        display: flex;
        flex-wrap: wrap;
        margin-top: 0.5rem
    }

        .materialsubset__content-tables .materialsubset__content-table {
            flex: 1;
            flex-basis: calc(50% - 1rem);
            flex-grow: 0;
            margin-top: 3.5rem
        }

    @media screen and (max-width: 1000px) {
        .materialsubset__content-tables .materialsubset__content-table {
            flex-basis: 100%;
            margin-top: 2.5rem
        }
    }

    @media screen and (min-width: 1000px) {
        .materialsubset__content-tables .materialsubset__content-table:nth-child(odd) {
            margin-right: 2rem
        }
    }

    .materialsubset__content-tables .materialsubset__content-table .materialsubset__content-table-title {
        border-bottom: 1px solid rgba(0,0,0,0.56);
        color: rgba(0,0,0,0.85);
        padding-bottom: 0.5rem;
        font-weight: 500
    }

    .materialsubset__content-tables .materialsubset__content-table .materialsubset__content-table-row {
        display: flex;
        padding-top: 1rem;
        padding-bottom: 1rem;
        border-bottom: 1px solid rgba(0,0,0,0.13)
    }

    .materialsubset__content-tables .materialsubset__content-table .materialsubset__content-table-row-name {
        margin-right: 1rem;
        flex: 1;
        color: rgba(0,0,0,0.56)
    }

    @media screen and (max-width: 1000px) {
        .materialsubset__content-tables .materialsubset__content-table .materialsubset__content-table-row-name {
            flex: 1.5
        }
    }

    .materialsubset__content-tables .materialsubset__content-table .materialsubset__content-table-row-value {
        flex: 1;
        color: rgba(0,0,0,0.85)
    }

    .materialsubset__print-footer, .materialsubset__print-logo {
        display: none
    }

    @media screen and (min-width: 1000px) {
        .materialsubset__mobile-image, .materialsubset__content-titles .materialsubset__title-cta {
            display: none
        }
    }

    @media print {
        #message-banner, .mynavbar, .materialsubset__title-cta, .materialsubset__breadcrumbs-container, .materialsubset__image-column, .featured-articles, .materialsubset__mobile-image, .materialsubset__pre-footer-cta, .materialsubset__quote, footer {
            display: none !important
        }

        * {
            font-size: 97%
        }

        .materialsubset__header-row {
            margin-left: 0;
            margin-right: 0
        }

        .materialsubset__content-titles {
            flex-basis: 100%
        }

        .materialsubset__print-logo {
            display: block
        }

            .materialsubset__print-logo img {
                float: right;
                max-width: 20%
            }

        .materialsubset__print-footer {
            display: flex;
            position: fixed;
            left: 0;
            bottom: 0;
            justify-content: space-between;
            width: 100%;
            font-size: 10px
        }

            .materialsubset__print-footer p:last-child {
                text-align: end
            }

        .materialsubset__content-tables .materialsubset__content-table:nth-child(odd) {
            margin-right: 2rem
        }

        .materialsubset__content-tables .materialsubset__content-table .materialsubset__content-table-row-name {
            margin-right: 2rem
        }

        .materialsubset__content-tables .materialsubset__content-table .materialsubset__content-table-row {
            padding-top: 0.5rem;
            padding-bottom: 0.5rem
        }
    }

    .formulate-input {
        margin-bottom: 1.5em;
        font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"
    }

        .formulate-input .formulate-input-label {
            display: block;
            line-height: 1.5;
            font-size: .9em;
            font-weight: 600;
            margin-bottom: .1em
        }

        .formulate-input .formulate-input-label--before + .formulate-input-help--before {
            margin-top: -.25em;
            margin-bottom: .75em
        }

        .formulate-input .formulate-input-element {
            max-width: 20em;
            margin-bottom: .1em
        }

        .formulate-input .formulate-input-help {
            color: #6d6d6d;
            font-size: .7em;
            font-weight: 400;
            line-height: 1.5;
            margin-bottom: .25em
        }

        .formulate-input .formulate-input-errors {
            list-style-type: none;
            padding: 0;
            margin: 0
        }

        .formulate-input .formulate-input-error, .formulate-input .formulate-file-upload-error {
            color: #960505;
            font-size: .8em;
            font-weight: 300;
            line-height: 1.5;
            margin-bottom: .25em
        }

        .formulate-input:last-child {
            margin-bottom: 0
        }

        .formulate-input[data-classification='text'] input {
            appearance: none;
            border-radius: .3em;
            border: 1px solid #cecece;
            box-sizing: border-box;
            background-color: transparent;
            font-size: .9em;
            font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
            padding: .75em;
            display: block;
            width: 100%;
            font-weight: 400;
            line-height: 1.2em;
            margin: 0
        }

            .formulate-input[data-classification='text'] input::placeholder {
                color: #a8a8a8;
                line-height: normal
            }

            .formulate-input[data-classification='text'] input:focus {
                outline: 0;
                border: 1px solid #41b883
            }

        .formulate-input[data-classification='text'] .formulate-input-element--date input, .formulate-input[data-classification='text'] .formulate-input-element--month input, .formulate-input[data-classification='text'] .formulate-input-element--week input, .formulate-input[data-classification='text'] .formulate-input-element--datetime-local input {
            min-height: 2.2em
        }

        .formulate-input[data-classification='text'] .formulate-input-element--search {
            position: relative
        }

            .formulate-input[data-classification='text'] .formulate-input-element--search::before {
                content: '';
                width: 2em;
                height: 100%;
                position: absolute;
                left: 0;
                top: 0;
                background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72.99 72.9"><path fill="%236d6d6d" d="M71.77,66,53.87,48.1A29.94,29.94,0,1,0,30,60a29.52,29.52,0,0,0,18.1-6.1l18,17.8A4,4,0,0,0,69,72.9a4.18,4.18,0,0,0,2.9-1.2A4.09,4.09,0,0,0,71.77,66ZM30.07,51.9a21.9,21.9,0,1,1,15.5-37.4A21.37,21.37,0,0,1,52,30a22,22,0,0,1-6.4,15.5A21.54,21.54,0,0,1,30.07,51.9Z"/></svg>');
                background-size: 1em 1em;
                background-repeat: no-repeat;
                background-position: center;
                pointer-events: none
            }

            .formulate-input[data-classification='text'] .formulate-input-element--search input {
                padding-left: 2em
            }

        .formulate-input[data-classification='text'] input[type="color"] {
            height: 1.1em;
            box-sizing: content-box;
            width: auto;
            min-width: 5em
        }

            .formulate-input[data-classification='text'] input[type="color"]::-webkit-color-swatch-wrapper {
                padding: 0 0 0 1.5em;
                display: flex;
                align-items: center;
                background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 79.17 79.17"><path fill="%236d6d6d" d="M40.8,22.92c-3.4-3.4-4.76-8.44-1-12.24s8.84-2.44,12.24,1c5-5,10.69-13.33,18.81-11.31a11,11,0,0,1,7.62,14.34c-1.26,3.45-4.63,6.06-7.16,8.59-.92.93-3,2.26-3.46,3.46-.42,1,1.82,2.63,2.36,4a8,8,0,0,1-12.42,9.19c-.21-.16-1.35-1.51-1.59-1.51s-.83.83-1,1L49.71,44.9,32.43,62.18c-3.37,3.38-6.6,7.14-10.26,10.21a11,11,0,0,1-4.48,2.28c-1.25.3-3.11-.22-4.18.18-1.28.48-2.42,2.65-3.68,3.4-6.05,3.61-12.64-4-8.46-9.57.73-1,2.53-1.92,3-3a14.46,14.46,0,0,0-.09-2.52,10.75,10.75,0,0,1,3.14-6.77c.92-1,1.93-1.93,2.89-2.9Zm4.4-1.5c4.19,4,8.24,8.24,12.36,12.36,2.06,2.06,5,5.59,8,2.61,4.65-4.62-5-6.8-2.42-10.78C66.3,20.7,76.4,16.48,74.84,9.45,73.62,4,67.12,2.78,63.29,6.32c-2.55,2.36-4.93,4.94-7.39,7.4-.79.78-1.8,2.28-2.88,2.73-2.14.88-3.4-1.62-4.79-2.77-2.58-2.14-6.89-.82-6.53,3C41.89,18.68,43.87,20.09,45.2,21.42Zm-1.45,4.44L27.82,41.79C22,47.57,15.89,53.14,10.41,59.2a8.23,8.23,0,0,0-1.44,2c-.93,2,.25,4.14-.5,6S4.92,69.94,4.3,72a2.34,2.34,0,0,0,2.56,3c1.11-.17,2-1.33,2.71-2.07a11.17,11.17,0,0,1,2.08-2c1.68-.94,4,.17,5.93-.57C20,69.41,22,66.73,23.76,65L34.42,54.3,53.3,35.42Z"/></svg>');
                background-repeat: no-repeat;
                background-size: .9em .9em;
                background-position: left .1em
            }

            .formulate-input[data-classification='text'] input[type="color"]::-webkit-color-swatch {
                display: block;
                height: 1em;
                border-radius: .2em;
                border: 0;
                flex: auto
            }

            .formulate-input[data-classification='text'] input[type="color"]::-moz-color-swatch {
                display: block;
                height: 1em;
                border-radius: .2em;
                border: 0;
                flex: auto
            }

        .formulate-input[data-classification='slider'] .formulate-input-element--range {
            display: flex;
            align-items: center
        }

        .formulate-input[data-classification='slider'] .formulate-input-element-range-value {
            font-size: .9em;
            line-height: 1;
            margin-left: .5em;
            background-color: #efefef;
            padding: .25em .3em;
            border-radius: .25em;
            color: #6d6d6d;
            font-variant-numeric: tabular-nums
        }

        .formulate-input[data-classification='slider'] input {
            appearance: none;
            width: 100%;
            font-size: 1em;
            padding: .5em 0
        }

            .formulate-input[data-classification='slider'] input:focus {
                outline: 0
            }

            .formulate-input[data-classification='slider'] input::-webkit-slider-thumb {
                cursor: pointer;
                appearance: none;
                width: 1em;
                height: 1em;
                border-radius: 1em;
                border: 0;
                background-color: #41b883;
                margin-top: calc(-.5em + 2px)
            }

            .formulate-input[data-classification='slider'] input::-moz-range-thumb {
                cursor: pointer;
                appearance: none;
                width: 1em;
                height: 1em;
                border-radius: 1em;
                border: 0;
                background-color: #41b883;
                margin-top: calc(-.5em + 2px)
            }

            .formulate-input[data-classification='slider'] input::-ms-thumb {
                cursor: pointer;
                appearance: none;
                width: 1em;
                height: 1em;
                border-radius: 1em;
                border: 0;
                background-color: #41b883;
                margin-top: calc(-.5em + 2px)
            }

            .formulate-input[data-classification='slider'] input::-webkit-slider-runnable-track {
                appearance: none;
                width: 100%;
                height: 4px;
                background-color: #efefef;
                border-radius: 3px;
                margin: 0;
                padding: 0
            }

            .formulate-input[data-classification='slider'] input::-moz-range-track {
                appearance: none;
                width: 100%;
                height: 4px;
                background-color: #efefef;
                border-radius: 3px;
                margin: 0;
                padding: 0
            }

        .formulate-input[data-classification='textarea'] textarea {
            appearance: none;
            border-radius: .3em;
            border: 1px solid #cecece;
            box-sizing: border-box;
            background-color: transparent;
            font-size: .9em;
            font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
            padding: .75em;
            display: block;
            width: 100%;
            font-weight: 400;
            line-height: 1.2em;
            margin: 0
        }

            .formulate-input[data-classification='textarea'] textarea::placeholder {
                color: #a8a8a8;
                line-height: normal
            }

            .formulate-input[data-classification='textarea'] textarea:focus {
                outline: 0;
                border: 1px solid #41b883
            }

        .formulate-input[data-classification='button'] button {
            appearance: none;
            border-radius: .3em;
            border: 1px solid #cecece;
            box-sizing: border-box;
            background-color: transparent;
            font-size: .9em;
            font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
            padding: .75em;
            display: block;
            width: 100%;
            font-weight: 400;
            line-height: 1.2em;
            margin: 0;
            border-color: #41b883;
            background-color: #41b883;
            color: white;
            min-width: 0;
            width: auto;
            font-weight: bold;
            cursor: pointer;
            display: inline-flex;
            align-items: center
        }

            .formulate-input[data-classification='button'] button::placeholder {
                color: #a8a8a8;
                line-height: normal
            }

            .formulate-input[data-classification='button'] button:focus {
                outline: 0;
                border: 1px solid #41b883
            }

            .formulate-input[data-classification='button'] button[disabled] {
                background-color: #cecece;
                border-color: #cecece
            }

            .formulate-input[data-classification='button'] button[data-ghost] {
                color: #41b883;
                background-color: transparent;
                border-color: currentColor
            }

            .formulate-input[data-classification='button'] button[data-minor] {
                font-size: .75em;
                display: inline-block
            }

            .formulate-input[data-classification='button'] button[data-danger] {
                background-color: #960505;
                border-color: #960505
            }

                .formulate-input[data-classification='button'] button[data-danger][data-ghost] {
                    color: #960505;
                    background-color: transparent
                }

            .formulate-input[data-classification='button'] button:active {
                background-color: #64c89b;
                border-color: #64c89b
            }

        .formulate-input[data-classification='select'] .formulate-input-element {
            position: relative
        }

            .formulate-input[data-classification='select'] .formulate-input-element::before {
                content: '';
                width: 0;
                height: 0;
                border: .3em solid transparent;
                border-top-color: #cecece;
                border-bottom-width: 0;
                top: 50%;
                margin-top: -.1em;
                right: 1em;
                position: absolute
            }

            .formulate-input[data-classification='select'] .formulate-input-element[data-multiple]::before {
                display: none
            }

        .formulate-input[data-classification='select'] select {
            appearance: none;
            border-radius: .3em;
            border: 1px solid #cecece;
            box-sizing: border-box;
            background-color: transparent;
            font-size: .9em;
            font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
            padding: .75em;
            display: block;
            width: 100%;
            font-weight: 400;
            line-height: 1.2em;
            margin: 0;
            padding-right: 2em
        }

            .formulate-input[data-classification='select'] select::placeholder {
                color: #a8a8a8;
                line-height: normal
            }

            .formulate-input[data-classification='select'] select:focus {
                outline: 0;
                border: 1px solid #41b883
            }

            .formulate-input[data-classification='select'] select option {
                color: #000
            }

                .formulate-input[data-classification='select'] select option:disabled {
                    color: #a8a8a8
                }

            .formulate-input[data-classification='select'] select[multiple] {
                padding: 0;
                overflow-y: auto
            }

                .formulate-input[data-classification='select'] select[multiple] option {
                    padding: 0.75em
                }

            .formulate-input[data-classification='select'] select[data-placeholder-selected] {
                color: #a8a8a8
            }

        .formulate-input[data-classification='box'] .formulate-input-wrapper {
            display: flex;
            align-items: center
        }

        .formulate-input[data-classification='box'] .formulate-input-element {
            overflow: hidden;
            display: flex;
            align-items: center
        }

            .formulate-input[data-classification='box'] .formulate-input-element input {
                position: absolute;
                left: -999px;
                opacity: 0;
                pointer-events: none
            }

        .formulate-input[data-classification='box'] .formulate-input-element-decorator {
            display: block;
            width: 1em;
            height: 1em;
            border-radius: .25em;
            border: 1px solid #cecece;
            position: relative
        }

            .formulate-input[data-classification='box'] .formulate-input-element-decorator::before {
                content: '';
                display: block;
                background-size: contain;
                background-position: right;
                width: calc(100% - .125em);
                height: calc(100% - .125em);
                box-sizing: border-box;
                position: absolute;
                top: .0625em;
                left: .0625em
            }

        .formulate-input[data-classification='box'] .formulate-input-element[data-type="radio"] .formulate-input-element-decorator {
            border-radius: 1em
        }

            .formulate-input[data-classification='box'] .formulate-input-element[data-type="radio"] .formulate-input-element-decorator::before {
                border-radius: 1em;
                width: calc(100% - .5em);
                height: calc(100% - .5em);
                top: .25em;
                left: .25em
            }

        .formulate-input[data-classification='box'] .formulate-input-element input[type="checkbox"]:checked ~ .formulate-input-element-decorator {
            border-color: #41b883
        }

            .formulate-input[data-classification='box'] .formulate-input-element input[type="checkbox"]:checked ~ .formulate-input-element-decorator::before {
                background-color: #41b883;
                mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M8.76,56.2c-6.38-6.34,3.26-16,9.64-9.69L38,65.88,80.56,23.29c6.38-6.38,16.07,3.32,9.69,9.69L42.84,80.37a6.83,6.83,0,0,1-9.65,0Z"/></svg>')
            }

        .formulate-input[data-classification='box'] .formulate-input-element input[type="radio"]:checked ~ .formulate-input-element-decorator {
            border-color: #41b883
        }

            .formulate-input[data-classification='box'] .formulate-input-element input[type="radio"]:checked ~ .formulate-input-element-decorator::before {
                background-color: #41b883
            }

        .formulate-input[data-classification='box'] .formulate-input-element input:focus ~ .formulate-input-element-decorator {
            border-color: #41b883
        }

        .formulate-input[data-classification='box'] .formulate-input-label--after {
            margin-left: .5em
        }

        .formulate-input[data-classification='box'] .formulate-input-label--before {
            margin-right: .5em
        }

        .formulate-input[data-classification='group'] .formulate-input-group-item {
            margin-bottom: .5em
        }

        .formulate-input[data-classification='group'] > .formulate-input-wrapper > .formulate-input-label {
            margin-bottom: .5em
        }

        .formulate-input[data-classification='group'] [data-is-repeatable] {
            padding: 1em;
            border: 1px solid #efefef;
            border-radius: .3em
        }

            .formulate-input[data-classification='group'] [data-is-repeatable] .formulate-input-grouping {
                margin: -1em -1em 0 -1em
            }

            .formulate-input[data-classification='group'] [data-is-repeatable] .formulate-input-group-repeatable {
                padding: 1em 3em 1em 1em;
                border-bottom: 1px solid #efefef;
                position: relative
            }

            .formulate-input[data-classification='group'] [data-is-repeatable] .formulate-input-group-repeatable-remove {
                position: absolute;
                display: block;
                top: calc(50% - .65em + .5em);
                width: 1.3em;
                height: 1.3em;
                background-color: #cecece;
                right: .85em;
                border-radius: 1.3em;
                cursor: pointer;
                transition: background-color .2s;
                overflow: hidden;
                text-indent: -1000px
            }

                .formulate-input[data-classification='group'] [data-is-repeatable] .formulate-input-group-repeatable-remove::before, .formulate-input[data-classification='group'] [data-is-repeatable] .formulate-input-group-repeatable-remove::after {
                    content: '';
                    position: absolute;
                    top: calc(50% - .1em);
                    left: .325em;
                    display: block;
                    width: .65em;
                    height: .2em;
                    background-color: white;
                    transform-origin: center center;
                    transition: transform .25s
                }

    @media (pointer: fine) {
        .formulate-input[data-classification='group'] [data-is-repeatable] .formulate-input-group-repeatable-remove:hover {
            background-color: #dc2c2c
        }

            .formulate-input[data-classification='group'] [data-is-repeatable] .formulate-input-group-repeatable-remove:hover::after, .formulate-input[data-classification='group'] [data-is-repeatable] .formulate-input-group-repeatable-remove:hover::before {
                height: .2em;
                width: .75em;
                left: .25em;
                top: calc(50% - .075em)
            }

            .formulate-input[data-classification='group'] [data-is-repeatable] .formulate-input-group-repeatable-remove:hover::after {
                transform: rotate(45deg)
            }

            .formulate-input[data-classification='group'] [data-is-repeatable] .formulate-input-group-repeatable-remove:hover::before {
                transform: rotate(-45deg)
            }
    }

    .formulate-input[data-classification='group'] [data-is-repeatable] .formulate-input-group-repeatable:last-child {
        margin-bottom: 1em
    }

    .formulate-input[data-classification="file"] .formulate-input-upload-area {
        width: 100%;
        position: relative;
        padding: 2em 0
    }

        .formulate-input[data-classification="file"] .formulate-input-upload-area input {
            cursor: pointer;
            appearance: none;
            opacity: 0;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            top: 0;
            width: 100%;
            height: 100%;
            z-index: 5
        }

        .formulate-input[data-classification="file"] .formulate-input-upload-area[data-has-files] {
            padding: 0
        }

            .formulate-input[data-classification="file"] .formulate-input-upload-area[data-has-files] input {
                display: none
            }

    .formulate-input[data-classification="file"] .formulate-input-upload-area-mask {
        border-radius: .4em;
        position: absolute;
        pointer-events: none;
        display: flex;
        justify-content: center;
        align-items: center;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        border: 2px dashed #a8a8a8;
        z-index: 2
    }

        .formulate-input[data-classification="file"] .formulate-input-upload-area-mask::before {
            content: '';
            background-color: #a8a8a8;
            mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 58 58"><path d="M29,58A29,29,0,1,0,0,29,29,29,0,0,0,29,58ZM29,4A25,25,0,1,1,4,29,25,25,0,0,1,29,4Z"/><polygon points="27 22 27 44.4 31 44.4 31 22 41.7 31.1 44.3 28.1 29 15 13.7 28.1 16.3 31.1 27 22"/></svg>');
            mask-repeat: no-repeat;
            mask-position: center;
            width: 2em;
            height: 2em;
            position: absolute;
            pointer-events: none
        }

    .formulate-input[data-classification="file"] .formulate-input-upload-area input:focus ~ .formulate-input-upload-area-mask, .formulate-input[data-classification="file"] .formulate-input-upload-area input:hover ~ .formulate-input-upload-area-mask, .formulate-input[data-classification="file"] .formulate-input-upload-area input[data-is-drag-hover] ~ .formulate-input-upload-area-mask {
        border-color: #41b883
    }

        .formulate-input[data-classification="file"] .formulate-input-upload-area input:focus ~ .formulate-input-upload-area-mask::before, .formulate-input[data-classification="file"] .formulate-input-upload-area input:hover ~ .formulate-input-upload-area-mask::before, .formulate-input[data-classification="file"] .formulate-input-upload-area input[data-is-drag-hover] ~ .formulate-input-upload-area-mask::before {
            background-color: #41b883
        }

    .formulate-input[data-classification="file"] .formulate-files {
        list-style-type: none;
        margin: 0;
        padding: 0
    }

        .formulate-input[data-classification="file"] .formulate-files .formulate-file-progress {
            background-color: #cecece;
            height: .3em;
            border-radius: 1.25em;
            width: 5em;
            overflow: hidden;
            position: relative;
            flex: 0 0 5em;
            right: .75em;
            transition: height .25s, width .25s, flex-basis .25s;
            z-index: 2
        }

            .formulate-input[data-classification="file"] .formulate-files .formulate-file-progress::before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                display: block;
                opacity: 0;
                transform: scale(0.08);
                background-color: #fff;
                mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M8.76,56.2c-6.38-6.34,3.26-16,9.64-9.69L38,65.88,80.56,23.29c6.38-6.38,16.07,3.32,9.69,9.69L42.84,80.37a6.83,6.83,0,0,1-9.65,0Z"/></svg>');
                mask-size: 77%;
                mask-repeat: no-repeat;
                mask-position: center;
                z-index: 3
            }

            .formulate-input[data-classification="file"] .formulate-files .formulate-file-progress[data-just-finished] {
                width: 1.25em;
                height: 1.25em;
                flex: 0 0 1.25em
            }

                .formulate-input[data-classification="file"] .formulate-files .formulate-file-progress[data-just-finished]::before {
                    transition: transform .25s .2s, opacity .25s .2s;
                    transform: scale(1);
                    opacity: 1
                }

            .formulate-input[data-classification="file"] .formulate-files .formulate-file-progress[data-is-finished] {
                transition: height .25s, width .25s, left .25s, top, .25s, border-radius .25s;
                width: .3em;
                flex: 0 0 .3em;
                height: 100%;
                right: 0;
                border-radius: 0 .23em .23em 0
            }

                .formulate-input[data-classification="file"] .formulate-files .formulate-file-progress[data-is-finished]::before {
                    transition: opacity .1s;
                    opacity: 0
                }

            .formulate-input[data-classification="file"] .formulate-files .formulate-file-progress .formulate-file-progress-inner {
                background-color: #41b883;
                width: 1%;
                position: absolute;
                left: 0;
                bottom: 0;
                top: 0;
                z-index: 2
            }

        .formulate-input[data-classification="file"] .formulate-files .formulate-file-name {
            padding-left: 1.5em;
            padding-right: 2em;
            max-width: 100%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            margin-right: auto
        }

            .formulate-input[data-classification="file"] .formulate-files .formulate-file-name::before {
                position: absolute;
                left: .7em;
                top: 50%;
                margin-top: -.7em;
                background-color: #a8a8a8;
                content: '';
                mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.06 83.59"><path d="M55.94,83.59a8.16,8.16,0,0,0,8.12-8.16V19.12a1.77,1.77,0,0,0-.52-1.25L46.21.59A1.69,1.69,0,0,0,45.14.08L44.69,0l-.18,0H8.13A8.18,8.18,0,0,0,0,8.16V75.41a8.16,8.16,0,0,0,8.13,8.16H55.94ZM46.68,6,58.11,17.38H46.68ZM3.52,75.43V8.16A4.64,4.64,0,0,1,8.13,3.52h35V19.16a1.75,1.75,0,0,0,1.76,1.74H60.55V75.43a4.65,4.65,0,0,1-4.61,4.65H8.13A4.65,4.65,0,0,1,3.52,75.43Z"/></svg>');
                mask-repeat: no-repeat;
                mask-size: contain;
                width: 1.25em;
                height: 1.25em;
                display: inline-block;
                margin-right: .5em
            }

        .formulate-input[data-classification="file"] .formulate-files .formulate-file-remove {
            width: 1.25em;
            height: 1.25em;
            border-radius: 1em;
            border: 1px solid #a8a8a8;
            background-color: #a8a8a8;
            mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 59.1 59.2"><path d="M1.6,57.7a5,5,0,0,0,3.5,1.5,4.85,4.85,0,0,0,3.5-1.5l21-21,21,21a5,5,0,0,0,3.5,1.5,4.85,4.85,0,0,0,3.5-1.5,5,5,0,0,0,0-7.1l-21-21,21-21a5,5,0,0,0,0-7.1,5,5,0,0,0-7.1,0l-21,21L8.6,1.7a5,5,0,0,0-7.1,0,5,5,0,0,0,0,7.1l21,21L1.6,50.7A4.83,4.83,0,0,0,1.6,57.7Z"/></svg>');
            mask-size: .6em;
            mask-repeat: no-repeat;
            mask-position: center;
            cursor: pointer;
            position: absolute;
            right: .75em;
            z-index: 1;
            transition: transform .25s
        }

    @media (pointer: fine) {
        .formulate-input[data-classification="file"] .formulate-files .formulate-file-remove:hover {
            transform: scale(1.5)
        }
    }

    .formulate-input[data-classification="file"] .formulate-files li {
        display: block
    }

        .formulate-input[data-classification="file"] .formulate-files li[data-has-error] .formulate-file-progress {
            background-color: #dc2c2c
        }

        .formulate-input[data-classification="file"] .formulate-files li[data-has-preview] .formulate-file-name:before {
            display: none
        }

        .formulate-input[data-classification="file"] .formulate-files li + li {
            margin-top: .5em
        }

    .formulate-input[data-classification="file"] .formulate-files .formulate-file {
        appearance: none;
        border-radius: .3em;
        border: 1px solid #cecece;
        box-sizing: border-box;
        background-color: transparent;
        font-size: .9em;
        font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
        padding: .75em;
        display: block;
        width: 100%;
        font-weight: 400;
        line-height: 1.2em;
        margin: 0;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative
    }

        .formulate-input[data-classification="file"] .formulate-files .formulate-file::placeholder {
            color: #a8a8a8;
            line-height: normal
        }

        .formulate-input[data-classification="file"] .formulate-files .formulate-file:focus {
            outline: 0;
            border: 1px solid #41b883
        }

        .formulate-input[data-classification="file"] .formulate-files .formulate-file ::-webkit-progress-bar {
            appearance: none;
            height: .5em;
            border-radius: .5em;
            overflow: hidden
        }

    .formulate-input[data-classification="file"] .formulate-files .formulate-file-image-preview {
        width: 3em;
        height: 3em;
        flex: 0 0 3em;
        position: relative;
        z-index: 2;
        left: -1px;
        box-shadow: 0 0 0 1px #efefef;
        transition: transform .25s, box-shadow .25s, background-color .25s
    }

    @media (pointer: fine) {
        .formulate-input[data-classification="file"] .formulate-files .formulate-file-image-preview:hover {
            transition-delay: .2s;
            transform: scale(3);
            background-color: #fff;
            box-shadow: 0 0 2px 0 rgba(0,0,0,0.1)
        }
    }

    .formulate-input[data-classification="file"] .formulate-files .formulate-file-image-preview img {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        object-fit: contain;
        transition: all .25s
    }

    .formulate-input[data-classification="file"] [data-type="image"] .formulate-input-upload-area .formulate-input-upload-area-mask::before {
        mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 90 71.05"><path d="M82.89,0H7.1A7.12,7.12,0,0,0,0,7.11V64a7.11,7.11,0,0,0,7.1,7.1H82.9A7.11,7.11,0,0,0,90,64V7.11A7.12,7.12,0,0,0,82.89,0ZM69.28,39.35a5.44,5.44,0,0,0-8,0L50.58,50.74,32.38,30.88a5.31,5.31,0,0,0-7.92,0L4.74,52.4V7.11A2.37,2.37,0,0,1,7.11,4.74H82.9a2.37,2.37,0,0,1,2.36,2.37V56.3Z"/><circle cx="67.74" cy="22.26" r="8.53"/></svg>')
    }

    .formulate-form-errors {
        margin: .75em 0;
        padding: 0;
        list-style-type: none
    }

        .formulate-form-errors:first-child {
            margin-top: 0
        }

        .formulate-form-errors:last-child {
            margin-bottom: 0
        }

        .formulate-form-errors .formulate-form-error {
            color: #960505;
            font-size: .9em;
            font-weight: 300;
            line-height: 1.5;
            margin-bottom: .25em
        }

    .im-checkout .panel {
        margin-bottom: 1rem
    }

    .formulate-input[data-classification="file"] .formulate-input-upload-area-mask {
        font-size: 1.5rem;
        font-family: "Material Icons",sans-serif;
        font-weight: normal;
        font-style: normal;
        line-height: 1;
        letter-spacing: normal;
        text-transform: none;
        display: inline-block;
        white-space: nowrap;
        word-wrap: normal;
        direction: ltr;
        -webkit-font-feature-settings: "liga";
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-feature-settings: "liga";
        display: flex;
        font-size: 2rem
    }

        .formulate-input[data-classification="file"] .formulate-input-upload-area-mask::before {
            content: "cloud_upload";
            height: unset;
            width: unset;
            background-color: transparent !important
        }

    .formulate-file-remove {
        font-size: 1.5rem;
        font-family: "Material Icons",sans-serif;
        font-weight: normal;
        font-style: normal;
        line-height: 1;
        letter-spacing: normal;
        text-transform: none;
        display: inline-block;
        white-space: nowrap;
        word-wrap: normal;
        direction: ltr;
        -webkit-font-feature-settings: "liga";
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-feature-settings: "liga";
        height: unset !important;
        width: unset !important;
        background-color: transparent !important;
        border: 0 !important
    }

        .formulate-file-remove::before {
            content: "close"
        }

    .formulate-file-name {
        padding-left: 0 !important
    }

        .formulate-file-name::before {
            display: none !important
        }

    .formulate-input .formulate-input-label {
        font-family: "Lineto Circular", sans-serif !important;
        font-weight: normal;
        font-size: 0.9rem
    }

    .formulate-input:not([data-type="checkbox"]) .formulate-input-label {
        margin-bottom: 0.5rem
    }

    .formulate-input[data-classification="button"] button {
        font-family: "Lineto Circular", sans-serif !important
    }

    .formulate-input-element label {
        margin-bottom: 0
    }

    .formulate-input-element[data-type="number"], .formulate-input-element[data-type="password"], .formulate-input-element[data-type="select"], .formulate-input-element[data-type="text"], .formulate-input-element[data-type="email"], .formulate-input-element[data-type="date"] {
        max-width: unset
    }

    .formulate-input[data-classification="box"] .formulate-input-element input[type="checkbox"]:checked ~ .formulate-input-element-decorator::before {
        background-color: #5252f2 !important
    }

    .formulate-input[data-classification="file"] .formulate-input-upload-area input:hover ~ .formulate-input-upload-area-mask {
        border-color: #5252f2 !important;
        color: #5252f2 !important
    }

    .formulate-input .formulate-input-help {
        font-size: 0.7rem;
        margin-top: 0.5rem
    }

    .formulate-input input:focus, .formulate-input select:focus, .formulate-input textarea:focus {
        border-color: #5252f2 !important
    }

    .formulate-input[data-is-showing-errors="true"] input, .formulate-input[data-is-showing-errors="true"] select, .formulate-input[data-is-showing-errors="true"] textarea, .formulate-input[data-is-showing-errors="true"] .formulate-file {
        border-color: #cc0019 !important
    }

    .formulate-input-element input[type="number"], .formulate-input[data-classification="file"] .formulate-files .formulate-file {
        line-height: 1.55em
    }

    .formulate-input[data-classification="button"] button {
        border-color: #5252f2;
        background-color: #5252f2
    }

        .formulate-input[data-classification="button"] button:active {
            background-color: #0e0047;
            border-color: #0e0047
        }

    .formulate-input-element[data-type="textarea"] {
        width: 100%;
        max-width: unset
    }

        .formulate-input-element[data-type="textarea"] textarea {
            height: unset
        }

    .vsm {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1050;
        background: rgba(0,0,0,0.5);
        overflow: auto
    }

    .vsm-modal {
        box-sizing: border-box;
        margin: 50px auto 16px;
        margin-top: 50vh;
        transform: translateY(-50%);
        background: white;
        border-radius: 4px;
        overflow: hidden;
        box-sizing: border-box;
        position: relative;
        width: auto;
        margin-left: 16px;
        margin-right: 16px
    }

    .vsm-modal-body, .vsm-modal-footer, .vsm-modal-header {
        padding: 16px
    }

    .vsm-modal-header {
        background: #f7f7f7
    }

        .vsm-modal-header .title {
            margin: 0;
            font-size: 20px
        }

    .vsm-modal-footer {
        border-top: 1px solid #f7f7f7
    }

    .vsm-modal .btn-close {
        position: absolute;
        right: 16px;
        top: 8px;
        border: none;
        background: transparent;
        font-size: 24px;
        color: #b4c0c1;
        cursor: pointer
    }

        .vsm-modal .btn-close:focus {
            outline: none
        }

    @media (min-width: 576px) {
        .vsm-modal.responsive {
            max-width: 500px;
            margin-left: auto;
            margin-right: auto
        }
    }

    @media (min-width: 992px) {
        .vsm-modal.responsive {
            max-width: 800px
        }
    }

    .vsm-modal.small {
        max-width: 500px;
        margin-left: auto;
        margin-right: auto
    }

    .fade-enter-active, .fade-leave-active {
        transition: all 0.2s ease-in
    }

    .fade-enter, .fade-leave-to {
        opacity: 0
    }

    .vsm-overflow-hidden {
        overflow: hidden
    }

    .vsm-overflow-hidden-ipad {
        position: fixed;
        width: 100%
    }

    .vsm-scrollbar-measure {
        width: 100px;
        height: 100px;
        overflow: scroll;
        position: absolute;
        top: -9999px
    }

    .form-row {
        display: flex;
        margin-top: 1rem
    }

        .form-row .form-row-column {
            flex: 1;
            flex-direction: column;
            margin-right: 1rem
        }

    @media screen and (max-width: 768px) {
        .form-row {
            flex-direction: column
        }

            .form-row .form-row-column {
                margin-right: 0
            }

            .form-row > *:not(:first-child) {
                margin-top: 1rem
            }
    }
    /*!
  * driveway - pure CSS masonry layout aid
  *
  * @license MIT
  * @author jh3y
*/

    .dw {
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
        position: relative
    }

        .dw, .dw * {
            box-sizing: border-box
        }

    @media (min-width: 768px) {
        .dw {
            -webkit-column-count: 2;
            -moz-column-count: 2;
            column-count: 2
        }
    }

    @media (min-width: 992px) {
        .dw {
            -webkit-column-count: 4;
            -moz-column-count: 4;
            column-count: 4
        }
    }

    @media (min-width: 1500px) {
        .dw {
            -webkit-column-count: 4;
            -moz-column-count: 4;
            column-count: 4
        }
    }

    .dw-panel {
        color: rgba(255,255,255,0.62);
        padding: 5px;
        margin-left: 10px;
        margin-right: 10px;
        margin-top: 0;
        margin-bottom: 20px;
        background: #161616;
        border: 1px solid rgba(0,0,0,0.21)
    }

    .dw-panel--focus {
        position: relative
    }

        .dw-panel--focus:hover {
            z-index: 2
        }

    .dw-panel--pulse {
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-perspective: 1000;
        perspective: 1000;
        -webkit-transition: -webkit-transform 0.25s ease 0s;
        transition: -webkit-transform 0.25s ease 0s;
        transition: transform 0.25s ease 0s;
        transition: transform 0.25s ease 0s, -webkit-transform 0.25s ease 0s
    }

        .dw-panel--pulse:hover {
            -webkit-transform: scale(1.02);
            transform: scale(1.02)
        }

    .dw-panel__content {
        border-radius: 10px;
        overflow: hidden;
        padding: 20px;
        width: 100%
    }

    @media (min-width: 768px) {
        .dw-panel {
            -webkit-column-break-inside: avoid;
            page-break-inside: avoid;
            break-inside: avoid
        }
    }

    .dw-flip {
        -webkit-perspective: 1000;
        perspective: 1000
    }

        .dw-flip:hover .dw-flip__content {
            -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg)
        }

    .dw-flip--sm {
        height: 200px
    }

    .dw-flip--md {
        height: 300px
    }

    .dw-flip--lg {
        height: 400px
    }

    .dw-flip__panel {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        border-radius: 10px;
        height: 100%;
        left: 0;
        overflow: visible;
        padding: 20px;
        position: absolute;
        top: 0;
        width: 100%
    }

    .dw-flip__panel--front {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
        z-index: 1
    }

    .dw-flip__panel--back {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg)
    }

    .dw-flip__content {
        height: 100%;
        overflow: visible;
        position: relative;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transition: 0.25s;
        transition: 0.25s
    }

    .dw-cluster {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0
    }

    @media (max-width: 430px) {
        .dw-cluster--vertical {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column
        }
    }

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

    .dw-cluster__segment {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .dw-cluster__segment, .dw-cluster__segment--row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    @media (max-width: 430px) {
        .dw-cluster__segment--row {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column
        }
    }

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

    @media (min-width: 430px) {
        .dw-cluster__segment--half {
            -ms-flex-preferred-size: 50%;
            flex-basis: 50%
        }

        .dw-cluster__segment--quart {
            -ms-flex-preferred-size: 25%;
            flex-basis: 25%
        }
    }

    .base-hs-button-styles, .hs-button-reset, .hs-form .hs-button {
        display: block;
        width: 90%;
        padding: 0 8px;
        cursor: pointer;
        outline: none;
        text-align: center;
        color: #fff;
        min-width: 179px;
        min-height: 38px;
        border: none;
        transition: all 0.15s ease;
        border-radius: 3px;
        background-color: #5252f2
    }

        .base-hs-button-styles:hover, .hs-form .hs-button:hover {
            text-decoration: none
        }

    input.hs-input[type="checkbox"], input.hs-input[type="radio"] {
        cursor: pointer
    }

    input.hs-input, textarea.hs-input, select.hs-input {
        height: 43px;
        width: 90%;
        padding: 0 0 0 16px;
        color: #212425;
        font-size: 14px;
        line-height: 1.36;
        outline: none;
        box-sizing: border-box;
        background: #fff;
        border: 1px solid #e8e9ec;
        box-shadow: 0 1px 1px 0 rgba(243,244,245,0.65);
        border-radius: 5px;
        transition: border-color 300ms
    }

    .hs-form select.hs-input {
        max-width: 532px;
        width: calc(90% + 32px)
    }

    .hs-input input:focus, .hs-input textarea:focus {
        border-color: #85bbff
    }

    textarea.hs-input {
        padding-top: 5px
    }

    html.webkit textarea.hs-input {
        padding-top: 6px;
        padding-left: 5px
    }

    input.hs-input[type="checkbox"], input.hs-input[type="radio"] {
        width: auto;
        height: auto;
        padding: 0;
        margin: 3px 0;
        line-height: normal;
        border: none
    }

    input.hs-input[type="file"] {
        background-color: #fff;
        padding: initial;
        border: initial;
        line-height: initial;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }

    input.hs-input[type="button"], input.hs-input[type="reset"], input.hs-input[type="submit"] {
        width: auto;
        height: auto
    }

    input.hs-input[type="search"] {
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        -ms-border-radius: 16px;
        border-radius: 16px;
        background-image: url("/common_assets/static-2.158/img/form/search.png");
        background-repeat: no-repeat;
        padding-left: 26px;
        padding-right: 6px;
        padding-top: 5px;
        padding-bottom: 3px;
        background-position: 8px 8px
    }

    html.firefox input.hs-input[type="search"] {
        position: relative;
        top: 1px
    }

    input.hs-input[type="search"].transparent-image {
        background-image: url("/common_assets/static-2.158/img/form/search-transparent.png")
    }

    input.hs-input[type="search"]::-webkit-search-decoration, input.hs-input[type="search"]::-webkit-search-cancel-button, input.hs-input[type="search"]::-webkit-search-results-button, input.hs-input[type="search"]::-webkit-search-results-decoration {
        display: none
    }

    select.hs-input, input.hs-input[type="file"] {
        height: 27px
    }

    select[multiple].hs-input {
        height: inherit
    }

    textarea.hs-input {
        height: auto
    }

    .hs-input:-moz-placeholder {
        color: #bfbfbf
    }

    .hs-input::-webkit-input-placeholder {
        color: #bfbfbf
    }

    input.hs-input, textarea.hs-input {
        -webkit-transition: border 0.2s linear, box-shadow 0.2s linear;
        -moz-transition: border 0.2s linear, box-shadow 0.2s linear;
        transition: border 0.2s linear, box-shadow 0.2s linear;
        -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
        -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
        box-shadow: inset 0 1px 3px rgba(0,0,0,0.1)
    }

        input.hs-input:focus, textarea.hs-input:focus {
            outline: none;
            border-color: rgba(82,168,236,0.8);
            -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.1),0 0 8px rgba(82,168,236,0.6);
            -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.1),0 0 8px rgba(82,168,236,0.6);
            box-shadow: inset 0 1px 3px rgba(0,0,0,0.1),0 0 8px rgba(82,168,236,0.6)
        }

        input.hs-input.error, .hs-form div.field.error input, .hs-form div.field.error textarea, .hs-form div.field.error .chzn-choices, textarea.hs-input.error {
            border-color: #c87872;
            -webkit-box-shadow: 0 0 3px rgba(171,41,32,0.25);
            -moz-box-shadow: 0 0 3px rgba(171,41,32,0.25);
            box-shadow: 0 0 3px rgba(171,41,32,0.25)
        }

            input.hs-input.error:focus, .hs-form div.field.error input:focus, .hs-form div.field.error textarea:focus, .hs-form div.field.error .chzn-choices:focus, textarea.hs-input.error:focus {
                border-color: #b9554d;
                -webkit-box-shadow: 0 0 6px rgba(171,41,32,0.5);
                -moz-box-shadow: 0 0 6px rgba(171,41,32,0.5);
                box-shadow: 0 0 6px rgba(171,41,32,0.5)
            }

    .input-mini.hs-input, input.mini.hs-input, textarea.mini.hs-input, select.mini.hs-input {
        width: 60px
    }

    .input-small.hs-input, input.small.hs-input, textarea.small.hs-input, select.small.hs-input {
        width: 90px
    }

    .input-medium.hs-input, input.medium.hs-input, textarea.medium.hs-input, select.medium.hs-input {
        width: 150px
    }

    .input-large.hs-input, input.large.hs-input, textarea.large.hs-input, select.large.hs-input {
        width: 210px
    }

    .input-xlarge.hs-input, input.xlarge.hs-input, textarea.xlarge.hs-input, select.xlarge.hs-input {
        width: 270px
    }

    .input-xxlarge.hs-input, input.xxlarge.hs-input, textarea.xxlarge.hs-input, select.xxlarge.hs-input {
        width: 530px
    }

    .input-stretch.hs-input, input.stretch.hs-input, textarea.stretch.hs-input, select.stretch.hs-input {
        box-sizing: border-box;
        width: 100%
    }

    textarea.hs-input.xxlarge {
        overflow-y: auto
    }

    input.hs-input.span1, textarea.hs-input.span1, select.hs-input.span1 {
        display: inline-block;
        float: none;
        width: 30px;
        margin-left: 0
    }

    input.hs-input.span2, textarea.hs-input.span2, select.hs-input.span2 {
        display: inline-block;
        float: none;
        width: 90px;
        margin-left: 0
    }

    input.hs-input.span3, textarea.hs-input.span3, select.hs-input.span3 {
        display: inline-block;
        float: none;
        width: 150px;
        margin-left: 0
    }

    input.hs-input.span4, textarea.hs-input.span4, select.hs-input.span4 {
        display: inline-block;
        float: none;
        width: 210px;
        margin-left: 0
    }

    input.hs-input.span5, textarea.hs-input.span5, select.hs-input.span5 {
        display: inline-block;
        float: none;
        width: 270px;
        margin-left: 0
    }

    input.hs-input.span6, textarea.hs-input.span6, select.hs-input.span6 {
        display: inline-block;
        float: none;
        width: 330px;
        margin-left: 0
    }

    input.hs-input.span7, textarea.hs-input.span7, select.hs-input.span7 {
        display: inline-block;
        float: none;
        width: 390px;
        margin-left: 0
    }

    input.hs-input.span8, textarea.hs-input.span8, select.hs-input.span8 {
        display: inline-block;
        float: none;
        width: 450px;
        margin-left: 0
    }

    input.hs-input.span9, textarea.hs-input.span9, select.hs-input.span9 {
        display: inline-block;
        float: none;
        width: 510px;
        margin-left: 0
    }

    input.hs-input.span10, textarea.hs-input.span10, select.hs-input.span10 {
        display: inline-block;
        float: none;
        width: 570px;
        margin-left: 0
    }

    input.hs-input.span11, textarea.hs-input.span11, select.hs-input.span11 {
        display: inline-block;
        float: none;
        width: 630px;
        margin-left: 0
    }

    input.hs-input.span12, textarea.hs-input.span12, select.hs-input.span12 {
        display: inline-block;
        float: none;
        width: 690px;
        margin-left: 0
    }

    input.hs-input.span13, textarea.hs-input.span13, select.hs-input.span13 {
        display: inline-block;
        float: none;
        width: 750px;
        margin-left: 0
    }

    input.hs-input.span14, textarea.hs-input.span14, select.hs-input.span14 {
        display: inline-block;
        float: none;
        width: 810px;
        margin-left: 0
    }

    input.hs-input.span15, textarea.hs-input.span15, select.hs-input.span15 {
        display: inline-block;
        float: none;
        width: 870px;
        margin-left: 0
    }

    input.hs-input.span16, textarea.hs-input.span16, select.hs-input.span16 {
        display: inline-block;
        float: none;
        width: 930px;
        margin-left: 0
    }

    input.hs-input[disabled], select.hs-input[disabled], textarea.hs-input[disabled] {
        background-color: #f5f5f5;
        border-color: #ddd;
        cursor: not-allowed
    }

    .help-inline, .help-block {
        font-size: 11px;
        line-height: 18px;
        color: #818181
    }

    .help-inline {
        padding-left: 5px
    }

    .help-block {
        display: block;
        max-width: 600px
    }

    .inline-inputs {
        color: #818181
    }

        .inline-inputs span, .inline-inputs input {
            display: inline-block
        }

            .inline-inputs input.mini {
                width: 60px
            }

            .inline-inputs input.small {
                width: 90px
            }

        .inline-inputs span {
            padding: 0 2px 0 1px
        }

    .input-prepend input, .input-append input {
        -webkit-border-radius: 0 3px 3px 0;
        -moz-border-radius: 0 3px 3px 0;
        -ms-border-radius: 0 3px 3px 0;
        border-radius: 0 3px 3px 0
    }

    .input-prepend .add-on, .input-append .add-on {
        position: relative;
        background: #f5f5f5;
        border: 1px solid #ccc;
        z-index: 2;
        float: left;
        display: block;
        width: auto;
        min-width: 16px;
        height: 18px;
        padding: 4px 4px 4px 5px;
        margin-right: -1px;
        font-weight: normal;
        line-height: 18px;
        color: #bfbfbf;
        text-align: center;
        text-shadow: 0 1px 0 #fff;
        -webkit-border-radius: 3px 0 0 3px;
        -moz-border-radius: 3px 0 0 3px;
        -ms-border-radius: 3px 0 0 3px;
        border-radius: 3px 0 0 3px
    }

    .input-prepend .active, .input-append .active {
        background: #bfe0bf;
        border-color: #59ad59
    }

    .input-append input {
        float: left;
        -webkit-border-radius: 3px 0 0 3px;
        -moz-border-radius: 3px 0 0 3px;
        -ms-border-radius: 3px 0 0 3px;
        border-radius: 3px 0 0 3px
    }

    .input-append .add-on {
        -webkit-border-radius: 0 3px 3px 0;
        -moz-border-radius: 0 3px 3px 0;
        -ms-border-radius: 0 3px 3px 0;
        border-radius: 0 3px 3px 0;
        margin-right: 0;
        margin-left: -1px
    }

    .hs-form {
        margin-bottom: 18px
    }

        .hs-form fieldset {
            margin-bottom: 18px;
            padding-top: 18px
        }

            .hs-form fieldset legend {
                display: block;
                margin-left: 150px;
                font-size: 19.5px;
                line-height: 1;
                color: #414141
            }

        .hs-form .clearfix, .hs-form .field, .hs-form .hs-form-field {
            margin-bottom: 18px
        }

            .hs-form .clearfix:after, .hs-form .field:after, .hs-form .hs-form-field:after {
                content: "";
                display: table;
                clear: both
            }

        .hs-form label {
            padding-top: 5px;
            font-size: 13px;
            line-height: 18px;
            font-weight: bold;
            float: left;
            width: 130px;
            text-align: right;
            color: #414141
        }

    .section--black .hs-form label, .section--dark-grey .hs-form label {
        color: rgba(255,255,255,0.62)
    }

    .hs-form .input {
        margin-left: 150px
    }

    .hs-form div.field.error {
        background: #fae5e3;
        padding: 6px 0;
        margin-bottom: 18px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px
    }

        .hs-form div.field.error > label, .hs-form div.field.error span.help-inline, .hs-form div.field.error span.help-block {
            color: #9d261d
        }

        .hs-form div.field.error .input-prepend span.add-on, .hs-form div.field.error .input-append span.add-on {
            background: #f4c8c5;
            border-color: #c87872;
            color: #b9554d
        }

    .hs-form .hsErrMsgContainer ul {
        margin-top: 6px;
        margin-bottom: 0px;
        margin-left: 7px;
        list-style: none
    }

        .hs-form .hsErrMsgContainer ul li {
            font-size: 12px;
            color: #a44e47;
            text-indent: 0
        }

    .hs-form .hsErrMsgContainer .hs-block-message {
        min-width: 200px;
        width: 200px
    }

        .hs-form .hsErrMsgContainer .hs-block-message ul {
            margin-top: 0px
        }

    .hs-form .actions {
        background: #f5f5f5;
        margin-top: 18px;
        margin-bottom: 18px;
        padding: 17px 20px 18px 150px;
        border-top: 1px solid #ddd;
        -webkit-border-radius: 0 0 3px 3px;
        -moz-border-radius: 0 0 3px 3px;
        -ms-border-radius: 0 0 3px 3px;
        border-radius: 0 0 3px 3px
    }

        .hs-form .actions .secondary-action {
            float: right
        }

            .hs-form .actions .secondary-action a {
                line-height: 30px
            }

                .hs-form .actions .secondary-action a:hover {
                    text-decoration: underline
                }

    .hs-form .inputs-list {
        margin: 0 0 5px;
        width: 100%
    }

        .hs-form .inputs-list > li {
            display: block;
            padding: 0;
            width: 100%;
            text-indent: 0
        }

        .hs-form .inputs-list label {
            display: block;
            float: none;
            width: auto;
            padding: 0;
            line-height: 18px;
            text-align: left;
            white-space: normal;
            font-weight: normal
        }

            .hs-form .inputs-list label strong {
                color: #818181
            }

            .hs-form .inputs-list label small {
                font-size: 11px;
                font-weight: normal
            }

        .hs-form .inputs-list .inputs-list {
            margin-left: 25px;
            margin-bottom: 10px;
            padding-top: 0
        }

        .hs-form .inputs-list:first-child {
            padding-top: 6px
        }

        .hs-form .inputs-list > li + li {
            padding-top: 2px;
            text-indent: 0
        }

        .hs-form .inputs-list input[type="radio"], .hs-form .inputs-list input[type="checkbox"] {
            margin-bottom: 0
        }

    .hs-form.stacked {
        padding-left: 20px
    }

        .hs-form.stacked fieldset {
            padding-top: 9px
        }

        .hs-form.stacked legend {
            margin-left: 0
        }

        .hs-form.stacked label {
            display: block;
            float: none;
            width: auto;
            font-weight: bold;
            text-align: left;
            line-height: 20px;
            padding-top: 0;
            margin-bottom: 4px
        }

        .hs-form.stacked .field {
            margin-bottom: 18px
        }

            .hs-form.stacked .field div.input {
                margin-left: 0
            }

                .hs-form.stacked .field div.input > input + a, .hs-form.stacked .field div.input select + a, .hs-form.stacked .field div.input textarea + a {
                    margin-top: 4px;
                    display: block
                }

        .hs-form.stacked .inputs-list {
            margin-bottom: 0
        }

            .hs-form.stacked .inputs-list > li {
                padding-top: 0;
                text-indent: 0
            }

                .hs-form.stacked .inputs-list > li label {
                    font-weight: normal;
                    padding-top: 0
                }

        .hs-form.stacked div.error {
            padding: 3px 10px 6px;
            margin-top: 0;
            margin-left: -10px;
            margin-bottom: 9px
        }

        .hs-form.stacked .actions {
            margin-left: -20px;
            padding-left: 20px
        }

    .hs-form {
        padding-left: 0px
    }

        .hs-form.stacked {
            padding-left: 0px
        }

            .hs-form.stacked fieldset {
                padding: 0
            }

        .hs-form .hs-button.disabled.disabled.disabled.disabled, .hs-form .hs-button[disabled][disabled][disabled] {
            background-color: #6387c5;
            background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #88b1ce), color-stop(100%, #6387c5));
            background-image: -webkit-linear-gradient(top, #88b1ce, #6387c5);
            background-image: -moz-linear-gradient(top, #88b1ce, #6387c5);
            background-image: linear-gradient(top, #88b1ce, #6387c5);
            box-shadow: inset 0px 1px 0px rgba(255,255,255,0);
            border-top: 1px solid #7baacc;
            border-bottom: 1px solid #5774be;
            border-right: 1px solid #6c94c7;
            border-left: 1px solid #6c94c7;
            cursor: default;
            color: #ededed;
            text-shadow: none;
            opacity: 0.6
        }

            .hs-form .hs-button.disabled.disabled.disabled.disabled.next:before, .hs-form .hs-button[disabled][disabled][disabled].next:before {
                opacity: 0.5
            }

            .hs-form .hs-button.disabled.disabled.disabled.disabled.previous:before, .hs-form .hs-button[disabled][disabled][disabled].previous:before {
                opacity: 0.5
            }

        .hs-form .hs-button.next:before, .hs-form .hs-button.previous:before {
            display: block;
            width: 16px;
            height: 16px;
            position: absolute;
            top: 5px;
            content: " ";
            z-index: 99
        }

        .hs-form .hs-button.next {
            padding-right: 32px
        }

            .hs-form .hs-button.next:before {
                right: 9px
            }

        .hs-form .hs-button.previous {
            padding-left: 32px
        }

            .hs-form .hs-button.previous:before {
                background-position: center -16px;
                left: 9px
            }

        .hs-form .hs-button.inactive {
            cursor: default
        }

        .hs-form ul {
            list-style: none
        }

        .hs-form label {
            display: block
        }

            .hs-form label.hidden {
                display: none
            }

        .hs-form .hs-field-desc {
            color: #aaa;
            margin: 0px 0px 5px 150px;
            font-size: 11px
        }

        .hs-form .hs-form-required {
            color: red
        }

        .hs-form .field {
            margin-bottom: 9px
        }

        .hs-form .hs-richtext {
            margin-bottom: 3px;
            line-height: 18px;
            font-size: 14px;
            color: #414141
        }

            .hs-form .hs-richtext hr {
                text-align: left;
                margin-left: 0;
                width: 91%
            }

        .hs-form .email-correction, .hs-form .email-validation {
            padding-top: 3px;
            font-size: 12px
        }

            .hs-form .email-correction a, .hs-form .email-validation a {
                cursor: pointer
            }

        .hs-form .inputs-list {
            padding-left: 5px;
            list-style: none
        }

            .hs-form .inputs-list li input {
                margin: 3px 5px 3px 0px
            }

        .hs-form input[type="checkbox"], .hs-form input[type="radio"] {
            margin-right: 5px
        }

        .hs-form input:not([type="image"]), .hs-form textarea {
            box-sizing: content-box
        }

        .hs-form.stacked .hs-field-desc {
            margin: 0px 0px 2px 0px
        }

        .hs-form .hs-input, .hs-form textarea.hs-input {
            box-sizing: border-box;
            max-width: 100%;
            width: 90%
        }

            .hs-form .hs-input:not[type="checkbox"], .hs-form .hs-input:not[type="radio"], .hs-form textarea.hs-input:not[type="checkbox"], .hs-form textarea.hs-input:not[type="radio"] {
                min-height: 18px;
                min-width: 100px
            }

        .hs-form .actions {
            background: transparent;
            margin-top: 18px;
            margin-bottom: 18px;
            padding: 17px 0 18px 0px;
            border-top: none;
            -webkit-border-radius: 0 0 3px 3px;
            -moz-border-radius: 0 0 3px 3px;
            -ms-border-radius: 0 0 3px 3px;
            border-radius: 0 0 3px 3px
        }

            .hs-form .actions .secondary-action {
                float: right
            }

                .hs-form .actions .secondary-action a {
                    line-height: 30px
                }

                    .hs-form .actions .secondary-action a:hover {
                        text-decoration: underline
                    }

    .pika-single {
        z-index: 9999;
        display: block;
        position: relative;
        color: #333;
        background: #fff;
        border: 1px solid #ccc;
        border-bottom-color: #bbb
    }

        .pika-single.is-hidden {
            display: none
        }

        .pika-single.is-bound {
            position: absolute;
            box-shadow: 0 5px 15px -5px rgba(0,0,0,0.5)
        }

    .pika-single {
        *zoom: 1
    }

        .pika-single:before, .pika-single:after {
            content: " ";
            display: table
        }

        .pika-single:after {
            clear: both
        }

    .pika-lendar {
        float: left;
        width: 240px;
        margin: 8px
    }

    .pika-title {
        position: relative;
        text-align: center
    }

        .pika-title select {
            cursor: pointer;
            position: absolute;
            z-index: 9998;
            margin: 0;
            left: 0;
            top: 5px;
            filter: alpha(opacity=0);
            opacity: 0
        }

    .pika-label {
        display: inline-block;
        *display: inline;
        position: relative;
        z-index: 9999;
        overflow: hidden;
        margin: 0;
        padding: 5px 3px;
        font-size: 14px;
        line-height: 20px;
        font-weight: bold;
        background-color: #fff
    }

    .pika-prev, .pika-next {
        display: block;
        cursor: pointer;
        position: relative;
        outline: none;
        border: 0;
        padding: 0;
        width: 20px;
        height: 30px;
        text-indent: 20px;
        white-space: nowrap;
        overflow: hidden;
        background-color: transparent;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 75% 75%;
        opacity: 0.5;
        *position: absolute;
        *top: 0
    }

        .pika-prev:hover, .pika-next:hover {
            opacity: 1
        }

        .pika-prev.is-disabled, .pika-next.is-disabled {
            cursor: default;
            opacity: 0.2
        }

    .pika-prev, .is-rtl .pika-next {
        float: left;
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
        *left: 0
    }

    .pika-next, .is-rtl .pika-prev {
        float: right;
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
        *right: 0
    }

    .pika-select {
        display: inline-block;
        *display: inline
    }

    .pika-table {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
        border: 0
    }

        .pika-table th, .pika-table td {
            width: 14.28571%;
            padding: 0
        }

        .pika-table th {
            color: #999;
            font-size: 12px;
            line-height: 25px;
            font-weight: bold;
            text-align: center
        }

        .pika-table abbr {
            border-bottom: none;
            cursor: help
        }

    .pika-button {
        cursor: pointer;
        display: block;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        outline: none;
        border: 0;
        margin: 0;
        width: 100%;
        padding: 5px;
        color: #666;
        font-size: 12px;
        line-height: 15px;
        text-align: right;
        background: #f5f5f5
    }

    .is-today .pika-button {
        color: #3af;
        font-weight: bold
    }

    .is-selected .pika-button {
        color: #fff;
        font-weight: bold;
        background: #3af;
        box-shadow: inset 0 1px 3px #178fe5;
        border-radius: 3px
    }

    .is-disabled .pika-button {
        pointer-events: none;
        cursor: default;
        color: #999;
        opacity: 0.3
    }

    .pika-button:hover {
        color: #fff !important;
        background: #ff8000 !important;
        box-shadow: none !important;
        border-radius: 3px !important
    }

    .pika-week {
        font-size: 11px;
        color: #999
    }

    .hs-form fieldset {
        border: 0;
        padding: 0;
        margin: 0;
        max-width: 500px
    }

        .hs-form fieldset.form-columns-1 .hs-input {
            width: 95%
        }

        .hs-form fieldset.form-columns-1 .input {
            margin-right: 8px
        }

        .hs-form fieldset.form-columns-1 input[type="checkbox"], .hs-form fieldset.form-columns-1 input[type="radio"] {
            width: auto
        }

        .hs-form fieldset.form-columns-2 .hs-form-field {
            width: 50%;
            float: left
        }

        .hs-form fieldset.form-columns-2 .input {
            margin-right: 8px
        }

        .hs-form fieldset.form-columns-3 .hs-form-field {
            width: 32.7%;
            float: left
        }

        .hs-form fieldset.form-columns-3 .input {
            margin-right: 8px
        }

        .hs-form fieldset .hs-form-field.hidden-label {
            margin-top: 24px
        }

    .hs-form .hs-social-login {
        border-radius: 3px;
        box-sizing: content-box;
        width: 95%;
        max-width: 480px;
        height: 90px
    }

    .hsformerror {
        margin: 0 0 2px;
        height: auto;
        background-color: #fdd2d0;
        font-size: 11px;
        border: 1px solid #fcb3af;
        padding: 4px 16px 4px 10px;
        color: #000;
        display: none;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-shadow: 0 0 6px #ddd;
        -moz-box-shadow: 0 0 6px #ddd;
        box-shadow: 0 0 6px #ddd;
        z-index: 99999
    }

        .hsformerror em {
            border: 10px solid;
            border-color: #fdd2d0 transparent transparent;
            bottom: -17px;
            display: block;
            height: 0;
            left: 60px;
            position: absolute;
            width: 0
        }

        .hsformerror p {
            margin: 0;
            float: left;
            margin-right: 8px
        }

        .hsformerror:hover {
            cursor: default
        }

        .hsformerror .close-form-error {
            display: inline;
            top: 3px;
            position: absolute;
            color: #b17c79 !important;
            cursor: pointer !important;
            font-size: 11px !important;
            font-weight: normal !important
        }

            .hsformerror .close-form-error:hover {
                color: #cc8884
            }

    .contact-question-form .hs-form {
        position: relative;
        font-family: "Lineto Circular", sans-serif
    }

        .contact-question-form .hs-form label {
            color: rgba(0,0,0,0.56)
        }

        .contact-question-form .hs-form .hs-button {
            max-width: 20%;
            position: absolute;
            right: 0;
            font-weight: 500
        }

        .contact-question-form .hs-form input, .contact-question-form .hs-form textarea.hs-input, .contact-question-form .hs-form input:not([type="image"]), .contact-question-form .hs-form .hs-form textarea {
            width: 100%;
            box-sizing: border-box;
            outline: none;
            border-color: rgba(0,0,0,0.13)
        }

        .contact-question-form .hs-form textarea {
            padding-top: 10px
        }

    @media (max-width: 400px), (min-device-width: 320px) and (max-device-width: 480px) {
        form.hs-form .form-columns-2 .hs-form-field, form.hs-form .form-columns-3 .hs-form-field {
            float: none;
            width: 100%
        }

            form.hs-form .form-columns-2 .hs-form-field .hs-input, form.hs-form .form-columns-3 .hs-form-field .hs-input {
                width: 95%
            }
    }

    @media (max-width: 422px) {
        .all-social-types {
            height: 100px
        }
    }

    @media (max-width: 342px) {
        .hs-social-login {
            height: 72px
        }
    }

    .legal-consent-container .hs-richtext {
        color: #aaa
    }

    .u-margin-top-0 {
        margin-top: 0
    }

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

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

    @media (min-width: 0px) {
        .u-text-large {
            font-size: .875rem;
            line-height: 20px
        }
    }

    @media (min-width: 768px) {
        .u-text-large {
            font-size: 1.125rem;
            line-height: unset
        }
    }

    .u-text-small {
        font-size: .875rem;
        line-height: 20px
    }

    .u-text-regular {
        font-weight: 400 !important
    }

    .u-text-mono {
        font-family: "IBM Plex Mono", monospace;
        font-weight: 500
    }

    .u-text-smooth, .section--black, .section--dark-grey {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .u-text-subtle {
        color: rgba(0,0,0,0.56)
    }

    .section--black .u-text-subtle {
        color: rgba(255,255,255,0.62) !important
    }

    .u-text-subtle-on-black {
        color: rgba(255,255,255,0.62) !important
    }

    .u-text-black {
        color: #000
    }

    .u-text-grey {
        color: rgba(255,255,255,0.62)
    }

    .u-text-second-grey {
        color: rgba(255,255,255,0.06)
    }

    .u-text-white {
        color: #fff
    }

    .u-text-second-white {
        color: rgba(255,255,255,0.62)
    }

    .u-text-yellow {
        color: #fbce03
    }

    .u-text-green {
        color: #009669
    }

    .u-border-subtle {
        border: 1px solid rgba(0,0,0,0.13)
    }

    .u-border-bottom-subtle {
        border-top: none;
        border-bottom: 1px solid rgba(0,0,0,0.13)
    }

    .u-text-strong {
        font-weight: 500
    }

    .u-text-right {
        text-align: right
    }

    .u-text-primary {
        color: #5252f2 !important
    }

    .u-link-unstyled {
        color: inherit;
        text-decoration: inherit
    }

    .section--black .u-text-primary {
        color: #fff
    }

    .section--black, .section--dark-grey, .section--grey {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .u-width-100 {
        width: 100%
    }

    .u-padding-0 {
        padding: 0
    }

    .u-padding-1 {
        padding: 1rem
    }

    .u-padding-4 {
        padding: 4rem
    }

    .u-padding-1-5 {
        padding: 1.5rem
    }

    .u-padding-top-0-5 {
        padding-top: 0.5rem
    }

    .u-padding-top-1 {
        padding-top: 1rem
    }

    .u-padding-top-1-5 {
        padding-top: 1.5rem
    }

    .u-padding-top-2 {
        padding-top: 2rem
    }

    .u-padding-top-3 {
        padding-top: 3rem
    }

    .u-padding-top-4 {
        padding-top: 4rem
    }

    .u-margin-top-0-5 {
        margin-top: 0.5rem
    }

    .u-margin-top-1 {
        margin-top: 1rem
    }

    .u-margin-top-1-5 {
        margin-top: 1.5rem
    }

    .u-margin-top-2 {
        margin-top: 2rem
    }

    .u-margin-top-2-5 {
        margin-top: 2.5rem
    }

    .u-margin-top-3 {
        margin-top: 3rem
    }

    .u-margin-top-4 {
        margin-top: 4rem
    }

    .u-margin-top-6 {
        margin-top: 6rem
    }

    .u-margin-top-6-5 {
        margin-top: 6.5rem
    }

    .u-margin-top-8 {
        margin-top: 8rem
    }

    .u-margin-top-10 {
        margin-top: 10rem
    }

    .u-margin-left-0 {
        margin-left: 0
    }

    .u-margin-left-1 {
        margin-left: 1rem
    }

    .u-margin-left-2 {
        margin-left: 2rem
    }

    .u-padding-bottom-1 {
        padding-bottom: 1rem
    }

    .u-padding-bottom-2 {
        padding-bottom: 2rem
    }

    .u-padding-bottom-3 {
        padding-bottom: 3rem
    }

    .u-padding-bottom-4 {
        padding-bottom: 4rem
    }

    .u-padding-bottom-9 {
        padding-bottom: 9rem
    }

    .u-margin-bottom-auto {
        margin-bottom: auto
    }

    .u-margin-bottom-half {
        margin-bottom: 0.5rem
    }

    .u-margin-bottom-1 {
        margin-bottom: 1rem
    }

    .u-margin-bottom-1-5 {
        margin-bottom: 1.5rem
    }

    .u-margin-bottom-2 {
        margin-bottom: 2rem
    }

    .u-margin-bottom-2-5 {
        margin-bottom: 2.5rem
    }

    .u-margin-bottom-4 {
        margin-bottom: 4rem
    }

    .u-margin-bottom-6-5 {
        margin-bottom: 6.5rem
    }

    .u-margin-bottom-9 {
        margin-bottom: 9rem
    }

    .u-margin-right-1 {
        margin-right: 1rem
    }

    .u-margin-right-4 {
        margin-right: 4rem
    }

    .u-margin-right-half {
        margin-right: 0.5rem
    }

    .u-display-flex {
        display: flex
    }

    .u-flex-column {
        display: flex;
        flex-direction: column
    }

    .u-undecorated {
        text-decoration: none
    }

    .u-background-black {
        background-color: #000
    }

    .u-background-grey {
        background-color: rgba(255,255,255,0.06)
    }

    .u-nowrap {
        white-space: nowrap
    }

    .u-flex-1 {
        flex: 1
    }

    .u-flex-2 {
        flex: 2
    }

    .u-flex-3 {
        flex: 3
    }

    .u-flex-9 {
        flex: 10
    }

    .u-flex-10 {
        flex: 10
    }

    .u-link {
        color: #5252f2;
        font-size: .75rem;
        font-weight: 500;
        text-decoration: none;
        padding: 0
    }

    .u-icon-outline {
        padding: 0.5rem;
        border: 2px solid black;
        border-radius: 50%
    }

    .u-icon-outline-white {
        padding: 0.5rem;
        border: 2px solid white;
        border-radius: 50%
    }

    @media only screen and (min-width: 768px) {
        .u-hidden-small-up {
            display: none !important
        }
    }

    @media only screen and (max-width: 767px) {
        .u-hidden-small {
            display: none !important
        }
    }

    @media only screen and (max-width: 767px) and (min-width: 0px) {
        .u-mobile-title {
            font-size: 1.5rem;
            line-height: 120%
        }
    }

    @media only screen and (max-width: 767px) and (min-width: 768px) {
        .u-mobile-title {
            font-size: 2.25rem;
            line-height: 120%
        }
    }

    @media only screen and (max-width: 1050px) {
        .u-padding-0-medium-down {
            padding: 0 !important
        }
    }

    .u-vertical-align {
        vertical-align: middle;
        display: inline-block
    }

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

        .u-horizontal-align-center a {
            display: inline-block;
            text-align: center
        }

    .u-pos-absolute {
        position: absolute
    }

    .u-push-to-bottom {
        margin-top: auto
    }

    .vertical-spacer {
        border-right: 1px solid rgba(0,0,0,0.21);
        height: 5rem;
        margin-right: 50%
    }

    @media only screen and (min-width: 1224px) {
        .vertical-spacer {
            height: 8rem
        }
    }

    @media print {
        .u-hide-print {
            display: none
        }
    }

    br.desktop, br.mobile {
        display: none
    }

    @media (max-width: 480px) {
        .u-hide-mobile {
            display: none
        }
    }

    @media (min-width: 481px) {
        .u-hide-tablet-up {
            display: none
        }
    }

    @media (max-width: 1024px) {
        .u-show-desktop {
            display: none
        }

        br.mobile {
            display: block
        }
    }

    @media (min-width: 1025px) {
        .u-show-desktop {
            display: block
        }

        .u-hide-desktop {
            display: none
        }

        br.desktop {
            display: block
        }
    }

    .u-hidden {
        display: none !important
    }

    .util-text-extra-small {
        font-size: .875rem;
        line-height: 20px
    }

    @media (min-width: 0px) {
        .util-text-small {
            font-size: .875rem;
            line-height: 20px
        }
    }

    @media (min-width: 768px) {
        .util-text-small {
            font-size: 1rem;
            line-height: unset
        }
    }

    @media (min-width: 0px) {
        .util-text-medium {
            font-size: .875rem;
            line-height: 20px
        }
    }

    @media (min-width: 768px) {
        .util-text-medium {
            font-size: 1.125rem;
            line-height: unset
        }
    }

    @media (min-width: 0px) {
        .util-text-large {
            font-size: 1rem
        }
    }

    @media (min-width: 768px) {
        .util-text-large {
            font-size: 1.25rem
        }
    }

    @media (min-width: 0px) {
        .util-text-page-title {
            font-size: 1.5rem;
            line-height: 120%
        }
    }

    @media (min-width: 768px) {
        .util-text-page-title {
            font-size: 3rem;
            line-height: 120%
        }
    }

    @media (min-width: 0px) {
        .util-text-title {
            font-size: 1.5rem;
            line-height: 120%
        }
    }

    @media (min-width: 768px) {
        .util-text-title {
            font-size: 2.25rem;
            line-height: 120%
        }
    }

    @media (min-width: 0px) {
        .util-text-subtitle {
            font-size: 1rem;
            line-height: 120%
        }
    }

    @media (min-width: 768px) {
        .util-text-subtitle {
            font-size: 1.5rem;
            line-height: 120%
        }
    }

    .u-prevent-collapse {
        height: 1px;
        margin-top: -1px
    }

    @media (max-width: 1024px) {
        .u-prevent-collapse {
            display: none
        }
    }