@import url('https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap'); html {
}

body {
    font-family: 'Roboto', sans-serif;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: subpixel-antialiased;
    width: 100%;
    min-height: 100%;
    background: #0e0e0e;
    max-width: 100%;
    min-width: 1400px;
    margin: 0 auto;
}

a:focus, button:focus {
    outline: none !important;
}

a {
    transition: all 0.3s ease-in-out;
}

a, a:focus, a:active, a:hover {
    text-decoration: none;
    -webkit-transition: 400ms;
    -moz-transition: 400ms;
    -o-transition: 400ms;
    transition: 400ms;
}

a, a:focus, a:active {
    color: #5f5cde;
}

a:hover {
    color: rgba(0, 0, 0, 0.75);
}

button {
    border: 0;
    background: none;
}

button::-moz-focus-inner {
    border: 0;
}

*:focus {
    outline: none;
}

input,button,select,textarea {
    outline: none;
}

label {
    margin-bottom: 0;
}

ul,ol {
    list-style: none;
    padding: 0;
    margin: 0;
}

h1, h2, h3, h4, h5, h6, p {
    margin-top: 0;
    margin-bottom: 0;
}

.container {
    min-width: 1400px;
    padding: 0px;
}

::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #000;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f64f9', endColorstr='#db427d', GradientType=0 );
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(219,66,125,1);
    background: -moz-linear-gradient(top, rgba(219,66,125,1) 0%, rgba(159,100,249,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(219,66,125,1)), color-stop(100%, rgba(159,100,249,1)));
    background: -webkit-linear-gradient(top, rgba(219,66,125,1) 0%, rgba(159,100,249,1) 100%);
    background: -o-linear-gradient(top, rgba(219,66,125,1) 0%, rgba(159,100,249,1) 100%);
    background: -ms-linear-gradient(top, rgba(219,66,125,1) 0%, rgba(159,100,249,1) 100%);
    background: linear-gradient(to bottom, rgba(219,66,125,1) 0%, rgba(159,100,249,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db427d', endColorstr='#9f64f9', GradientType=0 );
}

/***************** HEADER *******************/
.header-top-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: stretch;
    height: 50px;
}

.tp-r {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    gap: 5px;
}

.mode-txt {
    margin-left: 10px;
    font-size: 12px;
}

.btn-forgot-wrap {
}

.btn-forgot {
    font-size: 12px;
    color: #687da8;
}

.btn-forgot:hover {
    color: #fff;
}

.btn-login {
}

.btn-join {
}

.logo {
    z-index: 1000;
}

.logo img {
    height: 75px;
}

.header-nav-wrap {
    height: 75px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: stretch;
}

.top-form form {
    display: flex;
}

.form-txt {
    display: flex;
    position: relative;
    font-size: 14px;
}

.lgnin-box {
    display: flex;
    margin-right: 5px;
    border: 1px solid #4e5555;
    border-radius: 5px;
}

.lgn-box {
    display: flex;
}

.form-txt input.form-control::placeholder {
    color: #fff;
}

.b-header-top {
    background: #0a1312;
}

.b-header-nav {
    background: #ffffff;
    position: relative;
}

input.form-control {
    /* border-radius: 5px; */
    /* padding: 4px 10px; */
    font-size: 12px;
    /* height: 28px; */
    /* color: #ffffff; */
    /* border: none; */
    /* background-color: #0a1312; */
}

/********************************** Home-Slide CSS **********************************/
.carousel-indicators {
    z-index: 20;
    bottom: 45px;
}

.carousel-indicators .active {
    width: 75px;
    height: 5px;
    background-color: #ffffff;
    opacity: 1;
    border-radius: 0px;
}

.carousel-indicators li {
    display: inline-block;
    margin: 0px 5px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #00000085;
    border-radius: 0%;
    opacity: 1;
    width: 75px;
    height: 5px;
    border: none !important;
}

.carousel-control-prev-icon, .carousel-control-next-icon {
    display: inline-block;
    width: 35px;
    height: 35px;
}

.sr-ico {
    font-size: 50px;
}

/********************************** Menu CSS **********************************/
.menupart > ul > li > a {
    color: #A191D0;
}

.menupart .active a {
    border-bottom: 5px solid #E922F6;
}

.menupart > ul > li > a:hover {
    color: #E922F6;
    text-decoration: none;
    border-bottom: 5px solid #E922F6;
}

.menupart > ul > li.active p {
    color: #E922F6;
}

.b-content {
    background: #000;
    padding: 20px 0px;
}

.btn-login {
    background: #1e5adc;
    color: rgba(255,255,255,.6);
    padding: 5px 15px;
    border-radius: 5px;
    border: none;
    font-size: 12px;
    font-size: 11px;
}

.btn-join {
    background: #222b2a;
    color: #ffffff;
    font-size: 11px;
    border: none;
    padding: 5px 10px;
    border-radius: 5px;
    color: rgba(255,255,255,.6);
    font-weight: 100;
}

.btn-join:hover {
}

.btn-forgot {
    color: #FAFF65;
}

.f-mn {
    margin-top: 30px;
}

.help-box ul li {
    background: #00000070;
    backdrop-filter: blur(10px);
}

.ft-pro {
    background: url("../images/common/dark/Rectangle-18.jpg");
}

.ft-bg {
    background: url("../images/common/footer-bg.png") no-repeat;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: #091211;
    padding-top: 2vw;
    box-sizing: border-box;
    height: auto;
}

.copy-right {
    text-align: center;
    color: #ffffff;
    padding: 23px 0px;
    font-size: 12px;
    background: #24282d;
}

.wbg3 {
    background: rgb(16 17 35 / 71%);
}

.af-menu ul li a.active {
    background: #9325f547;
    color: #e922f6;
    border-left: 2px solid #e922f6;
}

.af-detail {
    /* background: #0000007d; */
    font-size: 11px;
}

.af-menu ul li a {
    color: #ffffff;
}

.af-menu {
    background: #0000007d;
}

/********************************** Annoucement **********************************/
.b-annoucement {
    width: 100%;
    height: 46px;
    background: #0a1312;
}

.slider-ard {
    position: relative;
}

.annouce-in {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: stretch;
    height: 46px;
}

.icon {
    color: #fff;
    font-size: 18px;
}

.runningtext {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: stretch;
    width: 100%;
    padding-left: 10px;
    color: #fff;
    font-size: 14px;
}

.runningtext a {
    color: #fff;
}

/********************************** FOOOTER **********************************/
.b-footer {
    position: relative;
}

.b-footer-in ul {
    display: grid;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: initial;
    align-content: stretch;
    grid-template-columns: repeat(3,1fr);
    gap: 15px;
}

.footer-nav ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    height: 65px;
    padding-left: 35px;
    gap: 50px;
}

.b-copy-right {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 0px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.b-footer a {
    color: #fff;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 10px;
}

.b-footer-in {
    padding-top: 30px;
    color: #fff;
}

.footer-detail h6 {
    font-weight: bold;
    margin-bottom: 10px;
}

.footer-nav ul li {
    font-size: 14px;
    margin-right: 30px;
}

.footer-nav ul li a:hover {
    color: #1e5adc;
}

.footer-detail2 {
}

.f-mn {
}

.ft-bg {
}

.footer-detail {
}

.footer-detail2 ul {
    padding-top: 16px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: start;
    align-items: initial;
    align-content: stretch;
}

.footer-detail2 ul li {
    margin-bottom: 12px;
}

.footer-detail2 ul li img {
    filter: brightness(0) invert(1);
}

.footer-detail2 p {
    font-size: 18px;
}

p.ft-smll {
    font-size: 11px;
    margin-bottom: 20px;
}

.footer-detail2 h6 {
    font-size: 28px;
    margin: 10px 0px;
}

.copy-right {
}

/********************************** Side Right bar**********************************/
.side-right {
    position: fixed;
    z-index: 5;
}

.social {
    position: fixed;
    perspective: 1000px;
    right: 2%;
    top: 28%;
    background: #000000a1;
    border-radius: 10px;
    width: 145px;
    padding: 10px 0px;
}

.social li {
    display: block;
    position: relative;
    font-size: 12px;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    transition: background .5s ease .300ms;
}

.social li span {
    float: left;
    text-align: center;
    color: #fff;
    padding: 8px;
    transform-origin: 0;
    visibility: hidden;
    opacity: 0;
    transform: rotateX(180deg);
    border-radius: 5px;
    transition: all .5s ease .300ms;
    position: absolute;
    top: 7px;
    right: 91px;
}

.social li span:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    right: -20px;
    top: 13px;
    border-left: 10px solid #cc53b8;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
}

.social li:hover span {
    visibility: visible;
    opacity: 1;
    transform: rotateY(0)
}

.social-ico p {
    color: #000;
    font-weight: bold;
    margin-top: 1px;
}

.social li a {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
    padding: 10px;
    color: #fff;
}

span.np-ef {
    width: auto;
    height: auto;
    padding: 5px;
    background: linear-gradient(to bottom, rgba(230,79,170,1) 0%, rgba(128,95,225,1) 100%);
    color: #ffffff;
    font-size: 15px;
}

span.np-ef a {
    width: auto;
    min-width: 150px;
    height: auto;
    padding: 5px;
    color: #ffffff;
    font-size: 15px;
}

/********************************** SLOT **********************************/
.lobby-top ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: stretch;
    padding-top: 20px;
}

.slt-gm-bg {
    background: url(../images/common/slotgm-bg.png) no-repeat;
    display: block;
    color: #9c9c9c;
    background-size: 100% 100%;
}

.slt-gm-bg:hover, .slt-gm-bg.active {
    background: url(../images/common/slotgm-bg-hover.png) no-repeat;
    color: #fff;
    background-size: 100% 100%;
}

.slt-lg p {
    text-align: center;
}

main.b-slot {
}

.slt-gm-bg p {
    text-align: center;
    font-size: 11px;
    padding-bottom: 5px;
}

.slt-lg {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: stretch;
    height: 75px;
}

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

.lobby-search {
    border-radius: 25px;
    padding: 25px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
    margin-top: 20px;
}

.search-detail {
}

.search-1 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: stretch;
}

.search-1 .form-control-plaintext {
    width: 500px;
    border: 1px solid #b7b7b7;
    border-radius: 10px;
    padding: 5px 10px;
    font-size: 12px;
    height: 40px;
    margin-right: 10px;
}

.btn-all button {
    background: rgba(208,95,163,1);
    background: -moz-linear-gradient(top, rgba(208,95,163,1) 0%, rgba(163,101,211,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(208,95,163,1)), color-stop(100%, rgba(163,101,211,1)));
    background: -webkit-linear-gradient(top, rgba(208,95,163,1) 0%, rgba(163,101,211,1) 100%);
    background: -o-linear-gradient(top, rgba(208,95,163,1) 0%, rgba(163,101,211,1) 100%);
    background: -ms-linear-gradient(top, rgba(208,95,163,1) 0%, rgba(163,101,211,1) 100%);
    background: linear-gradient(to bottom, rgba(208,95,163,1) 0%, rgba(163,101,211,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d05fa3', endColorstr='#a365d3', GradientType=0 );
    color: #fff;
    padding: 3px 0px;
    width: 125px;
    margin: 0px 3px;
    border-radius: 10px;
    height: 40px;
    font-size: 14px;
}

.btn-all button:hover {
    background: rgba(163,101,211,1);
    background: -moz-linear-gradient(top, rgba(163,101,211,1) 0%, rgba(208,95,163,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(163,101,211,1)), color-stop(100%, rgba(208,95,163,1)));
    background: -webkit-linear-gradient(top, rgba(163,101,211,1) 0%, rgba(208,95,163,1) 100%);
    background: -o-linear-gradient(top, rgba(163,101,211,1) 0%, rgba(208,95,163,1) 100%);
    background: -ms-linear-gradient(top, rgba(163,101,211,1) 0%, rgba(208,95,163,1) 100%);
    background: linear-gradient(to bottom, rgba(163,101,211,1) 0%, rgba(208,95,163,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a365d3', endColorstr='#d05fa3', GradientType=0 );
}

.sch-row {
    display: flex;
    margin-top: 20px;
}

.sch-ttl {
    margin-right: 10px;
}

.sch-ico {
    margin-right: 12px;
}

.sch-ty {
    font-size: 14px;
    font-weight: bold;
    padding-top: 8px;
    display: inline-block;
    width: 95px;
}

.sch-m {
    margin: 0px 0px 0px 7px;
    font-size: 13px;
    font-weight: bold;
}

.sch-cnt a.active {
    background: #fcce30;
    color: #000;
}

.sch-cnt a:hover {
    background: #fcce30;
    color: #000;
}

.sch-cnt a {
    padding: 5px 25px;
    border-radius: 15px;
    color: #9c9c9c;
    font-size: 14px;
}

.loabby-wrap {
    display: flex;
}

.qr-game {
    width: 260px;
    padding: 15px;
    border-radius: 20px;
    font-size: 14px;
}

.qr-in {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
}

.search-2 {
    flex: 1 0 auto;
}

.qr-gm p {
    text-align: center;
    margin-bottom: 10px;
}

.qr-gm img {
    background: #fff;
    border-radius: 12px;
    border: 3px solid #bc62b8;
    max-height: 93px;
    margin-bottom: 7px;
}

.qr-game p {
    text-align: center;
    margin-bottom: 20px;
}

.qr-all p {
    margin: 0px;
    margin-top: 10px;
}

.lobby-content {
    width: 1090px;
}

.tab-lobby h4 {
    color: #cbff31;
    text-align: center;
    text-transform: uppercase;
    padding: 20px 0px;
    background: #000;
}

.bnr {
    margin-bottom: 20px;
}

.bnr img {
    display: block;
    margin: 0px auto;
    max-width: 100%;
}

.lobby-all {
    padding-bottom: 20px;
    display: flex;
    gap: 20px;
    justify-content: center;
}

.tab-lobby ul li {
    border-bottom: 1px solid #373737;
}

.lobby-content ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
    gap: 20px;
}

.lobby-content ul li {
    border-radius: 0px;
    cursor: pointer;
    position: relative;
}

.lby-nm {
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 165px;
    font-size: 16px;
    padding: 0px 18px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.btn-ply {
    font-size: 12px;
    text-align: center;
    padding: 5px;
    border-radius: 5px;
    margin: 8px 2px;
    color: #cbff31;
    background: #000;
    border: 1px solid #cbff31;
    width: 80%;
}

.lobby-content ul li:hover .lby-img img {
    filter: blur(3px);
    -webkit-filter: blur(2px);
    transition: all 0.3s ease-in-out;
    background: #0000005c;
}

.lobby-content ul li:hover .lby-flx {
    background: #0000005c;
    opacity: 2;
}

.lby-flx {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    padding: 0px 10px 10px 10px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
    z-index: 3000;
    opacity: 0;
}

.btn-ply:hover {
    background: #383838;
    border: 1px solid #cbff31;
    color: #cbff31;
}

.btn-fun {
    font-size: 12px;
    text-align: center;
    padding: 5px;
    border-radius: 5px;
    margin: 0px 2px;
    width: 80%;
    background: #000000;
    border: 1px solid #cbff31;
    color: #cbff31;
}

.btn-fun:hover {
    background: #383838;
    border: 1px solid #cbff31;
    color: #cbff31;
}

.lobby-content ul li:nth-child(6n+1) {
    margin-left: 0px;
}

.lobby-content ul li:hover img {
    border-radius: 0px;
}

.win-list {
    border: 1px solid #B9B1FF;
    background: #fff;
    width: 275px;
    padding: 15px 20px;
    color: #6d6d6d;
    font-size: 14px;
    border-radius: 10px;
    box-shadow: 0px 0px 8px #b9b1ffad;
}

.win-list h4 {
    color: #9325F5;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

.win-dt-1 {
    display: flex;
    justify-content: space-between;
}

.tab-lobby {
    width: 190px;
    background: #0b0b0b;
}

.tab-lobby ul {
    display: flex;
    flex-direction: column;
}

.tab-lobby ul li a {
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #fff;
    padding: 10px;
    padding-left: 24px;
}

.tab-lobby ul li a img {
    filter: brightness(0) invert(1);
}

.tab-lobby ul li a.active img {
    filter: none;
}

.tab-lobby ul li a.active {
    background: #000;
    color: #cbff31;
}

.tab-lobby ul li a.active img {
    filter: none;
}

.tab-lobby ul li a:hover img {
    filter: none;
}

.tab-lobby ul li a:hover {
    background: #000;
    color: #cbff31;
}

/********************************** CASINO **********************************/
.casino-bg {
    background: url("../images/common/suite/casino-bg.jpg") no-repeat center top;
    cursor: pointer;
    height: 650px;
    margin: 0 auto;
    position: relative;
    width: 100%;
}

.cs-loby ul {
    display: flex;
    gap: 0px;
}

.cs-loby {
    position: relative;
    display: flex;
    justify-content: center;
    top: 400px;
}

.cs-loby ul img {
    transform: scale(0.8);
    transition: all 0.2s ease-in-out;
}

.cs-loby ul li a:hover img {
    transform: scale(1);
}

/********************************** SPORT **********************************/
.sport-bg {
    background: url("../images/common/suite/sports-site.jpg") no-repeat center top;
    cursor: pointer;
    height: 650px;
    margin: 0 auto;
    position: relative;
    max-width: 1550px;
}

.sport-1 {
    position: absolute;
    top: 26%;
    left: 13%;
    font-weight: bold;
}

.sport-2 {
    position: absolute;
    top: 26%;
    right: 13%;
    font-weight: bold;
}

a.sport1 {
    transform: skewX(33deg);
    transition: all 0.2s ease-in-out;
    background: #ffba00;
    display: flex;
    padding: 0px 10px;
    color: #fff;
    text-shadow: -2px 1px 1px #00000057;
    width: 195px;
    text-align: center;
    height: 45px;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 0px 4px #000000ab;
}

a.sport2 {
    transform: skewX(33deg);
    transition: all 0.2s ease-in-out;
    background: #ffba00;
    display: flex;
    padding: 0px 10px;
    color: #fff;
    text-shadow: -2px 1px 1px #00000057;
    width: 195px;
    text-align: center;
    height: 45px;
    justify-content: center;
    align-items: center;
    position: relative;
    top: 15px;
    left: 35px;
    font-size: 24px;
    box-shadow: 0px 0px 4px #000000ab;
}

a.sport3 {
    transform: skewX(-33deg);
    transition: all 0.2s ease-in-out;
    background: #bb0d71;
    display: flex;
    padding: 0px 10px;
    color: #fff;
    text-shadow: -2px 1px 1px #00000057;
    width: 195px;
    text-align: center;
    height: 45px;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    box-shadow: 0px 0px 4px #000000ab;
    left: 17%;
    position: relative;
}

a.sport4 {
    transform: skewX(-33deg);
    transition: all 0.2s ease-in-out;
    background: #bb0d71;
    display: flex;
    padding: 0px 10px;
    color: #fff;
    text-shadow: -2px 1px 1px #00000057;
    width: 195px;
    text-align: center;
    height: 45px;
    justify-content: center;
    align-items: center;
    position: relative;
    top: 15px;
    font-size: 24px;
    box-shadow: 0px 0px 4px #000000ab;
}
a.sport5 {
    transform: skewX(-33deg);
    transition: all 0.2s ease-in-out;
    background: #bb0d71;
    display: flex;
    padding: 0px 10px;
    color: #fff;
    text-shadow: -2px 1px 1px #00000057;
    width: 195px;
    text-align: center;
    height: 45px;
    justify-content: center;
    align-items: center;
    position: relative;
    top: 30px;
    font-size: 24px;
    box-shadow: 0px 0px 4px #000000ab;
    left: -19%;
}

a.sport1 div {
    transform: skewX(-33deg);
}

a.sport2 div {
    transform: skewX(-33deg);
}

a.sport3 div {
    transform: skewX(33deg);
}

a.sport4 div {
    transform: skewX(33deg);
}
a.sport5 div {
    transform: skewX(33deg);
}
.h-show {
    display: none;
}

a.sport1:hover .h-show {
    display: block;
    font-size: 26px;
    font-weight: bold;
}

.n-show {
    display: block;
}

a.sport1:hover .n-show {
    display: none;
}

a.sport1:hover {
    background: #ab0909;
}

a.sport2:hover .h-show {
    display: block;
    font-size: 26px;
    font-weight: bold;
}

a.sport2:hover .n-show {
    display: none;
}

a.sport2:hover {
    background: #ab0909;
}

a.sport3:hover .h-show {
    display: block;
    font-size: 26px;
    font-weight: bold;
}

a.sport3:hover .n-show {
    display: none;
}

a.sport3:hover {
    background: #ab0909;
}

a.sport4:hover .h-show {
    display: block;
    font-size: 26px;
    font-weight: bold;
}

a.sport4:hover .n-show {
    display: none;
}

a.sport4:hover {
    background: #ab0909;
}

a.sport5:hover .h-show {
    display: block;
    font-size: 26px;
    font-weight: bold;
}

a.sport5:hover .n-show {
    display: none;
}

a.sport5:hover {
    background: #ab0909;
}

/********************************** esport **********************************/
.epsort-bg {
    background: url("../images/common/suite/esport-bg.jpg") no-repeat center;
    height: 650px;
    margin: 0 auto;
    position: relative;
    width: 100%;
}

/********************************** Lotoo **********************************/
.lotto-bg {
    background: url("../images/common/suite/lottery_bg.jpg") no-repeat center;
    height: 650px;
    margin: 0 auto;
    position: relative;
    width: 100%;
}
/********************************** cock **********************************/
.cock-bg {
    background: url("../images/common/suite/cock-bg.jpg") no-repeat center;
    height: 650px;
    margin: 0 auto;
    position: relative;
    width: 100%;
}
/**********************************poker **********************************/
.poker-bg {
    background: url("../images/common/suite/poker-bg.jpg") no-repeat center;
    height: 370px;
    margin: 0 auto;
    position: relative;
    width: 100%;
}

/********************************** fish **********************************/
.fish-bg {
    background: url("../images/common/suite/fish-bg.jpg") no-repeat center;
    height: 650px;
    margin: 0 auto;
    position: relative;
    width: 100%;
}

/********************************** Promo **********************************/
.btn-yllw2 {
    background: url(../images/common/btn-other2.png) no-repeat;
    height: 63px;
    display: block;
    width: 276px;
    color: #ed3248;
    font-weight: bold;
    font-size: 27px;
    padding: 10px;
    text-align: center;
    margin-top: 30px;
    position: relative;
}

.modal-dialog {
    max-width: 860px;
}

.annouc-pop .modal-header {
    background: #000;
    color: #fff;
    padding: 12px;
    border: none;
}

.modal-title {
    color: #fff;
    text-align: center;
    line-height: 40px;
}

.close span {
    color: #fff;
    opacity: 1;
}

.close {
    opacity: 1;
}

.annouc-pop .modal-content {
    border-radius: 0px;
    padding: 12px;
}

/************************* Deposit ***********************/
/************************************* NAV MENU CSS ************************************/
.menuWrapper.affix {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
}

.menuWrapper {
    height: 75px;
    font-weight: 400;
    bottom: 0px;
    position: absolute !important;
    top: 0px;
}

.menupart {
    width: 1400px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    align-content: stretch;
    height: 75px;
}

.menupart .active {
}

.menupart .active a {
    border-bottom: none;
}

.menupart > ul > li {
    display: table-cell;
    text-align: center;
}

.menupart > ul > li:first-child {
    margin: 0px;
}

.menupart > ul > li > a {
    text-transform: uppercase;
    color: #000000;
    font-size: 17px;
    display: flex;
    position: relative;
    border: 1px solid #fff0;
    padding: 5px 20px;
    height: 75px;
    align-items: center;
    border-bottom: none;
}

.menupart > ul > li > a:hover {
    color: #9325F5;
    text-decoration: none;
    border-bottom: none;
}

.menupart > ul > li > .icon {
}

.menupart > ul > li > .icon p {
    margin: 0px;
    padding: 0px;
    padding-top: 0px;
    font-weight: bold;
}

.wsmenuexpandermain {
    position: relative;
}

.overlapblackbg {
    display: none;
}

.wsmenu {
    color: #fff;
    font-size: 15px;
    padding: 0px;
    margin: 0px auto;
    width: 100%;
    position: relative;
}

.wsmenu-list {
    list-style: none;
    padding: 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    align-content: stretch;
}

.wsmenu-list > li {
}

.wsmenu-list > li > a {
}

.wsmenu-list li:first-child a {
}

.wsmenu-list li:last-child a {
}

.wsmenu-list > li > a .fa {
    display: inline-block;
    font-size: 14px;
    line-height: inherit;
    margin-right: 0px;
}

.wsmenu-list li ul li a .fa.fa-angle-double-right {
    font-size: 12px;
    margin: 0 3px 0 -4px;
}

.wsmenu-list li a .arrow:after {
}

.wsmenu-list > li > a {
}

.wsmenu-list li a:hover .arrow:after {
    border-top-color: #b3b3b3
}

.wsmenu-list li a.active .arrow:after {
    border-top-color: #b3b3b3
}

.wsmenu-list li:hover > a .arrow:after {
    border-top-color: #b3b3b3
}

.megamenu iframe {
    width: 100%;
    margin-top: 10px;
    min-height: 200px;
}

.megamenu video {
    width: 100%;

    margin-top: 10px;
    min-height: 200px;
}

.wsmenu-list li:hover .megamenu {
    opacity: 1;
}

.megamenu {
    width: 100%;
    left: 0px;
    position: absolute;
    top: 75px;
    color: #fff;
    z-index: 1000;
    margin: 0px;
    text-align: left;
    font-size: 15px;
    -o-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -o-transition: -o-transform 0.3s, opacity 0.3s;
    -ms-transition: -ms-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
}

.megamenu .title {
    border-bottom: 1px solid #444444;
    font-size: 14px;
    padding: 0px;
    font-size: 17px;
    color: #fff;
    margin-bottom: 3px;
    text-align: left;
    height: 25px;
}

.megamenu img {
    height: 140px;
}

.megamenu img:hover {
    opacity: 0.9;
    xborder: 1px solid #ebc316;
}

.link-list li {
    display: block;
    text-align: center;
    white-space: nowrap;
    text-align: left;
}

.link-list li a {
    line-height: 12px;
    border-right: none;
    text-align: left;
    padding: 6px 0px;
    xbackground: #fff !important;
    background-image: none !important;
    color: #dedbdb !important;
    border-right: 0 none !important;
    display: block;
    border-right: 1px solid #e7e7e7;
    xbackground-color: #fff;
    color: #919090;
    font-size: 17px !important;
    font-family: 'Ruda', sans-serif !important;
}

.link-list li a:hover {
    color: #db454a !important;
    text-decoration: none !important;
}

.wsmenu-list .ad-style {
    width: 28%;
    float: right;
}

.wsmenu-list .ad-style a {
    border: none !important;
    padding: 0px !important;
    margin: 0px !important;
    line-height: normal !important;
    background-image: none !important;
}

.mobile-sub .megamenu .ad-style a:hover {
    background-color: transparent !important;
}

.wsmenu-list .megamenu li:hover > a {
    background: transparent !important;
    width: 160px;
}

.wsmenu-list .megamenu li a:hover {
    background: transparent !important;
    text-decoration: none;
}

.wsmenu-list .megamenu li .fa {
    margin-right: 5px;
    text-align: center;
    width: 18px;
}

.mrgtop {
    margin-top: 15px;
}

.show-grid div {
    padding-bottom: 10px;
    padding-top: 10px;
    background-color: #dbdbdb;
    border: 1px solid #e7e7e7;
    color: #6a6a6a;
    margin: 2px 0px;
}

.menupart > ul > li > a:hover img {
    filter: .menupart > ul > li > a:hover .mn-sport;
}

.menupart > ul > li > a span {
    filter: brightness(0) invert(1);
}

.wbg0 {
    background: #272727;
}

.wbg1 {
    background: #240604;
}

.wbg2 {
    background: #240604;
}

.wbg3 {
    background: rgb(0 0 0 / 95%);
}

.wbg4 {
    background: #272727;
    color: #646363;
    font-size: 18px;
}

.wbg4 .title2 {
    font-size: 20px;
    width: 100px;
    margin: 0 auto;
    color: #9d9d9d
}

.wbg4 p {
    font-size: 20px;
    width: 150px;
    margin: 0 auto;
    color: #777676
}

.halfdiv {
    width: 35%;
    right: 0px !important;
    left: auto;
}

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

.menu_form input[type="text"] {
    width: 100%;
    border: 1px solid #e2e2e2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #000;
    font-size: 13px;
    padding: 8px 5px;
    margin-bottom: 8px;
}

.menu_form textarea {
    width: 100%;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    color: #000;
    font-size: 13px;
    padding: 8px 5px;
    margin-bottom: 8px;
    min-height: 122px;
}

.menu_form input[type="submit"] {
    width: 25%;
    display: block;
    height: 28px;
    float: right;
    border: solid 1px #ccc;
    margin-right: 15px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.menu_form input[type="button"] {
    width: 25%;
    display: block;
    height: 28px;
    float: right;
    border: solid 1px #ccc;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.megamenu .left.carousel-control {
    padding-top: 20%;
}

.megamenu .right.carousel-control {
    padding-top: 20%;
}

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

.megamenu .carousel-caption {
    bottom: 0px;
    background-color: rgba(0,0,0,0.7);
    font-size: 13px;
    height: 31px;
    left: 0;
    padding: 7px 0;
    right: 0;
    width: 100%;
}

.menu-col {
    width: 160px;
    padding: 25px 0px;
    color: #fff;
}

.menu-col:hover {
    color: #1e5adc;
}

.menu-col-logo p {
    color: #414468;
    font-weight: 100;
    padding: 5px;
}

.menu-col-text span {
    color: #d9a826;
    font-weight: bold;
    font-size: 20px;
    line-height: 10px;
}

.menu-col-text p {
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    margin-top: 10px;
}

.wsmenu-list li > .wsmenu-submenu {
    transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -webkit-transform: rotateX(-90deg);
    visibility: hidden;
}

.wsmenu-list li:hover > .wsmenu-submenu {
    transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1;
    visibility: visible;
}

.wsmenu-submenu li > .wsmenu-submenu-sub {
    transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -webkit-transform: rotateX(-90deg);
    visibility: hidden;
}

.wsmenu-submenu li:hover > .wsmenu-submenu-sub {
    transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1;
    visibility: visible;
}

.wsmenu-submenu-sub li > .wsmenu-submenu-sub-sub {
    transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -webkit-transform: rotateX(-90deg);
    visibility: hidden;
}

.wsmenu-submenu-sub li:hover > .wsmenu-submenu-sub-sub {
    transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1;
    visibility: visible;
}

.wsmenu-list li > .megamenu {
    transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -webkit-transform: rotateX(-90deg);
    visibility: hidden;
}

.wsmenu-list li:hover > .megamenu {
    transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1;
    visibility: visible;
}

.wsmenu-submenu {
    position: absolute;
    top: 48px;
    z-index: 1000;
    margin: 0px;
    padding: 4px;
    border: solid 1px #eeeeee;
    background-color: #fff;
    opacity: 0;
    -o-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -o-transition: -o-transform 0.3s, opacity 0.3s;
    -ms-transition: -ms-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
}

.wsmenu-submenu li a {
    background: #fff !important;
    background-image: none !important;
    color: #666666 !important;
    border-right: 0 none !important;
    text-align: left;
    display: block;
    line-height: 22px;
    padding: 6px 12px;
    text-transform: none;
    font-size: 13px;
    letter-spacing: normal;
    border-right: 0px solid;
}

.wsmenu-list > li.active > a {
}

.wsmenu-submenu li {
    position: relative;
    margin: 0px;
    padding: 0px;
}

.wsmenuexpandermain {
    display: none;
}

.wsmenu-list li:hover .wsmenu-submenu {
    display: block;
}

.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub {
    min-width: 220px;
    position: absolute;
    left: 100%;
    top: 0;
    margin: 0px;
    padding: 0px;
    opacity: 0;
    -o-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -o-transition: -o-transform 0.4s, opacity 0.4s;
    -ms-transition: -ms-transform 0.4s, opacity 0.4s;
    -moz-transition: -moz-transform 0.4s, opacity 0.4s;
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
}

.wsmenu-list .wsmenu-submenu li:hover .wsmenu-submenu-sub {
    opacity: 1;
    list-style: none;
    padding: 4px;
    border: solid 1px #eeeeee;
    background-color: #fff;
}

.wsmenu-list .wsmenu-submenu li:hover .wsmenu-submenu-sub {
    display: block;
}

.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub .wsmenu-submenu-sub-sub {
    min-width: 220px;
    position: absolute;
    left: 100%;
    top: 0;
    margin: 0px;
    padding: 0px;
    opacity: 0;
    -o-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -o-transition: -o-transform 0.4s, opacity 0.4s;
    -ms-transition: -ms-transform 0.4s, opacity 0.4s;
    -moz-transition: -moz-transform 0.4s, opacity 0.4s;
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
}

.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub li:hover .wsmenu-submenu-sub-sub {
    opacity: 1;
    list-style: none;
    padding: 4px;
    border: solid 1px #eeeeee;
    background-color: #fff;
}

.wsmenu-submenu li {
    position: relative;
    padding: 0px;
    margin: 0px;
    display: block;
}

.wsmenu-click {
    display: none;
}

.wsmenu-list li:hover > a {
}

.wsmenu-list > li > a:hover {
}

.wsmenu-list > li > a.active {
    background-color: rgba(0,0,0,0.08) !important;
    text-decoration: none;
}

.wsmenu-submenu > li > a:hover {
    background-color: rgba(0,0,0,0.08) !important;
    border-radius: 0px !important;
    text-decoration: none;
    text-decoration: none;
}

.wsmenu-submenu .fa {
    margin-right: 7px;
}

.menupart > ul > li.active p {
    color: #1e5adc;
}

.menu-in ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
}

.menu-in ul li {
    color: white;
    font-weight: bold;
    text-align: center;
    padding: 0px;
    width: 160px;
}

.grey-bar {
    background: rgba(123, 115, 115, 0.5);
    height: 35px;
    width: 100%;
    position: absolute;
    bottom: 1px;
    z-index: -1;
    display: none;
}

.grey-bar2 {
    background: rgba(123, 115, 115, 0.5);
    height: 35px;
    width: 100%;
    position: absolute;
    bottom: 147px;
    z-index: -1;
}

.menu-col-logo {
    position: relative;
    display: block;
    width: 110px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: 0 0;
    margin: 0 auto 0px;
    transition: all 0.2s ease-out 0s;
    background-size: 100% 100%;
}

.menu-col-link {
    color: #ffe895;
    height: 35px;
    padding-top: 6px;
}

li a:hover .menu-col-logo {
    background-position: 0 -50px;
}

.menu-in ul li a:hover .menu-col-link {
    background: #ffe895;
    color: #000;
}

.menuWrapper.affix {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
}

.is-fixed .menuWrapper {
    background: #000;
    padding-top: 10px;
}

nav ul {
    margin: 0;
    padding: 15px;
}

nav ul li {
    padding: 10px 0;
    display: inline-block;
    transition: padding 0.3s linear;
}

nav ul li a {
    color: white;
    text-decoration: none;
}

.menu-in {
    width: 1366px;
    display: block;
    margin: 0px auto;
}

.ind-in {
    width: 1112px;
    display: block;
    margin: 0px auto;
    padding-top: 30px;
}

.af-in input.form-control {
    padding: 10px 25px;
    font-size: 12px;
    height: 32px;
    margin-top: 5px;
    margin-right: 10px;
}

.msg-nmb {
    position: absolute;
    top: -5px;
    background: #f00;
    color: #fff;
    border-radius: 50%;
    padding: 1px;
    width: 20px;
    height: 20px;
    text-align: center;
    right: 18px;
    font-size: 11px;
}

.mail-box img {
    width: 70%;
    border: 1px solid #f1d59b;
    padding: 5px 10px;
}

.mail-box2 {
    position: relative;
}

.msg-nmb2 {
    position: absolute;
    top: 5px;
    background: #f00;
    color: #fff;
    border-radius: 50%;
    padding: 0px;
    width: 20px;
    height: 20px;
    text-align: center;
    right: 7px;
    font-size: 13px;
    font-weight: bold;
}

.mail-box2 img {
    width: 100%;
    border: 1px solid #f1d59b;
    padding: 10px 10px;
    display: block;
    margin: 0px auto;
}

.in-box {
    display: flex;
}

.msg-content {
    display: block;
    width: 100%;
    margin-top: 30px;
}

.bg-ttl {
    text-align: center;
    color: #ffe795;
    font-size: 22px;
    text-transform: uppercase;
}

.btn-ttl {
    color: #fff;
    padding: 8px 25px;
    border-radius: 25px;
    text-align: center;
    display: inline-block;
    min-width: 120px;
}

.msg-tr {
    display: flex;
    width: 100%;
    cursor: pointer;
}

.msg-td {
    display: flex;
}

.cl-1 {
    width: 15%;
    text-align: center;
}

.cl-2 {
    width: 40%;
    text-align: left;
}

.cl-3 {
    width: 40%;
}

.cl-4 {
    width: 10%;
    text-align: right;
}

.msg-tr a {
    width: 100%;
    display: table;
}

.msg-tr a {
    width: 100%;
    display: flex;
    color: #ffffff;
    padding: 10px 0px;
}

.mesg-bg {
    background: #190804 url(../images/common/msg-bg.jpg) top center no-repeat;
    padding: 0px 0px 40px 0px;
}

.msg-bg {
    background: #8e9fd3;
    border-radius: 10px;
}

.msg-ttl {
    position: relative;
    background: url("../images/common/header-bg.png") no-repeat center;
    margin-bottom: 15px;
    border-radius: 10px;
}

.pt-txt {
    padding-left: 30px;
}

.trsh-ico i {
    font-size: 20px;
    color: #c155be;
    padding-right: 20px;
    text-shadow: 1px 1px 1px #fff;
}

.msg-list .msg-tr {
}

.msg-list .msg-tr:hover {
}

.msg-tr a:hover {
    background: #00000047;
}

.msg-pp {
    max-width: 580px;
    margin-top: 10%;
}

.msg-pp .modal-content {
    border: none;
    background: #000000d9;
    min-height: 250px;
    border-radius: 9px;
}

.msg-pp button.close {
    color: #ffffff;
    opacity: 1;
    font-size: 13px;
    right: 30px;
    bottom: 20px;
    background: #9325F5;
    font-weight: 100;
    padding: 6px 20px;
    border-radius: 8px;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 20px;
}

.msg-p-ttl {
    text-align: left;
    font-size: 18px;
    padding: 10px;
    color: #fff;
    background: url( "../images/common/header-bg.png") center top;
    padding-left: 6%;
}

.msg-pp .modal-body {
    padding: 0px;
    position: relative;
}

.msg-content-pop {
    padding: 0px 30px;
    color: #ffffff;
}

.btn-live {
    color: #e4b445;
}

.btn-live:hover {
    color: #f9d349;
}

.pg-n button:hover {
    background: #e6b65f;
    color: #fff;
}

.msg-list .msg-tr:nth-child(odd) {
    background: #7b7b7b;
}

.msg-list {
    background: #3c3c3e80;
    border-radius: 10px;
}

.msg-list .msg-tr:first-child {
    border-radius: 10px 10px 0px 0px;
}

.msg-list .msg-tr:last-child {
    border-radius: 0px 0px 10px 10px;
}

.msg-list .msg-tr:last-child a {
    border-radius: 0px 0px 10px 10px;
}

.msg-list .msg-tr:first-child a:hover {
    border-radius: 10px 10px 0px 0px;
}

.cl-3 .btn-ttl {
}

input.pg-input {
    background: #e5b35c;
    box-shadow: inset 1px 1px 10px #0000004f;
    border: none;
    width: 30px;
    text-align: center;
    color: #000;
    padding: 3px;
}

.msg-pp {
    width: 580px;
}

.msg-pp-t {
    margin-top: 15px;
    background: #353535;
}

.msg-pp-t tr td {
    border: 1px solid #9325F5;
    font-size: 14px;
    text-align: center;
    padding: 10px 0px;
    color: #ffffff;
}

.msg-in {
    font-size: 14px;
    padding: 15px 10px;
    min-height: 80px;
}

.dropdown {
    display: flex;
}

.dropdown-menu.lang {
    width: 45px;
    min-width: auto;
    text-align: center;
    right: -7px;
    border: none;
    background: rgb(70 70 70 / 95%);
    left: auto;
    margin-top: 13px;
    border-radius: 0px 0px 5px 5px;
}

button#ddlang {
    color: #fff;
    display: flex;
    padding: 0px;
}

button#ddlang:focus {
    outline: none;
    box-shadow: none;
}

.dd-item {
    display: block;
    padding: 0px;
    text-align: left;
    color: #fff;
    margin: 5px;
}

button#ddlang img {
    height: 23px;
    margin-right: 5px;
}

.lang-drop .dropdown a:hover {
    background: #000000ab;
    color: #fff;
    text-decoration: none;
}

.btn-join:hover {
    background: #4e5555;
}

.btn-login:hover {
    background: #000;
    background: #4b7be3;
}

.btn-forgot {
    color: #059C74;
    font-size: 10px;
}

.inx-img {
    padding: 0px 30px;
    padding-top: 54px;
}

.dd-item img {
    height: 24px;
    display: block;
    margin: 0px auto;
}

.dd-item:hover {
    color: #8b8b8b;
}

.col-carousel {
    margin: 70px 0;
}

.tp-l {
    display: flex;
    gap: 10px;
    align-content: center;
}

.time {
    color: #909c9b;
    display: flex;
    align-items: center;
    font-size: 12px;
}

span.ico-ref {
    color: #1e5adc;
}

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

.icon img {
    height: 28px;
}

.modal-dialog {
}

.annouc-pop h5 {
    margin: 0px;
}

.annouc-pop .close {
    border: none;
    border-radius: 0px;
}

table.announc-table tr td {
    border: 1px solid #363636;
    text-align: center;
    font-size: 15px;
}

table.announc-table {
    border-collapse: collapse;
    border-spacing: 0;
}

table.announc-table tr th {
    border: 1px solid #363636;
    text-align: center;
    font-size: 15px;
}

.modal-dialog.annouc-pop {
    max-width: 1440px;
    margin-top: 13%;
}

td.g-clr {
    color: rgb(5, 156, 116);
}

.carousel {
    background: #000000;
}

.carousel-cell {
    width: 27%;
    margin-right: 10px;
    border-radius: 5px;
}

.carousel-cell:before {
    display: block;
    text-align: center;
    line-height: 200px;
    font-size: 80px;
    color: white;
}

.flickity-prev-next-button.previous {
    left: 10%;
    border-radius: 10px;
    border: 1px solid #fff;
    background: #ffffff85;
}

.flickity-prev-next-button.next {
    right: 10%;
    border-radius: 10px;
    border: 1px solid #fff;
    background: #ffffff85;
}

.flickity-prev-next-button .flickity-button-icon {
    color: #000000;
}

.flickity-page-dots {
    display: none;
}

.ico-ttl h5:after {
    content: "";
    height: 27px;
    width: 1px;
    background: #fff;
    position: absolute;
    left: 0px;
    top: -1px;
}

.ico-ttl h5 {
    position: relative;
    padding-left: 10px;
    display: flex;
    align-items: center;
    width: 100%;
    color: #fff;
}

.ico-ttl {
    display: flex;
    width: 100%;
}

.footer-detail2 .image-ft img {
    height: 74px;
    margin: 20px 0px;
}

.ico-ttl h5 .small {
    font-size: 10px;
    padding-left: 12px;
}

.footer-detail2 p {
    font-size: 11px;
}

span.f-ico {
    border: 1px solid #fff;
    border-radius: 50%;
    display: flex;
    height: 15px;
    width: 15px;
    align-items: center;
    justify-content: center;
}

span.f-ico i {
    font-size: 6px;
    transform: rotate(45deg);
}

.dsport-1 {
    background: url("../images/common/menu/dp-3sing.png")
}

.dsport-2 {
    background: url("../images/common/menu/dp-sbo.png")
}

.dsport-3 {
    background: url("../images/common/menu/dp-bbin.png")
}
.dsport-4 {
    background: url("../images/common/menu/dp-cmd.png")
}
.desport-1 {
    background: url("../images/common/menu/dp-avia.png")
}

.desport-2 {
    background: url("../images/common/menu/dp-ia.png")
}

.desport-3 {
    background: url("../images/common/menu/dp-tf.png")
}

.dcasino-1 {
    background: url("../images/common/menu/dp-dg.png")
}

.dcasino-2 {
    background: url("../images/common/menu/dp-wm.png")
}

.dcasino-3 {
    background: url("../images/common/menu/dp-awc.png")
}

.dcasino-4 {
    background: url("../images/common/menu/dp-evo.png")
}

.dcasino-5 {
    background: url("../images/common/menu/dp-bbin.png")
}

.dcasino-6 {
    background: url("../images/common/menu/dp-pp.png")
}
.dcasino-7 {
    background: url("../images/common/menu/dp-world.png")
}
.dslot-1 {
    background: url("../images/common/menu/dp-jdb.png")
}

.dslot-2 {
    background: url("../images/common/menu/dp-cq9.png")
}

.dslot-3 {
    background: url("../images/common/menu/dp-dragoon.png")
}

.dslot-4 {
    background: url("../images/common/menu/dp-joker.png")
}

.dslot-5 {
    background: url("../images/common/menu/dp-pp.png")
}

.dfish-1 {
    background: url("../images/common/menu/dp-jdb.png")
}

.dfish-2 {
    background: url("../images/common/menu/dp-cq9.png")
}

.dfish-3 {
    background: url("../images/common/menu/dp-dragoon.png")
}

.dfish-4 {
    background: url("../images/common/menu/dp-joker.png")
}

.dlotto-1 {
    background: url("../images/common/menu/dp-vr.png")
}

.dlotto-2 {
    background: url("../images/common/menu/dp-tcg.png")
}

.dlotto-3 {
    background: url("../images/common/menu/dp-bbin.png")
}

.dpoker-1 {
    background: url("../images/common/menu/dp-bole.png")
}

.dpoker-2 {
    background: url("../images/common/menu/dp-ky.png")
}

.dpoker-3 {
    background: url("../images/common/menu/dp-vg.png")
}

.dpoker-4 {
    background: url("../images/common/menu/dp-leg.png")
}

.dpoker-5 {
    background: url("../images/common/menu/dp-pony.png")
}

.carousel-cell img {
    max-width: 100%;
    border-radius: 10px;
}
.nm-suite {
    position: absolute;
    bottom: 45%;
    font-size: 220%;
    color: #fff;
    font-weight: bold;
    left: 6%;
}
.brow-ft ul li div {
    position: relative;
    display: block;
    background-repeat: no-repeat;
    background-position: 0 0;
    margin: 0 auto 0px;
    transition: all 0.2s ease-out 0s;
    width: 46px;
    height: 49px;
    cursor: pointer;
}

.brow-1 {
    background: url("../images/common/icon-browser.png")0 -49px no-repeat;
}

.brow-2 {
    background: url("../images/common/icon-browser.png") no-repeat;
    background-position-x: 50% !important;
}

.brow-3 {
    background: url("../images/common/icon-browser.png") no-repeat;
    background-position-x: 100% !important;
}

.brow-ft ul li {
    display: block;
    margin: 0px auto;
    font-size: 12px;
    font-weight: bold;
}

.brow-ft ul {
    margin-top: 15px;
}

.bros-text {
    display: flex;
    font-size: 10px;
    justify-content: space-around;
    margin-top: 20px;
}

.brow-ft ul li:hover div {
    background-position-y: -49px;
}

.cs-loby2 {
    position: relative;
    display: flex;
    justify-content: center;
    top: 356px;
}

.cs-loby2 ul {
    display: flex;
    gap: 10px;
}

.cs-loby2 ul li a {
    display: flex;
    flex-direction: column;
}

.cs-loby2 img {
}

.btn-pl {
    display: flex;
    background: #ffffffdb;
    border-radius: 22px;
    text-align: center;
    justify-content: center;
    padding: 5px;
    color: #000;
    font-weight: bold;
}

li:hover .btn-pl {
    background: #cbff31;
}

.poker-bg .cs-loby2 {
    top: 85px;
}

.promo-wap {
    background: url("../images/common/suite/activity_bg.jpg") top center no-repeat;
    background-attachment: fixed;
    background-size: cover;
    padding-top: 50px;
}

.mb-bbin {
    display: inline-block;
}

.wrap-all {
    background: rgb(37, 37, 37);
}

.info-wrap h4 {
    color: #059C74;
}

.info-wrap {
    padding-top: 27px;
    width: 1100px;
    margin: 0px auto;
}

.info-wrap h4 span {
    margin-left: 20px;
    font-size: 80%;
}

.wrap-l ul li a {
    padding: 14px;
    display: flex;
    color: #fff;
    padding-left: 35px;
    font-weight: bold;
    position: relative;
}

.wrap-l ul {
    margin-top: 25px;
    width: 320px;
}

.wrap-l ul li a:hover,.wrap-l ul li a.active {
    background: #059c74;
    color: #000;
}

.wrap-info {
    display: flex;
    gap: 30px;
}

.wrap-l ul li a:after {
    content: ">>";
    font-family: "宋体";
    font-style: normal;
    position: absolute;
    right: 20px;
}

.info-in {
    color: #fff;
    padding-top: 40px;
    font-size: 12px;
}

span.sp {
    margin-right: 10px;
}

.info-in p {
    margin-bottom: 10px;
}

.btn-contact {
    background: #3e5d9e;
    color: #fff;
    padding: 5px 15px;
    margin-left: 24px;
}

.info-in h6 {
    color: #ffac00;
    margin-bottom: 15px;
}

.info-in ol {
    list-style: auto;
    padding-left: 15px;
}

.info-in ol li {
    padding-left: 10px;
    margin-bottom: 10px;
}

.info-in ul {
    list-style: circle;
    padding-left: 15px;
}

.info-in ul li {
    padding-left: 10px;
    margin-bottom: 10px;
}

.gm {
    overflow-y: scroll;
    max-height: 560px;
    padding-right: 20px;
}

.af-top ul {
    display: flex;
    gap: 10px;
    padding: 0px !important;
}

.af-top ul li a {
    font-size: 13px;
    color: rgba(255,255,255,.6);
}

.af-top ul li {
    color: rgba(255,255,255,.6);
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 10px;
}

span.top-txt i {
    color: #1e5adc;
}

.wrap-l2 ul li a {
    padding: 14px;
    display: flex;
    color: #fff;
    padding-left: 35px;
    font-weight: bold;
    position: relative;
}

.wrap-l2 ul {
    margin-top: 25px;
    width: 260px;
}

.wrap-l2 ul li a:hover,.wrap-l2 ul li a.active {
    background: #059c74;
    color: #000;
}

.wrap-info {
    display: flex;
    gap: 30px;
}

.afcontent-in ul {
    display: flex;
}

.wrap-r {
    width: 100%;
    /* background: #1e1e1e; */
}

.afcontent-in ul li a {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 25px;
    border: 1px solid #2a262600;
    border-top: 3px solid #059c7400;
}

.afcontent-in ul li a.active {
    background: #181818;
    border: 1px solid #2A2626;
    border-top: 3px solid #059C74;
}

.afcontent-in {
    display: flex;
}

.afcontent-in ul li {
    display: flex;
}

.contant-in {
    background: #181818;
    border: 1px solid #2A2626;
    /* height: 100%; */
    position: relative;
    min-height: 500px;
    /* height: 500px; */
    /* overflow: hidden; */
    /* overflow-y: auto; */
    padding: 20px;
}

.pay-gate ul {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.pay-gate ul p {
    color: #e3c7af;
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 14px;
}

.pay-gate ul a {
    background: #d2350c;
    padding: 5px 20px;
    display: inline-flex;
    color: #fff;
    font-size: 12px;
    border-radius: 5px;
    font-weight: bold;
}

.pay-gate ul li {
}

.step-wrap ul {
    display: flex;
    color: #fff;
    padding: 0px;
    justify-content: space-between;
    margin: 0px;
    position: relative;
    width: 250px;
    flex-direction: row;
    border: none;
}

.step-wrap ul li {
    list-style: none;
    z-index: 10;
}

.btn-step-act {
    background: #d7b556 !important;
}

.step-wrap ul li a {
    font-size: 20px;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px !important;
    background: #494949;
    z-index: 10;
    border: 1px solid #059c74 !important;
    color: #fff !important;
}

.step-wrap {
    position: relative;
    /* margin-top: 40px; */
    margin-bottom: 40px;
    display: flex;
    justify-content: center;
}

.step-wrap ul::after {
    content: '';
    background-color: #059c74;
    position: absolute;
    top: 50%;
    left: 0;
    height: 4px;
    width: 100%;
    z-index: 1;
    margin: 0px auto;
    right: 0;
}

.af-wrap {
    width: 530px;
    display: block;
    margin: 0px auto;
}

.af-deposit ul {
    display: flex;
    justify-content: center;
}

ul.afterlogin_deposit {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0px;
}

.step-wrap ul li a.active, .step-wrap ul li a:hover {
    background: #059c74 !important;
}

.ab-top {
    color: #fff;
    background-color: #d2350c;
    border-color: #d2350c;
    font-size: 12px;
    width: 25%;
}

.afterlogin_deposit a.active {
    background: #d7b556;
    color: #ffffff;
    border: 1px solid #d7b556;
}

ul.afterlogin_deposit li {
    list-style: none;
}

.btn-wrap {
    display: flex;
    justify-content: center;
    margin-top: 40px;
    margin-bottom: 20px;
}

.submit_btn2 {
    color: #ffffff;
    font-size: 19px;
    font-weight: 500;
    min-width: 132px;
    border: none;
    min-height: 39px;
    border-radius: 34px;
    background: #d7b556;
    margin: 0px auto;
    display: block;
}

.btn-wrap button {
    margin: 0px 10px;
}

.af-pop .modal-header {
    background: #059C74;
    color: #fff;
    padding: 12px;
    border: none;
}

.af-pop .modal-content {
    border-radius: 0px;
    padding: 12px;
    height: 658px;
    border: none;
    /* overflow: scroll; */
}

.af-pop h5 {
    margin: 0px;
}

.af .close {
    border: none;
    border-radius: 0px;
}
.modal-dialog.af-pop {
    margin-top: 5%;
    width: 680px;
}
.form-txt .form-control {
    border-radius: 5px;
    padding: 4px 10px;
    font-size: 12px;
    height: 28px;
    color: #ffffff;
    border: none;
    background-color: #0a1312;
}
.po-af {
    border: 10px solid #d7d7c1;
    padding: 10px;
}

.af-detail h6 {
    font-weight: bold;
    margin-top: 30px;
    border-top: 1px solid #000;
    padding-top: 10px;
    font-size: 14px;
    margin-bottom: 10px;
}
.af-detail ol {
    list-style: auto;
    padding-left: 15px;
}
.af-sp {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 30px;
}

.af-content {
    position: relative;
    /* background: #494949; */
    color: #494949;
    height: 38px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    border: 1px solid #ced4da;
}

.af-cpy {
    position: absolute;
    top: 0px;
    right: 0px;
    color: #fff;
}

.detail-af {
    padding-left: 20px;
}

button.btn-cpy {
    background: #059c74;
    color: #fff;
    padding: 7px;
    border-radius: 0px 5px 5px 0px;
}

.submit_btn {
    color: #fff;
    background-color: #d2350c;
    border-color: #d2350c;
    border-color: #d2350c;
    font-size: 12px;
    width: 25%;
    border-radius: 5px;
}
.submit_btn:hover {
    background-color: #ab2c0b;
    border-color: #ab2c0b;
}
button.btn-mp {
    background: linear-gradient(to bottom, rgba(227,197,151,1) 0%, rgba(190,163,135,1) 100%);
    border-radius: 50px;
    font-weight: bold;
    padding: 3px 20px;
}

.ttv {
    margin-top: 20px;
}

.afterloginform p {
    font-size: 12px;
}

.txt-red {
    color: #d2350c;
}
.v-af h5 {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}
.v-af {
    overflow-y: scroll;
}

.v-af img {
    max-width: 100%;
}
.nt {
    color: #fff;
    font-size: 11px;
    margin-bottom: 10px;
}

.af-in-wrap {}

.af-wrap p {
    text-align: center;
}

.form-group {
    align-items: center;
}
.col-form-label {text-align: end;}

.blc-wrap ul {
    display: flex;
    font-size: 10px;
    gap: 20px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.blc-wrap ul li h5 {
    color: #fff;
    font-size: 16px;
}

.blc-wrap ul li {
    width: 133px;
    text-align: center;
    position: relative;
}

.blc-am {
    color: #ffc95f;
    padding: 10px 0px;
}

.blc-wrap ul li:after {
    position: absolute;
    content: "";
    height: 45px;
    width: 0.5px;
    background: #ffffff5c;
    top: 0px;
    right: 0px;
}
.af-in {
    background: #1e1e1e;
    padding: 10px;
    margin-top: 25px;
}
.bank-in {
    background: #fff;
    padding: 10px;
    min-height: 458px;
}

.bank-ttl {
    border: 1px solid #0000002e;
    padding: 10px;
    font-weight: bold;
}

.txt-n {
    text-align: center;
    padding: 10px 0px;
}

.bank-tab ul li a {
    background: #ecd8a8;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px;
    font-size: 14px;
    border-radius: 5px;
    color: #000;
}
.bank-tab ul li a.active {
    background: #d9b358;
    color: #fff;
}
.bank-tab ul li {}

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

.bank-tab {}

.bank-tab .tab-content {
    border: 1px solid #0000002e;
    margin: 15px 0px;
    padding: 15px;
}

.form-control {
    font-size: 12px;
}

table.history-t {
    margin-top: 20px;
}

.history-t tr td {
    border: 1px solid #0000002e;
    font-size: 14px;
    text-align: center;
    padding: 10px 5px;
    color: #8c8caa;
    /* font-weight: bold; */
}

td.co-1 {
    width: 13.75%;
}

td.co-2 {
    width: 15%;
}

td.co-3 {
    width: 30%;
}
.tran-wrap {
    color: #fff;
    background: #3e3e3e;
    padding: 10px;
    display: flex;
    justify-content: space-between;
}

.l-ts {
    position: relative;
}

.l-ts  .col-form-label {
    font-size: 12px;
}

.tran-l {
    width: 50%;
}

.tran-r {
    width: 50%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.tran-r img {
    width: 141px;
    display: block;
    margin: 0px auto;
}

img.trs-img {
    position: absolute;
    top: 9%;
    right: -11%;
}
.date-l {
    display: flex;
    color: #fff;
}
.submit_btn {
    padding: 4px !important;
    height: 32px;
    margin-left: 1%;
    /* width: 15%; */
}

.his-table tr td {
    border: 1px solid #ffffff5e;
    color: #fff;
}

hr.in-line {
    border-top: 1px solid #ffffff5e;
    margin-top: 10px;
}

.prof-form .form-group {
    margin: 0px;
}
.annou-tt {
    padding: 10px;
    background: #181818;
    color: #fff;
}

.annou-tt .announc-table tr td {
    font-size: 12px;
    padding: 5px;
}

.annou-tt .announc-table tr th {
    font-size: 12px;
    padding: 5px;
}
.reg-wrap {
    background: #0f0f0f;
    padding: 30px;
    color: #fff;
    width: 1000px;
    margin: auto;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color:red;
}
.notic {
    color: #FFEB3B;
    font-size: 12px;
}

.reg-form {
    margin-top: 82px;
}

.reg-form label {
    font-size: 15px;
}
.btn-reg {
    background: linear-gradient(to bottom, #7db9e8 1%, #2b8ee5 9%, #2a77d6 100%);
    padding: 10px;
    width: 215px;
    border-radius: 5px;
    color: #fff;
}

.btn-reg:hover {
    background: linear-gradient(to top, #7db9e8 1%, #2b8ee5 9%, #2a77d6 100%);
}
label.custom-control-label {
    font-size: 12px;
    padding-top: 4px;
}
.custom-control.custom-checkbox.col-sm-6 {
    padding-left: 40px;
}
button.btn-vel {
    background: #eb9429;
    font-size: 12px;
    color: #fff;
    padding: 4px 10px;
    border-radius: 5px;
    position: absolute;
    bottom: -31px;
}
.ver-btn {
    margin-bottom: 40px;
}

/** Promotion **/
#details {
    color: #fff;
}

#details .modal-content {
    border: 1px solid #e3b448;
    background: #fff;
}

#details .modal-header {
    border: none;
}

#details .close {
    color: #ffffff;
    text-shadow: none;
}

.promo-sec {
    background: #000 url("../images/common/bg-content-sp.jpg") no-repeat;
    padding: 75px 0;
}

.mix {
    display: none;
}

.promo-content-all {
    margin: 0px auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 20px;
    width: 834px;
}

.promo-item {
    margin-bottom: 15px;
    cursor: pointer;
}

.promo-btn:focus {
    border: none;
    outline: none;
}

.promo-img {
    position: relative;
}

.btn-promo {
    position: absolute;
    right: 10px;
    top: 120px;
}

.filter-menu-bar {
    text-align: center;
    width: 834px;
    margin: 0px auto;
    background: #fff6;
    border-radius: 50px;
    padding: 4px;
}

.pmbox {
    text-align: center;
    font-size: 13px;
    color: #fff;
    cursor: pointer;
    padding: 5px 20px;
    border-radius: 50px;
    border: 2px solid #828ead00;
}

.pmbox:hover,.pmbox.active {
    color: #fff;
    background: #425fb4;
    border: 2px solid #828ead;
}

.promo-content {
    text-align: left;
    margin: 0px auto;
    background: #252525;
}

.pmbox {
    display: inline-block;
}

.promo-box {
    background: #fff;
    margin: 10px;
}

.promo-content-box {
}

.promo-img img {
    width: 100%;
    display: block;
    margin: 0px auto;
}

.promo-inner-box {
    padding: 10px 30px;
}

.promo-title {
    color: #fbab00;
    font-weight: 700;
    margin-bottom: 10px;
    text-align: left;
    font-size: 16px;
}

.promo-subtitle {
    font-size: 11px;
    color: #000;
    font-weight: 700;
    margin-bottom: 17px;
    text-align: left;
}

.promo-content-title {
    text-transform: uppercase;
    color: #000;
    text-align: left;
    font-weight: 600;
    margin-bottom: 13px;
}

.promo-content-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0;
    color: #000;
    width: 80%;
    font-weight: 600;
    font-size: 10px;
}

.sub-1,.sub-2 {
    text-align: left;
}

.promo-btn-group {
    display: flex;
    justify-content: space-around;
    width: 70%;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 10px;
}

.btn-promo-details {
    border-radius: 25px;
    padding: 5px 30px;
    background: #a9904e;
    font-weight: 600;
    color: #fff;
    font-size: 12px;
}

.btn-promo-details:hover {
    text-decoration: none;
    color: #000;
}

.btn-promo-join {
    border-radius: 25px;
    padding: 5px 20px;
    background: #b68946;
    font-weight: 600;
    color: #fff;
    font-size: 12px;
}

.btn-promo-join:hover {
    text-decoration: none;
    color: #000;
}

.promo-btn {
    background: url("../images/common/btn-ply-hvr.png");
    width: 134px;
    height: 41px;
    color: #fff;
    border: none;
}

.promo-btn:hover {
    background: url("../images/common/btn-ply.png");
}
.promo-content img {
    max-width: 100%;
}

/*Tournament*/
.tour-wrap-all{background: url("../images/common/tournament/check in_bg.jpg") no-repeat center top;}
.tour-wrap {
    padding-top: 400px;
}

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

button.btn-token {
    border-radius: 8px;
    padding: 9px 0px;
    width: 230px;
    background: linear-gradient(to bottom, rgba(239,195,65,1) 0%, rgba(203,120,32,1) 100%);
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    text-shadow: -1px 4px #a41919;
}

.wrap-btn {
    background: linear-gradient(to bottom, rgba(217,161,57,1) 0%, rgba(246,219,113,1) 53%, rgba(215,160,59,1) 100%);
    border-radius: 10px;
    padding: 4px;
}
.check-in{background: url("../images/common/tournament/line.png")no-repeat center top;/* margin-top: 120px; */}

.check-iteam ul {
    display: flex;
    justify-content: center;
    position: relative;
    top: -60px;
    gap: 40px;
}

.check-iteam ul li a {
    display: flex;
    flex-direction: column;
}
.check-iteam ul img {
    height: 145px;
}

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

.check-iteam ul li a p {
    color: #585555;
    font-weight: bold;
    text-align: center;
    padding-top: 12px;
}
.tour-logo img {
    height: 200px;
    margin: 0px auto;
    display: block;
}
.btn-reward {
    display: flex;
    justify-content: center;
}

.reward-btn {
    background: linear-gradient(to bottom, rgba(176,143,115,1) 0%, rgba(255,221,187,1) 31%, rgba(115,48,6,1) 75%, rgba(188,150,121,1) 100%);
    padding: 3px;
    border-radius: 8px;
}

button.btn-wrad {
    background: linear-gradient(to bottom, rgba(50,23,25,1) 0%, rgba(25,5,5,1) 100%);
    color: #fff;
    font-size: 30px;
    padding: 4px 40px;
    border-radius: 5px;
    font-weight: bold;
    text-transform: uppercase;
}
.check-iteam ul li.active a p {
    color: #b73e1e;
}
.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: #fff;
    background: linear-gradient(to bottom, rgba(61,61,61,1) 0%, rgba(6,6,6,1) 100%);
    border-style: solid;
    /* border-width: 2px; */
    border-image: radial-gradient(rgb(221 167 65), rgb(246 220 115)) 1;
    width: 230px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
    font-weight: bold;
    border-radius: 10px;
    font-size: 18px;
}
.modal-dialog.tnc-pop {
    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: 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: #321719;
    color: #fff;
    padding: 25px;
    border-radius: 10px;
}
.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;
}


/* 15/1/2024 */
.dsport-5 {
    background: url("../images/common/menu/dp-ug.png")
}

.dsport-6 {
    background: url("../images/common/menu/dp-m8.png")
}

a.sport6 {
    transform: skewX(33deg);
    transition: all 0.2s ease-in-out;
    background: #ffba00;
    display: flex;
    padding: 0px 10px;
    color: #fff;
    text-shadow: -2px 1px 1px #00000057;
    width: 195px;
    text-align: center;
    height: 45px;
    justify-content: center;
    align-items: center;
    position: relative;
    top: 30px;
    font-size: 24px;
    box-shadow: 0px 0px 4px #000000ab;
    left: 75px;
}

a.sport6 div {
    transform: skewX(-33deg);
}

a.sport6:hover .h-show {
    display: block;
    font-size: 26px;
    font-weight: bold;
}

a.sport6:hover .n-show {
    display: none;
}

a.sport6:hover {
    background: #ab0909;
}