@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,700);
@font-face {
  font-family: "Myanmar3";
  src: url("./fonts/myanmar3.woff") format("woff"),
    url("./fonts/myanmar3.ttf") format("ttf");
}
@font-face{font-family:"prompt";font-stretch:normal;font-style:normal;font-weight:normal;src:url("../fonts/prompt/Prompt-Regular.ttf") format("truetype");}
:root{
  --deep:#2c2e50;
  --block:#1e1e1e;
  --txt:#fff6a9;
  --reward-bg-opacity:rgba(0,0,0,.3);
  --reward-border:#f9d94e;
  --reward-title:#ffce00;
  --reward-color:#fff;
  --dp-title:#222;
  --dp-btn:#f9d94e;
  --tooltip-color: #1d1b1b;
  --tooltip-primary: #f4d24c;
}
body,
html {
  font-size: 100%;
  font-family: Arial,"Noto Sans", sans-serif,'Kh-Content', prompt!important;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.small,
small {
  font-size: 0.75rem;
}

* {
  box-sizing: border-box !important;
}

.canvas {
  background-color: #000;
  overflow: hidden;
  -webkit-box-shadow: -5px 0 25px 0 rgba(0, 0, 0, 0.3);
  box-shadow: -5px 0 25px 0 rgba(0, 0, 0, 0.3);
}

.canvas.expanded {
  -webkit-transform: translate(260px, 0) !important;
  -moz-transform: translate(260px, 0) !important;
  transform: translate(260px, 0) !important;
}

.main-screen {
  background: #000;
  position: relative;
  height: 100%;
}

.download-app-box + .main-screen {
  height: calc(100% - 120px);
}

.screen {
  margin-left: -16px;
  margin-right: -16px;
}

.body {
  width: 100%;
  overflow-y: auto;
  top: 75px;
  left: 0;
  right: 0;
  bottom: 68px;
  position: absolute;
  /* background: #fff; */
}

.body.has-tab {
  top: 94px;
}

.body.has-footer {
  bottom: 60px;
}

.body.main-content-full {
  padding: 0;
}

.body.full {
  top: 0;
}

.body.vip {
  background: #1f1f1f;
}

.no-gutter {
  margin-left: 0;
  margin-right: 0;
}

.no-gutter > div[class*=" col-"],
.no-gutter > div[class^="col-"] {
  padding-left: 0;
  padding-right: 0;
}

.thin-gutter {
  margin-left: -8px;
  margin-right: -8px;
}

.thin-gutter > div[class*=" col-"],
.thin-gutter > div[class^="col-"] {
  padding-left: 8px;
  padding-right: 8px;
}

.extra-thin-gutter {
  margin-left: -2px;
  margin-right: -2px;
}

.extra-thin-gutter > div[class*=" col-"],
.extra-thin-gutter > div[class^="col-"] {
  padding-left: 2px;
  padding-right: 2px;
}

.navbar-fixed-bottom .container {
  max-width: 1024px;
  padding: 0;
  width: 100%;
  display: block;
}

.navbar-fixed-bottom .container .nav {
  display: block;
}

.container-extra-thin {
  padding-left: 4px;
  padding-right: 4px;
}

.table-responsive {
  border: none;
}

.canvas-overlay {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  position: absolute;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.sidebar-open .canvas-overlay {
  z-index: 5;
  visibility: visible;
  opacity: 1;
}

.icon-ballon {
  position: relative;
}

.icon-ballon:after {
  content: "*";
  text-align: center;
  color: #fff;
  font-size: 20px;
  line-height: 1.1;
  width: 15px;
  height: 15px;
  background-color: #fd1f33;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  top: 0;
  right: -15px;
  position: absolute;
}

@media all and (max-width: 320px) {
  .canvas.expanded {
    -webkit-transform: translate(290px, 0) !important;
    -moz-transform: translate(290px, 0) !important;
    transform: translate(290px, 0) !important;
  }
}

.header {
  padding-left: 5px;
  padding-right: 5px;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  position: absolute;
  height: 75px;
  width: 100%;
  background-color: #000;
  -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.095);
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.095);
}

.header:after,
.header:before {
  content: " ";
  display: table;
}

.header:after {
  clear: both;
}

.header .header-title {
  text-align: center;
  color: #d3dee3;
  font-size: 1.25rem;
  display: block;
  white-space: nowrap;
  width: auto;
  max-width: 55%;
  margin: 0 auto;
  top: 0;
  left: 0;
  right: 0;
  height: 47px;
  line-height: 47px;
  position: absolute;
}

.header .header-title img {
  width: 94px;
  height: auto;
  /*height: 64px;*/
  margin-top: 6px;
  vertical-align: top;
}

.header .header-title.header-title-left {
  width: calc(100% - 145px);
  max-width: 100%;
  margin-left: 50px;
  margin-right: 0;
  text-align: left;
  overflow: hidden;
}

.header .header-title .header-title-text {
  display: inline-block;
  white-space: nowrap;
  position: relative;
}

.header-mail {
  position: absolute;
  top: 36%;
  left: 14%;
}

.header-mail span.icon {
  font-size: 1.4rem;
}

.header-mail #msg_count {
  position: absolute;
  font-size: 12px;
  line-height: 16px;
  top: -6px;
  right: -8px;
  width: 64%;
  height: 60%;
  text-align: center;
  color: #fff;
  background: red;
  border-radius: 100%;
  border: 1px solid transparent;
}

.header .header-button {
  text-align: center;
  width: 40px;
  height: 47px;
  display: table;
  z-index: 30;
  position: relative;
  top: 15px;
}

.header .header-button span {
  vertical-align: middle;
  display: table-cell;
}

.header .header-button.header-button-text {
  font-size: 0.875rem;
  width: auto !important;
  text-transform: uppercase;
}

.header .header-button.header-button-left {
  float: left !important;
}

.header .header-button.header-button-right {
  float: right !important;
}

.header .header-button .icon {
  font-size: 2rem;
  color: #f9d94e;
}

.header .header-button .button-text {
  margin-left: 4px;
  letter-spacing: 1px;
}

.header .header-button.btn {
  padding-top: 12px;
  padding-bottom: 12px;
}

.header .header-button small {
  color: #fff;
  line-height: 1.1;
  font-size: 17px;
  top: 5px;
  right: 0;
  background-color: #fd1f33;
  width: 12px;
  height: 12px;
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.header.header-search {
  text-align: left;
  display: table;
  table-layout: fixed;
}

.header.header-search .header-button,
.header.header-search .header-search-input {
  float: none !important;
  display: table-cell;
  vertical-align: middle;
}

.header.header-search .header-button {
  text-align: left;
  width: 45px !important;
  white-space: nowrap;
}

.header.header-search .header-search-input {
  width: 100%;
}

.header.header-search .header-search-input .form-control {
  color: #f2f2f2;
  border-color: #333;
  background-color: #333;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  -ms-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}

.header.header-search .header-search-input .btn {
  color: #b3b3b3;
  padding-top: 0;
  padding-bottom: 0;
  background-color: #333;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  -ms-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}

.header.header-search .header-search-input .btn span {
  font-size: 1.188rem;
}

.modal-subTitle,
.promo-subTitle {
  font-size: 1.5em;
  color: #0e0e0e;
}

.codet {
  position: relative;
}

.codes {
  position: absolute;
  top: 30px;
  right: 15px;
  font-size: 1.2rem;
  color: #d4bb49;
  font-weight: 700;
  font-style: oblique;
}

.side-nav {
  width: 78%;
  background-color: #030303;
}

.side-nav.overflow-shown {
  width: 260px;
  overflow: scroll;
}

.side-nav.overflow-shown nav {
  width: 260px;
  overflow-y: auto;
}

.side-nav-items {
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  background: #1d1b1b;
}

.side-nav-items > li {
  display: block;
}

.side-nav-items > li > a {
  font-size: 0.688rem;
  text-transform: uppercase;
  color: #ffed00;
  text-align: center;
  padding: 5px 5px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.side-nav-items > li > a .icon {
  color: #2a8fbd;
  font-size: 2.125rem;
  text-align: center;
  margin: 0 auto 4px;
  display: block;
}

.side-nav-items > li:last-child {
  border-bottom: none;
}

.side-nav-items > li.active,
.side-nav-items > li > a:focus,
.side-nav-items > li > a:hover {
  color: #fff;
  background-color: #523b03;
}

.side-nav-items > li.active .icon,
.side-nav-items > li > a:focus .icon,
.side-nav-items > li > a:hover .icon {
  color: #fff;
}

.nav-category-items {
  width: 160px;
  padding: 10px;
  display: none;
  top: 0;
  left: 100px;
  bottom: 0;
  position: absolute;
}

.nav-category-items h4 {
  color: #28adec;
  padding: 15px;
  margin: 0;
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: 700;
}

.nav-category-items .row {
  margin-left: -1px;
  margin-right: -1px;
}

.nav-category-items .row div[class*=" col-"],
.nav-category-items .row div[class^="col-"] {
  padding-left: 1px;
  padding-right: 1px;
}

.nav-category-items img {
  width: 100%;
  border-radius: 8px;
  border: 1px solid #ffce00;
}

a.lang {
  display: flex;
  margin-bottom: 0.5rem;
}

a.lang span {
  font-size: 14px !important;
}

.lang img {
  width: 100%;
  max-height: 40px;
  max-width: 40px;
  margin-left: 0 !important;
  margin-right: 10px !important;
}

.nav-category-items div,
.nav-category-items div[class*=" col-"] > a,
.nav-category-items div[class^="col-"],
.nav-category-items > a {
  text-align: center;
  background-color: #030303;
  padding-bottom: 15px;
  margin-bottom: 4px;
  display: block;
}

.nav-category-items div span,
.nav-category-items div[class*=" col-"] > a span,
.nav-category-items div[class^="col-"] span,
.nav-category-items > a span {
  margin-top: 5px;
  font-size: 1rem;
  color: #efcd44;
  display: block;
  height: 30px;
}

.footer-xs a span,
ul.side-nav-items li span {
  color: #f4d248;
  text-transform: uppercase;
  font-size: 0.688rem;
  text-align: center;
}

ul.side-nav-items li {
  text-align: center;
}

ul.side-nav-items li img {
  margin-left: auto;
  margin-right: auto;
}

.footer-xs a span {
  padding: 10px 0;
}

.nav-category-items div:focus > span,
.nav-category-items div:hover > span,
.nav-category-items div[class*=" col-"] > a:focus > span,
.nav-category-items div[class*=" col-"] > a:hover > span,
.nav-category-items div[class^="col-"]:focus > span,
.nav-category-items div[class^="col-"]:hover > span,
.nav-category-items > a:focus > span,
.nav-category-items > a:hover > span {
  color: #fff;
}

.nav-category-items div {
  position: relative;
}

.nav-category-items div .nav-category-btns {
  padding-top: 20%;
  background-color: transparent;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: linear all 0.3s;
  transition: linear all 0.3s;
}

.nav-category-items div:focus > .title,
.nav-category-items div:hover > .title {
  color: #2a8fbd;
}

.nav-category-items div:focus > img,
.nav-category-items div:hover > img {
  opacity: 0.3;
}

.nav-category-items div:focus > .nav-category-btns,
.nav-category-items div:hover > .nav-category-btns {
  visibility: visible;
  opacity: 1;
}

.nav-category-items.nav-category-items-shown {
  display: block;
}

.side-submenu {
  list-style: none;
  padding: 0;
  margin: 0;
}

.side-submenu li {
  display: block;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

.side-submenu li a {
  text-align: left;
  color: #d3dee3;
  padding: 10px 15px;
  background-color: transparent;
  text-transform: uppercase;
  display: block;
}

.side-submenu li a span {
  font-size: 0.875rem;
  color: #d3dee3 !important;
}

.side-submenu li a:active span,
.side-submenu li a:focus span {
  color: #2a8fbd;
}

@media all and (max-width: 320px) {
  .side-nav.overflow-shown {
    width: 290px;
  }

  .side-nav.overflow-shown nav {
    width: 290px;
  }

  .nav-category-items {
    width: 190px;
  }
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
  color: #bbb;
  padding: 16px 0;
  vertical-align: middle;
  border-top: 1px solid #2c2c2c;
}

.table .table-entry-type {
  color: #ffed00;
  font-size: 1rem;
  display: block;
}

.table .table-date,
.table .table-status {
  font-size: 0.75rem;
  color: #555;
  display: block;
}

.table .table-status {
  color: #bbb;
  font-weight: 700;
  display: inline;
}

.error-container {
  overflow: hidden;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  display: table;
}

.error-box {
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}

.error-box .error-content .icon-error {
  color: #333;
  font-size: 6em;
  display: inline-block;
}

.error-box .error-content h1 {
  color: #ffed00;
}

.error-box .error-content p {
  color: #7b7b7b;
  width: 75%;
  margin: 0 auto 45px;
  display: block;
}

.form-help-text,
.help-block {
  color: #bbb;
  font-size: 0.75rem;
  margin-bottom: 0;
}

.form-help-text {
  margin-left: 48px;
  margin-top: 5px;
  display: block;
}

.form-container {
  padding-top: 15px;
  padding-bottom: 15px;
}

.form-control-static {
  padding-top: 0;
  padding-bottom: 0;
  color: #d3dee3;
  min-height: auto;
}

.form-group {
  margin-bottom: 20px;
}

.form-group > label {
  width: 100%;
  font-weight: 400;
  font-size: 0.875rem;
  color: #ffed00;
  margin-bottom: 0;
}

.form-group-password {
  position: relative;
}

.form-group-password .form-control {
  padding-right: 30px;
}

.form-group-password .btn {
  padding: 5px;
  background-color: transparent;
  border-color: transparent;
  right: 0;
  top: 5px;
  position: absolute;
}

.form-group-password label ~ .btn {
  top: 29px;
}

.form-control {
  padding: 10px 0;
  color: #d3dee3;
  background-color: transparent;
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: 1px solid #caab3a;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding-left: 10px;
  font-size: 12px;
}

.form-control:focus {
  border-color: #2a8fbd;
  outline: 0 none;
  -webkit-box-shadow: 0 1px 0 0 #2a8fbd;
  box-shadow: 0 1px 0 0 #2a8fbd;
}

.form-group-icon {
  width: 100%;
  display: flex;
}

.form-group-icon .form-icon,
.form-group-icon .form-input {
  display: table-cell;
  vertical-align: top;
}

.form-group-icon .form-input .form-control:focus {
  color: #fff;
}

.form-group-icon .form-icon {
  padding-top: 22px;
  min-width: 46px;
  text-align: center;
}

.form-group-icon .form-icon span[class*=" icon-"],
.form-group-icon .form-icon span[class^="icon-"] {
  font-size: 2rem;
  color: #f3eb76;
}

.form-group-icon .form-input {
  position: relative;
  width: 100%;
}

.form-group-icon .form-input > label {
  font-weight: 400;
  font-size: 0.875rem;
  color: #ffed00;
  margin-bottom: 0;
}

.form-control[disabled],
fieldset[disabled] .form-control {
  opacity: 0.5;
  background-color: transparent;
}

select.form-control {
  background: url(../../images/k9hkd/select-arrow.png) center right no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select.form-control option {
  background-color: #1f1f1f;
  color: #d3dee3;
  text-shadow: none;
}

.modal-title .closer {
  color: #bbb;
}

.modal {
  text-align: center;
  padding: 0 !important;
  background: rgba(0, 0, 0, 0.6);
}

.modal.modal-fullscreen {
  background-color: #023144;
}

.modal.modal-fullscreen .modal-header {
  padding: 9px 15px;
  background-color: #1f2021;
}

.modal.modal-fullscreen .modal-backdrop {
  opacity: 1 !important;
}

.modal.modal-fullscreen .modal-dialog {
  vertical-align: top;
  width: 100%;
  max-width: 100%;
  margin: 0;
}

.modal.modal-fullscreen .modal-body {
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
}

.modal.modal-fullscreen .modal-content {
  margin: -1px -1px 0;
  border-color: transparent;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.modal.modal-fullscreen .modal-content .modal-header {
  border-bottom: none;
}

.modal.modal-fullscreen .modal-content .modal-footer {
  border-top: none;
}

.modal.modal-fullscreen .modal-content .close {
  margin-top: 0;
}

.modal.modal-fullscreen:before {
  display: none;
}

.modal-header {
  border-bottom: none;
  position: relative;
  z-index: 1052;
  background-image: linear-gradient(#a37603, #fefb86, #a47203);
  border-radius: 10px 10px 0 0;
  text-align: center;
}

.modal-header.mheader-notitle {
  margin-bottom: -30px;
}

.modal-title {
  text-align: left;
  color: #d3dee3;
  width: 75%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.modal-footer {
  border-top: none;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  width: auto;
  max-width: 460px;
}

.modal-dialog .close {
  opacity: 0.75;
  color: #2a8fbd;
  font-size: 1.7rem;
  text-shadow: none;
}

.modal-dialog .close:active,
.modal-dialog .close:focus,
.modal-dialog .close:hover {
  opacity: 1;
}

.modal-custom {
  display: block;
}
.modal-custom[data-popup]{
  padding-left: 12px!important;
  padding-right: 12px!important;
}
.modal-custom .modal-content {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.modal-content {
  border-color: #e7d865;
  background-color: #0e0e0e;
  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
}

.modal-content .x-close {
  position: absolute;
  color: #fff;
  right: 2px;
  font-size: 1.6rem;
  top: -8px;
}

.modal-content.modal-alt {
  border-color: #00131b;
  background-color: #00131b;
}

.modal-content.modal-transparent {
  border-color: transparent;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.modal-game .modal-body h4 {
  color: #ffed00;
  font-weight: 700;
  margin-bottom: 30px;
}

.modal-game .modal-body .modal-game-thumb {
  margin: 0 auto 40px;
  width: 110px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
}

.modal-game .modal-body .modal-game-thumb img {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  width: 100%;
  display: block;
}

.modal-potm .potm-box {
  width: auto;
  display: inline-block;
  position: relative;
}

.modal-potm .potm-box .close {
  color: #fff;
  padding: 10px;
  top: 0;
  right: 0;
  position: absolute;
}

.modal-potm .potm-box > a {
  display: block;
}

.modal-potm .potm-box .checkbox {
  left: 10px;
  bottom: 0;
  position: absolute;
}

.modal-potm .potm-box .checkbox input[type="checkbox"] {
  margin-top: 5px;
}

@media only screen and (orientation: landscape) {
  .modal-game .modal-body h4 {
    margin-bottom: 15px;
  }

  .modal-game-row .modal-game-col {
    float: left;
  }

  .modal-game-row .modal-game-col.modal-game-col-thumb {
    width: 35%;
  }

  .modal-game-row .modal-game-col.modal-game-col-thumb .modal-game-thumb {
    max-width: 100%;
  }

  .modal-game-row .modal-game-col.modal-game-col-btns {
    width: 65%;
  }
}

.side-nav-items > li > a .icon img {
  display: block;
  margin: 0 auto;
}

.nav > li img {
  display: block;
  margin: 0 auto;
}

.user-top {
  padding: 5px 5px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  text-align: left;
}

.user-top p {
  padding: 0;
  margin: 0;
}

.navbar-fixed-bottom {
  width: 100%;
  height: 90px;
  max-width: 768px;
  position: fixed;
  background: #fff;
  text-align: center;
  bottom: 32px;
  left: 50%;
  z-index: 10;
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
}

.barFixed {
  border: 0 none;
  position: fixed;
  border-top: 1px solid #27adec;
  background: #2d2101;
}

.footer-col-x {
  width: 25%;
  float: left;
  text-align: center;
  padding-bottom: 5px;
  padding-top: 7px;
}

.navbar .fa {
  display: block !important;
  font-size: 20px !important;
  padding-top: 8px;
}

.footer-col-x a {
  color: #fff;
}

.active .footer-col-x a {
  color: #fff;
}

.btn {
  margin-bottom: 0;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 10px 14px;
  font-size: 16px;
  line-height: 1.5385;
  border-radius: 0;
}

.home-bg {
  width: 100%;
  height: auto;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 4.1rem;
  margin-top: 4px;
  display: inline-block;
}

.product-item ul li {
  float: left;
  list-style: none;
  width: 32%;
  margin-left: 4px;
  margin-bottom: 4px;
  position: relative;
}

.product-item ul {
  width: 100%;
  height: auto;
  text-align: center;
  margin: 0 auto;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}

.product-item {
  width: 100%;
  height: auto;
  text-align: center;
  margin: 0 auto;
  padding: 1px 0;
}

.cd-header h1 {
  color: #fff;
  line-height: 150px;
  text-align: center;
  font-size: 2.4rem;
  font-weight: 300;
}

@media only screen and (min-width: 1170px) {
  .cd-header {
    height: 180px;
  }

  .cd-header h1 {
    line-height: 180px;
  }
}

.cd-main-content {
  position: relative;
}

.cd-main-content:after {
  content: "";
  display: table;
  clear: both;
}

.cd-main-content.is-fixed .cd-filter {
  position: fixed;
  height: 100vh;
  overflow: hidden;
}

.cd-main-content.is-fixed .cd-filter form {
  height: 100vh;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.cd-main-content.is-fixed .cd-filter-trigger {
  position: fixed;
}

.cd-tab-filter-wrapper {
  z-index: 1;
}

.cd-tab-filter-wrapper:after {
  content: "";
  display: table;
  clear: both;
}

.cd-tab-filter {
  position: relative;
  height: 88px;
  width: 100%;
  margin: 0 auto;
  z-index: 1;
}

.cd-tab-filter::after {
  content: "";
  position: absolute;
  right: 14px;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../img/cd-icon-arrow.svg) no-repeat center center;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  pointer-events: none;
}

.cd-tab-filter ul {
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: inset 0 -2px 0 #cfa427;
  padding: 0;
}

.cd-tab-filter li {
  display: none;
}

.cd-tab-filter li:first-child {
  display: block;
}

.cd-tab-filter a {
  display: block;
  height: 40px;
  width: 140px;
  line-height: 40px;
  padding-left: 14px;
}

.cd-tab-filter a.selected {
  background: #41307c;
  color: #fff;
}

.cd-tab-filter.is-open::after {
  -webkit-transform: translateY(-50%) rotate(-180deg);
  -moz-transform: translateY(-50%) rotate(-180deg);
  -ms-transform: translateY(-50%) rotate(-180deg);
  -o-transform: translateY(-50%) rotate(-180deg);
  transform: translateY(-50%) rotate(-180deg);
}

.cd-tab-filter.is-open ul {
  box-shadow: inset 0 -2px 0 #41307c, 0 2px 10px rgba(0, 0, 0, 0.2);
}

.cd-tab-filter.is-open ul li {
  display: block;
}

.cd-tab-filter.is-open .placeholder a {
  opacity: 0.4;
}

@media only screen and (min-width: 768px) {
  .cd-tab-filter {
    position: relative;
    height: 45px;
    width: 100%;
    margin: 0 auto;
    z-index: 1;
  }
}

@media only screen and (min-width: 1170px) {
  .cd-tab-filter {
    width: 100%;
    float: right;
    margin: 0;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
  }

  .cd-tab-filter.filter-is-visible {
    width: 80%;
  }
}

.cd-gallery {
  padding: 0;
  width: 100%;
}

.cd-gallery li {
  margin-bottom: 0;
  display: none;
}

.cd-gallery li.gap {
  opacity: 0;
  height: 0;
  display: inline-block;
}

.cd-gallery img {
  display: block;
  width: 100%;
}

.cd-gallery .cd-fail-message {
  display: none;
  text-align: center;
}

@media only screen and (min-width: 1170px) {
  .cd-gallery {
    padding: 0;
    float: right;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
    margin-top: 10px;
  }

  .cd-gallery li {
    width: 100%;
  }

  .cd-gallery.filter-is-visible {
    width: 80%;
  }
}

.cd-filter {
  position: absolute;
  top: 0;
  left: 0;
  width: 280px;
  height: 100%;
  background: #fff;
  box-shadow: 4px 4px 20px transparent;
  z-index: 2;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: -webkit-transform 0.3s, box-shadow 0.3s;
  -moz-transition: -moz-transform 0.3s, box-shadow 0.3s;
  transition: transform 0.3s, box-shadow 0.3s;
}

.cd-filter::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 50px;
  width: 100%;
  background-color: #41307c;
  z-index: 2;
}

.cd-filter form {
  padding: 70px 20px;
}

.cd-filter .cd-close {
  position: absolute;
  top: 0;
  right: 0;
  height: 50px;
  line-height: 50px;
  width: 60px;
  color: #fff;
  font-size: 1.3rem;
  text-align: center;
  background: #37296a;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
  z-index: 3;
}

.no-touch .cd-filter .cd-close:hover {
  background: #32255f;
}

.cd-filter.filter-is-visible {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2);
}

.cd-filter.filter-is-visible .cd-close {
  opacity: 1;
}

@media only screen and (min-width: 1170px) {
  .cd-filter {
    width: 20%;
  }

  .cd-filter form {
    padding: 70px 10%;
  }
}

.cd-filter-trigger {
  position: absolute;
  top: 0;
  left: 0;
  height: 50px;
  line-height: 50px;
  width: 60px;
  overflow: hidden;
  text-indent: 100%;
  color: transparent;
  white-space: nowrap;
  background: transparent url(../img/cd-icon-filter.svg) no-repeat center center;
  z-index: 3;
}

.cd-filter-trigger.filter-is-visible {
  pointer-events: none;
}

@media only screen and (min-width: 1170px) {
  .cd-filter-trigger {
    width: auto;
    left: 2%;
    text-indent: 0;
    color: #9a9a9a;
    text-transform: uppercase;
    font-size: 1.3rem;
    font-weight: 700;
    padding-left: 24px;
    background-position: left center;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
  }

  .no-touch .cd-filter-trigger:hover {
    color: #41307c;
  }

  .cd-filter-trigger.filter-is-visible,
  .cd-filter-trigger.filter-is-visible:hover {
    color: #fff;
  }
}

.cd-filter-block {
  margin-bottom: 1.6em;
}

.cd-filter-block h4 {
  position: relative;
  margin-bottom: 0.2em;
  padding: 10px 0 10px 20px;
  color: #9a9a9a;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.3rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}

.no-touch .cd-filter-block h4:hover {
  color: #41307c;
}

.cd-filter-block h4::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 16px;
  height: 16px;
  background: url(../img/cd-icon-arrow.svg) no-repeat center center;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}

.cd-filter-block h4.closed::before {
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -moz-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  -o-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}

.cd-filter-block .checkbox-label::before,
.cd-filter-block .radio-label::before,
.cd-filter-block input,
.cd-filter-block select {
  font-family: "Open Sans", sans-serif;
  border-radius: 0;
  background-color: #fff;
  border: 2px solid #e6e6e6;
}

.cd-filter-block input[type="search"],
.cd-filter-block input[type="text"],
.cd-filter-block select {
  width: 100%;
  padding: 0.8em;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  box-shadow: none;
}

.cd-filter-block input[type="search"]:focus,
.cd-filter-block input[type="text"]:focus,
.cd-filter-block select:focus {
  outline: 0;
  background-color: #fff;
  border-color: #41307c;
}

.cd-filter-block input[type="search"] {
  border-color: transparent;
  background-color: #e6e6e6;
  font-size: 1.6rem !important;
}

.cd-filter-block input[type="search"]::-webkit-search-cancel-button {
  display: none;
}

.cd-filter-block .cd-select {
  position: relative;
}

.cd-filter-block .cd-select::after {
  content: "";
  position: absolute;
  z-index: 1;
  right: 14px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  width: 16px;
  height: 16px;
  background: url(../img/cd-icon-arrow.svg) no-repeat center center;
  pointer-events: none;
}

.cd-filter-block select {
  cursor: pointer;
  font-size: 1.4rem;
}

.cd-filter-block select::-ms-expand {
  display: none;
}

.cd-filter-block .list li {
  position: relative;
  margin-bottom: 0.8em;
}

.cd-filter-block .list li:last-of-type {
  margin-bottom: 0;
}

.cd-filter-block input[type="checkbox"],
.cd-filter-block input[type="radio"] {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
  z-index: 2;
}

.cd-filter-block .checkbox-label,
.cd-filter-block .radio-label {
  padding-left: 24px;
  font-size: 1.4rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.cd-filter-block .checkbox-label::after,
.cd-filter-block .checkbox-label::before,
.cd-filter-block .radio-label::after,
.cd-filter-block .radio-label::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.cd-filter-block .checkbox-label::before,
.cd-filter-block .radio-label::before {
  width: 16px;
  height: 16px;
  left: 0;
}

.cd-filter-block .checkbox-label::after,
.cd-filter-block .radio-label::after {
  display: none;
}

.cd-filter-block .checkbox-label::after {
  width: 16px;
  height: 16px;
  background: url(../img/cd-icon-check.svg) no-repeat center center;
}

.cd-filter-block .radio-label::after,
.cd-filter-block .radio-label::before {
  border-radius: 50%;
}

.cd-filter-block .radio-label::after {
  width: 6px;
  height: 6px;
  background-color: #fff;
  left: 5px;
}

.cd-filter-block input[type="checkbox"]:checked + label::before,
.cd-filter-block input[type="radio"]:checked + label::before {
  border-color: #41307c;
  background-color: #41307c;
}

.cd-filter-block input[type="checkbox"]:checked + label::after,
.cd-filter-block input[type="radio"]:checked + label::after {
  display: block;
}

@-moz-document url-prefix() {
  .cd-filter-block .cd-select::after {
    display: none;
  }
}

.promo-menu ul {
  margin: 0;
  list-style-type: none;
  padding: 4px 0 0 8px;
  font-size: 0;
}

.promo-menu ul li {
  display: inline;
  margin-right: 3px;
}

.promo-menu ul li span {
  font-size: 12px;
  text-transform: uppercase;
  color: #fff;
  display: inline-block;
  padding: 7px 10px;
  border-radius: 4px;
  cursor: pointer;
}

.promo-menu ul li span.active,
.promo-menu ul li span:hover {
  text-decoration: none;
  background: #0a5b77;
  background: -moz-linear-gradient(top, #0a5b77 0, #05263d 100%);
  background: -webkit-linear-gradient(top, #0a5b77 0, #05263d 100%);
  background: linear-gradient(to bottom, #0a5b77 0, #05263d 100%);
}

.promo-right {
  float: left;
  background: url(../../image/k9hkd/common/promo-right.png) top left
    no-repeat;
  width: 305px;
}

.promo-leftTitle {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  height: 92px;
  display: none;
}

.promo-button a + a {
  margin-left: 11px;
  margin-top: 10px;
}

.promo-clainnow {
  width: 115px;
  height: 34px;
  display: inline-block;
  background: #86c842;
  border: 1px solid #b3e085;
  border-radius: 4px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  padding-top: 6px;
}

.promo-clainnow:hover {
  background: #f5a53d;
  border: 1px solid #f98f80;
  color: #fff;
  text-decoration: none;
}

.promo-moreinfo,
.promo-moreinfo:focus {
  text-decoration: none;
  width: 115px;
  height: 34px;
  display: inline-block;
  background: #083959;
  border: 1px solid #3ebbf6;
  border-radius: 4px;
  text-align: center;
  font-size: 14px;
  color: #3ebbf6;
  padding-top: 6px;
}

.promo-moreinfo:hover {
  background: #28adec;
  border: 1px solid #3ebbf6;
  color: #fff;
  text-decoration: none;
}

.promo-content {
  background: #023054;
  padding: 12px;
}

.promo-button {
  display: none;
}

@media only screen and (min-width: 400px) {
  .cd-gallery li {
    margin-bottom: 0;
    display: none;
    width: 100%;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
  .cd-gallery li {
    margin-bottom: 0;
    display: none;
    width: 47%;
    margin: 1%;
  }
}

.location {
  border-bottom: 1px solid #28adec;
  margin-bottom: 10px;
  font-size: 12px;
  padding: 5px 0;
  color: #28adec;
  margin: 0 10px;
}

.location span {
  color: #28adec;
  font-size: 20px;
}

.location a {
  color: #28adec;
}

.table-primary {
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid #05385c;
  border-collapse: collapse;
}

.table-primary > tbody > tr > th {
  text-align: center;
  padding: 5px 10px;
  border: 1px solid #05385c;
  background: #0e91bd;
  background: -moz-linear-gradient(top, #0e91bd 0, #043256 100%);
  background: -webkit-linear-gradient(top, #0e91bd 0, #043256 100%);
  background: linear-gradient(to bottom, #0e91bd 0, #043256 100%);
}

.table-primary > tbody > tr > td {
  padding: 5px 10px;
  border: 1px solid #467494;
}

.btn-x {
  border-radius: 50px;
  background: #ffbe00;
  color: #946d00;
  font-weight: bolder;
  font-size: 19px;
  position: absolute;
  right: -10px;
  top: -10px;
  padding: 0 9px;
}

.btn-sub button {
  display: block;
  margin: 0 auto;
  width: 50%;
  margin-top: 30px;
}

.btn-reg {
  background: #ff7f27 !important;
  color: #fff;
}

.contact-in ul {
  margin: 0;
  padding: 0;
}

.contact-in ul li {
  display: table;
  text-align: center;
  list-style: none;
  margin-bottom: 25px;
}

.contact-in ul li span {
  margin: 5px;
  display: table-cell;
  color: #d1b745;
}

.email {
  color: #d1b745;
}

.cnt1 {
  width: 22%;
  text-align: center;
}

.cnt2 {
  width: 15%;
  text-align: left;
}

.cnt3 {
  width: 30%;
  text-align: left;
}

.contact-in ul li span i {
  font-size: 26px;
  text-align: center;
  color: #dac451;
}

.ttpager {
  padding: 10px;
  position: relative;
  margin: 10px;
  background: #132643;
  color: #fff;
}

.ttpager p {
  color: #ff7f27;
  font-size: 18px;
  text-align: center;
  margin: 0;
  font-weight: 700;
}

.ttpager span {
  position: absolute;
  left: 10px;
  font-size: 19px;
}

.ttpager a {
  color: #fff;
}

.form-all {
  margin: 10px;
  margin-bottom: 100px;
}

.form-fa i {
  font-size: 24px;
  padding: 5px;
  color: gold;
}

.vef {
  position: absolute;
  right: 25%;
  bottom: 0;
}

.usr-info {
  text-align: center;
  padding: 10px 0;
}

.usr-info h4 {
  color: #28adec;
  font-weight: 700;
  margin: 0;
}

.usr-info p {
  font-weight: 700;
  margin: 0;
  font-size: 16px;
}

.show-balance {
  color: #d3dee3;
  background-color: #014966;
  text-align: left;
  position: relative;
  text-transform: none;
}

.show-balance:active,
.show-balance:focus,
.show-balance:hover {
  color: #d3dee3;
  background-color: #025b7f;
}

.show-balance:after {
  font-family: icomoon;
  content: "\e927";
  right: 15px;
  position: absolute;
}

.show-balance.collapsed:after {
  content: "\e928";
}

.balance-collapse {
  max-width: 768px;
  margin: 0 auto;
}

.balances {
  padding: 0 40px;
}

.balances table {
  width: 100%;
}

.balances table td {
  color: #a6a6a6;
  font-size: 0.75rem;
  padding: 10px 0;
}

.btn-swap {
  color: #ffed00;
  border: none;
  background-color: transparent;
  font-size: 1.438rem;
  display: inline-block;
}

.btn-swap:active,
.btn-swap:focus,
.btn-swap:hover {
  outline: 0 none;
  color: #216f93;
}

.btn-block {
  display: block;
  width: 100%;
  padding: 6px 12px;
  font-size: 14px;
}

.btn-login {
  background: url(../../images/k9hkd/home/btn.png) no-repeat;
  background-size: 100% 100%;
  color: #ffce00 !important;
}

.btn-register {
  background: url(../../images/k9hkd/home/btn-login.png) no-repeat;
  background-size: 100% 100%;
  color: #000 !important;
}

.btn-block span {
  line-height: 50px;
  padding: 0 10px;
}

.account-item ul li {
  float: left;
  list-style: none;
  width: 33%;
  padding: 15px 30px;
}

.account-item ul {
  margin: 0;
  padding: 0;
}

.account-item ul li img {
  display: block;
  margin: 0 auto;
}

.account-item {
  display: inline-block;
  width: 100%;
  padding: 10px 0;
}

.account-item ul li p {
  text-align: center;
  margin-top: 10px;
}

.history-tab ul {
  margin: 0;
  padding: 0;
}

.history-tab ul li {
  list-style: none;
  float: left;
  margin: 0 2px;
}

.history-tab ul li a {
  background: #ff7f27;
  color: #fff;
  padding: 8px 29px;
  display: inline-block;
  margin-bottom: 10px;
}

.history-tab {
  display: inline-block;
}

.tab {
  overflow: hidden;
}

.tab button {
  background-color: #ff7f27;
  float: left;
  border: none;
  outline: 0;
  cursor: pointer;
  padding: 10px 6px;
  transition: 0.3s;
  font-size: 13px;
  margin-right: 5px;
}

.tab button:hover {
  background-color: #ddd;
}

.tab button.active {
  background-color: #28adec;
}

.tabcontent {
  display: none;
  padding: 20px 12px;
  border-top: none;
}

.history-tab ul li a.active {
  background: #28adec;
}

.result-boxes {
  display: table;
  width: 100%;
  height: 100%;
}

.result-box {
  display: table-cell;
  vertical-align: middle;
  padding: 6px 0 6px 6px;
  font-size: 12px;
}

.col1 {
  width: 10%;
}

.col2 {
  width: 20%;
}

.col3 {
  width: 30%;
}

.col4 {
  width: 40%;
}

.col5 {
  width: 50%;
}

.col6 {
  width: 60%;
}

.col7 {
  width: 70%;
}

.col8 {
  width: 80%;
}

.col9 {
  width: 90%;
}

.col10 {
  width: 100%;
}

.all-result {
  background: #0f87b3;
  background: -moz-linear-gradient(top, #0f87b3 0, #0f4663 45%, #043256 100%);
  background: -webkit-gradient(
    left top,
    left bottom,
    color-stop(0, #0f87b3),
    color-stop(45%, #0f4663),
    color-stop(100%, #043256)
  );
  background: -webkit-linear-gradient(
    top,
    #0f87b3 0,
    #0f4663 45%,
    #043256 100%
  );
  background: -o-linear-gradient(top, #0f87b3 0, #0f4663 45%, #043256 100%);
  background: -ms-linear-gradient(top, #0f87b3 0, #0f4663 45%, #043256 100%);
  background: linear-gradient(to bottom, #0f87b3 0, #0f4663 45%, #043256 100%);
  height: 50px;
}

.mobile-balance {
  background: #006ca2;
  display: inline-block;
  margin: 0 auto;
  width: 100%;
  color: #fff;
}

.dropdown.dropdown-balance button {
  display: block;
  margin: 0 auto;
  cursor: pointer;
}

.btn_balance {
  padding: 6px;
  background: 0 0;
  border: none;
  background: #0b5570;
  background: -moz-linear-gradient(top, #0b5570 0, #06283f 100%);
  background: -webkit-gradient(
    left top,
    left bottom,
    color-stop(0, #0b5570),
    color-stop(100%, #06283f)
  );
  background: -webkit-linear-gradient(top, #0b5570 0, #06283f 100%);
  background: -o-linear-gradient(top, #0b5570 0, #06283f 100%);
  background: -ms-linear-gradient(top, #0b5570 0, #06283f 100%);
  background: linear-gradient(to bottom, #0b5570 0, #06283f 100%);
  border-radius: 5px;
  width: 50%;
}

.suite {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  padding-right: 10px;
  color: #fff;
}

.remaining {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 50%;
  color: #fff;
}

.dropdown-menu li {
  text-align: center;
  display: table;
  width: 100%;
}

.dropdown-menu {
  position: absolute;
  z-index: 1000;
  float: none;
  padding: 5px 0;
  margin: 0;
  font-size: 14px;
  list-style: none;
  width: 100%;
  border: 1px solid #006ca2;
  background: #0b5570;
  background: -moz-linear-gradient(top, #0b5570 0, #06283f 100%);
  background: -webkit-gradient(
    left top,
    left bottom,
    color-stop(0, #0b5570),
    color-stop(100%, #06283f)
  );
  background: -webkit-linear-gradient(top, #0b5570 0, #06283f 100%);
  background: -o-linear-gradient(top, #0b5570 0, #06283f 100%);
  background: -ms-linear-gradient(top, #0b5570 0, #06283f 100%);
  background: linear-gradient(to bottom, #0b5570 0, #06283f 100%);
}

.dropdown-week li {
  padding: 10px 0;
  border-bottom: 1px solid #107094;
}

.dropdown-week li a {
  color: #fff;
}

ul.dropdown-week {
  margin-bottom: 50px;
}

.dropdown-week li:last-child {
  border: none;
}

.btn-angle i {
  padding: 7px 9px;
  background: #28adec;
  border-radius: 5px;
  font-size: 18px;
  color: #fff;
}

span.caret {
  margin-left: 51%;
}

.table-fixed {
  width: 100%;
  background-color: #0e1b31;
  margin-bottom: 50px;
}

.table-fixed tbody {
  height: 730px;
  overflow-y: auto;
  width: 100%;
}

.table-fixed tbody tr:nth-of-type(odd) {
  background: #354258;
  display: inline-block;
  width: 100%;
}

.table-fixed tbody,
.table-fixed td,
.table-fixed th,
.table-fixed thead,
.table-fixed tr {
  display: block;
}

.table-fixed tbody td {
  float: left;
  text-align: center;
  border: none;
}

.table-fixed thead tr th {
  float: left;
  background-color: #0e1b31;
  border: none;
  color: #28adec;
  text-align: center;
}

.tour-img img {
  display: block;
  margin: 0 auto;
}

.dropdownlist-week {
  width: 50%;
  background: #0b5570;
  background: -moz-linear-gradient(top, #0b5570 0, #06283f 100%);
  background: -webkit-gradient(
    left top,
    left bottom,
    color-stop(0, #0b5570),
    color-stop(100%, #06283f)
  );
  background: -webkit-linear-gradient(top, #0b5570 0, #06283f 100%);
  background: -o-linear-gradient(top, #0b5570 0, #06283f 100%);
  background: -ms-linear-gradient(top, #0b5570 0, #06283f 100%);
  background: linear-gradient(to bottom, #0b5570 0, #06283f 100%);
  border-radius: 5px;
  color: #fff;
  height: 33px;
  padding: 0 10px;
}

select#sltWeekChg option {
  color: #29adec;
  background: #043457;
}

.game-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  font-size: 14px;
  padding: 3px 0;
}

a.btn-playA {
  background: #86c842;
  border: 1px solid #b3e085;
  border-radius: 0;
  text-align: center;
  font-size: 14px;
  color: #fff;
  width: 100%;
  display: block;
}

.home-bg2 {
  margin-bottom: 100px;
}

.navbar-fixed-top {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 3;
  height: 67px !important;
  border-bottom: 1px solid red;
}

.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  z-index: 3;
  height: 65px !important;
  padding: 0;
}

.onCanvas {
  width: 100%;
  position: relative;
  height: 100%;
  float: left;
  z-index: 2;
}

.overflow_hidden,
.overflow_hidden .onCanvas,
.overflow_hidden body {
  overflow: hidden !important;
  height: 100%;
}

html.offCanvas_open body .onCanvas {
  -webkit-transform: translateX(-260px);
  -moz-transform: translateX(-260px);
  -ms-transform: translateX(-260px);
  -o-transform: translateX(-260px);
  transform: translateX(-260px);
}

html.offCanvas_open body .onCanvas.onCanvas_left {
  -webkit-transform: translateX(260px);
  -moz-transform: translateX(260px);
  -ms-transform: translateX(260px);
  -o-transform: translateX(260px);
  transform: translateX(260px);
}

@media screen and (min-width: 365px) {
  html.offCanvas_open body .onCanvas {
    -webkit-transform: translateX(-300px);
    -moz-transform: translateX(-300px);
    -ms-transform: translateX(-300px);
    -o-transform: translateX(-300px);
    transform: translateX(-300px);
  }

  html.offCanvas_open body .onCanvas.onCanvas_left {
    -webkit-transform: translateX(300px);
    -moz-transform: translateX(300px);
    -ms-transform: translateX(300px);
    -o-transform: translateX(300px);
    transform: translateX(300px);
  }
}

.footer-col {
  width: 25%;
  float: left;
}

.footer-col-x {
  float: left;
}

.nav-top {
  margin-top: 50px !important;
}

.nav-item {
  height: 58px;
  overflow: visible;
  display: inline;
}

.nav-item a {
  height: 58px;
  line-height: 59px;
  background-repeat: no-repeat;
  background-size: 30px 30px;
  color: #fff;
  font-size: 14px;
  padding-left: 60px;
  border-bottom: 1px solid #b8383e;
}

.nav-item a.active,
.nav-item a:focus {
  background: 0 0 !important;
}

.nav-item-submenu a {
  background-repeat: no-repeat;
  background-size: 10px 10px;
  margin-bottom: 0;
  margin-top: 0;
  height: 50px !important;
  line-height: 50px !important;
  background-position: 25px 20px;
  padding-left: 60px;
  margin-left: 0;
  font-size: 12px;
  font-weight: 400;
  color: #7d7d7e;
  border-bottom: solid 1px rgba(255, 255, 255, 0.03);
}

.nav-item-submenu a:last-child {
  border-bottom: none !important;
}

.sidebar-updates {
  margin-top: 20px;
  margin-bottom: 20px;
}

.navbar .fa {
  display: block !important;
  font-size: 20px !important;
  padding-top: 8px;
}

.navbar {
  -webkit-border-radius: 0;
  border-radius: 0;
}

.barFixed {
  border: 0 none;
  position: fixed;
  /*bottom: 0;*/
}

.footer-xs {
  color: #fff;
  text-align: center;
  padding-bottom: 5px;
}

.footer-xs a {
  color: #fff;
}

.btn-top {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.42857143;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  margin: auto;
  padding: 0;
  margin: 0;
  float: none;
  border: none;
}

.btn-top img {
  margin: 4px auto 0 auto;
  width: 25px;
  display: block;
}

.btn-bottom {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.42857143;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  margin: auto;
  padding: 0;
  margin: 0;
  float: none;
  border: none;
}

.btn-bottom img {
  margin: 10px auto 0 auto;
  display: block;
  height: 55px;
}

.nav .col-xs-3 {
  padding-left: 0;
  padding-right: 0;
}

.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
  background-color: rgba(51, 51, 51, 0);
  outline: 0;
}

.circle {
  background: red;
  border-radius: 200px;
  color: #fff;
  height: 20px;
  font-weight: 700;
  width: 20px;
  display: table;
}

.circle p {
  vertical-align: middle;
  display: table-cell;
}

.block {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 5px;
}

.navbar-inverse .navbar-toggle {
  border-color: #333;
  width: 100%;
}

#tab_change li.active button {
  color: #fff;
}

button.btn.btn-default.btn-bottom {
  color: #fff;
  background: #00a3ff;
  border: none;
  padding: 7px 10px;
  font-size: 16px;
}

.pt-game {
  margin-top: 10px;
  padding: 0 10px;
  display: inline-block;
}

.game-item {
  border: 3px solid rgba(255, 255, 255, 0);
  margin-bottom: 5px;
  width: 50%;
  float: left;
}

a.btn-fun {
  text-align: center;
  background: #28adec;
  color: #fff;
  width: 100%;
  display: block;
  padding: 6px;
}

a.btn-play {
  text-align: center;
  background: #ff7f27;
  color: #fff;
  width: 100%;
  display: block;
  padding: 6px;
}

.game-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  color: #fff;
  padding: 8px 0;
}

.thumbnail {
  padding: 0;
  background: 0 0;
  border-radius: 0;
}

.thumbnail img {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  display: block;
  max-width: 100%;
  height: auto;
}

ul.tab-slot {
  margin: 0;
  padding: 0;
  display: inline-block;
  margin-bottom: 10px;
}

ul.tab-slot li {
  list-style: none;
  float: left;
  margin: 0 3px;
}

ul.tab-slot li a {
  padding: 5px 10px;
  border: 1px solid #ff7f27;
  border-radius: 5px;
  color: #fff;
}

ul.tab-slot li.active a {
  background: #28adec !important;
  border-radius: 5px;
  color: #fff;
}

ul.tab-slot li a:hover {
  background: #28adec;
}

@media only screen and (max-width: 320px) {
  .game-title {
    font-size: 12px;
  }
}

@media (min-width: 992px) {
  .game-item {
    width: 16.66666667%;
  }
}

@media (min-width: 768px) {
  .game-item {
    width: 25%;
    border: 3px solid rgba(255, 255, 255, 0);
  }
}

.img-center img {
  display: block;
  margin: 0 auto;
}

.kiss-game {
  margin-top: 10px;
  padding: 0 10px;
}

.wrap-announcement {
  background: #000;
  margin: 0 auto;
  font-size: 12px;
  height: 30px;
}

#lblAnnouncementMobile {
  color: #f4d248;
}

.fa-edit,
.fas {
  font-size: 1em;
  color: #efcd44;
}

.wrap-announcement .icon-annouce {
  float: left;
  width: 45px;
  padding-top: 8px;
  color: #f1d046;
  background: #000;
  text-align: center;
  height: 30px;
  font-size: 15px;
  font-family: "Open Sans", "Microsoft Yahei", sans-serif !important;
}

.icon-annouce i {
  color: #f5d44a;
}

.wrap-announcement .runningtxt {
  float: left;
  width: calc(100% - 45px);
  padding-top: 1px;
  color: #fff;
  font-size: 15px;
  padding-left: 5px;
  position: relative;
  top: 4px;
  overflow: hidden;
}

.in-item {
  width: 100%;
  height: auto;
  text-align: center;
  margin: 0 auto;
  padding: 0;
  display: block;
}

.form-horizontal .form-group {
  margin: 0;
}

.btn-user {
  background: #132643;
  display: inline-block;
  width: 100%;
  padding: 10px 14px;
}

.product-item ul li img {
  display: block;
  border-radius: 5px 5px 0 0;
  border: 1px solid #f9d94e;
  margin: 0 auto;
  text-align: center;
  position: relative;
}

.nav > li:first-child .footer-col-x {
  border: none;
}

.side-nav-items > li > a.active {
  background: #2b4d81;
}

.footer ul li.active .footer-col-x {
  background: #2b4d81;
}

.img-smile img {
  display: block;
  margin: 0 auto;
}

.in-content {
  border: 1px solid #28adec;
  margin-top: 15px;
  padding: 5px;
}

.in-content ol {
  margin: 0;
  padding: 0;
  padding-left: 17px;
}

.in-content p {
  line-height: 24px;
}

.prov {
  padding: 5px 10px;
  margin-top: 0;
  display: inline-block;
  width: 100%;
}

.cpy-r {
  font-size: 10px;
  text-align: center;
  padding: 0 10px;
  margin-top: 15px;
  color: #e7c23b;
}

.prov img {
  display: block;
  margin: 0 auto;
}

.in-tlt {
  background-image: linear-gradient(#b58405, #f9d94e, #b58405);
  max-width: 255px;
  width: 100%;
  bottom: 0;
  color: #000;
  text-align: center;
  margin: 0 auto;
  padding: 5px 0;
  border-radius: 0 0 8px 8px;
  font-weight: 700;
}

.ficon {
  font-weight: 100 !important;
  font-size: 26px !important;
}

.forgot {
  color: #decc58;
}

.contro-code {
  width: 46px;
}

.codet label {
  color: #eee36f;
}

._notice span {
  color: #ffbd00 !important;
}

.modal-dialog-centered {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - 1rem);
}

.text-gold {
  color: #d2b947;
}

.loading {
  height: 100%;
  z-index: 1052;
  position: fixed;
  margin: auto;
  left: 0;
  top: 0;
  width: 100%;
  display: none;
}

.loading::before {
  content: "";
  position: inherit;
  top: 50%;
  transform: translateX(-50%);
  left: 50%;
  width: 48px;
  height: 48px;
  background: url(../../images/main/user/loading.gif) no-repeat;
}

.center-tab a {
  background-color: #1d1b1b;
  color: #f1d046;
}

.center-tab a.active,
.center-tab a:hover {
  background-color: #f1d046;
  color: #1d1b1b;
  background-clip: content-box;
}

.gradient {
  background-color: #f9d94e;
  color: #222;
}

.gradient:focus,
.gradient:hover {
  color: #111;
}

.list a {
  background-color: #1d1b1b;
  color: #f4d248;
}

.main {
  margin-bottom: 100px;
}

.center h2 {
  background-color: #1d1b1b;
  color: #f4d248;
}

.notice {
  background-color: #000;
}

.notice span {
  background-color: #f1d046;
}

.casino a span i {
  background-color: #f1d046;
}

.casino a {
  background-color: #1d1b1b;
}

.casino a span h6 {
  color: #f4d248;
}

.casino a span p {
  color: #e0e0e0;
}

.slots-contant a span {
  background-color: #f4d248;
  color: #1d1b1b;
}

.slots-tab a.active,
.slots-tab a:hover {
  background-color: #f4d248;
  color: #1d1b1b;
}

.slots-tab a {
  background-color: #0e0e0e;
  color: #f4d248;
}

.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}

.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  height: 15px;
  bottom: 0;
  position: absolute;
}

.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  width: 15px;
  right: 0;
  position: absolute;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}

.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y,
.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y {
  opacity: 0.6;
}

.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-x:focus,
.ps .ps__rail-x:hover,
.ps .ps__rail-y.ps--clicking,
.ps .ps__rail-y:focus,
.ps .ps__rail-y:hover {
  background-color: #eee;
  opacity: 0.9;
}

.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color 0.2s linear, height 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out;
  height: 6px;
  bottom: 2px;
  position: absolute;
}

.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color 0.2s linear, width 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out;
  width: 6px;
  right: 2px;
  position: absolute;
}

.ps__rail-x.ps--clicking .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x:hover > .ps__thumb-x {
  background-color: #999;
  height: 11px;
}

.ps__rail-y.ps--clicking .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y:hover > .ps__thumb-y {
  background-color: #999;
  width: 11px;
}

@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}

.container-fluid {
  box-sizing: border-box;
}

.deposit_info {
  border: 1px solid #eee;
  padding: 10px 15px;
}

.deposit_info p {
  color: #f1f1f1;
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

.dialog-text {
  font-size: 1.3rem;
  color: #aaa;
}

.form-control:focus {
  background-color: transparent;
}

.checkbox input[type="checkbox"] {
  width: inherit;
  height: 21px;
}

.provider-item .btn-turnover {
  border: 1px solid #f4f4f4 !important;
}

.checkbox label span {
  color: #bbb;
}

.provider-item {
  display: flex;
  flex-wrap: wrap;
}

.provider-item a {
  color: #333 !important;
}

.ui-content {
  margin-bottom: 100px;
  margin-top: 10px;
}

.promo-row-wrapper {
  margin-bottom: 0.8rem;
}

.promo-row-wrapper .subtitle {
  color: #fff;
  font-size: 1.3rem;
}

.wrap-promo {
  margin-bottom: 90px;
}
.wrap-promo .VipMember{
  display: none;
}
.navbar-promo {
  padding: 0;
  min-height: auto;
}

.card-promo {
  border-radius: 0;
  background-color: #161411;
  margin-bottom: 1rem;
}

.navbar-promo .navbar-nav {
  white-space: nowrap;
  overflow-x: auto;
  width: 100%;
  margin: 0;
  -webkit-overflow-scrolling: auto;
}

.navbar-promo .navbar-nav .nav-item {
  width: 100%;
  text-align: center;
  height: auto;
}

.navbar-promo .navbar-nav .nav-item a {
  border: 0 none;
  height: inherit;
}

.card-promo .card-body .card-title {
  font-size: 1rem;
  color: #fff;
}

.wrap-promo .modal-dialog {
  vertical-align: top;
  width: 100%;
  max-width: 100%;
  margin: 0;
}

.wrap-promo .modal-content {
  border: 0 none;
  border-radius: 0;
}

.wrap-promo .modal-header {
  border-radius: 0;
  background: #252424;
}

.wrap-promo .modal-dialog {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.wrap-promo .modal-content {
  height: auto;
  min-height: 100%;
  border-radius: 0;
}

.wrap-promo .close span,
div[aria-labelledby="bootpopup-title"] .modal-header .close span {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: #ddd;
}

.modal-open .body {
  overflow: hidden;
}

.modal-open .modal {
  -webkit-overflow-scrolling: touch;
}

div[aria-labelledby="bootpopup-title"] .modal-header {
  background: 0 0;
}

div[aria-labelledby="bootpopup-title"] .modal-body p {
  color: #fff;
}

.embed-close {
  display: block;
  position: absolute;
  top: 10px;
  right: 0;
  color: #fff;
}

.product-item ul li .embed-close img {
  border: 0 none;
  margin: 0 0 0 auto;
  width: 100%;
}

.login-buttons .col .btn-login span {
  animation-name: angry-animation;
  animation-duration: 1.2s;
  animation-timing-function: linear;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  display: block;
  line-height: inherit;
  color: inherit;
  font-weight: 600;
}

.blink-effect {
  animation-name: angry-animation;
  animation-duration: 1.2s;
  animation-timing-function: linear;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
}

@keyframes angry-animation {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  75% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.register-option {
  display: none;
  opacity: 0;
  transition: display 0s linear 0.33s, opacity 0.33s linear;
}

.register-option.active {
  display: block;
  opacity: 1;
  transition-delay: 0s;
}

.affiliate_pdf {
  display: block;
  text-align: center;
  color: #fff;
  padding-top: 10px;
}

.affiliate_pdf span {
  color: #fff;
}

.btn-code {
  padding: 0.45rem 0.5rem;
  font-size: 0.875rem;
}

.iti {
  position: relative;
  display: block;
}

.iti * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.iti__hide {
  display: none;
}

.iti__v-hide {
  visibility: hidden;
}

.iti input,
.iti input[type="tel"],
.iti input[type="text"] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: 36px;
  margin-right: 0;
}

.iti__flag-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 1px;
}

.iti__selected-flag {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 6px 0 8px;
}

.iti__arrow {
  margin-left: 6px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555;
}

.iti__arrow--up {
  border-top: none;
  border-bottom: 4px solid #555;
}

.iti__country-list {
  position: absolute;
  z-index: 2;
  list-style: none;
  text-align: left;
  padding: 0;
  margin: 0 0 0 -1px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  border: 1px solid #ccc;
  white-space: nowrap;
  max-height: 200px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.iti__country-list--dropup {
  bottom: 100%;
  margin-bottom: -1px;
}

@media (max-width: 500px) {
  .iti__country-list {
    white-space: normal;
  }
}

.iti__flag-box {
  display: inline-block;
  width: 20px;
}

.iti__divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #ccc;
}

.iti__country {
  padding: 5px 10px;
  outline: 0;
}

.iti__dial-code {
  color: #999;
}

.iti__country.iti__highlight {
  background-color: rgba(0, 0, 0, 0.05);
}

.iti__country-name,
.iti__dial-code,
.iti__flag-box {
  vertical-align: middle;
}

.iti__country-name,
.iti__flag-box {
  margin-right: 6px;
}

.iti--allow-dropdown input,
.iti--allow-dropdown input[type="tel"],
.iti--allow-dropdown input[type="text"],
.iti--separate-dial-code input,
.iti--separate-dial-code input[type="tel"],
.iti--separate-dial-code input[type="text"] {
  padding-right: 6px;
  margin-left: 0;
}

.iti--allow-dropdown .iti__flag-container,
.iti--separate-dial-code .iti__flag-container {
  right: auto;
  left: 0;
}

.iti--allow-dropdown .iti__flag-container:hover {
  cursor: pointer;
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}

.iti--allow-dropdown input[disabled] + .iti__flag-container:hover,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
  cursor: default;
}

.iti--allow-dropdown
  input[disabled]
  + .iti__flag-container:hover
  .iti__selected-flag,
.iti--allow-dropdown
  input[readonly]
  + .iti__flag-container:hover
  .iti__selected-flag {
  background-color: transparent;
}

.iti--separate-dial-code .iti__selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}

.iti--separate-dial-code .iti__selected-dial-code {
  margin-left: 6px;
}

.iti--container {
  position: absolute;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: 1px;
}

.iti--container:hover {
  cursor: pointer;
}

.iti-mobile .iti--container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed;
}

.iti-mobile .iti__country-list {
  max-height: 100%;
  width: 100%;
}

.iti-mobile .iti__country {
  padding: 10px 10px;
  line-height: 1.5em;
}

.iti__flag {
  width: 20px;
}

.iti__flag.iti__be {
  width: 18px;
}

.iti__flag.iti__ch {
  width: 15px;
}

.iti__flag.iti__mc {
  width: 19px;
}

.iti__flag.iti__ne {
  width: 18px;
}

.iti__flag.iti__np {
  width: 13px;
}

.iti__flag.iti__va {
  width: 15px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {
    background-size: 5652px 15px;
  }
}

.iti__flag.iti__ac {
  height: 10px;
  background-position: 0 0;
}

.iti__flag.iti__ad {
  height: 14px;
  background-position: -22px 0;
}

.iti__flag.iti__ae {
  height: 10px;
  background-position: -44px 0;
}

.iti__flag.iti__af {
  height: 14px;
  background-position: -66px 0;
}

.iti__flag.iti__ag {
  height: 14px;
  background-position: -88px 0;
}

.iti__flag.iti__ai {
  height: 10px;
  background-position: -110px 0;
}

.iti__flag.iti__al {
  height: 15px;
  background-position: -132px 0;
}

.iti__flag.iti__am {
  height: 10px;
  background-position: -154px 0;
}

.iti__flag.iti__ao {
  height: 14px;
  background-position: -176px 0;
}

.iti__flag.iti__aq {
  height: 14px;
  background-position: -198px 0;
}

.iti__flag.iti__ar {
  height: 13px;
  background-position: -220px 0;
}

.iti__flag.iti__as {
  height: 10px;
  background-position: -242px 0;
}

.iti__flag.iti__at {
  height: 14px;
  background-position: -264px 0;
}

.iti__flag.iti__au {
  height: 10px;
  background-position: -286px 0;
}

.iti__flag.iti__aw {
  height: 14px;
  background-position: -308px 0;
}

.iti__flag.iti__ax {
  height: 13px;
  background-position: -330px 0;
}

.iti__flag.iti__az {
  height: 10px;
  background-position: -352px 0;
}

.iti__flag.iti__ba {
  height: 10px;
  background-position: -374px 0;
}

.iti__flag.iti__bb {
  height: 14px;
  background-position: -396px 0;
}

.iti__flag.iti__bd {
  height: 12px;
  background-position: -418px 0;
}

.iti__flag.iti__be {
  height: 15px;
  background-position: -440px 0;
}

.iti__flag.iti__bf {
  height: 14px;
  background-position: -460px 0;
}

.iti__flag.iti__bg {
  height: 12px;
  background-position: -482px 0;
}

.iti__flag.iti__bh {
  height: 12px;
  background-position: -504px 0;
}

.iti__flag.iti__bi {
  height: 12px;
  background-position: -526px 0;
}

.iti__flag.iti__bj {
  height: 14px;
  background-position: -548px 0;
}

.iti__flag.iti__bl {
  height: 14px;
  background-position: -570px 0;
}

.iti__flag.iti__bm {
  height: 10px;
  background-position: -592px 0;
}

.iti__flag.iti__bn {
  height: 10px;
  background-position: -614px 0;
}

.iti__flag.iti__bo {
  height: 14px;
  background-position: -636px 0;
}

.iti__flag.iti__bq {
  height: 14px;
  background-position: -658px 0;
}

.iti__flag.iti__br {
  height: 14px;
  background-position: -680px 0;
}

.iti__flag.iti__bs {
  height: 10px;
  background-position: -702px 0;
}

.iti__flag.iti__bt {
  height: 14px;
  background-position: -724px 0;
}

.iti__flag.iti__bv {
  height: 15px;
  background-position: -746px 0;
}

.iti__flag.iti__bw {
  height: 14px;
  background-position: -768px 0;
}

.iti__flag.iti__by {
  height: 10px;
  background-position: -790px 0;
}

.iti__flag.iti__bz {
  height: 14px;
  background-position: -812px 0;
}

.iti__flag.iti__ca {
  height: 10px;
  background-position: -834px 0;
}

.iti__flag.iti__cc {
  height: 10px;
  background-position: -856px 0;
}

.iti__flag.iti__cd {
  height: 15px;
  background-position: -878px 0;
}

.iti__flag.iti__cf {
  height: 14px;
  background-position: -900px 0;
}

.iti__flag.iti__cg {
  height: 14px;
  background-position: -922px 0;
}

.iti__flag.iti__ch {
  height: 15px;
  background-position: -944px 0;
}

.iti__flag.iti__ci {
  height: 14px;
  background-position: -961px 0;
}

.iti__flag.iti__ck {
  height: 10px;
  background-position: -983px 0;
}

.iti__flag.iti__cl {
  height: 14px;
  background-position: -1005px 0;
}

.iti__flag.iti__cm {
  height: 14px;
  background-position: -1027px 0;
}

.iti__flag.iti__cn {
  height: 14px;
  background-position: -1049px 0;
}

.iti__flag.iti__co {
  height: 14px;
  background-position: -1071px 0;
}

.iti__flag.iti__cp {
  height: 14px;
  background-position: -1093px 0;
}

.iti__flag.iti__cr {
  height: 12px;
  background-position: -1115px 0;
}

.iti__flag.iti__cu {
  height: 10px;
  background-position: -1137px 0;
}

.iti__flag.iti__cv {
  height: 12px;
  background-position: -1159px 0;
}

.iti__flag.iti__cw {
  height: 14px;
  background-position: -1181px 0;
}

.iti__flag.iti__cx {
  height: 10px;
  background-position: -1203px 0;
}

.iti__flag.iti__cy {
  height: 14px;
  background-position: -1225px 0;
}

.iti__flag.iti__cz {
  height: 14px;
  background-position: -1247px 0;
}

.iti__flag.iti__de {
  height: 12px;
  background-position: -1269px 0;
}

.iti__flag.iti__dg {
  height: 10px;
  background-position: -1291px 0;
}

.iti__flag.iti__dj {
  height: 14px;
  background-position: -1313px 0;
}

.iti__flag.iti__dk {
  height: 15px;
  background-position: -1335px 0;
}

.iti__flag.iti__dm {
  height: 10px;
  background-position: -1357px 0;
}

.iti__flag.iti__do {
  height: 14px;
  background-position: -1379px 0;
}

.iti__flag.iti__dz {
  height: 14px;
  background-position: -1401px 0;
}

.iti__flag.iti__ea {
  height: 14px;
  background-position: -1423px 0;
}

.iti__flag.iti__ec {
  height: 14px;
  background-position: -1445px 0;
}

.iti__flag.iti__ee {
  height: 13px;
  background-position: -1467px 0;
}

.iti__flag.iti__eg {
  height: 14px;
  background-position: -1489px 0;
}

.iti__flag.iti__eh {
  height: 10px;
  background-position: -1511px 0;
}

.iti__flag.iti__er {
  height: 10px;
  background-position: -1533px 0;
}

.iti__flag.iti__es {
  height: 14px;
  background-position: -1555px 0;
}

.iti__flag.iti__et {
  height: 10px;
  background-position: -1577px 0;
}

.iti__flag.iti__eu {
  height: 14px;
  background-position: -1599px 0;
}

.iti__flag.iti__fi {
  height: 12px;
  background-position: -1621px 0;
}

.iti__flag.iti__fj {
  height: 10px;
  background-position: -1643px 0;
}

.iti__flag.iti__fk {
  height: 10px;
  background-position: -1665px 0;
}

.iti__flag.iti__fm {
  height: 11px;
  background-position: -1687px 0;
}

.iti__flag.iti__fo {
  height: 15px;
  background-position: -1709px 0;
}

.iti__flag.iti__fr {
  height: 14px;
  background-position: -1731px 0;
}

.iti__flag.iti__ga {
  height: 15px;
  background-position: -1753px 0;
}

.iti__flag.iti__gb {
  height: 10px;
  background-position: -1775px 0;
}

.iti__flag.iti__gd {
  height: 12px;
  background-position: -1797px 0;
}

.iti__flag.iti__ge {
  height: 14px;
  background-position: -1819px 0;
}

.iti__flag.iti__gf {
  height: 14px;
  background-position: -1841px 0;
}

.iti__flag.iti__gg {
  height: 14px;
  background-position: -1863px 0;
}

.iti__flag.iti__gh {
  height: 14px;
  background-position: -1885px 0;
}

.iti__flag.iti__gi {
  height: 10px;
  background-position: -1907px 0;
}

.iti__flag.iti__gl {
  height: 14px;
  background-position: -1929px 0;
}

.iti__flag.iti__gm {
  height: 14px;
  background-position: -1951px 0;
}

.iti__flag.iti__gn {
  height: 14px;
  background-position: -1973px 0;
}

.iti__flag.iti__gp {
  height: 14px;
  background-position: -1995px 0;
}

.iti__flag.iti__gq {
  height: 14px;
  background-position: -2017px 0;
}

.iti__flag.iti__gr {
  height: 14px;
  background-position: -2039px 0;
}

.iti__flag.iti__gs {
  height: 10px;
  background-position: -2061px 0;
}

.iti__flag.iti__gt {
  height: 13px;
  background-position: -2083px 0;
}

.iti__flag.iti__gu {
  height: 11px;
  background-position: -2105px 0;
}

.iti__flag.iti__gw {
  height: 10px;
  background-position: -2127px 0;
}

.iti__flag.iti__gy {
  height: 12px;
  background-position: -2149px 0;
}

.iti__flag.iti__hk {
  height: 14px;
  background-position: -2171px 0;
}

.iti__flag.iti__hm {
  height: 10px;
  background-position: -2193px 0;
}

.iti__flag.iti__hn {
  height: 10px;
  background-position: -2215px 0;
}

.iti__flag.iti__hr {
  height: 10px;
  background-position: -2237px 0;
}

.iti__flag.iti__ht {
  height: 12px;
  background-position: -2259px 0;
}

.iti__flag.iti__hu {
  height: 10px;
  background-position: -2281px 0;
}

.iti__flag.iti__ic {
  height: 14px;
  background-position: -2303px 0;
}

.iti__flag.iti__id {
  height: 14px;
  background-position: -2325px 0;
}

.iti__flag.iti__ie {
  height: 10px;
  background-position: -2347px 0;
}

.iti__flag.iti__il {
  height: 15px;
  background-position: -2369px 0;
}

.iti__flag.iti__im {
  height: 10px;
  background-position: -2391px 0;
}

.iti__flag.iti__in {
  height: 14px;
  background-position: -2413px 0;
}

.iti__flag.iti__io {
  height: 10px;
  background-position: -2435px 0;
}

.iti__flag.iti__iq {
  height: 14px;
  background-position: -2457px 0;
}

.iti__flag.iti__ir {
  height: 12px;
  background-position: -2479px 0;
}

.iti__flag.iti__is {
  height: 15px;
  background-position: -2501px 0;
}

.iti__flag.iti__it {
  height: 14px;
  background-position: -2523px 0;
}

.iti__flag.iti__je {
  height: 12px;
  background-position: -2545px 0;
}

.iti__flag.iti__jm {
  height: 10px;
  background-position: -2567px 0;
}

.iti__flag.iti__jo {
  height: 10px;
  background-position: -2589px 0;
}

.iti__flag.iti__jp {
  height: 14px;
  background-position: -2611px 0;
}

.iti__flag.iti__ke {
  height: 14px;
  background-position: -2633px 0;
}

.iti__flag.iti__kg {
  height: 12px;
  background-position: -2655px 0;
}

.iti__flag.iti__kh {
  height: 13px;
  background-position: -2677px 0;
}

.iti__flag.iti__ki {
  height: 10px;
  background-position: -2699px 0;
}

.iti__flag.iti__km {
  height: 12px;
  background-position: -2721px 0;
}

.iti__flag.iti__kn {
  height: 14px;
  background-position: -2743px 0;
}

.iti__flag.iti__kp {
  height: 10px;
  background-position: -2765px 0;
}

.iti__flag.iti__kr {
  height: 14px;
  background-position: -2787px 0;
}

.iti__flag.iti__kw {
  height: 10px;
  background-position: -2809px 0;
}

.iti__flag.iti__ky {
  height: 10px;
  background-position: -2831px 0;
}

.iti__flag.iti__kz {
  height: 10px;
  background-position: -2853px 0;
}

.iti__flag.iti__la {
  height: 14px;
  background-position: -2875px 0;
}

.iti__flag.iti__lb {
  height: 14px;
  background-position: -2897px 0;
}

.iti__flag.iti__lc {
  height: 10px;
  background-position: -2919px 0;
}

.iti__flag.iti__li {
  height: 12px;
  background-position: -2941px 0;
}

.iti__flag.iti__lk {
  height: 10px;
  background-position: -2963px 0;
}

.iti__flag.iti__lr {
  height: 11px;
  background-position: -2985px 0;
}

.iti__flag.iti__ls {
  height: 14px;
  background-position: -3007px 0;
}

.iti__flag.iti__lt {
  height: 12px;
  background-position: -3029px 0;
}

.iti__flag.iti__lu {
  height: 12px;
  background-position: -3051px 0;
}

.iti__flag.iti__lv {
  height: 10px;
  background-position: -3073px 0;
}

.iti__flag.iti__ly {
  height: 10px;
  background-position: -3095px 0;
}

.iti__flag.iti__ma {
  height: 14px;
  background-position: -3117px 0;
}

.iti__flag.iti__mc {
  height: 15px;
  background-position: -3139px 0;
}

.iti__flag.iti__md {
  height: 10px;
  background-position: -3160px 0;
}

.iti__flag.iti__me {
  height: 10px;
  background-position: -3182px 0;
}

.iti__flag.iti__mf {
  height: 14px;
  background-position: -3204px 0;
}

.iti__flag.iti__mg {
  height: 14px;
  background-position: -3226px 0;
}

.iti__flag.iti__mh {
  height: 11px;
  background-position: -3248px 0;
}

.iti__flag.iti__mk {
  height: 10px;
  background-position: -3270px 0;
}

.iti__flag.iti__ml {
  height: 14px;
  background-position: -3292px 0;
}

.iti__flag.iti__mm {
  height: 14px;
  background-position: -3314px 0;
}

.iti__flag.iti__mn {
  height: 10px;
  background-position: -3336px 0;
}

.iti__flag.iti__mo {
  height: 14px;
  background-position: -3358px 0;
}

.iti__flag.iti__mp {
  height: 10px;
  background-position: -3380px 0;
}

.iti__flag.iti__mq {
  height: 14px;
  background-position: -3402px 0;
}

.iti__flag.iti__mr {
  height: 14px;
  background-position: -3424px 0;
}

.iti__flag.iti__ms {
  height: 10px;
  background-position: -3446px 0;
}

.iti__flag.iti__mt {
  height: 14px;
  background-position: -3468px 0;
}

.iti__flag.iti__mu {
  height: 14px;
  background-position: -3490px 0;
}

.iti__flag.iti__mv {
  height: 14px;
  background-position: -3512px 0;
}

.iti__flag.iti__mw {
  height: 14px;
  background-position: -3534px 0;
}

.iti__flag.iti__mx {
  height: 12px;
  background-position: -3556px 0;
}

.iti__flag.iti__my {
  height: 10px;
  background-position: -3578px 0;
}

.iti__flag.iti__mz {
  height: 14px;
  background-position: -3600px 0;
}

.iti__flag.iti__na {
  height: 14px;
  background-position: -3622px 0;
}

.iti__flag.iti__nc {
  height: 10px;
  background-position: -3644px 0;
}

.iti__flag.iti__ne {
  height: 15px;
  background-position: -3666px 0;
}

.iti__flag.iti__nf {
  height: 10px;
  background-position: -3686px 0;
}

.iti__flag.iti__ng {
  height: 10px;
  background-position: -3708px 0;
}

.iti__flag.iti__ni {
  height: 12px;
  background-position: -3730px 0;
}

.iti__flag.iti__nl {
  height: 14px;
  background-position: -3752px 0;
}

.iti__flag.iti__no {
  height: 15px;
  background-position: -3774px 0;
}

.iti__flag.iti__np {
  height: 15px;
  background-position: -3796px 0;
}

.iti__flag.iti__nr {
  height: 10px;
  background-position: -3811px 0;
}

.iti__flag.iti__nu {
  height: 10px;
  background-position: -3833px 0;
}

.iti__flag.iti__nz {
  height: 10px;
  background-position: -3855px 0;
}

.iti__flag.iti__om {
  height: 10px;
  background-position: -3877px 0;
}

.iti__flag.iti__pa {
  height: 14px;
  background-position: -3899px 0;
}

.iti__flag.iti__pe {
  height: 14px;
  background-position: -3921px 0;
}

.iti__flag.iti__pf {
  height: 14px;
  background-position: -3943px 0;
}

.iti__flag.iti__pg {
  height: 15px;
  background-position: -3965px 0;
}

.iti__flag.iti__ph {
  height: 10px;
  background-position: -3987px 0;
}

.iti__flag.iti__pk {
  height: 14px;
  background-position: -4009px 0;
}

.iti__flag.iti__pl {
  height: 13px;
  background-position: -4031px 0;
}

.iti__flag.iti__pm {
  height: 14px;
  background-position: -4053px 0;
}

.iti__flag.iti__pn {
  height: 10px;
  background-position: -4075px 0;
}

.iti__flag.iti__pr {
  height: 14px;
  background-position: -4097px 0;
}

.iti__flag.iti__ps {
  height: 10px;
  background-position: -4119px 0;
}

.iti__flag.iti__pt {
  height: 14px;
  background-position: -4141px 0;
}

.iti__flag.iti__pw {
  height: 13px;
  background-position: -4163px 0;
}

.iti__flag.iti__py {
  height: 11px;
  background-position: -4185px 0;
}

.iti__flag.iti__qa {
  height: 8px;
  background-position: -4207px 0;
}

.iti__flag.iti__re {
  height: 14px;
  background-position: -4229px 0;
}

.iti__flag.iti__ro {
  height: 14px;
  background-position: -4251px 0;
}

.iti__flag.iti__rs {
  height: 14px;
  background-position: -4273px 0;
}

.iti__flag.iti__ru {
  height: 14px;
  background-position: -4295px 0;
}

.iti__flag.iti__rw {
  height: 14px;
  background-position: -4317px 0;
}

.iti__flag.iti__sa {
  height: 14px;
  background-position: -4339px 0;
}

.iti__flag.iti__sb {
  height: 10px;
  background-position: -4361px 0;
}

.iti__flag.iti__sc {
  height: 10px;
  background-position: -4383px 0;
}

.iti__flag.iti__sd {
  height: 10px;
  background-position: -4405px 0;
}

.iti__flag.iti__se {
  height: 13px;
  background-position: -4427px 0;
}

.iti__flag.iti__sg {
  height: 14px;
  background-position: -4449px 0;
}

.iti__flag.iti__sh {
  height: 10px;
  background-position: -4471px 0;
}

.iti__flag.iti__si {
  height: 10px;
  background-position: -4493px 0;
}

.iti__flag.iti__sj {
  height: 15px;
  background-position: -4515px 0;
}

.iti__flag.iti__sk {
  height: 14px;
  background-position: -4537px 0;
}

.iti__flag.iti__sl {
  height: 14px;
  background-position: -4559px 0;
}

.iti__flag.iti__sm {
  height: 15px;
  background-position: -4581px 0;
}

.iti__flag.iti__sn {
  height: 14px;
  background-position: -4603px 0;
}

.iti__flag.iti__so {
  height: 14px;
  background-position: -4625px 0;
}

.iti__flag.iti__sr {
  height: 14px;
  background-position: -4647px 0;
}

.iti__flag.iti__ss {
  height: 10px;
  background-position: -4669px 0;
}

.iti__flag.iti__st {
  height: 10px;
  background-position: -4691px 0;
}

.iti__flag.iti__sv {
  height: 12px;
  background-position: -4713px 0;
}

.iti__flag.iti__sx {
  height: 14px;
  background-position: -4735px 0;
}

.iti__flag.iti__sy {
  height: 14px;
  background-position: -4757px 0;
}

.iti__flag.iti__sz {
  height: 14px;
  background-position: -4779px 0;
}

.iti__flag.iti__ta {
  height: 10px;
  background-position: -4801px 0;
}

.iti__flag.iti__tc {
  height: 10px;
  background-position: -4823px 0;
}

.iti__flag.iti__td {
  height: 14px;
  background-position: -4845px 0;
}

.iti__flag.iti__tf {
  height: 14px;
  background-position: -4867px 0;
}

.iti__flag.iti__tg {
  height: 13px;
  background-position: -4889px 0;
}

.iti__flag.iti__th {
  height: 14px;
  background-position: -4911px 0;
}

.iti__flag.iti__tj {
  height: 10px;
  background-position: -4933px 0;
}

.iti__flag.iti__tk {
  height: 10px;
  background-position: -4955px 0;
}

.iti__flag.iti__tl {
  height: 10px;
  background-position: -4977px 0;
}

.iti__flag.iti__tm {
  height: 14px;
  background-position: -4999px 0;
}

.iti__flag.iti__tn {
  height: 14px;
  background-position: -5021px 0;
}

.iti__flag.iti__to {
  height: 10px;
  background-position: -5043px 0;
}

.iti__flag.iti__tr {
  height: 14px;
  background-position: -5065px 0;
}

.iti__flag.iti__tt {
  height: 12px;
  background-position: -5087px 0;
}

.iti__flag.iti__tv {
  height: 10px;
  background-position: -5109px 0;
}

.iti__flag.iti__tw {
  height: 14px;
  background-position: -5131px 0;
}

.iti__flag.iti__tz {
  height: 14px;
  background-position: -5153px 0;
}

.iti__flag.iti__ua {
  height: 14px;
  background-position: -5175px 0;
}

.iti__flag.iti__ug {
  height: 14px;
  background-position: -5197px 0;
}

.iti__flag.iti__um {
  height: 11px;
  background-position: -5219px 0;
}

.iti__flag.iti__un {
  height: 14px;
  background-position: -5241px 0;
}

.iti__flag.iti__us {
  height: 11px;
  background-position: -5263px 0;
}

.iti__flag.iti__uy {
  height: 14px;
  background-position: -5285px 0;
}

.iti__flag.iti__uz {
  height: 10px;
  background-position: -5307px 0;
}

.iti__flag.iti__va {
  height: 15px;
  background-position: -5329px 0;
}

.iti__flag.iti__vc {
  height: 14px;
  background-position: -5346px 0;
}

.iti__flag.iti__ve {
  height: 14px;
  background-position: -5368px 0;
}

.iti__flag.iti__vg {
  height: 10px;
  background-position: -5390px 0;
}

.iti__flag.iti__vi {
  height: 14px;
  background-position: -5412px 0;
}

.iti__flag.iti__vn {
  height: 14px;
  background-position: -5434px 0;
}

.iti__flag.iti__vu {
  height: 12px;
  background-position: -5456px 0;
}

.iti__flag.iti__wf {
  height: 14px;
  background-position: -5478px 0;
}

.iti__flag.iti__ws {
  height: 10px;
  background-position: -5500px 0;
}

.iti__flag.iti__xk {
  height: 15px;
  background-position: -5522px 0;
}

.iti__flag.iti__ye {
  height: 14px;
  background-position: -5544px 0;
}

.iti__flag.iti__yt {
  height: 14px;
  background-position: -5566px 0;
}

.iti__flag.iti__za {
  height: 14px;
  background-position: -5588px 0;
}

.iti__flag.iti__zm {
  height: 14px;
  background-position: -5610px 0;
}

.iti__flag.iti__zw {
  height: 10px;
  background-position: -5632px 0;
}

.iti__flag {
  height: 15px;
  box-shadow: 0 0 1px 0 #888;
  background-image: url(../../images/k9hkd/flags.png);
  background-repeat: no-repeat;
  background-color: #dbdbdb;
  background-position: 20px 0;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {
    background-image: url(../../images/k9hkd/flags@2x.png);
  }
}

.iti__flag.iti__np {
  background-color: transparent;
}

.poker_play,
.poker_transfer-item .btn {
  color: #fff;
  padding: 0.375rem 0.75rem;
  line-height: inherit !important;
}

.poker_popup .poker_close {
  color: #fff;
}

a.ca3[href="/index.php?page=fight&from=frame"] {
  background-image: url(../../images/game/cf.png) !important;
  background-repeat: no-repeat;
  background-size: 126px 126px;
}

@media (max-width: 414px) {
  .product-item ul li.embed {
    width: 64%;
  }

  .product-item ul li .embed-close img {
    width: 78%;
  }
}

.header-vip {
  position: absolute;
  top: 38%;
  right: 5%;
  color: #ffce00;
  display: none;
}

.home-item ul {
  padding: 10px;
}

.home-item ul li {
  display: inline-block;
  width: 20%;
}

.home-item ul li a {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.home-item ul li a span {
  color: #f4d248;
}

.home-game-item .home-game-title {
  display: block;
  text-align: left;
  margin-left: 1rem;
  color: #f4d248;
  font-weight: 700;
  font-size: 1.4rem;
  margin-bottom: 5px;
}

.home-game-item .home-game-swipe {
  max-width: 1024px;
  margin: 0 auto;
  overflow: hidden;
  text-align: left;
}

.home-game-item ul {
  list-style: none;
  overflow: auto;
  white-space: nowrap;
  padding: 0 12px;
}

.home-game-item ul li {
  width: 88px;
  vertical-align: top;
  display: inline-block;
  margin-right: 6px;
}

.home-game-item ul li a {
  display: block;
  width: 88px;
  height: auto;
  margin-bottom: 8px;
  position: relative;
}

.home-game-item ul li a img {
  width: 100%;
}

.home-game-item ul li a span {
  display: block;
  text-align: center;
  color: #f4d248;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.ambass {
  display: block;
  width: 100%;
  padding: 1rem;
}

.ambass > * {
  width: 100%;
}

.ambass__item {
  flex: 0 0 50%;
}

.ambass__item span {
  color: #fff;
}

.ambass__item img {
  width: 70%;
  margin: 0 auto;
}

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

.ambass .ambass__img {
  flex: 1;
  background-image: url(../../images/k9hkd/footer/vd2-hover.png);
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 0.5rem;
  height: 10rem;
}

.ambass .ambass__img--k9vin {
  flex: 1;
  background-image: url(../../images/k9hkd/footer/vd-hover.png);
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 0.5rem;
}

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

.ambass .ambass__img2 {
  background-image: url(../../images/k9hkd/footer/am-hover.png);
  background-repeat: no-repeat;
  display: block;
  width: 100%;
  height: 14rem;
}

#captcha {
  font-size: 1.2rem;
}

#code_num {
  font-size: 1rem;
  font-weight: 600;
}

.ambass .ambass__img2-kh {
  background-image: url(../../images/k9hkd/footer/vd2-hover-kh.png);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  width: 100%;
  height: 14rem;
  background-position: center;
}

.amt-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.amt-group a {
  width: 20%;
  margin-bottom: 0.5rem;
  padding: 10px 0;
}

#tel2 {
  padding-left: 82px !important;
}

.normal_tel {
  padding-left: 7.6rem !important;
}

.ambass .ambass__img3 {
  flex: 1;
  background-image: url(../../images/k9hkd/footer/vd2-hover3.png);
  background-size: contain;
  height: 10rem;
  background-repeat: no-repeat;
}

#login-form .modal-content {
  width: 90%;
  margin: 0 auto;
  background: url(../../images/k9hkd/background/bg.jpg) no-repeat;
  background-size: 100% 100%;
}

#login-form .login-img {
  width: 10rem;
  margin: 0 auto;
}

#login-form .btn-x {
  color: #000;
  background: transparent;
  top: 6px;
  right: 0;
  font-size: 1rem;
}

#login-form .modal-header {
  background: transparent;
}

#login-form .modal-subTitle {
  display: none;
}

#login-form .form-group-icon .form-input > label,
#login-form .codes,
#login-form span,
#login-form .forgot,
#login-form label {
  color: #000;
}

#login-form .checkbox input[type="checkbox"] {
  margin: 0 -20px;
}

#login-form .form-control {
  border-bottom: 1px solid #000;
  color: #000;
}
#tab_change{
  display: flex;
}
#tab_change li{
  flex: 1;
}
#tab_change .footer-col-x {
  width: 100%!important;
}

.list a {
  display: flex;
}

.list a i.fa {
  background: transparent;
  width: 2rem;
  float: none;
  display: flex;
  align-items: center;
  font-size: 1.2rem;
  color: #f4d24c;
}

.list a span {
  color: #f4d24c;
  flex: 1;
}

.center-profile {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.center-profile h3,
.center-profile span {
  color: #fff;
  text-align: center;
}

.center-head {
  height: auto !important;
}

.center-profile-info {
  margin-top: 0.5rem;
}

.center-profile-info > * {
  font-size: 1rem;
}

.center-profile-btn {
  display: flex;
  margin-top: 0.5rem;
}

.profile-btn-item {
  padding: 0.5rem;
  background: transparent;
  border: 1px solid #f4d24c;
  color: #f4d24c;
  border-radius: 5px;
  width: 8rem;
  text-align: center;
}

.profile-btn-blue {
  border-color: #00a3ff;
  margin-left: 3rem;
  color: #00a3ff;
}

.profile-btn-item span,
.profile-btn-item i {
  color: inherit;
}

.footer-middle {
  background: url(../../images/k9hkd/icon/middle.png) no-repeat;
  background-size: 100% 100%;
  display: block;
  width: 80%;
  margin: 0 auto;
  position: relative;
  height: 4rem;
  top: -1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer-middle span {
  font-size: 1rem !important;
  font-weight: bold;
}

.side-nav {
  background-color: #1d1b1b;
}

.side-content {
  width: 100%;
  display: block;
  padding: 0 0.5rem;
}

.side-header {
  background: url(../../images/k9hkd/home/btn-login.png) no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.side-header .side-header-img {
  width: 4rem;
}

.side-log-reg {
  display: flex;
  justify-content: space-between;
  margin-top: 0.5rem;
}

.side-log-reg > * {
  flex: 0 0 48%;
  height: 2rem;
  padding: 0.5rem;
  text-align: center;
  color: #000 !important;
  border-radius: 2px;
  line-height: 1rem;
  text-transform: uppercase;
}

.side-log-reg .btn-reg-js {
  background: #ccc;
}

.side-log-reg .btn-login-js,
.side-log-reg .btn-logout {
  background: #f4d24c;
}

.side-log-reg .btn-logout {
  flex: 0 0 100%;
}

.side-nav-game {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 0.5rem;
}

.side-nav-game::after {
  content: "";
  flex: auto;
  width: 31.5%;
  flex: 0 0 31.5%;
}

.side-nav-game > * {
  width: 31.5%;
  flex: 0 0 31.5%;
  border: 1px solid #f4d24c;
  border-radius: 2px;
  margin-bottom: 0.5rem;
  padding: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.side-nav-game a span {
  font-size: 0.7rem;
  color: #f4d24c;
  text-align: center;
}

.side-nav-game a .title_menu {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  text-align: center;
}

.side-nav-game a .icon {
  margin-bottom: 0.5rem;
}

.side-nav-game a .icon img {
  width: 2.4rem;
  height: 2.2rem;
  object-fit: contain;
}

.side-divider {
  display: flex;
  align-items: center;
}

.side-divider span {
  color: #f4d24c;
  flex: 0 0 36%;
  text-align: center;
}

.side-divider span.side-divider-item {
  color: transparent;
  border-bottom: 1px solid #f4d24c;
  flex: 1;
  line-height: 0;
}

.center-head {
  background: url(../../images/k9hkd/background/center-bg.jpg) no-repeat;
  background-size: 100% 100%;
}

.slots .slots-contant a {
  padding: 0;
  height: auto;
}

.slots .slots-contant img {
  width: 100% !important;
  min-height: 9rem;
}

.slots .slots-contant .slots_afbgaming img {
  max-height: 9rem;
}

.slots .slots-contant a span {
  position: relative;
}

.slots-nav {
  display: flex;
  padding: 10px;
  background: #fff;
}

.slot-sort-btn {
  background: #f4d24c;
  color: #000;
  padding: 0.5rem;
  margin-right: 0.5rem;
}

.slot-header {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  background-color: #fff;
  padding: 0 10px;
  padding-top: 1rem;
}

.slot-header i {
  color: #f4d24c;
  font-size: 1.8rem;
}

.slot_search {
  position: relative;
  display: block;
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: rgba(255, 255, 255, 0.5);
  border-radius: 2rem;
  background-color: #000;
  width: 100%;
  height: 2.4rem;
}

.slot_search i {
  position: absolute;
  left: 0.8rem;
  top: 0.5rem;
  font-size: 1.2rem;
}

.slot_search input {
  width: 100%;
  height: 100%;
  background: transparent;
  padding-left: 3rem;
  color: #fff;
}

.sort {
  position: relative;
  margin-left: 1rem;
}

.sort_list {
  display: none;
  position: absolute;
  top: 2.5rem;
  right: -1rem;
  border: 1px solid #f4d24c;
  background-color: #000;
  width: 6rem;
  z-index: 99;
}

.sort_list li {
  display: block;
  border-bottom: 1px solid #f4d24c;
}

.sort_list a {
  display: block;
  width: 100%;
  padding: 0.5rem;
  text-align: center;
  color: #f4d24c;
}

#slot_games a span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: center;
  padding: 0 0.5rem;
}

.slots_fish img,
.slots_joker123 img,
.slots_pplay img {
  height: 11rem;
}

.afbgaming img,
.slots_w88,
.slots_pt img {
  height: 10rem;
}

.slots_mg img,
.slots_netent img,
.slots_bestgamer img {
  height: 8rem;
}

@media only screen and (max-width: 375px) {
  .slots_fish img,
  .slots_w88 img {
    height: 8rem;
  }

  .afbgaming img,
  .slots_pt img {
    height: 7rem;
  }
}

.vip-content {
  position: absolute;
  top: 34%;
  left: 14%;
}

.vip-content label {
  display: flex;
  align-items: center;
}

.vip-content label > * {
  color: #666;
  margin-right: 0.5rem;
  font-size: 2.2rem;
}

.deposit-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
}

.deposit-item span {
  color: #fff;
}

.deposit-item a {
  background-color: #f4d24c;
  color: #000;
  padding: 0 0.5rem;
  border-radius: 5px;
}

.home-item {
  overflow: scroll;
}

.home-bg-content {
  display: flex;
  flex-wrap: nowrap;
  -webkit-transition: left 0.7s;
  transition: left 0.7s;
  display: -webkit-box;
  display: flex;
  position: relative;
}

.home-bg-content ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  justify-content: flex-start;
}

.home-item-pagination {
  text-align: center;
  width: 100%;
  margin: 15px 0 5px;
}

.home-item-pagination button.highlight {
  background: #f4d24c;
}

.home-item-pagination button {
  border: 0;
  box-shadow: none;
  background: #052b5e;
}

.home-item-pagination button {
  width: 47px;
  height: 10px;
  display: inline-block;
  background: #0e2533;
  margin: 5px;
  padding: 0;
  -webkit-transform: skewX(-31deg);
  transform: skewX(-31deg);
  cursor: pointer;
}

.depo-nav-btn {
  display: flex;
  flex-wrap: wrap;
  padding: 10px;
}

.depo-nav-btn a {
  padding: 0.5rem;
  border: 1px solid #ccc;
  background-color: transparent;
  border-radius: 5px;
  margin-right: 0.5rem;
  margin-top: 0.5rem;
}

.depo-nav-btn a.active {
  border-color: #f4d24c;
}

.depo-nav-btn a.active > *,
.nav-category-items-new span,
.nav-category-items-new h4 {
  color: #f4d24c;
}

.depo-nav-btn a > * {
  color: #ccc;
}

.depo-nav-btn a i {
  margin-right: 0.5rem;
}

.modal-transfer .modal-title,
.modal-transfer span {
  color: #000 !important;
}

.nav-category-items-new h4 {
  margin: 0.5rem 0;
  font-weight: bold;
  font-size: 1.4rem;
}

.nav-category-items-new {
  margin-top: 1rem;
}

.nav-category-items-new img {
  border-radius: 8px;
  border: 1px solid #ffce00;
  margin: 0 !important;
}

.nav-category-items-new .nav-lang {
  display: flex;
  flex-wrap: wrap;
}

.nav-category-items-new .nav-lang a {
  width: 20%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.no-select {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                supported by Chrome, Edge, Opera and Firefox */
}

.app-popup .wrap-download,
.app-popup-id .wrap-download {
  position: fixed;
  top: 0;
}

.app-popup #canvas,
.app-popup-id #canvas {
  padding-top: 4.8rem;
}

.reg-container {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1052;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.4);
}

.reg-content,
.sport-popup {
  position: absolute;
  width: 88%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #000;
  height: auto;
  border-radius: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1rem 1.5rem;
  border: 2px solid #f4d24c;
  z-index: 999;
}

.reg-content img {
  width: 8rem;
}

.reg-title {
  color: #f4d24c !important;
  margin-top: 1rem;
  font-weight: bold;
  font-size: 0.95rem;
  text-align: center;
}

.reg-content span {
  color: #fff;
  text-align: center;
}

.reg-content p {
  color: #000;
}

.reg-box {
  background: #f4d24c;
  width: 100%;
  margin: 1rem 0;
  padding: 1rem;
  border-radius: 1rem;
}

.reg-box-item {
  display: flex;
  align-items: center;
}

.reg-p {
  font-size: 1rem;
  margin-left: 0.6rem;
}

#reg-cancel-btn,
#sport-cancel-btn {
  background: #ff7f27;
  color: #000;
  padding: 0.65rem;
  border-radius: 2rem;
  width: 10rem;
  text-align: center;
}

#sport-cancel-btn {
  background-color: #f4d24c;
}

.sport-popup {
  display: none;
  background-color: #1d1b1b !important;
}

.sport-popup h3 {
  text-align: center;
  color: #fff;
}

.sport-content {
  margin: 1rem 0;
}

.sport-item {
  display: flex;
  justify-content: center;
  align-items: center;
}

.sport-item img {
  width: 9rem;
  padding: 0.5rem;
}

.sport-container,
.sport-item a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.sport-item a span {
  color: #fff;
}

.bank_item {
  margin: 0.5rem 0.4rem;
  border: 3px solid transparent;
}

.bank_item.bank-active {
  border-color: #ff7f27;
}

.slide-menu {
  display: none;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
}

.slide-menu-container {
  position: fixed;
  bottom: 0;
  background: #1d1b1b;
  width: 100%;
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
  border-top: 1px solid #f4d24c;
}

.slide-menu-container span {
  color: #f4d24c;
  text-align: center;
}

.slide-menu-header {
  display: flex;
  margin-top: 0.5rem;
  align-items: center;
  padding: 0.5rem 1.5rem;
}

.slide-menu-title {
  margin-right: auto;
  font-weight: bold;
}

.slide-menu-close {
  font-size: 1.2rem;
}

.slide-menu-content {
  padding: 0.5rem;
}

.slide-menu-content li {
  width: 20%;
  margin-bottom: 0.5rem;
}

.slide-menu-content li a {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.slide-menu-content img {
  width: 2.4rem;
  margin-bottom: 5px;
}

.slide-menu-depo {
  width: 100%;
  background-color: #f4d24c;
  border-radius: 2rem;
  color: #000;
  text-align: center;
  font-size: 1.4rem;
  display: block;
  height: 3rem;
  line-height: 3rem;
}

.promo-code {
  margin: 0.5rem 0;
}

.promo-code .promo-code-input {
  background: none;
  width: 95%;
  color: #f4d248;
  border: 1px solid #f4d24c;
  text-align: center;
  padding: 0.5rem;
  border-radius: 3rem;
  margin-right: 5px;
  margin-top: 0.5rem;
}

.promo-code form {
  width: 80%;
}

.promo-code .promo-code-btn {
  background: #f4d248;
  justify-content: center;
  color: #000;
  width: auto;
  height: 2.2rem;
  min-width: 3rem;
  line-height: 1.6rem;
  text-align: center;
  padding: 0.3rem 0.8rem;
  border-radius: 3rem;
  line-height: 1.5rem;
}

.chat-cont {
  display: none;
  position: fixed;
  right: 4%;
  bottom: 58px;
  z-index: 99999;
}

.chat-cont-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.chat-cont-info a {
  background: #000 !important;
  padding: 0.5rem;
  border-radius: 50%;
  margin-bottom: 0.5rem;
  box-shadow: 0px 1px 4px #ffce00;
}
.contact-cont-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.contact-cont-info a {
  background-color: #25d366;
  padding: 0.5rem 1rem;
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  border-radius: 10px;
  width: 100%;
}
.contact-cont-info a.contact-chat{
  background-color: #2b2b2b;
}
.contact-label p,.contact-label h1{
  color:#fff;
  padding-left: 10px;
}
.modal-slide-up{
  top: auto;
  right: auto;
  left: auto;
  bottom: 0;
  height: auto;
  max-height: 95%;
  overflow-y: hidden;
}
.modal-slide-up .modal-dialog {
  margin: 0 auto;
  max-width: unset;
}
.modal-slide-up .modal-header{
  background: #e7d865;
  border-radius: calc(10px - 1px) calc(10px - 1px) 0 0;
}
.modal-slide-up .modal-header .modal-title{
  color: #222;
}
.modal-slide-up.fade .modal-dialog {
  transform: translate3d(0, 100%, 0);
  width: 95%;
}
.modal-slide-up.show .modal-dialog {
  transform: translate3d(0, 0, 0);
}
.lott-contant {
  position: static !important;
}

.game-rules-cont .game-rules-item {
  flex-direction: row !important;
  flex-wrap: wrap;
}
.note_text p {
  color: #fff;
}
.min-with {
  text-align: center;
}
.min-with p {
  color: #fff;
}
.wrap-download .download-button {
  width: 200px;
  text-align: center;
  padding: 5px 0px !important;
}
.depo-text {
  color: #fff;
  padding-left: 12px;
}
.poker_transfer-item .btn {
  font-size: 13px;
}
.vip-nav-content-k9winph .vip-nav-item {
  text-align: -webkit-center;
}
.casino a.ky1 {
  background-image: url(../../images/k9hkd/ky.png) !important;
}
#page-top #form .tab-content .nav-tabs .active {
  order: 1;
}
.home-game[data-bn="true"] {
  display: flex;
  flex-direction: column;
}
.home-game[data-bn="true"] .home-game-item:nth-child(2) {
  /* Cricket Exchange*/
  order: 0;
}
.home-game[data-bn="true"] .home-game-item:nth-child(3) {
  /* Game shows*/
  order: 1;
}
.home-game[data-bn="true"] .home-game-item:nth-child(4) {
  /*slot*/
  order: 2;
}
.home-game[data-bn="true"] .home-game-item:nth-child(5) {
  /* Arcade*/
  order: 3;
}
.home-game[data-bn="true"] .home-game-item:nth-child(1) {
  /* casino */
  order: 4;
}
.home-game[data-bn="true"] .home-game-item:nth-child(6) {
  /* Sport*/
  order: 5;
}
.home-game[data-bn="true"] .home-game-item:nth-child(7) {
  /* cock*/
  order: 6;
}
.about_us,
.about_us p {
  color: #eee;
}
.about_us table tr p {
  color: #000;
}
#modal .modal-content {
  max-width: 40rem;
  overflow: hidden;
}
#modal .modal-content .modal-body {
  padding: 0;
}
#modal .modal-content .modal-body .x-close {
  color: #fff !important;
  right: 0.3rem !important;
  top: 0.3rem !important;
  background: #000;
  line-height: 1;
  width: 1.3rem;
  height: 1.3rem;
  border-radius: 50%;
  border: 1px solid #e7d865;
  font-size: 1.3rem !important;
}
#jackpotModal .btn-close {
  position: absolute;
  top: -23px;
  right: 5px;
  box-sizing: content-box;
  width: 14px;
  height: 14px;
  padding: 4px;
  color: #000;
  background: transparent
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3E%3C/svg%3E")
    center/16px auto no-repeat;
  border: 0;
  border-radius: 4px;
  opacity: 1;
}
.slots-game ul li a img {
  height: 85px;
}
.bank_item[data-type="qr"] img {
  width: 10rem !important;
}
.contant.casino .ca6 {
  background-size: cover !important;
  height: 100%;
  position: relative;
}
.contant.casino .ca6::before {
  content: "";
  display: block;
  padding-top: 43%;
}
.contant.casino .ca6 span {
  position: absolute;
  top: 70%;
  transform: translateY(-50%);
}
.sport-game .home-game-swipe {
  position: relative;
  overflow: visible;
}
.hot_image {
  width: 50px;
  position: absolute;
  top: -1.4rem;
  margin-left: 4.4rem;
  z-index: 99;
}
.casino-game img[src*="home/nav/sub/hot.png"] {
  top: 0 !important;
}
.modal-announcement .modal-header,
.modal-announcement .modal-footer {
  background: #c5942b;
  color: #000;
  justify-content: center;
  align-items: center;
}
.modal-announcement .modal-header .modal-title,
.modal-announcement .modal-header .close span {
  color: #000;
  text-align: center;
}
.modal-announcement .modal-header .close {
  position: absolute;
  right: 1rem;
  top: 1rem;
}
.modal-announcement .modal-dialog {
  max-width: 40rem;
}
.modal-announcement .modal-content {
  border: none;
}
.modal-announcement .modal-body {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 -50px 124px -50px #0006 inset;
}
.back-more-read {
  position: absolute;
  left: 1rem;
  display: none;
}
.modal-text {
  width: 95%;
}
.modal-announcement hr {
  margin-top: 10px;
  margin-bottom: 10px;
}
.announceCheckbox {
  text-align: right;
}
.announceCheckbox span {
  color: #fff;
}
#form1 .d-block.text-light.text-center {
  position: relative;
  top: 1.9rem;
}
#announcementModal #gtx-trans {
  display: none;
}
.wheel-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  background-image: url(../../images/k9hkd/gift/wheel-bg.png);
  background-size: cover;
  background-repeat: round;
}
.main-screen .wheel-row {
  padding-bottom: 0;
}
.wheel-row .wheel-wrapper {
  width: 100%;
  padding: 15px 10px;
  position: relative;
  text-align: center;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-content: normal;
  flex-flow: row wrap;
  background-image: url(../../images/k9hkd/gift/fruits.png);
  background-size: contain;
  background-position: bottom;
  background-repeat: repeat;
}
.wheel-row .wheel-header {
  width: 100%;
  padding-bottom: 16px;
  color: #fff;
}
.fire-yellow {
  position: absolute;
  width: 100px;
  height: auto;
  left: -4%;
  top: 64%;
  z-index: 2;
}
.fire-red {
  position: absolute;
  width: 100px;
  height: auto;
  right: 1%;
  top: 21rem;
  z-index: 2;
}
.wheel-desc {
  color: #fff;
}
.main-screen .g-wrap .wheel_spin {
  width: 25%;
  height: 43.5%;
}
.main-screen .g-wrap .wheel_spin img {
  width: 100%;
}
.deposit_tab {
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 3px 3.5px;
  width: 140px;
  height: 54px;
  background: #d2a94d;
  border-radius: 10px;
  border: 2px solid #d2a94d;
  cursor: pointer;
}
.deposit_tab span {
  font-size: 11px;
  color: #fff;
  font-weight: 500;
  padding-left: 6px;
}
.cont_new {
  display: inline-flex;
  font-family: monospace;
  color: gold;
  font-size: 11px;
}
/*register*/
.register-wrapper {
  padding: 20px 26px;
  width: 100%;
  /* height: 100%; */
  background-color: #fff;
}
.register-wrapper .btn-sub > span{
  display: none;
}
.register-wrapper .nav-reg {
  display: flex;
  justify-content: space-between;
  padding-top: 16px;
}

.register-wrapper .nav-reg .nav-reg-item{
  padding: 0 22px;
}

.register-wrapper .form-control {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, .16);
  border: 1px solid #cccccc;
  border-radius: 5px;
  padding-left: 38px;
  font-size: 14px;
  color:#7f7f7f;
}
.register-wrapper .form-control[data-intl-tel-input-id="0"]{
  padding-left: 52px;
}
.register-wrapper .form-icon{
  position: absolute;
  padding: 0;
  top: 50%;
  left: 0.5rem;
  transform: translateY(-50%);
  min-width: auto;
}
.register-wrapper .form-icon i{
  font-size: 1.2rem;
  color: #9a9a9a;
}
.register-wrapper .no-select{
  background: var(--gray-dark);
  padding: 6px 12px;
  height: 40px;
  display: block;
  border-radius: 4px;
  color: var(--light);
}
.register-wrapper .btn-reg{
  background-image: linear-gradient(to right, #edbe00, #c59e00) !important;
  min-width: 150px;
  border-radius: 8px;
  border: 1px solid #989898;
  border-color: transparent #c2c2c2 #989898;
  border-width: 0 1px 1px;
}
.register-wrapper .nav-btn-login{
  color: #000;
  border: 1px solid #FFC107;
  background: none;
  border-radius: 20px;
  font-size: 13px;
  min-width: 65px;
  font-weight: 600;
  text-align: center;
  padding: 5px 8px;
  margin-right: 2px;
}
.register-wrapper .nav-btn-register{
  color: #fff;
  border: 1px solid #FFC107;
  border-radius: 20px;
  font-size: 13px;
  min-width: 65px;
  font-weight: 600;
  background-image: linear-gradient(to right, #edbe00, #c59e00) !important;
  -webkit-text-shadow: 0 0 4px rgba(0, 0, 0, 0.35);
  -moz-text-shadow: 0 0 4px rgba(0, 0, 0, 0.35);
  text-shadow: 0px 1px 0px #9a9a9a;
  margin-left: 2px;
  margin-right: 2px;
  text-align: center;
  padding: 5px 8px;
  text-transform: uppercase;
}
.register-wrapper .togglePass{
  position: absolute;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
}
.register-wrapper [name="password"].is-invalid,.register-wrapper [name="confirm"].is-invalid,
.register-wrapper [name="password"].is-valid,.register-wrapper [name="confirm"].is-valid
{
  background-position: center right calc(0.375em + 1.2875rem);
}
.register-wrapper .form-icon.form-fa .fa-mobile-alt{
  display: none;
}
.footer-hol {
  display: block;
  width: 100%;
  color: #fff;
  text-align: center;
  font-family: "Noto Sans",sans-serif;
  font-size: 15px;
}
.boder_left{
  display: block;
  float: left;
  border: 1px solid #fff;
  width: 15%;
  margin-left: 14px;
  margin-right: 14px;
}
.boder_right{
  display: block;
  float: right;
  border: 1px solid #fff;
  width: 15%;
  margin-left: 14px;
  margin-right: 14px;
}
/* New slider register */
body.register-swiper .swiper {
  width: 100%;
  height: 100%;
}
.register-swiper{
    display: block;
    width: 100%;
    position: relative;
    top: -0.6rem;
  }
.register-swiper .swiper-slide {
  text-align: center;
  background: #c8c7c7;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 110px;
  border-radius: 13px;
}
.register-swiper .swiper {
  margin-left: auto;
  margin-right: auto;
}
.register-swiper .swiper-wrapper {
  width: 30%;
  height: 30%;
  position: relative;
  margin-top: 1.5rem
}
.register-swiper .swiper-button-next,
.register-swiper .swiper-button-prev {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 42%);
  width: calc(var(--swiper-navigation-size) / 44* 5);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px -(var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: black;
}
.register-swiper .swiper-button-next:after,
.register-swiper .swiper-button-prev:after {
  font-size: 22px;
}
.conut_hol {
  width: 100%;
  color: #000;
  text-align: center;
  position: relative;
  top: 0.4rem;
  font-size: 12.5px;
  font-weight: 500;
}
.conut_hol:before,.conut_hol:after{
  content: "";
  position: absolute;
  top: 0;
  display: block;
  border: 1px solid #000;
  width: 15%;
  margin-top: 0.5rem;
}
.conut_hol:before{
  left: 0;
}
.conut_hol:after{
  right: 0;
}
.register-swiper .swiper-slide img{
  position: relative;
  display: inline-flex;
  height: 65px;
  top: -1rem;
}
.register-swiper .swiper-slide{
  font-family: ui-serif
}
.register-swiper .swiper-slide h3{
  display: block;
  font-weight: 500;
  font-size: 12px;
  text-align: center;
  position: absolute;
  top: 4.7rem;
  color: #000;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.register-swiper .swiper-slide p{
  display: block;
  width: 100%;
  text-align: center;
  position: absolute;
  top: 5.6rem;
  color: #000;
  font-size: 9px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 1px 12px 0px
}
.down-new{
  display: inline-flex;
  width: 100%;
  height: auto;
  text-align: center;
  color:gold;
  font-size: 11px;
}
.wheel_spin a{
  display: block;
  position: relative;
}
.wheel_spin a span{
  position: absolute;
  font-size: 1.4rem;
  top: 63%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: 600;
  color: #fff;
  font-family: fangsong;
  text-transform: uppercase;
  pointer-events: none;
  white-space: nowrap;
}
html[lang=id] .wheel_spin a span{
  font-family: "Arial";
  font-size: 1.1rem;
  font-weight: 700;
}
.modal-announcement img{
  width: 100%;
  height: 100%;
}
html[lang=vn] #modal[data-popup]{
    display: none;
}
@media(max-width: 360px) {
  .register-swiper .swiper-slide h3{
    font-size: 10px;
  }
}
/*** vip ***/
.page-content .vip-btn a{
  background: linear-gradient(#986200,#eddd70, #986200);
  border-radius: .6rem;
  color: #000;
}
.vip_content_table tr:first-child{
  background: linear-gradient(#eddd70,#986200);
  color:#000;
}
.vip_content_table tr {
  background: linear-gradient(#3c3c3b, #000);
  color: #fff;
}
.center-message{
  position: absolute;
  left: 1rem;
  top: 2rem;
}
.lottery .slots-tab a{
  padding-left: 8px;
  padding-right: 8px;
  background-clip: border-box!important;
  width: auto!important;
  font-size: .85rem;
}
/** gacor***/
.btn-gacor{
  background: linear-gradient(#b58405,#f7d74c);
  border-radius: .5rem;
}
#gacorModal .modal-dialog{
  display: block;

}
.progressBarContainer{
  width: 100%;
  background: #ddd;
}
.gacor-progress-bar{
  width: 0%;
  height: 24px;
  background-color: #04AA6D;
  text-align: center;
  line-height: 24px;
  color: white;
}
/*** float button ***/
.float-link {
  position: fixed;
  left: 10px;
  z-index: 999;
}
.float-link.float-link-1 {
  bottom: 10%;
}
.float-link .btn-close {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0;
  top: -16px;
  border-radius: 50%;
  background: #eee url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' focusable='false' height='24' width='24' jsname='lZmugf'%3E%3Cpath d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'%3E%3C/path%3E%3C/svg%3E") center/16px no-repeat;
  border: 1px solid transparent;
  user-select: none;
}
.float-link img{
  /*width: 6rem;*/
  max-width: 100%!important;
  height: auto;
  animation: 1s ease infinite float-img
}
.float-link .btn-refer-claim{
  background: #e04d3a;
  border: 1px solid #efb749;
  display: block;
  color:#fff;
}
.float-link .b_coint_gift{
  position: absolute;
  z-index: 1;
  top: -10%;
  right: 20px;
}
.float-link .b_coint_gift img {
  animation: 1s ease infinite float-img;
  width: 6rem;
}
@keyframes scale-img {
  0%,to {
    transform: scale(.9)
  }

  50% {
    transform: scale(1)
  }
}

@keyframes float-img {
  0%,to {
    transform: translateY(0)
  }

  50% {
    transform: translate(-6px)
  }
}
/* {
  max-width: 100%;
} */
.cont.refer-friend {
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 0.5rem;
}
.cont.refer-friend .invite .money {
  width: 2.2rem;
  height: 1.5rem;
  font-size: 0.9rem;
}
.cont.refer-friend .invite .ico-task-person img {
  width: 0.8rem;
}
.cont.refer-friend .invite-friends .invite-gift img {
  width: 1.3rem;
}
.cont.refer-friend .invite-friends {
  padding: 0.6rem 0.7rem;
  background: rgba(48, 54, 76, 0.9);
  color:#fff;
}
.cont.refer-friend .popup .content-top {
  padding: 1rem 0;
}
.cont.refer-friend .popup .content-body {
  background-color: #fff;
}
.cont.refer-friend .share-box {
  padding: 0.6rem;
  border-radius: 0.5rem;
}
.cont.refer-friend .btn-share, .cont.refer-friend .ach_claim--btn {
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  height: inherit;
  line-height: 1.5;
}
.cont.refer-friend #qrcode-popup {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.reward-cash p {
  margin-bottom: 0;
}
.cont.refer-friend .btn-recommend{
  padding: 0.35rem 12px;
  line-height: 1.5!important;
  font-size: 1rem!important;
  height: inherit!important;
}
.refer-friend .recommend-bonus .recommend-content .recommend-detail img{
  max-width: 2rem!important;
}
.refer-friend a{
  text-decoration: none;
}
.refer-friend .ach_content-icon{
  width: 1.5rem!important;
  margin-right: 0.4rem!important;
}
.refer-friend .share-box h5{
  font-size: 1.05rem;
}
.refer-friend .invite-gift{
  color:#fff;
}
.refer-friend .contant{
  background-color: #fff;
  padding: .5rem;
  border-radius: .4rem;
}
.refer-friend .invite-desc p{
  color:#333;
}
.refer-friend .card-bg p{
  color:#222;
}
.refer-friend .form-row{
  margin-left: -5px;
  margin-right: -5px;
}
.refer-responsive-table .table > thead > tr > th,.refer-friend .table > tbody > tr > td{
  color: #4f4f4f;
}
html[lang="id"] .list a[data-name="MALAYSIA"],html[lang="id"] .list a[data-name="CAMBODIA"],html[lang="id"] .list a[data-name="CAMBODIA_LOTTERY"]{
  display: none;
}
.badge-message{
  position: absolute;
  top: -.5rem;
  background: #dc3545;
  font-size: .7rem;
}
.home-gamelobby .baradjust{
  display: none;
}
#youtubeModal .close{
  position: absolute;
  top: -1.1rem;
  right: -.5rem;
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 1.6rem;
  border: 1px solid white;
  background: #fff;
  opacity: 1;
  font-weight: 500;
  z-index: 2;
}
#youtubeModal .modal-dialog{
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - 1rem);
}
#youtubeModal .modal-body{
  background-color: #1d1b1b;
  border: 1px solid #f4d24c;
  padding: 0;
}
#youtubeModal .modal-body p{
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
  padding-bottom: 56.25%
}
#youtubeModal .modal-body p::before{
  display: block;
  content: "";
  padding-top: 56.25%;
}
#youtubeModal .modal-body +.p-3{
  display: none;
}
#youtubeModal .modal-body iframe{
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  border: 0;
}
@media (max-width: 576px) {
  .modal-announcement .modal-dialog{
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .modal-announcement .modal-dialog-centered.modal-dialog-scrollable .modal-content{
    max-height: calc(100vh - 18rem);
  }
}
.casino .ca3[style="background-image: url(content/images/casino-3.png);"]{
  background-image: url(../../images/casino-3.png)!important;
}
.casino .ca3[style="background-image: url('content/images/game/cf.png');background-size: 126px 126px;"]{
  display: none;
}
.bt-close {
  position: absolute;
  top: -16px;
  right: -16px;
  box-sizing: content-box;
  width: 8px;
  height: 8px;
  color: #000;
  background: #000 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3E%3C/svg%3E") center / 14px auto no-repeat;
  border: 1px solid #fff;
  opacity: 1;
  padding: .9rem;
  border-radius: 50%;
}
/** for k9hkd qr depo***/
#qr_img img[style="width: 8rem;"]{
  width: 10rem!important;
}
.checkin-bonus li span,.checkin-bonus li{
  color:#f1f1f1;
}
.checkin-bonus .tip{
  color:var(--txt)
}
.reward-wrap .promo-code-content{
  background-color: #1d1b1b!important;
  border: 1px solid #f4d24c!important;
}
.refer-link-img img{
  width: 100%;
  height: auto!important;
}
.dp-btn-confirm{
  color:#222;
}
#vip-bonus .vip-table .bg-base .cl-base-2{
  color: #212529!important
}
.icons-vpn {
  width: 35px;
  height: 35px;
  z-index: 9;
  background: url(../../images/k9hkd/icon/vpn.webp) no-repeat;
  background-size: contain;
  position: absolute;
  right: 5px;
  top: 15%;
  transform: translate(0, -50%);
}
i.icons-vpn{
  width: 25px;
  height: 25px;
  top: 24%;
  right: 2px;
}
.home-game-swipe .icons-vpn{
  top: 16%;
  right: 3%;
}
.header-user-bl{
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
}
.header-user-bl .header-balance{
  font-size: 1rem;
  background-color: #F4D24C;
  padding: 5px 22px 5px 12px;
  border-radius: 1rem;
  min-width: 5rem;
  width: 100%;
  display: block;
  text-align: center;
  margin-right: .3rem;
  position: relative;
}
.header-user-bl .member_balance_m{
  color:#fff;
}
.header-user-bl .header-balance .member_balance_m{
  color: #111;
  max-width: 50px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.header-balance .btn-refresh{
  background-color: transparent;
  border: none;
  padding: 0;
  position: absolute;
  top: 5px;
  right: 5px;
  width: 18px;
  outline: 0;
}
.header-balance .btn-refresh img{
  height: 18px;
  filter: brightness(0) saturate(100%) invert(0%) sepia(12%) saturate(44%) hue-rotate(329deg) brightness(88%) contrast(87%);
}
.refresh-spin {
  animation: refresh-spin 2s infinite linear;
}

@keyframes refresh-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
/*ach*/
.ach_menu {
  margin-bottom: 0!important;
  padding: 10px 0!important;
  background: #222!important;
}
.ach_menu a{
  color: #f4d24c!important;
  border: 1px solid #f4d24c;
  border-radius: 8px;
  flex: 0 0 48%;
  text-align: center;
  padding: 6px 12px!important;
}
.ach_menu a:hover{
  background-color:#f4d24c;
  color:#111!important;
}
.ach .ach_menu + .ach_content{
  background: #333;
  border: 0;
  margin-top: 0;
  box-shadow: none !important;
  border-radius: 0;
  padding-bottom: 20px;
  padding-top: 20px;
}
html[lang="vn"] .ach_text--lucky-style{
  font-family:Arial, "Noto Sans", sans-serif!important;
}

a:has(>.game-maintenance), li.option:has(>.game-maintenance) {
  pointer-events: none;
  text-decoration: none;
}
.game-maintenance{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  width: inherit;
  background: rgba(0, 0, 0, .5);
  z-index: 1;
}
.game-maintenance .maintenance-icon{
  display: inline-block;
  width:88px;
  height: 88px;
  background: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fd7b00' class='bi bi-tools' viewBox='0 0 16 16'%3E%3Cpath d='M1 0 0 1l2.2 3.081a1 1 0 0 0 .815.419h.07a1 1 0 0 1 .708.293l2.675 2.675-2.617 2.654A3.003 3.003 0 0 0 0 13a3 3 0 1 0 5.878-.851l2.654-2.617.968.968-.305.914a1 1 0 0 0 .242 1.023l3.27 3.27a.997.997 0 0 0 1.414 0l1.586-1.586a.997.997 0 0 0 0-1.414l-3.27-3.27a1 1 0 0 0-1.023-.242L10.5 9.5l-.96-.96 2.68-2.643A3.005 3.005 0 0 0 16 3q0-.405-.102-.777l-2.14 2.141L12 4l-.364-1.757L13.777.102a3 3 0 0 0-3.675 3.68L7.462 6.46 4.793 3.793a1 1 0 0 1-.293-.707v-.071a1 1 0 0 0-.419-.814zm9.646 10.646a.5.5 0 0 1 .708 0l2.914 2.915a.5.5 0 0 1-.707.707l-2.915-2.914a.5.5 0 0 1 0-.708M3 11l.471.242.529.026.287.445.445.287.026.529L5 13l-.242.471-.026.529-.445.287-.287.445-.529.026L3 15l-.471-.242L2 14.732l-.287-.445L1.268 14l-.026-.529L1 13l.242-.471.026-.529.445-.287.287-.445.529-.026z'/%3E%3C/svg%3E") center/contain no-repeat;
}
/*earning link*/
.btn-ref-copy{
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
  background: #000000;
  outline: 0;
  padding: .25rem .5rem;
}
.btn.btn-ref-copy:focus,.btn.btn-ref-copy:active{
  outline: 0;
}
.btn-ref-copy .fa-copy{
  color:#f9d94e;
}
.separator {
  align-items: center;
  display: flex;
  font-size: 14px;
  margin-bottom: 15px;
  margin-top: 20px;
  text-align: center;
  color: #fff;
}
.separator:after,
.separator:before {
  border-bottom: 1px solid #b7beab;
  content: "";
  flex: 1;
}
.overview-subcontainer {
  background: #f9d94e;
  border-radius: 6px;
  flex-grow: 1;
  padding: 8px;
  margin: 0 5px;
}
.overview-text,.overview-value{
  color:#111;
}
.affiliate-header {
  color: #eee;
  font-size: 14px;
  font-weight: 400;
  margin-top: 20px;
}
.report-item {
  border-radius: 8px;
  color: rgba(255,255,255,.8);
  cursor: pointer;
  font-size: 14px;
  padding-left: 15px;
  position: relative;
  width: 100%;
  border: 1px solid rgba(255,255,255,.8);
  display: flex;
  align-items: center;
}
.report-item:focus,.report-item:hover{
  background-color:rgba(255,255,255,.8);
  color: #111;
}
.report-item span{
  color: inherit;
  display: block;
  margin-left: 5px;
}
.report-item .ic-income {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1487_32434)'%3E%3Cpath d='M1.02656 35.7343C2.68203 36.3406 4.37188 36.3421 6.075 35.9929C6.66094 35.8726 7.23437 35.6952 7.67187 35.2492C7.9375 34.9781 7.93203 34.6265 7.67422 34.3491C7.35234 34.0031 6.92656 33.8351 6.48984 33.7132C4.95156 33.2835 3.39766 33.257 1.84453 33.6171C1.15156 33.7781 0.447656 33.9499 0.0507812 34.6421V34.9538C0.2625 35.3562 0.616406 35.5835 1.02734 35.7335L1.02656 35.7343Z' fill='%23fff6a9'%3E%3C/path%3E%3Cpath d='M7.91406 37.1938C7.93359 36.8766 7.87969 36.775 7.53359 36.9312C5.75078 37.7359 3.89531 37.825 1.99375 37.4641C1.31484 37.3352 0.707812 37.0086 0.0507812 36.8242V38.5391C0.207031 38.9695 0.592188 39.1367 0.958594 39.3242C1.62813 39.668 2.36094 39.7188 3.09063 39.7859H4.80547C4.88594 39.6977 4.99609 39.7219 5.09687 39.7109C5.86172 39.6258 6.59453 39.4359 7.27266 39.0602C7.70156 38.8227 7.97578 38.5047 7.91641 37.9703C7.88828 37.7141 7.89844 37.4516 7.91484 37.193L7.91406 37.1938Z' fill='%23fff6a9'%3E%3C/path%3E%3Cpath d='M39.8969 25.9914C39.6805 23.4102 39.0047 20.9469 38.0203 18.5672C36.6773 15.3211 34.7437 12.4766 32.093 10.1461C31.2047 9.36563 30.2523 8.67031 29.2258 8.08125C29.1125 8.01641 29.0062 7.96562 28.8617 8.025C28.5797 8.14062 28.2875 8.23203 27.9437 8.35234C28.3609 8.73828 28.7547 9.09141 29.1359 9.45703C29.5172 9.82266 29.5594 10.2375 29.2625 10.5508C28.9351 10.8961 28.5547 10.8711 28.1461 10.4883C27.4734 9.85859 26.7961 9.23438 26.1219 8.60703C26.0258 8.51797 25.9328 8.40781 25.7867 8.46875C25.643 8.52891 25.7016 8.67188 25.7008 8.77891C25.6945 9.35 25.7008 9.92188 25.6969 10.493C25.6937 10.9586 25.4242 11.2578 25.0125 11.2641C24.5758 11.2703 24.2969 10.9734 24.2922 10.4844C24.2875 9.93906 24.2961 9.39297 24.2867 8.84766C24.2844 8.71797 24.3703 8.54063 24.1953 8.46641C24.0336 8.39844 23.9375 8.54375 23.8344 8.63906C23.168 9.25625 22.5023 9.87422 21.8359 10.4906C21.4109 10.8844 21.0164 10.8922 20.6937 10.5172C20.4156 10.1937 20.5109 9.79766 20.8922 9.43594C21.2641 9.08203 21.5953 8.68516 21.9344 8.31875C21.7562 8.2625 21.5187 8.22656 21.3211 8.11719C21.0531 7.96875 20.8547 8.02813 20.6094 8.17422C18.3008 9.54688 16.4023 11.3641 14.7953 13.5008C14.5219 13.8641 14.0992 13.9437 13.7766 13.7055C13.4359 13.4539 13.3726 13.0594 13.6523 12.675C13.957 12.2562 14.282 11.8508 14.6211 11.4594C14.8844 11.1562 15.0633 10.857 15.0258 10.4234C14.982 9.90781 15.0156 9.38516 15.0156 8.86563V6.16406C14.9305 6.18594 14.8789 6.19141 14.8344 6.21172C12.3914 7.29453 9.93749 7.28281 7.48124 6.26797C7.18827 6.14688 7.15155 6.24219 7.15312 6.50078C7.15858 7.95547 7.1664 9.41016 7.14843 10.8648C7.14452 11.2172 7.24062 11.3328 7.60468 11.3398C8.7078 11.3617 9.76093 11.6227 10.7312 12.1594C11.6601 12.6734 12.1781 13.3859 12.1609 14.5344C12.1117 17.8453 12.1453 21.1578 12.1406 24.4695C12.1406 24.7383 12.1469 24.8695 12.5148 24.8484C14.125 24.7547 15.707 24.907 17.1547 25.7039C18.0945 26.2211 18.6297 26.968 18.607 28.1188C18.5625 30.4297 18.6008 32.7422 18.5867 35.0539C18.5844 35.4 18.6625 35.5141 19.032 35.5133C23.1883 35.4992 27.3437 35.5031 31.5 35.5047C32.7976 35.5047 34.0508 35.2711 35.2547 34.7938C37.0953 34.0633 38.4891 32.8492 39.2547 30.9883C39.9148 29.3828 40.0414 27.7109 39.8976 25.9937L39.8969 25.9914ZM25.7 17.6273C25.6875 18.2633 25.7023 18.9 25.6922 19.5359C25.6891 19.7453 25.7484 19.8133 25.9695 19.8438C27.4328 20.0477 28.4445 21.0453 28.5539 22.475C28.6648 23.9258 27.6641 25.3063 26.0375 25.507C25.7289 25.5453 25.6664 25.6477 25.6937 25.9102C25.707 26.0383 25.7016 26.1703 25.6937 26.2992C25.6672 26.707 25.3922 26.9445 24.9656 26.9336C24.5648 26.9242 24.3148 26.6836 24.2922 26.2828C24.2789 26.0516 24.3539 25.7516 24.2359 25.607C24.1234 25.4688 23.8117 25.4977 23.5891 25.4438C22.3867 25.1555 21.4703 24.0406 21.4187 22.8078C21.4008 22.3773 21.6625 22.0383 22.0383 22.0039C22.5312 21.9586 22.8219 22.218 22.8781 22.7516C22.9531 23.4695 23.2969 23.8781 23.9461 24.0695C24.2086 24.1469 24.3039 24.0922 24.2937 23.8141C24.2797 23.4383 24.2906 23.0609 24.2898 22.6844C24.2898 22.2945 24.2828 21.9055 24.2922 21.5156C24.2969 21.3219 24.2344 21.2508 24.0297 21.232C22.5844 21.0992 21.4898 19.9508 21.418 18.5102C21.35 17.1313 22.375 15.8531 23.7891 15.625C24.2211 15.5555 24.325 15.3852 24.2992 14.9805C24.2664 14.4633 24.5656 14.1398 24.9969 14.1422C25.425 14.1445 25.7234 14.4695 25.6867 14.9875C25.657 15.4023 25.7805 15.5586 26.2047 15.6258C27.5375 15.8367 28.482 16.9289 28.5672 18.2844C28.5937 18.7063 28.3133 19.068 27.918 19.1211C27.543 19.1711 27.1617 18.8422 27.1203 18.3867C27.0945 18.107 27.0351 17.8531 26.8883 17.6156C26.7906 17.4578 26.6648 17.332 26.5086 17.2328C26.2851 17.0906 26.0305 16.9289 25.7883 17.0523C25.5891 17.1539 25.7055 17.4305 25.7023 17.6266L25.7 17.6273ZM38.4859 27.9711C38.2851 31.1789 36.5375 33.1836 33.4664 33.8609C32.8586 33.9953 32.243 34.0789 31.6203 34.0898C31.3148 34.0953 31.0617 33.9781 30.9125 33.6961C30.7766 33.4398 30.825 33.1953 30.9726 32.9602C31.0953 32.7648 31.2773 32.7008 31.4984 32.682C32.3891 32.6078 33.2711 32.5047 34.1226 32.1914C35.7703 31.5844 36.6461 30.3602 36.9883 28.6953C37.0476 28.4055 37.082 28.1094 37.0797 27.8078C37.0758 27.2695 37.3633 26.9773 37.8461 26.9914C38.2898 27.0039 38.4891 27.2625 38.4867 27.8234C38.4867 27.8883 38.4867 27.9531 38.4867 27.9719L38.4859 27.9711Z' fill='%23fff6a9'%3E%3C/path%3E%3Cpath d='M10.7398 24.682C10.7226 21.9687 10.7304 19.2547 10.7304 16.5406C10.7304 16.4148 10.7304 16.2898 10.7304 16.1289C10.6273 16.1656 10.5671 16.1836 10.5101 16.2086C8.14526 17.243 5.76401 17.2484 3.37105 16.3156C2.91948 16.1398 2.92261 16.1289 2.92261 16.618C2.92261 21.5781 2.92261 26.5383 2.92261 31.4984C2.92261 31.8286 3.0937 31.9893 3.43589 31.9805C3.50073 31.9789 3.56636 31.982 3.63042 31.9758C4.99214 31.8414 6.28511 32.1156 7.52339 32.6602C7.84136 32.8 7.91948 32.7625 7.91636 32.4117C7.90386 30.8406 7.9187 29.2695 7.90776 27.6984C7.90386 27.1555 8.11167 26.7203 8.47339 26.3391C8.97886 25.8062 9.61323 25.4836 10.3015 25.2742C10.6226 25.1766 10.7429 25.0367 10.7406 24.682H10.7398Z' fill='%23fff6a9'%3E%3C/path%3E%3Cpath d='M17.1313 30.0703V29.6687C15.875 30.2523 14.6063 30.5258 13.2609 30.5266C11.9008 30.5266 10.6172 30.2609 9.32344 29.6602C9.32344 29.8641 9.32344 30.0055 9.32344 30.1469C9.32344 32.2367 9.35704 34.3281 9.30469 36.4164C9.28673 37.132 9.59688 37.4992 10.1734 37.7586C10.3508 37.8383 10.5289 37.9187 10.7133 37.9789C11.9289 38.3766 13.1758 38.4602 14.4344 38.2852C15.2289 38.1742 16.0094 37.9906 16.6977 37.5305C17.0109 37.3211 17.1399 37.0703 17.1375 36.6906C17.1242 34.4836 17.1313 32.2766 17.1313 30.0695V30.0703Z' fill='%23fff6a9'%3E%3C/path%3E%3Cpath d='M21.0484 6.34252C21.568 6.74877 22.1531 6.98627 22.8867 6.97377C22.7641 6.74173 22.6664 6.56283 22.5734 6.3808C22.1211 5.49017 21.7133 4.58002 21.4688 3.60736C21.35 3.13627 21.668 2.75267 22.1484 2.75267C22.5508 2.75267 22.7578 2.98705 22.8641 3.34408C23.2188 4.53236 23.7484 5.64017 24.4172 6.68236C24.7039 7.12923 25.2867 7.12298 25.5789 6.67142C25.9305 6.12689 26.2508 5.56517 26.5156 4.97064C26.7695 4.40111 26.9547 3.80814 27.1766 3.22767C27.3375 2.80736 27.7391 2.63392 28.1234 2.78392C28.4516 2.91127 28.6297 3.31283 28.5086 3.69252C28.3789 4.09955 28.2406 4.50423 28.0914 4.90423C27.8297 5.60658 27.4891 6.27377 27.1188 6.94173C27.7492 7.00345 28.5039 6.71205 29.0336 6.24798C30.4406 5.01517 31.0274 3.38314 31.3 1.60111C31.3414 1.32845 31.3234 1.05423 31.0469 0.87611C30.7531 0.687047 30.475 0.705016 30.1688 0.865172C28.8063 1.57845 27.4953 1.46986 26.3461 0.453453C25.4047 -0.379359 24.2664 -0.213734 23.4938 0.544078C23.0024 1.02689 22.3578 1.2433 21.6594 1.28783C20.9781 1.33158 20.3555 1.1847 19.757 0.853453C19.1625 0.524547 18.6547 0.855797 18.668 1.52611C18.675 1.87923 18.7578 2.21908 18.8406 2.55814C19.2008 4.03783 19.8125 5.37611 21.0492 6.3433L21.0484 6.34252Z' fill='%23fff6a9'%3E%3C/path%3E%3Cpath d='M32.8078 3.10314C34.2422 3.73282 34.4391 5.42032 33.2016 6.3672C32.4305 6.95782 31.5414 7.04376 30.6148 6.9586C30.5172 6.94923 30.3875 6.86329 30.3461 7.00079C30.3109 7.11798 30.4602 7.15157 30.5406 7.20782C31.0594 7.57345 31.5828 7.93282 32.0953 8.30626C32.2703 8.43439 32.4562 8.51251 32.6664 8.51876C33.0437 8.53048 33.4109 8.59845 33.7773 8.6797C35.0187 8.95314 36.2008 9.34298 37.082 10.3391C37.1922 10.4641 37.3531 10.5367 37.5289 10.5539C37.8516 10.5844 38.0828 10.4406 38.2328 10.168C38.3992 9.86485 38.3133 9.59532 38.0969 9.34845C37.1977 8.31954 36.0133 7.79454 34.7344 7.43595C34.2914 7.31173 34.2898 7.31954 34.5961 7.00157C35.1531 6.42423 35.4125 5.72501 35.4406 5.19532C35.4516 3.55157 34.4664 2.16407 33.143 1.66798C32.843 1.55548 32.6891 1.56564 32.6859 1.94532C32.6844 2.17345 32.6148 2.40548 32.5492 2.62735C32.4727 2.88595 32.5547 2.99298 32.8063 3.10314H32.8078Z' fill='%23fff6a9'%3E%3C/path%3E%3Cpath d='M9.51802 27.2345C9.25474 27.5212 9.25708 27.8064 9.51489 28.1001C9.75317 28.3728 10.0665 28.522 10.3977 28.6478C11.3079 28.9946 12.2594 29.0767 13.2196 29.1079C13.8446 29.1189 14.4633 29.0415 15.0743 28.9306C15.6868 28.8189 16.286 28.6439 16.7969 28.2587C17.2165 27.9423 17.2454 27.5423 16.8829 27.1735C16.6579 26.9446 16.3844 26.7962 16.0883 26.6985C14.1961 26.0751 12.2993 26.0774 10.4047 26.6876C10.0688 26.7962 9.76255 26.9696 9.51958 27.2337L9.51802 27.2345Z' fill='%23fff6a9'%3E%3C/path%3E%3Cpath d='M3.89069 15.0722C4.83444 15.4386 5.81881 15.5605 6.90787 15.5449C7.30631 15.5808 7.786 15.5324 8.25865 15.4581C8.97584 15.3449 9.69069 15.2011 10.3063 14.7784C10.8774 14.3863 10.8719 13.8519 10.2922 13.4683C10.0657 13.3183 9.82037 13.1956 9.55709 13.1167C7.74694 12.5714 5.936 12.562 4.12272 13.1081C3.74459 13.2222 3.39537 13.3847 3.11881 13.6761C2.85319 13.9566 2.84381 14.2925 3.10631 14.5784C3.32115 14.8128 3.59772 14.9589 3.8899 15.0722H3.89069Z' fill='%23fff6a9'%3E%3C/path%3E%3Cpath d='M8.01957 5.02694C8.98364 5.45663 10.0086 5.5785 11.2047 5.57225C11.5352 5.5871 12.0141 5.56131 12.4899 5.48788C13.2102 5.37694 13.9164 5.22225 14.5469 4.82928C15.1555 4.4496 15.1649 3.916 14.5719 3.5035C14.3461 3.34647 14.1008 3.23319 13.843 3.13944C12.7079 2.72928 11.5297 2.72069 10.3469 2.76288C9.55161 2.791 8.7727 2.93319 8.04692 3.26444C7.66645 3.43788 7.22973 3.62069 7.21489 4.141C7.19926 4.6746 7.63442 4.85428 8.02036 5.02616L8.01957 5.02694Z' fill='%23fff6a9'%3E%3C/path%3E%3Cpath d='M25.6961 22.6587C25.6961 23.0602 25.7024 23.4626 25.6938 23.8641C25.6899 24.0766 25.7672 24.1344 25.9758 24.0899C26.6399 23.9485 27.1016 23.3899 27.1055 22.7024C27.1094 21.9868 26.6868 21.4602 26.0149 21.2946C25.7727 21.2352 25.6821 21.2688 25.6914 21.5321C25.7055 21.9071 25.6954 22.2837 25.6954 22.6594L25.6961 22.6587Z' fill='%23fff6a9'%3E%3C/path%3E%3Cpath d='M24.2883 18.4609C24.2883 18.1102 24.2899 17.7594 24.2883 17.4086C24.2868 16.9937 24.2063 16.9391 23.8024 17.0727C23.1664 17.2828 22.8172 17.8656 22.8829 18.6078C22.9344 19.1844 23.4602 19.7297 24.0383 19.8187C24.2329 19.8484 24.2946 19.7773 24.2907 19.5914C24.2836 19.2148 24.2883 18.8383 24.2883 18.4617V18.4609Z' fill='%23fff6a9'%3E%3C/path%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1487_32434'%3E%3Crect width='40' height='40' fill='white'%3E%3C/rect%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}
.report-item .ic-member {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.8891 24.7883C28.6773 24.7281 27.4852 24.5391 26.3414 24.1273C24.4406 23.4437 22.7922 22.3742 21.4289 20.8687C19.4555 18.6898 18.4398 16.1203 18.3367 13.2008C18.2578 10.9828 18.8141 8.90156 19.9188 6.97813C21.0445 5.01875 22.6133 3.50391 24.6047 2.42812C26.2687 1.52969 28.05 1.07187 29.9328 0.983594C30.1508 0.973437 30.4164 0.989063 30.4312 0.679688C30.4445 0.40625 30.2969 0.216406 30.0172 0.144531C29.8797 0.109375 29.7352 0.1 29.6062 0.03125H0.924219C0.10625 0.284375 0.0289062 0.389844 0.0273438 1.26328C0.0273438 1.28906 0.0273438 1.31484 0.0273438 1.34141C0.0273438 13.768 0.0273438 26.1953 0.0273438 38.6219C0.0273438 39.732 0.264063 39.9688 1.37578 39.9688C10.6359 39.9688 19.8969 39.9688 29.157 39.9688C29.2742 39.9688 29.3906 39.9727 29.5078 39.9664C30.043 39.9375 30.4102 39.6891 30.5781 39.1641C30.6352 38.9859 30.6391 38.8063 30.6398 38.6258C30.6461 34.2625 30.6461 29.9 30.6398 25.5367C30.6391 24.8828 30.5539 24.8211 29.8891 24.7875V24.7883ZM3.92891 15.4312C4.4375 14.0141 5.30078 12.8789 6.55625 12.0516C6.78984 11.8977 6.80859 11.8133 6.62031 11.5945C5.34766 10.1141 5.17031 7.94609 6.16328 6.25078C7.16563 4.53984 9.14922 3.63828 11.0844 4.01328C13.0094 4.38672 14.5133 5.95 14.8102 7.88438C15.0266 9.28984 14.6562 10.5328 13.7578 11.6187C13.6016 11.807 13.5953 11.8852 13.8047 12.0273C15.843 13.4094 16.8297 15.3469 16.8234 17.8008C16.8227 18.2164 16.8266 18.632 16.8227 19.0469C16.8148 19.8023 16.332 20.2906 15.5781 20.2922C13.7859 20.2969 11.9937 20.2937 10.2016 20.2937C8.43516 20.2937 6.66953 20.2953 4.90312 20.2937C4.04531 20.2937 3.57578 19.8258 3.57344 18.9742C3.57031 17.7812 3.51328 16.5867 3.92734 15.4312H3.92891ZM3.73125 24.7945C3.97734 24.3586 4.37344 24.1867 4.86953 24.1875C7.76406 24.1922 10.6578 24.1898 13.5523 24.1898C16.4336 24.1898 19.3148 24.1898 22.1961 24.1898C22.675 24.1898 23.0539 24.3703 23.2945 24.7953C23.5195 25.193 23.5039 25.5945 23.2648 25.9766C23.0164 26.3742 22.6375 26.5305 22.1742 26.5297C20.357 26.5258 18.5406 26.5281 16.7234 26.5281C12.7648 26.5281 8.80703 26.5297 4.84844 26.5266C3.85781 26.5258 3.27031 25.6141 3.73203 24.7945H3.73125ZM15.1016 35.8781C13.3891 35.8797 11.6766 35.8781 9.96484 35.8781C8.25313 35.8781 6.59219 35.8789 4.90547 35.8781C4.11094 35.8781 3.58047 35.4133 3.575 34.7195C3.57031 34.0305 4.11094 33.5414 4.8875 33.5414C8.29922 33.5398 11.7109 33.5398 15.1227 33.5414C15.9086 33.5414 16.4391 34.0227 16.4328 34.7203C16.4266 35.4148 15.8984 35.8773 15.1016 35.8773V35.8781ZM25.7773 30.2031C25.6906 30.7453 25.2352 31.1688 24.6844 31.1984C24.3734 31.2148 24.0617 31.2031 23.75 31.2031C20.7125 31.2031 17.6758 31.2031 14.6383 31.2031C11.3672 31.2031 8.09688 31.2055 4.82578 31.2016C3.85625 31.2 3.28125 30.3008 3.72344 29.4852C3.93828 29.0883 4.28672 28.8852 4.73594 28.8687C5.00781 28.8586 5.28125 28.8664 5.55391 28.8664C11.8227 28.8664 18.0922 28.8664 24.3609 28.8664C24.5945 28.8664 24.8266 28.8602 25.05 28.9547C25.5469 29.1648 25.8594 29.6945 25.7773 30.2047V30.2031Z' fill='%23fff6a9'%3E%3C/path%3E%3Cpath d='M39.7789 10.9624C38.6524 5.7304 33.8563 2.45227 28.5688 3.29602C23.4454 4.11399 19.7829 9.15462 20.5829 14.2851C21.4 19.5195 26.0469 23.1132 31.2829 22.5609C35.3188 22.1351 38.6914 19.2046 39.668 15.264C39.7922 14.7624 39.8719 14.2507 39.9719 13.7437V12.0296C39.9079 11.6741 39.8547 11.3156 39.7789 10.9624ZM31.7649 17.5366C31.5336 17.671 31.4016 17.789 31.3805 18.0859C31.3368 18.6874 30.8032 19.1273 30.2133 19.1202C29.6258 19.1124 29.1102 18.6577 29.0735 18.0546C29.0571 17.789 28.9469 17.6757 28.7344 17.5593C27.9829 17.1484 27.4797 16.5241 27.2368 15.6999C27.0164 14.9515 27.3266 14.3187 28.0071 14.107C28.6258 13.9148 29.211 14.2687 29.4625 14.9874C29.6211 15.4413 29.9719 15.6788 30.3696 15.6015C30.7516 15.5273 31.0329 15.1656 31.0055 14.7843C30.9743 14.3554 30.65 14.0804 30.1493 14.0562C28.7172 13.9874 27.5204 13.0288 27.2047 11.6968C26.8664 10.2687 27.4782 8.9054 28.7969 8.18274C28.9766 8.0843 29.0539 7.97962 29.0696 7.7679C29.1157 7.11868 29.6329 6.64602 30.2469 6.65462C30.8555 6.66321 31.3477 7.11868 31.3891 7.76087C31.4039 7.99602 31.5024 8.09915 31.6907 8.19915C32.4625 8.60852 32.9743 9.23977 33.2219 10.0765C33.4446 10.8273 33.1344 11.4577 32.4532 11.6687C31.8313 11.8609 31.2461 11.507 30.9977 10.789C30.8414 10.3359 30.4875 10.096 30.0914 10.1741C29.7071 10.2499 29.4282 10.6085 29.4547 10.9913C29.4844 11.421 29.8063 11.6945 30.3102 11.7195C32.0375 11.8038 33.35 13.1562 33.3469 15.046C33.2954 16.0249 32.7914 16.9413 31.7657 17.5374L31.7649 17.5366Z' fill='%23fff6a9'%3E%3C/path%3E%3Cpath d='M6.29923 17.9592C7.59688 17.9436 8.89454 17.9522 10.1922 17.953C11.282 17.953 12.3727 17.953 13.4625 17.953C14.5524 17.953 14.6055 17.953 14.4078 16.8014C14.0414 14.6616 12.0234 13.1045 9.8547 13.2881C7.64063 13.4756 5.90157 15.3655 5.90626 17.5608C5.90626 17.8624 5.98751 17.9639 6.29923 17.96V17.9592Z' fill='%23fff6a9'%3E%3C/path%3E%3Cpath d='M10.1844 10.9398C11.4704 10.9445 12.5266 9.90625 12.536 8.62735C12.5461 7.32813 11.4899 6.26329 10.193 6.26563C8.91254 6.26797 7.86645 7.31485 7.86098 8.59922C7.85629 9.87657 8.90629 10.9344 10.1836 10.9391L10.1844 10.9398Z' fill='%23fff6a9'%3E%3C/path%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}
.report-item .fa-chevron-right{
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: inherit;
}
.nav-social{
  background: #dfdfdf;
  border-radius: .25rem;
  padding: 1rem 0;
}
.nav-social .fa-facebook-square {
  color: #4576ED;
}
.nav-social .fa-twitter-square:before {
  content: "";
  width: 43px;
  height: 43px;
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' width='50px' height='50px'%3E%3Cpath d='M 11 4 C 7.134 4 4 7.134 4 11 L 4 39 C 4 42.866 7.134 46 11 46 L 39 46 C 42.866 46 46 42.866 46 39 L 46 11 C 46 7.134 42.866 4 39 4 L 11 4 z M 13.085938 13 L 21.023438 13 L 26.660156 21.009766 L 33.5 13 L 36 13 L 27.789062 22.613281 L 37.914062 37 L 29.978516 37 L 23.4375 27.707031 L 15.5 37 L 13 37 L 22.308594 26.103516 L 13.085938 13 z M 16.914062 15 L 31.021484 35 L 34.085938 35 L 19.978516 15 L 16.914062 15 z'/%3E%3C/svg%3E");
  background-size: contain;
}
.nav-social .fa-line {
  color: #00C200;
}
.nav-social .fa-whatsapp-square {
  color: #189D0E;
}
.nav-social .fa-telegram {
  color: #23AAEA;
}
/*kaiyuan poker*/
.t-modal .t-modal-dialog .t-modal-content .t-modal-body .t-btn{
  background-color: #F4D24C;
  color:#111;
}
#kh_gaming_poker {
  border-color: #ffb821;
  border-radius: 1em;
}
/*one click reg*/
.one-click-form [data-code="+62"]{
  content: "";
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cpath style='fill:%23C8414B;' d='M512,256H0V97.103c0-4.875,3.953-8.828,8.828-8.828h494.345c4.875,0,8.828,3.953,8.828,8.828V256z'/%3E%3Cpath style='fill:%23F5F5F5;' d='M0,256h512v158.897c0,4.875-3.953,8.828-8.828,8.828H8.828c-4.875,0-8.828-3.953-8.828-8.828V256z'/%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E"),url("<?=assetDir('images/select-arrow.png')?>");
  padding-left: 2.8rem;
  background-repeat: no-repeat;
  background-position: right calc(100% - 9px) center,center right;
  background-size: 1.3072rem,auto;
}
#countrySection .iti__flag-container,#countrySection .iti__country-container{
  left: 0;
  right: auto;
}
#countrySection #country{
  padding-left: 40px;
}

/* register success */
.register-success .reg-content{
  padding: 1rem;
}
.register-success .reg-content .bt-close{
  top: 8px;
  right: 8px;
  border: none;
  background: transparent
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3E%3C/svg%3E")
  center/16px auto no-repeat;
}
.register-success .reg-content .bt-close:focus{
  background: #f4d24c;
  outline: none;
}
.register-success .reg-content .checkmark-icon{
  width: 1.5rem;
  height: 1.5rem;
}
.register-success .reg-content .reg-title-box{
  display: flex;
  align-items: center;
  gap: .25rem;
  margin-bottom: .5rem;
}
.register-success .reg-content .reg-title-box .reg-title{
  margin-top: 0;
}
.register-success .reg-content .reg-source-title{
  color: #f4d24c;
  font-size: 16px;
  margin-bottom: 1rem;
  text-align: center;
}
.register-success .reg-content .reg-source-box a{
  display: flex;
  align-items: center;
}
.register-success .reg-content .reg-source-box a img{
  width: 42px;
  height: 42px;
  padding: .5rem;
  border-top-left-radius: .5rem;
  border-bottom-left-radius: .5rem;
  background: #D5A23A;
}
.register-success .reg-content .reg-source-box a span{
  padding-left: .5rem;
  padding-right: 1rem;
  border-top-right-radius: .5rem;
  border-bottom-right-radius: .5rem;
  background: #625135;
  height: 42px;
  min-width:180px;
  display: flex;
  align-items: center;
  justify-content: start;
}
.register-success .reg-content .reg-box{
  background: transparent !important;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.register-success .reg-content .reg-box .reg-box-item{
  display: flex;
  align-items: start;
  padding: .5rem;
  flex-direction: column;
  gap: .5rem;
}
.register-success .reg-content .reg-box .reg-box-item .reg-item{
  display: flex;
  align-items: center;
  justify-content: right;
  width: 100%;
}
.register-success .reg-content .reg-box .reg-box-item .reg-item p,
.register-success .reg-content .reg-box .reg-box-item .reg-item .reg-p{
  color: #fff;
  font-size: 14px;
}
.register-success .reg-content .reg-box .reg-box-item .reg-item p{
  min-width: 86px;
  display: flex;
  white-space: nowrap;
}
.register-success .reg-content .reg-box .reg-box-item .reg-item .reg-p{
  padding: .5rem .75rem;
  background: #D5A23A;
  border-radius: .5rem;
  width: 125px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.register-success .reg-content .reg-box .btn-copy{
  width: 38px;
  height: 38px;
  background: #D5A23A;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: .5rem;
}
.register-success .reg-content .reg-box .btn-copy .icon-copy{
  width: 16px;
  height: 16px;
}
.register-success #reg-cancel-btn {
  border-radius: .5rem;
  width: 100%;
  margin-bottom: 1rem;
}
.reg-container #save-as-img{
  display: flex;
  flex-direction: column;
  align-items: center;
}
/*intro after signup*/
.tooltip-open .header-balance[data-tip="4"].tip-active{
  padding: 5px 22px 5px 12px;
}
.home-item:has([data-tip="5"].tip-active){
  padding: 10px;
}
.tooltip-open .home-bg-content[data-tip="5"].tip-active{
  display: flex;
  padding: 0;
}
.tooltip-open .home-bg-content[data-tip="5"].tip-active ul{
  padding: 5px;
}
.tooltip-open .modal-custom{
  display: none !important;
}
/*Free Event*/
.withdraw-turnover span{
  color:#fff;
}
#balanceToggle {display: flex;justify-content: center;align-items: center;}
#balanceToggle .dropdown-arrow {color: #000;width: 10px;height: 10px;transition: transform 0.3s ease;background-repeat: no-repeat;background-position: center;background-size: cover;margin: 0px 7px;}
#balanceToggle.opend .dropdown-arrow {transform: rotate(180deg);}
.balance-dropdown {display: none;position: absolute;top: 70px;right: 0;width: 200px;height: auto;background: #333;border-radius: 7px;padding: 10px;color: #fff;z-index: 1000;box-shadow: 0 0 2px #ffc557;}
.dropdown-b {display: flex;flex-direction: column;gap: 8px;width: 100%;}
.wallet-balance {background: none;border: 1px solid #ffc557;padding: 5px;border-radius: 5px;font-size: 13px;font-weight: 500;}
.wallet-balance div {color: #ffc557;}
/*free event promo*/
.navbar-promo .navbar-nav-free{
  padding-left: 8px;
  padding-right: 8px;
  align-items: center;
}
.navbar-promo .navbar-nav-free .nav-item{
  width: auto;
}
.navbar-promo .navbar-nav-free .nav-item a {
  background: var(--tooltip-primary);
  color: var(--tooltip-color);
  border-radius: 4px;
}
.navbar-nav-free .form-control{
  background-color: #fff;
  border-bottom: 0;
}
.navbar-nav-free .form-control:focus {
  box-shadow: none;
}
.navbar-nav-free .input-group-text {
  background: var(--tooltip-primary);
  color: var(--tooltip-color);
}
@media (max-width: 360px) {
  #dialogLanguage .modal-body{
    padding: 0.7rem 0rem .7rem .7rem;
  }
  .nav-category-items-new span{
    font-size: .8rem;
  }
  .nav-category-items-new .nav-lang a{
    width: 3.7rem!important;
    white-space: nowrap;
  }
}