@charset "UTF-8";
/*COLORS*/
/*ORANGE*/
/*GRAY*/
/*GREEN*/
/*YELLOW*/
/*RED*/
/*BLUE*/
/*VIOLET*/
/*WHITE*/
.orange-base {
  color: #fd6d17 !important; }

.dark-base {
  color: #333333 !important; }

.v-hidden {
  visibility: hidden; }

.min-h-0 {
  min-height: 0; }

.lighter-red {
  color: #dd3333 !important; }

.maroon {
  color: #690000; }

.font-13 {
  font-size: 13px; }

.font-14 {
  font-size: 14px; }

.m-t-0 {
  margin-top: 0; }

.m-t-10 {
  margin-top: 10px; }

.m-t-15 {
  margin-top: 15px; }

.m-r-10 {
  margin-right: 10px; }

.p-0 {
  padding: 0; }

.p-t-0 {
  padding-top: 0 !important; }

.p-t-10 {
  padding-top: 10px !important; }

.p-r-5 {
  padding-right: 5px !important; }

.v-mid {
  vertical-align: middle; }

.l-h-22 {
  line-height: 22px !important; }


.registerBg {
  background-image: url(../images/registerBg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right; }
  @media (max-width: 1920px) {
    
    .registerBg {
      padding: 25px 0; } }

.register-logo {
  margin-bottom: 25px; }
  @media (max-width: 1600px) {
    .register-logo {
      height: 55px; } }
  @media (max-width: 1440px) {
    .register-logo {
      height: 50px; } }

.reg-title {
  margin: 15px 0 35px; }
  .reg-title p {
    font-size: 19px;
    color: #fd6d17 !important; }

.register-row {
  -webkit-box-shadow: 0px 4px 10px 4px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 4px 10px 4px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 4px 10px 4px rgba(0, 0, 0, 0.4); }

.reg-container {
  background: #151515;
  padding: 26px 30px 7px;
  width: 100%;
  border-right: 1px solid #191919;
  display: block;
  margin: 0 auto;
  height: auto;
  min-height: 566px;
  -webkit-box-shadow: 4px 0px 1px -2px rgba(255, 255, 255, 0.6);
  -moz-box-shadow: 4px 0px 1px -2px rgba(255, 255, 255, 0.6);
  box-shadow: 4px 0px 1px -2px rgba(255, 255, 255, 0.6); }
  .reg-container h1 {
    font-size: 25px;
    color: #fd6d17;
    font-weight: normal;
    margin: 0; }
  .reg-container .form-grp {
    margin-bottom: 0 !important;
    width: 100%;
    height: 70px; }
  .reg-container .error {
    margin-bottom: 0; }

.reg-container .form-grp label {
  color: #bbbbbb;
  font-size: 12px;
  padding-left: 0;
  padding-top: 12px; }

.reg-radius {
  padding-left: 10px;
  background: none;
  border: 0.5px solid #878787;
  border-radius: 5px !important;
  color: #fff; }

.frm-wth-captcha {
  padding-right: 27%; }

.reg-container input.reg-radius::-webkit-input-placeholder {
  color: #a1a1a1;
  font-size: 12px; }

.reg-container input.reg-radius::-moz-input-placeholder {
  color: #a1a1a1;
  font-size: 12px; }

.reg-container input.reg-radius::-ms-input-placeholder {
  color: #a1a1a1;
  font-size: 12px; }

.reg-container input.reg-radius::-o-input-placeholder {
  color: #a1a1a1;
  font-size: 12px; }

.reg-lbl {
  font-size: 12px;
  font-weight: normal !important;
  padding-top: 4px !important;
  color: #7e7d7d !important;
  font-style: italic;
  height: 15px;
  display: inline-block; }
  .reg-lbl a {
    color: #7e7d7d; }

.register-footer {
  background-color: #fff;
  padding: 20px 0; }
  .register-footer ul li {
    min-height: 140px;
    padding: 22px 18px; }
    .register-footer ul li div {
      display: inline-block; }
      .register-footer ul li div:first-child {
        vertical-align: top;
        margin-right: 20px;
        margin-top: 7px; }
      .register-footer ul li div:last-child {
        width: 74%; }
      .register-footer ul li div h6 {
        font-size: 20px;
        color: #333;
        margin: 0;
        line-height: 30px; }
      .register-footer ul li div p {
        font-size: 15px;
        color: #333; }

.lt-gray {
  background-color: #f0f0f0; }

.reg-wdraw-icon {
  background: url("../images/icons.png") no-repeat -1px -2px;
  width: 50px;
  height: 31px; }

.reg-recharge-icon {
  background: url("../images/icons.png") no-repeat -74px -2px;
  width: 47px;
  height: 31px; }

.reg-cs-icon {
  background: url("../images/icons.png") no-repeat -147px -2px;
  width: 38px;
  height: 36px; }

.reg-poker-icon {
  background: url("../images/icons.png") no-repeat -204px -2px;
  width: 41px;
  height: 39px; }

.reg-cpoker-icon {
  background: url("../images/icons.png") no-repeat -264px -2px;
  width: 38px;
  height: 38px; }

.reg-fair-icon {
  background: url("../images/icons.png") no-repeat -325px -4px;
  width: 40px;
  height: 38px; }

/* ========== FOR REGISTER CAPTCHA ==========*/
.reg-captcha {
  cursor: pointer;
  position: absolute;
  top: 9px;
  right: 10px; }

.reg-left {
  background: url(../images/register-banner.jpg) center no-repeat;
  text-align: center;
  min-height: 566px;
  height: auto; }
  .reg-left img {
    cursor: pointer; }
    .reg-left img:hover {
      -moz-box-shadow: 0 0 10px #ccc;
      -webkit-box-shadow: 0 0 10px #ccc;
      box-shadow: 0 0 10px #ccc;
      border-radius: 51px;
      -webkit-box-radius: 51px; }
  .reg-left a {
    display: block; }
  .reg-left p {
    color: #fff;
    font-size: 20px;
    margin-bottom: 36px; }

.reg-left .video-btn:hover {
  border-radius: 0 !important; }

.reg-left .reg-download {
  height: 70px;
  width: 100%;
  border-radius: 5px;
  border: 1px solid #ccc;
  margin-top: 50px;
  padding: 3px;
  position: relative;
  background: -moz-linear-gradient(top, #ffffff 0%, #afafaf 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%, #afafaf 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #afafaf 100%); }
  .reg-left .reg-download .icon-cont {
    width: 80px;
    border-radius: 4px; }
  .reg-left .reg-download .gg-box {
    background: -moz-linear-gradient(top, #c51f25 0%, #8b0d11 100%);
    background: -webkit-linear-gradient(top, #c51f25 0%, #8b0d11 100%);
    background: -o-linear-gradient(top, #c51f25 0%, #8b0d11 100%); }
  .reg-left .reg-download .idn-box {
    background: -moz-linear-gradient(top, #01cbe7 0%, #0095aa 100%);
    background: -webkit-linear-gradient(top, #01cbe7 0%, #0095aa 100%);
    background: -o-linear-gradient(top, #01cbe7 0%, #0095aa 100%); }
  .reg-left .reg-download i {
    color: #fff;
    font-size: 63px; }
  .reg-left .reg-download .dl-txt {
    position: absolute;
    top: 10px;
    right: 12px; }
    .reg-left .reg-download .dl-txt p {
      color: #333;
      font-weight: 600; }

.reg-btn {
  padding-top: 10px; }
  .reg-btn img:hover {
    box-shadow: none;
    border-radius: 0; }

.reg-contact {
  font-size: 14px !important;
  line-height: 18px !important;
  margin-top: 28px;
  margin-bottom: 10px !important; }
  .reg-contact span {
    color: #000000; }
  .reg-contact a {
    display: inline-block; }

/*------------- USER REGISTRATION ------------*/
.register-bg {
  background-image: url(../images/register-bg.jpg);
  background-size: cover;
  background-repeat: no-repeat; }
  @media (max-width: 1920px) {
    .register-bg {
      padding: 84px 0; } }

.reg-left-box {
  background: rgba(0, 0, 0, 0.8);
  padding: 30px 30px;
  width: 100%;
  display: block;
  margin: 0 auto;
  height: auto;
  min-height: 600px;
  -webkit-box-shadow: 4px 0px 2px -2px rgba(255, 255, 255, 0.8);
  -moz-box-shadow: 4px 0px 2px -2px rgba(255, 255, 255, 0.8);
  box-shadow: 4px 0px 2px -2px rgba(255, 255, 255, 0.8); }
  .reg-left-box .form-grp {
    margin-bottom: 11px;
    width: 100%;
    height: 61px; }
    .reg-left-box .form-grp label {
      color: #333333;
      font-size: 12px;
      position: absolute;
      top: 11px;
      padding-left: 8px; }

.reg-right-box {
  text-align: center;
  padding: 7.15% 38px;
  background: rgba(0, 0, 0, 0.7);
  min-height: 600px;
  height: auto; }
  .reg-right-box h1 {
    color: #e28e41;
    padding-bottom: 30px; }
  .reg-right-box .reg-cs-link {
    font-size: 13px;
    line-height: 18px;
    margin-top: 30px;
    margin-bottom: 25px;
    color: #fff; }
    .reg-right-box .reg-cs-link span {
      color: #e28e41; }
  .reg-right-box img:hover {
    -moz-box-shadow: 0 0 10px #ccc;
    -webkit-box-shadow: 0 0 10px #ccc;
    box-shadow: 0 0 10px #ccc;
    border-radius: 51px;
    -webkit-box-radius: 51px; }

.reg-lbl-m-b {
  margin-bottom: 15px; }
  .reg-lbl-m-b h1 {
    font-size: 25px;
    color: #e28e41;
    font-weight: normal;
    margin: 0; }
  .reg-lbl-m-b p {
    font-size: 20px;
    color: #fff !important; }

.input-custom-1 {
  border-radius: 2px !important;
  border: none;
  padding-left: 80px; }

.input-custom-1::-webkit-input-placeholder {
  color: #888;
  font-size: 12px; }

.input-custom-1::-moz-input-placeholder {
  color: #888;
  font-size: 12px; }

.input-custom-1::-ms-input-placeholder {
  color: #888;
  font-size: 12px; }

.input-custom-1::-o-input-placeholder {
  color: #888;
  font-size: 12px; }

.error .showPassword {
  top: calc(50% - 21px) !important; }

.reg-left-box .input-custom-1::-webkit-input-placeholder {
  color: #8e8e8e;
  font-size: 12px;
  font-style: italic; }

.reg-left-box .input-custom-1::-moz-placeholder {
  color: #8e8e8e;
  font-size: 12px;
  font-style: italic; }

.reg-left-box .input-custom-1::-ms-placeholder {
  color: #8e8e8e;
  font-size: 12px;
  font-style: italic; }

.reg-left-box .input-custom-1::placeholder {
  color: #8e8e8e;
  font-size: 12px;
  font-style: italic; }

/*------------- AFTER REGISTER ------------*/
.after-register-box {
  background: url(../images/after-register-banner.jpg) center no-repeat;
  background-size: cover;
  min-height: 822px; }
  @media (max-width: 1600px) {
    .after-register-box {
      min-height: 650px; } }

.after-reg-qrcode {
  display: block;
  text-align: center;
  padding: 11% 0 0; }

.after-reg-qrbox {
  display: inline-block;
  width: 90%;
  margin: auto;
  max-width: 274px;
  position: relative;
  padding: 14px 12px;
  box-sizing: border-box;
  border-radius: 6px;
  color: #FFF;
  background: #fcb72c;
  background: -moz-linear-gradient(top, #fcb72c 0%, #7d4918 100%);
  background: -webkit-linear-gradient(top, #fcb72c 0%, #7d4918 100%);
  background: linear-gradient(to bottom, #fcb72c 0%, #7d4918 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcb72c', endColorstr='#7d4918',GradientType=0 );
  background-clip: padding-box;
  border: 2px solid #f5c960;
  border-bottom: 1px solid #be8933; }

.scan-qrcode {
  padding: 23px 0 0;
  text-align: center; }
  .scan-qrcode:before {
    content: '';
    background: #191919;
    width: 100%;
    height: 54px;
    display: block;
    position: absolute;
    bottom: 1px;
    z-index: 0;
    left: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px; }
  .scan-qrcode i {
    color: #cd9449;
    font-size: 30px;
    vertical-align: middle;
    position: relative;
    z-index: 1; }
  .scan-qrcode span {
    vertical-align: middle;
    font-weight: bold;
    font-size: 19px;
    position: relative;
    z-index: 1; }

.after-reg-dl-gg {
  margin-top: 15px; }
  .after-reg-dl-gg a {
    background: #191919;
    padding: 12px 0;
    margin: 0 auto;
    width: 273px;
    margin-bottom: 15px;
    display: block;
    font-size: 16px;
    font-weight: bold;
    border-radius: 10px;
    border: 2px solid #e9a629;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease; }
    .after-reg-dl-gg a:hover {
      color: #191919;
      background: #e3a128;
      border: 2px solid #191919; }
    .after-reg-dl-gg a > i {
      font-size: 25px;
      vertical-align: sub;
      margin-right: 10px; }


.grey {
  color: #555 !important; }

.light-grey {
  color: #757575; }

.no-pad-r {
  padding-right: 0; }

.primary {
  color: #fd6d17; }

.act-head-bg {
  background: #2f3334;
  display: block;
  color: #ffffff;
  width: 1170px;
  margin: 10px auto 0 auto;
  padding: 10px 0;
  font-weight: normal; }

.wallet-gamelist {
  padding: 0 20px; }

.act-profile-info {
  padding-left: 20px;
  border-right: 1px solid #959798;
  padding: 11px 15px 11px 20px; }

.act-pic {
  background: #f59558;
  border-radius: 100%;
  width: 70px;
  height: 70px;
  background: url(../images/snail-avatar.png) no-repeat;
  background-size: cover; }

.act-title {
  margin-top: 12px; }
  .act-title p {
    font-size: 18px; }
  .act-title > div p {
    font-size: 12px;
    display: inline-block; }
  .act-title > div > span {
    color: #fd6d17; }
  .act-title > div .mem-con {
    display: inline-block;
    background: #26292a;
    border-radius: 10px;
    width: 50px;
    position: relative;
    top: 4px;
    height: 14px; }
    .act-title > div .mem-con > span {
      background: #fd6d17;
      width: 30px;
      height: 10px;
      left: 3px;
      top: 2px;
      position: absolute;
      border-radius: 10px; }

.act-bal {
  margin-top: 5px; }
  .act-bal > p {
    display: inline-block; }
  .act-bal .main-points {
    border-radius: 100%;
    height: 15px;
    width: 15px;
    margin-right: 10px;
    display: inline-block;
    font-size: 0;
    position: relative;
    top: 2px; }
  .act-bal .nw-main-wal {
    background: #47ff95; }
  .act-bal .nw-gg-wal {
    background: #ff5855; }
  .act-bal .nw-idn-wal {
    background: #7accf7; }
  .act-bal .nw-mt-wal {
    background: #a39fec; }
  .act-bal .nw-vg-wal {
    background: #f59558; }
  .act-bal .nw-esports-wal {
    background: #fcd42b; }
  .act-bal .nw-lc-wal {
    background: #0192e6; }
  .act-bal .nw-761-wal {
    background: #a3d35c; }
  .act-bal .nw-ag-wal {
    background: #f05e22; }
  .act-bal label {
    font-weight: normal;
    font-size: 16px;
    display: block;
    text-align: left;
    padding: 5px 0 5px 30px; }
    .act-bal label > span, .act-bal label em {
      font-weight: 600; }
    .act-bal label > img {
      display: none;
      width: 40%;
      top: -5px;
      left: 94px; }
  .act-bal > span {
    background: #26292a;
    border-radius: 5px;
    text-align: center;
    padding: 5px;
    width: 95%;
    margin: 5px auto;
    display: block;
    color: #ffffff; }

.rmb-display {
  margin-top: 6px; }
  .rmb-display p {
    font-size: 1.2em; }
  .rmb-display label {
    padding-left: 0; }

.act-disabled {
  color: #888; }
  .act-disabled .points-disabled {
    background: #888; }
  .act-disabled .mntnc-icon {
    width: 25px;
    height: 25px;
    display: inline-block !important;
    vertical-align: middle !important; }
  .act-disabled .undr-mntnc {
    font-size: 13px; }

.act-sub-bg {
  border-top: 1px solid #959798;
  background: #464a4b;
  display: block;
  color: #ffffff;
  width: 1170px;
  margin: 0 auto;
  font-weight: normal;
  height: 55px; }
  .act-sub-bg > div > div > label {
    text-align: center;
    font-size: 13px;
    vertical-align: middle;
    font-weight: normal;
    padding-top: 8px;
    display: block; }
    .act-sub-bg > div > div > label > span {
      color: #f59558; }
  .act-sub-bg > div > div > span {
    text-align: center;
    display: block;
    font-size: 12px;
    color: #959798; }

.no-br-bot {
  border-bottom: none !important; }

.nw-form-deposit {
  min-height: 620px !important; }

.nw-form {
  background: #ffffff;
  border: 1px solid #aeaeae;
  margin-left: 10px;
  width: 965px;
  display: block;
  font-weight: normal;
  min-height: 510px;
  height: auto; }
  .nw-form .nw-in-con {
    width: 90%;
    margin: 10px auto;
    display: block;
    border-bottom: 1px solid #959798; }
    .nw-form .nw-in-con [type="radio"]:checked,
    .nw-form .nw-in-con [type="radio"]:not(:checked) {
      position: absolute;
      left: -9999px;
      color: #757575;
      font-weight: normal; }
    .nw-form .nw-in-con [type="radio"]:checked + label,
    .nw-form .nw-in-con [type="radio"]:not(:checked) + label {
      position: relative;
      padding-left: 28px;
      cursor: pointer;
      line-height: 20px;
      display: inline-block;
      color: #757575;
      font-weight: normal;
      font-size: 15px; }
    .nw-form .nw-in-con [type="radio"]:checked + label:before,
    .nw-form .nw-in-con [type="radio"]:not(:checked) + label:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 18px;
      height: 18px;
      border: 3px solid #959798;
      border-radius: 100%;
      background: #fff; }
    .nw-form .nw-in-con [type="radio"]:checked + label:after,
    .nw-form .nw-in-con [type="radio"]:not(:checked) + label:after {
      content: '';
      width: 12px;
      height: 12px;
      background: #fd6d17;
      position: absolute;
      top: 6px;
      left: 6px;
      border-radius: 100%;
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease; }
    .nw-form .nw-in-con [type="radio"]:not(:checked) + label:after {
      opacity: 0;
      -webkit-transform: scale(0);
      transform: scale(0); }
    .nw-form .nw-in-con [type="radio"]:checked + label:after {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1); }
    .nw-form .nw-in-con .nw-lbl-1, .nw-form .nw-in-con .nw-lbl-2, .nw-form .nw-in-con .nw-lbl-3 {
      padding: 10px 0;
      font-weight: normal; }
    .nw-form .nw-in-con .nw-lbl-1 {
      color: #757575; }
    .nw-form .nw-in-con .nw-lbl-2 {
      color: #333333; }
    .nw-form .nw-in-con .nw-lbl-3 {
      color: #fd6d17; }
    .nw-form .nw-in-con .nw-error {
      color: #dd3333;
      padding: 3px 0;
      font-style: italic; }
  .nw-form .nw-btn-con {
    display: block;
    margin: 25px auto;
    /*width: 90%;*/ }
    .nw-form .nw-btn-con > button, .nw-form .nw-btn-con input[type="button"], .nw-form .nw-btn-con a {
      display: inline-block;
      min-width: 200px;
      /*border: none;*/ }
    .nw-form .nw-btn-con > .btn-def {
      padding: 13px 13px;
      border-radius: 5px;
      background: #fd6d17;
      color: #fff; }
      .nw-form .nw-btn-con > .btn-def:hover {
        cursor: pointer;
        background: #f59558; }
  .nw-form .con-left {
    text-align: left; }
  .nw-form .con-ryt {
    text-align: right; }
  .nw-form .con-center {
    text-align: center; }
  .nw-form .nw-title {
    padding: 15px 15px;
    display: block; }
    .nw-form .nw-title > p {
      color: #959798;
      display: inline-block;
      vertical-align: middle; }
    .nw-form .nw-title > i {
      color: #959798;
      display: inline-block;
      font-size: 30px;
      line-height: 30px;
      padding: 5px 5px;
      vertical-align: middle; }

.resize-icon {
  font-size: 25px !important; }

.deposit-gift .nw-title {
  padding: 0 !important; }

.nw-msg-con {
  background: #ffffff;
  border: 1px solid #aeaeae;
  padding: 0 !important;
  font-size: 0;
  margin-bottom: 10px;
  color: #757575; }
  .nw-msg-con div {
    display: inline-block;
    padding: 5px 10px;
    border-right: 1px solid #aeaeae; }
    .nw-msg-con div [type="button"] {
      border: none;
      background: #ffffff;
      vertical-align: middle;
      color: #757575; }
      .nw-msg-con div [type="button"] i {
        font-size: 18px;
        vertical-align: middle;
        padding: 0 10px; }
    .nw-msg-con div :hover {
      color: #fd6d17;
      cursor: pointer; }

.msg-title {
  font-size: 15px;
  color: #fd6d17 !important;
  font-weight: bold;
  padding-top: 5px;
  /* display: block; */
  text-transform: uppercase; }

.msg-date {
  font-weight: normal !important;
  font-size: 13px !important;
  color: #757575; }

.msg-content {
  font-weight: normal !important;
  font-size: 13px !important;
  min-height: 80px;
  overflow: hidden;
  color: #757575 !important; }

.msg-btn {
  padding: 0;
  position: relative;
  top: 120px; }
  .msg-btn a {
    color: #959798;
    text-decoration: none;
    font-size: 15px;
    padding: 10px 5px; }
    .msg-btn a > i {
      font-size: 20px;
      vertical-align: middle;
      line-height: 25px; }
    .msg-btn a > span {
      padding: 5px; }

.msg-green:hover {
  color: #27ae60; }

.msg-red:hover {
  color: #dd3333; }

.msg-blue:hover {
  color: #3498db; }

.chck-con {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.transfer-success-pop {
  display: none;
  width: 300px;
  border-radius: 5px;
  border: 1px solid #cdcdcd;
  background-color: #fff;
  position: fixed;
  top: 60%;
  left: 55%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  z-index: 5;
  padding: 5px 10px;
  color: #1b1b1b; }
  .transfer-success-pop .close-pop {
    color: #cccccc;
    font-weight: 600;
    display: block;
    font-size: 13px;
    text-align: right;
    padding-top: 7px; }
  .transfer-success-pop .trans-label {
    display: block;
    text-align: center;
    padding: 0px 0 13px; }
    .transfer-success-pop .trans-label span {
      padding: 0 10px;
      font-size: 16px;
      color: #666; }
    .transfer-success-pop .trans-label > div {
      display: inline-block;
      height: 30px;
      width: 30px;
      border-radius: 100%;
      background: #2ecc71;
      vertical-align: middle; }
      .transfer-success-pop .trans-label > div i {
        font-size: 16px;
        color: #ffffff;
        vertical-align: sub;
        line-height: 30px; }

/*Nested List*/
.nw-promo-list {
  margin: 20px 10px;
  color: #535353; }
  .nw-promo-list > li {
    margin-left: 40px;
    list-style-type: decimal;
    color: #535353;
    line-height: 30px; }
    .nw-promo-list > li > ol li {
      list-style-type: lower-alpha;
      margin-left: 15px; }

/*===SECURITY QUESTIONS===*/
.quest-cont, .mc-inner-box {
  margin: 30px auto;
  width: 70%; }

.quest-contPop {
  margin: 12px 35px; }

.quest-title {
  padding: 10px 0;
  border-bottom: 1px solid #ccc; }

.quest-title p {
  font-size: 20px;
  color: #757575;
  font-weight: 600; }

.quest-title hr {
  border-bottom: 1px solid;
  color: #ccc; }

.quest-info {
  margin-bottom: 15px;
  display: block;
  padding: 15px 0; }

.quest-info p {
  font-size: 13px;
  color: #888;
  padding-bottom: 10px; }

.quest-info select, input {
  border-radius: 5px !important; }

.quest-info span {
  position: static;
  padding-top: 8px;
  display: block; }

.security-border {
  border: 1px solid #eeeeee;
  border-radius: 5px;
  background: #fff;
  min-height: 530px; }

.breadcrumbs h3 {
  color: #464a4b;
  font-weight: bold;
  font-size: 18px; }

.security-tab ul {
  font-size: 0;
  height: 57px;
  background: #fff;
  box-shadow: 0px 15px 3px -15px #000;
  border-bottom: 1px solid #aeaeae;
  /*-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.4);
  -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.4);
  box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.4);*/ }

.security-tab ul li {
  padding: 20px 0;
  cursor: pointer;
  color: #959798;
  display: inline-block;
  width: 49%;
  text-align: center;
  font-size: 15px; }

/*===== INP TRANSFER BUTTON =====*/
.quest-btn {
  margin: 0px 6px; }

.quest-btnPop {
  font-size: 0;
  text-align: center;
  margin-top: 10px;
  display: block;
  padding: 0; }

.quest-btnPop > button {
  display: inline-block;
  width: 45%;
  margin: 0 4px;
  font-size: 15px;
  min-width: 0; }

/*.quest-btn button, .quest-btnPop button {
        width: 200px;
        display: inline-block;
        border-radius: 5px;
        margin: 0 5px;
    }
    .quest-btn .cancel-quest, .quest-btnPop .cancel-quest {
        background: #f2efef;
        border: 2px solid #888;
        color: #555;
        padding: 6px 0;
    }*/
/*.quest-btn .cancel-quest:hover, .quest-btnPop .cancel-quest:hover {
            background: #888;
            color: #fff;
        }*/
.ng-cloak {
  display: none !important; }

.memSec-btn {
  margin-bottom: 30px;
  padding: 0; }

.sec-confirm {
  border: 0 !important;
  padding: 0 !important; }

.sec-confirm .orange-bg {
  background: #fd6d17; }

.sec-confirm p {
  text-align: center; }

.sec-confirm .column-12 {
  padding-bottom: 5px; }

.sec-question {
  display: none; }

.sec-ques-forgot a {
  color: #969696 !important;
  text-align: center;
  display: block;
  text-decoration: underline;
  font-size: 12px; }

.sec-ques-forgot a:hover {
  color: #f06405 !important; }

.breadcrumbs {
  margin-bottom: 10px; }
  .breadcrumbs h3 {
    color: #464a4b;
    font-weight: bold;
    font-size: 18px; }
  .breadcrumbs p {
    font-size: 12px;
    color: #888888; }
    .breadcrumbs p a {
      color: #888888; }

.security-tab ul {
  font-size: 0;
  height: 62px;
  background: #fff;
  box-shadow: 0 5px 5px -5px #797979;
  border-bottom: 1px solid #aeaeae; }
  .security-tab ul li {
    padding: 17px 0;
    cursor: pointer;
    color: #959798;
    display: inline-block;
    width: 50%;
    text-align: center;
    font-size: 15px;
    /*i {
        background: #f87558;
        color: #fff;
        border-radius: 50%;
        padding: 7px;
        font-size: 21px;
        border: 1px solid #f06749;
    }*/ }
    .security-tab ul li i {
      background: #757575;
      color: #fff;
      border: 1px solid #656565;
      border-radius: 50%;
      padding: 7px;
      font-size: 27px;
      vertical-align: middle; }
  .security-tab ul .active-orange {
    border-bottom: 3px solid #f06749; }
    .security-tab ul .active-orange i {
      background: #f87558;
      border: 1px solid #f06749; }
  .security-tab ul .active-blue {
    border-bottom: 3px solid #47bfe3; }
    .security-tab ul .active-blue i {
      background: #47bfe3;
      border: 1px solid #41bbe0; }

.error-box {
  background: #ffeaea;
  padding: 0 15px !important;
  margin-bottom: 0;
  height: 25px; }
  .error-box span {
    padding: 4px 0 !important;
    font-size: 11px !important; }

.error-sec {
  background: #ffdede;
  padding: 5px 10px !important; }

.steps-sec {
  position: relative;
  display: block;
  text-align: center;
  padding: 25px 0;
  border-bottom: 1px solid #eeeeee;
  box-shadow: 0 5px 5px -8px #797979;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }

.step-div {
  display: inline; }
  .step-div .step-txt {
    color: #888; }
    .step-div .step-txt i {
      background: #e1e6ea;
      color: #919b9d;
      border-radius: 50%;
      padding: 7px;
      font-size: 22px;
      vertical-align: middle;
      margin-right: 5px;
      cursor: pointer; }

.active-red .step-progress {
  transform: scaleX(1) !important; }
.active-red .step-txt i {
  background: #ff5855;
  color: #fff; }

.active-light .step-line .step-progress {
  transform: scaleX(1) !important;
  background-color: #ff9997; }
.active-light .step-txt i {
  background: #ff9997;
  color: #fff; }

.active-blue i {
  background: #47bfe3;
  border: 1px solid #41bbe0; }

.step-line {
  position: relative;
  display: inline-block;
  height: 7px;
  background: #e1e6ea;
  border-radius: 5px;
  width: 10%;
  vertical-align: middle;
  margin: 0 10px; }
  .step-line .step-progress {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #ff5855;
    border-radius: 5px;
    transform: scaleX(0);
    transition: transform .4s linear;
    transform-origin: left; }

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

.popUp-txt p {
  font-weight: normal;
  color: #777777; }

.security-body {
  background: #f6f6f6;
  min-height: 560px; }

.security-fund-details {
  margin: 2px 0 25px;
  text-align: center; }
  .security-fund-details i {
    background: #ff5855;
    color: #fff;
    border-radius: 50%;
    padding: 7px;
    font-size: 22px;
    vertical-align: middle;
    margin-right: 3px; }
  .security-fund-details span {
    color: #888;
    font-size: 15px;
    display: inline-block;
    vertical-align: middle; }

.pad-top {
  padding-top: 30px; }

.un-label {
  font-weight: normal;
  color: #999;
  letter-spacing: 1px;
  font-size: 12px;
  padding: 3px 0; }

.input-ht-60 {
  height: 60px; }

/* PROMO ADD*/
.promo-steps {
  padding: 15px 0; }
  .promo-steps > img {
    display: block;
    margin: 0 auto; }

/* PROMO ADD TABS -- index page*/
.promotion .promo-tabs-container, .promotion .tutorial-tab-container {
  box-shadow: none;
  margin: 10px 0; }

/* PROMO ADD TABS*/
.promo-tabs-container, .tutorial-tab-container {
  width: 100%;
  background-color: #fff;
  padding: 0px;
  font-size: 0;
  -webkit-transition: ease-in 0.2s;
  transition: ease-in 0.2s;
  -webkit-box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.1);
  color: #757575; }
  .promo-tabs-container li, .tutorial-tab-container li {
    border: none;
    padding: 10px 10px;
    /*width: 95px;*/
    text-align: center;
    background: transparent;
    font-size: 17px;
    display: inline-block;
    cursor: pointer;
    height: auto;
    margin-bottom: 0; }
  .promo-tabs-container li.active, .tutorial-tab-container li.active {
    color: #dd3333;
    font-weight: 600;
    border-bottom: 2px solid #dd3333; }

/* TUTORIAL TAB*/
.tutorial-tab-container {
  border: 1px solid rgba(117, 117, 117, 0.168627451); }
  .tutorial-tab-container li i {
    vertical-align: sub;
    line-height: 18px;
    font-size: 25px; }
    .tutorial-tab-container li i:before {
      margin-right: 10px; }

.tutorial-page-content-web, .tutorial-page-content-mobi {
  -webkit-transition: ease-in 0.2s;
  transition: ease-in 0.2s;
  -webkit-box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.15);
  margin: 20px 0;
  background-color: #fff;
  padding: 20px 20px; }
  .tutorial-page-content-web > div, .tutorial-page-content-mobi > div {
    text-align: center; }
    .tutorial-page-content-web > div img, .tutorial-page-content-mobi > div img {
      width: 90%;
      padding: 20px 0 0 0; }
    .tutorial-page-content-web > div p, .tutorial-page-content-mobi > div p {
      display: block;
      font-size: 20px;
      padding: 5px 0;
      font-weight: bold;
      color: #dd3333; }
    .tutorial-page-content-web > div span, .tutorial-page-content-mobi > div span {
      font-size: 15px;
      font-weight: normal;
      color: #757575;
      display: block;
      padding: 5px 0; }

.tutorial-page-content-mobi {
  padding: 25px 20px; }
  .tutorial-page-content-mobi > div {
    text-align: left; }
    .tutorial-page-content-mobi > div img {
      width: 90%;
      padding: 25px 10px;
      display: block;
      margin: 0 auto; }
    .tutorial-page-content-mobi > div p {
      padding-top: 150px;
      display: block; }
    .tutorial-page-content-mobi > div span {
      display: block; }

/*tables features*/
.table-feature {
  width: 80%;
  margin-bottom: 20px;
  margin-top: 20px; }
  .table-feature tbody tr td:last-child {
    color: #dd3333; }

.td-alter-gray {
  background: rgba(149, 151, 152, 0.1607843137) !important; }

.td-alter-white {
  background: #fff !important; }

.gg-feature-mtt {
  margin-bottom: 20px; }

.amount-selection .amt-lbl {
  margin-right: 6px;
  font-weight: normal;
  background: #fff;
  border: 1px solid #da2f28;
  color: #da2f28;
  border-radius: 4px;
  padding: 3px 5px;
  width: 72px;
  text-align: center;
  cursor: pointer;
  margin-top: 5px; }
  .amount-selection .amt-lbl:hover {
    border: 1px solid #da2f28;
    background: #da2f28;
    color: #fff; }
  .amount-selection .amt-lbl input {
    position: absolute;
    left: -9999px; }

.amt-lbl.active {
  border: 1px solid #da2f28;
  background: #da2f28;
  color: #fff; }

/* =============== VG Lobby ================= */
.vg-lobby-sec {
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100%;
  background-attachment: fixed;
  text-align: center;
  z-index: 2;
  height: auto;
  width: 100%;
  /*@media (min-width: 1025px) and (max-width: 1280px) {
      height: 105vh;
  }*/ }

.vg-lobby-bg {
  background: url(../images/vg-bg.jpg) no-repeat;
  position: relative;
  width: 100%;
  height: auto;
  min-height: 777px;
  display: block;
  background-size: cover;
  background-position: center; }

.vg-back-btn {
  margin-top: 17px !important; }
  @media (max-width: 1440px) {
    .vg-back-btn {
      margin-top: 10px !important; } }

.vg-head {
  padding: 40px 0; }
  @media (max-width: 1440px) {
    .vg-head {
      padding: 30px 0; } }
  @media (max-width: 1300px) {
    .vg-head {
      padding: 35px 0; } }
  .vg-head .vg-logo {
    display: block;
    margin-left: 38%; }
    @media (max-width: 1600px) {
      .vg-head .vg-logo {
        height: 55px;
        margin-left: 47%; } }
    @media (max-width: 1440px) {
      .vg-head .vg-logo {
        height: 60px; } }
  @media (max-width: 1440px) {
    .vg-head .vg-bal-img {
      height: 58px; } }
  .vg-head .vg-balance {
    font-size: 25px;
    position: absolute;
    top: 17px;
    left: 43%; }
    @media (max-width: 1440px) {
      .vg-head .vg-balance {
        top: 14px; } }

.game-list {
  margin-bottom: 20px;
  display: block;
  text-align: center; }
  @media (max-width: 1440px) {
    .game-list {
      padding: 0 12%; } }
  .game-list li {
    display: inline-block;
    width: 24.5%;
    position: relative; }
    @media (max-width: 1600px) {
      .game-list li {
        padding: 0 28px; } }
    @media (max-width: 1366px) {
      .game-list li {
        padding: 0 16px; } }
    .game-list li a {
      display: block; }
      .game-list li a img {
        max-width: 100%;
        max-height: 100%;
        cursor: pointer; }

.tag {
  width: 90px;
  height: 90px;
  position: absolute;
  right: 10px;
  z-index: 1;
  background-size: cover !important;
  object-fit: contain; }
  @media (max-width: 1600px) {
    .tag {
      right: -7px; } }
  @media (max-width: 1440px) {
    .tag {
      background-size: 83% !important;
      right: -22px; } }

.new-game {
  background: url(../images/new-tag.png) no-repeat center; }
  @media (max-width: 1440px) {
    .new-game {
      top: -16px; } }
  @media (max-width: 1366px) {
    .new-game {
      right: -12px; } }

.hot-game {
  background: url(../images/hot-tag.png) no-repeat center; }

/* =============== MT Lobby ================= */
.mt-lobby-sec {
  position: relative;
  text-align: center;
  z-index: 2;
  width: 100%; }

.mt-lobby-bg {
  background: url(../images/mt-bg.jpg) no-repeat;
  position: relative;
  width: 100%;
  min-height: 90vh;
  height: auto;
  display: block;
  background-size: cover;
  background-position: center; }

.mtback {
  margin-top: 55%;
  display: block; }
  @media (max-width: 1440px) {
    .mtback {
      margin-top: 37%; } }

.mtbal {
  margin-top: 15px; }
  @media (max-width: 1440px) {
    .mtbal {
      margin-top: 0; } }

.mt-head {
  padding: 50px 0; }
  @media (max-width: 1440px) {
    .mt-head {
      padding: 30px 0; } }
  @media (max-width: 1300px) {
    .mt-head {
      padding: 35px 0; } }
  .mt-head .mt-logo {
    display: block;
    margin-left: 37%; }
    @media (max-width: 1600px) {
      .mt-head .mt-logo {
        height: 85px;
        margin-left: 41%; } }
    @media (max-width: 1440px) {
      .mt-head .mt-logo {
        height: 60px;
        margin-left: 49%; } }
  @media (max-width: 1440px) {
    .mt-head .mt-bal-img {
      height: 58px; } }
  .mt-head .mt-balance {
    font-size: 25px;
    position: absolute;
    top: 17px;
    left: 43%; }
    @media (max-width: 1440px) {
      .mt-head .mt-balance {
        top: 14px; } }

.mt-game-list {
  margin-bottom: 10px; }
  @media (max-width: 1440px) {
    .mt-game-list {
      padding: 0 10%; } }
  .mt-game-list a {
    display: block; }
    .mt-game-list a img {
      max-width: 100%;
      max-height: 100%;
      cursor: pointer; }

.mtgame-section {
  display: block;
  text-align: center;
  margin: 30px 20px; }
  .mtgame-section li {
    display: inline-block;
    margin: 0 18px;
    position: relative; }
    .mtgame-section li a {
      display: block; }
      .mtgame-section li a span.new-game {
        right: -32px;
        top: -9px; }
        @media (max-width: 1600px) {
          .mtgame-section li a span.new-game {
            top: -17px; } }
      .mtgame-section li a span.hot-game {
        right: -20px; }

.game-title {
  position: relative;
  background: url(../images/title-game.png) no-repeat;
  background-size: cover;
  background-position: center;
  height: 79px; }
  .game-title span {
    position: absolute;
    font-size: 40px;
    top: 48%;
    left: 50.5%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 1;
    font-weight: bold;
    background: -webkit-linear-gradient(#f6efff, #cea6f4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }

.back-btn {
  margin-top: 35px;
  text-align: left;
  margin-left: 10px;
  cursor: pointer; }

/*.pokergame-sec {
    padding: 0 11%;
    li {
        width: 25%;
        margin-right: 0;
        margin-bottom: 10px;
    }
}*/
.pokergame-second-row {
  text-align: left;
  margin-left: 50px; }

.multigame-sec li {
  margin-bottom: 10px; }

.ng-cloak {
  display: none !important; }

/* VG and MT games hover effect*/
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0); }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0); } }
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0); }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0); } }
.hvr-buzz-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0); }

.hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
  -webkit-animation-name: hvr-buzz-out;
  animation-name: hvr-buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1; }

.chess-room {
  background: url(../images/chess-bg.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 525px;
  position: relative; }
  @media (max-width: 1440px) {
    .chess-room {
      height: 390px; } }

.chess-btn {
  text-align: center;
  height: 525px;
  position: relative; }
  @media (max-width: 1440px) {
    .chess-btn {
      height: 390px; } }
  .chess-btn img {
    position: absolute;
    bottom: 45px; }
    @media (max-width: 1440px) {
      .chess-btn img {
        bottom: 35px;
        height: 35px; } }

.chess-btn-vg img {
  left: -12%; }
  @media (max-width: 1440px) {
    .chess-btn-vg img {
      left: 17%; } }

.chess-btn-mt img {
  left: -40%; }
  @media (max-width: 1440px) {
    .chess-btn-mt img {
      left: 23%; } }

.chess-btn-lc img {
  left: 36%; }
  @media (max-width: 1440px) {
    .chess-btn-lc img {
      left: -4%; } }

.chess-btn-761 img {
  left: 13%; }
  @media (max-width: 1440px) {
    .chess-btn-761 img {
      left: 6%; } }

chess-btn-ag img {
  left: 0; }
  @media (max-width: 1440px) {
    chess-btn-ag img {
      left: -4%; } }

/* ==== MT DROPDOWN ====*/
.mt-poker-drop {
  background: #fff;
  display: none;
  margin-left: -10px !important; }

.mt_poker {
  position: relative; }
  .mt_poker a:hover .mt-poker-drop {
    display: block !important; }

/* ===== Transfer Caret ===== */
.openCaret {
  transform: rotate(180deg);
  transition: transform 0.3s linear; }

/*REGISTER BUTTONS*/
.register-button {
  width: 70%;
  margin: 0 auto;
  display: block; }
  .register-button div {
    margin-bottom: 10px; }

/* ============= Email Alert ============ */
.security-fund-details i.icon-email-icon {
  padding: 9px;
  font-size: 18px; }

.emailAlert-form {
  margin-top: 20px;
  position: relative; }
  .emailAlert-form .field-cont {
    margin-right: 0; }
  .emailAlert-form .errormsg {
    font-size: 12px !important; }

.title-note {
  font-size: 14px;
  color: #a0a0a0 !important; }

.emailAlert-tooltip {
  display: none;
  position: absolute;
  right: 2px;
  top: -61px;
  width: 209px;
  background: #fff;
  padding: 9px 16px;
  border-radius: 5px;
  -webkit-box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.21);
  -moz-box-shadow: 2px 2px 14px 2px rgba(0, 0, 0, 0.21);
  box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.21); }
  .emailAlert-tooltip:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; }
  .emailAlert-tooltip:after {
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #88b7d5;
    border-width: 14px;
    margin-left: -81px;
    border-left-width: 0px;
    border-right-width: 25px;
    border-top: 16px solid #fff;
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-bottom-width: 16px;
    border-top-width: 0px;
    border-left: 24px solid #e8e8e8; }
  .emailAlert-tooltip div {
    display: table-cell;
    vertical-align: middle; }
    .emailAlert-tooltip div i {
      font-size: 28px;
      color: #ef9456;
      vertical-align: text-top;
      margin-right: 4px; }
    .emailAlert-tooltip div p {
      font-size: 10px;
      color: #959798;
      font-style: italic;
      line-height: 15px;
      text-align: left; }

.emailAlert-chkbx {
  display: block; }
  .emailAlert-chkbx li {
    display: inline-block;
    margin-right: 14px;
    position: relative; }
    .emailAlert-chkbx li label {
      color: #888;
      font-weight: normal;
      font-size: 14px;
      vertical-align: middle; }
      .emailAlert-chkbx li label:before {
        content: "";
        cursor: pointer;
        display: inline-block;
        position: absolute;
        left: 3px;
        top: 2px;
        width: 17px;
        height: 17px;
        border: 1px solid #cccccc;
        border-radius: 3px;
        background-color: #fff;
        -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
        -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
        transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
      .emailAlert-chkbx li label:after {
        display: inline-block;
        width: 18px;
        height: 18px;
        font-size: 12px;
        color: #fff;
        position: absolute;
        left: 7px;
        top: 6px; }
    .emailAlert-chkbx li input {
      width: 18px;
      height: 18px;
      vertical-align: sub; }
    .emailAlert-chkbx li input[type="checkbox"]:checked + label::before {
      background-color: #f68f4d;
      border-color: #f68f4d; }
    .emailAlert-chkbx li input[type="checkbox"]:checked + label::after {
      font-family: 'FontAwesome';
      content: "\f00c"; }

/* ==== REFERENCE ADDRESS ==== */
.recom-code {
  position: relative;
  background: url(../images/bannerCode-web.jpg) no-repeat center center;
  -webkit-appearance: none;
  width: 100%;
  height: 471px; }

.address-header {
  border-bottom: 1px solid #fff;
  padding-bottom: 10px;
  width: 85%;
  margin: 0 auto 30px; }
  .address-header p.address-title {
    color: #fade94;
    font-size: 16px; }
  .address-header p {
    color: #fff;
    line-height: 30px;
    font-size: 14px; }

.ref-address {
  width: 65%;
  display: block;
  margin: 0 auto;
  text-align: center;
  font-size: 15px;
  color: #fff;
  background: rgba(0, 0, 0, 0.1);
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 60px;
  font-weight: normal;
  word-break: break-word; }

.code-box {
  width: 323px;
  position: absolute;
  border-radius: 5px;
  margin: 0px auto 0;
  text-align: center;
  left: 50%;
  top: 374px;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -60%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%); }

button.copy-txt-btn {
  font-size: 17px;
  font-weight: bold;
  padding: 6px 0;
  border-radius: 50px;
  width: 68%;
  margin: 0 auto;
  color: #f12f00;
  background: #fde169;
  background: -moz-linear-gradient(top, #fde169 0%, #ffc82e 100%);
  background: -webkit-linear-gradient(top, #fde169 0%, #ffc82e 100%);
  background: linear-gradient(to bottom, #fde169 0%, #ffc82e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fde169', endColorstr='#ffc82e',GradientType=0 );
  -webkit-box-shadow: 0px 5px 5px 0px #c3332d;
  -moz-box-shadow: 0px 5px 5px 0px #c3332d;
  box-shadow: 0px 5px 5px 0px #c3332d; }
  button.copy-txt-btn i {
    margin-right: 9px;
    font-size: 17px;
    font-weight: bold;
    vertical-align: middle; }

/**************Fishing Page*********************/
.fish-room {
  background: url(../images/fishrm-bg.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 525px;
  position: relative; }

.fishrm-btn {
  text-align: center;
  position: relative; }
  .fishrm-btn a {
    margin: 0 10px; }

.fishrm-qr {
  text-align: center;
  padding: 21% 0 11px 0; }
  .fishrm-qr img {
    height: 171px; }
  .fishrm-qr p {
    font-size: 25px;
    padding: 5px 0;
    color: #ffffff;
    text-shadow: 2px 2px 3px #04336f;
    font-weight: 600; }

/**************Cowboy Page*********************/
.cowboy-room {
  background: url(../images/cowboy-bg.jpg) no-repeat !important; }
  @media (max-width: 1600px) {
    .cowboy-room {
      background-size: 100% !important;
      height: 438px; } }
  @media (max-width: 1440px) {
    .cowboy-room {
      height: 394px; } }
  @media (max-width: 1439px) {
    .cowboy-room {
      height: 373px; } }
  @media (max-width: 1364px) {
    .cowboy-room {
      height: 328px; } }

.cowboy-btn a {
  display: block;
  margin-bottom: 10px; }
  @media (max-width: 1440px) {
    .cowboy-btn a img {
      height: 48px; } }

.cowboy-qr {
  padding: 38% 0 10px 0; }
  @media (max-width: 1600px) {
    .cowboy-qr {
      padding: 20% 0 10px 0; } }
  @media (max-width: 1440px) {
    .cowboy-qr {
      padding: 16% 0 10px 0; } }
  @media (max-width: 1366px) {
    .cowboy-qr {
      padding: 10% 0 10px 0; } }
  .cowboy-qr img {
    height: 155px; }
    @media (max-width: 1440px) {
      .cowboy-qr img {
        height: 136px; } }

/**************AG Page*********************/
.ag-room {
  position: relative;
  width: 100%;
  max-height: 825px;
  background-color: #000;
  /*background: url(../images/asia-game/ag-banner.jpg) no-repeat !important;
  height: 825px;*/
    /*@media (max-width: 1600px) {
        background-size: 100% !important;
        height: 580px;
    }

    @media (max-width: 1440px) {
        height: 513px;
    }

    @media (max-width: 1439px) {
        height: 380px
    }

    @media (max-width: 1364px) {
        height: 328px;
    }

    @media (max-width: 1280px) {
        height: 415px;
    }*/ }
  .ag-room > img {
    width: 100%; }

.ag-btn-box {
  position: absolute;
  width: 25%;
  top: 62%;
  left: 39%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%); }
  @media (max-width: 1280px) {
    .ag-btn-box {
      left: 40%; } }
  .ag-btn-box > a {
    display: inline-block; }
    @media (max-width: 1440px) {
      .ag-btn-box > a > img {
        height: 50px; } }
    @media (max-width: 1280px) {
      .ag-btn-box > a > img {
        height: 45px; } }

.btm-box {
  position: absolute;
  bottom: 100px;
  text-align: center; }
  @media (max-width: 1600px) {
    .btm-box {
      bottom: 75px; } }
  .btm-box li {
    display: inline-block;
    margin: 0 30px; }
    .btm-box li a {
      display: block; }
      .btm-box li a img {
        height: 120px; }
        @media (max-width: 1600px) {
          .btm-box li a img {
            height: 110px; } }
        @media (max-width: 1366px) {
          .btm-box li a img {
            height: 95px; } }

/**************GG-Chess Room*********************/
.gg-chess-room-bg {
  background: url(../images/gg-bg.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 525px;
  position: relative; }
  @media (max-width: 1600px) {
    .gg-chess-room-bg {
      background-size: 100% !important;
      height: 438px; } }
  @media (max-width: 1440px) {
    .gg-chess-room-bg {
      height: 394px; } }
  @media (max-width: 1439px) {
    .gg-chess-room-bg {
      height: 373px; } }
  @media (max-width: 1364px) {
    .gg-chess-room-bg {
      height: 328px; } }

.gg-chess-room-qr {
  padding: 48% 0 10px 0; }
  @media (max-width: 1600px) {
    .gg-chess-room-qr {
      padding: 37% 0 10px 0; } }
  @media (max-width: 1440px) {
    .gg-chess-room-qr {
      padding: 34% 0 10px 0; } }
  @media (max-width: 1366px) {
    .gg-chess-room-qr {
      padding: 29% 0 10px 0; } }
  @media (max-width: 1280px) {
    .gg-chess-room-qr {
      padding: 27% 0 10px 0; } }
  .gg-chess-room-qr img {
    height: 155px; }
    @media (max-width: 1440px) {
      .gg-chess-room-qr img {
        height: 125px; } }
    @media (max-width: 1280px) {
      .gg-chess-room-qr img {
        height: 99px; } }

.gg-chessroom-btn a {
  display: block;
  margin-bottom: 10px; }
  .gg-chessroom-btn a img {
    -webkit-box-shadow: 0px 2px 5px 1px rgba(255, 177, 11, 0.6);
    -moz-box-shadow: 0px 2px 5px 1px rgba(255, 177, 11, 0.6);
    box-shadow: 0px 2px 5px 1px rgba(255, 177, 11, 0.6);
    border-radius: 47px; }
    @media (max-width: 1280px) {
      .gg-chessroom-btn a img {
        height: 28px; } }

.qipai-icon {
  font-size: 24px !important; }

/**kuya**/
/*.gg-chess-room {
    background: url(../images/gg-chessroom/anp-gg-chess-index.jpg) no-repeat !important;

    @media (max-width: 1600px) {
        background-size: 100% !important;
        height: 438px;
    }

    @media (max-width: 1440px) {
        height: 394px;
    }

    @media (max-width: 1439px) {
        height: 373px;
    }

    @media (max-width: 1364px) {
        height: 328px;
    }
}

.gg-chess-room-qr {
    padding: 15% 0 10px 0;

    img {
        height: 155px;

        @media (max-width: 1440px) {
            height: 136px;
        }
    }
}
.gg-chessroom-btn a {
    display: inline-block;
    margin-bottom: 10px;
    margin: 0 5px !important;
}*/
/**************Esport-Casino Page*********************/
.esportcasino-room {
  background: url(../images/gg-esport-banner.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 525px;
  position: relative; }

.ec-btn {
  position: relative;
  height: 525px;
  text-align: center; }
  .ec-btn > a {
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 1; }

/****Bublles Animation*****/
.fi-bubbles {
  width: 100%;
  height: 525px;
  position: absolute;
  z-index: 0;
  overflow: hidden; }

.bubble {
  background-image: url("../images/fi-bubble.png");
  background-repeat: no-repeat;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  border-radius: 200px;
  -moz-border-radius: 200px;
  -webkit-border-radius: 200px;
  position: absolute;
  height: 70px;
  width: 70px; }

.x1 {
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  transform: scale(0.9);
  opacity: 1;
  -webkit-animation: moveclouds 15s linear infinite, sideWays 4s ease-in-out infinite alternate;
  -moz-animation: moveclouds 15s linear infinite, sideWays 4s ease-in-out infinite alternate;
  -o-animation: moveclouds 15s linear infinite, sideWays 4s ease-in-out infinite alternate; }

.x2 {
  left: 200px;
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  transform: scale(0.6);
  opacity: 0.5;
  -webkit-animation: moveclouds 25s linear infinite, sideWays 5s ease-in-out infinite alternate;
  -moz-animation: moveclouds 25s linear infinite, sideWays 5s ease-in-out infinite alternate;
  -o-animation: moveclouds 25s linear infinite, sideWays 5s ease-in-out infinite alternate; }

.x3 {
  left: 350px;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 1;
  -webkit-animation: moveclouds 20s linear infinite, sideWays 4s ease-in-out infinite alternate;
  -moz-animation: moveclouds 20s linear infinite, sideWays 4s ease-in-out infinite alternate;
  -o-animation: moveclouds 20s linear infinite, sideWays 4s ease-in-out infinite alternate; }

.x4 {
  left: 470px;
  -webkit-transform: scale(0.75);
  -moz-transform: scale(0.75);
  transform: scale(0.75);
  opacity: 0.35;
  -webkit-animation: moveclouds 18s linear infinite, sideWays 2s ease-in-out infinite alternate;
  -moz-animation: moveclouds 18s linear infinite, sideWays 2s ease-in-out infinite alternate;
  -o-animation: moveclouds 18s linear infinite, sideWays 2s ease-in-out infinite alternate; }

.x5 {
  left: 150px;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0.3;
  -webkit-animation: moveclouds 7s linear infinite, sideWays 1s ease-in-out infinite alternate;
  -moz-animation: moveclouds 7s linear infinite, sideWays 1s ease-in-out infinite alternate;
  -o-animation: moveclouds 7s linear infinite, sideWays 1s ease-in-out infinite alternate; }

.x7 {
  left: 550px;
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  transform: scale(0.6);
  opacity: 0.5;
  -webkit-animation: moveclouds 25s linear infinite, sideWays 5s ease-in-out infinite alternate;
  -moz-animation: moveclouds 25s linear infinite, sideWays 5s ease-in-out infinite alternate;
  -o-animation: moveclouds 25s linear infinite, sideWays 5s ease-in-out infinite alternate; }

.x8 {
  left: 750px;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 1;
  -webkit-animation: moveclouds 20s linear infinite, sideWays 4s ease-in-out infinite alternate;
  -moz-animation: moveclouds 20s linear infinite, sideWays 4s ease-in-out infinite alternate;
  -o-animation: moveclouds 20s linear infinite, sideWays 4s ease-in-out infinite alternate; }

.x9 {
  left: 900px;
  -webkit-transform: scale(0.75);
  -moz-transform: scale(0.75);
  transform: scale(0.75);
  opacity: 0.35;
  -webkit-animation: moveclouds 18s linear infinite, sideWays 2s ease-in-out infinite alternate;
  -moz-animation: moveclouds 18s linear infinite, sideWays 2s ease-in-out infinite alternate;
  -o-animation: moveclouds 18s linear infinite, sideWays 2s ease-in-out infinite alternate; }

.x10 {
  left: 1000px;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0.3;
  -webkit-animation: moveclouds 7s linear infinite, sideWays 1s ease-in-out infinite alternate;
  -moz-animation: moveclouds 7s linear infinite, sideWays 1s ease-in-out infinite alternate;
  -o-animation: moveclouds 7s linear infinite, sideWays 1s ease-in-out infinite alternate; }

@-webkit-keyframes moveclouds {
  0% {
    top: 500px; }
  100% {
    top: -500px; } }
@-webkit-keyframes sideWays {
  0% {
    margin-left: 0px; }
  100% {
    margin-left: 50px; } }
@-moz-keyframes moveclouds {
  0% {
    top: 500px; }
  100% {
    top: -500px; } }
@-moz-keyframes sideWays {
  0% {
    margin-left: 0px; }
  100% {
    margin-left: 50px; } }
@-o-keyframes moveclouds {
  0% {
    top: 500px; }
  100% {
    top: -500px; } }
@-o-keyframes sideWays {
  0% {
    margin-left: 0px; }
  100% {
    margin-left: 50px; } }
/* Grow Shadow */
.hvr-grow-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow, transform;
  transition-property: box-shadow, transform; }

.hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  border-radius: 25px; }

.hvr-grow-shadow2:hover, .hvr-grow-shadow2:focus, .hvr-grow-shadow2:active {
  border-radius: 0 !important; }

.hvr-grow-shadow3:hover, .hvr-grow-shadow3:focus, .hvr-grow-shadow3:active {
  box-shadow: 0px 5px 5px 0px #c3332d !important; }

.hvr-grow-shadow4:hover, .hvr-grow-shadow4:focus, .hvr-grow-shadow4:active {
  border-radius: 27px !important; }

/**************End Of Fishing Page*********************/
.form-control-wt-btn {
  position: relative;
  height: 45px; }
  .form-control-wt-btn > input {
    height: 31px;
    width: 62%;
    border: none;
    background: none; }
  .form-control-wt-btn > button {
    position: absolute;
    right: 6px;
    top: 5px;
    width: 125px;
    padding: 6px .75rem; }

/* === Forgot Password ===*/
.lbl-link-info {
  color: #a1a1a1;
  font-weight: normal; }
  .lbl-link-info > span {
    cursor: pointer; }

.lbl-link-info-block {
  display: block !important;
  text-align: right;
  margin-top: 5px; }
  .lbl-link-info-block > span:hover {
    color: #888; }

.forgotpwd-email-verify {
  display: none; }

label.errormsg {
  width: 100%;
  text-align: left !important;
  padding-top: 5px !important; }

/*******************ESPORTS Page********************/
.esports-bg {
  background: url(../images/esport-bg.jpg) no-repeat;
  position: relative;
  width: 100%;
  height: auto;
  min-height: 800px;
  display: block;
  background-size: cover;
  background-position: center; }

.esport-container {
  width: 1170px;
  margin: 0 auto;
  background-color: #000; }

/**************New Member Wallet Header***********/
.game-wallet-con {
  width: 32% !important; }

/*************Chess Menu****************/
.chess-menu-cont ul {
  padding: 0;
  margin: 0;
  width: 100px !important;
  list-style: none;
  position: absolute;
  background-color: #0e0e0e !important;
  border: 1px solid rgba(221, 51, 51, 0.5); }
  .chess-menu-cont ul :before {
    display: block;
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: -5px;
    left: 43%;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #d33; }
  .chess-menu-cont ul li {
    background-color: transparent !important; }
    .chess-menu-cont ul li a {
      display: block;
      padding: 5px 5px !important;
      color: #FFF !important;
      font-size: 20px;
      line-height: 24px;
      font-size: 14px !important;
      text-decoration: none; }
      .chess-menu-cont ul li a:hover {
        color: #dd3333 !important; }

.fix-chess {
  top: 45px !important; }

/*=============Side Game===============*/
.an-sidegame {
  padding-top: 40px; }
  .an-sidegame p {
    padding-top: 0 !important;
    padding-bottom: 30px !important; }
  .an-sidegame .side-img li {
    padding: 0 0 15px 0 !important;
    margin: 0 !important; }
    .an-sidegame .side-img li img {
      width: 70% !important;
      padding: 0 !important; }
  .an-sidegame .btn-sgame {
    margin-top: 30px;
    min-width: 20% !important;
    margin-right: 10px; }
    .an-sidegame .btn-sgame > i {
      font-size: 23px;
      margin-right: 5px;
      vertical-align: sub; }

.tut-pop-block {
  height: 100%;
  width: 100%;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 4;
  overflow: hidden;
  display: none;
  top: 0; }

.tut-gg-popup {
  background: url(../images/ggtut-pop.png) top center no-repeat;
  width: 600px !important;
  height: 350px !important;
  border: none;
  position: absolute;
  z-index: 4;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  border-radius: 20px; }
  .tut-gg-popup span {
    position: absolute;
    bottom: 28px;
    left: 50px;
    width: 160px;
    text-align: center;
    font-size: 13px;
    line-height: 20px; }

.tut-download {
  position: absolute;
  bottom: 21px;
  right: 33px;
  display: block;
  width: 100%;
  text-align: right; }
  .tut-download a {
    background: #3c1007 !important;
    padding: 8px 16px; }
  .tut-download a:hover {
    filter: brightness(1.5);
    -webkit-filter: brightness(1.5);
    -ms-filter: brightness(1.5);
    -o-filter: brightness(1.5); }
  .tut-download img {
    width: 150px; }

/*============= Deposit Subtext AS-702 ===============*/
.tab-special-btn {
  padding: 2px 0 !important; }
  .tab-special-btn .tab-maintext, .tab-special-btn .tab-subtext {
    display: block; }
  .tab-special-btn .tab-subtext {
    font-size: 11px;
    color: #ee5723; }
    .tab-special-btn .tab-subtext > span {
      font-weight: bold;
      color: #e84836; }

.amt-tooltip {
  display: none;
  padding: 7px 0;
  width: 118px;
  margin-top: 25px;
  margin-left: 8.5%;
  position: relative;
  background: #ffffff;
  border-radius: 0;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3); }
  .amt-tooltip:before, .amt-tooltip:after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; }
  .amt-tooltip:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #ffffff;
    border-width: 9px;
    margin-left: -44px; }
  .amt-tooltip:before {
    border-color: rgba(194, 225, 245, 0);
    border-bottom-color: #d2d2d2;
    border-width: 10px;
    margin-left: -45px; }
  .amt-tooltip > span {
    display: block;
    text-align: center;
    color: #464a4b; }
    .amt-tooltip > span .tooltip-val {
      color: #ff0000;
      font-weight: bold; }

.banklist-select > select option {
  font-size: 12.5px; }

.acctname-lbl {
  font-weight: normal !important;
  padding-top: 8px !important; }

/*=======CHESSROOM 2 STYLE=========*/
.chess-room2 {
  background: url(../images/chessbg-pc2.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 832px;
  position: relative; }
  @media (max-width: 1600px) {
    .chess-room2 {
      height: auto; } }
  .chess-room2 .row {
    text-align: center; }
  .chess-room2 .chess-column {
    height: 415px;
    position: relative; }
    @media (max-width: 1600px) {
      .chess-room2 .chess-column {
        height: 347px; } }
    @media (max-width: 1440px) {
      .chess-room2 .chess-column {
        height: 312px; } }
    @media (max-width: 1366px) {
      .chess-room2 .chess-column {
        height: 296px; } }
    @media (max-width: 1280px) {
      .chess-room2 .chess-column {
        height: 277px; } }
    .chess-room2 .chess-column .chess-btn2 {
      position: absolute;
      bottom: 6%;
      left: 40%; }
      @media (max-width: 1600px) {
        .chess-room2 .chess-column .chess-btn2 img {
          height: 35px; } }
      @media (max-width: 1440px) {
        .chess-room2 .chess-column .chess-btn2 img {
          height: 31px; } }

/*=======VIDEO STYLE=========*/
.video-container {
  width: 100%;
  height: auto;
  text-align: center; }
  .video-container video {
    width: 50%; }

/* ==== CHRISTMAS ==== */
.snow-canvas {
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  pointer-events: none; }

.w-100 {
  width: 100%; }

/* USDT */
.usdt-cardnum {
  word-break: break-all;
  padding: 0 15px; }

.usd-bankadd {
  height: 95px; }
  .usd-bankadd i {
    padding: 10px 0 0; }

.img-icon {
  width: 9%;
  vertical-align: middle; }

.opt-title {
  cursor: auto; }
  .opt-title:hover {
    background: none !important; }

.optgroup-list {
  padding: 0 !important; }
  .optgroup-list:hover {
    background-color: none; }
  .optgroup-list .optgroup-ul {
    position: initial;
    border: none; }
    .optgroup-list .optgroup-ul li div {
      width: 32.5%;
      text-align: left; }

.usdt-bank-acct {
  padding-bottom: 17px;
  padding-top: 8px; }

/*Tabs*/
.tab-option {
  display: block;
  list-style: none;
  border-bottom: 3px solid #ff6a00;
  z-index: 9;
  font-size: 0; }
  .tab-option li {
    display: inline-block;
    width: 11%;
    text-align: center; }
    .tab-option li a {
      color: #888;
      font-size: 15px;
      border: 1px solid #ccc;
      padding: 10px 10px;
      display: block;
      background: linear-gradient(to bottom, white 0%, #e5e5e5 100%); }
  .tab-option li.active a {
    color: #ff6a00;
    border: 1px solid #ff6a00; }

.bank-icon {
  display: none; }

.lbl-address {
  position: absolute;
  font-size: 16px;
  color: #6e6e6e;
  font-weight: normal;
  top: 8px;
  left: 14px;
  padding: 0 6px 0 8px; }

.input-address {
  padding-left: 10px; }

.usdt-imgicon {
  width: auto !important;
  vertical-align: middle; }

.icn-lbl {
  color: #580909;
  font-weight: 100;
  vertical-align: middle;
  margin-bottom: 0px; }

.wdraw-dd-img[data-val="USDT"] {
  width: auto !important;
  position: initial;
  vertical-align: middle;
  margin-right: 7px;
  margin-left: 8px;
  position: inherit !important;
  top: auto !important; }

.nw-site-nav {
  background: #ffffff;
  background: -moz-linear-gradient(left, #ffffff 0%, #efeff0 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #ffffff 0%, #efeff0 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #ffffff 0%, #efeff0 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efeff0',GradientType=1 );
  /* IE6-9 */
  border: 1px solid #aeaeae;
  color: #959798; }
  .nw-site-nav > ul {
    list-style-type: none; }
    .nw-site-nav > ul li .active {
      background: #f59558;
      color: #ffffff; }
    .nw-site-nav > ul li {
      display: block;
      width: 100%;
      margin-bottom: 1px;
      position: relative;
      line-height: 27px;
      border-bottom: 1px solid #959798; }
      .nw-site-nav > ul li:last-child {
        border-bottom: none; }
      .nw-site-nav > ul li:hover {
        background: #f59558;
        cursor: pointer;
        border-bottom: 1px solid #f59558; }
        .nw-site-nav > ul li:hover .leftIcon, .nw-site-nav > ul li:hover .menuText, .nw-site-nav > ul li:hover .rightIcon {
          color: #ffffff; }
      .nw-site-nav > ul li > a {
        display: block;
        vertical-align: middle;
        padding: 12px 10px; }
        .nw-site-nav > ul li > a .leftIcon, .nw-site-nav > ul li > a .menuText, .nw-site-nav > ul li > a .rightIcon {
          color: #959798; }
        .nw-site-nav > ul li > a .leftIcon {
          font-size: 23px;
          line-height: 30px;
          padding: 0 6px 0 5px;
          /*width: 85%;*/
          top: 2px;
          vertical-align: middle; }
        .nw-site-nav > ul li > a .rightIcon {
          line-height: 26px;
          right: 10px; }
          .nw-site-nav > ul li > a .rightIcon > i {
            position: absolute;
            right: 12px;
            top: 20px; }
    .nw-site-nav > ul li.active a {
      background: #f59558;
      border-top: 1px solid transparent; }
      .nw-site-nav > ul li.active a .leftIcon, .nw-site-nav > ul li.active a .menuText, .nw-site-nav > ul li.active a .rightIcon {
        color: #ffffff !important; }

@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon_2.eot");
  src: url("../fonts/icomoon_2.eot#iefix") format("embedded-opentype"), url("../fonts/icomoon_2.ttf") format("truetype"), url("../fonts/icomoon_2.woff") format("woff"), url("../images/icomoon_2.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-anpFonts-17:before {
  content: "\20"; }

.icon-anpFonts-03:before {
  content: "\23"; }

.icon-anpFonts-16:before {
  content: "\2f"; }

.icon-anpFonts-01:before {
  content: "\31"; }

.icon-anpFonts-02:before {
  content: "\32"; }

.icon-anpFonts-04:before {
  content: "\33"; }

.icon-anpFonts-07:before {
  content: "\34"; }

.icon-anpFonts-08:before {
  content: "\35"; }

.icon-anpFonts-06:before {
  content: "\37"; }

.icon-anpFonts-05:before {
  content: "\38"; }

.icon-anpFonts-09:before {
  content: "\39"; }

.icon-anpFonts-10:before {
  content: "\3a"; }

.icon-anpFonts-11:before {
  content: "\3e"; }

.icon-anpFonts-072:before {
  content: "\3f"; }

.icon-anpFonts-15:before {
  content: "\40"; }

.icon-anpFonts-062:before {
  content: "\42"; }

.icon-icons-18:before {
  content: "\5a"; }

.icon-vg-download:before {
  content: "\e900"; }

.icon-nw-mobile:before {
  content: "\e901"; }

.icon-dices:before {
  content: "\e902"; }

.icon-nw-web:before {
  content: "\e903"; }

.icon-anpFonts-drop:before {
  content: "\e904"; }

.icon-anpFonts-logout:before {
  content: "\e905"; }

.icon-idn-icon:before {
  content: "\e906"; }

.icon-anpFonts-12:before {
  content: "\e907"; }

.icon-anpFonts-13:before {
  content: "\e908"; }

.icon-anpFonts-14:before {
  content: "\e909"; }

.icon-gg-icon:before {
  content: "\e90a"; }

.icon-idn-icon2:before {
  content: "\e90b"; }

.icon-icon-102:before {
  content: "\e90c"; }

.icon-gift-01:before {
  content: "\e90d"; }

.icon-anpFonts-bullet:before {
  content: "\e90e"; }

.icon-anpFonts-drop2:before {
  content: "\e90f"; }

.icon-anpFonts-logout2:before {
  content: "\e910"; }

.icon-chg-password:before {
  content: "\e911"; }

.icon-sec-questions:before {
  content: "\e912"; }

.icon-secondpw:before {
  content: "\e913"; }

.icon-nw-bankcard:before {
  content: "\e914"; }

.icon-nw-change-pass:before {
  content: "\e915"; }

.icon-nw-contact-detail:before {
  content: "\e916"; }

.icon-nw-del-mark:before {
  content: "\e917"; }

.icon-nw-acct-list:before {
  content: "\e918"; }

.icon-nw-inquiry:before {
  content: "\e919"; }

.icon-nw-message:before {
  content: "\e91a"; }

.icon-nw-deposit:before {
  content: "\e91b"; }

.icon-nw-p2p:before {
  content: "\e91c"; }

.icon-nw-pers-details:before {
  content: "\e91d"; }

.icon-nw-pers-info:before {
  content: "\e91e"; }

.icon-nw-promo-detail:before {
  content: "\e91f"; }

.icon-nw-read:before {
  content: "\e920"; }

.icon-anpFonts-ellipsis:before {
  content: "\e921"; }

.icon-anpFonts-check:before {
  content: "\e922"; }

.icon-anpFonts-refresh:before {
  content: "\e923"; }

.icon-anpFonts-connect:before {
  content: "\e924"; }

.icon-anpFonts-swap:before {
  content: "\e925"; }

.icon-idr-sign:before {
  content: "\e926"; }

.icon-usd-sign:before {
  content: "\e927"; }

.icon-deposit:before {
  content: "\e928"; }

.icon-logout:before {
  content: "\e929"; }

.icon-withdraw:before {
  content: "\e92a"; }

.icon-nw-remove:before {
  content: "\e92b"; }

.icon-wechat:before {
  content: "\e92c"; }

.icon-register:before {
  content: "\e92d"; }

.icon-login:before {
  content: "\e92e"; }

.icon-announce:before {
  content: "\e92f"; }

.icon-more:before {
  content: "\e930"; }

.icon-card:before {
  content: "\e931"; }

.icon-icons-45:before {
  content: "\e932"; }

.icon-icon-46:before {
  content: "\e933"; }

.icon-nw-rd-mark:before {
  content: "\e934"; }

.icon-nw-transfer:before {
  content: "\e935"; }

.icon-price-tag:before {
  content: "\e936"; }

.icon-nw-reply:before {
  content: "\e937"; }

.icon-nw-transfer1:before {
  content: "\e938"; }

.icon-lock:before {
  content: "\e939"; }

.icon-mobile:before {
  content: "\e93a"; }

.icon-chat:before {
  content: "\e93b"; }

.icon-mail:before {
  content: "\e93c"; }

.icon-up-arrow:before {
  content: "\e93d"; }

.icon-nw-unrd-mark:before {
  content: "\e93e"; }

.icon-nw-wdraw:before {
  content: "\e93f"; }

.icon-mt:before {
  content: "\e940"; }

.icon-question:before {
  content: "\e941"; }

.icon-thickcheck:before {
  content: "\e942"; }

.icon-closelock:before {
  content: "\e943"; }

.icon-security-ques:before {
  content: "\e944"; }

.icon-qq-contact:before {
  content: "\e945"; }

.icon-nw-windows:before {
  content: "\e946"; }

.icon-nw-apple:before {
  content: "\e947"; }

.icon-nw-rakerace:before {
  content: "\e948"; }

.icon-menu-icon:before {
  content: "\e949"; }

.icon-email-icon:before {
  content: "\e94a"; }

.icon-nw-bind-phone:before {
  content: "\e94b"; }

.icon-nw-verify-phone:before {
  content: "\e94c"; }

.icon-nw-confirm-username:before {
  content: "\e94d"; }

.icon-info-icon:before {
  content: "\e94e"; }

.icon-nw-forgot-verify:before {
  content: "\e94f"; }

.icon-fish:before {
  content: "\e950"; }

.icon-cowboy:before {
  content: "\e951"; }

.icon-nw-calendar:before {
  content: "\e952"; }

.icon-anp-ccv:before {
  content: "\e953"; }

.icon-yen-symbol:before {
  content: "\e954"; }

.icon-anp-tips:before {
  content: "\e955"; }

.icon-icon-86:before {
  content: "\e956"; }

.icon-icon-87:before {
  content: "\e957"; }

.icon-record:before {
  content: "\e958"; }

.icon-new-gg:before {
  content: "\e959"; }

.icon-spade:before {
  content: "\e95a"; }

.icon-nw-android:before {
  content: "\e95b"; }

.icon-heart:before {
  content: "\e95c"; }

.icon-diamond:before {
  content: "\e95d"; }

.icon-icon-100:before {
  content: "\e95e"; }

.icon-icon-101:before {
  content: "\e95f"; }

.icon-cloves:before {
  content: "\e960"; }

.icon-edit:before {
  content: "\e961"; }

.icon-qipai:before {
  content: "\e962"; }

.icon-info:before {
  content: "\e963"; }

.icon-vip-gift:before {
  content: "\e964"; }

.icon-vip-slot:before {
  content: "\e965"; }

.icon-vip-coin:before {
  content: "\e966"; }

.icon-vip-card:before {
  content: "\e967"; }

.icon-vip-money:before {
  content: "\e968"; }

.icon-vip-atm:before {
  content: "\e969"; }

.icon-vip-trophy:before {
  content: "\e96a"; }

.icon-vip-ampao:before {
  content: "\e96b"; }

.icon-vip-star:before {
  content: "\e96c"; }

.icon-search2:before {
  content: "\e96d"; }

.icon-nw-info2:before {
  content: "\e96e"; }

.icon-nw-info-thin:before {
  content: "\e96f"; }

.icon-qr-code:before {
  content: "\e99f"; }

.icon-nw-link-icon:before {
  content: "\e9a1"; }

.icon-spinner:before {
  content: "\e9aa"; }

.icon-anp-ticket:before {
  content: "\e970"; }

/*BASE OF THE BUTTON*/
.btn {
  font-size: 16px;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.752rem .75rem;
  line-height: 1.5;
  border-radius: 0.3125rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
  .btn > span {
    display: inline-block; }

.btn:not(disabled):not(.disabled) {
  cursor: pointer; }

.btn-primary:disabled {
  opacity: 0.8; }
  .btn-primary:disabled:hover {
    cursor: pointer;
    color: #fff;
    background-color: #fd6d17;
    border-color: #e46113; }

/*FILL BUTTONS*/
.btn-primary {
  background-color: #fd6d17;
  border-color: #e46113; }

.btn-secondary {
  background-color: #333333;
  border-color: #2f3334; }

.btn-success {
  background-color: #47ff95;
  border-color: #27ae60; }

.btn-danger {
  background-color: #dd3333;
  border-color: #d71e1e; }

.btn-info {
  background-color: #2fa3e0;
  border-color: #3091c3; }

.btn-warning {
  background-color: #ffcc00;
  border-color: #fcbc1d; }

.btn-others {
  background-color: #8c86ff;
  border-color: #6c68bd; }

.btn-light {
  background-color: #959798;
  border-color: #aeaeae; }

.btn-dark {
  background-color: #26292a;
  border-color: #333333; }

.btn-link {
  color: #0056b3;
  text-decoration: underline;
  background-color: transparent;
  border-color: transparent; }

.btn-primary, .btn-secondary,
.btn-success, .btn-danger,
.btn-info:hover, .btn-warning,
.btn-light, .btn-dark,
.btn-others {
  color: #fff; }
  .btn-primary:hover, .btn-secondary:hover,
  .btn-success:hover, .btn-danger:hover,
  .btn-info:hover:hover, .btn-warning:hover,
  .btn-light:hover, .btn-dark:hover,
  .btn-others:hover {
    cursor: pointer;
    opacity: 0.8; }

/*OUTLINE BUTTONS*/
.btn-outline-primary, .btn-outline-danger,
.btn-outline-success, .btn-outline-warning,
.btn-outline-info, .btn-outline-light,
.btn-outline-dark, .btn-outline-secondary {
  background-color: transparent;
  background-image: none; }
  .btn-outline-primary:hover, .btn-outline-danger:hover,
  .btn-outline-success:hover, .btn-outline-warning:hover,
  .btn-outline-info:hover, .btn-outline-light:hover,
  .btn-outline-dark:hover, .btn-outline-secondary:hover {
    cursor: pointer;
    color: #ffffff; }

.btn-outline-primary {
  color: #fd6d17;
  border-color: #fd6d17; }
  .btn-outline-primary:hover {
    background: #fd6d17; }

.btn-outline-secondary {
  color: #ffffff;
  border-color: #ffffff; }
  .btn-outline-secondary:hover {
    background: #dd3333;
    border-color: #dd3333; }

.btn-outline-success {
  color: #47ff95;
  border-color: #47ff95; }
  .btn-outline-success:hover {
    background: #47ff95; }

.btn-outline-danger {
  color: #dd3333;
  border-color: #dd3333; }
  .btn-outline-danger:hover {
    background: #dd3333; }

.btn-outline-warning {
  color: #ffcc00;
  border-color: #ffcc00; }
  .btn-outline-warning:hover {
    background: #ffcc00; }

.btn-outline-info {
  color: #2fa3e0;
  border-color: #2fa3e0; }
  .btn-outline-info:hover {
    background: #2fa3e0; }

.btn-outline-light {
  color: #959798;
  border-color: #959798; }
  .btn-outline-light:hover {
    background: #959798; }

.btn-outline-white {
  color: #ffffff;
  border-color: #ffffff; }
  .btn-outline-white:hover {
    background: #dd3333;
    border-color: #dd3333; }

.btn-outline-dark {
  color: #333333;
  border-color: #333333; }
  .btn-outline-dark:hover {
    background: #dd3333;
    border-color: #dd3333; }

/*BUTTON GROUP*/
.btn-group {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle; }

.btn-group > .btn-group:not(:last-child) > .btn,
.btn-group > .btn:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.btn-group > .btn:first-child {
  margin-left: 0; }

.btn-group > .btn {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto; }

/*BUTTON GRADIENTS*/
.btn-grd-red {
  background-color: #cf2127;
  background-image: -moz-linear-gradient(#cf2127, #8f181c);
  background-image: -webkit-gradient(linear, 0%, 0%, 0%, 100%, from(#cf2127), to(#8f181c));
  background-image: -webkit-linear-gradient(#cf2127, #8f181c);
  background-image: -o-linear-gradient(#cf2127, #8f181c);
  border: none; }
  .btn-grd-red:hover {
    background-color: #92191d;
    background-image: -moz-linear-gradient(#92191d, #cd2127);
    background-image: -webkit-gradient(linear, 0%, 0%, 0%, 100%, from(#92191d), to(#cd2127));
    background-image: -webkit-linear-gradient(#92191d, #cd2127);
    background-image: -o-linear-gradient(#92191d, #cd2127);
    border: none;
    cursor: pointer; }

.btn-grd-violet {
  background-color: #9b59b6;
  background-image: -moz-linear-gradient(#9b59b6, #7f479c);
  background-image: -webkit-gradient(linear, 0%, 0%, 0%, 100%, from(#9b59b6), to(#7f479c));
  background-image: -webkit-linear-gradient(#9b59b6, #7f479c);
  background-image: -o-linear-gradient(#9b59b6, #7f479c);
  border: 1px solid #743090; }
  .btn-grd-violet:hover {
    background-color: #7f479c;
    background-image: -moz-linear-gradient(#7f479c, #9b59b6);
    background-image: -webkit-gradient(linear, 0%, 0%, 0%, 100%, from(#7f479c), to(#9b59b6));
    background-image: -webkit-linear-gradient(#7f479c, #9b59b6);
    background-image: -o-linear-gradient(#7f479c, #9b59b6);
    border: 1px solid #743090;
    cursor: pointer; }

.btn-grd-blue {
  background-color: #01d4ef;
  background-image: -moz-linear-gradient(#01d4ef, #007c9f);
  background-image: -webkit-gradient(linear, 0%, 0%, 0%, 100%, from(#01d4ef), to(#007c9f));
  background-image: -webkit-linear-gradient(#01d4ef, #007c9f);
  background-image: -o-linear-gradient(#01d4ef, #007c9f);
  border: none; }
  .btn-grd-blue:hover {
    background-color: #007c9f;
    background-image: -moz-linear-gradient(#007c9f, #01d4ef);
    background-image: -webkit-gradient(linear, 0%, 0%, 0%, 100%, from(#007c9f), to(#01d4ef));
    background-image: -webkit-linear-gradient(#007c9f, #01d4ef);
    background-image: -o-linear-gradient(#007c9f, #01d4ef);
    border: none;
    cursor: pointer; }

.btn-grd-orange {
  background-color: #f55305;
  background-image: -moz-linear-gradient(#f55305, #b52100);
  background-image: -webkit-gradient(linear, 0%, 0%, 0%, 100%, from(#f55305), to(#b52100));
  background-image: -webkit-linear-gradient(#f55305, #b52100);
  background-image: -o-linear-gradient(#f55305, #b52100);
  border: none; }
  .btn-grd-orange:hover {
    background-color: #b52100;
    background-image: -moz-linear-gradient(#b52100, #f55305);
    background-image: -webkit-gradient(linear, 0%, 0%, 0%, 100%, from(#b52100), to(#f55305));
    background-image: -webkit-linear-gradient(#b52100, #f55305);
    background-image: -o-linear-gradient(#b52100, #f55305);
    border: none;
    cursor: pointer; }

/*SIZE*/
.btn-sm {
  padding: .25rem 0.9375rem;
  font-size: .875rem;
  line-height: 1.5;
  border-radius: 0.3125rem; }

.btn-lg {
  padding: .5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: .3rem; }

.btn-block {
  display: block;
  width: 100%; }

.btn-custom-1 {
  min-width: 200px;
  margin-top: 15px; }

.btn-custom-2 {
  min-width: 200px;
  padding: 6px 0.575rem; }

.btn-custom-3 {
  min-width: 170px;
  margin-top: 15px; }

.btn-custom-4 {
  min-width: 200px;
  padding: 0.752rem .75rem; }

.btn-grd-gray {
  background-color: #ffffff;
  background-image: -moz-linear-gradient(#ffffff, #e5e5e5);
  background-image: -webkit-gradient(linear, 0%, 0%, 0%, 100%, from(#ffffff), to(#e5e5e5));
  background-image: -webkit-linear-gradient(#ffffff, #e5e5e5);
  background-image: -o-linear-gradient(#ffffff, #e5e5e5);
  border: 1px solid #b5b5b5; }
  .btn-grd-gray:hover {
    background-color: #e5e5e5;
    background-image: -moz-linear-gradient(#e5e5e5, #ffffff);
    background-image: -webkit-gradient(linear, 0%, 0%, 0%, 100%, from(#e5e5e5), to(#ffffff));
    background-image: -webkit-linear-gradient(#e5e5e5, #ffffff);
    background-image: -o-linear-gradient(#e5e5e5, #ffffff);
    border: 1px solid #b5b5b5; }

.btn-gray {
  background: #949494;
  border: 1px solid #858585;
  color: #fff; }

.btn-input-side {
  padding: 8px .75rem; }

/*ALIGNMENT*/
.btn-right, .btn-center, .btn-left {
  display: block; }

.btn-right {
  text-align: right; }

.btn-center {
  text-align: center; }

.btn-left {
  text-align: left; }

.promo-btn-red {
  display: inline-block;
  font-size: 15px;
  color: #fff;
  background-color: #dd3333;
  margin: 10px 0; }
  .promo-btn-red:hover {
    background-color: #464a4b; }

/***** Promo Button*******/
.btn-25 {
  min-width: 25% !important; }

.btn-vip {
  background: #ffe0ae;
  color: #1f0000;
  border: 2px solid #cc9b43;
  font-weight: bold; }

.container-vg {
  margin-right: auto;
  margin-left: auto;
  /*padding-left: 15px;
  padding-right: 15px;*/ }

.container-vg:before, .container-vg:after {
  content: " ";
  display: table; }

.container-vg:after {
  clear: both; }

@media (min-width: 1281px) {
  .container-vg {
    width: 1170px; } }
@media (min-width: 1025px) and (max-width: 1280px) {
  .container-vg {
    width: 1120px; } }

.download-promo {
  list-style-type: none;
  margin-top: 40px; }
  .download-promo li {
    display: inline-block;
    width: 33%; }
    .download-promo li img {
      width: 85%;
      display: block;
      margin: 0 auto; }
    .download-promo li p {
      text-align: center;
      color: #dd3333;
      font-weight: bold;
      padding: 10px 0; }

.download-quick-link {
  background: #ebebeb;
  border: 1px solid #bdbdbd;
  width: 40%;
  margin: 40px auto; }

.download-promo-qr {
  background: #fff;
  text-align: center;
  border-right: 1px solid #bdbdbd; }
  .download-promo-qr img {
    padding-top: 15px; }
  .download-promo-qr p {
    font-weight: bold;
    padding: 0 0 10px 0; }

.download-promo-btn p {
  display: block;
  padding: 10px 0;
  font-size: 20px;
  font-weight: bold;
  text-align: center; }
.download-promo-btn a {
  display: block;
  margin: 20px auto;
  position: relative;
  padding: 10px 51px;
  text-align: left; }
  .download-promo-btn a i {
    font-size: 25px;
    vertical-align: middle;
    padding: 0 10px; }

.table-custom {
  width: 86%;
  margin: 0 auto;
  display: flex; }
  @media (max-width: 1024px) {
    .table-custom {
      width: 100%; } }
  .table-custom div {
    border: 1px solid #6f6f6f;
    padding: 15px 5px;
    border-radius: 10px;
    margin: 0 13px;
    min-height: 255px; }
    .table-custom div:first-child {
      margin-left: 0; }
    .table-custom div:last-child {
      margin-right: 0; }
    @media (max-width: 1024px) {
      .table-custom div {
        width: 18%;
        margin: 0 5px; } }
    @media (max-width: 768px) {
      .table-custom div {
        width: 30%;
        margin: 0 5px 10px; } }
    @media (max-width: 526px) {
      .table-custom div {
        margin: 0 0px 10px; } }
    .table-custom div p {
      word-break: break-all; }
    .table-custom div h3 {
      color: #de0000;
      font-size: 1.4em; }
    .table-custom div h4 {
      font-weight: 600;
      font-size: 1.2em;
      color: #222 !important;
      margin: 0; }

/* ========== CUSTOM COLUMN FOR 17% ========== */
.col-custom-17 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  float: left;
  width: 17.85%; }

/* ==== BINDING MOBI NUMBER ==== */
.bind-inner-box {
  width: 75%; }

.verify-bind-number {
  display: block; }

.modify-bind-number {
  display: none; }

.binding-popup {
  display: none;
  width: 425px;
  border-radius: 5px;
  border: 1px solid #cdcdcd;
  background-color: #fff;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  z-index: 5;
  padding: 10px 10px; }
  .binding-popup a.close-pop {
    position: absolute;
    right: 18px;
    top: 11px;
    z-index: 1; }
    .binding-popup a.close-pop i {
      font-size: 15px;
      color: #757575; }
  .binding-popup a.btn-bind {
    position: initial !important; }

.binding-header {
  padding: 0 30px; }
  .binding-header h1 {
    font-size: 22px;
    padding: 15px 0px;
    border-bottom: 1px solid #cdcdcd;
    color: #757575;
    margin: 0; }

.editNum {
  margin: 10px 0;
  text-align: right;
  /*display: inline-block;
  width: 100%;*/ }
  .editNum a {
    border-radius: 5px;
    padding: 9px 0px;
    font-size: 13px;
    text-decoration: underline;
    color: #f59558;
    /*&:hover {
        color: #fff;
        background: #f59558;
    }*/ }

.bind-title {
  text-align: center;
  margin: 30px 0; }
  .bind-title i {
    border: 1px solid #ff5855;
    border-radius: 100%;
    background: #ff5855;
    padding: 5px;
    font-size: 18px; }
  .bind-title p {
    display: inline-block; }

.bind-form {
  padding: 0 50px; }

.form-row {
  margin-bottom: 15px; }
  .form-row label.control-lbl {
    font-weight: normal;
    text-align: right;
    font-size: 14px;
    line-height: initial;
    padding-top: 10px;
    color: #a0a0a0; }

.form-row-custom label.control-lbl {
  font-weight: normal;
  text-align: right;
  font-size: 14px;
  line-height: initial;
  padding-top: 10px;
  color: #a0a0a0; }

.btn-count-time:disabled {
  background: #949494;
  border: 1px solid #858585;
  color: #fff;
  pointer-events: none; }

button:disabled {
  background: #949494;
  border: 1px solid #858585;
  color: #fff;
  pointer-events: none; }

.mc-inner-box span.errormsg {
  font-style: italic; }

.form-control-h {
  min-height: 63px; }

.popup-txt-details {
  text-align: center; }
  .popup-txt-details p {
    color: #757575;
    font-size: 15px;
    margin: 10px 0; }

.slide-info {
  font-size: 13px; }

.blockbg {
  z-index: 100;
  border: none;
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: black;
  opacity: 0.6;
  cursor: wait;
  position: fixed;
  display: block; }

.loading-section img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  z-index: 1;
  z-index: 101; }

.lbl-color {
  color: #1b1b1b !important; }

.fs-13 {
  font-size: 13px; }

.form-addbankcard .error {
  margin-bottom: 0 !important; }
  .form-addbankcard .error > .form-control {
    border: 1px solid #ff0000; }

.sms-notice {
  padding-top: 4px !important; }

.mc-pg-title {
  color: #757575 !important;
  font-size: 25px !important; }

.after-reg-popup {
  display: none;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -20%);
  -webkit-transform: translate(-50%, -20%);
  -moz-transform: translate(-50%, -20%);
  -o-transform: translate(-50%, -20%);
  -ms-transform: translate(-50%, -20%);
  width: 100%; }
  .after-reg-popup .getnow-ticket {
    width: 100%;
    cursor: pointer;
    -webkit-filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.43));
    filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.43)); }

.btn-verify-index {
  font-size: 13px;
  padding: 0.57rem 0.5rem;
  color: #f59558;
  border: 1px solid #f59558;
  background-color: #fff;
  width: 99px;
  text-align: center; }
  .btn-verify-index:hover {
    color: #fff;
    background-color: #f59558; }

.txt-phone {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-left: none; }

.phonecode-input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  font-size: 13px; }

.phonecode-lbl, .phone-lbl {
  margin-top: 10px;
  display: inline-block; }

.code-col, .phone-col {
  margin-top: 0 !important; }

.loading-index {
  background-color: #fff;
  border-radius: 5px;
  width: 250px;
  margin: 0 auto;
  text-align: center; }
  .loading-index i {
    font-size: 30px;
    color: #fd6d17;
    padding: 15px 0 10px;
    display: block; }
  .loading-index p {
    color: #888;
    padding: 0 0 15px; }

/* === ANIMATION === */
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear; }

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
.payee-body {
  background: #fcfcfc; }

.payee-container {
  background-color: #fff;
  border-left: .5px solid #e3e3e3;
  border-right: .5px solid #e3e3e3;
  height: 100vh; }

.payee-info {
  padding: 35px 7% 0; }
  .payee-info h6 {
    font-size: 20px; }
  .payee-info ol li {
    font-size: 17px; }
  .payee-info p {
    color: #4d4d4d;
    line-height: 25px; }

.payee-details {
  margin-top: 45px; }
  .payee-details .form-group {
    padding: 0 0; }
    .payee-details .form-group .row {
      margin-top: 14px; }
      .payee-details .form-group .row label {
        font-size: 17px;
        margin-top: 5px;
        font-weight: normal; }
      .payee-details .form-group .row .copy-btn {
        width: 10%;
        padding: 6px 0;
        font-size: 13px; }
    .payee-details .form-group hr {
      border-bottom: 1px solid;
      color: #e0e0e0;
      width: 75%;
      margin-top: 13px; }

.payee-status {
  text-align: center;
  margin-top: 30px; }
  .payee-status img {
    display: block;
    margin: 0 auto 20px; }

.loading-display {
  display: block;
  width: 100%;
  position: fixed;
  height: 100%;
  background: white;
  z-index: 300;
  top: 0; }
  .loading-display img {
    display: block;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 3; }

/**********403 PAGE***************/
.error-body {
  min-width: 100%; }

.error-main-bg {
  background: url(../images/forbidden-bg.jpg) no-repeat;
  position: relative;
  width: 100%;
  min-height: 100vh;
  height: auto;
  display: block;
  background-size: cover;
  background-position: center;
  color: #333; }
  @media only screen and (max-width: 425px) {
    .error-main-bg {
      background: url(../images/forbidden-bg-mobi.jpg) no-repeat;
      background-size: cover;
      background-position: center; } }

.error-logo {
  text-align: center;
  margin-top: 6vh; }
  @media only screen and (max-width: 1024px) {
    .error-logo {
      margin-top: 4vh; } }
  .error-logo img {
    height: 8vh; }
    @media only screen and (max-width: 1024px) {
      .error-logo img {
        height: 6vh; } }

.error-img {
  text-align: center;
  margin-top: 6vh;
  margin-bottom: 6vh; }
  @media only screen and (max-width: 1024px) {
    .error-img {
      margin-top: 4vh;
      margin-bottom: 4vh; } }
  .error-img img {
    height: 22vh; }
    @media only screen and (max-width: 1024px) {
      .error-img img {
        height: 13vh; } }
    @media only screen and (max-width: 425px) {
      .error-img img {
        height: 12vh; } }
  .error-img h2 {
    font-weight: 500;
    color: #333;
    font-size: 3.8em; }
    @media only screen and (max-width: 1024px) {
      .error-img h2 {
        font-size: 2.8em; } }
    @media only screen and (max-width: 768px) {
      .error-img h2 {
        font-size: 2.3em; } }
    @media only screen and (max-width: 425px) {
      .error-img h2 {
        font-size: 1.3em; } }

.desc-con {
  width: 67%;
  margin: 0 auto; }
  @media (max-width: 1024px) {
    .desc-con {
      width: 100%;
      padding: 0 3%; } }

.error-desc {
  padding: 0 20px; }
  @media only screen and (max-width: 1024px) {
    .error-desc {
      padding-bottom: 4%; } }
  .error-desc hr {
    border: none;
    border-bottom: 3px solid;
    color: #e84f0c;
    width: 15%;
    display: inline-block; }
    @media only screen and (max-width: 768px) {
      .error-desc hr {
        width: 10%; } }
  .error-desc h3 {
    color: #fb5638;
    font-size: 1.7em;
    font-weight: 500; }
    @media only screen and (max-width: 1024px) {
      .error-desc h3 {
        margin-top: 1%; } }
    @media only screen and (max-width: 768px) {
      .error-desc h3 {
        font-size: 1.5em; } }
    @media only screen and (max-width: 425px) {
      .error-desc h3 {
        font-size: 1.3em;
        margin-bottom: 2%; } }
    @media only screen and (max-width: 320px) {
      .error-desc h3 {
        font-size: 1.1em; } }
  .error-desc p {
    font-size: 1.4em;
    line-height: 1.5em; }
    @media only screen and (max-width: 768px) {
      .error-desc p {
        font-size: 1.2em; } }
    @media only screen and (max-width: 425px) {
      .error-desc p {
        font-size: 1.1em; } }
    @media only screen and (max-width: 320px) {
      .error-desc p {
        font-size: 1em; } }
  .error-desc a {
    color: #fb5638; }

/********************* 404 PAGE ***********************************/
.nfound-logo {
  text-align: center;
  margin-top: 6vh; }
  @media only screen and (max-width: 1024px) {
    .nfound-logo {
      margin-top: 4vh; } }
  .nfound-logo img {
    height: 7vh; }
    @media only screen and (max-width: 1024px) {
      .nfound-logo img {
        height: 6vh; } }

.nfound-content {
  text-align: center;
  margin-top: 3vh;
  margin-bottom: 3vh; }
  .nfound-content img {
    height: 42vh; }
    @media only screen and (max-width: 1600px) {
      .nfound-content img {
        height: 44vh; } }
    @media only screen and (max-width: 1440px) {
      .nfound-content img {
        height: 44vh; } }
    @media only screen and (max-width: 1366px) {
      .nfound-content img {
        height: 40vh; } }
    @media only screen and (max-width: 1024px) {
      .nfound-content img {
        height: 35vh; } }
  .nfound-content h2 {
    font-weight: 500;
    color: #333;
    font-size: 3.8em;
    margin: 6px 0; }
    @media only screen and (max-width: 1024px) {
      .nfound-content h2 {
        font-size: 4em; } }
    @media only screen and (max-width: 768px) {
      .nfound-content h2 {
        font-size: 3.5em; } }
    @media only screen and (max-width: 425px) {
      .nfound-content h2 {
        font-size: 1.8em; } }
    @media only screen and (max-width: 320px) {
      .nfound-content h2 {
        font-size: 1.5em; } }

.ads-modal {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.85);
  top: 0;
  left: 0;
  z-index: 205;
  display: block; }

.ads-popup {
  background: url(../images/pop-temp.jpg);
  height: 52vh;
  width: 60.3vh;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: fixed;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  z-index: 206;
  -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.3); }
  @media (max-width: 1024px) {
    .ads-popup {
      height: 37vh;
      width: 43.3vh; } }
  @media (max-width: 768px) {
    .ads-popup {
      height: 39vh;
      width: 45.3vh; } }
  @media (max-width: 576px) {
    .ads-popup {
      height: 77vw;
      width: 90.3vw; } }

.close-ads {
  padding: 9px 6px;
  position: absolute;
  right: 2px;
  top: 6px;
  background: none;
  border: none;
  cursor: pointer; }
  @media (max-width: 768px) {
    .close-ads {
      padding: 7px 9px;
      right: 41%;
      top: auto;
      bottom: -60px; } }
  .close-ads > i {
    color: #333;
    background-color: #fff;
    padding: 5px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    font-size: 18px; }
    .close-ads > i:hover {
      color: #d50000;
      background-color: #fff9ad;
      transition: all 0.5s ease;
      -webkit-transition: all 0.5s ease; }
    @media (max-width: 1600px) {
      .close-ads > i {
        font-size: 16px; } }
    @media (max-width: 1440px) {
      .close-ads > i {
        font-size: 15px; } }
    @media (max-width: 1024px) {
      .close-ads > i {
        font-size: 16px; } }
    @media (max-width: 768px) {
      .close-ads > i {
        color: #ff7907;
        background-color: #070707;
        border-radius: 25%;
        -webkit-border-radius: 25%;
        -moz-border-radius: 25%;
        border: 1px solid #ff7907;
        padding: 12px; } }
    @media (max-width: 576px) {
      .close-ads > i {
        padding: 10px; } }

.container-redirect {
  padding: 22% 0px;
  display: block;
  position: absolute;
  width: 100%;
  bottom: 0; }

.daterangepicker {
  position: absolute;
  color: inherit;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ddd;
  width: 278px;
  max-width: none;
  padding: 0;
  margin-top: 7px;
  top: 100px;
  left: 20px;
  z-index: 199;
  display: none;
  font-family: arial;
  font-size: 15px;
  line-height: 1em; }

.daterangepicker:before, .daterangepicker:after {
  position: absolute;
  display: inline-block;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: ''; }

.daterangepicker:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc; }

.daterangepicker:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent; }

.daterangepicker.opensleft:before {
  right: 9px; }

.daterangepicker.opensleft:after {
  right: 10px; }

.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto; }

.daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto; }

.daterangepicker.opensright:before {
  left: 9px; }

.daterangepicker.opensright:after {
  left: 10px; }

.daterangepicker.drop-up {
  margin-top: -7px; }

.daterangepicker.drop-up:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc; }

.daterangepicker.drop-up:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff; }

.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
  float: none; }

.daterangepicker.single .drp-selected {
  display: none; }

.daterangepicker.show-calendar .drp-calendar {
  display: block; }

.daterangepicker.show-calendar .drp-buttons {
  display: block; }

.daterangepicker.auto-apply .drp-buttons {
  display: none; }

.daterangepicker .drp-calendar {
  display: none;
  max-width: 270px; }

.daterangepicker .drp-calendar.left {
  padding: 8px 0 8px 8px; }

.daterangepicker .drp-calendar.right {
  padding: 8px; }

.daterangepicker .drp-calendar.single .calendar-table {
  border: none; }

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
  color: #fff;
  border: solid black;
  border-width: 0 2px 2px 0;
  border-radius: 0;
  display: inline-block;
  padding: 3px; }

.daterangepicker .calendar-table .next span {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg); }

.daterangepicker .calendar-table .prev span {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg); }

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  min-width: 32px;
  width: 35px;
  height: 30px;
  line-height: 24px;
  font-size: 13px;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer; }

.daterangepicker .calendar-table th {
  color: #464646; }

.daterangepicker .calendar-table td.available {
  color: #fea860;
  border: 2px solid #fff; }

/*.daterangepicker .calendar-table td.available {
        background: #fffbf8;
    }
    .daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
       
    }*/
.daterangepicker .calendar-table {
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: #fff; }

.daterangepicker .calendar-table table {
  width: 100%;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse; }

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background-color: #eee;
  border-color: transparent;
  color: inherit; }

.daterangepicker td.week, .daterangepicker th.week {
  font-size: 80%;
  color: #ccc; }

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  background-color: #fff;
  border-color: transparent;
  color: #999; }

.daterangepicker td.in-range {
  background-color: #ffb87b;
  border-color: transparent;
  color: #fff !important;
  border-radius: 0; }

.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px; }

.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0; }

.daterangepicker td.start-date.end-date {
  border-radius: 4px; }

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #fd7e14;
  border-color: transparent;
  color: #fff !important; }

.daterangepicker th.month {
  width: auto; }

.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: #d8d8d8;
  cursor: not-allowed;
  text-decoration: line-through; }

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default; }

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%; }

.daterangepicker select.yearselect {
  width: 40%; }

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  width: 50px;
  margin: 0 auto;
  background: #eee;
  border: 1px solid #eee;
  padding: 2px;
  outline: 0;
  font-size: 12px; }

.daterangepicker .calendar-time {
  text-align: center;
  margin: 4px auto 0 auto;
  line-height: 30px;
  position: relative; }

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed; }

.daterangepicker .drp-buttons {
  clear: both;
  text-align: right;
  padding: 8px;
  border-top: 1px solid #ddd;
  display: none;
  line-height: 12px;
  vertical-align: middle; }

.daterangepicker .drp-selected {
  display: inline-block;
  font-size: 12px;
  padding-right: 8px; }

.daterangepicker .drp-buttons .btn {
  margin-left: 8px;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 8px; }

.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
  border-right: 1px solid #ddd; }

.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
  border-left: 1px solid #ddd; }

.daterangepicker.show-ranges.rtl .drp-calendar.right {
  border-right: 1px solid #ddd; }

.daterangepicker.show-ranges.ltr .drp-calendar.left {
  border-left: 1px solid #ddd; }

.daterangepicker .ranges {
  float: none;
  text-align: left;
  margin: 0; }

.daterangepicker.show-calendar .ranges {
  margin-top: 8px; }

.daterangepicker .ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%; }

.daterangepicker .ranges li {
  font-size: 12px;
  padding: 8px 12px;
  cursor: pointer; }

.daterangepicker .ranges li:hover {
  background-color: #eee; }

.daterangepicker .ranges li.active {
  background-color: #08c;
  color: #fff; }

/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto; }

  .daterangepicker .ranges ul {
    width: 140px; }

  .daterangepicker.single .ranges ul {
    width: 100%; }

  .daterangepicker.single .drp-calendar.left {
    clear: none; }

  .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
    float: left; }

  .daterangepicker {
    direction: ltr;
    text-align: left; }

  .daterangepicker .drp-calendar.left {
    clear: left;
    margin-right: 0; }

  .daterangepicker .drp-calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }

  .daterangepicker .drp-calendar.right {
    margin-left: 0; }

  .daterangepicker .drp-calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }

  .daterangepicker .drp-calendar.left .calendar-table {
    padding-right: 8px; }

  .daterangepicker .ranges, .daterangepicker .drp-calendar {
    float: left; } }
@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto; }

  .daterangepicker .ranges {
    float: left; }

  .daterangepicker.rtl .ranges {
    float: right; }

  .daterangepicker .drp-calendar.left {
    clear: none !important; } }
/* ====== CUSTOMIZED STYLES ========*/
.calendar-icon {
  position: absolute;
  top: 10px;
  font-size: 18px;
  left: 28px;
  color: #969696; }

.daterange {
  padding-left: 40px; }

/*.dep-input .column-11 {
    padding: 0;
}*/
.overflow-hide {
  overflow: hidden; }

.space-top {
  margin-top: 10px; }

.loading-block {
  display: block;
  width: 963px;
  position: absolute;
  height: 100%;
  background: white;
  z-index: 2; }

.loading-block img.loading {
  display: block;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  z-index: 3; }

.border-red {
  border: 1px solid #ff0008 !important; }

/*-------DEPOSIT POP UP-------------*/
.deposit-pop {
  display: none;
  width: 425px;
  border-radius: 5px;
  border: 1px solid #cdcdcd;
  background-color: #fff;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  z-index: 5;
  padding: 10px 10px; }

.deposit-pop a.close-pop {
  position: absolute;
  right: 18px;
  top: 11px;
  z-index: 1; }

.deposit-pop a.close-pop i {
  font-size: 15px;
  color: #fff; }

.deposit-header {
  padding: 0 30px; }

.deposit-header h1 {
  font-size: 22px;
  padding: 15px 0px;
  border-bottom: 1px solid #cdcdcd;
  color: #757575;
  margin: 0; }

.dep-msg {
  margin-bottom: 5px; }

.dep-msg i {
  color: #f4c611;
  font-size: 35px;
  vertical-align: sub; }

.dep-msg span {
  font-size: 16px;
  color: #666666;
  vertical-align: super; }

/* BTN FOR 2*/
.dep-pop-btn {
  margin: 10px auto 0 auto;
  display: block; }

.dep-pop-btn > button {
  display: inline-block;
  /*float:left;*/ }

.dep-margin-btn {
  margin: 5px 10px; }

.dep-msg > p {
  font-size: 13px;
  margin-top: 5px; }

.dep-msg a {
  font-size: 12px;
  line-height: 30px;
  color: #666666;
  font-weight: normal;
  display: block; }

.dep-msg a:hover {
  color: #e84f0c; }

.dep-msg button {
  margin: 10px 5px;
  width: 150px;
  font-size: 15px; }

.promotions {
  display: block;
  width: 100%; }

.promotions p {
  font-size: 22px;
  display: inline-block;
  font-weight: 600;
  vertical-align: middle;
  padding-top: 15px;
  color: #757575;
  margin-bottom: 10px; }

.promotions a {
  color: #888;
  text-align: left;
  line-height: 30px;
  cursor: pointer;
  display: block;
  padding: 0 12%;
  text-indent: -1.85em; }

.promotions a:before {
  content: "\e90a";
  font-family: 'icomoon';
  margin: 0 20px 0 5px;
  color: #fd6d17; }

.promotions a:hover {
  color: #fd6d17; }

/*----- Gift (11/7/17 JAM) -----*/
.deposit-gift {
  /*background-color: #e84f0c;
  height: 65px;
  /*overflow: hidden;*/
  border-radius: 5px 5px 0 0;
  /*margin-bottom: 10px;*/
  margin-bottom: 0px;
  color: #fd6d17; }

/*.deposit-gift .nw-title {
        padding: 0 !important;
    }*/
.deposit-gift .icon-gift-01 {
  vertical-align: middle;
  font-size: 35px;
  display: inline-block;
  padding-right: 10px;
  padding-top: 15px;
  display: none; }

/*-------TAB2-SPPAY-------------*/
.choose-bank {
  position: relative;
  text-align: center; }

.choose-bank .bank-selected {
  display: none; }

.bank-sec li .bank-sel, .bank-sec-min li .bank-sel {
  cursor: pointer;
  display: block;
  padding: 7px 0 7px 16px;
  margin-bottom: 0; }

label.bank-sel.bank-sel-long {
  text-align: center; }

.bank-sec li, .bank-sec-min li {
  display: inline-block;
  width: 170px;
  border: 1px solid #cdcdcd;
  margin: 0px 18px 15px 0px;
  cursor: pointer;
  box-sizing: border-box; }

.bank-sec li:hover, .bank-sec-min li:hover {
  box-shadow: inset 0 0 0 1px #e84f0c, 0 0 1px transparent;
  border: 1px solid #e84f0c; }

.bank-sec li input[type="radio"], .bank-sec-min li input[type="radio"] {
  position: absolute;
  left: -9999px; }

.bank-sec li img, .bank-sec-min li img {
  height: 23px; }

.bank-sec li span, .bank-sec-min li span {
  font-size: 15px;
  vertical-align: super;
  color: #666666;
  font-weight: normal; }

.bank-sec li.active {
  box-shadow: inset 0 0 0 1px #f59558, 0 0 1px transparent;
  border: 1px solid #f59558;
  position: relative; }

.bank-sec li.active:after {
  content: '';
  width: 0;
  height: 0;
  border-bottom: 28px solid #f59558;
  border-left: 28px solid transparent;
  position: absolute;
  bottom: -1px;
  right: -1px; }

/*-------TAB3-DPPAY-------------*/
.tab-space {
  font-size: 15px;
  margin-bottom: 10px; }

.alipay-details {
  padding-top: 20px; }

.dppay-box > .mc-content {
  padding: 55px 10px; }

.time {
  color: #b4b4b4;
  font-size: 80px;
  font-family: Microsoft Yahei; }

/*-------TAB9-------------*/
.bank-sel-long {
  padding: 8px 0 8px 0px !important; }

.bank-sel-long > img {
  margin-right: 2px !important; }

.bank-sel-mid {
  padding: 8px 0 8px 0px !important;
  text-align: center; }

.dep-lbl {
  font-size: 13px; }

.tab-9 .row,
.dep-dora .row {
  padding: 10px 0; }

.postscript-page-2 {
  display: none; }

/*----------Hide and Show QR-----------------*/
.alipay-page-2, .wechat-page-2, .qq-page-2 {
  display: none; }

/*MODIFICATIONS*/
.active-tab-parent, .active-tab-parent:hover {
  border: 2px solid #fb9b6b; }

.tab-child {
  font-size: 0;
  margin: 10px 0; }

.tab-child li.bank-tabs {
  width: 150px;
  height: 40px;
  padding: 7px 0;
  position: relative;
  color: #888888; }

.tab-child li.bank-tabs:hover {
  border: 2px solid #f59558; }

.tab-child li.bank-tabs img {
  height: 20px;
  margin: 0 2px 0 0; }

span.tooltip-deac {
  color: #ffffff !important;
  background: #9c9c9c !important; }

span.tooltip-notif {
  position: absolute;
  background: #fd6d17;
  color: #ffffff;
  padding: 3px 0;
  top: -21px;
  width: 75px;
  left: -2px;
  font-size: 10.5px; }

.tab-child .tab-deac {
  background: #dedede !important;
  cursor: default; }

.tab-child .tab-deac:hover {
  background: #dedede !important;
  cursor: default;
  border: 1px solid #b5b5b5 !important; }

.tab-child .tab-deac:after {
  content: url(../images/tab-deac-icon.png) !important;
  position: absolute;
  top: -1px !important;
  right: -1px !important; }

.tab-child .tab-deac span.tooltip-notif {
  display: none; }

.tab-9 p {
  font-size: 15px; }

.tab-9 .column-2 {
  width: 14.4%; }

@media only screen and (max-width: 1201px) {
  .tab-9 .column-2 {
    width: 100%; } }
.btn-padd {
  padding-top: 28.8%; }

.form-group-deposit hr {
  border-top: none;
  color: #bdbdbd;
  border-bottom: 1px solid; }

.dep-mc-content .btn-space {
  margin-top: 31px; }

/*Chen 10-25-2017*/
/*.no-pad-left {
    padding-left: 0;
}*/
.btn-margin {
  margin-top: 18px; }

.tab-hide {
  display: none; }

/*========= ALIPAY TRANSFER ============*/
.alipay-transfer-tab {
  display: block;
  font-size: 0;
  margin: 3px 0 0 0;
  border-bottom: 1px solid #ccc; }

.alipay-transfer-tab li {
  display: inline-block;
  color: #828282;
  padding: 10px 10px;
  font-size: 13px;
  cursor: pointer;
  border-radius: 5px 5px 0px 0px;
  background: linear-gradient(to bottom, white 0%, #e5e5e5 100%);
  margin-right: 2px;
  border: 1px solid #b5b5b5; }

/*.alipay-transfer-tab li:before {
    content: "";
    position: absolute;
    right: -40px;
    top: 0;
    color: #989898;
    border-top: 37px solid transparent;
    border-left: 40px solid;
}
.alipay-transfer-tab li:after {
    content: '';
    position: absolute;
    left: -39px;
    top: 0;
    color: #989898;
    border-bottom: 37px solid transparent;
    border-right: 39px solid;
}*/
.alipay-transfer-tab li.active-transfer {
  background: #e84f0c;
  color: #fff;
  border: 1px solid #e84f0c; }

.alipay-trans-detail .alipay-trans-content {
  display: none; }

.alipay-trans-detail .active {
  display: block; }

.inner-slider {
  display: block;
  overflow: hidden;
  text-align: center;
  position: relative;
  width: 100%;
  height: auto;
  margin-bottom: 10px; }

.alipay-prev {
  position: absolute;
  top: 50%;
  left: 1%;
  display: none; }

.alipay-next {
  position: absolute;
  top: 50%;
  right: 1%; }

.alipay-next span, .alipay-prev span {
  position: relative;
  top: -15px;
  color: #757575; }

/*#alipaytransfer-content .deposit-box {
    height: 320px;
}*/
.alipay-trans-firstpg .form-alipay {
  margin: 0;
  width: 32%; }

.alipay-trans-secondpg {
  display: none;
  /* back this to display:none after*/ }

.btn-next-alipay {
  margin-top: 15px; }

.alipay-trans-secondpg .form-alipay {
  margin: 0;
  width: 90%; }

.alipay-trans-secondpg .form-alipay a {
  display: inline-block;
  color: #e84e0c;
  padding-top: 0px;
  vertical-align: sub; }

.alipay-trans-secondpg .form-alipay .control-lbl {
  display: inline-block; }

/*.slider-container {
    height: 270px;
}
.swiper-container {
    width: 100%;
    height: 100%;
}*/
/* YH ALIPAY TIMER*/
.ali-timer-header {
  background: #e84f0c;
  color: #fff !important;
  text-align: center;
  padding: 10px 0;
  display: block; }

.ali-timer-count {
  text-align: center;
  display: block;
  padding: 2px 0;
  margin: 3px 0; }

.ali-deposit-box {
  min-height: 470px;
  height: auto;
  display: block;
  padding: 10px 0; }

.ali-no-margin {
  margin: 3px 0 !important; }

.ali-frm-content {
  display: block;
  padding-top: 5rem; }

.ali-adj-top {
  padding-top: 20px; }

.ali-pad-label {
  padding-top: 5px; }

.ali-separator {
  border-bottom: 1px solid #757575;
  padding: 5px 0;
  margin-bottom: 20px; }

/*DEPOSIT WALLET*/
.dep-tab-wallet {
  list-style-type: none;
  display: table; }

.dep-tab-wallet li {
  border: 1px solid #464a4b;
  display: inline-block;
  position: relative;
  margin: 5px 5px 5px 0; }

.currency-check {
  color: #fff;
  position: absolute;
  bottom: 2px;
  right: 1px;
  z-index: 1; }

.dep-tab-wallet li:first-child {
  margin-left: 0; }

.dep-tab-wallet li.active {
  /*border-color:#e84f0c;*/
  border-color: #f59558; }

.dep-tab-wallet li.active:after {
  content: '';
  width: 0;
  height: 0;
  border-bottom: 27px solid #f59558;
  border-left: 27px solid transparent;
  position: absolute;
  bottom: -1px;
  right: -1px; }

.dep-tab-wallet label {
  margin-bottom: 0;
  padding: 0 10px 0 0;
  font-weight: normal;
  font-size: 14px;
  cursor: pointer;
  min-width: 158px; }

.tab-wallet > input[type="radio"] {
  position: absolute;
  left: -9999px; }

.dep-tab-wallet li.active .tab-wallet > .wal-txt {
  /*background:#e84f0c;*/
  background: #f59558; }

.dep-tab-wallet li.active .wal-val {
  color: #e84f0c; }

.tab-wallet span {
  display: inline-block; }

.tab-wallet .wal-val {
  vertical-align: middle; }

.tab-wallet .wal-txt {
  background: #464a4b;
  color: #fff;
  vertical-align: middle;
  padding: 10px 5px;
  font-size: 14px;
  text-align: center; }

.dep-dora .form-short {
  margin: 0;
  width: 32%; }

.dep-tab-wallet li.active .wal-val,
.dep-tab-wallet li.active .currency {
  color: #fd6d17; }

/*ADD FOR WALLET DISPLAY*/
.dep-tab-wallet li .currency {
  vertical-align: middle; }

.tab-wallet .wal-val {
  vertical-align: middle; }

.cny-hide {
  display: none !important; }

.show-convert {
  display: inline-block;
  margin-left: 8.5%;
  margin-bottom: 10px; }

.union-pay-exp-content .error {
  color: #F00;
  font-size: 11px;
  visibility: hidden;
  padding-top: 10px; }

/*Yhan Add*/
.col-pad-add {
  padding: 0 0 25px 0; }

/*Deposit WeChat*/
.input-wechat {
  width: 32%; }

.wechat-prev {
  position: absolute;
  top: 50%;
  left: 1%;
  display: none; }

.wechat-next {
  position: absolute;
  top: 50%;
  right: 1%; }

.wechat-next span, .wechat-prev span {
  position: relative;
  top: -15px;
  color: #757575; }

.wechat-back {
  display: inline-block;
  color: #e84e0c;
  padding-top: 0px;
  vertical-align: sub;
  font-size: 12px; }

.form-wechat a {
  display: inline-block;
  color: #e84e0c;
  padding-top: 0px;
  vertical-align: sub; }

.form-wechat.control-lbl {
  display: inline-block; }

.wechat-copy {
  margin: 8px 0 !important; }

.wechat-copy .copy-btn {
  top: auto;
  right: 46px !important; }

.highlight {
  font-size: 18px;
  color: #dd3333 !important; }

.timer-wechat {
  display: block; }

.timer-wechat p {
  padding: 20px 0;
  text-align: center; }

.timer-wechat p > span {
  font-size: 2.5em;
  color: #fd6d17;
  vertical-align: middle;
  font-weight: bold;
  padding: 0 5px; }

.wechat-header {
  text-align: center;
  display: block;
  color: #757575;
  font-size: 15px;
  padding: 15px 0; }

.wechat-header > label span {
  font-size: 20px;
  color: #dd3333 !important;
  padding: 0 5px;
  vertical-align: sub; }

.wechat-header p {
  font-size: 13px;
  text-align: left; }

.wechat-highlight {
  font-size: 28px;
  color: #dd3333;
  font-weight: bold;
  vertical-align: sub;
  padding: 5px 5px; }

.long-name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 12px; }

/* ALIDORA ROUND OFF*/
.round-off-label {
  display: none;
  color: #27ae60;
  margin: 0;
  padding-left: 10px;
  position: relative;
  top: -10px; }

.round-off-label label {
  font-weight: normal !important; }

.form-custom-width {
  width: 32%;
  margin: 0;
  display: block; }

/* =============== ASTROPAY BANK ==================*/
.astropay-form {
  position: relative; }
  .astropay-form .field-cont {
    display: block !important; }
  .astropay-form .error {
    margin-bottom: 0 !important; }
    .astropay-form .error .form-control {
      border: 1px solid #ff0000; }

.tips-box {
  position: relative;
  min-height: 205px;
  background: #f9f9f9;
  padding: 10px 25px 12px;
  border: 1px solid #e8e8e8;
  border-radius: 5px; }
  .tips-box p {
    font-size: 15px;
    line-height: 16px; }
    .tips-box p > i {
      vertical-align: middle;
      color: #ff5b45;
      font-size: 21px;
      margin-right: 5px; }
  .tips-box .astro-a {
    display: block;
    margin-top: 3px;
    margin-bottom: 10px; }
  .tips-box a {
    color: #fd6d17;
    font-size: 15px; }
    .tips-box a:hover {
      color: #535353; }
  .tips-box img {
    display: block;
    margin: 0 auto 5px;
    height: 100px;
    background: #fff;
    border: 1px solid #e8e8e8; }

.tips-box-title {
  border-bottom: 1px solid #e2e3e3;
  padding-bottom: 7px;
  margin-bottom: 10px; }

.astropay-qr {
  display: none;
  position: absolute;
  top: -71px; }
  .astropay-qr img {
    height: 160px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.11);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.11);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.11); }

.tipsbox-qr {
  display: inline-block;
  cursor: pointer; }
  .tipsbox-qr:hover span {
    color: #535353; }
  .tipsbox-qr:hover .astropay-qr {
    display: block !important; }
  .tipsbox-qr span {
    color: #fd6d17;
    padding-left: 20px; }

.cvv-icon {
  color: #757575;
  position: absolute;
  font-size: 30px;
  right: 12px;
  top: 5px; }

.astro-currency-select {
  display: block; }

.custom-radio {
  display: inline-block;
  margin: 10px 30px 0 0; }
  .custom-radio label {
    display: block;
    font-weight: bold;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 4px 0 3px 30px;
    color: #333333; }
    .custom-radio label input {
      position: absolute;
      opacity: 0;
      cursor: pointer; }
      .custom-radio label input ~ .checkmark {
        background-color: #fff;
        border: 1px solid #ccc; }
      .custom-radio label input:checked ~ .checkmark {
        background-color: #f35c16;
        border: 1px solid #f35c16; }
      .custom-radio label input:checked ~ .checkmark {
        display: block; }
    .custom-radio label .checkmark {
      position: absolute;
      display: block;
      top: 0;
      left: 0px;
      height: 20px;
      width: 20px;
      background-color: #484848;
      border-radius: 50%;
      padding-top: 2px;
      padding-left: 2px; }
      .custom-radio label .checkmark i {
        color: #fff;
        font-size: 14px; }

.qrcode-astropay {
  display: none;
  height: 160px;
  position: absolute;
  padding: 5px;
  background: #fff;
  top: -130px;
  right: 165px;
  border: 1px solid #dadada;
  border-radius: 3px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15); }

#AstroPay img {
  height: 14px; }
#AstroPay > span {
  font-size: 15px;
  vertical-align: middle; }

.payment-tooltip {
  position: absolute;
  top: -20px;
  font-size: 11px !important;
  right: 0px;
  background: #fd6d17;
  color: #fff;
  padding: 2px 6px;
  border-radius: 1px; }

.instruction-content {
  padding: 21px 10% 10px;
  position: relative; }

.innerslider-astro {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  z-index: 101;
  width: 700px;
  background: #ffffff;
  padding: 3% 0 5%;
  border: 1px solid #e8e8e8;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.7); }
  .innerslider-astro > i {
    position: absolute;
    top: 13px;
    right: 17px;
    font-size: 16px;
    color: #9a9a9a;
    cursor: pointer; }

.instruction-title {
  padding: 0 14%; }
  .instruction-title h3 {
    margin-bottom: 30px;
    color: #7b7b7b;
    font-size: 20px;
    padding: 0 0 15px;
    border-bottom: 1px solid #cdcdcd;
    color: #797979; }

.instruction-btn {
  filter: gray;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  cursor: pointer; }
  .instruction-btn:hover {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0); }

.instruction-prevbtn {
  position: absolute;
  top: 50%;
  left: 3%;
  display: none; }

.instruction-nextbtn {
  position: absolute;
  top: 50%;
  right: 3%; }

.instruction-prevbtn span, .instruction-nextbtn span {
  position: relative;
  top: -15px;
  color: #757575; }

.slide-img {
  height: 270px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); }

.entertainment-bg {
  background: #000;
  height: auto;
  font-size: 0;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  overflow-x: hidden;
  scroll-behavior: smooth; }

.poster {
  position: relative;
  text-align: center;
  width: 640px;
  margin: 0 auto; }
  @media (max-width: 1024px) {
    .poster {
      width: 100%; } }
  .poster > img {
    width: 100%; }

.bg-pc {
  display: block; }
  @media (max-width: 1024px) {
    .bg-pc {
      display: none !important; } }

.poster .poster-pc {
  display: inline-block; }
  @media (max-width: 1024px) {
    .poster .poster-pc {
      display: none !important; } }

.poster-pc {
  margin: 0 10px; }
  .poster-pc img {
    display: inline-block;
    width: 280px; }

.poster-z-mobi {
  display: none; }
  @media (max-width: 1024px) {
    .poster-z-mobi {
      display: block; } }
  @media (max-width: 1024px) {
    .poster-z-mobi img {
      width: 45%; } }
  @media (max-width: 480px) {
    .poster-z-mobi img {
      width: 200px; } }
  @media (max-width: 375px) {
    .poster-z-mobi img {
      width: 180px; } }
  @media (max-width: 320px) {
    .poster-z-mobi img {
      width: 150px; } }

.poster-z-detail {
  width: 100%;
  position: absolute;
  top: 36%;
  left: 50%;
  transform: translate(-50%, -64%);
  -webkit-transform: translate(-50%, -64%);
  -moz-transform: translate(-50%, -64%);
  -o-transform: translate(-50%, -64%);
  -ms-transform: translate(-50%, -64%);
  z-index: 1;
  cursor: pointer;
    /*@media (max-width: 1024px) {
        top: 92%;
    }

    @media (max-width: 800px) {
        top: 77%;
    }

    @media (max-width: 768px) {
        top: 92%;
    }

    @media (max-width: 720px) {
        top: 69%;
    }

    @media (max-width: 600px) {
        top: 77%;
    }*/ }
  @media (max-width: 505px) {
    .poster-z-detail {
      top: 615px; } }
  @media (max-width: 480px) {
    .poster-z-detail {
      top: 506px; } }
  @media (max-width: 395px) {
    .poster-z-detail {
      top: 480px; } }
  @media (max-width: 375px) {
    .poster-z-detail {
      top: 460px; } }
  @media (max-width: 360px) {
    .poster-z-detail {
      top: 440px; } }
  @media (max-width: 320px) {
    .poster-z-detail {
      top: 395px; } }

.poster-btn {
  transition: transform 0.3s ease-in-out; }
  .poster-btn:hover {
    transform: scale(1.1);
    -moz-box-shadow: 0 0 7px #17b0f4;
    -webkit-box-shadow: 0 0 7px #17b0f4;
    box-shadow: 0 0 7px #17b0f4;
    border-radius: 15px; }
    @media (max-width: 1024px) {
      .poster-btn:hover {
        -moz-box-shadow: 0 0 5px #17b0f4;
        -webkit-box-shadow: 0 0 5px #17b0f4;
        box-shadow: 0 0 5px #17b0f4;
        border-radius: 13px; } }

/* =========== REGISTER ============ */
.register-city {
  /*display: none;*/
  padding: 0;
  width: 90%;
  margin: 0 auto;
  position: absolute;
  top: 48%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  z-index: 1; }
  @media only screen and (max-width: 1024px) {
    .register-city {
      top: 50%; } }
  @media only screen and (max-width: 480px) {
    .register-city {
      top: 51%; } }
  @media only screen and (max-width: 320px) {
    .register-city {
      top: 53.5%; } }
  .register-city > p {
    color: #f5bd3c;
    font-size: 28px;
    text-align: left;
    font-style: italic;
    text-shadow: 2px 1px #040000; }
    @media only screen and (max-width: 480px) {
      .register-city > p {
        font-size: 23px; } }
    @media only screen and (max-width: 375px) {
      .register-city > p {
        font-size: 20px; } }
  .register-city .reg-icon label {
    top: 17px; }
    @media only screen and (max-width: 480px) {
      .register-city .reg-icon label {
        top: 11px; } }
    @media only screen and (max-width: 375px) {
      .register-city .reg-icon label {
        top: 9px;
        font-size: 13px; } }
  .register-city .reg-icon i {
    top: 15px; }
    @media only screen and (max-width: 480px) {
      .register-city .reg-icon i {
        top: 10px; } }
    @media only screen and (max-width: 375px) {
      .register-city .reg-icon i {
        top: 8px;
        font-size: 18px; } }
  .register-city input.form-control {
    height: 50px; }
    @media only screen and (max-width: 480px) {
      .register-city input.form-control {
        height: 40px; } }
    @media only screen and (max-width: 375px) {
      .register-city input.form-control {
        height: 35px; } }
  .register-city .reg-form-control {
    margin-top: 20px; }
    @media only screen and (max-width: 320px) {
      .register-city .reg-form-control {
        margin-top: 10px; } }
  @media only screen and (max-width: 425px) {
    .register-city .rg-form-group {
      margin: 0px !important; } }
  .register-city .reg-captcha {
    top: 16px; }
    @media only screen and (max-width: 480px) {
      .register-city .reg-captcha {
        top: 10px; } }
    @media only screen and (max-width: 375px) {
      .register-city .reg-captcha {
        top: 7px; } }
  .register-city .rg-btn {
    display: inline-block;
    height: 60px; }
    @media only screen and (max-width: 480px) {
      .register-city .rg-btn {
        height: 45px; } }
    .register-city .rg-btn > img {
      width: 60%;
      display: block;
      margin: 0 auto; }
  @media only screen and (max-width: 320px) {
    .register-city .reg-margin {
      margin-top: 10px; } }
  .register-city .errorMsg {
    text-align: right;
    color: #ff2e37; }

@media (min-width: 1025px) {
  .cs-pop {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 99; } }
.cs-pop a {
  display: inline-block;
  position: absolute;
  bottom: 115px;
  left: 53%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%); }

/*====== VIP Page ========*/
.light-grey-bg {
  background-color: #2c2c2c; }
  .light-grey-bg h6 {
    margin: 0; }

.dark-grey-bg {
  background: #222222;
  /* Old browsers */
  background: -moz-linear-gradient(top, #222222 0%, #484343 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #222222 0%, #484343 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #222222 0%, #484343 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#484343',GradientType=0 ); }

.vip-level-sec {
  padding: 50px 0 30px; }
  .vip-level-sec h1 {
    font-size: 37px;
    border-bottom: none !important;
    font-weight: bold;
    margin: 0 !important;
    color: #ffffff;
    padding: 6px 0;
    -moz-background-clip: text;
    background-clip: text;
    text-stroke: 0.5px #07ecff;
    -webkit-text-shadow: 0 0 4px #bb0c0c, 0 0 20px rgba(175, 4, 4, 0.72);
    text-shadow: 0 0 4px #bb0c0c, 0 0 20px rgba(175, 4, 4, 0.72); }
  .vip-level-sec h6 {
    -webkit-text-shadow: 0 2px 6px rgba(0, 0, 0, 0.33), 0 6px 7px rgba(0, 0, 0, 0.58);
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.33), 0 6px 7px rgba(0, 0, 0, 0.58);
    font-size: 26px;
    margin-top: 0px; }

.vip-container {
  padding: 0; }
  .vip-container .tbl-title {
    font-size: 25px;
    padding: 40px 0 30px; }
    .vip-container .tbl-title i {
      font-size: 50px;
      vertical-align: middle;
      margin-right: 10px;
      color: #ffe0ae; }

.table-vip-club {
  overflow: auto !important;
  width: 80%; }

.vip-gray {
  color: #ffffff; }

.table-vip-club > thead > tr > th {
  background-color: #ffe0ae !important;
  color: #1f0000; }

.table-vip-club > tbody > tr > td {
  color: #fcd69d !important; }

.table-vip-club > tbody > tr:nth-child(odd) {
  background-color: #242323 !important; }

.table-vip-club > tbody > tr:nth-child(even) {
  background-color: #2e2d2d !important; }

/*.table-vip-club > tbody > tr:nth-child(even) td {
    color: #b79883 !important;
}*/
.space-bottom {
  margin-bottom: 50px; }

.vip-list > li {
  color: #fff; }

.vip-banner-inner {
  height: auto; }

.vip-promo-banner {
  max-width: none;
  line-height: 0; }

.vip-promo-banner > img {
  position: relative; }

.vip-tab {
  text-align: center;
  margin-bottom: 20px; }
  .vip-tab li {
    display: inline-block;
    background: #616060;
    color: #a1a1a1;
    font-size: 17px;
    padding: 9px 10px;
    width: 130px;
    margin: 0 5px;
    border-radius: 5px;
    font-weight: bold;
    border: 2px solid #616060;
    cursor: pointer; }
    .vip-tab li:hover {
      background: #ffe0ae;
      color: #1f0000;
      border: 2px solid #cc9b43; }
  .vip-tab li.active {
    background: #ffe0ae;
    color: #1f0000;
    border: 2px solid #cc9b43; }

.vip-left p {
  font-size: 14px; }

.vip-card {
  background: url(../images/card.png) no-repeat;
  background-size: 100%;
  min-height: 284px;
  margin: 40px 0 10px;
  width: 90%;
  position: relative;
  box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.4);
  border-radius: 10px; }
  .vip-card h6 {
    color: #f0dbad; }

.vip-type {
  text-align: center;
  position: absolute;
  right: 23px;
  top: 38px; }
  .vip-type h6 {
    font-size: 38px;
    margin-bottom: 0;
    -webkit-text-shadow: 0 0 4px #bb0c0c, 0 0 20px rgba(175, 4, 4, 0.72);
    text-shadow: 0 0 4px #bb0c0c, 0 0 20px rgba(175, 4, 4, 0.72); }

.vipcard-info {
  padding-top: 18%;
  padding-left: 15px; }
  .vipcard-info p {
    color: #f6e5a7;
    font-size: 12px;
    line-height: 26px;
    font-weight: bold;
    font-family: Microsoft Yahei; }

.vip-bar {
  background: url(../images/cardline.png) no-repeat;
  height: 30px;
  background-size: 100%;
  margin: 7px 0 0 0px; }

.vip-btm-info {
  position: absolute;
  bottom: -17px;
  width: 70%;
  text-align: center;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background: #b2915c;
  background: -moz-linear-gradient(left, #b2915c 0%, #f0dbad 26%, #f0dbad 75%, #b4945f 100%);
  background: -webkit-linear-gradient(left, #b2915c 0%, #f0dbad 26%, #f0dbad 75%, #b4945f 100%);
  background: linear-gradient(to right, #b2915c 0%, #f0dbad 26%, #f0dbad 75%, #b4945f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2915c', endColorstr='#b4945f',GradientType=1 );
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  box-shadow: 0px -2px 7px 3px rgba(255, 39, 2, 0.19); }
  .vip-btm-info p {
    color: #371a00;
    font-weight: bold;
    padding: 4px 0; }

.vip-benefit h5 {
  color: #fff1dc;
  text-align: center;
  border-bottom: 1px solid #fff1dc;
  padding-bottom: 15px;
  font-size: 25px; }
.vip-benefit ul li {
  display: inline-block;
  text-align: center;
  color: #656464;
  margin: 0 0 20px;
  width: 134px;
  vertical-align: top; }
  .vip-benefit ul li > i {
    display: block;
    font-size: 69px;
    margin-bottom: 5px; }
  .vip-benefit ul li > span {
    font-weight: bold;
    font-size: 12px; }
.vip-benefit li.active {
  color: #ffd4ae; }
  .vip-benefit li.active > span {
    color: #fff1dc; }

.progress-bar span {
  display: block;
  color: #5c2500;
  font-weight: bold;
  font-size: 17px;
  text-align: center;
  padding: 4px 0; }

.progressbar {
  width: 100% !important;
  position: relative;
  background-color: #EEEEEE;
  box-shadow: inset 0px 2px 4px black;
  background-color: #371614 !important;
  border-radius: 5px !important;
  padding: 2px 0 0 0;
  margin-top: 5px; }

.progress {
  height: 8px;
  width: 10px;
  background-color: #3498db;
  border-radius: 4px !important;
  box-shadow: inset 0px 6px 5px 2px #5ddbff; }

.percentCount {
  display: none; }

.bar-move {
  width: 78%;
  position: relative;
  float: left;
  margin-top: 5px;
  margin-left: 14px; }

.ranking-section {
  position: relative;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  background: url(../images/bg-ranking-bg-pc.jpg) no-repeat;
  background-size: cover;
  background-position: top center;
  background-color: #000; }
  .ranking-section > img {
    width: 100%; }

.ranking-iframe {
  cursor: pointer;
  width: 1070px;
  margin: 0 auto;
  padding-top: 45%;
  padding-bottom: 2%; }

.ranking-btn {
  text-align: center;
  display: block;
  padding-bottom: 2%; }
  .ranking-btn img {
    width: 35%;
    display: inline-block;
    box-shadow: 1px 1px 10px #f2c9b0;
    -moz-box-shadow: 1px 1px 10px #f2c9b0;
    -webkit-box-shadow: 1px 1px 10px #f2c9b0;
    border-radius: 22px;
    margin-top: 15px; }
    .ranking-btn img:hover {
      box-shadow: 1px 1px 10px #ff6500;
      -moz-box-shadow: 1px 1px 10px #ff6500;
      -webkit-box-shadow: 1px 1px 10px #ff6500; }
    @media (max-width: 1366px) {
      .ranking-btn img {
        width: 25%; } }

.rank-table-w {
  width: 90%; }

.rank-rule-bg {
  background: url(../images/rank-rule-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #000;
  padding-top: 15px; }

.rank-rule {
  padding-bottom: 4%; }
  .rank-rule p {
    color: #fff;
    font-weight: bold; }

.ranklist {
  margin: 0;
  text-align: left; }
  .ranklist li {
    color: #fff;
    font-size: 15px; }

.tbl-gold-rank > tbody > tr:nth-child(even) {
  background-color: #f5f5f5 !important; }

.tbl-rnk {
  padding-top: 57%;
  margin: 0;
  padding-bottom: 35px; }
  .tbl-rnk .table-default > tbody > tr:nth-child(even) {
    background-color: #f5f5f5 !important; }

/* =========== SPIN and GOLD ========*/
.spingold-section {
  position: relative;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  background: url(../images/spingold-bg.jpg) no-repeat;
  background-size: cover;
  background-position: top center;
  background-color: #000; }

.spingold-activiy img {
  width: 70%;
  margin: 0 auto; }

.video-spingold {
  margin-top: 40px; }
  .video-spingold video {
    width: 70%; }

.spingold-rule {
  margin-top: 40px; }

.spingold-list-bg {
  position: relative;
  margin: 0 auto;
  background: url(../images/list-bg.png) no-repeat;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  width: 686px;
  height: 357px;
  margin-bottom: 5%; }
  .spingold-list-bg > ol {
    position: absolute;
    text-align: left;
    width: 80%;
    top: 16px;
    left: 40px;
    z-index: 1; }
    .spingold-list-bg > ol li {
      color: #fff !important;
      font-size: 22px;
      line-height: 35px; }

.spingold-txtshadow {
  padding: 0 11%;
  text-shadow: #20C1D0 0px 0px 3px, #0ea8b7 0px 0px 2px, #1da0b5 0px 0px 6px, #6df5fe 0px 2px 3px;
  font-weight: 600;
  letter-spacing: 4px;
  font-size: 30px;
  margin-bottom: 20px; }

/* =========== WPT RANKING ========*/
.wpt-ranking-section {
  position: relative;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  background: url(../images/bg-ranking2021-pc.jpg) no-repeat;
  background-size: cover;
  background-position: top center;
  background-color: #000; }
  @media (max-width: 1024px) {
    .wpt-ranking-section {
      margin-top: 48px;
      padding-bottom: 10%;
      background: url(../images/bg-ranking2021-pc.jpg) no-repeat;
      background-size: cover;
      background-position: top center; } }
  .wpt-ranking-section .main-banner img {
    width: 100%; }
  .wpt-ranking-section .rn-date {
    width: 41.7vw; }
    @media (max-width: 800px) {
      .wpt-ranking-section .rn-date {
        width: 50%; } }
    @media (max-width: 480px) {
      .wpt-ranking-section .rn-date {
        width: 60%; } }
  .wpt-ranking-section .rn-title img {
    vertical-align: middle;
    height: 3vw;
    padding: 0 10px; }
    @media (max-width: 800px) {
      .wpt-ranking-section .rn-title img {
        height: 32px;
        padding: 0 5px; } }
    @media (max-width: 480px) {
      .wpt-ranking-section .rn-title img {
        height: 20px;
        padding: 0 2px; } }
  .wpt-ranking-section .rn-title h3 {
    font-size: 2.5vw;
    font-weight: normal;
    color: #fff;
    margin: 0;
    display: inline-block;
    line-height: 1.5em;
    vertical-align: middle;
    letter-spacing: 5px;
    margin-right: -5px; }
    @media (max-width: 800px) {
      .wpt-ranking-section .rn-title h3 {
        font-size: 25px; } }
    @media (max-width: 480px) {
      .wpt-ranking-section .rn-title h3 {
        font-size: 20px; } }
    @media (max-width: 384px) {
      .wpt-ranking-section .rn-title h3 {
        font-size: 18px; } }
  .wpt-ranking-section .rn-title .rn-glow {
    letter-spacing: 10px;
    margin-right: -10px;
    text-shadow: 0px 1px 1px #7f3203, 1px 1px 11px #ffc500, 1px 2px 11px #ff0000, 3px 3px 7px #371500; }
    @media (max-width: 480px) {
      .wpt-ranking-section .rn-title .rn-glow {
        letter-spacing: 5px;
        margin-right: -5px; } }
  .wpt-ranking-section .rn-title .rn-emboss {
    text-shadow: -2px -2px 1px #565656, 1px -3px 3px #003752, 1px -2px 3px #fdfdfd, 3px -2px 5px #104965;
    text-align: left;
    display: block;
    font-size: 2vw; }
    @media (max-width: 1024px) {
      .wpt-ranking-section .rn-title .rn-emboss {
        font-size: 2.5vw; } }
    @media (max-width: 800px) {
      .wpt-ranking-section .rn-title .rn-emboss {
        font-size: 25px; } }
    @media (max-width: 480px) {
      .wpt-ranking-section .rn-title .rn-emboss {
        font-size: 20px; } }
    @media (max-width: 384px) {
      .wpt-ranking-section .rn-title .rn-emboss {
        font-size: 18px; } }
  .wpt-ranking-section .rn-schedule-container {
    padding-top: 3%; }
    @media (max-width: 1024px) {
      .wpt-ranking-section .rn-schedule-container {
        width: 80%;
        margin: 0 auto; } }
    @media (max-width: 800px) {
      .wpt-ranking-section .rn-schedule-container {
        width: 90%; } }
    @media (max-width: 425px) {
      .wpt-ranking-section .rn-schedule-container {
        width: 98%; } }
    .wpt-ranking-section .rn-schedule-container .rn-sched {
      display: block;
      width: 100%;
      margin: 2% 0; }
    .wpt-ranking-section .rn-schedule-container p {
      text-align: left;
      font-size: 24px;
      line-height: 1.5em;
      color: #fff;
      margin-bottom: 10px; }
      @media (max-width: 1024px) {
        .wpt-ranking-section .rn-schedule-container p {
          font-size: 18px; } }
      @media (max-width: 800px) {
        .wpt-ranking-section .rn-schedule-container p {
          font-size: 16px; } }
      @media (max-width: 480px) {
        .wpt-ranking-section .rn-schedule-container p {
          font-size: 14px; } }
      @media (max-width: 384px) {
        .wpt-ranking-section .rn-schedule-container p {
          font-size: 12px; } }
      .wpt-ranking-section .rn-schedule-container p span {
        border-bottom: 2px solid #fff;
        padding-bottom: 3px; }
  .wpt-ranking-section .wpt-ranking-iframe {
    cursor: pointer;
    margin: 0 auto;
    padding-top: 0%;
    padding-bottom: 2%; }
    @media (max-width: 1024px) {
      .wpt-ranking-section .wpt-ranking-iframe {
        width: 80%; } }
    @media (max-width: 800px) {
      .wpt-ranking-section .wpt-ranking-iframe {
        width: 100%; } }
  @media (max-width: 384px) {
    .wpt-ranking-section .wpt-tab-font thead > tr > th, .wpt-ranking-section .wpt-tab-font tbody > tr > td {
      font-size: 12px; } }

.passtrengthMeter {
  position: relative;
  width: 100%; }

.passtrengthMeter > input {
  width: 100%;
  display: inline-block;
  padding: 5px;
  box-sizing: border-box;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  padding-left: 80px; }

.reg-container .passtrengthMeter > input {
  padding-left: 10px; }

.passtrengthMeter > input:focus {
  outline-width: 0; }

.passtrengthMeter::after {
  content: '';
  height: 4px;
  overflow: hidden;
  width: 0%;
  transition: width .5s;
  position: absolute;
  left: 0px;
  /*bottom: 4px;*/
  bottom: -7px; }

/*.weak::after {
    bottom: 3px;
}*/
/*.weak.error::after {
    bottom: -7px;
}*/
.passtrengthMeter.weak::after {
  background-color: #EC644B;
  width: 25%; }

.passtrengthMeter.error {
  display: block; }

.passtrengthMeter.medium::after {
  content: '';
  background-color: #E87E04;
  width: 50%; }

.passtrengthMeter.strong::after {
  content: '';
  background-color: #EFBF17;
  width: 75%; }

.passtrengthMeter.very-strong::after {
  content: '';
  background-color: #42A72A;
  width: 100%; }

.passtrengthMeter .showPassword {
  position: absolute;
  width: 20px;
  top: calc(50% - 10px);
  right: 10px; }

.passtrengthMeter .showPassword.active {
  opacity: .5; }

.passtrengthMeter .showPassword img {
  display: block;
  width: 100%;
  height: auto; }

.passtrengthMeter .showPassword:hover {
  cursor: pointer; }

/*.passtrengthMeter.error span.invalid {
    position: absolute;
    bottom: -23px;
}*/
/*.regpwd.error span.invalid {
    position: absolute;
    bottom: -4px;
}
*/
.pwd-nopad span.invalid {
  padding: 0;
  position: absolute; }

.pwd-nopad .nwpwd {
  padding: 6px; }

.passtrengthMeter .tooltip {
  top: 48px;
  color: #dd3333;
  font-family: Arial;
  font-size: 11px;
  display: block;
  left: 0;
  right: auto;
  pointer-events: none;
  position: absolute;
  box-sizing: border-box;
  text-align: left;
  z-index: 10;
  margin-left: 0 !important; }

.passtrengthMeter #tooltip {
  opacity: 0; }

.passtrengthMeter.weak #tooltip,
.passtrengthMeter.medium #tooltip,
.passtrengthMeter.strong #tooltip,
.passtrengthMeter.very-strong #tooltip {
  opacity: 1; }

.passtrengthMeter.weak .tooltip,
.passtrengthMeter.weak .tooltip > i {
  color: #EC644B; }

.passtrengthMeter.medium .tooltip,
.passtrengthMeter.medium .tooltip > i {
  color: #E87E04; }

.passtrengthMeter.strong .tooltip,
.passtrengthMeter.strong .tooltip > i {
  color: #EFBF17; }

.passtrengthMeter.very-strong .tooltip,
.passtrengthMeter.very-strong .tooltip > i {
  color: #42A72A; }

.passtrengthMeter #tooltip > i {
  font-size: 13px;
  vertical-align: bottom; }

/*.passtrengthMeter.weak .tooltip{
  background-color: #EC644B;
}
.passtrengthMeter.weak .tooltip:after{
  border-left: solid transparent 7px;
  border-right: solid transparent 7px;
  border-bottom: solid #EC644B 7px;
  top: -7px;
  content: " ";
  height: 0;
  left: 50%;
  margin-left: -7px;
  position: absolute;
  width: 0;
}

.passtrengthMeter.medium .tooltip{
  background-color: #E87E04;
}
.passtrengthMeter.medium .tooltip:after{
  border-left: solid transparent 7px;
  border-right: solid transparent 7px;
  border-bottom: solid #E87E04 7px;
  top: -7px;
  content: " ";
  height: 0;
  left: 50%;
  margin-left: -7px;
  position: absolute;
  width: 0;
}

/*.passtrengthMeter.strong .tooltip{
  background-color: #EFBF17;
}
.passtrengthMeter.strong .tooltip:after{
  border-left: solid transparent 7px;
  border-right: solid transparent 7px;
  border-bottom: solid #EFBF17 7px;
  top: -7px;
  content: " ";
  height: 0;
  left: 50%;
  margin-left: -7px;
  position: absolute;
  width: 0;
}

.passtrengthMeter.very-strong .tooltip{
  background-color: #42A72A;
}
.passtrengthMeter.very-strong .tooltip:after{
  border-left: solid transparent 7px;
  border-right: solid transparent 7px;
  border-bottom: solid #42A72A 7px;
  top: -7px;
  content: " ";
  height: 0;
  left: 50%;
  margin-left: -7px;
  position: absolute;
  width: 0;
}

.passtrengthMeter.weak .tooltip:before {
  top: -20px;
  content: " ";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  width: 100%;
}

.passtrengthMeter .tooltip:after {
  border-left: solid transparent 7px;
  border-right: solid transparent 7px;
  border-bottom: solid #000000 7px;
  top: -7px;
  content: " ";
  height: 0;
  left: 50%;
  margin-left: -7px;
  position: absolute;
  width: 0;
  -webkit-transition: all .25s ease-out;
     -moz-transition: all .25s ease-out;
      -ms-transition: all .25s ease-out;
       -o-transition: all .25s ease-out;
          transition: all .25s ease-out;
}*/
/*.passtrengthMeter:hover .tooltip {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(10px);
     -moz-transform: translateY(10px);
      -ms-transform: translateY(10px);
       -o-transform: translateY(10px);
          transform: translateY(10px);
}*/
.tooltipShow {
  opacity: 1 !important;
  pointer-events: auto !important;
  -webkit-transform: translateY(10px) !important;
  -moz-transform: translateY(10px) !important;
  -ms-transform: translateY(10px) !important;
  -o-transform: translateY(10px) !important;
  transform: translateY(10px) !important; }

.lte8 .passtrengthMeter .tooltip {
  display: none; }

.lte8 .passtrengthMeter:hover .tooltip {
  display: block; }

/* for withdraw */
.withdraw-note {
  border: solid 1px #e84f0c;
  background: #fff1eb;
  padding: 5px 15px;
  margin: 7px 0 15px 0; }
  .withdraw-note p {
    font-size: 14px; }
  .withdraw-note i {
    vertical-align: middle;
    font-size: 17px;
    margin-right: 10px;
    color: #e25a0b; }

.wallet-withdraw > .box-header i.icon-anpFonts-refresh {
  font-size: 21px;
  margin-left: 5px;
  color: #27ae60;
  position: absolute;
  top: 17px;
  left: 3px; }

.wallet-withdraw > .box-header {
  margin-bottom: 15px !important;
  border-bottom: none;
  display: inline-block; }
  .wallet-withdraw > .box-header .field-grp-addon {
    padding: 5px 6px; }
  .wallet-withdraw > .box-header .field-grp {
    margin-left: 2px; }
    .wallet-withdraw > .box-header .field-grp .ggWallet {
      width: 145px;
      padding: 11px 3px; }

.wallet-withdraw > .box-header .cny-dpl {
  padding-top: 0; }

.with-limit {
  font-size: 12px;
  vertical-align: middle; }

.wallet-cont {
  width: 33.33%; }

.wallet-withdraw {
  display: flex;
  text-align: center; }

.wallet-withdraw > .warning-note {
  display: flex;
  text-align: center; }

.warning-note {
  border: dashed 1px #ffad2b;
  background: #fff8e5;
  padding: 15px 15px;
  margin: 5px 0 15px 0; }
  .warning-note p {
    font-size: 14px;
    color: #222;
    line-height: 25px; }
  .warning-note i {
    vertical-align: middle;
    font-size: 24px;
    margin-right: 10px;
    color: #ffc549; }

.usdt-group {
  display: none; }

input[type="radio"] {
  cursor: pointer; }

.wdraw-limit i {
  color: #c7b299;
  font-size: 24px; }
.wdraw-limit span {
  color: #8a8a8a;
  font-size: 15px; }

.tooltip-note {
  display: inline-block;
  margin-left: 20px;
  position: absolute;
  top: -7px; }
  .tooltip-note i {
    color: #c7b299;
    font-size: 24px; }
  .tooltip-note span {
    font-size: 14px;
    position: relative;
    background: #fff;
    border: 1px solid #ccc;
    padding: 7px 11px;
    border-radius: 5px;
    color: #8a8a8a;
    margin-left: 17px; }
    .tooltip-note span:before, .tooltip-note span:after {
      content: '';
      position: absolute;
      left: 0;
      top: 50%;
      width: 0;
      height: 0;
      border: 13px solid transparent;
      border-left: 0;
      border-top: 0; }
    .tooltip-note span:before {
      border-width: 16px;
      margin-top: -5px;
      margin-left: -16px;
      border-right-color: #cccccc; }
    .tooltip-note span:after {
      border-right-color: #ffffff;
      margin-top: -4px;
      margin-left: -13px; }
  .tooltip-note .tn-spn {
    display: inline-block;
    visibility: hidden; }
  .tooltip-note .ics-hvr {
    cursor: pointer; }
    .tooltip-note .ics-hvr:hover ~ .tn-spn {
      visibility: unset !important; }

/*usdt-popup*/
.usdt-pop {
  display: none;
  width: 425px;
  border-radius: 5px;
  border: 1px solid #cdcdcd;
  background-color: #fff;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  z-index: 300;
  padding: 10px 22px; }
  .usdt-pop a {
    position: absolute;
    right: 18px;
    top: 11px;
    z-index: 1; }
    .usdt-pop a i {
      font-size: 15px;
      color: #8a8a8a; }
  .usdt-pop .usdt-header {
    padding: 0px 10px; }
    .usdt-pop .usdt-header h1 {
      font-size: 22px;
      padding: 15px 0px;
      border-bottom: 1px solid #cdcdcd;
      color: #757575;
      margin: 0; }
  .usdt-pop .usdt-pop-btn {
    margin: 10px auto 0 auto;
    display: block; }
    .usdt-pop .usdt-pop-btn > button {
      display: inline-block;
      width: 100%; }

/*****Event Registration*****/
.evt-reg-section {
  background-color: #ffffff;
  color: #444;
  /******margins******/
  /******paddings******/
  /*******for input Capture Style*******/
  /*******end of input Capture Style*******/
  /*******For Image Viewer*******/
  /*******End Of Image Viewer*******/ }
  @media (max-width: 1024px) {
    .evt-reg-section {
      padding-top: 50px;
      padding-bottom: 65px; } }
  .evt-reg-section label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    line-height: 1.2em;
    font-weight: 500;
    font-size: 16px; }
    @media (max-width: 480px) {
      .evt-reg-section label {
        font-size: 14px; } }
    @media (max-width: 320px) {
      .evt-reg-section label {
        font-size: 12px; } }
  .evt-reg-section p {
    font-size: 1.2em;
    font-size: 16px; }
    @media (max-width: 480px) {
      .evt-reg-section p {
        font-size: 14px; } }
    @media (max-width: 385px) {
      .evt-reg-section p {
        font-size: 12px; } }
  .evt-reg-section .activity-box {
    font-size: 0; }
    .evt-reg-section .activity-box li {
      display: inline-block;
      margin: 0 0px 10px 0;
      width: 20%;
      padding: 0px 10px 0 0; }
      @media (max-width: 800px) {
        .evt-reg-section .activity-box li {
          width: 25%;
          padding: 0px 5px 0 5px; } }
      @media (max-width: 480px) {
        .evt-reg-section .activity-box li {
          width: 33.33%; } }
      .evt-reg-section .activity-box li span {
        display: block; }
        .evt-reg-section .activity-box li span a {
          border: 1px solid #ff702b;
          border-radius: 5px;
          background: #ffffff;
          color: #ff702b;
          padding: 12px 5px;
          display: block;
          text-align: center;
          vertical-align: middle;
          position: relative;
          font-size: 16px;
          cursor: pointer;
          -webkit-transition: all .3s ease-in;
          transition: all .3s ease-in; }
          @media (max-width: 480px) {
            .evt-reg-section .activity-box li span a {
              padding: 7px 5px;
              font-size: 12px; } }
      .evt-reg-section .activity-box li:hover span a {
        border: 1px solid #d4d4d4;
        border-radius: 5px;
        background: #ff702b;
        color: #fff; }
    .evt-reg-section .activity-box li.active span a {
      border: 1px solid #d4d4d4;
      border-radius: 5px;
      background: #ff702b;
      color: #fff; }
  .evt-reg-section .evt-reg-title {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5em;
    margin: 5px 0; }
    @media (max-width: 480px) {
      .evt-reg-section .evt-reg-title {
        font-size: 14px; } }
  .evt-reg-section .evt-basic-box {
    border: 1px solid #b9b9b9;
    border-radius: 5px;
    padding: 0; }
  .evt-reg-section .evt-info-box .evt-basic-box > div:nth-child(even) {
    background-color: #f0f0f0; }
  .evt-reg-section .evt-info-box .evt-basic-box > div:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px; }
  .evt-reg-section .evt-note {
    display: inline-block; }
    @media (max-width: 385px) {
      .evt-reg-section .evt-note {
        font-size: 12px;
        width: 78%; } }
    .evt-reg-section .evt-note img {
      vertical-align: middle;
      cursor: pointer; }
      .evt-reg-section .evt-note img:hover + span {
        visibility: visible; }
      @media (max-width: 480px) {
        .evt-reg-section .evt-note img {
          height: 20px; } }
      @media (max-width: 375px) {
        .evt-reg-section .evt-note img {
          height: 16px; } }
    .evt-reg-section .evt-note span {
      font-size: 14px;
      position: relative;
      background: #fff;
      border: 1px solid #ccc;
      padding: 7px 11px;
      border-radius: 5px;
      color: #8a8a8a;
      margin-left: 17px;
      visibility: hidden; }
      @media (max-width: 480px) {
        .evt-reg-section .evt-note span {
          font-size: 12px;
          padding: 5px 3px;
          margin-left: 10px; } }
      @media (max-width: 435px) {
        .evt-reg-section .evt-note span {
          font-size: 10px; } }
      @media (max-width: 425px) {
        .evt-reg-section .evt-note span {
          font-size: 9px; } }
      @media (max-width: 390px) {
        .evt-reg-section .evt-note span {
          font-size: 9px;
          display: inline-block;
          width: 85%;
          vertical-align: middle; } }
      @media (max-width: 320px) {
        .evt-reg-section .evt-note span {
          font-size: 8px; } }
      .evt-reg-section .evt-note span:before, .evt-reg-section .evt-note span:after {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        width: 0;
        height: 0;
        border: 13px solid transparent;
        border-left: 0;
        border-top: 0;
                /*@media(max-width: 480px) {
					border: 10px solid transparent;
				}*/ }
      .evt-reg-section .evt-note span:before {
        border-width: 16px;
        margin-top: -5px;
        margin-left: -16px;
        border-right-color: #cccccc; }
        @media (max-width: 480px) {
          .evt-reg-section .evt-note span:before {
            border-width: 10px;
            margin-left: -10px; } }
      .evt-reg-section .evt-note span:after {
        border-right-color: #ffffff;
        margin-top: -4px;
        margin-left: -13px; }
        @media (max-width: 480px) {
          .evt-reg-section .evt-note span:after {
            margin-top: -4px;
            margin-left: -8px; } }
  .evt-reg-section .bg-f0 {
    background-color: #f0f0f0; }
  .evt-reg-section .bb-lr-5 {
    border-radius: 0 0 5px 5px; }
  .evt-reg-section .form-evt-control {
    background-color: #ffffff;
    display: block;
    width: 100%;
    padding: 12px 10px;
    color: #212121;
    border-radius: 5px;
    border: 1px solid #b9b9b9; }
  .evt-reg-section .evt-gray {
    color: #8a8a8a; }
  .evt-reg-section .invited-content {
    min-height: 120px; }
  .evt-reg-section .m-tb-20 {
    margin-top: 20px;
    margin-bottom: 20px; }
  .evt-reg-section .pad-tb-20 {
    padding-top: 20px;
    padding-bottom: 20px; }
  .evt-reg-section .pad-tb-10 {
    padding-top: 10px;
    padding-bottom: 10px; }
  @media (max-width: 768px) {
    .evt-reg-section .pad-xs-tb-10 {
      padding-top: 10px;
      padding-bottom: 10px; } }
  .evt-reg-section .pad-lr-0 {
    padding-left: 0;
    padding-right: 0; }
  .evt-reg-section .btn-grp {
    padding: 4% 0; }
  .evt-reg-section .btn {
    font-size: 16px;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.752rem .75rem;
    line-height: 1.5;
    border-radius: 0.3125rem;
    /*transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;*/
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    color: #fff; }
    @media (max-width: 480px) {
      .evt-reg-section .btn {
        font-size: 14px;
        padding: 7px 5px; } }
  .evt-reg-section .evt-btn-submit {
    background-color: #ff702b;
    border-color: #ff702b;
    width: 22%; }
    @media (max-width: 480px) {
      .evt-reg-section .evt-btn-submit {
        width: 80%; } }
    .evt-reg-section .evt-btn-submit:hover {
      background-color: #545454;
      border-color: #545454; }
  .evt-reg-section .btn-cancel, .evt-reg-section .btn-confirm {
    width: 30%;
    margin: 0 10px; }
    @media (max-width: 1440px) {
      .evt-reg-section .btn-cancel, .evt-reg-section .btn-confirm {
        width: 35%; } }
    @media (max-width: 480px) {
      .evt-reg-section .btn-cancel, .evt-reg-section .btn-confirm {
        width: 40%;
        margin: 0 5px; } }
  .evt-reg-section .btn-cancel {
    background-color: #ffffff;
    border-color: #ff702b;
    color: #ff702b; }
    .evt-reg-section .btn-cancel:hover {
      background-color: #545454;
      border-color: #545454;
      color: #fff; }
  .evt-reg-section .btn-confirm {
    background-color: #ff702b;
    border-color: #ff702b; }
    .evt-reg-section .btn-confirm:hover {
      background-color: #545454;
      border-color: #545454; }
  .evt-reg-section .evt-pop {
    background-color: #fff;
    padding: 20px;
    width: 45%;
    margin: 0 auto;
    position: relative;
    top: 40%;
    border-radius: 10px; }
    @media (max-width: 1440px) {
      .evt-reg-section .evt-pop {
        width: 55%; } }
    @media (max-width: 600px) {
      .evt-reg-section .evt-pop {
        width: 70%; } }
    @media (max-width: 480px) {
      .evt-reg-section .evt-pop {
        width: 90%;
        padding: 20px 10px; } }
    .evt-reg-section .evt-pop h4 {
      font-size: 18px;
      color: #444;
      font-weight: bold;
      line-height: 1.5em;
      margin: 5px 0;
      padding-bottom: 15px; }
      @media (max-width: 480px) {
        .evt-reg-section .evt-pop h4 {
          font-size: 14px; } }
  .evt-reg-section .evt-block {
    display: none;
    position: absolute;
    top: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    height: 100%;
    z-index: 2; }
  .evt-reg-section .capture-img {
    display: block;
    text-align: center;
    padding: 15px 0; }
    .evt-reg-section .capture-img label img {
      height: 60px;
      cursor: pointer; }
      @media (max-width: 480px) {
        .evt-reg-section .capture-img label img {
          height: 50px; } }
    .evt-reg-section .capture-img p {
      display: block;
      color: #8a8a8a;
      margin-top: 5px; }
  .evt-reg-section input[type="file"] {
    display: none;
    width: 100%; }
  .evt-reg-section .imageThumb {
    height: 135px;
    border: 1px solid #dadada;
    padding: 1px;
    cursor: pointer;
    width: 100%;
    max-width: 100%;
    border-radius: 7px; }
    @media (max-width: 480px) {
      .evt-reg-section .imageThumb {
        height: 100px; } }
  .evt-reg-section .pip {
    display: inline-block;
    margin: 10px 10px 0 0;
    width: 13%;
    position: relative; }
    @media (max-width: 800px) {
      .evt-reg-section .pip {
        width: 18.6%; } }
    @media (max-width: 600px) {
      .evt-reg-section .pip {
        width: 23.22%; } }
    @media (max-width: 480px) {
      .evt-reg-section .pip {
        margin: 5px 5px;
        width: 22.22%; } }
    @media (max-width: 375px) {
      .evt-reg-section .pip {
        width: 30.25%; } }
  .evt-reg-section .remove {
    /*old*/
        /*display: block;
	background: #444;
	border: 1px solid black;
	color: white;
	text-align: center;
	cursor: pointer;*/
    display: inline-block;
    background: #646464;
    border: 1px solid #646464;
    color: white;
    text-align: center;
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: 0; }
    @media (max-width: 480px) {
      .evt-reg-section .remove {
        padding: 2px 7px;
        font-size: 14px; } }
  .evt-reg-section .remove:hover {
    background: white;
    color: black; }
  .evt-reg-section .img-viewer-box {
    display: none;
    position: fixed;
    top: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    height: 100%;
    z-index: 100;
    text-align: center;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in; }
    .evt-reg-section .img-viewer-box .img-viewer-content {
      position: relative;
      top: 150px;
      background-color: black;
      width: 50%;
      margin: 0 auto;
      border-radius: 10px; }
      @media (max-width: 1440px) {
        .evt-reg-section .img-viewer-box .img-viewer-content {
          width: 60%;
          top: 15%; } }
      @media (max-width: 1024px) {
        .evt-reg-section .img-viewer-box .img-viewer-content {
          width: 80%; } }
      @media (max-width: 768px) {
        .evt-reg-section .img-viewer-box .img-viewer-content {
          top: 15%; } }
      @media (max-width: 600px) {
        .evt-reg-section .img-viewer-box .img-viewer-content {
          top: 5%;
          width: 90%; } }
      @media (max-width: 480px) {
        .evt-reg-section .img-viewer-box .img-viewer-content {
          width: 95%; } }
    .evt-reg-section .img-viewer-box .evt-img-controls {
      position: absolute;
      background-color: rgba(98, 98, 98, 0.3);
      width: 100%;
      padding: 7px 0;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px; }
      @media (max-width: 1024px) {
        .evt-reg-section .img-viewer-box .evt-img-controls {
          background-color: rgba(255, 255, 255, 0.8); } }
      .evt-reg-section .img-viewer-box .evt-img-controls div {
        position: relative;
        vertical-align: middle;
        display: inline-block; }
        .evt-reg-section .img-viewer-box .evt-img-controls div img {
          height: 30px;
          cursor: pointer; }
          @media (max-width: 480px) {
            .evt-reg-section .img-viewer-box .evt-img-controls div img {
              height: 25px; } }
        @media (max-width: 480px) {
          .evt-reg-section .img-viewer-box .evt-img-controls div .evt-back {
            padding-left: 10px; } }
        @media (max-width: 480px) {
          .evt-reg-section .img-viewer-box .evt-img-controls div .evt-delete {
            padding-right: 10px; } }
    .evt-reg-section .img-viewer-box .evt-view {
      padding: 20px;
      min-height: 70vh;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media (max-width: 600px) {
        .evt-reg-section .img-viewer-box .evt-view {
          padding: 10px;
          min-height: 90vh; } }
      .evt-reg-section .img-viewer-box .evt-view img {
        max-width: 100%;
        max-height: 70vh; }
        @media (max-width: 600px) {
          .evt-reg-section .img-viewer-box .evt-view img {
            padding: 10px;
            max-height: 90vh; } }
  .evt-reg-section .evt-success-pop {
    display: none;
    position: fixed;
    top: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    height: 100%;
    z-index: 2; }
    .evt-reg-section .evt-success-pop .evt-success-box {
      background-color: #fff;
      padding: 20px;
      width: 25%;
      margin: 0 auto;
      position: relative;
      top: 40%;
      border-radius: 10px; }
      @media (max-width: 1140px) {
        .evt-reg-section .evt-success-pop .evt-success-box {
          width: 35%; } }
      @media (max-width: 1024px) {
        .evt-reg-section .evt-success-pop .evt-success-box {
          width: 55%; } }
      @media (max-width: 600px) {
        .evt-reg-section .evt-success-pop .evt-success-box {
          width: 70%; } }
      @media (max-width: 480px) {
        .evt-reg-section .evt-success-pop .evt-success-box {
          width: 90%;
          padding: 20px 10px; } }
      .evt-reg-section .evt-success-pop .evt-success-box h4 {
        font-size: 18px;
        color: #444;
        font-weight: bold;
        line-height: 1.5em;
        margin: 5px 0;
        padding-bottom: 10px; }
        .evt-reg-section .evt-success-pop .evt-success-box h4 span img {
          vertical-align: middle;
          height: 22px;
          padding: 0 5px; }
        @media (max-width: 480px) {
          .evt-reg-section .evt-success-pop .evt-success-box h4 {
            font-size: 16px; } }
      .evt-reg-section .evt-success-pop .evt-success-box p {
        padding-bottom: 10px; }
  .evt-reg-section .evt-error-pop {
    display: none;
    position: fixed;
    top: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    height: 100%;
    z-index: 2; }
    .evt-reg-section .evt-error-pop .evt-error-box {
      background-color: #fff;
      padding: 20px;
      width: 25%;
      margin: 0 auto;
      position: relative;
      top: 40%;
      border-radius: 10px; }
      @media (max-width: 1140px) {
        .evt-reg-section .evt-error-pop .evt-error-box {
          width: 35%; } }
      @media (max-width: 1024px) {
        .evt-reg-section .evt-error-pop .evt-error-box {
          width: 55%; } }
      @media (max-width: 600px) {
        .evt-reg-section .evt-error-pop .evt-error-box {
          width: 70%; } }
      @media (max-width: 480px) {
        .evt-reg-section .evt-error-pop .evt-error-box {
          width: 90%;
          padding: 20px 10px; } }
      .evt-reg-section .evt-error-pop .evt-error-box h4 {
        font-size: 18px;
        color: #444;
        font-weight: bold;
        line-height: 1.5em;
        margin: 5px 0;
        padding-bottom: 10px; }
        .evt-reg-section .evt-error-pop .evt-error-box h4 span img {
          vertical-align: middle;
          height: 22px;
          padding: 0 5px; }
        @media (max-width: 480px) {
          .evt-reg-section .evt-error-pop .evt-error-box h4 {
            font-size: 16px; } }
      .evt-reg-section .evt-error-pop .evt-error-box p {
        padding-bottom: 10px; }
  .evt-reg-section .form-evt-control::placeholder {
    color: #888;
    font-size: 15px; }
  .evt-reg-section .form-evt-control::-webkit-input-placeholder {
    color: #888;
    font-size: 15px; }
  .evt-reg-section .form-evt-control::-moz-input-placeholder {
    color: #888;
    font-size: 15px; }
  .evt-reg-section .form-evt-control::-ms-input-placeholder {
    color: #888;
    font-size: 15px; }
  .evt-reg-section .form-evt-control::-o-input-placeholder {
    color: #888;
    font-size: 15px; }

.modal {
  display: none;
  background-color: rgba(0, 0, 0, 0.5);
  height: 100vh;
  position: fixed;
  z-index: 201;
  width: 100%;
  top: 0; }

.modal-content {
  position: absolute;
  text-align: center;
  background-color: #fefefe;
  margin: auto;
  padding: 10px 25px 10px;
  width: 285px;
  border-radius: 5px;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  z-index: 202;
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.3); }
  .modal-content i {
    font-size: 30px;
    color: #fd6d17;
    padding: 15px 0 10px;
    display: block; }
  .modal-content p {
    color: #888;
    padding: 0 0 15px;
    width: 100%;
    font-size: 13px; }

.fortune-container {
  background: url(../images/spinner-bg.jpg) no-repeat center center;
  background-size: cover; }
  .fortune-container .pc-title {
    display: inline-block; }
    @media (max-width: 480px) {
      .fortune-container .pc-title {
        display: none; } }
  .fortune-container .mobi-title {
    display: none; }
    @media (max-width: 480px) {
      .fortune-container .mobi-title {
        display: inline-block; } }

.fw-main-title {
  text-align: center;
  margin-bottom: 3%; }
  @media (max-width: 1600px) {
    .fw-main-title {
      margin-bottom: 2%; } }
  .fw-main-title img {
    width: 90%; }
  .fw-main-title p {
    background-image: -webkit-linear-gradient(#00d0ff, #00d0ff);
    -webkit-background-clip: text;
    /* -webkit-text-fill-color: transparent; */
    color: #fff5ea;
    position: relative;
    font-size: 37px;
    line-height: 37px;
    text-shadow: 1px 0px 6px #00d0ff;
    /*background: linear-gradient(to top, #f7b142 0%, #fcbc4f 49%, #f9e291 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-shadow: 1px 1px 13px #ff2300;
      
        color: #fff;*/
        /*font-size: 72px;
        
        position: relative;

        */
    /*&:after {
        background: none;
        content: attr(data-text);
        left: 0;
        position: absolute;
        text-shadow: 6px 6px 9px rgba(0, 0, 0, 0.33);
        top: 0;
        z-index: -1;
    }*/ }

.recharge-data {
  margin: 0 auto;
  border-radius: 5px;
  border: 0.5px solid #ffffff;
  padding: 5px 10px;
  width: 60%;
  background: #cb0000;
  background: -moz-linear-gradient(left, #cb0000 0%, #4e0000 99%);
  background: -webkit-linear-gradient(left, #cb0000 0%, #4e0000 99%);
  background: linear-gradient(to right, #cb0000 0%, #4e0000 99%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb0000', endColorstr='#4e0000',GradientType=1 ); }
  @media (max-width: 1024px) {
    .recharge-data {
      text-align: center;
      padding: 10px;
      margin: 0 auto;
      width: 35%; } }
  @media (max-width: 425px) {
    .recharge-data {
      padding: 5px;
      width: 60%;
      margin-bottom: 20px; } }
  @media (max-width: 375px) {
    .recharge-data {
      width: 70%; } }
  .recharge-data label {
    display: block;
    color: #ffffff;
    line-height: 25px;
    font-size: 17px;
    font-weight: normal; }
    @media (max-width: 1280px) {
      .recharge-data label {
        line-height: 25px;
        font-size: 15px; } }

#wcanvas {
  background: url(../images/wheel.png) no-repeat center center;
  width: 100%;
  background-size: cover; }

.pointer {
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  z-index: 1;
  width: 14%; }
  @media (max-width: 1366px) {
    .pointer {
      height: 40px; } }
  @media (max-width: 1280px) {
    .pointer {
      top: -9px;
      height: 30px; } }

.rou-center, .rou-center2 {
  height: 145px; }

.rou-center2 {
  display: none; }
  @media (max-width: 1280px) {
    .rou-center2 {
      height: 125px; } }

@media (max-width: 1280px) {
  .rou-center {
    height: 125px; } }

.pointer-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  z-index: 1;
  cursor: pointer; }
  .pointer-center > div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 1;
    width: 80%;
    text-align: center; }
    .pointer-center > div p {
      color: #351400;
      font-weight: bold;
      font-size: 20px;
      font-style: italic;
      margin-bottom: 5px; }
      @media (max-width: 1280px) {
        .pointer-center > div p {
          font-size: 16px; } }
    .pointer-center > div label {
      display: block;
      color: #680000;
      font-size: 12px;
      cursor: pointer; }
      @media (max-width: 1280px) {
        .pointer-center > div label {
          font-size: 11px; } }

.spin-disabled {
  cursor: not-allowed !important; }
  .spin-disabled .rou-center2 {
    filter: grayscale(100%);
    clip-path: circle(40%);
    position: absolute;
    display: block !important; }
  .spin-disabled .middle-lbl p {
    color: #351400 !important; }
  .spin-disabled .middle-lbl .p-limit {
    margin-top: 10%;
    font-size: 16px; }
    @media (max-width: 1280px) {
      .spin-disabled .middle-lbl .p-limit {
        font-size: 13px; } }
  .spin-disabled .middle-lbl label {
    cursor: not-allowed !important; }

.winner-box {
  position: relative;
  width: 90%;
  margin: 0 auto;
  /*background-color: rgba(0, 13, 36, 0.8);
  padding: 13px;
  border-radius: 5px;
  -moz-box-shadow: 0 0 5px rgba(90, 218, 255, 0.54), rgba(255, 255, 255, 0.77) 0px 0px 2px inset;
  -webkit-box-shadow: 0 0 5px rgba(90, 218, 255, 0.54), rgba(255, 255, 255, 0.77) 0px 0px 2px inset;
  box-shadow: 0 0 5px rgba(90, 218, 255, 0.54), rgba(255, 255, 255, 0.77) 0px 0px 2px inset;*/ }
  @media (max-width: 1024px) {
    .winner-box {
      width: 50%;
      margin: 0 auto; } }
  @media (max-width: 768px) {
    .winner-box {
      width: 85%;
      margin: 0 auto; } }
  @media (max-width: 425px) {
    .winner-box {
      width: 95%;
      margin-top: 40px; } }
  .winner-box label.winner-title {
    background: url(../images/tbl-title.png) no-repeat;
    background-size: 100%;
    font-size: 25px;
    padding: 4px 37px;
    vertical-align: middle;
    display: inline-block;
    color: #58320d;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 20px; }
    @media (max-width: 1024px) {
      .winner-box label.winner-title {
        padding: 10px 20px;
        top: 10px;
        width: 40%;
        height: 60px; } }
    @media (max-width: 768px) {
      .winner-box label.winner-title {
        padding: 13px 20px; } }
    @media (max-width: 425px) {
      .winner-box label.winner-title {
        font-size: 20px;
        padding: 10px 17px;
        top: 10px;
        width: 60%;
        height: 45px; } }
    @media (max-width: 375px) {
      .winner-box label.winner-title {
        font-size: 18px;
        padding: 7px 17px;
        width: 55%; } }
    @media (max-width: 320px) {
      .winner-box label.winner-title {
        font-size: 17px;
        padding: 6px 17px; } }
    .winner-box label.winner-title span {
      background: #fff;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      letter-spacing: 4px; }

.winner-list {
  background: #260000;
  background: -moz-linear-gradient(-45deg, #260000 0%, #720600 100%);
  background: -webkit-linear-gradient(-45deg, #260000 0%, #720600 100%);
  background: linear-gradient(135deg, #260000 0%, #720600 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#260000', endColorstr='#720600',GradientType=1 );
  min-height: 470px;
  border: 2px solid #e4d08e;
  border-radius: 20px;
  text-align: center;
  box-shadow: 3px 2px 8px rgba(0, 0, 0, 0.7);
    /*&::-webkit-scrollbar {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 0px;
        background-color: transparent;
        width: 3px;
    }

    &::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: #00a6ff;
    }

    &::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 0px;
        background-color: transparent;
        width: 3px;
    }*/ }
  .winner-list ul {
    padding: 0;
    text-align: center;
    overflow-y: scroll;
    max-height: 400px; }
    .winner-list ul li {
      color: #fff;
      font-size: 12px;
      line-height: 30px;
      /*@media (max-width: 1280px) {
          font-size: 13px;
      }*/ }

.event-cont {
  position: relative; }
  .event-cont .event-desc {
    margin-bottom: 6%; }
    .event-cont .event-desc p {
      line-height: 25px;
      color: #ffd200;
      display: inline-block;
      font-size: 14px;
      width: 39%; }
    .event-cont .event-desc h3 {
      color: #ffffff;
      font-weight: normal;
      font-size: 1.4em;
      letter-spacing: 1px;
      text-shadow: 0px 2px 2px #000;
      margin-bottom: 10px; }
    .event-cont .event-desc ol li {
      color: #fff;
      font-size: 18px;
      line-height: 30px;
      letter-spacing: 1px;
      text-shadow: 0px 3px 3px #000; }
      @media (max-width: 1600px) {
        .event-cont .event-desc ol li {
          font-size: 15px; } }
      @media (max-width: 1280px) {
        .event-cont .event-desc ol li {
          font-size: 13px; } }

.wheel-table {
  width: 50%;
  margin: 25px 0;
  border: 1px solid #fff !important;
  /*border-radius: 10px 10px 0 0;*/
  color: #fff !important;
  text-shadow: 3px 2px #000;
  font-weight: bold;
  letter-spacing: 2px;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); }
  .wheel-table > thead > tr > th {
    text-shadow: 3px 2px #000;
    font-weight: bold;
    background-color: #5c117e !important;
    border: 1px solid #fff;
    text-align: left !important;
    text-indent: 10px;
    padding: 5px 10px; }
  .wheel-table > tbody > tr > td {
    color: #fff !important;
    border: 1px solid #fff;
    text-align: left !important;
    text-indent: 10px;
    padding: 5px 10px; }
  .wheel-table > tbody > tr:nth-child(odd) {
    background-color: #32226d; }
  .wheel-table > tbody > tr:nth-child(even) {
    background-color: rgba(0, 3, 36, 0.3); }

.historyPopup {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  z-index: 2;
  width: 90%; }

.search-history {
  width: 70%;
  margin: 0 auto;
  background-color: #0f0f0f;
  position: relative;
  font-size: 0;
  border-radius: 10px;
  border: 2px solid #d3b172; }
  @media (max-width: 1440px) {
    .search-history {
      width: 80%; } }
  .search-history label {
    font-size: 20px;
    width: 30%;
    display: inline-block;
    margin-bottom: 0 !important;
    padding-left: 15px;
    color: #eed688; }
  .search-history input {
    color: #ffffff;
    font-size: 20px;
    padding-left: 2%;
    padding-right: 10%;
    height: 45px;
    width: 70%;
    display: inline-block;
    background-color: #0f0f0f;
    /* border-left: 2px solid #740000 !important; */
    border: none;
    border-radius: 1px 10px 10px 0px !important; }
  .search-history i {
    position: absolute;
    right: 3%;
    top: 10px;
    color: #fff;
    font-size: 25px; }
  .search-history .close-history {
    top: -40px;
    cursor: pointer;
    right: -65px;
    background-color: #020204;
    padding: 7px;
    border-radius: 50%;
    font-size: 16px;
    border: 2px solid #dfd4ac;
    color: #dcb176; }

.win-history {
  width: 100%;
  margin: 25px auto;
  min-height: 200px;
  height: auto;
  background: #0f0f0f;
  border-radius: 20px;
  border: 2px solid #eed688;
  /*box-shadow: 3px 4px 8px rgb(0 0 0);*/ }
  @media (max-width: 1440px) {
    .win-history {
      width: 100%; } }
  .win-history .fw-search-table {
    width: 100%;
    margin: 0 auto;
    border: none;
    color: #fff !important;
    font-weight: bold;
    letter-spacing: 2px;
    border-radius: 17px 17px 0 0;
    border-collapse: collapse;
    overflow: hidden;
    table-layout: fixed; }
    .win-history .fw-search-table > thead > tr > th {
      font-weight: bold;
      background-color: #070707 !important;
      border-bottom: 1px solid #eed688;
      padding: 10px 10px;
      font-size: 20px;
      color: #eed688; }
    .win-history .fw-search-table > tbody > tr > td {
      font-weight: normal;
      padding: 10px 10px;
      font-size: 15px;
      color: #fff;
      text-align: center;
      padding: 10px 10px;
      vertical-align: middle; }
      .win-history .fw-search-table > tbody > tr > td span {
        color: #fff; }
    .win-history .fw-search-table > tbody > tr {
      background-color: none !important; }
      .win-history .fw-search-table > tbody > tr:last-child > td:first-child {
        border-radius: 0 0 0 17px !important; }
      .win-history .fw-search-table > tbody > tr:last-child > td:last-child {
        border-radius: 0 0 17px 0 !important; }

.fw-search-table > tbody > tr:nth-child(odd) {
  background-color: none !important; }

.fw-search-table > tbody > tr:nth-child(even) {
  background-color: none !important; }

.win-record {
  text-align: center;
  margin-top: 5%; }
  .win-record .winner-btn {
    display: inline-block;
    outline: none;
    font-family: inherit;
    font-size: 25px;
    font-weight: bold;
    box-sizing: border-box;
    border: none;
    border-radius: .3em;
    height: 50px;
    width: 90%;
    background-color: transparent;
    border: 1px solid #e4d08e;
    color: #ff141c;
    cursor: pointer;
    transition: all .2s ease-in-out;
    background-size: 100% 100%;
    background-position: center;
    box-shadow: 3px 2px 8px rgba(0, 0, 0, 0.7);
    background: #e5ce00;
    background: -moz-linear-gradient(left, #e5ce00 0%, #e29100 99%);
    background: -webkit-linear-gradient(left, #e5ce00 0%, #e29100 99%);
    background: linear-gradient(to right, #e5ce00 0%, #e29100 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5ce00', endColorstr='#e29100',GradientType=1 ); }
    .win-record .winner-btn span {
      background: linear-gradient(to top, #8d0000 0%, #e31e1e 40%, #c12a2a 80%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }

.search-history input::-webkit-input-placeholder {
  color: #ffffff;
  font-size: 20px;
  font-weight: bold; }
  @media (max-width: 1024px) {
    .search-history input::-webkit-input-placeholder {
      font-weight: bold; } }

.search-history input::-moz-input-placeholder {
  color: #ffffff;
  font-size: 20px;
  font-weight: bold; }
  @media (max-width: 1024px) {
    .search-history input::-moz-input-placeholder {
      font-weight: bold; } }

.search-history input::-ms-input-placeholder {
  color: #ffffff;
  font-size: 20px;
  font-weight: bold; }
  @media (max-width: 1024px) {
    .search-history input::-ms-input-placeholder {
      font-weight: bold; } }

.search-history input::-o-input-placeholder {
  color: #ffffff;
  font-size: 20px;
  font-weight: bold; }
  @media (max-width: 1024px) {
    .search-history input::-o-input-placeholder {
      font-weight: bold; } }

/* ============== Insufficient Popup ===========*/
.fw-ins-bal {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  z-index: 2;
  width: 115%;
  text-align: center; }
  .fw-ins-bal label {
    background: url(../images/insufficient-bg-center.png);
    background-size: contain;
    padding: 18px 15px;
    font-size: 25px;
    position: relative;
    display: inline;
    color: #f9e594;
    font-weight: normal;
    -webkit-box-shadow: -2px 5px 8px 2px #000000;
    -moz-box-shadow: -2px 5px 8px 2px #000000;
    box-shadow: -2px 5px 8px 2px #000000; }
    .fw-ins-bal label:before {
      content: '';
      position: absolute;
      width: 25px;
      height: 100%;
      background: url(../images/insufficient-bg-left.png) no-repeat;
      background-size: contain;
      top: 0;
      left: -20px; }
    .fw-ins-bal label:after {
      content: '';
      background: url(../images/insufficient-bg-right.png) no-repeat;
      background-size: contain;
      top: 0;
      position: absolute;
      width: 26px;
      height: 100%;
      right: -20px; }

.fw-win-item label {
  background: url(../images/winitem.png);
  background-size: contain;
  text-shadow: 1px -3px 4px #ff0000, 3px 1px 3px #ff0000, -2px 1px 11px #000000;
  color: #ffd100; }
  .fw-win-item label:before {
    content: '';
    position: absolute;
    width: 25px;
    height: 100%;
    background: url(../images/winitem-left.png) no-repeat !important;
    background-size: contain !important;
    top: 0;
    left: -12px; }
  .fw-win-item label:after {
    content: '';
    background: url(../images/winitem-right.png) no-repeat !important;
    background-size: contain !important;
    top: 0;
    position: absolute;
    width: 26px;
    height: 100%; }

.win-history tbody {
  height: 200px;
  overflow-y: auto;
  width: 100%;
  display: block;
  margin: 9px 0; }
  .win-history tbody th {
    float: left; }
  .win-history tbody td {
    float: left; }
.win-history thead, .win-history tr, .win-history td, .win-history th {
  display: block; }

.fixed-right {
  right: 1% !important;
  left: unset !important; }

.spinfix {
  text-align: center;
  position: fixed;
  z-index: 12;
  top: 47%;
  left: 1%;
  right: unset; }
  .spinfix a {
    font-size: 0;
    display: block; }
  .spinfix p {
    font-size: 15px;
    display: inline-block;
    text-align: center;
    color: #ffffff;
    background-color: #0e0a0a;
    border-radius: 50%;
    box-shadow: 0px 1px 10px #3a0607;
    border: 1px solid #eaad41;
    height: 25px;
    width: 25px;
    line-height: inherit;
    position: absolute;
    right: 30px;
    cursor: pointer;
    z-index: 2; }
  @media only screen and (max-width: 1600px) {
    .spinfix {
      top: 55%;
      width: 12%; }
      .spinfix img {
        width: 100%; }
      .spinfix p {
        right: 7%; } }
  @media only screen and (max-width: 1280px) {
    .spinfix {
      top: 60%; } }
  @media only screen and (max-width: 1024px) {
    .spinfix {
      top: 31%;
      width: 18%; } }
  @media only screen and (max-width: 768px) {
    .spinfix {
      width: 23%; } }
  @media only screen and (max-width: 425px) {
    .spinfix {
      top: 21%;
      width: 30%; }
      .spinfix p {
        right: 40%;
        bottom: -27%; } }
  @media only screen and (max-width: 375px) {
    .spinfix p {
      right: 38%; } }
  @media only screen and (max-width: 320px) {
    .spinfix {
      top: 21%;
      width: 39%; }
      .spinfix p {
        bottom: -20%;
        right: 41%;
        font-size: 13px;
        padding-top: 2px;
        height: 20px;
        width: 20px; } }

.win-history tbody::-webkit-scrollbar {
  width: 6px;
  background-color: rgba(255, 255, 255, 0) !important;
  border-bottom-right-radius: 10px; }

.win-history tbody::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: rgba(177, 177, 177, 0);
  border-radius: 10px;
  border: none; }

.win-history tbody::-webkit-scrollbar-thumb {
  background-color: #690305;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

@font-face {
  font-family: 'YouSheBiaoTiHei';
  src: url("../fonts/YouSheBiaoTiHei.eot");
  src: url("../fonts/YouSheBiaoTiHei.eot") format("embedded-opentype"), url("../fonts/YouSheBiaoTiHei.ttf") format("truetype"), url("../fonts/YouSheBiaoTiHei.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'FZRYSS';
  src: url("../fonts/FZRYSS.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
.red-font {
  /*color: #ff1414 !important;*/
  background-color: #060200;
  color: transparent;
  text-shadow: -1px 1px 4px #ff1b10;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  background-clip: text; }

.custom-font {
  font-family: 'YouSheBiaoTiHei';
  font-weight: normal; }

.custom-font-2 {
  font-family: 'FZRYSS';
  font-weight: normal; }

.custom-shadow {
  text-shadow: 0px 0px 0 #ff4700, 0px 0px 18px #ff4700, 0px 0px 0 #ff4700, 0px 0px 12px #ff4700, 1px 1px 0 #ff4700;
  background-color: #565656;
  color: transparent;
  /* text-shadow: 0px 0px 13px #ff300e; */
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text; }

.spinner-left-title {
  margin-bottom: 10px; }
  .spinner-left-title h1 {
    margin: 0;
    font-size: 70px;
    line-height: 75px;
    text-shadow: 0px -4px 0px #3b3b3b;
    /*-webkit-text-stroke: 0.5px #ffa800;*/ }
  .spinner-left-title h2 {
    margin: 0;
    font-size: 35px;
    line-height: 35px;
    letter-spacing: 3px;
    text-shadow: 0px -4px 0px #3b3b3b;
    /*-webkit-text-stroke: 0.5px #ffa800;*/ }

.left-txt-bg {
  background: url(../images/bg-repeat-center.png);
  background-size: contain;
  padding: 18px 5px 18px 14px;
  position: relative;
  margin-bottom: 15px;
  width: 90%;
  box-shadow: 4px 4px 9px rgba(0, 0, 0, 0.7); }
  .left-txt-bg:before {
    content: '';
    position: absolute;
    width: 25px;
    height: 100%;
    background: url(../images/bg-repeat-left.png) no-repeat;
    background-size: contain;
    top: 0;
    left: -22px; }
  .left-txt-bg:after {
    content: '';
    background: url(../images/bg-repeat-right.png) no-repeat;
    background-size: contain;
    top: 0;
    position: absolute;
    width: 26px;
    height: 100%;
    right: -25px; }
  .left-txt-bg p {
    font-family: 'YouSheBiaoTiHei';
    font-weight: normal;
    color: #430d0d;
    font-size: 27px; }
    .left-txt-bg p span {
      font-size: 50px;
      line-height: 40px; }
    .left-txt-bg p .brown-font {
      background-color: #060200;
      color: transparent;
      text-shadow: -1px 1px 3px #541700;
      -webkit-background-clip: text;
      -moz-background-clip: text;
      background-clip: text;
      background-clip: text; }

.spinner-outer {
  background: url(../images/spinner-outer-bg.png) no-repeat;
  background-size: 100%;
  background-position: 47px 30px; }
  @media (max-width: 1600px) {
    .spinner-outer {
      background-position: 47px 30px; } }

.spinner-tbl-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  z-index: 2;
  width: 100%; }

.spinner-input {
  position: relative;
  border: 2px solid;
  border-image-source: linear-gradient(90deg, #fbf2bb, #603813, #fbf2bb);
  border-image-slice: 1;
  width: 80%;
  margin: 0 auto 15px; }
  .spinner-input label {
    position: absolute;
    top: 11px;
    font-size: 16px;
    left: 10px;
    color: #fbf2bb; }
  .spinner-input img {
    position: absolute;
    right: 10px;
    height: 20px;
    top: 9px; }
  .spinner-input input {
    background-color: #010102 !important;
    height: 45px !important;
    padding-left: 70px;
    line-height: 45px;
    color: #fff;
    font-size: 18px;
    border-radius: 0 !important;
    -webkit-box-shadow: 0px 7px 5px 0px #000000;
    -moz-box-shadow: 0px 7px 5px 0px #000000;
    box-shadow: 0px 7px 5px 0px #000000; }

.spinner-input input::-webkit-input-placeholder {
  color: #fff;
  font-size: 18px; }

.spinner-input input::-moz-input-placeholder {
  color: #fff;
  font-size: 18px; }

.spinner-input input::-ms-input-placeholder {
  color: #fff;
  font-size: 18px; }

.spinner-input input::-o-input-placeholder {
  color: #fff;
  font-size: 18px; }

.modal-blockUI {
  display: none;
  background-color: rgba(0, 0, 0, 0.5);
  height: 100vh;
  position: fixed;
  z-index: 1;
  width: 100%;
  top: 0; }

.ggsf-pop {
  display: none;
  position: fixed;
  z-index: 210;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); }
  .ggsf-pop .ggsf-container {
    display: block;
    position: absolute;
    text-align: center;
    width: 60%;
    margin: 0 auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 0;
    border: 2px solid #5677c3; }
    @media (max-width: 1600px) {
      .ggsf-pop .ggsf-container {
        width: 70%; } }
    @media (max-width: 1440px) {
      .ggsf-pop .ggsf-container {
        width: 80%; } }
    .ggsf-pop .ggsf-container .sf-close {
      position: absolute;
      right: 2%;
      top: 5%;
      display: inline-block;
      width: 10%; }
      @media (max-width: 480px) {
        .ggsf-pop .ggsf-container .sf-close {
          position: absolute;
          right: unset;
          left: 50%;
          transform: translate(-50%, -50%);
          top: 70%;
          display: inline-block;
          width: 22%; } }
      .ggsf-pop .ggsf-container .sf-close img {
        width: 100%;
        display: inline-block; }
    .ggsf-pop .ggsf-container p {
      font-size: 40px;
      line-height: 1em;
      display: block;
      position: absolute;
      top: 80%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      color: #fff; }
      @media (max-width: 480px) {
        .ggsf-pop .ggsf-container p {
          font-size: 15px;
          top: 62%; } }
      .ggsf-pop .ggsf-container p i {
        font-size: 20px;
        padding-left: 5px;
        font-style: normal; }
        @media (max-width: 480px) {
          .ggsf-pop .ggsf-container p i {
            font-size: 10px; } }
      .ggsf-pop .ggsf-container p span {
        font-size: 50px;
        vertical-align: text-top;
        font-style: normal; }
        @media (max-width: 480px) {
          .ggsf-pop .ggsf-container p span {
            font-size: 25px; } }
    .ggsf-pop .ggsf-container a {
      display: inline-block; }
    .ggsf-pop .ggsf-container img {
      width: 100%; }

.sf-head-box {
  display: inline-block;
  position: relative; }
  .sf-head-box .sf-head-text {
    display: inline-block;
    position: absolute;
    right: 23px;
    top: 3px; }
    .sf-head-box .sf-head-text span {
      color: #f9c40c; }

/*# sourceMappingURL=newMC.css.map */