﻿
@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter700.woff2');
}

    .button--outlined a, .button_cta.button--outlined a a {
        color: inherit;
    }

strong {
    font-weight: 700;
}
a.cta_button {
    -moz-box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important;
    vertical-align: middle;
}

a {
    color: #5915d0;
    cursor: pointer;
    text-decoration: none;
}
.content-wrapper {
    margin: 0 auto;
    max-width: 1220px;
    padding: 0 20px
}

@media screen and (min-width: 1380px) {
    .content-wrapper {
        padding: 0
    }
}
.jp-card .jp-card-front .jp-card-lower .jp-card-name {
    font-size: 16px !important;
}
.content-wrapper--vertical-spacing, .dnd-section {
    padding: 80px 20px
}
.kl-dnd-header-area header.kl-header {
    position: relative
}

.kl-dnd-header-area div.kl-header-placeholder {
    height: 0
}
.kl-header {
    background-color: #fff;
    box-shadow: 0 5px 10px rgba(154,161,177,.1);
    position: fixed;
    width: 100%;
    z-index: 12
}

.kl-header-placeholder, .kl-navbar {
    height: 108px !important;
}

.kl-navbar {
    align-items: center;
    display: flex
}
    @media screen and (max-width: 920px) {
       
        .kl-navbar {
            justify-content: space-between
        }

        .kl-navbar--active .kl-navbar__content {
            opacity: 1;
            transform: translateY(0);
            visibility: visible
        }
    }

    .kl-navbar__logo {
        display: block;
        margin-right: 42px;
        max-width: 200px;
        max-height: 39px;
    }

    .kl-navbar__mobile {
        display: flex
    }

        .kl-navbar__mobile .hs_cos_wrapper_type_language_switcher {
            display: none
        }

    @media screen and (max-width: 920px) {
        .kl-navbar__mobile .hs_cos_wrapper_type_language_switcher {
            display: block
        }
    }

    .kl-navbar__mobile .hs_cos_wrapper_type_language_switcher + .kl-navbar__hamburger {
        margin-left: 32px
    }

    .kl-navbar__content {
        align-items: center;
        display: flex;
        flex: 1 1 auto;
        justify-content: space-between
    }

    @media screen and (max-width: 920px) {
        .kl-navbar__content {
            background-color: #fff;
            bottom: 0;
            flex-direction: column;
            height: calc(100% - 82px);
            justify-content: space-between;
            left: 0;
            opacity: 0;
            overflow-y: auto;
            padding: 45px 10%;
            position: fixed;
            transform: translateY(8px);
            transition: transform .25s ease-in-out,opacity .25s ease-in-out;
            visibility: hidden;
            width: 100%
        }
    }

    .kl-navbar__menu {
        display: flex;
        list-style: none;
        margin: 0;
        padding: 0
    }

    @media screen and (max-width: 920px) {
        .kl-navbar__menu {
            display: block;
            margin: 0 0 24px;
            width: 100%
        }
    }

    .kl-navbar__item {
        margin: 0 32px;
        position: relative
    }

    .kl-navbar__item--active .kl-navbar__panel {
        opacity: 1;
        transform: translateY(0);
        visibility: visible
    }

    @media screen and (max-width: 920px) {
        .kl-navbar__item--active .kl-navbar__panel {
            max-height: 100vh
        }
    }

    .kl-navbar__item--active .kl-navbar__button {
        color: #fcb740
    }

        .kl-navbar__item--active .kl-navbar__button > span:after {
            visibility: visible;
            width: 100%
        }

    @media screen and (max-width: 1024px) {
        .kl-navbar__item {
            margin: 0 16px
        }
    }

    .kl-navbar__button {
        color: #000;
        display: inline-block;
        font-family: 'Inter',sans-serif;
        font-size: 17px;
        font-weight: 700;
        line-height: 2em;
        word-break: normal
    }

    @media screen and (max-width: 920px) {
        .kl-navbar__button {
            font-size: 1rem
        }
    }

    .kl-navbar__button > span {
        display: inline-block;
        padding: 8px 0;
        position: relative
    }

        .kl-navbar__button > span:after {
            background-color: #fcb740;
            bottom: 2px;
            content: "";
            height: 2px;
            left: 0;
            position: absolute;
            transition: width .2s ease-in-out;
            visibility: hidden;
            width: 0
        }

    .kl-navbar__button--active, .kl-navbar__button:active, .kl-navbar__button:focus, .kl-navbar__button:hover {
        color: #fcb740;
        text-decoration: none
    }

        .kl-navbar__button--active > span:after, .kl-navbar__button:active > span:after, .kl-navbar__button:focus > span:after, .kl-navbar__button:hover > span:after {
            visibility: visible;
            width: 100%
        }

    .kl-navbar__end {
        align-items: center;
        display: flex
    }

        .kl-navbar__end > span + a {
            margin-left: 25px
        }

    @media screen and (max-width: 920px) {
        .kl-navbar__end > span + a {
            margin-left: 0
        }
    }

    .kl-navbar__end > a + a, .kl-navbar__end > a:not(:first-child) {
        margin-left: 25px
    }

    @media screen and (max-width: 920px) {
        .kl-navbar__end .hs_cos_wrapper_type_language_switcher {
            display: none
        }
    }

    .kl-navbar__end > .button_cta:not(:first-child) {
        margin-left: 25px
    }

    .kl-navbar__panel {
        background-color: #fff;
        left: 0;
        opacity: 0;
        position: fixed;
        top: 82px;
        transform: translateY(8px);
        transition: all .25s ease-in-out;
        visibility: hidden;
        width: 100%
    }

    @media screen and (max-width: 920px) {
        .kl-navbar__panel {
            max-height: 0;
            overflow: hidden;
            position: static
        }
    }

    .kl-navbar__panel-wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 0 auto;
        max-width: 960px;
        padding: 32px 0
    }

        .kl-navbar__panel-wrapper > div {
            flex-basis: none
        }

    .kl-navbar__categories {
        display: flex;
        flex-basis: 650px;
        flex-grow: 1;
        flex-shrink: 1;
        flex-wrap: wrap;
        justify-content: space-between
    }

    @media screen and (max-width: 920px) {
        .kl-navbar__categories p {
            display: none
        }
    }

    .kl-navbar__description {
        color: #000;
        flex-basis: 250px;
        margin: 0 16px
    }

    @media screen and (max-width: 920px) {
        .kl-navbar__description {
            flex-basis: 50%;
            margin: 0
        }

        .kl-navbar__description--full {
            flex-basis: auto
        }
    }

    .kl-navbar__description h1, .kl-navbar__description h2, .kl-navbar__description h3, .kl-navbar__description h4, .kl-navbar__description h5, .kl-navbar__description h6 {
        color: inherit
    }

    .kl-navbar__description h2 {
        font-size: 1.125rem;
        font-weight: 700;
        margin: 0 0 .5rem
    }

    .kl-navbar__description h3 {
        font-size: .875rem;
        font-weight: 700;
        margin: 0 0 .5rem
    }

    .kl-navbar__description p {
        font-size: .875rem;
        margin: 0 0 1.75rem
    }

    .kl-navbar__description a {
        color: #000
    }

        .kl-navbar__description a:focus, .kl-navbar__description a:hover {
            color: #fcb740;
            text-decoration: none
        }

    .kl-navbar .hamburger {
        background-color: transparent;
        border: 0;
        color: inherit;
        cursor: pointer;
        display: none;
        font: inherit;
        margin: 0;
        min-width: auto;
        overflow: visible;
        padding: 0;
        text-transform: none;
        transition-duration: .15s;
        transition-property: opacity,filter;
        transition-timing-function: linear
    }

    @media screen and (max-width: 920px) {
        .kl-navbar .hamburger {
            display: block
        }
    }

    .kl-navbar .hamburger:focus {
        outline: none
    }

    .kl-navbar .hamburger-box {
        display: inline-block;
        height: 19px;
        position: relative;
        width: 24px
    }

    .kl-navbar .hamburger-inner {
        display: block;
        margin-top: -1.5px;
        top: 50%
    }

        .kl-navbar .hamburger-inner, .kl-navbar .hamburger-inner:after, .kl-navbar .hamburger-inner:before {
            background-color: #000;
            height: 3px;
            position: absolute;
            transition-duration: .15s;
            transition-property: transform;
            transition-timing-function: ease;
            width: 24px
        }

            .kl-navbar .hamburger-inner:after, .kl-navbar .hamburger-inner:before {
                content: "";
                display: block
            }

            .kl-navbar .hamburger-inner:before {
                top: -8px
            }

            .kl-navbar .hamburger-inner:after {
                bottom: -8px
            }

    .kl-navbar .hamburger--squeeze .hamburger-inner {
        transition-duration: 75ms;
        transition-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

        .kl-navbar .hamburger--squeeze .hamburger-inner:before {
            transition: top 75ms ease .12s,opacity 75ms ease
        }

        .kl-navbar .hamburger--squeeze .hamburger-inner:after {
            transition: bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19)
        }

    .kl-navbar .hamburger--squeeze.is-active .hamburger-inner {
        transform: rotate(45deg);
        transition-delay: .12s;
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

        .kl-navbar .hamburger--squeeze.is-active .hamburger-inner:before {
            opacity: 0;
            top: 0;
            transition: top 75ms ease,opacity 75ms ease .12s
        }

        .kl-navbar .hamburger--squeeze.is-active .hamburger-inner:after {
            bottom: 0;
            transform: rotate(-90deg);
            transition: bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s
        }

    .kl-navbar-submenu-wrapper {
        left: -24px;
        position: absolute;
        visibility: hidden
    }

    @media screen and (max-width: 920px) {
        .kl-navbar-submenu-wrapper {
            display: none;
            position: static;
            visibility: visible
        }
    }

    .kl-navbar__item:hover > .kl-navbar-submenu-wrapper {
        visibility: visible
    }

    .kl-navbar-submenu {
        background-color: #fff;
        box-shadow: 0 5px 10px rgba(154,161,177,.1);
        list-style: none;
        margin: 20px 0 0;
        padding: 0
    }

    @media screen and (max-width: 920px) {
        .kl-navbar-submenu {
            box-shadow: none;
            margin: 12px 0;
            width: auto
        }
    }

    .kl-navbar-submenu .kl-navbar-submenu {
        left: 100%;
        margin: 0;
        position: absolute;
        top: 0;
        transform: translateX(0);
        visibility: hidden
    }

    @media screen and (max-width: 920px) {
        .kl-navbar-submenu .kl-navbar-submenu {
            display: none;
            margin-left: 20px;
            position: static;
            visibility: visible
        }
    }

    .kl-navbar-submenu__item {
        position: relative;
        width: max-content
    }

        .kl-navbar-submenu__item:hover > .kl-navbar-submenu {
            visibility: visible
        }

        .kl-navbar-submenu__item a {
            color: #000;
            display: block;
            font-family: 'Inter',sans-serif;
            font-size: 17px;
            font-weight: 700;
            line-height: 1rem;
            padding: 12px 24px;
            word-break: normal
        }

            .kl-navbar-submenu__item a:focus, .kl-navbar-submenu__item a:hover {
                color: #fcb740;
                text-decoration: none
            }

    @media screen and (max-width: 920px) {
        .kl-navbar-submenu__item a {
            padding: 12px 0
        }
    }

    .kl-navbar__parent {
        cursor: pointer
    }

    @media screen and (min-width: 920px) {
        .kl-navbar__parent:hover > a:after {
            transform: rotate(225deg)
        }
    }

    .kl-navbar__parent > a {
        align-items: center;
        display: flex;
        justify-content: space-between;
        position: relative
    }

    @media screen and (max-width: 920px) {
        .kl-navbar__parent > a {
            pointer-events: none
        }
    }

    .kl-navbar__parent > a:after {
        border-bottom: 1px solid #000;
        border-right: 1px solid #000;
        content: "";
        display: block;
        height: 5px;
        margin-left: 16px;
        transform: rotate(45deg);
        transform-origin: 3px 3px;
        transition: transform .25s ease-in-out;
        width: 5px
    }

    .kl-navbar__parent--active > .kl-navbar-submenu, .kl-navbar__parent--active > .kl-navbar-submenu-wrapper {
        display: block
    }

    .kl-navbar__parent--active > a:after {
        transform: rotate(225deg)
    }

    .kl-navbar__parent--active > a {
        color: #fcb740
    }

        .kl-navbar__parent--active > a > span:after {
            visibility: visible;
            width: 100%
        }

    .kl-footer {
        background-color: #1e1e1e
    }

        .kl-footer a, .kl-footer div, .kl-footer h1, .kl-footer h2, .kl-footer h3, .kl-footer h4, .kl-footer h5, .kl-footer h6, .kl-footer p, .kl-footer span {
            color: #fff
        }

    .kl-footer__wrapper {
        padding-bottom: 32px;
        padding-top: 32px;
        width: 100%
    }

    .kl-footer__legal {
        display: flex;
        flex-wrap: wrap;
        font-size: .875rem;
        justify-content: center;
        margin: -.625rem -1.25rem
    }

        .kl-footer__legal > span {
            color: #fff;
            margin: .625rem 1.25rem
        }

        .kl-footer__legal a {
            color: #fff
        }

            .kl-footer__legal a:active, .kl-footer__legal a:focus, .kl-footer__legal a:hover {
                color: #ffcf01;
                text-decoration: none
            }

    .kl-footer__byline {
        display: flex;
        flex-wrap: wrap;
        font-size: .75rem;
        justify-content: center;
        margin: -.625rem -1.25rem
    }

    @media screen and (max-width: 680px) {
        .kl-footer__byline {
            justify-content: center
        }
    }

    .kl-footer__byline > span {
        color: #fff;
        margin: .625rem 1.25rem;
        text-align: center
    }

    .kl-footer__byline a {
        color: #fff
    }

        .kl-footer__byline a:active, .kl-footer__byline a:focus, .kl-footer__byline a:hover {
            color: #fcb740;
            text-decoration: none
        }

    .kl-footer__content {
        display: flex;
        justify-content: space-between;
        padding: 120px 0
    }

    @media screen and (max-width: 1024px) {
        .kl-footer__content {
            padding: 0 0 32px !important
        }
    }

    @media screen and (max-width: 680px) {
        .kl-footer__content {
            display: block
        }
    }

    .kl-footer__address {
        margin: 32px 0 16px
    }

        .kl-footer__address p {
            color: #fff
        }

    .kl-footer__info {
        flex-basis: 250px
    }

        .kl-footer__info img {
            display: block;
            height: auto;
            margin: 0;
            width: auto
        }

        .kl-footer__info p {
            font-size: 0.876em
        }

    .kl-footer__address p {
        font-size: 16px
    }

    .kl-footer__legal p {
        font-size: 18px
    }


    .kl-footer__social {
        display: flex;
        flex-wrap: wrap;
        list-style: none;
        margin: 0 -16px;
        padding: 0
    }

        .kl-footer__social span {
            align-items: center;
            display: flex;
            height: 25px;
            justify-content: center;
            margin: 8px 16px;
            width: 25px
        }

        .kl-footer__social svg {
            display: block;
            height: 25px;
            width: 25px;
            fill: #fff;
            transition: all .25s ease-in-out
        }

        .kl-footer__social a:hover svg {
            fill: #fcb740
        }

    .kl-footer__menu {
        display: flex;
        flex-wrap: wrap;
        margin: -16px 0
    }

    @media screen and (max-width: 680px) {
        .kl-footer__menu {
            margin: 16px -16px 0
        }
    }

    .kl-footer__menu ul {
        list-style: none;
        margin: 0;
        padding: 0
    }

    .kl-footer__menu h3 {
        color: #fff;
        font-size: 1.125rem;
        font-weight: 700;
        margin: 0 0 2rem
    }

    .kl-footer__menu a {
        color: #fff;
        display: block;
        font-size: .875em;
        font-weight: 500;
        line-height: 17px;
        margin: 0 0 1.375em
    }

        .kl-footer__menu a:active, .kl-footer__menu a:focus, .kl-footer__menu a:hover {
            color: #fcb740;
            text-decoration: none
        }

    .kl-footer__group {
        margin: 16px 42px
    }

    @media screen and (max-width: 680px) {
        .kl-footer__group {
            margin: 16px
        }
    }

    .button--outlined, .button_cta.button--outlined a {
        background-color: transparent;
        color: #fcb740;
    }

    .kl-footer__group a {
        font-size: 17px
    }

    .button--outlined a, .button_cta.button--outlined a a {
        color: inherit;
    }

    .button, .button_cta a, button {
        background-color: #5915d0;
        border: 1px solid #5915d0;
        border-radius: 3px;
        color: #fff;
        cursor: pointer;
        display: inline-block;
        font-family: 'Inter', sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        height: auto;
        letter-spacing: .03em;
        line-height: 1.1;
        margin: 0;
        padding: 15px 25px;
        position: relative;
        text-align: center;
        text-decoration: none;
        text-transform: none;
        transition: all .15s linear;
        white-space: normal;
        width: auto;
        word-break: break-word;
    }