/* 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; } }