/* 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: .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: .625em;
        padding-left: .625em
    }

    .o-wrapper-breaker,
    .o-wrapper-breaker-palm {
        margin-right: -.625em !important;
        margin-left: -.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: .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: .5em;
    bottom: .5em;
    z-index: 99999;
    transition: all .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: .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: .2em
}

.c-button--icon-center.c-button--icon-center:after {
    margin-top: .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: .5em
}

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

.c-button--service:before {
    content: "";
    width: 1em;
    height: 1em;
    font-size: 1em;
    margin-right: .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: helvetica, 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: .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, .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: .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, .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: .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: .1px;
    height: .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: .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: .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: .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: .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, helvetica, sans-serif;
    height: 48px
}