.header-logo {
    width: 150px;
}
.announcement-row {
    display: flex;
    position: relative;
    width: 100%;
    height: 8vw;
    border-top: .2666666667vw solid #bdcedd30;
    border-bottom: .2666666667vw solid #bdcedd30;
    background-color: #333 !important;
    color: var(--reports);
    font-size: 3.4666666667vw;
    line-height: 8vw
}

    .announcement-row .marquee {
        width: 84vw;
        margin: 0 2.6666666667vw;
        overflow: hidden
    }

    .announcement-row .item-icon {
        display: block;
        width: 8vw;
        height: 8vw;
        margin-left: 2.6666666667vw;
        background-color: #fff;
        background-repeat: no-repeat;
        background-position: center;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: 50% 50%;
        mask-position: 50% 50%;
        -webkit-mask-size: 80% auto;
        mask-size: 80% auto
    }

.announcement-row {
    color: #fff
}

body.x77live {
    background: #df362c !important;
}
body .x77live {
    background: #df362c;
}
.x77live .login-header-new {
    background: #df362c;
}
.x77live .payment-sec {
    background: #df362c;
}
.x77live .pay {
    background: #df362c;
}
.x77live .sidebar-wrapper {
    background: #df362c;
}
.x77live .main-banner {
    background: #df362c;
}
.x77live .main {
    background: #df362c;
}
.v-application .mt-0 {
    margin-top: 0 !important
}
.v-application .px-4 {
    padding-right: 16px !important;
    padding-left: 16px !important
}
.v-application .py-2 {
    padding-top: 8px !important;
    padding-bottom: 8px !important
}

.v-application .text-capitalize {
    text-transform: capitalize !important
}
.v-application .justify-center {
    justify-content: center !important
}

.v-application .d-flex {
    display: flex !important
}
.game-card-box {
    display: flex;
    flex-direction: column;
    background: #f3f3f3;
    min-height: 130px
}

    .game-card-box .game-card-label {
        position: relative;
        border-left: 4px solid #142590;
        padding-left: 4px
    }

    .game-card-box .game-card-box-wrapper {
        display: flex;
        flex-wrap: wrap;
        flex: 1 1 auto;
        gap: 4px;
        animation: game-card-box-wrapper .5s ease-in-out;
        margin-top: 12px
    }

        .game-card-box .game-card-box-wrapper .game-card-box-item {
            flex: 0 0 25%;
            max-width: 24%;
            padding: 4px;
            font-size: 12px;
            color: #f56908;
        }

        .game-card-box .game-card-box-wrapper.gT_homepageHot {
            min-width: 22%;
            max-width: 22%;
            height: auto !important;
            flex-direction: column;
            padding: 4px
        }

        .game-card-box .game-card-box-wrapper .homepageHot_img {
            height: auto;
            width: 100%
        }

@keyframes game-card-box-wrapper {
    0% {
        transform: translateX(100%)
    }

    to {
        transform: translateX(0)
    }
}
.pos_right_top {
    position: absolute !important;
    right: 3px;
    top: 2px
}

.img-hot-home {
    width: 20px
}

.img-hot-home, .img-new-home {
    animation: beat 1s infinite alternate
}

.img-new-home {
    width: 30px;
    top: 7px
}

.theme--light.v-image {
    color: rgba(0,0,0,.87)
}
.v-image {
    z-index: 0
}

.v-image__image, .v-image__placeholder {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.v-image__image {
    background-repeat: no-repeat
}

.v-image__image--preload {
    filter: blur(2px)
}

.v-image__image--contain {
    background-size: contain
}

.v-image__image--cover {
    background-size: cover
}

.v-responsive__sizer {
    transition: padding-bottom .2s cubic-bezier(.25,.8,.5,1);
    flex: 1 0 0px
}
.v-responsive {
    position: relative;
    overflow: hidden;
    flex: 1 0 auto;
    max-width: 100%;
    display: flex
}

.v-responsive__content {
    flex: 1 0 0px;
    max-width: 100%
}
.v-application--is-ltr .v-responsive__sizer ~ .v-responsive__content {
    margin-left: -100%
}

.v-application--is-rtl .v-responsive__sizer ~ .v-responsive__content {
    margin-right: -100%
}

.v-footer {
    position: unset
}

    .v-footer .footer-title {
        font-size: 12px;
        font-family: ReadexPro-Bold
    }

    .v-footer .footer_wrapper {
        max-width: 1240px;
        margin: 30px auto;
        font-size: 12px
    }

        .v-footer .footer_wrapper .footer-container-1 {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            row-gap: 20px
        }

            .v-footer .footer_wrapper .footer-container-1 .column-gap {
                gap: 4px
            }

    .v-footer .footer-divider {
        color: var(--v-divider-base)
    }

    .v-footer .footer-logo {
        width: 120px !important
    }

    .v-footer .footer-disabled {
        filter: grayscale(100%)
    }

    .v-footer .footer-icon {
        max-width: 32px;
        max-height: 32px
    }

    .v-footer .seo_text {
        font-size: 1.17em
    }

    .v-footer .footer-link-divider {
        border-color: #3a3a3a
    }

    .v-footer .footer-support:hover {
        color: var(--v-primary-base)
    }

    .v-footer .gaming-license {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: end
    }

    .v-footer .payment-methods-icons {
        gap: 12px
    }

    .v-footer .faq-container {
        text-align: end
    }

        .v-footer .faq-container .faq-wrapper {
            gap: 12px;
            color: var(--v-primary-base);
            margin: 0 0 12px 0;
            justify-content: end
        }

@media(max-width: 599px) {
    .footer {
        margin-bottom: 50px
    }

        .footer .footer_wrapper .footer-container-1 .customer-support {
            width: 50%
        }

        .footer .footer_wrapper .footer-container-1 .community {
            width: calc(50% - 10px)
        }

        .footer .footer_wrapper .footer-container-1 .payment-methods {
            width: calc(45% - 10px)
        }

        .footer .footer_wrapper .footer-container-1 .payment-methods-icons {
            gap: 20px
        }

        .footer .footer_wrapper .faq-container {
            text-align: start
        }

            .footer .footer_wrapper .faq-container .faq-wrapper {
                justify-content: start
            }
}
.v-application a {
    color: var(--v-anchor-base);
}
.v-application .secondary--text {
    color: var(--v-secondary-base) !important;
    caret-color: var(--v-secondary-base) !important;
}
.v-application .footer_color {
    background-color: var(--v-footer_color-base) !important;
    border-color: var(--v-footer_color-base) !important;
}

@media(max-width: 599px) {
    .footer {
        margin-bottom: 50px !important;
    }
}