/******************************
cc-scrollview
******************************/
.box {
    width: 100%;
}
cc-scrollview {
    position: relative;
    display: block;
}
cc-scrollview.slide.tnc_container .float_box {
    padding: 20px;
}
@media(max-width: 990px) {
    cc-scrollview.tnc_container cc-scrolllist {
        display: none;
    }
    cc-scrollview.tnc_container .box {
        padding: 0;
    }
}
cc-scrolltext {
    display: block;
}

@media(min-width: 991px) {
    cc-scrollview:not(.slide) .box {
        top: 0;
        position: sticky;
    }
    cc-scrollview.tnc_container cc-scrolllist {
        width: 345px;
    }
    cc-scrollview#privacy_policy cc-scrolllist {
        width: 27vw;
        max-width: 400px;
    }
    cc-scrollview#privacy_policy ul {
        margin-bottom: 22px;
    }
    cc-scrollview .box {
        padding: 100px 128.5px;
    }
    cc-scrollview.slide.tnc_container .box {
        padding: 0 !important;
    }
    cc-scrollview.slide .box {
        padding: 0 128.5px;
    }
    cc-scrollview:not(.slide):not(.tnc_container) .collapse:not(.opaque),
    cc-scrollview.slide cc-scrollimage.collapse {
        display: none;
        opacity: 0;
        transition: all 0.3s;
}
    cc-scrollview:not(.slide) .collapse.opaque,
    cc-scrollview.slide:not(.tnc_container) cc-scrolltext.collapse {
        opacity: 0.4;
        transition: opacity 0.3s;
    }
    cc-scrollview.tnc_container:not(.slide) .collapse:not(.opaque),
    cc-scrollview.tnc_container.slide cc-scrolllist a {
        font-family: font1light;
        transition: all 0.3s;
    }
    cc-scrollview cc-scrollimage {
        position: absolute !important;
        text-align: center;
        top: 50%;
        transform: translateY(-50%);
    }
    cc-scrollview:not(.slide) .box {
        height: 100vh;
        min-height: 1100px;
    }
    cc-scrollview.slide.animate_active:not(.sticky-bottom) cc-scrollimage {
        position: fixed !important;
        top: 50%;
        width: auto;
        text-align: center;
    }
    cc-scrollview.slide .box {
        min-height: 1350px;
        padding: 100px 128.5px !important;
    }
    cc-scrollview.slide:not(.animate_active) cc-scrolltext {
        opacity: 0.4;
    }
    cc-scrollview.slide cc-scrollimage,
    cc-scrollview.slide cc-scrolllist a {
        display: inline-block;
        position: relative;
    }
    cc-scrollview.slide.sticky-bottom cc-scrollimage {
        bottom: 270px;
        position: absolute !important;
        left: calc(50% + 75px);
        top: auto !important;
    }
    cc-scrolltext {
        height: auto;
    }
    cc-scrollview:not(.slide) .float_box {
        top: 50%;
        transform: translateY(-50%);
    }
    cc-scrollview.tnc_container cc-scrolltext {
        width: 61%;
    }
    cc-scrollview.img-top cc-scrollimage {
        position: absolute;
        top: 0;
        right: 0;
    }
    cc-scrollview:not(.animate_active).sticky-top cc-scrollimage {
        position: absolute !important;
        top: 50px;
        left: calc(50% + 80px);
        width:auto;
    }
    cc-scrollview#signup_step .float_box,
    cc-scrollview.tnc_container .float_box {
        top: 0;
        transform: unset;
    }
    cc-scrollview#signup_step cc-scrolltext {
        display: block;
        height: 100vh;
    }
    cc-scrollview#signup_step cc-scrollimage {
        text-align: left;
    }
    cc-scrollview.tnc_container cc-scrolltext {
        margin-left: auto;
    }
    cc-scrollview#signup_step,
    cc-scrollview.tnc_container {
        height: auto !important;
        position: relative;
    }
    cc-scrollview#signup_step .box,
    cc-scrollview.tnc_container .box {
        height: auto !important;
    }
    cc-scrollview.sticky-top#signup_step cc-scrollimage {
        position: absolute !important;
        top: 150px;
        left: calc(50% + 80px);
    }
    cc-scrollview.sticky#signup_step cc-scrollimage {
        position: fixed !important;
        top: 150px;
        left: calc(50% + 80px);
    }
    cc-scrollview#signup_step,
    cc-scrollview.tnc_container {
        position: relative !important;
    }
    cc-scrollview#signup_step cc-scrolltext > div,
    cc-scrollview.tnc_container.sticky.animate_active cc-scrolltext > div {
        position: relative;
    }
    cc-scrollview#signup_step cc-scrolltext > div {
        top: 50%;
        transform: translateY(-50%);
}
    cc-scrollview .float_box {
        position: relative;
    }
    cc-scrollview#signup_step cc-scrollimage,
    cc-scrollview.tnc_container cc-scrolllist a {
        transform: translateY(0);
    }
    cc-scrollview.tnc_container.sticky .float_box > cc-scrolllist {
        position: fixed;
        top: 70px;
        display: flex;
        flex-direction: column;
    }
    cc-scrollview.tnc_container.sticky-bottom .float_box > cc-scrolllist {
        top: auto;
    }
    cc-scrollview.tnc_container,
    cc-scrollview.tnc_container cc-scrolltext {
        min-height: auto !important;
    }
    cc-scrollview.tnc_container:not(.sticky) cc-scrolllist {
        position: absolute;
        top: 50px;
    }
}

cc-scrollview#advantage_of_mpn .box {
    height: auto !important;
}

@media screen and (min-width: 991px) and (-ms-high-contrast: active) and (-ms-high-contrast: none) {
    cc-scrollview.sticky:not(.slide) .box {
        left: 50%;
        transform: translate(-50%, 0);
        position: fixed;
        height: 100vh;
    }
    cc-scrollview.sticky-bottom:not(.slide) .box {
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0);
        top: auto;
        bottom: 0;
    }
}

@media screen and (max-width: 990px) {
    cc-scrollview,
    cc-scrolltext {
        height: auto !important;
    }
    cc-scrollimage,
    cc-scrolllist a {
        display: block !important;
        margin: auto;
    }
    cc-scrollview#earn_money_step cc-scrollimage {
        transform: translateY(0);
    }
    cc-scrollview.slide cc-scrolltext {
        min-height: 0 !important;
    }
}

cc-scrollview .box {
    max-width: 1360px;
    position: relative;
}

cc-scrollimage,
cc-scrollview.tnc_container cc-scrolllist a {
    position: relative;
    padding: 0;
}
cc-scrollnum {
    position: fixed;
    bottom: 20px;
    left: 50%;
    margin-left: -25px;
}
cc-scrollview:not(.sticky) cc-scrollnum {
    display: none;
}
cc-scrollview.slide cc-scrolltext {
    display: block;
}
cc-scrollview .col-100 div {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    width: 100%;
}
cc-scrollview.tnc_container.sticky-bottom .float_box cc-scrolllist {
    top: unset;
    bottom: 55px;
    position: absolute;
}

/* Scrollview overrides */
#earn_money_step cc-scrollimage {
    max-width: 410px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

cc-scrollview#signup_step cc-scrollimage,
cc-scrollview.tnc_container cc-scrolllist a {
    width: 100%;
}

cc-scrollview#signup_step cc-scrollimage {
    max-width: 350px;
}

@media(max-width: 370px) {
    cc-scrollview#signup_step cc-scrollimage {
        width: 300px;
    }
}
cc-scrolltext ol.alpha, ol.decimal.force {
    margin-bottom: 25px;
}
cc-scrolltext ol.alpha > li:last-of-type + * {
    margin-top: 17px;
}