@charset "utf-8";

/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');

body {
    font-family: "Lato", sans-serif;
    line-height: 1.6;
    font-size: 15px;
    margin: 0 auto;
    color: #191919;
    max-width: 1920px;
}

a {
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

a:hover,
a:focus {
    text-decoration: none;
}

img {
    max-width: 100%;
}

h1 {
    font-size: 28px;
    font-weight: 700;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="number"],
textarea,
select {
    color: #666;
    width: 100%;
}

.t-body {
    padding-top: 166px;
}


/*** Casino **/

.banner-casino {
    background: url(../images/casino/bg-casino.jpg);
    background-position: top center;
    height: 342px;
}

.casino-sec {
    padding: 30px 0;
    text-align: center;
}

.mx16 {
    max-width: 1600px;
    margin: auto;
}

.game-box {
    position: relative;
    overflow: hidden;
}

.game-box img {
    display: block;
    width: 100%;
    height: auto;
    transition: 0.2s linear;
}

.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: rgba(0, 0, 0, 0.6);
}

.game-box:hover img {
    transform: scale(1.05);
    transition: 0.2s linear;
}

.game-box:hover .overlay {
    opacity: 1;
    transition: .5s ease;
}

.play {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}


/*** Slots **/

.banner-slots {
    background: url(../images/slots/bg-slots.jpg);
    background-position: top center;
    height: 342px;
}

.slots-sec {
    padding: 30px 0;
    text-align: center;
}


/*** Sports **/

.banner-sports {
    background: url(../images/sport/bg-sports.jpg);
    background-position: top center;
    height: 342px;
}

.sports-sec {
    padding: 30px 0;
    text-align: center;
}

.game-box img.mobile-918 {
    display: none;
}


/* ESPORT */

.banner-esports {
    background: url(../images/esport/bg-esports.jpg);
    background-position: top center;
    height: 342px;
}


/*** Fishing **/

.banner-fish {
    background: url(../images/fish/bg-fish.jpg);
    background-position: top center;
    height: 342px;
}


/* table */

.banner-table {
    background: url(../images/table/tablegame.jpg);
    background-position: top center;
    height: 342px;
}


/*** Promotions **/

.promo-bnr {
    cursor: pointer;
}

.promo-sec {
    padding: 30px 0;
}

.card-promo {
    margin-bottom: 20px;
}

.mix {
    display: none;
}

.filter-wrap {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
}

.filter-menu {
    grid-column: 1/2;
}

.filter-menu a {
    text-transform: uppercase;
    background: #e8e8e8;
    font-size: 16px;
    margin-bottom: 1px;
    display: block;
    padding: 7px 5px 7px 20px;
    color: #000;
}

.filter-menu a:hover,
.filter-menu a:focus,
.filter-menu a.active {
    background: #1f1f1f;
    color: #ffab12;
}

.promo-wrapper {
    grid-column: 2/9;
    max-width: 1220px;
    margin: 0 20px;
}

.card-body.promo {
    font-size: 12px;
    background: black;
    color: white;
}

.card-body.promo ul {
    padding-left: 20px;
}

.card-body.promo h5 {
    color: #ff7200;
    text-transform: uppercase;
    font-size: 16px;
}

.promo-inContent {
    color: #ff7200;
    font-size: 23px;
}

.promo-inContent span {
    color: #000;
}

.promo-inContent table tr td {
    color: #000;
    font-size: 12px;
}

.Table {
    font-size: 12px;
}

.Table tr td:first-child {}

.Table tr td {
    border: 1px solid #000;
}

.promo-inContent ol li {
    font-size: 12px;
}


/*** Home **/

.mobile-slider {
    display: none;
}

.feature-sec {
    padding-bottom: 15px;
}

.tab-bar {
    background: #1f1f1f;
}

.gametab-wrapper {
    background: #1f1f1f;
    overflow: hidden;
    height: 63px;
}

.gametab-wrapper ul.nav {
    max-width: 1600px;
    margin: auto;
}

.gametab-wrapper ul.nav li.nav-item a {
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
    text-align: center;
    transition: 0.2s linear;
    padding: 5px 0px;
}

.gametab-wrapper ul.nav li.nav-item {
    text-align: center;
    margin: auto;
    width: 8.2%;
}

.gametab-wrapper ul.nav li.nav-item a:hover {
    background: linear-gradient(to right, rgba(249, 124, 0, 1) 0%, rgba(255, 186, 0, 1) 8%, rgba(255, 186, 0, 1) 92%, rgba(249, 124, 0, 1) 99%);
    transform: scale(1.07);
    transition: 0.2s linear;
}

div#myTabContent {
    padding: 15px 0;
}

.gametab-wrapper ul.nav li.nav-item a.active {
    background: linear-gradient(to right, rgba(249, 124, 0, 1) 0%, rgba(255, 186, 0, 1) 8%, rgba(255, 186, 0, 1) 92%, rgba(249, 124, 0, 1) 99%);
}

a#most-tab::before {
    content: '';
    background: url("../images/home-game/mostplay.png")no-repeat;
    width: 60px;
    height: 38px;
    display: block;
    margin: auto;
}

a#casino-tab::before {
    content: '';
    background: url("../images/home-game/live-casino.png")no-repeat;
    width: 60px;
    height: 38px;
    display: block;
    margin: auto;
}

a#table-tab::before {
    content: '';
    background: url("../images/home-game/table-game.png")no-repeat;
    width: 60px;
    height: 38px;
    display: block;
    margin: auto;
}

a#slot-tab::before {
    content: '';
    background: url("../images/home-game/slots.png")no-repeat;
    width: 60px;
    height: 38px;
    display: block;
    margin: auto;
}

a#jackpot-tab::before {
    content: '';
    background: url("../images/home-game/jackpot.png")no-repeat;
    width: 60px;
    height: 38px;
    display: block;
    margin: auto;
}

a#baccarat-tab::before {
    content: '';
    background: url("../images/home-game/baccarat.png")no-repeat;
    width: 60px;
    height: 38px;
    display: block;
    margin: auto;
}

a#roulette-tab::before {
    content: '';
    background: url("../images/home-game/roulette.png")no-repeat;
    width: 60px;
    height: 38px;
    display: block;
    margin: auto;
}

a#sic-tab::before {
    content: '';
    background: url("../images/home-game/sic-bo.png")no-repeat;
    width: 60px;
    height: 38px;
    display: block;
    margin: auto;
}

a#blackjack-tab::before {
    content: '';
    background: url("../images/home-game/blackjack.png")no-repeat;
    width: 60px;
    height: 38px;
    display: block;
    margin: auto;
}

a#poker-tab::before {
    content: '';
    background: url("../images/home-game/poker.png")no-repeat;
    width: 60px;
    height: 38px;
    display: block;
    margin: auto;
}

a#dragon-tab::before {
    content: '';
    background: url("../images/home-game/dragon-tiger.png")no-repeat;
    width: 60px;
    height: 38px;
    display: block;
    margin: auto;
}

a#video-tab::before {
    content: '';
    background: url("../images/home-game/video-poker.png")no-repeat;
    width: 60px;
    height: 38px;
    display: block;
    margin: auto;
}

.sign-btn {
    display: inline-block;
    color: #fff;
    background: linear-gradient(to right, rgba(249, 124, 0, 1) 0%, rgba(255, 186, 0, 1) 8%, rgba(255, 186, 0, 1) 92%, rgba(249, 124, 0, 1) 99%);
    width: 230px;
    margin: auto;
    padding: 5px 10px;
    border-radius: 45px;
    font-size: 17px;
    border: 1px solid #b50a0a;
}

.sign-btn:hover {
    filter: brightness(1.1);
    color: #fff;
    box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.16);
}

.step-sec {
    background: #f8f6f6;
}

.step-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 0 25px;
}

.step-box {
    position: relative;
    height: 167px;
    padding-top: 15px;
    max-width: 350px;
}

.step-box::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    border-color: transparent;
    border-style: solid;
}

.step-box::before {
    border-width: 60px;
    border-right-color: #ffb900;
    border-top-color: transparent;
    border-bottom: transparent;
}

.step-img {
    float: left;
    padding: 10px 15px;
}

.step-info {
    text-align: right;
}

.step-info h4 {
    font-size: 28px;
    font-weight: 900;
    color: #ff7200;
    margin-bottom: 0;
}

.step-info span {
    color: #707070;
    font-size: 21px;
    line-height: 1;
}

.step-num {
    font-size: 28px;
    font-weight: 900;
    position: absolute;
    right: 8px;
    bottom: 0;
}

.step-num span {
    color: #fff;
    margin-left: 25px;
}

.highlight-sec {
    padding: 30px 0;
}

.highlight-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    max-width: 1480px;
    margin: auto;
    color: #535353;
    background: url('../images/line-btm.png')no-repeat;
    background-position: bottom center;
    padding-bottom: 30px;
}

.gs-title {
    font-size: 18px;
    color: #dab867;
    display: block;
    margin-bottom: 5px;
    text-align: left;
}

.sbox {
    color: #535353;
    font-size: 18px;
    text-align: center;
    position: relative;
    min-height: 250px;
    min-width: 280px;
    padding: 0 20px;
}

.sport-caption {
    line-height: 1.2;
}

.wel-bonus {
    color: #ff7200;
    font-size: 96px;
    font-weight: 900;
    line-height: 0.9;
}

.wel-bonus span {
    display: block;
    color: #ffa200;
    font-size: 36px;
    font-weight: 900;
    line-height: 1;
    margin-bottom: 8px;
}

.welcome-caption {
    max-width: 340px;
    margin: auto;
    line-height: 1.2;
}

.servicebox {
    position: relative;
    color: #535353;
    font-size: 15px;
    padding: 0 20px;
    min-width: 280px;
}

.lvlbar-title {
    max-width: 400px;
}

.dw-title {
    font-size: 18px;
    float: left;
}

span.avr {
    display: block;
    font-size: 15px;
    line-height: 0.7;
}

.dw-time {
    font-size: 32px;
    text-align: right;
}

.dw-time span {
    font-size: 14px;
}

.deposit-bar {
    background: #707070;
    height: 8px;
    border-radius: 8px;
    width: 100%;
    max-width: 400px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.deposit-bar .level {
    background: #ffb900;
    width: 20%;
    height: 8px;
    border-radius: 8px;
}

.withdraw-bar {
    background: #707070;
    height: 8px;
    border-radius: 8px;
    width: 100%;
    max-width: 400px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.withdraw-bar .level {
    background: #ffa200;
    width: 50%;
    height: 8px;
    border-radius: 8px;
}

.avr-caption {
    font-size: 14px;
    line-height: 1.2;
    max-width: 450px;
    padding-top: 5px;
}

.bdf-1 {
    background: url('../images/line-vertical.png')no-repeat;
    background-position: right center;
    padding-right: 10px;
}

.bdfb:after {
    content: url('../images/line-middle.png');
    display: block;
    padding-top: 10px;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
}

.bdfb-1:after {
    content: url('../images/line-horiz.png');
    display: block;
    padding-top: 10px;
    position: absolute;
    bottom: 0;
    right: 0;
}

.bdfb-2:after {
    content: url('../images/line-horiz.png');
    display: block;
    padding-top: 10px;
    position: absolute;
    bottom: 0;
}

.prod-adv {
    position: relative;
    padding: 10px 20px;
}

.slidebox h4 {
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 0;
}

.slide_viewer {
    min-height: 180px;
    overflow: hidden;
    position: relative;
}

.slide_group {
    height: 100%;
    position: relative;
    width: 100%;
}

.slidebox {
    display: none;
    height: 100%;
    position: absolute;
    width: 100%;
    line-height: 1;
}

.slidebox:first-child {
    display: block;
}

.slide_buttons {
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
}

a.slide_btn {
    color: #c1c1c1 !important;
    font-size: 30px;
    margin: 0 0.175em;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.slide_btn.active,
.slide_btn:hover {
    color: #dab867 !important;
    cursor: pointer;
}

.info-center {
    padding: 10px 20px;
}

.info-center a {
    color: #535353;
    display: block;
    margin-bottom: 18px;
    font-size: 18px;
}

.info-center a:hover {
    color: #dab867;
}

.member-service {
    padding: 10px 20px;
    height: 250px;
}

.service-wrapper {
    display: grid;
    grid-template-columns: 60px 240px;
    grid-gap: 15px 0;
    padding: 10px 5px;
}

.cs-icon {
    color: 535353;
}

.cs-icon i {
    font-size: 30px;
}

.cs-box {
    font-size: 18px;
    color: #ff7200;
    line-height: 1.1;
    text-transform: uppercase;
}

.cs-box a {
    font-size: 15px;
    color: #535353;
    display: block;
    text-transform: none;
}

.cs-box a:hover {
    color: #dab867;
}


/*** Registration **/

.register-sec {
    background: #f9f9f9;
}

.reg-container {
    background: #fff;
    width: 100%;
    padding: 35px 15px;
    margin: 45px 0;
    box-shadow: 0px 2px 60px -50px rgba(0, 0, 0, 0.60);
}

.page-title {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}

.page-title span {
    flex: 0 1 auto;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    white-space: nowrap;
}

.page-title:after,
.page-title:before {
    flex: 0 1 100%;
    height: 1px;
    background: #cacaca;
    content: "";
    display: block;
}

.form-field {
    display: block;
    padding: 10px;
    border: 1px solid #cacaca;
    border-radius: 5px;
    height: 53px;
}

.red-mi {
    color: #FF0004;
}

.field {
    float: left;
    padding: 7px;
    font-weight: 800;
    font-size: 17px;
    line-height: 1;
    width: 20%;
    vertical-align: middle;
    color: #292929;
}

.value {
    float: left;
    padding: 3px;
    width: 75%;
}

.form-field .value input {
    border: none;
}

.form-field .value input:focus {
    outline: 0;
}

.value.vercode {
    width: 60%;
}

.vcode {
    float: left;
    padding: 3px;
    width: 16%;
}

.vcode img {
    max-width: 110px;
}


/*** Info Page **/

.common-page-sec {
    background-color: #fff;
}

.page-container {
    background: rgba(255, 255, 255, 0.87);
    width: 100%;
    padding: 35px 15px;
    margin: 45px 0;
    box-shadow: 0px 2px 60px -50px rgba(0, 0, 0, 0.60);
}

.card.tnc {
    overflow: auto;
}

.card-header.tnc {
    border: none;
    padding: 0;
}

.card-header.tnc a {
    color: #fff;
}

.card-body.tnc {
    line-height: 1.4;
}

.tnc-link {
    background: linear-gradient(to right, rgba(255, 0, 0, 1) 0%, rgba(255, 186, 0, 1) 27%, rgba(255, 186, 0, 1) 75%, rgba(255, 0, 0, 1) 100%);
    padding: 12px 15px;
    display: block;
}

.tnc-link.collapsed {
    background: #1f1f1f;
}

.contact-grid-wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    font-size: 15px;
    text-align: center;
    grid-gap: 10px 0;
    max-width: 650px;
    margin: auto;
    margin-bottom: 30px;
}

.cbox-1 {
    align-self: center;
    grid-column: 1/2;
    padding: 8px 5px;
    height: 38px;
    font-weight: 600;
    background: linear-gradient(to right, rgba(249, 124, 0, 1) 0%, rgba(255, 186, 0, 1) 8%, rgba(255, 186, 0, 1) 92%, rgba(249, 124, 0, 1) 99%);
    color: #ffffff;
}

.cbox-2 {
    align-self: center;
    grid-column: 2/4;
    padding: 8px 5px;
    height: 38px;
    background: #fff;
    color: #000;
    font-weight: 600;
    transition: all 0.3s;
}

.cbox-2:hover {
    background: #1f1f1f;
    color: #fff;
    transition: all 0.3s;
}


/*** 4D Lottery **/

.lottery-sec {
    background: #f9f9f9;
    padding: 45px 0;
}

.mobile-4d {
    display: none;
}

.mx-4d {
    background: #333333;
    padding: 15px;
    max-width: 1030px;
    margin: auto;
}

.lottery-box {
    position: relative;
}

.lottery-button-wrapper {
    max-width: 270px;
    position: absolute;
    right: 10px;
    bottom: 17px;
}

.lot-btn-1 {
    background: #fdbc84;
    color: #fff;
    display: inline-block;
    padding: 11px 30px;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 5px;
    width: 250px;
    margin-bottom: 5px;
}

.lot-btn-1:hover {
    filter: brightness(1.1);
    color: #fff;
}

.lot-btn-2 {
    background: linear-gradient(to right, rgba(255, 0, 0, 1) 0%, rgba(255, 186, 0, 1) 27%, rgba(255, 186, 0, 1) 75%, rgba(255, 0, 0, 1) 100%);
    color: #fff;
    display: inline-block;
    padding: 11px 30px;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 5px;
    width: 250px;
    margin-bottom: 5px;
}

.lot-btn-2:hover {
    filter: brightness(1.1);
    color: #fff;
}

.lottery-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
    max-width: 1000px;
    margin: auto;
}

.draw-date {
    background: #1c1c1c;
    text-align: center;
    border-radius: 5px;
    overflow: auto;
    height: 342px;
}

.date-dr {
    background: #ce0701;
    color: #fff;
    text-align: center;
    margin: auto;
    font-family: 'Arial';
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 25px;
    padding: 10px 5px;
}

.date-calendar {
    margin-bottom: 15px;
}

.lott-box {
    background: #fff;
    padding: 8px;
    border-radius: 5px;
    height: 342px;
}

.lott-title-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    background: #fff;
    height: 35px;
    margin-bottom: 5px;
}

.lott-title-box {
    grid-column: 1/3;
    padding: 3px;
}

.lott-type {
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    font-family: 'Arial';
    display: block;
    line-height: 13px;
}

.cal-date {
    font-size: 12px;
    font-family: 'Arial';
    line-height: 10px;
    display: block;
    margin-top: 7px;
    font-weight: 700;
}

.lott-logo {
    text-align: right;
    padding: 3px;
}

.lott-logo img {
    max-height: 29px;
}

tr.lot-place-title {
    background: #3f3f3f;
    color: #fff;
    text-align: center;
    font-size: 12px;
}

tr.lot-place-num {
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
}

tr.special-title {
    background: #3f3f3f;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
}

tr.special-title td {
    padding: 5px 0 3px 0;
}

tr.special-num {
    text-align: center;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
}

tr.special-num td {
    border: 2px solid #7c7a7b;
}

td.empty-num {
    background: #7c7a7b;
}

table.lot-table {
    margin-bottom: 6px;
}

.magnum {
    background: #ffea00;
}

.toto {
    background: #fe0000;
    color: #fff;
}

.damacai {
    background: #000080;
    color: #fff;
}

.sg4d {
    background: #074b8a;
    color: #fff;
}

.sabah {
    background: #03d0c9;
}

.sandakan {
    background: #f7c100;
}

.bigsweep {
    background: #008001;
    color: #fff;
}


/** Mobile **/

.separate-line {
    border-top: 1px solid #dd0023;
    width: 90%;
    margin: 0 auto;
}

h3.suite-title {
    font-size: 18px;
    font-weight: 600;
    color: #ff7200;
    margin-bottom: 0;
}

.bdd {
    border-bottom: 1px solid #a2a2a2;
}

.white-box {
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.15);
}

.qrbox img {
    max-width: 190px;
    box-shadow: 0 0 1px #dd0023;
    width: 100%;
}

.qrbox a:hover img {
    box-shadow: 0 0 14px -6px rgba(0, 0, 0, 0.30);
}

.text-dl {
    margin: 8px 0;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    color: #212121;
}

.suite-type {
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    color: #1f1f1f;
}

.cta-box {
    margin: auto;
}

.red-btn {
    background: linear-gradient(to right, rgba(249, 124, 0, 1) 0%, rgba(255, 186, 0, 1) 8%, rgba(255, 186, 0, 1) 92%, rgba(249, 124, 0, 1) 99%);
    padding: 4px 10px;
    color: #FFFFFF;
    display: inline-block;
    text-align: center;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    margin: 0 2px;
}

.red-btn:hover {
    filter: brightness(1.2);
    color: #fff;
}

.dark-btn {
    background: #404040;
    padding: 4px 10px;
    color: #FFFFFF;
    display: inline-block;
    text-align: center;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    margin: 0 2px;
}

.dark-btn:hover {
    filter: brightness(1.2);
    color: #fff;
}

.dl-m {
    display: none;
}


/*** Login Popup Window***/

body.login-body {
    max-width: 800px;
    margin: auto;
}

.login-body .t-header {
    position: initial;
}

.login-body .t-body {
    padding-top: 0;
}

.userbox-2 {
    color: #fff;
    text-align: right;
    padding: 18px 0px;
}

.account-sec {
    background: #fdbc84;
}

.account-sec .nav-tabs {
    border-bottom: none;
    margin-top: 10px;
}

.account-sec .nav-item {
    width: 20%;
    margin-right: 10px;
}

.account-sec .nav-link {
    border: none;
    background: #1f1f1f;
    border-radius: 0;
    height: 58px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

.account-sec .nav-tabs .nav-item.show .nav-link,
.account-sec .nav-tabs .nav-link.active {
    background: linear-gradient(to right, rgba(255, 0, 0, 1) 0%, rgba(255, 186, 0, 1) 27%, rgba(255, 186, 0, 1) 75%, rgba(255, 0, 0, 1) 100%);
    border: none;
    color: #fff;
}

.account-sec .nav-link img {
    max-width: 100%;
    height: 25px;
}

.account-title {
    padding: 10px 0;
    border-bottom: 1px solid #D1D1D1;
    width: 100%;
}

.account-title h2 {
    margin-bottom: 0;
    font-size: 26px;
    font-weight: 600;
    text-transform: uppercase;
}

.account-select-menu a {
    background: #fdbc84;
    color: #fff;
    padding: 8px 5px;
    font-weight: 600;
    margin-right: -3px;
    width: 33.33%;
    text-align: center;
    display: inline-block;
    transition: all 0.3s;
}

.account-select-menu a:hover,
.account-select-menu a.active {
    background: linear-gradient(to right, rgba(255, 0, 0, 1) 0%, rgba(255, 186, 0, 1) 27%, rgba(255, 186, 0, 1) 75%, rgba(255, 0, 0, 1) 100%);
    color: #fff;
    transition: all 0.3s;
}

.sub-select-menu {
    background: #fdbc84;
    width: 100%;
}

.sub-select-menu a {
    color: #fff;
    padding: 8px 20px;
    font-weight: 600;
    margin-right: -3px;
    text-align: center;
    display: inline-block;
    transition: all 0.3s;
}

.sub-select-menu a:hover,
.sub-select-menu a.active {
    color: #fff;
    transition: all 0.3s;
    background: linear-gradient(to right, rgba(255, 0, 0, 1) 0%, rgba(255, 186, 0, 1) 27%, rgba(255, 186, 0, 1) 75%, rgba(255, 0, 0, 1) 100%);
}

.account-content {
    margin-top: 17px;
    line-height: 1.2;
}

.acc-sec {
    padding-bottom: 30px;
}

.table-deposit tr th {
    border: 1px solid #dd0023;
    background: linear-gradient(to right, rgba(255, 0, 0, 1) 0%, rgba(255, 186, 0, 1) 27%, rgba(255, 186, 0, 1) 75%, rgba(255, 0, 0, 1) 100%);
    color: #fff;
    padding: 5px;
    text-align: center;
}

.table-deposit tr td {
    border: 1px solid #166138;
    padding: 6px 15px;
    text-align: center;
}

.table-deposit tbody tr:nth-of-type(odd) {
    background-color: #F7F7F7;
}

.transfer-td {
    vertical-align: middle;
    padding: 6px 0px 6px 6px;
    font-size: 14px;
}

.select-arrow3 {
    margin-right: 10px;
    width: 31%;
}

.select-arrow2 {
    width: 31%;
}

.transfer-table {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.transfer-submit {
    border-bottom: 1px solid #D1D1D1;
    padding-bottom: 40px;
}

.trans-title {
    color: #5a5a5a;
    font-weight: 600;
    margin: 15px 0;
}

.trans-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px 10px;
}

.trans-prod {
    background: #f9f9f9;
    border: 1px solid #c3c3c3;
    border-radius: 5px;
    height: 65px;
    font-size: 15px;
    position: relative;
}

.allin-btn {
    color: #ff7200;
    border: 1px solid #dd0023;
    border-radius: 5px;
    background: #fff;
    text-transform: uppercase;
    padding: 3px 5px;
    display: inline-block;
    width: 70px;
    font-size: 14px;
    text-align: center;
    margin-top: 5px;
    margin-right: 2px;
}

.allin-btn:hover,
.allin-btn:focus {
    background: linear-gradient(to right, rgba(255, 0, 0, 1) 0%, rgba(255, 186, 0, 1) 27%, rgba(255, 186, 0, 1) 75%, rgba(255, 0, 0, 1) 100%);
    color: #fff;
}

.unit-ts {
    display: block;
    font-size: 13px;
}

.ts-amount {
    font-size: 16px;
}

.prods {
    display: block;
}

.ts1 {
    position: absolute;
    left: 8px;
    top: 5px;
}

.ts2 {
    position: absolute;
    right: 9px;
    top: 18px;
    line-height: 1;
    color: #ff7200;
}

.depo-field {
    float: left;
    width: 170px;
    margin-top: 18px;
}

ul.trans-nav {
    display: inline-block;
}

.trans-nav .nav-link {
    border: 1px solid #bbb;
    border-radius: 6px;
    width: 90px;
    padding: 0px;
    margin-bottom: 2px;
}

.trans-nav li.nav-item {
    display: inline-block;
    text-align: center;
    margin-right: 10px;
    font-size: 13px;
    color: #484848;
}

.trans-nav a.nav-link img {
    filter: grayscale(2);
}

.trans-nav .nav-link.active {
    border: 1px solid #f00;
    background: url(../images/tick-red.png)no-repeat;
    background-position: right bottom;
    transition: none;
}

.trans-nav .nav-link.active .trans-nav li.nav-item {
    color: #ff7200;
}

.trans-nav a.nav-link.active img {
    filter: grayscale(0);
}

.tab-content.transfer-content {
    margin-top: 15px;
}

.bank-input-wrap {
    margin-left: 170px;
}


/* HIDE RADIO */

.bank-input-wrap label [type=radio] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}


/* IMAGE STYLES */

.bank-input-wrap label [type=radio]+img {
    cursor: pointer;
}


/* CHECKED STYLES */

.bank-input-wrap label [type=radio]:checked+img {
    border: 1px solid #dd0023;
    background: url(../images/tick-red.png)no-repeat;
    background-position: right bottom;
    transition: none;
}

.bank-input-wrap label img {
    border: 1px solid #bbb;
    border-radius: 6px;
}

.bank-input-wrap label {
    margin-right: 8px;
}

.bank-type {
    display: block;
    text-align: center;
    font-size: 12px;
    margin-top: 3px;
    color: #484848;
}

.dep-amount-field {
    display: inline-block;
    margin-top: 8px;
}

.depo-number-wrapper {
    margin-left: 170px;
    margin-top: 10px;
}

input.depo-amount {
    padding: 7px 10px;
    height: 40px;
    width: 300px;
    border-radius: 6px;
    border: 1px solid #a2a2a2;
    background: #fff;
    color: #000;
}

input.depo-amount:focus {
    outline: none;
}

.depo-number-wrapper label [type=radio] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.depo-num {
    background: #EBEBEB;
    height: 40px;
    width: 70px;
    padding: 10px 5px;
    border-radius: 6px;
    border: 1px solid #a2a2a2;
    text-align: center;
    cursor: pointer;
    margin-right: 8px;
}

.depo-number-wrapper label [type=radio]:checked+.depo-num {
    border: 1px solid #dd0023;
}

.depo-submit {
    margin-left: 170px;
    margin-top: 20px;
}

.bank-account-wrapper {
    margin-top: 14px;
    display: inline-block;
}

.act-name {
    background: linear-gradient(to right, rgba(255, 0, 0, 1) 0%, rgba(255, 186, 0, 1) 27%, rgba(255, 186, 0, 1) 75%, rgba(255, 0, 0, 1) 100%);
    color: #fff;
    height: 33px;
    padding: 7px 13px;
    text-transform: uppercase;
    border-radius: 4px;
    margin-bottom: 5px;
}

.act-number {
    background: linear-gradient(to right, rgba(255, 0, 0, 1) 0%, rgba(255, 186, 0, 1) 27%, rgba(255, 186, 0, 1) 75%, rgba(255, 0, 0, 1) 100%);
    color: #fff;
    height: 33px;
    padding: 7px 13px;
    text-transform: uppercase;
    border-radius: 4px;
    display: inline-block;
}

.copys {
    font-size: 17px;
    vertical-align: top;
    margin-left: 15px;
    cursor: pointer;
}

.copys:hover {
    color: #000;
}

.depo-field-1 {
    float: left;
    margin-top: 10px;
    width: 170px;
}

.dep-amount-field-1 {
    display: block;
    margin-top: 8px;
}

.dep-grid {
    margin-top: 10px;
}

select.channel-select {
    padding: 7px 10px;
    height: 40px;
    width: 300px;
    border-radius: 6px;
    border: 1px solid #a2a2a2;
    background: #fff;
    color: #000;
}

.bank-table-box {
    overflow: auto;
    margin-bottom: 25px;
}

.bank-table tr td {
    border: 1px solid #b10000;
    padding: 5px 10px;
}

.tb-red {
    background: linear-gradient(to right, rgba(255, 0, 0, 1) 0%, rgba(255, 186, 0, 1) 27%, rgba(255, 186, 0, 1) 75%, rgba(255, 0, 0, 1) 100%);
    color: #fff;
}


/**** After login ****/

.account-sec {
    background: #f9f9f9;
    padding: 20px 0 30px;
}

.account-sec .container {
    background: #fff;
    box-shadow: 0px 2px 60px -50px rgba(0, 0, 0, 0.60);
}

.account-menu {
    padding: 15px 15px;
}

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

.account-menu ul li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: inline-block;
}

.account-menu ul li a {
    background: #1f1f1f;
    color: #fff;
    font-size: 16px;
    display: inline-block;
    text-align: center;
    padding: 5px 10px;
    font-weight: 600;
    width: 115px;
    margin: 0 3px;
}

.account-menu ul li.active a,
.account-menu ul li a:hover {
    background: linear-gradient(to right, rgba(255, 0, 0, 1) 0%, rgba(255, 186, 0, 1) 27%, rgba(255, 186, 0, 1) 75%, rgba(255, 0, 0, 1) 100%);
    color: #ffffff;
}

.title-bar {
    background: #e4e4e4;
    padding: 5px 20px;
    font-size: 16px;
    font-weight: 600;
    color: #404040;
}

.btmline {
    border-bottom: 2px solid #e4e4e4;
}

.info-detail-wrapper {
    padding: 15px 15px;
    max-width: 550px;
    margin: auto;
}

.info-form-wrapper {
    display: grid;
    grid-template-columns: 136px auto;
    grid-gap: 18px 11px;
}

.info-form-wrapper-1 {
    display: grid;
    grid-template-columns: 136px auto;
    grid-gap: 18px 11px;
}

.info-detail-wrapper h5,
.info-form-wrapper-1 h5 {
    font-size: 16px;
    color: #ff7200;
    font-weight: 600;
}

input.reg-input {
    border-radius: 3px;
    border: 1px solid #9e9e9e;
    padding: 2px 10px;
}

select.reg-input {
    border-radius: 3px;
    border: 1px solid #9e9e9e;
    padding: 4px 10px;
}

.btn-submit-info {
    color: #fff;
    background: linear-gradient(to right, rgba(255, 0, 0, 1) 0%, rgba(255, 186, 0, 1) 27%, rgba(255, 186, 0, 1) 75%, rgba(255, 0, 0, 1) 100%);
    border: none;
    padding: 5px 30px;
    font-weight: 700;
    font-size: 14px;
    border-radius: 6px;
    margin: 0 3px;
    transition: all 0.3s;
    text-align: center;
    text-transform: uppercase;
}

.btn-submit-info:hover,
.btn-submit-info:focus {
    color: #fff;
    background: #404040;
}

.redmi {
    color: #ff7200;
}

.info-field {
    color: #757575;
    align-self: center;
}

span.select-arrow3 {
    margin-right: 5px;
}

select.dob-select {
    height: 30px;
    padding: 0 13px;
    border-radius: 3px;
}

div#tranxTable {
    padding: 20px 25px;
    overflow: auto;
}

.table-amount {
    padding: 15px;
    overflow: auto;
}

.af_walletTable tr td {
    border: 1px solid #166138;
    text-align: center;
    line-height: 1.4;
    padding: 3px;
}

.af_walletTable p {
    margin: 0;
}

.af_color1 {
    font-weight: 600;
    color: #404040;
}

form.history-form {
    max-width: 700px;
    margin: auto;
    margin-bottom: 20px;
}

.history-form-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px 0;
    margin-bottom: 10px;
}

.his-info div {
    display: inline-block;
    width: 90px;
}

select.history-input {
    display: inline-block;
    max-width: 184px;
    padding: 5px 5px;
    border-radius: 4px;
}

.table-transfer {
    max-width: 430px;
    margin: auto;
}

.table-transfer tr th {
    border: 1px solid #dd0023;
    background: linear-gradient(to right, rgba(255, 0, 0, 1) 0%, rgba(255, 186, 0, 1) 27%, rgba(255, 186, 0, 1) 75%, rgba(255, 0, 0, 1) 100%);
    color: #fff;
    padding: 5px;
    text-align: center;
}

.table-transfer tr td {
    border: 1px solid #dd0023;
    padding: 4px 15px;
    text-align: center;
}

.table-transfer tbody tr:nth-of-type(odd) {
    background-color: #F7F7F7;
}

select.trans-input {
    display: inline-block;
    max-width: 184px;
    padding: 5px 5px;
    border-radius: 4px;
}

input.trans-input {
    display: inline-block;
    max-width: 184px;
    padding: 3px 5px;
    border-radius: 4px;
    border: 1px solid #a9a9a9;
}

.steped {
    line-height: 1.2;
    font-size: 14px;
    margin-bottom: 10px;
}

input[type=date].depo-input {
    border: 1px solid #aaa;
    max-width: 122px;
    height: 28px;
    padding: 0 5px;
}

.mobile-account-menu {
    padding: 15px 15px;
    display: none;
}

select.account-menu-drop {
    padding: 10px;
    font-size: 16px;
    background: linear-gradient(to right, rgba(255, 0, 0, 1) 0%, rgba(255, 186, 0, 1) 27%, rgba(255, 186, 0, 1) 75%, rgba(255, 0, 0, 1) 100%);
    color: #fff;
    border: 1px solid #fff;
}

select.account-menu-drop option {
    background: #fff;
    color: #000;
}



/* INBOX */

.history_table table {
    width: 100%;
    color: #000;
    text-align: center;
}

.history_table table tr:first-child {
    background-color: rgba(129, 157, 187, 0.15);
}

.history_table table tr td {
    padding: 15px 0;
    border-bottom: 1px solid #d0d0d0;
}

.history_table table tr td i {
    font-size: 20px;
}

.history_table table tr th {
    padding: 8px;
}

.history_to {
    color: #000;
    display: flex;
    align-items: center;
}

.form-control.date_custom {
    padding: 0 10px;
}

.inbox_msg_text {
    color: #cd9c41;
    cursor: pointer;
}


/* VOUCHER */

.voucher-wrapper {
    display: grid;
    grid-template-columns: 20% 50% 30%;
    margin: 0 auto;
    padding: 20px;
    max-width: 700px;
}


/* BLOG */

.blog-wrapper {
    max-width: 1000px;
    margin: 0 auto;
    background: #ececec;
    padding: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.blog-title-box {
    background: #fff;
    padding: 5px;
}

.blog-title-box i {
    font-size: 28px;
    color: #ff7200;
    margin-left: 10px;
    margin-right: 10px;
}

.blog-boxer {
    display: grid;
    grid-template-columns: 40% 60%;
    cursor: pointer;
    transition: all 0.5s;
    position: relative;
    max-width: 100%;
    height: auto;
    align-content: center;
    margin: 25px 0;
    grid-gap: 10px;
}

.blog-content-page {
    margin-bottom: 10px;
}

.blog-boxer img {
    width: 100%;
}

.blog-boxer h4 {
    color: #ff7200;
    font-weight: 600;
    font-size: 26px;
}

.blog-time-title {
    color: #166138;
}

.blog-time-title p {
    color: #ffa200;
}

.blog-time-title p i {
    margin-right: 10px;
    color: #ffa200;
}

.blog-content {
    color: #000;
    margin-bottom: 15px;
    max-height: 95px;
    overflow: auto;
}

.blog-boxer .moreinfo_btn {
    display: flex;
    align-items: center;
    width: 22%;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 15px;
}

.blog-boxer .moreinfo_btn:hover {
    color: #000;
}

.blog-boxer_inner {
    display: grid;
    padding-bottom: 10px;
}

.blog-boxer .moreinfo_btn i {
    background: #fff;
    color: #ff7200;
    border-radius: 50%;
    margin-left: 10px;
    width: 15px;
    height: 15px;
    padding: 2px;
    padding-left: 5px;
}

.seperate-line {
    height: 5px;
    width: 80%;
    margin: 0 auto;
    background: #fff;
    border-radius: 10px;
}

.moreinfo_btn {
    background: linear-gradient(to right, rgba(249, 124, 0, 1) 0%, rgba(255, 186, 0, 1) 8%, rgba(255, 186, 0, 1) 92%, rgba(249, 124, 0, 1) 99%);
    color: #fff;
    font-weight: 800;
    text-transform: uppercase;
    border: none;
    border-radius: 4px;
    width: 100px;
    height: 30px;
    font-size: 13px;
    border: 1px solid #b50a0a;
}


/* VIP CONTENT */


/** Info Centre **/

.info-sec {
    margin: 20px 0;
}

.info-sec .container-fluid {
    max-width: 900px;
}

.inforow {
    background: #f2f2f2;
}

.title-info {
    text-align: center;
    background: linear-gradient(to right, rgba(255, 0, 0, 1) 0%, rgba(255, 186, 0, 1) 27%, rgba(255, 186, 0, 1) 75%, rgba(255, 0, 0, 1) 100%);
    color: #fff;
    font-weight: 700;
    padding: 8px;
    font-size: 17px;
}

.info-menu-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 15px;
    border-bottom: 1px solid #d3d3d3;
}

.info_item {
    display: block;
    color: #8d8d8d;
    text-align: center;
    font-size: 17px;
    padding: 15px 0;
}

.info_item img {
    filter: grayscale(1);
    margin-bottom: 15px;
}

.info_item:hover,
.info_item.active {
    color: #166138;
}

.info_item:hover img,
.info_item.active img {
    /* filter: none; */
}

.faq-card,
.tnc-card {
    border-bottom: 1px solid #d3d3d3;
}

button.btn-tnc {
    background: #e1e1e1;
    color: #616161;
    font-size: 16px;
    border: none;
    font-weight: 600;
    display: block;
    width: 100%;
    text-align: left;
    padding: 15px 15px;
    position: relative;
}

button.btn-tnc.collapsed {
    background: none;
}

.tnc-body {
    padding: 20px 15px;
    color: #8d8d8d;
}

button.btn-tnc::after {
    content: '>';
    font-size: 16px;
    line-height: 1;
    position: absolute;
    right: 17px;
    top: 17px;
    transform: rotate(270deg);
    transition: all 0.3s;
}

button.btn-tnc.collapsed::after {
    content: '>';
    transform: rotate(90deg);
    transition: all 0.3s;
}

.copyright-info {
    padding: 15px 15px;
    text-align: right;
    font-size: 12px;
    color: #8d8d8d;
}

.termcaps {
    color: #7e8c8d;
    font-size: 16px;
    margin: 10px 15px;
}

@media (max-width:768px) {
    .blog-boxer {
        display: block;
    }

    .blog-boxer .moreinfo_btn {
        width: 50%;
        margin: 0 auto;
    }

    .history_table {
        padding: 5px;
    }

    .history_table table tr td {
        font-size: 11px;
    }
}

.sport-footer .carousel-item img {
    width: 100%;
}

.kiss918-sec {
    background: url(../images/918-bg.jpg)no-repeat center;
    height: 851px;
    display: flex;
    align-items: center;
}

.kiss918-sec .container-fluid {
    max-width: 1600px;
    margin: 0 auto;
}

.wrapper-title {
    color: #ff7200;
    text-align: center;
    font-weight: 600;
}

.kiss-wrapper {
    background: #ffffff75;
    padding: 30px;
    border-radius: 20px;
    box-shadow: 2px 2px 6px #00000070;
}

.download-kiss-box {
    width: 45%;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
}

.btn-918-download {
    padding: 5px;
    background: linear-gradient(to right, rgba(255, 0, 0, 1) 0%, rgba(255, 186, 0, 1) 27%, rgba(255, 186, 0, 1) 75%, rgba(255, 0, 0, 1) 100%);
    border-radius: 10px;
    border: none;
    color: #fff;
    margin: 15px auto;
}

.border-left-black {
    border-left: 1px solid #000;
}

.kiss-box {
    min-height: 260px;
    align-items: center;
}

.download-kiss-box h5 {
    text-transform: uppercase;
    font-size: 10px;
    margin-bottom: 0;
    font-weight: 700;
}

.qr-kiss {
    margin-top: 10px;
}

.qr-kiss img {
    max-width: 60px;
}


/****************Quick credit pop up***********************/

.qct-form {
    display: flex;
    width: 100%;
    padding: 30px 10px;
    font-size: 18px;
}

.qct-1 {
    width: 50%;
    text-align: center;
}

.qct-2 {
    width: 50%;
    text-align: center;
}

.qct-1 input {
    display: block;
    margin: 0px auto;
}

.qct-2 input {
    display: block;
    margin: 0px auto;
}

input.input-in {
    border-radius: 30px;
    border: none;
    width: 90%;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
}

.qct-form-2 {
    display: block;
    font-size: 18px;
}

.qct-3 {
    text-align: center;
}

.qct-3 .input-in2 {
    width: 90%;
    border-radius: 30px;
    border: none;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
}

.btn-tra {
    border-radius: 30px;
    padding: 5px 40px;
    margin-top: 35px;
    top: -10px;
    position: relative;
    background: rgba(50, 161, 216, 1);
    background: -moz-linear-gradient(top, rgba(50, 161, 216, 1) 0%, rgba(18, 86, 135, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(50, 161, 216, 1)), color-stop(100%, rgba(18, 86, 135, 1)));
    background: -webkit-linear-gradient(top, rgba(50, 161, 216, 1) 0%, rgba(18, 86, 135, 1) 100%);
    background: -o-linear-gradient(top, rgba(50, 161, 216, 1) 0%, rgba(18, 86, 135, 1) 100%);
    background: -ms-linear-gradient(top, rgba(50, 161, 216, 1) 0%, rgba(18, 86, 135, 1) 100%);
    background: linear-gradient(to bottom, rgba(50, 161, 216, 1) 0%, rgba(18, 86, 135, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#32a1d8', endColorstr='#125687', GradientType=0);
}

.btn-tra2 {
    border-radius: 30px;
    padding: 5px 40px;
    margin-top: 35px;
    background: #ffe895;
    color: #000;
    margin-left: 5px;
    border: 1px solid #ffe895;
    top: -10px;
    position: relative;
}

.btn-tra2:hover {
    background: #000000;
    color: #fff;
}

.btn-tra:hover {
    opacity: 0.7;
}

.srl_menu {
    height: 100%;
    z-index: 10;
}

.prl_menu {
    margin-top: 450px;
    height: 100%;
}

.list_menu {
    list-style: none;
    margin: 0;
}

.list_menu2 {
    list-style: none;
    padding: 0;
    margin: 0px;
}

.list_menu h2 {
    color: #f5f5f5;
    padding: 12px 0 0 20px;
    height: 32px;
    font-size: 19px;
}

.list_menu li {
    padding: 7px 0 7px 0px;
}

.button {
    border: none;
    outline: none;
    padding: 0;
    cursor: pointer;
}

.sbutton {
    background: none
}

.pbutton {
    background-color: #3498db;
    border-bottom: solid 1px #2980b9;
}

.slide_left_open,
.slide_left_close,
.slide_right_open,
.slide_right_close,
.slide_top_open,
.slide_top_close,
.push_left_open,
.push_left_close,
.body_close,
.body_open_left,
.body_open_right,
.push_right_open,
.push_right_close {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media only screen and (max-width:480px) {
    #slide_top>nav a {
        padding: 20px 0 25px 0;
    }
}

#slide_left2.slide_left_close {
    position: fixed;
    left: -145px;
}

.slide_left_close {
    position: fixed;
    left: -148px;
}

.slide_left_open {
    left: -20px;
}

button#button_left img {}

#slide_left>ul {
    float: left;
    padding: 0px;
    width: 148px;
    background: url(../img/s-left.png)no-repeat;
    height: 222px;
}

#slide_left>ul>h2 {
    border-bottom: solid 1px #c0392b;
}

#slide_left ul li {}

#slide_left ul li:hover {}

#slide_left2>ul {
    float: left;
    padding: 10px;
    width: 145px;
    border-radius: 5px;
    background: rgba(9, 102, 209, 1);
    background: -moz-linear-gradient(-45deg, rgba(9, 102, 209, 1) 0%, rgba(2, 60, 123, 1) 22%, rgba(7, 89, 183, 1) 39%, rgba(0, 108, 224, 1) 53%, rgba(2, 57, 116, 1) 76%, rgba(13, 120, 241, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(9, 102, 209, 1)), color-stop(22%, rgba(2, 60, 123, 1)), color-stop(39%, rgba(7, 89, 183, 1)), color-stop(53%, rgba(0, 108, 224, 1)), color-stop(76%, rgba(2, 57, 116, 1)), color-stop(100%, rgba(13, 120, 241, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(9, 102, 209, 1) 0%, rgba(2, 60, 123, 1) 22%, rgba(7, 89, 183, 1) 39%, rgba(0, 108, 224, 1) 53%, rgba(2, 57, 116, 1) 76%, rgba(13, 120, 241, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(9, 102, 209, 1) 0%, rgba(2, 60, 123, 1) 22%, rgba(7, 89, 183, 1) 39%, rgba(0, 108, 224, 1) 53%, rgba(2, 57, 116, 1) 76%, rgba(13, 120, 241, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(9, 102, 209, 1) 0%, rgba(2, 60, 123, 1) 22%, rgba(7, 89, 183, 1) 39%, rgba(0, 108, 224, 1) 53%, rgba(2, 57, 116, 1) 76%, rgba(13, 120, 241, 1) 100%);
    background: linear-gradient(135deg, rgba(9, 102, 209, 1) 0%, rgba(2, 60, 123, 1) 22%, rgba(7, 89, 183, 1) 39%, rgba(0, 108, 224, 1) 53%, rgba(2, 57, 116, 1) 76%, rgba(13, 120, 241, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0966d1', endColorstr='#0d78f1', GradientType=1);
}

#slide_left2>ul>h2 {
    border-bottom: solid 1px #c0392b;
}

#slide_left2 ul li {
    margin-bottom: 5px;
}

#slide_left2 ul li:hover {}

.slide_right_close {
    position: fixed;
    right: -191px;
    top: 131px;
}

.slide_right_open {}

#slide_right>ul {
    float: right;
    background: #1f1f1f;
    color: #fff;
    width: 190px;
    border: 1px solid #dd0023;
}

#slide_right>ul>h2 {
    border-bottom: solid 1px #c0392b;
}

#slide_right ul {}

#slide_right ul li:hover {}

#slide_top {
    position: absolute;
    width: 100%;
    text-align: center;
}

.slide_top_close {
    top: -236px;
}

.slide_top_open {
    top: -100px;
}

#slide_top>nav {
    padding: 0;
    margin: 0;
    background-color: #f46354;
    height: 100%;
    overflow: hidden;
}

#slide_top>h2 {
    color: #f5f5f5;
    width: 100%;
    padding: 10px 0;
    background-color: #e74c3c;
}

#slide_top>nav a {
    float: left;
    color: #f5f5f5;
    font-weight: 600;
    width: 20%;
    padding: 36px 0;
}

#slide_top>nav a:hover {
    background-color: #f35a4a;
}

.push_right_close {
    position: fixed;
    right: -220px;
}

.push_right_open {
    right: 0px;
}

#push_right>ul {
    float: right;
    background-color: #3498db;
}

#push_right>ul>h2 {
    border-bottom: solid 1px #2980b9;
}

#push_right ul li {
    background-color: #6badda;
}

#push_right ul li:hover {
    background-color: #4fa3dc;
}

.push_left_close {
    position: fixed;
    left: -220px;
}

.push_left_open {
    left: 0px;
}

#push_left>ul {
    float: left;
    background-color: #3498db;
}

#push_left>ul>h2 {
    border-bottom: solid 1px #2980b9;
}

#push_left ul li {
    background-color: #6badda;
}

#push_left ul li:hover {
    background-color: #4fa3dc;
}

.side-bg {
    border-radius: 10px;
    height: 64px;
    padding-top: 13px;
    -webkit-box-shadow: inset 5px 2px 8px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: inset 5px 2px 8px 0px rgba(0, 0, 0, 0.75);
    box-shadow: inset 3px 3px 7px 0px rgba(0, 0, 0, 0.75);
    border: 1px solid #000;
}

.side-bg:hover {
    background: #0073ff;
}

.side-bg h3 {
    font-size: 15px;
    padding-top: 3px;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    text-align: center;
    color: #FFFFFF;
    text-shadow: 1px 1px #000;
}

.side-bg p {
    margin-bottom: 0px;
}

.side-bg-p h3 {
    font-size: 15px;
    margin-left: 65px;
    padding-top: 18px;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
}

.side-bg-p p {
    font-size: 14px;
    margin-left: 65px;
    font-family: 'Lato', sans-serif;
}

#slide_left>ul>li>a {
    cursor: pointer;
}

#slide_left>ul>li>a:hover {}

#holder {
    border: 1px solid #000;
    height: 200px;
    width: 200px;
    position: relative;
    margin: 10px;
}

#mask {
    position: absolute;
    top: -1px;
    left: 1px;
    width: 50%;
    height: 1px;
    background-color: #fff;
}

#slide_left {
    height: 200px;
}

#slide_left:hover {
    left: 0px;
    z-index: 99;
}

#slide_left:after {
    position: fixed;
    left: -158px;
    z-index: 99;
}

#slide_left2 {
    height: 200px;
    margin-top: 315px;
}

#slide_left2:hover {
    left: 0px;
    z-index: 99;
}

#slide_left2:after {
    position: fixed;
    left: -158px;
    z-index: 99;
}

#slide_right {
    height: 129px;
    display: inline-block;
}

#slide_right:hover {
    right: 0px;
    z-index: 99;
}

#slide_right:after {
    position: fixed;
    right: -260px;
    z-index: 99;
}

.rotate-contact {
    position: absolute;
    bottom: -50px;
    left: 0;
    margin-left: -45px;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    background: #000000b5;
    color: #fff;
    border: 1px solid #b50a0a;
    padding: 13px 10px 6px 13px;
    border-radius: 5px 5px 0px 0px;
    border-bottom: none;
    min-width: 135px;
    font-size: 1rem;
    background: linear-gradient(to right, rgba(249, 124, 0, 1) 0%, rgba(255, 186, 0, 1) 8%, rgba(255, 186, 0, 1) 92%, rgba(249, 124, 0, 1) 99%);
}

.tfhour img {
    width: 100px;
}

.side1-bg {
    color: #fff;
}

.btn-chat {
    background: #fff;
    padding: 2px 10px;
    text-align: center;
    display: inline-block;
    margin: 5px 16px;
    border-radius: 5px;
    color: #ec1d03;
}

.btn-wrap-login {
    position: relative;
}

.btn-clogin {
    display: block;
    background: #fff;
    text-align: center;
    color: #ee1d02;
    padding: 2px;
}

.sc-ico {
    width: 11px;
}

.sc-info {
    margin-left: 10px;
    width: 104px;
}

.sc-info p {}

.sc-qr img {
    width: 100%;
    margin: 10px 0px;
    display: inline-block;
}

.side1-bg h4 {
    color: #edec1c;
    margin: 0px;
}

.side1-bg p {
    font-size: 12px;
    color: #fff;
    float: left;
}

.sc-info img {}

img#bsright {}

.centerpartSlot {
    width: 1200px;
    margin: 0 auto 1px auto;
    padding: 0px 0;
}

.slide_left-item img {
    display: block;
    margin: 0px auto;
}

.slide_left-item {}

.slide-Right-top img {
    display: block;
    margin: 0px auto;
    margin-top: 7px;
}

.slide-Right-top p {
    color: #fab100;
    margin: 0px;
    text-align: center;
}

.contact-box {
    display: block;
    padding: 1px 5px;
    text-align: center;
    background: #1f1f1f;
    border: 1px solid #fdbc84;
    margin: 10px;
    padding-top: 8px;
    padding-bottom: 7px;
}

.side-ico .fa {}

.side-info p {
    margin: 0px;
    line-height: 12px;
}

.side-info {
    padding-left: 5px;
    color: #fff;
    border-radius: 5px;
    background: linear-gradient(to right, rgba(255, 0, 0, 1) 0%, rgba(255, 186, 0, 1) 27%, rgba(255, 186, 0, 1) 75%, rgba(255, 0, 0, 1) 100%);
}

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

.btn-join {
    width: 100%;
    display: block;
    text-align: center;
    background: rgba(183, 0, 0, 1);
    background: -moz-linear-gradient(top, rgba(183, 0, 0, 1) 0%, rgba(98, 5, 0, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(183, 0, 0, 1)), color-stop(100%, rgba(98, 5, 0, 1)));
    background: -webkit-linear-gradient(top, rgba(183, 0, 0, 1) 0%, rgba(98, 5, 0, 1) 100%);
    background: -o-linear-gradient(top, rgba(183, 0, 0, 1) 0%, rgba(98, 5, 0, 1) 100%);
    background: -ms-linear-gradient(top, rgba(183, 0, 0, 1) 0%, rgba(98, 5, 0, 1) 100%);
    background: linear-gradient(to bottom, rgba(183, 0, 0, 1) 0%, rgba(98, 5, 0, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#b70000', endColorstr='#620500', GradientType=0);
    border: 1px solid #eed7ae;
    padding: 8px;
    margin-top: 10px;
}

.btn-join:hover {
    background: rgba(98, 5, 0, 1);
    background: -moz-linear-gradient(top, rgba(98, 5, 0, 1) 0%, rgba(183, 0, 0, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(98, 5, 0, 1)), color-stop(100%, rgba(183, 0, 0, 1)));
    background: -webkit-linear-gradient(top, rgba(98, 5, 0, 1) 0%, rgba(183, 0, 0, 1) 100%);
    background: -o-linear-gradient(top, rgba(98, 5, 0, 1) 0%, rgba(183, 0, 0, 1) 100%);
    background: -ms-linear-gradient(top, rgba(98, 5, 0, 1) 0%, rgba(183, 0, 0, 1) 100%);
    background: linear-gradient(to bottom, rgba(98, 5, 0, 1) 0%, rgba(183, 0, 0, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#620500', endColorstr='#b70000', GradientType=0);
    color: #fff;
}

.side-ico i {}

.side-ico p {
    margin: 0px;
    padding: 0px;
    position: relative;
    top: -4px;
    margin-left: 5px;
}

.side-ico {
    justify-content: center;
    display: flex;
}

.kiss-all {
    padding-top: 235px;
    width: 579px;
    display: block;
    margin: auto;
    color: #fff;
}

.kiss-bg2 {
    background: #0c112e url(../images/common/kiss-bg.jpg) top center no-repeat;
    display: inline-block;
    width: 100%;
    height: 755px;
}

.live-frm {
    background: url(../images/common/live-img2.png) top center no-repeat;
    height: 480px;
}

.live-in {
    display: flex;
    padding-top: 55px;
}

.live-l {
    position: relative;
    flex: 0 1 auto;
    width: 705px;
    margin-right: 50px;
    margin-left: 23px;
}

.live-in-btm {
    position: absolute;
    bottom: -7px;
    background: url(../images/common/live-bottom.png) bottom no-repeat;
    width: 100%;
    height: 142px;
    display: block;
}

.live-r {
    width: 432px;
}

.live-date {
    margin-left: 166px;
    margin-top: 60px;
    float: left;
}

.live-btn {
    z-index: 1;
    float: right;
}

.live-date h4 {
    font-weight: bold;
    color: #000;
}

.live-date .th {
    position: relative;
    top: -10px;
    font-size: 12px;
    font-weight: bold;
    margin-right: 5px;
}

.live-date p {
    font-weight: bold;
    color: #000;
}

.live-btn a {
    background: url(../images/common/btn-live.png) no-repeat;
    background-size: 100% 100%;
    padding: 15px 30px;
    color: #fff;
    position: relative;
    top: 77px;
    margin-right: 16px;
    -webkit-filter: drop-shadow(2px 2px 2px #222);
    filter: drop-shadow(2px 2px 2px #222);
}

.live-btn a:hover {
    background: url(../images/common/btn-live-hover.png) no-repeat;
    background-size: 100% 100%;
    padding: 15px 30px;
    text-decoration: none;
}

.you-tab {
    padding-left: 19px;
}

.live-sch h4 {
    background: rgba(255, 229, 101, 1);
    background: -moz-linear-gradient(top, rgba(255, 229, 101, 1) 0%, rgba(231, 167, 77, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 229, 101, 1)), color-stop(100%, rgba(231, 167, 77, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 229, 101, 1) 0%, rgba(231, 167, 77, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 229, 101, 1) 0%, rgba(231, 167, 77, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 229, 101, 1) 0%, rgba(231, 167, 77, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 229, 101, 1) 0%, rgba(231, 167, 77, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffe565', endColorstr='#e7a74d', GradientType=0);
    text-align: center;
    padding: 15px;
    border-radius: 10px 10px 0px 0px;
    margin: 0px;
}

.live-sch {
    border: 1px solid #ffe895;
    border-radius: 10px 10px 0px 0px;
    background: #000000bd;
}

table.live-table tr th {
    background: #ffe895;
    padding: 5px;
    border: 2px solid #26293a;
}

table.live-table tr td {
    padding: 5px;
    border: 2px solid #26293a;
    color: #fff;
}

table.live-table {
    margin: 5px;
    width: 98%;
}

table.live-table .th {
    font-size: 10px;
    position: relative;
    top: -6px;
    margin-right: 3px;
}

.wrapper input[type="text"] {
    position: relative;
}

input {
    font-family: 'FontAwesome', 'Lato', sans-serif;
}

.wrapper:before {
    font-family: 'FontAwesome';
    color: red;
    position: relative;
    left: -10px;
    content: "\f007";
}

.lv-stream {
    padding: 30px 33px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    display: block;
    margin: 0px auto;
    width: 1110px;
}

.top-l {
    background: url(../images/common/lv-l.jpg)no-repeat;
}

.top-r {
    background: url(../images/common/lv-r.jpg)no-repeat;
    width: 313px;
    border-radius: 7px;
}

.top-lv {
    display: flex;
    margin-bottom: 10px;
}

.top-l {
    width: 720px;
    margin-right: 10px;
    height: 153px;
    position: relative;
    border-radius: 7px;
}

.top-l p {
    text-align: center;
    margin-top: 35px;
    font-size: 22px;
}

span.lv-p-y {
    color: #ffe895;
}

.lv-form {
    display: flex;
    position: relative;
    margin: 0px 20px;
}

.lv-form {}

.lv-form p {
    position: absolute;
    margin: 0px;
    padding: 9px 20px;
    font-size: 18px;
}

input.lv-put {
    width: 100%;
    background: #0000007d;
    border: 1px solid #ffe895;
    border-radius: 30px;
    text-align: left;
    padding-left: 330px;
    color: #ffe895;
}

.btn-click {
    border-radius: 30px;
    position: absolute;
    right: 0px;
    padding: 9px 30px;
    background: rgba(255, 229, 101, 1);
    background: -moz-linear-gradient(top, rgba(255, 229, 101, 1) 0%, rgba(231, 167, 77, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 229, 101, 1)), color-stop(100%, rgba(231, 167, 77, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 229, 101, 1) 0%, rgba(231, 167, 77, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 229, 101, 1) 0%, rgba(231, 167, 77, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 229, 101, 1) 0%, rgba(231, 167, 77, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 229, 101, 1) 0%, rgba(231, 167, 77, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffe565', endColorstr='#e7a74d', GradientType=0);
    color: #000;
    font-weight: bold;
}

.btn-click:hover {
    background: rgba(231, 167, 77, 1);
    background: -moz-linear-gradient(top, rgba(231, 167, 77, 1) 0%, rgba(255, 229, 101, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(231, 167, 77, 1)), color-stop(100%, rgba(255, 229, 101, 1)));
    background: -webkit-linear-gradient(top, rgba(231, 167, 77, 1) 0%, rgba(255, 229, 101, 1) 100%);
    background: -o-linear-gradient(top, rgba(231, 167, 77, 1) 0%, rgba(255, 229, 101, 1) 100%);
    background: -ms-linear-gradient(top, rgba(231, 167, 77, 1) 0%, rgba(255, 229, 101, 1) 100%);
    background: linear-gradient(to bottom, rgba(231, 167, 77, 1) 0%, rgba(255, 229, 101, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e7a74d', endColorstr='#ffe565', GradientType=0);
}

.ftcol {
    margin: 15px 0;
}

.ftittle {
    font-size: 12px;
    margin-bottom: 10px;
}

.ft_icon img:hover {
    filter: none;
    opacity: 1;
}

.ft_icon img {
    filter: grayscale(1);
    margin-right: 10px;
    opacity: 0.8;
    cursor: pointer;
    max-width: 95px;
}

.suppt {
    display: flex;
    align-items: center;
    margin-left: 26px;
}

.cnt-b {
    font-size: 34px;
    margin-top: 10px;
}

.cnt-s {
    font-weight: 400;
    line-height: 13px;
    margin-left: 10px;
}

#annoucement button.close {
    color: #fff;
    opacity: 1;
    background: #c08f0d;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: absolute;
    bottom: 2%;
    left: 44%;
}

#annoucement .modal-dialog {
    margin-top: 0;
}

.annouce-title {
    position: absolute;
    right: 17%;
    top: 20%;
}

.annouce-title h4 {
    font-weight: 900;
    font-size: 30px;
    margin-bottom: 0;
}

.annouce-title h5 {
    font-weight: 700;
}

.announce-content {
    background: url(../images/announcement-bg.png) no-repeat center;
    min-height: 480px;
    border: none;
    padding: 15px;
    background-size: 100% 100%;
    position: relative;
    padding-bottom: 40px;
    border-radius: 10px;
}

.announce-content .modal-body {
    background: #ffb900;
    margin-top: 167px;
    border-radius: 10px;
    font-weight: 600;
    padding: 25px;
}

/* LOTTO */
.banner-lotto {
    background: url(../images/lotto/page-lotto.jpg);
    background-position: top center;
    height: 342px;

}

/*Tounament*/
.tour-wrap-all {
    background: url("../images/tournament/bg.jpg") no-repeat center top;
}

.tour-wrap {
    padding-top: 20px;
}

.token {
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
}

button.btn-token {
    border-radius: 15px;
    padding: 9px 0px;
    width: 230px;
    color: #000;
    font-size: 30px;
    font-weight: bold;
    background: linear-gradient(to bottom, #ffff00 0%, #ff9600 100%);
    border: none;
    box-shadow: 0px 4px 4px 0px #959595;
}

.wrap-btn {
    border-radius: 10px;
    padding: 4px;
}

.check-in {
    background: url("../images/common/tournament/line.png")no-repeat center top;
}

.check-iteam ul {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
}

.check-iteam ul li {}

.check-iteam ul li a {
    display: flex;
    flex-direction: column;
}

.check-iteam ul img {
    height: 145px;
    background: #e8e8e8;
    padding: 15px;
    border-radius: 20px 20px 0px 0px;
    border: 1px solid #f3b782;
}

.check-iteam {
    position: relative;
    margin-bottom: 40px;
}

.check-iteam ul li a p {
    color: #585555;
    font-weight: bold;
    text-align: center;
    padding: 10px;
    background: #f3b782;
    color: #000;
    border-radius: 0px 0px 20px 20px;
    border: 1px solid #f3b782;
    margin: 0;
}

.tour-logo img {
    height: 200px;
    margin: 0px auto;
    display: block;
}

.pop-tour {
    position: relative;
}

.pop-tour button {
    text-shadow: none;
    opacity: 1;
}

.btn-reward {
    display: flex;
    justify-content: center;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 0px;
}

.reward-btn {
    padding: 3px;
    border-radius: 8px;
}

button.btn-wrad {
    background: linear-gradient(to bottom, #ffff00 0%, #ff9600 100%);
    color: #000;
    font-size: 30px;
    padding: 4px 40px;
    border-radius: 5px;
    font-weight: bold;
    text-transform: uppercase;
    border: none;
    box-shadow: 0px 4px 4px 0px #3d3d3d;
}

.check-iteam ul li.active a p {
    color: #000000;
}

.check-iteam ul li.active a img {
    background: #e8e8e8;
}

.modal-dialog.tour-pop {
    max-width: 380px;
}

.tour-btn {
    display: flex;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    gap: 50px;
    padding-bottom: 67px;
}

button.btn-how {
    color: #000;
    background: linear-gradient(to bottom, #ffff00 0%, #ff9600 100%);
    border-style: solid;
    width: 230px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
    font-weight: bold;
    border-radius: 10px;
    font-size: 18px;
    border: none;
    box-shadow: 0px 4px 4px 0px #959595;
}

.modal-dialog.tnc-pop {
    padding: 2px;
    border-radius: 10px;
    max-width: 685px;
}

.tnc-pop .modal-body {
    background: #260e0f;
    color: #fff;
    border-radius: 10px;
    padding: 25px 50px;
}

.tnc-tour {}

.tnc-ttl {
    text-align: center;
    font-size: 26px;
}

.tnc-content {
    margin-top: 20px;
}

.tnc-tour button.close {
    position: absolute;
    top: 20px;
    right: 20px;
}

.tnc-pop .modal-content {
    background: #fff;
    color: #000;
    padding: 25px;
    border-radius: 10px;
    background-size: cover;
    border: 1px solid rgba(250, 175, 63, 1);
    font-weight: 600;
}

.tour-pop .modal-content {
    background: none;
    border: none;
}

.bd-out {
    /* background: linear-gradient(to bottom, rgba(161,113,80,1) 0%, rgba(255,221,196,1) 32%, rgba(115,48,6,1) 74%, rgba(193,156,128,1) 100%); */
    /* padding: 1px; */
    /* border-radius: 10px; */
}

/*Redemption*/
.red-bg {
    background: url("../images/theme-1/reward-redemption/rr-bg.png") no-repeat center top;
}

.redemp-title {
    padding-bottom: 15px;
}

.redemption-wrapper {
    text-align: center;
    max-width: 1000px;
    margin: 0 auto;
    margin-bottom: 55px;
    margin-top: 45px;
    display: flex;
    flex-wrap: wrap;
}

.redemp-box {
    position: relative;
    margin: 15px 2px 35px;
    display: inline-block;
    text-transform: uppercase;
}

.redemp-box {
    background: url("../images/reward/bg-reward.png")no-repeat;
    background-size: 100%;
    /* width: 312px; */
    /* height: 226px; */
    margin: 0 auto;
    /* padding: 13px 25px; */
    position: relative;
}

.redemp-inner {
    position: relative;
    /* top: -40px; */
}

.prize-credit {
    cursor: pointer;
    transition: transform 0.3s ease-in-out;
}

.prize-credit:hover {
    transform: scale(1.04);
}

.point-text {
    line-height: 8px;
    color: #e9ac50;
    font-size: 24px;
    font-weight: bold;
}

.require-text {
    font-size: 14px;
    font-weight: 100;
    padding: 9px 0;
}

.claim-btn-wrap {
    /* margin-top: -30px; */
}

button:focus {
    outline: none;
}

.point-text.top {
    margin-top: -15px;
}

.prize-item {
    margin-top: -40px;
}

.prize-sub {
    font-size: 11px;
    font-weight: 600;
}

.require-text.top {
    min-height: 78px;
}

.bg-daily img {
    display: block;
    margin: 0px auto;
}

.max-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    /* top: -75px; */
}

.top-btn {
    display: flex;
    position: relative;
}

.top-btn-wrap {
    display: flex;
    margin-top: 20px;
    margin-bottom: 20px;
}

.pred-btn-point {
    display: flex;
    position: relative;
    align-items: center;
    font-weight: bold;
}

.subtitle-wrap {
    position: relative;
}

.sub-box.redemp {
    position: relative;
    top: 2px;
    margin: auto;
    left: 0;
    right: 0;
    text-align: center;
    /* font-weight: bold; */
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 100;
    justify-content: center;
    margin-bottom: 20px;
}

.top-btn {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 20px;
    font-weight: bold;
}

.red-txt {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
}

.pred-btn {
    background: none;
    border: none;
    position: relative;
    display: flex;
    align-items: center;
    color: #fff;
    font-weight: bold;
    transition: transform 0.3s ease-in-out;
}
.pred-btn:hover {
    transform: scale(1.1);
}
span.red-pnt {
    color: #edc983;
}

.pt-btn {
    font-size: 20px;
}

.red-txt-gd {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    color: #000;
    font-weight: bold;
    font-size: 20px;
}

.claim-btn-wrap .submit-btn {
    background: url(../images/redemption/btn-claim.png)no-repeat center top;
    border: none;
    display: flex;
    margin: 0px auto;
    position: relative;
    width: 185px;
    height: 65px;
    background-size: 100% 100%;
    justify-content: center;
    font-weight: 900;
    padding-top: 17px;
    transition: transform 0.3s ease-in-out;
}
.claim-btn-wrap .submit-btn:hover{
    transform: scale(1.1);
}

img.img-sh {
    position: absolute;
    z-index: 1;
    left: 0px;
}

img.img-sh2 {
    z-index: 2;
}

.transc-l img {
    display: block;
    margin: 0px auto;
}

.btn-live {
    display: flex;
    align-items: center;
}

.text-trs {
    color: #859cbf;
    font-size: 20px;
    line-height: 21px;
}

.fnt-wh {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}

.rep_modal .modal-dialog {
    background: none;
}

.rep_modal .modal-content {
    background: none;
    border: none;
}

.rep_modal .daily-wrap-in {
    box-shadow: none;
    border: none;
    background: url("../images/theme-1/reward-redemption/bg-reward.png")no-repeat center top;
    background-size: contain;
    min-width: 312px;
}

.rep_modal img.img-wrap {
    height: 85% !important;
    position: relative;
    top: -78px;
}

.modal-congrat {
    position: relative;
}

.rep_modal .modal-dialog {
    background: none;
 }
 
 .rep_modal .modal-content {
    background: none;
    border: none;
 }
 
 .rep_modal .daily-wrap-in {
    box-shadow: none;
    border: none;
    background: url("../images/theme-1/reward-redemption/bg-reward.png")no-repeat center top;
    background-size: contain;
    min-width: 312px;
 }
 
 .rep_modal img.img-wrap {
    height: 85% !important;
    position: relative;
    top: -78px;
 }
 
 .modal-congrat {
    position: relative;
 }
 
 .rep_modal .modal-congrat h5 {
    position: absolute;
    top: 57%;
    left: 0;
    right: 0;
    margin: auto;
    color: #c498ff;
    font-size: 28px;
 }
 
 .rep_modal .congrat-text {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 67px;
 }
 
 .rep_modal .color-text1 {
    color: #c498ff;
 }
 
 .rep_modal .close {
    position: absolute;
    right: 30px;
    top: 18px;
    color: #db9bfc;
    opacity: 1;
    font-size: 47px;
 }
 
 .reptnc_modal .modal-content {
    background: none;
    padding: 0px;
 }
 
 .reptnc_modal .modal-header {
    border-bottom: 1px solid #000;
 }
 
 .reptnc_modal .modal_body_view {
    background: #ffffff;
    border: 1px solid #ffc107;
    box-shadow: 0px 0px 19px 4px #ffa900;
 }
 
 .reptnc_modal .tnc-content ul,
 .reptnc_modal .tnc-content ol {
    padding-left: 24px;
    margin-bottom: 20px;
 }
 
 .reptnc_modal .tnc-content ul li {
    list-style: circle;
 }
 
 .reptnc_modal .tnc-content ol li {
    list-style: auto;
 }
 
 .reptnc_modal .close {
    position: absolute;
    right: 30px;
    top: 15px;
    color: #edc983;
    opacity: 1;
    font-size: 30px;
    text-shadow: 0 0 BLACK;
 }
 
 .reptnc_modal .modal_body_view h5 {
    color: #000000;
    margin: 0;
 }
 
 .reptnc_modal .tnc-content {
    color: #000000;
    margin-top: 0;
 }
 
 .rep_modal .claim-btn-wrap {
    position: absolute;
    bottom: 0px;
    left: 0;
    margin: 0px auto;
    right: 0;
 }
 
 .btn-clm {
    position: absolute;
    color: #ffffff;
    left: 0;
    right: 0;
    margin: 0px auto;
    bottom: 0px;
    left: 50%;
    top: 55%;
    transform: translate(-50%, -50%);
    font-weight: bold;
    text-transform: uppercase;
 }
 
 .btn-bfr {
    position: absolute;
    bottom: 30%;
    display: flex;
    gap: 10px;
    justify-content: center;
    left: 0;
    right: 0;
    margin: 0px auto;
    list-style: none;
 }
 
 button.btn-dly {
    background: linear-gradient(to right, rgba(250, 137, 57, 1) 0%, rgba(251, 62, 109, 1) 100%);
    color: #fff;
    border: none;
    padding: 10px 30px;
    border: 1px solid #aa284a96;
    box-shadow: 0px 0px 20px 8px #77267d, 0px 0px 20px 0px #603d92;
    font-size: 20px;
    border-radius: 10px;
    font-weight: bold;
    text-shadow: 0px 2px 0px black;
 }
 
 .ranking-list {
    padding: 10px;
 }
 
 .reward-bg {
    background: url(../images/reward/bg.png)no-repeat center top;
 
 }
 
 /* MISSION */
 .mission-bg ul {
    margin-top: 25px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    list-style: none;
    padding-left: 0;
 }
 
 .mission-bg ul li a {
    display: block;
    position: relative;
    color: #fff;
    background: url(../images/mission/frame-promo.png)no-repeat center;
    background-size: 100% 100%;
    min-height: 200px;
 }
 .mission-bg .container{
    max-width: 800px;
 }
 
 .ms-wrap {
    position: absolute;
    top: 25px;
    padding: 10px 30px;
    text-align: center;
    width: 100%;
    color: #fff;
 }
 
 .ms-ttl {
    text-transform: uppercase;
 }
 
 .ms-amt {
    font-weight: bold;
    color: #fab57e;
    text-transform: uppercase;
    margin-top: 15px;
 }
 
 .ms-btn {
    position: absolute;
    bottom: 10px;
    width: 100%;
    z-index: 1;
    text-align: center;
    border: none;
    background: none;
 }
 .ms-btn img{
    max-width: 75%;
    margin: 0 auto;
 }
 
 .mission_modal .modal-content {
    background: #ffffff;
 }
 
 .mission_modal .modal-dialog {
    max-width: 800px;
 }
 
 .mission_modal .close {
    position: absolute;
    right: 0px;
    color: #fff;
 }
 
 .mission_modal ul,
 .mission_modal ol {
    padding-left: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid #787878;
    font-size: 12px;
 }
 
 .mission_modal ul li {
    list-style: circle;
    margin-bottom: 15px;
 }
 
 .mission_modal ol li {
    list-style: auto;
    margin-bottom: 10px;
 }
 
 .mission_modal .modal-body {
    padding: 20px 30px;
 }
 
 .mission_modal h4 {
    border-bottom: 1px solid #fff;
    display: inline-flex;
    padding-bottom: 5px;
    margin-bottom: 20px;
 }
 
 .mission_modal table tr td,
 .mission_modal table tr th {
    padding: 10px;
    text-align: center;
    font-size: 12px;
 }
 
 .mission_modal .close {
    color: #000;
    font-size: 34px;
    opacity: 1;
    position: absolute;
    right: 10px;
    top: 10px;
 }
 .clm-btn {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
 }
 .clm-btn button {
    background: #ed1d49;
    border-radius: 10px;
    font-size: 12px;
    padding: 10px 14px;
    color: #fff;
    font-weight: 600;
    border: none;
    margin: 0 5px;
 }
 .reward-menu ul{
    text-align: center;
 }
 .reward-menu ul img{
    filter: invert(1);
    max-width: 140px!important;
 }
 .reward-menu ul li a:hover img{
    filter: invert(97%) sepia(24%) saturate(6611%) hue-rotate(301deg) brightness(102%) contrast(98%);
 
 }
 @keyframes scaleUpDown {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
 }
 
 .ms-btn {
    animation: scaleUpDown 2s infinite;
 }
 .btn-wrap{
    margin-top: -40px;
 }
 
 .btn-token,.btn-how {
    padding: 10px 20px;
    font-size: 16px;
    color: white;
    background-color: blue;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s, transform 0.3s;
 }
 .check-iteam ul li a:hover{
     transform: scale(1.05);
 
 }
 .btn-token:active ,.btn-how:active {
    transform: scale(1.05);
 }
 button.close{
     color: #f3b782!important;
     opacity: 1;
     background: none;
     text-shadow: none;
 }
 /* 17/10 */
 .otp-form-field{
    height: auto;
 }
 .otp-input-box{
    display: flex;
    flex-direction: column;
    flex: 2;
 }
 .otp-wrap{
    display: flex;
    justify-content: center;
    align-items: center;
    grid-gap: 1rem;
 }
 .otp-timer {
    margin-top: 10px;
    color: #ff0000;
    font-size: 14px;
}
.btn-disabled {
    pointer-events: none;
    opacity: 0.5;
}
.otp-input {
    flex: 1;
    font-size: 20px;
    text-align: center;
    margin: 0;
}
.otp-value{
    display: flex;
    float: left;
    /* width: 80%; */
    grid-gap: 10px;
}
 @media (max-width:1200px) {
    .step-wrapper {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        max-width: 800px;
        margin: auto;
    }

    .step-img img {
        width: 85%;
    }

    .lottery-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 10px;
        max-width: 1210px;
        margin: auto;
    }

    .gametab-wrapper ul.nav li.nav-item a {
        padding: 6px 7px;
    }
}

@media (max-width:1300px) {
    .filter-menu {
        grid-column: 1/3;
    }

    .promo-wrapper {
        grid-column: 3/9;
    }
}

@media (max-width:991px) {
    .check-iteam ul{
        grid-template-columns: repeat(3,1fr);
    }
    button.btn-how{
        width: 100%;
    }
    .mission-bg ul{
        grid-template-columns: repeat(2,1fr);
    }
    .t-body {
        padding-top: 116px;
    }

    .feature-sec {
        display: none;
    }

    .filter-wrap {
        display: block;
    }

    .filter-menu {
        text-align: center;
    }

    .filter-menu a {
        margin-bottom: 9px;
        display: inline-block;
        padding: 7px 8px;
    }

    .promo-wrapper {
        margin: 0;
    }

    .mobile-none {
        display: none;
    }

    .bdf-1 {
        background: none;
        padding-right: 0;
    }

    .bdfb:after,
    .bdfb-2:after {
        content: none;
    }

    .highlight-wrapper {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .member-service {
        height: auto;
        grid-column: 1/3;
    }

    .service-wrapper {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
    }

    .cs-icon {
        text-align: center;
    }

    .field {
        width: 30%;
    }

    .value {
        width: 65%;
    }

    .value.vercode {
        width: 50%;
    }

    .lottery-button-wrapper {
        max-width: initial;
        position: absolute;
        right: 0;
        left: 0;
        bottom: 17px;
    }

    .lot-btn-1,
    .lot-btn-2 {
        width: auto;
        margin: 3px;
    }

    .fishing-wrapper {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 15px;
    }

    .others-wrapper {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 15px;
    }

    .desktop-fish {
        display: none;
    }

    .mobile-fish {
        display: initial;
    }

    .dl-d {
        display: none;
    }

    .dl-m {
        display: block;
    }
}

@media (max-width:767px) {
  
    .t-body {
        padding-top: 116px;
    }

    .mobile-slider {
        display: initial;
    }

    .desktop-slider {
        /* display: none; */
    }

    .banner-casino,
    .banner-sports,
    .banner-slots,
    .banner-esports {
        height: 200px;
        background-size: cover;
    }

    .form-field {
        height: auto;
    }

    .field {
        float: none;
        width: 100%;
        display: block;
        font-size: 16px;
    }

    .value {
        display: block;
        float: none;
        width: 100%;
        padding: 0 7px;
    }

    .value.vercode {
        width: 55%;
        display: inline-block;
    }

    .vcode {
        display: inline-block;
        float: none;
    }

    .lottery-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .game-box img.desktop-918 {
        display: none;
    }

    .game-box img.mobile-918 {
        display: initial;
    }

    .desktop-4d {
        display: none;
    }

    .mobile-4d {
        display: initial;
    }

    .account-menu {
        display: none;
    }

    .mobile-account-menu {
        display: block;
    }

    .his-info div.sbs {
        display: none;
    }
}

@media (max-width:640px) {
    .trans-wrapper {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width:600px) {
    .step-wrapper {}

    .step-box {
        height: 140px;
    }

    .step-img {
        padding: 10px 0px;
    }

    .step-img img {
        width: 60px;
    }

    .step-info {
        line-height: 0.9;
    }

    .step-box::before {
        border-width: 50px;
    }

    .step-info h4 {
        font-size: 19px;
        margin-bottom: 5px;
    }

    .step-info span {
        font-size: 15px;
    }

    .step-num {
        font-size: 20px;
    }

    .highlight-wrapper {
        display: block;
    }

    .service-wrapper {
        display: grid;
        grid-template-columns: 60px auto;
    }

    .sbox,
    .servicebox,
    .member-service {
        max-width: 400px;
        margin: auto;
        padding: 0;
    }

    .sbox {
        font-size: 16px;
        min-height: auto;
        padding: 20px 0;
    }

    .wel-bonus {
        font-size: 70px;
    }

    .wel-bonus span {
        font-size: 22px;
    }

    .cs-icon {
        text-align: left;
    }

    .member-service {
        padding: 20px 0;
    }

    .lottery-button-wrapper {
        position: initial;
        margin-top: 10px;
    }

    .lot-btn-1,
    .lot-btn-2 {
        padding: 10px 20px;
        font-size: 16px;
    }

    .fishing-wrapper {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 15px;
    }

    .others-wrapper {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 15px;
    }
}

@media (max-width:480px) {
    .float-menu-btn {
        padding: 25px 0px 10px 10px;
    }

    .join-login-mobile {
        max-width: 140px;
    }

    .reg-btn,
    .login-btn {
        font-size: 12px;
        width: 74px;
        line-height: 1;
    }

    .login-btn {
        font-size: 12px;
        width: 60px;
        line-height: 1;
    }

    .vcode {
        display: block;
        margin-top: 5px;
    }

    .lottery-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .page-container {
        padding: 35px 0px;
    }

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

    .sub-select-menu a {
        padding: 8px 11px;
    }

    .trans-wrapper {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .transfer-table {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .depo-field {
        float: none;
        margin-bottom: 10px;
    }

    .bank-input-wrap {
        margin-left: auto;
    }

    .dep-amount-field {
        display: block;
        margin-top: 0;
    }

    .depo-number-wrapper {
        margin-left: auto;
    }

    .depo-submit {
        margin-left: auto;
    }

    input.depo-amount,
    select.channel-select {
        width: 280px;
    }

    .sub-select-menu span {
        display: none;
    }

    .info-form-wrapper {
        display: grid;
        grid-template-columns: auto;
        grid-gap: 6px;
    }

    .info-form-wrapper .info-field {
        margin-bottom: -6px;
    }

    .history-form-wrapper {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .his-info div.sbs {
        display: inline-block;
    }
}

@media (max-width: 1600px) and (min-width:1200px) {
    .header-top .container-fluid {
        max-width: 85%;
    }

    .header-bottom .container-fluid {
        max-width: 85%;
    }

    .gametab-wrapper ul.nav {
        max-width: 85%;
    }

    .mx16 {
        max-width: 85%;
    }

    .step-img img {
        max-width: 110px;
    }

    .step-info h4 {
        font-size: 23px !important;
    }
}