@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,700);

body {
	font-family: 'Noto Sans', sans-serif;
    color: #FFFFFF;
    background: #1f1f1f;
    font-size: 15px;
}
.float-icon {
	display: block;
    position: fixed;
    left: 0;
    top: 30%;
    z-index: 999;
    max-width: 140px;
	transform: translatey(0px);
	animation: float 3s ease-in-out infinite;
}
.float-icon img {
	max-width: 100%;
}
@-webkit-keyframes float {
    0% {
        -webkit-transform: translatey(0px);
        transform: translatey(0px);
        filter: drop-shadow(0 0 7px rgb(255,255,255,1)) brightness(1.05);
    }

    50% {
        -webkit-transform: translatey(-15px);
        transform: translatey(-15px);
        filter: drop-shadow(0 0 5px rgb(255,255,255,0.3));
    }

    100% {
        -webkit-transform: translatey(0px);
        transform: translatey(0px);
        filter: drop-shadow(0 0 7px rgb(255,255,255,1)) brightness(1.05);
    }
}
.container {
	max-width: 768px;
}
.header-top {
    background: #1f1f1f;
    padding: 12px 0;
    width: 100%;
    max-width: 768px;
    position: fixed;
    z-index: 99;
	max-height: 65px;
	top: 0;
}
.logo {
	text-align: center;
}
.logo img {
	max-width: 120px;
}
.left-top-box {
    padding: 8px 4px;
    min-width: 160px;
}
a.login-btn {
    color: #fff;
    background: #fdbc84;
    padding: 7px 4px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}
a.login-btn:hover {
	filter: brightness(1.1);
    box-shadow: none;
    color: #fff;
    text-decoration: none;
}
a.reg-btn {
    color: #fff;
    background: #dd0023;
    padding: 6px 4px;
    border-radius: 3px;
    border: 1px solid #dd0023;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}
a.reg-btn:hover {
    background: transparent;
    box-shadow: none;
    color: #fff;
    text-decoration: none;
    border: 1px solid #fff;
}
.right-top-box {
    margin-top: 6px;
    margin-left: 27px;
}
.app-btn {
    color: #fff;
    font-size: 12px;
    border: 1px solid #fff;
    padding: 4px 6px;
    border-radius: 3px;
}
.right-top-box a i.fa {
	font-size: 13px;
}
.sidebar-right {
    position: absolute;
    right: 18px;
    top: 4px;
    display: block;
}
.sidebar-right .bar-point {
    background: #dd0023;
    color: #fff;
    font-size: 24px;
    padding: 1px 11px;
    margin-top: -4px;
}
.sidebar-right button {
	outline:none;
}
.top-content {
    margin-top: 65px;
}
.back-icon {
    margin-top: -6px;
}
.back-icon a {
    color: #fff;
    font-size: 35px;
    padding: 0px 20px;
}

/*----Modal----*/
.modal.left .modal-dialog {
	position: fixed;
	margin: auto;
	width: 280px;
	height: 100%;
	-webkit-transform: translate3d(0%, 0, 0);
	-ms-transform: translate3d(0%, 0, 0);
	-o-transform: translate3d(0%, 0, 0);
	transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content {
	height: 100%;
	overflow-y: auto;
}

.modal.left .modal-body {
    padding: 15px 0;
    background: #ac0610;
    text-align: center;
}
.modal.left.fade .modal-dialog {
	left: -320px;
	-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
	-moz-transition: opacity 0.3s linear, left 0.3s ease-out;
	-o-transition: opacity 0.3s linear, left 0.3s ease-out;
	transition: opacity 0.3s linear, left 0.3s ease-out;
}
.modal-clr2 {
    border: 1px solid #ffc5c8;
}
.modal-clr2 .close-X {
    float: right!important;
    padding: 2px;
    margin: -5px;
}
.modal.left.fade.show .modal-dialog {
	left: 0;
}
.log-top h3 {
    font-size: 20px;
}
.user-welcome h3 {
    font-size: 18px;
    margin: 5px 0;
    color: #fff;
}
.user-welcome img {
    max-width: 50px;
}
form.user-login-box {
    padding: 0 15px 5px;
}
.user-login-box .input-group-text ,.forgot-password .input-group-text{
    min-width: 42px;
}
.user-login-box .input-group, .forgot-password .input-group {
    margin-bottom: 5px;
}
.form-control {
    display: block;
    width: 100%;
    height: 39px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #fff;
    background-color: #2d2d2d;
    background-image: none;
    border: 1px solid #0c0c0c;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.acco-theme .nav-group a {
    color: #fff;
    background: #131313;
    padding: 10px;
    text-align: center;
    display: block;
}
.acco-theme .nav-group {
    border-bottom: 1px solid #383535;
	background: #000;
}
.acco-theme .nav-group-links ul li {
    list-style: none;
    border-bottom: none;
    margin: 0;
	display: inline-block;
}
.acco-theme .nav-group-links li a {
    background: transparent;
	font-size: 13px;
}
.acco-theme .nav-group a img {
    max-width: 100px;
	display: block;
	margin: auto;
}
.user-btn {
    background: #fff;
    display: block;
    padding: 8px 25px;
    max-width: 80%;
    text-align: center;
    margin: auto;
    border-radius: 32px;
    font-size: 19px;
    color: #ac0610;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 15px;
}
.user-btn:hover {
	color: #ac0610;
}
.copyright-box {
    color: #fff;
    padding: 6px 0;
    font-size: 11px;
}
.logout-btn {
    color: #000;
    background: #fff;
    padding: 6px 5px;
    border-radius: 3px;
    border: 1px solid #fff;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
	display: inline-block;
}
.logout-btn:focus, .logout-btn:hover {
	color: #fff;
	background: transparent;
}
.userclient img {
	max-width: 38px;
}
.name-client {
    color: #fff;
    font-size: 14px;
	margin-left: 5px;
    vertical-align: middle;
}
.user-wrapper {
    padding: 0px 8px;
    height: 50px;
}
.userclient {
    float: left;
}
.log-top {
    padding: 6px 0 4px 0;
}
.logout-box {
    float: right;
    margin-top: 2px;
}
.user-balanc-wrapper {
    background: #1f1f1f;
    padding: 8px 5px;
}
.bal-amount {
    color: #fcbc83;
    font-size: 22px;
    font-weight: 700;
}
.main-wallet-text {
    color: #fff;
    font-size: 15px;
}
.deposit-btn {
    color: #fff;
    background: #ac0610;
	border: 1px solid #ac0610;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    text-align: center;
    width: 140px;
	height: 34px;
    padding: 5px 5px;
    border-radius: 5px;
	margin: auto auto 5px;
}
.deposit-btn:hover {
	background: transparent;
	border: 1px solid #fff;
	color: #fff;
}
.twa-wrapper {
    padding: 5px 0;
    background: #353535;
}

.twa-box {
    display: inline-block;
    width: 86px;
    background: #1f1f1f;
	border: 1px solid #1f1f1f;
    padding: 5px 5px 3px 5px;
    margin: 1px;
}
.twa-box a {
    color: #fff;
    font-size: 13px;
}
.twa-box:hover {
	background: transparent;
	border: 1px solid #fff;
}
.twa-box img {
    display: block;
    text-align: center;
    margin: auto;
}

.rmbme {
    text-align: left;
    padding: 2px 3px;
}
.styled-checkbox {
	position: absolute;
	opacity: 0;
}
.styled-checkbox + label {
	position: relative;
	cursor: pointer;
	padding: 0;
	color: #fff;
	font-size: 13px;
}
.styled-checkbox + label:before {
    content: '';
    margin-right: 7px;
    display: inline-block;
    vertical-align: text-top;
    width: 16px;
    height: 16px;
    background: white;
}
.styled-checkbox:hover + label:before {
	background: #fff;
}
.styled-checkbox:focus + label:before {
	box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}
.styled-checkbox:checked + label:before {
	background: #fff;
}
.styled-checkbox:disabled + label {
	color: #b8b8b8;
	cursor: auto;
}
.styled-checkbox:disabled + label:before {
	box-shadow: none;
	background: #ddd;
}
.styled-checkbox:checked + label:after {
	content: '';
	position: absolute;
	left: 3px;
	top: 8px;
	background: black;
	width: 2px;
	height: 2px;
	box-shadow: 2px 0 0 black, 4px 0 0 black, 4px -2px 0 black, 4px -4px 0 black, 4px -6px 0 black, 4px -8px 0 black;
	-webkit-transform: rotate(45deg);
		  transform: rotate(45deg);
}


/* ----- End Modal ----- */

/* ----- Home ----- */
.wrap-announcement {
    background: #191919;
    margin: 0 auto;
    font-size: 12px;
    height: 34px;
}
.wrap-announcement .icon-annouce {
    float: left;
    width: 50px;
    padding-top: 4px;
    color: #fff;
    text-align: center;
    height: 34px;
    font-size: 17px;
    background: #dd0023;
}
.wrap-announcement .runningtxt {
    float: left;
    width: calc(100% - 50px);
    padding-top: 8px;
    color: #fff;
    font-size: 13px;
}
.jackpot-sec {
    background: url(../images/jack-bg.jpg);
    background-position: center;
    background-size: contain;
    padding: 5px 0 10px;
}
.prog {
    text-align: center;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 600;
    text-shadow: 0px 2px 3px rgba(2, 0, 0, 0.7);
	margin-top: -10px;
}
.vnd-box {
	text-align: center;
	position: relative;
}
.vnd-box img {
    max-width: 100%;
    height: 76px;
	animation: glow 0.8s infinite alternate;
}
.vdn-number {
    font-size: 36px;
    letter-spacing: 2px;
    position: absolute;
    top: 12px;
    left: 0;
    right: 0;
}
@keyframes glow {
  from {
    box-shadow: 0 0 -10px -10px #fff;
  }
  to {
    box-shadow: 0 0 15px 4px #fff;
  }
}
.w100 {
	width: 100%;
	padding-top: 5px;
}
.game-tab .tab-content {
	width: 100%;
	padding: 0 20px;
}
.game-tab ul.nav li {
    width: 20%;
    text-align: center;
}
.game-tab ul.nav li a {
	text-transform: uppercase;
    color: #fff;
}
.game-tab ul.nav li a.active {
    color: #dd0023;
}
.game-tab img {
	max-width: 100%;
}
.game-tab ul.nav li a img {
    max-width: 46px;
    display: block;
    margin: auto;
	filter: brightness(10) contrast(0);
	margin-bottom: 3px;
}
.game-tab ul.nav li a.active img {
	filter: brightness(1) contrast(1);
}

.game-box {
	float: left;
    width: 50%;
}
.game-box-1 {
    float: right;
    width: 50%;
    text-align: center;
	padding: 16px 0;
}
.bdr {
    border: 3px solid #1f1f1f;
    background: #131313;
    padding: 5px 5px;
}
.platm {
    color: #fff;
    text-transform: uppercase;
}
/****End Home****/

/****Bottom Menu****/
.bot-menu {
    background: #dd0023;
    height: 53px;
    padding: 7px 0;
}
.fixed-bottom a {
    color: #fff;
}
.ft-box {
    text-align: center;
}
.ft-box a i {
    display: block;
    font-size: 20px;
}
.ft-box button i.fas {
    display: block;
	font-size: 20px;
}
.ft-box button {
	color: #fff;
}
.col-x {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
.modal-content {
    background-color: #fff;
    color: #000;
}
.contact.modal-dialog {
	margin: auto;
}
.contact-box {
	text-align: center;
}
.cc-box a {
    color: #dd0023;
    font-size: 20px;
}
.cc-box a i.fas, .cc-box a i.fab {
    font-size: 42px;
    vertical-align: sub;
    margin-right: 9px;
}
.cc-box-1 a {
    color: #dd0023;
    font-size: 20px;
}
.cc-box-1 a i.fas, .cc-box-1 a i.fab {
    font-size: 42px;
    vertical-align: sub;
    margin-right: 9px;
}
.cc-box {
    padding: 16px 15px;
    border: 1px solid #ececec;
}
.cc-box-1 {
	padding:15px;
}
.modal2, .modal { 
	display: none;
}
/****Promo****/
.promo-sec {
	padding-top: 10px;
}
.promo-header img {
	max-width: 100%;
}
.card-body {
    font-size: 13px;
    padding: 5px 20px;
}
.card-body h5 {
	font-size: 14px;
    color: #fdbc84;
}

/****End Promo****/

/****Registration****/
.reg-form {
    padding-top: 15px;
}
.title-form {
    text-align: right;
    margin-top: 6px;
	line-height: 14px;
}
.icon-form {
    position: absolute;
    margin-top: 6px;
}
.form-input-reg {
    background: transparent;
    color: #fff;
    border: none;
    border-bottom: 1px solid #8a8a8a;
    width: 100%;
    padding: 6px 5px 6px 30px;
}
.reg-form .form-group {
    margin-bottom: 30px;
}
.btn-submit-reg {
    background: #dd0023;
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    padding: 6px 25px;
    width: 80%;
    border-radius: 30px;
    margin: auto;
    text-align: center;
    margin-top: 15px;
}
.btn-submit-reg:hover {
	filter: brightness(1.2);
	color: #fff;
}
/****END Deposit****/

/****Registration****/
.deposit-sec ul.nav li {
    width: 33%;
    text-align: center;
}
.deposit-sec ul.nav li {
    width: 33.33%;
    text-align: center;
}
.deposit-sec ul.nav li a {
    color: #ffffff;
    padding: 13px 0;
    line-height: 1.5;
    font-weight: 600;
    background: #fcbc83;
    display: flex;
    align-items: center;
    justify-content: center;
}
.deposit-sec ul.nav li a.show.active {
    color: #fff;
    background: #252525;
}
.amount-box {
    padding: 10px 0;
}
.deposit-input {
	background: #fff;
    width: 100%;
    padding: 5px 10px;
    border-radius: 4px;
    border: none;
}
.deposit-submit-btn {
    background: #dd0023;
    font-size: 15px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    padding: 5px 18px;
    border-radius: 4px;
    margin: auto;
    text-align: center;
    margin-top: 10px;
    width: 163px;
    height: 40px;
}
.deposit-submit-btn:hover {
    border: 1px solid #714302;
	color: #000;
}
.deposit-sec .tab-pane.active.show {
    background: #252525;
    padding: 20px 15px;
}
/****END Deposit****/

/**** Game ****/
.game-container {
    padding: 10px 10px 20px 10px;
    background: #000;
	text-align: center;
}
.dl-box h2 {
    font-size: 20px;
    text-align: center;
    margin: 12px 0;
}
.download-btn {
    background: #fdbc84;
    font-size: 18px;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    padding: 13px 25px;
    width: 100%;
    display: block;
    border-radius: 5px;
    margin: auto;
    text-align: center;
    margin-top: 15px;
}
.download-btn {
	color: #fff;
}
.case-box {
    border: 1px solid #b5b5b5;
    padding: 10px;
    margin-top: 15px;
	font-size: 14px;
}
/****END Game****/

/****Porfile****/
.pro-box {
    padding: 8px 0;
}
.pro-box label {
	margin-bottom: 1px;
}
select.date-input {
    background: #fff;
    padding: 5px 10px;
    border-radius: 4px;
    width: 32%;
    border: none;
}
select.date-input option {
	padding: 2px;
}

/****END Profile****/

/****Account****/
.user-head i.fas{
	font-size: 80px;
}
span.user-name {
    font-size: 18px;
    font-weight: bold;
    display: initial;
    float: none;
    margin-right: 20px;
}
.info-box {
	margin-top: 15px;
}
.account-sec {
	background: #000;
	margin: 15px;
}
.user-head {
	text-align: center;
}
.date-rec {
	padding: 10px;
    text-align: center;
    border-top: 1px solid #424242;
    border-bottom: 1px solid #424242;
}
.bdl {
	border-left: 1px solid #424242;
    border-right: 1px solid #424242;
}
.yellow-test {
    color: #eeca40;
    margin-left: 6px;
}
.bal-bar {
    min-height: 42px;
    padding: 12px 10px;
    background: #000;
    display: block;
    width: 100%;
    color: #fff;
}
.bal-bar:focus, .bal-bar:hover {
	outline: none;
	color: #fff;
}
.bal-body {
    text-align: center;
    display: initial;
}
.bal-left {
    font-size: 14px;
    font-weight: 700;
    float: left;
}
.bal-right {
    font-size: 14px;
    font-weight: 700;
    float: right;
    color: #fcbc83;
}
.bal-con {
	background: #000;
    padding-bottom: 15px;
}
.bal-body .row {
    padding: 5px 0;
}
.my-sec {
	background: #000;
    text-align: center;
    margin: 15px;
}
.bbl {
	padding: 10px 0;
    border-bottom: 1px solid #424242;
}
.bdl-my {
	border-right: 1px solid #424242;
}
.my-box {
    padding: 10px 0;
}
.my-box a {
	color: #fff;
    font-size: 14px;
}
.my-box a i {
    font-size: 23px;
    padding-right: 5px;
    vertical-align: sub;
	color: #fcbc83;
}
.top-content-1 {
	margin-top: 75px;
}
/****END Account****/

/****Withdrawal****/
.with-box {
	background: #000;
    padding: 20px;
    margin: 15px 0;
    min-height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wtext {
    line-height: 16px;
}
.tips {
    font-size: 14px;
    color: #e02512;
    padding: 17px 0;
}

.trans-box {
	background: #000;
    margin: 15px 0;
	padding-top: 15px
}
/****END Withdrawal****/

/****History****/
.pagination li a {
    background: #fff;
    padding: 7px 13px;
    border: none;
    color: #000;
    font-weight: 600;
    font-size: 15px;
}
.pagination li.active a {
	background: #ca140f;
	color: #fff;
} 
.history-table {
    background: #000;
}

/****END History****/

/**** Download ****/
.dl_box {
    margin: 10px 0;
}
.dl_box img {
	max-width: 100%;
}
.dl-title {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    line-height: 1.2;
    margin-bottom: 5px;
	min-height: 48px;
}
.dl-title span {
    font-size: 13px;
    display: block;
    color: #fdbc84;
}
.dl_btn {
    background: #fcbc83;
    color: #fff;
    text-align: center;
    display: block;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 10px;
    padding: 10px 5px;
    border-radius: 5px;
}



/**** END Download ****/

@media (min-width: 576px) {
.modal-dialog {
    max-width: initial;
}
}
@media (max-width:460px) {

.game-tab img {
    max-width: 100%;
    display: block;
}
.game-tab ul.nav li a {
    font-size: 13px;
}.platm {
	padding-bottom: 11px;
}
.vdn-number {
    font-size: 26px;
    letter-spacing: 2px;
    position: absolute;
    top: 19px;
    left: 0;
    right: 0;
}
.prog {
    font-size: 25px;
}
.cc-box a i.fas, .cc-box a i.fab {
	display: block;
}
.cc-box a {
	font-size: 18px;
}
.fixed-bottom a {
    color: #fff;
    font-size: 13px;
}
.title-trans {
    line-height: 15px;
}
}

@media (max-width:380px) {
.my-box a i {
	display: block;
}
.game-box-1 {
    padding: 12px 0;
}
}

/* 29082023 */

.spribe-game-box {
    margin: 0 auto;
    width: 50%;
}

.nav-menu{
    flex-wrap: nowrap;
    overflow-x: scroll;
}

.new-game {
    position: absolute;
    right: 80px;
    max-width: 35px !important;
    filter: none !important;
}

.nav-link {
    position: relative;
}

@media (max-width: 460px){
    .new-game {
        position: absolute;
        right: 45px;
        max-width: 35px !important;
        filter: none !important;
    }
}

/* 24102023 */

.gift-sec {
	background: url("../images/gift/gift_bg.jpg")no-repeat top center;
	background-size: cover;
	height: 100%;
	padding: 75px 0 30px;
	position: relative;
	overflow: hidden;
}

.side-nav-items>li>a img {
    position: inherit;
}

.gift-gamebox .game_img img{
    display: block;
    margin: 0px auto;
    width: 130px;
}

@media only screen and (min-device-width: 750px) and (max-device-width: 850px){
    .gift-wrap {
        background-color: #000;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        height: 190px;
    }

    .gift-token-title {
        padding-top: 6px;
        font-size: 25px;
    }

    .gift-play {
        background-color: #fff;
        color: #e33349;
        border-radius: 21px;
        padding: 2px;
        font-weight: 700;
        text-transform: uppercase;
        margin-left: 19px;
        width: 135px;
        border: none;
        font-size: 25px;
        margin-top: 5px;
    }
}

ul#gift {
    background: #9664fa;
}

.nav-tabs.gift{
    box-shadow: 0px 1px 7px -1px rgba(0, 0, 0, 0.1);
}

ul.nav-tabs.gift .nav-link {
    
    border-top: none;
    border-radius: 0;
    color: #fff;
    background: transparent;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    height: 100%;
    border: 0;
}

.nav-tabs.gift .nav-item.show .nav-link,
.nav-tabs.gift .nav-link.active {
    color: #fff;
    border-bottom: 3px solid #fff;
}

.gift-pos {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    justify-content: center;
    grid-gap: 10px;
    grid-row-gap: 10px;
}

.gift-gamebox .game_img {
    overflow: hidden;
    bottom: 15px;
    position: relative;
}

.gift-gamebox {
    display: block;
    transition: all 0.3s;
    margin: 10px auto;
}

.gift-gamebox .game-title {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    color: #fff;
    background: linear-gradient(0deg, rgba(110,12,25,1) 0%, rgba(161,22,39,1) 100%);
    font-weight: 700;
    font-size: 8px;
    text-align: center;
    display: flex;
    justify-content: center;
    height: 35px;
}

.gift-play {
    background-color: #fff;
    color: #7e0a13;
    border-radius: 21px;
    padding: 2px;
    font-weight: 700;
    text-transform: uppercase;
    margin-left: 5px;
    width: 65px;
    border: none;
    font-size: 12px;
    margin-top: 5px;
}

.gift-token-title {
    padding-top: 6px;
    font-size: 12px;
}

.gift-category {
    display: flex;
}

.gift-cat {
    display: flex;
    margin: 0 auto;
    gap: 40px;
    margin-bottom: 20px;
}

.reward-box2 {
    background-color: #000;
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

.gift.active {
    background-color: #e33349 !important;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    
}

.reward-img {
    margin-left: 12px;
    margin-top: 10px;
}

.gift-content {
    margin-top: 15px;
}

.gift{
    height:100%;
}

.tnc {
    color: #000;
}

.reward-box-text p {
    color: #000;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    padding-top: 5px;
}

.gift.active .reward-box-text p {
    color: #e33349;
}

.reward-box{
    height:100%;
}

.gift-wrap {
    background-color: rgb(0 0 0 / 50%);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 150px;
    border: 1px solid #990504;
}

.gift-elec-gamebox .game_img {
    overflow: hidden;
    bottom: 35px;
    position: relative;
    width: 150px;
    height: 135px;
    margin: 0 auto;
}

.gift-wrapper .gift-pos {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    justify-content: center;
    grid-gap: 10px;
    grid-row-gap: 30px;
}

.gift-wrapper{
    margin-top: 40px;
}

.modal-dialog.redeem {
    background: #fff;
    border: 2px solid #f61717;
    border-radius: 20px;
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.55);
    width: 693px;
    height: 438px;
    padding-top: 30px;
    margin: 60px auto;
}

.modal-content.redeem {
    max-width: 600px;
    max-height: 400px;
    margin: auto;
    background: transparent;
    border: none;
}

.pop-content p {
    font-weight: bold;
    line-height: 0.8;
}

.pop-content textarea {
    height: 120px;
    border-radius: 5px;
    width: 100%;
}

.redeem hr {
    border-color: #f61717;
}

button.redeem-btn {
    background: #f61717;
    width: 103px;
    height: 30px;
    margin: auto;
    border: none;
    text-align: center;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    border-radius: 5px;
    transition: 0.3s;
}

.pop-content .close {
    font-size: 25px;
}

.redeem-bottom {
    margin: 0 auto;
}

.gift-title img {
    width: 100%;
}

.gift-box:last-child {
    grid-column: 1/2;
    justify-self: center;
    width: 100%;
}

.gift-elec-gamebox .game_p {
    width: 100%;
    overflow: hidden;
    bottom: 35px;
    position: relative;
    margin: 0 auto;
    text-align: center;
}

.gift-title {
    text-align: center;
}

.game_p p {
    margin-top: -5px;
    color: #e33349;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
}

.game-title-box {
    display: flex;
    justify-content: center;
}

.gift-gamebox .game-title {
    display: block;
}

.gift-token-time{
    color: #fff;
    font-weight: bold;
    font-size: 12px;
}

.gift-token-time p{
    margin-bottom: 0;
}

.gift-bonus .game-title{
    display: flex;
}


.gift-gamebox .game-title {
    height: 100%;
}

.pop-title {
    text-align: center;
}

.pop-content {
    padding: 10px;
}

#redeem-gift {
    padding: 10px !important;
}

.pop-close .close {
    color: #fff;
    float: right;
    margin-right: 10px;
    margin-bottom: 10px;
}

.pop-close .close:focus {
    outline: none;
}

.pop-close .close:hover {
    background: #f61717;
    color:#fff;
    opacity: 1 !important;
}

button.close-btn {
    background: #f61717;
    width: 103px;
    height: 30px;
    margin: auto;
    border: none;
    text-align: center;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    border-radius: 5px;
    transition: 0.3s;
    opacity: 0.5;
}

.gift-play:focus {
    outline: none;
}

@media (max-width: 990px){
    .modal-dialog.redeem {
        background: #fff;
        border: 2px solid #f61717;
        border-radius: 20px;
        box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.55);
        margin-top: 50%;
        padding-top: 38px;
        width:100%;
    }
}

/* 28112023 */
.menu-new-game {
    position: absolute;
    left: 77px;
    top: 3px;
    max-width: 35px !important;
    filter: none !important;
}

.menu-item{
    position: relative;
}

/* 02082024 */
.activ {
    text-align: center;
    margin: 20px 0px;
}

.reg-wrapper .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    background: #dd0023;
    border-color: transparent;
    color: #fff;
    border-radius: 10px;
    text-align: center;
}

.reg-wrapper .nav-tabs .nav-item {
    width: 100%;
}

.reg-wrapper .nav-tabs {
    border-bottom: 1px solid #dd0023;
    flex-wrap: nowrap;
    border-radius: 10px;
    background: #000;
    margin-bottom: 20px;
}

.reg-wrapper .nav-tabs .nav-link {
    border: none;
    color: #fff;
    text-align: center;
    white-space: nowrap;
}

.activ {
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.2;
    padding: 13px 0;
}
.activ h3 {
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 1px;
}
.simple {
    text-align: center;
    color: #fff;
    border-bottom: 1px solid #dd0023;
    margin: auto;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    line-height: 1.2;
    padding-bottom: 5px;
}
.step-activate {
    display: grid;
    grid-template-columns: 55px auto;
    grid-gap: 12px;
    color: #ffff;
    font-size: 16px;
    line-height: 1.2;
}
.st1 {
    text-align: right;
}
a.live-btn {
    display: inline-block;
    background: #252a2f;
    color: #fff;
    padding: 5px 21px;
    border-radius: 30px;
    border: 1px solid #dd0023;
    height: 32px;
    margin-top: 15px;
    font-size: 14px;
}

a.live-btn:hover {
	background: #dd0023;
	color: #fff;
}

.sms-activate input {
    max-width: 68px;
    height: 68px;
    display: inline-block;
    margin: auto 5px;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #dd0023;
    font-size: 35px;
    font-weight: 600;
    color: #252525;
}

.sms-activate {
    text-align: center;
}

.finish-wrapper {
    color: #000;
    text-align: center;
    font-size: 20px;
    max-width: 450px;
    margin: auto;
    border-radius: 10px;
    padding: 20px;
}
.finish-wrapper h1 {
	text-transform: uppercase;
	font-size: 24px;
	font-weight: 900;
	color: #fff;
}
.acc-activ {
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.2;
    padding: 5px 0;
}
.acc-activ img {
	padding: 10px;
	filter: brightness(0) saturate(100%) invert(15%) sepia(87%) saturate(5677%) hue-rotate(343deg) brightness(82%) contrast(116%);
}
.congrazt {
    line-height: 1;
    border-bottom: 1px solid #cacaca;
    padding: 0 0 9px;
    color: #fff;
}

.sms-activate input:focus {
    outline: none;
    border: 1px solid #f61717 !important;
}

/* 27082024 */
.resend-text {
    display: none;
    margin-top: 15px;
}

.resend-btn {
    display: none;
}

/* 04092024 */
.mission-sec{
    background: url(../images/mission/mission_bg.jpg) no-repeat;
    padding-bottom: 20px;
    background-size: cover;
}

.addition-bg {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.token-btn {
    font-size: 18px;
    border-radius: 50px;
    padding: 5px;
    margin-bottom: 0;
    font-weight: 800;
    border: 3px solid #f61717;
    background: linear-gradient(181deg, rgba(0, 0, 0, 1) 0%, rgb(78 72 70) 53%, rgb(0 0 0) 100%);
    color: #fff;
    width: 129px;
}

.addition-bg img {
    /* margin-bottom: 15px; */
    width: 190px;
}

.redeem-angpow-wrapper {
    display: grid;
    /* grid-gap: 45px; */
    grid-template-columns: repeat(3,1fr);
    justify-content: center;
    text-align: center;
}
.token-icon{
    background: url(../images/mission/token-1.png)no-repeat center center;
    width: 120px;
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: 100% 100%;
}
.token-icon span{
    font-size: 30px;
    color: #fff;
    font-weight: 800;
    text-shadow: 0px 0px 12px #000;
    margin-bottom: 0px;
}
.angpow-box:hover .token-icon,.angpow-box.active .token-icon{
    background: url(../images/mission/token-tick.png)no-repeat center center;
    width: 120px;
    height: 120px;
    background-size: 100% 100%;
    filter: drop-shadow(0 0 5px #fff);
}
.angpow-box:hover .token-icon span,.angpow-box.active .token-icon span{
    display: none;
}
.angpow-box {
    position: relative;
    cursor: pointer;
    /* background-size: 100% 100%; */
    /* margin-bottom: 45px; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.token-icon img {
    position: relative;
    cursor: pointer;
    text-align: center;
    width: 100%;
}

.angpow-box:hover {
    /* filter: drop-shadow(0 0 5px #fff); */
}

.amt-credit {
    background: #e4002c;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    left: 6px;
    right: 0;
    top: 0;
    font-size: 18px;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    width: 100%;
    font-weight: bolder;
}

.close {
    display: block;
    opacity: 1;
}

.open {
    display: none;
}

.angpow-box:hover .open,
.angpow-box.active .open {
    display: block;
    margin: 0 auto;

}

.angpow-box:hover .close,
.angpow-box.active .close {
    display: none;
    width: 80%;
}

.token-mission {
    margin-top: 25px;
}

.additional-reward {
    margin-top: 30px;
}

.detail-btn{
    border: none;
    background: transparent;
}

.missionredeem{
    background: #f61717;
    border: 0;
    border-radius: 5px;
    padding: 12px;
    font-size: 20px;
    font-weight: 800;
    width: 175px;
    color: #fff;
}

.token-word{
    text-transform: uppercase;
    background: #fff;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    font-size: 23px;
    position: relative;
    bottom: 15px;
    font-weight: 900;
}

.details-table tr th {
    background: #f61717;
    color:  #fff;
    border: 1px solid #f61717;
}

.details-table tr td {
    border: 1px solid #f61717;
    font-weight: 500;
    color: #fff;
    font-size: 12px;
}

.event-title {
    font-weight: 800;
    font-size: 20px;
    margin-top: 10px;
    text-align: left;
    color: #fff;
}

.modal-content.event {
    background: #fff;
    border: 0;
    text-align: center;
    width: 700px;
    padding: 10px;
}

.event-desc{
    color: #f61717;
    font-weight: 600;
    margin-top: 10px;
}

.modal-dialog.event {
    margin: 0 auto;
}

.mission-title {
    margin-top: 50px;
    text-align: center;
}


.mission-body{
    background: #140502;
}

.tnc-sec {
    margin-top: 40px;
    color: #fff;
}

.mini-tnc {
    background: linear-gradient(to bottom, rgba(13,11,14,1) 0%, rgba(44,39,37,1) 28%, rgba(44,39,37,1) 53%, rgba(7,3,6,1) 100%);
    border: 2px solid #f61717;
    border-radius: 8px;
    padding: 10px 10px 6px 10px;
}

.tnc-title-mission ul, .tnc-title-mission p {
    padding: 0;
    margin: 0;
}

.tnc-title-mission ul {
    margin-top: 20px;
    padding-left: 15px;
}

.tnc-title-mission ul li{
    list-style: decimal;
}

.modal-dialog.redeem-mission{
    background: #040100;
    border: 2px solid #f61717;
    border-radius: 20px;
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.55);
    /* width: 693px; */
    height: 300px;
    padding-top: 0px;
    text-align: center;
}

.modal-content.redeem-mission {
    margin: auto;
    background: transparent;
    border: none;
    height: 100%;
    display: block;
}

.modal-content.redeem {
    background: #24262b;
    border: 0;
    text-align: center;
    width: auto;
    padding-bottom: 35px;
    border-radius:25px;

}
.pop-angpow {
    position: relative;
    filter: drop-shadow(0 0 50px #000000);
    padding: 10px;
    border-radius: 20px;
}

.pop-angpow .close span{
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: 1;
    border-radius: 50%;
    font-size: 36px;
    width: 40px;
    height: 40px;
    padding: 20px;
    display: block;
    line-height: 1px;
    border: none;
}

.pop-angpow .close {
    padding: 0;
    margin: 0;
    position: absolute;
    right: 5%;
}


.modal-backdrop.show{
    opacity: 0.8;
}

.modal-redeem {
    padding-top: 25px;
}

.token-pt {
    position: absolute;
    left: 0;
    right: 0;
    top: 81%;
    font-size: 50px;
    color: #fff;
    line-height: 1.2;
}


.detail-btn:focus {
    outline: none;
}

#eventdetails .modal-dialog.redeem-mission{
    background: #040100;
    border: 2px solid #f61717;
    border-radius: 20px;
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.55);
    height: auto;
    padding-top: 0px;
    text-align: center;
    padding: 20px;
}

.pop-event .close {
    color: #fff;
    position: absolute;
    right: -12px;
    top: -32px;
}

.mission-title img {
    max-width: 335px;
}

.details-table {
    width: 100%;
}

.image-wrap img {
    max-width: 190px;
}

.redeem-angpow-wrapper .angpow-box:nth-child(7) {
    grid-column: span 3;
    justify-self: center;
}

.new-event ul {
    display: flex;
    flex-direction: column;
}

.menu-new-game.gift-game {
    left: 90px;
}