#outline-infinity-loader {
    stroke-dasharray: 2.42777px, 242.77666px;
    stroke-dashoffset: 0;
    -webkit-animation: infinityAnimation 1.6s linear infinite;
    animation: infinityAnimation 1.6s linear infinite
}

@-webkit-keyframes infinityAnimation {
    12.5% {
        stroke-dasharray: 33.98873px, 242.77666px;
        stroke-dashoffset: -26.70543px
    }
    43.75% {
        stroke-dasharray: 84.97183px, 242.77666px;
        stroke-dashoffset: -84.97183px
    }
    to {
        stroke-dasharray: 2.42777px, 242.77666px;
        stroke-dashoffset: -240.34889px
    }
}

@keyframes infinityAnimation {
    12.5% {
        stroke-dasharray: 33.98873px, 242.77666px;
        stroke-dashoffset: -26.70543px
    }
    43.75% {
        stroke-dasharray: 84.97183px, 242.77666px;
        stroke-dashoffset: -84.97183px
    }
    to {
        stroke-dasharray: 2.42777px, 242.77666px;
        stroke-dashoffset: -240.34889px
    }
}

.mb-promo-page {
    margin-top: -16px;
    min-height: calc(100vh - 25px - 96px)
}

.mb-promo-page--dark .mb-promo-page__containerPromoContent,
.mb-promo-page--default .mb-promo-page__containerPromoContent {
    background: #2b2f35;
    border: 0;
    color: #fff
}

.mb-promo-page--dark .mb-promo-page__promoContentTermsContent ul li,
.mb-promo-page--default .mb-promo-page__promoContentTermsContent ul li {
    color: #fff
}

.mb-promo-page--light .mb-promo-page__containerPromoContent {
    background: #f5f5f5;
    border: 1px solid #ddd;
    color: #43444a
}

.mb-promo-page--light .mb-promo-page__promoContentTermsContent ul li {
    color: #43444a
}

.mb-promo-page__containerBanners,
.mb-promo-page__containerBanners img {
    width: 100%
}

.mb-promo-page__containerBanners .mb-banners {
    padding: 0
}

.mb-promo-page__bannerImage--desktop {
    display: block
}

.mb-promo-page__bannerImage--mobile {
    display: none
}

.mb-promo-page__containerPromoContent {
    display: block;
    margin-top: 0;
    padding: 32px;
    width: 100%
}

.mb-promo-page__promoContent {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin: 0 auto;
    max-width: 720px;
    width: 100%
}

.mb-promo-page__promoContentHeader {
    font-size: 24px;
    font-weight: 700;
    height: 28px;
    line-height: 28px;
    margin-bottom: 12px;
    text-align: left;
    text-transform: uppercase;
    width: 100%
}

.mb-promo-page__promoContentDescription {
    font-size: 16px;
    line-height: 40px;
    margin-bottom: 16px;
    opacity: .87;
    text-align: left;
    width: 100%
}

.mb-promo-page__promoContentDescription h3 {
    font-size: 16px
}

.mb-promo-page__promoContentDescription h3 b {
    font-weight: 100;
    line-height: 24px
}

.mb-promo-page__promoContentDescription p span {
    font-size: 16px!important
}

.mb-promo-page__promoContentDescription p span a {
    color: #00b2ff
}

.mb-promo-page__promoContentDescription p span a:hover {
    color: #00b2ff;
    opacity: .87
}

.mb-promo-page__promoContentDescription p span strong {
    font-weight: 100
}

.mb-promo-page__promoJoinNow {
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 32px;
    width: 100%
}

.mb-promo-page__promoJoinNow .mb-button {
    width: 200px
}

.mb-promo-page__promoDivider {
    background-color: #a3a1a7;
    height: 1px;
    margin: 0 0 32px;
    width: 100%
}

.mb-promo-page__promoContentTermsHeader {
    font-size: 12px;
    font-weight: 700;
    width: 100%
}

.mb-promo-page__promoContentTermsHeader button {
    background: 0;
    border: 0;
    outline: 0;
    text-transform: capitalize
}

.mb-promo-page__promoContentTermsHeader button:hover {
    opacity: .87
}

.mb-promo-page__promoContentTermsHeader button:active {
    -webkit-transform: scale(.98);
    transform: scale(.98)
}

.mb-promo-page__promoContentTermsHeader button:focus,
.mb-promo-page__promoContentTermsHeader button:visited {
    outline: 0
}

.mb-promo-page__promoContentTermsHeader button>span {
    margin-right: 8px
}

.mb-promo-page__promoContentTermsHeader button>i {
    vertical-align: text-top
}

.mb-promo-page__promoContentTermsContent {
    font-size: 12px;
    margin-top: 32px;
    overflow: hidden;
    transition: height .4s ease-in-out;
    width: 100%
}

.mb-promo-page__promoContentTermsContent a {
    color: #00b2ff
}

.mb-promo-page__promoContentTermsContent a:hover {
    color: #00b2ff;
    opacity: .87
}

.mb-promo-page__promoContentTermsContent ul {
    line-height: 18px;
    margin-top: 16px
}

.mb-promo-page__promoContentTermsContent ul li {
    color: #fff;
    margin-bottom: 8px
}

.mb-promo-page__promoContentTermsContent ul li span {
    font-size: 12px!important
}

@media(max-width:1025px) {
    .mb-promo-page__bannerImage--desktop {
        display: none
    }
    .mb-promo-page__bannerImage--mobile {
        display: block
    }
}

@media(max-width:768px) {
    .mb-promo-page {
        margin-top: 0
    }
}