/* Created by Content Blocks */
.pi-newsletter-widget {
    --electric-blue-100: #001ed2;
    --electric-blue-40: #99a5ed;
    --electric-blue-20: #ccd2f6;
    --dark-blue-100: #00003c;
    --dark-blue-80: #333363;
    --dark-blue-60: #66668a;
    --dark-blue-20: #ccccd8;
    --grey: #ececf0;
    --mid-grey: #f6f6f8;
    --greyish: #d6dce2;
    --muted-black: #54546d;
    --success-10: #ecf6ec;
    --success-tint-80: #1c431b;
    --tw-yellow-20: #fffbcc;
    --error: #b30505;
    --light: #ffffff;

    --form-maxwidth: 26rem; /* 416px */
    --base-fontsize: 1rem; /* 16px */
    --base-lineheight: 120%;

    --base-gap: 1.5rem; /* 24px */
    --smaller-gap: 1rem; /* 16px */
    --tiny-gap: 0.625rem; /* 10px */

    --heading-fontsize: 1.5rem; /* 24px */
    --headline-s-2560: 1.84375rem; /* 29.5px */
    --headline-s-1920: 1.5625rem; /* 25px */

    --tiny-letterspacing: 0.01em;
    --small-letterspacing: -0.5%;
    --big-letterspacing: 1.5%;

    --label-fontsize: 0.875rem; /* 14px */
    --label-lineheight: 130%;
    --label-mb: 0.5rem; /* margin-bottom: 8px; */
    --message-lineheight: 155%;
    --message-padding: 2.5rem;
    --focus-shadow: 0px 0px 0px 1px var(--electric-blue-40) inset, 0px 0px 0px 2px var(--electric-blue-20) !important;
    --input-padding: 0.75rem; /* 12px */
    --input-br: 0.25rem; /* border-radius: 4px */
    --icon-size: 1.5rem; /* 24px */
    --radio-size: 0.75rem; /* 12px */
    --cr-fontsize: 1rem; /* checkbox/radio fontsize: 16px */
    --button-padding: 0.625rem 1rem; /* 10px 16px */

    box-sizing: border-box;
    max-width: var(--form-maxwidth);
    margin: 0 auto;
    font-size: var(--base-fontsize);
    font-family: 'TNG Pro';

    fieldset {
        margin-bottom: var(--base-gap);
    }

    .o-layout {
        padding: 0;
        margin-left: 0 !important;
        left: 0 !important;

        > * {
            padding-left: 0;
            width: 100% !important;
            left: 0 !important;
        }
    }

    .pi-form-control {
        display: flex;
        flex-direction: column;
        margin: 0;
        color: var(--dark-blue-80);
        font-size: var(--base-fontsize);

        + * {
            margin-top: var(--base-gap);
        }

        @media screen and (min-width: 1440px) {
            font-size: 1.0625rem; /* 17px */
        }

        @media screen and (min-width: 1920px) {
            font-size: 1.09375rem; /* 17.5px */
        }

        @media screen and (min-width: 2560px) {
            font-size: 1.15625rem; /* 18.5px */
        }
    }

    .pi-heading {
        font-size: 1.25rem; /* 20px */
        line-height: 1.25;
        margin-bottom: var(--base-gap);

        * {
            padding: 0;
            margin: 0;
        }

        @media screen and (min-width: 1440px) {
            font-size: var(--heading-fontsize); /* 24px */
            letter-spacing: var(--small-letterspacing);
            line-height: var(--base-lineheight);
        }

        @media screen and (min-width: 1920px) {
            font-size: var(--headline-s-1920); /* 25px */
            letter-spacing: -0.01em;
        }

        @media screen and (min-width: 2560px) {
            font-size: var(--headline-s-2560); /* 29.5px */
        }
    }

    h3 {
        font-size: 1.25rem; /* 20px */
        line-height: 1.25;
        font-weight: normal;
        margin-bottom: var(--smaller-gap);

        @media screen and (min-width: 1440px) {
            font-size: var(--heading-fontsize); /* 24px */
            letter-spacing: var(--small-letterspacing);
            line-height: var(--base-lineheight);
        }

        @media screen and (min-width: 1920px) {
            font-size: var(--headline-s-1920); /* 25px */
            letter-spacing: -0.01em;
            margin-bottom: var(--base-gap);
        }

        @media screen and (min-width: 2560px) {
            font-size: var(--headline-s-2560); /* 29.5px */
        }
    }

    hr {
        border: 1px dotted var(--dark-blue-20);
    }

    .pi-form-label {
        font-size: var(--label-fontsize);
        font-weight: 400 !important;
        color: var(--muted-black);
        line-height: var(--label-lineheight);
        letter-spacing: var(--big-letterspacing);
        text-align: left;
        padding: 0;
        margin-bottom: var(--label-mb);
        width: 100% !important;

        label {
            margin-bottom: 0;
        }
    }

    .c-text {
        color: var(--dark-blue-80);
    }

    .pi-message-text {
        &:not(:has(.pi-message-success)) {
            background: var(--mid-grey);
            padding: var(--message-padding);
            padding-left: calc(var(--message-padding) + var(--icon-size) + var(--tiny-gap));
            font-size: var(--base-fontsize);
            line-height: var(--message-lineheight);
            position: relative;
            margin-bottom: var(--base-gap);

            @media (max-width: 500px) {
                padding: var(--base-gap) var(--smaller-gap);
            }

            @media screen and (min-width: 1440px) {
                font-size: 1.0625rem; /* 17px */
            }

            @media screen and (min-width: 1920px) {
                font-size: 1.09375rem; /* 17.5px */
            }

            @media screen and (min-width: 2560px) {
                font-size: 1.15625rem; /* 18.5px */
            }

            &:before {
                content: '';
                position: absolute;
                top: var(--message-padding);
                left: var(--message-padding);
                display: block;
                width: var(--icon-size);
                height: var(--icon-size);
                background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2.25C6.62344 2.25 2.25 6.62344 2.25 12C2.25 17.3766 6.62344 21.75 12 21.75C17.3766 21.75 21.75 17.3766 21.75 12C21.75 6.62344 17.3766 2.25 12 2.25ZM12 3.75C16.5656 3.75 20.25 7.43438 20.25 12C20.25 16.5656 16.5656 20.25 12 20.25C7.43438 20.25 3.75 16.5656 3.75 12C3.75 7.43438 7.43438 3.75 12 3.75ZM11.1 6.51563V8.48438H12.9V6.51563H11.1ZM11.1 10.0313V17.9063H12.9V10.0313H11.1Z' fill='%23333363'/%3E%3C/svg%3E%0A");
                background-repeat: no-repeat;
                background-size: cover;

                @media (max-width: 500px) {
                    position: static;
                    margin-bottom: var(--tiny-gap);
                }
            }
        }

        > .pi-message-success {
            color: var(--success-tint-80);
            background: var(--success-10);
            padding: var(--message-padding);
            padding-left: calc(var(--message-padding) + var(--icon-size) + var(--tiny-gap));
            position: relative;

            @media (max-width: 500px) {
                padding: var(--base-gap) var(--smaller-gap);
            }

            &:before {
                content: '';
                position: absolute;
                top: var(--message-padding);
                left: var(--message-padding);
                display: block;
                width: var(--icon-size);
                height: var(--icon-size);
                background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 7.45492C19.9617 7.48803 19.9217 7.51914 19.8854 7.55425C16.4683 10.8227 13.0517 14.0916 9.63542 17.3609C9.5875 17.4064 9.5475 17.4594 9.46292 17.5556C9.41375 17.481 9.38875 17.4223 9.34583 17.3812C7.60792 15.7121 5.86833 14.0445 4.12833 12.377C4.08875 12.3391 4.04292 12.3072 4 12.2725V12.2425C4.44542 11.8165 4.89125 11.3912 5.33542 10.9643C5.38292 10.9185 5.42042 10.8634 5.46333 10.8124C6.81 12.1017 8.13458 13.3699 9.46625 14.6453C12.4758 11.7546 15.4671 8.88151 18.4679 6C18.815 6.32673 19.1362 6.63112 19.4596 6.93271C19.6375 7.09907 19.82 7.26103 20 7.425V7.45492Z' fill='%231C431B'/%3E%3C/svg%3E%0A");
                background-repeat: no-repeat;
                background-size: cover;

                @media (max-width: 500px) {
                    position: static;
                    margin-bottom: var(--tiny-gap);
                }
            }
        }

        a {
            text-decoration: underline;
            color: inherit;
            transition: color 0.3s ease;

            &:hover {
                color: var(--electric-blue-100);
            }
        }

        ul {
            margin-bottom: 0;

            &:has(+ *) {
                margin-bottom: var(--base-gap);
            }
        }
    }

    .pi-form-input {
        padding: 0;
        width: 100% !important;

        &:focus-visible {
            box-shadow: var(--focus-shadow);
            outline: none;
        }
    }

    input,
    textarea {
        background: var(--light);
        border: 1px solid var(--greyish);
        border-radius: var(--input-br);
        padding: var(--input-padding);

        &:hover {
            border-color: var(--dark-blue-60);
        }

        &:focus-visible {
            box-shadow: var(--focus-shadow);
            outline: none;
            border-color: var(--electric-blue-40);
        }

        &:disabled {
            cursor: not-allowed;
            background: var(--grey);
            border-color: var(--greyish);
        }

        &.date {
            min-height: 2.875rem;
            padding: var(--input-padding);
            padding-right: var(--input-padding);
            appearance: none;
            -webkit-appearance: none;
            border: 1px solid var(--greyish);

            &:hover {
                border-color: var(--dark-blue-60);
            }
            &:focus-visible {
                box-shadow: var(--focus-shadow);
                outline: none;
                border-color: var(--electric-blue-40);
            }
            &:disabled {
                cursor: not-allowed;
                background: var(--grey);
                border-color: var(--greyish);
            }
        }
        &::-webkit-date-and-time-value {
            text-align: left;
        }

        &[type='radio'],
        &[type='checkbox'] {
            padding: 0;
            position: absolute;
            visibility: hidden;

            & + span,
            & + label {
                font-size: 0.9375rem; /* 15px */
                line-height: var(--message-lineheight);
                font-weight: 400;
                padding-top: 0;
                padding-bottom: 0;
                padding-left: calc(var(--icon-size) + var(--tiny-gap));
                letter-spacing: 0.005em;
                font-weight: 400;
                color: var(--dark-blue-100);

                @media screen and (min-width: 1440px) {
                    font-size: var(--cr-fontsize);
                }

                @media screen and (min-width: 1920px) {
                    font-size: 1.03125rem; /* 16.5px */
                    letter-spacing: normal;
                }

                @media screen and (min-width: 2560px) {
                    font-size: 1.0625rem; /* 17px */
                }

                .u-text-l {
                    font-size: var(--cr-fontsize);
                    line-height: var(--message-lineheight);
                    font-weight: 400;

                    @media screen and (min-width: 1440px) {
                        font-size: var(--cr-fontsize);
                    }

                    @media screen and (min-width: 1920px) {
                        font-size: 1.03125rem; /* 16.5px */
                    }

                    @media screen and (min-width: 2560px) {
                        font-size: 1.0625rem; /* 17px */
                    }
                }

                a {
                    text-decoration: underline;
                }

                &:before {
                    cursor: pointer;
                    top: 0;
                    border: 1px solid var(--greyish);
                    background: var(--light);
                    transition:
                        border 0.3s ease,
                        background 0.3s ease;
                }

                &:after {
                    pointer-events: none;
                }
            }

            &:focus {
                & + span:before,
                & + label:before {
                    box-shadow: none;
                }
            }

            &:focus-visible {
                & + span:before,
                & + label:before {
                    box-shadow: var(--focus-shadow);
                }
            }

            &:hover {
                & + span:before,
                & + label:before {
                    border-color: var(--electric-blue-40) !important;
                }

                & + span,
                & + label {
                    color: var(--electric-blue-100);
                }
            }

            &:disabled {
                & + span:before,
                & + label:before {
                    cursor: not-allowed;
                    background: var(--grey);
                    border-color: var(--greyish);
                }
            }
        }

        &[type='checkbox'] {
            & + span:before,
            & + label:before {
                border-radius: 2px;
            }

            & + span:after,
            & + label:after {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                border-radius: 2px;
                width: var(--icon-size);
                height: var(--icon-size);
                background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 7.45492C19.9617 7.48803 19.9217 7.51914 19.8854 7.55425C16.4683 10.8227 13.0517 14.0916 9.63542 17.3609C9.5875 17.4064 9.5475 17.4594 9.46292 17.5556C9.41375 17.481 9.38875 17.4223 9.34583 17.3812C7.60792 15.7121 5.86833 14.0445 4.12833 12.377C4.08875 12.3391 4.04292 12.3072 4 12.2725V12.2425C4.44542 11.8165 4.89125 11.3912 5.33542 10.9643C5.38292 10.9185 5.42042 10.8634 5.46333 10.8124C6.81 12.1017 8.13458 13.3699 9.46625 14.6453C12.4758 11.7546 15.4671 8.88151 18.4679 6C18.815 6.32673 19.1362 6.63112 19.4596 6.93271C19.6375 7.09907 19.82 7.26103 20 7.425V7.45492Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
                background-size: cover;
                background-position: center;
                display: flex;
                justify-content: center;
                align-items: center;
                line-height: 1em;
                transform: none;
                opacity: 0;
            }

            &:checked {
                & + span:before,
                & + label:before {
                    background: var(--electric-blue-100);
                    border-color: var(--electric-blue-100);
                }

                & + span:after,
                & + label:after {
                    opacity: 1;
                }
            }

            &:indeterminate {
                & + span:before,
                & + label:before {
                    background: var(--electric-blue-100);
                    border-color: var(--electric-blue-100);
                }

                & + span:after,
                & + label:after {
                    opacity: 1;
                }
            }
        }

        &[type='radio'] {
            background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 7.45492C19.9617 7.48803 19.9217 7.51914 19.8854 7.55425C16.4683 10.8227 13.0517 14.0916 9.63542 17.3609C9.5875 17.4064 9.5475 17.4594 9.46292 17.5556C9.41375 17.481 9.38875 17.4223 9.34583 17.3812C7.60792 15.7121 5.86833 14.0445 4.12833 12.377C4.08875 12.3391 4.04292 12.3072 4 12.2725V12.2425C4.44542 11.8165 4.89125 11.3912 5.33542 10.9643C5.38292 10.9185 5.42042 10.8634 5.46333 10.8124C6.81 12.1017 8.13458 13.3699 9.46625 14.6453C12.4758 11.7546 15.4671 8.88151 18.4679 6C18.815 6.32673 19.1362 6.63112 19.4596 6.93271C19.6375 7.09907 19.82 7.26103 20 7.425V7.45492Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");

            & + span,
            & + label {
                &:before {
                    border-radius: 50%;
                }
                &:after {
                    content: '';
                    top: calc(var(--radio-size) / 2);
                    left: 0.375rem;
                    width: var(--radio-size);
                    height: var(--radio-size);
                    background: var(--electric-blue-100);
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    line-height: 1em;
                    transform: none;
                    opacity: 0;
                    transition: opacity 0.3s ease;
                    -ms-transform: scale(1);
                    transform: scale(1);
                    position: absolute;
                    background-color: var(--electric-blue-100);
                    -ms-transform: scale(0); /* transform: scale(0); */
                    border-radius: 50%;
                }
            }

            &:checked {
                & + span:before,
                & + label:before {
                    border-color: var(--greyish);
                }

                & + span:after,
                & + label:after {
                    opacity: 1;
                }

                &:hover {
                    & + span:after,
                    & + label:after {
                        opacity: 1;
                    }
                }
            }

            &:hover {
                & + span:after,
                & + label:after {
                    opacity: 0;
                }
            }
        }
    }

    [data-pi-type='date'] {
        .pi-form-input {
            position: relative;
            &:before {
                content: '';
                pointer-events: none;
                position: absolute;
                top: 50%;
                right: calc(var(--input-padding) + 0.25rem);
                transform: translateY(-50%);
                background:
                    url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.25 17.6533V19.125H6.70801V20.625H3.75V17.6533H5.25ZM15.75 20.625H8.25V19.1387H15.75V20.625ZM20.25 20.625H17.25V19.125H18.75V17.6533H20.25V20.625ZM8.25 17.625H6.75V16.125H8.25V17.625ZM11.25 17.625H9.75V16.125H11.25V17.625ZM14.25 17.625H12.75V16.125H14.25V17.625ZM8.25 4.125H15.75V3.375H17.25V4.125H20.25V16.125H18.75V8.625H5.25V16.125H3.75V4.125H6.75V3.375H8.25V4.125ZM8.25 14.625H6.75V13.125H8.25V14.625ZM11.25 14.625H9.75V13.125H11.25V14.625ZM14.25 14.625H12.75V13.125H14.25V14.625ZM17.25 14.625H15.75V13.125H17.25V14.625ZM11.25 11.625H9.75V10.125H11.25V11.625ZM14.25 11.625H12.75V10.125H14.25V11.625ZM17.25 11.625H15.75V10.125H17.25V11.625ZM5.25 7.125H18.75V5.625H17.25V6.375H15.75V5.625H8.25V6.375H6.75V5.625H5.25V7.125Z' fill='%2300003C'/%3E%3C/svg%3E%0A"),
                    #fff;
                background-repeat: no-repeat;
                background-size: contain;
                width: var(--icon-size);
                height: var(--icon-size);
                display: block;
            }
        }
    }

    .has-warning {
        input[type='radio'],
        input[type='checkbox'] {
            & + span:before,
            & + label:before {
                border-color: var(--error);
            }
        }

        .pi-form-label {
            color: var(--error);
        }

        input,
        textarea {
            border: 1px solid var(--greyish);
            box-shadow: 0 1px 2px 0 var(--greyish);
        }

        .pi-message-text {
            background: var(--tw-yellow-20);

            &:before {
                content: '';
                background-image: url("data:image/svg+xml,%0A%3Csvg width='30' height='30' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 1.60938L7.5625 2.35938L1.5625 12.75L1.14062 13.5H14.8594L14.4375 12.75L8.4375 2.35938L8 1.60938ZM8 3.60938L13.125 12.5H2.875L8 3.60938ZM7.5 7V10H8.5V7H7.5ZM7.5 10.5V11.5H8.5V10.5H7.5Z' fill='%23FF9900'/%3E%3C/svg%3E%0A");
            }
        }
    }

    .pi-form-actions {
        padding: 0;
        background: none !important;

        .pi-form-button {
            display: flex;
            flex-direction: column;
            margin: 0;

            .pi-permission-helper {
                width: 100% !important;

                + * {
                    margin-top: var(--base-gap);
                }
            }

            > * {
                left: 0 !important;
                padding: 0;
            }
        }
    }

    button {
        padding: var(--button-padding);
        letter-spacing: var(--small-letterspacing);
        width: auto !important;
        border-radius: var(--input-br);
        text-transform: none;
        font-size: var(--base-fontsize);
        font-weight: 500;

        &:focus-visible {
            box-shadow:
                0px 0px 0px 3px var(--light),
                0px 0px 0px 5px var(--electric-blue-100),
                0px 0px 0px 7px var(--dark-blue-20) !important;
            outline: none;
        }
    }
}

/* ALTE STYLES */
pre,
textarea {
    overflow: auto;
}

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

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
input[type='button'],
input[type='reset'],
input[type='submit'] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input[type='checkbox'],
input[type='radio'] {
    box-sizing: border-box;
    padding: 0;
    position: relative;
    bottom: 2px;
    line-height: normal;
    vertical-align: middle;
}

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

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

fieldset {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

button,
input,
select,
textarea {
    margin: 0;
    line-height: inherit;
}

input,
textarea {
    border-width: 1px;
    border-style: solid;
}

input[type='file'] {
    display: inline-block;
}

input[type='range'] {
    display: block;
    width: 100%;
}

select[multiple],
select[size] {
    height: auto;
}

select[multiple] {
    background-image: none;
}

input:not([type]) + input,
input[list] + input,
input[type='number'] + input,
input[type='search'] + input,
input[type='file'] + input,
input[type='color'] + input,
input[type='date'] + input,
input[type='datetime'] + input,
input[type='datetime-local'] + input,
input[type='email'] + input,
input[type='month'] + input,
input[type='password'] + input,
input[type='tel'] + input,
input[type='text'] + input,
input[type='time'] + input,
input[type='url'] + input,
input[type='week'] + input,
select + input,
textarea + input {
    margin-left: 10px;
}

textarea {
    resize: vertical;
    padding: 10px;
}

a:focus,
a:hover {
    color: var(--dark-blue-100);
}

figure {
    margin: 0;
}

[data-responsive-image] > img,
[responsive-image] > img {
    max-width: 100%;
    width: auto !important;
}

a {
    background-color: transparent;
    text-decoration: none;
    color: var(--electric-blue-100);
}

dt {
    font-weight: 500;
}

dd + dt {
    margin-top: 10px;
}

dd {
    margin: 0;
}

:focus {
    outline-color: var(--dark-blue-100);
}

p {
    margin-bottom: 0.625rem;
}

body.print *,
body.print :after,
body.print :before {
    background: 0 0 !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

body.print a,
body.print a:visited {
    text-decoration: underline;
}

.mfp-close,
.shariff li a,
html .c-text a {
    text-decoration: none;
}

body.print a[href]:after {
    content: ' (' attr(href) ')';
}

body.print abbr[title]:after {
    content: ' (' attr(title) ')';
}

body.print a[href^='#']:after,
body.print a[href^='javascript:']:after {
    content: '';
}

:lang(en) {
    quotes: '\201C' '\201D' '\2018' '\2019';
}

:lang(de) {
    quotes: '\201E' '\201C' '\201A' '\2018';
}

:lang(fr) {
    quotes: '\00AB' '\00BB' '\2039' '\203A';
}

q:before {
    content: open-quote;
}

q:after {
    content: close-quote;
}

table td:empty,
table th:empty {
    border: none;
}

td,
th {
    vertical-align: top;
    text-align: left;
}

b,
strong {
    font-weight: 500;
}

html .o-wrapper {
    box-sizing: content-box;
    max-width: 75.5em;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.25em;
    padding-left: 1.25em;
}

@media screen and (max-width: 47.9375em) {
    html .o-wrapper {
        padding-right: 0;
        padding-left: 0;
    }

    html .o-wrapper-breaker {
        margin-right: -1.25em !important;
        margin-left: -1.25em !important;
    }
}

html .o-wrapper--simple {
    margin-top: 153px;
    margin-bottom: 32px;
}

html .o-wrapper--simple:after,
html .o-wrapper--simple:before {
    display: block;
    position: absolute;
    content: '';
    border-bottom: 2px solid #00ebc8;
    left: calc(57%);
    right: calc(57%);
    bottom: 0;
}

@media screen and (max-width: 63.9375em) {
    html .o-wrapper--simple:before {
        left: 1.25em;
    }

    html .o-wrapper--simple:after {
        right: 1.25em;
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    html .o-wrapper--simple {
        margin-bottom: 52px;
    }

    html .o-wrapper--simple:before {
        left: 3.75em;
    }

    html .o-wrapper--simple:after {
        right: 3.75em;
    }
}

@media screen and (min-width: 64em) {
    html .o-wrapper--simple {
        margin-top: 164px;
        margin-bottom: 52px;
    }

    html .o-wrapper--simple:before {
        left: 3.75em;
    }

    html .o-wrapper--simple:after {
        right: 3.75em;
    }
}

html .o-wrapper .o-wrapper--purged {
    padding-left: 0;
    padding-right: 0;
}

@media screen and (max-width: 78em) {
    html .o-wrapper-breaker {
        margin-right: -1.25em !important;
        margin-left: -1.25em !important;
    }
}

@media screen and (max-width: 47.9375em) {
    html .o-wrapper-breaker-palm {
        margin-right: -1.25em !important;
        margin-left: -1.25em !important;
    }
}

.o-box {
    display: block;
    padding: 20px;
}

.o-box > :last-child {
    margin-bottom: 0;
}

.o-layout,
.o-layout__item {
    text-align: left;
}

.o-layout {
    margin: 0 0 0 -20px;
    padding: 0;
}

.o-layout__item {
    display: inline-block;
    padding-left: 20px;
    vertical-align: top;
    width: 100%;
}

.o-layout--large {
    margin-left: -40px;
}

.o-layout--huge {
    margin-left: -80px;
}

.o-layout--huge > .o-layout__item {
    padding-left: 80px;
}

.o-layout--flush {
    margin-left: 0;
}

.o-layout--flush > .o-layout__item {
    padding-left: 0;
}

.o-layout--rev {
    direction: rtl;
    text-align: left;
}

.o-layout--rev > .o-layout__item {
    direction: ltr;
    text-align: left;
}

.o-layout--middle > .o-layout__item {
    vertical-align: middle;
}

.o-layout--bottom > .o-layout__item {
    vertical-align: bottom;
}

.o-layout--right {
    text-align: right;
}

.o-layout--right > .o-layout__item {
    text-align: left;
}

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

.o-layout--center > .o-layout__item {
    text-align: left;
}

.o-layout--auto > .o-layout__item {
    width: auto;
}

.o-list-bare {
    margin: 0;
    padding: 0;
}

.o-input-group {
    display: inline-table;
    vertical-align: top;
}

.o-input-group > * {
    display: table-cell !important;
    vertical-align: middle;
}

.o-input-group > * > * {
    width: inherit;
}

.o-input-group > :first-child,
.o-input-group > :first-child > * {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.o-input-group > :last-child,
.o-input-group > :last-child > * {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    white-space: nowrap;
}

.o-input-group > :not(:first-child):not(:last-child) > * {
    border-radius: 0 !important;
}

.o-text-input,
.o-textarea {
    background-color: #fff;
    color: var(--dark-blue-100);
    border: 1px solid var(--dark-blue-100);
}

[class*=' o-layout--bottom-gutter']:after,
[class^='o-layout--bottom-gutter']:after {
    content: '';
    display: block;
    margin-top: -20px;
}

[class*=' o-layout--bottom-gutter'] .o-layout__item,
[class^='o-layout--bottom-gutter'] .o-layout__item {
    margin-bottom: 20px;
}

.o-layout--bottom-gutter-tiny:after {
    margin-top: -5px;
}

.o-layout--bottom-gutter-tiny > .o-layout__item {
    margin-bottom: 5px;
}

.o-layout--bottom-gutter-small:after {
    margin-top: -10px;
}

.o-layout--bottom-gutter-small > .o-layout__item {
    margin-bottom: 10px;
}

.o-layout--bottom-gutter-large:after {
    margin-top: -40px;
}

.o-layout--bottom-gutter-large > .o-layout__item {
    margin-bottom: 40px;
}

.o-list-friends {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.o-list-friends > li {
    display: inline-block;
    padding-top: 5px;
    padding-bottom: 5px;
}

.o-list-friends > li + li {
    padding-left: 20px;
}

@media screen and (max-width: 47.9375em) {
    .o-breakup-friends-palm > li {
        display: block;
        padding-bottom: 0;
    }

    .o-breakup-friends-palm > li + li {
        padding-top: 0;
        padding-left: 0;
    }
}

@media screen and (max-width: 23.4375em) {
    .o-breakup-friends-palm-small > li {
        display: block;
        padding-bottom: 0;
    }

    .o-breakup-friends-palm-small > li + li {
        padding-top: 0;
        padding-left: 0;
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    .o-breakup-friends-lap > li {
        display: block;
        padding-bottom: 0;
    }

    .o-breakup-friends-lap > li + li {
        padding-top: 0;
        padding-left: 0;
    }
}

@media screen and (min-width: 48em) {
    .o-breakup-friends-lap-and-up > li {
        display: block;
        padding-bottom: 0;
    }

    .o-breakup-friends-lap-and-up > li + li {
        padding-top: 0;
        padding-left: 0;
    }
}

@media screen and (max-width: 63.9375em) {
    .o-breakup-friends-portable > li {
        display: block;
        padding-bottom: 0;
    }

    .o-breakup-friends-portable > li + li {
        padding-top: 0;
        padding-left: 0;
    }
}

@media screen and (min-width: 64em) {
    .o-breakup-friends-desk > li {
        display: block;
        padding-bottom: 0;
    }

    .o-breakup-friends-desk > li + li {
        padding-top: 0;
        padding-left: 0;
    }
}

@media screen and (min-width: 90em) {
    .o-breakup-friends-desk-wide > li {
        display: block;
        padding-bottom: 0;
    }

    .o-breakup-friends-desk-wide > li + li {
        padding-top: 0;
        padding-left: 0;
    }
}

@media screen and (max-width: 1150px) {
    .o-breakup-friends-mainmenu-fix > li {
        display: block;
        padding-bottom: 0;
    }

    .o-breakup-friends-mainmenu-fix > li + li {
        padding-top: 0;
        padding-left: 0;
    }
}

.o-ratio-box:after,
.o-ratio-box > * {
    display: inline-block;
    vertical-align: middle;
}

.o-ratio-box {
    position: relative;
}

.o-ratio-box > * {
    box-sizing: border-box;
    width: 100%;
    font-size: 1rem;
}

.o-ratio-box--strict > *,
.o-ratio-box__inner--strict {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

.o-ratio-box--top:after,
.o-ratio-box--top > * {
    vertical-align: top;
}

.o-ratio-box--bottom:after,
.o-ratio-box--bottom > * {
    vertical-align: bottom;
}

.mfp-container:before,
.mfp-content,
.o-ratio-box--middle:after,
.o-ratio-box--middle > * {
    vertical-align: middle;
}

.o-wrapper {
    position: relative;
    box-sizing: content-box;
    max-width: 73em;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.25em;
    padding-left: 1.25em;
}

.awesomplete > ul,
.mfp-container,
img.mfp-img {
    box-sizing: border-box;
}

@media screen and (max-width: 75.5em) {
    .o-wrapper-breaker {
        margin-right: -1.25em !important;
        margin-left: -1.25em !important;
    }
}

@media screen and (max-width: 47.9375em) {
    .o-wrapper {
        padding-right: 0.625em;
        padding-left: 0.625em;
    }

    .o-wrapper-breaker,
    .o-wrapper-breaker-palm {
        margin-right: -0.625em !important;
        margin-left: -0.625em !important;
    }
}

.o-text-input {
    height: 40px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 40px;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

html .c-button--accent.c-button--expand,
html .c-button--accent.c-button--kick,
html .c-button--accent.c-button--more,
html .c-button--accent.c-button--primary,
html .c-button--accent.c-button--service,
html .c-button--kcsr.c-button--expand,
html .c-button--kcsr.c-button--kick,
html .c-button--kcsr.c-button--more,
html .c-button--kcsr.c-button--primary,
html .c-button--kcsr.c-button--service,
html .c-button.c-button--accent,
html .c-button.c-button--kcsr {
    background: #fa3746;
    border-color: #fa3746;
    color: #fff;
}

html .c-button--kcsg.c-button--expand,
html .c-button--kcsg.c-button--kick,
html .c-button--kcsg.c-button--more,
html .c-button--kcsg.c-button--primary,
html .c-button--kcsg.c-button--service,
html .c-button--kick,
html .c-button--kick.c-button--expand,
html .c-button--kick.c-button--more,
html .c-button--kick.c-button--service,
html .c-button.c-button--kcsg,
html .c-button.c-button--kick {
    background: #8cf000;
    border-color: #8cf000;
    color: var(--dark-blue-100);
}

html .c-button--kcft.c-button--expand,
html .c-button--kcft.c-button--kick,
html .c-button--kcft.c-button--more,
html .c-button--kcft.c-button--primary,
html .c-button--kcft.c-button--service,
html .c-button.c-button--kcft {
    background: #00ebc8;
    border-color: #00ebc8;
    color: var(--dark-blue-100);
}

html .c-button--kcty.c-button--expand,
html .c-button--kcty.c-button--kick,
html .c-button--kcty.c-button--more,
html .c-button--kcty.c-button--primary,
html .c-button--kcty.c-button--service,
html .c-button.c-button--kcty {
    background: #ffeb00;
    border-color: #ffeb00;
    color: var(--dark-blue-100);
}

html .c-button--accent.c-button--expand:focus,
html .c-button--accent.c-button--expand:hover,
html .c-button--accent.c-button--kick:focus,
html .c-button--accent.c-button--kick:hover,
html .c-button--accent.c-button--more:focus,
html .c-button--accent.c-button--more:hover,
html .c-button--accent.c-button--primary:focus,
html .c-button--accent.c-button--primary:hover,
html .c-button--accent.c-button--service:focus,
html .c-button--accent.c-button--service:hover,
html .c-button--kcft.c-button--expand:focus,
html .c-button--kcft.c-button--expand:hover,
html .c-button--kcft.c-button--kick:focus,
html .c-button--kcft.c-button--kick:hover,
html .c-button--kcft.c-button--more:focus,
html .c-button--kcft.c-button--more:hover,
html .c-button--kcft.c-button--primary:focus,
html .c-button--kcft.c-button--primary:hover,
html .c-button--kcft.c-button--service:focus,
html .c-button--kcft.c-button--service:hover,
html .c-button--kcsg.c-button--expand:focus,
html .c-button--kcsg.c-button--expand:hover,
html .c-button--kcsg.c-button--kick:focus,
html .c-button--kcsg.c-button--kick:hover,
html .c-button--kcsg.c-button--more:focus,
html .c-button--kcsg.c-button--more:hover,
html .c-button--kcsg.c-button--primary:focus,
html .c-button--kcsg.c-button--primary:hover,
html .c-button--kcsg.c-button--service:focus,
html .c-button--kcsg.c-button--service:hover,
html .c-button--kcsr.c-button--expand:focus,
html .c-button--kcsr.c-button--expand:hover,
html .c-button--kcsr.c-button--kick:focus,
html .c-button--kcsr.c-button--kick:hover,
html .c-button--kcsr.c-button--more:focus,
html .c-button--kcsr.c-button--more:hover,
html .c-button--kcsr.c-button--primary:focus,
html .c-button--kcsr.c-button--primary:hover,
html .c-button--kcsr.c-button--service:focus,
html .c-button--kcsr.c-button--service:hover,
html .c-button--kcty.c-button--expand:focus,
html .c-button--kcty.c-button--expand:hover,
html .c-button--kcty.c-button--kick:focus,
html .c-button--kcty.c-button--kick:hover,
html .c-button--kcty.c-button--more:focus,
html .c-button--kcty.c-button--more:hover,
html .c-button--kcty.c-button--primary:focus,
html .c-button--kcty.c-button--primary:hover,
html .c-button--kcty.c-button--service:focus,
html .c-button--kcty.c-button--service:hover,
html .c-button--kick.c-button--expand:focus,
html .c-button--kick.c-button--expand:hover,
html .c-button--kick.c-button--more:focus,
html .c-button--kick.c-button--more:hover,
html .c-button--kick.c-button--service:focus,
html .c-button--kick.c-button--service:hover,
html .c-button--kick:focus,
html .c-button--kick:hover,
html .c-button.c-button--accent:focus,
html .c-button.c-button--accent:hover,
html .c-button.c-button--kcft:focus,
html .c-button.c-button--kcft:hover,
html .c-button.c-button--kcsg:focus,
html .c-button.c-button--kcsg:hover,
html .c-button.c-button--kcsr:focus,
html .c-button.c-button--kcsr:hover,
html .c-button.c-button--kcty:focus,
html .c-button.c-button--kcty:hover,
html .c-button.c-button--kick:focus,
html .c-button.c-button--kick:hover {
    color: #fff;
    border-color: var(--dark-blue-100);
    background: var(--dark-blue-100);
}

html .c-button__wrapper--right {
    text-align: left;
}

@media screen and (min-width: 48em) {
    html .c-button__wrapper--right {
        text-align: right;
    }
}

html .c-button--disabled {
    border-color: #d2d2db !important;
    color: #d2d2db !important;
    z-index: 0 !important;
    cursor: not-allowed !important;
}

html .c-button--disabled.c-button--kick,
html .c-button--disabled.c-button--more,
html .c-button--disabled.c-button--primary,
html .c-button--disabled.c-button--service {
    background-color: #d2d2db !important;
    color: #fff !important;
}

html .c-button--expand,
html .c-button--lean.c-button--lean {
    min-height: auto !important;
    padding: 12px 24px;
    font-size: 16px;
}

html .c-button--large.c-button--large,
html .c-button--more {
    min-height: auto !important;
    padding: 29px 24px;
}

html .c-button--large.c-button--expand,
html .c-button--lean.c-button--large,
html .c-button--lean.c-button--more,
html .c-button--more.c-button--expand {
    font-size: 16px;
    padding: 29px 24px;
}

html .c-hint--warning,
html .c-hint:hover {
    color: #fa3746;
}

html .c-form__label {
    color: var(--electric-blue-100);
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    padding: 16px 0;
}

html .c-form__input {
    height: 48px;
}

html .c-form__checkbox + .c-form__label,
html .c-form__radio + .c-form__label {
    padding: 10px 0 10px 32px;
    font-size: 16px;
    line-height: 24px;
    text-transform: none;
    color: var(--dark-blue-100);
    font-weight: 400;
}

html .c-form__checkbox + .c-form__label:before,
html .c-form__radio + .c-form__label:before {
    border-width: 1px;
    border-color: #c4cad0;
    background: #f7f7f7;
    width: 24px;
    height: 24px;
    top: 12px;
}

html .c-form__checkbox + .c-form__label:before {
    border-radius: 0;
}

.has-warning html .c-form__input,
html .c-form__input.has-warning {
    outline: 0;
    border-bottom: 1px solid #fa3746;
}

html .c-form__select {
    width: 100%;
    min-height: 48px;
    max-height: 48px;
}

html .c-form__select.c-button,
html .c-form__select.c-button--expand,
html .c-form__select.c-button--kick,
html .c-form__select.c-button--more,
html .c-form__select.c-button--primary,
html .c-form__select.c-button--service {
    outline: 0;
    border: none;
    box-shadow: none;
    background: #f7f7f7;
}

html .c-form__select:after {
    width: 48px;
    height: 48px;
    line-height: 48px;
    background: var(--electric-blue-100);
    color: #fff;
    right: 0;
}

html .c-form__select select {
    max-height: 48px;
    border-bottom: 1px solid #c4cad0;
    font-weight: 400;
}

html .c-form__select select.has-warning {
    border-bottom: 1px solid #fa3746;
    color: #fa3746;
}

html .c-form__select.c-button--icon-right:after,
html .c-form__select.c-button--icon-right:before {
    right: 0;
}

body:last-child .c-form__select select:focus {
    outline: 0 !important;
    box-shadow: none !important;
}

html .c-text a {
    font-weight: 700;
    transition: 250ms all;
}

.c-button-toggle {
    display: -ms-flexbox;
    display: flex;
}

.c-button,
.c-button--expand,
.c-button--kick,
.c-button--more,
.c-button--primary,
.c-button--service,
.c-button-toggle button,
.c-button.c-button--stage {
    display: inline-block;
    padding: 6px 10px;
    line-height: 24px;
    font-weight: 700;
    border-width: 2px;
    border-style: solid;
    transition: 250ms all;
    text-align: center;
    min-height: 40px;
    text-decoration: none;
}

.c-button-toggle button {
    font-size: 16px;
    font-size: 1rem;
    -ms-flex: 1 1;
    flex: 1 1;
    border-color: initial;
    background: 0 0;
}

.c-button-toggle button:disabled {
    opacity: 0.3;
}

.c-button-toggle button:first-child,
.c-button-toggle button:last-child {
    border-radius: 0;
}

.c-button-toggle button,
.c-button-toggle button * {
    color: var(--electric-blue-100);
}

.c-button-toggle button.active,
.c-button-toggle button:hover {
    border-color: var(--electric-blue-100);
    color: #fff;
    background: var(--electric-blue-100);
}

.c-button,
.c-button--expand,
.c-button--kick,
.c-button--more,
.c-button--primary,
.c-button--service,
.c-button.c-button--stage {
    font-size: 16px;
    font-size: 1rem;
    border-color: initial;
    background: 0 0;
    border-radius: 0;
}

.c-button,
.c-button *,
.c-button--expand,
.c-button--expand *,
.c-button--kick,
.c-button--kick *,
.c-button--more,
.c-button--more *,
.c-button--primary,
.c-button--primary *,
.c-button--service,
.c-button--service *,
.c-button.c-button--stage,
.c-button.c-button--stage * {
    color: var(--electric-blue-100);
}

a.c-button,
a.c-button--expand,
a.c-button--kick,
a.c-button--more,
a.c-button--primary,
a.c-button--service,
a.c-button.c-button--stage,
button.c-button,
button.c-button--expand,
button.c-button--kick,
button.c-button--more,
button.c-button--primary,
button.c-button--service,
button.c-button.c-button--stage,
input.c-button,
input.c-button--expand,
input.c-button--kick,
input.c-button--more,
input.c-button--primary,
input.c-button--service,
input.c-button.c-button--stage {
    cursor: pointer;
}

a.c-button--expand:hover,
a.c-button--kick:hover,
a.c-button--more:hover,
a.c-button--primary:hover,
a.c-button--service:hover,
a.c-button:hover,
button.c-button--expand:hover,
button.c-button--kick:hover,
button.c-button--more:hover,
button.c-button--primary:hover,
button.c-button--service:hover,
button.c-button:hover,
input.c-button--expand:hover,
input.c-button--kick:hover,
input.c-button--more:hover,
input.c-button--primary:hover,
input.c-button--service:hover,
input.c-button:hover {
    color: var(--dark-blue-100);
    background: inherit;
    border-color: initial;
}

.c-button--large.c-button--large,
.c-button--more {
    min-height: 45px;
    padding: 11px 10px;
    line-height: initial;
}

@media screen and (min-width: 64em) {
    .c-button--large.c-button--large,
    .c-button--more {
        min-height: 60px;
        padding: 17px 20px;
        font-size: 18px;
        font-size: 1.125rem;
    }
}

.c-button--kick,
.c-button--more,
.c-button--primary.c-button--primary,
.c-button--service {
    color: #fff;
    background-color: var(--electric-blue-100);
    border-color: var(--electric-blue-100);
}

.c-button--kick,
.c-button--kick *,
.c-button--more,
.c-button--more *,
.c-button--primary.c-button--primary,
.c-button--primary.c-button--primary *,
.c-button--service,
.c-button--service * {
    color: #fff;
}

a.c-button--kick:hover,
a.c-button--more:hover,
a.c-button--primary:hover,
a.c-button--service:hover,
button.c-button--kick:hover,
button.c-button--more:hover,
button.c-button--primary:hover,
button.c-button--service:hover,
input.c-button--kick:hover,
input.c-button--more:hover,
input.c-button--primary:hover,
input.c-button--service:hover {
    color: #fff;
    background-color: var(--dark-blue-100);
    border-color: var(--dark-blue-100);
}

.c-button--accent.c-button--accent {
    background-color: #ffeb00;
    border-color: #ffeb00;
}

.c-button--accent.c-button--accent,
.c-button--accent.c-button--accent * {
    color: #fff;
}

a.c-button--accent:hover,
button.c-button--accent:hover,
input.c-button--accent:hover {
    color: #fff;
    background-color: #e6d400;
    border-color: #e6d400;
}

.c-button--positive.c-button--positive {
    background-color: #8cf000;
    border-color: #8cf000;
}

.c-button--positive.c-button--positive,
.c-button--positive.c-button--positive * {
    color: #fff;
}

a.c-button--positive:hover,
button.c-button--positive:hover,
input.c-button--positive:hover {
    color: #fff;
    background-color: #80dc00;
    border-color: #80dc00;
}

.c-button--negative.c-button--negative {
    background-color: #fa3746;
    border-color: #fa3746;
}

.c-button--negative.c-button--negative,
.c-button--negative.c-button--negative * {
    color: #fff;
}

a.c-button--negative:hover,
button.c-button--negative:hover,
input.c-button--negative:hover {
    color: #fff;
    background-color: #fa2334;
    border-color: #fa2334;
}

.c-button--alt.c-button--alt {
    background-color: var(--dark-blue-100);
    border-color: var(--dark-blue-100);
}

.c-button--alt.c-button--alt,
.c-button--alt.c-button--alt * {
    color: #fff;
}

a.c-button--alt:hover,
button.c-button--alt:hover,
input.c-button--alt:hover {
    color: #fff;
    background-color: #000;
    border-color: #000;
}

.c-button--light.c-button--light,
.c-form__button[disabled] {
    background-color: #f3f4f5;
    border-color: #f3f4f5;
}

.c-button--light.c-button--light,
.c-button--light.c-button--light *,
.c-form__button[disabled],
.c-form__button[disabled] * {
    color: var(--dark-blue-100);
}

a.c-button--light:hover,
a.c-form__button[disabled]:hover,
button.c-button--light:hover,
button.c-form__button[disabled]:hover,
input.c-button--light:hover,
input.c-form__button[disabled]:hover {
    color: var(--dark-blue-100);
    background-color: #e5e7e9;
    border-color: #e5e7e9;
}

.c-button--white.c-button--white {
    background-color: #fff;
    border-color: var(--electric-blue-100);
    text-shadow: none;
}

.c-button--white.c-button--white,
.c-button--white.c-button--white * {
    color: var(--electric-blue-100);
}

a.c-button--white:hover,
button.c-button--white:hover,
input.c-button--white:hover {
    color: var(--dark-blue-100);
    background-color: #fff;
    border-color: var(--dark-blue-100);
}

.c-button--neutral.c-button--neutral {
    background-color: #f7f7f7;
    border-color: #f7f7f7;
}

.c-button--neutral.c-button--neutral,
.c-button--neutral.c-button--neutral * {
    color: var(--electric-blue-100);
}

a.c-button--neutral:hover,
button.c-button--neutral:hover,
input.c-button--neutral:hover {
    color: var(--dark-blue-100);
    background-color: #eaeaea;
    border-color: #eaeaea;
}

.c-button--outline.c-button--outline {
    background: 0 0;
    border-color: initial;
}

.c-button--outline.c-button--outline,
.c-button--outline.c-button--outline * {
    color: var(--electric-blue-100);
}

a.c-button--outline:hover,
button.c-button--outline:hover,
input.c-button--outline:hover {
    color: var(--dark-blue-100);
    background: 0 0;
    border-color: initial;
}

.c-button--fill.c-button--fill {
    color: var(--electric-blue-100);
    background-color: #fff;
}

.c-button--fill.c-button--fill:hover {
    color: var(--dark-blue-100);
    background-color: #fff;
}

.c-button--borderless.c-button--borderless {
    border: none;
}

.c-button--expand,
.c-button--link.c-button--link {
    min-height: 0;
    padding: 0;
    vertical-align: middle;
    text-decoration: none;
    border-style: none;
    color: var(--electric-blue-100);
    background: 0 0;
}

.c-button--expand:hover,
.c-button--link.c-button--link:hover {
    color: var(--dark-blue-100);
    background: 0 0;
}

.c-button__to-top.c-button__to-top {
    background: var(--electric-blue-100);

    color: #fff;
    border: none;
    border-radius: 2px;
    font-size: 16px;
    line-height: 48px;
    position: fixed;
    width: 48px;
    right: 0.5em;
    bottom: 0.5em;
    z-index: 99999;
    transition: all 0.5s ease;
    -ms-transform: translateY(130%);
    transform: translateY(130%);
}

.c-button__to-top.c-button__to-top:hover {
    background: var(--dark-blue-100);
}

.c-button__to-top.c-button__to-top--active {
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.c-button--expand,
.c-button--lean.c-button--lean {
    min-height: 34px;
    padding: 9px 10px;
    line-height: initial;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 400;
}

.c-button--angular.c-button--angular,
.c-button--service {
    border-radius: 0;
}

.c-button--icon-only.c-button--icon-only:after,
.c-button--icon-only.c-button--icon-only:before {
    margin: 0;
}

.c-button--icon-left.c-button--icon-left,
.c-button--icon-right.c-button--icon-right {
    position: relative;
}

.c-button--icon-left.c-button--icon-left:after,
.c-button--icon-left.c-button--icon-left:before,
.c-button--icon-right.c-button--icon-right:after,
.c-button--icon-right.c-button--icon-right:before {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0;
}

.c-button--icon-right.c-button--icon-right {
    padding-right: 46px;
}

.c-button--icon-right.c-button--icon-right:after,
.c-button--icon-right.c-button--icon-right:before {
    right: 20px;
}

.c-button--icon-left.c-button--icon-left {
    padding-left: 46px;
}

.c-button--icon-left.c-button--icon-left:after,
.c-button--icon-left.c-button--icon-left:before {
    left: 20px;
}

.c-button--icon-right-auto {
    padding-right: calc(20px + 1em + 10px) !important;
}

.c-button--icon-left-auto {
    padding-left: calc(20px + 1em + 10px) !important;
}

.c-button--icon-right-xs {
    padding-right: calc(20px + 11px + 10px) !important;
}

.c-button--icon-left-xs {
    padding-left: calc(20px + 11px + 10px) !important;
}

.c-button--icon-right-s {
    padding-right: calc(20px + 14px + 10px) !important;
}

.c-button--icon-left-s {
    padding-left: calc(20px + 14px + 10px) !important;
}

.c-button--icon-right-base {
    padding-right: calc(20px + 16px + 10px) !important;
}

.c-button--icon-left-base {
    padding-left: calc(20px + 16px + 10px) !important;
}

.c-button--icon-right-l {
    padding-right: calc(20px + 20px + 10px) !important;
}

.c-button--icon-left-l {
    padding-left: calc(20px + 20px + 10px) !important;
}

.c-button--icon-right-xl {
    padding-right: calc(20px + 32px + 10px) !important;
}

.c-button--icon-left-xl {
    padding-left: calc(20px + 32px + 10px) !important;
}

.c-button--icon-right-xxl {
    padding-right: calc(20px + 48px + 10px) !important;
}

.c-button--icon-left-xxl {
    padding-left: calc(20px + 48px + 10px) !important;
}

.c-button--icon-right-xxxl {
    padding-right: calc(20px + 64px + 10px) !important;
}

.c-button--icon-left-xxxl {
    padding-left: calc(20px + 64px + 10px) !important;
}

.c-button--icon-center.c-button--icon-center {
    height: initial;
    line-height: inherit;
    padding-top: 20px;
    padding-bottom: 20px;
}

.c-button--icon-center.c-button--icon-center:after,
.c-button--icon-center.c-button--icon-center:before {
    display: block;
    width: 100%;
    margin-right: 0;
    text-align: center;
}

.c-button--icon-center.c-button--icon-center:before {
    margin-bottom: 0.2em;
}

.c-button--icon-center.c-button--icon-center:after {
    margin-top: 0.2em;
}

.c-button--icon-separated.c-button--icon-separated {
    position: relative;
    padding-right: 80px;
    padding-left: 40px;
}

.c-button--icon-separated.c-button--icon-separated:before {
    content: '';
    position: absolute;
    top: 3px;
    bottom: 3px;
    right: 40px;
    border-left: 1px solid;
}

.c-button--icon-separated.c-button--icon-separated:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    font-size: 20px;
    right: 10px;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.c-button--more,
.c-button--wide.c-button--wide {
    padding-right: 20px;
    padding-left: 20px;
}

.c-button--disabled.c-button--disabled {
    position: relative;
    z-index: -1;
}

.c-button--full.c-button--full,
.c-button--service {
    display: block;
    width: 100%;
}

.c-button--full.c-button--full + .c-button--full.c-button--full,
.c-button--full.c-button--full + .c-button--service,
.c-button--service + .c-button--full.c-button--full,
.c-button--service + .c-button--service {
    margin-top: 10px;
}

@media screen and (max-width: 47.9375em) {
    .c-button--full-palm {
        display: block;
        width: 100%;
    }

    .c-button--full-palm + .c-button--full-palm {
        margin-top: 10px;
    }

    .c-callout > :first-child {
        display: block;
    }
}

@media screen and (max-width: 23.4375em) {
    .c-button--full-palm-small {
        display: block;
        width: 100%;
    }

    .c-button--full-palm-small + .c-button--full-palm-small {
        margin-top: 10px;
    }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
    .c-button--full-lap {
        display: block;
        width: 100%;
    }

    .c-button--full-lap + .c-button--full-lap {
        margin-top: 10px;
    }
}

@media screen and (min-width: 48em) {
    .c-button--more,
    .c-button--wide.c-button--wide {
        padding-right: 40px;
        padding-left: 40px;
    }

    .c-button--full-lap-and-up {
        display: block;
        width: 100%;
    }

    .c-button--full-lap-and-up + .c-button--full-lap-and-up {
        margin-top: 10px;
    }
}

@media screen and (max-width: 63.9375em) {
    .c-button--full-portable {
        display: block;
        width: 100%;
    }

    .c-button--full-portable + .c-button--full-portable {
        margin-top: 10px;
    }
}

@media screen and (min-width: 64em) {
    .c-button--full-desk {
        display: block;
        width: 100%;
    }

    .c-button--full-desk + .c-button--full-desk {
        margin-top: 10px;
    }
}

@media screen and (min-width: 90em) {
    .c-button--full-desk-wide {
        display: block;
        width: 100%;
    }

    .c-button--full-desk-wide + .c-button--full-desk-wide {
        margin-top: 10px;
    }
}

@media screen and (max-width: 1150px) {
    .c-button--full-mainmenu-fix {
        display: block;
        width: 100%;
    }

    .c-button--full-mainmenu-fix + .c-button--full-mainmenu-fix {
        margin-top: 10px;
    }
}

.c-button--expand:before {
    content: 'ui_arrow_plus';
    width: 1em;
    height: 1em;
    font-size: 1em;
    margin-right: 0.5em;
}

.c-button--service {
    font-size: 14px;
    font-size: 0.875rem;
    padding-top: 5px;
    padding-bottom: 5px;
}

.c-button--service:before {
    content: '';
    width: 1em;
    height: 1em;
    font-size: 1em;
    margin-right: 0.5em;
}

.c-button--stage.c-button,
.c-button--stage.c-button--expand,
.c-button--stage.c-button--kick,
.c-button--stage.c-button--more,
.c-button--stage.c-button--primary,
.c-button--stage.c-button--service {
    color: #fff;
    background: 0 0;
    border: 1px solid #fff;
    border-radius: 0;
}

.c-button--stage.c-button--expand:active,
.c-button--stage.c-button--expand:focus,
.c-button--stage.c-button--expand:hover,
.c-button--stage.c-button--kick:active,
.c-button--stage.c-button--kick:focus,
.c-button--stage.c-button--kick:hover,
.c-button--stage.c-button--more:active,
.c-button--stage.c-button--more:focus,
.c-button--stage.c-button--more:hover,
.c-button--stage.c-button--primary:active,
.c-button--stage.c-button--primary:focus,
.c-button--stage.c-button--primary:hover,
.c-button--stage.c-button--service:active,
.c-button--stage.c-button--service:focus,
.c-button--stage.c-button--service:hover,
.c-button--stage.c-button:active,
.c-button--stage.c-button:focus,
.c-button--stage.c-button:hover {
    background: 0 0;
    color: #fff;
    border-color: #fff;
}

.c-button--category {
    padding: 5px;
    color: var(--electric-blue-100);
    border-color: var(--electric-blue-100);
    background-color: #fff;
    min-height: 0;
    text-shadow: none;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
}

.c-button--kick,
.c-button--kick *,
.c-callout {
    color: #fff;
}

.c-button--kick {
    background: #3a53db;
    border-color: #3a53db;
}

.c-button__wrapper {
    margin: -5px;
}

@media screen and (min-width: 48em) {
    .c-button__wrapper {
        margin: 0;
    }
}

.c-button__wrapper > * {
    margin: 5px;
}

.c-button__wrapper--vertical {
    margin: -20px 0;
}

.c-button__wrapper--vertical > * {
    margin: 20px 0;
}

.c-form__select {
    position: relative;
    display: inline-block;
    padding: 0 !important;
}

.c-form__select--width100 select {
    width: 100%;
    min-width: initial;
    max-width: initial;
}

.c-form__select select {
    display: block;
    min-width: 100%;
    max-width: 100%;
    max-height: 40px;
    line-height: initial;
    margin: 0;
    padding: 10px 1.9em 10px 10px;
    background: 0 0;
    border: 1px solid transparent;
    outline: 0;
    appearance: none;
    -webkit-appearance: none;
    font-size: 16px;
    font-family: Arial, sans-serif;
    font-weight: 700;
}

.c-form__select option {
    text-shadow: none;
    color: var(--dark-blue-100);
    background-color: #fff;
    font-weight: 400;
}

.c-form__select option[disbled] {
    opacity: 0.5 !important;
}

.c-form__select:after {
    content: '↓';
    width: 1em;
    height: 1em;
    font-size: 1em;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 10px;
    color: inherit;
    pointer-events: none;
}

.c-form__file,
.c-form__group-input {
    position: relative;
}

.c-form__select select:focus {
    box-shadow: 0 0 1px 2px rgba(0, 0, 60, 0.6);
    background-color: transparent;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .c-form__select select::-ms-expand {
        display: none;
    }

    select:focus::-ms-value {
        background: 0 0;
    }
}

@media all and (min-width: 0\0) and (min-resolution: 0.001dpcm) {
    .c-form__select:after {
        display: none;
    }

    .c-form__select select {
        padding-right: 10px;
    }
}

_::-moz-progress-bar,
body:last-child .c-form__select:after {
    display: block;
}

_::-moz-progress-bar,
body:last-child .c-form__select select {
    -moz-appearance: window;
    text-indent: 0.01px;
    text-overflow: '';
    padding-right: 1.9em;
}

@supports (-moz-appearance: meterbar) and (background-blend-mode: difference, normal) {
    _::-moz-progress-bar,
    body:last-child .c-form__select {
        overflow: hidden;
    }

    _::-moz-progress-bar,
    body:last-child .c-form__select select {
        width: 120%;
        max-width: none;
    }
}

@supports (-moz-appearance: none) and (mask-type: alpha) {
    _::-moz-progress-bar,
    body:last-child .c-form__select select {
        -moz-appearance: none;
        width: auto;
        max-width: 100%;
    }
}

_::-moz-progress-bar,
body:last-child .c-form__select select:focus {
    outline: rgba(0, 0, 60, 0.7) solid 2px;
}

.c-form__select::after,
x:-o-prefocus {
    display: none;
}

.c-form__select select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

@media screen and (max-width: 47.9375em) {
    .c-form .c-form__button,
    .c-form .c-form__checkbox + .c-form__label,
    .c-form .c-form__input,
    .c-form .c-form__radio + .c-form__label,
    .c-form .c-form__select {
        margin-bottom: 20px;
    }
}

input::placeholder {
    color: inherit;
}

.c-form input:not([type]),
.c-form input[list],
.c-form input[type='number'],
.c-form input[type='search'],
.c-form input[type='file'],
.c-form input[type='color'],
.c-form input[type='date'],
.c-form input[type='datetime'],
.c-form input[type='datetime-local'],
.c-form input[type='email'],
.c-form input[type='month'],
.c-form input[type='password'],
.c-form input[type='tel'],
.c-form input[type='text'],
.c-form input[type='time'],
.c-form input[type='url'],
.c-form input[type='week'],
.c-form textarea,
.c-form__input,
.c-form__textarea {
    width: 100%;
}

.c-form__fieldset {
    margin-bottom: 40px;
}

.c-form__list .c-form__label {
    margin-bottom: 20px;
}

@media screen and (min-width: 48em) {
    .c-form__group + * {
        margin-top: 20px;
    }

    .c-form__group-label {
        text-align: right;
    }
}

.c-form__label {
    display: inline-block;
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    font-weight: 300;
}

@media screen and (max-width: 47.9375em) {
    .c-form__label {
        padding-bottom: 0;
    }
}

.c-form__label.is-required,
.is-required .c-form__label {
    font-weight: 500;
}

.c-form__label.is-required:after,
.is-required .c-form__label:after {
    content: '*';
    vertical-align: top;
}

.c-form__label--align-top {
    padding-top: 0;
}

.c-form__note {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.7142857143;
}

.c-form__input,
.c-form__textarea {
    padding: 7px 10px;
    color: var(--dark-blue-100);
    background: #fff;
    border: 1px solid var(--dark-blue-100);
    line-height: 24px !important;
}

.c-form__input {
    min-height: 40px;
    text-overflow: ellipsis;
}

.c-form__input[readonly='readonly'] {
    background: #f3f4f5;
}

.c-form__input--no-border.c-form__input--no-border {
    padding: 8px 10px;
    border: none;
}

.c-form__file {
    text-overflow: ellipsis;
    cursor: pointer;
}

.c-form__file [type='file'] {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.c-form__file.has-file:before {
    content: '';
    width: 1em;
    height: 1em;
    font-size: 1em;
    margin-right: 0.5em;
}

.c-form__checkbox + .c-form__label,
.c-form__radio + .c-form__label {
    width: auto;
    position: relative;
    margin-right: 20px;
    padding-left: 40px;
    text-align: left;
    color: var(--electric-blue-100);
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.c-form__checkbox + .c-form__label:before,
.c-form__radio + .c-form__label:before {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    top: 6px;
    left: 0;
    text-align: center;
    border: 2px solid var(--electric-blue-100);
    background: #fff;
}

.c-form__checkbox#check-tn_cookies_allow_technical:disabled + .c-form__label {
    cursor: default;
    color: var(--electric-blue-100);
}

.c-form__checkbox#check-tn_cookies_allow_technical:disabled + .c-form__label:before {
    background: var(--dark-blue-100);
    border-color: var(--dark-blue-100);
    color: #fff;
}

.c-form__checkbox#check-tn_cookies_allow_technical:disabled + .c-form__label:hover {
    color: var(--electric-blue-100);
}

.c-form__checkbox#check-tn_cookies_allow_technical:disabled + .c-form__label:hover:before {
    background: var(--dark-blue-100);
}

.c-form__checkbox:disabled + .c-form__label,
.c-form__checkbox:disabled:checked + .c-form__label {
    cursor: default;
    opacity: 0.3;
}

.c-form__checkbox:disabled + .c-form__label:before,
.c-form__checkbox:disabled:checked + .c-form__label:before {
    background: #fff;
    color: #f7f7f7;
}

.c-form__checkbox:disabled + .c-form__label:hover,
.c-form__checkbox:disabled:checked + .c-form__label:hover {
    color: inherit;
}

.c-form__checkbox:disabled + .c-form__label:hover:before,
.c-form__checkbox:disabled:checked + .c-form__label:hover:before {
    color: #f7f7f7;
    background: #fff;
}

.c-form__radio:checked + .c-form__label {
    cursor: default;
}

.c-form__radio:disabled + .c-form__label,
.c-form__radio:disabled:checked + .c-form__label {
    cursor: default;
    opacity: 0.3;
}

.c-form__button[disabled] {
    cursor: wait;
}

.c-form__label.has-warning,
.has-warning .c-form__label {
    color: #ffeb00;
}

.c-form__input.has-warning,
.c-form__textarea.has-warning,
.has-warning .c-form__input,
.has-warning .c-form__textarea {
    border-color: #ffeb00;
}

.c-form__hint {
    position: absolute;
    top: 0;
    padding: 8px 10px;
}

@media screen and (max-width: 47.9375em) {
    .c-form__button {
        margin-top: 20px;
    }

    .c-form__hint {
        right: 0;
    }

    .c-form__hint:before {
        width: 20px;
        height: 20px;
        font-size: 20px;
    }
}

@media screen and (min-width: 48em) {
    .c-form__hint {
        left: 100%;
        margin-left: 10px;
    }
}

.c-form__select select:focus,
.search-breadcrumb {
    color: #154094;
}

.c-hint-hide,
.c-nav-sub .o-wrapper > ul,
.tx-powermail .powermail_progressbar.disable {
    display: none;
}

input:invalid {
    box-shadow: none;
}

#map-error-message {
    margin-top: 0.7rem;
    margin-bottom: 0;
}

.has-warning ~ .c-hint-hide {
    display: block;
}

.c-form__select {
    overflow: visible !important;
}

.c-form__group-input > .c-popup {
    height: 0;
    margin: 0;
    padding: 0;
}

.c-form--row {
    position: relative;
}

.c-form__hint {
    right: 0;
    left: auto;
    margin-left: 0;
}

.popup-content {
    margin: 0 20px;
}

.c-form__select select::-ms-value {
    color: inherit;
}

.c-form__text {
    font-weight: 400;
    display: inline-block;
    padding-top: 8px;
    padding-bottom: 8px;
}

html .c-form__select select {
    padding: 14px 0 14px 10px;
    font-family: tng-pro, Arial, sans-serif;
    height: 48px;
}