* {
    margin: 0;
    box-sizing: border-box
}

body, html {
    font-family: 'Lato', sans-serif;
    background: black
}

a {
    text-decoration: none
}

.row {
    display: flex
    align-items: center
}

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

.hot_item {
    position: relative
}

    .hot_item::after {
        content: "";
        z-index: 2;
        position: absolute;
        top: 0;
        right: 0;
        width: 30px;
        height: 30px;
        background: url("../Images/icon/hot2.png");
        background-size: 100% 100%
    }

.container {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 1200px;
    padding-top: 144px;
    width: 100%;
    overflow-x: hidden
}

.slider {
    width: 100%;
    position: relative
}

    .slider .slides {
        overflow: hidden;
        justify-content: center;
        width:100%;
        max-height:500px;

    }

        .slider .slides .slide {
            width: 100%;
            display: none
        }

        .slider .slides .slide_active {
            display: block
        }

    .slider .dots {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        justify-content: center;
        bottom: 20px
    }

        .slider .dots .dot {
            width: 150px;
            margin: 0 5px;
            cursor: pointer
        }

            .slider .dots .dot:hover {
                filter: brightness(1.5)
            }

        .slider .dots .dot_active {
            filter: brightness(1.5);
            border: solid 2px #f8d690
        }

.section {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #1d1d1d url("../Images/bg.png");
    min-width: 1200px
}

    .section .content {
        margin: 0 auto;
        width: 100%;
        max-width: 1200px;
        position: relative;
    }

        .section .content h1 {
            color: #ffbc0a;
            font-size: 20px;
            position: absolute;
            top: 0;
            left: 0
        }

.popup_header, .popup_body {
    color: #fff;
}

.header
{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9999;
    /*background: url('../Images/rahmadan_mu_2025.png') !important;
    background-size: 100% 100% !important;*/
}

    .header .logo {
        width: 200px
    }

    .header nav {
        align-self: stretch;
        height: 100px;
        margin-left: auto;
        align-items: stretch;
        padding-top: 10px
    }

        .header nav a {
            color: #9cbab6;
            font-size: 13px;
            margin-left: 25px;
            position: relative
        }

            .header nav a::after {
                content: "";
                height: 3px;
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                background: #f8d690;
                display: none
            }

            .header nav a:hover {
                color: #f8d690
            }

                .header nav a:hover::after {
                    display: block
                }

        .header nav .hot::before {
            content: "";
            position: absolute;
            top: 2%;
            left: 50%;
            transform: translateX(-50%);
            width: 25px;
            height: 30px;
            background: url("../Images/icon/hot.png");
            background-size: 100% 100%
        }

        .header nav .new::before
        {
            content: "";
            position: absolute;
            top: 2%;
            left: 50%;
            transform: translateX(-50%);
            width: 35px;
            height: 35px;
            background: url("../Images/icon/new.png");
            background-size: 100% 100%
        }

    .header .header_btm {
        background: #222222;
        cursor: pointer
    }

        .header .header_btm .datetime {
            font-size: 12px;
            margin-right: 10px
        }

            .header .header_btm .datetime span {
                margin: 0 5px
            }

        .header .header_btm .language {
            align-self: stretch;
            background: linear-gradient(to right, #0e6557, #0a493f);
            color: white;
            font-weight: bold;
            padding: 0px 20px;
            font-size: 13px;
            margin-right: auto;
            border: outset 2px #0e6557;
            border-radius: 3px
        }

            .header .header_btm .language img {
                width: 20px;
                margin-right: 5px
            }

            .header .header_btm .language::after {
                content: "";
                width: 0;
                height: 0;
                border-left: 5px solid transparent;
                border-right: 5px solid transparent;
                border-top: 5px solid #ffbc0a;
                margin-left: 10px
            }

        .header .header_btm .language_btn_active::after {
            transform: rotate(180deg)
        }

        .header .header_btm .language_dropdown {
            position: absolute;
            top: 100%;
            left: 177px;
            background: #111111;
            border-radius: 0 0 10px 10px;
            padding: 10px;
            display: none
        }

            .header .header_btm .language_dropdown .language_item {
                color: #f8d690;
                align-items: center;
                padding: 5px
            }

                .header .header_btm .language_dropdown .language_item img {
                    width: 25px;
                    margin-right: 10px
                }

                .header .header_btm .language_dropdown .language_item a {
                    color: #a2aabd;
                    text-align: center;
                    margin: 0;
                    padding: 0 5px
                }

                    .header .header_btm .language_dropdown .language_item a:hover {
                        color: white
                    }

        .header .header_btm .language_open {
            display: flex
        }

        .header .header_btm .user_btn, .header .header_btm .balance {
            align-self: center;
            background: #222222;
            color: #ffbc0a;
            font-weight: bold;
            padding: 5px 10px;
            font-size: 12px;
            border: outset 2px #ffbc0a;
            border-radius: 3px;
            margin-left: 10px;
            border-radius: 999px
        }

            .header .header_btm .user_btn img, .header .header_btm .balance img {
                width: 20px;
                margin-left: 10px
            }

            .header .header_btm .user_btn *, .header .header_btm .balance * {
                pointer-events: none
            }

            .header .header_btm .user_btn::after {
                content: "";
                width: 0;
                height: 0;
                border-left: 5px solid transparent;
                border-right: 5px solid transparent;
                border-top: 5px solid #222222;
                margin-left: 10px
            }

        .header .header_btm .user_btn_active::after {
            transform: rotate(180deg)
        }

        .header .header_btm .user_menu {
            position: absolute;
            top: 100%;
            right: 210px;
            background: #111111;
            padding: 5px;
            border-radius: 0 0 10px 10px;
            display: none
        }

            .header .header_btm .user_menu span {
                color: #ffbc0a;
                font-size: 10px;
                padding: 0 10px;
                margin-top: 10px
            }

            .header .header_btm .user_menu a {
                color: #a2aabd;
                padding: 8px 10px;
                width: 100%;
                font-size: 12px;
                border-radius: 3px
            }

                .header .header_btm .user_menu a:hover {
                    color: white;
                    background: #1e1e1e
                }

.inboxform:hover {
    color: white;
    background: #1e1e1e
}

.header .header_btm .user_menu_active {
    display: flex
}

.header .header_btm a {
    margin-right: 20px;
    font-size: 13px;
    color: black;
    white-space: nowrap;
}

.header .header_btm .header_btn {
    background: #ffbc0a;
    padding: 10px 15px;
    color: #222222;
    border-radius: 3px;
    font-weight: bold;
    margin: 3px 0;
    margin-left: 10px;
    font-size: 14px;
    box-shadow: 0 2px 3px black
}

.index {
    background: url("../Images/index/bg.jpg");
    background-size: cover
}

    .index .steps {
        padding: 10px 0;
        justify-content: space-between
    }

        .index .steps .step {
            align-items: stretch
        }

            .index .steps .step img {
                width: 120px;
                margin-right: 10px
            }

            .index .steps .step .col {
                justify-content: center
            }

                .index .steps .step .col h2 {
                    color: white;
                    font-size: 13px;
                    margin-bottom: 10px
                }

                .index .steps .step .col p {
                    color: #f8d690;
                    font-size: 16px;
                    font-weight: bold
                }

    .index .sports {
        margin-top: 50px;
        align-items: stretch;
        position: relative
    }

        .index .sports .sb_nav {
            margin-top: 30px;
            align-items: flex-start
        }

            .index .sports .sb_nav .sb_nav_item {
                margin-top: 35px;
                align-items: flex-end;
                height: 55px;
                padding: 10px;
                padding-bottom: 0;
                background: #222222;
                border-radius: 10px 10px 3px 3px;
                border-bottom: solid 2px #ffbc0a;
                filter: saturate(0.5);
                position: relative
            }

                .index .sports .sb_nav .sb_nav_item img {
                    width: 70px;
                    margin-bottom: 15px;
                    filter: grayscale(1)
                }

                .index .sports .sb_nav .sb_nav_item .sb_small {
                    width: 50px;
                    margin: 0
                }

                .index .sports .sb_nav .sb_nav_item::after {
                    content: "";
                    width: 70px;
                    left: 5%;
                    position: absolute;
                    bottom: 0;
                    height: 5px;
                    background: #ffbc0a;
                    border-radius: 3px 3px 0 0
                }

                .index .sports .sb_nav .sb_nav_active, .index .sports .sb_nav .sb_nav_item:hover {
                    filter: none
                }

                    .index .sports .sb_nav .sb_nav_active img, .index .sports .sb_nav .sb_nav_item:hover img {
                        filter: none
                    }

        .index .sports .models {
            margin-top: 30px;
            margin-left: 20px;
            position: relative;
            width: 330px;
            height: 313px
        }

            .index .sports .models .model {
                width: 100%;
                height: 100%;
                opacity: 0;
                pointer-events: none;
                transition: 0.4s;
                transform: translateX(500px);
                left: -1000px;
                top: 0
            }

            .index .sports .models .model_active {
                opacity: 1;
                position: absolute;
                left: 0;
                top: 0;
                transform: none
            }

        .index .sports .sb_info {
            margin-top: 30px;
            width: 150px;
            color: #f8d690;
            font-size: 13px;
            display: none;
            margin-left: 15px;
            margin-right: 30px;
            -webkit-animation: fade-in 0.3s linear both;
            animation: fade-in 0.3s linear both
        }

            .index .sports .sb_info img {
                width: 120px;
                margin-bottom: 10px
            }

            .index .sports .sb_info a {
                margin-top: 10px;
                background: #ffbc0a;
                color: #111111;
                padding: 10px;
                text-align: center;
                border-radius: 5px
            }

        .index .sports .sb_match {
            width: 450px;
            align-items: center;
            margin-left: auto;
            position: relative
        }

            .index .sports .sb_match h1 {
                position: static;
                margin-bottom: 20px
            }

            .index .sports .sb_match .prev_btn {
                position: absolute;
                left: 0;
                top: 45%;
                width: 50px;
                z-index: 2;
                transform: translateX(-50%);
                cursor: pointer
            }

            .index .sports .sb_match .next_btn {
                position: absolute;
                right: 0;
                top: 45%;
                z-index: 2;
                width: 50px;
                transform: translateX(50%);
                cursor: pointer
            }

            .index .sports .sb_match .swiper-container {
                width: 100%;
                border-radius: 10px
            }

                .index .sports .sb_match .swiper-container .swiper-wrapper {
                    width: 100%
                }

                .index .sports .sb_match .swiper-container .swiper-button-prev {
                    width: 50px;
                    height: 50px;
                    background: red;
                    left: 0;
                    transform: translateX(-50%)
                }

                .index .sports .sb_match .swiper-container .swiper-slide {
                    align-items: center;
                    padding: 10px;
                    border-radius: 10px;
                    background: rgba(248,214,144,0.3)
                }

                    .index .sports .sb_match .swiper-container .swiper-slide h2 {
                        color: #f8d690;
                        font-size: 20px;
                        margin: 10px 0
                    }

                    .index .sports .sb_match .swiper-container .swiper-slide h3 {
                        color: white;
                        font-size: 15px
                    }

                    .index .sports .sb_match .swiper-container .swiper-slide .team {
                        align-items: center;
                        color: white;
                        padding: 15px 0
                    }

                        .index .sports .sb_match .swiper-container .swiper-slide .team img {
                            width: 100px;
                            border-radius: 5px;
                            margin-bottom: 5px
                        }

                    .index .sports .sb_match .swiper-container .swiper-slide .bet_col {
                        align-items: center;
                        margin: 0 20px
                    }

                        .index .sports .sb_match .swiper-container .swiper-slide .bet_col img {
                            width: 50px
                        }

                        .index .sports .sb_match .swiper-container .swiper-slide .bet_col a {
                            background: linear-gradient(#f3bb48, #f8d690, #f3bb48);
                            color: black;
                            font-weight: bold;
                            padding: 5px 10px;
                            border-radius: 3px;
                            margin-top: 10px
                        }

                    .index .sports .sb_match .swiper-container .swiper-slide .homeaway {
                        width: 100%;
                        border-radius: 5px;
                        overflow: hidden
                    }

                        .index .sports .sb_match .swiper-container .swiper-slide .homeaway span {
                            flex: 1;
                            justify-content: center;
                            background: #0a493f;
                            color: #9cbab6;
                            padding: 5px;
                            border-right: 2px solid black
                        }

                            .index .sports .sb_match .swiper-container .swiper-slide .homeaway span b {
                                color: white;
                                padding: 5px
                            }

                            .index .sports .sb_match .swiper-container .swiper-slide .homeaway span:last-child {
                                border: none
                            }

    .index .services {
        background: #222222;
        border-radius: 5px;
        font-weight: bold;
        font-size: 13px;
        align-items: stretch;
        overflow: hidden;
        z-index: 5;
        position: relative
    }

        .index .services .row {
            color: #f8d690;
            padding: 15px 25px
        }

            .index .services .row img {
                width: 40px;
                margin-right: 10px
            }

            .index .services .row:first-child {
                background: #ffbc0a;
                color: #111111
            }

    .index .rewards {
        margin-top: 50px;
        padding: 50px 0;
        position: relative;
        align-items: flex-end
    }

        .index .rewards img {
            width: 500px;
            margin-right: 50px
        }

        .index .rewards .video_slider {
            flex: 1
        }

            .index .rewards .video_slider iframe {
                width: 100%;
                height: 300px
            }

.index_slot {
    background: #222222;
    padding: 50px 0
}

    .index_slot .content {
        position: relative;
        padding-top: 50px;
        align-items: stretch
    }

    .index_slot .jackpot {
        position: relative
    }

        .index_slot .jackpot img {
            width: 300px
        }

        .index_slot .jackpot h2 {
            position: absolute;
            width: 100%;
            left: 0;
            top: 8%;
            font-size: 15px;
            opacity: 0.5;
            color: white;
            text-align: center
        }

        .index_slot .jackpot .jackpot_number {
            position: absolute;
            width: 60%;
            left: 50%;
            transform: translateX(-50%);
            top: 35%;
            color: white;
            font-size: 25px;
            text-align: center;
            border-radius: 5px;
            overflow: hidden
        }

            .index_slot .jackpot .jackpot_number .j_number {
                flex: 1;
                overflow: hidden;
                color: white;
                font-weight: bold;
                text-align: center;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 20px;
                height: 40px;
                position: relative;
                border-radius: 3px
            }

                .index_slot .jackpot .jackpot_number .j_number .numbers {
                    display: flex;
                    flex-direction: column;
                    position: absolute;
                    top: -80px;
                    left: 0;
                    width: 100%
                }

                    .index_slot .jackpot .jackpot_number .j_number .numbers span {
                        height: 40px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        color: white;
                        font-weight: bold
                    }

    .index_slot .lobby {
        margin-left: 20px
    }

        .index_slot .lobby .game_nav {
            margin-bottom: 20px;
            border-bottom: solid 1px grey
        }

            .index_slot .lobby .game_nav .nav_item {
                border: solid 1px #ffbc0a;
                border-bottom: 0;
                color: #ffbc0a;
                border-radius: 3px 3px 0 0;
                padding: 10px;
                font-size: 13px;
                margin-right: 15px;
                cursor: pointer
            }

                .index_slot .lobby .game_nav .nav_item:hover, .index_slot .lobby .game_nav .nav_active {
                    background: #ffbc0a;
                    color: #222222;
                    border-color: transparent
                }

            .index_slot .lobby .game_nav a {
                margin-left: auto;
                font-size: 13px;
                color: grey
            }

        .index_slot .lobby .games {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            grid-gap: 10px;
            display: none
        }

            .index_slot .lobby .games .game {
                border-radius: 10px;
                overflow: hidden;
                position: relative;
                transition: 0.3s
            }

                .index_slot .lobby .games .game img {
                    width: 100%;
                    height: 120px
                }

                .index_slot .lobby .games .game .game_name {
                    background: #000000;
                    padding: 10px;
                    color: grey;
                    font-size: 13px;
                    border-bottom: solid 4px #ffbc0a;
                    border-radius: 0 0 10px 10px;
                    z-index: 2;
                    transition: 0.3s
                }

                .index_slot .lobby .games .game .hover {
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    background: rgba(0,0,0,0.5);
                    align-items: center;
                    padding-top: 10px;
                    transform: translateY(100%);
                    transition: 0.3s
                }

                    .index_slot .lobby .games .game .hover a {
                        width: 80%;
                        text-align: center;
                        color: #222222;
                        background: #ffbc0a;
                        font-size: 13px;
                        padding: 8px;
                        margin-top: 10px;
                        border-radius: 5px
                    }

                        .index_slot .lobby .games .game .hover a:nth-child(2) {
                            background: #222222;
                            color: #ffbc0a;
                            border: 1px solid #ffbc0a;
                        }

                .index_slot .lobby .games .game:hover {
                    transform: translateY(-5px)
                }

                    .index_slot .lobby .games .game:hover .hover {
                        transform: none
                    }

                    .index_slot .lobby .games .game:hover .game_name {
                        filter: brightness(2)
                    }

        .index_slot .lobby .recommended {
            display: grid
        }

.cards {
    padding: 50px 0;
    background: #111111
}

    .cards .content {
        padding: 0;
        justify-content: space-between;
        align-items: stretch
    }

    .cards .card {
        color: white;
        text-align: center;
        margin: 0 10px;
        font-size: 13px;
        flex: 1;
        position: relative;
        border-radius: 10px;
        min-height: 240px;
        overflow: hidden;
        padding-top: 65px
    }

        .cards .card .card_text {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            justify-content: center;
            padding: 20px
        }

            .cards .card .card_text h2 {
                margin: 20px 0
            }

            .cards .card .card_text p {
                margin-bottom: 10px
            }

        .cards .card .card_hover {
            width: 100%;
            position: absolute;
            bottom: 0;
            left: 0;
            transform: translateY(100%);
            transition: 0.3s;
            opacity: 0
        }

        .cards .card .card_bg {
            width: 100%
        }

        .cards .card a {
            position: absolute;
            bottom: 0;
            width: 100%;
            left: 0;
            font-size: 20px;
            color: black;
            padding: 5px 0;
            font-weight: 900;
            transform: translateY(85%);
            transition: 0.3s;
            transition-delay: 0.3s;
            align-items: center
        }

            .cards .card a span {
                display: flex;
                position: absolute;
                height: 10px;
                width: 50%;
                bottom: 90%;
                left: 50%;
                transform: translateX(-50%);
                border-radius: 4px 4px 0 0
            }

        .cards .card:hover .card_hover {
            transform: none;
            opacity: 1
        }

        .cards .card:hover a {
            transform: none
        }

.particles img {
    position: absolute;
    bottom: 20%;
    right: 40%
}

.products {
    background: #141715
}

    .products .banner {
        width: 100%;
        justify-content: center;
        position: relative;
        display: none;
        -webkit-animation: fade-in 0.3s linear both;
        animation: fade-in 0.3s linear both;
        align-items: flex-end
    }

        .products .banner .banner_bg {
            height: 450px
        }

        .products .banner .col {
            position: absolute;
            right: 10%;
            top: 40%;
            transform: translateY(-50%);
            z-index: 2;
            align-items: center;
            width: 350px
        }

            .products .banner .col img {
                width: 300px
            }

            .products .banner .col p {
                color: white;
                text-align: center;
                font-size: 18px;
                margin-bottom: 20px
            }

            .products .banner .col a {
                background: linear-gradient(#0e6557, #0a493f);
                color: white;
                font-weight: bold;
                padding: 10px 20px;
                text-decoration: none;
                border-radius: 3px
            }

                .products .banner .col a:hover {
                    transform: scale(1.05)
                }

        .products .banner .jackpot {
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%)
        }

            .products .banner .jackpot img {
                width: 390px
            }

            .products .banner .jackpot h3 {
                position: absolute;
                left: 0;
                top: 14%;
                width: 100%;
                text-align: center;
                color: #a1aabc;
                font-weight: bold;
                font-size: 13px
            }

            .products .banner .jackpot .jackpot_number {
                position: absolute;
                width: 50%;
                left: 50%;
                transform: translateX(-50%);
                bottom: 7%;
                color: #f8d690;
                font-size: 25px;
                text-align: center;
                border-radius: 5px;
                overflow: hidden
            }

                .products .banner .jackpot .jackpot_number .j_number {
                    flex: 1;
                    overflow: hidden;
                    color: #f8d690;
                    font-weight: bold;
                    text-align: center;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    font-size: 25px;
                    height: 40px;
                    position: relative;
                    border-radius: 3px
                }

                    .products .banner .jackpot .jackpot_number .j_number .numbers {
                        display: flex;
                        flex-direction: column;
                        position: absolute;
                        top: -80px;
                        left: 0;
                        width: 100%
                    }

                        .products .banner .jackpot .jackpot_number .j_number .numbers span {
                            height: 40px;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            color: #f8d690;
                            font-weight: bold
                        }

    .products .banner_active {
        display: flex
    }

    .products .products_nav {
        margin-bottom: 20px;
        justify-content: center;
        flex-wrap: wrap
    }

        .products .products_nav .products_nav_item {
            width: 160px;
            background: #1e221e;
            padding: 5px 10px;
            border-radius: 5px;
            position: relative;
            overflow: hidden;
            margin: 0 5px 10px 5px;
            transition: 0.3s;
            cursor: pointer;
            border-bottom: inset 4px #f5c460;
            filter: brightness(0.85)
        }

            .products .products_nav .products_nav_item img {
                width: 100%;
                filter: grayscale(1) brightness(0.5)
            }

            .products .products_nav .products_nav_item::before {
                content: "";
                position: absolute;
                bottom: -7px;
                width: 50%;
                height: 20px;
                left: 25%;
                border-radius: 3px;
                transform: perspective(500px) rotateX(60deg);
                color: black;
                background: #f5c460
            }

            .products .products_nav .products_nav_item:hover, .products .products_nav .products_nav_active {
                transform: translateY(-10px);
                border-color: #f8d690;
                filter: brightness(1.2)
            }

                .products .products_nav .products_nav_item:hover img, .products .products_nav .products_nav_active img {
                    filter: brightness(1.5)
                }

                .products .products_nav .products_nav_item:hover::before, .products .products_nav .products_nav_active::before {
                    background: #f8d690
                }

    .products .magnum .table_header {
        background: #262626
    }

    .products .magnum th {
        background: #262626
    }

    .products .pmp .table_header {
        background: #0f1468
    }

    .products .pmp th {
        background: #0f1468
    }

    .products .toto .table_header {
        background: #ed363f
    }

    .products .toto th {
        background: #ed363f
    }

    .products .singapore .table_header {
        background: #12689b
    }

    .products .singapore th {
        background: #12689b
    }

    .products .sabah .table_header {
        background: #e02217
    }

    .products .sabah th {
        background: #e02217
    }

    .products .sandakan .table_header {
        background: #2f9505
    }

    .products .sandakan th {
        background: #2f9505
    }

    .products .sarawak .table_header {
        background: #083e04
    }

    .products .sarawak th {
        background: #083e04
    }

    .products .gdlotto .table_header {
        background: linear-gradient(#feda47 50%, #c56801);
        color: black !important
    }

    .products .gdlotto th {
        background: linear-gradient(#feda47 50%, #c56801);
        color: black !important
    }

    .products .lottery_tables {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-gap: 15px
    }

        .products .lottery_tables .table {
            width: 100%;
            background: #e0d9ca;
            border-right: 3px outset grey;
            border-bottom: 3px outset grey;
            border-radius: 10px;
            overflow: hidden
        }

            .products .lottery_tables .table .table_header {
                position: relative;
                color: white;
                font-size: 13px;
                padding: 10px
            }

                .products .lottery_tables .table .table_header img {
                    position: absolute;
                    right: 10px;
                    width: 70px
                }

            .products .lottery_tables .table table {
                align-self: center;
                margin: 10px 0;
                width: calc(100% - 20px);
                border-collapse: collapse;
                text-align: center;
                font-size: 13px;
                border: solid 1px grey
            }

                .products .lottery_tables .table table th {
                    padding: 5px;
                    color: white
                }

                .products .lottery_tables .table table td {
                    border: solid 1px grey
                }

.slot {
    background: #1d1d1d;
    padding: 20px 0
}

    .slot .content {
        align-items: stretch
    }

    .slot .slot_nav {
        background: #282828;
        padding: 20px;
        padding-right: 0;
        border-radius: 8px 0 0 8px
    }

        .slot .slot_nav .slot_nav_item {
            cursor: pointer;
            font-weight: bold;
            border-bottom: solid 1px grey;
            padding: 5px
        }

            .slot .slot_nav .slot_nav_item img {
                width: 140px;
                filter: grayscale(1)
            }

            .slot .slot_nav .slot_nav_item:hover, .slot .slot_nav .slot_nav_active {
                background: rgba(0,0,0,0.1);
                border-radius: 5px 5px 0 0
            }

                .slot .slot_nav .slot_nav_item:hover img, .slot .slot_nav .slot_nav_active img {
                    filter: none
                }

    .slot .slot_lobby {
        color: grey;
        margin-left: 20px;
        padding-top: 10px;
        display: none;
        -webkit-animation: fade-in-bottom 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) both;
        animation: fade-in-bottom 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) both
    }

        .slot .slot_lobby .lobby_nav .lobby_nav_item {
            color: grey;
            cursor: pointer;
            font-weight: bold;
            padding: 10px 30px
        }

            .slot .slot_lobby .lobby_nav .lobby_nav_item:hover, .slot .slot_lobby .lobby_nav .lobby_nav_active {
                color: #f8d690
            }

        .slot .slot_lobby .lobby_nav .slot_search {
            position: relative;
            margin-left: auto
        }

            .slot .slot_lobby .lobby_nav .slot_search img {
                width: 15px;
                position: absolute;
                right: 5px
            }

            .slot .slot_lobby .lobby_nav .slot_search input {
                background: none;
                border: solid 1px grey;
                border-radius: 3px;
                padding: 5px;
                color: grey
            }

        .slot .slot_lobby .games {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            grid-gap: 10px;
            padding: 20px 0;
            display: none
        }

            .slot .slot_lobby .games .game {
                border-radius: 10px;
                overflow: hidden;
                position: relative;
                transition: 0.3s;
                -webkit-animation: fade-in-bottom 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) both;
                animation: fade-in-bottom 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) both
            }

                .slot .slot_lobby .games .game img {
                    width: 194px;
                    height: 120px
                }

                .slot .slot_lobby .games .game .game_name {
                    background: #000000;
                    padding: 10px;
                    color: grey;
                    font-size: 13px;
                    border-bottom: solid 4px #0a493f;
                    border-radius: 0 0 10px 10px;
                    z-index: 2;
                    transition: 0.3s
                }

                .slot .slot_lobby .games .game .hover {
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    background: rgba(0,0,0,0.5);
                    align-items: center;
                    padding-top: 10px;
                    transform: translateY(100%);
                    transition: 0.3s
                }

                    .slot .slot_lobby .games .game .hover a {
                        width: 80%;
                        text-align: center;
                        color: white;
                        background: #0e6557;
                        font-size: 13px;
                        padding: 8px;
                        margin-top: 10px;
                        border-radius: 5px
                    }

                        .slot .slot_lobby .games .game .hover a:nth-child(2) {
                            background: grey
                        }

                .slot .slot_lobby .games .game:hover {
                    transform: translateY(-5px)
                }

                    .slot .slot_lobby .games .game:hover .hover {
                        transform: none
                    }

                    .slot .slot_lobby .games .game:hover .game_name {
                        filter: brightness(2)
                    }

        .slot .slot_lobby .games_active {
            display: grid
        }

.promo {
    padding: 30px 0
}

    .promo .promo_nav {
        color: grey;
        font-size: 25px
    }

        .promo .promo_nav .promo_nav_item {
            color: white;
            font-size: 14px;
            padding: 0 20px;
            opacity: 0.5;
            cursor: pointer;
            transition: 0.3s;
            font-weight: bold
        }

            .promo .promo_nav .promo_nav_item b {
                font-size: 12px;
                background: #0e6557;
                padding: 2px 5px;
                border-radius: 3px
            }

            .promo .promo_nav .promo_nav_item:hover, .promo .promo_nav .promo_nav_active {
                opacity: 1
            }

    .promo .promos {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 20px;
        margin-top: 30px
    }

        .promo .promos .promo_item {
            -webkit-animation: fade-in-bottom 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) both;
            animation: fade-in-bottom 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) both
        }

            .promo .promos .promo_item img {
                width: 100%
            }

            .promo .promos .promo_item .promo_info {
                background: #141414;
                padding: 10px 20px;
                border-radius: 0 0 10px 10px;
                min-height: 150px
            }

                .promo .promos .promo_item .promo_info h2 {
                    color: white;
                    font-size: 20px
                }

                .promo .promos .promo_item .promo_info p {
                    margin-top: 15px;
                    color: grey;
                    font-size: 13px
                }

                    .promo .promos .promo_item .promo_info p b {
                        color: #f8d690
                    }

                .promo .promos .promo_item .promo_info .promo_btns {
                    margin-top: auto
                }

                    .promo .promos .promo_item .promo_info .promo_btns .promo_btn {
                        background: #f8d690;
                        font-weight: bold;
                        font-size: 13px;
                        padding: 6px 10px;
                        border-radius: 3px;
                        margin-right: 5px;
                        color: rgba(0,0,0,0.8);
                        cursor: pointer;
                    }

.fund .fund_body .fund_content .inputDeposit {
    margin-bottom: 20px;
    align-items: flex-start;
    position: relative;
    display: none;
}

.promo .promos .promo_item .promo_info .promo_btns .promo_btn:first-child {
    background: #646464;
    color: white
}

.download .content {
    padding: 20px 0
}

.download .download_nav {
    align-self: center;
    border-radius: 5px;
    overflow: hidden
}

    .download .download_nav .download_nav_item {
        background: #282a2c;
        color: #a2aabd;
        font-size: 13px;
        padding: 8px 10px;
        justify-content: center;
        width: 200px;
        cursor: pointer;
        align-items: flex-end
    }

        .download .download_nav .download_nav_item img {
            width: 15px;
            margin-right: 5px
        }

        .download .download_nav .download_nav_active, .download .download_nav .download_nav_item:hover {
            background: #f8d690;
            color: black
        }

            .download .download_nav .download_nav_active img, .download .download_nav .download_nav_item:hover img {
                filter: brightness(0)
            }

.download .download_grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, 250px);
    grid-gap: 20px;
    padding: 30px 0
}

    .download .download_grid .download_item {
        border-bottom: inset 3px #a2aabd;
        border-radius: 5px;
        overflow: hidden;
        position: relative;
        display: none
    }

        .download .download_grid .download_item img {
            width: 100%
        }

        .download .download_grid .download_item .row {
            width: 100%
        }

            .download .download_grid .download_item .row .download_btn {
                flex: 1;
                text-align: center;
                font-size: 13px;
                padding: 5px;
                color: rgba(255,255,255,0.7);
                background: #2d2f33;
                z-index: 3;
                cursor: pointer
            }

            .download .download_grid .download_item .row a {
                background: #44464b !important
            }

        .download .download_grid .download_item h2 {
            background: #191919;
            text-align: center;
            color: #a2aabd;
            font-size: 16px;
            padding: 10px 0 12px 0;
            z-index: 3
        }

        .download .download_grid .download_item .qr {
            justify-content: center;
            width: 100%;
            border-radius: 14px;
            position: absolute;
            top: 10px;
            left: 0;
            height: 100%;
            background: rgba(0,0,0,0.7);
            align-items: flex-start;
            padding-top: 20px;
            z-index: 2;
            transform: translateY(100%);
            transition: 0.3s
        }

            .download .download_grid .download_item .qr img {
                width: 100px
            }

        .download .download_grid .download_item::before {
            content: "";
            position: absolute;
            bottom: -10px;
            width: 50%;
            height: 20px;
            left: 25%;
            border-radius: 3px;
            transform: perspective(500px) rotateX(60deg);
            color: black;
            z-index: 4;
            background: #a2aabd
        }

    .download .download_grid .android {
        display: flex
    }

    .download .download_grid .show_qr .qr {
        transform: translateY(0)
    }

.info {
    padding: 30px 0
}

    .info .content {
        background: #f1f1f1;
        padding: 40px 20px 20px 20px;
        border-radius: 5px;
        font-size: 13px
    }

    .info .info_nav {
        margin-top: -50px;
        margin-bottom: 20px;
        background: linear-gradient(#0a493f, #0e6557, #0a493f);
        align-self: flex-start;
        border-radius: 5px;
        overflow: hidden
    }

        .info .info_nav a {
            color: white;
            padding: 10px 20px;
            font-size: 13px
        }

        .info .info_nav .info_nav_active {
            background: #0a493f;
            color: #f8d690
        }

    .info h2 {
        border-bottom: solid 2px #c8c8c8;
        padding: 10px
    }

    .info ul, .info ol {
        padding-left: 15px
    }

        .info ul li, .info ol li {
            padding: 3px 0
        }

    .info table {
        width: 600px;
        text-align: left;
        border-collapse: collapse;
        border: solid 1px #c8c8c8
    }

        .info table th {
            padding: 5px;
            background: linear-gradient(#0a493f, #0e6557, #0a493f);
            color: white
        }

        .info table td {
            padding: 5px 10px;
            border-right: 1px solid #dcdcdc
        }

        .info table tr:nth-child(even) {
            background: #c8c8c8
        }

        .info table tr td:last-child {
            border: none
        }

    .info .contact_item {
        border-radius: 3px;
        overflow: hidden;
        background: #dcdcdc;
        width: 400px;
        margin-bottom: 10px
    }

        .info .contact_item span {
            background: #0e6557;
            padding: 5px 10px;
            width: 150px;
            color: white
        }

            .info .contact_item span img {
                width: 30px;
                border-radius: 3px;
                margin-right: 10px
            }

        .info .contact_item a {
            flex: 1;
            text-align: right;
            padding: 10px;
            color: black;
            font-weight: bold
        }

.error {
    padding: 30px 0;
    color: white
}

    .error .content {
        padding: 20px;
        border-radius: 5px;
        font-size: 13px;
        align-items: center
    }

    .error h2 {
        font-size: 30px
    }

    .error img {
        width: 300px;
        margin-bottom: 20px
    }

    .error .maintenance_img {
        position: relative
    }

        .error .maintenance_img .gear {
            position: absolute;
            width: 90px;
            left: 13px;
            animation: rotating 3s linear infinite
        }

    .error p {
        margin: 10px 0
    }

    .error .row {
        margin: 10px 0
    }

        .error .row a {
            background: #0e6557;
            padding: 10px;
            color: white;
            border-radius: 3px;
            width: 150px;
            text-align: center;
            margin: 0 10px
        }

.vip {
    padding: 30px 0 0 0
}

    .vip table {
        width: 100%;
        border-collapse: collapse
    }

        .vip table thead tr {
            border-bottom: 1px solid #3e3b2f
        }

        .vip table thead th {
            font-size: 30px;
            color: #f8d690;
            vertical-align: bottom;
            text-align: left
        }

        .vip table thead td {
            color: white;
            font-size: 13px;
            text-align: center;
            padding: 5px 0;
            font-weight: bold;
            letter-spacing: 2px
        }

            .vip table thead td img {
                width: 80px;
                margin-bottom: 5px
            }

        .vip table tbody th {
            color: #f8d690;
            text-align: left;
            padding: 30px 0 5px 0;
            font-size: 20px
        }

            .vip table tbody th i {
                color: grey;
                font-size: 12px
            }

        .vip table tbody tr td {
            color: #f8d690;
            text-align: center;
            padding: 10px;
            font-size: 14px
        }

            .vip table tbody tr td:first-child {
                color: #a9acb6;
                text-align: left
            }

        .vip table tbody tr:nth-child(odd) {
            background: rgba(128,128,128,0.1)
        }

.register {
    padding: 30px 0
}

    .register .register_window {
        align-self: center;
        width: 70%;
        background: #e5e5e5;
        border-radius: 10px;
        overflow: hidden;
        align-items: center
    }

        .register .register_window .step_header {
            background: #0e6557;
            padding: 15px;
            text-align: center;
            color: #f8d690;
            font-weight: bold;
            font-size: 20px;
            width: 100%
        }

        .register .register_window .step {
            padding: 20px 0;
            width: 80%;
            align-items: center;
            margin-bottom: 10px
        }

            .register .register_window .step .row {
                justify-content: space-between;
                width: 100%;
                font-size: 12px;
                color: grey;
                text-align: center;
                margin-bottom: 10px
            }

                .register .register_window .step .row .step_label {
                    width: 120px;
                    text-align: center
                }

                .register .register_window .step .row .step_label_active {
                    color: #ff4d00
                }

            .register .register_window .step img {
                width: 90%
            }

        .register .register_window .step_content {
            width: 80%;
            padding-bottom: 25px;
            align-items: stretch
        }

            .register .register_window .step_content form {
                width: 50%
            }

                .register .register_window .step_content form .input {
                    margin-bottom: 15px;
                    width: 100%
                }

                    .register .register_window .step_content form .input input, .register .register_window .step_content form .input select {
                        width: 100% !important;
                        border: 1px solid grey;
                        background: none;
                        padding: 10px;
                        border-radius: 6px
                    }

                        .register .register_window .step_content form .input input:focus + p, .register .register_window .step_content form .input select:focus + p {
                            display: block
                        }

                    .register .register_window .step_content form .input span {
                        width: 170px;
                        color: grey
                    }

                    .register .register_window .step_content form .input p {
                        font-size: 12px;
                        color: red;
                        font-weight: bold;
                        padding: 2px 5px;
                        display: none
                    }

                .register .register_window .step_content form summary {
                    font-size: 13px;
                    color: grey;
                    cursor: pointer;
                    margin-bottom: 5px
                }

                .register .register_window .step_content form button {
                    padding: 8px;
                    border-radius: 3px;
                    background: #0e6557;
                    color: #f8d690;
                    border: none;
                    font-size: 20px;
                    font-weight: bold;
                    margin-top: 50px;
                    cursor: pointer
                }

            .register .register_window .step_content .step_text {
                padding: 0 10px;
                margin-left: 20px
            }

                .register .register_window .step_content .step_text h2 {
                    color: #0a493f;
                    margin-bottom: 10px;
                    font-size: 20px;
                    padding-left: 20px
                }

                .register .register_window .step_content .step_text ul {
                    padding-left: 20px
                }

                    .register .register_window .step_content .step_text ul li {
                        font-size: 15px;
                        color: #323232;
                        margin-bottom: 5px
                    }

        .register .register_window .complete {
            width: 50%;
            align-items: center;
            padding-bottom: 30px
        }

            .register .register_window .complete img {
                width: 150px;
                margin-bottom: 20px
            }

            .register .register_window .complete h2 {
                font-weight: normal
            }

            .register .register_window .complete h3 {
                font-weight: normal;
                font-size: 14px
            }

            .register .register_window .complete a {
                background: #0e6557;
                color: white;
                padding: 10px;
                border-radius: 5px;
                text-align: center;
                width: 300px;
                margin: 20px 0
            }

            .register .register_window .complete p {
                font-size: 12px;
                text-align: center;
                width: 300px;
                color: grey
            }

                .register .register_window .complete p b {
                    color: #0e6557
                }

    .register .step2, .register .step3 {
        display: none
    }

.footer {
    background: #181717;
    padding: 50px 0
}

    .footer .infos {
        align-items: stretch;
        gap: 10px
    }

        .footer .infos .col {
            padding: 0 20px
        }

            .footer .infos .col b {
                color: white;
                margin-bottom: 15px;
                white-space: nowrap
            }

            .footer .infos .col a {
                color: rgba(162,170,189,0.4);
                font-size: 12px;
                padding: 3px 0
            }

                .footer .infos .col a:hover {
                    color: white;
                    text-decoration: underline
                }

            .footer .infos .col .providers {
                flex-wrap: wrap
            }

                .footer .infos .col .providers img {
                    width: 85px
                }

.footer_text {
    padding: 30px 0;
    border-top: solid 1px #282828;
    border-bottom: solid 1px #282828
}

    .footer_text h3 {
        color: white;
        font-size: 15px;
        margin-bottom: 5px
    }

    .footer_text p {
        color: rgba(162,170,189,0.4);
        font-size: 12px
    }

        .footer_text p a {
            color: rgba(162,170,189,0.7);
            text-decoration: underline
        }

    .footer_text ul {
        padding-top: 10px
    }

        .footer_text ul li {
            color: rgba(162,170,189,0.4);
            font-size: 12px
        }

            .footer_text ul li a {
                color: rgba(162,170,189,0.7);
                text-decoration: underline
            }

    .footer_text .expand_btn, .footer_text .collapse_btn {
        color: rgba(162,170,189,0.4);
        text-decoration: underline;
        font-size: 12px;
        margin-top: 20px;
        cursor: pointer
    }

    .footer_text .collapse_btn {
        display: none
    }

.collapsed_text {
    display: none
}

footer {
    background: #0a493f;
    width: 100%;
    text-align: center;
    font-size: 12px;
    padding: 10px;
    color: #f8d690
}

.popup {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: rgba(0,0,0,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    display: none
}

    .popup .popup_window {
        padding: 20px;
        border-radius: 10px;
        background: #0e6557;
        position: relative;
        align-items: center
    }

        .popup .popup_window h1 {
            color: #f8d690;
            font-size: 20px;
            margin: 0
        }

    .popup .popup_close {
        width: 20px;
        position: absolute;
        right: 10px;
        top: 10px
    }

.login .popup_window {
    width: 400px
}

.login .logo {
    width: 150px;
    margin-bottom: 20px
}

.login form {
    margin-bottom: 20px
}

    .login form .input {
        background: #07332c;
        border-radius: 99px 30px 30px 99px;
        padding: 5px;
        margin-top: 10px
    }

        .login form .input img {
            width: 30px
        }

        .login form .input input {
            border: none;
            background: none;
            color: white;
            padding: 5px 10px;
            font-size: 13px
        }

            .login form .input input:focus {
                outline: none
            }

    .login form a {
        align-self: flex-end;
        font-size: 13px;
        margin: 10px 0;
        color: #1abfa4;
        text-decoration: underline
    }

    .login form button {
        text-align: center;
        background: #f8d690;
        border: none;
        padding: 5px;
        border-radius: 99px 30px 30px 99px;
        font-weight: bold;
        font-size: 15px;
        color: #0e6557;
        position: relative;
        height: 35px
    }

        .login form button img {
            width: 30px;
            margin-right: 10px;
            position: absolute;
            left: 5px;
            top: 2.5px
        }

.login hr {
    width: 100%;
    opacity: 0.2
}

.login p {
    color: rgba(255,255,255,0.5);
    font-size: 12px;
    text-align: center;
    padding: 15px 0;
    width: 100%
}

    .login p a {
        font-weight: bold;
        color: #07332c
    }

.promo_window {
    width: 800px;
    color: #f8d690;
    font-size: 13px
}

    .promo_window h2 {
        color: #f8d690
    }

    .promo_window img {
        width: 100%;
        border-bottom: solid 1px #f8d690;
        padding-bottom: 20px;
        margin-bottom: 20px
    }

    .promo_window a {
        margin-top: 20px;
        align-self: flex-end;
        background: #111;
        font-weight: bold;
        font-size: 13px;
        padding: 6px 10px;
        border-radius: 3px;
        color: rgba(0,0,0,0.8)
    }

.gd_payout .popup_window, .payout .popup_window {
    width: 800px
}

.gd_payout .payout_content, .payout .payout_content {
    width: 100%;
    padding: 20px 0;
    max-height: 600px;
    overflow-y: auto
}

    .gd_payout .payout_content h2, .payout .payout_content h2 {
        color: #f8d690;
        font-size: 18px;
        margin-top: 10px
    }

    .gd_payout .payout_content p, .payout .payout_content p {
        color: white;
        opacity: 0.8;
        font-size: 12px;
        margin: 5px 0
    }

    .gd_payout .payout_content table, .payout .payout_content table {
        width: 100%;
        border-collapse: collapse;
        text-align: center;
        font-size: 13px
    }

        .gd_payout .payout_content table th, .payout .payout_content table th {
            background: #0a493f;
            padding: 10px;
            color: white
        }

        .gd_payout .payout_content table tr, .payout .payout_content table tr {
            background: white
        }

            .gd_payout .payout_content table tr:nth-child(even), .payout .payout_content table tr:nth-child(even) {
                background: #dcdcdc
            }

        .gd_payout .payout_content table td, .payout .payout_content table td {
            padding: 5px
        }

.fund .content {
    align-items: stretch;
    padding: 15px 0
}

.fund .fund_nav {
    background: #f2f1f1;
    border-radius: 5px;
    padding-bottom: 20px
}

    .fund .fund_nav .userinfo {
        padding: 20px 25px
    }

        .fund .fund_nav .userinfo img {
            width: 60px;
            margin-bottom: 20px
        }

        .fund .fund_nav .userinfo h3 {
            color: #0e6557;
            font-size: 15px
        }

        .fund .fund_nav .userinfo span {
            font-size: 12px;
            margin-top: 10px
        }

        .fund .fund_nav .userinfo b {
            font-size: 15px
        }

    .fund .fund_nav hr {
        border-color: rgba(140,140,140,0.3);
        width: 80%;
        align-self: center
    }

    .fund .fund_nav h2 {
        padding: 0 20px;
        color: black;
        font-size: 15px;
        margin-top: 20px;
        margin-bottom: 5px;
        text-transform: uppercase;
        white-space: nowrap;
    }

    .fund .fund_nav a {
        padding: 8px 18px;
        font-size: 13px;
        color: black;
        border-left: 4px solid transparent
    }

        .fund .fund_nav .nav_active, .fund .fund_nav a:hover {
            color: #0e6557;
            border-color: #0e6557;
            font-weight: bold
        }

.fund .fund_body {
    background: #ffffff;
    /*flex: 1;*/
    border-radius: 10px;
    margin-left: 15px
}

    .fund .fund_body .wallet {
        background: #515151;
        padding: 20px;
        border-radius: 10px 10px 0 0
    }

        .fund .fund_body .wallet .wallet_info {
            border-bottom: 1px solid #646464;
            padding: 0 10px 10px 10px
        }

            .fund .fund_body .wallet .wallet_info .col {
                padding: 0px 20px;
                color: #b4b4b4;
                font-size: 13px;
                border-right: 1px solid #646464
            }

            .fund .fund_body .wallet .wallet_info .myvip {
                position: relative;
                padding-left: 42px
            }

                .fund .fund_body .wallet .wallet_info .myvip img {
                    width: 40px;
                    position: absolute;
                    left: 0;
                    top: 45%;
                    transform: translateY(-50%)
                }

        .fund .fund_body .wallet .wallet_content {
            padding: 50px 0 10px 0
        }

            .fund .fund_body .wallet .wallet_content .row {
                color: white;
                position: relative;
                font-size: 25px
            }

                .fund .fund_body .wallet .wallet_content .row span {
                    position: absolute;
                    bottom: 110%;
                    left: 0;
                    font-size: 12px;
                    color: #b4b4b4;
                    white-space: nowrap
                }

                .fund .fund_body .wallet .wallet_content .row b {
                    color: #f8d690;
                    font-size: 10px;
                    margin-bottom: 10px;
                    margin-right: 10px;
                    align-items: flex-start
                }

                .fund .fund_body .wallet .wallet_content .row img {
                    width: 20px;
                    margin-left: 5px
                }

            .fund .fund_body .wallet .wallet_content .restore_wallet {
                font-size: 15px;
                background: linear-gradient(#0e6557, #0a493f);
                border: outset 2px #0e6557;
                padding: 10px;
                border-radius: 999px;
                margin-left: 20px;
                align-items: flex-end
            }

                .fund .fund_body .wallet .wallet_content .restore_wallet img {
                    width: 20px;
                    margin-right: 5px
                }

            .fund .fund_body .wallet .wallet_content .auto_transfer {
                position: relative;
                width: 200px;
                cursor: pointer
            }

                .fund .fund_body .wallet .wallet_content .auto_transfer input {
                    position: absolute;
                    opacity: 0
                }

                    .fund .fund_body .wallet .wallet_content .auto_transfer input:checked ~ .off {
                        display: none
                    }

                    .fund .fund_body .wallet .wallet_content .auto_transfer input:checked ~ .on {
                        display: block
                    }

                .fund .fund_body .wallet .wallet_content .auto_transfer .on {
                    display: none
                }

                .fund .fund_body .wallet .wallet_content .auto_transfer .off {
                    display: block
                }

                .fund .fund_body .wallet .wallet_content .auto_transfer img {
                    width: 80px
                }

    .fund .fund_body .fund_content {
        padding: 30px
    }
     

        .fund .fund_body .fund_content .input {
            margin-bottom: 20px;
            align-items: flex-start;
            position: relative
        }

            .fund .fund_body .fund_content .input .label {
                color: grey;
                font-size: 13px;
                min-width: 160px;
                margin-right: 10px
            }

                .fund .fund_body .fund_content .input .label b {
                    color: #ff4e00
                }

            .fund .fund_body .fund_content .input input, .fund .fund_body .fund_content .input select, .fund .fund_body .fund_content .inputDeposit input {
                width: 300px;
                padding: 5px 10px;
                font-size: 13px;
                background: transparent;
                border-radius: 3px;
                border: solid 1px #969696
            }

                .fund .fund_body .fund_content .input input:read-only, .fund .fund_body .fund_content .input select:read-only {
                    background: #ebebeb
                }

                .fund .fund_body .fund_content .input input:focus, .fund .fund_body .fund_content .input select:focus {
                    outline-color: #0e6557
                }

                    .fund .fund_body .fund_content .input input:focus + p, .fund .fund_body .fund_content .input select:focus + p {
                        display: block
                    }

            .fund .fund_body .fund_content .input select {
                background: transparent !important
            }

            .fund .fund_body .fund_content .input .addbank_btn, .fund .fund_body .fund_content .input .allin, .fund .fund_body .fund_content .input .view, .fund .fund_body .fund_content .input .noview {
                padding: 7px 10px;
                font-size: 13px;
                background: #0e6557;
                color: white;
                border-radius: 3px;
                margin-left: 10px
            }

            .fund .fund_body .fund_content .input .noview {
                background: grey
            }

            .fund .fund_body .fund_content .input p {
                font-size: 10px;
                color: #ff4e00;
                display: none
            }

            .fund .fund_body .fund_content .input .bank_info {
                position: relative
            }

                .fund .fund_body .fund_content .input .bank_info .copy {
                    position: absolute;
                    right: 10px;
                    width: 15px;
                    top: 50%;
                    transform: translateY(-50%);
                    cursor: pointer
                }

        .fund .fund_body .fund_content .bank_infos {
            display: none
        }

        .fund .fund_body .fund_content .bank_infos_active {
            display: flex
        }

        .fund .fund_body .fund_content .agreement {
            font-size: 13px;
            color: grey;
            margin-left: 160px;
            cursor: pointer
        }

            .fund .fund_body .fund_content .agreement input {
                margin-right: 5px
            }

        .fund .fund_body .fund_content .radios {
            padding: 5px 10px;
            border-radius: 5px;
            background: #f0f0f0;
            flex: 1;
            flex-wrap: wrap
        }

            .fund .fund_body .fund_content .radios .radio {
                position: relative;
                color: grey;
                padding: 2px 15px;
                border-right: 1px grey solid;
                cursor: pointer;
                width: 130px;
                margin: 5px 0
            }

                .fund .fund_body .fund_content .radios .radio span {
                    font-size: 11px
                }

                .fund .fund_body .fund_content .radios .radio input {
                    position: absolute;
                    opacity: 0;
                    width: 10px;
                    height: 10px
                }

                    .fund .fund_body .fund_content .radios .radio input:checked ~ img {
                        filter: none
                    }

                    .fund .fund_body .fund_content .radios .radio input:checked ~ span {
                        color: #0e6557;
                        font-weight: bold
                    }

                .fund .fund_body .fund_content .radios .radio img {
                    width: 28px;
                    margin-right: 3px;
                    filter: grayscale(1)
                }

                .fund .fund_body .fund_content .radios .radio:last-child {
                    border: none
                }

        .fund .fund_body .fund_content .image_preview {
            width: 200px;
            margin-top: 20px;
            margin-left: 160px
        }

        .fund .fund_body .fund_content .buttons {
            margin-top: 50px;
            margin-left: 160px
        }

        .fund .fund_body .fund_content .button {
            background: #0e6557;
            padding: 7px 10px;
            font-size: 14px;
            border-radius: 3px;
            border: none;
            color: white;
            margin-right: 10px;
            text-transform: uppercase
        }

        .fund .fund_body .fund_content .file_btn {
            position: relative
        }

            .fund .fund_body .fund_content .file_btn input {
                opacity: 0;
                position: absolute
            }

        .fund .fund_body .fund_content .note {
            background: #f2f1f1;
            margin-left: 160px;
            margin-top: 30px;
            border-radius: 10px;
            color: black;
            font-size: 12px;
            padding: 30px;
            width: 500px
        }

            .fund .fund_body .fund_content .note h3 {
                color: #ff4e00
            }

            .fund .fund_body .fund_content .note ul, .fund .fund_body .fund_content .note ol {
                padding-left: 20px
            }

        .fund .fund_body .fund_content .transfer_wallet {
            position: relative
        }

            .fund .fund_body .fund_content .transfer_wallet .custom_select, .fund .fund_body .fund_content .transfer_wallet .option_balance {
                width: 250px;
                padding: 5px 10px;
                font-size: 13px;
                background: transparent;
                border-radius: 3px;
                border: solid 1px #969696
            }

            .fund .fund_body .fund_content .transfer_wallet .custom_select {
                cursor: pointer
            }

                .fund .fund_body .fund_content .transfer_wallet .custom_select::after {
                    content: "";
                    width: 0;
                    height: 0;
                    border-left: 5px solid transparent;
                    border-right: 5px solid transparent;
                    border-top: 5px solid #0a493f;
                    margin-left: auto;
                    transition: 0.3s
                }

            .fund .fund_body .fund_content .transfer_wallet .custom_select_active {
                outline: 1px solid #0e6557
            }

                .fund .fund_body .fund_content .transfer_wallet .custom_select_active::after {
                    transform: rotate(180deg)
                }

            .fund .fund_body .fund_content .transfer_wallet .option_balance {
                background: #e6e6e6;
                margin-top: 5px
            }

            .fund .fund_body .fund_content .transfer_wallet .custom_options {
                position: absolute;
                top: 105%;
                left: 0;
                z-index: 10;
                background: white;
                outline: 1px solid #0e6557;
                border-radius: 2px;
                padding: 5px;
                display: none
            }

                .fund .fund_body .fund_content .transfer_wallet .custom_options .row .option_filter {
                    font-size: 12px;
                    align-items: center;
                    margin: 0 5px;
                    white-space: nowrap;
                    width: 80px;
                    cursor: pointer;
                    border-radius: 5px;
                    padding: 5px 0
                }

                    .fund .fund_body .fund_content .transfer_wallet .custom_options .row .option_filter img {
                        width: 40px
                    }

                    .fund .fund_body .fund_content .transfer_wallet .custom_options .row .option_filter:hover, .fund .fund_body .fund_content .transfer_wallet .custom_options .row .option_filter_active {
                        background: #e6e6e6
                    }

                .fund .fund_body .fund_content .transfer_wallet .custom_options .grid {
                    background: #e6e6e6;
                    margin-top: 5px;
                    padding: 10px;
                    display: grid;
                    grid-template-columns: repeat(3, 1fr);
                    grid-gap: 5px;
                    min-height: 100px;
                    align-items: start;
                    border-radius: 3px;
                    display: none
                }

                    .fund .fund_body .fund_content .transfer_wallet .custom_options .grid .custom_option {
                        text-align: center;
                        border: solid 1px grey;
                        border-radius: 3px;
                        font-size: 13px;
                        padding: 5px;
                        cursor: pointer
                    }

                        .fund .fund_body .fund_content .transfer_wallet .custom_options .grid .custom_option:hover {
                            background: #0e6557;
                            color: #f8d690
                        }

            .fund .fund_body .fund_content .transfer_wallet .custom_options_active {
                display: flex
            }

        .fund .fund_body .fund_content .switch_btn {
            position: absolute;
            top: 10px;
            right: 40px;
            align-items: flex-end
        }

            .fund .fund_body .fund_content .switch_btn img {
                width: 15px;
                margin: 5px 0;
                margin-right: -7px;
                cursor: pointer
            }

            .fund .fund_body .fund_content .switch_btn::after {
                content: "";
                height: 25px;
                width: 25px;
                border: solid 1px grey;
                border-left: 0;
                border-top: 0
            }

            .fund .fund_body .fund_content .switch_btn::before {
                content: "";
                height: 25px;
                width: 25px;
                border: solid 1px grey;
                border-left: 0;
                border-bottom: 0
            }

        .fund .fund_body .fund_content .wallet_list {
            background: #f2f1f1;
            flex: 1;
            border-radius: 10px;
            padding: 20px;
            margin-left: 20px
        }

            .fund .fund_body .fund_content .wallet_list .wallet_nav {
                border-bottom: solid 1px #c8c8c8
            }

                .fund .fund_body .fund_content .wallet_list .wallet_nav .wallet_nav_item {
                    padding: 7px 10px;
                    font-size: 13px;
                    margin-right: 5px;
                    border-radius: 5px 5px 0 0;
                    color: white;
                    background: grey;
                    transition: 0.3s;
                    cursor: pointer
                }

                    .fund .fund_body .fund_content .wallet_list .wallet_nav .wallet_nav_item:hover, .fund .fund_body .fund_content .wallet_list .wallet_nav .wallet_nav_active {
                        background: #ff4e00
                    }

            .fund .fund_body .fund_content .wallet_list .wallet_total {
                background: white;
                align-self: flex-end;
                padding: 4px;
                border-radius: 3px;
                font-size: 13px;
                margin: 10px 0
            }

                .fund .fund_body .fund_content .wallet_list .wallet_total b {
                    min-width: 80px;
                    text-align: right
                }

                .fund .fund_body .fund_content .wallet_list .wallet_total img {
                    width: 12px;
                    filter: brightness(0.8) saturate(2);
                    margin-left: 5px;
                    cursor: pointer
                }

            .fund .fund_body .fund_content .wallet_list h3 {
                font-size: 13px;
                color: #ff4e00;
                border-bottom: solid 1px #c8c8c8;
                margin-bottom: 5px
            }

            .fund .fund_body .fund_content .wallet_list .wallet_item {
                font-size: 12px;
                padding: 5px
            }

                .fund .fund_body .fund_content .wallet_list .wallet_item span {
                    margin-left: auto
                }

        .fund .fund_body .fund_content .date-input {
            align-items: center
        }

            .fund .fund_body .fund_content .date-input input {
                width: 150px
            }

            .fund .fund_body .fund_content .date-input b {
                font-size: 12px;
                margin: 0 10px
            }

            .fund .fund_body .fund_content .date-input .button {
                margin-left: 10px
            }

        .fund .fund_body .fund_content .record_table {
            width: 100%;
            border-collapse: collapse;
            border-radius: 5px;
            overflow: hidden;
            text-align: center;
            outline: solid 1px #dcdcdc
        }

            .fund .fund_body .fund_content .record_table th {
                background: #0e6557;
                color: white;
                padding: 5px;
                font-size: 14px
            }

            .fund .fund_body .fund_content .record_table td {
                font-size: 13px;
                padding: 3px
            }

            .fund .fund_body .fund_content .record_table tr:nth-child(even) {
                background: #dcdcdc
            }

        .fund .fund_body .fund_content .referral_header {
            width: 100%;
            justify-content: space-between;
            margin-bottom: 30px
        }

            .fund .fund_body .fund_content .referral_header .row {
                background: #dcdcdc;
                border-radius: 3px;
                font-size: 13px;
                overflow: hidden
            }

                .fund .fund_body .fund_content .referral_header .row b {
                    background: #0e6557;
                    color: #f8d690;
                    padding: 5px
                }

                .fund .fund_body .fund_content .referral_header .row span {
                    min-width: 100px;
                    padding: 0 5px;
                    text-align: right
                }

        .fund .fund_body .fund_content .referral p {
            color: grey;
            font-size: 12px
        }

        .fund .fund_body .fund_content .referral .qr {
            width: 200px
        }

        .fund .fund_body .fund_content .refer_steps {
            margin: 20px 0 30px 0
        }

            .fund .fund_body .fund_content .refer_steps .row {
                font-size: 12px;
                background: #dcdcdc;
                border-radius: 5px;
                overflow: hidden;
                margin-right: 10px;
                padding-right: 10px
            }

                .fund .fund_body .fund_content .refer_steps .row b {
                    background: #0e6557;
                    color: #f8d690;
                    padding: 10px;
                    font-size: 13px;
                    margin-right: 8px
                }

                .fund .fund_body .fund_content .refer_steps .row img {
                    width: 25px;
                    margin-right: 5px
                }

        .fund .fund_body .fund_content .copy {
            width: 15px;
            margin-left: 10px
        }

.fund .reward .reward_header {
    border-bottom: solid 1px #dcdcdc
}

    .fund .reward .reward_header h2 {
        margin-right: auto
    }

    .fund .reward .reward_header .reward_header_btn {
        background: #0e6557;
        color: white;
        font-size: 13px;
        border-radius: 999px;
        width: 35px;
        height: 35px;
        justify-content: center;
        font-weight: bold;
        margin-left: 10px
    }

.fund .reward .reward_point {
    border-radius: 5px;
    overflow: hidden;
    background: #dcdcdc;
    min-width: 160px;
    font-size: 13px;
    align-self: flex-start;
    margin: 10px 0
}

    .fund .reward .reward_point span {
        background: linear-gradient(#0e6557, #0a493f);
        color: white;
        padding: 10px
    }

    .fund .reward .reward_point b {
        flex: 1;
        text-align: right;
        padding: 0 10px
    }

.fund .reward .rewards {
    display: grid;
    grid-template-columns: 250px 250px 250px;
    grid-gap: 20px
}

    .fund .reward .rewards .reward_item {
        background: #0e6557;
        padding: 5px;
        border-radius: 5px;
    }

        .fund .reward .rewards .reward_item img {
            width: 100%;
            margin-bottom: 10px
        }

        .fund .reward .rewards .reward_item h2 {
            font-size: 15px;
            color: #f8d690;
            margin-bottom: 10px
        }

        .fund .reward .rewards .reward_item .row {
            margin-top: auto
        }

            .fund .reward .rewards .reward_item .row b {
                color: white;
                font-size: 14px
            }

            .fund .reward .rewards .reward_item .row .redeem_btn {
                background: #5d0106;
                color: white;
                margin-left: auto;
                font-size: 13px;
                padding: 5px 10px;
                border-radius: 3px
            }

.addbank .popup_window {
    width: 400px;
    padding: 0;
    overflow: hidden
}

.addbank h1 {
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 10px 0
}

.addbank form {
    width: 100%;
    background: white;
    padding: 20px
}

    .addbank form .input {
        margin-bottom: 20px
    }

        .addbank form .input span {
            color: grey;
            font-size: 13px
        }

        .addbank form .input input, .addbank form .input select {
            width: 100%;
            padding: 5px 10px;
            font-size: 13px;
            background: transparent;
            border-radius: 3px;
            border: solid 1px #969696
        }

            .addbank form .input input:read-only, .addbank form .input select:read-only {
                background: #ebebeb
            }

            .addbank form .input input:focus + p, .addbank form .input select:focus + p {
                display: block
            }

        .addbank form .input select {
            background: transparent !important
        }

    .addbank form button {
        background: #0e6557;
        color: white;
        padding: 10px;
        border-radius: 5px;
        border: none;
        margin-top: 30px
    }

.redeem_reward .popup_window {
    width: 500px
}

.redeem_reward form {
    margin-top: 30px
}

    .redeem_reward form img {
        width: 100%;
        border-radius: 5px
    }

    .redeem_reward form h2 {
        color: white;
        font-size: 15px;
        margin: 10px 0
    }

    .redeem_reward form p {
        font-size: 13px;
        color: #dcdcdc;
        margin-bottom: 15px
    }

    .redeem_reward form input, .redeem_reward form textarea {
        width: 100%;
        border: none;
        padding: 4px;
        margin-bottom: 5px;
        border-radius: 3px
    }

    .redeem_reward form button {
        border: none;
        padding: 5px;
        background: #f8d690;
        color: black;
        border-radius: 3px;
        font-weight: bold;
        margin-top: 20px
    }

@-webkit-keyframes fade-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes fade-in-bottom {
    0% {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes fade-in-bottom {
    0% {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes t1 {
    0% {
        bottom: 20%;
        right: 40%;
        opacity: 0;
        transform: scale(0.1) rotate(100deg)
    }

    100% {
        bottom: 80%;
        right: 0%;
        opacity: 1;
        transform: scale(1) rotate(0)
    }
}

@keyframes t2 {
    0% {
        bottom: 20%;
        right: 40%;
        opacity: 0;
        transform: scale(0.1) rotate(120deg)
    }

    100% {
        bottom: 30%;
        right: 90%;
        opacity: 1;
        transform: scale(1) rotate(0)
    }
}

@keyframes t3 {
    0% {
        bottom: 20%;
        right: 40%;
        opacity: 0;
        transform: scale(0.1) rotate(200deg)
    }

    100% {
        bottom: 45%;
        right: 45%;
        opacity: 1;
        transform: scale(1) rotate(0)
    }
}

@keyframes t4 {
    0% {
        bottom: 20%;
        right: 40%;
        opacity: 0;
        transform: scale(0.1) rotate(200deg)
    }

    100% {
        bottom: 20%;
        right: 50%;
        opacity: 1;
        transform: scale(1) rotate(0)
    }
}

@keyframes t5 {
    0% {
        bottom: 20%;
        right: 40%;
        opacity: 0;
        transform: scale(0.1) rotate(100deg)
    }

    100% {
        bottom: 40%;
        right: 50%;
        opacity: 1;
        transform: scale(1) rotate(0)
    }
}

@keyframes t6 {
    0% {
        bottom: 20%;
        right: 40%;
        opacity: 0;
        transform: scale(0.1) rotate(100deg)
    }

    100% {
        bottom: 55%;
        right: 40%;
        opacity: 1;
        transform: scale(1) rotate(0)
    }
}

@keyframes t7 {
    0% {
        bottom: 20%;
        right: 40%;
        opacity: 0;
        transform: scale(0.1) rotate(100deg)
    }

    100% {
        bottom: 50%;
        right: 88%;
        opacity: 1;
        transform: scale(1) rotate(0)
    }
}

@keyframes t8 {
    0% {
        bottom: 20%;
        right: 40%;
        opacity: 0;
        transform: scale(0.1) rotate(100deg)
    }

    100% {
        bottom: 20%;
        right: 75%;
        opacity: 1;
        transform: scale(1) rotate(0)
    }
}

@keyframes p1 {
    0%,100% {
        transform: none
    }

    50% {
        transform: translateX(-10px) rotate(10deg)
    }
}

@keyframes p2 {
    0%,100% {
        transform: none
    }

    50% {
        transform: translateY(-10px) rotate(10deg)
    }
}

@-webkit-keyframes rotating {
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.register form .register_window2 .step_content .col .input input, .register .register_window .step_content .col .input select {
    width: 100% !important;
    border: 1px solid grey;
    background: none;
    padding: 10px;
    border-radius: 6px;
    color: white
}

.register form .register_window2 .step_content .col .input p {
    font-size: 12px;
    color: red;
    font-weight: bold;
    padding: 2px 5px;
    display: none;
}

.register form .register_window2 .step_content .col .input input:focus + p, .register .register_window .step_content .col .input select:focus + p {
    display: block
}

.register form .register_window2 .step_content .col .input {
    margin-bottom: 15px;
    width: 100%;
}

.register form .register_window2 .step_content .col button {
    padding: 8px;
    border-radius: 3px;
    background: #ffbc0a;
    color: #111;
    border: none;
    font-size: 20px;
    font-weight: bold;
    margin-top: 50px;
    cursor: pointer;
}

.register form .register_window2 .step_content .col summary {
    font-size: 13px;
    color: grey;
    cursor: pointer;
    margin-bottom: 5px;
}

.register form .register_window2 .step_content .col {
    width: 50%;
}

.register .register_window2 {
    align-self: center;
    background: #111;
    border-radius: 10px;
    overflow: hidden;
    align-items: center;
}

.register form .register_window2 .step_content .col .input span {
    width: 170px;
    color: grey;
}

.fund .fund_body .fund_content .inputDeposit .label {
    color: grey;
    font-size: 13px;
    min-width: 160px;
    margin-right: 10px;
}

.fund .fund_body .fund_content .inputDeposit p {
    font-size: 10px;
    color: #ff4e00;
    display: none;
}

.managebank {
    background: #0e6557;
    padding: 7px 10px;
    font-size: 14px;
    color: white;
    text-transform: uppercase;
    width: 22%;
    margin-bottom: 20px;
    border-radius: 999px;
    margin-right: 20px;
}

.fund_header {
    margin-bottom: 20px;
}

.side-categ {
    display: grid;
}

.side-categ2 {
    display: grid;
}

.side-categ3 {
    display: grid;
}

.header .header_btm .language {
    white-space: nowrap;
}

.header .header_btm .header_btn {
    white-space: nowrap;
}

.slider .dots .dot {
    width: 150px;
    margin: 0 5px;
    cursor: pointer;
    height: 55px;
}


* {
    margin: 0;
    box-sizing: border-box;
}

body, html {
    font-family: 'Lato', sans-serif;
    background: black;
}

a {
    text-decoration: none;
}

.row {
    display: flex;
    align-items: center;
}

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

.hot_item {
    position: relative;
}

    .hot_item::after {
        content: "";
        z-index: 2;
        position: absolute;
        top: 0;
        right: 0;
        width: 30px;
        height: 30px;
        background: url('../Images/icon/hot2.png');
        background-size: 100% 100%;
    }

.container {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 1200px;
    padding-top: 144px;
    width: 100%;
    overflow-x: hidden;
}

/*.slider {
    width: 100%;
    position: relative;
}

    .slider .slides {
        width: 100%;
        overflow-x: hidden;
        justify-content: center;
    }

        .slider .slides .slide {
            height: 500px;
            display: none;
        }

        .slider .slides .slide_active {
            display: block;
        }

    .slider .dots {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        justify-content: center;
        bottom: 20px;
    }

        .slider .dots .dot {
            width: 150px;
            margin: 0 5px;
            cursor: pointer;
        }

            .slider .dots .dot:hover {
                filter: brightness(1.5);
            }

        .slider .dots .dot_active {
            filter: brightness(1.5);
            border: solid 2px #f8d690;
        }*/

.section {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #1d1d1d url('../Images/bg.png');
    
}

    .section .content {
        margin: 0 auto;
        width: 100%;
       
        position: relative;
    }

        .section .content h1 {
            color: #ffbc0a;
            font-size: 20px;
            position: absolute;
            top: 0;
            left: 0;
        }

.header {
    background: #111;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9999;
}

    .header .logo {
        width: 200px;
    }

    .header nav {
        align-self: stretch;
        height: 100px;
        margin-left: auto;
        align-items: stretch;
        padding-top: 10px;
    }

        .header nav a {
            color: #9cbab6;
            font-size: 13px;
            margin-left: 25px;
            position: relative;
        }

            .header nav a::after {
                content: "";
                height: 3px;
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                background: #f8d690;
                display: none;
            }

            .header nav a:hover {
                color: #f8d690;
            }

                .header nav a:hover::after {
                    display: block;
                }

        .header nav .hot::before {
            content: "";
            position: absolute;
            top: 2%;
            left: 50%;
            transform: translateX(-50%);
            width: 25px;
            height: 30px;
            background: url('../Images/icon/hot.png');
            background-size: 100% 100%;
        }

    .header .header_btm {
        background: #222;
        cursor: pointer;
    }

        .header .header_btm .datetime {
            font-size: 12px;
            margin-right: 10px;
            color: white;
        }

            .header .header_btm .datetime span {
                margin: 0 5px;
            }

        .header .header_btm .language {
            align-self: stretch;
            background: #333;
            color: white;
            font-weight: bold;
            padding: 0px 20px;
            font-size: 13px;
            margin-right: auto;
            border-radius: 3px;
            border: none
        }

            .header .header_btm .language img {
                width: 20px;
                margin-right: 5px;
            }

            .header .header_btm .language::after {
                content: "";
                width: 0;
                height: 0;
                border-left: 5px solid transparent;
                border-right: 5px solid transparent;
                border-top: 5px solid #ffbc0a;
                margin-left: 10px;
            }

        .header .header_btm .language_btn_active::after {
            transform: rotate(180deg);
        }

        .header .header_btm .language_dropdown {
            position: absolute;
            top: 100%;
            left: 177px;
            background: #111;
            border-radius: 0 0 10px 10px;
            padding: 10px;
            display: none;
        }

            .header .header_btm .language_dropdown .language_item {
                color: #f8d690;
                align-items: center;
                padding: 5px;
            }

                .header .header_btm .language_dropdown .language_item img {
                    width: 25px;
                    margin-right: 10px;
                }

                .header .header_btm .language_dropdown .language_item a {
                    color: #a2aabd;
                    text-align: center;
                    margin: 0;
                    padding: 0 5px;
                }

                    .header .header_btm .language_dropdown .language_item a:hover {
                        color: white;
                    }

        .header .header_btm .language_open {
            display: flex;
        }

        .header .header_btm .user_btn, .header .header_btm .balance {
            align-self: center;
            background: #222;
            border: 1px solid #ffbc0a;
            color: #ffbc0a;
            font-weight: bold;
            padding: 5px 10px;
            font-size: 12px;
            border-radius: 3px;
            margin-left: 10px;
            border-radius: 999px;
        }

            .header .header_btm .user_btn img, .header .header_btm .balance img {
                width: 20px;
                margin-left: 10px;
            }

            .header .header_btm .user_btn *, .header .header_btm .balance * {
                pointer-events: none;
            }

            .header .header_btm .user_btn::after {
                content: "";
                width: 0;
                height: 0;
                border-left: 5px solid transparent;
                border-right: 5px solid transparent;
                border-top: 5px solid #222222;
                margin-left: 10px;
            }

        .header .header_btm .user_btn_active::after {
            transform: rotate(180deg);
        }

        .header .header_btm .user_menu {
            position: absolute;
            top: 100%;
            right: 210px;
            background: #111;
            padding: 5px;
            border-radius: 0 0 10px 10px;
            display: none;
        }

            .header .header_btm .user_menu span {
                color: #ffbc0a;
                font-size: 10px;
                padding: 0 10px;
                margin-top: 10px;
            }

            .header .header_btm .user_menu a {
                color: #a2aabd;
                padding: 8px 10px;
                width: 100%;
                font-size: 12px;
                border-radius: 3px;
            }

                .header .header_btm .user_menu a:hover {
                    color: white;
                    background: #1e1e1e;
                }

        .header .header_btm .user_menu_active {
            display: flex;
        }

        .header .header_btm a {
            margin-right: 20px;
            font-size: 13px;
            color: white;
        }

        .header .header_btm .header_btn {
            background: #ffbc0a;
            padding: 10px 15px;
            color: #222;
            border-radius: 3px;
            font-weight: bold;
            margin: 3px 0;
            margin-left: 10px;
            font-size: 14px;
            box-shadow: 0 2px 3px black;
        }

.index {
    background: url('../Images/index/bg.jpg');
    background-size: cover;
}

    .index .steps {
        padding: 10px 0;
        justify-content: space-between;
    }

        .index .steps .step {
            align-items: stretch;
        }

            .index .steps .step img {
                width: 120px;
                margin-right: 10px;
            }

            .index .steps .step .col {
                justify-content: center;
            }

                .index .steps .step .col h2 {
                    color: white;
                    font-size: 13px;
                    margin-bottom: 10px;
                }

                .index .steps .step .col p {
                    color: #f8d690;
                    font-size: 16px;
                    font-weight: bold;
                }

    .index .sports {
        margin-top: 50px;
        align-items: stretch;
        position: relative;
    }

        .index .sports .sb_nav {
            margin-top: 30px;
            align-items: flex-start;
        }

            .index .sports .sb_nav .sb_nav_item {
                margin-top: 35px;
                align-items: flex-end;
                height: 55px;
                padding: 10px;
                padding-bottom: 0;
                background: #222;
                border-radius: 10px 10px 3px 3px;
                border-bottom: solid 2px #ffbc0a;
                filter: saturate(0.5);
                position: relative;
            }

                .index .sports .sb_nav .sb_nav_item img {
                    width: 70px;
                    margin-bottom: 15px;
                    filter: grayscale(1);
                }

                .index .sports .sb_nav .sb_nav_item .sb_small {
                    width: 50px;
                    margin: 0;
                }

                .index .sports .sb_nav .sb_nav_item::after {
                    content: "";
                    width: 70px;
                    left: 5%;
                    position: absolute;
                    bottom: 0;
                    height: 5px;
                    background: #ffbc0a;
                    border-radius: 3px 3px 0 0;
                }

                .index .sports .sb_nav .sb_nav_active, .index .sports .sb_nav .sb_nav_item:hover {
                    filter: none;
                }

                    .index .sports .sb_nav .sb_nav_active img, .index .sports .sb_nav .sb_nav_item:hover img {
                        filter: none;
                    }

        .index .sports .models {
            margin-top: 30px;
            margin-left: 20px;
            position: relative;
            width: 330px;
            height: 313px;
        }

            .index .sports .models .model {
                width: 100%;
                height: 100%;
                opacity: 0;
                pointer-events: none;
                transition: 0.4s;
                transform: translateX(500px);
                left: -1000px;
                top: 0;
            }

            .index .sports .models .model_active {
                opacity: 1;
                position: absolute;
                left: 0;
                top: 0;
                transform: none;
            }

        .index .sports .sb_info {
            margin-top: 30px;
            width: 150px;
            color: #f8d690;
            font-size: 13px;
            display: none;
            margin-left: 15px;
            margin-right: 30px;
            -webkit-animation: fade-in 0.3s linear both;
            animation: fade-in 0.3s linear both;
        }

            .index .sports .sb_info img {
                width: 120px;
                margin-bottom: 10px;
            }

            .index .sports .sb_info a {
                margin-top: 10px;
                background: #ffbc0a;
                color: #111;
                padding: 10px;
                text-align: center;
                border-radius: 5px;
            }

        .index .sports .sb_match {
            width: 450px;
            align-items: center;
            margin-left: auto;
            position: relative;
        }

            .index .sports .sb_match h1 {
                position: static;
                margin-bottom: 20px;
            }

            .index .sports .sb_match .prev_btn {
                position: absolute;
                left: 0;
                top: 45%;
                width: 50px;
                z-index: 2;
                transform: translateX(-50%);
                cursor: pointer;
            }

            .index .sports .sb_match .next_btn {
                position: absolute;
                right: 0;
                top: 45%;
                z-index: 2;
                width: 50px;
                transform: translateX(50%);
                cursor: pointer;
            }

            .index .sports .sb_match .swiper-container {
                width: 100%;
                border-radius: 10px;
            }

                .index .sports .sb_match .swiper-container .swiper-wrapper {
                    width: 100%;
                }

                .index .sports .sb_match .swiper-container .swiper-button-prev {
                    width: 50px;
                    height: 50px;
                    background: red;
                    left: 0;
                    transform: translateX(-50%);
                }

                .index .sports .sb_match .swiper-container .swiper-slide {
                    align-items: center;
                    padding: 10px;
                    border-radius: 10px;
                    background: rgba(248, 214, 144, 0.3);
                }

                    .index .sports .sb_match .swiper-container .swiper-slide h2 {
                        color: #f8d690;
                        font-size: 20px;
                        margin: 10px 0;
                    }

                    .index .sports .sb_match .swiper-container .swiper-slide h3 {
                        color: white;
                        font-size: 15px;
                    }

                    .index .sports .sb_match .swiper-container .swiper-slide .team {
                        align-items: center;
                        color: white;
                        padding: 15px 0;
                    }

                        .index .sports .sb_match .swiper-container .swiper-slide .team img {
                            width: 100px;
                            border-radius: 5px;
                            margin-bottom: 5px;
                        }

                    .index .sports .sb_match .swiper-container .swiper-slide .bet_col {
                        align-items: center;
                        margin: 0 20px;
                    }

                        .index .sports .sb_match .swiper-container .swiper-slide .bet_col img {
                            width: 50px;
                        }

                        .index .sports .sb_match .swiper-container .swiper-slide .bet_col a {
                            background: linear-gradient(#f3bb48, #f8d690, #f3bb48);
                            color: black;
                            font-weight: bold;
                            padding: 5px 10px;
                            border-radius: 3px;
                            margin-top: 10px;
                        }

                    .index .sports .sb_match .swiper-container .swiper-slide .homeaway {
                        width: 100%;
                        border-radius: 5px;
                        overflow: hidden;
                    }

                        .index .sports .sb_match .swiper-container .swiper-slide .homeaway span {
                            flex: 1;
                            justify-content: center;
                            background: #0a493f;
                            color: #9cbab6;
                            padding: 5px;
                            border-right: 2px solid black;
                        }

                            .index .sports .sb_match .swiper-container .swiper-slide .homeaway span b {
                                color: white;
                                padding: 5px;
                            }

                            .index .sports .sb_match .swiper-container .swiper-slide .homeaway span:last-child {
                                border: none;
                            }

    .index .services {
        background: #222;
        border-radius: 5px;
        font-weight: bold;
        font-size: 13px;
        align-items: stretch;
        overflow: hidden;
        z-index: 5;
        position: relative;
    }

        .index .services .row {
            color: white;
            padding: 15px 25px;
        }

            .index .services .row img {
                width: 40px;
                margin-right: 10px;
            }

            .index .services .row:first-child {
                background: #ffbc0a;
                color: #111;
            }

    .index .rewards {
        margin-top: 50px;
        padding: 50px 0;
        position: relative;
        align-items: flex-end;
    }

        .index .rewards img {
            width: 500px;
            margin-right: 50px;
        }

        .index .rewards .video_slider {
            flex: 1;
        }

            .index .rewards .video_slider iframe {
                width: 100%;
                height: 300px;
            }

.index_slot {
    background: #222;
    padding: 50px 0;
}

    .index_slot .content {
        position: relative;
        padding-top: 50px;
        align-items: stretch;
    }

    .index_slot .jackpot {
        position: relative;
    }

        .index_slot .jackpot img {
            width: 290px;
        }

        .index_slot .jackpot h2 {
            position: absolute;
            width: 100%;
            left: 0;
            top: 8%;
            font-size: 15px;
            opacity: 0.5;
            color: white;
            text-align: center;
        }

        .index_slot .jackpot .jackpot_number {
            position: absolute;
            width: 60%;
            left: 50%;
            transform: translateX(-50%);
            top: 35%;
            color: white;
            font-size: 25px;
            text-align: center;
            border-radius: 5px;
            overflow: hidden;
        }

            .index_slot .jackpot .jackpot_number .j_number {
                flex: 1;
                overflow: hidden;
                color: white;
                font-weight: bold;
                text-align: center;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 20px;
                height: 40px;
                position: relative;
                border-radius: 3px;
            }

                .index_slot .jackpot .jackpot_number .j_number .numbers {
                    display: flex;
                    flex-direction: column;
                    position: absolute;
                    top: -80px;
                    left: 0;
                    width: 100%;
                }

                    .index_slot .jackpot .jackpot_number .j_number .numbers span {
                        height: 40px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        color: white;
                        font-weight: bold;
                    }

    .index_slot .lobby {
        margin-left: 20px;
    }

        .index_slot .lobby .game_nav {
            margin-bottom: 20px;
            border-bottom: solid 1px grey;
        }

            .index_slot .lobby .game_nav .nav_item {
                border: solid 1px #ffbc0a;
                border-bottom: 0;
                color: #ffbc0a;
                border-radius: 3px 3px 0 0;
                padding: 10px;
                font-size: 13px;
                margin-right: 15px;
                cursor: pointer;
            }

                .index_slot .lobby .game_nav .nav_item:hover, .index_slot .lobby .game_nav .nav_active {
                    background: #ffbc0a;
                    color: #222;
                    border-color: transparent;
                }

            .index_slot .lobby .game_nav a {
                margin-left: auto;
                font-size: 13px;
                color: grey;
            }

        .index_slot .lobby .games {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            grid-gap: 10px;
            display: none;
        }

            .index_slot .lobby .games .game {
                border-radius: 10px;
                overflow: hidden;
                position: relative;
                transition: 0.3s;
            }

                .index_slot .lobby .games .game img {
                    width: 100%;
                    height: 120px;
                }

                .index_slot .lobby .games .game .game_name {
                    background: #000;
                    padding: 10px;
                    color: grey;
                    font-size: 13px;
                    border-bottom: solid 4px #ffbc0a;
                    border-radius: 0 0 10px 10px;
                    z-index: 2;
                    transition: 0.3s;
                }

                .index_slot .lobby .games .game .hover {
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    background: rgba(0, 0, 0, 0.5);
                    align-items: center;
                    padding-top: 10px;
                    transform: translateY(100%);
                    transition: 0.3s;
                }

                    .index_slot .lobby .games .game .hover a {
                        width: 80%;
                        text-align: center;
                        color: #222;
                        background: #ffbc0a;
                        font-size: 13px;
                        padding: 8px;
                        margin-top: 10px;
                        border-radius: 5px;
                    }

                        .index_slot .lobby .games .game .hover a:nth-child(2) {
                            background: #222;
                            color: #ffbc0a;
                            border: 1px solid #ffbc0a;
                        }

                .index_slot .lobby .games .game:hover {
                    transform: translateY(-5px);
                }

                    .index_slot .lobby .games .game:hover .hover {
                        transform: none;
                    }

                    .index_slot .lobby .games .game:hover .game_name {
                        filter: brightness(2);
                    }

        .index_slot .lobby .recommended {
            display: grid;
        }

.cards {
    padding: 50px 0;
    background: #111;
}

    .cards .content {
        padding: 0;
        justify-content: space-between;
        align-items: stretch;
    }

    .cards .card {
        color: white;
        text-align: center;
        margin: 0 10px;
        font-size: 13px;
        flex: 1;
        position: relative;
        border-radius: 10px;
        min-height: 240px;
        overflow: hidden;
        padding-top: 65px;
    }

        .cards .card .card_text {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            justify-content: center;
            padding: 20px;
        }

            .cards .card .card_text h2 {
                margin: 20px 0;
            }

            .cards .card .card_text p {
                margin-bottom: 10px;
            }

        .cards .card .card_hover {
            width: 100%;
            position: absolute;
            bottom: 0;
            left: 0;
            transform: translateY(100%);
            transition: 0.3s;
            opacity: 0;
        }

        .cards .card .card_bg {
            width: 100%;
        }

        .cards .card a {
            position: absolute;
            bottom: 0;
            width: 100%;
            left: 0;
            font-size: 20px;
            color: black;
            padding: 5px 0;
            font-weight: 900;
            transform: translateY(85%);
            transition: 0.3s;
            transition-delay: 0.3s;
            align-items: center;
        }

            .cards .card a span {
                display: flex;
                position: absolute;
                height: 10px;
                width: 50%;
                bottom: 90%;
                left: 50%;
                transform: translateX(-50%);
                border-radius: 4px 4px 0 0;
            }

        .cards .card:hover .card_hover {
            transform: none;
            opacity: 1;
        }

        .cards .card:hover a {
            transform: none;
        }

.particles img {
    position: absolute;
    bottom: 20%;
    right: 40%;
}

.products {
    background: #141715;
}

    .products .banner {
        width: 100%;
        justify-content: center;
        position: relative;
        display: none;
        -webkit-animation: fade-in 0.3s linear both;
        animation: fade-in 0.3s linear both;
        align-items: flex-end;
    }

        .products .banner .banner_bg {
            height: 450px;
        }

        .products .banner .col {
            position: absolute;
            right: 10%;
            top: 40%;
            transform: translateY(-50%);
            z-index: 2;
            align-items: center;
            width: 350px;
        }

            .products .banner .col img {
                width: 300px;
            }

            .products .banner .col p {
                color: white;
                text-align: center;
                font-size: 18px;
                margin-bottom: 20px;
            }

            .products .banner .col a {
                background: #ffbc0a;
                color: #111;
                font-weight: bold;
                padding: 10px 20px;
                text-decoration: none;
                border-radius: 3px;
            }

                .products .banner .col a:hover {
                    transform: scale(1.05);
                }

        .products .banner .jackpot {
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
        }

            .products .banner .jackpot img {
                width: 390px;
            }

            .products .banner .jackpot h3 {
                position: absolute;
                left: 0;
                top: 14%;
                width: 100%;
                text-align: center;
                color: #a1aabc;
                font-weight: bold;
                font-size: 13px;
            }

            .products .banner .jackpot .jackpot_number {
                position: absolute;
                width: 50%;
                left: 50%;
                transform: translateX(-50%);
                bottom: 7%;
                color: #f8d690;
                font-size: 25px;
                text-align: center;
                border-radius: 5px;
                overflow: hidden;
            }

                .products .banner .jackpot .jackpot_number .j_number {
                    flex: 1;
                    overflow: hidden;
                    color: #f8d690;
                    font-weight: bold;
                    text-align: center;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    font-size: 25px;
                    height: 40px;
                    position: relative;
                    border-radius: 3px;
                }

                    .products .banner .jackpot .jackpot_number .j_number .numbers {
                        display: flex;
                        flex-direction: column;
                        position: absolute;
                        top: -80px;
                        left: 0;
                        width: 100%;
                    }

                        .products .banner .jackpot .jackpot_number .j_number .numbers span {
                            height: 40px;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            color: #f8d690;
                            font-weight: bold;
                        }

    .products .banner_active {
        display: flex;
    }

    .products .products_nav {
        margin-bottom: 20px;
        justify-content: center;
        flex-wrap: wrap;
    }

        .products .products_nav .products_nav_item {
            width: 160px;
            background: #1e221e;
            padding: 5px 10px;
            border-radius: 5px;
            position: relative;
            overflow: hidden;
            margin: 0 5px 10px 5px;
            transition: 0.3s;
            cursor: pointer;
            border-bottom: inset 4px #f5c460;
            filter: brightness(0.85);
        }

            .products .products_nav .products_nav_item img {
                width: 100%;
                filter: grayscale(1) brightness(0.5);
            }

            .products .products_nav .products_nav_item::before {
                content: "";
                position: absolute;
                bottom: -7px;
                width: 50%;
                height: 20px;
                left: 25%;
                border-radius: 3px;
                transform: perspective(500px) rotateX(60deg);
                color: black;
                background: darken(#f8d690,10%);
            }

            .products .products_nav .products_nav_item:hover, .products .products_nav .products_nav_active {
                transform: translateY(-10px);
                border-color: #f8d690;
                filter: brightness(1.2);
            }

                .products .products_nav .products_nav_item:hover img, .products .products_nav .products_nav_active img {
                    filter: brightness(1);
                }

                .products .products_nav .products_nav_item:hover::before, .products .products_nav .products_nav_active::before {
                    background: #f8d690;
                }

    .products .magnum .table_header {
        background: #262626;
    }

    .products .magnum th {
        background: #262626;
    }

    .products .dmc .table_header {
        background: #0f1468;
    }

    .products .dmc th {
        background: #0f1468;
    }

    .products .toto .table_header {
        background: #ed363f;
    }

    .products .toto th {
        background: #ed363f;
    }

    .products .singapore .table_header {
        background: #12689b;
    }

    .products .singapore th {
        background: #12689b;
    }

    .products .sabah .table_header {
        background: #e02217;
    }

    .products .sabah th {
        background: #e02217;
    }

    .products .sandakan .table_header {
        background: #2f9505;
    }

    .products .sandakan th {
        background: #2f9505;
    }

    .products .cash .table_header {
        background: #083e04;
    }

    .products .cash th {
        background: #083e04;
    }

    .products .gd .table_header {
        background: linear-gradient(#feda47 50%, #c56801);
        color: black !important;
    }

    .products .gd th {
        background: linear-gradient(#feda47 50%, #c56801);
        color: black !important;
    }

    .products .lottery_tables {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-gap: 15px;
    }

        .products .lottery_tables .table {
            width: 100%;
            background: #e0d9ca;
            border-right: 3px outset grey;
            border-bottom: 3px outset grey;
            border-radius: 10px;
            overflow: hidden;
        }

            .products .lottery_tables .table .table_header {
                position: relative;
                color: white;
                font-size: 13px;
                padding: 10px;
            }

                .products .lottery_tables .table .table_header img {
                    position: absolute;
                    right: 10px;
                    width: 70px;
                }

            .products .lottery_tables .table table {
                align-self: center;
                margin: 10px 0;
                width: calc(100% - 20px);
                border-collapse: collapse;
                text-align: center;
                font-size: 13px;
                border: solid 1px grey;
            }

                .products .lottery_tables .table table th {
                    padding: 5px;
                    color: white;
                }

                .products .lottery_tables .table table td {
                    border: solid 1px grey;
                }

.slot {
    background: #1d1d1d;
    padding: 20px 0;
}

    .slot .content {
        align-items: stretch;
    }

    .slot .slot_nav {
        background: #282828;
        padding: 20px;
        padding-right: 0;
        border-radius: 8px 0 0 8px;
    }

        .slot .slot_nav .slot_nav_item {
            cursor: pointer;
            font-weight: bold;
            border-bottom: solid 1px grey;
            padding: 5px;
        }

            .slot .slot_nav .slot_nav_item img {
                width: 140px;
                filter: grayscale(1);
            }

            .slot .slot_nav .slot_nav_item:hover, .slot .slot_nav .slot_nav_active {
                background: rgba(0, 0, 0, 0.1);
                border-radius: 5px 5px 0 0;
            }

                .slot .slot_nav .slot_nav_item:hover img, .slot .slot_nav .slot_nav_active img {
                    filter: none;
                }

    .slot .slot_lobby {
        color: grey;
        margin-left: 20px;
        padding-top: 10px;
        display: none;
        -webkit-animation: fade-in-bottom 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) both;
        animation: fade-in-bottom 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) both;
    }

        .slot .slot_lobby .lobby_nav .lobby_nav_item {
            color: grey;
            cursor: pointer;
            font-weight: bold;
            padding: 10px 30px;
        }

            .slot .slot_lobby .lobby_nav .lobby_nav_item:hover, .slot .slot_lobby .lobby_nav .lobby_nav_active {
                color: #f8d690;
            }

        .slot .slot_lobby .lobby_nav .slot_search {
            position: relative;
            margin-left: auto;
        }

            .slot .slot_lobby .lobby_nav .slot_search img {
                width: 15px;
                position: absolute;
                right: 5px;
            }

            .slot .slot_lobby .lobby_nav .slot_search input {
                background: none;
                border: solid 1px grey;
                border-radius: 3px;
                padding: 5px;
                color: grey;
            }

        .slot .slot_lobby .games {
            display: grid;
            grid-template-columns: repeat(6, 1fr);
            grid-gap: 10px;
            padding: 20px 0;
            display: none;
        }

            .slot .slot_lobby .games .game {
                border-radius: 10px;
                overflow: hidden;
                position: relative;
                transition: 0.3s;
                -webkit-animation: fade-in-bottom 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) both;
                animation: fade-in-bottom 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) both;
            }

                .slot .slot_lobby .games .game img {
                    width: 100%;
                    height: 120px;
                }

                .slot .slot_lobby .games .game .game_name {
                    background: #000;
                    padding: 10px;
                    color: grey;
                    font-size: 13px;
                    border-bottom: solid 4px #ffbc0a;
                    border-radius: 0 0 10px 10px;
                    z-index: 2;
                    transition: 0.3s;
                }

                .slot .slot_lobby .games .game .hover {
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    background: rgba(0, 0, 0, 0.5);
                    align-items: center;
                    padding-top: 10px;
                    transform: translateY(100%);
                    transition: 0.3s;
                }

                    .slot .slot_lobby .games .game .hover a {
                        width: 80%;
                        text-align: center;
                        color: white;
                        background: #ffbc0a;
                        font-size: 13px;
                        padding: 8px;
                        margin-top: 10px;
                        border-radius: 5px;
                    }

                        .slot .slot_lobby .games .game .hover a:nth-child(2) {
                            background: grey;
                        }

                .slot .slot_lobby .games .game:hover {
                    transform: translateY(-5px);
                }

                    .slot .slot_lobby .games .game:hover .hover {
                        transform: none;
                    }

                    .slot .slot_lobby .games .game:hover .game_name {
                        filter: brightness(2);
                    }

        .slot .slot_lobby .games_active {
            display: grid;
        }

.promo {
    padding: 30px 0;
}

    .promo .promo_nav {
        color: grey;
        font-size: 25px;
    }

        .promo .promo_nav .promo_nav_item {
            color: white;
            font-size: 14px;
            padding: 0 20px;
            opacity: 0.5;
            cursor: pointer;
            transition: 0.3s;
            font-weight: bold;
        }

            .promo .promo_nav .promo_nav_item b {
                font-size: 12px;
                background: #ffbc0a;
                padding: 2px 5px;
                border-radius: 3px;
            }

            .promo .promo_nav .promo_nav_item:hover, .promo .promo_nav .promo_nav_active {
                opacity: 1;
            }

    .promo .promos {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 20px;
        margin-top: 30px;
    }

        .promo .promos .promo_item {
            -webkit-animation: fade-in-bottom 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) both;
            animation: fade-in-bottom 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) both;
        }

            .promo .promos .promo_item img {
                width: 100%;
            }

            .promo .promos .promo_item .promo_info {
                background: #141414;
                padding: 10px 20px;
                border-radius: 0 0 10px 10px;
                min-height: 150px;
            }

                .promo .promos .promo_item .promo_info h2 {
                    color: white;
                    font-size: 20px;
                }

                .promo .promos .promo_item .promo_info p {
                    margin-top: 15px;
                    color: grey;
                    font-size: 13px;
                }

                    .promo .promos .promo_item .promo_info p b {
                        color: #f8d690;
                    }

                .promo .promos .promo_item .promo_info .promo_btns {
                    margin-top: auto;
                }

                    .promo .promos .promo_item .promo_info .promo_btns .promo_btn {
                        background: #f8d690;
                        font-weight: bold;
                        font-size: 13px;
                        padding: 6px 10px;
                        border-radius: 3px;
                        margin-right: 5px;
                        color: rgba(0, 0, 0, 0.8);
                    }

                        .promo .promos .promo_item .promo_info .promo_btns .promo_btn:first-child {
                            background: #646464;
                            color: white;
                        }

.download .content {
    padding: 20px 0;
}

.download .download_nav {
    align-self: center;
    border-radius: 5px;
    overflow: hidden;
}

    .download .download_nav .download_nav_item {
        background: #282a2c;
        color: #a2aabd;
        font-size: 13px;
        padding: 8px 10px;
        justify-content: center;
        width: 200px;
        cursor: pointer;
        align-items: flex-end;
    }

        .download .download_nav .download_nav_item img {
            width: 15px;
            margin-right: 5px;
        }

        .download .download_nav .download_nav_active, .download .download_nav .download_nav_item:hover {
            background: #ffbc0a;
            color: black;
        }

            .download .download_nav .download_nav_active img, .download .download_nav .download_nav_item:hover img {
                filter: brightness(0);
            }

.download .download_grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, 250px);
    grid-gap: 20px;
    padding: 30px 0;
}

    .download .download_grid .download_item {
        border-bottom: inset 3px #ffbc0a;
        border-radius: 5px;
        overflow: hidden;
        position: relative;
        display: none;
    }

        .download .download_grid .download_item img {
            width: 100%;
        }

        .download .download_grid .download_item .row {
            width: 100%;
        }

            .download .download_grid .download_item .row .download_btn {
                flex: 1;
                text-align: center;
                font-size: 13px;
                padding: 5px;
                color: rgba(255, 255, 255, .7);
                background: #2d2f33;
                z-index: 3;
                cursor: pointer;
            }

            .download .download_grid .download_item .row a {
                background: #44464b !important;
            }

        .download .download_grid .download_item h2 {
            background: #191919;
            text-align: center;
            color: #a2aabd;
            font-size: 16px;
            padding: 10px 0 12px 0;
            z-index: 3;
        }

        .download .download_grid .download_item .qr {
            justify-content: center;
            width: 100%;
            border-radius: 14px;
            position: absolute;
            top: 10px;
            left: 0;
            height: 100%;
            background: rgba(0, 0, 0, 0.7);
            align-items: flex-start;
            padding-top: 20px;
            z-index: 2;
            transform: translateY(100%);
            transition: 0.3s;
        }

            .download .download_grid .download_item .qr img {
                width: 100px;
            }

        .download .download_grid .download_item::before {
            content: "";
            position: absolute;
            bottom: -10px;
            width: 50%;
            height: 20px;
            left: 25%;
            border-radius: 3px;
            transform: perspective(500px) rotateX(60deg);
            color: black;
            z-index: 4;
            background: #ffbc0a;
        }

    .download .download_grid .android {
        display: flex;
    }

    .download .download_grid .show_qr .qr {
        transform: translateY(0);
    }

.info {
    padding: 30px 0;
}

    .info .content {
        background: #111;
        border: 1px solid #ffbc0a;
        padding: 40px 20px 20px 20px;
        border-radius: 5px;
        font-size: 13px;
        color: white;
    }

    .info .info_nav {
        margin-top: -50px;
        margin-bottom: 20px;
        background: #111;
        border: 1px solid #ffbc0a;
        align-self: flex-start;
        border-radius: 5px;
        overflow: hidden;
    }

        .info .info_nav a {
            color: white;
            padding: 10px 20px;
            font-size: 13px;
        }

        .info .info_nav .info_nav_active {
            background: #ffbc0a;
            color: #111;
        }

    .info h2 {
        border-bottom: solid 2px #c8c8c8;
        padding: 10px;
        color: #ffbc0a;
    }

    .info ul, .info ol {
        padding-left: 15px;
    }

        .info ul li, .info ol li {
            padding: 3px 0;
        }

    .info table {
        width: 600px;
        text-align: left;
        border-collapse: collapse;
        border: solid 1px #ffbc0a;
    }

        .info table th {
            padding: 5px;
            background: #ffbc0a;
            color: #111;
        }

        .info table td {
            padding: 5px 10px;
            border-right: 1px solid #ffbc0a;
        }

        .info table tr:nth-child(even) {
            background: #222;
        }

        .info table tr td:last-child {
            border: none;
        }

    .info .contact_item {
        border-radius: 3px;
        overflow: hidden;
        background: #222;
        width: 400px;
        margin-bottom: 10px;
        border: 1px solid #ffbc0a;
    }

        .info .contact_item span {
            background: #ffbc0a;
            padding: 5px 10px;
            width: 150px;
            color: #111;
        }

            .info .contact_item span img {
                width: 30px;
                border-radius: 3px;
                margin-right: 10px;
            }

        .info .contact_item a {
            flex: 1;
            text-align: right;
            padding: 10px;
            color: white;
            font-weight: bold;
        }

.error {
    padding: 30px 0;
    color: white;
}

    .error .content {
        padding: 20px;
        border-radius: 5px;
        font-size: 13px;
        align-items: center;
    }

    .error h2 {
        font-size: 30px;
    }

    .error img {
        width: 300px;
        margin-bottom: 20px;
    }

    .error .maintenance_img {
        position: relative;
    }

        .error .maintenance_img .gear {
            position: absolute;
            width: 90px;
            left: 13px;
            animation: rotating 3s linear infinite;
        }

    .error p {
        margin: 10px 0;
    }

    .error .row {
        margin: 10px 0;
    }

        .error .row a {
            background: #ffbc0a;
            padding: 10px;
            color: #222;
            border-radius: 3px;
            width: 150px;
            text-align: center;
            margin: 0 10px;
        }

.vip {
    padding: 30px 0 0 0;
}

    .vip table {
        width: 100%;
        border-collapse: collapse;
    }

        .vip table thead tr {
            border-bottom: 1px solid #3e3b2f;
        }

        .vip table thead th {
            font-size: 30px;
            color: #f8d690;
            vertical-align: bottom;
            text-align: left;
        }

        .vip table thead td {
            color: white;
            font-size: 13px;
            text-align: center;
            padding: 5px 0;
            font-weight: bold;
            letter-spacing: 2px;
        }

            .vip table thead td img {
                width: 80px;
                margin-bottom: 5px;
            }

        .vip table tbody th {
            color: #f8d690;
            text-align: left;
            padding: 30px 0 5px 0;
            font-size: 20px;
        }

            .vip table tbody th i {
                color: grey;
                font-size: 12px;
            }

        .vip table tbody tr td {
            color: #f8d690;
            text-align: center;
            padding: 10px;
            font-size: 14px;
        }

            .vip table tbody tr td:first-child {
                color: #a9acb6;
                text-align: left;
            }

        .vip table tbody tr:nth-child(odd) {
            background: rgba(128, 128, 128, 0.1);
        }

.register {
    padding: 30px 0;
}

    .register .register_window {
        align-self: center;
        width: 70%;
        background: #111;
        border-radius: 10px;
        overflow: hidden;
        align-items: center;
    }

        .register .register_window .step_header {
            background: #ffbc0a;
            padding: 15px;
            text-align: center;
            color: #222;
            font-weight: bold;
            font-size: 20px;
            width: 100%;
        }

        .register .register_window .step {
            padding: 20px 0;
            width: 80%;
            align-items: center;
            margin-bottom: 10px;
        }

            .register .register_window .step .row {
                justify-content: space-between;
                width: 100%;
                font-size: 12px;
                color: grey;
                text-align: center;
                margin-bottom: 10px;
            }

                .register .register_window .step .row .step_label {
                    width: 120px;
                    text-align: center;
                }

                .register .register_window .step .row .step_label_active {
                    color: #ff4d00;
                }

            .register .register_window .step img {
                width: 90%;
            }

        .register .register_window .step_content {
            width: 80%;
            padding-bottom: 25px;
            align-items: stretch;
        }

            .register .register_window .step_content form {
                width: 50%;
            }

                .register .register_window .step_content form .input {
                    margin-bottom: 15px;
                    width: 100%;
                }

                    .register .register_window .step_content form .input input, .register .register_window .step_content form .input select {
                        width: 100% !important;
                        border: 1px solid white;
                        background: none;
                        padding: 10px;
                        border-radius: 6px;
                        color: gray;
                    }

                        .register .register_window .step_content form .input input:focus + p, .register .register_window .step_content form .input select:focus + p {
                            display: block;
                        }

                        .register .register_window .step_content form .input input::-webkit-calendar-picker-indicator, .register .register_window .step_content form .input select::-webkit-calendar-picker-indicator {
                            filter: invert(1);
                        }

                    .register .register_window .step_content form .input span {
                        width: 170px;
                        color: white;
                    }

                    .register .register_window .step_content form .input p {
                        font-size: 12px;
                        color: red;
                        font-weight: bold;
                        padding: 2px 5px;
                        display: none;
                    }

                .register .register_window .step_content form summary {
                    font-size: 13px;
                    color: white;
                    cursor: pointer;
                    margin-bottom: 5px;
                }

                .register .register_window .step_content form button {
                    padding: 8px;
                    border-radius: 3px;
                    background: #ffbc0a;
                    color: #111;
                    border: none;
                    font-size: 20px;
                    font-weight: bold;
                    margin-top: 50px;
                    cursor: pointer;
                }

            .register .register_window .step_content .step_text {
                padding: 0 10px;
                margin-left: 20px;
            }

                .register .register_window .step_content .step_text h2 {
                    color: #ffbc0a;
                    margin-bottom: 10px;
                    font-size: 20px;
                    padding-left: 20px;
                }

                .register .register_window .step_content .step_text ul {
                    padding-left: 20px;
                }

                    .register .register_window .step_content .step_text ul li {
                        font-size: 15px;
                        color: white;
                        margin-bottom: 5px;
                    }

        .register .register_window .complete {
            width: 50%;
            align-items: center;
            padding-bottom: 30px;
        }

            .register .register_window .complete img {
                width: 150px;
                margin-bottom: 20px;
            }

            .register .register_window .complete h2 {
                font-weight: normal;
                color: white;
            }

            .register .register_window .complete h3 {
                font-weight: normal;
                font-size: 14px;
                color: white;
            }

            .register .register_window .complete a {
                background: #ffbc0a;
                color: #111;
                padding: 10px;
                border-radius: 5px;
                text-align: center;
                width: 300px;
                margin: 20px 0;
            }

            .register .register_window .complete p {
                font-size: 12px;
                text-align: center;
                width: 300px;
                color: grey;
            }

                .register .register_window .complete p b {
                    color: #ffbc0a;
                }

    .register .step2, .register .step3 {
        display: none;
    }

.footer {
    background: #181717;
    padding: 50px 0;
}

    .footer .infos {
        align-items: stretch;
        gap: 10px;
    }

        .footer .infos .col {
            padding: 0 20px;
        }

            .footer .infos .col b {
                color: white;
                margin-bottom: 15px;
                white-space: nowrap;
            }

            .footer .infos .col a {
                color: rgba(162, 170, 189, .4);
                font-size: 12px;
                padding: 3px 0;
            }

                .footer .infos .col a:hover {
                    color: white;
                    text-decoration: underline;
                }

            .footer .infos .col .providers {
                flex-wrap: wrap;
            }

                .footer .infos .col .providers img {
                    width: 85px;
                }

.footer_text {
    padding: 30px 0;
    border-top: solid 1px #282828;
    border-bottom: solid 1px #282828;
}

    .footer_text h3 {
        color: white;
        font-size: 15px;
        margin-bottom: 5px;
    }

    .footer_text p {
        color: rgba(162, 170, 189, .4);
        font-size: 12px;
    }

        .footer_text p a {
            color: rgba(162, 170, 189, .7);
            text-decoration: underline;
        }

    .footer_text ul {
        padding-top: 10px;
    }

        .footer_text ul li {
            color: rgba(162, 170, 189, .4);
            font-size: 12px;
        }

            .footer_text ul li a {
                color: rgba(162, 170, 189, .7);
                text-decoration: underline;
            }

    .footer_text .expand_btn, .footer_text .collapse_btn {
        color: rgba(162, 170, 189, .4);
        text-decoration: underline;
        font-size: 12px;
        margin-top: 20px;
        cursor: pointer;
    }

    .footer_text .collapse_btn {
        display: none;
    }

.collapsed_text {
    display: none;
}

footer {
    background: #111;
    width: 100%;
    text-align: center;
    font-size: 12px;
    padding: 10px;
    color: #ffbc0a;
}

.popup {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}

    .popup .popup_window {
        padding: 20px;
        border-radius: 10px;
        background: #111;
        border: 1px solid #ffbc0a;
        position: relative;
        align-items: center;
    }

        .popup .popup_window::-webkit-scrollbar {
            width: 5px;
        }
        /* Track */
        .popup .popup_window::-webkit-scrollbar-track {
            box-shadow: inset 0 0 5px #111;
            border-radius: 10px;
        }

        /* Handle */
        .popup .popup_window::-webkit-scrollbar-thumb {
            background: #333333;
            border-radius: 10px;
        }

        .popup .popup_window h1 {
            color: #f8d690;
            font-size: 20px;
            margin: 0;
        }

    .popup .popup_close {
        width: 20px;
        position: absolute;
        right: 10px;
        top: 10px;
    }

.login .popup_window {
    width: 400px;
}

.login .logo {
    width: 150px;
    margin-bottom: 20px;
}

.login form {
    margin-bottom: 20px;
}

    .login form .input {
        background: #151515;
        border: 1px solid gray;
        border-radius: 99px 30px 30px 99px;
        padding: 5px;
        margin-top: 10px;
    }

        .login form .input img {
            width: 30px;
        }

        .login form .input input {
            border: none;
            background: none;
            color: white;
            padding: 5px 10px;
            font-size: 13px;
        }

            .login form .input input:focus {
                outline: none;
            }

    .login form a {
        align-self: flex-end;
        font-size: 13px;
        margin: 10px 0;
        color: #ffd870;
        text-decoration: underline;
    }

    .login form button {
        text-align: center;
        background: #ffbc0a;
        border: none;
        padding: 5px;
        border-radius: 99px 30px 30px 99px;
        font-weight: bold;
        font-size: 15px;
        color: #111;
        position: relative;
        height: 35px;
    }

        .login form button img {
            width: 30px;
            margin-right: 10px;
            position: absolute;
            left: 5px;
            top: 2.5px;
        }

.login hr {
    width: 100%;
    opacity: 0.2;
}

.login p {
    color: rgba(2555, 255, 255, 0.5);
    font-size: 12px;
    text-align: center;
    padding: 15px 0;
    width: 100%;
}

    .login p a {
        font-weight: bold;
        color: #f0ae00;
    }

.promo_window {
    width: 800px;
    color: #f8d690;
    font-size: 13px;
}

    .promo_window h2 {
        color: #f8d690;
    }

    .promo_window img {
        width: 100%;
        border-bottom: solid 1px #f8d690;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .promo_window a {
        margin-top: 20px;
        align-self: flex-end;
        background: #111;
        font-weight: bold;
        font-size: 13px;
        padding: 6px 10px;
        border-radius: 3px;
        color: rgba(0, 0, 0, 0.8);
    }

.gd_payout .popup_window, .payout .popup_window {
    width: 800px;
}

.gd_payout .payout_content, .payout .payout_content {
    width: 100%;
    padding: 20px 0;
    max-height: 600px;
    overflow-y: auto;
}

    .gd_payout .payout_content h2, .payout .payout_content h2 {
        color: #f8d690;
        font-size: 18px;
        margin-top: 10px;
    }

    .gd_payout .payout_content p, .payout .payout_content p {
        color: white;
        opacity: 0.8;
        font-size: 12px;
        margin: 5px 0;
    }

    .gd_payout .payout_content table, .payout .payout_content table {
        width: 100%;
        border-collapse: collapse;
        text-align: center;
        font-size: 13px;
    }

        .gd_payout .payout_content table th, .payout .payout_content table th {
            background: #0a493f;
            padding: 10px;
            color: white;
        }

        .gd_payout .payout_content table tr, .payout .payout_content table tr {
            background: white;
        }

            .gd_payout .payout_content table tr:nth-child(even), .payout .payout_content table tr:nth-child(even) {
                background: #dcdcdc;
            }

        .gd_payout .payout_content table td, .payout .payout_content table td {
            padding: 5px;
        }

.fund .content {
    align-items: stretch;
    padding: 15px 0;
}

.fund .fund_nav {
    background: #111;
    border-radius: 5px;
    padding-bottom: 20px;
    border: 1px solid #ffbc0a;
}

    .fund .fund_nav .userinfo {
        padding: 20px 25px;
    }

        .fund .fund_nav .userinfo img {
            width: 60px;
            margin-bottom: 20px;
        }

        .fund .fund_nav .userinfo h3 {
            color: #ffbc0a;
            font-size: 15px;
        }

        .fund .fund_nav .userinfo span {
            font-size: 12px;
            margin-top: 10px;
            color: white;
        }

        .fund .fund_nav .userinfo b {
            font-size: 15px;
        }

    .fund .fund_nav hr {
        border-color: rgba(140, 140, 140, .3);
        width: 80%;
        align-self: center;
    }

    .fund .fund_nav h2 {
        padding: 0 20px;
        color: white;
        font-size: 15px;
        margin-top: 20px;
        margin-bottom: 5px;
        text-transform: uppercase;
    }

    .fund .fund_nav a {
        padding: 8px 18px;
        font-size: 13px;
        color: white;
        border-left: 4px solid transparent;
    }

        .fund .fund_nav .nav_active, .fund .fund_nav a:hover {
            color: #ffbc0a;
            border-color: #ffbc0a;
            font-weight: bold;
        }

.fund .fund_body {
    background: #111; 
    border-radius: 10px;
    margin-left: 15px;
    border: 1px solid #ffbc0a;
}

    .fund .fund_body .wallet {
        background: #222;
        padding: 20px;
        border-radius: 10px 10px 0 0;
        border-bottom: 1px solid #ffbc0a;
    }

        .fund .fund_body .wallet .wallet_info {
            border-bottom: 1px solid #646464;
            padding: 0 10px 10px 10px;
        }

            .fund .fund_body .wallet .wallet_info .col {
                padding: 0px 20px;
                color: #b4b4b4;
                font-size: 13px;
                border-right: 1px solid #646464;
            }

            .fund .fund_body .wallet .wallet_info .myvip {
                position: relative;
                padding-left: 42px;
            }

                .fund .fund_body .wallet .wallet_info .myvip img {
                    width: 40px;
                    position: absolute;
                    left: 0;
                    top: 45%;
                    transform: translateY(-50%);
                }

        .fund .fund_body .wallet .wallet_content {
            padding: 50px 0 10px 0;
        }

            .fund .fund_body .wallet .wallet_content .row {
                color: white;
                position: relative;
                font-size: 25px;
            }

                .fund .fund_body .wallet .wallet_content .row span {
                    position: absolute;
                    bottom: 110%;
                    left: 0;
                    font-size: 12px;
                    color: #b4b4b4;
                    white-space: nowrap;
                }

                .fund .fund_body .wallet .wallet_content .row b {
                    color: #f8d690;
                    font-size: 10px;
                    margin-bottom: 10px;
                    margin-right: 10px;
                    align-items: flex-start;
                }

                .fund .fund_body .wallet .wallet_content .row img {
                    width: 20px;
                    margin-left: 5px;
                }

            .fund .fund_body .wallet .wallet_content .restore_wallet {
                font-size: 15px;
                background: #ffbc0a;
                padding: 10px;
                border-radius: 999px;
                margin-left: 20px;
                align-items: flex-end;
                color: #222;
            }

                .fund .fund_body .wallet .wallet_content .restore_wallet img {
                    width: 20px;
                    margin-right: 5px;
                }

            .fund .fund_body .wallet .wallet_content .auto_transfer {
                position: relative;
                width: 200px;
                cursor: pointer;
            }

                .fund .fund_body .wallet .wallet_content .auto_transfer input {
                    position: absolute;
                    opacity: 0;
                }

                    .fund .fund_body .wallet .wallet_content .auto_transfer input:checked ~ .off {
                        display: none;
                    }

                    .fund .fund_body .wallet .wallet_content .auto_transfer input:checked ~ .on {
                        display: block;
                    }

                .fund .fund_body .wallet .wallet_content .auto_transfer .on {
                    display: none;
                }

                .fund .fund_body .wallet .wallet_content .auto_transfer .off {
                    display: block;
                }

                .fund .fund_body .wallet .wallet_content .auto_transfer img {
                    width: 80px;
                }

    .fund .fund_body .fund_content {
        padding: 30px;
    }

        .fund .fund_body .fund_content form {
            display: none;
        }

        .fund .fund_body .fund_content .form_active {
            display: flex;
        }

        .fund .fund_body .fund_content .input {
            margin-bottom: 20px;
            align-items: flex-start;
            position: relative;
        }

            .fund .fund_body .fund_content .input .label {
                color: white;
                font-size: 13px;
                min-width: 160px;
                margin-right: 10px;
            }

                .fund .fund_body .fund_content .input .label b {
                    color: #ff4e00;
                }

            .fund .fund_body .fund_content .input input, .fund .fund_body .fund_content .input select {
                width: 250px;
                padding: 5px 10px;
                font-size: 13px;
                background: transparent;
                border-radius: 3px;
                border: solid 1px white;
                color: gray;
            }

                .fund .fund_body .fund_content .input input:read-only, .fund .fund_body .fund_content .input select:read-only {
                    background: none;
                }

                .fund .fund_body .fund_content .input input:focus, .fund .fund_body .fund_content .input select:focus {
                    outline-color: #ffbc0a;
                }

                    .fund .fund_body .fund_content .input input:focus + p, .fund .fund_body .fund_content .input select:focus + p {
                        display: block;
                    }

            .fund .fund_body .fund_content .input select {
                background: transparent !important;
            }

            .fund .fund_body .fund_content .input .addbank_btn, .fund .fund_body .fund_content .input .allin, .fund .fund_body .fund_content .input .view, .fund .fund_body .fund_content .input .noview {
                padding: 7px 10px;
                font-size: 13px;
                background: #ffbc0a;
                color: #111;
                border-radius: 3px;
                margin-left: 10px;
            }

            .fund .fund_body .fund_content .input .noview {
                background: grey;
            }

            .fund .fund_body .fund_content .input p {
                font-size: 10px;
                color: #ff4e00;
                display: none;
            }

            .fund .fund_body .fund_content .input .bank_info {
                position: relative;
            }

                .fund .fund_body .fund_content .input .bank_info .copy {
                    position: absolute;
                    right: 10px;
                    width: 15px;
                    top: 50%;
                    transform: translateY(-50%);
                    cursor: pointer;
                }

        .fund .fund_body .fund_content .bank_infos {
            display: none;
        }

        .fund .fund_body .fund_content .bank_infos_active {
            display: flex;
        }

        .fund .fund_body .fund_content .agreement {
            font-size: 13px;
            color: grey;
            margin-left: 160px;
            cursor: pointer;
        }

            .fund .fund_body .fund_content .agreement input {
                margin-right: 5px;
            }

        .fund .fund_body .fund_content .radios {
            padding: 5px 10px;
            border-radius: 5px;
            background: #222;
            flex: 1;
            flex-wrap: wrap;
        }

            .fund .fund_body .fund_content .radios .radio {
                position: relative;
                color: grey;
                padding: 2px 15px;
                border-right: 1px grey solid;
                cursor: pointer;
                width: 130px;
                margin: 5px 0;
            }

                .fund .fund_body .fund_content .radios .radio span {
                    font-size: 11px;
                    color: white;
                }

                .fund .fund_body .fund_content .radios .radio input {
                    position: absolute;
                    opacity: 0;
                    width: 10px;
                    height: 10px;
                }

                    .fund .fund_body .fund_content .radios .radio input:checked ~ img {
                        filter: none;
                    }

                    .fund .fund_body .fund_content .radios .radio input:checked ~ span {
                        color: #ffbc0a;
                        font-weight: bold;
                    }

                .fund .fund_body .fund_content .radios .radio img {
                    width: 28px;
                    margin-right: 3px;
                    filter: grayscale(1);
                }

                .fund .fund_body .fund_content .radios .radio:last-child {
                    border: none;
                }

        .fund .fund_body .fund_content .image_preview {
            width: 200px;
            margin-top: 20px;
            margin-left: 160px;
        }

        .fund .fund_body .fund_content .buttons {
            margin-top: 50px;
            margin-left: 160px;
        }

        .fund .fund_body .fund_content .button {
            background: #ffbc0a;
            padding: 7px 10px;
            font-size: 14px;
            border-radius: 3px;
            border: none;
            color: #111;
            margin-right: 10px;
            text-transform: uppercase;
        }

        .fund .fund_body .fund_content .file_btn {
            position: relative;
        }

            .fund .fund_body .fund_content .file_btn input {
                opacity: 0;
                position: absolute;
            }

        .fund .fund_body .fund_content .note {
            background: #222;
            margin-left: 160px;
            margin-top: 30px;
            border-radius: 10px;
            color: white;
            font-size: 12px;
            padding: 30px;
            width: 500px;
        }

            .fund .fund_body .fund_content .note h3 {
                color: #ff4e00;
            }

            .fund .fund_body .fund_content .note ul, .fund .fund_body .fund_content .note ol {
                padding-left: 20px;
            }

        .fund .fund_body .fund_content .transfer_wallet {
            position: relative;
        }

            .fund .fund_body .fund_content .transfer_wallet .custom_select, .fund .fund_body .fund_content .transfer_wallet .option_balance {
                width: 250px;
                padding: 5px 10px;
                font-size: 13px;
                background: transparent;
                border-radius: 3px;
                border: solid 1px #969696;
            }

            .fund .fund_body .fund_content .transfer_wallet .custom_select {
                cursor: pointer;
                color: gray;
            }

                .fund .fund_body .fund_content .transfer_wallet .custom_select::after {
                    content: "";
                    width: 0;
                    height: 0;
                    border-left: 5px solid transparent;
                    border-right: 5px solid transparent;
                    border-top: 5px solid #ffbc0a;
                    margin-left: auto;
                    transition: 0.3s;
                }

            .fund .fund_body .fund_content .transfer_wallet .custom_select_active {
                outline: 1px solid #ffbc0a;
            }

                .fund .fund_body .fund_content .transfer_wallet .custom_select_active::after {
                    transform: rotate(180deg);
                }

            .fund .fund_body .fund_content .transfer_wallet .option_balance {
                background: #222;
                margin-top: 5px;
                color: white;
            }

            .fund .fund_body .fund_content .transfer_wallet .custom_options {
                position: absolute;
                top: 105%;
                left: 0;
                z-index: 10;
                background: white;
                outline: 1px solid #ffbc0a;
                border-radius: 2px;
                padding: 5px;
                display: none;
            }

                .fund .fund_body .fund_content .transfer_wallet .custom_options .row .option_filter {
                    font-size: 12px;
                    align-items: center;
                    margin: 0 5px;
                    white-space: nowrap;
                    width: 80px;
                    cursor: pointer;
                    border-radius: 5px;
                    padding: 5px 0;
                }

                    .fund .fund_body .fund_content .transfer_wallet .custom_options .row .option_filter img {
                        width: 40px;
                    }

                    .fund .fund_body .fund_content .transfer_wallet .custom_options .row .option_filter:hover, .fund .fund_body .fund_content .transfer_wallet .custom_options .row .option_filter_active {
                        background: #e6e6e6;
                    }

                .fund .fund_body .fund_content .transfer_wallet .custom_options .grid {
                    background: #e6e6e6;
                    margin-top: 5px;
                    padding: 10px;
                    display: grid;
                    grid-template-columns: repeat(3, 1fr);
                    grid-gap: 5px;
                    min-height: 100px;
                    align-items: start;
                    border-radius: 3px;
                    display: none;
                }

                    .fund .fund_body .fund_content .transfer_wallet .custom_options .grid .custom_option {
                        text-align: center;
                        border: solid 1px grey;
                        border-radius: 3px;
                        font-size: 13px;
                        padding: 5px;
                        cursor: pointer;
                    }

                        .fund .fund_body .fund_content .transfer_wallet .custom_options .grid .custom_option:hover {
                            background: #ffbc0a;
                            color: #f8d690;
                        }

            .fund .fund_body .fund_content .transfer_wallet .custom_options_active {
                display: flex;
            }

        .fund .fund_body .fund_content .switch_btn {
            position: absolute;
            top: 10px;
            right: 40px;
            align-items: flex-end;
        }

            .fund .fund_body .fund_content .switch_btn img {
                width: 15px;
                margin: 5px 0;
                margin-right: -7px;
                cursor: pointer;
            }

            .fund .fund_body .fund_content .switch_btn::after {
                content: "
                "
                ;
                height: 25px;
                width: 25px;
                border: solid 1px grey;
                border-left: 0;
                border-top: 0;
            }

            .fund .fund_body .fund_content .switch_btn::before {
                content: "
                "
                ;
                height: 25px;
                width: 25px;
                border: solid 1px grey;
                border-left: 0;
                border-bottom: 0;
            }

        .fund .fund_body .fund_content .wallet_list {
            background: #222;
            flex: 1;
            border-radius: 10px;
            padding: 20px;
            margin-left: 20px;
        }

            .fund .fund_body .fund_content .wallet_list .wallet_nav {
                border-bottom: solid 1px #c8c8c8;
            }

                .fund .fund_body .fund_content .wallet_list .wallet_nav .wallet_nav_item {
                    padding: 7px 10px;
                    font-size: 13px;
                    margin-right: 5px;
                    border-radius: 5px 5px 0 0;
                    color: #ff4e00;
                    transition: 0.3s;
                    cursor: pointer;
                    border: 1px solid #ff4e00;
                }

                    .fund .fund_body .fund_content .wallet_list .wallet_nav .wallet_nav_item:hover, .fund .fund_body .fund_content .wallet_list .wallet_nav .wallet_nav_active {
                        background: #ff4e00;
                        color: #222;
                    }

            .fund .fund_body .fund_content .wallet_list .wallet_total {
                background: #111;
                align-self: flex-end;
                padding: 4px;
                border-radius: 3px;
                font-size: 13px;
                margin: 10px 0;
                color: white;
                border: 1px solid gray;
            }

                .fund .fund_body .fund_content .wallet_list .wallet_total b {
                    min-width: 80px;
                    text-align: right;
                }

                .fund .fund_body .fund_content .wallet_list .wallet_total img {
                    width: 12px;
                    filter: brightness(0.8) saturate(2);
                    margin-left: 5px;
                    cursor: pointer;
                }

            .fund .fund_body .fund_content .wallet_list h3 {
                font-size: 13px;
                color: #ff4e00;
                border-bottom: solid 1px #c8c8c8;
                margin-bottom: 5px;
            }

            .fund .fund_body .fund_content .wallet_list .wallet_item {
                font-size: 12px;
                padding: 5px;
                color: white;
            }

                .fund .fund_body .fund_content .wallet_list .wallet_item span {
                    margin-left: auto;
                }

        .fund .fund_body .fund_content .date-input {
            align-items: center;
        }

            .fund .fund_body .fund_content .date-input input {
                width: 150px;
            }

                .fund .fund_body .fund_content .date-input input::-webkit-calendar-picker-indicator {
                    filter: invert(1);
                }

            .fund .fund_body .fund_content .date-input b {
                font-size: 12px;
                margin: 0 10px;
            }

            .fund .fund_body .fund_content .date-input .button {
                margin-left: 10px;
            }

        .fund .fund_body .fund_content .record_table {
            width: 100%;
            border-collapse: collapse;
            border-radius: 5px;
            overflow: hidden;
          /*  text-align: center;*/
            outline: solid 1px gray;
        }

            .fund .fund_body .fund_content .record_table th {
                background: #ffbc0a;
                color: #111;
                padding: 5px;
                font-size: 14px;
            }

            .fund .fund_body .fund_content .record_table td {
                font-size: 13px;
                padding: 3px;
                color: white;
                text-align:center;
            }

            .fund .fund_body .fund_content .record_table tr:nth-child(even) {
                background: #222;
            }

        .fund .fund_body .fund_content .referral_header {
            width: 100%;
            justify-content: space-between;
            margin-bottom: 30px;
        }

            .fund .fund_body .fund_content .referral_header .row {
                background: #222;
                border-radius: 3px;
                font-size: 13px;
                overflow: hidden;
                color: white;
            }

                .fund .fund_body .fund_content .referral_header .row b {
                    background: #ffbc0a;
                    color: #111;
                    padding: 5px;
                }

                .fund .fund_body .fund_content .referral_header .row span {
                    min-width: 100px;
                    padding: 0 5px;
                    text-align: right;
                }

        .fund .fund_body .fund_content .referral p {
            color: grey;
            font-size: 12px;
        }

        .fund .fund_body .fund_content .referral .qr {
            width: 200px;
        }

        .fund .fund_body .fund_content .refer_steps {
            margin: 20px 0 30px 0;
        }

            .fund .fund_body .fund_content .refer_steps .row {
                font-size: 12px;
                background: #222;
                border-radius: 5px;
                overflow: hidden;
                margin-right: 10px;
                padding-right: 10px;
                color: white;
                border: 1px solid #ffbc0a;
            }

                .fund .fund_body .fund_content .refer_steps .row b {
                    background: #ffbc0a;
                    color: #111;
                    padding: 10px;
                    font-size: 13px;
                    margin-right: 8px;
                }

                .fund .fund_body .fund_content .refer_steps .row img {
                    width: 25px;
                    margin-right: 5px;
                }

        .fund .fund_body .fund_content .copy {
            width: 15px;
            margin-left: 10px;
        }

.fund .reward .reward_header {
    border-bottom: solid 1px #dcdcdc;
}

    .fund .reward .reward_header h2 {
        margin-right: auto;
        color: #ffbc0a;
    }

    .fund .reward .reward_header .reward_header_btn {
        background: #ffbc0a;
        color: #fff;
        font-size: 13px;
        border-radius: 999px;
        width: 35px;
        height: 35px;
        justify-content: center;
        font-weight: bold;
        margin-left: 10px;
    }

.fund .reward .reward_point {
    border-radius: 5px;
    overflow: hidden;
    background: #222;
    min-width: 160px;
    font-size: 13px;
    align-self: flex-start;
    margin: 10px 0;
    color: white;
}

    .fund .reward .reward_point span {
        background: #ffbc0a;
        color: #111;
        padding: 10px;
    }

    .fund .reward .reward_point b {
        flex: 1;
        text-align: right;
        padding: 0 10px;
    }

.fund .reward .rewards {
    display: grid;
    grid-template-columns: 250px 250px 250px;
    grid-gap: 20px;
}

    .fund .reward .rewards .reward_item {
        background: #222;
        border: 1px solid #ffbc0a;
        padding: 5px;
        border-radius: 5px;
    }

        .fund .reward .rewards .reward_item img {
            width: 100%;
            margin-bottom: 10px;
        }

        .fund .reward .rewards .reward_item h2 {
            font-size: 15px;
            color: #f8d690;
            margin-bottom: 10px;
        }

        .fund .reward .rewards .reward_item .row {
            margin-top: auto;
        }

            .fund .reward .rewards .reward_item .row b {
                color: white;
                font-size: 14px;
            }

            .fund .reward .rewards .reward_item .row .redeem_btn {
                background: #ffbc0a;
                color: #111;
                margin-left: auto;
                font-size: 13px;
                padding: 5px 10px;
                border-radius: 3px;
            }

.addbank .popup_window {
    width: 400px;
    padding: 0;
    overflow: hidden;
}

.addbank h1 {
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 10px 0;
}

.addbank form {
    width: 100%;
    background: white;
    padding: 20px;
}

    .addbank form .input {
        margin-bottom: 20px;
    }

        .addbank form .input span {
            color: grey;
            font-size: 13px;
        }

        .addbank form .input input, .addbank form .input select {
            width: 100%;
            padding: 5px 10px;
            font-size: 13px;
            background: transparent;
            border-radius: 3px;
            border: solid 1px #969696;
        }

            .addbank form .input input:read-only, .addbank form .input select:read-only {
                background: #ebebeb;
            }

            .addbank form .input input:focus + p, .addbank form .input select:focus + p {
                display: block;
            }

        .addbank form .input select {
            background: transparent !important;
        }

    .addbank form button {
        background: #ffbc0a;
        color: white;
        padding: 10px;
        border-radius: 5px;
        border: none;
        margin-top: 30px;
    }

.redeem_reward .popup_window {
    width: 500px;
}

.redeem_reward form {
    margin-top: 30px;
}

    .redeem_reward form img {
        width: 100%;
        border-radius: 5px;
    }

    .redeem_reward form h2 {
        color: white;
        font-size: 15px;
        margin: 10px 0;
    }

    .redeem_reward form p {
        font-size: 13px;
        color: #dcdcdc;
        margin-bottom: 15px;
    }

    .redeem_reward form input, .redeem_reward form textarea {
        width: 100%;
        border: none;
        padding: 4px;
        margin-bottom: 5px;
        border-radius: 3px;
    }

    .redeem_reward form button {
        border: none;
        padding: 5px;
        background: #f8d690;
        color: black;
        border-radius: 3px;
        font-weight: bold;
        margin-top: 20px;
    }


/** * ---------------------------------------- * animation fade-in * ---------------------------------------- */
@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
/** * ---------------------------------------- * animation fade-in-bottom * ---------------------------------------- */
@-webkit-keyframes fade-in-bottom {
    0% {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes fade-in-bottom {
    0% {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes t1 {
    0% {
        bottom: 20%;
        right: 40%;
        opacity: 0;
        transform: scale(0.1) rotate(100deg);
    }

    100% {
        bottom: 80%;
        right: 0%;
        opacity: 1;
        transform: scale(1) rotate(0);
    }
}

@keyframes t2 {
    0% {
        bottom: 20%;
        right: 40%;
        opacity: 0;
        transform: scale(0.1) rotate(120deg);
    }

    100% {
        bottom: 30%;
        right: 90%;
        opacity: 1;
        transform: scale(1) rotate(0);
    }
}

@keyframes t3 {
    0% {
        bottom: 20%;
        right: 40%;
        opacity: 0;
        transform: scale(0.1) rotate(200deg);
    }

    100% {
        bottom: 45%;
        right: 45%;
        opacity: 1;
        transform: scale(1) rotate(0);
    }
}

@keyframes t4 {
    0% {
        bottom: 20%;
        right: 40%;
        opacity: 0;
        transform: scale(0.1) rotate(200deg);
    }

    100% {
        bottom: 20%;
        right: 50%;
        opacity: 1;
        transform: scale(1) rotate(0);
    }
}

@keyframes t5 {
    0% {
        bottom: 20%;
        right: 40%;
        opacity: 0;
        transform: scale(0.1) rotate(100deg);
    }

    100% {
        bottom: 40%;
        right: 50%;
        opacity: 1;
        transform: scale(1) rotate(0);
    }
}

@keyframes t6 {
    0% {
        bottom: 20%;
        right: 40%;
        opacity: 0;
        transform: scale(0.1) rotate(100deg);
    }

    100% {
        bottom: 55%;
        right: 40%;
        opacity: 1;
        transform: scale(1) rotate(0);
    }
}

@keyframes t7 {
    0% {
        bottom: 20%;
        right: 40%;
        opacity: 0;
        transform: scale(0.1) rotate(100deg);
    }

    100% {
        bottom: 50%;
        right: 88%;
        opacity: 1;
        transform: scale(1) rotate(0);
    }
}

@keyframes t8 {
    0% {
        bottom: 20%;
        right: 40%;
        opacity: 0;
        transform: scale(0.1) rotate(100deg);
    }

    100% {
        bottom: 20%;
        right: 75%;
        opacity: 1;
        transform: scale(1) rotate(0);
    }
}

@keyframes p1 {
    0%, 100% {
        transform: none;
    }

    50% {
        transform: translateX(-10px) rotate(10deg);
    }
}

@keyframes p2 {
    0%, 100% {
        transform: none;
    }

    50% {
        transform: translateY(-10px) rotate(10deg);
    }
}

@-webkit-keyframes rotating {
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.login p a {
    font-weight: bold;
    color: #f0ae00;
}

.lc_slide {
    width: 450px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
    position: relative
}

    .lc_slide h1 {
        position: static !important;
        margin-bottom: 20px
    }

    .lc_slide .prev_btn {
        position: absolute;
        left: 0;
        top: 45%;
        width: 50px;
        z-index: 2;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        cursor: pointer
    }

    .lc_slide .next_btn {
        position: absolute;
        right: 0;
        top: 45%;
        z-index: 2;
        width: 50px;
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        cursor: pointer
    }

    .lc_slide .swiper-container {
        width: 100%;
        border-radius: 10px
    }

        .lc_slide .swiper-container .swiper-wrapper {
            width: 100%
        }

        .lc_slide .swiper-container .swiper-slide {
            position: relative
        }

            .lc_slide .swiper-container .swiper-slide img {
                width: 100%
            }

            .lc_slide .swiper-container .swiper-slide a {
                position: absolute;
                top: 50%;
                right: 12%;
                background: #ffbc0a;
                color: #111;
                font-weight: bold;
                padding: 10px 20px;
                text-decoration: none;
                border-radius: 3px
            }

                .lc_slide .swiper-container .swiper-slide a:hover {
                    -webkit-transform: scale(1.05);
                    transform: scale(1.05)
                }

.videoSwiperpag {
    width: 100%;
    max-width: 1200px;
    margin: auto;
    padding-bottom: 10px;
    overflow: hidden
}

    .videoSwiperpag .swiper-slide {
        width: calc( 100% / 6) !important;
        padding: 5px;
        opacity: .5;
        -webkit-transition: .5s;
        transition: .5s
    }

        .videoSwiperpag .swiper-slide .videopag_con {
            width: 100%;
            position: relative;
            cursor: pointer
        }

            .videoSwiperpag .swiper-slide .videopag_con .img_con {
                width: 100%;
                height: 100%;
                border-radius: 10px;
                overflow: hidden
            }

                .videoSwiperpag .swiper-slide .videopag_con .img_con img {
                    width: 100%;
                    height: 100%;
                    -o-object-fit: cover;
                    object-fit: cover;
                    -o-object-position: center;
                    object-position: center
                }

            .videoSwiperpag .swiper-slide .videopag_con .video_title {
                width: 100%;
                position: absolute;
                bottom: 0;
                left: 0;
                max-height: 30%;
                min-height: 29%;
                text-align: center;
                font-size: 14px;
                padding: 6% 15px;
                background: #1e1f21;
                color: #ffbc0a;
                border-radius: 0 0 10px 10px;
                line-height: 1.2
            }

    .videoSwiperpag .swiper-slide-thumb-active {
        opacity: 1
    }

/*Added 15.06.2023 MU3-605*/
.index_info {
    width: 100%;
    padding: 3% 0 1%
}

    .index_info .info_con {
        width: 100%;
        justify-content: center;
        align-items: flex-start;
        gap: 2%;
        filter: drop-shadow(0px 0px 10px black)
    }

    .index_info .infor_wrap {
        flex: 1
    }

        .index_info .infor_wrap .infor_gif_con {
            width: 58%;
            margin: 0 auto
        }

            .index_info .infor_wrap .infor_gif_con img {
                width: 100%;
                border-radius: 5px
            }

        .index_info .infor_wrap .info {
            width: 95%;
            margin: 0 auto;
            justify-content: center;
            align-items: flex-start;
            gap: 10px;
            padding: 10px 0
        }

            .index_info .infor_wrap .info h2 {
                color: #ffbc0a;
                font-size: 16px;
                letter-spacing: .4px
            }

            .index_info .infor_wrap .info p {
                color: #fff;
                font-size: 12px;
                letter-spacing: .4px;
                line-height: 1.35;
                position: relative;
                padding-left: 10px
            }

                .index_info .infor_wrap .info p::after {
                    content: "*";
                    position: absolute;
                    top: 0;
                    left: 0
                }

        .index_info .infor_wrap .info_block_con {
            width: 100%;
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 20px
        }

            .index_info .infor_wrap .info_block_con .infor_block {
                width: 100%;
                padding: 20px;
                gap: 20px;
                min-height: 190px;
                justify-content: center;
                align-items: center;
                border-radius: 10px;
                z-index: 9;
                position: relative
            }

                .index_info .infor_wrap .info_block_con .infor_block .frame {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                    width: 100%;
                    height: 100%;
                    z-index: -1
                }

                .index_info .infor_wrap .info_block_con .infor_block .icon {
                    width: 100%;
                    justify-content: center;
                    align-items: flex-start
                }

                    .index_info .infor_wrap .info_block_con .infor_block .icon img {
                        width: 50px
                    }

                .index_info .infor_wrap .info_block_con .infor_block .info_text {
                    color: #fff;
                    width: 80%;
                    font-size: 13px;
                    text-align: center;
                    font-weight: 600;
                    letter-spacing: .4px
                } 

    .index_info .right {
        background: url(../Images/index/info/bg2.png);
        background-size: cover;
        background-position: center;
        border: .6mm solid #222;
        padding: 10px;
        border-radius: 5px
    }
/*End MU3-605*/


.OTP-bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: rgba(10,10,10,.8);
    display: none;
    align-items: center;
    justify-content: center
}

.OTP-cont {
    padding: 1.4rem;
    background: #191919;
    max-width: 600px;
    width: 80%;
    border-radius: 15px
}

.OTP-header h2 {
    color: #fefefe
}

.OTP-body {
    color: #bebebe;
    margin: 30px 0px
}

    .OTP-body p {
        font-size: 1.4vmin;
        line-height: 2vmin
    }

        .OTP-body p span {
            color: #ff4800;
            font-weight: 600;
            cursor: pointer
        }

    .OTP-body input {
        background: rgba(0,0,0,0);
        border: 1px solid #bebebe;
        padding: 12px 10px;
        margin: 15px 0px;
        border-radius: 4px;
        color: #bebebe;
        font-size: 1.5vmin
    }

.OTP-button {
    width: 100%;
    display: flex;
    font-size: 1.8vmin;
    justify-content: space-evenly;
    text-transform: uppercase;
    color: #fefefe
}

    .OTP-button .cancel-button {
        width: 45%;
        cursor: pointer;
        text-align: center;
        font-weight: 600
    }

    .OTP-button .OTP-submit {
        width: 45%;
        font-size: 1.8vmin;
        text-transform: uppercase;
        cursor: pointer;
        color: #191919;
        background: #ffbc0a;
        border: none;
        border-radius: 5px;
        padding: 5px 0;
        font-weight: 600
    }

.contact-verify {
    font-size: 13px
}

    .contact-verify .verified {
        margin-left: 5px;
        color: lime;
        border: 1px solid lime;
        padding: 5px 10px;
        border-radius: 3px
    }

    .contact-verify .unverified {
        margin-left: 5px;
        color: red;
        border: 1px solid red;
        padding: 5px 10px;
        border-radius: 3px;
        cursor: pointer
    }


/*Added 16.06.2023 MU3-672*/
.vip {
    padding: 2vmin 0;
    align-items: center
}

    .vip h2 {
        color: #111;
        font-size: 4vmin;
        margin-bottom: 1vmin
    }

    .vip .vip_bar {
        height: 5vmin;
        border-radius: 999px;
        width: 90%;
        background: #3b3f4c;
        position: relative;
        overflow: hidden
    }

        .vip .vip_bar .bar {
            height: 100%;
            background: #111;
            position: relative
        }

        .vip .vip_bar::after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            background: repeating-linear-gradient(35deg, transparent, transparent 1vmin, black 0, black 2vmin);
            opacity: .3
        }

    .vip .vip_badges {
        width: 90%;
        padding-bottom: 2vmin;
        margin-bottom: 5vmin;
        border-bottom: solid 1px #3c3c3c
    }

        .vip .vip_badges .col {
            padding: 2vmin 0;
            flex: 1;
            align-items: center;
            font-size: 2.5vmin
        }

            .vip .vip_badges .col img {
                width: 12vmin
            }

    .vip .vip_swiper {
        width: 90%;
        position: relative
    }

        .vip .vip_swiper .next {
            position: absolute;
            z-index: 10;
            top: 9vmin;
            right: 0;
            width: 3vmin
        }

        .vip .vip_swiper .prev {
            position: absolute;
            z-index: 10;
            top: 9vmin;
            right: 28vmin;
            width: 3vmin
        }

    .vip .vip_table {
        width: 100%
    }

        .vip .vip_table table {
            width: 100%;
            border-collapse: collapse
        }

            .vip .vip_table table thead {
                border-bottom: 1px solid #3e3b2f
            }

                .vip .vip_table table thead th {
                    font-size: 5vmin;
                    color: #111;
                    vertical-align: bottom;
                    text-align: left
                }

                .vip .vip_table table thead td {
                    color: #fff;
                    font-size: 4vmin;
                    text-align: left;
                    font-weight: bold;
                    letter-spacing: 2px
                }

                    .vip .vip_table table thead td img {
                        width: 20vmin;
                        margin: 0 5vmin
                    }

            .vip .vip_table table tbody th {
                color: #111;
                text-align: left;
                padding: 5vmin 0 1vmin 0;
                font-size: 4vmin
            }

                .vip .vip_table table tbody th i {
                    color: gray;
                    font-size: 12px
                }

            .vip .vip_table table tbody tr td {
                color: #111;
                text-align: center;
                padding: 1vmin;
                font-size: 3vmin
            }

                .vip .vip_table table tbody tr td:first-child {
                    color: #a9acb6;
                    text-align: left
                }

            .vip .vip_table table tbody tr:nth-child(odd) {
                background: rgba(128, 128, 128, .1)
            }

.other {
    background: #181717;
    padding: 5vmin;
    align-items: center;
    color: #fff;
    font-size: 3vmin;
    text-align: center
}

    .other h2 {
        font-size: 5vmin;
        margin-bottom: 5vmin
    }

    .other img {
        width: 50%;
        margin-bottom: 2vmin
    }

    .other .btns {
        justify-content: center
    }

        .other .btns a {
            margin: 0 2vmin;
            background: #111;
            color: #ffbc0a;
            padding: 2vmin 3vmin;
            font-size: 3vmin;
            border-radius: 1vmin;
            margin-top: 5vmin
        }

.vip {
    padding: 2vmin 0;
    align-items: center
}

    .vip .vip_badges .col {
        padding-top: 5vmin;
        position: relative
    }

        .vip .vip_badges .col::after {
            content: "";
            position: absolute;
            top: 5%;
            left: 50%;
            transform: translateX(-50%);
            width: 2px;
            height: 12px;
            background: rgba(255, 255, 255, .712)
        }

    .vip h2 {
        color: #f8d690;
        font-size: 2.5vmin;
        margin-bottom: 1vmin
    }

    .vip .vip_bar {
        height: 2vmin;
        border-radius: 999px;
        width: 90%;
        background: #3b3f4c;
        position: relative;
        overflow: hidden
    }

        .vip .vip_bar .bar {
            height: 100%;
            background: #f8d690;
            position: relative
        }

        .vip .vip_bar::after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            background: repeating-linear-gradient(35deg, transparent, transparent 1vmin, black 0, black 2vmin);
            opacity: .3
        }

    .vip .vip_badges {
        width: 90%;
        padding-bottom: 1vmin;
        margin-bottom: 2vmin;
        border-bottom: solid 1px #3c3c3c
    }

        .vip .vip_badges .col {
            padding: 3vmin 0;
            flex: 1;
            align-items: center;
            font-size: 1.6vmin
        }

            .vip .vip_badges .col img {
                width: 9vmin
            }

    .vip .vip_swiper {
        width: 90%;
        position: relative
    }

        .vip .vip_swiper .next {
            position: absolute;
            z-index: 10;
            top: 9vmin;
            right: 0;
            width: 3vmin
        }

        .vip .vip_swiper .prev {
            position: absolute;
            z-index: 10;
            top: 9vmin;
            right: 28vmin;
            width: 3vmin
        }

    .vip .vip_table {
        width: 100%
    }

        .vip .vip_table table {
            width: 100%;
            border-collapse: collapse
        }

            .vip .vip_table table thead {
                border-bottom: 1px solid #3e3b2f
            }

                .vip .vip_table table thead th {
                    font-size: 5vmin;
                    color: #111;
                    vertical-align: bottom;
                    text-align: left
                }

                .vip .vip_table table thead td {
                    color: #fff;
                    font-size: 4vmin;
                    text-align: left;
                    font-weight: bold;
                    letter-spacing: 2px
                }

                    .vip .vip_table table thead td img {
                        width: 20vmin;
                        margin: 0 5vmin
                    }

            .vip .vip_table table tbody th {
                color: #111;
                text-align: left;
                padding: 5vmin 0 1vmin 0;
                font-size: 4vmin
            }

                .vip .vip_table table tbody th i {
                    color: gray;
                    font-size: 12px
                }

            .vip .vip_table table tbody tr td {
                color: #111;
                text-align: center;
                padding: 1vmin;
                font-size: 3vmin
            }

                .vip .vip_table table tbody tr td:first-child {
                    color: #a9acb6;
                    text-align: left
                }

            .vip .vip_table table tbody tr:nth-child(odd) {
                background: rgba(128, 128, 128, .1)
            }

    .vip .vip_level {
        width: 90%;
        padding-bottom: 1vmin;
        margin-bottom: 2vmin;
        border-bottom: solid 1px #3c3c3c
    }

        .vip .vip_level .vip_level_bar {
            width: 100%;
            background: #3b3f4c;
            border-radius: 999rem;
            position: relative
        }

        .vip .vip_level .level_bar_infor_wrap {
            width: 100%;
            padding: .7vmin 3vmin;
            justify-content: space-between;
            align-items: center;
            z-index: 9;
            position: relative
        }

        .vip .vip_level .crt_lvl,
        .vip .vip_level .nxt_lvl,
        .vip .vip_level .crt_pct {
            font-size: 1.4vmin;
            letter-spacing: .4px;
            line-height: 1;
            color: #fff
        }

        .vip .vip_level span {
            font-size: 1.6vmin;
            margin-left: 1vmin;
            color: #a9acb6
        }

        .vip .vip_level p {
            color: #a9acb6;
            font-size: 1.3vmin;
            margin: 2vmin auto 1vmin
        }

        .vip .vip_level .lvl_status {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            left: 0vmin;
            border: 3px solid #3b3f4c;
            width: 50%;
            height: 100%;
            background: #e3a700;
            border-radius: 999rem
        }
/*END-MU3-672*/

/*Added MU3-696 dd 28.06.2023*/
.deposit_promo_popup_btn {
    width: 250px;
    padding: 5px 10px;
    font-size: 13px;
    border: solid 1px #fff;
    border-radius: 3px;
    color: gray;
    cursor: pointer
}

.deposit_promo_popup_con {
    display: none;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, .7);
    z-index: 9999;
    position: fixed;
    top: 0;
    left: 0
}

    .deposit_promo_popup_con .deposit_promo_popup {
        width: 50%;
        padding: 1%;
        background: #111;
        border: 1px solid #ffbc0a;
        position: absolute;
        top: 30%;
        left: 50%;
        transform: translate(-50%, 0);
        border-radius: 5px
    }

        .deposit_promo_popup_con .deposit_promo_popup .deposit_promo_head {
            width: 100%;
            padding-bottom: 2%;
            justify-content: space-between;
            border-bottom: 1px solid #282828
        }

            .deposit_promo_popup_con .deposit_promo_popup .deposit_promo_head span {
                font-size: 1vw;
                font-weight: bold;
                color: #ffbc0a
            }

            .deposit_promo_popup_con .deposit_promo_popup .deposit_promo_head .deposit_promo_close_btn {
                width: 1.2vw;
                height: 1.2vw;
                background: #ffbc0a;
                justify-content: center;
                align-items: center;
                font-size: 1vw;
                font-weight: bold;
                border-radius: 999px;
                cursor: pointer
            }

        .deposit_promo_popup_con .deposit_promo_popup .deposit_promo_body {
            width: 100%;
            padding: 5px 5px;
            max-height: 50vh;
            overflow-y: auto;
            padding-top: 2%
        }

            .deposit_promo_popup_con .deposit_promo_popup .deposit_promo_body .deposit_promo_grid {
                width: 100%;
                display: grid;
                
                gap: 10px
            }

                .deposit_promo_popup_con .deposit_promo_popup .deposit_promo_body .deposit_promo_grid .deposit_promo_item {
                    width: 100%;
                    padding: 10px;
                    gap: 10px;
                    border: 1px solid #282828;
                    border-radius: 5px;
                    cursor: pointer;
                    transition: .3s
                }

                    .deposit_promo_popup_con .deposit_promo_popup .deposit_promo_body .deposit_promo_grid .deposit_promo_item img {
                        width: 100%
                    }

                    .deposit_promo_popup_con .deposit_promo_popup .deposit_promo_body .deposit_promo_grid .deposit_promo_item span {
                        font-size: .8vw;
                        color: #fff;
                        font-weight: bold
                    }

                    .deposit_promo_popup_con .deposit_promo_popup .deposit_promo_body .deposit_promo_grid .deposit_promo_item p {
                        font-size: .6vw;
                        color: #777
                    }

                    .deposit_promo_popup_con .deposit_promo_popup .deposit_promo_body .deposit_promo_grid .deposit_promo_item:hover {
                        border: 1px solid #ffbc0a
                    }

            .deposit_promo_popup_con .deposit_promo_popup .deposit_promo_body::-webkit-scrollbar-track {
                -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
                background-color: #f5f5f5
            }

            .deposit_promo_popup_con .deposit_promo_popup .deposit_promo_body::-webkit-scrollbar {
                width: 3px;
                background-color: #f5f5f5
            }

            .deposit_promo_popup_con .deposit_promo_popup .deposit_promo_body::-webkit-scrollbar-thumb {
                background-color: #ffbc0a
            }

            /*End MU3-696*/

/*Added 10-07-2023 MU3-703 Begin*/
.fund .fund_body {
    width: 93%
}

.inboxSwiper {
    width: 100%
}

    .inboxSwiper .swiper-slide {
        width: 100%!important;
        padding: 4px;
        padding-bottom: 60px
    }

        .inboxSwiper .swiper-slide .record_table {
            border-radius: 3px;
            box-shadow: 0px 0px 10px rgba(0, 0, 0, .438)
        }

            .inboxSwiper .swiper-slide .record_table th {
                padding: 10px !important
            }

            .inboxSwiper .swiper-slide .record_table td {
                text-align: left;
                font-size: 12px !important;
                padding: 13px !important;
                vertical-align: top
            }

    .inboxSwiper .swiper-pagination-bullet {
        width: 25px;
        height: 25px;
        text-align: center;
        line-height: 25px;
        font-size: 12px;
        color: #fff;
        opacity: 1;
        border-radius: 5px;
        background: rgba(0, 0, 0, .8)
    }

    .inboxSwiper .swiper-pagination-bullet-active {
        color: #000;
        background: #ffbc0a
    }

    .inboxSwiper .inbox-next,
    .inboxSwiper .inbox-prev {
        top: unset;
        z-index: 99;
        bottom: 0px
    }

        .inboxSwiper .inbox-next::after,
        .inboxSwiper .inbox-prev::after {
            font-size: 14px;
            font-weight: 900;
            color: #ffbc0a
        }
/*End MU3-703*/


/*Begin 25.06.2024 MU3-868 */
.jackpot_rtp_row {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    position: absolute;
    top: -20px;
    right: 10px;
    padding: 10px;
    border-radius: 10px;
    background: rgba(255, 190, 10, .8470588235);
    animation: rtp 1.6s infinite both
}

    .jackpot_rtp_row .symbol {
        font-size: 10px;
        font-weight: 600;
        color: #fff;
        margin-right: 3px;
        margin-top: 3px
    }

@keyframes rtp {

    0%, 100% {
        filter: drop-shadow(0px 0px 10px rgba(238, 215, 13, 0.938))
    }

    50% {
        filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0))
    }
}

.rtp_number {
    position: relative;
    width: 13px;
    height: 20px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0);
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center
}

.rtp {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: top 1s
}

    .rtp span {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 13px;
        height: 18px
    }

    /*End MU3-868*/

.article_wrap {
    width: 100%;
    display: flex;
    text-align: left;
 
    align-content: center;
    background-image: url("../Images/banner/banner_new.jpg");
    backdrop-filter: blur(3px);
    justify-content: center;
    padding: 50px;
    gap: 40px;
}
    .article_wrap .article {
        display: flex;
       
        padding: 10px 20px;
        background-color: rgba(0,0,0,0.8);
        flex-direction: column;
      
        border-radius: 20px;
        width: 1400px;
        height:300px;
        margin:auto 0;
        overflow-y: auto;
    }
        .article_wrap .article   {
            word-wrap: break-word;
            margin: 20px 0;
        }
            .article_wrap .article   h3 {
                color: #fff;
                margin: 10px 0;
                font-size:20px;
                text-decoration: underline;
            }
            .article_wrap .article   p {
                color: #fff;
                font-size: 15px;
            }
           
            .article_wrap .article  p:hover {
                color: #fff6de;
               
           
            }
            .article_wrap .article p ol {
               
                list-style-type:decimal;
            }
             ol li, ul li {
                    color: #fff;
                    font-size: 15px;
                }
             ol li a,  ul li a {
                    color: #ffbc0a;
                    font-weight: bold;
                    text-decoration: underline;
                }


            .article_wrap .article  p ul li {
                color: #fff;
                font-size: 15px;
            }
                 
                .article_wrap .article p ul li:hover {
                    color: #fff6de;
                }
            .article_wrap .article   p a {
                color: #ffbc0a;
                font-weight: bold;
                text-decoration: underline;
            }

.introjs-helperLayer
{
    border: 2px solid #ffbc0a;
}