body {
            padding: 0;
            margin: 0;
        }

        @keyframes scrollImageHor {
            0% {
                transform: translateX(0%);
            }

            50% {
                transform: translateX(-40%);
            }

            100% {
                transform: translateX(0%);
            }
        }

        @keyframes animate-show {
            0% {
                height: 100%;
                opacity: 0;
            }

            100% {
                height: 100%;
                opacity: 1;
            }
        }

        @keyframes slide {
            0% {
                width: 100%;
            }

            100% {
                width: 200%;
            }
        }

        @keyframes spin {
            from {
                transform: rotate(0deg) scale(2);
            }

            to {
                transform: rotate(360deg) scale(2);
            }
        }

        @keyframes session-fade {
            0% {
                opacity: 100%;
            }

            100% {
                opacity: 0;
                visibility: hidden;
            }
        }

        .body {
            font-family: Open Sans, Helvetica, Arial, sans-serif;
            vertical-align: baseline;
            background-color: #fff;
            height: 100%;
            color: #2e0258;
            opacity: 0;
            font-size: 16px;
            line-height: 1;
            min-height: 100vh;
        }

        .antialiased {
            -webkit-font-smoothing: antialiased;
        }

        .body-loaded {
            opacity: 1;
            transition: opacity .5s linear;
        }

        .main-bg-color {
            background-color: #EAEAEA;
        }

        @media only screen and (min-width: 576px) and (max-width: 767px) {
            .w-100-xs {
                width: 100%;
            }
        }

        @media only screen and (min-width: 992px) and (max-width: 1199px) {
            .w-100-sm {
                width: 100%;
            }
        }

        @media only screen and (min-width: 992px) and (max-width: 1199px) {
            .w-auto-sm {
                width: auto;
            }
        }

        @media only screen and (min-width: 992px) and (max-width: 1199px) {
            .w-auto-md {
                width: auto;
            }
        }

        @media only screen and (min-width: 1200px) {
            .w-auto-lg {
                width: auto;
            }
        }

        .m-text-center {
            text-align: center;
        }

        @media only screen and (max-width: 1199px) {
            .lg-down-text-center {
                text-align: center;
            }
        }

        .lh-1 {
            line-height: 1;
        }

        .lh-2 {
            line-height: 1.2;
        }

        .lh-4 {
            line-height: 1.4;
        }

        .lh-55 {
            line-height: 1.55;
        }

        .m-text-capitalize {
            text-transform: capitalize;
        }

        .m-text-uppercase {
            text-transform: uppercase;
        }

        .m-text-lowercase {
            text-transform: lowercase;
        }

        .m-text-regular {
            font-weight: 400;
        }

        .m-text-semibold {
            font-weight: 600;
        }

        .m-text-bold {
            font-weight: 700;
        }

        .m-text-white {
            color: #fff;
        }

        .m-text-black {
            color: #222;
        }

        .m-text-grey-1 {
            color: #6C6C6C;
        }

        .m-text-grey-2 {
            color: #3e3e3e;
        }

        .m-text-blue {
            color: #3a505e;
        }

        .m-media-blue {
            color: #298cb5;
        }

        .m-bg-grey {
            background-color: #F5F5F5;
        }

        .btn-width {
            width: auto !important;
            min-width: 288px !important;
        }

        .btn-width-en {
            min-width: 288px !important;
            max-width: 288px !important;
        }

        .btn-width-fr {
            width: auto !important;
        }

        .btn-width-dk {
            width: auto !important;
        }

        .btn-width-da {
            width: auto !important;
        }

        .btn-width-es {
            width: auto !important;
        }

        .btn-width-de {
            width: auto !important;
        }

        .btn-width-fi {
            width: auto !important;
        }

        .btn-width-nl {
            width: auto !important;
        }

        .btn-width-be {
            width: auto !important;
        }

        .btn-width-pt {
            width: auto !important;
        }

        .btn-width-se {
            width: auto !important;
        }

        .btn-width-sv {
            width: auto !important;
        }

        .btn-width-no {
            width: auto !important;
        }

        .btn-width-jp {
            width: auto !important;
        }

        .btn-width-ja {
            width: auto !important;
        }

        .btn-width-ru {
            width: auto !important;
        }

        .btn-width-cn {
            width: auto !important;
        }

        .btn-width-zh_ch {
            width: auto !important;
        }

        .btn-width-tw {
            width: auto !important;
        }

        .btn-width-zh_tw {
            width: auto !important;
        }

        @media only screen and (max-width: 1199px) {
            .mxw-cc-lg-down {
                box-sizing: border-box;
                max-width: 25em;
                margin: 0 auto !important;
            }
        }

        @media only screen and (max-width: 1199px) {
            .mxw-440-lg-down {
                box-sizing: border-box;
                max-width: 440px;
                margin: 0 auto;
            }
        }

        .mxw-60 {
            box-sizing: border-box;
            max-width: 60em;
            margin: 0 auto;
        }

        @media only screen and (max-width: 575px) {
            .mxw-60 {
                max-width: 100%;
            }
        }

        @media only screen and (min-width: 1200px) {
            .xl-mxw-60 {
                box-sizing: border-box;
                max-width: 60em;
                margin: 0 auto;
            }
        }

        .mxw-70 {
            box-sizing: border-box;
            max-width: 70em;
            margin: 0 auto;
        }

        .mxw-80 {
            box-sizing: border-box;
            max-width: 80em;
            margin: 0 auto;
        }

        .my0 {
            margin-top: 0;
            margin-bottom: 0;
            margin-block-start: 0;
            margin-block-end: 0;
        }

        .mt0 {
            margin-top: 0;
        }

        .mt1 {
            margin-top: 1em;
        }

        .mt2 {
            margin-top: 2em;
        }

        .mr0 {
            margin-right: 0 !important;
        }

        .mrp5 {
            margin-right: .5em;
        }

        .mr1 {
            margin-right: 1em;
        }

        .mb0 {
            margin-bottom: 0;
        }

        .mbp5 {
            margin-bottom: .5em;
        }

        .mb1 {
            margin-bottom: 1em;
        }

        .mb1p5 {
            margin-bottom: 1.5em;
        }

        .mb2 {
            margin-bottom: 2em;
        }

        .mb3 {
            margin-bottom: 3em;
        }

        .mb4 {
            margin-bottom: 4em;
        }

        .p1 {
            padding: 1em;
        }

        .p2 {
            padding: 2em;
        }

        .ptp5 {
            padding-top: .5em;
        }

        .pt1 {
            padding-top: 1em;
        }

        .pb1 {
            padding-bottom: 1em;
        }

        .pb2 {
            padding-bottom: 2em;
        }

        .px1 {
            padding-right: 1em;
            padding-left: 1em;
        }

        .position-relative {
            position: relative;
        }

        .m-display-inline {
            display: inline;
        }

        .m-display-block {
            display: block;
        }

        .m-display-inline-block {
            display: inline-block;
        }

        .flex {
            display: flex;
        }

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

        .flex-wrap {
            flex-wrap: wrap;
        }

        .items-start {
            align-items: flex-start;
        }

        .items-end {
            align-items: flex-end;
        }

        .items-center {
            align-items: center;
        }

        .justify-start {
            justify-content: flex-start;
        }

        .justify-end {
            justify-content: flex-end;
        }

        .justify-center {
            justify-content: center;
        }

        .justify-between {
            justify-content: space-between;
        }

        .justify-around {
            justify-content: space-around;
        }

        .order-1 {
            order: 1;
        }

        .order-2 {
            order: 2;
        }

        .order-3 {
            order: 3;
        }

        @media only screen and (min-width: 1200px) {
            .xl-flex {
                display: flex;
            }
        }

        @media only screen and (max-width: 1199px) {
            .lg-down-flex {
                display: flex;
            }
        }

        @media only screen and (max-width: 1199px) {
            .flex-column-reverse-lg-down {
                flex-direction: column-reverse;
            }
        }

        @media only screen and (max-width: 1199px) {
            .flex-column-lg-down {
                flex-direction: column;
            }
        }

        @media only screen and (max-width: 1199px) {
            .lg-down-justify-center {
                justify-content: center;
            }
        }

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

        .flex-right-auto {
            margin-right: auto;
        }

        @media only screen and (min-width: 1200px) {
            .xl-hide {
                display: none;
            }
        }

        @media only screen and (max-width: 1199px) {
            .lg-down-hide {
                display: none;
            }
        }

        .col-50 {
            box-sizing: border-box;
            width: 50%;
        }

        @media only screen and (min-width: 1200px) {
            .xl-col-50 {
                box-sizing: border-box;
                width: 50%;
            }
        }

        @media only screen and (min-width: 1200px) {
            .overview-premium-col {
                box-sizing: border-box;
                width: 62%;
            }
        }

        @media only screen and (max-width: 1199px) {
            .overview-premium-col {
                width: 65%;
            }
        }

        .col-83 {
            box-sizing: border-box;
            width: 83.3333333333%;
        }

        .col-100 {
            box-sizing: border-box;
            width: 100%;
        }

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

        .spacer {
            display: block;
            border-width: 1px 0 0 0;
            border-style: solid;
        }

        .spacer_overview {
            margin: 18px 0 1em;
            border-color: #d5d4d4;
        }

        .spacer_receipt {
            box-sizing: border-box;
            width: 100%;
            margin-top: 3em;
            margin-bottom: 3em;
            border-color: #CACACA;
        }

        .title {
            display: block;
            font-weight: 600;
            line-height: 1.4;
        }

        .h1 {
            font-size: 24px;
        }

        @media only screen and (max-width: 575px) {
            .h1 {
                font-size: 21px;
            }
        }

        .m-text {
            display: block;
            line-height: 1.55;
            font-weight: 400;
        }

        .header {
            position: relative;
            box-sizing: border-box;
            width: 100%;
            padding: 1em 2em 1em 1em;
        }

        @media only screen and (max-width: 1199px) {
            .header {
                padding: 0.5em 1em;
            }
        }

        .logo_box {
            position: relative;
            padding: 3.2px 16px 3.2px 8px;
        }

        @media only screen and (min-width: 1200px) {
            .logo_box {
                padding: 12.8px 1em;
            }
        }

        .brand_logo {
            margin-right: .4em;
            display: block;
            box-sizing: border-box;
            max-width: 30px;
            max-height: 30px;
            min-height: 30px;
            width: 100%;
        }

        .brand_name {
            letter-spacing: .03em;
            font-size: 1em;
        }

        @media only screen and (min-width: 1200px) {
            .brand_name {
                font-size: 22px;
                font-weight: 700;
            }
        }

        @media only screen and (min-width: 1200px) {
            .section_stage {
                padding: 2em 1em 2em;
            }
        }

        @media only screen and (max-width: 1199px) {
            .section_stage {
                box-sizing: border-box;
                max-width: 440px;
                margin: 0 auto;
                padding: 1em 1em 2em;
            }
        }

        .registration-form_wrapper {
            box-sizing: border-box;
            margin: 0 auto;
            background-color: #fff;
            color: #464646;
            padding: 1.5rem;
            max-width: 440px;
        }

        @media only screen and (min-width: 1200px) {
            .registration-form_wrapper {
                box-sizing: border-box;
                padding: 1.5rem 2em 2em;
                border-radius: 5px;
                margin: 0 auto;
                min-width: 600px;
                max-width: 600px;
            }
        }

        @media only screen and (max-width: 1199px) {
            .registration-form_wrapper {
                margin: 1em 0;
            }
        }

        @media only screen and (max-width: 575px) {
            .registration-form_wrapper {
                padding: 1.5rem 1rem;
            }
        }

        @media only screen and (max-width: 1199px) {
            .registration-form_box {
                box-sizing: border-box;
                max-width: 25rem;
                margin: 0 auto;
            }
        }

        .title_form-registration {
            margin: .1em 0 0;
            font-size: 25px;
            font-weight: 600;
            color: #4f4f4f;
        }

        @media only screen and (max-width: 1199px) {
            .title_form-registration {
                font-size: 20px;
            }
        }

        .registration-form_box-text {
            line-height: 1.4;
            font-size: 20px;
            margin: .5em 0;
            font-weight: 400;
        }

        @media only screen and (max-width: 1199px) {
            .registration-form_box-text {
                font-size: 16px;
            }
        }

        .legal_registration-text {
            line-height: 1.55;
            font-size: 12px;
            margin-bottom: 1.5em;
        }

        @media only screen and (min-width: 1200px) {
            .billing-info_wrapper {
                box-sizing: border-box;
                width: 41%;
                margin-right: 5rem;
            }
        }

        .overview_subtext {
            display: block;
            margin-bottom: 0;
            font-style: italic;
            font-size: 12px;
            line-height: 1.4;
        }

        @media only screen and (min-width: 1200px) {
            .overview_subtext {
                margin-top: 5px;
            }
        }

        @media only screen and (max-width: 1199px) {
            .overview_subtext {
                max-width: 228px;
            }
        }

        @media only screen and (max-width: 575px) {
            .overview_subtext {
                font-size: 11px;
            }
        }

        @media only screen and (min-width: 1200px) {
            .overview-total {
                font-size: 24px;
            }
        }

        @media only screen and (max-width: 1199px) {
            .overview-total {
                font-size: 18px;
            }
        }

        .overview-desktop-header-wrapper {
            display: flex;
            justify-content: space-between;
            align-items: baseline;
        }

        .overview-mobile-header-wrapper {
            display: flex;
            justify-content: space-between;
            align-items: baseline;
        }

        .overview-mobile_title {
            font-size: 17px;
            margin: 0.5rem 0;
        }

        @media only screen and (min-width: 1200px) {
            .overview-mobile_title {
                font-size: 25px;
            }
        }

        .overview-mobile_top {
            padding: 1em 0 .5em;
        }

        @media only screen and (max-width: 1199px) {
            .overview-membership-text {
                line-height: 1.55;
                font-size: 14px;
            }
        }

        .billing-info_title {
            font-size: 16px;
            margin: 0 0 8px;
            font-weight: 700;
        }

        @media only screen and (max-width: 575px) {
            .billing-info_title {
                font-size: 15px;
            }
        }

        .billing-info_text {
            font-size: 15px;
            display: block;
        }

        @media only screen and (max-width: 575px) {
            .billing-info_text {
                font-size: .9rem;
            }
        }

        .billing-form_wrapper {
            margin-top: 2em;
        }

        .secure-server-wrapper--registration {
            display: none;
        }

        @media only screen and (min-width: 1200px) {
            .secure-server-wrapper--registration {
                display: flex;
                align-items: flex-end;
                justify-content: flex-end;
            }
        }

        .secure-server--registration {
            position: relative;
            padding-right: 1.9rem;
            text-align: right;
        }

        .secure-server_text {
            font-size: 16px;
            color: #4E4E4E;
            line-height: 1.55;
        }

        .tooltip-membership {
            position: absolute;
            top: 6rem;
            left: 50%;
            transform: translateX(-50%);
            box-sizing: border-box;
            max-width: 400px;
            width: 100%;
            background-color: #fff;
            border: 1px solid #333;
            padding: 1rem;
            z-index: 2;
            box-shadow: 0 3px 6px 2px #ccc;
            border-radius: 5px;
        }

        @media only screen and (min-width: 1200px) {
            .tooltip-membership {
                top: 9rem;
                left: 54%;
                transform: translateX(-136%);
            }
        }

        .custom-radio-border {
            box-sizing: border-box;
            height: 22px;
            width: 22px;
            display: inline-block;
            position: relative;
            border-radius: 50%;
            margin-right: 8px;
            background: #fff;
            border: 2px solid #ccc;
            transition: border .15s linear;
            border-color: #298cb5;
        }

        @media only screen and (max-width: 575px) {
            .custom-radio-border {
                display: none;
            }
        }

        .custom-radio {
            box-sizing: border-box;
            height: 12px;
            width: 12px;
            position: absolute;
            left: 3px;
            top: 3px;
            z-index: 1;
            background: #298cb5;
            transition: background .15s linear;
            border-radius: 50%;
        }

        @media only screen and (max-width: 575px) {
            .custom-radio {
                display: none;
            }
        }

        .tooltip {
            position: absolute;
            top: 30px;
            right: 0;
            box-sizing: border-box;
            width: 400px;
            border-radius: 0;
            padding: 0.7rem;
            background: #3c3c3c;
            color: #fff;
            text-align: left;
            z-index: 1000;
        }

        .tooltip-detail {
            display: block;
            right: 0.4rem;
            top: -10px;
            position: absolute;
            box-sizing: border-box;
            width: 0;
            height: 0;
            border: solid 5px;
            border-color: transparent transparent #3c3c3c transparent;
        }

        .form-text_billing {
            font-size: 13px;
            line-height: 1.55;
            color: #a2a1a1;
        }

        .membership_wrapper {
            display: flex;
            padding: 0 16px 0;
        }

        @media only screen and (min-width: 1200px) {
            .membership_wrapper {
                box-sizing: border-box;
                min-height: 70em;
            }
        }

        @media only screen and (max-width: 1199px) {
            .membership_wrapper {
                padding: 0;
                flex-direction: column;
                align-items: center;
                margin-bottom: 20px;
            }
        }

        @media only screen and (max-width: 1199px) {
            .membership-md-down-wrap {
                box-sizing: border-box;
                max-width: 440px;
                width: 100%;
                margin-right: auto;
                margin-left: auto;
            }
        }

        .premium-info_wrapper {
            padding: 3em 0 0;
        }

        @media only screen and (min-width: 1200px) {
            .premium-info_wrapper {
                margin-right: auto;
                padding-right: 16px;
            }
        }

        @media only screen and (max-width: 1199px) {
            .premium-info_wrapper {
                box-sizing: border-box;
                width: 100%;
                order: 2;
                padding: 2em 1em 1em;
            }
        }

        .premium-box {
            margin-bottom: 40px;
        }

        @media only screen and (max-width: 1199px) {
            .premium-box {
                margin-bottom: 24px;
            }
        }

        .premium-box--3 {
            margin-bottom: 1em;
        }

        .title_premium {
            font-size: 27.2px;
            margin-top: 0;
            margin-bottom: 38px;
        }

        @media only screen and (max-width: 575px) {
            .title_premium {
                font-size: 24px;
                margin-bottom: 24px;
                padding-top: 12px;
            }
        }

        .title_premium-feature {
            margin-top: 0;
            margin-bottom: 15.84px;
        }

        @media only screen and (max-width: 575px) {
            .title_premium-feature {
                margin-bottom: 16px;
                font-size: 17px;
            }
        }

        .title_premium-feature-last {
            margin-top: 0;
            margin-bottom: 15px;
        }

        @media only screen and (max-width: 575px) {
            .title_premium-feature-last {
                font-size: 17px;
            }
        }

        .title_premium-media {
            margin-top: 0;
            margin-bottom: .5em;
        }

        @media only screen and (max-width: 575px) {
            .title_premium-media {
                font-size: 16px;
            }
        }

        .premium_text {
            line-height: 1.63;
        }

        @media only screen and (max-width: 575px) {
            .premium_text {
                font-size: 14.4px;
                line-height: 1.55;
            }
        }

        .multimedia-list {
            padding: 1.5em 0;
        }

        @media only screen and (max-width: 1199px) {
            .multimedia-list {
                padding: .5em 0;
            }
        }

        .multimedia-box {
            position: relative;
            margin-bottom: 1em;
            padding-left: 4em;
        }

        @media only screen and (max-width: 575px) {
            .multimedia-box {
                margin-bottom: 2em;
            }
        }

        .multimedia_text {
            display: inline-block;
            line-height: 1.55;
        }

        @media only screen and (max-width: 1199px) {
            .multimedia_text {
                font-size: 14px;
            }
        }

        @media only screen and (max-width: 1199px) {
            .plans_wrapper {
                order: 1;
                box-sizing: border-box;
                max-width: 440px;
                width: 100%;
                padding: 2em 1em 0;
                margin-bottom: 2em;
            }
        }

        @media only screen and (min-width: 1200px) {
            .plans_wrapper {
                box-sizing: border-box;
                width: 45%;
                padding-left: 16px;
                padding-top: 2em;
            }
        }

        .title_member-selection {
            margin: .5em 0;
        }

        .plans_intro {
            font-size: 16px;
            line-height: 1.55;
        }

        @media only screen and (max-width: 1199px) {
            .plans_intro {
                font-size: 14.4px;
            }
        }

        @media only screen and (max-width: 575px) {
            .plans_intro {
                padding-bottom: 8px;
            }
        }

        .form--membership-selection {
            position: relative;
        }

        .form--membership-selection--last {
            margin-bottom: 32px;
        }

        @media only screen and (max-width: 1199px) {
            .form--membership-selection--last {
                margin-bottom: 1em;
            }
        }

        .btn_plans-wrap {
            display: flex;
            justify-content: flex-end;
        }

        .membership-selection {
            position: relative;
            border-left-color: #dedede;
            box-shadow: 0 0 0 0.03em #ccc;
            display: block;
            text-align: center;
            border-style: solid;
            user-select: none;
            cursor: pointer;
        }

        .membership-selection--sm {
            box-sizing: border-box;
            padding: 1.5em 1em;
            border-right-color: silver;
            min-height: 83px;
            border-width: 0 70.391px 0 3px;
            border-radius: 5px;
            transition: all 50ms linear 0s;
            background: #FFF;
        }

        @media only screen and (max-width: 1199px) {
            .membership-selection--sm {
                padding: 1.6em 0 1.2em;
                border-radius: 4px;
            }
        }

        .membership-selection--lg {
            padding: 2em 1em 1.5em;
            border-right-color: #89203D;
            border-left-width: 3px;
            border-right-width: 80px;
            border-radius: 4px;
            border-top: 1px solid #dedede;
            border-bottom: 1px solid #dedede;
            transition: all 20ms linear 0s;
            background: #FFF;
            : hover:[object Object];
        }

        .membership-selection--lg:hover {
            filter: brightness(1.12);
        }

        @media only screen and (max-width: 1199px) {
            .membership-selection--lg {
                padding: 32px 24px 28.8px 32px;
            }
        }

        .membership-selection--after {
            position: absolute;
            border-right: 16px solid silver;
            border-top: 16px solid transparent;
            border-bottom: 16px solid transparent;
            right: 13%;
            top: 50%;
            margin-top: -15px;
            transition: all 50ms linear 0s;
        }

        @media only screen and (max-width: 1199px) {
            .membership-selection--after {
                margin-top: -16px;
                right: 68.5469px;
            }
        }

        .border-membership--right {
            border-right-color: #89203D !important;
        }

        .border-membership-color--unselected {
            border-right-color: silver;
        }

        .border-membership-color--selected {
            border-right-color: #89203D;
        }

        .title_plans {
            display: block;
            margin: 5.427px 0 0;
            font-size: 27px;
            line-height: 1.4;
        }

        @media only screen and (max-width: 1199px) {
            .title_plans {
                font-size: 20px;
                margin-top: 0;
                margin-bottom: 10px;
            }
        }

        .title_plans--lg {
            display: block;
            font-size: 36px;
            line-height: 1.4;
        }

        @media only screen and (max-width: 1199px) {
            .title_plans--lg {
                font-size: 28px;
            }
        }

        .plans_price {
            display: block;
            font-size: 38px;
            margin: .3em 0;
        }

        @media only screen and (max-width: 1199px) {
            .plans_price {
                font-size: 30px;
            }
        }

        .plans_price--lg {
            line-height: 1.4;
            font-size: 72px;
            margin-top: 0;
            margin-bottom: 0;
        }

        @media only screen and (max-width: 1199px) {
            .plans_price--lg {
                line-height: 1.15;
                font-size: 52px;
            }
        }

        .plans_price--super {
            display: inline-block;
            vertical-align: super;
            font-size: 20px;
        }

        @media only screen and (max-width: 1199px) {
            .plans_price--super {
                font-size: 17px;
            }
        }

        .dropdown-media-wrapper {
            display: block;
            max-width: 440px;
        }

        @media only screen and (min-width: 1200px) {
            .dropdown-media-wrapper {
                max-width: 87%;
            }
        }

        .plans_price--super-lg {
            display: inline-block;
            vertical-align: super;
            font-size: 43px;
            position: relative;
            top: 4px;
        }

        @media only screen and (max-width: 1199px) {
            .plans_price--super-lg {
                font-size: 30px;
                top: 3.058px;
            }
        }

        .dropdown-media-list {
            padding: 1em;
            margin: 0;
            color: #222;
            background-color: #FFF;
            font-size: 1em;
            border-bottom-left-radius: 6px;
            border-bottom-right-radius: 6px;
            user-select: none;
            cursor: pointer;
            list-style: none;
        }

        .dropdown-media-list-items {
            padding: .5em;
            color: #222;
            font-size: 1em;
            border-radius: 6px;
            outline: none;
            user-select: none;
            transition: all 50ms linear 0s;
            : hover:[object Object];
        }

        .dropdown-media-list-items:hover {
            background-color: #FE2F30;
            color: #ffffff;
        }

        .membership_media_selected {
            color: #fff;
            background-color: #252089;
        }

        .btn_skip {
            cursor: pointer;
            background: none;
            text-decoration: underline;
            width: 100%;
            border: 0;
            text-align: left;
            font-size: 12px;
            padding: 0;
            line-height: 1.4;
        }

        .plans-text {
            display: inline-block;
            color: #222;
            font-size: 14.08px;
            font-style: italic;
            padding: 0 1em;
            margin: 0;
            line-height: 1.55;
        }

        @media only screen and (max-width: 575px) {
            .plans-text {
                font-size: 13px;
            }
        }

        .plans-text--lg {
            font-size: 14.4px;
            font-style: italic;
            line-height: 1.55;
            margin: 1em 0 0;
            color: #222;
        }

        @media only screen and (max-width: 1199px) {
            .plans-text--lg {
                margin: 0;
                font-size: 13px;
            }
        }

        .svg_premium {
            display: block;
            box-sizing: border-box;
            height: 30px;
            width: 30px;
            border-radius: 5px;
            margin-right: 10px;
            padding: 2px;
            overflow: hidden;
            vertical-align: middle;
            float: left;
        }

        .icon_multimedia {
            display: inline;
            box-sizing: border-box;
            position: absolute;
            left: 28px;
            top: 3px;
        }

        .svg_premium--small {
            display: block;
            box-sizing: border-box;
            height: 22px;
            width: 22px;
            border-radius: 5px;
            vertical-align: middle;
            float: left;
        }

        .svg_premium--pink {
            background: #FC3867;
        }

        .svg_premium--fuschia {
            background: #FE2D5E;
        }

        .svg_premium--blue {
            background: #008AF7;
        }

        .svg_premium--navy {
            background: #165BFF;
        }

        .svg_premium--green {
            background: #90BF01;
        }

        .svg_premium--gold {
            background: #FFA928;
        }

        .svg_premium--yellow {
            background: #FEB755;
        }

        .svg_premium--red {
            background: #89203D;
        }

        .svg_arrow--lg {
            box-sizing: border-box;
            position: absolute;
            top: 50%;
            right: -60px;
            transform: translateY(-50%);
            width: 33px;
        }

        @media only screen and (max-width: 1199px) {
            .svg_arrow--lg {
                width: 33px;
                right: -60.2px;
            }
        }

        .svg_arrow--sm {
            box-sizing: border-box;
            position: absolute;
            top: 50%;
            transform: translate(-50%, -50%);
            right: -69px;
            width: 30px;
            height: 46px;
        }

        .title_service {
            font-size: 18px;
            margin-bottom: 10px;
        }

        @media only screen and (max-width: 1199px) {
            .title_service {
                margin-top: 0;
            }
        }

        @media only screen and (max-width: 575px) {
            .title_service {
                font-size: 16px;
                margin-bottom: 8px;
            }
        }

        .text_service {
            font-size: 15px;
            margin: 0 0 10px;
        }

        @media only screen and (min-width: 1200px) {
            .section-upsell {
                box-sizing: border-box;
                min-height: 100vh;
            }
        }

        @media only screen and (min-width: 992px) and (max-width: 1199px) {
            .section-upsell {
                box-sizing: border-box;
                min-height: 100vh;
            }
        }

        .upsell__main-title {
            font-size: 30px;
            line-height: 1.4;
            letter-spacing: -1px;
            margin: 0;
        }

        @media only screen and (max-width: 1199px) {
            .upsell__main-title {
                text-align: center;
            }
        }

        @media only screen and (max-width: 575px) {
            .upsell__main-title {
                font-size: 24px;
            }
        }

        .upsell__giveaway-title {
            font-size: 52px;
            letter-spacing: -1px;
            line-height: 1.4;
            margin: 0 0 .5em;
        }

        @media only screen and (max-width: 1199px) {
            .upsell__giveaway-title {
                font-size: 44px;
                text-align: center;
            }
        }

        @media only screen and (max-width: 575px) {
            .upsell__giveaway-title {
                font-size: 28px;
                padding: 0 1rem;
            }
        }

        .img_upsell-col {
            display: inline-block;
            box-sizing: border-box;
            width: 50%;
            padding-left: 3em;
        }

        @media only screen and (max-width: 1199px) {
            .img_upsell-col {
                order: 1;
                width: 100%;
                padding: 5px 0;
            }
        }

        @media only screen and (min-width: 1200px) {
            .form_upsell-col {
                box-sizing: border-box;
                width: 800px;
                padding-bottom: 2em;
            }
        }

        .prize-overview-wrap {
            margin: 1em 0 0 0;
        }

        @media only screen and (min-width: 1200px) {
            .prize-overview-wrap {
                margin: 1em 0;
            }
        }

        .prize-img-box-wrapper {
            max-width: 330px;
            margin: 0 auto;
        }

        @media only screen and (min-width: 1200px) {
            .prize-img-box-wrapper {
                width: 330px;
            }
        }

        .prize-img-box {
            position: relative;
            box-sizing: border-box;
            height: 400px;
        }

        @media only screen and (min-width: 1200px) {
            .prize-img-box {
                height: 420px;
            }
        }

        @media only screen and (max-width: 575px) {
            .prize-img-box {
                height: 350px;
            }
        }

        .prize-img {
            display: block;
            box-sizing: border-box;
            max-width: 100%;
            max-height: 100%;
        }

        .entry-price {
            position: absolute;
            bottom: 5em;
            right: -1rem;
            background-color: #298CB5;
            background-clip: padding-box;
            border-radius: 50%;
            box-sizing: border-box;
            width: 120px;
            height: 120px;
            flex-direction: column;
            z-index: 2;
        }

        @media only screen and (max-width: 575px) {
            .entry-price {
                width: 90px;
                height: 90px;
                bottom: 3rem;
                right: 0rem;
            }
        }

        .entry-price-text {
            font-size: 28px;
            margin-bottom: .2em;
        }

        @media only screen and (max-width: 575px) {
            .entry-price-text {
                font-size: 20px;
            }
        }

        .entry-price-value {
            display: block;
            font-size: 48px;
        }

        @media only screen and (max-width: 575px) {
            .entry-price-value {
                font-size: 34px;
            }
        }

        .entry_price--super {
            display: inline-block;
            vertical-align: super;
            font-size: 27px;
        }

        @media only screen and (max-width: 575px) {
            .entry_price--super {
                font-size: 19px;
            }
        }

        .prize-value {
            position: absolute;
            bottom: 2.3em;
            right: 4.5em;
            background-color: #FD5758;
            border-radius: 50%;
            margin: 0 auto;
            box-sizing: border-box;
            height: 82px;
            width: 82px;
            z-index: 1;
        }

        @media only screen and (max-width: 575px) {
            .prize-value {
                height: 72px;
                width: 72px;
                bottom: 1em;
                right: 4.6em;
            }
        }

        .prize-value-text {
            font-size: 16.8px;
        }

        .prize-value-price {
            font-size: 22px;
        }

        @media only screen and (max-width: 575px) {
            .prize-value-price {
                font-size: 18px;
            }
        }

        .contest-details {
            font-size: 15px;
        }

        @media only screen and (min-width: 1200px) {
            .contest-details {
                padding-right: 2em;
            }
        }

        @media only screen and (max-width: 1199px) {
            .contest-details {
                text-align: center;
                padding-right: 1em;
                padding-left: 1em;
                margin: 2em 0 3em;
                max-width: 418px;
            }
        }

        .contest-details_title {
            font-size: 18px;
        }

        .sweep-contest-details {
            display: flex;
            justify-content: space-between;
        }

        .btn_underline-rules {
            display: inline-block;
            font-size: 1em;
            color: #298cb5;
        }

        @media only screen and (max-width: 1199px) {
            .btn_underline-rules {
                margin: 0em auto;
            }
        }

        .specs {
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
            box-sizing: border-box;
            min-width: 220px;
        }

        @media only screen and (min-width: 1200px) {
            .specs {
                justify-content: flex-start;
                margin: 1.5em 0 .5em;
                min-width: 250px;
            }
        }

        @media only screen and (max-width: 1199px) {
            .specs {
                margin-top: .5em;
            }
        }

        @media only screen and (max-width: 575px) {
            .specs {
                min-width: 150px;
            }
        }

        .specs-dimensions {
            padding-right: .5em;
        }

        .prize-specs-image {
            position: absolute;
            top: 50%;
            left: 0;
            transform: translateY(-50%);
            box-sizing: border-box;
            max-height: 70px;
            max-width: 50px;
        }

        @media only screen and (max-width: 575px) {
            .prize-specs-image {
                max-height: 40px;
                max-width: 30px;
            }
        }

        .specs_list {
            list-style: none;
            display: inline-block;
            padding-left: 60px;
            font-size: 11px;
            margin: 1em 0;
            line-height: 1.5;
        }

        @media only screen and (min-width: 1200px) {
            .specs_list {
                padding-right: 12px;
                margin: 0;
            }
        }

        @media only screen and (max-width: 1199px) {
            .specs_list {
                margin: 1em 0;
            }
        }

        @media only screen and (max-width: 575px) {
            .specs_list {
                max-width: 260px;
                padding-left: 38px;
            }
        }

        .countdown-box {
            border: 1px solid #6C6C6C;
            border-radius: 10px;
            align-self: center;
            margin: 1.5em 0 0;
        }

        @media only screen and (min-width: 1200px) {
            .countdown-box {
                position: relative;
                width: 111px;
                height: 94px;
            }
        }

        @media only screen and (max-width: 1199px) {
            .countdown-box {
                display: flex;
                margin: 1em auto 2em;
                max-width: 270px;
                width: 100%;
            }
        }

        .countdown-title {
            font-size: 13px;
            padding: .5em;
        }

        @media only screen and (max-width: 1199px) {
            .countdown-title {
                font-size: 17px;
                flex-basis: 50%;
            }
        }

        .countdown-contest {
            padding: 1em 0;
            justify-content: space-evenly;
        }

        @media only screen and (min-width: 1200px) {
            .countdown-contest {
                border-top: 1px solid #6C6C6C;
            }
        }

        @media only screen and (max-width: 1199px) {
            .countdown-contest {
                border-left: 1px solid #6C6C6C;
                flex-basis: 50%;
            }
        }

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

        .countdown-number {
            font-size: 25px;
        }

        @media only screen and (min-width: 1200px) {
            .countdown-number {
                font-size: 21px;
            }
        }

        .countdown-text {
            font-size: 12px;
        }

        .upsell_legal-box {
            margin: 0 auto 2em;
        }

        @media only screen and (min-width: 1200px) {
            .upsell_legal-box {
                width: 680px;
            }
        }

        @media only screen and (max-width: 1199px) {
            .upsell_legal-box {
                display: flex;
                flex-direction: column;
                max-width: 440px;
                margin: .5em auto 3em;
                text-align: center;
            }
        }

        .upsell_legal-text {
            font-size: 15px;
            line-height: 1.55;
        }

        @media only screen and (max-width: 575px) {
            .upsell_legal-text {
                font-size: 14px;
            }
        }

        .decision-btn-wrapper {
            display: flex;
            margin-top: 1em;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

        @media only screen and (min-width: 1200px) {
            .decision-btn-wrapper {
                margin-top: 2.2em;
            }
        }

        @media only screen and (max-width: 1199px) {
            .decision-btn-wrapper {
                margin: 0 0 1em;
            }
        }

        .postal-button-wrapper {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            margin: 2em auto 1em;
        }

        @media only screen and (max-width: 575px) {
            .postal-button-wrapper {
                display: block;
            }
        }

        .postal-col {
            width: 48%;
        }

        @media only screen and (max-width: 575px) {
            .postal-col {
                width: 100%;
            }
        }

        .postal-block {
            display: block;
        }

        .postal-spacer-bottom {
            margin-bottom: 12px;
        }

        .postal-spacer-top {
            margin-top: 12px;
        }

        .postal-here-link {
            border: none;
            margin: 0;
            padding: 0;
            font-size: 13px;
            background: none;
            cursor: pointer;
            color: #298cb5;
            text-decoration: underline;
        }

        .postal-popup-wrapper {
            display: inline-block;
            background: #fff;
            color: #222;
            padding: 25.6px;
            font-size: 13px;
            border-radius: 5px;
            text-align: left;
            overflow-y: scroll;
            position: relative;
            top: 60px;
            box-sizing: border-box;
            max-width: 525px;
            max-height: 85%;
            z-index: 100;
        }

        @media only screen and (max-width: 575px) {
            .postal-popup-wrapper {
                border-radius: 0;
            }
        }

        .postal_overlay-close {
            text-decoration: underline;
            position: absolute;
            right: 25px;
            top: 14px;
            font-size: 1.1em;
        }

        .see-more-line {
            display: inline-block;
            width: 37%;
            height: 1px;
            background: #298CB5;
            cursor: pointer;
        }

        .see-more {
            display: inline-block;
            width: 24%;
            font-size: 1em;
            text-align: center;
            margin: 1.5em 0 0;
            color: #298CB5;
            vertical-align: sub;
            cursor: pointer;
        }

        .btn_black {
            display: block;
            font-size: 1.1em;
            color: #3e3e3e;
            background-color: #FFF;
            border: 1px solid #3e3e3e;
            border-radius: 5px;
            font-weight: 700;
            padding: .8rem 1rem;
            margin: auto;
            box-sizing: border-box;
            min-width: 180px;
            width: 85%;
            transition: all .3s;
        }

        @media only screen and (max-width: 575px) {
            .btn_black {
                width: 100%;
                margin-top: .5em;
            }
        }

        .btn-media-postal {
            display: block;
            background-color: #89203D;
            color: #fff;
            text-shadow: 0 1px 3px rgb(43 43 43 / 20%);
            margin: auto;
            border: none;
            border-radius: 5px;
            font-weight: 700;
            font-size: 1.1em;
            padding: .85rem 1rem;
            min-width: 225px;
            : hover:[object Object];
            : focus:[object Object];
            : active:[object Object];
        }

        .btn-media-postal:hover {
            filter: brightness(1.12);
        }

        .btn-media-postal:focus {
            outline: 0;
        }

        .btn-media-postal:active {
            filter: brightness(1.12);
        }

        @media only screen and (max-width: 575px) {
            .btn-media-postal {
                width: 100%;
                margin: 1em auto 1em;
            }
        }

        .rules_title_postal {
            font-size: 28px;
            color: #222;
            margin-top: 0;
            margin-bottom: 0.5em;
        }

        .overlay-rules {
            font-size: 14px;
            line-height: 2;
        }

        .rules_block {
            display: inline-block;
            background: #fff;
            padding: 25.6px;
            border-radius: 5px;
            text-align: left;
            overflow-y: scroll;
            position: relative;
            top: 60px;
            box-sizing: border-box;
            max-width: 500px;
            max-height: 680px;
            height: 80vh;
            z-index: 100;
        }

        @media only screen and (max-width: 575px) {
            .rules_block {
                border-radius: 0;
            }
        }

        .rules_title {
            font-size: 31px;
            color: #222;
            margin-top: 0;
            margin-bottom: 0;
        }

        @media only screen and (max-width: 575px) {
            .rules_title {
                font-size: 24px;
            }
        }

        .rules_subtitle {
            font-size: 16px;
            color: #222;
            margin-bottom: .5em;
        }

        .contest-banner_box {
            background-color: #091215;
            color: #fff;
        }

        .contest-banner_wrap {
            display: flex;
            padding: 1.5em 1em;
        }

        @media only screen and (max-width: 1199px) {
            .contest-banner_wrap {
                padding: 1em;
            }
        }

        .contest-banner_title-box {
            max-width: 1000px;
            box-sizing: border-box;
        }

        .contest-banner_prize-img {
            box-sizing: border-box;
        }

        @media only screen and (min-width: 1200px) {
            .contest-banner_prize-img {
                height: 170px;
                margin-right: 1em;
            }
        }

        @media only screen and (max-width: 1199px) {
            .contest-banner_prize-img {
                height: 80px;
            }
        }

        @media only screen and (max-width: 1199px) {
            .contest-banner_title-wrap {
                box-sizing: border-box;
                max-width: 60%;
            }
        }

        .contest-banner_title {
            font-size: 19px;
            font-weight: 400;
            line-height: 1.4;
        }

        @media only screen and (min-width: 1200px) {
            .contest-banner_title {
                font-size: 26px;
            }
        }

        .contest-banner_title--device {
            font-size: 19px;
            font-weight: 600;
            line-height: 1.4;
        }

        @media only screen and (min-width: 1200px) {
            .contest-banner_title--device {
                font-size: 26px;
            }
        }

        .contest-banner_subtitle {
            font-size: 18px;
            line-height: 1.55;
            margin-top: 0;
            font-weight: 300;
        }

        @media only screen and (min-width: 1200px) {
            .contest-banner_subtitle {
                font-size: 22px;
            }
        }

        @media only screen and (max-width: 575px) {
            .contest-banner_subtitle {
                font-size: 14px;
                padding-right: 7em;
            }
        }

        @media only screen and (max-width: 1199px) {
            .contest-banner_text--mobile {
                margin-bottom: 2em;
            }
        }

        .contest-banner_text {
            line-height: 1.55;
            max-width: 700px;
        }

        @media only screen and (max-width: 575px) {
            .contest-banner_text {
                font-size: 14px;
            }
        }

        .receipt_wrapper {
            box-sizing: border-box;
            max-width: 500px;
            width: 100%;
            padding: 2rem 1rem 4em;
        }

        @media only screen and (max-width: 575px) {
            .receipt_wrapper {
                padding: 1rem;
            }
        }

        .update-email-box {
            padding: 1rem 1rem .4rem;
            border-radius: 10px;
            background: #EEF8F2;
            border: 1px solid #9BD8B1;
            margin-bottom: 2em;
            line-height: 1.4;
        }

        @media only screen and (min-width: 1200px) {
            .update-email-box {
                margin-bottom: 2em;
            }
        }

        @media only screen and (max-width: 575px) {
            .update-email-box {
                padding: .8rem 1rem .4rem;
                max-width: 390px;
            }
        }

        .title_email--change {
            margin-bottom: 0.7rem;
        }

        @media only screen and (max-width: 575px) {
            .title_email--change {
                font-size: 14px;
            }
        }

        .title_email--welcome {
            color: #222;
            font-size: 20px;
            padding-bottom: 5px;
        }

        @media only screen and (max-width: 575px) {
            .title_email--welcome {
                font-size: 18px;
            }
        }

        .user-email-ellipsis {
            color: #000;
            max-width: 100% !important;
            overflow-x: clip;
            text-overflow: ellipsis;
            white-space: nowrap;
            display: inline-block;
            line-height: .7em;
            font-size: 20px;
        }

        @media only screen and (max-width: 575px) {
            .user-email-ellipsis {
                font-size: 18px;
            }
        }

        .title_edit-email {
            margin: 0 0 8px;
            font-size: 24px;
        }

        @media only screen and (min-width: 576px) and (max-width: 767px) {
            .title_edit-email {
                font-size: 22px;
            }
        }

        @media only screen and (max-width: 575px) {
            .title_edit-email {
                font-size: 22px;
            }
        }

        .receipt_title {
            font-size: 36px;
            margin: .5em 0;
            font-weight: 700;
        }

        @media only screen and (max-width: 575px) {
            .receipt_title {
                font-size: 28px;
            }
        }

        .receipt_reference-no {
            font-weight: 700;
            line-height: 1.5;
            margin: .5em 0 0;
        }

        .receipt_message {
            font-size: 14px;
            line-height: 1.55;
        }

        .receipt_list {
            margin-bottom: 2em;
        }

        .overlay {
            font-family: 'Open Sans', Helvetica, Arial, sans-serif;
            text-align: center;
            position: fixed;
            overflow: hidden;
            width: 100%;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 3;
        }

        .popup-body-height {
            height: 100vh !important;
            overflow-y: hidden !important;
        }

        .inner {
            position: relative;
            height: 100%;
        }

        .overlay--default {
            background: rgba(0, 0, 0, 0);
        }

        .overlay--dark {
            background: rgba(0, 0, 0, .45);
        }

        .animate-show {
            animation: animate-show .5s ease forwards;
        }

        .overlay-legal {
            font-size: 12.8px;
            line-height: 1.6;
        }

        .legal_block {
            display: inline-block;
            background: #fff;
            padding: 25.6px;
            text-align: left;
            overflow-y: scroll;
            position: relative;
            top: 60px;
            box-sizing: border-box;
            max-width: 500px;
            max-height: 680px;
            height: 80vh;
            z-index: 100;
            word-break: break-word;
        }

        .legal_block h3,
        .legal_block h4 {
            font-size: 1.2rem;
            margin-bottom: .5em;
            margin-top: .2em;
            font-weight: 600;
        }

        .legal_block p {
            margin-block-start: 0;
        }

        .btn_overlay-close {
            display: flex;
            position: absolute;
            text-transform: none;
            background: 0 0;
            border: none;
            top: 0;
            right: 0;
            color: #3a505e;
            text-decoration: none;
            font-weight: 700;
            padding: 0;
            cursor: pointer;
            box-sizing: border-box;
            width: 3rem;
            height: 3rem;
            font-size: 1.5rem;
            align-items: center;
            justify-content: center;
        }

        @media only screen and (min-width: 576px) and (max-width: 767px) {
            .btn_overlay-close {
                position: fixed;
                right: 50%;
                padding: 0px 0 4px;
                border-radius: 50%;
                color: #fff;
                border: 4px solid #fff;
                transform: translate(50%, 560px);
            }
        }

        @media only screen and (max-width: 575px) {
            .btn_overlay-close {
                position: fixed;
                right: 50%;
                padding: 0px 0 4px;
                border-radius: 50%;
                color: #fff;
                border: 4px solid #fff;
                transform: translate(50%, 500px);
            }
        }

        .loading_animation {
            width: 20px;
            height: 20px;
            position: absolute;
            left: 50%;
            top: 15px;
            animation: spin 1s infinite linear;
        }

        .loading_animation-mask {
            width: 10px;
            height: 10px;
            overflow: hidden;
        }

        .loading_animation-masked-circle {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            border: 3px solid white;
        }

        .server-response-banner {
            display: block;
            padding: 10px;
            text-align: center;
            position: relative;
        }

        @media only screen and (max-width: 575px) {
            .server-response-banner {
                font-size: 12.8px;
            }
        }

        .server-response-banner--caution {
            background-color: #ff0;
            color: #000;
        }

        .server-response-banner--error {
            background-color: red;
            color: #fff;
        }

        @media only screen and (max-width: 575px) {
            .sticky--error {
                position: sticky;
                top: 0;
                z-index: 1;
            }
        }

        .input {
            position: relative;
            background-color: #fff;
            border-radius: 0;
            outline: 0;
            font-family: 'Open Sans', Helvetica, Arial, sans-serif;
            text-rendering: auto;
            font-weight: 400;
            color: #000;
            box-sizing: border-box;
            width: 100%;
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
        }

        .input-state-default {
            background-color: #fff;
            color: #000;
            transition: all .15s linear;
        }

        @media only screen and (min-width: 1200px) {
            .input-state-default {
                : hover:[object Object];
                : focus:[object Object];
            }

            .input-state-default:hover {
                border-color: #8b8b8b !important;
            }

            .input-state-default:focus {
                outline: 0;
                background-color: #fafafa;
                border-color: #86b3ea !important;
            }
        }

        @media only screen and (min-width: 992px) and (max-width: 1199px) {
            .input-state-default {
                : hover:[object Object];
                : focus:[object Object];
            }

            .input-state-default:hover {
                border-color: #8b8b8b !important;
            }

            .input-state-default:focus {
                outline: 0;
                background-color: #fafafa;
                border-color: #86b3ea !important;
            }
        }

        @media only screen and (min-width: 768px) and (max-width: 991px) {
            .input-state-default {
                : hover:[object Object];
                : focus:[object Object];
            }

            .input-state-default:hover {
                border-color: #8b8b8b !important;
            }

            .input-state-default:focus {
                outline: 0;
                background-color: #fafafa;
                border-color: #86b3ea !important;
            }
        }

        .input-box {
            font-size: 16px;
            box-sizing: border-box;
            height: 56px;
        }

        .input-registration {
            display: block;
            padding: 0 .7em;
        }

        .input-username {
            margin-bottom: 1em;
        }

        @media only screen and (max-width: 1199px) {
            .input-username {
                margin-bottom: 10px;
            }
        }

        .input-update {
            display: inline-block;
            padding-right: 11.2px;
            padding-left: 11.2px;
        }

        .input-box--update {
            font-size: 16px;
            box-sizing: border-box;
            height: 64px;
        }

        .body ::placeholder {
            font-weight: 100;
            text-transform: none;
        }

        .body ::-webkit-input-placeholder {
            font-weight: 100;
        }

        .body ::-moz-placeholder {
            font-weight: 100;
            opacity: .35;
        }

        .body :-moz-placeholder {
            font-weight: 100;
            opacity: .35;
        }

        .body ::-ms-input-placeholder {
            font-weight: 100;
        }

        .input_border {
            border: 1px solid #AEAEAE;
        }

        @media only screen and (max-width: 1199px) {
            .input-border-username {
                border-radius: 5px;
            }
        }

        @media only screen and (max-width: 1199px) {
            .input-border-password {
                border-radius: 5px;
            }
        }

        .input_valid {
            background-color: #f4ffed !important;
            border-color: #9de075 !important;
        }

        @media only screen and (min-width: 1200px) {
            .input_error {
                background-color: #f7e6e6;
                border-color: #ccc;
            }
        }

        @media only screen and (max-width: 1199px) {
            .input_error {
                background-color: #fff5f6;
                border-color: #ff8787;
                padding-bottom: 12px;
            }
        }

        .input-registration--disabled {
            background-color: #F6F6F6 !important;
            border-color: #E6E6E6 !important;
            cursor: not-allowed;
        }

        .input_error--msg {
            color: #fff;
            background: #c60f13;
            display: block;
            font-size: 12px;
            font-weight: 400;
            padding: 4px;
            margin-bottom: 12px;
        }

        @media only screen and (max-width: 1199px) {
            .input_error--msg {
                background: 0 0;
                position: absolute;
                bottom: 0;
                width: 100%;
                margin: 0 auto;
                color: #ff0a00;
                font-size: 12px;
            }
        }

        @media only screen and (max-width: 1199px) {
            .input_error--msg-xs {
                margin: 0;
            }
        }

        @media only screen and (max-width: 1199px) {
            .input_error--msg--registration {
                padding: 6px 9px;
            }
        }

        .success {
            color: #87c39d;
        }

        .failure {
            color: #c60f13 !important;
        }

        @media only screen and (max-width: 575px) {
            .failure {
                font-size: 14px;
            }
        }

        .input_icon {
            box-sizing: border-box;
            fill: #e3e3e4;
            stroke: transparent;
            position: absolute;
            width: 52.7969px;
            max-height: 62.2188px;
            padding: 21px 11.2px;
            top: 0;
            text-align: center;
            transition: all .15s linear;
        }

        @media only screen and (min-width: 1200px) {
            .input_icon {
                padding: 17px 11.2px;
            }
        }

        @media only screen and (max-width: 575px) {
            .input_icon {
                display: none;
            }
        }

        .input_icon--hover {
            fill: #d0d0d0;
        }

        .input_icon-outline--hover {
            stroke: #d0d0d0;
        }

        .input_icon--focus {
            fill: #86b3ea;
        }

        .input_icon--valid {
            fill: #9de075 !important;
        }

        .input_icon--error {
            fill: #c60f13 !important;
        }

        .footer-wrapper {
            margin: 0 auto;
            width: 100%;
            padding: 1rem 0;
            text-align: center;
        }

        .affiliates-link {
            line-height: 1.6;
            color: #888;
        }

        .btn {
            font-family: 'Open Sans', Helvetica, Arial, sans-serif;
            font-style: normal;
            text-rendering: auto;
            text-transform: none;
            cursor: pointer;
            user-select: none;
            : focus:[object Object];
        }

        .btn:focus {
            outline: 0;
            user-select: none;
        }

        .btn_red {
            display: inline-flex;
            justify-content: center;
            align-items: flex-start;
            background-color: #13356d;
            color: #fff;
            text-shadow: 0 1px 3px rgb(43 43 43 / 20%);
            box-shadow: 0 3px 3.36px 0.64px rgb(43 43 43 / 16%);
            border: none;
            border-radius: 5px;
            font-weight: 700;
            line-height: 2.5rem;
            padding: .5rem 1rem;
            margin-bottom: .75rem;
            box-sizing: border-box;
            min-width: 240px;
            : hover:[object Object];
            : focus:[object Object];
            : active:[object Object];
        }

        .btn_red:hover {
            filter: brightness(1.12);
        }

        .btn_red:focus {
            outline: 0;
        }

        .btn_red:active {
            filter: brightness(1.12);
        }

        @media only screen and (min-width: 992px) and (max-width: 1199px) {
            .btn_red {
                width: 100%;
            }
        }

        @media only screen and (min-width: 1200px) {
            .btn_red {
                width: 100%;
            }
        }

        .btn-loading {
            height: 56px;
            position: relative;
        }

        .btn_blue_tooltip {
            color: #298CB5;
            font-weight: 600;
            border: 0;
            background: 0 0;
            text-decoration: underline;
            word-wrap: break-word;
            white-space: normal;
            padding: 0;
        }

        .btn_blue-small {
            font-size: 12.8px;
        }

        @media only screen and (max-width: 575px) {
            .btn_blue-small {
                font-size: 11.52px;
            }
        }

        .btn_blue-large {
            font-size: 14.88px;
        }

        @media only screen and (max-width: 575px) {
            .btn_blue-large {
                font-size: 13.392px;
            }
        }

        .btn_transparent {
            background: transparent;
            line-height: 2.5rem;
            font-weight: 700;
            padding: .5rem 1rem;
            margin-bottom: .75rem;
            min-width: 162px !important;
            border: 1px solid #3F3F3F;
            color: #494949;
            border-radius: 5px;
        }

        @media only screen and (max-width: 575px) {
            .btn_transparent {
                min-width: 0 !important;
            }
        }

        .btn_white {
            display: block;
            vertical-align: middle;
            background: 0 0;
            color: #3e3e3e;
            font-size: 1.3em;
            border: 1px solid #3e3e3e;
            border-radius: 5px;
            text-align: center;
            font-weight: 600;
            box-sizing: border-box;
            height: 50px;
            min-width: 288px !important;
            max-width: 288px !important;
            padding: .5rem 1rem;
            margin-bottom: .75rem;
        }

        @media only screen and (max-width: 1199px) {
            .btn_white {
                height: 58px;
            }
        }

        @media only screen and (max-width: 575px) {
            .btn_white {
                width: 250px;
            }
        }

        .btn_blue_outline {
            display: block;
            vertical-align: middle;
            background: 0 0;
            color: #298cb5;
            font-size: 1.3em;
            border: 1px solid #298cb5;
            border-radius: 5px;
            text-align: center;
            font-weight: 600;
            box-sizing: border-box;
            height: 50px;
            width: 100%;
            padding: .5rem 1rem;
            margin-top: 4px;
        }

        .btn_underline {
            box-sizing: border-box;
            background: 0 0;
            border: 0;
            padding: 0;
            text-decoration: underline;
            word-wrap: break-word;
            white-space: normal;
            font-size: inherit;
        }

        .btn_text_sweep_continue {
            display: block;
            cursor: pointer;
            text-decoration: underline;
            color: #fff;
            box-sizing: border-box;
            background: 0 0;
            border: 0;
            padding: 0;
            word-wrap: break-word;
            white-space: normal;
            font-size: 1em;
            font-weight: 300;
            margin-top: 1.5em;
        }

        @media only screen and (max-width: 1199px) {
            .btn_text_sweep_continue {
                margin: 1.5em auto;
            }
        }

        .btn_underline-text--fs1 {
            font-size: 12px;
        }

        .btn_underline-registration {
            font-size: 1em;
            color: #298cb5;
        }

        .btn_underline-receipt {
            display: contents;
            font-size: 1em;
            color: #298cb5;
        }

        .btn-media-registration {
            font-size: 1.5rem;
        }

        @media only screen and (min-width: 1200px) {
            .btn-media-registration {
                width: 228px;
            }
        }

        @media only screen and (max-width: 1199px) {
            .btn-media-registration {
                width: auto;
                max-width: 100%;
                min-width: 250px;
            }
        }

        .btn-media-cc {
            font-size: 1.5rem;
        }

        @media only screen and (min-width: 1200px) {
            .btn-media-cc {
                width: 228px;
            }
        }

        @media only screen and (max-width: 1199px) {
            .btn-media-cc {
                width: auto;
                max-width: 100%;
                min-width: 250px;
            }
        }

        .btn-media-membership {
            font-size: 1.5rem;
        }

        @media only screen and (min-width: 1200px) {
            .btn-media-membership {
                width: 228px;
            }
        }

        @media only screen and (max-width: 1199px) {
            .btn-media-membership {
                width: auto;
                max-width: 100%;
                min-width: 250px;
            }
        }

        .btn-accept {
            display: inline-block;
            width: 300px;
            height: 58px;
            font-size: 1.5rem;
            line-height: normal;
            margin-bottom: 1rem;
        }

        @media only screen and (min-width: 1200px) {
            .btn-accept {
                width: 304px;
                height: 50px;
            }
        }

        @media only screen and (max-width: 575px) {
            .btn-accept {
                width: 250px;
            }
        }

        .btn-media-receipt {
            width: 250px;
            font-size: 1.5rem;
        }

        .btn-media-email {
            font-size: 1.3rem;
            margin-right: 0.5em;
            min-width: 200px;
        }

        @media only screen and (max-width: 575px) {
            .btn-media-email {
                width: 100%;
            }
        }

        .btn-ru {
            width: auto;
            max-width: none;
        }

        .btn-change-email-ru {
            padding-left: 1.5rem;
            padding-right: 4rem !important;
        }

        .btn_support--continue {
            margin-top: 2em;
            text-align: center;
        }

        @media only screen and (min-width: 1200px) {
            .btn_support--continue {
                text-align: left;
            }
        }

        @media only screen and (max-width: 1199px) {
            .btn_support--continue {
                margin-bottom: 1em;
            }
        }

        .padlock-wrapper {
            display: block;
            position: absolute;
            top: 0;
            right: 0;
            box-sizing: border-box;
            height: 16px;
            width: 2rem;
        }

        .milkpay_embed {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-bottom: 1rem;
        }

        @media only screen and (min-width: 1200px) {
            .milkpay_embed {
                width: 536px;
            }
        }

        .milkpay_loading {
            width: 20px;
            height: 20px;
            animation: spin 1s infinite linear;
        }

        .milkpay_loading_animation-masked-circle {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            border: 3px solid #000;
        }

        .session-overlay {
            width: 100vw;
            height: 100vh;
            position: fixed;
            z-index: 999;
            background: white;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .session-overlay--hidden {
            animation: session-fade 500ms linear forwards;
            animation-delay: 1s;
        }