.SvgIcon {
    display: block;
    width: 20px;
    fill: #000
}

.Button {
    position: relative;
/*    display: inline-block;*/
    padding: 8px 16px;
    background-color: #000;
    color: #fff;
    fill: currentColor;
    font-size: 1.4rem;
    line-height: 1.15;
    text-align: center;
    font-weight: 700;
    transition: .3s ease-out;
    transition-property: background-color,color,border-color;
    vertical-align: middle
}

    .Button.is-disabled, .Button:disabled {
        cursor: not-allowed
    }

    .Button.is-loading {
        cursor: wait;
        animation: button-loading 1.5s ease infinite;
        background-image: linear-gradient(90deg,#646b52 50%,#646b52 0);
        background-size: 200% 100%;
        background-position: 100% 100%
    }

    .Button.is-hidden {
        display: none
    }

    .Button.is-textHidden .Button__content {
        opacity: 0
    }

.Button_navNext, .Button_navPrevious {
    position: relative;
    background-color: transparent
}

    .Button_navNext.Button, .Button_navPrevious.Button {
        padding: 12px 16px 12px 12px
    }

    .Button_navNext:not(.is-loading).is-disabled, .Button_navNext:not(.is-loading):disabled, .Button_navPrevious:not(.is-loading).is-disabled, .Button_navPrevious:not(.is-loading):disabled {
        opacity: .5
    }

    .Button_navNext.Button {
        padding-right: 48px;
        background-color: #646b52
    }

    .Button_navNext:after, .Button_navNext:before {
        content: "";
        position: absolute;
        top: 50%;
        transition: .3s ease-out
    }

    .Button_navNext:before {
        transform: translateY(-50%);
        right: 12px;
        width: 28px;
        height: 28px
    }

    .Button_navNext:after {
        transform: translate(-11px,-4px) rotate(45deg);
        right: 12px;
        width: 9px;
        height: 9px;
        border-style: solid;
        border-width: 2px 2px 0 0
    }

    .Button_navNext.is-loading {
        animation: blink 1.5s ease infinite
    }

@keyframes blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: .3
    }

    to {
        opacity: 1
    }
}

.Button_noLabelOnMobile.Button {
    padding: 16px 16px 16px 12px
}

@media screen and (min-width: 670px) {
    .Button_noLabelOnMobile.Button {
        padding: 12px 48px 12px 12px
    }
}

.Button_noLabelOnMobile.Button_navNext:after, .Button_noLabelOnMobile.Button_navNext:before {
    right: 0
}

@media screen and (min-width: 670px) {
    .Button_noLabelOnMobile.Button_navNext:after, .Button_noLabelOnMobile.Button_navNext:before {
        right: 12px
    }
}

@media screen and (min-width: 670px) {
    .Button_navPrevious.Button {
        padding-left: 48px
    }
}

.Button_navPrevious .Button__content {
    display: none
}

@media screen and (min-width: 670px) {
    .Button_navPrevious .Button__content {
        display: block
    }
}

.Button_navPrevious:after {
    content: "";
    position: absolute;
    transform: translate(13px,-5px) rotate(-135deg);
    top: 50%;
    left: 0;
    width: 9px;
    height: 9px;
    border: 2px solid;
    border-width: 2px 2px 0 0
}

.Button_block {
    display: block;
    width: 100%
}

.Button_electric {
    border: 1px solid #fff;
    background-color: transparent;
    color: #fff
}

.Button.Button_iconOnly {
    min-width: 52px;
    padding: 16px
}

    .Button.Button_iconOnly.Button_icon svg, .Button.Button_iconOnly:before {
        position: absolute;
        transform: translate(-50%,-50%);
        top: 50%;
        left: 50%
    }

.Button_lighter {
    background-color: #f2f2f2;
    color: #333
}

    .Button_lighter:focus, .Button_lighter:hover {
        background-color: #e5e5e5
    }

.Button_light {
    background-color: #f2f2f2;
    color: #000;
    text-transform: uppercase
}

    .Button_light:focus, .Button_light:hover {
        background-color: #e5e5e5
    }

.Button_tool {
    border: 1px solid #ccc;
    color: #333
}

@keyframes button-loading {
    0% {
        background-position: 100% 100%
    }

    to {
        background-position: 0 100%
    }
}

.Button {
    padding: 13px 32px;
    text-transform: uppercase;
    border: 2px solid #000
}

    .Button.is-loading:not(.CheckoutNavigationButtons__button) {
        color: #fff;
        background-image: linear-gradient(90deg,#494e3c 50%,#646b52 0);
        border-color: #646b52
    }

    .Button.is-disabled:not(.is-loading), .Button:disabled:not(.is-loading) {
        color: #ccc;
        fill: currentColor;
        border-color: #ccc
    }

.Button_primary, .Button_superPrimary {
    border-radius: 2px;
    background-color: #646b52;
    border-color: #646b52
}

    .Button_primary:focus, .Button_primary:hover, .Button_superPrimary:focus, .Button_superPrimary:hover {
        background-color: #000;
        border-color: #000
    }

    .Button_primary.is-disabled, .Button_primary.is-disabled:not(.is-loading), .Button_primary:disabled, .Button_primary:disabled:not(.is-loading), .Button_superPrimary.is-disabled, .Button_superPrimary.is-disabled:not(.is-loading), .Button_superPrimary:disabled, .Button_superPrimary:disabled:not(.is-loading) {
        background-color: #ccc;
        color: #fff
    }

    .Button_primary.Button_invert, .Button_superPrimary.Button_invert {
        background-color: #fff;
        color: #000;
        border-color: transparent
    }

        .Button_primary.Button_invert:focus, .Button_primary.Button_invert:hover, .Button_superPrimary.Button_invert:focus, .Button_superPrimary.Button_invert:hover {
            background-color: #000;
            color: #fff
        }

.Button_ghost {
    border-radius: 2px;
    background-color: #fff;
    color: #000;
    border-color: #646b52;
    border-width: 2px
}

    .Button_ghost:not(:disabled):focus, .Button_ghost:not(:disabled):hover {
        background-color: #000;
        color: #fff;
        border-color: #000
    }

.Button_tertiary {
    padding: 14px 32px;
    border-radius: 2px;
    background-color: #fff;
    color: #333;
    border-color: #ccc;
    border-width: 2px
}

    .Button_tertiary:not(:disabled):focus, .Button_tertiary:not(:disabled):hover {
        background-color: #333;
        color: #fff;
        border-color: #333
    }

.Button_tool {
    padding-top: 14px;
    padding-bottom: 14px;
    background-color: #fff;
    color: #000;
    fill: #ff671b;
    text-transform: none;
    border-color: #ccc;
    border-width: 1px;
    font-weight: 400
}

    .Button_tool:not(:disabled):focus, .Button_tool:not(:disabled):hover {
        background-color: #fff;
        font-weight: 700
    }

    .Button_tertiary.is-loading, .Button_tool.is-loading {
        color: #333;
        background-image: linear-gradient(90deg,#f2f2f2 50%,#fff 0)
    }

        .Button_tertiary.is-loading:before, .Button_tool.is-loading:before {
            background-color: #f2f2f2
        }

.Button_icon {
    display: inline-flex;
    justify-content: center;
    align-items: center
}

    .Button_icon svg {
        flex-shrink: 0;
        width: 24px;
        margin: -5px 8px -5px 0
    }

.Button_navNext {
    border: 0
}

    .Button_navNext.Button {
        background-color: #fff;
        color: #000
    }

    .Button_navNext:before {
        background-color: #fff
    }

    .Button_navNext:after {
        color: #646b52
    }

    .Button_navNext.is-loading {
        background-image: unset
    }

    .Button_navNext:not(.is-loading):focus-visible, .Button_navNext:not(.is-loading):hover {
        background-color: #000;
        color: #fff
    }

        .Button_navNext:not(.is-loading):focus-visible:before, .Button_navNext:not(.is-loading):hover:before {
            background-color: #000
        }

        .Button_navNext:not(.is-loading):focus-visible:after, .Button_navNext:not(.is-loading):hover:after {
            color: #fff
        }

    .Button_navNext:not(.is-loading).is-disabled:focus-visible, .Button_navNext:not(.is-loading).is-disabled:hover, .Button_navNext:not(.is-loading):disabled:focus-visible, .Button_navNext:not(.is-loading):disabled:hover {
        background-color: #fff;
        color: #000
    }

        .Button_navNext:not(.is-loading).is-disabled:focus-visible:before, .Button_navNext:not(.is-loading).is-disabled:hover:before, .Button_navNext:not(.is-loading):disabled:focus-visible:before, .Button_navNext:not(.is-loading):disabled:hover:before {
            background-color: #fff
        }

        .Button_navNext:not(.is-loading).is-disabled:focus-visible:after, .Button_navNext:not(.is-loading).is-disabled:hover:after, .Button_navNext:not(.is-loading):disabled:focus-visible:after, .Button_navNext:not(.is-loading):disabled:hover:after {
            color: #646b52
        }

.Button_light, .Button_lighter {
    background-color: #f2f2f2;
    border-color: #f2f2f2
}

    .Button_light:focus, .Button_light:hover, .Button_lighter:focus, .Button_lighter:hover {
        border-color: #e5e5e5
    }

.Button_link.Button_icon {
    padding-right: 64px
}

    .Button_link.Button_icon:before, .Button_link.Button_icon svg {
        right: 20px;
        left: auto
    }

    .Button_link.Button_icon.Button_ghost {
        padding: 16px 64px 16px 32px
    }

.Button_navPrevious {
    border: 0
}

.Button_electric {
    border-color: #fff
}

.AEMWarning__error {
    padding: 16px;
    background-color: #ee5352;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 700
}

.ContentZone {
    display: flex;
    flex-direction: column
}

    .ContentZone > * {
        flex: 1 0 auto
    }

@media screen and (min-width: 1280px) {
    .ContentZone__footer, .ContentZone__menu, .ContentZone__pageHeader:not(.is-config-pageheader), .ContentZone__subfooter, .ContentZone__submenu {
        position: relative;
        left: calc(-50vw + 50%);
        width: 100vw
    }
}

.ContentZone__subfooter > .Slice {
    padding-top: 16px;
    padding-bottom: 16px
}

div.ghost {
    height: auto
}

.ghost {
    display: block;
    flex: 1;
    min-width: 200px;
    height: 100%;
    min-height: 30px;
    margin: 0;
    background-color: #fff;
    opacity: .8
}

.aem-Author--hidePlaceholder .ghost {
    display: none
}

div.new {
    height: auto
}

.new {
    display: block;
    flex: 1;
    min-width: 200px;
    height: 100%;
    min-height: 30px;
    margin: 0;
    background-color: #fff;
    opacity: .8
}

.aem-Author--hidePlaceholder .new {
    display: none
}

.EditorialContentZone {
    display: flex;
    flex-direction: column;
    flex-basis: auto
}

    .EditorialContentZone:not(.is-edit-context) {
        flex: 1
    }

    .EditorialContentZone .InternalSlice, .EditorialContentZone > .Slice, .EditorialContentZone > .SliceTabs {
        padding-top: 16px;
        padding-bottom: 16px
    }

@media screen and (min-width: 670px) {
    .EditorialContentZone .InternalSlice, .EditorialContentZone > .Slice, .EditorialContentZone > .SliceTabs {
        padding-top: 16px;
        padding-bottom: 16px
    }
}

@media screen and (min-width: 1024px) {
    .EditorialContentZone .InternalSlice, .EditorialContentZone > .Slice, .EditorialContentZone > .SliceTabs {
        padding-top: 32px;
        padding-bottom: 32px
    }
}

.EditorialContentZone > .Slice_noPaddingTop {
    padding-bottom: 16px
}

@media screen and (min-width: 670px) {
    .EditorialContentZone > .Slice_noPaddingTop {
        padding-bottom: 16px
    }
}

@media screen and (min-width: 1024px) {
    .EditorialContentZone > .Slice_noPaddingTop {
        padding-bottom: 32px
    }
}

.EditorialContentZone__new {
    max-height: 80px
}

.EditorialContentZone_firstNoPaddingTop > .Slice:first-child {
    padding-top: 0
}

.FormsContentZone {
    display: flex;
    flex: 1;
    flex-direction: column
}

@media screen and (min-width: 1280px) {
    .FormsContentZone {
        position: relative;
        left: calc(-50vw + 50%);
        width: 100vw
    }
}

.FormsContentZone__layouts {
    display: flex;
    flex: 1;
    flex-direction: column
}

@media screen and (min-width: 1024px) {
    .FormsContentZone__layouts {
        flex-direction: row
    }
}

.FormsContentZone__layout1 {
    width: 100%;
    padding: 24px 16px
}

@media screen and (min-width: 1024px) {
    .FormsContentZone__layout1 {
        flex-direction: column;
        width: 66.6666666667%;
        max-width: 1060px;
        padding: 48px;
        margin: 0 auto
    }
}

.FormsContentZone__layout1:only-child {
    padding: 0
}

@media screen and (min-width: 1024px) {
    .FormsContentZone__layout1:only-child {
        width: 100%;
        max-width: none;
        margin: 0
    }
}

.FormsContentZone__layout2 {
    order: -1
}

@media screen and (min-width: 1024px) {
    .FormsContentZone__layout2 {
        width: 33.3333333333%;
        background-color: #f2f2f2;
        order: 0
    }
}

@media screen and (min-width: 1024px) {
    .FormsContentZone__recapWrapper {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        padding: 48px
    }
}

.Slice {
    display: flex
}

    .Slice.is-alternativeMd {
        position: relative;
        background-color: #000;
        color: #fff
    }

@media screen and (min-width: 1280px) {
    .Slice.is-alternativeMd:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 50%;
        width: 100vw;
        height: 100%;
        margin-left: -50vw;
        background-color: #000
    }
}

.Slice_altBg {
    position: relative;
    background-color: #f2f2f2
}

@media screen and (min-width: 1280px) {
    .Slice_altBg:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 50%;
        width: 100vw;
        height: 100%;
        margin-left: -50vw;
        background-color: #f2f2f2
    }
}

@media screen and (min-width: 1280px) {
    .Slice_fullwidth {
        position: relative;
        left: calc(-50vw + 50%);
        width: 100vw
    }
}

.Slice_horizontal, .Slice_horizontal:not(.Slice_forceMobile) {
    flex-direction: column
}

@media screen and (min-width: 670px) {
    .Slice_horizontal:not(.Slice_forceMobile) {
        flex-direction: row
    }
}

.Slice_horizontal:not(.Slice_forceMobile) > .Slice__element {
    flex-basis: 100%
}

    .Slice_horizontal:not(.Slice_forceMobile) > .Slice__element:not(:last-child) {
        margin-bottom: 8px
    }

@media screen and (min-width: 670px) {
    .Slice_horizontal:not(.Slice_forceMobile) > .Slice__element:not(:last-child) {
        margin-bottom: 0
    }
}

@media screen and (min-width: 1024px) {
    .Slice_horizontal {
        flex-direction: row
    }
}

.Slice_horizontal > .Slice__element {
    flex-basis: 100%
}

    .Slice_horizontal > .Slice__element:not(:last-child) {
        margin-bottom: 8px
    }

@media screen and (min-width: 1024px) {
    .Slice_horizontal > .Slice__element:not(:last-child) {
        margin-bottom: 0
    }
}

.Slice_vertical, .Slice_vertical:not(.Slice_forceMobile) {
    flex-direction: column
}

    .Slice_vertical:not(.Slice_forceMobile) > .Slice__element {
        flex-basis: auto;
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 0
    }

        .Slice_vertical:not(.Slice_forceMobile) > .Slice__element:not(:last-child) {
            margin-bottom: 0
        }

    .Slice_vertical > .Slice__element {
        flex-basis: auto;
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 0
    }

        .Slice_vertical > .Slice__element:not(:last-child) {
            margin-bottom: 0
        }

@media screen and (min-width: 670px) {
    .Slice_paddingDefault:not(.Slice_forceMobile) {
        padding-right: 16px;
        padding-left: 16px
    }
}

@media screen and (min-width: 1024px) {
    .Slice_paddingDefault {
        padding-right: 16px;
        padding-left: 16px
    }
}

@media screen and (min-width: 670px) {
    .Slice_paddingLarge:not(.Slice_forceMobile) {
        padding-right: 32px;
        padding-left: 32px
    }
}

@media screen and (min-width: 1024px) {
    .Slice_paddingLarge:not(.Slice_forceMobile) {
        padding-right: 80px;
        padding-left: 80px
    }
}

@media screen and (min-width: 1024px) {
    .Slice_paddingLarge {
        padding-right: 32px;
        padding-left: 32px;
        padding-right: 80px;
        padding-left: 80px
    }
}

@media screen and (min-width: 670px) {
    .Slice_childrenMarginsDefault:not(.Slice_forceMobile) .Slice__element {
        width: auto
    }

        .Slice_childrenMarginsDefault:not(.Slice_forceMobile) .Slice__element ~ .Slice__element {
            margin-left: 16px
        }
}

@media screen and (min-width: 1024px) {
    .Slice_childrenMarginsDefault .Slice__element {
        width: auto
    }

        .Slice_childrenMarginsDefault .Slice__element ~ .Slice__element {
            margin-left: 16px
        }
}

.Slice_verticalChildrenMarginLarge:not(.Slice_forceMobile) > .Slice__element:not(:last-child) {
    margin-bottom: 16px
}

@media screen and (min-width: 670px) {
    .Slice_verticalChildrenMarginLarge:not(.Slice_forceMobile) > .Slice__element:not(:last-child) {
        margin-bottom: 32px
    }
}

.Slice_verticalChildrenMarginLarge > .Slice__element:not(:last-child) {
    margin-bottom: 16px
}

@media screen and (min-width: 1024px) {
    .Slice_verticalChildrenMarginLarge > .Slice__element:not(:last-child) {
        margin-bottom: 32px
    }
}

.Slice_verticalChildrenMarginNegativ:not(.Slice_forceMobile) > .Slice__element + .Slice__element {
    z-index: 1
}

@media screen and (min-width: 670px) {
    .Slice_verticalChildrenMarginNegativ:not(.Slice_forceMobile) > .Slice__element + .Slice__element {
        margin-top: -16px
    }
}

@media screen and (min-width: 1024px) {
    .Slice_verticalChildrenMarginNegativ:not(.Slice_forceMobile) > .Slice__element + .Slice__element {
        margin-top: -48px
    }
}

.Slice_verticalChildrenMarginNegativ > .Slice__element + .Slice__element {
    z-index: 1
}

@media screen and (min-width: 1024px) {
    .Slice_verticalChildrenMarginNegativ > .Slice__element + .Slice__element {
        margin-top: -16px;
        margin-top: -48px
    }
}

.Slice_centeredChildren, .Slice_centeredChildren:not(.Slice_forceMobile) {
    justify-content: center
}

    .Slice_centeredChildren .Slice__element, .Slice_centeredChildren:not(.Slice_forceMobile) .Slice__element {
        flex: 0 1 auto
    }

.Slice_centeredSizedChildren, .Slice_centeredSizedChildren:not(.Slice_forceMobile) {
    justify-content: center
}

    .Slice_centeredSizedChildren:not(.Slice_forceMobile) .Slice__element {
        width: 100%
    }

@media screen and (min-width: 670px) {
    .Slice_centeredSizedChildren:not(.Slice_forceMobile) .Slice__element {
        flex-grow: 0;
        flex-basis: 25%
    }

        .Slice_centeredSizedChildren:not(.Slice_forceMobile) .Slice__element:only-child {
            flex-basis: 50%
        }
}

.Slice_centeredSizedChildren .Slice__element {
    width: 100%
}

@media screen and (min-width: 1024px) {
    .Slice_centeredSizedChildren .Slice__element {
        flex-grow: 0;
        flex-basis: 25%
    }

        .Slice_centeredSizedChildren .Slice__element:only-child {
            flex-basis: 50%
        }
}

@media screen and (max-width: 669px) {
    .Slice_cardChildren:not(.Slice_forceMobile) {
        padding-right: 8px;
        padding-left: 8px
    }
    .Slice {
        display: initial;
    }
}

.Slice_cardChildren:not(.Slice_forceMobile) .Slice__element {
    border: 1px solid #f2f2f2;
    border-radius: 8px;
    padding: 8px 0;
    background-color: #fff
}

@media screen and (min-width: 670px) {
    .Slice_cardChildren:not(.Slice_forceMobile) .Slice__element {
        padding: 32px 0
    }
}

@media screen and (max-width: 669px) {
    .Slice_cardChildren {
        padding-right: 8px;
        padding-left: 8px
    }
}

.Slice_cardChildren .Slice__element {
    border: 1px solid #f2f2f2;
    border-radius: 8px;
    padding: 8px 0;
    background-color: #fff
}

@media screen and (min-width: 1024px) {
    .Slice_cardChildren .Slice__element {
        padding: 32px 0
    }
}

.Slice_colored {
    background-color: #646b52
}

    .Slice_colored .Slice__element > * {
        color: #fff
    }

.Slice_verticalChildrenMarginNegativ:not(.Slice_forceMobile) > .Slice__element + .Slice__element, .Slice_verticalChildrenMarginNegativ > .Slice__element + .Slice__element {
    margin-top: 0
}

.SliceMultiCards {
    padding: 16px 0
}

@media screen and (min-width: 1024px) {
    .SliceMultiCards {
        padding: 32px 16px
    }
}

.SliceMultiCards__row {
    display: flex;
    flex-direction: column;
    margin: 0 8px
}

    .SliceMultiCards__row:not(:last-child) {
        margin-bottom: 16px
    }

@media screen and (min-width: 1024px) {
    .SliceMultiCards__row {
        flex-direction: row
    }
}

.SliceMultiCards__row .SliceMultiCards__card {
    padding: 8px 0
}

@media screen and (min-width: 1024px) {
    .SliceMultiCards__row .SliceMultiCards__card {
        padding: 32px 0
    }

        .SliceMultiCards__row .SliceMultiCards__card:not(:last-child) {
            margin-right: 16px;
            margin-bottom: 0
        }
}

.SliceMultiCards__card {
    border: 1px solid #f2f2f2;
    border-radius: 8px;
    padding: 8px 0;
    background-color: #fff
}

    .SliceMultiCards__card:not(:last-child) {
        margin-bottom: 8px
    }

.Cq {
    display: none
}

.Cq__editme {
    min-width: 50%;
    padding: 32px;
    margin: 10px auto;
    background-color: #000;
    color: #fff;
    text-align: center
}

.NestedContentModal {
    position: fixed;
    z-index: 22;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100vw;
    height: 100vh;
    background-color: #fff
}

.NestedContentModal__content {
    max-width: 1280px;
    margin: 0 auto
}

.NestedContentModal__innerContent {
    margin: 16px
}

.Link_arrow {
    color: #000;
    font-family: "readBeta2 sans-serif";
    line-height: 1;
    font-weight: 700;
    font-size: 1.4rem;
    position: relative;
    padding-right: 32px;
    text-transform: uppercase
}

    .Link_arrow:hover:after, .Link_arrow:hover:before {
        right: 0
    }

    .Link_arrow:after, .Link_arrow:before {
        position: absolute;
        transform: translateY(-50%);
        content: "";
        top: 50%;
        right: 6px;
        border-color: #ff671b;
        transition: right .3s ease-out
    }

    .Link_arrow:after {
        width: 16px;
        border-bottom-style: solid;
        border-bottom-width: 2px
    }

    .Link_arrow:before {
        transform: translateY(-50%) scaleY(.8) rotate(45deg);
        width: 12px;
        height: 12px;
        border-style: solid;
        border-width: 2px 2px 0 0
    }

.Link_alternative {
    font-family: "readBeta2 sans-serif";
    line-height: 1;
    font-weight: 700;
    font-size: 1.4rem;
    color: #646b52
}

    .Link_alternative:hover, .Link_hyper {
        text-decoration: underline
    }

.AemRTE ol, .AemRTE ul {
    margin-left: 16px
}

.AemRTE ul {
    list-style: disc outside
}

.AemRTE ol {
    list-style: decimal outside
}

.AemRTE a {
    color: currentColor;
    text-decoration: underline;
    font-weight: 700
}

.PictureElement__imgDefault {
    width: auto;
    height: 100%
}

@media screen and (min-width: 670px) {
    .PictureElement__imgDefault {
        width: 100%;
        height: auto
    }
}

picture.is-covered {
    height: 100%
}

    picture.is-covered .PictureElement__imgDefault {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

picture.is-contained .PictureElement__imgDefault {
    display: block;
    width: auto;
    max-width: 100%;
    height: 100%;
    margin: 0 auto;
    object-fit: contain
}

picture.is-auto-height .PictureElement__imgDefault {
    height: auto
}

.LazyPictureElement {
    display: block;
    overflow: hidden
}

    .LazyPictureElement img {
        filter: blur(15px)
    }

.LazyPictureElement_loaded img {
    filter: none
}

.LoaderBar {
    position: fixed;
    z-index: 1000;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 0;
    background-color: hsla(0,0%,100%,0);
    transition: height 0s,background .25s ease-in-out;
    pointer-events: none
}

    .LoaderBar.is-visible {
        height: 100vh;
        background-color: hsla(0,0%,100%,.4)
    }

.LoaderBar__loader {
    position: relative;
    height: 2px
}

.LoaderBar__bar {
    content: "";
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    display: inline-block;
    width: 0;
    height: 100%;
    border-bottom: 1px solid hsla(0,0%,100%,.4);
    text-align: center;
    animation: loading 1s linear infinite;
    background-color: #646b52
}

@keyframes loading {
    0% {
        width: 0
    }

    50% {
        width: 100%
    }

    to {
        width: 0
    }
}

.Notification {
    position: relative;
    display: flex;
    min-height: 32px;
    background-color: #333;
    color: #fff;
    font-size: 1.3rem
}

@media screen and (min-width: 1280px) {
    .Notification:not(.Modal__notification) {
        position: relative;
        left: calc(-50vw + 50%);
        width: 100vw
    }
}

.Notification.is-error {
    background-color: #ee5352
}

.Notification.is-warning {
    background-color: #f7a84b
}

.Notification.is-success {
    background-color: #50e3ac;
    color: #fff
}

    .Notification.is-success .Notification__icon {
        border-color: #fff
    }

.Notification.is-hidden {
    display: none
}

.Notification__iconContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 40px;
    background-color: rgba(0,0,0,.2)
}

.Notification__icon {
    position: relative;
    width: 22px
}

    .Notification__icon path {
        fill: #fff
    }

.Notification__error {
    transform: rotate(45deg)
}

.Notification__success {
    padding: 3px 4px 0;
    border: 1px solid #fff;
    border-radius: 50%
}

    .Notification__success .Notification__icon {
        width: 12px
    }

.Notification__content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 16px 32px 16px 16px
}

.Notification__message {
    display: block;
    max-width: calc(100% - 22px)
}

.Notification__link {
    display: block;
    max-width: 30%;
    margin-right: 32px;
    color: inherit;
    font-size: 1.2rem;
    text-decoration: underline;
    font-weight: 700
}

.Notification__close {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: 16px;
    width: 14px;
    padding: 0;
    cursor: pointer
}

    .Notification__close path {
        fill: #fff
    }

.Notification__label {
    font-weight: 700
}

body.modal-is-active {
    overflow: hidden;
    width: 100%
}

.Modal {
    position: fixed;
    z-index: 22;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden
}

@media screen and (min-width: 670px) {
    .Modal_large .Modal__inner {
        max-width: 75%
    }
}

.Modal__container {
    flex: none
}

.Modal__title {
    display: block;
    padding: 10px 64px 8px;
    font-family: "daciaBlock, sans-serif";
    font-size: 1.4rem;
    text-align: center;
    font-weight: 700;
    box-shadow: 0 0 3px 0 rgba(0,0,0,.25)
}

.Modal__titleSuffix {
    display: none
}

.Modal__inner {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    width: 100vw;
    height: 100vh;
    -webkit-overflow-scrolling: touch
}

@media screen and (min-width: 1024px) {
    .Modal__inner {
        width: auto;
        max-width: 50%;
        height: auto;
        max-height: calc(100vh - 64px)
    }
}

@media screen and (min-width: 1024px)and (-ms-high-contrast:active),screen and (min-width:1024px)and (-ms-high-contrast:none) {
    .Modal__inner {
        height: 100vh
    }
}

.Modal__content {
    position: relative;
    display: flex;
    flex: 1;
    flex-direction: column;
    flex-basis: auto;
    min-height: 0
}

.Modal__close {
    transform: rotate(45deg);
    display: inline-block;
    width: 35px;
    border: 2px solid #646b52;
    border-radius: 100%;
    cursor: pointer;
    aspect-ratio: 1;
    transition: transform .3s;
    position: absolute;
    z-index: 24;
    top: 8px;
    right: 8px;
    display: block
}

    .Modal__close:after, .Modal__close:before {
        position: absolute;
        transform: translate(-50%,-50%);
        top: 50%;
        left: 50%;
        content: ""
    }

    .Modal__close:before {
        height: 17.5px
    }

    .Modal__close:after {
        width: 17.5px
    }

    .Modal__close:focus, .Modal__close:hover {
        transform: rotate(135deg)
    }

.Modal__innerContent {
    flex: 1;
    flex-basis: auto;
    overflow: auto;
    height: 100%;
    padding: 8px 4px
}

    .Modal__innerContent.is-withAlternativePadding {
        padding: 0
    }

    .Modal__innerContent.is-centered {
        display: flex;
        justify-content: center;
        align-items: center
    }

@media only screen and (min-width: 400px) {
    .Modal__innerContent {
        padding: 40px 32px 32px
    }
}

@media screen and (min-width: 1024px) {
    .Modal__innerContent {
        height: auto
    }
}

.Modal_withTitle .Modal__innerContent {
    padding-top: 16px
}

.Modal__innerOverlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5)
}

.Modal_fullscreen .Modal__inner {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: none;
    height: 100%;
    max-height: none;
    box-shadow: none
}

.Modal_fullscreen .Modal__title {
    border: none
}

.Modal_fullscreen .Modal__innerContent {
    flex: 1;
    overflow: auto;
    max-height: none;
    padding: 0
}

.Modal_fullscreen .Modal__close {
    background-color: transparent
}

.Modal_simulator .Modal__inner {
    padding: 0
}

@media screen and (min-width: 1024px) {
    .Modal_simulator .Modal__inner {
        max-width: calc(100% - 64px)
    }
}

.Modal_simulator .Modal__innerContent {
    overflow: auto;
    padding: 0
}

@media only screen and (max-width: 1023px) {
    .Modal_simulator .Modal__innerContent {
        max-height: 100vh
    }
}

.Modal_hidden {
    display: none
}

.Modal_fullscreen.Modal_fullscreenInverted .Modal__inner {
    background-color: #fff;
    color: #000
}

.Modal_fullscreen.Modal_fullscreenInverted .Modal__title {
    color: #000
}

.Modal_fullscreen.Modal_fullscreenInverted .Modal__close {
    color: #777;
    border-color: #777
}

    .Modal_fullscreen.Modal_fullscreenInverted .Modal__close:after, .Modal_fullscreen.Modal_fullscreenInverted .Modal__close:before {
        background-color: #777
    }

.Modal__close {
    width: 30px;
    height: 30px;
    color: #646b52;
    border-color: #646b52
}

    .Modal__close:after, .Modal__close:before {
        background-color: #646b52
    }

    .Modal__close:before {
        width: 2px;
        height: 20px
    }

    .Modal__close:after {
        width: 20px;
        height: 2px
    }

.Modal_withTitle .Modal__close {
    top: 16px
}

.Modal__inner {
    background-color: #fff
}

@media screen and (min-width: 1024px) {
    .Modal__inner {
        border-radius: 4px;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,.1)
    }
}

.Modal__title {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 62px;
    color: #646b52;
    font-size: 2rem
}

.Modal__titleSuffix {
    display: inline-block;
    margin-left: 4px;
    font-weight: 700
}

.Modal_fullscreen .Modal__inner {
    background-color: rgba(0,0,0,.5);
    color: #fff
}

.Modal_fullscreen .Modal__innerOverlay {
    background-color: #000
}

.Modal_fullscreen .Modal__title {
    color: #fff;
    font-family: "daciaBlock, sans-serif";
    font-size: 2rem;
    text-transform: none;
    font-weight: 400
}

.Modal_fullscreen .Modal__titleSuffix {
    color: #646b52
}

.Modal_fullscreen .Modal__close {
    color: #fff;
    border-color: #fff
}

    .Modal_fullscreen .Modal__close:after, .Modal_fullscreen .Modal__close:before {
        background-color: #fff
    }

.Loader {
    position: relative;
    z-index: 10;
    display: none;
    width: 100%;
    height: 100%;
    min-height: 64px
}

    .Loader.is-visible {
        display: block
    }

    .Loader.is-parent-centered, .Loader__commonLogo {
        position: absolute;
        transform: translate(-50%,-50%);
        top: 50%;
        left: 50%
    }

.Loader__commonLogo {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 10px solid #646b52;
    border-left-color: transparent;
    animation: load8 1.1s linear infinite
}

@keyframes load8 {
    0% {
        transform: translate(-50%,-50%) rotate(0deg)
    }

    30% {
        transform: translate(-50%,-50%) rotate(180deg)
    }

    to {
        transform: translate(-50%,-50%) rotate(1turn)
    }
}

.CustomSelect {
    position: relative
}

    .CustomSelect.has-error .CustomSelect__select {
        border-color: #e91630
    }

    .CustomSelect.has-clear .CustomSelect__select {
        padding-right: 44px
    }

    .CustomSelect.is-disabled:after {
        content: none
    }

    .CustomSelect.is-truncated .CustomSelect__select {
        text-overflow: ellipsis;
        white-space: nowrap
    }

.CustomSelect__input {
    position: relative
}

    .CustomSelect__input:after {
        content: "";
        position: absolute;
        transform: translateY(-50%);
        top: 50%;
        right: 8px;
        width: 0;
        height: 0;
        border-top: 8px solid;
        border-right: 6px solid transparent;
        border-left: 6px solid transparent;
        pointer-events: none
    }

.CustomSelect__select {
    display: inline-block;
    width: 100%;
    padding: 8px 24px 8px 8px;
    border: 1px solid #ccc;
    border-radius: 0;
    margin: 0;
    background-color: #fff;
    color: #000;
    font-family: "readBeta2 sans-serif";
    font-size: 1.6rem;
    cursor: pointer;
    background-image: none;
    -webkit-appearance: none;
    appearance: none;
    outline: none
}

    .CustomSelect__select:disabled {
        cursor: default;
        opacity: .3
    }

.CustomSelect__selectOption {
    font: -moz-pull-down-menu
}

.CustomSelect_darkBackground .CustomSelect__select {
    background-color: transparent;
    color: #fff
}

.CustomSelect_darkBackground .CustomSelect__selectOption {
    color: #000
}

.CustomSelect_darkBackground:after {
    border-top-color: #fff
}

.CustomSelect__error {
    margin-top: 4px;
    color: #e91630;
    font-size: 1.3rem
}

.CustomSelect_l .CustomSelect__select {
    padding: 16px 32px 16px 16px
}

.CustomSelect_l:after {
    right: 16px
}

.CustomSelect_s .CustomSelect__select {
    font-size: 1.3rem
}

.CustomSelect_light:after {
    content: "";
    transform: rotate(45deg);
    top: 10px;
    right: 20px;
    padding: 4px;
    border: solid #000;
    border-width: 0 2px 2px 0
}

.CustomSelect_inText .CustomSelect__select {
    padding: 8px 20px 0 0;
    border: 0;
    background-color: transparent;
    font-size: inherit;
    font-weight: 700
}

    .CustomSelect_inText .CustomSelect__select .CustomSelect__selectOption {
        color: #000
    }

.CustomSelect_inText:after {
    right: 4px
}

.CustomSelect_inTextCurrentColor:after {
    border-top-color: initial
}

.CustomSelect_inToolbar .CustomSelect__select {
    min-width: 85px;
    min-height: 40px;
    font-size: 1.1rem
}

.CustomSelect__clearButton {
    position: absolute;
    transform: translateY(-50%);
    z-index: 3;
    top: 50%;
    right: 22px;
    height: 96%;
    font-size: 1rem
}

.CustomSelect__inherit .CustomSelect__select {
    font-size: inherit;
    font-weight: inherit
}

.CustomSelect {
    border-radius: 3px;
    color: #646b52
}

.CustomSelect_inText .CustomSelect__select {
    border-bottom: 2px solid;
    color: #646b52
}

.CustomSelect_inText:after {
    border-top-color: #646b52
}

.CustomSelect_inTextCurrentColor .CustomSelect__select {
    border-bottom: 2px solid;
    color: currentColor
}

.SuggestedLangSelector {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 16px
}

@media screen and (min-width: 670px) {
    .SuggestedLangSelector {
        padding: 8px 16px
    }
}

.SuggestedLangSelector__label {
    display: none;
    margin-right: 64px
}

@media screen and (min-width: 670px) {
    .SuggestedLangSelector__label {
        display: block
    }
}

.SuggestedLangSelector__selector {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media screen and (min-width: 670px) {
    .SuggestedLangSelector__selector {
        flex-direction: row;
        margin-left: auto
    }
}

.SuggestedLangSelector__customSelect {
    min-width: 200px
}

.SuggestedLangSelector__continue {
    padding: 8px 16px;
    margin-top: 16px;
    text-transform: capitalize
}

@media screen and (min-width: 670px) {
    .SuggestedLangSelector__continue {
        margin-top: 0;
        margin-left: 16px
    }
}

.SuggestedLangSelector__close {
    position: absolute;
    top: 16px;
    right: 16px;
    padding: 0;
    margin-left: 64px;
    color: #fff;
    cursor: pointer
}

    .SuggestedLangSelector__close .SuggestedLangSelector__closeIcon {
        width: 24px;
        fill: currentColor
    }

@media screen and (min-width: 670px) {
    .SuggestedLangSelector__close {
        position: static
    }
}

.SuggestedLangSelector {
    background-color: #f2f2f2;
    color: #000
}

.SuggestedLangSelector__close {
    color: #000
}

.helpButtonDisabled, .helpButtonEnabled {
    display: none !important
}

.LiveChatLoader_active .helpButtonEnabled {
    display: flex !important
}

.Chat {
    position: fixed;
    z-index: 50;
    right: 0;
    bottom: 64px;
    display: none
}

    .Chat.is-active {
        display: block
    }

.Chat__iframe {
    width: 100%;
    height: 100%;
    border: none
}

.ErrorOffline__icon {
    width: 50%;
    max-width: 200px;
    margin: 32px auto
}

.ErrorOffline__text {
    width: 75%;
    margin: 24px auto;
    font-size: 1.8rem;
    text-align: center
}

.ErrorOffline__button {
    padding: 5px 15px;
    border: 1px solid #f2f2f2;
    margin-top: 32px;
    font-size: 2.2rem
}

.LogoLoader {
    position: relative;
    display: none;
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    background: unset
}

    .LogoLoader.is-visible {
        display: flex
    }

    .LogoLoader.has-error .LogoLoader__MainBubble:after, .LogoLoader.has-success .LogoLoader__MainBubble:after {
        animation: circleShrink 2s ease-out forwards
    }

    .LogoLoader.has-error .LogoLoader__shadow, .LogoLoader.has-success .LogoLoader__shadow {
        animation: shadowShrink 2s ease-out forwards
    }

    .LogoLoader .LogoLoader__dotContainer {
        position: relative;
        z-index: 1;
        width: inherit;
        height: inherit;
        margin: 0;
        transition: .2s
    }

        .LogoLoader .LogoLoader__dotContainer.has-error .LogoLoader__dot, .LogoLoader .LogoLoader__dotContainer.has-error .LogoLoader__dot:nth-child(2), .LogoLoader .LogoLoader__dotContainer.has-error .LogoLoader__dot:nth-child(3), .LogoLoader .LogoLoader__dotContainer.has-success .LogoLoader__dot, .LogoLoader .LogoLoader__dotContainer.has-success .LogoLoader__dot:nth-child(2), .LogoLoader .LogoLoader__dotContainer.has-success .LogoLoader__dot:nth-child(3) {
            opacity: 0
        }

        .LogoLoader .LogoLoader__dotContainer.has-error .LogoLoader__ErrorDot:after {
            animation: errorAnimation 1s .5s forwards
        }

        .LogoLoader .LogoLoader__dotContainer.has-success .LogoLoader__ErrorDot:after {
            animation: successAnimation 1s .5s forwards
        }

    .LogoLoader .LogoLoader__ErrorDot {
        width: inherit;
        height: inherit
    }

        .LogoLoader .LogoLoader__ErrorDot:after {
            content: "";
            position: absolute;
            display: flex;
            justify-content: center;
            align-items: center;
            width: inherit;
            height: inherit;
            border-radius: 50%;
            color: #fff;
            transform-origin: center;
            opacity: 0
        }

    .LogoLoader .LogoLoader__dot {
        position: absolute;
        transform: translateX(-50%) translateY(-50%);
        top: 0;
        left: 0;
        width: 15%;
        height: 15%;
        border-radius: 50%;
        margin-top: 35%;
        background-color: #fff;
        transition: .5s
    }

        .LogoLoader .LogoLoader__dot:first-child {
            margin-left: 30%;
            animation: bounce 1s infinite
        }

        .LogoLoader .LogoLoader__dot:nth-child(2) {
            left: 50%;
            margin-left: 0;
            animation: bounce2 1s infinite
        }

        .LogoLoader .LogoLoader__dot:nth-child(3) {
            left: 100%;
            margin-left: -30%;
            animation: bounce3 1s infinite
        }

    .LogoLoader .LogoLoader__MainBubble {
        width: 100%;
        height: 100%
    }

        .LogoLoader .LogoLoader__MainBubble, .LogoLoader .LogoLoader__MainBubble:after {
            position: absolute;
            transform: translate(-50%,-50%);
            top: 50%;
            left: 50%;
            border-radius: 50%
        }

            .LogoLoader .LogoLoader__MainBubble:after {
                content: "";
                display: block;
                width: inherit;
                height: inherit;
                background-color: #646b52
            }

    .LogoLoader .LogoLoader__BubbleChild {
        height: 0;
        border-radius: 50%;
        animation: circleGrowUp 2s ease-out infinite;
        animation-delay: .25s
    }

    .LogoLoader .LogoLoader__BubbleChild, .LogoLoader .LogoLoader__logo {
        position: absolute;
        transform: translate(-50%,-50%);
        top: 50%;
        left: 50%;
        width: 0
    }

    .LogoLoader .LogoLoader__logo {
        animation: logoGrowUp 2s infinite
    }

@keyframes circleGrowUp {
    0% {
        opacity: 0
    }

    10% {
        opacity: 1
    }

    20%,90% {
        width: 100%;
        height: 100%
    }

    to {
        opacity: 0
    }
}

@keyframes logoGrowUp {
    0% {
        opacity: 0
    }

    10% {
        opacity: 1
    }

    20%,40% {
        width: 50%;
        opacity: 1
    }

    41%,45% {
        width: 45%
    }

    46%,to {
        width: 55%
    }
}

.LogoLoader .LogoLoader__icon {
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    z-index: 2;
    width: 0;
    animation: crossGrowUp 2s ease-out forwards;
    animation-delay: 1s
}

    .LogoLoader .LogoLoader__icon path {
        fill: #fff
    }

@keyframes crossGrowUp {
    0% {
        width: 0;
        opacity: 0
    }

    10% {
        opacity: 1
    }

    20%,40% {
        width: 50%;
        opacity: 1
    }

    41%,45% {
        width: 45%
    }

    46%,to {
        width: 55%
    }
}

.LogoLoader__warning {
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%
}

.LogoLoader__message {
    margin-top: 32px 0;
    font-size: 1.6rem;
    font-weight: 400
}

.LogoLoader__container {
    display: none;
    height: inherit
}

    .LogoLoader__container.is-visible {
        display: flex;
        justify-content: center;
        align-items: center
    }

.LogoLoader__container_stretch {
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden
}

    .LogoLoader__container_stretch.is-visible {
        background-color: #fff
    }

.LogoLoader__container_fullscreen {
    position: fixed
}

    .LogoLoader__container_fullscreen .LogoLoader__message {
        font-size: 1.8rem
    }

.LogoLoader__container_large .LogoLoader {
    width: 150px;
    height: 150px;
    margin-bottom: 40px
}

.LogoLoader__container_fullscreen .LogoLoader__message, .LogoLoader__container_large .LogoLoader__message {
    margin: 16px 0;
    font-weight: 700
}

@keyframes bounce {
    0% {
        top: 0
    }

    37.5% {
        top: 40%
    }

    75%,to {
        top: 0
    }
}

@keyframes bounce2 {
    0%,12.5% {
        top: 0
    }

    50% {
        top: 40%
    }

    87.5%,to {
        top: 0
    }
}

@keyframes bounce3 {
    0%,25% {
        top: 0
    }

    62.5% {
        top: 40%
    }

    to {
        top: 0
    }
}

@keyframes successAnimation {
    0% {
        transform: scale(0);
        background-color: #646b52;
        font-size: 0;
        opacity: 0
    }

    to {
        transform: scale(1);
        background-color: #646b52;
        opacity: 1
    }
}

@keyframes errorAnimation {
    0% {
        transform: scale(0);
        background-color: #e91630;
        font-size: 0;
        opacity: 0
    }

    to {
        transform: scale(1);
        background-color: #e91630;
        opacity: 1
    }
}

@keyframes circleShrink {
    0% {
        width: inherit;
        height: inherit
    }

    90%,to {
        width: 0;
        height: 0%
    }
}

@keyframes shadowShrink {
    0% {
        width: 100%;
        height: 8%
    }

    to {
        width: 0;
        height: 0%;
        margin-left: 50%
    }
}

.LogoLoader__shadow {
    position: absolute;
    top: 108%;
    width: 100%;
    height: 8%;
    border-radius: 50%;
    background-color: #f2f2f2;
    box-shadow: 0 0 1px #f2f2f2;
    opacity: .8
}

.LogoLoader .LogoLoader__shadow {
    background-color: #ccc
}

.ErrorPage {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 450px;
    text-align: center
}

    .ErrorPage .ErrorPage__Animation {
        position: relative;
        width: 80px;
        height: 80px;
        padding: 64px
    }

    .ErrorPage .ErrorPage__title {
        padding: 0 0 8px;
        font-size: 1.8rem;
        font-weight: 700
    }

    .ErrorPage .ErrorPage__description {
        padding: 0 16px;
        line-height: 2.3rem
    }

    .ErrorPage .ErrorPage__Button {
        padding: 8px 32px;
        margin: 16px 0
    }

.ErrorTech {
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%
}

.Overlay {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: transparent;
    visibility: hidden;
    will-change: background-color;
    transition: background-color .5s ease
}

    .Overlay.is-visible {
        background-color: rgba(0,0,0,.5);
        visibility: visible
    }

.MainContainer {
    width: 100%
}

    .MainContainer.MainContainer_funnel {
        max-width: none
    }

.Page {
    background-color: #fff
}

.Main {
    position: relative;
    align-items: center;
    width: 100%;
    margin: 0 auto
}

.AuthProvider__msg {
    padding: 16px;
    margin: 16px 0;
    background-color: #ee5352;
    color: #fff;
    font-size: 1.6rem
}

.AuthProvider__ErrorPage {
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%
}

/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
*, :after, :before {
    box-sizing: border-box
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    tab-size: 4
}

body {
    margin: 0;
    font-family: system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji
}

hr {
    height: 0;
    color: inherit
}

abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

code, kbd, pre, samp {
    font-family: ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

table {
    text-indent: 0;
    border-color: inherit
}

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

button, select {
    text-transform: none
}

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

::-moz-focus-inner {
    padding: 0;
    border-style: none
}

:-moz-focusring {
    outline: 1px dotted ButtonText
}

:-moz-ui-invalid {
    box-shadow: none
}

legend {
    padding: 0
}

progress {
    vertical-align: initial
}

::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto
}

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

::-webkit-search-decoration {
    -webkit-appearance: none
}

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

summary {
    display: list-item
}

.u-hidden-wording {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 1px;
    height: 1px;
    clip: rect(1px,1px,1px,1px)
}

body {
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    min-height: 100vh;
    background-color: #fff;
    color: #000;
    font-family: "readBeta2 sans-serif";
    font-size: 1.2rem;
    line-height: 1.45;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    direction: ltr
}

@media(max-width: 1023px) {
    body.with-docked-button {
        padding-bottom: 96px
    }
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, summary, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    padding: 0;
    border: 0;
    margin: 0;
    font-size: 100%;
    vertical-align: initial
}

ol, ul {
    padding: 0;
    margin: 0;
    list-style: none
}

a {
    text-decoration: none
}

html {
    font-size: 62.5%;
    overscroll-behavior: none auto
}

button, input, select, textarea {
    border-radius: 0;
    font-family: inherit
}

input, textarea {
    transform: translateZ(0)
}

    input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select:focus, textarea {
        font-size: 1.6rem
    }

button {
    border: 0;
    background-color: transparent;
    color: #000;
    text-decoration: none;
    cursor: pointer
}

path {
    vector-effect: non-scaling-stroke
}

:focus {
    outline: none
}

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

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {
    display: none
}

@font-face {
    font-family: "readBeta2 sans-serif";
    font-weight: 400;
    font-display: swap;
    src: url(/css/font/light-v3100-Latin-Cyrillic-fc42da7173de9d2d8168.woff2) format("woff2")
}

@font-face {
    font-family: "readBeta2 sans-serif";
    font-weight: 700;
    font-display: swap;
    src: url(/css/font/medium-v3100-Latin-Cyrillic-8dbe471a2385f12ee572.woff2) format("woff2")
}

@font-face {
    font-family: "daciaBlock, sans-serif";
    font-weight: 700;
    font-display: swap;
    src: url(/css/font/DaciaBlock-Regular-273b08b248985a6c03ad.woff2) format("woff2")
}

@font-face {
    font-family: "daciaBlock, sans-serif";
    font-weight: 900;
    font-display: swap;
    src: url(/css/font/DaciaBlockExtended-Bold-a28604af909e661a7ab2.woff2) format("woff2")
}

.Main, .MainContainer, .Page, body > div#app, form > div#app {
    display: flex;
    flex: 1 0 auto;
    flex-direction: column
}

.MainContainer {
    max-width: 1280px
}

h1, h2, h3, h4 {
    font-family: "daciaBlock, sans-serif"
}

.rowContent input[type=checkbox] {
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 8px;
    margin-left: 0px;
}