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

main {
    display: block
}

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

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

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

a {
    background-color: transparent
}

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

b, strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

img {
    border-style: none;
    margin: auto
}

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

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

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

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

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

fieldset {
    padding: .35em .75em .625em
}

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

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

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

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

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

details {
    display: block
}

summary {
    display: list-item
}

[hidden], template {
    display: none
}

*, :after, :before {
    box-sizing: border-box
}

.content-wrapper {
    margin: 0 auto;
    max-width: 1240px;
    padding: 0 20px
}

@media screen and (min-width: 1380px) {
    .content-wrapper {
        padding: 0
    }
}

.content-wrapper--vertical-spacing, .dnd-section {
    padding: 80px 20px;
}

    .dnd-section > .row-fluid {
        margin: 0 auto;
        max-width: 1240px
    }

    .dnd-section .dnd-column {
        padding: 0 20px
    }

@media (max-width: 767px) {
    .dnd-section .dnd-column {
        padding: 0
    }
}

.row-fluid {
    *zoom: 1;
    width: 100%
}

    .row-fluid:after, .row-fluid:before {
        content: "";
        display: table
    }

    .row-fluid:after {
        clear: both
    }

    .row-fluid [class*=span] {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        float: left;
        margin-left: 2.127659574%;
        *margin-left: 2.0744680846382977%;
        width: 100%
    }

        .row-fluid [class*=span]:first-child {
            margin-left: 0
        }

    .row-fluid .span12 {
        width: 99.99999998999999%;
        *width: 99.94680850063828%
    }

    .row-fluid .span11 {
        width: 91.489361693%;
        *width: 91.4361702036383%
    }

    .row-fluid .span10 {
        width: 82.97872339599999%;
        *width: 82.92553190663828%
    }

    .row-fluid .span9 {
        width: 74.468085099%;
        *width: 74.4148936096383%
    }

    .row-fluid .span8 {
        width: 65.95744680199999%;
        *width: 65.90425531263828%
    }

    .row-fluid .span7 {
        width: 57.446808505%;
        *width: 57.3936170156383%
    }

    .row-fluid .span6 {
        width: 48.93617020799999%;
        *width: 48.88297871863829%
    }

    .row-fluid .span5 {
        width: 40.425531911%;
        *width: 40.3723404216383%
    }

    .row-fluid .span4 {
        width: 31.914893614%;
        *width: 31.8617021246383%
    }

    .row-fluid .span3 {
        width: 23.404255317%;
        *width: 23.3510638276383%
    }

    .row-fluid .span2 {
        width: 14.89361702%;
        *width: 14.8404255306383%
    }

    .row-fluid .span1 {
        width: 6.382978723%;
        *width: 6.329787233638298%
    }

.container-fluid {
    *zoom: 1
}

    .container-fluid:after, .container-fluid:before {
        content: "";
        display: table
    }

    .container-fluid:after {
        clear: both
    }

@media (max-width: 767px) {
    .row-fluid {
        width: 100%
    }

        .row-fluid [class*=span] {
            display: block;
            float: none;
            margin-left: 0;
            width: auto
        }
}

@media (min-width: 768px) and (max-width:1139px) {
    .row-fluid {
        *zoom: 1;
        width: 100%
    }

        .row-fluid:after, .row-fluid:before {
            content: "";
            display: table
        }

        .row-fluid:after {
            clear: both
        }

        .row-fluid [class*=span] {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -ms-box-sizing: border-box;
            box-sizing: border-box;
            display: block;
            float: left;
            margin-left: 2.762430939%;
            *margin-left: 2.709239449638298%;
            width: 100%
        }

            .row-fluid [class*=span]:first-child {
                margin-left: 0
            }

        .row-fluid .span12 {
            width: 99.999999993%;
            *width: 99.9468085036383%
        }

        .row-fluid .span11 {
            width: 91.436464082%;
            *width: 91.38327259263829%
        }

        .row-fluid .span10 {
            width: 82.87292817100001%;
            *width: 82.8197366816383%
        }

        .row-fluid .span9 {
            width: 74.30939226%;
            *width: 74.25620077063829%
        }

        .row-fluid .span8 {
            width: 65.74585634900001%;
            *width: 65.6926648596383%
        }

        .row-fluid .span7 {
            width: 57.182320438000005%;
            *width: 57.129128948638304%
        }

        .row-fluid .span6 {
            width: 48.618784527%;
            *width: 48.5655930376383%
        }

        .row-fluid .span5 {
            width: 40.055248616%;
            *width: 40.0020571266383%
        }

        .row-fluid .span4 {
            width: 31.491712705%;
            *width: 31.4385212156383%
        }

        .row-fluid .span3 {
            width: 22.928176794%;
            *width: 22.874985304638297%
        }

        .row-fluid .span2 {
            width: 14.364640883%;
            *width: 14.311449393638298%
        }

        .row-fluid .span1 {
            width: 5.801104972%;
            *width: 5.747913482638298%
        }
}

@media (min-width: 1280px) {
    .row-fluid {
        *zoom: 1;
        width: 100%
    }

        .row-fluid:after, .row-fluid:before {
            content: "";
            display: table
        }

        .row-fluid:after {
            clear: both
        }

        .row-fluid [class*=span] {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -ms-box-sizing: border-box;
            box-sizing: border-box;
            display: block;
            float: left;
            margin-left: 2.564102564%;
            *margin-left: 2.510911074638298%;
            width: 100%
        }

            .row-fluid [class*=span]:first-child {
                margin-left: 0
            }

        .row-fluid .span12 {
            width: 100%;
            *width: 99.94680851063829%
        }

        .row-fluid .span11 {
            width: 91.45299145300001%;
            *width: 91.3997999636383%
        }

        .row-fluid .span10 {
            width: 82.905982906%;
            *width: 82.8527914166383%
        }

        .row-fluid .span9 {
            width: 74.358974359%;
            *width: 74.30578286963829%
        }

        .row-fluid .span8 {
            width: 65.81196581200001%;
            *width: 65.7587743226383%
        }

        .row-fluid .span7 {
            width: 57.264957265%;
            *width: 57.2117657756383%
        }

        .row-fluid .span6 {
            width: 48.717948718%;
            *width: 48.6647572286383%
        }

        .row-fluid .span5 {
            width: 40.170940171000005%;
            *width: 40.117748681638304%
        }

        .row-fluid .span4 {
            width: 31.623931624%;
            *width: 31.5707401346383%
        }

        .row-fluid .span3 {
            width: 23.076923077%;
            *width: 23.0237315876383%
        }

        .row-fluid .span2 {
            width: 14.529914530000001%;
            *width: 14.4767230406383%
        }

        .row-fluid .span1 {
            width: 5.982905983%;
            *width: 5.929714493638298%
        }
}

.clearfix {
    *zoom: 1
}

    .clearfix:after, .clearfix:before {
        content: "";
        display: table
    }

    .clearfix:after {
        clear: both
    }

.hide {
    display: none
}

.show {
    display: block
}

.hidden, .invisible {
    visibility: hidden
}

.hidden {
    display: none
}

.hidden-desktop, .visible-phone, .visible-tablet {
    display: none !important
}

@media (max-width: 767px) {
    .visible-phone {
        display: inherit !important
    }

    .hidden-phone {
        display: none !important
    }

    .hidden-desktop {
        display: inherit !important
    }

    .visible-desktop {
        display: none !important
    }
}

@media (min-width: 768px) and (max-width:1139px) {
    .visible-tablet {
        display: inherit !important
    }

    .hidden-tablet {
        display: none !important
    }

    .hidden-desktop {
        display: inherit !important
    }

    .visible-desktop {
        display: none !important
    }
}

.button, .button_cta a, button {
    background-color: #3bc6ed;
    border: 1px solid #fff;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: Poppins,sans-serif;
    font-size: .75rem;
    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;
    transition: all .15s linear;
    white-space: normal;
    width: auto;
    word-break: break-word
}

    .button:active, .button:focus, .button:hover, .button_cta a:active, .button_cta a:focus, .button_cta a:hover, button:active, button:focus, button:hover {
        background-color: #fff;
        border-color: #fff;
        color: #30395f;
        text-decoration: none;
        transform: scale(1.05)
    }

    .button:disabled, .button_cta a:disabled, button:disabled {
        background-color: #d0d0d0;
        border-color: #d0d0d0;
        color: #e6e6e6
    }

    .button a, .button_cta a a, button a {
        color: #fff
    }

        .button a:hover, .button_cta a a:hover, button a:hover {
            color: #fff;
            text-decoration: none
        }

.button_cta, .button_cta.button--arrow, .button_cta.button--outlined {
    border: none;
    display: inline-block;
    padding: 0
}

    .button_cta.button--arrow:after, .button_cta.button--outlined:after, .button_cta:after {
        display: none
    }

@media screen and (max-width: 767px) {
    .button_cta, .button_cta.button--arrow, .button_cta.button--outlined {
        text-align: center
    }
}

.widget-type-cta {
    background-color: #3bc6ed;
    border: 1px solid #fff;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: Poppins,sans-serif;
    font-size: .75rem;
    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;
    transition: all .15s linear;
    white-space: normal;
    width: auto;
    word-break: break-word
}

    .widget-type-cta:active, .widget-type-cta:focus, .widget-type-cta:hover {
        background-color: #fff;
        border-color: #fff;
        color: #30395f;
        text-decoration: none;
        transform: scale(1.05)
    }

    .widget-type-cta:disabled {
        background-color: #d0d0d0;
        border-color: #d0d0d0;
        color: #e6e6e6
    }

    .widget-type-cta a:hover {
        color: #fff;
        text-decoration: none
    }

    .widget-type-cta a {
        color: #fff
    }

        .widget-type-cta a:active, .widget-type-cta a:focus, .widget-type-cta a:hover {
            color: #fff;
            text-decoration: none
        }

.button--outlined, .button_cta.button--outlined a {
    background-color: transparent;
    border: 2px solid #3bc6ed;
    color: #3bc6ed;
    font-weight: 700
}

    .button--outlined a, .button_cta.button--outlined a a {
        color: inherit
    }

.button--arrow, .button_cta.button--arrow a {
    background: none;
    border: none;
    color: #30395f;
    padding: 0;
    transition: none
}

    .button--arrow:after, .button_cta.button--arrow a:after {
        content: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 13'%3E%3Cpath d='M37.53 7.03a.75.75 0 0 0 0-1.06l-4.773-4.773a.75.75 0 0 0-1.06 1.06L35.939 6.5l-4.242 4.243a.75.75 0 0 0 1.06 1.06L37.53 7.03zM0 7.25h37v-1.5H0v1.5z' fill='%2330395f'/%3E%3C/svg%3E");
        display: inline-block;
        margin-left: 6px;
        transition: margin .15s linear;
        vertical-align: middle;
        width: 36px
    }

    .button--arrow:active, .button--arrow:focus, .button--arrow:hover, .button_cta.button--arrow a:active, .button_cta.button--arrow a:focus, .button_cta.button--arrow a:hover {
        background: none;
        border: none;
        color: #3bc6ed;
        text-decoration: none;
        transform: none
    }

        .button--arrow:active:after, .button--arrow:focus:after, .button--arrow:hover:after, .button_cta.button--arrow a:active:after, .button_cta.button--arrow a:focus:after, .button_cta.button--arrow a:hover:after {
            content: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 13'%3E%3Cpath d='M37.53 7.03a.75.75 0 0 0 0-1.06l-4.773-4.773a.75.75 0 0 0-1.06 1.06L35.939 6.5l-4.242 4.243a.75.75 0 0 0 1.06 1.06L37.53 7.03zM0 7.25h37v-1.5H0v1.5z' fill='%233bc6ed'/%3E%3C/svg%3E");
            margin-left: 10px
        }

        .button--arrow:active a, .button--arrow:focus a, .button--arrow:hover a, .button_cta.button--arrow a:active a, .button_cta.button--arrow a:focus a, .button_cta.button--arrow a:hover a {
            color: inherit
        }

    .button--arrow:disabled, .button_cta.button--arrow a:disabled {
        background: none;
        border: none;
        color: #aeaeae;
        cursor: auto
    }

    .button--arrow a, .button_cta.button--arrow a a {
        color: inherit
    }

#hubspot-messages-iframe-container {
    z-index: 13 !important
}

.submitted-message, form {
    font-family: Poppins,sans-serif
}

.hs-form-field {
    margin: 0 0 1rem
}

form label {
    color: #30395f;
    display: block;
    font-size: .875rem;
    font-weight: 700;
    margin-bottom: .35rem;
    padding-top: 0;
    text-align: left;
    width: auto
}

form legend {
    color: #33475b;
    font-size: .875rem
}

.input {
    position: relative
}

input[type=email], input[type=file], input[type=number], input[type=password], input[type=tel], input[type=text], select, textarea {
    background-color: #fff;
    border: 1px solid #dadada;
    color: #30395f;
    display: inline-block;
    font-size: .875rem;
    font-weight: 400;
    padding: .75rem 1rem;
    width: 100%
}

    input[type=email]:focus, input[type=file]:focus, input[type=number]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=text]:focus, select:focus, textarea:focus {
        border: 1px solid #3bc6ed;
        outline: none
    }

fieldset {
    max-width: 100% !important
}

    fieldset.form-columns-0, fieldset.form-columns-1, fieldset.form-columns-2, fieldset.form-columns-3 {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

        fieldset.form-columns-0 > div, fieldset.form-columns-1 > div, fieldset.form-columns-2 > div, fieldset.form-columns-3 > div {
            width: 100%
        }

        fieldset.form-columns-0 .hs-form-field, fieldset.form-columns-1 .hs-form-field, fieldset.form-columns-2 .hs-form-field, fieldset.form-columns-3 .hs-form-field {
            flex-basis: 135px;
            flex-grow: 1
        }

            fieldset.form-columns-0 .hs-form-field .input, fieldset.form-columns-1 .hs-form-field .input, fieldset.form-columns-2 .hs-form-field .input, fieldset.form-columns-3 .hs-form-field .input {
                margin-right: 0
            }

            fieldset.form-columns-0 .hs-form-field .hs-input, fieldset.form-columns-1 .hs-form-field .hs-input, fieldset.form-columns-2 .hs-form-field .hs-input, fieldset.form-columns-3 .hs-form-field .hs-input {
                width: 100% !important
            }

                fieldset.form-columns-0 .hs-form-field .hs-input.hs-fieldtype-intl-phone, fieldset.form-columns-1 .hs-form-field .hs-input.hs-fieldtype-intl-phone, fieldset.form-columns-2 .hs-form-field .hs-input.hs-fieldtype-intl-phone, fieldset.form-columns-3 .hs-form-field .hs-input.hs-fieldtype-intl-phone {
                    align-items: center;
                    display: flex
                }

                    fieldset.form-columns-0 .hs-form-field .hs-input.hs-fieldtype-intl-phone select, fieldset.form-columns-1 .hs-form-field .hs-input.hs-fieldtype-intl-phone select, fieldset.form-columns-2 .hs-form-field .hs-input.hs-fieldtype-intl-phone select, fieldset.form-columns-3 .hs-form-field .hs-input.hs-fieldtype-intl-phone select {
                        flex: 1 1 25%;
                        margin-right: 10px
                    }

            fieldset.form-columns-0 .hs-form-field input[type=checkbox], fieldset.form-columns-0 .hs-form-field input[type=radio], fieldset.form-columns-1 .hs-form-field input[type=checkbox], fieldset.form-columns-1 .hs-form-field input[type=radio], fieldset.form-columns-2 .hs-form-field input[type=checkbox], fieldset.form-columns-2 .hs-form-field input[type=radio], fieldset.form-columns-3 .hs-form-field input[type=checkbox], fieldset.form-columns-3 .hs-form-field input[type=radio] {
                width: auto !important
            }

.hs-fieldtype-date .input .hs-dateinput:before, :-moz-placeholder, :-ms-input-placeholder, ::-moz-placeholder, ::-webkit-input-placeholder, ::placeholder {
    color: #e4e4e4
}

form .inputs-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.inputs-list > li {
    display: block;
    margin: .7rem 0;
    padding: 0;
    width: 100%
}

.inputs-list input, .inputs-list span {
    font-size: .875rem;
    vertical-align: middle
}

.hs-input[type=checkbox], .hs-input[type=radio] {
    border: none;
    cursor: pointer;
    height: auto;
    line-height: normal;
    margin-right: .35rem;
    padding: 0;
    width: auto
}

    .hs-input[type=checkbox] + label, .hs-input[type=radio] + label {
        display: inline-block;
        vertical-align: top
    }

.hs-fieldtype-date .input .hs-dateinput:before {
    color: #e4e4e4;
    content: "\01F4C5";
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.fn-date-picker .button, .fn-date-picker button {
    min-width: auto
}

.fn-date-picker .pika-table thead th {
    background-color: #3bc6ed;
    color: #fff
}

.fn-date-picker td.is-today .pika-button {
    color: #3bc6ed
}

.fn-date-picker td.is-selected .pika-button {
    background: #3bc6ed;
    border-radius: 0;
    box-shadow: none
}

.fn-date-picker td .pika-button:hover {
    background: #3bc6ed !important;
    border-radius: 0 !important;
    color: #fff
}

input[type=file] {
    background-color: transparent;
    border: initial;
    box-shadow: none;
    line-height: normal;
    padding: initial
}

form .hs-richtext, form .hs-richtext p {
    font-size: .875rem;
    margin: 0 0 1.4rem
}

    form .hs-richtext img {
        max-width: 100% !important
    }

form .header {
    background-color: transparent;
    border: none
}

h3.form-title {
    color: #30395f
}

.legal-consent-container {
    margin: 0
}

    .legal-consent-container .hs-form-booleancheckbox-display > span, .legal-consent-container .hs-form-booleancheckbox-display > span p {
        font-size: .875rem
    }

.hs-form-required {
    color: red
}

.hs-input.invalid.error {
    border-color: #ef6b51
}

.hs-error-msg {
    color: #ef6b51;
    font-weight: 400;
    margin-top: .35rem
}

/*form .hs-button, form input[type=submit] {
    background-color: #3bc6ed;
    border: 1px solid #fff;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: Poppins,sans-serif;
    font-size: .75rem;
    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;
    transition: all .15s linear;
    white-space: normal;
    width: auto;
    word-break: break-word
}

    form .hs-button:active, form .hs-button:focus, form .hs-button:hover, form input[type=submit]:active, form input[type=submit]:focus, form input[type=submit]:hover {
        background-color: #fff;
        border-color: #fff;
        color: #30395f;
        text-decoration: none;
        transform: scale(1.05)
    }

    form .hs-button:disabled, form input[type=submit]:disabled {
        background-color: #d0d0d0;
        border-color: #d0d0d0;
        color: #e6e6e6
    }

    form .hs-button a, form input[type=submit] a {
        color: #fff
    }

        form .hs-button a:hover, form input[type=submit] a:hover {
            color: #fff;
            text-decoration: none
        }*/

.grecaptcha-badge {
    margin: 0;
    max-width: 100%
}

body {
    scroll-behavior: auto
}

table {
    background-color: #fff;
    border: 1px solid #30395f;
    border-collapse: collapse;
    margin-bottom: 1.4rem;
    overflow-wrap: break-word
}

tbody + tbody {
    border-top: 2px solid #30395f
}

td, th {
    border: 1px solid #30395f;
    color: #30395f;
    padding: .75rem;
    vertical-align: top
}

thead td, thead th {
    background-color: #3bc6ed;
    color: #fff;
    vertical-align: bottom
}

tfoot td {
    background-color: #fff;
    color: #30395f
}

.kl-tooltip {
    position: relative
}

    .kl-tooltip > div {
        background-color: #fff;
        border-radius: 6px;
        box-shadow: 0 8px 40px 0 #e6e6e6;
        display: block;
        left: -22px;
        margin-top: 12px;
        max-width: 360px;
        min-width: 120px;
        opacity: 0;
        padding: 20px 16px;
        position: absolute;
        top: 100%;
        visibility: hidden;
        width: max-content;
        z-index: 9
    }

        .kl-tooltip > div:after {
            border: 5px solid transparent;
            border-bottom-color: #fff;
            bottom: 100%;
            content: " ";
            left: 32px;
            margin-left: -5px;
            position: absolute
        }

    .kl-tooltip:hover > div {
        opacity: 1;
        visibility: visible
    }

.kl-tooltip--dark > div {
    background-color: #000
}

    .kl-tooltip--dark > div h1, .kl-tooltip--dark > div h2, .kl-tooltip--dark > div h3, .kl-tooltip--dark > div h4, .kl-tooltip--dark > div h5, .kl-tooltip--dark > div h6, .kl-tooltip--dark > div p {
        color: #fff
    }

    .kl-tooltip--dark > div:after {
        border-color: transparent transparent #000
    }

html {
    font-size: 16px
}

body {
    color: #30395f;
    font-family: Poppins,sans-serif;
    line-height: 1.4;
    margin: 0;
    word-break: break-word
}

html[lang^=ja] body, html[lang^=ko] body, html[lang^=zh] body {
    line-break: strict;
    word-break: break-all
}

p {
    font-size: 16px;
    line-height: 1.375;
    margin: 0 0 1.4rem
}

strong {
    font-weight: 700
}

a {
    /*color: #0270e0;*/
    cursor: pointer;
    text-decoration: none
}

    a:focus, a:hover {
        text-decoration: underline
    }

h1, h2, h3, h4, h5, h6 {
    font-family: Poppins,serif;
    font-weight: 700;
    margin: 0 0 1.4rem
}

h1 {
    font-size: 40px
}

h1, h2 {
    color: #30395f;
    font-family: Poppins,sans-serif;
    font-style: normal;
    font-weight: 700;
    text-decoration: none
}

h2 {
    font-size: 32px
}

h3 {
    font-size: 24px;
    font-weight: 700
}

h3, h4 {
    color: #30395f;
    font-family: Poppins,sans-serif;
    font-style: normal;
    text-decoration: none
}

h4 {
    font-size: 18px;
    font-weight: 400
}

h5 {
    color: #000;
    font-size: 14px
}

h5, h6 {
    font-family: Poppins,sans-serif;
    font-style: normal;
    font-weight: 400;
    text-decoration: none
}

h6 {
    color: #30395f;
    font-size: 12px
}

ol, ul {
    margin: 0 0 1.5rem;
    padding: 0 0 0 1.1rem
}

    ol ol, ol ul, ul ol, ul ul {
        margin: 4px 0
    }

    ul.no-list {
        list-style: none
    }

code {
    vertical-align: bottom
}

blockquote {
    border-left: 2px solid #68bd4a;
    margin: 0 0 1.4rem;
    padding-left: 15px
}

hr {
    background-color: #ccc;
    border: none;
    color: #ccc;
    height: 1px
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

:focus {
    outline: auto;
    outline-color: #3bc6ed
}

.disable-focus-styles :focus {
    outline: none
}

.blog-subscribe {
    background-color: #f0f5ff;
    padding: 80px 0
}

.blog-subscribe__wrapper {
    display: flex;
    justify-content: space-between
}

@media screen and (max-width: 768px) {
    .blog-subscribe__wrapper {
        display: block
    }
}

.blog-subscribe__header {
    flex-basis: 465px;
    flex-grow: 1;
    max-width: 680px
}

.blog-subscribe__form {
    flex-basis: 450px;
    margin-left: 32px
}

@media screen and (max-width: 768px) {
    .blog-subscribe__form {
        margin: 32px 0 0
    }
}

.kl-card-grid > div {
    display: flex;
    flex-wrap: wrap;
    margin: -26px
}

.kl-card-grid__card-wrapper {
    display: flex;
    flex-basis: 33.33333%;
    padding: 26px
}

@media screen and (max-width: 768px) {
    .kl-card-grid__card-wrapper {
        flex-basis: 50%
    }
}

@media screen and (max-width: 520px) {
    .kl-card-grid__card-wrapper {
        flex-basis: 100%
    }
}

.kl-card-grid__card {
    background-color: #fff;
    border: .5px solid rgba(100,146,253,.2);
    border-radius: 9px;
    box-shadow: 0 11px 30px rgba(154,161,177,.2);
    overflow: hidden;
    width: 100%
}

.kl-card-grid__image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 260px;
    width: 100%
}

.kl-card-grid__preheader {
    color: #3bc6ed;
    display: block;
    font-family: Poppins,sans-serif;
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 .5rem
}

.kl-card-grid__content {
    color: #30395f;
    display: block;
    padding: 20px 24px;
    text-decoration: none
}

    .kl-card-grid__content h3, .kl-card-grid__content h4 {
        margin: 0 0 .5rem
    }

    .kl-card-grid__content p {
        margin: 0
    }

    .kl-card-grid__content:focus, .kl-card-grid__content:hover {
        color: #30395f;
        text-decoration: none
    }

.kl-card-grid--4-columns > div {
    margin: -24px -12px
}

.kl-card-grid--4-columns .kl-card-grid__card-wrapper {
    flex-basis: 25%;
    padding: 24px 12px
}

@media screen and (max-width: 920px) {
    .kl-card-grid--4-columns .kl-card-grid__card-wrapper {
        flex-basis: 33.33333%
    }
}

@media screen and (max-width: 768px) {
    .kl-card-grid--4-columns .kl-card-grid__card-wrapper {
        flex-basis: 50%
    }
}

@media screen and (max-width: 520px) {
    .kl-card-grid--4-columns .kl-card-grid__card-wrapper {
        flex-basis: 100%
    }
}

.kl-card-grid--4-columns .kl-card-grid__image {
    height: 220px
}

.kl-cards-slider {
    margin: 0 auto;
    max-width: 848px;
    position: relative
}

.kl-cards-slider-wrapper {
    padding: 0 15px
}

.kl-cards-slider__arrow {
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 11px 30px rgba(154,161,177,.2);
    cursor: pointer;
    display: block;
    display: flex;
    height: 30px;
    justify-content: center;
    padding: 8px;
    position: absolute;
    top: 20px;
    width: 30px
}

    .kl-cards-slider__arrow svg {
        fill: #3a3a3a;
        display: block;
        width: 100%
    }

.kl-cards-slider__arrow--prev {
    left: 0;
    transform: translateX(-50%)
}

.kl-cards-slider__arrow--next {
    right: 0;
    transform: translateX(50%)
}

.kl-cards-slider__card {
    border: .5px solid rgba(100,146,253,.2);
    border-radius: 9px;
    box-shadow: 0 11px 30px rgba(154,161,177,.2);
    display: none;
    overflow: hidden
}

.kl-cards-slider__card--active {
    display: block
}

.kl-cards-slider__header {
    align-items: center;
    background-color: #f3f3f3;
    display: flex;
    flex-wrap: wrap;
    padding: 16px 48px
}

@media screen and (max-width: 360px) {
    .kl-cards-slider__header {
        display: block;
        padding: 16px 32px
    }
}

.kl-cards-slider__image {
    margin: 0 15% 0 0
}

.kl-cards-slider__button {
    display: flex
}

@media screen and (max-width: 360px) {
    .kl-cards-slider__button {
        margin: 16px 0 0
    }
}

.kl-cards-slider__content {
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -22px;
    padding: 16px 48px
}

@media screen and (max-width: 360px) {
    .kl-cards-slider__content {
        padding: 16px 32px
    }
}

@media screen and (max-width: 580px) {
    .kl-cards-slider__content {
        display: block
    }
}

.kl-cards-slider__content > div {
    flex-basis: 200px;
    flex-grow: 1;
    margin: 0 22px
}

.kl-cards-slider__content h5 {
    color: #3bc6ed
}

.kl-cards-slider__content ul {
    padding-inline-start: 1.1em
}

.kl-custom-anchor {
    scroll-margin-top: 82px
}

.kl-custom-image, .kl-custom-image img {
    display: block
}

.kl-custom-image--center img {
    margin: 0 auto
}

.kl-custom-image--right img {
    margin: 0 0 0 auto
}

.kl-rich-text__preheader {
    color: #3bc6ed;
    display: block;
    font-family: Poppins,sans-serif;
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 .75rem
}

.kl-rich-text img {
    max-width: 100%
}

.kl-rich-text h1 {
    color: #30395f
}

.kl-rich-text p {
    margin: 0 0 1rem
}

    .kl-rich-text p:last-child {
        margin: 0 0 2rem
    }

.kl-rich-text__buttons {
    margin: -10px
}

    .kl-rich-text__buttons .button, .kl-rich-text__buttons .button_cta {
        margin: 10px
    }

@media screen and (max-width: 480px) {
    .kl-rich-text__buttons .button, .kl-rich-text__buttons .button_cta {
        display: block
    }
}

.kl-rich-text__form {
    max-width: 600px
}

.kl-rich-text--center {
    margin: 0 auto;
    text-align: center
}

    .kl-rich-text--center .kl-rich-text__form {
        margin: 0 auto;
        max-width: 600px
    }

.kl-rich-text--right {
    margin: 0 0 0 auto;
    text-align: right
}

    .kl-rich-text--right .kl-rich-text__form {
        margin: 0 0 0 auto
    }

.kl-faq {
    background: #fff;
    border: 3px solid #f3f3f3;
    border-radius: 9px
}

.kl-faq__entry + .kl-faq__entry {
    border-top: 3px solid #f3f3f3
}

.kl-faq__entry--active .kl-faq__icon {
    transform: rotate(90deg)
}

    .kl-faq__entry--active .kl-faq__icon:before {
        opacity: 0
    }

.kl-faq__header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 24px 42px
}

@media screen and (max-width: 480px) {
    .kl-faq__header {
        padding: 24px 16px
    }
}

.kl-faq__header:hover {
    cursor: pointer
}

.kl-faq__header h3 {
    margin: 0
}

.kl-faq__icon {
    flex-shrink: 0;
    height: 18px;
    margin-left: 32px;
    position: relative;
    transition: transform .2s ease-out;
    width: 18px
}

    .kl-faq__icon:before {
        height: 2px;
        top: 50%;
        transform: translateY(-50%);
        transition: opacity .2s ease-out;
        width: 100%
    }

    .kl-faq__icon:after, .kl-faq__icon:before {
        background-color: #30395f;
        content: "";
        display: block;
        position: absolute
    }

    .kl-faq__icon:after {
        height: 100%;
        left: 50%;
        transform: translateX(-50%);
        width: 2px
    }

.kl-faq__description {
    height: 0;
    overflow: hidden;
    padding: 0 42px;
    transition: height .25s ease-out
}

@media screen and (max-width: 480px) {
    .kl-faq__description {
        padding: 0 16px
    }
}

.kl-faq__description .kl-faq__inner {
    margin: 0 0 2rem
}

.kl-featured-cards__wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: -12px
}

.kl-featured-cards__column {
    display: flex;
    flex-basis: 360px;
    flex-grow: 1;
    flex-wrap: wrap
}

.kl-featured-cards__card-wrapper {
    display: flex;
    flex-basis: 360px;
    flex-grow: 2;
    padding: 12px
}

.kl-featured-card {
    background-color: #fff;
    border: .5px solid rgba(100,146,253,.2);
    border-radius: 9px;
    box-shadow: 0 11px 30px rgba(154,161,177,.2);
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    width: 100%
}

.kl-featured-card__preheader {
    color: #3bc6ed;
    display: block;
    font-family: Poppins,sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1rem;
    margin: 0 0 .75rem
}

.kl-featured-card__content h1, .kl-featured-card__content h2, .kl-featured-card__content h3, .kl-featured-card__content h4, .kl-featured-card__content h5, .kl-featured-card__content h6 {
    font-weight: 700;
    margin: 0 0 1rem
}

.kl-featured-card__content p {
    margin: 0 0 2rem
}

.kl-featured-card__body {
    align-items: flex-start;
    display: flex;
    flex-basis: 250px;
    flex-direction: column;
    flex-grow: 99;
    justify-content: space-between;
    padding: 32px 25px
}

.kl-featured-card__text {
    flex-grow: 1
}

.kl-featured-card__image {
    flex-basis: 360px;
    flex-grow: 1;
    width: 100%
}

    .kl-featured-card__image a {
        display: block;
        height: 100%
    }

    .kl-featured-card__image img {
        height: 100%;
        object-fit: cover;
        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: #3bc6ed;
            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: #3bc6ed;
        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: .875em
    }

.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 {
        fill: #fff;
        display: block;
        height: 25px;
        transition: all .25s ease-in-out;
        width: 25px
    }

    .kl-footer__social a:hover svg {
        fill: #3bc6ed
    }

.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: #3bc6ed;
        text-decoration: none
    }

.kl-footer__group {
    margin: 16px 42px
}

@media screen and (max-width: 680px) {
    .kl-footer__group {
        margin: 16px
    }
}

.kl-hero-01 {
    align-items: center;
    display: flex;
    min-height: 70vh;
    padding: 64px 0;
    position: relative
}

.kl-hero-01__content {
    margin: 0 auto;
    max-width: 1240px;
    padding: 20px 50% 20px 20px;
    position: relative;
    width: 100%
}

@media screen and (min-width: 1380px) {
    .kl-hero-01__content {
        padding: 0
    }
}

@media screen and (max-width: 768px) {
    .kl-hero-01__content {
        padding: 20px
    }
}

@media screen and (min-width: 1240px) {
    .kl-hero-01__content {
        padding: 0
    }
}

.kl-hero-01__content > div {
    max-width: 430px
}

@media screen and (max-width: 768px) {
    .kl-hero-01__content > div {
        max-width: none
    }
}

.kl-hero-01__image {
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    position: absolute;
    right: 0;
    transition: opacity .2s,width .5s;
    width: 45%
}

@media screen and (max-width: 768px) {
    .kl-hero-01__image {
        opacity: .3;
        width: 100%
    }
}

.kl-hero-02 {
    display: flex;
    min-height: 50vh;
    padding: 64px 0
}

.kl-hero-02__content {
    align-items: center;
    display: flex;
    margin: 0 auto;
    max-width: 1240px;
    padding: 0 20px;
    width: 100%
}

@media screen and (min-width: 1380px) {
    .kl-hero-02__content {
        padding: 0
    }
}

@media screen and (max-width: 960px) {
    .kl-hero-02__content {
        display: block
    }
}

.kl-hero-02__content .kl-rich-text {
    flex-basis: 300px;
    flex-grow: 1
}

.kl-hero-02__image {
    display: flex;
    flex-basis: 480px;
    flex-grow: 1;
    height: 100%;
    margin-left: 32px
}

@media screen and (max-width: 960px) {
    .kl-hero-02__image {
        height: auto;
        margin: 32px auto 0;
        max-width: 720px
    }
}

.kl-hero-02__image img {
    display: block;
    max-width: 100%
}

.kl-hero-02__image--left {
    justify-content: flex-start
}

.kl-hero-02__image--center {
    justify-content: center
}

.kl-hero-02__image--right {
    justify-content: flex-end
}

.kl-hero-02__image--top {
    align-items: flex-start
}

.kl-hero-02__image--middle {
    align-items: center
}

.kl-hero-02__image--bottom {
    align-items: flex-end
}

.kl-hero-03 {
    overflow: hidden;
    padding: 120px 0
}

@media screen and (max-width: 768px) {
    .kl-hero-03 {
        padding: 64px 0
    }
}

.kl-hero-03__content {
    margin: 0 auto;
    max-width: 1240px;
    padding: 0 20px;
    position: relative;
    width: 100%
}

@media screen and (min-width: 1380px) {
    .kl-hero-03__content {
        padding: 0
    }
}

.kl-hero-03__content .kl-rich-text {
    max-width: 50%
}

@media screen and (max-width: 768px) {
    .kl-hero-03__content .kl-rich-text {
        max-width: 100%
    }
}

.kl-hero-03__image {
    left: calc(50% + 64px);
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

@media screen and (max-width: 768px) {
    .kl-hero-03__image {
        margin-top: 32px;
        position: static;
        transform: none
    }
}

@media screen and (max-width: 360px) {
    .kl-hero-03__image {
        display: none
    }
}

.kl-hero-03__image img {
    display: block
}

.kl-logos {
    align-items: center;
    display: flex;
    justify-content: space-around
}

@media screen and (max-width: 768px) {
    .kl-logos {
        flex-wrap: wrap
    }
}

.kl-logos--1 {
    flex-wrap: wrap
}

    .kl-logos--1 .kl-logos__item {
        flex-basis: 100%
    }

.kl-logos--2 {
    flex-wrap: wrap
}

    .kl-logos--2 .kl-logos__item {
        flex-basis: 50%
    }

.kl-logos--3 {
    flex-wrap: wrap
}

    .kl-logos--3 .kl-logos__item {
        flex-basis: 33.33333%
    }

@media screen and (max-width: 340px) {
    .kl-logos--3 .kl-logos__item {
        flex-basis: 50%
    }
}

.kl-logos--4 {
    flex-wrap: wrap
}

    .kl-logos--4 .kl-logos__item {
        flex-basis: 25%
    }

@media screen and (max-width: 480px) {
    .kl-logos--4 .kl-logos__item {
        flex-basis: 33.33333%
    }
}

@media screen and (max-width: 340px) {
    .kl-logos--4 .kl-logos__item {
        flex-basis: 50%
    }
}

.kl-logos--5 {
    flex-wrap: wrap
}

    .kl-logos--5 .kl-logos__item {
        flex-basis: 20%
    }

@media screen and (max-width: 768px) {
    .kl-logos--5 .kl-logos__item {
        flex-basis: 25%
    }
}

@media screen and (max-width: 480px) {
    .kl-logos--5 .kl-logos__item {
        flex-basis: 33.33333%
    }
}

@media screen and (max-width: 340px) {
    .kl-logos--5 .kl-logos__item {
        flex-basis: 50%
    }
}

.kl-logos--6 {
    flex-wrap: wrap
}

    .kl-logos--6 .kl-logos__item {
        flex-basis: 16.66667%
    }

@media screen and (max-width: 768px) {
    .kl-logos--6 .kl-logos__item {
        flex-basis: 25%
    }
}

@media screen and (max-width: 480px) {
    .kl-logos--6 .kl-logos__item {
        flex-basis: 33.33333%
    }
}

@media screen and (max-width: 340px) {
    .kl-logos--6 .kl-logos__item {
        flex-basis: 50%
    }
}

.kl-logos--7 {
    flex-wrap: wrap
}

    .kl-logos--7 .kl-logos__item {
        flex-basis: 14.28571%
    }

@media screen and (max-width: 920px) {
    .kl-logos--7 .kl-logos__item {
        flex-basis: 16.66667%
    }
}

@media screen and (max-width: 768px) {
    .kl-logos--7 .kl-logos__item {
        flex-basis: 25%
    }
}

@media screen and (max-width: 480px) {
    .kl-logos--7 .kl-logos__item {
        flex-basis: 33.33333%
    }
}

@media screen and (max-width: 340px) {
    .kl-logos--7 .kl-logos__item {
        flex-basis: 50%
    }
}

.kl-logos--8 {
    flex-wrap: wrap
}

    .kl-logos--8 .kl-logos__item {
        flex-basis: 12.5%
    }

@media screen and (max-width: 920px) {
    .kl-logos--8 .kl-logos__item {
        flex-basis: 16.66667%
    }
}

@media screen and (max-width: 768px) {
    .kl-logos--8 .kl-logos__item {
        flex-basis: 25%
    }
}

@media screen and (max-width: 480px) {
    .kl-logos--8 .kl-logos__item {
        flex-basis: 33.33333%
    }
}

@media screen and (max-width: 340px) {
    .kl-logos--8 .kl-logos__item {
        flex-basis: 50%
    }
}

.kl-logos--9 {
    flex-wrap: wrap
}

    .kl-logos--9 .kl-logos__item {
        flex-basis: 11.11111%
    }

@media screen and (max-width: 920px) {
    .kl-logos--9 .kl-logos__item {
        flex-basis: 16.66667%
    }
}

@media screen and (max-width: 768px) {
    .kl-logos--9 .kl-logos__item {
        flex-basis: 25%
    }
}

@media screen and (max-width: 480px) {
    .kl-logos--9 .kl-logos__item {
        flex-basis: 33.33333%
    }
}

@media screen and (max-width: 340px) {
    .kl-logos--9 .kl-logos__item {
        flex-basis: 50%
    }
}

.kl-logos--10 {
    flex-wrap: wrap
}

    .kl-logos--10 .kl-logos__item {
        flex-basis: 10%
    }

@media screen and (max-width: 920px) {
    .kl-logos--10 .kl-logos__item {
        flex-basis: 16.66667%
    }
}

@media screen and (max-width: 768px) {
    .kl-logos--10 .kl-logos__item {
        flex-basis: 25%
    }
}

@media screen and (max-width: 480px) {
    .kl-logos--10 .kl-logos__item {
        flex-basis: 33.33333%
    }
}

@media screen and (max-width: 340px) {
    .kl-logos--10 .kl-logos__item {
        flex-basis: 50%
    }
}

.kl-logos--11 {
    flex-wrap: wrap
}

    .kl-logos--11 .kl-logos__item {
        flex-basis: 9.09091%
    }

@media screen and (max-width: 920px) {
    .kl-logos--11 .kl-logos__item {
        flex-basis: 16.66667%
    }
}

@media screen and (max-width: 768px) {
    .kl-logos--11 .kl-logos__item {
        flex-basis: 25%
    }
}

@media screen and (max-width: 480px) {
    .kl-logos--11 .kl-logos__item {
        flex-basis: 33.33333%
    }
}

@media screen and (max-width: 340px) {
    .kl-logos--11 .kl-logos__item {
        flex-basis: 50%
    }
}

.kl-logos--12 {
    flex-wrap: wrap
}

    .kl-logos--12 .kl-logos__item {
        flex-basis: 8.33333%
    }

@media screen and (max-width: 920px) {
    .kl-logos--12 .kl-logos__item {
        flex-basis: 16.66667%
    }
}

@media screen and (max-width: 768px) {
    .kl-logos--12 .kl-logos__item {
        flex-basis: 25%
    }
}

@media screen and (max-width: 480px) {
    .kl-logos--12 .kl-logos__item {
        flex-basis: 33.33333%
    }
}

@media screen and (max-width: 340px) {
    .kl-logos--12 .kl-logos__item {
        flex-basis: 50%
    }
}

.kl-logos__item {
    padding: 16px 24px
}

    .kl-logos__item a {
        display: block
    }

    .kl-logos__item img {
        display: block;
        width: 100%
    }

@media screen and (max-width: 768px) {
    .kl-logos__item {
        flex-basis: 25%
    }
}

@media screen and (max-width: 480px) {
    .kl-logos__item {
        flex-basis: 33%
    }
}

@media screen and (max-width: 340px) {
    .kl-logos__item {
        flex-basis: 50%
    }
}

.kl-about-modal {
    height: 100vh;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 64px 16px
}

.kl-about-modal, .kl-about-modal__overlay {
    left: 0;
    position: fixed;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 12
}

.kl-about-modal__overlay {
    background-color: #000;
    content: "";
    height: 100%;
    opacity: 0;
    transition: all .25s ease-in-out
}

.kl-about-modal__close {
    background: #fff;
    display: block;
    padding: 4px;
    position: absolute;
    right: 25px;
    top: 25px;
    z-index: 13
}

@media screen and (max-width: 768px) {
    .kl-about-modal__close {
        right: 0;
        top: 0
    }
}

.kl-about-modal__close svg {
    display: block
}

.kl-about-modal__wrapper {
    background: #fff;
    display: flex;
    overflow: hidden;
    position: relative
}

@media screen and (max-width: 768px) {
    .kl-about-modal__wrapper {
        display: block
    }
}

.kl-about-modal__container {
    left: 50%;
    max-width: 980px;
    opacity: 0;
    position: relative;
    transform: translateX(-50%);
    transition: top .25s ease-in-out;
    visibility: hidden;
    width: 100%;
    z-index: 13
}

.kl-about-modal:target {
    visibility: visible
}

    .kl-about-modal:target .kl-about-modal__overlay {
        opacity: .5;
        visibility: visible
    }

    .kl-about-modal:target .kl-about-modal__container {
        opacity: 1;
        visibility: visible
    }

.kl-about-modal__image {
    width: 330px
}

@media screen and (max-width: 768px) {
    .kl-about-modal__image {
        width: 100%
    }
}

.kl-about-modal__image img {
    height: 100% !important;
    max-width: 100%;
    object-fit: cover;
    width: 100%
}

@media screen and (max-width: 768px) {
    .kl-about-modal__image img {
        object-fit: unset
    }
}

.kl-about-modal__content {
    flex-basis: 650px;
    padding: 42px 50px
}

.kl-about-modal__header {
    margin: 0 0 30px
}

    .kl-about-modal__header h1, .kl-about-modal__header h2, .kl-about-modal__header h3, .kl-about-modal__header h4, .kl-about-modal__header h5, .kl-about-modal__header h6 {
        font-weight: 700;
        margin: 0 0 10px
    }

    .kl-about-modal__header h4 {
        color: #3bc6ed
    }

.kl-about-modal__social {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -8px;
    padding: 0
}

    .kl-about-modal__social span {
        align-items: center;
        display: flex;
        height: 25px;
        justify-content: center;
        margin: 8px;
        width: 25px
    }

    .kl-about-modal__social svg {
        fill: #30395f;
        display: block;
        height: 25px;
        transition: all .25s ease-in-out;
        width: 25px
    }

    .kl-about-modal__social a:hover svg {
        fill: #3bc6ed
    }

.kl-offer-modal {
    height: 100vh;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 64px 16px
}

.kl-offer-modal, .kl-offer-modal__overlay {
    left: 0;
    position: fixed;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 12
}

.kl-offer-modal__overlay {
    background-color: #000;
    content: "";
    height: 100%;
    opacity: 0;
    transition: all .25s ease-in-out
}

.kl-offer-modal__close {
    background: #fff;
    display: block;
    padding: 4px;
    position: absolute;
    right: 25px;
    top: 25px;
    z-index: 13
}

@media screen and (max-width: 768px) {
    .kl-offer-modal__close {
        right: 0;
        top: 0
    }
}

.kl-offer-modal__close svg {
    display: block
}

.kl-offer-modal__wrapper {
    background: #fff;
    display: flex;
    overflow: hidden;
    position: relative
}

@media screen and (max-width: 768px) {
    .kl-offer-modal__wrapper {
        display: block
    }
}

.kl-offer-modal__container {
    left: 50%;
    max-width: 980px;
    opacity: 0;
    position: relative;
    transform: translateX(-50%);
    transition: top .25s ease-in-out;
    visibility: hidden;
    width: 100%;
    z-index: 13
}

.kl-offer-modal:target {
    visibility: visible
}

    .kl-offer-modal:target .kl-offer-modal__overlay {
        opacity: .5;
        visibility: visible
    }

    .kl-offer-modal:target .kl-offer-modal__container {
        opacity: 1;
        visibility: visible
    }

@media screen and (max-width: 768px) {
    .kl-offer-modal__close {
        right: 8px;
        top: 8px
    }
}

.kl-offer-modal__wrapper {
    padding: 48px 64px
}

@media screen and (max-width: 480px) {
    .kl-offer-modal__wrapper {
        padding: 32px
    }
}

.kl-offer-modal__wrapper--center {
    align-items: center
}

.kl-offer-modal__wrapper--bottom {
    align-items: flex-end
}

.kl-offer-modal__content {
    flex-basis: 400px;
    flex-grow: 1
}

.kl-offer-modal__form {
    flex-basis: 50%;
    flex-grow: 1;
    margin-left: 36px
}

@media screen and (max-width: 768px) {
    .kl-offer-modal__form {
        margin: 36px 0 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: 82px
}

.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;
    width: auto
}

.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: #3bc6ed
}

    .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: #30395f;
    display: inline-block;
    font-family: Poppins,sans-serif;
    font-size: 12px;
    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: #3bc6ed;
        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: #3bc6ed;
    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: #30395f;
    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: #30395f
}

    .kl-navbar__description a:focus, .kl-navbar__description a:hover {
        color: #3bc6ed;
        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: #30395f;
        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;
    width: 160px
}

@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
}

    .kl-navbar-submenu__item:hover > .kl-navbar-submenu {
        visibility: visible
    }

    .kl-navbar-submenu__item a {
        color: #30395f;
        display: block;
        font-family: Poppins,sans-serif;
        font-size: 12px;
        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: #3bc6ed;
            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 #30395f;
    border-right: 1px solid #30395f;
    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: #3bc6ed
}

    .kl-navbar__parent--active > a > span:after {
        visibility: visible;
        width: 100%
    }

.kl-offer-01 {
    background-color: #fff;
    border: 1px solid rgba(100,146,253,.2);
    border-radius: 9px;
    box-shadow: 0 11px 30px rgba(154,161,177,.1);
    flex-direction: row-reverse;
    justify-content: space-between;
    padding: 16px 36px 0;
    background: linear-gradient(#fff,#fff) padding-box,linear-gradient(45deg,#65BC46 0,#36C5ED 100%) border-box !important;
    /*border: 1px solid transparent;*/
}

.kl-offer-01, .kl-offer-01__content {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.kl-offer-01__content {
    flex-basis: 320px;
    flex-grow: 1;
    margin-bottom: 15px
}

.kl-offer-01__preheader {
    color: #3bc6ed;
    display: block;
    font-family: Poppins,sans-serif;
    font-size: 14px;
    font-weight: 700;
    /*margin: 0 0 1rem*/
}

.kl-offer-01__text {
    flex-basis: 420px;
    flex-grow: 1;
    margin-right: 50px
}

@media screen and (max-width: 480px) {
    .kl-offer-01__text {
        margin: 0
    }
}

.kl-offer-01__text h1, .kl-offer-01__text h2, .kl-offer-01__text h3, .kl-offer-01__text h4, .kl-offer-01__text h5, .kl-offer-01__text h6 {
    margin: 0 0 1.125rem
}

.kl-offer-01__button {
    flex-shrink: 0
}

.kl-offer-01__image {
    flex-basis: 260px;
    margin: 0 auto;
    padding-right: 20px
}

@media screen and (max-width: 480px) {
    .kl-offer-01__image {
        padding: 0
    }
}

.kl-offer-01__image img {
    display: block;
    max-width: 420px;
    width: 100%
}

.kl-pricing {
    align-items: flex-start;
    display: flex;
    text-align: center
}

@media screen and (max-width: 768px) {
    .kl-pricing {
        display: block
    }
}

.kl-pricing__card {
    background-color: #fff;
    border: .5px solid rgba(100,146,253,.2);
    border-radius: 9px;
    box-shadow: 0 11px 30px rgba(154,161,177,.1);
    flex-basis: 346px;
    flex-grow: 1;
    padding: 36px 32px;
    position: relative;
    transition: box-shadow .25s ease-in-out
}

    .kl-pricing__card--featured, .kl-pricing__card:hover {
        box-shadow: 0 11px 30px rgba(154,161,177,.2)
    }

    .kl-pricing__card + .kl-pricing__card {
        margin-left: 72px
    }

@media screen and (max-width: 1024px) {
    .kl-pricing__card + .kl-pricing__card {
        margin-left: 16px
    }
}

@media screen and (max-width: 768px) {
    .kl-pricing__card + .kl-pricing__card {
        margin: 24px 0 0
    }
}

.kl-pricing__badge {
    background-color: #ebf1ff;
    border-radius: 40px;
    font-family: Poppins,sans-serif;
    font-size: .625rem;
    font-weight: 700;
    left: 50%;
    line-height: 1;
    min-width: 120px;
    padding: 10px 12px;
    position: absolute;
    top: 0;
    transform: translate(-50%,-50%)
}

.kl-pricing__icon {
    align-items: flex-end;
    display: flex;
    height: 28px;
    justify-content: center;
    margin: 0 0 1.5rem
}

    .kl-pricing__icon img {
        display: block;
        max-height: 100%
    }

.kl-pricing__price {
    color: #3bc6ed
}

    .kl-pricing__price h1, .kl-pricing__price h2, .kl-pricing__price h3, .kl-pricing__price h4, .kl-pricing__price h5, .kl-pricing__price h6 {
        color: inherit
    }

.kl-pricing__description p {
    font-size: .875rem;
    margin: 0 0 .75rem
}

.kl-pricing__features {
    list-style: none;
    margin: 0 0 2.625rem;
    padding: 0;
    text-align: left
}

    .kl-pricing__features li {
        display: flex;
        font-size: .875rem;
        margin: 0 0 1rem
    }

.kl-pricing__bullet {
    display: block;
    flex-shrink: 0;
    height: 1rem;
    margin: 2px .75rem 0 0;
    width: 1rem
}

    .kl-pricing__bullet img {
        display: block
    }

.kl-pricing__button .button_cta {
    width: 100%
}

    .kl-pricing__button .button_cta a {
        padding-left: 0;
        padding-right: 0
    }

.kl-pricing__button a {
    width: 100%
}

.kl-pricing hr {
    background-color: #f3f3f3;
    color: #f3f3f3;
    height: 2px;
    margin: 1.75rem 0
}

.kl-pricing-table {
    overflow-x: auto
}

    .kl-pricing-table > table {
        background: transparent;
        border: none;
        height: 100%;
        margin: 0;
        table-layout: fixed;
        width: 100%
    }

@media screen and (max-width: 920px) {
    .kl-pricing-table > table {
        width: 100%
    }
}

.kl-pricing-table__features {
    position: relative;
    width: 250px
}

@media screen and (max-width: 920px) {
    .kl-pricing-table__features {
        width: 50%
    }
}

.kl-pricing-table__plans {
    padding: 32px;
    text-align: left
}

    .kl-pricing-table__plans .button {
        width: 100%
    }

    .kl-pricing-table__plans h3 {
        font-size: 18px
    }

    .kl-pricing-table__plans h4, .kl-pricing-table__plans h5 {
        color: #3bc6ed;
        font-weight: 700
    }

    .kl-pricing-table__plans > div {
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: space-between
    }

.kl-pricing-table td, .kl-pricing-table th {
    border: none;
    vertical-align: middle
}

.kl-pricing-table th {
    background: transparent;
    font-weight: 400;
    text-align: left
}

    .kl-pricing-table th p {
        color: #30395f
    }

    .kl-pricing-table th.kl-pricing-table__featured {
        background: #3bc6ed;
        border-top-left-radius: 9px;
        border-top-right-radius: 9px;
        color: #fff
    }

        .kl-pricing-table th.kl-pricing-table__featured h1, .kl-pricing-table th.kl-pricing-table__featured h2, .kl-pricing-table th.kl-pricing-table__featured h3, .kl-pricing-table th.kl-pricing-table__featured h4, .kl-pricing-table th.kl-pricing-table__featured h5, .kl-pricing-table th.kl-pricing-table__featured p {
            color: #fff
        }

        .kl-pricing-table th.kl-pricing-table__featured .button {
            border-color: #fff;
            color: #fff
        }

@media screen and (max-width: 920px) {
    .kl-pricing-table thead .kl-pricing-table__features {
        display: none
    }
}

.kl-pricing-table tbody tr:first-child .kl-pricing-table__features {
    border-top-left-radius: 9px
}

@media screen and (max-width: 920px) {
    .kl-pricing-table tbody tr:first-child .kl-pricing-table__features {
        border-top-left-radius: 0
    }
}

.kl-pricing-table tbody tr:first-child td:before {
    background: #e0e9ff;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.kl-pricing-table tbody tr:first-child .kl-pricing-table__featured:before {
    display: none
}

.kl-pricing-table tbody tr:last-child .kl-pricing-table__featured {
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px
}

@media screen and (max-width: 920px) {
    .kl-pricing-table tbody tr:last-child .kl-pricing-table__featured {
        border-bottom-left-radius: 0
    }
}

.kl-pricing-table tbody tr:last-child .kl-pricing-table__features {
    border-bottom-left-radius: 9px
}

.kl-pricing-table tbody tr + tr .kl-pricing-table__features:after {
    background: #e0e9ff;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.kl-pricing-table tbody .kl-pricing-table__features {
    background: #3bc6ed;
    color: #fff;
    padding: 12px 38px 12px 32px;
    position: relative
}

.kl-pricing-table td {
    padding: 12px 16px;
    position: relative;
    text-align: center;
    vertical-align: middle
}

    .kl-pricing-table td img {
        display: block;
        margin: 0 auto
    }

    .kl-pricing-table td:after {
        background: #e0e9ff;
        bottom: 0;
        content: "";
        display: block;
        height: 1px;
        position: absolute;
        right: 0;
        width: 100%;
        z-index: -1
    }

    .kl-pricing-table td.kl-pricing-table__featured {
        background: #3bc6ed;
        color: #fff
    }

        .kl-pricing-table td.kl-pricing-table__featured h3, .kl-pricing-table td.kl-pricing-table__featured h4, .kl-pricing-table td.kl-pricing-table__featured h5, .kl-pricing-table td.kl-pricing-table__featured p {
            color: #fff
        }

        .kl-pricing-table td.kl-pricing-table__featured:after, .kl-pricing-table td.kl-pricing-table__featured:before {
            display: none
        }

.kl-pricing-table__navbar {
    border-radius: 3px;
    display: none;
    list-style: none;
    margin: 0;
    padding: 0
}

@media screen and (max-width: 920px) {
    .kl-pricing-table__navbar {
        display: flex
    }
}

@media screen and (max-width: 480px) {
    .kl-pricing-table__navbar {
        display: block
    }
}

.kl-pricing-table__navbar .kl-pricing-table__featured {
    background: #3bc6ed;
    border: none
}

    .kl-pricing-table__navbar .kl-pricing-table__featured h1, .kl-pricing-table__navbar .kl-pricing-table__featured h2, .kl-pricing-table__navbar .kl-pricing-table__featured h3, .kl-pricing-table__navbar .kl-pricing-table__featured h4, .kl-pricing-table__navbar .kl-pricing-table__featured h5, .kl-pricing-table__navbar .kl-pricing-table__featured p {
        color: #fff
    }

    .kl-pricing-table__navbar .kl-pricing-table__featured:hover {
        background: #3bc6ed
    }

.kl-pricing-table__tab {
    align-items: center;
    border: 1px solid #e0e9ff;
    display: flex;
    flex-basis: 200px;
    flex-grow: 1;
    justify-content: center;
    padding: 16px 24px
}

    .kl-pricing-table__tab h1, .kl-pricing-table__tab h2, .kl-pricing-table__tab h3, .kl-pricing-table__tab h4, .kl-pricing-table__tab h5, .kl-pricing-table__tab h6, .kl-pricing-table__tab p {
        margin: 0
    }

    .kl-pricing-table__tab:hover {
        background: #e0e9ff;
        cursor: pointer;
        transition: background .25s ease-in-out
    }

@media screen and (max-width: 920px) {
    .kl-pricing-table__hide {
        display: none
    }
}

.kl-pricing-table__tooltip {
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg aria-hidden='true' data-prefix='fal' data-icon='info-circle' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fff' d='M256 40c118.621 0 216 96.075 216 216 0 119.291-96.61 216-216 216-119.244 0-216-96.562-216-216 0-119.203 96.602-216 216-216m0-32C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm-36 344h12V232h-12c-6.627 0-12-5.373-12-12v-8c0-6.627 5.373-12 12-12h48c6.627 0 12 5.373 12 12v140h12c6.627 0 12 5.373 12 12v8c0 6.627-5.373 12-12 12h-72c-6.627 0-12-5.373-12-12v-8c0-6.627 5.373-12 12-12zm36-240c-17.673 0-32 14.327-32 32s14.327 32 32 32 32-14.327 32-32-14.327-32-32-32z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    height: 20px;
    position: absolute;
    right: 12px;
    top: 15px;
    width: 20px
}

.kl-pricing-table-02 {
    overflow-x: auto
}

    .kl-pricing-table-02 > table {
        background: transparent;
        border: none;
        height: 100%;
        margin: 0;
        table-layout: fixed;
        width: 100%
    }

@media screen and (max-width: 920px) {
    .kl-pricing-table-02 > table {
        width: 100%
    }
}

.kl-pricing-table-02__features {
    width: 250px
}

@media screen and (max-width: 920px) {
    .kl-pricing-table-02__features {
        width: 50%
    }
}

.kl-pricing-table-02__plans {
    padding: 32px;
    text-align: left
}

    .kl-pricing-table-02__plans .button {
        width: 100%
    }

    .kl-pricing-table-02__plans h3 {
        font-size: 18px
    }

    .kl-pricing-table-02__plans h4, .kl-pricing-table-02__plans h5 {
        color: #3bc6ed;
        font-weight: 700
    }

    .kl-pricing-table-02__plans > div {
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: space-between
    }

.kl-pricing-table-02 td, .kl-pricing-table-02 th {
    border: 1px solid #3bc6ed;
    vertical-align: middle
}

.kl-pricing-table-02 th {
    background: transparent;
    font-weight: 400;
    text-align: center
}

    .kl-pricing-table-02 th p {
        color: #30395f
    }

.kl-pricing-table-02 thead .kl-pricing-table-02__features {
    border-left: none;
    border-top: none
}

@media screen and (max-width: 920px) {
    .kl-pricing-table-02 thead .kl-pricing-table-02__features {
        display: none
    }
}

.kl-pricing-table-02 tbody .kl-pricing-table-02__features {
    padding: 20px 20px 20px 32px;
    position: relative
}

.kl-pricing-table-02 td {
    padding: 12px;
    position: relative;
    text-align: center;
    vertical-align: middle
}

    .kl-pricing-table-02 td img {
        display: block;
        margin: 0 auto
    }

.kl-pricing-table-02__navbar {
    border-left: 1px solid #3bc6ed;
    border-right: 1px solid #3bc6ed;
    border-top: 1px solid #3bc6ed;
    display: none;
    list-style: none;
    margin: 0;
    padding: 0
}

@media screen and (max-width: 920px) {
    .kl-pricing-table-02__navbar {
        display: flex
    }
}

@media screen and (max-width: 480px) {
    .kl-pricing-table-02__navbar {
        display: block
    }
}

.kl-pricing-table-02__tab {
    align-items: center;
    display: flex;
    flex-basis: 200px;
    flex-grow: 1;
    justify-content: center;
    padding: 16px 24px
}

    .kl-pricing-table-02__tab h1, .kl-pricing-table-02__tab h2, .kl-pricing-table-02__tab h3, .kl-pricing-table-02__tab h4, .kl-pricing-table-02__tab h5, .kl-pricing-table-02__tab h6, .kl-pricing-table-02__tab p {
        margin: 0
    }

    .kl-pricing-table-02__tab:hover {
        cursor: pointer
    }

.kl-pricing-table-02__tab--active {
    background-color: #3bc6ed;
    color: #fff
}

    .kl-pricing-table-02__tab--active h1, .kl-pricing-table-02__tab--active h2, .kl-pricing-table-02__tab--active h3, .kl-pricing-table-02__tab--active h4, .kl-pricing-table-02__tab--active h5, .kl-pricing-table-02__tab--active p {
        color: inherit
    }

.kl-pricing-table-02__tab + .kl-pricing-table-02__tab {
    border-left: 1px solid #3bc6ed
}

@media screen and (max-width: 480px) {
    .kl-pricing-table-02__tab + .kl-pricing-table-02__tab {
        border-left: none;
        border-top: 1px solid #3bc6ed
    }
}

@media screen and (max-width: 920px) {
    .kl-pricing-table-02__hide {
        display: none
    }
}

.kl-pricing-table-02__highlight {
    background: #f2f5fb
}

    .kl-pricing-table-02__highlight th {
        font-weight: 700
    }

.kl-features-01 {
    display: flex;
    justify-content: space-between
}

@media screen and (max-width: 768px) {
    .kl-features-01 {
        display: block
    }
}

.kl-features-01__card {
    flex-basis: 225px;
    flex-grow: 1
}

    .kl-features-01__card h4 {
        margin: 0 0 1rem
    }

    .kl-features-01__card p {
        font-weight: 500
    }

    .kl-features-01__card + .kl-features-01__card {
        margin-left: 64px
    }

@media screen and (max-width: 768px) {
    .kl-features-01__card + .kl-features-01__card {
        margin: 32px 0 0
    }
}

.kl-features-01__image {
    align-items: center;
    display: flex;
    margin: 0 0 24px;
    min-height: 50px
}

    .kl-features-01__image img {
        display: block;
        margin: 0;
        max-height: 50px;
        width: auto
    }

    .kl-features-01__image > span {
        display: block
    }

    .kl-features-01__image svg {
        fill: #3bc6ed;
        max-height: 50px;
        width: 50px
    }

.kl-features-02 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 -16px
}

@media screen and (max-width: 530px) {
    .kl-features-02 {
        display: block
    }
}

.kl-features-02-wrapper {
    overflow: hidden
}

.kl-features-02__card {
    display: block;
    flex-basis: 225px;
    flex-grow: 1;
    margin: 16px
}

    .kl-features-02__card h4 {
        display: inline;
        margin: 0;
        vertical-align: top
    }

    .kl-features-02__card p {
        font-weight: 500;
        margin: 1rem 0 0
    }

.kl-features-02__card-header {
    display: flex
}

.kl-features-02__image {
    display: inline-block;
    margin: 0 16px 0 0;
    min-height: 24px
}

    .kl-features-02__image img {
        display: block;
        max-height: 24px;
        width: auto
    }

    .kl-features-02__image > span {
        display: block
    }

    .kl-features-02__image svg {
        fill: #3bc6ed;
        max-height: 24px;
        width: 24px
    }

.kl-features-03__titles li h4:focus, .kl-features-03__titles li h4:hover, .kl-features-03__titles li.active h4 {
    color: #3bc6ed;
    cursor: pointer
}

.kl-features-03__titles {
    display: flex;
    justify-content: space-between;
    list-style: none;
    margin: 0 0 24px;
    padding: 0
}

@media screen and (max-width: 768px) {
    .kl-features-03__titles {
        display: block;
        margin: 0
    }

        .kl-features-03__titles li {
            background-color: #f3f3f3;
            text-align: center
        }

            .kl-features-03__titles li + li {
                border-top: 1px solid #dadada
            }
}

.kl-features-03__titles li.active h4:after {
    visibility: visible;
    width: 100%
}

@media screen and (max-width: 768px) {
    .kl-features-03__titles li.active h4:after {
        visibility: hidden
    }
}

.kl-features-03__titles li h4 {
    display: inline-block;
    margin: 0;
    padding: 8px 0;
    position: relative
}

    .kl-features-03__titles li h4:after {
        background-color: #3bc6ed;
        bottom: 2px;
        content: "";
        height: 2px;
        left: 0;
        position: absolute;
        transition: width .2s ease-in-out;
        visibility: hidden;
        width: 0
    }

.kl-features-03__section {
    background-color: #f3f3f3;
    display: none
}

    .kl-features-03__section.active {
        display: flex;
        flex-wrap: wrap
    }

.kl-features-03__image {
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-basis: 360px;
    flex-grow: 1;
    width: 100%
}

.kl-features-03__image--left {
    justify-content: flex-start
}

.kl-features-03__image--center {
    justify-content: center
}

.kl-features-03__image--right {
    justify-content: flex-end
}

.kl-features-03__image--top {
    align-items: flex-start
}

.kl-features-03__image--middle {
    align-items: center
}

.kl-features-03__image--bottom {
    align-items: flex-end
}

.kl-features-03__image--cover {
    align-items: unset
}

    .kl-features-03__image--cover img {
        height: 100%;
        max-height: 100%;
        object-fit: cover;
        width: 100%
    }

.kl-features-03__image--contain img {
    object-fit: contain
}

.kl-features-03__content {
    flex-basis: 400px;
    flex-grow: 3;
    padding: 54px 78px
}

@media screen and (max-width: 580px) {
    .kl-features-03__content {
        padding: 30px
    }
}

.kl-features-03__text h3 {
    margin: 0 0 28px;
    max-width: 480px
}

.kl-features-03__text p {
    margin: 0 0 64px;
    max-width: 600px
}

.kl-features-03__buttons {
    align-items: center;
    display: flex
}

.kl-features-03__primary-cta {
    margin: 0 35px 0 0
}

.kl-card {
    background-color: #fff;
    border: .5px solid rgba(100,146,253,.2);
    border-radius: 9px;
    box-shadow: 0 11px 30px rgba(154,161,177,.2);
    padding: 32px 25px;
    width: 100%
}

.kl-card__preheader {
    color: #3bc6ed;
    display: block;
    font-family: Poppins,sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1rem;
    margin: 0 0 .75rem
}

.kl-card__content h1, .kl-card__content h2, .kl-card__content h3, .kl-card__content h4, .kl-card__content h5, .kl-card__content h6 {
    font-weight: 700;
    margin: 0 0 1rem
}

.kl-card__content p {
    margin: 0 0 2rem
}

.kl-card__image {
    margin: 0 0 1.75rem
}

.kl-card__form {
    max-width: 600px
}

.kl-testimonials {
    display: flex
}

@media screen and (max-width: 920px) {
    .kl-testimonials {
        display: block
    }
}

.kl-testimonial {
    background-color: #fff;
    border: .5px solid rgba(100,146,253,.2);
    border-radius: 9px;
    box-shadow: 0 11px 30px rgba(154,161,177,.2);
    flex-basis: 300px;
    flex-grow: 1;
    padding: 18px 25px 25px
}

    .kl-testimonial + .kl-testimonial {
        margin-left: 64px
    }

@media screen and (max-width: 1024px) {
    .kl-testimonial + .kl-testimonial {
        margin-left: 16px
    }
}

@media screen and (max-width: 920px) {
    .kl-testimonial + .kl-testimonial {
        margin: 16px 0 0
    }
}

.kl-testimonial__quote {
    margin: 0 0 25px
}

    .kl-testimonial__quote svg {
        fill: #3bc6ed;
        height: 32px;
        max-height: 32px
    }

.kl-testimonial__content {
    font-weight: 500
}

.kl-testimonial__footer {
    align-items: center;
    display: flex
}

    .kl-testimonial__footer img {
        border-radius: 50%;
        display: block;
        height: 52px;
        margin: 0 16px 0 0;
        object-fit: cover;
        width: 52px
    }

.kl-testimonial__author {
    font-weight: 700
}

    .kl-testimonial__author span {
        color: #3bc6ed;
        display: block;
        font-family: Poppins,sans-serif;
        font-size: 14px;
        font-size: .75rem;
        font-weight: 700;
        margin: 0 0 8px
    }

.kl-timeline__entry {
    padding-bottom: 50px;
    position: relative
}

    .kl-timeline__entry h1, .kl-timeline__entry h2, .kl-timeline__entry h3, .kl-timeline__entry h4, .kl-timeline__entry h5 {
        color: #3bc6ed
    }

    .kl-timeline__entry p {
        margin: 0 0 1rem
    }

.kl-timeline__entry--odd {
    margin-right: 50%;
    padding-right: 50px;
    text-align: right
}

    .kl-timeline__entry--odd:before {
        background-color: #1c2630;
        border-radius: 10px;
        content: "";
        display: block;
        height: 10px;
        position: absolute;
        right: 0;
        top: 10px;
        transform: translateX(4px);
        width: 10px
    }

@media screen and (max-width: 580px) {
    .kl-timeline__entry--odd:before {
        left: 0;
        transform: translateX(-5px)
    }
}

.kl-timeline__entry--odd:after {
    background-color: #1c2630;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 10px;
    width: 1px
}

@media screen and (max-width: 580px) {
    .kl-timeline__entry--odd:after {
        left: 0
    }
}

.kl-timeline__entry--even {
    margin-left: 50%;
    padding-left: 50px
}

    .kl-timeline__entry--even:before {
        background-color: #1c2630;
        border-radius: 10px;
        content: "";
        display: block;
        height: 10px;
        left: -1px;
        position: absolute;
        top: 10px;
        transform: translateX(-5px);
        width: 10px
    }

@media screen and (max-width: 580px) {
    .kl-timeline__entry--even:before {
        left: 0;
        transform: translateX(-5px)
    }
}

.kl-timeline__entry--even:after {
    background-color: #1c2630;
    content: "";
    display: block;
    height: 100%;
    left: -1px;
    position: absolute;
    top: 10px;
    width: 1px
}

@media screen and (max-width: 580px) {
    .kl-timeline__entry--even:after {
        left: 0
    }
}

.kl-timeline__entry--last:after {
    display: none
}

@media screen and (max-width: 580px) {
    .kl-timeline__entry {
        margin: 0;
        padding: 0 0 50px 50px;
        text-align: left
    }
}

@media screen and (max-width: 420px) {
    .kl-timeline__entry {
        padding: 0 0 20px 20px
    }
}

.hs-menu-wrapper ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding-left: 0
}

.hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (max-width: 767px) {
    .hs-menu-wrapper.hs-menu-flow-horizontal ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.hs-menu-wrapper.hs-menu-flow-vertical ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

@media (max-width: 767px) {
    .hs-menu-wrapper.hs-menu-flow-vertical ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.hs-menu-wrapper.flyouts .hs-item-has-children {
    position: relative
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper {
    left: -9999px;
    opacity: 0;
    position: absolute
}

    .hs-menu-wrapper.flyouts .hs-menu-children-wrapper a {
        display: block;
        white-space: nowrap
    }

.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
    left: 0;
    opacity: 1;
    top: 100%
}

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
    left: 100%;
    opacity: 1;
    top: 0
}

@media (max-width: 767px) {
    .hs-menu-wrapper.flyouts .hs-menu-children-wrapper, .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper, .hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
        left: 0;
        opacity: 1;
        position: relative;
        top: auto
    }
}

.lang_switcher_class {
    display: flex !important
}

.lang_list_class {
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    margin-top: 20px !important;
    padding: 0 !important
}

    .lang_list_class:before {
        background: #fff;
        border: none !important;
        box-shadow: 0 5px 10px rgba(154,161,177,.1)
    }

    .lang_list_class:after {
        top: -23px !important
    }

    .lang_list_class li {
        border-left: none !important;
        border-right: none !important;
        word-break: keep-all
    }

        .lang_list_class li:first-child {
            border-top: none !important
        }

        .lang_list_class li:last-child {
            border-bottom: none !important
        }

.blog-header {
    background-color: #f2f5fb;
    padding: 82px 0
}

.blog-header__inner {
    align-items: center;
    display: flex;
    justify-content: space-between
}

@media screen and (max-width: 768px) {
    .blog-header__inner {
        display: block
    }
}

.blog-header--author {
    background-color: transparent
}

    .blog-header--author .blog-header__inner {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

@media screen and (max-width: 768px) {
    .blog-header--author .blog-header__inner {
        display: block
    }
}

.blog-header__title {
    flex-basis: 380px;
    flex-shrink: 0;
    margin: 0 0 32px;
    max-width: 380px
}

@media screen and (max-width: 768px) {
    .blog-header__title {
        max-width: none
    }
}

.blog-header__title span {
    color: #3bc6ed
}

.blog-header__preheader {
    color: #3bc6ed;
    display: block;
    font-family: Poppins,sans-serif;
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 .75rem
}

.blog-header__image {
    margin-left: 32px
}

@media screen and (max-width: 768px) {
    .blog-header__image {
        margin: 0 auto;
        max-width: 360px
    }
}

.blog-header__image img {
    width: 100%
}

.blog-header__author {
    flex-basis: 720px
}

@media screen and (max-width: 768px) {
    .blog-header__author {
        margin: 32px 0 0
    }
}

.blog-header__avatar {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 360px;
    margin-right: 64px;
    max-width: 360px;
    width: 100%
}

@media screen and (max-width: 768px) {
    .blog-header__avatar {
        margin: 0 auto
    }
}

@media screen and (max-width: 360px) {
    .blog-header__avatar {
        height: 300px
    }
}

.blog-header__author-social-links {
    margin: 0 -8px
}

    .blog-header__author-social-links a {
        border-radius: 50%;
        display: inline-block;
        height: 24px;
        margin: 0 8px;
        position: relative;
        width: 24px
    }

    .blog-header__author-social-links svg {
        fill: #30395f;
        height: 100%;
        left: 50%;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        width: auto
    }

.blog-filter {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 32px 0
}

.blog-tags {
    list-style: none;
    margin: -7px;
    max-width: 680px;
    padding: 0
}

    .blog-tags li {
        display: inline-block;
        margin: 7px
    }

.blog-tags__link {
    background-color: #3bc6ed;
    background-color: transparent;
    border: 1px solid #dadada;
    border-radius: 3px;
    color: #fff;
    color: #dadada;
    cursor: pointer;
    display: inline-block;
    font-family: Poppins,sans-serif;
    font-size: .75rem;
    font-weight: 700;
    height: auto;
    letter-spacing: .03em;
    line-height: 1.1;
    line-height: 1;
    margin: 0;
    padding: 12px 18px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all .15s linear;
    white-space: normal;
    width: auto;
    word-break: break-word
}

    .blog-tags__link:active, .blog-tags__link:focus, .blog-tags__link:hover {
        background-color: #fff;
        border-color: #fff;
        color: #30395f;
        text-decoration: none;
        transform: scale(1.05)
    }

    .blog-tags__link:disabled {
        background-color: #d0d0d0;
        border-color: #d0d0d0;
        color: #e6e6e6
    }

    .blog-tags__link a {
        color: #fff
    }

        .blog-tags__link a:hover {
            color: #fff;
            text-decoration: none
        }

.blog-tags__link--current {
    background-color: #3bc6ed;
    border: none;
    color: #fff
}

.blog-search {
    flex-basis: 400px;
    margin: 32px 0 0;
    width: 100%
}

.blog-index, .blog-more-posts {
    display: flex;
    flex-wrap: wrap;
    padding: 32px 0
}

    .blog-index:after, .blog-more-posts:after {
        content: "";
        flex: auto
    }

.blog-index__post-wrapper, .blog-more-posts__post-wrapper {
    flex-basis: 100%;
    flex-grow: 0;
    flex-shrink: 0;
    padding: 24px
}

@media screen and (min-width: 768px) {
    .blog-index__post-wrapper, .blog-more-posts__post-wrapper {
        flex-basis: 50%
    }
}

@media screen and (min-width: 1000px) {
    .blog-index__post-wrapper, .blog-more-posts__post-wrapper {
        flex-basis: 33.33333%
    }
}

.blog-index__post, .blog-more-posts__post {
    border: .5px solid rgba(100,146,253,.2);
    border-radius: 9px;
    box-shadow: 0 11px 30px rgba(154,161,177,.2);
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden
}

    .blog-index__post img, .blog-more-posts__post img {
        height: auto;
        max-width: 100%
    }

.blog-index__post-content, .blog-more-posts__post-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
    padding: 30px
}

    .blog-index__post-content h3, .blog-more-posts__post-content h3 {
        margin: 0 0 1rem
    }

        .blog-index__post-content h3 a, .blog-index__post-content h3 a:hover, .blog-index__post-content h3 a:visited, .blog-more-posts__post-content h3 a, .blog-more-posts__post-content h3 a:hover, .blog-more-posts__post-content h3 a:visited {
            color: #30395f
        }

.blog-index__post-preheader, .blog-more-posts__post-preheader {
    color: #3bc6ed;
    display: block;
    font-family: Poppins,sans-serif;
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 .75rem
}

.blog-index__post-meta, .blog-more-posts__post-meta {
    color: #c6c6c6;
    display: flex;
    font-size: .75rem;
    margin: 32px 0 0;
    text-transform: uppercase
}

    .blog-index__post-meta span, .blog-more-posts__post-meta span {
        display: inline-block
    }

.blog-index__post-date, .blog-more-posts__post-date {
    margin-left: 54px
}

.blog-index__post-image, .blog-more-posts__post-image {
    background-image: url(//25509060.fs1.hubspotusercontent-eu1.net/hubfs/25509060/raw_assets/public/@marketplace/kalungicom/atlas-theme/images/grayscale-mountain.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    padding-bottom: 63%
}

.blog-index__author h2, .blog-more-posts__author h2 {
    margin: 32px 0 1.5rem
}

.blog-index__author hr, .blog-more-posts__author hr {
    background-color: #dcdcdc;
    height: 2px
}

.blog-pagination {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 3rem
}

.blog-pagination__link {
    color: #30395f;
    font-family: Poppins,sans-serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    margin: 0 16px;
    text-decoration: none
}

    .blog-pagination__link:focus, .blog-pagination__link:hover {
        color: #3bc6ed;
        text-decoration: none
    }

.blog-pagination__link--active {
    color: #3bc6ed
}

.blog-pagination__ellipsis {
    color: #30395f;
    font-size: 1rem;
    line-height: 1
}

.blog-header--post {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 520px
}

.blog-post {
    margin: 0 auto;
    padding: 4.5rem 0
}

.blog-post__meta {
    align-items: center;
    display: flex
}

    .blog-post__meta a {
        color: #c6c6c6;
        transition: color .25s ease-in
    }

        .blog-post__meta a:hover {
            color: #3bc6ed;
            text-decoration: none
        }

.blog-post__timestamp {
    color: #c6c6c6
}

.blog-post__divider {
    margin: 64px 0 52px
}

.blog-post__avatar {
    background-position: 50%;
    background-size: cover;
    border-radius: 50%;
    height: 72px;
    margin-right: 38px;
    width: 72px
}

.blog-post__preheader {
    color: #3bc6ed;
    display: block;
    font-family: Poppins,sans-serif;
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 1rem
}

.blog-post__title {
    margin: 0 0 1rem;
    max-width: 680px
}

.blog-post__summary {
    font-size: 1.5rem;
    font-weight: 500;
    margin: 0 0 2.5rem;
    max-width: 680px
}

.blog-post__body-wrapper {
    margin: 0 auto;
    max-width: 680px
}

.blog-post__body img {
    max-width: 100%
}

.blog-post__tags {
    display: flex;
    flex-wrap: wrap
}

.blog-post__tag-link {
    background-color: #e6edff;
    border-radius: 3px;
    color: #3bc6ed;
    font-size: .75rem;
    margin: 0 8px 8px 0;
    padding: 5px 10px
}

.blog-more {
    padding: 2rem 0
}

.blog-more--centered h2 {
    text-align: center
}

.blog-comments {
    margin: 0 auto;
    max-width: 680px
}

    .blog-comments form {
        max-width: 100%
    }

    .blog-comments .hs-submit {
        text-align: center
    }

    .blog-comments .comment-reply-to {
        border: 0;
        outline: none
    }

        .blog-comments .comment-reply-to:hover {
            background-color: transparent;
            color: #30395f;
            text-decoration: underline
        }

.kl-documentation__container {
    align-items: flex-start;
    display: flex;
    margin: 0 auto;
    max-width: 1240px;
    padding: 0 20px;
    position: relative;
    width: 100%
}

@media screen and (min-width: 1380px) {
    .kl-documentation__container {
        padding: 0
    }
}

@media screen and (max-width: 680px) {
    .kl-documentation__container {
        display: block
    }
}

.kl-documentation__toc {
    height: calc(100vh - 82px);
    margin-right: 20px;
    overflow-y: scroll;
    padding: 16px 16px 0 0;
    position: -webkit-sticky;
    position: sticky;
    top: 82px;
    width: 250px
}

@media screen and (max-width: 680px) {
    .kl-documentation__toc {
        border-bottom: 1px solid #ececec;
        height: auto;
        margin: 0;
        overflow-y: auto;
        padding: 16px 0 0;
        position: static;
        width: 100%
    }
}

.kl-documentation__toc ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.kl-documentation__toc li {
    margin-bottom: 16px
}

@media screen and (max-width: 680px) {
    .kl-documentation__toc li {
        margin-bottom: 8px
    }
}

.kl-documentation__toc a {
    color: #30395f
}

.kl-documentation__contents {
    padding: 16px 0;
    width: calc(100% - 269px)
}

@media screen and (max-width: 680px) {
    .kl-documentation__contents {
        width: 100%
    }
}

.kl-documentation__module {
    margin: 0 0 32px;
    padding: 0 0 32px;
    position: relative;
    scroll-margin-top: 82px
}

    .kl-documentation__module:after {
        background-color: #ececec;
        bottom: 0;
        content: "";
        display: block;
        height: 1px;
        left: 0;
        position: absolute;
        width: 100%
    }

.kl-documentation__module-preview {
    margin: 0 0 32px
}

.kl-documentation__fields {
    margin: 0;
    table-layout: fixed;
    width: 100%
}

    .kl-documentation__fields .depth0 {
        background-color: #f5f5f5
    }

    .kl-documentation__fields thead th {
        background-color: #d7ddec;
        color: #000;
        font-size: 14px;
        font-weight: 700;
        padding: 12px;
        text-align: left
    }

    .kl-documentation__fields td, .kl-documentation__fields th {
        border: 1px solid #c0cbe4;
        font-size: 12px;
        padding: 6px 12px
    }

.kl-documentation .content-wrapper {
    padding: 0 20px !important
}

.kl-error-page {
    padding: 100px 0;
    text-align: center
}

.kl-error-page__preheader {
    color: #3bc6ed;
    display: block;
    font-family: Poppins,sans-serif;
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 .5rem
}

.kl-error-page__heading {
    margin: 0 0 1rem
}

.systems-page__content {
    margin: 0 auto;
    max-width: 620px;
    padding: 120px 20px
}

.systems-page .success {
    color: #34a853;
    font-size: 2rem;
    font-weight: 700;
    text-align: center
}

.systems-page h1 {
    margin: 0 0 4rem;
    text-align: center
}

@media screen and (max-width: 360px) {
    .systems-page h1 {
        font-size: 2rem;
        margin: 0 0 2rem
    }
}

.systems-page--membership {
    background-image: url(../../img/Hero-Background-2.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

    .systems-page--membership h1 {
        margin: 0 0 1rem
    }

    .systems-page--membership p {
        margin: 0 0 3rem;
        text-align: center
    }

    .systems-page--membership form .hs-submit input, .systems-page--membership form input[type=submit] {
        width: 100%
    }

.systems-page--subscription-confirmation h1 {
    display: none;
    margin: 0 0 1.5rem
}

.systems-page--subscription-confirmation h2 {
    color: #3a3a3a;
    font-size: 1rem;
    margin: 0
}

.systems-page--subscription-confirmation .page-header, .systems-page--subscription-preferences .page-header {
    margin: 0 0 2rem;
    text-align: center
}

.systems-page--subscription-preferences h1 {
    margin: 0 0 1.5rem
}

.systems-page--subscription-preferences h2 {
    color: #3a3a3a;
    font-size: 1rem;
    margin: 0
}

.systems-page--subscription-preferences .email-prefs {
    border: 1px solid #dae3f9;
    border-radius: 10px;
    box-shadow: 0 11px 30px rgba(154,161,177,.1);
    padding: 32px
}

    .systems-page--subscription-preferences .email-prefs label, .systems-page--subscription-preferences .email-prefs p, .systems-page--subscription-preferences .email-prefs span {
        font-size: .875rem;
        font-weight: 400;
        line-height: 1rem;
        vertical-align: text-top
    }

@media screen and (max-width: 360px) {
    .systems-page--subscription-preferences .email-prefs {
        padding: 18px
    }
}

.systems-page--subscription-preferences input[type=checkbox] {
    margin-right: 12px
}

.systems-page__preheader {
    color: #3bc6ed;
    display: block;
    font-family: Poppins,sans-serif;
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 .5rem;
    text-align: center
}

.systems-page form, .systems-page form .hs-form-field {
    position: relative
}

    .systems-page form .form-input-validation-message ul {
        padding: 0
    }

    .systems-page form .form-input-validation-message label {
        color: #929292;
        font-size: .875rem;
        font-weight: 400
    }

    .systems-page form .hs-login-widget-show-password, .systems-page form .hs-register-widget-show-password, .systems-page form .hs-reset-widget-show-password {
        color: #3bc6ed;
        font-size: .75rem;
        font-weight: 700;
        line-height: 1rem;
        position: absolute;
        right: 0;
        text-transform: uppercase;
        top: 0
    }

        .systems-page form .hs-login-widget-show-password:focus, .systems-page form .hs-login-widget-show-password:hover, .systems-page form .hs-register-widget-show-password:focus, .systems-page form .hs-register-widget-show-password:hover, .systems-page form .hs-reset-widget-show-password:focus, .systems-page form .hs-reset-widget-show-password:hover {
            color: #3bc6ed;
            text-decoration: none
        }

    .systems-page form #hs_login_reset {
        color: #3bc6ed;
        display: block;
        font-size: .875rem;
        font-weight: 700;
        left: 0;
        margin: 1rem 0 0;
        position: absolute;
        text-align: center;
        top: 100%;
        width: 100%;
        z-index: 1
    }

    .systems-page form input {
        max-width: 100%
    }

.systems-page .form-container {
    margin: 0 auto 3rem;
    max-width: 380px
}

    .systems-page .form-container .label {
        display: block;
        font-size: .875rem;
        font-weight: 700;
        margin: 0 0 .75rem
    }

#email-prefs-form .header {
    background-color: transparent
}

.password-prompt input[type=password] {
    display: block;
    height: auto !important;
    margin-bottom: 1.4rem
}

.backup-unsubscribe h3 {
    font-size: .875rem;
    font-weight: 700 !important;
    line-height: 1rem;
    margin: 0 0 .75rem
}

.backup-unsubscribe #email-prefs-form {
    border: 1px solid #dae3f9;
    border-radius: 10px;
    box-shadow: 0 11px 30px rgba(154,161,177,.1);
    padding: 42px 32px
}

    .backup-unsubscribe #email-prefs-form div {
        padding-bottom: 0 !important
    }

@media screen and (max-width: 360px) {
    .backup-unsubscribe #email-prefs-form {
        padding: 32px 18px
    }
}

.backup-unsubscribe input[type=email] {
    border: 1px solid #dadada;
    font-size: .875rem !important;
    margin-bottom: 1.5rem;
    padding: .7rem !important
}

.hs-search-field {
    max-width: 750px
}

    .hs-search-field input[type=text] {
        padding-right: 48px
    }

.hs-search-field__bar {
    position: relative
}

    .hs-search-field__bar:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 19a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm10 2-4-4' stroke='%23C6C6C6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        content: "";
        height: 24px;
        position: absolute;
        right: 18px;
        top: 50%;
        transform: translateY(-50%);
        width: 24px
    }

.hs-search-field__suggestions {
    background-color: #fff;
    border-radius: 9px;
    max-width: 360px;
    position: absolute;
    right: 0;
    top: 100%;
    transform: translateY(8px);
    width: 100%
}

    .hs-search-field__suggestions #results-for, .hs-search-field__suggestions a {
        padding: 8px 16px
    }

.hs-search-field--open .hs-search-field__suggestions {
    border: 1px solid #dedede !important
}

.kl-search-results {
    padding: 80px 0
}

.hs-search-results {
    margin-top: 3.5rem
}

.hs-search-results__featured-image {
    margin-bottom: 1rem
}

    .hs-search-results__featured-image img {
        display: block;
        max-width: 100%;
        width: 100%
    }

.hs-search-results__title {
    color: #30395f;
    font-family: Poppins,sans-serif;
    font-size: 1.5rem;
    font-weight: 700
}

    .hs-search-results__title:focus, .hs-search-results__title:hover {
        color: #3bc6ed;
        text-decoration: none
    }

.hs-search-results__description {
    margin: 0 0 2.5rem;
    padding-top: 1.25rem
}

.hs-search-results__pagination a {
    color: #30395f;
    font-family: Poppins,sans-serif;
    font-weight: 700
}

.hs-search-results__listing {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px !important
}

    .hs-search-results__listing li {
        flex-basis: 50%;
        padding: 0 20px !important
    }

@media screen and (max-width: 620px) {
    .hs-search-results__listing li {
        flex-basis: 100%
    }
}

.hs-search-highlight {
    font-weight: 700
}

.no-scroll {
    overflow: hidden
}


.dnd_area-row-0-background-image {
    background-image: url('../../img/Hero-Background-2.svg') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.dnd_area-row-0-force-full-width-section > .row-fluid {
    max-width: none !important;
}

.dnd_area-row-2-background-image {
    background-image: url('../../img/bg2.svg') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.dnd_area-row-3-background-image {
    background-image: url('../../img/bg.svg') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.dnd_area-row-4-background-image {
    background-image: url('../../img/bg3.svg') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.dnd_area-row-5-background-image {
    background-image: url('../../img/bg.svg') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.dnd_area-row-6-background-image {
    background-image: url('../../img/bg.svg') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.dnd_area-row-7-background-color {
    background-color: rgba(241, 244, 249, 1) !important;
}

.dnd_area-row-8-background-image {
    background-image: url('../../img/bg.svg') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.cell_1662503123995-background-image {
    background-image: url('../../img/bg.svg') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.dnd_area-dnd_partial-2-module-2-flexbox-positioning {
    display: -ms-flexbox !important;
    -ms-flex-direction: column !important;
    -ms-flex-align: center !important;
    -ms-flex-pack: start;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start;
}

    .dnd_area-dnd_partial-2-module-2-flexbox-positioning > div {
        max-width: 100%;
        flex-shrink: 0 !important;
    }
/* HubSpot Non-stacked Media Query Styles */
@media (min-width:768px) {
    .dnd_area-row-2-vertical-alignment > .row-fluid {
        display: -ms-flexbox !important;
        -ms-flex-direction: row;
        display: flex !important;
        flex-direction: row;
    }

    .dnd_area-row-4-vertical-alignment > .row-fluid {
        display: -ms-flexbox !important;
        -ms-flex-direction: row;
        display: flex !important;
        flex-direction: row;
    }

    .dnd_area-row-8-vertical-alignment > .row-fluid {
        display: -ms-flexbox !important;
        -ms-flex-direction: row;
        display: flex !important;
        flex-direction: row;
    }

    .dnd_area-dnd_partial-2-module-2-vertical-alignment {
        display: -ms-flexbox !important;
        -ms-flex-direction: column !important;
        -ms-flex-pack: center !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
    }

        .dnd_area-dnd_partial-2-module-2-vertical-alignment > div {
            flex-shrink: 0 !important;
        }

    .dnd_area-dnd_partial-2-module-1-vertical-alignment {
        display: -ms-flexbox !important;
        -ms-flex-direction: column !important;
        -ms-flex-pack: center !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
    }

        .dnd_area-dnd_partial-2-module-1-vertical-alignment > div {
            flex-shrink: 0 !important;
        }

    .dnd_area-dnd_partial-3-column-1-vertical-alignment {
        display: -ms-flexbox !important;
        -ms-flex-direction: column !important;
        -ms-flex-pack: center !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
    }

        .dnd_area-dnd_partial-3-column-1-vertical-alignment > div {
            flex-shrink: 0 !important;
        }

    .cell_16661884885102-vertical-alignment {
        display: -ms-flexbox !important;
        -ms-flex-direction: column !important;
        -ms-flex-pack: center !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
    }

        .cell_16661884885102-vertical-alignment > div {
            flex-shrink: 0 !important;
        }
}
/* HubSpot Styles (default) */
.dnd_area-row-0-padding {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.dnd_area-row-3-padding {
    padding-top: 50px !important;
    padding-bottom: 20px !important;
}

.dnd_area-dnd_partial-1-module-1-hidden {
    display: block !important;
}

.dnd_area-dnd_partial-3-column-1-padding {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.dnd_area-dnd_partial-3-column-1-row-0-padding {
    padding-bottom: 50px !important;
}

.dnd_area-dnd_partial-3-column-1-row-1-padding {
    padding-bottom: 48px !important;
}

.dnd_area-dnd_partial-4-column-1-padding {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.dnd_area-dnd_partial-4-column-1-row-0-padding {
    padding-bottom: 48px !important;
}

.dnd_area-dnd_partial-8-column-1-padding {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.dnd_area-dnd_partial-8-column-1-row-0-padding {
    padding-bottom: 48px !important;
}

.cell_16661884885102-padding {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.cell_16661884885102-row-0-padding {
    padding-bottom: 50px !important;
}

.dnd_area-dnd_partial-9-column-1-padding {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.dnd_area-dnd_partial-9-column-1-row-0-padding {
    padding-bottom: 48px !important;
}