/* line 2, style.scss */

.wrapper {
    width: 100%;
    height: auto;
    text-align: center;
    margin: 0 auto;
    padding: 0;
    font-family: Roboto;
    background: #3a2810;
    color: #ffc107;
    display: block;
}

/* line 12, style.scss */

.wrapper .header {
    width: 100%;
    height: auto;
    background: #1b1b1b;
}

/* line 20, style.scss */

.wrapper .header .container .d-flex .logo a img {
    width: auto;
    height: 70px;
    text-align: left;
    padding: 5px 0;
}

/* line 32, style.scss */

.code-num {
    position: relative;
}

/* line 34, style.scss */

.code-num .code-number {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 1.1rem;
    color: #0F0F0F;
    padding: 5px 20px;
    font-weight: bold;
}

/* line 45, style.scss */

.btn-language {
    width: 100%;
}

/* line 48, style.scss */

.input-pc {
    max-width: 150px;
}

/* line 51, style.scss */

.section {
    padding: 10px 0;
}

/* line 54, style.scss */

.bgnav {
    width: 100%;
    height: auto;
    background-image: linear-gradient(to right, #1b1b1b, #3d3d3d, #1b1b1b);
    display: block;
}

/* line 61, style.scss */

.bgnav .container .nav ul {
    width: 100%;
    height: auto;
    display: flex;
}

/* line 65, style.scss */

.bgnav .container .nav ul li {
    flex: 1;
    padding: 0px;
    margin: 0 auto;
}

/* line 69, style.scss */

.bgnav .container .nav ul li a {
    padding: 10px 0;
    font-size: 1.0rem;
    color: #ffc107;
    font-weight: bold;
    display: block;
}

/* line 81, style.scss */

.top-games {
    padding-top: 50px;
}

/* line 84, style.scss */

.item-topgames {
    width: 100%;
    height: 120px;
    background: #3d3d3d;
    position: relative;
    display: block;
}

/* line 90, style.scss */

.item-topgames .bannertopgame {
    position: absolute;
    top: -40px;
    right: 10px;
}

@keyframes jump {
    0% {
        transform: translate3d(0, 0, 0);
    }
    40% {
        transform: translate3d(0, 10%, 0);
    }
}

/* line 103, style.scss */

.item-topgames .bannertopgame .jump {
    transform-origin: 50% 50%;
    animation: jump 5s linear alternate infinite;
}

@keyframes jumpone {
    40% {
        transform: translate3d(0, 20%, 0);
    }
    0% {
        transform: translate3d(0, 0, 0);
    }
}

/* line 116, style.scss */

.item-topgames .bannertopgame .jumpone {
    transform-origin: 50% 50%;
    animation: jump 10s linear alternate infinite;
}

/* line 121, style.scss */

.item-topgames h1 {
    position: absolute;
    bottom: 10px;
    left: 10px;
    font-size: 1.1rem;
    text-transform: uppercase;
    font-weight: bold;
}

/* line 130, style.scss */

.bgmatches {
    width: 100%;
    height: auto;
    text-align: center;
    padding: 25px;
    margin: 0 auto;
    background: url("../images/matches/bg.jpg") no-repeat;
    background-size: 100% 100%;
    display: block;
}

/* line 140, style.scss */

.bg-slid-matches {
    width: 100%;
    max-width: 350px;
    text-align: center;
    margin: 0 auto;
    height: auto;
    border-radius: 15px;
    overflow: hidden;
    display: block;
}

/* line 150, style.scss */

.item-matches {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 5px auto;
}

/* line 157, style.scss */

.home-type {
    border-radius: 25px;
    padding: 5px 8px;
    color: #ffffff;
    margin: 4px auto;
}

/* line 163, style.scss */

.away-type {
    border-radius: 25px;
    padding: 5px 8px;
    color: #ffffff;
    margin: 4px auto;
}

/* line 169, style.scss */

.team-name {
    color: #d3d3d3;
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 0.9rem;
    font-weight: bold;
}

/* line 178, style.scss */

.teams {
    text-align: left;
    vertical-align: middle;
}

/* line 182, style.scss */

.team-home,
.team-away {
    padding: 25px 0;
}

/* line 185, style.scss */

.header-matches {
    width: 100%;
    height: auto;
}

/* line 189, style.scss */

.name-team {
    width: 100%;
    text-align: left;
    padding: 10px 5px;
    color: #ffffff;
    white-space: nowrap;
    overflow: hidden;
}

/* line 197, style.scss */

.name-team span {
    padding: 10px 5px;
    font-size: 1.1rem;
    color: #ffffff;
    white-space: nowrap;
    font-weight: bold;
}

/* line 204, style.scss */

.date-time {
    width: 100%;
    text-align: right;
    padding: 13px 5px;
    color: #ffffff;
}

/* line 210, style.scss */

.date-time span {
    padding: 15px 5px;
    font-size: 0.9rem;
    color: #ffffff;
}

/* line 215, style.scss */

.contain-matches {
    width: 100%;
    height: auto;
    padding: 0 10px;
    display: block;
}

/* line 221, style.scss */

.logo-home-type,
.logo-away-type {
    background: #f3f5f6;
    border-radius: 25px;
    padding: 5px;
    width: 100%;
    height: 50px;
    max-width: 50px;
    text-align: center;
    margin: 7px auto;
    display: block;
}

/* line 232, style.scss */

.logo-home-type img,
.logo-away-type img {
    width: 100%;
}

/* line 235, style.scss */

.team-logo {
    width: 100%;
    height: auto;
    text-align: center;
    padding: 10px 0;
    margin: 0 auto;
    display: block;
}

/* line 243, style.scss */

.matches {
    width: 100%;
    height: auto;
    padding: 10px;
    border-radius: 10px;
    background: #292e4b;
    display: block;
}

/* line 252, style.scss */

.section .title-section {
    text-align: left;
    font-size: 1.3rem;
    font-weight: bold;
    display: block;
}

/* line 259, style.scss */

.bgsport {
    background: url("../images/topgames/sport.jpg") no-repeat;
    background-size: 100% 100%;
}

/* line 263, style.scss */

.bgscasino {
    background: url("../images/topgames/casino.jpg") no-repeat;
    background-size: 100% 100%;
}

/* line 267, style.scss */

.bgslot {
    background: url("../images/topgames/slot.jpg") no-repeat;
    background-size: 100% 100%;
}

/* line 271, style.scss */

.bgslottery {
    background: url("../images/topgames/lottery.jpg") no-repeat;
    background-size: 100% 100%;
}

/* line 275, style.scss */

.thumbnails-bg {
    width: 100%;
    height: auto;
    text-align: center;
    margin: 0 auto;
}

/* line 280, style.scss */

.thumbnails-bg a {
    position: relative;
    display: block;
    height: 245px;
    background-size: cover;
}

/* line 285, style.scss */

.thumbnails-bg a img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

/* line 290, style.scss */

.thumbnails-bg a span {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
    padding: 0 15px;
    transition-duration: 0.3s;
    color: white;
    font-size: 20px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

/* line 307, style.scss */

.thumbnails-bg a:hover {
    transform: translateY(5px);
}

/* line 310, style.scss */

.thumbnails-bg a:hover>span {
    transform: translateY(-10px);
}

/* line 314, style.scss */

.bg-recomment {
    background: url("../images/recomment/bgrecomment.png") no-repeat;
    background-size: 100% 100%;
    display: block;
}

/* line 319, style.scss */

.m02 {
    margin: 20px auto;
}

/**************   footer *************************/

/* line 323, style.scss */

.bg-footers {
    background-image: linear-gradient(to right, #1b1b1b, #3d3d3d, #1b1b1b);
    border-top: 2px solid #595959;
}

/* line 327, style.scss */

.footerpc {
    padding: 5px 0;
}

/* line 330, style.scss */

.info-footer h3,
.community h3 {
    text-align: left;
    color: #ffc107;
    font-size: 0.9rem;
    padding: 5px 0;
    display: block;
}

/* line 337, style.scss */

.info-footer ul {
    width: 100%;
    height: auto;
    display: block;
}

/* line 342, style.scss */

.info-footer ul li {
    display: block;
    padding: 2px 2px;
    text-align: left;
}

/* line 347, style.scss */

.info-footer ul li a {
    color: #866400;
    font-size: 0.7rem;
}

/* line 351, style.scss */

.community ul {
    width: 100%;
    height: auto;
}

/* line 355, style.scss */

.community ul li {
    display: inline-block;
    padding: 2px;
    text-align: left;
}

/* line 360, style.scss */

.community ul li a img {
    width: 40px;
    text-align: center;
}

/* line 364, style.scss */

.title-section {
    width: 100%;
    height: auto;
    text-align: left;
    font-size: 1.1rem;
    font-weight: bold;
    padding: 5px 0;
    color: #866400;
    display: block;
}

/* line 374, style.scss */

.networks ul {
    width: 100%;
    height: auto;
    text-align: left;
    display: block;
}

/* line 380, style.scss */

.networks ul li {
    display: inline-block;
    margin: 5px;
}

/* line 384, style.scss */

.networks ul li a img {
    width: 35px;
    height: auto;
}

/* line 388, style.scss */

.sponsorship ul {
    width: 100%;
    height: auto;
    text-align: left;
    display: block;
}

/* line 394, style.scss */

.sponsorship ul li {
    display: inline-block;
    padding: 5px 15px;
}

/* line 398, style.scss */

.sponsorship ul li a img {
    height: 70px;
    width: auto;
}

/**************  End footer *************************/

/* line 405, style.scss */

.pc {
    display: block;
}

/* line 408, style.scss */

.m {
    display: none;
}

/* line 411, style.scss */

.btn-block {
    width: 100%;
}

/* line 414, style.scss */

.btn-rN {
    border-radius: 0px !important;
}

/* line 417, style.scss */

.thumbnails-bg {
    width: 100%;
    height: auto;
    text-align: center;
    margin: 0 auto;
}

/* line 422, style.scss */

.thumbnails-bg a {
    position: relative;
    display: block;
    height: 245px;
    background-size: cover;
}

/* line 427, style.scss */

.thumbnails-bg a img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

/* line 431, style.scss */

.thumbnails-bg a span {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
    padding: 0 15px;
    transition-duration: 0.3s;
    color: white;
    font-size: 20px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

/* line 446, style.scss */

.thumbnails-bg a:hover {
    transform: translateY(5px);
}

/* line 448, style.scss */

.thumbnails-bg a:hover>span {
    transform: translateY(-10px);
}

/* line 450, style.scss */

.slots-lobby {
    background: url(../images/lobby/slot/slot-lobby-bg.png) no-repeat;
    background-size: 100% 100%;
    display: block;
}

/* line 455, style.scss */

.poker-lobby {
    background: url(../images/lobby/poker/bg.png) no-repeat;
    background-size: 100% 100%;
    display: block;
}

/* line 460, style.scss */

.casino-lobby {
    background: url("../images/lobby/casino/casino-lobby-bg.png") no-repeat;
    background-size: 100% 100%;
    display: block;
}

/* line 465, style.scss */

.sport-lobby {
    background: url("../images/lobby/sport/sport-lobby-bg.png") no-repeat;
    background-size: 100% 100%;
    display: block;
}

/* line 470, style.scss */

.lottery-lobby {
    background: url("../images/lobby/lottery/lottery-lobby-bg.png") no-repeat;
    background-size: 100% 100%;
    display: block;
}

/* line 475, style.scss */

.number-lobby {
    background: url("../images/lobby/number/number-lobby-bg.png") no-repeat;
    background-size: 100% 100%;
    display: block;
}

/* line 480, style.scss */

.cocks-lobby {
    background: url("../images/lobby/cockfight/cock-lobby-bg.png") no-repeat;
    background-size: 100% 100%;
    display: block;
}

/* line 485, style.scss */

.section-02 {
    width: 100%;
    height: auto;
    text-align: center;
    margin: 50px auto;
    display: block;
}

@media (max-width: 600px) {
    /* line 493, style.scss */
    .section-02 {
        margin: 0 auto;
    }
    /* line 496, style.scss */
    .container-mobile {
        width: 100%;
        height: auto;
        text-align: center;
        margin: 0 auto;
        padding: 0 5px;
        display: block;
    }
    /* line 504, style.scss */
    .pc {
        display: none !important;
    }
    /* line 507, style.scss */
    .m {
        display: block !important;
    }
    /* line 510, style.scss */
    .wrapper {
        width: 100%;
        height: auto;
        text-align: center;
        margin: 0 auto;
        padding: 0;
        font-family: Roboto;
        background: #3a2810;
        color: #ffc107;
        display: block;
    }
    /* line 520, style.scss */
    .wrapper .header {
        width: 100%;
        height: auto;
        background-image: linear-gradient(to right, #1b1b1b, #3d3d3d, #1b1b1b);
        border-bottom: 1px solid #595959;
    }
    /* line 529, style.scss */
    .wrapper .header .container .d-flex .logo a img {
        width: auto;
        height: 50px;
        text-align: left;
        padding: 5px 0;
    }
    /* line 541, style.scss */
    .section .title-section {
        text-align: left;
        font-size: 0.9rem;
        font-weight: bold;
        display: block;
    }
    /* line 547, style.scss */
    .sponsorship ul li a img {
        height: 40px;
        width: auto;
    }
    /* line 551, style.scss */
    .community ul li a img {
        width: 25px;
        text-align: center;
    }
    /* line 555, style.scss */
    .networks ul li a img {
        width: 25px;
        height: auto;
    }
    /* line 559, style.scss */
    .mobile-thumbnail {
        width: 100%;
        height: auto;
        position: relative;
        border-radius: 10px;
        overflow: hidden;
        display: block;
    }
    /* line 566, style.scss */
    .mobile-thumbnail img {
        width: 100%;
    }
    /* line 569, style.scss */
    .mobile-thumbnail .icon-game-mobile {
        position: absolute;
        bottom: -10px;
        right: -10px;
    }
    @keyframes mobile-jump {
        0% {
            transform: translate3d(0, 0, 0);
        }
        40% {
            transform: translate3d(0, 10%, 0);
        }
    }
    /* line 582, style.scss */
    .mobile-thumbnail .icon-game-mobile .mobile-jump {
        transform-origin: 50% 50%;
        animation: jump 5s linear alternate infinite;
    }
    /* line 587, style.scss */
    .mobile-thumbnail h1 {
        position: absolute;
        left: 10px;
        top: 10px;
        color: #ffc107;
        font-size: 1.0rem;
        z-index: 1;
        display: block;
    }
    /* line 597, style.scss */
    .bg-footer-mobile {
        width: 100%;
        height: auto;
        text-align: center;
        margin: 0 auto;
        position: fixed;
        left: 0px;
        bottom: 0px;
        background: #3d3d3d;
        border-top: 1px solid #6c757d;
        display: block;
        z-index: 9999;
    }
    /* line 610, style.scss */
    .bg-footer-mobile .section-mobile-footer .footer-mobile {
        width: 100%;
        height: auto;
        display: flex;
    }
    /* line 614, style.scss */
    .bg-footer-mobile .section-mobile-footer .footer-mobile .item-footer-mobile {
        width: 100%;
        height: auto;
        flex: 1;
        text-align: center;
    }
    /* line 619, style.scss */
    .bg-footer-mobile .section-mobile-footer .footer-mobile .item-footer-mobile button.btn-home {
        width: 81px;
        height: 81px;
        text-align: center;
        margin: 0 auto;
        background: #6c757d;
        background-color: #6c757d;
        /* For browsers that do not support gradients */
        background-image: radial-gradient(#6c757d, #352800);
        border-radius: 40px;
        margin-top: -40px;
        padding: 33px 13px;
    }
    /* line 630, style.scss */
    .bg-footer-mobile .section-mobile-footer .footer-mobile .item-footer-mobile button.btn-home .icon-nav-mobile {
        display: block;
        margin-top: -20px;
        padding: 8px 0;
    }
    /* line 634, style.scss */
    .bg-footer-mobile .section-mobile-footer .footer-mobile .item-footer-mobile button.btn-home .icon-nav-mobile img {
        width: 35px;
        height: auto;
    }
    /* line 641, style.scss */
    .bg-footer-mobile .section-mobile-footer .footer-mobile .item-footer-mobile button img {
        width: 20px;
        height: auto;
    }
    /* line 645, style.scss */
    .bg-footer-mobile .section-mobile-footer .footer-mobile .item-footer-mobile button span {
        color: #ffc107;
        font-size: 0.8rem;
        white-space: nowrap;
    }
    /* line 655, style.scss */
    .bg-footers {
        padding-bottom: 100px;
    }
    /* line 658, style.scss */
    .item-nav {
        width: 100%;
        height: auto;
        padding: 7px 0;
        border-radius: 10px;
        text-align: center;
        margin: 0 auto;
        display: block;
    }
    /* line 666, style.scss */
    .item-nav img {
        max-width: 35px;
    }
    /* line 669, style.scss */
    .item-nav p {
        width: 100%;
        height: auto;
        text-align: center;
        font-size: 0.7rem;
        color: #ffc107;
        font-weight: bold;
        text-transform: uppercase;
        white-space: nowrap;
        display: block;
    }
    /* line 681, style.scss */
    .offcanvas {
        position: fixed;
        bottom: 63px !important;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: var(--bs-offcanvas-transition);
    }
    /* line 695, style.scss */
    .thumbnails-bg a {
        position: relative;
        display: block;
        height: 135px !important;
        background-size: cover;
    }
    /* line 701, style.scss */
    .thumbnails-bg a span {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 50px !important;
        padding: 0 15px;
        transition-duration: 0.3s;
        color: white;
        font-size: 20px;
        text-transform: uppercase;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: bold;
    }
}