@import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,400;0,500;1,400;1,500&display=swap");

.glide {
    position: relative;
    width: 100%;
    box-sizing: border-box
}

    .glide * {
        box-sizing: inherit
    }

.glide__slides, .glide__track {
    overflow: hidden
}

.glide__slides {
    position: relative;
    width: 100%;
    list-style: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    touch-action: pan-Y;
    padding: 0;
    white-space: nowrap;
    display: flex;
    flex-wrap: nowrap;
    will-change: transform
}

.glide__slide, .glide__slides--dragging {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.glide__slide {
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    white-space: normal;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

    .glide__slide a {
        -webkit-user-select: none;
        user-select: none;
        -webkit-user-drag: none;
        -moz-user-select: none;
        -ms-user-select: none
    }

.glide__arrows, .glide__bullets {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.glide--rtl {
    direction: rtl
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body, button, dd, dl, dt, fieldset, figcaption, figure, h1, h2, h3, h4, h5, h6, ol, p, ul {
    margin: 0;
    font-weight: 400
}

ol, ul {
    padding-left: 0
}

details, main, summary {
    display: block
}

b, strong {
    font-weight: 700
}

textarea {
    overflow: auto
}

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

fieldset, legend, td, th {
    padding: 0
}

select::-ms-expand {
    display: none
}

body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #4e485b;
    font-family: Jost,sans-serif;
    -webkit-font-kerning: normal;
    font-kerning: normal;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%
}

.heading--1, .heading--2, .heading--3, .heading--4, .heading--404, .heading--mega, .wysiwyg .heading--1, .wysiwyg .heading--2, .wysiwyg .heading--3, .wysiwyg .heading--4, .wysiwyg blockquote p, .wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4 {
    font-family: Jost,sans-serif;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.5;
    margin-top: 0
}

.copy--1, .copy--2, .copy--3, .copy--4, .wysiwyg h5 {
    color: #4e485b;
    font-family: Jost,sans-serif;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.5
}

.heading--1 {
    color: #1b0056;
    font-family: Jost,sans-serif;
    font-weight: 500;
    margin-top: 0;
    font-size: calc(24.66667px + 1.66667vw);
    line-height: 1.53333
}

@media screen and (min-width:769px) {
    .heading--1 {
        line-height: 1.04167
    }
}

@media screen and (max-width:319px) {
    .heading--1 {
        font-size: 1.875rem
    }
}

@media screen and (min-width:1400px) {
    .heading--1 {
        font-size: 3rem
    }
}

.heading--2 {
    color: #1b0056;
    font-family: Jost,sans-serif;
    font-weight: 500;
    margin-top: 0;
    font-size: calc(25.62963px + .74074vw);
    line-height: 1.28571
}

@media screen and (min-width:769px) {
    .heading--2 {
        line-height: 1.22222
    }
}

@media screen and (max-width:319px) {
    .heading--2 {
        font-size: 26px;
    }
}

@media screen and (min-width:1400px) {
    .heading--2 {
        font-size: 36px;
    }
}

.heading--3 {
    color: #1b0056;
    font-family: Jost,sans-serif;
    font-weight: 500;
    margin-top: 0;
    font-size: 20px;
    line-height: 1.4
}

@media screen and (min-width:769px) {
    .heading--3 {
        line-height: 1.35714
    }
}

@media screen and (max-width:319px) {
    .heading--3 {
        font-size: 16px
    }
}

@media screen and (min-width:1400px) {
    .heading--3 {
        font-size: 20px
    }
}

.heading--4 {
    color: #1b0056;
    font-family: Jost,sans-serif;
    font-weight: 500;
    margin-top: 0;
    font-size: calc(19.40741px + .18519vw);
    line-height: 1.5
}

@media screen and (min-width:769px) {
    .heading--4 {
        line-height: 1.36364
    }
}

@media screen and (max-width:319px) {
    .heading--4 {
        font-size: 16px
    }
}

@media screen and (min-width:1400px) {
    .heading--4 {
        font-size: 26px;
    }
}

.heading--dark-blue {
    color: #1b0056
}

.heading--white {
    color: #fff
}

.heading--pink {
    color: #cc5299
}

.heading--teal {
    color: #00aca2
}

.heading--green {
    color: #bed140
}

.heading--cerulean-blue {
    color: #068fcf
}

.heading--yellow {
    color: #fbbd56
}

.heading--purple {
    color: #915da3
}

.heading--dark-purple {
    color: #740960
}

.heading--mega {
    font-size: 3.75rem
}

.heading--mega--dark-blue {
    color: #1b0056
}

.heading--mega--white {
    color: #fff
}

.heading--mega--pink {
    color: #cc5299
}

.heading--mega--teal {
    color: #00aca2
}

.heading--mega--green {
    color: #bed140
}

.heading--mega--cerulean-blue {
    color: #068fcf
}

.heading--mega--yellow {
    color: #fbbd56
}

.heading--mega--purple {
    color: #915da3
}

.heading--mega--dark-purple {
    color: #740960
}

@media screen and (max-width:567px) {
    .heading--mega {
        font-size: 2.5rem
    }
}

.heading--404 {
    color: #fff;
    font-size: 7.5rem;
    line-height: 160px;
    position: relative
}

    .heading--404 span {
        color: #fbbd56;
        font-size: 1.625rem;
        line-height: 30px;
        position: absolute;
        top: 0
    }

@media screen and (max-width:768px) {
    .heading--404 {
        font-size: 6.25rem;
        line-height: 140px
    }

        .heading--404 span {
            font-size: 1.125rem;
            line-height: 18px;
            top: -5px
        }
}

.copy--1 {
    font-size: calc(24.66667px + 1.66667vw);
    line-height: 1.53333
}

@media screen and (min-width:769px) {
    .copy--1 {
        line-height: 1.04167
    }
}

@media screen and (max-width:319px) {
    .copy--1 {
        font-size: 1.875rem
    }
}

@media screen and (min-width:1400px) {
    .copy--1 {
        font-size: 3rem
    }
}

.copy--2 {
    font-size: calc(25.62963px + .74074vw);
    line-height: 1.28571
}

@media screen and (min-width:769px) {
    .copy--2 {
        line-height: 1.22222
    }
}

@media screen and (max-width:319px) {
    .copy--2 {
        font-size: 20px
    }
}

@media screen and (min-width:1400px) {
    .copy--2 {
        font-size: 2.25rem
    }
}

.copy--3 {
    font-size: calc(17.62963px + .74074vw);
    line-height: 1.4
}

@media screen and (min-width:769px) {
    .copy--3 {
        line-height: 1.35714
    }
}

@media screen and (max-width:319px) {
    .copy--3 {
        font-size: 16px
    }
}

@media screen and (min-width:1400px) {
    .copy--3 {
        font-size: 20px
    }
}

.copy--4 {
    font-size: calc(19.40741px + .18519vw);
    line-height: 1.5
}

@media screen and (min-width:769px) {
    .copy--4 {
        line-height: 1.36364
    }
}

@media screen and (max-width:319px) {
    .copy--4 {
        font-size: 16px
    }
}

@media screen and (min-width:1400px) {
    .copy--4 {
        font-size: 20px
    }
}

.copy--small {
    font-size: .875rem;
    line-height: 22px
}

.copy--white {
    color: #fff
}

.copy--mulled-wine {
    color: #4e485b
}

.copy--mid {
    color: #7f7790
}

.copy--dark {
    color: #1b0056
}

.error {
    color: #e9114a
}

.success {
    color: #bed140
}

.sr-only {
    height: 1px;
    width: 1px;
    border: 0;
    clip: rect(0,0,0,0);
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute
}

.wysiwyg {
    width: 100%
}

    .wysiwyg:after {
        clear: both;
        content: "";
        display: table
    }

    .wysiwyg img.wysiwyg__image.wysiwyg__image--center {
        display: block;
        margin-left: auto;
        margin-right: auto
    }

    .wysiwyg .heading--1, .wysiwyg h1 {
        color: #1b0056;
        font-family: Jost,sans-serif;
        font-weight: 500;
        margin-top: 0;
        font-size: calc(24.66667px + 1.66667vw);
        line-height: 1.53333;
        margin-bottom: 20px
    }

@media screen and (min-width:769px) {
    .wysiwyg .heading--1, .wysiwyg h1 {
        line-height: 1.04167
    }
}

@media screen and (max-width:319px) {
    .wysiwyg .heading--1, .wysiwyg h1 {
        font-size: 1.875rem
    }
}

@media screen and (min-width:1400px) {
    .wysiwyg .heading--1, .wysiwyg h1 {
        font-size: 3rem
    }
}

.wysiwyg .heading--1:not(:first-child), .wysiwyg h1:not(:first-child) {
    margin-top: 20px
}

.wysiwyg .heading--2, .wysiwyg h2 {
    color: #1b0056;
    font-family: Jost,sans-serif;
    font-weight: 500;
    margin-top: 0;
    font-size: calc(25.62963px + .74074vw);
    line-height: 1.28571;
    margin-bottom: 20px
}

@media screen and (min-width:769px) {
    .wysiwyg .heading--2, .wysiwyg h2 {
        line-height: 1.22222
    }
}

@media screen and (max-width:319px) {
    .wysiwyg .heading--2, .wysiwyg h2 {
        font-size: 20px
    }
}

@media screen and (min-width:1400px) {
    .wysiwyg .heading--2, .wysiwyg h2 {
        font-size: 36px;
    }
}

.wysiwyg .heading--2:not(:first-child), .wysiwyg h2:not(:first-child) {
    margin-top: 20px
}

.wysiwyg .heading--3, .wysiwyg h3 {
    color: #1b0056;
    font-family: Jost,sans-serif;
    font-weight: 500;
    margin-top: 0;
    font-size: calc(17.62963px + .74074vw);
    line-height: 1.4;
    margin-bottom: 20px
}

@media screen and (min-width:769px) {
    .wysiwyg .heading--3, .wysiwyg h3 {
        line-height: 1.35714
    }
}

@media screen and (max-width:319px) {
    .wysiwyg .heading--3, .wysiwyg h3 {
        font-size: 16px
    }
}

@media screen and (min-width:1400px) {
    .wysiwyg .heading--3, .wysiwyg h3 {
        font-size: 24px
    }
}

.wysiwyg .heading--3:not(:first-child), .wysiwyg h3:not(:first-child) {
    margin-top: 20px
}

.wysiwyg .heading--4, .wysiwyg h4 {
    color: #1b0056;
    font-family: Jost,sans-serif;
    font-weight: 500;
    margin-top: 0;
    font-size: calc(19.40741px + .18519vw);
    line-height: 1.5;
    margin-bottom: 20px
}

@media screen and (min-width:769px) {
    .wysiwyg .heading--4, .wysiwyg h4 {
        line-height: 1.36364
    }
}

@media screen and (max-width:319px) {
    .wysiwyg .heading--4, .wysiwyg h4 {
        font-size: 16px
    }
}

@media screen and (min-width:1400px) {
    .wysiwyg .heading--4, .wysiwyg h4 {
        font-size: 20px;
    }
}

.wysiwyg .heading--4:not(:first-child), .wysiwyg h4:not(:first-child) {
    margin-top: 20px
}

.wysiwyg h5 {
    font-size: 20px;
    line-height: 30px
}

.wysiwyg .u-size-mega {
    font-size: calc(34.07407px + 1.85185vw);
    line-height: 1.25
}

@media screen and (min-width:769px) {
    .wysiwyg .u-size-mega {
        line-height: 1
    }
}

@media screen and (max-width:319px) {
    .wysiwyg .u-size-mega {
        font-size: 2.5rem
    }
}

@media screen and (min-width:1400px) {
    .wysiwyg .u-size-mega {
        font-size: 3.75rem
    }
}

.wysiwyg .u-size-h1 {
    font-size: calc(24.66667px + 1.66667vw);
    line-height: 1.53333
}

@media screen and (min-width:769px) {
    .wysiwyg .u-size-h1 {
        line-height: 1.04167
    }
}

@media screen and (max-width:319px) {
    .wysiwyg .u-size-h1 {
        font-size: 1.875rem
    }
}

@media screen and (min-width:1400px) {
    .wysiwyg .u-size-h1 {
        font-size: 3rem
    }
}

.wysiwyg .u-size-h2 {
    font-size: calc(25.62963px + .74074vw);
    line-height: 1.28571
}

@media screen and (min-width:769px) {
    .wysiwyg .u-size-h2 {
        line-height: 1.22222
    }
}

@media screen and (max-width:319px) {
    .wysiwyg .u-size-h2 {
        font-size: 20px
    }
}

@media screen and (min-width:1400px) {
    .wysiwyg .u-size-h2 {
        font-size: 2.25rem
    }
}

.wysiwyg .u-size-h3 {
    font-size: calc(17.62963px + .74074vw);
    line-height: 1.4
}

@media screen and (min-width:769px) {
    .wysiwyg .u-size-h3 {
        line-height: 1.35714
    }
}

@media screen and (max-width:319px) {
    .wysiwyg .u-size-h3 {
        font-size: 16px
    }
}

@media screen and (min-width:1400px) {
    .wysiwyg .u-size-h3 {
        font-size: 20px
    }
}

.wysiwyg .u-size-h4 {
    font-size: calc(19.40741px + .18519vw);
    line-height: 1.5
}

@media screen and (min-width:769px) {
    .wysiwyg .u-size-h4 {
        line-height: 1.36364
    }
}

@media screen and (max-width:319px) {
    .wysiwyg .u-size-h4 {
        font-size: 16px
    }
}

@media screen and (min-width:1400px) {
    .wysiwyg .u-size-h4 {
        font-size: 20px
    }
}

.wysiwyg .u-size-default {
    font-size: 18px
}

@media screen and (max-width:319px) {
    .wysiwyg .u-size-default {
        font-size: 1.125rem
    }
}

@media screen and (min-width:1400px) {
    .wysiwyg .u-size-default {
        font-size: 1.125rem
    }
}

.wysiwyg .u-size-small {
    font-size: 14px
}

@media screen and (max-width:319px) {
    .wysiwyg .u-size-small {
        font-size: .875rem
    }
}

@media screen and (min-width:1400px) {
    .wysiwyg .u-size-small {
        font-size: .875rem
    }
}

.wysiwyg .u-size-tiny {
    font-size: 12px
}

@media screen and (max-width:319px) {
    .wysiwyg .u-size-tiny {
        font-size: .75rem
    }
}

@media screen and (min-width:1400px) {
    .wysiwyg .u-size-tiny {
        font-size: .75rem
    }
}

.wysiwyg a:not(.button):not(.link) {
    color: #915da3;
    text-decoration: underline;
    -webkit-text-decoration-color: #915da3;
    text-decoration-color: #915da3
}

    .wysiwyg a:not(.button):not(.link):active, .wysiwyg a:not(.button):not(.link):focus, .wysiwyg a:not(.button):not(.link):hover {
        text-decoration: none;
        outline: none
    }

.wysiwyg .button {
    text-decoration: none
}

.wysiwyg ol, .wysiwyg ul {
    list-style: none;
    margin-bottom: 10px;
    margin-left: 0;
    margin-top: 0;
    padding-left: 0
}

    .wysiwyg ol li, .wysiwyg ul li {
        margin-bottom: 25px;
        position: relative
    }

    .wysiwyg ol:last-child, .wysiwyg ul:last-child {
        margin-bottom: 0
    }

    .wysiwyg ul li {
        padding-left: 27px
    }

        .wysiwyg ul li:before {
            background-color: #915da3;
            border-radius: 50%;
            content: "";
            display: inline-block;
            height: 12px;
            margin-left: -27px;
            margin-right: 15px;
            width: 12px
        }

        .wysiwyg ul li a + ul {
            margin-top: 25px
        }

.wysiwyg ol {
    counter-reset: item
}

    .wysiwyg ol li {
        counter-increment: item;
        margin-bottom: 5px;
        padding-left: 25px
    }

        .wysiwyg ol li:before {
            border-radius: 100%;
            color: #915da3;
            content: counter(item) ".";
            display: inline-block;
            left: 0;
            position: absolute;
            top: 2px
        }

.wysiwyg hr {
    background: #dbdbdb;
    border: 0;
    height: 1px;
    margin: 40px 0
}

    .wysiwyg hr + h1:not(:first-child), .wysiwyg hr + h2:not(:first-child), .wysiwyg hr + h3:not(:first-child), .wysiwyg hr + h4:not(:first-child) {
        margin-top: 0
    }

.wysiwyg table {
    border: 1px solid #c9cfd3;
    border-collapse: collapse;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    table-layout: fixed;
    width: 100%
}

    .wysiwyg table td, .wysiwyg table th {
        box-sizing: border-box;
        padding: 25px 30px;
        text-align: left
    }

    .wysiwyg table thead {
        background-color: #915da3;
        color: #fff;
        font-size: 20px;
        font-weight: 500;
        padding: 20px
    }

    .wysiwyg table tbody tr:nth-child(odd) {
        background-color: #fff
    }

    .wysiwyg table tbody tr:nth-child(2n) {
        background-color: #f2f3f6
    }

    .wysiwyg table tbody td {
        font-size: 1.125rem;
        line-height: 24px;
        padding: 25px 30px
    }

.wysiwyg img {
    margin: 40px 0
}

.wysiwyg blockquote p {
    color: #1b0056;
    font-family: Jost,sans-serif;
    margin-top: 0;
    font-size: calc(25.62963px + .74074vw);
    line-height: 1.28571;
    font-weight: 500;
    text-align: center
}

@media screen and (min-width:769px) {
    .wysiwyg blockquote p {
        line-height: 1.22222
    }
}

@media screen and (max-width:319px) {
    .wysiwyg blockquote p {
        font-size: 20px
    }
}

@media screen and (min-width:1400px) {
    .wysiwyg blockquote p {
        font-size: 2.25rem
    }
}

.wysiwyg p:not(:last-child) {
    margin-bottom: 20px
}

.wysiwyg--with-tick-list ul li {
    display: flex;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 24px;
    padding-left: 45px;
    position: relative
}

    .wysiwyg--with-tick-list ul li:not(:last-of-type) {
        margin-bottom: 22px
    }

    .wysiwyg--with-tick-list ul li:before {
        background-color: transparent;
        background-image: url(../images/interface/icon_tick_circle.svg);
        background-repeat: no-repeat;
        content: "";
        display: block;
        height: 30px;
        left: 0;
        margin-left: 0;
        position: absolute;
        width: 30px
    }

.wysiwyg--light h1, .wysiwyg--light h2, .wysiwyg--light h3, .wysiwyg--light h4, .wysiwyg--light p {
    color: #fff
}

.wysiwyg--light a:not(.button):not(.link) {
    color: #fff;
    -webkit-text-decoration-color: #fff;
    text-decoration-color: #fff
}

.wysiwyg--investis-table table thead {
    background-color: #1b0056
}

.wysiwyg--investis-table a {
    background-image: url(../images/interface/chevron_static.svg);
    background-position: 0;
    background-repeat: no-repeat;
    display: block;
    height: 18px;
    padding-left: 30px
}

    .wysiwyg--investis-table a:active, .wysiwyg--investis-table a:focus, .wysiwyg--investis-table a:hover {
        background-image: url(../images/interface/chevron_hover.svg);
        outline: none
    }

    .wysiwyg--investis-table a[href^="https://www.youtube.com/"] {
        background-image: url(../images/interface/play_static.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain;
        display: block;
        height: 25px;
        width: 25px
    }

        .wysiwyg--investis-table a[href^="https://www.youtube.com/"]:active, .wysiwyg--investis-table a[href^="https://www.youtube.com/"]:focus, .wysiwyg--investis-table a[href^="https://www.youtube.com/"]:hover {
            background-image: url(../images/interface/play_hover.svg);
            outline: none
        }

* {
    box-sizing: border-box
}


body .page {
    background-color: #f1f1f1;
}

main {
    display: block;
    width: 1600px;
    max-width: 100%;
    margin: auto;
    background-color: #fff;
    overflow: hidden;
}

figure {
    margin: 0
}

img {
    display: block;
    height: auto
}

img, svg {
    max-width: 100%
}

svg {
    flex-shrink: 0
}

a {
    color: inherit;
    text-decoration: none
}

    a h1, a h2, a h3, a h4, a h5, a h6, p {
        margin-top: 0
    }

        p a {
            text-decoration: underline
        }

            p a:active, p a:focus, p a:hover {
                text-decoration: underline;
                outline: none;
                color: inherit;
            }

blockquote {
    margin: 0
}

address {
    font-style: normal
}

button > * {
    pointer-events: none
}

iframe {
    border: 0;
    display: block;
    margin: 0 auto;
    max-width: 100%
}

fieldset {
    border: none;
    font-weight: 400;
    margin: 0;
    min-width: 0
}

fieldset, legend {
    padding: 0;
    width: 100%
}

.container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
}

    .container .container {
        padding-left: 0;
        padding-right: 0
    }

.container--big {
    max-width: 1438px
}

.container--medium {
    max-width: 1064px
}

.container--small {
    max-width: 955px
}

.container--847 {
    max-width: 847px
}

.container--slim {
    max-width: 835px
}

.container--802 {
    max-width: 802px
}

.container--tiny {
    max-width: 713px
}

.container--772 {
    max-width: 772px
}

.container--mini {
    max-width: 640px
}

.container--502 {
    max-width: 502px
}

.container--compact {
    max-width: 414px
}

@media screen and (min-width:568px) {
    .container {
        padding-left: 20px;
        padding-right: 20px
    }

        .container .container {
            padding-left: 0;
            padding-right: 0
        }
}

@media screen and (max-width:768px) {
    .container--not-contained\@medium {
        max-width: none;
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (max-width:567px) {
    .container--pr-0\@small {
        padding-right: 0
    }
}

.cookie-bar {
    background-color: #000;
    color: #fff;
    height: 0;
    margin: auto;
    max-width: 1600px;
    overflow: hidden;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%
}

.cookie-bar__link {
    color: inherit;
    text-decoration: underline
}

    .cookie-bar__link:active, .cookie-bar__link:focus, .cookie-bar__link:hover {
        text-decoration: none;
        outline: none
    }

.cookie-bar--active {
    height: auto
}

.ccm-toolbar-visible .cookie-bar {
    display: none
}

.display {
    display: grid;
    grid-auto-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px
}

.display--2-col-stack {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: repeat(1,minmax(1px,1fr));
    grid-template-rows: repeat(3,1fr)
}

@media screen and (min-width:568px) {
    .display--1-col {
        grid-template-columns: repeat(1,minmax(1px,1fr))
    }

    .display--2-col {
        grid-template-columns: repeat(2,minmax(1px,1fr))
    }

    .display--3-col {
        grid-template-columns: repeat(3,minmax(1px,1fr))
    }

    .display--4-col {
        grid-template-columns: repeat(4,minmax(1px,1fr))
    }

    .display--5-col {
        grid-template-columns: repeat(5,minmax(1px,1fr))
    }
}

.display--align-start {
    align-items: flex-start
}

.display--justify-start {
    justify-items: flex-start
}

.display--align-end {
    align-items: flex-end
}

.display--justify-end {
    justify-items: flex-end
}

.display--align-center {
    align-items: center
}

.display--justify-center {
    justify-items: center
}

.display--align-stretch {
    align-items: stretch
}

.display--justify-stretch {
    justify-items: stretch
}

.display--align-space-between {
    align-items: space-between
}

.display--justify-space-between {
    justify-items: space-between
}

@media screen and (max-width:1449px) {
    .display--1-col\@xxlarge {
        grid-template-columns: repeat(1,minmax(1px,1fr))
    }

    .display--2-col\@xxlarge {
        grid-template-columns: repeat(2,minmax(1px,1fr))
    }

    .display--3-col\@xxlarge {
        grid-template-columns: repeat(3,minmax(1px,1fr))
    }

    .display--4-col\@xxlarge {
        grid-template-columns: repeat(4,minmax(1px,1fr))
    }

    .display--5-col\@xxlarge {
        grid-template-columns: repeat(5,minmax(1px,1fr))
    }
}

@media screen and (max-width:1319px) {
    .display--1-col\@xlarge-accents {
        grid-template-columns: repeat(1,minmax(1px,1fr))
    }

    .display--2-col\@xlarge-accents {
        grid-template-columns: repeat(2,minmax(1px,1fr))
    }

    .display--3-col\@xlarge-accents {
        grid-template-columns: repeat(3,minmax(1px,1fr))
    }

    .display--4-col\@xlarge-accents {
        grid-template-columns: repeat(4,minmax(1px,1fr))
    }

    .display--5-col\@xlarge-accents {
        grid-template-columns: repeat(5,minmax(1px,1fr))
    }
}

@media screen and (max-width:1279px) {
    .display--1-col\@xlarge {
        grid-template-columns: repeat(1,minmax(1px,1fr))
    }

    .display--2-col\@xlarge {
        grid-template-columns: repeat(2,minmax(1px,1fr))
    }

    .display--3-col\@xlarge {
        grid-template-columns: repeat(3,minmax(1px,1fr))
    }

    .display--4-col\@xlarge {
        grid-template-columns: repeat(4,minmax(1px,1fr))
    }

    .display--5-col\@xlarge {
        grid-template-columns: repeat(5,minmax(1px,1fr))
    }
}

@media screen and (max-width:1023px) {
    .display--1-col\@large {
        grid-template-columns: repeat(1,minmax(1px,1fr))
    }

    .display--2-col\@large {
        grid-template-columns: repeat(2,minmax(1px,1fr))
    }

    .display--3-col\@large {
        grid-template-columns: repeat(3,minmax(1px,1fr))
    }

    .display--4-col\@large {
        grid-template-columns: repeat(4,minmax(1px,1fr))
    }

    .display--5-col\@large {
        grid-template-columns: repeat(5,minmax(1px,1fr))
    }
}

@media screen and (max-width:768px) {
    .display--1-col\@medium {
        grid-template-columns: repeat(1,minmax(1px,1fr))
    }

    .display--2-col\@medium {
        grid-template-columns: repeat(2,minmax(1px,1fr))
    }

    .display--3-col\@medium {
        grid-template-columns: repeat(3,minmax(1px,1fr))
    }

    .display--4-col\@medium {
        grid-template-columns: repeat(4,minmax(1px,1fr))
    }

    .display--5-col\@medium {
        grid-template-columns: repeat(5,minmax(1px,1fr))
    }
}

@media screen and (max-width:567px) {
    .display--1-col\@small {
        grid-template-columns: repeat(1,minmax(1px,1fr))
    }

    .display--2-col\@small {
        grid-template-columns: repeat(2,minmax(1px,1fr))
    }

    .display--3-col\@small {
        grid-template-columns: repeat(3,minmax(1px,1fr))
    }

    .display--4-col\@small {
        grid-template-columns: repeat(4,minmax(1px,1fr))
    }

    .display--5-col\@small {
        grid-template-columns: repeat(5,minmax(1px,1fr))
    }
}

@media screen and (max-width:412px) {
    .display--1-col\@xsmall {
        grid-template-columns: repeat(1,minmax(1px,1fr))
    }

    .display--2-col\@xsmall {
        grid-template-columns: repeat(2,minmax(1px,1fr))
    }

    .display--3-col\@xsmall {
        grid-template-columns: repeat(3,minmax(1px,1fr))
    }

    .display--4-col\@xsmall {
        grid-template-columns: repeat(4,minmax(1px,1fr))
    }

    .display--5-col\@xsmall {
        grid-template-columns: repeat(5,minmax(1px,1fr))
    }
}

@media screen and (min-width:1280px) {
    .display--2-col-stack {
        grid-column-gap: 60px;
        grid-row-gap: 60px
    }
}

@media screen and (max-width:1023px) {
    .display--col-gap-30\@large {
        grid-column-gap: 30px
    }

    .display--col-gap-20\@large {
        grid-column-gap: 20px
    }

    .display--row-gap-30\@large {
        grid-row-gap: 30px
    }
}

@media screen and (min-width:1024px) {
    .display--2-col-stack {
        grid-template-columns: repeat(2,1fr);
        grid-template-rows: repeat(2,1fr)
    }

        .display--2-col-stack .display__item:nth-child(3n+1) {
            grid-area: 1/1/3/2
        }

        .display--2-col-stack .display__item:nth-child(3n+2) {
            grid-area: 1/2/2/3
        }

        .display--2-col-stack .display__item:nth-child(3n+3) {
            grid-area: 2/2/3/3
        }
}

@media screen and (max-width:768px) {
    .display--col-gap-10\@medium {
        grid-column-gap: 10px
    }

    .display--row-gap-10\@medium {
        grid-row-gap: 10px
    }
}

@media screen and (min-width:769px) {
    .display--col-gap-10 {
        grid-column-gap: 10px
    }

    .display--col-gap-60 {
        grid-column-gap: 60px
    }

    .display--col-gap-80 {
        grid-column-gap: 80px
    }

    .display--row-gap-60 {
        grid-row-gap: 60px
    }
}

.grid {
    flex-wrap: wrap;
    margin-bottom: -20px
}

.grid, .grid--equal-height .grid__item {
    display: flex
}

    .grid--equal-height .grid__item > * {
        flex-grow: 1
    }

.grid--align-start {
    align-items: flex-start
}

.grid--justify-start {
    justify-content: flex-start
}

.grid--align-end {
    align-items: flex-end
}

.grid--justify-end {
    justify-content: flex-end
}

.grid--align-center {
    align-items: center
}

.grid--justify-center {
    justify-content: center
}

.grid--align-stretch {
    align-items: stretch
}

.grid--justify-stretch {
    justify-content: stretch
}

.grid--align-space-between {
    align-items: space-between
}

.grid--justify-space-between {
    justify-content: space-between
}

.grid__item {
    flex: none;
    margin-bottom: 20px;
    max-width: 100%;
    width: 100%
}

.grid__item--grow {
    flex-grow: 1
}

.grid__item--align-start {
    align-self: flex-start
}

.grid__item--align-end {
    align-self: flex-end
}

.grid__item--align-center {
    align-self: center
}

.grid__item--align-stretch {
    align-self: stretch
}

.grid__item--align-space-between {
    align-self: space-between
}

@media screen and (min-width:767px) {
    .grid {
        margin-right: -20px
    }

    .grid__item {
        margin-right: 20px;
        width: auto
    }

    .grid__item--65 {
        width: calc(65% - 20px)
    }

    .grid__item--35 {
        width: calc(35% - 20px)
    }

    .grid__item--67 {
        width: calc(67% - 20px)
    }

    .grid__item--66 {
        width: calc(66% - 20px)
    }

    .grid__item--33 {
        width: calc(33% - 20px)
    }

    .grid__item--6 {
        width: calc(6% - 20px)
    }

    .grid__item--27 {
        width: calc(27% - 20px)
    }

    .grid__item--25 {
        width: calc(25% - 20px)
    }

    .grid__item--75 {
        width: calc(75% - 20px)
    }

    .grid--1-col > .grid__item {
        width: calc(100% - 20px)
    }

    .grid--2-col > .grid__item {
        width: calc(50% - 20px)
    }

    .grid--3-col > .grid__item {
        width: calc(33.33333% - 20px)
    }

    .grid--4-col > .grid__item {
        width: calc(25% - 20px)
    }

    .grid--5-col > .grid__item {
        width: calc(20% - 20px)
    }

    .grid--6-col > .grid__item {
        width: calc(16.66667% - 20px)
    }
}

@media screen and (max-width:1449px) {
    .grid--align-start\@xxlarge {
        align-items: flex-start
    }

    .grid--justify-start\@xxlarge {
        justify-content: flex-start
    }

    .grid--align-end\@xxlarge {
        align-items: flex-end
    }

    .grid--justify-end\@xxlarge {
        justify-content: flex-end
    }

    .grid--align-center\@xxlarge {
        align-items: center
    }

    .grid--justify-center\@xxlarge {
        justify-content: center
    }

    .grid--align-stretch\@xxlarge {
        align-items: stretch
    }

    .grid--justify-stretch\@xxlarge {
        justify-content: stretch
    }

    .grid--align-space-between\@xxlarge {
        align-items: space-between
    }

    .grid--justify-space-between\@xxlarge {
        justify-content: space-between
    }

    .grid--1-col\@xxlarge {
        margin-right: 0
    }

        .grid--1-col\@xxlarge > .grid__item {
            margin-right: 0;
            width: 100%
        }

    .grid--2-col\@xxlarge {
        margin-right: -20px
    }

        .grid--2-col\@xxlarge > .grid__item {
            margin-right: 20px;
            width: calc(50% - 20px)
        }

    .grid--3-col\@xxlarge {
        margin-right: -20px
    }

        .grid--3-col\@xxlarge > .grid__item {
            margin-right: 20px;
            width: calc(33.33333% - 20px)
        }

    .grid--4-col\@xxlarge {
        margin-right: -20px
    }

        .grid--4-col\@xxlarge > .grid__item {
            margin-right: 20px;
            width: calc(25% - 20px)
        }

    .grid--5-col\@xxlarge {
        margin-right: -20px
    }

        .grid--5-col\@xxlarge > .grid__item {
            margin-right: 20px;
            width: calc(20% - 20px)
        }

    .grid--6-col\@xxlarge {
        margin-right: -20px
    }

        .grid--6-col\@xxlarge > .grid__item {
            margin-right: 20px;
            width: calc(16.66667% - 20px)
        }
}

@media screen and (max-width:1319px) {
    .grid--align-start\@xlarge-accents {
        align-items: flex-start
    }

    .grid--justify-start\@xlarge-accents {
        justify-content: flex-start
    }

    .grid--align-end\@xlarge-accents {
        align-items: flex-end
    }

    .grid--justify-end\@xlarge-accents {
        justify-content: flex-end
    }

    .grid--align-center\@xlarge-accents {
        align-items: center
    }

    .grid--justify-center\@xlarge-accents {
        justify-content: center
    }

    .grid--align-stretch\@xlarge-accents {
        align-items: stretch
    }

    .grid--justify-stretch\@xlarge-accents {
        justify-content: stretch
    }

    .grid--align-space-between\@xlarge-accents {
        align-items: space-between
    }

    .grid--justify-space-between\@xlarge-accents {
        justify-content: space-between
    }

    .grid--1-col\@xlarge-accents {
        margin-right: 0
    }

        .grid--1-col\@xlarge-accents > .grid__item {
            margin-right: 0;
            width: 100%
        }

    .grid--2-col\@xlarge-accents {
        margin-right: -20px
    }

        .grid--2-col\@xlarge-accents > .grid__item {
            margin-right: 20px;
            width: calc(50% - 20px)
        }

    .grid--3-col\@xlarge-accents {
        margin-right: -20px
    }

        .grid--3-col\@xlarge-accents > .grid__item {
            margin-right: 20px;
            width: calc(33.33333% - 20px)
        }

    .grid--4-col\@xlarge-accents {
        margin-right: -20px
    }

        .grid--4-col\@xlarge-accents > .grid__item {
            margin-right: 20px;
            width: calc(25% - 20px)
        }

    .grid--5-col\@xlarge-accents {
        margin-right: -20px
    }

        .grid--5-col\@xlarge-accents > .grid__item {
            margin-right: 20px;
            width: calc(20% - 20px)
        }

    .grid--6-col\@xlarge-accents {
        margin-right: -20px
    }

        .grid--6-col\@xlarge-accents > .grid__item {
            margin-right: 20px;
            width: calc(16.66667% - 20px)
        }
}

@media screen and (max-width:1279px) {
    .grid--align-start\@xlarge {
        align-items: flex-start
    }

    .grid--justify-start\@xlarge {
        justify-content: flex-start
    }

    .grid--align-end\@xlarge {
        align-items: flex-end
    }

    .grid--justify-end\@xlarge {
        justify-content: flex-end
    }

    .grid--align-center\@xlarge {
        align-items: center
    }

    .grid--justify-center\@xlarge {
        justify-content: center
    }

    .grid--align-stretch\@xlarge {
        align-items: stretch
    }

    .grid--justify-stretch\@xlarge {
        justify-content: stretch
    }

    .grid--align-space-between\@xlarge {
        align-items: space-between
    }

    .grid--justify-space-between\@xlarge {
        justify-content: space-between
    }

    .grid--1-col\@xlarge {
        margin-right: 0
    }

        .grid--1-col\@xlarge > .grid__item {
            margin-right: 0;
            width: 100%
        }

    .grid--2-col\@xlarge {
        margin-right: -20px
    }

        .grid--2-col\@xlarge > .grid__item {
            margin-right: 20px;
            width: calc(50% - 20px)
        }

    .grid--3-col\@xlarge {
        margin-right: -20px
    }

        .grid--3-col\@xlarge > .grid__item {
            margin-right: 20px;
            width: calc(33.33333% - 20px)
        }

    .grid--4-col\@xlarge {
        margin-right: -20px
    }

        .grid--4-col\@xlarge > .grid__item {
            margin-right: 20px;
            width: calc(25% - 20px)
        }

    .grid--5-col\@xlarge {
        margin-right: -20px
    }

        .grid--5-col\@xlarge > .grid__item {
            margin-right: 20px;
            width: calc(20% - 20px)
        }

    .grid--6-col\@xlarge {
        margin-right: -20px
    }

        .grid--6-col\@xlarge > .grid__item {
            margin-right: 20px;
            width: calc(16.66667% - 20px)
        }
}

@media screen and (max-width:1023px) {
    .grid--align-start\@large {
        align-items: flex-start
    }

    .grid--justify-start\@large {
        justify-content: flex-start
    }

    .grid--align-end\@large {
        align-items: flex-end
    }

    .grid--justify-end\@large {
        justify-content: flex-end
    }

    .grid--align-center\@large {
        align-items: center
    }

    .grid--justify-center\@large {
        justify-content: center
    }

    .grid--align-stretch\@large {
        align-items: stretch
    }

    .grid--justify-stretch\@large {
        justify-content: stretch
    }

    .grid--align-space-between\@large {
        align-items: space-between
    }

    .grid--justify-space-between\@large {
        justify-content: space-between
    }

    .grid--1-col\@large {
        margin-right: 0
    }

        .grid--1-col\@large > .grid__item {
            margin-right: 0;
            width: 100%
        }

    .grid--2-col\@large {
        margin-right: -20px
    }

        .grid--2-col\@large > .grid__item {
            margin-right: 20px;
            width: calc(50% - 20px)
        }

    .grid--3-col\@large {
        margin-right: -20px
    }

        .grid--3-col\@large > .grid__item {
            margin-right: 20px;
            width: calc(33.33333% - 20px)
        }

    .grid--4-col\@large {
        margin-right: -20px
    }

        .grid--4-col\@large > .grid__item {
            margin-right: 20px;
            width: calc(25% - 20px)
        }

    .grid--5-col\@large {
        margin-right: -20px
    }

        .grid--5-col\@large > .grid__item {
            margin-right: 20px;
            width: calc(20% - 20px)
        }

    .grid--6-col\@large {
        margin-right: -20px
    }

        .grid--6-col\@large > .grid__item {
            margin-right: 20px;
            width: calc(16.66667% - 20px)
        }
}

@media screen and (max-width:768px) {
    .grid--align-start\@medium {
        align-items: flex-start
    }

    .grid--justify-start\@medium {
        justify-content: flex-start
    }

    .grid--align-end\@medium {
        align-items: flex-end
    }

    .grid--justify-end\@medium {
        justify-content: flex-end
    }

    .grid--align-center\@medium {
        align-items: center
    }

    .grid--justify-center\@medium {
        justify-content: center
    }

    .grid--align-stretch\@medium {
        align-items: stretch
    }

    .grid--justify-stretch\@medium {
        justify-content: stretch
    }

    .grid--align-space-between\@medium {
        align-items: space-between
    }

    .grid--justify-space-between\@medium {
        justify-content: space-between
    }

    .grid--1-col\@medium {
        margin-right: 0
    }

        .grid--1-col\@medium > .grid__item {
            margin-right: 0;
            width: 100%
        }

    .grid--2-col\@medium {
        margin-right: -20px
    }

        .grid--2-col\@medium > .grid__item {
            margin-right: 20px;
            width: calc(50% - 20px)
        }

    .grid--3-col\@medium {
        margin-right: -20px
    }

        .grid--3-col\@medium > .grid__item {
            margin-right: 20px;
            width: calc(33.33333% - 20px)
        }

    .grid--4-col\@medium {
        margin-right: -20px
    }

        .grid--4-col\@medium > .grid__item {
            margin-right: 20px;
            width: calc(25% - 20px)
        }

    .grid--5-col\@medium {
        margin-right: -20px
    }

        .grid--5-col\@medium > .grid__item {
            margin-right: 20px;
            width: calc(20% - 20px)
        }

    .grid--6-col\@medium {
        margin-right: -20px
    }

        .grid--6-col\@medium > .grid__item {
            margin-right: 20px;
            width: calc(16.66667% - 20px)
        }
}

@media screen and (max-width:567px) {
    .grid--align-start\@small {
        align-items: flex-start
    }

    .grid--justify-start\@small {
        justify-content: flex-start
    }

    .grid--align-end\@small {
        align-items: flex-end
    }

    .grid--justify-end\@small {
        justify-content: flex-end
    }

    .grid--align-center\@small {
        align-items: center
    }

    .grid--justify-center\@small {
        justify-content: center
    }

    .grid--align-stretch\@small {
        align-items: stretch
    }

    .grid--justify-stretch\@small {
        justify-content: stretch
    }

    .grid--align-space-between\@small {
        align-items: space-between
    }

    .grid--justify-space-between\@small {
        justify-content: space-between
    }

    .grid--1-col\@small {
        margin-right: 0
    }

        .grid--1-col\@small > .grid__item {
            margin-right: 0;
            width: 100%
        }

    .grid--2-col\@small {
        margin-right: -20px
    }

        .grid--2-col\@small > .grid__item {
            margin-right: 20px;
            width: calc(50% - 20px)
        }

    .grid--3-col\@small {
        margin-right: -20px
    }

        .grid--3-col\@small > .grid__item {
            margin-right: 20px;
            width: calc(33.33333% - 20px)
        }

    .grid--4-col\@small {
        margin-right: -20px
    }

        .grid--4-col\@small > .grid__item {
            margin-right: 20px;
            width: calc(25% - 20px)
        }

    .grid--5-col\@small {
        margin-right: -20px
    }

        .grid--5-col\@small > .grid__item {
            margin-right: 20px;
            width: calc(20% - 20px)
        }

    .grid--6-col\@small {
        margin-right: -20px
    }

        .grid--6-col\@small > .grid__item {
            margin-right: 20px;
            width: calc(16.66667% - 20px)
        }
}

@media screen and (max-width:413px) {
    .grid--align-start\@xsmall {
        align-items: flex-start
    }

    .grid--justify-start\@xsmall {
        justify-content: flex-start
    }

    .grid--align-end\@xsmall {
        align-items: flex-end
    }

    .grid--justify-end\@xsmall {
        justify-content: flex-end
    }

    .grid--align-center\@xsmall {
        align-items: center
    }

    .grid--justify-center\@xsmall {
        justify-content: center
    }

    .grid--align-stretch\@xsmall {
        align-items: stretch
    }

    .grid--justify-stretch\@xsmall {
        justify-content: stretch
    }

    .grid--align-space-between\@xsmall {
        align-items: space-between
    }

    .grid--justify-space-between\@xsmall {
        justify-content: space-between
    }

    .grid--1-col\@xsmall {
        margin-right: 0
    }

        .grid--1-col\@xsmall > .grid__item {
            margin-right: 0;
            width: 100%
        }

    .grid--2-col\@xsmall {
        margin-right: -20px
    }

        .grid--2-col\@xsmall > .grid__item {
            margin-right: 20px;
            width: calc(50% - 20px)
        }

    .grid--3-col\@xsmall {
        margin-right: -20px
    }

        .grid--3-col\@xsmall > .grid__item {
            margin-right: 20px;
            width: calc(33.33333% - 20px)
        }

    .grid--4-col\@xsmall {
        margin-right: -20px
    }

        .grid--4-col\@xsmall > .grid__item {
            margin-right: 20px;
            width: calc(25% - 20px)
        }

    .grid--5-col\@xsmall {
        margin-right: -20px
    }

        .grid--5-col\@xsmall > .grid__item {
            margin-right: 20px;
            width: calc(20% - 20px)
        }

    .grid--6-col\@xsmall {
        margin-right: -20px
    }

        .grid--6-col\@xsmall > .grid__item {
            margin-right: 20px;
            width: calc(16.66667% - 20px)
        }
}

@media screen and (min-width:1024px) {
    .grid--row-gap-medium {
        margin-bottom: -40px
    }

        .grid--row-gap-medium .grid__item {
            margin-bottom: 40px
        }

    .grid--row-gap-large {
        margin-bottom: -60px
    }

        .grid--row-gap-large .grid__item {
            margin-bottom: 60px
        }

    .grid--col-gap-medium {
        margin-bottom: -70px
    }

        .grid--col-gap-medium .grid__item {
            margin-bottom: 70px
        }

    .grid--col-gap-big {
        margin-bottom: -90px
    }

        .grid--col-gap-big .grid__item {
            margin-bottom: 90px
        }

    .grid--col-gap-double {
        margin-bottom: -40px
    }

        .grid--col-gap-double .grid__item {
            margin-bottom: 40px
        }

    .grid--1-col.grid--col-gap-medium {
        margin-right: -70px
    }

        .grid--1-col.grid--col-gap-medium > .grid__item {
            margin-right: 70px;
            width: calc(100% - 70px)
        }

    .grid--1-col.grid--col-gap-big {
        margin-right: -90px
    }

        .grid--1-col.grid--col-gap-big > .grid__item {
            margin-right: 90px;
            width: calc(100% - 90px)
        }

    .grid--1-col.grid--col-gap-double {
        margin-right: -40px
    }

        .grid--1-col.grid--col-gap-double > .grid__item {
            margin-right: 40px;
            width: calc(100% - 40px)
        }

    .grid--2-col.grid--col-gap-medium {
        margin-right: -70px
    }

        .grid--2-col.grid--col-gap-medium > .grid__item {
            margin-right: 70px;
            width: calc(50% - 70px)
        }

    .grid--2-col.grid--col-gap-big {
        margin-right: -90px
    }

        .grid--2-col.grid--col-gap-big > .grid__item {
            margin-right: 90px;
            width: calc(50% - 90px)
        }

    .grid--2-col.grid--col-gap-double {
        margin-right: -40px
    }

        .grid--2-col.grid--col-gap-double > .grid__item {
            margin-right: 40px;
            width: calc(50% - 40px)
        }

    .grid--3-col.grid--col-gap-medium {
        margin-right: -70px
    }

        .grid--3-col.grid--col-gap-medium > .grid__item {
            margin-right: 70px;
            width: calc(33.33333% - 70px)
        }

    .grid--3-col.grid--col-gap-big {
        margin-right: -90px
    }

        .grid--3-col.grid--col-gap-big > .grid__item {
            margin-right: 90px;
            width: calc(33.33333% - 90px)
        }

    .grid--3-col.grid--col-gap-double {
        margin-right: -40px
    }

        .grid--3-col.grid--col-gap-double > .grid__item {
            margin-right: 40px;
            width: calc(33.33333% - 40px)
        }

    .grid--4-col.grid--col-gap-medium {
        margin-right: -70px
    }

        .grid--4-col.grid--col-gap-medium > .grid__item {
            margin-right: 70px;
            width: calc(25% - 70px)
        }

    .grid--4-col.grid--col-gap-big {
        margin-right: -90px
    }

        .grid--4-col.grid--col-gap-big > .grid__item {
            margin-right: 90px;
            width: calc(25% - 90px)
        }

    .grid--4-col.grid--col-gap-double {
        margin-right: -40px
    }

        .grid--4-col.grid--col-gap-double > .grid__item {
            margin-right: 40px;
            width: calc(25% - 40px)
        }

    .grid--5-col.grid--col-gap-medium {
        margin-right: -70px
    }

        .grid--5-col.grid--col-gap-medium > .grid__item {
            margin-right: 70px;
            width: calc(20% - 70px)
        }

    .grid--5-col.grid--col-gap-big {
        margin-right: -90px
    }

        .grid--5-col.grid--col-gap-big > .grid__item {
            margin-right: 90px;
            width: calc(20% - 90px)
        }

    .grid--5-col.grid--col-gap-double {
        margin-right: -40px
    }

        .grid--5-col.grid--col-gap-double > .grid__item {
            margin-right: 40px;
            width: calc(20% - 40px)
        }

    .grid--6-col.grid--col-gap-medium {
        margin-right: -70px
    }

        .grid--6-col.grid--col-gap-medium > .grid__item {
            margin-right: 70px;
            width: calc(16.66667% - 70px)
        }

    .grid--6-col.grid--col-gap-big {
        margin-right: -90px
    }

        .grid--6-col.grid--col-gap-big > .grid__item {
            margin-right: 90px;
            width: calc(16.66667% - 90px)
        }

    .grid--6-col.grid--col-gap-double {
        margin-right: -40px
    }

        .grid--6-col.grid--col-gap-double > .grid__item {
            margin-right: 40px;
            width: calc(16.66667% - 40px)
        }

    .grid.grid--col-gap-medium {
        margin-right: -70px
    }

        .grid.grid--col-gap-medium > .grid__item {
            margin-right: 70px
        }

        .grid.grid--col-gap-medium > .grid__item--65 {
            width: calc(65% - 70px)
        }

        .grid.grid--col-gap-medium > .grid__item--35 {
            width: calc(35% - 70px)
        }

        .grid.grid--col-gap-medium > .grid__item--67 {
            width: calc(67% - 70px)
        }

        .grid.grid--col-gap-medium > .grid__item--66 {
            width: calc(66% - 70px)
        }

        .grid.grid--col-gap-medium > .grid__item--33 {
            width: calc(33% - 70px)
        }

        .grid.grid--col-gap-medium > .grid__item--6 {
            width: calc(6% - 70px)
        }

        .grid.grid--col-gap-medium > .grid__item--27 {
            width: calc(27% - 70px)
        }

        .grid.grid--col-gap-medium > .grid__item--25 {
            width: calc(25% - 70px)
        }

        .grid.grid--col-gap-medium > .grid__item--75 {
            width: calc(75% - 70px)
        }

    .grid.grid--col-gap-big {
        margin-right: -90px
    }

        .grid.grid--col-gap-big > .grid__item {
            margin-right: 90px
        }

        .grid.grid--col-gap-big > .grid__item--65 {
            width: calc(65% - 90px)
        }

        .grid.grid--col-gap-big > .grid__item--35 {
            width: calc(35% - 90px)
        }

        .grid.grid--col-gap-big > .grid__item--67 {
            width: calc(67% - 90px)
        }

        .grid.grid--col-gap-big > .grid__item--66 {
            width: calc(66% - 90px)
        }

        .grid.grid--col-gap-big > .grid__item--33 {
            width: calc(33% - 90px)
        }

        .grid.grid--col-gap-big > .grid__item--6 {
            width: calc(6% - 90px)
        }

        .grid.grid--col-gap-big > .grid__item--27 {
            width: calc(27% - 90px)
        }

        .grid.grid--col-gap-big > .grid__item--25 {
            width: calc(25% - 90px)
        }

        .grid.grid--col-gap-big > .grid__item--75 {
            width: calc(75% - 90px)
        }

    .grid.grid--col-gap-double {
        margin-right: -40px
    }

        .grid.grid--col-gap-double > .grid__item {
            margin-right: 40px
        }

        .grid.grid--col-gap-double > .grid__item--65 {
            width: calc(65% - 40px)
        }

        .grid.grid--col-gap-double > .grid__item--35 {
            width: calc(35% - 40px)
        }

        .grid.grid--col-gap-double > .grid__item--67 {
            width: calc(67% - 40px)
        }

        .grid.grid--col-gap-double > .grid__item--66 {
            width: calc(66% - 40px)
        }

        .grid.grid--col-gap-double > .grid__item--33 {
            width: calc(33% - 40px)
        }

        .grid.grid--col-gap-double > .grid__item--6 {
            width: calc(6% - 40px)
        }

        .grid.grid--col-gap-double > .grid__item--27 {
            width: calc(27% - 40px)
        }

        .grid.grid--col-gap-double > .grid__item--25 {
            width: calc(25% - 40px)
        }

        .grid.grid--col-gap-double > .grid__item--75 {
            width: calc(75% - 40px)
        }
}

@media screen and (max-width:1023px) {
    .grid--row-gap-small\@large {
        margin-bottom: -40px
    }

        .grid--row-gap-small\@large .grid__item {
            margin-bottom: 40px
        }
}

.grid__item--section-pt-0 .section {
    padding-top: 0
}

.header {
    max-width: 1600px;
    position: relative;
    transform: translateY(0);
    transition: transform 1s;
    width: 100%;
    z-index: 100;
    margin: auto;
}

.header__top {
    background-color: #915da3;
    height: 50px;
    justify-content: flex-end
}

.header__main, .header__top {
    align-items: center;
    box-shadow: 0 4px 10px 0 hsla(0,0%,55.7%,.2);
    display: flex
}

.header__main {
    background-color: #1b0056;
    height: 126px;
    justify-content: space-between
}

.header__logo {
    font-size: 0
}

.header .link--white:active, .header .link--white:focus, .header .link--white:hover {
    outline: none
}

    .header .link--white:active .link__text, .header .link--white:focus .link__text, .header .link--white:hover .link__text {
        color: #1b0056
    }

    .header .link--white:active svg, .header .link--white:focus svg, .header .link--white:hover svg {
        fill: #1b0056
    }

@media screen and (max-width:567px) {
    .header__main {
        height: 83px
    }
}

.sticky {
    transition: transform .3s
}

.page {
    overflow: hidden
}

.page__skip {
    opacity: 0;
    pointer-events: none
}

    .page__skip.button {
        position: absolute
    }

    .page__skip:focus {
        opacity: 1;
        pointer-events: auto;
        position: relative
    }

.ccm-page-id-172 .section.section--large.section--with-curves.section--dark .section__curve--bare {
    display: none
}

.section {
    padding: 50px 0;
    position: relative;
}

    .section + .section:not(.section--shaded):not(.section--dark):not(.section--keep-padding) {
        padding-top: 0
    }

.section--large {
    padding: 60px 0
}

.section--small {
    padding: 30px 0
}

.section--fixed-h-scroll {
    overflow: scroll
}

    .section--fixed-h-scroll .container {
        width: 1280px
    }

.section--no-pad {
    padding: 0
}

.section--shaded {
    background-color: #f2f3f6;
    overflow: hidden;
}

    .section--shaded + .section--shaded {
        /*padding-top: 0*/
    }

.section--dark {
    background-color: #1b0056
}

    .section--dark + .section--dark {
        padding-top: 0
    }

    .section--dark .glide__bullet--active {
        background: #00aca2
    }

.section--overflow-hidden {
    overflow: hidden
}

.section--with-curves {
    z-index: 1
}

.section__swoosh {
    position: absolute
}

.section__swoosh--pink {
    fill: #cc5299
}

.section__swoosh--teal {
    fill: #00aca2
}

.section__swoosh--green {
    fill: #bed140
}

.section__swoosh--cerulean-blue {
    fill: #068fcf
}

.section__swoosh--yellow {
    fill: #fbbd56
}

.section__swoosh--purple {
    fill: #915da3
}

.section__swoosh--dark-purple {
    fill: #740960
}

.section__swoosh--subtle {
    fill: hsla(0,0%,100%,.5)
}

.section__swoosh--bare {
    fill: hsla(0,0%,100%,.05)
}

.section__swoosh--grey {
    fill: rgba(242,243,246,.5)
}

.section__swoosh--bottom-right {
    bottom: -93px;
    right: -1px;
    z-index: -1;
}

.section__swoosh--bottom-left {
    left: -59px;
    top: 115px
}

.section__swoosh--bottom-left-154 {
    bottom: -154px;
    left: -14px;
    top: auto
}

.section__swoosh--top-left {
    left: 0;
    top: 310px
}

.section__swoosh--minus-top-left {
    left: 0;
    top: -70px
}

.section__swoosh--flip {
    transform: scaleX(-1)
}

.section__swoosh--side-bar {
    left: auto;
    min-width: 463px;
    right: 0;
    top: -170px
}

.section__swoosh--single-left {
    left: 0;
    top: -170px;
    width: 20%
}

.section__swoosh--single-right {
    right: 0;
    top: -170px;
    width: 20%
}

.section__curve {
    position: absolute
}

.section__curve--pink {
    fill: #cc5299
}

.section__curve--teal {
    fill: #00aca2
}

.section__curve--green {
    fill: #bed140
}

.section__curve--cerulean-blue {
    fill: #068fcf
}

.section__curve--yellow {
    fill: #fbbd56
}

.section__curve--purple {
    fill: #915da3
}

.section__curve--dark-purple {
    fill: #740960
}

.section__curve--subtle {
    fill: hsla(0,0%,100%,.5)
}

.section__curve--bare {
    fill: hsla(0,0%,100%,.05)
}

.section__curve--grey {
    fill: rgba(242,243,246,.5)
}

.section__curve--top-left {
    left: -293px;
    top: 0
}

.section__curve--top-right {
    right: -260px;
    top: 0;
    transform: scaleX(-1)
}

.section__curve--flip {
    transform: scaleX(-1)
}

.section--banner-large {
    margin-bottom: 133px
}

.section--banner-small {
    margin-bottom: 116px
}

.section--banner-0 {
    margin-bottom: 0
}

.section--lines {
    position: relative
}

    .section--lines:after, .section--lines:before {
        content: "";
        height: 15px;
        position: absolute;
        right: 0;
        z-index: 1
    }

    .section--lines:after {
        background-color: #915da3;
        bottom: 0px;
        right: 0;
        width: 416px
    }

    .section--lines:before {
        background-color: #1b0056;
        bottom: 8px;
        width: 316px
    }

    .section--lines .section__curve {
        left: -293px;
        top: -45px
    }

.section--lines-left:after, .section--lines-left:before {
    left: 0;
    right: auto
}

.section--lines-left .section__curve {
    left: auto;
    right: -260px;
    top: -45px;
    transform: scaleX(-1);
    pointer-events: none;
}

@media screen and (max-width:1319px) {
    .section__swoosh--single-left, .section__swoosh--single-right {
        height: 320px;
        top: -140px
    }
}

@media screen and (max-width:1279px) {
    .section__swoosh--bottom-left-154 {
        bottom: -90px;
        height: 479px;
        width: 389px
    }
}

@media screen and (max-width:1023px) {
    .section__swoosh--top-left {
        left: -60px;
        top: 150px
    }
}

@media screen and (max-width:768px) {
    .section__swoosh--bottom-right {
        right: -120px
    }

    .section__swoosh--bottom-left-154 {
        bottom: -90px;
        height: 479px;
        width: 389px
    }

    .section__swoosh--side-bar {
        height: 360px;
        left: -22px;
        max-width: 300px;
        min-width: unset;
        right: auto;
        top: -80px
    }

    .section__swoosh--single-left, .section__swoosh--single-right {
        height: 235px;
        width: 25%
    }

    .section__lines .section__curve {
        height: 433px;
        left: -217px;
        width: 433px
    }

    .section__lines--left .section__curve {
        right: -260px;
        top: -45px
    }

    .section__curve--top-left {
        height: 433px;
        left: -217px;
        width: 433px
    }
}

@media screen and (max-width:567px) {
    .section--lines:before {
        width: 109px
    }

    .section--lines:after {
        width: 209px
    }

    .section--lines .section__curve {
        height: 433px;
        left: -216px;
        width: 433px
    }

    .section--lines-left .section__curve {
        right: -216px
    }

    .section__swoosh--side-bar {
        top: -40px
    }

    .section__swoosh--single-left, .section__swoosh--single-right {
        height: 140px;
        top: -60px;
        width: 28%
    }
}

@media screen and (min-width:568px) {
    .section {
        padding: 100px 0
    }

    .section--large {
        padding: 120px 0
    }

    .section--small {
        padding: 60px 0
    }

    .section--no-pad {
        padding: 0
    }
}

.checkbox__input {
    opacity: 0;
    position: absolute
}

    .checkbox__input[disabled] + .checkbox__label {
        filter: grayscale(1);
        opacity: .7;
        pointer-events: none
    }

    .checkbox__input:active, .checkbox__input:focus, .checkbox__input:hover {
        outline: none
    }

        .checkbox__input:active + .checkbox__label:before, .checkbox__input:focus + .checkbox__label:before, .checkbox__input:hover + .checkbox__label:before {
            background: rgba(145,93,163,.1)
        }

    .checkbox__input:checked + .checkbox__label:before {
        background: #915da3;
        border-color: #915da3
    }

    .checkbox__input:checked + .checkbox__label:after {
        opacity: 1
    }

.checkbox__label {
    align-items: flex-start;
    cursor: pointer;
    display: flex;
    position: relative
}

    .checkbox__label:before {
        background: #fff;
        border: 2px solid #dbdbdb;
        border-radius: 2px;
        content: "";
        display: inline-block;
        flex-shrink: 0;
        height: 30px;
        margin-right: 20px;
        transition: background .3s,border-color .3s;
        width: 30px
    }

    .checkbox__label:after {
        background-image: url(../images/interface/icon_tick.svg);
        content: "";
        height: 15px;
        left: 7px;
        opacity: 0;
        position: absolute;
        top: 8px;
        width: 19px
    }

.checkbox--inline .checkbox__label {
    flex-direction: column;
    padding-left: 34px
}

    .checkbox--inline .checkbox__label:before {
        height: 20px;
        left: 0;
        margin-right: 0;
        position: absolute;
        width: 20px
    }

    .checkbox--inline .checkbox__label:after {
        background-size: 14px 12px;
        height: 12px;
        left: 5px;
        top: 6px;
        width: 14px
    }

    .checkbox--inline .checkbox__label span {
        line-height: 28px
    }

.form, .form__item {
    position: relative
}

.form__item {
    margin-bottom: 10px
}

.form__filters, .form__sorting {
    align-items: center;
    display: flex
}

.form__sorting {
    justify-content: flex-end;
    width: 370px
}

.form__filters {
    justify-content: space-between;
    margin-bottom: 60px
}

.form__results-range {
    border-right: 1px solid #dbdbdb;
    margin-right: 20px;
    padding-right: 20px
}

.form .pristine-error {
    color: #e9114a;
    font-size: .875rem;
    margin-bottom: 10px
}

.form .loading {
    align-items: center;
    background: hsla(0,0%,100%,.5);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

@media screen and (max-width:1023px) {
    .form__filters {
        align-items: flex-start;
        flex-direction: column;
        margin-bottom: 30px
    }

    .form__sorting {
        justify-content: flex-start;
        margin-top: 10px
    }
}

.formify-field-container {
    margin-bottom: 32px;
    position: relative
}

.formify-field-label {
    background-color: #fff;
    left: 11px;
    padding: 0 9px;
    position: absolute;
    top: -10px
}

    .formify-field-label label {
        color: #4e485b;
        font-size: .875rem;
        line-height: 22px
    }

.formify-field-input.formify-email input, .formify-field-input.formify-phone input, .formify-field-input.formify-textbox input, .formify-textarea textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    border: 2px solid #dbdbdb;
    border-radius: 6px;
    color: #4e485b;
    display: block;
    font-size: 18px;
    padding: 12px 20px 13px;
    transition: border-color .3s;
    width: 100%
}

    .formify-field-input.formify-email input:-ms-input-placeholder, .formify-field-input.formify-phone input:-ms-input-placeholder, .formify-field-input.formify-textbox input:-ms-input-placeholder, .formify-textarea textarea:-ms-input-placeholder {
        color: rgba(78,72,91,.3)
    }

    .formify-field-input.formify-email input::placeholder, .formify-field-input.formify-phone input::placeholder, .formify-field-input.formify-textbox input::placeholder, .formify-textarea textarea::placeholder {
        color: rgba(78,72,91,.3)
    }

    .formify-field-input.formify-email input:active, .formify-field-input.formify-email input:focus, .formify-field-input.formify-email input:hover, .formify-field-input.formify-phone input:active, .formify-field-input.formify-phone input:focus, .formify-field-input.formify-phone input:hover, .formify-field-input.formify-textbox input:active, .formify-field-input.formify-textbox input:focus, .formify-field-input.formify-textbox input:hover, .formify-textarea textarea:active, .formify-textarea textarea:focus, .formify-textarea textarea:hover {
        border-color: #915da3;
        outline: none
    }

    .formify-field-input.formify-email input:active, .formify-field-input.formify-email input:focus, .formify-field-input.formify-phone input:active, .formify-field-input.formify-phone input:focus, .formify-field-input.formify-textbox input:active, .formify-field-input.formify-textbox input:focus, .formify-textarea textarea:active, .formify-textarea textarea:focus {
        border-color: #915da3;
        box-shadow: 0;
        outline: 0
    }

.formify-field-input input {
    line-height: 14px
}

.formify-textarea textarea {
    font-family: Jost,sans-serif;
    line-height: 1.5;
    min-height: 100px;
    resize: vertical
}

.formify-field-input input[type=submit] {
    align-items: center;
    background: #915da3;
    border: 0;
    border-radius: 25px;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-family: Jost,sans-serif;
    font-size: 1rem;
    font-weight: 500;
    height: 50px;
    justify-content: center;
    line-height: 1.5;
    min-width: 200px;
    padding: 12px 40px 14px;
    text-decoration: none;
    transition: background .3s,color .3s,border-color .3s;
    vertical-align: middle
}

.formify-field-input.formify-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url(../images/interface/chevron-down.svg);
    background-position: calc(100% - 19px) 50%;
    background-repeat: no-repeat;
    background-size: 18px 12px;
    border: 2px solid #dbdbdb;
    border-radius: 6px;
    color: #4e485b;
    font-family: Jost,sans-serif;
    font-size: 18px;
    line-height: 1.5;
    padding: 10px 50px 9px 20px;
    transition: border-color .3s;
    width: 100%
}

.formify-checkbox-label {
    align-items: flex-start;
    display: flex
}

.formify-field.formify-checkbox {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    border: 2px solid #dbdbdb;
    border-radius: 2px;
    content: "";
    display: inline-block;
    flex-shrink: 0;
    height: 30px;
    margin-right: 20px;
    outline: none;
    width: 30px
}

    .formify-field.formify-checkbox:checked {
        background: #915da3;
        background-image: url(../images/interface/icon_tick.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        border-color: #915da3
    }

.formify-checkboxes .formify-fieldset {
    display: flex;
    flex-direction: column
}

.formify-checkboxes .formify-checkbox-label {
    align-items: center
}

.formify-checkboxes .formify-legend {
    font-weight: 500;
    margin-bottom: 10px
}

.formify-date {
    padding-top: 20px
}

    .formify-date select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: #fff;
        background-image: url(../images/interface/chevron-down.svg);
        background-position: calc(100% - 19px) 50%;
        background-repeat: no-repeat;
        background-size: 18px 12px;
        border: 2px solid #dbdbdb;
        border-radius: 6px;
        color: #4e485b;
        font-family: Jost,sans-serif;
        font-size: 18px;
        line-height: 1.5;
        padding: 10px 50px 9px 20px;
        transition: border-color .3s
    }

        .formify-date select:active, .formify-date select:focus, .formify-date select:hover {
            border-color: #915da3;
            outline: none
        }

.formify-error .formify-field-input.formify-email input, .formify-error .formify-field-input.formify-phone input, .formify-error .formify-field-input.formify-select select, .formify-error .formify-field-input.formify-textbox input, .formify-error .formify-field.formify-checkbox, .formify-error .formify-textarea textarea {
    border-color: #e9114a
}

.input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    border: 2px solid #dbdbdb;
    border-radius: 6px;
    color: #4e485b;
    display: block;
    font-size: 18px;
    line-height: 14px;
    padding: 12px 20px 13px;
    transition: border-color .3s;
    width: 100%
}

    .input:-ms-input-placeholder {
        color: rgba(78,72,91,.3)
    }

    .input::placeholder {
        color: rgba(78,72,91,.3)
    }

    .input:active, .input:focus, .input:hover {
        border-color: #915da3;
        outline: none
    }

.form__success .input {
    border-color: #bed140
}

.form__error .input {
    border-color: #e9114a
}

.label {
    color: #4e485b;
    font-size: .875rem;
    line-height: 22px
}

.label--floating {
    background-color: #fff;
    left: 11px;
    padding: 0 9px;
    position: absolute;
    top: -10px
}

.pagination {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 60px
}

.pagination__select {
    margin: 0 15px
}

.password-reveal {
    box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
    position: relative
}

.password-reveal__trigger {
    background: transparent;
    color: #4e485b;
    font-family: Jost,sans-serif;
    font-size: 18px;
    margin: 0;
    padding: 0;
    align-items: center;
    background: #915da3;
    border: 2px solid #915da3;
    border-left: 0;
    border-radius: 0 5px 5px 0;
    cursor: pointer;
    display: flex;
    height: 100%;
    justify-content: flex-end;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: border-color .3s;
    width: 46px
}

    .password-reveal__trigger:active, .password-reveal__trigger:focus, .password-reveal__trigger:hover {
        outline: none
    }

        .password-reveal__trigger:active .password-reveal__icon, .password-reveal__trigger:focus .password-reveal__icon, .password-reveal__trigger:hover .password-reveal__icon {
            stroke: #915da3
        }

.password-reveal__icon {
    display: block;
    margin-right: 10px;
    stroke: #915da3;
    transition: stroke .3s
}

.password-reveal .input {
    border-right: 0;
    box-shadow: none;
    width: calc(100% - 43px)
}

    .password-reveal .input:active + .password-reveal__trigger, .password-reveal .input:focus + .password-reveal__trigger {
        background-color: #fff
    }

.radio-tabs {
    border: 2px solid #915da3;
    border-radius: 6px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 60px
}

.radio-tabs__radio {
    width: 100%
}

    .radio-tabs__radio:last-child .radio-tabs__label {
        border-right: 0
    }

    .radio-tabs__radio:last-child .radio-tabs__input:checked + .radio-tabs__label {
        border-right: 2px solid #915da3
    }

.radio-tabs__input {
    opacity: 0;
    position: absolute
}

    .radio-tabs__input:checked + .radio-tabs__label {
        background-color: #915da3;
        color: #fff
    }

.radio-tabs__label {
    align-items: center;
    border-right: 2px solid #915da3;
    color: #1b0056;
    display: flex;
    font-size: 20px;
    font-weight: 500;
    height: 60px;
    justify-content: center;
    line-height: 30px;
    transition: background-color .3s;
    width: 100%
}

.radio-tabs__label--active {
    background-color: #915da3;
    color: #fff
}

.radio-tabs__label:active, .radio-tabs__label:focus, .radio-tabs__label:hover {
    background-color: rgba(145,93,163,.1);
    cursor: pointer;
    outline: none
}

@media screen and (max-width:567px) {
    .radio-tabs {
        margin-bottom: 30px
    }

    .radio-tabs__label {
        font-size: 16px;
        text-align: center
    }
}

.radio {
    display: flex;
    margin-bottom: 20px
}

.radio__input {
    opacity: 0;
    position: absolute
}

    .radio__input:active, .radio__input:focus, .radio__input:hover {
        outline: none
    }

        .radio__input:active + .radio__label:after, .radio__input:focus + .radio__label:after, .radio__input:hover + .radio__label:after {
            transform: scale(.5)
        }

    .radio__input:checked + .radio__label:before {
        background: #915da3;
        border-color: #915da3
    }

    .radio__input:checked + .radio__label:after {
        background-color: #fff;
        transform: scale(1)
    }

.radio__label {
    align-items: center;
    cursor: pointer;
    display: flex;
    position: relative
}

    .radio__label:before {
        background: #fff;
        border: 1px solid #dbdbdb;
        border-radius: 50%;
        content: "";
        display: inline-block;
        flex-shrink: 0;
        height: 30px;
        margin-right: 20px;
        transition: border-color .3s;
        width: 30px
    }

    .radio__label:after {
        background: #915da3;
        border-radius: 50%;
        content: "";
        height: 18px;
        left: 7px;
        position: absolute;
        top: 7px;
        transform: scale(0);
        transition: transform .1s linear;
        width: 18px
    }

.search {
    margin-bottom: 60px;
    position: relative
}

.search__icon {
    background-image: url(../images/interface/icon_search.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 44px
}

@media screen and (max-width:567px) {
    .search {
        margin-bottom: 30px
    }

    .search--mb-0\@small {
        margin-bottom: 0
    }
}

.select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url(../images/interface/chevron-down.svg);
    background-position: calc(100% - 19px) 50%;
    background-repeat: no-repeat;
    background-size: 18px 12px;
    border: 2px solid #dbdbdb;
    border-radius: 6px;
    color: #4e485b;
    font-family: Jost,sans-serif;
    font-size: 18px;
    line-height: 1.5;
    padding: 10px 50px 9px 20px;
    transition: border-color .3s
}

    .select:not(.pagination__select):not(.select--simple) {
        min-width: 230px
    }

    .select:active, .select:focus, .select:hover {
        border-color: #915da3;
        outline: none
    }

    .select::-ms-expand {
        display: none
    }

.select--simple {
    background-position: 100% 50%;
    border: 0;
    border-radius: 0;
    color: #4e485b;
    font-weight: 500;
    line-height: 24px;
    padding: 9px 25px 11px 10px
}

.selects {
    display: flex
}

    .selects .select:not(:first-child) {
        margin-left: 20px
    }

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

        .selects .select {
            margin-bottom: 10px
        }

            .selects .select:not(:first-child) {
                margin-left: 0
            }
}

.textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    border: 2px solid #dbdbdb;
    border-radius: 6px;
    color: #4e485b;
    display: block;
    font-family: Jost,sans-serif;
    font-size: 18px;
    line-height: 1.5;
    min-height: 100px;
    padding: 12px 20px 13px;
    resize: vertical;
    transition: border-color .3s;
    width: 100%
}

    .textarea:-ms-input-placeholder {
        color: rgba(78,72,91,.6)
    }

    .textarea::placeholder {
        color: rgba(78,72,91,.6)
    }

    .textarea:active, .textarea:focus {
        border-color: #915da3;
        box-shadow: 0;
        outline: 0
    }

.form__success .textarea {
    border-color: #bed140
}

.form__error .textarea {
    border-color: #e9114a
}

.toggle {
    display: inline-block;
    position: relative
}

.toggle__input {
    opacity: 0;
    position: absolute
}

    .toggle__input[disabled] + .toggle__label {
        filter: grayscale(1);
        opacity: .7;
        pointer-events: none
    }

    .toggle__input:active, .toggle__input:focus, .toggle__input:hover {
        outline: none
    }

        .toggle__input:active + .toggle__label:after, .toggle__input:focus + .toggle__label:after, .toggle__input:hover + .toggle__label:after {
            box-shadow: 1px 1px 5px rgba(0,0,0,.2)
        }

    .toggle__input:checked + .toggle__label:before {
        background: #915da3;
        opacity: 1
    }

    .toggle__input:checked + .toggle__label:after {
        transform: translateX(0)
    }

.toggle__label {
    align-items: center;
    color: #4e485b;
    cursor: pointer;
    display: flex;
    font-size: 1rem;
    height: 40px;
    padding-right: 77px;
    position: relative;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .toggle__label:before {
        background: #4e485b;
        border-radius: 89px;
        content: "";
        height: 40px;
        opacity: .1;
        position: absolute;
        right: 0;
        top: 0;
        transition: opacity .3s;
        width: 67px
    }

    .toggle__label:after {
        background: #fff;
        border-radius: 50%;
        content: "";
        height: 34px;
        position: absolute;
        right: 3px;
        top: 3px;
        transform: translateX(-27px);
        transition: box-shadow .3s,transform .3s;
        width: 34px
    }

.accordion__summary {
    align-items: center;
    background-color: #915da3;
    border-radius: 42px;
    box-shadow: 0 4px 10px 0 hsla(0,0%,55.7%,.2);
    display: flex;
    justify-content: space-between;
    padding: 20px 40px;
    width: 100%
}

    .accordion__summary::-webkit-details-marker {
        display: none
    }

    .accordion__summary:active, .accordion__summary:focus, .accordion__summary:hover {
        background: #7b4783;
        cursor: pointer;
        outline: none
    }

.accordion__icon {
    border: 2px solid #fff;
    border-radius: 50%;
    height: 28px;
    min-width: 28px;
    transform: rotate(-90deg);
    transition: transform .3s;
    width: 28px
}

    .accordion__icon svg {
        display: block;
        fill: #fff;
        margin: 0 auto
    }

.accordion__details {
    display: block
}

    .accordion__details:not(:last-child) {
        margin-bottom: 30px
    }

    .accordion__details .accordion__copy {
        display: none
    }

    .accordion__details--open .accordion__copy, .accordion__details[open] .accordion__copy {
        display: block
    }

    .accordion__details--open .accordion__icon, .accordion__details[open] .accordion__icon {
        transform: rotate(90deg)
    }

.accordion__copy {
    padding: 30px 40px 0
}

.alert {
    background-color: #f2f3f6;
    border-radius: 6px;
    font-size: .875rem;
    margin: 10px 0;
    padding: 10px 10px 10px 40px;
    position: relative
}

.alert--error:before, .alert--success:before {
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    display: block;
    height: 20px;
    left: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px
}

.alert--error:before {
    background-image: url(../images/interface/icon_cross.svg)
}

.alert--success:before {
    background-image: url(../images/interface/icon_tick_circle.svg)
}

.announcement {
    background-color: #915da3;
    padding: 11px 0;
    width: 100%
}

.audio-player__audio {
    display: none
}

.audio-player__controls {
    align-items: center;
    display: flex
}

.audio-player__mute {
    background: transparent;
    border: none;
    color: #4e485b;
    font-family: Jost,sans-serif;
    font-size: 18px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    font-size: 0
}

.audio-player__progress {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 22px
}

.audio-player__scrubber {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: rgba(27,0,86,.1);
    border-radius: 3px;
    height: 6px;
    margin: 0 20px;
    width: 200px
}

    .audio-player__scrubber::-webkit-slider-thumb {
        -webkit-appearance: none;
        background-color: #915da3;
        border-radius: 50%;
        cursor: pointer;
        height: 13px;
        width: 13px
    }

    .audio-player__scrubber::-moz-range-thumb {
        background-color: #915da3;
        border-radius: 50%;
        cursor: pointer;
        height: 13px;
        width: 13px
    }

    .audio-player__scrubber::-ms-thumb {
        background-color: #915da3;
        border-radius: 50%;
        cursor: pointer;
        height: 13px;
        width: 13px
    }

    .audio-player__scrubber:focus {
        outline: #915da3
    }

@media screen and (max-width:768px) {
    .audio-player {
        margin-bottom: 30px
    }
}

.author {
    align-items: center;
    display: flex
}

.author__image-container {
    border-radius: 0 0 27% 0;
    overflow: hidden;
    margin-right: 20px
}

.author__social {
    height: 40px;
    margin-left: 20px;
    width: 40px
}

.award {
    margin: 0 auto;
    max-width: 337px
}

.award__logo {
    margin: 0 auto 20px
}

.blockquote__container, .blockquote__footer {
    padding-left: 50px
}

.blockquote__container--small, .blockquote__footer--small {
    padding-left: 20px
}

.blockquote__container {
    position: relative
}

.blockquote__quote {
    margin-bottom: 30px;
    position: relative
}

.blockquote__quote--small {
    margin-bottom: 22px
}

.blockquote__lines {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 20px
}

    .blockquote__lines:after, .blockquote__lines:before {
        content: "";
        height: calc(100% - 8px);
        position: absolute
    }

    .blockquote__lines:before {
        background-color: #1b0056;
        bottom: 0;
        right: 0;
        width: 10px
    }

    .blockquote__lines:after {
        background-color: #00aca2;
        top: 0;
        width: 15px
    }

.blockquote__lines--l-0 {
    left: 0
}

.blockquote__lines--pink:after {
    background-color: #cc5299
}

.blockquote__lines--teal:after {
    background-color: #00aca2
}

.blockquote__lines--green:after {
    background-color: #bed140
}

.blockquote__lines--cerulean-blue:after {
    background-color: #068fcf
}

.blockquote__lines--yellow:after {
    background-color: #fbbd56
}

.blockquote__lines--purple:after {
    background-color: #915da3
}

.blockquote__lines--dark-purple:after {
    background-color: #740960
}

.blockquote__author {
    color: #4e485b
}

.blockquote__author--dark {
    color: #1b0056;
    font-size: 1.125rem;
    font-weight: 500
}

@media screen and (min-width:769px) {
    .blockquote:not(.blockquote--no-margin) {
        margin-left: 0
    }
}

@media screen and (min-width:1024px) {
    .blockquote:not(.blockquote--no-margin) {
        margin-left: 89px
    }
}

.button {
    align-items: center;
    background: #915da3;
    border: 0;
    border-radius: 25px;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-family: Jost,sans-serif;
    font-size: 16px;
    font-weight: 500;
    height: 50px;
    justify-content: center;
    line-height: 1.5;
    min-width: 200px;
    padding: 12px 40px 14px;
    text-decoration: none;
    transition: background .3s,color .3s,border-color .3s;
    vertical-align: middle
}

    .button:active, .button:focus, .button:hover {
        background: #7b4783;
        outline: none
    }

    .button:disabled {
        opacity: .3;
        pointer-events: none
    }

.button--ghost {
    background: #fff;
    border: 2px solid #915da3;
    color: #1b0056
}

    .button--ghost:active, .button--ghost:focus, .button--ghost:hover {
        background: rgba(145,93,163,.1);
        outline: none
    }

.button--ghost-white-text {
    background: transparent;
    border: 2px solid #915da3;
    color: #fff
}

    .button--ghost-white-text:active, .button--ghost-white-text:focus, .button--ghost-white-text:hover {
        background: rgba(145,93,163,.1);
        outline: none;
        color: #fff;
    }

.button--secondary {
    background: #fff;
    color: #7b4783
}

    .button--secondary:active, .button--secondary:focus, .button--secondary:hover {
        background: #7b4783;
        color: #fff;
        outline: none
    }

.button--secondary-ghost {
    background: transparent;
    border: 2px solid #fff;
    color: #fff
}

    .button--secondary-ghost:active, .button--secondary-ghost:focus, .button--secondary-ghost:hover {
        border-color: #7b4783;
        outline: none;
        color: #FFF;
    }

.button--tertiary {
    background: #00aca2;
    color: #fff
}

    .button--tertiary:active, .button--tertiary:focus, .button--tertiary:hover {
        background: #007972;
        outline: none;
        color: #FFF;
    }

.button--white {
    background: #fff;
    border-color: #fff;
    color: #915da3
}

    .button--white:active, .button--white:focus, .button--white:hover {
        background: #915da3;
        color: #fff;
        outline: none
    }

.button--image {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    font-size: 0;
    height: 48px;
    padding: 0;
    transition: opacity .3s ease-in-out;
    width: 208px
}

    .button--image:active, .button--image:focus, .button--image:hover {
        background: transparent;
        opacity: .6;
        outline: none
    }

.button--share {
    border-radius: 50%;
    font-size: 0;
    height: 50px;
    min-width: unset;
    padding: 0;
    width: 50px
}

    .button--share svg {
        height: 20px;
        width: 20px
    }

.button--share-secondary {
    background-color: #00aca2;
    height: 40px;
    width: 40px
}

    .button--share-secondary:active, .button--share-secondary:focus, .button--share-secondary:hover {
        background: #007972;
        outline: none
    }

    .button--share-secondary svg {
        height: 18px;
        width: 16px
    }

.button--medium {
    font-size: 1.125rem;
    line-height: 24px;
    min-width: auto;
    padding-left: 33px;
    padding-right: 33px
}

.button--small {
    height: 40px;
    min-width: auto
}

.button--full-width, .button--small {
    padding-left: 28px;
    padding-right: 28px
}

.button--full-width {
    min-width: unset;
    width: 100%
}

.button--play {
    background-color: #915da3;
    border-radius: 50%;
    font-size: 0;
    height: 90px;
    min-width: 90px;
    padding: 0;
    width: 90px
}

    .button--play svg {
        fill: #fff
    }

.button--pagination {
    background-color: #915da3;
    border-radius: 50%;
    font-size: 0;
    height: 60px;
    min-width: 60px;
    padding: 0;
    width: 60px
}

    .button--pagination svg {
        fill: #fff
    }

@media screen and (max-width:1023px) {
    .button--medium {
        height: 40px;
        padding-left: 25px;
        padding-right: 24px
    }
}

@media screen and (max-width:567px) {
    .button--medium {
        font-size: .9375rem;
        padding-left: 15px;
        padding-right: 14px
    }

    .button--play {
        height: 60px;
        min-width: 60px;
        width: 60px
    }
}

.calendar__date {
    align-items: center;
    display: flex
}

.calendar__day {
    background-color: #1b0056;
    color: #fff;
    display: flex;
    flex-direction: column;
    height: 85px;
    justify-content: center;
    margin-right: 20px;
    min-width: 85px
}

.footer {
    background-color: #fff;
    position: relative;
    width: 100%;
    z-index: 50
}

.ccm-toolbar-visible .footer {
    background-color: transparent;
    z-index: 0
}

.footer__main {
    /*border-top: 1px solid rgba(0,24,70,.2);*/
    display: grid;
    padding: 80px 0 62px;
    width: 100%;
}

.footer__logo {
    display: block;
    margin-right: 58px
}

    .footer__logo:active, .footer__logo:focus, .footer__logo:hover {
        cursor: pointer;
        outline: none
    }

.footer__grid {
    margin-top: 5px;
    width: 100%
}

.footer__links {
    background-color: rgba(50,50,58,.05);
    padding: 24px 0 22px
}

.footer__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap
}

.footer__nav-item {
    padding-right: 20px;
    width: 50%
}

    .footer__nav-item:not(:last-child) {
        margin-bottom: 20px
    }

.footer__link {
    color: #1b0056;
    font-size: 1rem;
    font-weight: 500;
    line-height: 24px
}

.footer__list-item:not(:last-child) {
    margin-right: 20px
}

.footer__social {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 5px;
    float: right;
}

.footer__legal {
    background-color: #1b0056;
    padding: 22px 0 25px
}

@media screen and (max-width:1023px) {
    .footer__main {
        flex-direction: column;
        padding-bottom: 48px
    }

    .footer__social {
        align-items: center;
        flex-direction: row;
    }
}

@media screen and (max-width:768px) {
    .footer__links {
        padding: 30px 10px 29px
    }

    .footer__legal {
        padding: 14px 10px 16px
    }

    .footer__list {
        flex-direction: column
    }

    .footer__list-item:not(:last-child) {
        margin-bottom: 20px;
        margin-right: 0
    }

    .footer__nav-item {
        width: 100%
    }
}

@media screen and (max-width:567px) {
    .footer__main {
        flex-direction: row;
        justify-content: space-between;
        padding: 30px 0
    }

    .footer__social {
        margin-top: 0
    }
}

.glide {
    cursor: default;
    margin: 0 auto
}

.glide__container {
    margin-left: -10px;
    position: relative
}

.glide__slide {
    height: auto
}

.glide--active {
    cursor: -webkit-grab;
    cursor: grab
}

    .glide--active:active {
        cursor: -webkit-grabbing;
        cursor: grabbing
    }

.glide--quote .glide__container {
    margin-left: 0
}

.glide--quote .glide__track {
    padding-left: 0
}

.glide__slides {
    overflow: visible;
    padding: 10px 0;
    z-index: 2;
}

.glide__track {
    padding-left: 10px;
    z-index: 1
}

.glide__arrows {
    display: flex;
    justify-content: space-between;
    left: -70px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: calc(100% + 150px);
    z-index: 1;
}

.glide__arrow {
    background: transparent;
    border: none;
    color: #4e485b;
    cursor: pointer;
    font-family: Jost,sans-serif;
    font-size: 18px;
    margin: 0;
    padding: 0;
    align-items: center;
    background: #915da3;
    border-radius: 50%;
    display: flex;
    height: 60px;
    justify-content: center;
    transition: background .3s;
    width: 60px
}

.glide__arrow--left {
    transform: rotate(180deg)
}

.glide__arrow--disabled {
    opacity: .3;
    pointer-events: none
}

.glide__arrow:active, .glide__arrow:focus, .glide__arrow:hover {
    background: #744a83;
    outline: none
}

    .glide__arrow:hover.glide__arrow--left .glide__icon, .glide__arrow:hover.glide__arrow--right .glide__icon {
        transform: translateX(6px)
    }

.glide__icon {
    display: block;
    fill: #fff;
    transition: background .3s,transform .3s
}

.glide__bullets {
    display: flex;
    justify-content: center;
    margin-top: 30px
}

.glide__bullet {
    background: transparent;
    border: none;
    color: #4e485b;
    cursor: pointer;
    font-family: Jost,sans-serif;
    font-size: 18px;
    padding: 0;
    background: #915da3;
    border-radius: 50%;
    height: 10px;
    margin: 0 5px;
    transition: background .3s, width .3s;
    width: 10px;
    will-change: contents
}

    .glide__bullet:active, .glide__bullet:focus, .glide__bullet:hover {
        background: rgba(145,93,163,.5);
        outline: none
    }

    .glide__bullet:focus {
        background: #915da3
    }

.glide__bullet--active {
    background: #1b0056;
    border-radius: 5px;
    cursor: default;
    pointer-events: none;
    width: 30px
}

.glide .card__link {
    max-width: calc(100% - 20px);
    width: 100%
}

.glide .card__shape {
    left: 0
}

.glide .card__container {
    margin-left: 10px
}

.glide .card__image {
    width: 100%
}

.glide .card--bg .card__link, .glide .card--hot-topic .card__link, .glide .card--with-icon .card__link {
    max-width: calc(100% - 10px)
}

.glide .card--bg .card__shape, .glide .card--hot-topic .card__shape, .glide .card--with-icon .card__shape {
    left: 10px
}

@media screen and (min-width:1280px) {
    .glide--hide-bullets\@xlarge-min .glide__bullets {
        margin: 0
    }
}

@media screen and (max-width:1449px) {
    .glide--hide-arrows\@xxlarge .glide__arrows {
        display: none
    }
}

@media screen and (max-width:1023px) {
    .glide__bullets--mt0\@large {
        margin-top: 0
    }
}

.hamburger {
    background: transparent;
    border: none;
    color: #4e485b;
    cursor: pointer;
    font-family: Jost,sans-serif;
    font-size: 18px;
    margin: 0;
    padding: 0;
    font-size: 0
}

.hamburger__lines {
    height: auto;
    transition: height .3s .3s,opacity .3s;
    width: auto
}

.hamburger__cross {
    transition: height .3s .3s,opacity .3s
}

.hamburger--active .hamburger__lines, .hamburger__cross {
    height: 0;
    opacity: 0;
    width: 0
}

.hamburger--active .hamburger__cross {
    height: auto;
    opacity: 1;
    width: auto
}

.hamburger:active, .hamburger:focus, .hamburger:hover {
    outline: 0;
    outline: none
}

.link-selector {
    position: relative;
    width: 80px
}

.link-selector__trigger {
    background: transparent;
    color: #4e485b;
    cursor: pointer;
    font-family: Jost,sans-serif;
    font-size: 18px;
    margin: 0;
    align-items: center;
    border: 2px solid #fff;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    padding: 5px 8px;
    width: 100%
}

    .link-selector__trigger svg {
        fill: #fff;
        margin-left: 6px;
        transition: fill transform .3s .3s
    }

.link-selector__trigger--active {
    border-radius: 5px 5px 0 0
}

    .link-selector__trigger--active svg {
        transform: rotate(180deg)
    }

.link-selector__trigger:active, .link-selector__trigger:focus, .link-selector__trigger:hover {
    cursor: pointer;
    outline: none
}

    .link-selector__trigger:active .link-selector__text, .link-selector__trigger:focus .link-selector__text, .link-selector__trigger:hover .link-selector__text {
        color: #1b0056
    }

    .link-selector__trigger:active svg, .link-selector__trigger:focus svg, .link-selector__trigger:hover svg {
        fill: #1b0056
    }

.link-selector__link, .link-selector__text {
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    transition: color .3s
}

.link-selector__text {
    color: #fff
}

.link-selector__options {
    display: none;
    left: 0;
    position: absolute;
    top: 100%;
    width: 100%
}

.link-selector__options--active {
    display: block
}

.link-selector__list {
    list-style: none;
    margin: 0;
    padding: 0
}

.link-selector__link {
    background-color: #fff;
    color: #915da3;
    display: flex;
    height: 100%;
    padding: 10px;
    transition: background-color .3s;
    width: 100%
}

    .link-selector__link:active, .link-selector__link:focus, .link-selector__link:hover {
        color: #1b0056;
        cursor: pointer;
        outline: none
    }

.link-selector--dark .link-selector__trigger {
    border-color: #915da3
}

    .link-selector--dark .link-selector__trigger svg {
        fill: #915da3
    }

.link-selector--dark .link-selector__link, .link-selector--dark .link-selector__text {
    color: #915da3
}

.link-selector--dark .link-selector__link {
    background-color: #fff
}

    .link-selector--dark .link-selector__link:active, .link-selector--dark .link-selector__link:focus, .link-selector--dark .link-selector__link:hover {
        color: #1b0056;
        outline: none
    }

.link {
    background: transparent;
    border: none;
    color: #4e485b;
    cursor: pointer;
    font-family: Jost,sans-serif;
    font-size: 18px;
    margin: 0;
    padding: 0
}

    .link:not(.link--simple) {
        align-items: center;
        display: flex
    }

    .link:not(.link--start) {
        justify-content: center
    }

.link__text {
    color: #915da3;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    transition: color .3s
}

.link__icon {
    border: 2px solid #915da3;
    border-radius: 50%;
    height: 18px;
    margin-right: 6px;
    min-width: 18px;
    width: 18px
}

.link svg {
    display: block;
    fill: #915da3;
    margin: 0 auto;
    transition: fill .3s
}

.link:active, .link:focus, .link:hover {
    cursor: pointer;
    outline: none
}

    .link:active .link__text, .link:focus .link__text, .link:hover .link__text {
        color: #7b4783
    }

    .link:active svg, .link:focus svg, .link:hover svg {
        fill: #1b0056
    }

.link--simple {
    color: #915da3;
    transition: color .3s
}

    .link--simple:active, .link--simple:focus, .link--simple:hover {
        color: #7b4783;
        text-decoration: underline;
        outline: none
    }

.link--white, .link--white .link__text {
    color: #fff
}

    .link--white .link__icon {
        border-color: #fff
    }

    .link--white svg {
        fill: #fff
    }

    .link--white:active, .link--white:focus, .link--white:hover {
        outline: none
    }

        .link--white:active .link__text, .link--white:focus .link__text, .link--white:hover .link__text {
            color: #915da3
        }

        .link--white:active svg, .link--white:focus svg, .link--white:hover svg {
            fill: #915da3
        }

.link--large, .link--large .link__text {
    font-size: 20px;
    line-height: 30px
}

@media screen and (max-width:567px) {
    .link--small\@small .link__text {
        font-size: 1rem
    }
}

.list {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    width: 100%
}

.list__item {
    color: #4e485b;
    display: flex;
    font-size: 1.125rem;
    font-weight: 500;
    height: 30px;
    line-height: 24px;
    padding: 0 10px 0 45px;
    position: relative;
    width: 50%
}

    .list__item:not(:last-of-type) {
        margin-bottom: 13px
    }

    .list__item:before {
        background-image: url(../images/interface/icon_tick_circle.svg);
        background-repeat: no-repeat;
        content: "";
        display: block;
        height: 30px;
        left: 0;
        position: absolute;
        width: 30px
    }

.list__item--with-description {
    flex-direction: column;
    height: auto;
    width: 100%
}

    .list__item--with-description:not(:last-of-type) {
        margin-bottom: 20px
    }

.list__item--auto-height {
    height: auto
}

.list--1-col .list__item {
    width: 100%
}

.loading {
    align-items: center;
    -webkit-animation: load-fade-in .5s forwards;
    animation: load-fade-in .5s forwards;
    display: flex;
    justify-content: center;
    opacity: 0
}

.loading__spinner {
    -webkit-animation: loading-spinner 1.5s infinite;
    animation: loading-spinner 1.5s infinite;
    border-radius: 50%;
    border: 4px solid #915da3;
    border-right-color: transparent;
    height: 50px;
    width: 50px
}

.loading--whiteout {
    background: hsla(0,0%,100%,.7);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99
}

@-webkit-keyframes load-fade-in {
    to {
        opacity: 1
    }
}

@keyframes load-fade-in {
    to {
        opacity: 1
    }
}

@-webkit-keyframes loading-spinner {
    to {
        transform: rotate(1turn)
    }
}

@keyframes loading-spinner {
    to {
        transform: rotate(1turn)
    }
}

.modal {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    transform: scale(1.1);
    width: 100%;
    z-index: 1000
}

.ccm-toolbar-visible .modal {
    top: 48px
}

.modal__bg {
    background: rgba(78,72,91,.95);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.modal__body {
    background: #fff;
    border-radius: 0 0 90px 0;
    box-sizing: border-box;
    margin: 20px;
    max-height: calc(100vh - 40px);
    max-width: 887px;
    overflow: auto;
    padding: 60px;
    position: relative;
    width: 100%;
    z-index: 1
}

.modal__body--large {
    max-width: 1280px
}

.modal__close {
    background: transparent;
    border: none;
    color: #4e485b;
    cursor: pointer;
    font-family: Jost,sans-serif;
    font-size: 18px;
    margin: 0;
    height: 44px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: background .3s;
    width: 44px;
    z-index: 10
}

    .modal__close:after, .modal__close:before {
        background: #915da3;
        border-radius: 4px;
        content: "";
        height: 38%;
        left: calc(50% - 1px);
        position: absolute;
        top: 29%;
        transition: background .3s;
        width: 3px
    }

    .modal__close:before {
        transform: rotate(45deg)
    }

    .modal__close:after {
        transform: rotate(135deg)
    }

    .modal__close .modal__close-circle {
        border: 3px solid #915da3;
        border-radius: 50%;
        display: block;
        height: 32px;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%);
        width: 32px
    }

    .modal__close:active, .modal__close:focus, .modal__close:hover {
        background: #915da3;
        outline: none
    }

        .modal__close:active:after, .modal__close:active:before, .modal__close:focus:after, .modal__close:focus:before, .modal__close:hover:after, .modal__close:hover:before {
            background: #fff
        }

.modal--active {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1);
    transition: opacity .3s,transform .3s
}

@media screen and (max-width:567px) {
    .modal__body {
        border-radius: 0 0 50px 0;
        padding: 44px
    }
}

.nav__list {
    list-style: none;
    margin: 0;
    padding: 0;
    max-width: 100%;
}

.nav__item, .nav__list {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.nav__item {
    padding: 50px 0
}

    .nav__item:not(:last-child) {
        margin-right: 20px
    }

.nav__item--active .nav__sub-list {
    height: auto;
    left: auto;
    overflow: visible;
    position: relative;
    left: 50%;
    opacity: 1;
    position: absolute;
    top: 176px;
    transform: translateX(-50%)
}

.nav__sub-main-grid .grid__item:first-child .sub-list__item--links {
    margin-left: 65px
}

.nav__sub-toggle {
    background: transparent;
    border: none;
    color: #4e485b;
    cursor: pointer;
    font-family: Jost,sans-serif;
    font-size: 18px;
    margin: 0;
    padding: 0;
    display: none;
    height: 30px;
    width: 30px
}

a.nav__link {
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    line-height: 26px;
    transition: color .3s;
    max-width: 190px;
}

.nav__chevron {
    fill: #fff;
    transition: fill .3s
}

.nav__chevron--back {
    transform: rotate(90deg)
}

.nav__sub-list {
    height: 0;
    left: -10000px;
    overflow: hidden;
    position: absolute;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 0 0 80px 0;
    box-shadow: 0 4px 10px 0 hsla(0,0%,55.7%,.2);
    max-width: 1280px;
    opacity: 0;
    padding: 50px 160px 59px 146px;
    transition: opacity .3s .3s;
    width: 100%;
    z-index: 100
}

.nav__sub-column-name {
    font-size: 1.125rem;
    font-weight: 500;
    margin-bottom: 25px
}

.nav__sub-column-name--space-left {
    margin-left: 80px
}

@media screen and (max-width:1279px) {
    .nav__item:not(:last-child) {
        margin-right: 20px
    }
}

@media screen and (max-width:1158px) {
    a.nav__link {
        font-size: 20px;
    }
}

@media screen and (min-width:1024px) {
    .nav__item:active, .nav__item:focus, .nav__item:hover {
        outline: none
    }

        .nav__item:active .nav__link, .nav__item:focus .nav__link, .nav__item:hover .nav__link {
            color: #915da3
        }

        .nav__item:active .nav__chevron, .nav__item:focus .nav__chevron, .nav__item:hover .nav__chevron {
            fill: #915da3
        }

        .nav__item:active .nav__sub-list, .nav__item:focus .nav__sub-list, .nav__item:hover .nav__sub-list {
            height: auto;
            left: auto;
            overflow: visible;
            position: relative;
            left: 50%;
            opacity: 1;
            position: absolute;
            top: 176px;
            transform: translateX(-50%)
        }

        .nav__item:active .nav__sub-list--auto-width, .nav__item:focus .nav__sub-list--auto-width, .nav__item:hover .nav__sub-list--auto-width {
            top: 126px
        }

    .nav__sub-list--auto-width {
        min-width: 350px;
        padding-left: 60px;
        padding-right: 60px;
        width: auto
    }

    .nav__link {
        margin-right: 10px
    }
}

@media screen and (max-width:1023px) {
    .nav {
        background-color: #fff;
        border-radius: 0 0 80px 0;
        box-shadow: 0 4px 10px 0 hsla(0,0%,55.7%,.2);
        height: calc(100vh - 176px);
        left: 0;
        padding: 40px 25px 40px 40px;
        position: absolute;
        top: 176px;
        transform: translateX(100%);
        transition: transform .3s;
        width: 100%;
        z-index: 2
    }

    .nav--open {
        transform: translateX(0)
    }

    .nav__list {
        align-items: flex-start;
        flex-direction: column;
        max-width: 100%
    }

    .nav__item {
        padding: 0 0 40px;
        width: 100%
    }

        .nav__item:not(:last-child) {
            margin-right: 0
        }

    .nav__item--active .nav__sub-list {
        height: auto;
        left: auto;
        overflow: visible;
        position: relative;
        height: calc(100vh - 133px);
        left: 0;
        max-width: 100%;
        overflow: scroll;
        padding: 33px 46px 40px 26px;
        position: absolute;
        top: 0;
        transform: translateX(0)
    }

    a.nav__link {
        align-items: center;
        color: #915da3;
        display: flex;
        font-size: 20px;
        justify-content: flex-start
    }

    .nav__chevron {
        fill: #915da3;
        height: 13px;
        width: 15px
    }

        .nav__chevron:not(.nav__chevron--back) {
            transform: rotate(-90deg)
        }

    .nav__sub-toggle {
        display: block;
        height: 40px;
        width: 40px
    }

    .nav__sub-list {
        height: 0;
        left: -10000px;
        overflow: hidden;
        position: absolute;
        transform: translateX(100%);
        transition: transform .3s
    }
}

@media screen and (max-width:567px) {
    .nav {
        height: calc(100vh - 133px);
        top: 133px
    }

    .nav__link {
        justify-content: space-between
    }
}

.sub-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.sub-list--simple {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.sub-list__item:not(:last-child) {
    margin-bottom: 20px
}

.sub-list__item--lines {
    display: flex
}

.sub-list__item:active, .sub-list__item:focus, .sub-list__item:hover {
    outline: none
}

    .sub-list__item .sub-list__link, .sub-list__item:active .sub-list__link, .sub-list__item:focus .sub-list__link {
        color: #915da3
    }
    .sub-list__item:hover .sub-list__link {
        color: #1b0056
    }
    .sub-list__item .sub-list__link.active {
        color: #1b0056
    }

.sub-list__link {
    color: #1b0056;
    font-size: 22px;
    font-weight: 500;
    line-height: 30px;
    transition: color .3s
}

a.nav__link.active {
    color: #915da3;
}

.share {
    position: relative
}

.share__icon {
    position: absolute;
    top: 0;
    left: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 40px;
    transform: translateX(-50%);
    transition: transform .3s .2s,opacity .3s,filter .3s;
    width: 40px
}

.share__icon--twitter {
    background-image: url(../images/sprites/social_twitter.svg)
}

.share__icon:first-of-type {
    transform: translate3d(0,-45px,0) translateX(-50%)
}

.share__icon:nth-of-type(2) {
    transform: translate3d(0,-90px,0) translateX(-50%)
}

.share--closed .share__icon {
    opacity: 0;
    pointer-events: none;
    transform: translateZ(0) translateX(-50%)
}

.social {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex
}

.social__item {
    background-repeat: no-repeat;
    background-size: contain;
    height: 40px;
    margin-right: 12px;
    position: relative;
    width: 40px
}

.social__item--twitter {
    background-image: url(../images/sprites/social_twitter.svg)
}

.social__item--instagram {
    background-image: url(../images/sprites/social_instagram.svg)
}

.social__item--youtube {
    background-image: url(../images/sprites/social_youtube.svg)
}

.social__item--linkedin {
    background-image: url(../images/sprites/social_linkedin.svg)
}

.social__link {
    display: block;
    font-size: 0;
    height: 100%;
    width: 100%
}

.tabs {
    background: #fff;
    border: 2px solid #915da3;
    border-radius: 6px;
    height: 60px;
    margin-bottom: 60px;
    width: 100%
}

.tabs, .tabs__link {
    display: flex;
    justify-content: center
}

.tabs__link {
    align-items: center;
    color: #1b0056;
    cursor: pointer;
    flex: 1 1 100%;
    font-size: 18px;
    font-weight: 500;
    position: relative;
    text-align: center;
    transition: background .3s
}

    .tabs__link:not(:first-child) {
        border-left: 2px solid #915da3
    }

    a.tabs__link:active, a.tabs__link:focus, a.tabs__link:hover {
        background: #915da3;
        color: #fff;
        outline: none
    }

a.tabs__link--active {
    outline: none;
    background: #915da3;
    color: #fff;
    cursor: pointer;
    pointer-events: none
}

.tabs__content {
    display: none
}

.tabs__content--active {
    display: block
}

.tabs--small-gap-bottom {
    margin-bottom: 30px
}

@media screen and (max-width:768px) {
    .tabs {
        margin-bottom: 30px
    }

        .tabs .tabs__link {
            border-radius: 0;
            margin-bottom: 1px;
            margin-right: 0
        }

    .tabs--col\@medium {
        flex-direction: column;
        height: 180px;
        min-width: 0
    }

        .tabs--col\@medium .tabs__link {
            height: 60px;
            margin-bottom: 0
        }

            .tabs--col\@medium .tabs__link:not(:first-child) {
                border-left: 0
            }
}

.tag {
    background: #915da3;
    color: #fff;
    font-size: .75rem;
    font-weight: 500;
    height: 20px;
    line-height: 18px;
    padding: 1px 5px;
    text-transform: uppercase;
    display: inline;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone
}

.tag--dark {
    background: #1b0056;
    color: #fff
}

.tag--white {
    background: hsla(0,0%,100%,.2);
    color: #fff
}

.tag-list {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap
}

    .tag-list .tag-wrapper:not(:last-child) {
        margin-bottom: 10px;
        margin-right: 10px
    }

@media screen and (max-width:768px) {
    .tag-list .tag-wrapper {
        display: unset
    }

        .tag-list .tag-wrapper:not(:last-child) {
            margin-bottom: 10px;
            margin-right: 10px
        }
}

.video-modal {
    position: relative
}

.video-modal__details {
    align-items: flex-end;
    box-sizing: border-box;
    display: flex;
    overflow: hidden;
    padding: 20px;
    z-index: 1
}

    .video-modal__details, .video-modal__details:after {
        bottom: 0;
        height: 100%;
        left: 0;
        position: absolute;
        width: 100%
    }

        .video-modal__details:after {
            background: linear-gradient(0deg,#3d364b,rgba(61,54,75,0) 50%);
            content: ""
        }

.video-modal__title {
    color: #fff;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 24px
}

.video {
    display: block;
    position: relative;
    transition: background .3s
}

.video, .video__button {
    background: transparent;
    border: none;
    color: #4e485b;
    font-family: Jost,sans-serif;
    font-size: 18px;
    margin: 0;
    padding: 0;
    cursor: pointer
}

.video__button {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

    .video__button:before {
        background: #915da3;
        border-radius: 50%;
        height: 70px;
        width: 70px
    }

    .video__button:after, .video__button:before {
        content: "";
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%);
        transition: background .3s,transform .3s
    }

    .video__button:after {
        border-color: transparent transparent transparent #fff;
        border-style: solid;
        border-width: 9px 0 9px 15px;
        height: 0;
        margin-left: 2px;
        width: 0;
        z-index: 1
    }

    .video__button:active, .video__button:focus, .video__button:hover {
        outline: none
    }

        .video__button:active:before, .video__button:focus:before, .video__button:hover:before {
            background: #573862
        }

.video__img {
    display: block;
    height: 430px;
    margin: 0 auto
}

.video__player {
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.video--active .video__button {
    transform: scale(0)
}

.video--active .video__img {
    opacity: 0;
    pointer-events: none
}

.video--active .video__player {
    opacity: 1;
    pointer-events: all
}

@media screen and (max-width:768px) {
    .video__img {
        height: 342px
    }
}

@media screen and (max-width:567px) {
    .video__img {
        height: 160px
    }
}

.wistia {
    padding: 28.25%;
    position: relative;
    width: 100%
}

.wistia__player {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.article-banner--pink .article-banner__accent {
    background-color: #cc5299
}

.article-banner--teal .article-banner__accent {
    background-color: #00aca2
}

.article-banner--green .article-banner__accent {
    background-color: #bed140
}

.article-banner--cerulean-blue .article-banner__accent {
    background-color: #068fcf
}

.article-banner--yellow .article-banner__accent {
    background-color: #fbbd56
}

.article-banner--purple .article-banner__accent {
    background-color: #915da3
}

.article-banner--dark-purple .article-banner__accent {
    background-color: #740960
}

.article-banner__accent-container {
    position: relative
}

.article-banner__accent {
    height: 50%;
    left: -20px;
    position: absolute;
    top: -20px;
    width: 50%
}

.article-banner__image {
    border-radius: 0 0 27% 0;
    position: relative
}

.article-banner__content {
    padding-right: 104px
}

.article-banner__content--narrow {
    padding-right: 144px
}

@media screen and (max-width:768px) {
    .article-banner__accent {
        left: -10px;
        top: -10px
    }

    .article-banner__content {
        padding-right: 0
    }
}

.article-details {
    align-items: center;
    border-bottom: 1px solid rgba(0,24,70,.2);
    display: flex;
    justify-content: space-between;
    padding: 30px 0
}

@media screen and (max-width:768px) {
    .article-details__buttons {
        display: flex;
        flex-direction: column
    }
}

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

    .article-details__share {
        margin-top: 30px
    }
}

.banner {
    height: 802px;
    margin-bottom: 60px;
    position: relative
}

.banner--pink .banner__category {
    color: #cc5299
}

.banner--pink .banner__curve {
    fill: #cc5299
}

.banner--pink .banner__lines:after {
    background-color: #cc5299
}

.banner--teal .banner__category {
    color: #00aca2
}

.banner--teal .banner__curve {
    fill: #00aca2
}

.banner--teal .banner__lines:after {
    background-color: #00aca2
}

.banner--green .banner__category {
    color: #bed140
}

.banner--green .banner__curve {
    fill: #bed140
}

.banner--green .banner__lines:after {
    background-color: #bed140
}

.banner--blue .banner__category {
    color: #068fcf
}

.banner--blue .banner__curve {
    fill: #068fcf
}

.banner--blue .banner__lines:after {
    background-color: #068fcf
}

.banner--yellow .banner__category {
    color: #fbbd56
}

.banner--yellow .banner__curve {
    fill: #fbbd56
}

.banner--yellow .banner__lines:after {
    background-color: #fbbd56
}

.banner--purple .banner__category {
    color: #915da3
}

.banner--purple .banner__curve {
    fill: #915da3
}

.banner--purple .banner__lines:after {
    background-color: #915da3
}

.banner--dark-purple .banner__category {
    color: #740960
}

.banner--dark-purple .banner__curve {
    fill: #740960
}

.banner--dark-purple .banner__lines:after {
    background-color: #740960
}

.banner__bg {
    background-color: #1b0056;
    position: absolute;
    width: 100%
}

.banner__bg-image {
    filter: blur(2px);
    height: 100%;
    left: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: .1;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.banner__bg, .banner__container {
    height: calc(100% - 95px)
}

.banner__grid {
    padding-top: 60px
}

.banner__category {
    font-size: 1.625rem;
    font-weight: 500;
    line-height: 44px;
    margin-bottom: 4px
}

.banner__content, .banner__heading {
    font-weight: 500
}

.banner__heading {
    color: #fff;
    font-size: 50px;
    line-height: 45px;
    margin-bottom: 23px;
    max-width: 568px
}

.banner__content {
    color: #fff;
    font-size: 34px;
    line-height: 34px;
    margin: 20px 0;
    max-width: 450px;
}

p.banner--secondary {
    color: #1b0056;
    font-size: 20px;
    line-height: normal;
    font-weight: 500;
}

.banner__curve {
    bottom: 0;
    height: 802px;
    left: auto;
    position: absolute;
    right: -20px;
    width: 802px
}

.banner__swoosh {
    bottom: auto;
    height: 680px;
    position: absolute;
    right: -2px;
    top: 50px
}

.banner__swoosh-svg {
    height: unset;
    width: 860px
}

.banner__white {
    background-color: #fff;
    bottom: 0;
    display: block;
    height: 170px;
    position: absolute;
    right: 0;
    width: 440px
}

.banner--secondary .banner__content, .banner--secondary .banner__heading {
    color: #1b0056
}

.banner--secondary .banner__bg {
    background-color: #f2f3f6
}

.banner--secondary .banner__lines {
    bottom: -11px;
    height: 22px;
    left: 0;
    position: absolute;
    width: 416px
}

    .banner--secondary .banner__lines:after, .banner--secondary .banner__lines:before {
        content: "";
        display: block
    }

    .banner--secondary .banner__lines:before {
        background-color: #1b0056;
        height: 7px;
        top: 0;
        width: 356px
    }

    .banner--secondary .banner__lines:after {
        bottom: 0;
        height: 15px;
        width: 100%
    }

@media screen and (max-width:1024px) {
    .banner {
        height: auto;
        padding-bottom: 4em;
    }

    .banner__curve {
        bottom: auto;
        height: 520px;
        top: 0;
        width: 520px
    }

    .banner__swoosh-svg {
        width: 542px
    }

    .banner__white {
        display: none
    }
    .banner__bg, .banner__container {
        height: 100%;
    }
}

@media screen and (max-width:768px) {
    .banner {
        margin-bottom: 0;
    }

    .banner__bg, .banner__container {
        height: 100%
    }

    .banner__category {
        font-size: 20px;
        line-height: 30px
    }

    .banner__heading {
        font-size: 2.5rem;
        line-height: 46px;
        margin-bottom: 13px;
        width: auto
    }

    .banner__content {
        margin-bottom: 30px
    }

    .banner__curve {
        height: 400px;
        width: 400px
    }

    .banner__swoosh {
        height: 330px
    }

    .banner__swoosh-svg {
        height: unset;
        width: 404px
    }

    .banner__swoosh-image {
        width: 100%
    }

    .banner__white {
        height: 100px;
        width: 64%
    }
}

@media screen and (max-width:567px) {
    .banner {
        height: auto
    }

    .banner__curve {
        bottom: 0;
        height: 350px;
        left: 41px;
        top: auto;
        width: 350px
    }

    .banner__swoosh {
        bottom: 120px;
        right: -2px;
        top: auto;
    }
    .banner__swoosh-svg {
        height: unset;
        width: 100%
    }

}

.card {
    display: flex;
    position: relative
}

    .card:not(.card--auto-height) {
        height: 100%
    }

.card__link {
    background: transparent;
    border: none;
    color: #4e485b;
    cursor: pointer;
    font-family: Jost,sans-serif;
    font-size: 18px;
    margin: 0;
    padding: 0;
    display: block;
    width: 100%
}

    .card__link:active, .card__link:focus, .card__link:hover {
        outline: none
    }

        .card__link:active .card__shape, .card__link:focus .card__shape, .card__link:hover .card__shape {
            transform: translate(-10px,-10px)
        }

        .card__link:active .card__cta .card__cta-text, .card__link:focus .card__cta .card__cta-text, .card__link:hover .card__cta .card__cta-text {
            color: #7b4783
        }

        .card__link:active .card__cta svg, .card__link:focus .card__cta svg, .card__link:hover .card__cta svg {
            fill: #1b0056
        }

        .card__link:active .card__container:before, .card__link:focus .card__container:before, .card__link:hover .card__container:before {
            opacity: 1
        }

.card__shape-container {
    position: relative
}

.card__shape {
    background-color: #cc5299;
    height: calc(50% + 10px);
    left: 0;
    position: absolute;
    top: 0;
    transition: transform .3s;
    width: calc(50% + 10px)
}

.card__container {
    background: #fff;
    border: 1px solid #fff;
    border-radius: 0 0 80px 0;
    box-shadow: 0 4px 10px 0 hsla(0,0%,55.7%,.2);
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    padding: 40px 43px 40px 42px;
    position: relative;
    z-index: 1
}

    .card__container:hover {
        box-shadow: 0 4px 10px 8px hsl(0deg 0% 56% / 20%);
    }

.card__heading {
    color: #1b0056;
    font-size: 28px;
    font-weight: 500;
    line-height: 36px;
    margin-bottom: 20px;
    text-align: center
}

.card__heading--small {
    font-size: 20px;
    line-height: 30px
}

.card__heading--fixed-width {
    margin: 0 auto 20px;
    max-width: 170px
}

.card__lines {
    display: block;
    margin: 27px auto 32px
}

.card__description {
    color: #4e485b;
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 40px;
    text-align: center
}

.card__description--mb-20 {
    margin: 0 0 20px
}

.card__cta {
    align-items: center;
    display: flex;
    justify-content: center
}

    .card__cta .card__cta-text {
        color: #915da3;
        font-size: 18px;
        font-weight: 500;
        line-height: 22px;
        transition: color .3s
    }

    .card__cta .card__cta-icon {
        border: 2px solid #915da3;
        border-radius: 50%;
        height: 18px;
        margin-right: 6px;
        width: 18px
    }

    .card__cta svg {
        display: block;
        fill: #915da3;
        margin: 0 auto;
        transition: fill .3s
    }

.card__cta--media .card__cta-icon {
    align-items: center;
    background-color: #915da3;
    border: 0;
    display: flex;
    height: 50px;
    justify-content: center;
    min-width: 50px;
    transition: background-color .3s;
    width: 50px
}

    .card__cta--media .card__cta-icon svg {
        fill: #fff;
        transition: fill .3s
    }

.card__cta--media .card__cta-time {
    color: hsla(0,0%,100%,.6);
    display: block;
    font-size: .875rem;
    font-weight: 500;
    line-height: 20px
}

.card__cta--media .card__cta-time--dark {
    color: #4e485b
}

.card--pink .card__shape {
    background-color: #cc5299
}

.card--teal .card__shape {
    background-color: #00aca2
}

.card--green .card__shape {
    background-color: #bed140
}

.card--cerulean-blue .card__shape {
    background-color: #068fcf
}

.card--yellow .card__shape {
    background-color: #fbbd56
}

.card--purple .card__shape {
    background-color: #915da3
}

.card--dark-purple .card__shape {
    background-color: #740960
}

.card--comittee .card__description, .card--comittee .card__heading {
    text-align: left
}

.card--comittee .card__description {
    margin-bottom: 20px
}

.card--comittee .card__cta {
    justify-content: flex-start;
    margin-bottom: 28px
}

.card--side-bar {
    height: auto;
    max-width: 302px
}

    .card--side-bar .card__container {
        width: 100%
    }

.card--left .card__description, .card--left .card__heading {
    margin-bottom: 10px;
    text-align: left
}

.card--left .card__cta {
    justify-content: flex-start
}

.card--left .card__container {
    padding: 25px
}

.card--light .card__description, .card--light .card__heading {
    color: #fff
}

.card--with-icon {
    margin: 0 auto
}

    .card--with-icon .card__heading {
        font-size: 20px;
        line-height: 30px
    }

    .card--with-icon .card__icon {
        height: 60px;
        margin-bottom: 10px
    }

        .card--with-icon .card__icon img {
            margin: 0 auto;
            transform: scale(.5) translateY(-50%)
        }

    .card--with-icon.card--bare .card__icon {
        height: 106px;
        margin-bottom: 16px
    }

    .card--with-icon.card--bare .card__container {
        background: transparent;
        border: none;
        border-radius: 0;
        box-shadow: none;
        padding: 20px 24px
    }

    .card--with-icon.card--bare .card__heading {
        font-size: 20px;
        line-height: 36px
    }

    .card--with-icon.card--bare .card__description {
        margin-bottom: 0
    }

.card--with-logo .card__container {
    padding-left: 29px;
    padding-right: 29px;
    padding-top: 46px
}

.card--with-logo .card__description {
    margin-bottom: 20px;
    margin-top: 50px;
    text-align: left
}

.card--with-logo .card__cta {
    justify-content: flex-start
}

.card--with-logo .card__logo img {
    margin: 0 auto
}

.card--only-logo .card__container {
    border-radius: 10px;
    box-shadow: none;
    padding: 33px 47px;
    transition: box-shadow .3s
}

.card--only-logo .card__link:active, .card--only-logo .card__link:focus, .card--only-logo .card__link:hover {
    outline: none
}

    .card--only-logo .card__link:active .card__container, .card--only-logo .card__link:focus .card__container, .card--only-logo .card__link:hover .card__container {
        box-shadow: 0 4px 10px 0 hsla(0,0%,55.7%,.2)
    }

.card--only-logo .card__logo img {
    margin: 0 auto
}

.card--max-width, .card--profile {
    max-width: 304px
}

    .card--event .card__image-container, .card--profile .card__image-container {
        border-radius: 0 0 80px 0;
        overflow: hidden
    }

    .card--event .card__image, .card--profile .card__image {
        border-radius: 0 0 80px 0;
        position: relative;
        z-index: 1
    }

    .card--event .card__container, .card--profile .card__container {
        border: 0;
        box-shadow: none;
        height: auto;
        padding: 30px 20px
    }

    .card--event .card__description, .card--event .card__heading, .card--profile .card__description, .card--profile .card__heading {
        margin-bottom: 10px;
        text-align: left
    }

    .card--event .card__cta, .card--profile .card__cta {
        justify-content: flex-start
    }

    .card--profile .card__link {
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

    .card--profile .card__container {
        height: 100%
    }

.card--event .card__heading {
    font-size: 2.25rem;
    line-height: 44px;
    margin-bottom: 16px
}

.card--case-study {
    background-color: #f2f3f6;
    border: 2px solid #c9cfd3;
    border-radius: 0 0 80px 0;
    box-sizing: border-box;
    transition: border .3s,box-shadow .3s,background-color .3s
}

    .card--case-study:active, .card--case-study:focus, .card--case-study:hover {
        background-color: #1b0056;
        box-shadow: 0 4px 10px 0 hsla(0,0%,55.7%,.2);
        outline: none
    }

        .card--case-study:active .card__cta-text, .card--case-study:active .card__heading, .card--case-study:focus .card__cta-text, .card--case-study:focus .card__heading, .card--case-study:hover .card__cta-text, .card--case-study:hover .card__heading {
            color: #fff
        }

        .card--case-study:active .card__cta-icon, .card--case-study:focus .card__cta-icon, .card--case-study:hover .card__cta-icon {
            border-color: #fff
        }

            .card--case-study:active .card__cta-icon svg, .card--case-study:focus .card__cta-icon svg, .card--case-study:hover .card__cta-icon svg {
                fill: #fff
            }

    .card--case-study .card__shape {
        height: 200px
    }

    .card--case-study .card__image-container {
        align-items: center;
        background-color: #fff;
        border-radius: 0;
        display: flex;
        height: 220px;
        justify-content: center;
        position: relative
    }

    .card--case-study .card__image {
        max-height: 130px;
        max-width: 280px;
        position: relative;
        z-index: 1
    }

    .card--case-study .card__container {
        background-color: transparent;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        display: flex;
        flex-direction: column;
        height: auto;
        justify-content: space-between;
        padding: 30px 23px 30px 28px;
        position: relative
    }

    .card--case-study .card__tag {
        left: 28px;
        position: absolute;
        top: -10px
    }

    .card--case-study .card__heading {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 10px;
        text-align: left;
        transition: color .3s
    }

    .card--case-study .card__cta {
        justify-content: flex-start
    }

    .card--case-study .card__cta-icon {
        transition: border-color .3s
    }

    .card--case-study .card__cta-text {
        transition: color .3s
    }

    .card--case-study.card--centered .card__container {
        padding-bottom: 40px
    }

    .card--case-study.card--centered .card__tag {
        left: 50%;
        transform: translateX(-50%)
    }

    .card--case-study.card--centered .card__heading {
        font-size: 20px;
        line-height: 36px;
        margin: 0 auto 30px;
        max-width: 414px;
        text-align: center
    }

    .card--case-study.card--centered .card__cta {
        justify-content: center
    }

.card--hot-topic:active, .card--hot-topic:focus, .card--hot-topic:hover {
    outline: none
}

    .card--hot-topic:active .card__cta-icon, .card--hot-topic:focus .card__cta-icon, .card--hot-topic:hover .card__cta-icon {
        border-color: #fff
    }

        .card--hot-topic:active .card__cta-icon svg, .card--hot-topic:focus .card__cta-icon svg, .card--hot-topic:hover .card__cta-icon svg {
            fill: #fff
        }

    .card--hot-topic:active .card__cta-text, .card--hot-topic:focus .card__cta-text, .card--hot-topic:hover .card__cta-text {
        color: #fff
    }

    .card--hot-topic:active .card__cta--media .card__cta-icon, .card--hot-topic:focus .card__cta--media .card__cta-icon, .card--hot-topic:hover .card__cta--media .card__cta-icon {
        background-color: #fff
    }

        .card--hot-topic:active .card__cta--media .card__cta-icon svg, .card--hot-topic:focus .card__cta--media .card__cta-icon svg, .card--hot-topic:hover .card__cta--media .card__cta-icon svg {
            fill: #915da3
        }

.card--hot-topic .card__shape {
    background-color: #915da3
}

.card--hot-topic .card__container {
    background-color: #1b0056;
    border: 0;
    border-radius: 2px;
    padding: 45px 40px
}

.card--hot-topic .card__heading {
    color: #fff;
    margin-bottom: 10px;
    text-align: left
}

.card--hot-topic .card__description {
    color: hsla(0,0%,100%,.6);
    font-size: 1rem
}

.card--hot-topic .card__cta {
    justify-content: flex-start;
    margin-top: 20px
}

.card--hot-topic .card__cta-icon {
    transition: border-color .3s
}

    .card--hot-topic .card__cta-icon svg {
        transition: fill .3s
    }

.card--hot-topic .card__cta-text {
    transition: color .3s
}

.card--article .card__image-container {
    border-radius: 0 0 80px 0;
    overflow: hidden
}

.card--article .card__image {
    border-radius: 0 0 80px 0;
    position: relative;
    z-index: 1
}

.card--article .card__container {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    height: auto;
    padding: 20px 25px 34px 20px;
    position: relative;
    z-index: 0
}

    .card--article .card__container * {
        z-index: 1
    }

    .card--article .card__container:before {
        background-color: #fff;
        border-radius: 0 0 80px 0;
        box-shadow: 0 4px 10px 0 hsla(0,0%,55.7%,.2);
        content: "";
        height: calc(100% + 80px);
        opacity: 0;
        position: absolute;
        right: -20px;
        top: -80px;
        transition: opacity .3s ease-in-out;
        width: calc(100% + 40px);
        z-index: 0
    }

.card--article .card__container--restrict-psuedo:before {
    right: 0;
    width: 100%
}

.card--article .card__content-container {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between
}

.card--article .card__description, .card--article .card__heading {
    text-align: left
}

.card--article .card__heading {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 6px
}

.card--article .card__description {
    font-size: 1rem;
    line-height: 23px
}

.card--article .card__cta {
    justify-content: flex-start;
    margin-top: 10px
}

.card--article.card--row .card__container {
    position: static;
    z-index: 0
}

    .card--article.card--row .card__container:before {
        height: calc(100% + 40px);
        right: 0;
        top: -20px;
        width: 75%
    }

.card--article.card--large {
    max-width: 501px
}

    .card--article.card--large .card__heading {
        font-size: 2.25rem;
        line-height: 44px
    }

    .card--article.card--large .card__description {
        font-size: 1.125rem;
        line-height: 24px
    }

.card--article.card--row.card--large .card__container:before {
    width: 65%
}

.card--article.card--bg {
    padding: 0
}

    .card--article.card--bg .card__container {
        background-color: #00aca2;
        height: 100%;
        padding: 20px
    }

        .card--article.card--bg .card__container:before {
            display: none
        }

    .card--article.card--bg .card__image-container {
        margin-bottom: 20px;
        min-height: 206px
    }

    .card--article.card--bg .card__cta-text, .card--article.card--bg .card__heading {
        color: #fff
    }

    .card--article.card--bg .card__description {
        color: hsla(0,0%,100%,.6)
    }

    .card--article.card--bg:active, .card--article.card--bg:focus, .card--article.card--bg:hover {
        outline: none
    }

        .card--article.card--bg:active .card__cta-icon svg, .card--article.card--bg:focus .card__cta-icon svg, .card--article.card--bg:hover .card__cta-icon svg {
            fill: #fff
        }

    .card--article.card--bg.card--dark .card__container {
        background-color: #001846
    }

        .card--article.card--bg.card--dark .card__container:before {
            display: none
        }

    .card--article.card--bg.card--dark .card__heading {
        font-size: 20px;
        line-height: 36px;
        margin-bottom: 10px;
        margin-right: 30px
    }

    .card--article.card--bg.card--dark .card__description {
        color: #fff;
        font-size: 1.125rem;
        line-height: 24px;
        margin-bottom: 30px
    }

.card--download .card__link {
    width: 100%
}

    .card--download .card__link:active, .card--download .card__link:focus, .card--download .card__link:hover {
        outline: none
    }

        .card--download .card__link:active .card__button, .card--download .card__link:focus .card__button, .card--download .card__link:hover .card__button {
            background: rgba(145,93,163,.1)
        }

.card--download .card__container {
    align-items: center
}

.card--download .card__description {
    margin-bottom: 30px
}

.card--download .card__description--no-margin {
    margin-bottom: 0
}

.card--download .card__description--mb-15 {
    margin-bottom: 15px
}

.card--download-light .card__container {
    border: 0
}

.card--download-light .card__cta-text, .card--download-light .card__description, .card--download-light .card__heading {
    color: #fff
}

.card--download-light .card__cta-icon {
    border-color: #fff
}

    .card--download-light .card__cta-icon svg {
        fill: #fff
    }

.card--download-light .card__link:active, .card--download-light .card__link:focus, .card--download-light .card__link:hover {
    outline: none
}

    .card--download-light .card__link:active svg, .card--download-light .card__link:focus svg, .card--download-light .card__link:hover svg {
        fill: #fff
    }

.card--row .card__row {
    align-items: center;
    display: flex;
    position: relative
}

.card--row .card__row--start {
    align-items: flex-start
}

.card--row.card--large {
    max-width: unset
}

    .card--row.card--large .card__heading {
        font-size: 1.625rem;
        line-height: 32px
    }

    .card--row.card--large .card__description {
        font-size: 1.125rem;
        line-height: 24px
    }

    .card--row.card--large .card__image-container {
        min-width: 304px
    }

    .card--row.card--large .card__container {
        padding-right: 15px
    }

.card--row.card--medium .card__heading {
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 0
}

.card--row.card--medium .card__image-container {
    min-width: 196px
}

.card--row.card--medium .card__container {
    padding-bottom: 0;
    padding-top: 0
}

.card--row.card--medium .card__cta {
    margin-top: 0
}

.card--row.card--with-icon .card__description, .card--row.card--with-icon .card__heading {
    text-align: left
}

.card--row.card--with-icon .card__icon {
    margin-right: 48px;
    width: 100px
}

    .card--row.card--with-icon .card__icon img {
        min-width: 200px;
        transform: scale(.5) translate(-50%,-50%)
    }

.card--row.card--download:not(.card--no-min-w) {
    min-width: 366px
}

.card--row.card--download .card__link:active, .card--row.card--download .card__link:focus, .card--row.card--download .card__link:hover {
    outline: none
}

    .card--row.card--download .card__link:active .card__shape, .card--row.card--download .card__link:focus .card__shape, .card--row.card--download .card__link:hover .card__shape {
        transform: translate(-6px,-6px)
    }

.card--row.card--download .card__heading {
    font-size: 1.125rem;
    line-height: 24px
}

.card--row.card--download .card__description, .card--row.card--download .card__heading {
    margin-bottom: 0;
    text-align: left
}

.card--row.card--download .card__description {
    font-size: 1rem;
    line-height: 23px
}

.card--row.card--download .card__image-container {
    border-radius: 0 0 27% 0;
    min-width: 100px;
    overflow: hidden
}

.card--row.card--download .card__container {
    align-items: flex-start;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    padding: 0 0 0 20px
}

.card--row.card--download .card__image {
    position: relative;
    z-index: 1
}

.card--row.card--download .card__cta {
    justify-content: flex-start
}

.card--row.card--event .card__link:active, .card--row.card--event .card__link:focus, .card--row.card--event .card__link:hover {
    outline: none
}

    .card--row.card--event .card__link:active .card__shape, .card--row.card--event .card__link:focus .card__shape, .card--row.card--event .card__link:hover .card__shape {
        transform: translate(-10px,-10px)
    }

.card--row.card--event .card__image-container, .card--row.card--event .card__shape-container {
    margin: 20px 0;
    position: relative
}

.card--row.card--event .card__shape {
    height: calc(50% + 10px);
    top: 20px;
    width: calc(50% + 10px)
}

.card--row.card--event .card__container {
    align-items: flex-start;
    height: auto;
    justify-content: center;
    max-width: 326px;
    padding-bottom: 0;
    padding-top: 0
}

.card--row.card--event .card__heading {
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 10px
}

.card--row.card--event .card__description {
    margin-bottom: 13px
}

.card--row.card--event .card__row {
    align-items: unset;
    position: relative
}

    .card--row.card--event .card__row:before {
        border-radius: 0 0 80px 0;
        box-shadow: 0 4px 10px 0 hsla(0,0%,55.7%,.2);
        content: "";
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        width: 72%
    }

.card--row.card--featured .card__row {
    align-items: unset;
    position: relative
}

    .card--row.card--featured .card__row:before {
        background-color: #fff;
        border-radius: 0 0 80px 0;
        box-shadow: 0 4px 10px 0 hsla(0,0%,55.7%,.2);
        content: "";
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        width: 62%
    }

.card--row.card--featured .card__image-container {
    margin: 60px 0;
    min-width: 629px;
    position: relative
}

.card--row.card--featured .card__logo {
    margin-bottom: 20px;
    max-height: 130px;
    max-width: 280px
}

.card--row.card--featured .card__container {
    align-items: flex-start;
    background: transparent;
    border: 0;
    box-shadow: none;
    height: auto;
    justify-content: center;
    padding: 0 90px 0 123px
}

.card--row.card--featured .card__shape {
    height: calc(50% + 10px);
    transform: translate(-20px,-20px);
    width: calc(50% + 10px)
}

.card--row.card--featured .card__image {
    border-radius: 0 0 27% 0;
    position: relative;
    z-index: 2
}

.card--row.card--featured .card__heading {
    font-size: 3rem;
    line-height: 56px;
    text-align: left
}

.card--row.card--featured .card__subheading {
    padding-right: 28px
}

.card--row.card--featured .card__description {
    margin: 0 0 30px
}

.card--row.card--speaker .card__container {
    border: 0;
    box-shadow: none;
    justify-content: center;
    padding: 20px
}

.card--row.card--speaker .card__image-container {
    border-radius: 0 0 27% 0;
    overflow: hidden
}

.card--row.card--speaker .card__heading {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 10px;
    text-align: left
}

.card--row.card--speaker .card__description {
    margin: 0 0 15px;
    text-align: left
}

.card--location {
    display: block
}

    .card--location .card__link:active, .card--location .card__link:focus, .card--location .card__link:hover {
        outline: none
    }

        .card--location .card__link:active .card__shape, .card--location .card__link:focus .card__shape, .card--location .card__link:hover .card__shape {
            transform: translate(-6px,-6px)
        }

    .card--location .card__container {
        border-radius: 0 0 40px 0;
        padding: 26px
    }

    .card--location .card__heading {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 0
    }

    .card--location .card__tag {
        left: 50%;
        position: absolute;
        top: 0;
        transform: translateX(-50%);
        z-index: 2
    }

.card--basic .card__container {
    align-items: flex-start;
    padding: 40px 44px 43px 30px
}

.card--basic .card__heading {
    text-align: left
}

.card--product .card__container {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    padding: 20px 20px 0
}

.card--product .card__image-container {
    position: relative
}

.card--product .card__shape {
    height: calc(50% + 10px);
    width: calc(50% + 10px)
}

.card--product .card__image {
    position: relative;
    z-index: 1
}

.card--product .card__cta-text {
    text-align: center
}

.card--with-header {
    display: block;
    max-width: 413px
}

    .card--with-header .card__header {
        background-color: #1b0056;
        padding: 47px 60px 42px
    }

        .card--with-header .card__header .card__heading {
            color: #fff;
            font-size: 20px;
            font-weight: 500;
            line-height: 36px;
            text-align: left
        }

    .card--with-header .card__container {
        align-items: flex-start;
        height: auto;
        justify-content: flex-start;
        padding: 40px 60px 50px
    }

    .card--with-header .card__description {
        text-align: left
    }

    .card--with-header .card__description--white {
        color: #fff
    }

    .card--with-header .card__description--large {
        font-size: 20px;
        font-weight: 500;
        line-height: 30px
    }

    .card--with-header .card__description--dark {
        color: #1b0056
    }

@media screen and (max-width:1319px) {
    .card--row.card--featured {
        padding: 0 10px
    }
}

@media screen and (max-width:1279px) {
    .card--row.card--featured .card__container {
        padding: 40px 43px 40px 42px
    }

    .card--article .card__container:before {
        right: 0;
        width: 100%
    }
}

@media screen and (max-width:1023px) {
    .card--side-bar .card__container {
        padding: 30px
    }

    .card--row.card--download .card__heading {
        font-size: 1rem;
        line-height: 18px
    }

    .card--row.card--featured .card__image-container {
        min-width: 462px
    }

    .card--row.card--featured .card__row {
        flex-direction: column
    }

        .card--row.card--featured .card__row:before {
            left: auto;
            right: auto;
            width: 98%
        }

    .card--row.card--featured .card__image-container {
        margin: 0;
        min-width: auto
    }

    .card--row.card--article.card--large .card__image-container {
        width: 304px
    }

    .card--article.card--large {
        max-width: unset
    }

        .card--article.card--large .card__shape-container {
            max-width: 304px
        }

        .card--article.card--large .card__link {
            align-items: center;
            display: flex
        }
}

@media screen and (max-width:768px) {
    .card--with-header {
        max-width: none
    }

    .card--article .card__image {
        width: 100%
    }

    .card--row.card--featured .card__heading {
        font-size: 2.125rem;
        line-height: 42px
    }

    .card--row.card--featured .card__container {
        padding: 38px 30px
    }

    .card--row.card--featured .card__shape {
        transform: translate(-10px,-10px)
    }

    .card--row.card--event .card__container {
        max-width: 424px
    }

    .card--profile {
        margin: 0 auto
    }

    .card--side-bar {
        max-width: none
    }
}

@media screen and (max-width:567px) {
    .card--row.card--featured .card__row:before {
        left: 0
    }

    .card--row.card--article.card--large, .card--row.card--article.card--medium, .card--row.card--event {
        margin: 0 auto
    }

        .card--row.card--article.card--large .card__row, .card--row.card--article.card--medium .card__row, .card--row.card--event .card__row {
            align-items: flex-start;
            flex-direction: column
        }

        .card--row.card--article.card--large .card__shape-container, .card--row.card--article.card--medium .card__shape-container, .card--row.card--event .card__shape-container {
            width: 100%
        }

        .card--row.card--article.card--large .card__image-container, .card--row.card--article.card--medium .card__image-container, .card--row.card--event .card__image-container {
            min-width: unset;
            width: auto
        }

        .card--row.card--article.card--medium .card__container {
            padding-bottom: 34px;
            padding-top: 20px
        }

        .card--row.card--event .card__row:before {
            width: 100%
        }

        .card--row.card--event .card__image-container, .card--row.card--event .card__shape-container {
            margin-top: 0
        }

        .card--row.card--event .card__shape {
            top: 0
        }

        .card--row.card--event .card__container {
            padding-bottom: 30px
        }

    .card__container {
        padding: 40px 25px
    }

    .card--row.card--with-icon .card__row {
        align-items: flex-start;
        flex-direction: column
    }

    .card--article.card--large .card__shape-container {
        max-width: unset;
        width: 100%
    }

    .card--article.card--large .card__image-container {
        max-width: 100%;
        min-width: unset;
        width: 100%
    }

    .card--article.card--large .card__link {
        display: block
    }
}

@media screen and (min-width:413px) {
    .card--location {
        width: 196px
    }
}

.contact {
    border-radius: 0 0 30px 0;
    box-shadow: 0 4px 10px 0 hsla(0,0%,55.7%,.2);
    padding: 24px 40px 22px 30px
}

    .contact:not(:last-child) {
        margin-bottom: 10px
    }

.contact--with-grid {
    padding: 38px 13px 29px 30px
}

@media screen and (max-width:567px) {
    .contact {
        flex-direction: column
    }
}

.cta {
    padding-left: 65px;
    padding-right: 65px;
    position: relative;
    text-align: center
}

.cta__container {
    margin: 0 auto;
    max-width: 502px
}

.cta__heading {
    margin-bottom: 20px
}

.cta--border-top {
    border-top: 1px solid #c9cfd3;
    padding-top: 65px
}

.cta--border-bottom {
    border-bottom: 1px solid #c9cfd3;
    padding-bottom: 65px
}

.cta--with-background {
    background-color: #1b0056;
    border-radius: 0 0 120px 0;
    overflow: hidden;
    padding-bottom: 37px;
    padding-top: 37px;
    position: relative
}

    .cta--with-background .cta__container {
        align-items: center;
        display: flex;
        justify-content: space-between;
        max-width: 1107px;
        padding: 0 20px;
        position: relative;
        z-index: 1
    }

    .cta--with-background .cta__heading {
        color: #fff;
        margin-bottom: 0;
        text-align: left;
        width: 576px
    }

    .cta--with-background .cta__accent-corner {
        bottom: 0;
        left: 0;
        position: absolute;
        z-index: 2
    }

    .cta--with-background .cta__accent-corner--pink {
        fill: #cc5299
    }

    .cta--with-background .cta__accent-corner--teal {
        fill: #00aca2
    }

    .cta--with-background .cta__accent-corner--green {
        fill: #bed140
    }

    .cta--with-background .cta__accent-corner--blue {
        fill: #068fcf
    }

    .cta--with-background .cta__accent-corner--yellow {
        fill: #fbbd56
    }

    .cta--with-background .cta__accent-corner--purple {
        fill: #915da3
    }

    .cta--with-background .cta__accent-corner--dark-purple {
        fill: #740960
    }

    .cta--with-background .cta__brand-right {
        background-image: url(../images/custom/cta-background_desktop.svg);
        background-position: bottom;
        background-repeat: no-repeat;
        bottom: 0;
        height: 100%;
        position: absolute;
        right: 0;
        width: 1280px
    }

.cta--download {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 0 0 120px 0;
    box-shadow: 0 4px 10px 0 hsla(0,0%,55.7%,.2);
    padding-bottom: 50px;
    padding-top: 50px;
    text-align: left
}

    .cta--download .cta__container {
        max-width: 1107px;
        padding: 0 20px
    }

    .cta--download .cta__heading {
        text-align: left
    }

@media screen and (max-width:567px) {
    .cta--with-background {
        padding: 65px 53px 40px 40px
    }

        .cta--with-background .cta__accent-corner {
            left: -10px;
            top: 0;
            transform: rotate(90deg)
        }

        .cta--with-background .cta__container {
            align-items: flex-start;
            flex-direction: column;
            padding: 0
        }

        .cta--with-background .cta__heading {
            margin-bottom: 35px;
            max-width: 100%;
            word-break: break-word;
        }

        .cta--with-background .cta__brand-right {
            background-image: url(../images/custom/cta-background_desktop.svg);
            bottom: -30px;
            width: 100%
        }

    .cta--download {
        padding: 20px
    }

        .cta--download .card.card--download {
            min-width: unset
        }
}

@media screen and (max-width:375px) {
    .cta--with-background .cta__brand-right {
        height: 360px;
        width: 355px
    }
}

.event-cta {
    background-color: #f2f3f6;
    border-radius: 0 0 120px 0;
    overflow: hidden;
    padding: 50px 0;
    position: relative
}

.event-cta--pink .event-cta__shape {
    background-color: #cc5299
}

.event-cta--teal .event-cta__shape {
    background-color: #00aca2
}

.event-cta--green .event-cta__shape {
    background-color: #bed140
}

.event-cta--cerulean-blue .event-cta__shape {
    background-color: #068fcf
}

.event-cta--yellow .event-cta__shape {
    background-color: #fbbd56
}

.event-cta--purple .event-cta__shape {
    background-color: #915da3
}

.event-cta--dark-purple .event-cta__shape {
    background-color: #740960
}

.event-cta__accent-corner {
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 2
}

.event-cta__accent-corner--pink {
    fill: #cc5299
}

.event-cta__accent-corner--teal {
    fill: #00aca2
}

.event-cta__accent-corner--green {
    fill: #bed140
}

.event-cta__accent-corner--cerulean-blue {
    fill: #068fcf
}

.event-cta__accent-corner--yellow {
    fill: #fbbd56
}

.event-cta__accent-corner--purple {
    fill: #915da3
}

.event-cta__accent-corner--dark-purple {
    fill: #740960
}

.event-cta__brand-right {
    background-image: url(../images/interface/cta-background_desktop-grey.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    bottom: 0;
    height: 100%;
    position: absolute;
    right: 0;
    width: 1280px
}

.event-cta__container {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1107px;
    padding: 0 20px;
    position: relative;
    z-index: 1
}

.event-cta__details {
    max-width: 567px
}

.event-cta--dark {
    background-color: #1b0056
}

    .event-cta--dark .event-cta__brand-right {
        background-image: url(../images/custom/cta-background_desktop.svg)
    }

    .event-cta--dark .event-cta__date, .event-cta--dark .event-cta__heading, .event-cta--dark .event-cta__time {
        color: #fff
    }

.event-cta--large {
    background-color: transparent;
    border-radius: 0;
    overflow: visible;
    padding: 0
}

    .event-cta--large .event-cta__accent-corner, .event-cta--large .event-cta__brand-right {
        display: none
    }

    .event-cta--large .event-cta__row {
        display: flex;
        position: relative
    }

        .event-cta--large .event-cta__row:before {
            background-color: #f2f3f6;
            border-radius: 0 0 120px 0;
            content: "";
            height: 100%;
            position: absolute;
            right: 0;
            top: 0;
            width: 75%
        }

    .event-cta--large .event-cta__shape-container {
        margin: 20px 0;
        position: relative
    }

    .event-cta--large .event-cta__shape {
        height: calc(50% + 10px);
        left: -15px;
        position: absolute;
        top: 5px;
        width: 60%
    }

    .event-cta--large .event-cta__image-container {
        margin: 20px 0;
        overflow: hidden;
        position: relative
    }

    .event-cta--large .event-cta__image {
        border-radius: 0 0 27% 0
    }

    .event-cta--large .event-cta__container {
        align-items: flex-start;
        flex-direction: column;
        justify-content: center;
        margin-left: auto;
        max-width: 738px;
        padding-right: 108px
    }

    .event-cta--large .event-cta__details {
        max-width: unset
    }

@media screen and (max-width:768px) {
    .event-cta--large .event-cta__row {
        flex-direction: column
    }

        .event-cta--large .event-cta__row:before {
            left: 0;
            right: auto;
            width: 95%
        }

    .event-cta--large .event-cta__shape {
        left: -10px;
        top: 10px
    }

    .event-cta--large .event-cta__container {
        padding-bottom: 40px;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media screen and (max-width:567px) {
    .event-cta:not(.event-cta--large) {
        padding: 65px 53px 40px 40px
    }

        .event-cta:not(.event-cta--large) .event-cta__container {
            align-items: flex-start;
            flex-direction: column;
            padding: 0
        }

        .event-cta:not(.event-cta--large) .event-cta__details {
            margin-bottom: 80px
        }

    .event-cta .event-cta__accent-corner {
        left: -10px;
        top: 0;
        transform: rotate(90deg)
    }

    .event-cta .event-cta__brand-right {
        background-image: url(../images/interface/cta-background_mobile-grey.svg);
        bottom: -30px;
        width: 100%
    }

    .event-cta--dark .event-cta__brand-right {
        background-image: url(../images/interface/cta-background_mobile.svg)
    }
}

.hr__hr {
    border: 0;
    margin: 0
}

.hr__lines {
    display: block;
    margin: 0 auto
}

.hr--simple {
    width: 100%
}

    .hr--simple .hr__hr {
        background-color: #dbdbdb;
        border: 0;
        height: 1px;
        margin: 0;
        width: 100%
    }

.investis-iframe {
    height: 1150px;
    width: 100%
}

.investis-iframe--medium {
    height: 1000px
}

.investis-iframe--small {
    height: 660px
}

@media screen and (max-width:1279px) {
    .investis-iframe {
        height: 1220px
    }
}

@media screen and (max-width:1023px) {
    .investis-iframe {
        height: 1260px
    }
}

@media screen and (max-width:768px) {
    .investis-iframe {
        height: 1350px
    }
}

@media screen and (max-width:589px) {
    .investis-iframe {
        height: 1530px
    }
}

@media screen and (max-width:567px) {
    .investis-iframe {
        height: 1550px
    }

    .investis-iframe--small {
        height: 980px
    }
}

@media screen and (max-width:401px) {
    .investis-iframe {
        height: 1630px
    }
}

.investis-iframe--auto {
    height: auto
}

.media-content {
    position: relative
}

.media-content--pink .media-content__accent {
    background-color: #cc5299
}

.media-content--pink .media-content__quote-logo {
    fill: #cc5299
}

.media-content--teal .media-content__accent {
    background-color: #00aca2
}

.media-content--teal .media-content__quote-logo {
    fill: #00aca2
}

.media-content--green .media-content__accent {
    background-color: #bed140
}

.media-content--green .media-content__quote-logo {
    fill: #bed140
}

.media-content--cerulean-blue .media-content__accent {
    background-color: #068fcf
}

.media-content--cerulean-blue .media-content__quote-logo {
    fill: #068fcf
}

.media-content--yellow .media-content__accent {
    background-color: #fbbd56
}

.media-content--yellow .media-content__quote-logo {
    fill: #fbbd56
}

.media-content--purple .media-content__accent {
    background-color: #915da3
}

.media-content--purple .media-content__quote-logo {
    fill: #915da3
}

.media-content--dark-purple .media-content__accent {
    background-color: #740960
}

.media-content--dark-purple .media-content__quote-logo {
    fill: #740960
}

.media-content__accent-container {
    position: relative
}

.media-content__accent {
    height: 50%;
    left: -20px;
    position: absolute;
    top: -20px;
    width: 50%
}

.media-content__image {
    border-radius: 0 0 0 27%;
    position: relative
}

.media-content__inline-video-container {
    border-radius: 0 0 27% 0;
    overflow: hidden;
    position: relative;
    width: 500px
}

.media-content__text {
    padding: 0 104px
}

.media-content--video .media-content__image {
    border-radius: 0 0 27% 0
}

.media-content--video .media-content__video-details {
    align-items: flex-end;
    border-radius: 0 0 27% 0;
    bottom: 0;
    box-sizing: border-box;
    display: flex;
    height: 100%;
    left: 0;
    overflow: hidden;
    padding: 20px;
    position: absolute;
    width: 100%;
    z-index: 1
}

    .media-content--video .media-content__video-details:after {
        background: linear-gradient(0deg,#3d364b,rgba(61,54,75,0) 50%);
        bottom: 0;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        width: 100%
    }

.media-content--video .media-content__video-title {
    color: #fff;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 24px
}

.media-content--flipped .media-content__grid {
    flex-direction: row-reverse
}

.media-content--flipped .media-content__accent {
    left: auto;
    right: -20px
}

.media-content--flipped .media-content__image {
    border-radius: 0 0 27% 0
}

.media-content--awards-overview .media-content__image {
    border-radius: 0 0 80px 0
}

.media-content--awards-overview .media-content__quote-container {
    margin-left: auto;
    max-width: 521px
}

.media-content--awards-overview .media-content__accent-container {
    margin-bottom: 30px;
    max-width: 521px
}

.media-content--awards-overview .media-content__accent {
    left: -15px;
    top: -15px
}

.media-content--awards-overview .media-content__quote-logo {
    margin-right: 10px
}

.media-content--no-accent .media-content__accent {
    display: none
}

.media-content--inline-video .media-content__accent {
    left: -15px;
    top: -15px
}

@media screen and (max-width:1319px) {
    .media-content {
        padding: 0 20px
    }
}

@media screen and (max-width:1279px) {
    .media-content__text {
        padding: 0 20px
    }
}

@media screen and (max-width:1024px) {
    .media-content--inline-video .media-content__inline-video, .media-content--inline-video .media-content__inline-video-container {
        width: 100%
    }
}

@media screen and (max-width:768px) {
    .media-content, .media-content__text {
        padding: 0
    }

    .media-content--flipped .media-content__accent-container .media-content__image {
        margin-left: auto
    }

    .media-content--flipped .media-content__accent-container .media-content__accent {
        left: auto;
        right: -10px
    }

    .media-content--awards-overview .media-content__accent, .media-content__accent {
        left: -10px;
        top: -10px
    }

    .media-content--inline-video .media-content__text {
        margin-bottom: 50px
    }

    .media-content--inline-video .media-content__accent {
        left: -10px;
        top: -10px
    }
}

@media screen and (max-width:567px) {
    .media-content--inline-video .media-content__text {
        margin-bottom: 0
    }
}

.quote-hero {
    overflow: hidden;
    position: relative
}

.quote-hero--pink .quote-hero__curve, .quote-hero--pink .quote-hero__logo {
    fill: #cc5299
}

.quote-hero--teal .quote-hero__curve, .quote-hero--teal .quote-hero__logo {
    fill: #00aca2
}

.quote-hero--green .quote-hero__curve, .quote-hero--green .quote-hero__logo {
    fill: #bed140
}

.quote-hero--blue .quote-hero__curve, .quote-hero--blue .quote-hero__logo {
    fill: #068fcf
}

.quote-hero--yellow .quote-hero__curve, .quote-hero--yellow .quote-hero__logo {
    fill: #fbbd56
}

.quote-hero--purple .quote-hero__curve, .quote-hero--purple .quote-hero__logo {
    fill: #915da3
}

.quote-hero--dark-purple .quote-hero__curve, .quote-hero--dark-purple .quote-hero__logo {
    fill: #740960
}

.quote-hero__image-container {
    position: relative
}

.quote-hero__image {
    padding-bottom: 76px
}

.quote-hero__gradient {
    background: linear-gradient(180deg,rgba(0,24,70,0),#001846);
    bottom: 76px;
    display: block;
    height: 128px;
    left: 0;
    position: absolute;
    width: 100%
}

.quote-hero__statement {
    color: hsla(0,0%,100%,.6)
}

.quote-hero__author {
    bottom: 76px;
    margin-bottom: 40px;
    margin-right: 40px;
    position: absolute;
    right: 0;
    text-align: right
}

.quote-hero__white {
    background-color: #fff;
    bottom: 76px;
    height: 76px;
    left: 0;
    position: absolute;
    width: 30%
}

.quote-hero__curve {
    height: 99%;
    left: -10px;
    position: absolute;
    top: 0;
    transform: scaleX(-1);
    width: 50%
}

.quote-hero__swoosh {
    fill: #1b0056;
    height: 85%;
    left: 0;
    position: absolute;
    top: 9%;
    width: 54%
}

.quote-hero__content {
    height: calc(100% - 76px);
    left: 8%;
    position: absolute;
    top: 0;
    width: 36%
}

.quote-hero__content-inner {
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

@media screen and (max-width:1279px) {
    .quote-hero__curve {
        top: -10px
    }
}

@media screen and (max-width:1023px) {
    .quote-hero__curve {
        top: -20px
    }

    .quote-hero__swoosh {
        top: 5%
    }

    .quote-hero__content {
        width: 40%
    }
}

@media screen and (max-width:768px) {
    .quote-hero {
        max-width: 100%;
        overflow: visible
    }

    .quote-hero__white {
        display: none
    }

    .quote-hero__image-container {
        width: calc(100% - 40px)
    }

    .quote-hero__image {
        padding-bottom: 0;
        width: 100%
    }

    .quote-hero__gradient {
        bottom: 0
    }

    .quote-hero__swoosh {
        height: 65%;
        top: 25%;
        width: calc(100% - 12px)
    }

    .quote-hero__curve {
        height: 60%;
        left: 26px;
        position: relative;
        top: -25px;
        width: 78%
    }

    .quote-hero__content {
        height: auto;
        left: 0;
        top: auto;
        width: 100%;
        background: #1b0056;
        position: relative;
        padding: 20px;
    }
    .quote-hero__image-container {
        display: none;
    }
    .quote-hero__content-inner {
        position: relative;
        top: auto;
        transform: none
    }

    .quote-hero__author {
        bottom: 56px;
        margin-bottom: 0;
        margin-right: 0;
        right: 18px
    }
}

@media screen and (max-width:567px) {
    .quote-hero__swoosh {
        top: 34%
    }

}

@media screen and (max-width:414px) {
    .quote-hero__gradient {
        height: 153px
    }

    .quote-hero__swoosh {
        top: 30%
    }

    .quote-hero__author {
        right: 30px
    }
}

.simple-banner, .simple-banner__container {
    position: relative;
    z-index: 1
}

.simple-banner__container {
    margin: 0 auto;
    max-width: 741px;
    text-align: center
}

.simple-banner__container--small {
    max-width: 540px
}

.simple-banner__container--large {
    max-width: 1021px
}

.simple-banner__copy, .simple-banner__heading, .simple-banner__page-name {
    font-weight: 500;
    text-align: center
}

.simple-banner__logo {
    margin: 0 auto 50px;
    max-height: 180px;
    max-width: 385px;
    padding: 0 20px
}

.simple-banner__page-name {
    color: #915da3;
    font-size: 20px;
    line-height: 44px
}

.simple-banner__heading {
    color: #1b0056;
    font-size: 40px;
    line-height: 40px
}

.simple-banner__copy {
    color: #1b0056;
    font-size: 20px;
    line-height: 30px;
    margin-top: 30px;
    padding: 0 17px
}

.simple-banner__button-container {
    display: flex;
    justify-content: center;
    margin-top: 40px
}

.simple-banner__button:not(:last-child) {
    margin-right: 20px
}

.simple-banner--with-background-image {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 655px;
    justify-content: center;
    padding: 100px 0
}

    .simple-banner--with-background-image .simple-banner__background-image {
        height: 100%;
        left: 50%;
        -o-object-fit: cover;
        object-fit: cover;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%)
    }

    .simple-banner--with-background-image .simple-banner__copy, .simple-banner--with-background-image .simple-banner__heading {
        color: #fff
    }

@media screen and (max-width:768px) {
    .simple-banner--with-background-image {
        height: 753px
    }

        .simple-banner--with-background-image .simple-banner__logo {
            margin: 0 auto 20px
        }
}

@media screen and (max-width:567px) {
    .simple-banner__container {
        padding: 0 20px
    }

    .simple-banner__page-name {
        font-size: 20px;
        line-height: 30px
    }

    .simple-banner__heading {
        font-size: 20px;
        line-height: normal;
    }

    .simple-banner__button-container {
        align-items: center;
        flex-direction: column
    }

    .simple-banner__button:not(:last-child) {
        margin-bottom: 20px;
        margin-right: 0
    }

    .simple-banner--with-background-image {
        height: 557px
    }
}

.sticky {
    max-width: 1600px;
    position: relative;
    top: 0;
    transition: transform .3s ease-in-out;
    width: 100%;
    z-index: 100;
    margin: auto;
}

.sticky--active {
    position: fixed;
    max-width: 100%;
}

.ccm-toolbar-visible .sticky--active {
    margin-top: 48px
}

.u-p {
    padding: 20px
}

.u-p-half {
    padding: 10px
}

.u-p-double {
    padding: 40px
}

.u-p-triple {
    padding: 60px
}

.u-p-quad {
    padding: 80px
}

.u-p0 {
    padding: 0
}

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

.u-pt-half {
    padding-top: 10px
}

.u-pt-double {
    padding-top: 40px
}

.u-pt-triple {
    padding-top: 60px
}

.u-pt-quad {
    padding-top: 80px
}

.u-pt0 {
    padding-top: 0
}

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

.u-pr-half {
    padding-right: 10px
}

.u-pr-double {
    padding-right: 40px
}

.u-pr-triple {
    padding-right: 60px
}

.u-pr-quad {
    padding-right: 80px
}

.u-pr0 {
    padding-right: 0
}

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

.u-pb-half {
    padding-bottom: 10px
}

.u-pb-double {
    padding-bottom: 40px
}

.u-pb-triple {
    padding-bottom: 60px
}

.u-pb-quad {
    padding-bottom: 80px
}

.u-pb0 {
    padding-bottom: 0
}

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

.u-pl-half {
    padding-left: 10px
}

.u-pl-double {
    padding-left: 40px
}

.u-pl-triple {
    padding-left: 60px
}

.u-pl-quad {
    padding-left: 80px
}

.u-pl0 {
    padding-left: 0
}

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

.u-ph-half {
    padding-left: 10px;
    padding-right: 10px
}

.u-ph-double {
    padding-left: 40px;
    padding-right: 40px
}

.u-ph-triple {
    padding-left: 60px;
    padding-right: 60px
}

.u-ph-quad {
    padding-left: 80px;
    padding-right: 80px
}

.u-ph0 {
    padding-left: 0;
    padding-right: 0
}

.u-pv {
    padding-top: 20px;
    padding-bottom: 20px
}

.u-pv-half {
    padding-top: 10px;
    padding-bottom: 10px
}

.u-pv-double {
    padding-top: 40px;
    padding-bottom: 40px
}

.u-pv-triple {
    padding-top: 60px;
    padding-bottom: 60px
}

.u-pv-quad {
    padding-top: 80px;
    padding-bottom: 80px
}

.u-pv0 {
    padding-top: 0;
    padding-bottom: 0
}

.u-m {
    margin: 20px
}

.u-m-half {
    margin: 10px
}

.u-m-double {
    margin: 40px
}

.u-m-triple {
    margin: 60px
}

.u-m-quad {
    margin: 80px
}

.u-m0 {
    margin: 0
}

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

.u-mt-half {
    margin-top: 10px
}

.u-mt-double {
    margin-top: 40px
}

.u-mt-triple {
    margin-top: 60px
}

.u-mt-quad {
    margin-top: 80px
}

.u-mt0 {
    margin-top: 0
}

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

.u-mr-half {
    margin-right: 10px
}

.u-mr-double {
    margin-right: 40px
}

.u-mr-triple {
    margin-right: 60px
}

.u-mr-quad {
    margin-right: 80px
}

.u-mr0 {
    margin-right: 0
}

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

.u-mb-half {
    margin-bottom: 10px
}

.u-mb-double {
    margin-bottom: 40px
}

.u-mb-triple {
    margin-bottom: 60px
}

.u-mb-quad {
    margin-bottom: 80px
}

.u-mb0 {
    margin-bottom: 0
}

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

.u-ml-half {
    margin-left: 10px
}

.u-ml-double {
    margin-left: 40px
}

.u-ml-triple {
    margin-left: 60px
}

.u-ml-quad {
    margin-left: 80px
}

.u-ml0 {
    margin-left: 0
}

.u-mh {
    margin-left: 20px;
    margin-right: 20px
}

.u-mh-half {
    margin-left: 10px;
    margin-right: 10px
}

.u-mh-double {
    margin-left: 40px;
    margin-right: 40px
}

.u-mh-triple {
    margin-left: 60px;
    margin-right: 60px
}

.u-mh-quad {
    margin-left: 80px;
    margin-right: 80px
}

.u-mh0 {
    margin-left: 0;
    margin-right: 0
}

.u-mv {
    margin-top: 20px;
    margin-bottom: 20px
}

.u-mv-half {
    margin-top: 10px;
    margin-bottom: 10px
}

.u-mv-double {
    margin-top: 40px;
    margin-bottom: 40px
}

.u-mv-triple {
    margin-top: 60px;
    margin-bottom: 60px
}

.u-mv-quad {
    margin-top: 80px;
    margin-bottom: 80px
}

.u-mv0 {
    margin-top: 0;
    margin-bottom: 0
}

.u-hidden {
    display: none
}

.u-block {
    display: block
}

.u-inline-block {
    display: inline-block
}

.u-full-height {
    height: 100%
}

.u-max-width {
    max-width: 100%
}

.u-pos-rel {
    position: relative
}

.u-full-width {
    width: 100%
}

.u-z-1 {
    z-index: 1
}

.u-z-1, .u-z-2 {
    position: relative
}

.u-z-2 {
    z-index: 2
}

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

.u-align-left {
    text-align: left
}

.u-align-right {
    text-align: right
}

.u-weight-regular {
    font-weight: 400
}

.u-weight-medium {
    font-weight: 500
}

.u-color-brand {
    color: #915da3
}

.u-tolopea {
    color: #1b0056
}

.u-uppercase {
    text-transform: uppercase
}

.u-size-18 {
    font-size: 1.125rem;
    line-height: 24px
}

.u-size-14 {
    font-size: .875rem;
    line-height: 22px
}

.u-size-0 {
    font-size: 0
}

.u-line-height-18 {
    line-height: 18px
}

.u-line-height-22 {
    line-height: 22px
}

.u-line-height-tiny {
    line-height: .8
}

.u-img-left {
    float: left;
    padding-bottom: 20px;
    padding-right: 20px
}

    .u-img-left:last-child:after {
        clear: both;
        content: "";
        display: table
    }

.u-img-right {
    float: right;
    padding-bottom: 20px;
    padding-left: 20px
}

    .u-img-right:last-child:after {
        clear: both;
        content: "";
        display: table
    }

.u-df {
    display: flex
}

.u-df-col {
    flex-direction: column
}

@media screen and (max-width:768px) {
    .u-df-col\@medium {
        flex-direction: column
    }
}

.u-df-align-center {
    align-items: center
}

.u-df-align-start {
    align-items: flex-start
}

@media screen and (max-width:768px) {
    .u-df-align-start\@medium {
        align-items: flex-start
    }
}

.u-df-align-end {
    align-items: flex-end
}

.u-df-justify-space-between {
    justify-content: space-between
}

.u-df-justify-flex-end {
    justify-content: flex-end
}

.u-df-justify-center {
    justify-content: center
}

.u-m0-auto {
    display: block;
    margin: 0 auto
}

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

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

.u-mt-27 {
    margin-top: 27px
}

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

.u-mr-15 {
    margin-right: 15px
}

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

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

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

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

.u-mb-15 {
    margin-bottom: 15px
}

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

.u-mb-27 {
    margin-bottom: 27px
}

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

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

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

.u-ml-65 {
    margin-left: 65px
}

@media screen and (min-width:769px) {
    .u-mt-half\@medium-min {
        margin-top: 10px
    }

    .u-mt-28\@medium-min {
        margin-top: 28px
    }

    .u-mt-35\@medium-min {
        margin-top: 35px
    }

    .u-mr-80\@medium-min {
        margin-right: 80px
    }

    .u-mr-88\@medium-min {
        margin-right: 88px
    }

    .u-mr-100\@medium-min {
        margin-right: 100px
    }

    .u-mr-108\@medium-min {
        margin-right: 108px
    }

    .u-mb-triple\@medium-min {
        margin-bottom: 40px
    }
}

@media screen and (min-width:568px) {
    .u-mr-double\@small-min {
        margin-right: 40px
    }
}

@media screen and (max-width:1279px) {
    .u-size-30\@xlarge {
        font-size: 1.875rem;
        line-height: 30px
    }
}

@media screen and (min-width:1024px) {
    .u-pos-rel\@large-min {
        position: relative
    }

    .u-mb\@large-min {
        margin-bottom: 20px
    }
}

@media screen and (max-width:1023px) {
    .u-size-24\@large {
        font-size: 1.5rem;
        line-height: 30px
    }

    .u-size-18\@large {
        font-size: 1.125rem;
        line-height: 28px
    }

    .u-size-14\@large {
        font-size: .875rem;
        line-height: 24px
    }

    .u-df-col\@large {
        flex-direction: column
    }

    .u-df-align-left\@large {
        align-items: flex-start
    }

    .u-mb\@large {
        margin-bottom: 20px
    }

    .u-mb-10\@large {
        margin-bottom: 10px
    }

    .u-mr\@large {
        margin-right: 20px
    }

    .u-ml-80\@large {
        margin-left: 80px
    }
}

@media screen and (max-width:768px) {
    .u-mb-10\@medium {
        margin-bottom: 10px
    }

    .u-mb-20\@medium {
        margin-bottom: 20px
    }

    .u-ml\@medium {
        margin-left: 20px
    }

    .u-mr-0\@medium {
        margin-right: 0
    }

    .u-size-36\@medium {
        font-size: 2.25rem;
        line-height: 44px
    }

    .u-size-24\@medium {
        font-size: 1.5rem;
        line-height: 30px
    }

    .u-size-18\@medium {
        font-size: 1.125rem;
        line-height: 28px
    }

    .u-df-col\@medium {
        flex-direction: column
    }

    .u-df-align-start\@medium {
        align-items: flex-start
    }

    .u-ml-0\@medium {
        margin-left: 0
    }

    .u-mb\@medium {
        margin-bottom: 20px
    }
}

@media screen and (max-width:567px) {
    .u-align-center\@small {
        text-align: center
    }

    .u-mr-25\@small {
        margin-right: 25px
    }

    .u-mb-30\@small {
        margin-bottom: 30px
    }

    .u-ml-25\@small {
        margin-left: 25px
    }

    .u-size-24\@small {
        font-size: 1.5rem;
        line-height: 30px
    }

    .u-size-18\@small {
        font-size: 1.125rem;
        line-height: 28px
    }

    .u-df-col-flip {
        flex-direction: column-reverse
    }

        .u-df-col-flip .button--secondary {
            margin-bottom: 10px;
            margin-top: 0
        }
}

@media screen and (max-width:414px) {
    .u-size-24\@415 {
        font-size: 1.5rem;
        line-height: 30px
    }
}

@media screen and (max-width:375px) {
    .u-size-18\@small {
        font-size: 1.125rem;
        line-height: 28px
    }
}

@media screen and (max-width:1449px) {
    .u-hidden\@xxlarge {
        display: none
    }
}

@media screen and (min-width:1450px) {
    .u-hidden\@min-xxlarge {
        display: none
    }
}

@media screen and (max-width:1319px) {
    .u-hidden\@xlarge-accents {
        display: none
    }
}

@media screen and (min-width:1320px) {
    .u-hidden\@min-xlarge-accents {
        display: none
    }
}

@media screen and (max-width:1279px) {
    .u-hidden\@xlarge {
        display: none
    }
}

@media screen and (min-width:1280px) {
    .u-hidden\@min-xlarge {
        display: none
    }
}

@media screen and (max-width:1023px) {
    .u-hidden\@large {
        display: none
    }
}

@media screen and (min-width:1024px) {
    .u-hidden\@min-large {
        display: none
    }
}

@media screen and (max-width:768px) {
    .u-hidden\@medium {
        display: none
    }
}

@media screen and (min-width:769px) {
    .u-hidden\@min-medium {
        display: none
    }
}

@media screen and (max-width:567px) {
    .u-hidden\@small {
        display: none
    }
}

@media screen and (min-width:568px) {
    .u-hidden\@min-small {
        display: none
    }
}

@media screen and (max-width:413px) {
    .u-hidden\@xsmall {
        display: none
    }
}

@media screen and (min-width:414px) {
    .u-hidden\@min-xsmall {
        display: none
    }
}