/* Minification failed. Returning unminified contents.
(7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
html {
    background-color: #fff;
}

body {
    background-color: #FFF;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #000;
    --bs-btn-active-border-color: #fff;
}

.promotion h1.product-title, .utility h1.product-title {
    display: block;
    padding: 24px 10px 24px;
    text-align: center;
    line-height: 0.9;
    font-weight: 600;
    margin-bottom: 0;
    font-size: 2rem;
    text-shadow: 2px 2px 0px rgba(0,0,0,0.25);
}

.product-carousel-item.predictor .promotion-box .title {
    padding: 0 4px 39px;
    text-shadow: 2px 2px 0px rgba(0,0,0,0.25);
    font-size: 1.1em;
}

.product-carousel-item.predictor {
    background-image: url(/Content/_Theme/MTN_Predict_Merge/Images/bg.webp);
}

.utility,
.lobby,
.promotion {
    background-image: url(/Content/_Theme/MTN_Predict_Merge/Images/bg.webp);
}

.promotion {
    min-height: 77vh;
}

    .promotion .signin {
        color: #fff;
        text-align: center;
        padding-top: 30px;
        font-weight: normal;
        font-size: 12px;
    }

#lobby-carousel .carousel-item .lobby-carousel-item .lobby-item .game-grand .game-ind,
#lobby-carousel .carousel-item .lobby-carousel-item .lobby-item .game-live .game-ind,
#lobby-carousel .carousel-item .lobby-carousel-item .lobby-item .game-done .game-ind,
#lobby-carousel .carousel-item .lobby-carousel-item .lobby-item .game-validating .game-ind,
#lobby-carousel .carousel-item .lobby-carousel-item .lobby-item .game-entered .game-ind {
    color: #fff;
}

#lobby-carousel .carousel-item .lobby-carousel-item .lobby-item .game-toEnter .game-ind {
    color: #DB1D36;
}

#lobby-carousel .carousel-item .lobby-carousel-item .lobby-item .icon,
#lobby-carousel .carousel-item .lobby-carousel-item .lobby-item .prize,
#lobby-carousel .carousel-item .lobby-carousel-item .lobby-item .days-left,
#lobby-carousel .carousel-item .lobby-carousel-item .lobby-item .league-title,
#lobby-carousel .carousel-item .lobby-carousel-item .lobby-item .game-title,
#lobby-carousel .carousel-item .lobby-carousel-item .lobby-item .game-date,
.game-info-dialog .league-title,
.game-info-dialog .game-title,
.game-info-dialog .game-date {
    color: #fff;
}

    #lobby-carousel .carousel-item .lobby-carousel-item .lobby-item .prize .amount {
        font-size: 3rem;
        line-height: 3rem;
    }

#lobby-carousel .carousel-item .lobby-carousel-item .lobby-item hr {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
}

#lobby-carousel .carousel-item .lobby-carousel-item .lobby-item .fs-countdown,
.game-info-dialog .fs-countdown,
.full-screen .fs-countdown {
    color: rgba(255, 255, 255, 0.5);
}

    #lobby-carousel .carousel-item .lobby-carousel-item .lobby-item .fs-countdown .value,
    .game-info-dialog .fs-countdown .value,
    .full-screen .fs-countdown .value,
    .field-footer .fs-countdown {
        color: rgba(255, 255, 255, 0.8);
    }

.fs-countdown .left-border {
    border-left: 1px solid rgba(255, 255, 255, 0.3);
}

.lobby-item .game-entered .content,
.lobby-item .game-toEnter .content {
    background-color: #fff;
    color: #000;
}

.lobby-item .game-live .content {
    background-color: #DB1D36;
    color: #fff;
}

.lobby-item .game-done .content {
    background-color: #000;
    color: #fff;
}

.lobby-item .game-validating .content {
    background-color: #AA9F9F;
    color: #fff;
}

.lobby-item .game-grand .content {
    color: #fff;
}

.lobby-item .content .win-amount {
    color: #FFCC00;
}

.game-live .content .position,
.game-done .content .position,
.game-validating .content .position {
    background-color: #fff;
    color: #000;
}

.full-screen .game-ind {
    color: #000;
}

.full-screen .league-title {
    color: #fff;
}

.full-screen .game-title {
    color: #fff;
}

.alert-info {
    border-color: #FFCC00;
}

    .alert-info hr {
        border-top-color: #FFCC00;
    }

.icon-highlight {
    color: #FFCC00;
    background-color: #fff;
    border-color: #FFCC00;
}


.promotion-box .wedge.wedge-up1 {
    color: #fff;
    font-size: 2.2rem;
    line-height: 4rem;
    font-weight: 800;
    /*text-shadow: 0px 2px 2px rgb(0 0 0 / 10%);*/
}

.promotion-box .wedge.wedge-up2 {
    color: #000;
    line-height: 1.5rem;
    font-size: 0.9375rem;
    /*text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);*/
}

.promotion-box .wedge.wedge-down1 {
    color: #fff;
    line-height: 1.8rem;
    font-size: 1.5625rem;
}

.promotion-box .wedge.wedge-down2 {
    color: #000;
    font-size: 0.75rem;
    line-height: 2.8rem;
}

.btn.btn-action {
    background-color: #000;
    color: #fff;
    border: 3px solid #fff;
    border-radius: 2rem;
}

.predictor .btn.btn-action.promotion-action,
.login-form .btn.btn-action.promotion-action,
.subscribe-form .btn.btn-action.promotion-action,
.subscribe-form .btn.btn-action.subscribe-action {
    box-shadow: 0 5px 5px rgba(81, 46, 0, 0.301082);
    text-transform: uppercase;
}

.predictor .btn.btn-action.promotion-action,
.login-form .btn.btn-action.promotion-action,
.subscribe-form .btn.btn-action.promotion-action {
    background-color: #FFCC00;
    color: #000;
    margin-top: 76%;
}

.subscribe-form .btn.btn-action.subscribe-action {
    background-color: #4EAE58;
    color: #fff;
    border-color: #4EAE58;
}

.btn.btn-action[disabled] {
    background-color: #E5E5EA;
    opacity: 1;
    color: #C7C7CC;
}

button.btn.little1x {
    padding-bottom: 2px;
    padding-left: 2px;
}

.btn.btn-add-player {
    color: #3A6D95;
    background-color: #fff;
    border: 1px solid #3A6D95;
}

    .btn.btn-add-player.filled {
        color: #000;
    }

.btn i {
    line-height: 1.8rem;
}

.card-header .btn i {
    line-height: initial;
}

.btn.smaller i,
.btn.pick-team i {
    line-height: 1.3rem;
}

a.player-select,
a.player-select:hover,
a.player-select:focus {
    color: #303133;
}

.lobby-footer.accordion .panel-header,
.field-footer.accordion .panel-header {
    color: #8E8E93;
}

.lobby-footer.accordion .footer-link,
.field-footer.accordion .footer-link {
    color: #8E8E93;
}

.lobby-footer.accordion .card-body a,
.lobby-footer.accordion .card-body a:hover,
.lobby-footer.accordion .card-body a:focus,
.field-footer.accordion .card-body a,
.field-footer.accordion .card-body a:hover,
.field-footer.accordion .card-body a:focus {
    color: #000;
}

.lobby-footer.accordion .card-body .won {
    background-color: #FFCC00;
    border-radius: 27px;
}

.step-indicator {
    background-color: #FFCC00;
    color: #000;
    border-radius: 25px;
    border: 2px solid #fff;
}

.lobby-footer.accordion .card-body .league-title,
.lobby-footer.accordion .card-body .game-title {
    color: #8E8E93;
}

.lobby-item .game-promo .promo-content {
    color: #fff;
}

input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: green;
}

input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: rgb(118, 118, 118);
    opacity: 1;
}

input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: rgb(118, 118, 118);
    opacity: 1;
}

input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: rgb(118, 118, 118);
}

input::-ms-input-placeholder { /* Microsoft Edge */
    color: rgb(118, 118, 118);
}

input::placeholder { /* Most modern browsers support this now. */
    color: rgb(118, 118, 118);
}

input:focus::-webkit-input-placeholder {
    color: rgba(118, 118, 118, 0.40);
}

input:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: rgb(118, 118, 118);
    opacity: 0.4;
}

input:focus::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: rgb(118, 118, 118);
    opacity: 0.4;
}

input:focus:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: rgba(118, 118, 118, 0.40);
}

input:focus::-ms-input-placeholder { /* Microsoft Edge */
    color: rgba(118, 118, 118, 0.40);
}

input:focus::placeholder { /* Most modern browsers support this now. */
    color: rgba(118, 118, 118, 0.40);
}

.login-form input[type=text] {
    border-radius: 25px;
    background-color: rgba(0, 0, 0, 0.5);
    color: #FFCB05;
    border: 3px solid #fff;
}

.card .card-body .card-action {
    background-color: #fff;
}

p.subscribe-price {
    color: #fff;
}

p.subscribe-optout {
    color: #c0c0c0;
}

p.subscribe-tcs a {
    color: #c0c0c0;
}

.login-form .title,
.subscribe-form .title {
    color: #FFCB05;
}

.subscribe-form .first-day-free {
    color: #FFCB05;
    border-top: 4px solid #fff;
    border-bottom: 4px solid #fff;
}

.navbar {
    background-color: #000;
}

.navbar-brand img {
    height: 31px;
    margin-top: 4px;
}

.navbar-toggler {
    color: #fff;
}

.navbar-nav .nav-link {
    color: #fff !important;
}

.navbar-nav .dropdown-menu a.dropdown-item {
    color: #fff;
    background-color: #000;
}

.field-topbar {
    background-color: #000;
}

.predictor.field .field-topbar .title {
    padding-left: 5px;
    color: #fff;
}

.promotion-close,
.promotion-close:hover,
.lobby-close,
.lobby-close:hover,
.game-info,
.game-info:hover {
    color: #fff;
}

.field .shirt.empty {
    border: 3px solid #FFCC00;
    background-color: #fff;
}

.field .shirt.filled {
    border: 1px solid transparent;
}

    .field .shirt.filled.bg {
        background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.7) 100%);
    }

.field .card.player-score {
    border-radius: 4px;
}

    .field .card.player-score > .card-header {
        color: #000;
        background-color: #fff;
        border: 0;
    }

.player-score .dropdown .btn {
    background-color: #FF2D55;
    color: #FFF;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.player-score .dropdown .dropdown-menu {
    background-color: #8E8E93;
    color: #fff;
}

.alert-ontop.fancy {
    background-color: #fff;
    color: #303133;
}

.field-footer #leaderboard-panel .other-players-at-rank,
.lobby-footer .card-body .other-players-at-rank {
    color: #6c757d;
}

.field-footer #leaderboard-panel .highlight,
.lobby-footer .card-body .highlight {
    color: #FED025;
}

.flashback-description .flashback-title,
.game-team-list .highlight {
    color: #3D6F94;
}

.flashback-description .highlight {
    color: #000;
}

.field-footer #leaderboard-panel .row .winnings {
    background-color: #FED025;
}

.highlight-box {
    background: #FFFFFF;
    border: 2px solid #FFCC00;
    border-radius: 5px;
    color: #000;
}

    .highlight-box .value {
        color: #8E8E93;
    }

        .highlight-box .value #entry-points {
            color: #8E8E93;
        }

            .highlight-box .value #entry-points.attention.increase,
            .player-points.attention.increase {
                color: #2fd756;
            }

            .highlight-box .value #entry-points.attention.decrease,
            .player-points.attention.decrease {
                color: #FFCC00;
            }

.game-team-list .not-included {
    color: rgba(30, 30, 30, 0.9);
}

.game-team-list .list-group-item {
    border-top: 1px solid rgba(255, 255, 255, 0.25);
}

.game-payout-list .card-header {
    background-color: #FFCC00;
    color: #000;
}

.game-payout-list .payout-label {
    color: #828282;
}

.game-payout-list .payout-value {
    color: #FFCC00;
}

.promotion .card,
.utility .card,
.lobby .card {
    background-color: rgba(255,255,255,0.8);
}

.btn-link.primary {
    color: #fff;
}

.btn-link.secondary {
    color: #FFCB05;
}

.promo-single {
    opacity: 0.3;
}

.icon-border {
    border-color: #FFCC00;
    background-color: #fff;
}

    .icon-border img {
        border-color: #8E8E93;
    }

.promo-single.predictor .promotion-detail .promotion-steps {
    color: #fff;
}

h1.product-title {
    color: #fff;
}

#product-carousel .carousel-control-prev img {
    border-color: #fff;
}

#product-carousel .carousel-control-next img {
    border-color: #fff;
}

.sport-promotion .line-2 {
    color: #B20E25;
}

#grand-panel .card-body .days-left {
    border: 4px solid #FFCC00;
    color: #8E8E93;
}

    #grand-panel .card-body .days-left .days {
        color: #FFCC00;
    }

.upcoming-count-badge {
    color: #000;
    font-size: 0.8rem;
    background-color: #FED025;
}

.thank-you .tick {
    color: #FFCC00;
}

.footer {
    background-color: #fff;
    padding-top: 5px;
}

.accordion.faq,
.info-page {
    background-color: rgba(255,255,255,0.8);
}

    .info-page.predictor.points {
        color: #828282;
    }

    .info-page.predictor.prizes {
        color: #323232;
    }

    .info-page.predictor.points hr {
        border-top-color: #828282;
    }

    .info-page.predictor.points .card-title {
        border-bottom-color: #FFCC00;
    }

    .info-page.predictor.prizes .card-title,
    .predictor.field-footer .game-prize-title {
        border-bottom-color: #FFCC00;
    }

.predictor.field .matches .card-title.selected {
    border-top-color: #FFCC00;
}

.accordion.faq > .card:not(:last-of-type) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.accordion.faq > .card:not(:first-of-type) {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.accordion.faq .card-header a,
.accordion.faq .card-header a:hover,
.accordion.faq .card-header a:focus {
    color: #303133;
}

.field-toast {
    border-color: #FFCC00;
}

    .field-toast .toast-header {
        color: #fff;
        background-color: #FFCC00;
    }

        .field-toast .toast-header button.close {
            color: #fff;
        }


.fb-connect {
    border-top: 1px solid lightgrey;
    padding-top: 15px;
    width: 280px;
    margin-left: auto;
    margin-right: auto;
}

.fb-login-button {
    z-index: 99999;
}

.product-carousel-item.predictor .promotion-box {
    left: -47px;
    top: 40%;
    width: 357px;
}

.promotion h1.product-title {
    padding: 47px 10px 47px;
    font-size: 2.7rem;
}

.product-carousel-item.predictor .title {
    text-shadow: 0px 4px 4px rgba(0,0,0,0.25);
    font-style: italic;
    font-size: 1.2em;
    line-height: 21px;
    color: #fff;
    padding-top: 20px;
}

.predictor .result-rank.win {
    background: radial-gradient(98.12% 98.12% at 50% -13.53%, #ADE408 0%, #7EB703 100%);
    border-color: #99dd07;
}

.lobby-footer.accordion .card .card {
    border-left: 5px solid #FFCC00;
}


#product-carousel .carousel-item .product-carousel-item.predictor {
    border: 5px solid;
    border-color: #fff;
}

.select-result {
    right: 6px;
    position: absolute;
    top: 8px;
}

span.select-result {
    right: 45px;
    position: absolute;
    top: 8px;
}

span.result-user-defined {
    position: absolute;
    left: 46%;
}


.row.no-win {
    border: 1px solid #FF4744;
    border-radius: 5px;
}

.row.win {
    border: 1px solid #45C152;
    border-radius: 5px;
}

.row.partial-win, .row.no-result {
    border: 1px solid #FFAD0D;
    border-radius: 5px;
}

.btn.pick-team.correct-selection {
    border: 1px solid #45C152;
}

.correct-selection i {
    color: #45C152 !important;
    left: -7px !important;
    top: -12px !important;
}

.correct-selection-display {
    margin: 3px;
    text-align: center;
}

    .correct-selection-display i {
        color: #45C152;
    }

select.no-win {
    border-color: #FF4744;
}

select.win {
    border-color: #45C152;
}

select.partial-win, select.no-result {
    border-color: #FFAD0D;
}

select {
    color: #000 !important;
}

.custom-select {
    appearance: inherit;
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
    padding: 0.375rem 1.75rem 0.375rem 0.95rem;
}

/*Formula1*/

.race-icon {
    position: absolute;
    top: 8px;
    left: 12px;
    height: 20px;
    width: 5px;
}


    .race-icon[data-feedteamid="1"] {
        background: #F58020;
    }

    .race-icon[data-feedteamid="2"] {
        background: #6CD3BF;
    }

    .race-icon[data-feedteamid="3"] {
        background: #3671C6;
    }

    .race-icon[data-feedteamid="4"] {
        background: #F91536;
    }

    .race-icon[data-feedteamid="5"] {
        background: #37BEDD;
    }

    .race-icon[data-feedteamid="11"] {
        background: #C92D4B;
    }

    .race-icon[data-feedteamid="5691"] {
        background: #B6BABD;
    }

    .race-icon[data-feedteamid="10151"] {
        background: #5E8FAA;
    }

    .race-icon[data-feedteamid="10331"] {
        background: #2293D1;
    }

    .race-icon[data-feedteamid="10351"] {
        background: #358C75;
    }

    /*MotoGP*/
    .race-icon[data-feedteamid="29"] {
        background: #ff9912;
    }

    .race-icon[data-feedteamid="33"] {
        background: #cc3333;
    }

    .race-icon[data-feedteamid="37"] {
        background: #f92515;
    }

    .race-icon[data-feedteamid="4791"] {
        background: #4294c1;
    }

    .race-icon[data-feedteamid="4921"] {
        background: #802926;
    }

    .race-icon[data-feedteamid="6861"] {
        background: #e05a17;
    }

    .race-icon[data-feedteamid="9201"] {
        background: #b7340b;
    }

    .race-icon[data-feedteamid="9491"] {
        background: #183dc7;
    }

    .race-icon[data-feedteamid="9511"] {
        background: #2db914;
    }

    .race-icon[data-feedteamid="10021"] {
        background: #F4F4F4;
    }

    .race-icon[data-feedteamid="10531"] {
        background: #a1b7e5;
    }

    .race-icon[data-feedteamid="10541"] {
        background: #dbff03;
    }

    .race-icon[data-feedteamid="10551"] {
        background: #154a72;
    }

    /*F1 Esports*/

    .race-icon[data-feedteamid="99019100001"] {
        background: #C92D4B;
    }

    .race-icon[data-feedteamid="99019100002"] {
        background: #2293D1;
    }

    .race-icon[data-feedteamid="99019100003"] {
        background: #006f62;
    }

    .race-icon[data-feedteamid="99019100004"] {
        background: #949498;
    }

    .race-icon[data-feedteamid="99019100005"] {
        background: #FF8700;
    }

    .race-icon[data-feedteamid="99019100006"] {
        background: #00D2BE;
    }

    .race-icon[data-feedteamid="99019100007"] {
        background: #0600ef;
    }

    .race-icon[data-feedteamid="99019100008"] {
        background: #5E8FAA;
    }

    .race-icon[data-feedteamid="99019100009"] {
        background: #DC0000;
    }

    .race-icon[data-feedteamid="99019100010"] {
        background: #37BEDD;
    }

#product-carousel .carousel-item, #lobby-carousel .carousel-item {
    left: 0px;
}

#product-carousel .carousel-control-prev img, #lobby-carousel .carousel-control-prev img {
    left: -224px;
}

#product-carousel .carousel-control-prev i, #product-carousel .carousel-control-next i {
    color: #FFF;
}

#product-carousel .carousel-control-next img, #lobby-carousel .carousel-control-next img {
    right: -224px;
}

#product-carousel .carousel-item .product-carousel-item {
    width: 273px
}

.product-carousel-item.predictor {
    background-position: -10px 0px;
}

.predictor .btn.btn-action.promotion-action {
    margin-top: 84%;
}

.btn-wide {
    width: 220px;
}

.carousel-control-next, .carousel-control-prev {
    top: -75px;
    opacity: 1 !important;
}

#product-carousel .carousel-control-prev i {
    margin-right: -7px;
}

#product-carousel .carousel-control-next i {
    margin-left: -7px;
}

.promotion h1.product-title {
    text-shadow: 4px 3px 0 rgba(0,0,0,0.4), 0px 4px 6px rgba(0,0,0,0.5), 0px 3px 25px #fff;
    text-transform: uppercase;
}

.soccer-wedge-up1 {
    color: #fff;
}

.soccer-wedge-up2 {
    line-height: 1.9rem !important;
}

.rugby-wedge-up1 {
    color: #fff;
    background: linear-gradient( 270deg, #B8DE19 1.46%, #5DA822 96.35%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.motorsport-wedge-up1 {
    color: #fff;
    /*    background: linear-gradient( 270deg, #96D809 1.46%, #FE3D00 96.35%);*/
    background: linear-gradient(266.04deg, #96D809 6.02%, #FE3D00 78.41%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 4.5rem !important;
}

.motorsport-wedge-up2 {
    color: #FFF !important;
    line-height: 1.2rem !important;
    font-size: 0.9375rem;
    text-shadow: none !important;
}

.motorsport-wedge-down1 {
    line-height: 1.5rem !important;
}

.motorsport-wedge-down2 {
    color: #000;
    font-size: 0.65rem !important;
    line-height: 2.9rem !important;
}


.cricket-wedge-up1 {
    color: #fff;
    background: linear-gradient( 270deg, #FE5925 1.46%, #FCCC18 96.35%);
    line-height: 4.5rem !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.score.final {
    font-size: 0.6rem;
}

.cricket-wedge-down1 {
    line-height: 1.4rem !important;
}

@media (max-width: 320px) {
    .promotion h1.product-title {
        padding: 30px 10px 20px;
        font-size: 2.5em;
    }


    .product-carousel-item.predictor .promotion-box {
        width: 335px;
        height: 173px;
    }

    .promotion-box .wedge.wedge-down1 {
        line-height: 1.6rem;
    }

    .promotion-box .wedge.wedge-down2 {
        line-height: 2.5rem;
    }

    .promotion-box .wedge.wedge-up2 {
        line-height: 1.4rem;
    }

    .predictor .btn.btn-action.promotion-action {
        margin-top: 76%;
    }
}


.back-to-host {
    width: 64px;
    height: 32px;
    /*border: 1px solid #000;*/
    border-radius: 2rem;
    background-image: url(/Content/_Theme/MTN_Predict_Merge/Images/backtohost-light.png) !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: fixed;
    right: calc(45% + -150px);
    top: 9px;
    z-index: 9990;
}

@media (max-width: 375px) {

    .fs-countdown-block {
        margin-top: 20px;
    }

    .lobby-item .content-body {
        margin-top: 30px;
    }

    .predictor .btn.btn-action.promotion-action {
        margin-top: 76%;
    }

    #product-carousel .carousel-control-prev img {
        left: -217px;
    }

    #product-carousel .carousel-control-next img {
        right: -217px;
    }
}

.promotion-list-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px 0 24px 0;
    text-align: center;
    line-height: 1.1;
    font-size: 40px;
    font-weight: 700;
    background: linear-gradient(90deg, #FED025 0%, #FCE487 46.5%, #FED025 58.5%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}

.product-title .promotion-list-title {
    font-size: 30px;
    padding-top: 24px;
}

    .promotion-list-title p {
        margin: 0;
    }

    .promotion-list-title .line1 {
        text-transform: uppercase;
    }

    .promotion-list-title .line2 {
        text-transform: uppercase;
        font-family: Roboto-Condensed;
        font-weight: 500;
        font-size: 10px;
        color: #fff;
        letter-spacing: 4px;
        margin-top: 4px;
    }

.promotion-list-line-fade {
    height: 1px;
    background-color: #E6E6E6;
    width: 75%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 50%, rgba(255, 255, 255, 0) 100%);
}

.promotion-list-content {
    color: #fff;
    text-align: center;
    font-weight: 700;
    line-height: 1.1;
}

    .promotion-list-content .line1 {
        font-size: 20px;
    }

    .promotion-list-content .line2 {
        font-size: 44px;
    }

    .promotion-list-content .line3 {
        font-size: 12px;
        font-weight: 500;
    }

.product-list {
    margin-top: 25px;
}

.product-list-item-wrapper {
    position: relative;
    cursor: pointer;
}

.product-list-item {
    background-image: none !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 30px;
    font-weight: 700;
}

    .product-list-item .promotion-action {
        position: relative;
        width: 100%;
        margin: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        font-size: 30px;
        color: #fff;
    }

        .product-list-item .promotion-action.smaller span {
            font-size: 26px;
            font-weight: 700;
        }

        .product-list-item .promotion-action .left {
            position: absolute;
            left: 40px;
        }

        .product-list-item .promotion-action .right {
            position: absolute;
            right: 40px;
            color: #FED025;
        }

        .upcoming-count-badge {
            padding: 0.18rem 0.4rem;
        }

.back-to-host {
    width: 64px;
    height: 32px;
    /*border: 1px solid #000;*/
    border-radius: 2rem;
    background-image: url(/Content/_Theme/MTN_Predict_Merge/Images/backtohost-light.png) !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: fixed;
    right: calc(45% + -150px);
    top: 9px;
    z-index: 9990;
}

.small {
    font-size: 0.6rem;
}

@media (max-width: 375px) {
    .banner .text-middle {
        font-size: 2.0rem;
    }
}

.btn.smaller i {
    padding: 3px 0 5px 2px;
}

.btn.btn-action.little1x.modal-go.smaller {
    padding: 3px 0 5px 2px;
}

@font-face {
    font-family: MTNBrighterSans;
    src: url(/Content/_Theme/MTN_Predict_Merge/fonts/MTNBrighterSans-Regular.otf);
}

@font-face {
    font-family: 'Roboto-Condensed';
    src: url('/Content/_Theme/Betfred/fonts/RobotoCondensed-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Condensed';
    src: url('/Content/_Theme/Betfred/fonts/RobotoCondensed-Light.ttf');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Condensed';
    src: url('/Content/_Theme/Betfred/fonts/RobotoCondensed-Bold.ttf');
    font-weight: 700;
    font-style: normal;
}

body {
    font-family: MTNBrighterSans, "Poppins", sans-serif;
}