.wrapper {
  width: 100%;
  height: auto;
  text-align: center;
  margin: 0 auto;
  background: #f5f5f5;
  display: block; }
  .wrapper .header {
    width: 100%;
    height: auto;
    padding: 0 10px;
    position: fixed;
    background: #ffffff;
    left: 0;
    top: 0;
    z-index: 999; }

.logo img {
  width: 70px;
  padding: 5px 0;
  padding-left: 20px; }

.nav-logo .btn-group .iconmenu {
  background: url("menu.png") no-repeat;
  width: 30px;
  height: 30px;
  margin: 19px auto; }

.m-block {
  display: block; }

.mobile-block {
  display: none; }

.pc-blok {
  display: block; }

.slider-pc {
  padding-top: 69px; }

.b-radius {
  border-radius: 0px; }

.btn-block {
  width: 100%; }

.left-menu {
  width: 100%;
  max-width: 300px;
  top: 69px !important; }

.offcanvas-backdrop.show {
  opacity: 0 !important; }

.offcanvas-backdrop {
  display: none; }

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

.nav-item {
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  margin: 5px auto;
  display: block; }

.label-text {
  width: 100%;
  height: auto;
  max-width: 100px;
  font-size: 1.2rem;
  color: #ffffff;
  font-weight: bold;
  position: absolute;
  left: 30%;
  text-align: left;
  top: 50%;
  transform: translate(-50%, -50%);
  line-height: 20px;
  text-transform: uppercase;
  display: block; }

.referral {
  width: 100%;
  height: 84px;
  background: url("../images/slidebar/side-menu-invite.png") no-repeat;
  background-size: 100% 100%; }

.referral:after {
  position: absolute;
  content: "";
  top: 0;
  right: -60px;
  width: 252px;
  height: 84px;
  background: url("../images/slidebar/sidemenu-invite-icon.png") no-repeat 50%/contain; }

.games-center {
  width: 100%;
  height: 84px;
  background: url("../images/slidebar/side-menu-game.png") no-repeat;
  background-size: 100% 100%; }

.games-center:after {
  position: absolute;
  content: "";
  top: 0;
  right: -60px;
  width: 252px;
  height: 84px;
  background: url("../images/slidebar/sidemenu-game-icon.png") no-repeat 50%/contain; }

.offcanvas-body {
  padding: 0; }

.rebate, .daily {
  width: 100%;
  height: 84px;
  background: linear-gradient(84deg, #2daafe 2.14%, #0b7ec1 43.24%, #058bd4 64.77%, #43a9fd); }

.rebate:after {
  position: absolute;
  content: "";
  top: 0;
  right: -83px;
  width: 252px;
  height: 84px;
  background: url("../images/slidebar/sidemenu-bouns-icon.png") no-repeat 50%/contain; }

.daily:after {
  position: absolute;
  content: "";
  top: 0;
  right: -92px;
  width: 252px;
  height: 84px;
  background: url("../images/slidebar/sidemenu-tasks-icon.png") no-repeat 50%/contain; }

.label-text-02 {
  width: 100%;
  height: auto;
  max-width: 76px;
  font-size: 1.0rem;
  color: #ffffff;
  font-weight: bold;
  position: absolute;
  left: 35%;
  text-align: left;
  top: 50%;
  transform: translate(-50%, -50%);
  line-height: 20px;
  text-transform: uppercase;
  display: block; }

ul.list-promo {
  vertical-align: middle; }
  ul.list-promo li {
    text-align: left;
    vertical-align: middle; }
    ul.list-promo li a {
      width: 100%;
      height: auto;
      vertical-align: middle;
      display: block;
      font-size: 0.9rem;
      font-weight: bold;
      color: #585d74; }
      ul.list-promo li a i {
        margin-right: 10px; }
      ul.list-promo li a i.icon-super {
        background: url("../images/icon/supper.png"); }
      ul.list-promo li a i.icon-referral {
        background: url("../images/icon/referral.png"); }
      ul.list-promo li a i.icon-vip-level {
        background: url("../images/icon/vip.png"); }

button.accordion-button {
  color: #676c82 !important;
  vertical-align: middle;
  font-size: 0.9rem; }
  button.accordion-button i.icon-promo {
    background: url("../images/icon/promo.png");
    margin-right: 10px; }

.all-promo {
  font-weight: bold; }

.icon-nav {
  width: 25px;
  height: 25px;
  display: inline-block;
  vertical-align: middle; }

ul.nave-mobile {
  width: 100%;
  height: auto;
  padding-left: 10px;
  display: block; }
  ul.nave-mobile li {
    width: 100%;
    height: auto;
    text-align: left;
    vertical-align: middle;
    padding: 0 5px;
    margin: 5px auto;
    background: #cfe2ff;
    border-radius: 10px 0 0 10px;
    display: block; }
    ul.nave-mobile li a {
      width: 100%;
      color: #585d74;
      font-size: 0.9rem;
      font-weight: bold;
      padding: 10px 5px;
      display: block; }
      ul.nave-mobile li a i {
        margin-right: 10px; }
      ul.nave-mobile li a i.icon-home {
        background: url("../images/icon/home.png") no-repeat;
        background-size: 100% 100%; }
      ul.nave-mobile li a i.icon-sport {
        background: url("../images/icon/sport.png") no-repeat;
        background-size: 100% 100%; }
      ul.nave-mobile li a i.icon-casino {
        background: url("../images/icon/casino.png") no-repeat;
        background-size: 100% 100%; }
      ul.nave-mobile li a i.icon-slot {
        background: url("../images/icon/slot.png") no-repeat;
        background-size: 100% 100%; }
      ul.nave-mobile li a i.icon-lottery {
        background: url("../images/icon/lottery.png") no-repeat;
        background-size: 100% 100%; }
      ul.nave-mobile li a i.icon-number {
        background: url("../images/icon/number.png") no-repeat;
        background-size: 100% 100%; }
      ul.nave-mobile li a i.icon-cocks {
        background: url("../images/icon/cocks.png") no-repeat;
        background-size: 100% 100%; }
      ul.nave-mobile li a i.icon-poker {
        background: url("../images/icon/poker.png") no-repeat;
        background-size: 100% 100%; }
  ul.nave-mobile li:hover {
    background: #f5f5f5; }
  ul.nave-mobile li.nav-active {
    background: #f5f5f5; }

.offcanvas.offcanvas-start {
  border-right: none !important; }

.accordion-button {
  padding: 5px 10px; }

.body-lang {
  padding: 10px 10px !important; }

.offcanvas-header {
  padding: 5px 10px !important; }

.icon-lang {
  background: url("../images/language/en.png") no-repeat;
  background-size: 100% 100%;
  margin-right: 10px; }

.lang-en {
  background: url("../images/language/en.png") no-repeat;
  background-size: 100% 100%; }

.lang-cn {
  background: url("../images/language/cn.png") no-repeat;
  background-size: 100% 100%; }

.lang-th {
  background: url("../images/language/th.png") no-repeat;
  background-size: 100% 100%; }

.lang-vn {
  background: url("../images/language/vn.png") no-repeat;
  background-size: 100% 100%; }

.c-form {
  padding: 10px 10px; }

.main {
  width: 100%;
  height: auto;
  text-align: center;
  margin: 0 auto;
  display: block; }
  .main .container .section {
    width: 100%;
    height: auto;
    text-align: center;
    margin: 0 auto;
    padding: 10px 0;
    display: block; }
    .main .container .section .annoument {
      width: 100%;
      background: #ffffff;
      border-radius: 15px;
      position: relative;
      overflow: hidden; }
      .main .container .section .annoument .icon {
        position: absolute;
        top: 0;
        left: 0;
        padding: 5px 15px;
        background: #ffffff;
        display: block;
        z-index: 99; }
      .main .container .section .annoument .icon-announment img {
        width: 25px; }
      .main .container .section .annoument marquee {
        font-size: 0.9rem;
        font-weight: bold;
        padding-top: 5px; }

.winner-wrapper .header-winner {
  width: 100%;
  height: auto;
  text-align: center;
  margin: 0 auto;
  background: linear-gradient(180deg, #3001cd, #d0002d);
  border-radius: 10px;
  display: flex; }
  .winner-wrapper .header-winner span {
    flex: 1;
    padding: 10px 10px;
    font-size: 1.1rem;
    color: #ffffff;
    font-weight: bold; }

.home-mobile h1 {
  font-family: Roboto, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
  font-weight: bold;
  font-size: 0.8rem;
  color: #343a40;
  padding: 5px 0;
  text-align: center;
  text-transform: uppercase;
  margin: 0 auto;
  display: block; }

.itme-games {
  width: 100%;
  height: auto;
  border-radius: 15px;
  overflow: hidden;
  position: relative;
  display: block; }
  .itme-games img {
    width: 100%;
    height: auto; }
  .itme-games p.text-primary {
    position: absolute;
    top: 60%;
    left: 20%;
    transform: translate(-50%, -50%);
    font-size: 1.5rem;
    font-weight: bold; }

.thumbnails .item-09 img {
  width: 100%; }

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

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

.thumbnails-bg {
  width: 100%;
  height: auto;
  text-align: center;
  margin: 0 auto; }
  .thumbnails-bg a {
    position: relative;
    display: block;
    height: 245px;
    background-size: cover; }
    .thumbnails-bg a img {
      max-width: 100%;
      height: auto;
      vertical-align: middle; }
    .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; }
  .thumbnails-bg a:hover {
    transform: translateY(5px); }
  .thumbnails-bg a:hover > span {
    transform: translateY(-10px); }

@media (max-width: 768px) {
  .nav-logo .btn-group .nav-mobile {
    display: inline-block;
    margin: 5px 10px; }

  .logo img {
    width: 120px;
    padding: 2px 0;
    padding-left: 20px; }

  .m-block {
    display: none; }

  .mobile-block {
    display: block; }

  .pc-blok {
    display: none !important; }

  .slider-mobile {
    padding-top: 45px; }

  .canvas-right {
    width: 100%;
    max-width: 300px; }

  .nav-logo .btn-group .iconmenu {
    background: url("menu.png") no-repeat;
    width: 30px;
    height: 30px;
    margin: 7px auto; }

  .offcanvas-backdrop.show {
    opacity: 0.5 !important; }

  .left-menu {
    width: 100%;
    max-width: 300px;
    top: 0px !important; } }