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

html,
body {}

@media (max-width:1366px) {
    body {
        display: inline-block;
        overflow-x: hidden;
        overflow-y: scroll;
    }

    .sticky.is-fixed {
        position: static;
    }
}

body {
    background: #090909 url(../images/common/index-CNY-bg.jpg) top center no-repeat;
    font-family: 'Lato', sans-serif;
}

.container {
    width: 1246px;
    padding: 0px;
    display: block;
    margin: 0px auto;
    max-width: 1246px;
}

a:hover {
    -webkit-transition: 400ms;
    -moz-transition: 400ms;
    -o-transition: 400ms;
    transition: 400ms;
}

.index-title {
    text-align: center;
    font-size: 54px;
    padding: 20px 0px 10px 0px;
    font-weight: bold;
    text-shadow: 1px 1px 30px #a18600, 0 0 30em #a18600, 0 0 30em #a18600, 1px 1px 30px #a18600, 0 0 30em #a18600, 0 0 30em #a18600;
    color: white;
}

.recommende-content {
    height: 400px;
    background: #00000082;
}

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

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

::-webkit-scrollbar-thumb {
    background: #ffdd31;
    border-radius: 20px;
}

/***************** HEADER *******************/
/************************************* HEADER CSS ************************************/
.heander-in {
    height: 155px;
    background: rgba(0, 0, 0, 0.3);
}

.login-form {
    float: right;
}

.logo {
    float: left;
    padding-left: 110px;
}

.form-all {
    display: flex;
    justify-content: flex-end;
    width: 600px;
}

.header-container {
    display: flex;
    align-items: center;
    height: 120px;
    width: 100%;
    z-index: 1000;
    transition: all .5s ease-out;
    padding: 0px 20px;
    background: url(../images/common/header-web.jpg) no-repeat;
    justify-content: space-between;
}

.form-all .form-control {
    height: 30px;
    border-radius: 20px;
}

.form-all .form-group {
    margin-bottom: 5px;
}

.nav-login {
    background: #0a0a0a;
    border: 2px solid #fce486;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 0 10px;
    padding: 5px 45px;
    font-size: 16px;
    height: 68px;
    border-radius: 88px;
    margin-top: 7px;
    transition: 400ms;
}

.nav-login:hover {
    transform: scale(0.95);
    color: #FFF;
}

.nav-join {
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 0 10px;
    padding: 5px 20px;
    font-size: 15px;
    height: 67px;
    border-radius: 88px;
    margin-right: 10px;
    margin-top: 7px;
    background: #0a0a0a;
    transition: 400ms;
    font-weight: bold;
    border: 2px solid #fce486;
    min-width: 145px;
}

.nav-join:hover {
    transform: scale(0.95);
    color: #FFF;
}

.btn-forgot {
    font-size: 12px;
    line-height: inherit;
    color: #fff;
    text-decoration: underline;
}

.forgot-in {
    position: relative;
    width: 100%;
    text-align: center;
    line-height: 0px;
    top: 8px;
}

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

header {
    height: 120px;
    width: 100%;
    background: #000;
}

#header {
    padding: 0px 0px;
    width: 100%;
    min-width: 1000px;
    height: 108px;
    position: relative;
    background-color: rgb(35, 37, 38);
}

#ddlang {
    position: relative;
    top: 10px;
}

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

.menuWrapper {
    height: 58px;
    font-weight: 400;
    bottom: 0px;
}

.menupart {
    width: 1366px;
    margin: 0 auto;
}

.menupart .active {}

.menupart .active a {
    border: 2px solid #ffbc00;
    background: #ffdd31;
}

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

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

.menupart>ul>li>a {
    text-transform: uppercase;
    padding: 5px 16px 5px 16px;
    color: #ffffff;
    font-size: 16px;
    display: inline-block;
    border-radius: 30px;
    font-weight: bold;
    position: relative;
    border: 2px solid #fff0;
}

.menupart>ul>li>a:hover {
    color: #000;
    text-decoration: none;
    border: 2px solid #ffbc00;
    background: #ffdd31;
}

.menupart>ul>li>.icon {}

.menupart>ul>li>.icon p {
    float: left;
    margin: 0px;
    padding: 0px;
    padding-top: 0px;
    padding-left: 5px;
}

.wsmenuexpandermain {
    position: relative;
}

.overlapblackbg {
    display: none;
}

.wsmenu {
    color: #fff;
    font-size: 15px;
    padding: 0px;
    margin: 0px auto;
    width: 100%;
    position: relative;
    background: #131313;
    border-top: 1px solid #ffdd31;
    border-bottom: 1px solid #ffdd31;
}

.wsmenu-list {
    text-align: left;
    width: 80%;
    list-style: none;
    display: table;
    padding: 0px;
}

.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: 58px;
    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;
}

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

.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: rgba(0, 0, 0, 0.81);
}

.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 {
    float: left;
}

.menu-col:hover {}

.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: #000;
}

.mn-home {
    background: url(../images/common/mn-home-x.png) no-repeat;
    width: 25px;
    height: 23px;
    float: left;
}

.menupart>ul>li>a:hover .mn-home {
    background: url(../images/common/mn-home-h.png) no-repeat;
}

.active .mn-home {
    background: url(../images/common/mn-home-h.png) no-repeat;
}

.mn-mobile {
    background: url(../images/common/mn-phone-x.png) no-repeat;
    width: 25px;
    height: 23px;
    float: left;
}

.menupart>ul>li>a:hover span {
    background: url(../images/common/mn-phone-h.png) no-repeat;
    filter: brightness(1);
}

.active .mn-mobile {
    background: url(../images/common/mn-phone-h.png) no-repeat;
    filter: brightness(0);
}

.mn-sport {
    background: url(../images/common/mn-sport-x.png) no-repeat;
    width: 25px;
    height: 23px;
    float: left;
}

.menupart>ul>li>a:hover .mn-sport {
    background: url(../images/common/mn-sport-h.png) no-repeat;
}

.active .mn-sport {
    background: url(../images/common/mn-sport-h.png) no-repeat;
    filter: brightness(0);
}

.mn-esport {
    background: url(../images/common/mn-esport-x.png) no-repeat;
    width: 25px;
    height: 23px;
    float: left;
}

.menupart>ul>li>a:hover .mn-esport {
    background: url(../images/common/mn-esport-h.png) no-repeat;
}

.active .mn-sport {
    background: url(../images/common/mn-esport-h.png) no-repeat;
    filter: brightness(0);
}

.mn-casino {
    background: url(../images/common/mn-casino-x.png) no-repeat;
    width: 25px;
    height: 23px;
    float: left;
}

.menupart>ul>li>a:hover .mn-casino {
    background: url(../images/common/mn-casino-h.png) no-repeat;
}

.active .mn-casino {
    background: url(../images/common/mn-casino-h.png) no-repeat;
    ;
    filter: brightness(0);
}

.mn-slot {
    background: url(../images/common/mn-slot-x.png) no-repeat;
    width: 25px;
    height: 23px;
    float: left;
}

.menupart>ul>li>a:hover .mn-slot {
    background: url(../images/common/mn-slot-h.png) no-repeat;
}

.active .mn-slot {
    background: url(../images/common/mn-slot-h.png) no-repeat;
    filter: brightness(0);
}

.mn-lotto {
    background: url(../images/common/mn-lottery-x.png) no-repeat;
    width: 25px;
    height: 23px;
    float: left;
}

.menupart>ul>li>a:hover .mn-lotto {
    background: url(../images/common/mn-lottery-h.png) no-repeat;
}

.active .mn-lotto {
    background: url(../images/common/mn-lottery-h.png) no-repeat;
    filter: brightness(0);
}

.mn-other {
    background: url(../images/common/mn-other-x.png) no-repeat;
    width: 25px;
    height: 23px;
    float: left;
}

.menupart>ul>li>a:hover .mn-other {
    background: url(../images/common/mn-other-h.png) no-repeat;
}

.active .mn-other {
    background: url(../images/common/mn-other-h.png) no-repeat;
    filter: brightness(0);
}

.mn-promo {
    background: url(../images/common/mn-promo-x.png) no-repeat;
    width: 23px;
    height: 23px;
    float: left;
}

.menupart>ul>li>a:hover .mn-promo {
    background: url(../images/common/mn-promo-h.png) no-repeat;
}

.active .mn-promo {
    background: url(../images/common/mn-promo-h.png) no-repeat;
    filter: brightness(0);
}

.mn-esport {
    background: url(../images/common/mn-esport.png) no-repeat;
    width: 23px;
    height: 23px;
    float: left;
}

.menupart>ul>li>a:hover .mn-esport {
    background: url(../images/common/mn-esport.png) no-repeat;
    filter: brightness(1) invert(1);
}

.active .mn-esport {
    background: url(../images/common/mn-esport.png) no-repeat;
    filter: brightness(0);
}

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

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

.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 {
    padding: 21px 10px;
}

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

.menu-col-logo:hover {
    background: #ffffff0d;
}

.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 {}

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;
}

/************************************* VIDEO BANNER CSS ************************************/
#hero {
    position: relative;
}

#hero a {
    color: #fff
}

#hero video {
    width: 100%;
    cursor: pointer;
    position: relative;
}

#hero .slide {
    position: relative;
}

#hero #mobile-hero {
    position: relative;
    background: #000;
    overflow: hidden
}

#hero #mobile-hero .hero-slide {
    position: absolute;
    display: block;
    width: 100vw;
    opacity: 0;
    top: 0;
    left: 0;
    transition: opacity 2s ease-out
}

#hero #mobile-hero .hero-slide:first-of-type {
    position: relative
}

#hero #mobile-hero .hero-slide.active {
    opacity: 1
}

#hero .main-offer {
    position: absolute;
    top: 27%;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    box-sizing: border-box;
    cursor: pointer;
}

#hero .main-offer img {
    display: block;
    max-height: 220px;
    max-width: 530px;
    height: 100%;
    flex: 0 1 auto
}

#hero .main-offer .asot-logo {
    position: absolute;
    top: -40px;
    right: -50px;
    transform: rotate(20deg) scale(.6)
}

#hero .main-offer .asot-logo.mobile {
    top: 0;
    filter: brightness(10)
}

#hero .main-offer .btn {
    font-size: 35px;
    padding: 5px 50px;
    font-weight: 700;
    box-sizing: border-box;
    flex: 0 0 auto;
    margin: 2% 0 0;
    border-radius: 30px;
    position: relative;
}

@media screen and (max-width:1400px) {
    #hero .main-offer .btn {
        font-size: 28px
    }
}

@media screen and (max-width:1300px) {
    #hero .main-offer .btn {
        font-size: 26px;
        padding: 0 50px
    }
}

@media screen and (max-width:1200px) {
    #hero .main-offer .btn {
        font-size: 24px
    }
}

@media screen and (max-width:1100px) {
    #hero .main-offer .btn {
        font-size: 22px
    }
}

@media screen and (max-width:1000px) {
    #hero .main-offer .btn {
        font-size: 20px
    }
}

#hero .main-offer .hero-promo-terms {
    color: #fff;
    margin-top: 1%;
    font-size: 12px;
    line-height: 10px;
    text-align: center;
    max-width: 930px;
    width: 100%;
}

#hero .main-offer .hero-promo-terms a {
    transition: all .5s ease-out;
    font-size: inherit;
    text-decoration: underline;
    color: inherit
}

#hero .main-offer .hero-promo-terms a:hover {
    color: #fe9c26;
    transition: none
}

#hero .main-offer .hero-promo-terms .hero_promoterms_link {
    display: block;
    margin-top: 5px;
    font-size: 12px;
    font-weight: 700
}

#hero #hero-carousel {
    min-height: 200px;
    background: #000;
    max-height: 460px;
    position: relative;
    display: flex;
    justify-content: center
}

#hero #hero-carousel,
#hero #hero-carousel .carousel-outer {
    width: 100%;
    height: 100%
}

#hero #hero-carousel .carousel-outer .slide {
    display: flex;
    justify-content: center;
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    transition: all 1s ease-out
}

#hero #hero-carousel .carousel-outer .slide .img-cont {
    width: 100vw;
    height: 100%;
    overflow: hidden;
    position: relative
}

#hero #hero-carousel .carousel-outer .slide .scale-fluid {
    position: absolute;
    bottom: 0;
    flex: 0;
    display: block
}

#hero #hero-carousel .carousel-outer .slide img {
    width: 100%
}

#hero #hero-carousel .carousel-outer .slide .btn {
    position: absolute;
    bottom: 35px;
    font-size: 20px;
    font-weight: 700;
    left: 50%;
    transform: translateX(-50%);
    box-sizing: border-box
}

#hero #hero-carousel .carousel-outer .active {
    opacity: 1;
    z-index: 1
}

#hero #hero-carousel .nav-bullets {
    position: absolute;
    bottom: 10px
}

#hero #hero-carousel .nav-bullets .item {
    border: 1px solid #fff
}

#hero #hero-carousel .nav-bullets .item.selected,
#hero #hero-carousel .nav-bullets .item:hover {
    background: #fe9c26
}

#hero #hero-carousel .nav-left {
    left: 10px
}

#hero #hero-carousel .nav-right {
    right: 10px
}

#hero #hero-carousel .nav-left,
#hero #hero-carousel .nav-right {
    opacity: .5;
    top: calc(50% - 50px)
}

#hero #hero-carousel .nav-left:hover,
#hero #hero-carousel .nav-right:hover {
    opacity: 1
}

#hero .hero-footer {
    position: absolute;
    z-index: 100;
    bottom: 0;
    width: 100%;
    text-align: center;
    color: #fff
}

#hero .hero-footer .quick-access-bar {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    padding: 5px 0
}

#hero .hero-footer .quick-access-bar .item {
    padding: 5px 20px;
    margin: 0 5px;
    font-size: 16px;
    font-weight: 700;
    border-radius: 30px
}

#hero .hero-footer .quick-access-bar .item:hover {
    color: #fff
}

#hero .hero-footer .quick-access-bar .item:before {
    margin: 0 10px 0 0;
    font-weight: 400
}

@media screen and (max-width:1520px) {
    #hero .hero-footer {
        display: none
    }
}

body.client-mobile #hero .main-offer img {
    max-height: 140px
}

body.client-mobile #hero .main-offer .btn {
    font-size: 30px;
    padding-bottom: 2px
}

.v-text {
    display: block;
    margin: 0px auto;
}

.v-in-text h1 {
    font-size: 108px;
    color: #ffe895;
    font-weight: bold;
    text-align: center;
    margin: 0px;
    padding: 0px;
    line-height: 10px;
    text-shadow: 2px 2px 14px #000;
}

.v-in-text p {
    color: #fff;
    font-size: 60px;
    margin: 0px;
    padding: 0px;
    text-align: center;
    line-height: 150px;
    font-weight: bold;
    text-shadow: 2px 2px 14px #ffe895;
}

.text-smll {
    color: #ffe895;
    text-align: center;
    font-weight: bold;
    line-height: 0;
    text-shadow: 2px 2px 14px #000;
}

span.smll-v {
    font-size: 40px;
    position: relative;
    top: -35px;
}

span.big-v {
    font-size: 84px;
}

.btn.cta-main {
    background: #2cd0ff;
    transition: border .5s ease-out;
}

.glow {
    animation: blueglow 2s infinite alternate;
}

@keyframes blinker {
    50% {
        opacity: 0
    }
}

@keyframes fadein {
    to {
        opacity: 1
    }
}

@keyframes gi-toggle-cube {
    20% {
        transform: translateZ(-180px)
    }

    80% {
        transform: translateZ(-180px) rotateX(-90deg)
    }

    to {
        transform: translateZ(-90px) rotateX(-90deg)
    }
}

.glow {
    animation: blueglow 2s infinite alternate
}

.glow-green {
    animation: greenglow 2s infinite alternate
}

@keyframes blueglow {
    0% {
        box-shadow: 0 0 5px 0 #2cd0ff
    }

    to {
        box-shadow: 0 0 40px 2px #2cd0ff
    }
}

.ins {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    box-sizing: border-box;
}

/************************************* RECOMMENDED CSS ************************************/
.owl-carousel .item {
    position: relative;
    z-index: 100;
    -webkit-backface-visibility: hidden;
    padding: 10px;
    background: #1e1e1e;
    border-radius: 8px;
}

.owl-nav>div {
    margin-top: -26px;
    position: absolute;
    top: 50%;
    color: #cdcbcd;
}

.owl-nav i {
    font-size: 52px;
}

.owl-nav .owl-prev {
    left: -65px;
}

.owl-nav .owl-next {
    right: -65px;
}

.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    display: none
}

.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item img.owl-lazy {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: -webkit-transform .1s ease;
    transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transform: scale(1.3, 1.3);
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.remm-box p {
    text-align: left;
    padding: 0px;
    font-size: 15px;
    margin: 0px;
    padding-top: 10px;
    color: #ffdd31;
}

.owl-carousel .item:hover {
    background: #222015;
}

.owl-nav .owl-prev:hover {
    color: #222015;
}

.owl-nav .owl-next:hover {
    color: #222015;
}

.index-all {
    background: url(../images/common/index-CNY-bg.jpg) no-repeat center;
    background-position-y: 0px;
    display: block;
    margin-top: -8px;
}

/************************************* PROVIDERS CSS ************************************/
.prov-content {
    height: 360px;
    background: rgba(0, 0, 0, 0.2);
    overflow: hidden;
}

.prov-content2 {
    height: 360px;
    overflow: hidden;
}

.prov-in {
    display: inline-block;
    overflow: hidden;
    width: 100%;
}

.prov-in ul {
    margin: 0px;
    padding: 0px;
}

.prov-in ul li {
    list-style: none;
    float: left;
    margin-left: 4px;
}

.prov-in ul li:first-child {
    margin-left: 0px;
}

.snip1584 {
    position: relative;
    display: inline-block;
    width: 100%;
    color: #ffffff;
    font-size: 16px;
    text-align: left;
}

.snip1584 * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.snip1584:before {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    top: 100%;
    content: '';
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.25s;
}

.snip1584 img {
    vertical-align: top;
    max-width: 100%;
    backface-visibility: hidden;
}

.snip1584 figcaption {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.snip1584 h3,
.snip1584 h5,
.snip1584 h4 {
    margin: 0;
    opacity: 0;
}

.snip1584 h3 {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-transform: uppercase;
    font-weight: 400;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.snip1584 h5 {
    font-weight: normal;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.snip1584 .btn-csin0 {
    font-weight: normal;
    background-color: #ffffff00;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    color: #fff;
    cursor: pointer;
}

.snip1584 .btn-csin1 {
    font-weight: normal;
    background-color: #ffca0000;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.snip1584 .btn-csin0:hover {}

.snip1584 .btn-csin1:hover {
    background-color: #ffca00;
    color: #000;
}

.snip1584 a {}

.snip1584:hover:before,
.snip1584.hover:before {
    top: 0px;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.snip1584:hover h3,
.snip1584.hover h3,
.snip1584:hover h4,
.snip1584.hover h4,
.snip1584:hover h5,
.snip1584.hover h5,
.snip1584 .btn-csin0:hover,
.snip1584 .btn-csin0.hover {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

.snip1584:hover h3,
.snip1584.hover h3 {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.snip1584:hover h4,
.snip1584.hover h4 {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.snip1584:hover h5,
.snip1584.hover h5 {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.image {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    background: #000;
    border: 1px solid #ffd104;
}

.image img {
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: scale3d(0);
}

.image img:hover {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
}

.snip1584 h3 {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-transform: uppercase;
    font-weight: 400;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

/*********************************** Marquee-side ************************************/
.smll-lucky {
    float: left;
}

.smll-lucky {
    float: left;
    width: 233px;
    height: 290px;
    color: #fff;
}

.marquee-side {
    position: relative;
    height: 380px;
    overflow: hidden;
    margin: 0px auto;
    background: rgba(255, 255, 255, 0.7);
    padding-left: 110px;
}

.lucky-header {
    background-color: #E3051F;
    height: 60px;
    text-align: center;
    padding: 18px;
    font-size: 18px;
    float: left;
    width: 235px;
}

.smll-lucky i.fa.fa-chevron-down {
    margin-left: 25px;
}

.marquee-box {
    margin-bottom: 0px;
}

.marquee-box-2 {
    width: 437px;
    height: 40px;
    background: rgba(255, 255, 255, 0);
    color: #FFF;
    text-align: center;
}

.marquee-user {
    float: left;
    width: 80px;
}

.marquee-user img {
    display: block;
    margin: 9px auto;
}

.marquee-info {}

.marquee-t1 {
    margin-right: 10px;
}

.marquee-t2 {
    margin-right: 10px;
}

.marquee-t3 {
    margin-right: 10px;
}

.marquee-t3 a {
    color: #00a8d2;
}

.marquee-t3 a:hover {
    color: #FF0004;
}

.marquee-t4 {
    margin-right: 10px;
    color: #FF0004;
}

.win-list {
    display: flex;
    color: #000;
    padding: 10px 30px;
    width: 100%;
}

.win-2 {
    margin-left: 20px;
    flex: 1 1 auto;
    margin-top: 10px;
}

.win-2 p {
    color: #fea73e;
    margin: 0px;
}

.win-2 h4 {
    font-weight: bold;
    margin: 0px;
}

.win-2 small {
    padding: 0px;
    margin: 0px;
}

.win-1 {
    flex: 1 1 auto;
}

.win-3 {
    flex: 1 1 auto;
    justify-content: flex-end;
    margin-top: 30px;
}

.win-3 a {
    display: flex;
    justify-content: flex-end;
    margin-left: 52px;
    border: 1px solid #000;
    padding: 5px 20px;
    border-radius: 45px;
}

.win-3 a i {
    position: relative;
    top: 3px;
    margin-left: 10px;
}

.smll-banner {
    width: 790px;
    display: block;
    margin: 0px auto;
}

.win-content {
    height: 510px;
    position: relative;
}

.seo-content {
    background: rgba(0, 0, 0, 0.2);
}

.seo-content-in {
    padding: 40px 0px;
    color: #fff;
}

span.red-seo {
    color: #ff4362;
}

.coin-1 {
    position: absolute;
}

.coin-2 {
    position: absolute;
    bottom: 0px;
    left: 150px;
    z-index: 1;
}

.coin-3 {
    position: absolute;
    right: 200px;
    top: 85px;
    z-index: 1;
}

.coin-4 {
    position: absolute;
    right: -32px;
    z-index: 1;
    top: 205px;
}

.coin-5 {
    position: absolute;
    bottom: -70px;
    right: 136px;
    z-index: 1;
    animation-delay: 80ms;
}

.winner-in {
    position: relative;
}

/************************************* FOOTER CSS ************************************/
footer {
    background: #090909;
}

.footer-menu {
    display: inline-block;
    width: 100%;
    background: #453c0e;
    padding-bottom: 10px;
    c
}

.prov-logo {
    padding: 15px 0px 15px 0px;
    width: 100%;
}

.prov-logo span img {
    padding-right: 5px;
    margin-bottom: 20px;
    cursor: pointer;
}

.prov-logo span img:hover {
    filter: grayscale(1);
}

.footer-mn ul {
    margin: 0px;
    padding: 0px;
    padding: 14px 0px;
}

.footer-mn ul li {
    list-style: none;
    float: left;
    text-align: center;
    line-height: 0px;
    padding: 10px;
}

.footer-mn ul li:after {
    border-left: 1px solid #fff;
}

.footer-mn ul li:first-child {
    margin-left: 0px;
    border-left: none;
}

.footer-mn ul li a {
    color: #dabd2a;
    font-size: 14px;
}

.copy-text {
    color: #d9af4a;
    font-size: 14px;
    padding: 13px 10px 0px 0px;
}

.cp-txt {
    border-bottom: 1px solid #363636;
    padding: 20px 0px;
    color: #9b9b9b;
    font-size: 12px;
}

span.btn-up {
    text-transform: uppercase;
}

.seo-txt {
    padding: 20px 0px;
    font-size: 12px;
    color: #9b9b9b;
}

p.ttlte-red {
    color: #ff4362;
    margin: 0px;
}

.prov-logo ul {
    margin: 0px;
    padding: 0px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 9px;
}

.prov-logo ul li {
    list-style: none;
    float: left;
    border: 1px solid #ffdd31;
    padding: 20px 5px;
    text-align: center;
    color: #fff;
    border-radius: 10px;
    text-transform: uppercase;
    font-size: 11px;
}

.prov-logo ul li:first-child {
    /* margin:0px; */
}

.prov-logo ul li a {}

.prov-logo ul li a:hover {
    filter: grayscale(0);
}

.prov-logo ul li:nth-child(9) {
    margin-left: 0px;
}

/************************************* HEADER STICK CSS ************************************/
.sticky.is-fixed {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 15;
    margin-top: 0;
    width: 100%;
}

.sticky.is-fixed ul li {
    padding: 0;
}

.promoslide img {
    position: relative;
    top: 15px;
    left: 70px;
}

/************************************* SIDE CSS ************************************/
.promoslide {
    position: fixed;
    border-radius: 0px 91px 91px 0px;
    background: #000000ad;
    bottom: 56px;
    width: 255px;
    height: 153px;
    left: -65px;
    cursor: pointer;
}

.promobnn {
    display: none;
    position: fixed;
    background: #000000e3;
    width: 100%;
    bottom: 0px;
    z-index: 1;
    height: 250px;
}

.promobnn2 {
    position: fixed;
    background: #000000e3;
    width: 100%;
    bottom: 0px;
    z-index: 5;
    height: 250px;
}

.forcls .close {
    float: right;
    color: #fff;
    opacity: 1;
    font-size: 50px;
    font-weight: normal;
    position: absolute;
    top: 10px;
    right: 0px;
    cursor: pointer;
}

.promoslide i {
    font-size: 40px;
    color: #fff;
    position: relative;
    float: right;
    margin-right: 22px;
    margin-top: 46px;
}

.promoslide:hover {
    background: #fe465e;
}

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

.forcls {
    position: relative;
}

.register-side {
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(270deg);
    -ms-transform-origin: left top 0;
    -moz-transform-origin: left top 0;
    -webkit-transform-origin: left top 0;
    position: fixed;
    right: -93px;
    bottom: 305px;
    z-index: 6;
}

.register-side a {
    padding: 15px 25px;
    color: #fff;
    border-radius: 8px 8px 0px 0px;
    background: #000;
    border: 1px solid #ffdd31;
}

.live-side {
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(270deg);
    -ms-transform-origin: left top 0;
    -moz-transform-origin: left top 0;
    -webkit-transform-origin: left top 0;
    position: fixed;
    right: -98px;
    bottom: 163px;
    z-index: 6;
}

.live-side a {
    padding: 15px 25px;
    color: #fff !important;
    border-radius: 8px 8px 0px 0px;
    cursor: pointer;
    background: #000;
    border: 1px solid #ffdd31;
}

.live-side a:hover {
    text-decoration: none;
    background: #ffdd31;
    color: #000 !important;
}

.register-side a:hover {
    text-decoration: none;
    background: #ffdd31;
    color: #000 !important;
}

/****************Sport********************/
.mod-live-sport {
    height: 893px;
    transition: all .2s ease-in-out;
    background-repeat: no-repeat;
    background-position: center;
}

.mod-live-sport.wbet-active {
    background-image: url("../images/common/bg-sport-wbet.jpg");
}

.mod-live-sport.sbo-active {
    background-image: url("../images/common/bg-sport-sbo.jpg");
}

.mod-live-sport.saba-active {
    background-image: url("../images/common/bg-sport-saba.jpg");
}

.mod-live-sport.v2g-active {
    background-image: url("../images/common/bg-sport-v2g.jpg");
}

.lobby-platform .wbet-platform {
    background: url("../images/common/sport-wbet.png") no-repeat;
}

.lobby-platform .sbo-platform {
    background: url("../images/common/sport-sbo.png") no-repeat;
}

.lobby-platform .saba-platform {
    background: url("../images/common/sport-saba.png") no-repeat;
}

.lobby-platform .v2g-platform {
    background: url("../images/common/sport-v2g.png") no-repeat;
}

.mod-live-sport.bbin-active {
    background-image: url("../images/common/bg-sport-bbin.jpg");
}

.lobby-platform .bbin-platform {
    background: url("../images/common/sport-bbin.png") no-repeat;
}

.mod-live-sport.tbs-active {
    background-image: url("../images/common/bg-sport-tbs.jpg");
}

.lobby-platform .tbs-platform {
    background: url("../images/common/sport-tbs.png") no-repeat;
}

.lobby-platform .cmd-platform {
    background: url("../images/common/sport-cmd.png") no-repeat;
}

.mod-live-sport.bti-active {
    background-image: url("../images/common/bg-sport-bti.jpg");
}

.mod-live-sport.cmd-active {
    background-image: url("../images/common/bg-sport-cmd.jpg");
}

.lobby-platform .bti-platform {
    background: url("../images/common/sport-bti.png") no-repeat;
}

.mod-live-sport.saba-active {
    background-image: url("../images/common/bg-sport-saba.jpg");
}

.lobby-platform .saba-platform {
    background: url("../images/common/sport-saba.png") no-repeat;
}

/****************Fish + Esport + Lotto + other ********************/
.mod-fish,
.mod-lotto {
    height: 910px;
    transition: all .2s ease-in-out;
    background-repeat: no-repeat;
    background-position: center;
}

.mod-fish.yl-active {
    background-image: url("../images/common/bg-fishing-yl.jpg");
}

.mod-fish.bbinf-active {
    background-image: url("../images/common/bg-fishing-bbin.jpg");
}

.mod-fish.simple-active {
    background-image: url("../images/common/bg-fishing-simple.jpg");
}

.mod-fish.cq9-active {
    background-image: url("../images/common/bg-fishing-cq9.jpg");
}

.lobby-platform .yl-platform {
    background: url("../images/common/fishing-yl.png") no-repeat;
}

.lobby-platform .bbinf-platform {
    background: url("../images/common/fishing-bbin.png") no-repeat;
}

.lobby-platform .simple-platform {
    background: url("../images/common/fishing-simple.png") no-repeat;
}

.lobby-platform .cq9-platform {
    background: url("../images/common/fishing-cq9.png") no-repeat;
}

.mod-fish.lbbin-active {
    background-image: url("../images/common/bg-lotto-bbin.jpg");
}

.mod-fish.lqq-active {
    background-image: url("../images/common/bg-lotto-qq.jpg");
}

.lobby-platform .lbbin-platform {
    background: url("../images/common/lotto-bbin.png") no-repeat;
}

.lobby-platform .lqq-platform {
    background: url("../images/common/lotto-qq.png") no-repeat;
}

.mod-fish.SV388-active {
    background-image: url("../images/common/bg-other-.jpg");
}

.lobby-platform .SV388-platform {
    background: url("../images/common/other-.png") no-repeat;
}

.mod-fish.ia-active {
    background-image: url("../images/common/bg-esport-ia.jpg");
}

.mod-fish.tf-active {
    background-image: url("../images/common/bg-esport-tf.jpg");
}

.lobby-platform .ia-platform {
    background: url("../images/common/esport-ia.png") no-repeat;
}

.lobby-platform .tf-platform {
    background: url("../images/common/esport-tf.png") no-repeat;
}

/****************Casino********************/
.lobby-platform li:hover {
    transform: scale(0.9);
}

.lobby-platform li {
    transition: all .2s ease-in-out;
}

.mod-live-casino {
    height: 895px;
    transition: all .2s ease-in-out;
    background-repeat: no-repeat;
    background-position: center;
}

.lobby-platform ul {
    margin: 0px;
    padding: 0px;
}

.lobby-wrapper {
    width: 1375px;
    margin: auto;
}

.lobby-platform {
    width: 1100px;
    padding-top: 320px;
    background-repeat: no-repeat;
    -webkit-transition: all 0.50s ease-in;
    -moz-transition: all 0.50s ease-in;
    -o-transition: all 0.50s ease-in;
    -ms-transition: all 0.50s ease-in;
    transition: all 0.50s ease-in;
}

.lobby-platform li {
    float: left;
    display: inline;
    position: relative;
    margin: 0px 25px;
    margin-bottom: 25px;
}

.lobby-platform li a {
    display: block;
    width: 280px;
    height: 270px;
    background-repeat: no-repeat;
}

.mod-live-casino.allbet-active {
    background-image: url("../images/common/bg-casino-allbet.jpg");
}

.mod-live-casino.idn-active {
    background-image: url("../images/common/bg-casino-idn.jpg");
}

.mod-live-casino.mg-active {
    background-image: url("../images/common/bg-casino-mg.jpg");
}

.mod-live-casino.pp-active {
    background-image: url("../images/common/bg-casino-pp.jpg");
}

.mod-live-casino.pt-active {
    background-image: url("../images/common/bg-casino-pt.jpg");
}

.mod-live-casino.sa-active {
    background-image: url("../images/common/bg-casino-sa.jpg");
}

.lobby-platform .allbet-platform {
    background: url("../images/common/casino-allbet.png") no-repeat;
}

.lobby-platform .idn-platform {
    background: url("../images/common/casino-idn.png") no-repeat;
}

.lobby-platform .mg-platform {
    background: url("../images/common/casino-mg.png") no-repeat;
}

.lobby-platform .pp-platform {
    background: url("../images/common/casino-pp.png") no-repeat;
}

.lobby-platform .pt-platform {
    background: url("../images/common/casino-pt.png") no-repeat;
}

.lobby-platform .sa-platform {
    background: url("../images/common/casino-sa.png") no-repeat;
}

.mod-live-casino.bbin-active {
    background-image: url("../images/common/bg-casino-bbin.jpg");
}

.lobby-platform .bbin-platform {
    background: url("../images/common/casino-bbin.png") no-repeat;
}

.mod-live-casino.evo-active {
    background-image: url("../images/common/bg-casino-evo.jpg");
}

.lobby-platform .evo-platform {
    background: url("../images/common/casino-evo.png") no-repeat;
}

.mod-live-casino.sexy-active {
    background-image: url("../images/common/bg-casino-sexy.jpg");
}

.lobby-platform .sexy-platform {
    background: url("../images/common/casino-sexy.png") no-repeat;
}

.mod-live-casino.vivo-active {
    background-image: url("../images/common/bg-casino-vivo.jpg");
}

.lobby-platform .vivo-platform {
    background: url("../images/common/casino-vivo.png") no-repeat;
}

.mod-live-casino.wm-active {
    background-image: url("../images/common/bg-casino-wm.jpg");
}

.lobby-platform .wm-platform {
    background: url("../images/common/casino-wm.png") no-repeat;
}

.mod-live-casino.xpro-active {
    background-image: url("../images/common/bg-casino-xpro.jpg");
}

.lobby-platform .xpro-platform {
    background: url("../images/common/casino-xpro.png") no-repeat;
}

.mod-live-casino.king-active {
    background-image: url("../images/common/bg-casino-king.jpg");
}

.lobby-platform .king-platform {
    background: url("../images/common/casino-king.png") no-repeat;
}

.mod-live-casino.ezg-active {
    background-image: url("../images/common/bg-casino-ezugi.jpg");
}

.lobby-platform .ezg-platform {
    background: url("../images/common/casino-ezugi.png") no-repeat;
}

.mod-live-casino.sexy-active {
    background-image: url("../images/common/bg-casino-sexy.jpg");
}

.lobby-platform .sexy-platform {
    background: url("../images/common/casino-sexy.png") no-repeat;
}

.mod-live-casino.dg-active {
    background-image: url("../images/common/bg-casino-dream.jpg");
}

.lobby-platform .dg-platform {
    background: url("../images/common/casino-dream.png") no-repeat;
}

/****************Slots********************/
.mod-slot {
    height: 891px;
    transition: all .2s ease-in-out;
    background-position: center;
    background-repeat: no-repeat;
}

.lobby-platform {
    width: 1100px;
    padding-top: 320px;
    background-repeat: no-repeat;
    -webkit-transition: all 0.50s ease-in;
    -moz-transition: all 0.50s ease-in;
    -o-transition: all 0.50s ease-in;
    -ms-transition: all 0.50s ease-in;
    transition: all 0.50s ease-in;
}

.mod-slot.bss-active {
    background-image: url("../images/common/bg-slot-betsoft.jpg");
}

.mod-slot.ags-active {
    background-image: url("../images/common/bg-slot-ag.jpg");
}

.mod-slot.jilis-active {
    background-image: url("../images/common/bg-slot-jili.jpg");
}

.mod-slot.jokers-active {
    background-image: url("../images/common/bg-slot-joker.jpg");
}

.mod-slot.mgs-active {
    background-image: url("../images/common/bg-slot-mg.jpg");
}

.mod-slot.pgs-active {
    background-image: url("../images/common/bg-slot-pg.jpg");
}

.mod-slot.pps-active {
    background-image: url("../images/common/bg-slot-pp.jpg");
}

.mod-slot.reds-active {
    background-image: url("../images/common/bg-slot-red.jpg");
}

.mod-slot.simples-active {
    background-image: url("../images/common/bg-slot-simple.jpg");
}

.mod-slot.spades-active {
    background-image: url("../images/common/bg-slot-spade.jpg");
}

.lobby-platform .bss-platform {
    background: url("../images/common/slot-betsoft.png") no-repeat;
    background-size: 100% 100%;
}

.lobby-platform .ags-platform {
    background: url("../images/common/slot-ag.png") no-repeat;
    background-size: 100% 100%;
}

.lobby-platform .jilis-platform {
    background: url("../images/common/slot-jili.png") no-repeat;
    background-size: 100% 100%;
}

.lobby-platform .jokers-platform {
    background: url("../images/common/slot-joker.png") no-repeat;
    background-size: 100% 100%;
}

.lobby-platform .mgs-platform {
    background: url("../images/common/slot-mg.png") no-repeat;
    background-size: 100% 100%;
}

.lobby-platform .pgs-platform {
    background: url(../images/common/slot-pg.png) no-repeat;
    background-size: 100% 100%;
}

.lobby-platform .pps-platform {
    background: url("../images/common/slot-pp.png") no-repeat;
    background-size: 100% 100%;
}

.lobby-platform .reds-platform {
    background: url("../images/common/slot-red.png") no-repeat;
    background-size: 100% 100%;
}

.lobby-platform .simples-platform {
    background: url("../images/common/slot-simple.png") no-repeat;
    background-size: 100% 100%;
}

.lobby-platform .spades-platform {
    background: url("../images/common/slot-spade.png") no-repeat;
    background-size: 100% 100%;
}

.mod-slot.cq9-active {
    background-image: url("../images/common/bg-slot-cq9.jpg");
}

.lobby-platform .cq9-platform {
    background: url("../images/common/slot-cq9.png") no-repeat;
    background-size: 100% 100%;
}

.mod-slot.gss-active {
    background-image: url("../images/common/bg-slot-gss.jpg");
}

.lobby-platform .gss-platform {
    background: url("../images/common/slot-gss.png") no-repeat;
    background-size: 100% 100%;
}

.mod-slot.pt-active {
    background-image: url("../images/common/bg-slot-pt.jpg");
}

.lobby-platform .pt-platform {
    background: url("../images/common/slot-pt.png") no-repeat;
    background-size: 100% 100%;
}

.mod-slot.ttp-active {
    background-image: url("../images/common/bg-slot-ttp.jpg");
}

.lobby-platform .ttp-platform {
    background: url("../images/common/slot-ttp.png") no-repeat;
    background-size: 100% 100%;
}

.mod-slot.ygg-active {
    background-image: url("../images/common/bg-slot-ygg.jpg");
}

.lobby-platform .ygg-platform {
    background: url("../images/common/slot-ygg.png") no-repeat;
    background-size: 100% 100%;
}

.mod-slot.sg-active {
    background-image: url("../images/common/bg-slot-spade.jpg");
}

.lobby-platform .sg-platform {
    background: url("../images/common/slot-spade.png") no-repeat;
    background-size: 100% 100%;
}

.mod-slot.jdb-active {
    background-image: url("../images/common/bg-slot-jdb.jpg");
}

.lobby-platform .jdb-platform {
    background: url("../images/common/slot-jdb.png") no-repeat;
    background-size: 100% 100%;
}

.mod-slot.rsg-active {
    background-image: url("../images/common/bg-slot-royal.jpg");
}

.lobby-platform .rsg-platform {
    background: url("../images/common/slot-royal.png") no-repeat;
    background-size: 100% 100%;
}

.mod-slot.haba-active {
    background-image: url("../images/common/bg-slot-haba.jpg");
}

.lobby-platform .haba-platform {
    background: url("../images/common/slot-haba.png") no-repeat;
    background-size: 100% 100%;
}

.mod-slot.mg-active {
    background-image: url("../images/common/bg-slot-micro.jpg");
}

.lobby-platform .mg-platform {
    background: url("../images/common/slot-mic.png") no-repeat;
    background-size: 100% 100%;
}

.mod-slot.fs-active {
    background-image: url("../images/common/bg-slot-fast.jpg");
}

.lobby-platform .fs-platform {
    background: url("../images/common/slot-fast.png") no-repeat;
    background-size: 100% 100%;
}

.mod-slot.ns-active {
    background-image: url("../images/common/bg-slot-next.jpg");
}

.lobby-platform .ns-platform {
    background: url("../images/common/slot-next.png") no-repeat;
    background-size: 100% 100%;
}

.mod-slot.sp-active {
    background-image: url("../images/common/bg-slot-simple.jpg");
}

.lobby-platform .sp-platform {
    background: url("../images/common/slot-sim.png") no-repeat;
    background-size: 100% 100%;
}

.mod-slot.ap-active {
    background-image: url("../images/common/bg-slot-ap.jpg");
}

.lobby-platform .ap-platform {
    background: url("../images/common/slot-ap.png") no-repeat;
    background-size: 100% 100%;
}

.mod-slot.lv-active {
    background-image: url("../images/common/bg-slot-live.jpg");
}

.lobby-platform .lv-platform {
    background: url("../images/common/slot-live.png") no-repeat;
    background-size: 100% 100%;
}

/****************SPORT*****************/
.sport-bg {
    background: url(../images/common/sport-bg.jpg)no-repeat center top;
    height: 890px;
}

.sport-wrapper {
    position: relative;
    display: block;
    height: 920px;
}

.btn-sport1 {
    position: absolute;
    bottom: 60px;
    left: 0px;
    transition: transform .2s;
}

.btn-sport1:hover {
    transform: scale(1.2);
    z-index: 2;
}

.btn-sport2 {
    position: absolute;
    bottom: 60px;
    right: 0px;
    z-index: 1;
    transition: transform .2s;
}

.btn-sport2:hover {
    transform: scale(1.2);
}

.btn-sport3 {
    position: absolute;
    bottom: 60px;
    right: 0px;
    transition: transform .2s;
}

.btn-sport3:hover {
    transform: scale(1.2);
    z-index: 2;
}

/****************Poker********************/
.poker-bg {
    background: url(../images/common/poker-bg.jpg)no-repeat center top;
    height: 836px;
}

.poker-wrapper {
    position: relative;
    display: block;
    height: 810px;
}

.btn-poker {
    position: absolute;
    bottom: 60px;
    left: 42%;
    background: #fe465e;
    color: #fff;
    padding: 15px 50px 10px 50px;
    border-radius: 50px;
    font-size: 22px;
    line-height: 27px;
}

.btn-poker:hover {
    color: #fff;
    background: #fe465ec2;
    text-decoration: none;
}

/****************fish*****************/
.fish-bg {
    background: url(../images/common/fish-bg.jpg)no-repeat center top;
    height: 950px;
}

/****************esport*****************/
.esport-bg {
    background: url(../images/common/esport-bg.jpg)no-repeat center top;
    height: 950px;
}

/****************Lotto*****************/
.lotto-bg {
    background: url(../images/common/lotto-bg.jpg)no-repeat center top;
    height: 950px;
}

.lotto-wrapper {
    position: relative;
    display: block;
    height: 920px;
}

.btn-lotto1 {
    box-shadow: 0px 1px 8px #000;
    position: absolute;
    bottom: 20px;
    left: 0%;
    color: #000;
    text-align: center;
    width: 390px;
    padding: 35px 0px 25px 0px;
    border-radius: 50px;
    font-size: 30px;
    line-height: 19px;
    border: 2px solid #715c61;
    background: rgba(252, 176, 132, 1);
    background: -moz-linear-gradient(top, rgba(252, 176, 132, 1) 0%, rgba(252, 176, 132, 1) 29%, rgba(170, 91, 48, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(252, 176, 132, 1)), color-stop(29%, rgba(252, 176, 132, 1)), color-stop(100%, rgba(170, 91, 48, 1)));
    background: -webkit-linear-gradient(top, rgba(252, 176, 132, 1) 0%, rgba(252, 176, 132, 1) 29%, rgba(170, 91, 48, 1) 100%);
    background: -o-linear-gradient(top, rgba(252, 176, 132, 1) 0%, rgba(252, 176, 132, 1) 29%, rgba(170, 91, 48, 1) 100%);
    background: -ms-linear-gradient(top, rgba(252, 176, 132, 1) 0%, rgba(252, 176, 132, 1) 29%, rgba(170, 91, 48, 1) 100%);
    background: linear-gradient(to bottom, rgba(252, 176, 132, 1) 0%, rgba(252, 176, 132, 1) 29%, rgba(170, 91, 48, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcb084', endColorstr='#aa5b30', GradientType=0);
    font-weight: bold;
}

.btn-lotto1:hover {
    color: #000;
    text-decoration: none;
    background: rgba(170, 91, 48, 1);
    background: -moz-linear-gradient(top, rgba(170, 91, 48, 1) 0%, rgba(252, 176, 132, 1) 71%, rgba(252, 176, 132, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(170, 91, 48, 1)), color-stop(71%, rgba(252, 176, 132, 1)), color-stop(100%, rgba(252, 176, 132, 1)));
    background: -webkit-linear-gradient(top, rgba(170, 91, 48, 1) 0%, rgba(252, 176, 132, 1) 71%, rgba(252, 176, 132, 1) 100%);
    background: -o-linear-gradient(top, rgba(170, 91, 48, 1) 0%, rgba(252, 176, 132, 1) 71%, rgba(252, 176, 132, 1) 100%);
    background: -ms-linear-gradient(top, rgba(170, 91, 48, 1) 0%, rgba(252, 176, 132, 1) 71%, rgba(252, 176, 132, 1) 100%);
    background: linear-gradient(to bottom, rgba(170, 91, 48, 1) 0%, rgba(252, 176, 132, 1) 71%, rgba(252, 176, 132, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa5b30', endColorstr='#fcb084', GradientType=0);
}

.btn-lotto2 {
    position: absolute;
    bottom: 20px;
    left: 33%;
    color: #000;
    text-align: center;
    width: 390px;
    padding: 35px 0px 25px 0px;
    border-radius: 50px;
    font-size: 30px;
    line-height: 19px;
    border: 2px solid #715c61;
    background: #fcb084;
    background: -moz-linear-gradient(top, rgba(252, 176, 132, 1) 0%, rgba(252, 176, 132, 1) 29%, rgba(170, 91, 48, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(252, 176, 132, 1)), color-stop(29%, rgba(252, 176, 132, 1)), color-stop(100%, rgba(170, 91, 48, 1)));
    background: -webkit-linear-gradient(top, #fcb084 0%, #fcb084 29%, #aa5b30 100%);
    background: -o-linear-gradient(top, rgba(252, 176, 132, 1) 0%, rgba(252, 176, 132, 1) 29%, rgba(170, 91, 48, 1) 100%);
    background: -ms-linear-gradient(top, rgba(252, 176, 132, 1) 0%, rgba(252, 176, 132, 1) 29%, rgba(170, 91, 48, 1) 100%);
    background: linear-gradient(to bottom, #fcb084 0%, #fcb084 29%, #aa5b30 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcb084', endColorstr='#aa5b30', GradientType=0);
    font-weight: bold;
    box-shadow: 0px 1px 8px #000;
}

.btn-lotto2:hover {
    color: #000;
    text-decoration: none;
    background: #aa5b30;
    background: -moz-linear-gradient(top, rgba(170, 91, 48, 1) 0%, rgba(252, 176, 132, 1) 71%, rgba(252, 176, 132, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(170, 91, 48, 1)), color-stop(71%, rgba(252, 176, 132, 1)), color-stop(100%, rgba(252, 176, 132, 1)));
    background: -webkit-linear-gradient(top, #aa5b30 0%, #fcb084 71%, #fcb084 100%);
    background: -o-linear-gradient(top, rgba(170, 91, 48, 1) 0%, rgba(252, 176, 132, 1) 71%, rgba(252, 176, 132, 1) 100%);
    background: -ms-linear-gradient(top, rgba(170, 91, 48, 1) 0%, rgba(252, 176, 132, 1) 71%, rgba(252, 176, 132, 1) 100%);
    background: linear-gradient(to bottom, #aa5b30 0%, #fcb084 71%, #fcb084 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa5b30', endColorstr='#fcb084', GradientType=0);
}

.btn-lotto3 {
    position: absolute;
    bottom: 20px;
    left: 66%;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    width: 390px;
    padding: 35px 0px 25px 0px;
    font-size: 30px;
    line-height: 19px;
    background: rgba(227, 81, 178, 1);
    background: -moz-linear-gradient(-45deg, rgba(227, 81, 178, 1) 0%, rgba(156, 54, 246, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(227, 81, 178, 1)), color-stop(100%, rgba(156, 54, 246, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(227, 81, 178, 1) 0%, rgba(156, 54, 246, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(227, 81, 178, 1) 0%, rgba(156, 54, 246, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(227, 81, 178, 1) 0%, rgba(156, 54, 246, 1) 100%);
    background: linear-gradient(135deg, rgba(227, 81, 178, 1) 0%, rgba(156, 54, 246, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e351b2', endColorstr='#9c36f6', GradientType=1);
    border: 2px solid #e351b2;
    font-weight: bold;
    box-shadow: 0px 1px 8px #000;
}

.btn-lotto3:hover {
    color: #fff;
    text-decoration: none;
    background: #9c36f6;
    background: -moz-linear-gradient(-45deg, rgba(156, 54, 246, 1) 0%, rgba(227, 81, 178, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(156, 54, 246, 1)), color-stop(100%, rgba(227, 81, 178, 1)));
    background: -webkit-linear-gradient(-45deg, #9c36f6 0%, #e351b2 100%);
    background: -o-linear-gradient(-45deg, rgba(156, 54, 246, 1) 0%, rgba(227, 81, 178, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(156, 54, 246, 1) 0%, rgba(227, 81, 178, 1) 100%);
    background: linear-gradient(135deg, #9c36f6 0%, #e351b2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9c36f6', endColorstr='#e351b2', GradientType=1);
}

#modal-4d-payout .modal-header {
    border: none;
    background: linear-gradient(to bottom, rgba(8, 20, 42, 1) 0%, rgba(19, 59, 127, 1) 71%, rgba(73, 102, 152, 1) 100%);
}

#modal-4d-payout .modal-title {
    color: #fff;
}

#modal-4d-payout .close {
    color: #fff;
}

#modal-4d-payout .modal-body {
    background: #131313e8;
}

#modal-4d-payout .modal-footer {
    background: #131313;
}

/************************************* Lottery CSS **************************************/
.lottery-bg {
    background: #000 url(../images/common/lottery-bg.jpg) top center no-repeat;
}

.lottery-item {
    float: left;
    position: relative;
    margin: 13px 0 13px 29px;
}

.btn-lottery-wrap {
    position: absolute;
    left: 0;
    bottom: -5px;
}

.btn-lottery-item {
    float: left;
    padding: 0 3px;
}

.btn-lottery {
    padding: 15px;
    font-size: 16px;
    font-weight: bold;
    color: #e3d08c;
    text-align: center;
    border: 1px solid #e3d08c;
    border-radius: 5px;
}

.btn-lottery:hover,
.btn-lottery:focus {
    border: 1px solid #e3d08c;
    background: #e3d08c;
    color: #000000;
    text-decoration: none;
}

.payoutTable {
    border-collapse: collapse;
    border: 1px solid #e3d08c;
}

.payoutTable>tbody>tr>th {
    border: 1px solid #e3d08c;
    padding: 5px 5px;
    background: #e3d08c;
    font-weight: bold;
    text-align: center;
    color: #000000;
}

.payoutTable>tbody>tr>td {
    border: 1px solid #fff70c;
    padding: 3px 5px;
    text-align: center;
}

.txt-bonus {
    position: relative;
    top: -1px;
}

.txt-bonus-desp {
    color: #e5e118;
    font-weight: bold;
}

.fourD-titleBG {
    background-color: #3f3f3f;
    height: 19px;
}

.fourD-title {
    font-size: 12px;
    color: #FFF;
    font-weight: bold;
}

.fourD-topTxtone {
    font-size: 17px;
    font-weight: bold;
    color: #000;
    text-align: center;
    padding: 0;
}

.fourD-topTxttwo {
    font-size: 17px;
    font-weight: bold;
    color: #000;
    text-align: center;
    padding: 0px;
}

.fourD-topTxtthree {
    font-size: 12px;
    font-weight: bold;
    color: #000;
    text-align: center;
    background-color: #fff;
    padding: 1px;
    height: 15px;
}

.fourD-item {
    float: left;
    margin-left: 12px;
    width: 233px;
    background-color: #FFF;
    padding: 8px;
    border-radius: 5px;
    height: 375px;
    margin-bottom: 15px;
}

.fourD-item .fd-top {
    height: 40px;
}

.fourD-item .fd-top-left {
    float: left;
    width: 138px;
}

.fourD-item .fd-top-left .fd-title-01 {
    padding-top: 2px;
    padding-left: 3px;
    font-size: 13px;
    font-weight: bold;
    color: #000;
}

.fourD-item .fd-top-left .fd-title-02 {
    float: left;
    padding-left: 3px;
    width: 95px;
    font-size: 11px;
    font-weight: bold;
    color: #000;
}

.fourD-item .fd-top-left .fd-title-03 {
    float: left;
    font-size: 11px;
    color: #000;
}

.fourD-item .fd-top-left .fd-title-01w {
    padding-top: 2px;
    padding-left: 3px;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
}

.fourD-item .fd-top-left .fd-title-02w {
    float: left;
    padding-left: 3px;
    width: 95px;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
}

.fourD-item .fd-top-left .fd-title-03w {
    float: left;
    font-size: 11px;
    color: #fff;
}

.fourD-item .fd-top-right {
    float: right;
}

.fourD-item .fd-row-01,
.fourD-item .fd-row-02 {
    margin-top: 7px;
}

.fourD-item .fd-row-bg {
    background: #7c7b7b;
}

.sixD-table {
    border-collapse: collapse;
    border: 2px solid #7c7b7b;
    font-size: 14px;
    color: #000000;
    font-weight: bold;
}

.sixD-table>tbody>tr>th {
    background: #3f3f3f;
    height: 24px;
    border: 2px solid #7c7b7b;
    color: #FFFFFF;
}

.sixD-table>tbody>tr>td {
    border: 2px solid #7c7b7b;
}

.fourd-TableBtm>tbody>tr>td {
    border: 2px solid #7c7b7b;
}

.btn-4d {
    text-align: center;
    border-radius: 504px;
    display: block;
    padding: 10px 15px;
    font-weight: bold;
    font-size: 16px;
    color: #000;
    min-width: 180px;
    border: 2px solid #ffbc00;
    background: linear-gradient(to bottom, rgba(207, 157, 9, 1) 0%, rgba(232, 181, 54, 1) 32%, rgba(253, 238, 188, 1) 57%, rgba(232, 181, 54, 1) 77%, rgba(208, 159, 11, 1) 100%);
}

.btn-4d:hover,
.btn-4d:focus {
    color: #fff;
    text-decoration: none;
    background: #000000cc;
}

.btn-4d2 {
    background: #000000cc;
    text-align: center;
    border-radius: 504px;
    display: block;
    padding: 10px 15px;
    font-weight: bold;
    font-size: 16px;
    color: #ffffff;
    min-width: 180px;
    border: 2px solid #ffbc00;
}

.btn-4d2:hover,
.btn-4d:focus {
    color: #000;
    text-decoration: none;
    border: 2px solid #ffbc00;
    background: linear-gradient(to bottom, rgba(207, 157, 9, 1) 0%, rgba(232, 181, 54, 1) 32%, rgba(253, 238, 188, 1) 57%, rgba(232, 181, 54, 1) 77%, rgba(208, 159, 11, 1) 100%);
}

.fd-bg {
    background: url(../images/common/4d-result-bg.jpg)top left no-repeat;
    margin-left: 12px;
    width: 723px;
    float: left;
    border-radius: 5px;
    position: relative;
    height: 375px;
    border: 1px solid #5b79b2;
    display: flex;
}

.fd-co {
    width: 511px;
    position: relative;
}

.fd-date {
    padding: 11px;
    background: #1c1c1c;
}

.fd-btn {
    bottom: 15px;
    position: absolute;
}

.fd-keno-in {
    padding-top: 20px;
}

/****************Mobile********************/
.mobile-bg {
    position: relative;
    padding-bottom: 30px;
    background: #080808 url(../images/common/download-bg.jpg) top center no-repeat;
}

.mix {
    display: none;
    text-align: center;
    width: 24%;
    margin: 0.2%;
    padding-top: 20px;
}

.blue {
    background-color: blue;
    color: white;
}

.orange {
    background-color: orange;
}

.red {
    background-color: red;
    color: white;
}

button {
    background: #666666;
    border: none;
    color: white;
    padding: 0.65em;
    border-radius: 5px;
}

input {
    padding: 0.5em;
}

.title {
    font-weight: 2em;
}

mobile-filter button.active {}

.mobile-filter button.active {
    background: #131313;
    color: #ffffff;
}

.mobile-filter button {
    background: #ffdd31;
    border-radius: 50px;
    padding: 11px 25px 10px 25px;
    border: 1px solid #ffdd31;
    margin-right: 10px;
    width: 180px;
    text-transform: uppercase;
    color: #000;
}

.mobile-filter {
    padding-top: 20px;
}

.mobile-filter button:hover {
    background: #2b260d;
    color: #ffffff;
}

.mobile-filter .mix img:hover {
    transform: scale(0.9);
}

.mobile-filter .mix img {
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.mobile-filter button:focus {
    outline: none;
}

.payoutTable {
    border-collapse: collapse;
    border: 1px solid #e3d08c;
}

.payoutTable>tbody>tr>th {
    border: 1px solid #fff70c;
    padding: 5px 5px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background: linear-gradient(to bottom, rgba(8, 20, 42, 1) 0%, rgba(19, 59, 127, 1) 71%, rgba(73, 102, 152, 1) 100%);
}

.payoutTable>tbody>tr>td {
    border: 1px solid #fff70c;
    padding: 3px 5px;
    text-align: center;
    width: 25%;
}

.modal-header .close {
    font-size: 55px;
    padding: 0px;
    position: relative;
    right: 12px;
    color: #fff;
    opacity: 0.7;
}

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

h4.modal-title {
    color: #fff;
}

.modal-body {
    color: #fff;
}

/********************************************REgister***********************************************/
.form-footer {
    margin-top: 2em;
}

.ui-input {
    position: relative;
    padding: 0;
    border: 0;
    margin-bottom: 20px;
}

.ui-input input {
    border: 0;
    background: none;
    padding: 1px 0 10px 0;
    font-size: 16px;
    outline: 0;
    width: 100%;
    tap-highlight-color: rgba(0, 0, 0, 0);
    touch-callout: none;
    color: #000000;
}

.ui-input input+label {
    position: relative;
    display: block;
    padding: 8px 0 8px 0;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: .0875em;
    font-weight: 500;
    text-align: left;
}

.ui-input input+label::before,
.ui-input input+label::after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 1px;
}

.ui-input input+label::before {
    background-color: rgba(255, 255, 255, 0.50);
}

.ui-input input+label::after {
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    background-color: #f5e17e;
    height: 2px;
}

.ui-input input+label span {
    position: relative;
    color: rgb(255, 255, 255);
    transition: color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.ui-input input+label span::after {
    content: attr(data-text);
    position: absolute;
    overflow: hidden;
    left: 0;
    transform: scaleX(1);
    white-space: nowrap;
    color: #fff;
    background-image: linear-gradient(to right, #ecd572 50%, rgba(255, 255, 255, 0) 0%);
    background-position: 100% 50%;
    background-size: 200%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    backface-visibility: hidden;
    perspective: 1000;
    transform: translateZ(0);
    transition: background-position 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.ui-input input:focus+label::after,
.ui-input input.error+label::after,
.ui-input input:invalid+label::after,
.ui-input input.filled+label::after {
    transform: scaleX(1);
    transform-origin: left;
}

.ui-input input:focus+label span::after,
.ui-input input.error+label span::after,
.ui-input input:invalid+label span::after,
.ui-input input.filled+label span::after {
    background-image: linear-gradient(to right, white 50%, rgba(255, 255, 255, 0) 0%);
    background-position: 0% 50%;
}

.ui-input input.filled {
    color: #ffe053;
}

.ui-input input.filled+label::after {
    background-color: #ffffff;
}

.ui-input input.filled+label span::after {
    background-image: linear-gradient(to right, #ffffff 50%, rgba(255, 255, 255, 0) 0%);
    background-position: 0% 50%;
}

.ui-input input:focus {
    color: #ecd572;
}

.ui-input input:focus+label::after {
    background-color: #ecd572;
}

.ui-input input:focus+label span::after {
    background-image: linear-gradient(to right, #ecd572 50%, rgba(255, 255, 255, 0) 0%);
    background-position: 0% 50%;
}

.ui-input input.error,
.ui-input input:invalid {
    color: #E66161;
}

.ui-input input.error+label::after,
.ui-input input:invalid+label::after {
    background-color: #E66161;
}

.ui-input input.error+label span::after,
.ui-input input:invalid+label span::after {
    background-image: linear-gradient(to right, #ecd572 50%, rgba(255, 255, 255, 0) 0%);
    background-position: 0% 50%;
}

.__first,
.__second,
.__third,
.__fourth,
.__five,
.__six {
    animation-name: fadeIn;
    animation-duration: 180ms;
    animation-fill-mode: both;
    animation-iteration-count: 1;
}

.__first {
    animation-delay: 0;
}

.__second {
    animation-delay: 80ms;
}

.__third {
    animation-delay: 180ms;
}

.__fourth {
    animation-delay: 360ms;
}

.__five {
    animation-delay: 440ms;
}

.__six {
    animation-delay: 520ms;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translate3d(0, -25%, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.reg-out {
    background: #00000061;
    padding: 15px;
    border-radius: 10px;
}

.pgtitle {
    background: url(../images/en/info.png) center top no-repeat;
    color: #fff;
    height: 75px;
}

.pgtitle h4 {
    padding-left: 55px;
    padding-top: 25px;
}

.reg-in {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
    align-content: stretch;
}

.reg-inbr {
    flex: 0 1 auto;
    background: rgba(0, 0, 0, 0.6);
    padding-top: 20px;
    padding-bottom: 20px;
}

.reg-inbr2 {
    width: 460px;
    padding: 0px 43px;
}

.pgintitle {
    padding-top: 12px;
    padding-bottom: 13px;
    text-transform: uppercase;
    color: #efd976;
    margin-bottom: 20px;
    font-size: 1.25rem;
}

.ui-input select {
    border: 0;
    background: none;
    padding: 4px 0 10px 0;
    font-size: 16px;
    outline: 0;
    color: #000000;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: .0875em;
    font-weight: 500;
    text-align: left;
}

.ui-input select+label {
    position: relative;
    display: block;
    padding: 8px 0 8px 0;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: .0875em;
    font-weight: 500;
    text-align: left;
}

.ui-input select+label::before,
.ui-input select+label::after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 1px;
}

.ui-input select+label::before {
    background-color: rgba(255, 255, 255, 0.2);
}

.ui-input select+label::after {
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    background-color: #6EB1FF;
    height: 2px;
}

.ui-input select+label span {
    position: relative;
    color: rgba(255, 255, 255, 0.7);
    transition: color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.ui-input select+label span::after {
    content: attr(data-text);
    position: absolute;
    overflow: hidden;
    left: 0;
    transform: scaleX(1);
    white-space: nowrap;
    color: #fff;
    background-image: linear-gradient(to right, #ecd572 50%, rgba(255, 255, 255, 0) 0%);
    background-position: 100% 50%;
    background-size: 200%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    backface-visibility: hidden;
    perspective: 1000;
    transform: translateZ(0);
    transition: background-position 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.ui-input select:focus+label::after,
.ui-input select.error+label::after,
.ui-input select:invalid+label::after,
.ui-input select.filled+label::after {
    transform: scaleX(1);
    transform-origin: left;
}

.ui-input select:focus+label span::after,
.ui-input select.error+label span::after,
.ui-input select:invalid+label span::after,
.ui-input select.filled+label span::after {
    background-image: linear-gradient(to right, white 50%, rgba(255, 255, 255, 0) 0%);
    background-position: 0% 50%;
}

.ui-input select.filled {
    color: #ffffff;
}

.ui-input select.filled+label::after {
    background-color: #ffffff;
}

.ui-input select.filled+label span::after {
    background-image: linear-gradient(to right, #ffffff 50%, rgba(255, 255, 255, 0) 0%);
    background-position: 0% 50%;
}

.ui-input select:focus {
    color: #ecd572;
}

.ui-input select:focus+label::after {
    background-color: #ecd572;
}

.ui-input select:focus+label span::after {
    background-image: linear-gradient(to right, #ecd572 50%, rgba(255, 255, 255, 0) 0%);
    background-position: 0% 50%;
}

.ui-input select.error,
.ui-input select:invalid {
    color: #E66161;
}

.ui-input select.error+label::after,
.ui-input select:invalid+label::after {
    background-color: #E66161;
}

.ui-input select.error+label span::after,
.ui-input select:invalid+label span::after {
    background-image: linear-gradient(to right, #E66161 50%, rgba(255, 255, 255, 0) 0%);
    background-position: 0% 50%;
}

.ui-input p {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    padding: 15px 0px 10px 0px;
    color: #ffe053;
    margin: 0px;
    margin-bottom: 5px;
    font-family: "Avenir Next", "Avenir", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: .0875em;
    font-weight: 500;
    text-align: left;
}

.ui-input span {
    font-size: 18px;
    font-weight: 500;
    text-align: left;
}

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

.btn-sb {
    border-radius: 30px;
    padding: 5px 40px;
    font-size: 22px;
    font-weight: 500;
    color: #fff;
    margin: 0px 5px;
    border: 2px solid #fce486;
    background: #0a0a0a;
}

.btn-sbw {
    background: #4cc05b;
    padding: 5px 40px;
    border: 1px solid #4cc05b;
    font-size: 18px;
    color: #fff !important;
    margin: 0px 5px;
    border-radius: 50px;
    line-height: 32px;
    cursor: pointer;
}

.btn-sbw:hover {
    background: #4cc05b47;
    border: 1px solid #4cc05b;
}

.btn-sb2 span {
    position: relative;
    top: -2px;
    padding-right: 10px;
}

.btn-sbw span {
    position: relative;
    top: -2px;
    padding-right: 10px;
}

.ui-input input::-webkit-input-placeholder {
    color: #000;
}

.ui-input input:-ms-input-placeholder {
    color: #000;
}

.ui-input input::placeholder {
    color: #000;
}

.btn-active {
    padding: 9px 0px;
}

.btn-active h3 {
    color: #fff !important;
    line-height: 42px;
    font-size: 16px !important;
    text-align: center;
    padding-top: 3px;
    margin: 0px !important;
    margin-bottom: 30px !important;
}

.btn-actv {
    color: #fe465e;
    text-decoration: underline;
    border-radius: 50px;
    font-weight: bold;
}

.btn-sb:hover {
    color: #fff;
    background: none;
}

.btn-sb2:hover {
    color: #fff;
    background: #4cc05b38;
}

.btn-actv:hover {
    color: #ffe895;
    text-decoration: none;
}

.btn-sb2 {
    background: #6dacfc;
    border: 1px solid #6dacfc;
    padding: 5px 40px;
    font-size: 18px;
    color: #fff !important;
    margin: 0px 5px;
    border-radius: 50px;
    line-height: 32px;
    cursor: pointer;
}

.btn-sb2:hover {
    background: #314d71c4;
    border: 1px solid #6dacfc;
    padding: 5px 40px;
    margin: 0px 5px;
    border-radius: 50px;
}

.btn-sb3 {
    background: #ffe895;
    border: 1px solid #ffe895;
    padding: 3px 30px;
    font-size: 16px;
    font-weight: bold;
    color: #000;
    margin: 0px 5px;
    border-radius: 50px;
}

.btn-sb3:hover {
    background: #ffe895;
    border: 1px solid #ffe895;
    font-weight: bold;
    color: #000;
    border-radius: 50px;
}

.active-box {
    margin-top: 50px;
}

.af-all {
    display: inline-block;
}

.af_top {
    display: flex;
}

.user-detail {
    color: #fff;
    line-height: 38px;
    padding: 0px 20px;
    font-size: 14px;
}

.btn-bln {
    border-radius: 50px;
    color: #000;
    padding: 5px 25px;
    width: 200px;
    display: block;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    border: 2px solid #ffbc00;
    background: linear-gradient(to bottom, rgba(173, 144, 0, 1) 0%, rgba(255, 221, 49, 1) 100%);
}

.btn-bln .fa-sort-down {
    position: relative;
    top: -1px;
    left: 5px;
}

.btn-logout {
    background: #000;
    color: #fff;
    padding: 8px 25px 7px 25px;
    border-radius: 50px;
    display: block;
    font-size: 14px;
    margin-left: 5px;
    line-height: 14px;
    border: 2px solid #ffbc00;
}

.btn-logout:hover {
    color: #000;
    text-decoration: none;
    background: linear-gradient(to bottom, rgba(207, 157, 9, 1) 0%, rgba(232, 181, 54, 1) 32%, rgba(253, 238, 188, 1) 57%, rgba(232, 181, 54, 1) 77%, rgba(208, 159, 11, 1) 100%);
}

.dropdown-menu {
    width: 250px;
    background: #000000;
    padding: 0px;
    left: -25px;
    border: 1px solid #ffbc00;
}

.dropdown-item {
    text-align: center;
    color: #000;
}

.dropdown-item:hover {
    background: #000;
    color: #ffe895;
}

.af-wlt ul li {
    float: left;
    list-style: none;
    border-left: 1px solid #ffe895;
    padding: 0px 16px;
    line-height: 0px;
}

.af-wlt ul {
    margin: 0px;
    padding: 0px;
}

.af-bttm {
    float: right;
    padding-top: 18px;
}

.af-wlt ul li a {
    color: #ffffff;
    font-size: 15px;
}

.af-wlt ul li:first-child {
    border: none;
}

.af_balance {
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    display: flex;
    border: 1px solid #ffdd31;
    padding: 10px;
}

.af-wlt ul li a i {
    margin-right: 5px;
}

.af-wlt ul li a:hover {
    color: #ffbc00;
    text-decoration: none;
}

.progress-bar {
    border-radius: 6px;
    height: 10px;
    width: 100%;
    position: relative;
    z-index: 10;
    background-color: #474747;
    top: 6px;
}

.progress-bar .progress {
    position: relative;
    height: 100%;
    transition: width 0.5s ease-out;
    border-radius: 10px;
    background: linear-gradient(to bottom, rgba(173, 144, 0, 1) 0%, rgba(255, 221, 49, 1) 100%);
}

.progress-bar .glow {
    max-width: 100%;
    height: 100%;
    float: right;
}

.progress-bar .glow::before,
.progress-bar .glow::after {
    content: '';
    display: block;
    position: relative;
    border-radius: 0px 2px 2px 0px;
}

.progress-bar .glow::before {
    background: transparent;
    height: 100%;
    box-shadow: 0px 0px 10px #cfd6dd, 0px 0px 10px #04bfff;
    z-index: -5;
}

.progress-bar .glow::after {
    background: linear-gradient(to right, #3d5980 0%, transparent 100%);
    height: calc(100% + 10px + 10px);
    width: calc(100% + 10px);
    top: -10px;
    left: -10px;
    z-index: -3;
}

.label {
    font-family: Poppins;
    color: white;
    text-shadow: 0px 0px 2px #cfd6dd;
    font-size: 24px;
}

.bronze {
    animation: fill-1 0.5s ease-out 0s;
    animation-fill-mode: forwards;
    width: 0%;
}

.silver {
    animation: fill-1 0.5s ease-out 0s;
    animation-fill-mode: forwards;
    width: 0%;
}

.silver {
    animation: fill-2 0.5s ease-out 0.5s;
    animation-fill-mode: forwards;
    width: 0%;
}

.gold {
    animation: fill-3 0.5s ease-out 1s;
    animation-fill-mode: forwards;
    width: 0%;
}

.plat {
    animation: fill-4 0.5s ease-out 0s;
    animation-fill-mode: forwards;
    width: 0%;
}

.diamond {
    animation: fill-5 0.5s ease-out 0.5s;
    animation-fill-mode: forwards;
    width: 0%;
}

.fill-6 {
    animation: fill-6 0.5s ease-out 1s;
    animation-fill-mode: forwards;
    width: 0%;
}

@keyframes fill-1 {
    0% {
        width: 0%;
    }

    100% {
        width: 10%;
    }
}

@keyframes fill-2 {
    0% {
        width: 0%;
    }

    100% {
        width: 28%;
    }
}

@keyframes fill-3 {
    0% {
        width: 0%;
    }

    100% {
        width: 50%;
    }
}

@keyframes fill-4 {
    0% {
        width: 0%;
    }

    100% {
        width: 72%;
    }
}

@keyframes fill-5 {
    0% {
        width: 0%;
    }

    100% {
        width: 100%;
    }
}

.label.one {
    animation: label 0.5s ease-out 0s;
    animation-fill-mode: forwards;
    opacity: 0;
}

.label.two {
    animation: label 0.5s ease-out 0.5s;
    animation-fill-mode: forwards;
    opacity: 0;
}

.label.three {
    animation: label 0.5s ease-out 1.0s;
    animation-fill-mode: forwards;
    opacity: 0;
}

@keyframes label {
    0% {
        opacity: 0;
        transform: translateY(10px);
    }

    100% {
        opacity: 0.9;
        transform: translateY(0);
    }
}

.prog-in {
    display: block;
}

.af-info-l {
    float: left;
    width: 100%;
    padding: 10px 0px;
}

.user-name {
    font-size: 18px;
}

.balance-detail {
    margin-top: 20px;
    display: flex;
}

.baln-l {
    width: 50%;
    padding-right: 20px;
    flex: 1 0 auto;
}

.baln-box {
    background: linear-gradient(to bottom, rgba(173, 144, 0, 1) 0%, rgba(255, 221, 49, 1) 100%);
    padding: 5px 20px;
    border-radius: 50px;
    color: #000;
    font-weight: 700;
    border: 1px solid #dcaa21;
    width: 250px;
    float: right;
}

.baln-l h4 {
    font-size: 15px;
    margin-right: 20px;
}

.baln-l p {
    font-size: 18px;
    margin: 0px;
}

.arw-icon {}

.af-info-r {
    display: flex;
    width: 50%;
}

.baln-vip {
    padding: 0px 29px;
    display: block;
    width: 30%;
}

.baln-vip ul {
    margin: 0px;
    padding: 0px;
    display: block;
}

.baln-vip ul li {
    float: left;
    list-style: none;
    margin: 0px 15px;
}

.all-wallet {
    display: block;
    margin: 0px;
}

.all-wallet {
    display: inline-block;
    margin: 0px;
    padding: 10px 0px 0px 0px;
}

.baln-wallet {
    display: inline-block;
    width: 100%;
}

.all-wallet ul {
    margin: 0px;
    padding: 0px;
    display: block;
    border-top: 1px solid #ffdd31;
}

.all-wallet ul li {
    display: block;
    float: left;
    width: 131px;
    cursor: pointer;
    border: 1px solid #ffdd31;
    border-left: none;
    border-top: none;
    background: rgba(0, 0, 0, 0.3);
}

.all-wallet ul li:first-child {
    margin-left: 0px;
    height: 258px;
    border-left: 1px solid #ffdd31;
    width: 156px;
    background: rgba(0, 0, 0, 0.79);
}

.all-wallet ul li:first-child:hover {
    border-top: none;
}

.all-wallet ul li:hover {
    background: rgba(0, 0, 0, 0.79);
}

.btn-tlt {
    margin-top: 18px;
    text-align: center;
    padding: 6px 0px 1px 0px;
    font-weight: bold;
    font-size: 18px;
    color: #eec050;
}

.all-wallet ul li:first-child .bin-box {
    background: #370125;
}

.bln-box {
    background: #0a0d19;
    color: #ffffff;
    border-radius: 50px;
    padding: 5px;
    text-align: center;
    margin: 20px 10px;
    border: 1px solid #dcaa21;
}

.all-wallet ul li:nth-child(12) {
    margin-left: 0px;
}

.btn-all:hover {
    background: none !important;
    color: #fff !important;
}

.btn-all {
    margin: 0px 10px;
    display: block;
    text-align: center;
    color: #000;
    padding: 2px 8px;
    border-radius: 50px;
    box-shadow: 1px 1px 20px #000;
    margin-top: 13px;
    margin-bottom: 10px;
    border: 2px solid #dcaa21;
    background: linear-gradient(to bottom, rgba(173, 144, 0, 1) 0%, rgba(255, 221, 49, 1) 100%);
}

.btn-deposit {
    margin: 0px 10px;
    background: none;
    display: block;
    text-align: center;
    color: #fff;
    padding: 2px 8px;
    border-radius: 50px;
    box-shadow: 1px 1px 20px #000;
    border: 2px solid #dcaa21;
}

.btn-all:hover {
    background: none;
    text-decoration: none;
    color: #fff;
}

.btn-deposit:hover {
    background: none;
    text-decoration: none;
    color: #fff;
}

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

.af_tabs .tab-content>.active {
    display: block;
    min-height: 465px;
}

.af_tb .nav.nav-tabs {
    float: left;
    display: block;
    margin-right: 0px;
    border-bottom: 0;
    border-right: 1px solid transparent;
    padding-right: 0px;
    width: 205px;
}

.af-tlt {
    background: #d2d2dc;
    text-align: center;
    padding: 7px 10px 2px 10px;
    font-size: 24px;
    color: #196799;
    border-radius: 8px 8px 0px 0px;
}

.af_tb .nav-tabs .nav-item {
    margin: 0px;
}

.af_form {}

.btn-account {
    background: rgba(0, 0, 0, 0.45);
    color: #d7d7d7;
    font-size: 16px;
    border: 1px solid #ffdd31;
    text-align: left;
    display: block;
    height: 55px;
    padding-left: 150px;
    padding-top: 16px;
}

.btn-account.active {
    color: #000;
}

.btn-af-page {
    display: inline-block;
    position: relative;
    top: 7px;
    left: 206px;
}

.af_tb .nav-tabs .nav-link {
    border-bottom: 1px solid #ffdd31;
    background: #0000009e;
    color: #fff;
    padding: 15px;
    padding-left: 40px;
    font-size: 20px;
}

.af_tb .tab-content {
    position: relative;
    top: 20px;
}

.tab-content {
    margin-top: 0px;
    margin-left: 204px;
    position: relative;
}

.btn-inbox {
    background: rgba(0, 0, 0, 0.45);
    padding: 15px 106px 15px 142px;
    color: #fff;
    font-size: 16px;
    border: 1px solid #ffe895;
}

.af_tb-content2 .tab-content {
    margin-left: 60px;
}

.btn-account:hover {
    background: #ffbc00;
    color: #4e4e4e;
    text-decoration: none;
}

.btn-inbox:hover {
    background: #9da6d3;
    color: #000;
    text-decoration: none;
}

.af_tb .nav-tabs .nav-link img {
    margin-right: 10px;
}

.af_tb .nav-tabs .nav-link.active {
    color: #000000;
    border-bottom: 1px solid #ad9000;
    background: #ffdd31;
    border-top-left-radius: 0rem;
    border-top-right-radius: 0rem;
}

.af_tb .nav-tabs .nav-link:hover {
    border: 1px solid #fff0;
    border-bottom: 1px solid #dcaa21;
    color: #000;
    background: #ffbc00;
    border-top-left-radius: 0rem;
    border-top-right-radius: 0rem;
}

.af-form-all {
    color: #555;
}

.af-form-all .form-control {
    border-radius: 50px;
    width: 360px;
}

span.bnk-dtl {}

.af-bank {
    font-size: 13px;
    color: #c1c1c1;
    margin-bottom: 15px;
}

span.bnk-dtl {
    width: 150px;
    float: left;
    display: block;
}

.red-c {
    color: #f00;
    font-size: 20px;
    margin-right: 10px;
    position: relative;
    top: 3px;
}

.af-bank ul li {
    list-style: none;
}

.af-bank ul {
    margin: 0px;
    padding: 0px;
    padding-left: 22px;
    margin-top: 15px;
}

p.af-tx {
    color: #7a7a7a;
    font-size: 14px;
    margin-left: 10px;
    position: relative;
    top: -12px;
}

span.smll-t {
    color: #7a7a7a;
    font-size: 14px;
    margin-left: 10px;
}

.exp {
    display: table;
    padding-left: 10px;
}

.exp .checkbox {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
}

.exp label {
    display: inline-block;
    color: #555;
    cursor: pointer;
    position: relative;
}

.exp label span {
    display: inline-block;
    position: relative;
    background-color: transparent;
    width: 20px;
    height: 20px;
    transform-origin: center;
    border: 2px solid #e351b2;
    border-radius: 50%;
    vertical-align: -6px;
    margin-right: 10px;
    transition: background-color 150ms 200ms, transform 350ms cubic-bezier(0.78, -1.22, 0.17, 1.89);
}

.exp label span:before {
    content: "";
    width: 0px;
    height: 2px;
    border-radius: 2px;
    background: #e351b2;
    position: absolute;
    transform: rotate(45deg);
    top: 9px;
    left: 4px;
    transition: width 50ms ease 50ms;
    transform-origin: 0% 0%;
}

.exp label span:after {
    content: "";
    width: 0;
    height: 2px;
    border-radius: 2px;
    background: #e351b2;
    position: absolute;
    transform: rotate(305deg);
    top: 13px;
    left: 6px;
    transition: width 50ms ease;
    transform-origin: 0% 0%;
}

.exp label:hover span:before {
    width: 5px;
    transition: width 100ms ease;
}

.exp label:hover span:after {
    width: 10px;
    transition: width 150ms ease 100ms;
}

.exp input[type="checkbox"] {
    display: none;
}

.exp input[type="checkbox"]:checked+label span {
    background-color: #d2d2dc00;
    transform: scale(1.25);
}

.exp input[type="checkbox"]:checked+label span:after {
    width: 10px;
    background: #e351b2;
    transition: width 150ms ease 100ms;
}

.exp input[type="checkbox"]:checked+label span:before {
    width: 5px;
    background: #e351b2;
    transition: width 150ms ease 100ms;
}

.exp input[type="checkbox"]:checked+label:hover span {
    background-color: #e351b2;
    transform: scale(1.25);
}

.exp input[type="checkbox"]:checked+label:hover span:after {
    width: 10px;
    background: #555;
    transition: width 150ms ease 100ms;
}

.exp input[type="checkbox"]:checked+label:hover span:before {
    width: 5px;
    background: #555;
    transition: width 150ms ease 100ms;
}

.af-form-all .form-group {
    position: relative;
    display: flex;
}

.btn-smt {
    position: relative;
    color: #000;
    border-radius: 50px;
    padding: 5px 40px;
    font-size: 20px;
    margin-top: 20px;
    margin-left: 37%;
    border: 2px solid #dcaa21;
    background: linear-gradient(to bottom, rgba(173, 144, 0, 1) 0%, rgba(255, 221, 49, 1) 100%);
}

.btn-smt:hover {
    border: 2px solid #dcaa21;
    background: none;
    text-decoration: none;
    color: #fff;
    position: relative;
    border-radius: 50px;
    padding: 5px 40px;
    font-size: 20px;
    margin-top: 20px;
    margin-left: 37%;
}

.btn-smt i {
    font-size: 50px;
    color: #eaeaea;
}

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

.btn-smt i:hover {
    color: #196799;
}

.radio {
    margin: 0.5rem;
}

.radio input[type="radio"] {
    position: absolute;
    opacity: 0;
}

.radio input[type="radio"]+.radio-label:before {
    content: '';
    background: #f4f4f4;
    border-radius: 100%;
    border: 1px solid #b4b4b4;
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    margin-right: 1em;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    transition: all 250ms ease;
}

.radio input[type="radio"]:checked+.radio-label:before {
    background-color: #555;
    box-shadow: inset 0 0 0 4px #f4f4f4;
}

.radio input[type="radio"]:focus+.radio-label:before {
    outline: none;
    border-color: #555;
}

.radio input[type="radio"]:disabled+.radio-label:before {
    box-shadow: inset 0 0 0 4px #f4f4f4;
    border-color: #b4b4b4;
    background: #b4b4b4;
}

.radio input[type="radio"]+.radio-label:empty:before {
    margin-right: 0;
}

.af_tb2 {
    display: inline-block;
    width: 100%;
}

.af_tb2 ul.nav.nav-tabs {
    width: 100%;
    margin: 0px;
    padding: 0px;
    border: none;
    display: flex;
    justify-content: center;
}

.af_tb2 ul li.nav-item {
    float: left;
}

.af_tb2 .nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    border-radius: 0px;
    display: block;
    color: #fff;
    font-weight: bold;
    background: #2b260d;
    border: 1px solid #ffdd31;
}

.af_tb2 .nav-tabs .nav-link {
    margin: 25px 16px;
    background: none;
    color: #fff;
    padding: 10px 70px;
    border-radius: 0px;
    border: 1px solid #ffdd31;
    background: #00000052;
    font-weight: bold;
}

.af_tb2 .nav-tabs .nav-link:hover {
    color: #fff;
    background: #2b260d;
    border: 1px solid #ffdd31;
}

.af_tb-content2 {
    padding-bottom: 30px;
}

.af_tb-content3 .tab-content {
    margin: 20px;
}

.af_tb-content-all {
    padding-left: 60px;
    padding-top: 10px;
    padding: 30px;
}

input.btn-max {
    position: absolute;
    bottom: 0px;
    right: -143px;
    background: #000000;
    color: #ffffff;
    box-shadow: none;
    border-radius: 50px;
    padding: 5px 20px;
    border: 1px solid #ffdd31;
}

input.btn-max:hover {
    border: 1px solid #d88368;
    color: #000;
    background: #aa5b30;
    background: -moz-linear-gradient(top, rgba(170, 91, 48, 1) 0%, rgba(170, 91, 48, 1) 13%, rgba(252, 196, 132, 1) 60%, rgba(170, 91, 48, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(170, 91, 48, 1)), color-stop(13%, rgba(170, 91, 48, 1)), color-stop(60%, rgba(252, 196, 132, 1)), color-stop(100%, rgba(170, 91, 48, 1)));
    background: -webkit-linear-gradient(top, #aa5b30 0%, #aa5b30 13%, #fcc484 60%, #aa5b30 100%);
    background: -o-linear-gradient(top, rgba(170, 91, 48, 1) 0%, rgba(170, 91, 48, 1) 13%, rgba(252, 196, 132, 1) 60%, rgba(170, 91, 48, 1) 100%);
    background: -ms-linear-gradient(top, rgba(170, 91, 48, 1) 0%, rgba(170, 91, 48, 1) 13%, rgba(252, 196, 132, 1) 60%, rgba(170, 91, 48, 1) 100%);
}

.ls-box ul li {
    list-style: none;
    width: 240px;
    border-bottom: 1px solid #ffdd31;
}

.ls-box ul {
    margin: 0px;
    padding: 0px;
    border: 1px solid #ffdd31;
    border-radius: 8px;
}

.ls-box ul li a {
    padding: 10px;
    display: block;
    text-align: left;
    color: #fff;
    padding-left: 30px;
    text-transform: uppercase;
    background: #00000075;
}

.ls-box ul li a:hover {
    text-decoration: none;
    46,
    1) 100%);
    background: #b1392f;
}

.ls-box ul li a.active {
    text-decoration: none;
    background: #ffdd31;
    color: #000;
}

.ls-box {
    width: 240px;
    float: left;
    border-radius: 8px;
}

.ab-content {
    margin-top: 20px;
    display: inline-block;
}

.rs-box {
    float: left;
    width: 1000px;
    border: 1px solid #ffdd31;
    min-height: 271px;
    padding: 30px;
    color: #fff;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 8px;
    margin-left: 6px;
}

.banking h2 {
    font-size: 24px;
    font-weight: bold;
}

.ls-box ul li:last-child button {
    border-bottom: none;
    border-radius: 0px 0px 8px 8px;
}

.infoTable tr td {
    text-align: center;
    padding: 5px;
    border: 1px solid #ffdd31;
}

.infoTable tr th {
    text-align: center;
    padding: 5px;
    border: 1px solid #46abdb;
    background: #e351b2;
    background: -moz-linear-gradient(-45deg, rgba(227, 81, 178, 1) 0%, rgba(156, 54, 246, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(227, 81, 178, 1)), color-stop(100%, rgba(156, 54, 246, 1)));
    background: -webkit-linear-gradient(-45deg, #e351b2 0%, #9c36f6 100%);
    background: -o-linear-gradient(-45deg, rgba(227, 81, 178, 1) 0%, rgba(156, 54, 246, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(227, 81, 178, 1) 0%, rgba(156, 54, 246, 1) 100%);
    background: linear-gradient(135deg, #e351b2 0%, #9c36f6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e351b2', endColorstr='#9c36f6', GradientType=1);
}

.bank-Subtitle {
    color: #e49379;
}

span.faq-Question {
    color: #e49379;
}

.ls-box ul li.active {
    background: #47abdb;
}

.depo-all {
    display: block;
    margin: 10px;
    background: rgba(0, 0, 0, 0.4);
    border: 1px solid #ffdd31;
    margin-top: 0px;
    padding: 10px;
    position: relative;
    top: 15px;
    margin-bottom: 0px;
}

.vp-detail {
    float: right;
    text-align: right;
    flex: 1 0 auto;
    width: 70%;
    padding-top: 10px;
}

.filter a {
    padding: 10px 20px;
    display: inline-block;
    color: #003;
    text-decoration: none;
    transition: all 0.7s;
}

.filter a:hover {
    background: #8ad
}

.filter {
    text-align: center;
}

.sets a img {
    width: 100%;
    height: auto;
    float: left;
}

.sets a {
    width: 100%;
    transition: all 0.7s;
    display: block;
    float: left;
    opacity: 1;
    height: auto;
    position: relative;
}

.sets .hide,
.sets .pophide {
    width: 0%;
    opacity: 0;
    transition: all 0.7s;
}

/*******************************************Promotion**********************************************/
.promo-item {
    margin-bottom: 5px;
    display: grid;
    position: relative;
}

.promo-pic {
    position: relative;
    cursor: pointer;
}

.prom-bg {
    position: relative;
    display: none;
}

.promo-title {
    width: 700px;
    left: 70px;
    position: absolute;
    top: 21px;
    color: #FFFFFF;
    font-size: 15px;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 1);
}

.promo-inContent ul li {
    display: list-item;
}

.promo-content {
    padding: 25px;
    width: 925px;
    display: block;
    margin: 0px auto;
    background: #00000070;
    color: #fff;
    margin-left: 38px;
}

.promo-inContent {
    background: #f6921e;
    padding: 10px;
    border-radius: 5px;
}

.promo-butt {
    position: relative;
}

.promo-in2 {
    padding: 20px;
}

.promo-wrap {
    background: #fff;
    display: inline-block;
    padding: 20px;
    width: 100%;
}

.promo-img img {
    cursor: pointer;
}

.promo-info {
    color: #f6921e;
}

.promo-info h4 {
    font-size: 25px;
    padding-left: 20px;
    padding-top: 8px;
    text-align: left;
    display: inline-block;
}

.btn-more {
    position: absolute;
    bottom: 5px;
    right: 0px;
    padding: 5px 20px;
    border: 1px solid #f6921e;
    border-radius: 5px;
    cursor: pointer;
}

.promo-text {
    background: #000000a6;
    border-radius: 20px;
    color: #fff;
}

.promo-img figure {
    margin: 0px;
}

.promo-t {
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
}

.promo-c {
    font-weight: bold;
    text-align: center;
    padding: 10px 20px;
    margin: 0px auto;
    background: #ae5e02;
    border: 1px solid #fff;
    border-radius: 5px;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 170px;
    display: inline-block;
}

.promo-table tr td {
    padding: 10px;
    border: 1px solid #f6921e;
    background: #bd6e14;
    text-align: center;
    color: #fff;
}

.promo-table tr th {
    background: #ae5e02;
    padding: 10px;
    border: 1px solid #f6921e;
    text-align: center;
}

.promo-table {
    margin: 10px 0px;
}

.promo-b {
    border: 1px solid #fff;
    border-radius: 10px;
    padding: 15px;
}

.promo-b span {
    background: #fff;
    color: #056e8b;
    padding: 5px;
    display: inline-block;
    border-radius: 5px;
    width: 410px;
    text-align: center;
    margin-bottom: 10px;
}

.promo-inContent ul {
    margin-top: 0px !important;
}

.promo-content ul li {
    display: list-item;
}

.promo-content ul {
    margin-left: 26px;
}

.promo-box {
    float: right;
    width: 1005px;
    padding: 0px 10px 10px 10px;
}

.btn-pm {
    position: absolute;
    display: flex;
    bottom: 18px;
    right: 33px;
}

.btn-claim {
    background: #ffdd31;
    border: 1px solid #7d6901;
}

.btn-mr {
    border: 1px solid #fff;
    margin-left: 20px;
    color: #FFF !important;
}

.btn-claim:hover {
    text-decoration: none;
    background: #ffbc00;
    color: #000 !important;
    border: 1px solid #f9d675;
}

.btn-mr:hover {
    text-decoration: none;
    background: #ffbc00;
}

.ls-box ul li:first-child button {
    border-radius: 8px 8px 0px 0px;
}

.ls-box ul li:first-child a:hover {
    border-radius: 8px 8px 0px 0px;
}

.ls-box ul li:last-child a:hover {
    border-radius: 0px 0px 8px 8px;
}

.ls-box ul li:first-child a {
    border-radius: 8px 8px 0px 0px;
}

.ls-box ul li:last-child a {
    border-radius: 0px 0px 8px 8px;
}

.ls-box ul li:last-child {
    border: none;
}

.ls-box ul li a.selected {
    background: #ffdd31;
    color: #000;
}

.pomo-wrap ul {
    margin: 0px;
    padding: 0px;
}

.contact-ind-in ul {
    margin: 0px;
    padding: 0px;
    display: flex;
    justify-content: space-between;
}

.contact-ind-in ul li {
    list-style: none;
    display: flex;
}

.contact-ind-in ul li:first-child {
    margin: 0px;
}

.contact-index {
    display: flex;
    width: 100%;
    padding: 15px 0px 10px 0px;
    background: #112145;
}

.cnt-r {
    margin-left: 15px;
    padding-top: 4px;
}

p.cnt-tlt {
    padding: 0px;
    color: #fff;
    margin: 0px;
    line-height: 13px;
    font-size: 14px;
}

p.cnt-info {
    padding: 0px;
    margin: 0px;
    color: #d9af4a;
}

.table-memberhistory tr th {
    background: #ffdd31;
    color: #000;
    padding: 10px;
    text-align: center;
    border: 1px solid #9d7505;
}

.table-memberhistory tr td {
    padding: 10px;
    text-align: center;
    border: 1px solid #ffdd31;
    color: #fff;
    background: #0000008c;
}

.table-memberhistory tr:nth-child(even) {
    background: #cecece94;
}

.wizard {}

.wizard .nav-tabs {
    position: relative;
    margin: 20px auto;
    margin-bottom: 0;
    border: 0px;
    text-align: center;
    float: none;
    display: flex;
    width: 749px;
    height: 44px;
}

.wizard>div.wizard-inner {
    position: relative;
}

.wizard .tab-pane {
    position: relative;
    padding-top: 50px;
}

.wizard h3 {
    margin-top: 0;
    text-align: center;
    color: #ffffff;
    font-size: 24px;
}

p.news-t {
    margin: 0px;
    padding: 0px;
    text-align: center;
    color: #fff;
    font-size: 20px;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #ffffff;
    background-color: #fe465e;
}

.wizard-tab-content {
    padding: 15px;
    color: #ffffff;
    background-color: #002857;
    margin: 0px;
}

.wizard .nav-tabs>li a.active:after {
    position: absolute;
    left: 20px;
    bottom: -40px;
    border-top: none;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    border-bottom: 15px solid #fe465e;
}

@media(max-width:585px) {
    .wizard {
        width: 90%;
        height: auto !important;
    }

    span.round-tab {
        font-size: 16px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard .nav-tabs>li a {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard li.active:after {
        content: " ";
        position: absolute;
        left: 35%;
    }
}

.wizard .nav-tabs .nav-item:not(:last-child):before {
    content: '';
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    border-top: 0.1em solid #002857;
    border-right: 0.1em solid #002857;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: -30%;
    top: 57px;
}

.wizard .nav-tabs>li p {
    position: relative;
    width: 100%;
    text-align: center;
    bottom: 16px;
    color: #fff;
    padding: 0px;
    margin: 0px;
}

.wizard .tab-content {
    margin: 10px 100px;
}

.wizard .nav-tabs>li a:hover {
    text-decoration: none;
}

input.tel-digi {
    width: 50px;
    border: none;
    display: block;
    height: 62px;
    font-size: 20px;
    text-align: center;
    padding: 10px;
    margin-right: 5px;
    float: left;
    background: #fff;
    border-radius: 5px;
}

label.tel-tlt {
    color: #fff;
    display: block;
    text-align: center;
    margin-bottom: 20px;
}

.tel-num {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
    align-content: stretch;
    margin-bottom: 10px;
}

input.form-nm {
    width: 280px;
    border: none;
    display: block;
    height: 40px;
    font-size: 14px;
    text-align: center;
    padding: 10px;
    background: #fff;
    color: #000 !important;
    border-radius: 5px;
}

.time-count {
    color: #fe465e;
    position: relative;
    text-align: center;
}

.btn-reb {
    background: #ffe895 url(../images/common/btn-reb.png) no-repeat;
    position: relative;
    padding: 17px 20px 20px 100px;
    background-position: 31px;
    display: block;
    border-radius: 41px;
    color: #000;
    font-weight: bold;
    margin: 10px 0px;
    height: 50px;
}

.btn-reb:hover {
    background: #f84660 url(../images/common/btn-reb-hover.png) no-repeat;
    color: #fff;
    text-decoration: none;
    background-position: 31px;
}

.reg-ul ul li {
    float: left;
    cursor: pointer;
}

.reg-ul ul li a {
    color: #fff;
    text-align: left;
}

.reg-ul ul li:first-child {
    height: 44px;
    background-size: 100% 100%;
    padding: 14px 0px;
    margin: 0px;
    color: #fff;
    position: absolute;
    left: 118px;
    line-height: 15px;
    text-align: center;
    width: 265px;
}

.reg-ul ul li.active:first-child {
    background: url(../images/common/reg-bar-1-hover.png) no-repeat center;
}

.reg-ul ul li a:hover:first-child {}

.reg-ul ul li:nth-child(2) {
    width: 262px;
    position: absolute;
    left: 368px;
    padding: 13px 89px;
    line-height: 18px;
    top: 0px;
}

.reg-ul ul li.active:nth-child(2) {
    background: url(../images/common/reg-bar-3-hover.png) no-repeat center;
}

.reg-ul ul li:nth-child(2):hover {
    background: url(../images/common/reg-bar-3-hover.png) no-repeat center;
}

.reg-ul ul li:nth-child(3) {
    width: 262px;
    position: absolute;
    right: 0px;
    padding: 13px 89px;
    line-height: 18px;
    top: 0px;
}

.reg-ul ul li.active:nth-child(3) {
    background: url(../images/common/reg-bar-3-hover.png) no-repeat center;
}

.reg-ul ul li:hover:nth-child(3) {
    background: url(../images/common/reg-bar-3-hover.png) no-repeat center;
}

.reg-ul ul {
    background: url(../images/common/reg-bar.png) no-repeat center;
}

.password {
    width: 335px;
    height: 38px;
    background: #ffffff;
    border-radius: 50px;
    position: relative;
    overflow: hidden;
    box-shadow: none;
    border: none;
}

.password--background {
    background: #ffffff;
    position: absolute;
    width: 150%;
    height: 100%;
    right: -50%;
    top: 0;
    transition: .20s all ease-in-out;
    border-radius: 5px;
}

.password--visibleToggle {
    position: absolute;
    width: 50px;
    height: 50px;
    right: 10px;
    top: 1px;
    z-index: 1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
}

.password--visibleToggle-eye {
    width: 25px;
    height: 25px;
    position: absolute;
    right: 17px;
    top: 6px;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    overflow: hidden;
}

.password--visibleToggle-eye.close {
    transition: .4s all ease-in-out;
}

.password--visibleToggle-eye.open {
    transition: .2s .2s all ease-out;
}

.password--visibleToggle-eye img {
    width: 100%;
}

.password--lock {
    width: 20px;
    height: 20px;
    fill: #111;
    transition: all .5s;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 25px;
}

.password--input {
    background: none;
    border: none;
    color: #2d2d2d;
    position: absolute;
    width: 280px;
    left: 25px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 18px;
    letter-spacing: 2px;
    transition: all .5s;
    outline: none;
    font-family: 'Open Sans Condensed', sans-serif;
    -webkit-text-security: none;
}

.password--input:focus {
    border-bottom: 1px solid;
}

.password--visibleToggle:checked~.password--background {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    right: 12.5px;
    top: 1.5px;
}

.password--visibleToggle:checked~.password--input {
    -webkit-text-security: circle;
}

.password--visibleToggle:checked~.password--lock {
    fill: #fff;
}

.password--visibleToggle:checked~.password--visibleToggle-eye.close {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.password--visibleToggle:checked~.password--visibleToggle-eye.open {
    opacity: 0;
}

.reg_form .form-group {
    display: flex;
}

.reg_form label {
    color: #fff;
    position: relative;
    top: 6px;
    width: 150px;
}

.reg_form {
    padding: 0px 270px;
}

.reg_form .form-control {
    border-radius: 50px;
    border: none;
    padding: 0px 30px;
}

.reg-r {
    width: 335px;
}

select.form-nm {
    margin-right: 5px;
    background: #fff;
    color: #000 !important;
    height: 40px;
    padding: 0px 20px;
    border-radius: 5px;
}

form.for_form {
    padding: 0px 270px;
    color: #fff;
}

.for-tt {
    margin-bottom: 20px;
    font-size: 18px;
}

.for-r {
    margin-bottom: 30px;
    display: inline-block;
}

.form-nmber {
    width: 115px;
    float: left;
    margin-right: 5px;
}

.form-nmber2 {
    width: 215px;
    float: left;
}

.for-nmber {
    width: 115px;
    float: left;
    margin-right: 5px;
}

.for-nmber2 {
    width: 215px;
    float: left;
}

.for-r .for-nmber2 {
    width: 325px;
}

.baln-acc {
    display: block;
    position: relative;
    top: 30px;
}

.baln-acc h4 {
    font-size: 20px;
    margin-left: 20px;
}

span.user_name {
    color: #eec050;
}

span.vp-tltponit {
    background: #0d1121;
    padding: 5px 20px;
    border-radius: 50px;
    color: #ffffff;
    border: 1px solid #ffbc00;
    width: 150px;
    float: right;
}

.vp-tlt {
    font-size: 14px;
    margin-right: 20px;
    position: relative;
    top: 5px;
}

.vp-point {
    display: inline-block;
    margin-bottom: 5px;
}

.vp-sm {
    display: inline-block;
    margin-top: 15px;
    font-size: 14px;
}

.all-wallet ul li:hover .bln-box {}

.all-wallet ul li:hover .bln-box {}

.af_tabs {
    border: 1px solid #ffdd31;
}

.af_tb i {
    font-size: 27px;
    margin-right: 18px;
}

.inbank {
    background: rgba(0, 0, 0, 0.3);
    border-left: 1px solid #ffdd31;
    padding-bottom: 10px;
}

.af-form-all label {
    width: 220px;
    color: #ffffff;
}

.form-l {
    position: relative;
    top: -15px;
    margin-left: 220px;
}

.datede {
    position: relative;
}

.datede i {
    position: absolute;
    right: 15px;
    top: 12px;
    color: #797474;
}

.smll-t2 {
    color: #7a7a7a;
    font-size: 14px;
    margin-left: 48px;
}

span.tm {
    margin: 0px 3px;
    font-size: 16px;
    color: #ffffff;
    position: relative;
}

.btn-up {
    border-radius: 50px;
    padding: 5px 20px;
    margin-left: 5px;
    background: linear-gradient(to bottom, rgba(173, 144, 0, 1) 0%, rgba(255, 221, 49, 1) 100%);
    border: 1px solid #ffdd31;
    color: #000;
}

.btn-af-d {
    background: url(../images/common/af-deposit.png) no-repeat;
    background-position-x: 100px !important;
    background-position-y: 8px !important;
    font-weight: bold;
}

.btn-af-d:hover {
    background: #ffdd31 url(../images/common/af-deposit-hover.png) no-repeat;
}

.btn-af-d.active {
    background: #ffdd31 url(../images/common/af-deposit-hover.png) no-repeat;
}

.btn-af-w {
    background: url(../images/common/af-withdrawal.png) no-repeat;
    background-position-x: 100px !important;
    background-position-y: 8px !important;
    font-weight: bold;
}

.btn-af-w:hover {
    background: #ffdd31 url(../images/common/af-withdrawal-hover.png) no-repeat;
}

.btn-af-w.active {
    background: #ffdd31 url(../images/common/af-withdrawal-hover.png) no-repeat;
}

.btn-af-t {
    background: url(../images/common/af-transfer.png) no-repeat;
    background-position-x: 100px !important;
    background-position-y: 8px !important;
    font-weight: bold;
}

.btn-af-t:hover {
    background: #ffdd31 url(../images/common/af-transfer-hover.png) no-repeat;
}

.btn-af-t.active {
    background: #ffdd31 url(../images/common/af-transfer-hover.png) no-repeat;
    color: #000;
}

.btn-af-s {
    background: url(../images/common/af-statement.png) no-repeat;
    background-position-x: 100px !important;
    background-position-y: 8px !important;
    font-weight: bold;
}

.btn-af-s:hover {
    background: #ffdd31 url(../images/common/af-statement-hover.png) no-repeat;
}

.btn-af-s.active {
    background: #ffdd31 url(../images/common/af-statement-hover.png) no-repeat;
}

.btn-af-h {
    background: url(../images/common/af-history.png) no-repeat;
    background-position-x: 100px !important;
    background-position-y: 8px !important;
    font-weight: bold;
}

.btn-af-h:hover {
    background: #ffbc00 url(../images/common/af-history-hover.png) no-repeat;
}

.btn-af-h.active {
    background: #ffbc00 url(../images/common/af-history-hover.png) no-repeat;
}

.btn-af-p {
    background: url(../images/common/af-user.png) no-repeat;
    background-position-x: 100px !important;
    background-position-y: 8px !important;
    font-weight: bold;
}

.btn-af-p:hover {
    background: #ffdd31 url(../images/common/af-user-hover.png) no-repeat;
}

.btn-af-p.active {
    background: #ffdd31 url(../images/common/af-user-hover.png) no-repeat;
    color: #000;
}

.mar-top {
    padding-top: 45px;
}

.in-max {
    position: relative;
}

.af_tb-content4 .tab-content {
    margin: 0px 20px;
}

.btn-af-page ul {
    margin: 0px;
    padding: 0px;
}

.btn-af-page ul li {
    float: left;
    list-style: none;
    width: 332.7px;
}

.dropdown-menu ul {
    margin: 0px;
    padding: 0px;
    color: #fff;
}

.dropdown-menu ul li {
    display: inline-block;
    list-style: none;
    width: 100%;
    padding: 3px 5px;
    cursor: pointer;
}

.prov-name {
    margin-left: 0px;
    font-size: 13px;
    float: left;
    padding-top: 3px;
    font-weight: bold;
}

li {}

.am-prov {
    text-align: right;
    float: right;
    display: flex;
    position: relative;
    top: -2px;
}

.btn-in {
    padding: 2px 5px;
    font-size: 12px;
    background: #5ed087;
    margin-left: 8px;
}

.prov-out {
    margin-left: 8px;
}

.btn-out {
    padding: 2px 5px;
    font-size: 12px;
    background: #ec4e4e;
}

.am-prov .prov-in {
    width: auto;
}

.prov-am {
    padding-top: 14px;
    font-size: 13px;
    line-height: 0px;
}

.dropdown-menu ul li:hover {
    background: #ffffff29;
}

.dropdown-menu ul li:first-child {
    border-bottom: 1px solid #d88368;
    color: #000;
    background: linear-gradient(to bottom, rgba(207, 157, 9, 1) 0%, rgba(232, 181, 54, 1) 32%, rgba(253, 238, 188, 1) 57%, rgba(232, 181, 54, 1) 77%, rgba(208, 159, 11, 1) 100%);
}

.mobile-pop-bg {
    background: url(../images/common/mobile-pop.png)no-repeat center top;
    height: 530px;
}

.mobile-pop-bg2 {
    background: url(../images/common/mobile-pop2.png)no-repeat center top;
    height: 600px;
}

.mobile-pop-bg2 {
    background: url(../images/common/mobile-pop3.png)no-repeat center top;
}

.mobile-pop-bg3 {
    background: #131313;
    height: 553px;
    border: 1px solid #ffdd31;
}

.mobile-pop-bg .modal-header {
    border: none;
    text-align: center;
    padding: 10px;
}

.pop-logo {
    width: 100%;
    font-size: 30px;
    color: #fff;
}

.mobile-pop-bg .pop-logo img {
    display: block;
    margin: 0px auto;
}

.mobile-pop-bg .modal-body {
    margin: 0px;
    padding: 5px 10px;
}

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

.mb-bg .modal-dialog {
    max-width: 582px;
}

.mobile-pop-bg .close {
    font-size: 35px;
    padding: 0px;
    position: relative;
    right: 35px;
    color: #fff;
    opacity: 0.7;
    top: 20px;
}

.mobile-pop-bg2 .modal-header {
    border: none;
    text-align: center;
    padding: 10px;
}

.mobile-pop-bg2 .pop-logo img {
    display: block;
    margin: 0px auto;
}

.mobile-pop-bg2 .modal-body {
    margin: 0px;
    padding: 5px 10px;
}

.mobile-pop-bg2 .close {
    font-size: 35px;
    padding: 0px;
    position: relative;
    right: 35px;
    color: #fff;
    opacity: 0.7;
    top: 20px;
}

.mobile-pop-bg3 .modal-header {
    border: none;
    text-align: center;
    padding: 20px 10px 10px 10px;
}

.mobile-pop-bg3 .pop-logo img {
    display: block;
    margin: 0px auto;
}

.mobile-pop-bg3 .modal-body {
    margin: 0px;
    padding: 5px 10px;
}

.mobile-pop-bg3 .close {
    font-size: 35px;
    padding: 0px;
    position: relative;
    right: 35px;
    color: #fff;
    opacity: 0.7;
    top: 17px;
}

.md-flex {
    display: flex;
}

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

.md-inflex p {
    margin: 0px;
    padding: 0px;
    text-align: center;
    font-size: 13px;
}

.md-qr img {
    display: block;
    margin: 0px auto;
    max-width: 80px;
}

.md-inflex {
    width: 50%;
    padding: 10px 0px;
}

.md-qr {
    margin-top: 5px;
}

.md-btn {
    margin-top: 20px;
    text-align: center;
}

.btn-md {
    color: #fff;
    padding: 5px 20px;
    text-align: center;
    border-radius: 50px;
    background: #ffdd31;
    color: #000;
}

.btn-md:hover {
    text-decoration: none;
    background: #0000006b;
    color: #fff;
}

.md-line {
    margin: 0px 15px;
}

.table-pop tr td {
    padding: 8px;
    line-height: 15px;
    background: #00000059;
    color: #fff;
    border: 1px solid #a28b4c;
    margin-top: 10px;
}

table.table.table-pop {
    width: 65%;
}

.table-pop tr th {
    padding: 2px;
    background: #ffdd31;
    color: #000000;
    border: none;
    text-align: center;
    border: 1px solid #1f06412b;
}

.acc-b {
    color: #f0cb6a;
}

.md-info {
    display: block;
    margin: 0px auto;
}

.ab-bg {
    padding: 20px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
}

.ab-bg p {
    margin-top: 20px;
    text-align: center;
    color: #fff;
}

.ab-tab {
    display: inline-block;
    width: 100%;
}

.ab-tab ul {
    width: 100%;
    margin: 0px;
    padding: 0px;
    border: none !important;
    display: flex !important;
    justify-content: center;
}

.ab-tab ul li {
    float: left;
}

.ab-tab-content {
    padding-bottom: 30px;
}

.ab-bg .tab-content {
    margin: 0px;
}

.ab-bg .tab-content {
    margin: 0px;
}

.ab-tab ul li a {
    background: #000;
}

.allbet-title {
    color: #fff;
    text-align: center;
}

.ab-tab ul li a.nav-link.active {
    background: #fe465e;
    border: none;
}

.ab-tab ul li a.nav-link {
    border: none;
    color: #fff;
    background: #212121;
}

.af-form-all img {
    display: block;
    margin: 0px auto;
}

#game .game-box {
    float: left;
    margin: 10px 12px;
}

.game-box h4 {
    background: #1b1c30b3;
    color: #eeeed9;
    display: block;
    padding: 0px 0px 5px 0px;
    line-height: 26px;
    text-align: center;
    font-size: 14px;
    margin-bottom: 0px;
}

figure.snip0018 {
    color: #fff;
    position: relative;
    float: left;
    overflow: hidden;
    background: #000000;
    text-align: center;
    margin: 0px;
}

figure.snip0018 h4 {
    padding: 10px;
    background: #341b80;
}

figure.snip0018 img {
    opacity: 1;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
    max-width: 182px;
}

figure.snip0018 figcaption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

figure.snip0018 figcaption>div {
    height: 50%;
    overflow: hidden;
    width: 100%;
    position: relative;
}

figure.snip0018 figcaption::before {
    position: absolute;
    top: 50%;
    right: 50%;
    left: 50%;
    height: 2px;
    content: '';
    opacity: 0;
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

figure.snip0018 h2,
figure.snip0018 p {
    margin: 0;
    opacity: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
    transition: opacity 0.4s, -webkit-transform 0.4s, -moz-transform 0.4s, -o-transform 0.4s, transform 0.4s;
}

figure.snip0018 h2 {
    display: inline-block;
    font-weight: 300;
    text-transform: uppercase;
    bottom: 0;
    background: #3299d0;
    -webkit-transform: translate3d(0%, 50%, 0);
    transform: translate3d(0%, 50%, 0);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

figure.snip0018 h2 span {
    font-weight: 800;
}

figure.snip0018 p {
    font-weight: 300;
    color: #000;
    background: rgb(29, 38, 55);
    -webkit-transform: translate3d(0%, -50%, 0);
    transform: translate3d(0%, -50%, 0);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    display: table;
    height: 50px;
    text-transform: uppercase;
}

figure.snip0018 a {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    color: #ffffff;
    font-size: 16px;
    line-height: 35px;
    vertical-align: middle;
    display: table-cell;
}

figure.snip0018 p a:hover {
    color: #fefd5a;
}

figure.snip0018 h2 a:hover {
    color: #ffffff;
}

figure.snip0018:hover img {
    opacity: 0.7;
}

figure.snip0018 a:hover {
    color: #FFED00;
}

figure.snip0018:hover figcaption h2,
figure.snip0018:hover figcaption p {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
    display: table;
    height: 52px;
}

figure.snip0018:hover figcaption h2 {
    opacity: 1;
}

figure.snip0018:hover figcaption p {
    opacity: 1;
}

figure.snip0018:hover figcaption::before {
    background: rgba(255, 255, 255, 0);
    left: 0px;
    right: 0px;
    opacity: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}



.no-fun-ply {
    visibility: hidden;
    height: 25% !important;
}

.gss-bg {
    background: #0c112e url(../images/common/slt-bnns-gss.jpg) top center no-repeat;
    display: inline-block;
    width: 100%;
}

.pt-bg {
    background: #0c112e url(../images/common/slt-bnns-pt.jpg) top center no-repeat;
    display: inline-block;
    width: 100%;
}

.bs-bg {
    background: #0c112e url(../images/common/slt-bnns-bs.jpg) top center no-repeat;
    display: inline-block;
    width: 100%;
}

.mg-bg {
    background: #0c112e url(../images/common/slt-bnns-mg.jpg) top center no-repeat;
    display: inline-block;
    width: 100%;
}

.ag-bg {
    background: #0c112e url(../images/common/slt-bnns-ag.jpg) top center no-repeat;
    display: inline-block;
    width: 100%;
}

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

.gp-bg {
    background: #0c112e url(../images/common/slt-bnns-gp.jpg) top center no-repeat;
    display: inline-block;
    width: 100%;
}

.pp-bg {
    background: #0c112e url(../images/common/slt-bnns-pp.jpg) top center no-repeat;
    display: inline-block;
    width: 100%;
}

.slot-mn ul li {
    float: left;
    list-style: none;
}

.slot-mn ul {
    display: block;
    padding: 0px;
}

.grid2 ul li {
    float: left;
    display: block;
}

.slot-mn {
    display: inline-block;
    width: 100%;
    background: rgba(52, 165, 221, 1);
    background: -moz-linear-gradient(top, rgba(52, 165, 221, 1) 0%, rgba(3, 73, 93, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(52, 165, 221, 1)), color-stop(100%, rgba(3, 73, 93, 1)));
    background: -webkit-linear-gradient(top, rgba(52, 165, 221, 1) 0%, rgba(3, 73, 93, 1) 100%);
    background: -o-linear-gradient(top, rgba(52, 165, 221, 1) 0%, rgba(3, 73, 93, 1) 100%);
    background: -ms-linear-gradient(top, rgba(52, 165, 221, 1) 0%, rgba(3, 73, 93, 1) 100%);
    background: linear-gradient(to bottom, rgba(52, 165, 221, 1) 0%, rgba(3, 73, 93, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#34a5dd', endColorstr='#03495d', GradientType=0);
    padding: 10px;
}

.slot-mn ul li a {
    padding: 5px 20px;
    display: block;
    color: #fff;
    border-radius: 50px;
}

.grid2 {
    display: inline-block;
    background: rgba(0, 0, 0, 0.7);
    margin-bottom: 20px;
}

.grid2 ul li {
    margin: 10px 16px;
}

.grid2 ul {
    padding: 0px;
    display: inline-block;
    margin: 0px;
}

.slot-lb {
    margin-top: 380px;
}

.slot-mn ul li a:hover {
    background: #14183d;
    text-decoration: none;
    color: #ffe895;
}

.cp-txt .btn-up {
    background: none;
    padding: 0px;
    margin: 0px;
}

.wrap-promo {
    background: url(../images/common/promo-dg.png) no-repeat content-box top;
    position: absolute;
    display: flex;
    top: 0px;
    height: 96px;
    left: 40px;
    text-shadow: 1px 1px 1px #000;
    color: #fff;
}

.wrap-promo a {
    color: #fff;
    font-weight: bold;
}

span.pm-time {
    color: #ffffff;
    margin-left: 7px;
}

.timer {
    width: 113px;
    line-height: 18px;
    padding-top: 10px;
}

.wrap-promo a:hover {
    text-decoration: none;
}

.btn-pm a {
    display: block;
    width: 145px;
    text-align: center;
    float: none;
    padding: 6px 11px;
    font-size: 13px;
    line-height: 26px;
    border-radius: 30px;
    color: #000;
}

.btn-pm a:hover {
    color: #000;
}

.pomo-f button.active {
    background: #47abdb;
}

.pomo-f button {
    display: block;
    width: 100%;
    border-radius: 0px;
    padding: 14px;
    background: #0000004f;
}

.ls-box ul li:last-child {
    border: none;
}

.pomo-f {
    float: left;
    display: block;
    margin-top: 20px;
}

.pomo-wrap {
    display: inline-block;
    margin: 0px;
    float: left;
    width: 985px;
}

.pomo-wrap ul li {
    display: block;
    list-style: none;
    margin-left: 30px;
}

.cd-header {
    position: relative;
    height: 150px;
    background-color: #331d35;
}

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

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

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

.cd-main-content {
    position: relative;
    padding-top: 25px;
}

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

.cd-main-content.is-fixed .cd-tab-filter-wrapper {}

.cd-main-content.is-fixed .cd-gallery {}

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

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

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

@media only screen and (min-width:768px) {
    .cd-main-content.is-fixed .cd-gallery {}
}

@media only screen and (min-width:1170px) {
    .cd-main-content.is-fixed .cd-gallery {}
}

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

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

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

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

.cd-tab-filter ul {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0px;
}

.cd-tab-filter li {}

.cd-tab-filter li:first-child {
    display: block;
    border-top: 1px solid #104099;
    border-radius: 8px 8px 0px 0px;
}

.cd-tab-filter a {
    display: block;
}

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

.cd-tab-filter a:hover {
    color: #ffffff;
    background: rgba(225, 166, 3, 1);
    background: -moz-linear-gradient(top, rgba(225, 166, 3, 1) 0%, rgba(248, 253, 65, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(225, 166, 3, 1)), color-stop(100%, rgba(248, 253, 65, 1)));
    background: -webkit-linear-gradient(top, rgba(225, 166, 3, 1) 0%, rgba(248, 253, 65, 1) 100%);
    background: -o-linear-gradient(top, rgba(225, 166, 3, 1) 0%, rgba(248, 253, 65, 1) 100%);
    background: -ms-linear-gradient(top, rgba(225, 166, 3, 1) 0%, rgba(248, 253, 65, 1) 100%);
    background: linear-gradient(to bottom, rgba(225, 166, 3, 1) 0%, rgba(248, 253, 65, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1a603', endColorstr='#f8fd41', GradientType=0);
}

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

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

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

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

@media only screen and (min-width:768px) {
    .cd-tab-filter {
        width: auto;
        cursor: auto;
    }

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

    .cd-tab-filter ul {}

    .cd-tab-filter li {
        display: inline-block;
        border: 1px solid #104099;
        border-top: none;
    }

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

    .cd-tab-filter a {
        display: inline-block;
        color: #ffffff;
        text-transform: uppercase;
        font-weight: 100;
        font-size: 14px;
        background: #000000;
        text-align: left;
        padding: 0px 30px;
    }

    .no-touch .cd-tab-filter a:hover {
        color: #725D22;
        text-decoration: none;
    }

    .no-touch .cd-tab-filter a:focus {
        color: #725D22;
        text-decoration: none;
    }

    .cd-tab-filter a.selected {
        color: #ffffff;
    }

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

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

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

.cd-gallery {}

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

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

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

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

@media only screen and (min-width:768px) {
    .cd-gallery {
        padding: 40px 3%;
    }

    .cd-gallery ul {
        text-align: justify;
        padding: 0px;
        min-height: 680px;
    }

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

    .cd-gallery li {
        width: 100%;
        margin-bottom: 0px;
    }
}

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

    .cd-gallery li {
        width: 100%;
        padding: 0px !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.tlt-tr {
    text-align: -webkit-center;
    display: inline-block;
    width: 100%;
    font-weight: bold;
    font-size: 26px;
}

.tr-tlt {
    display: flex;
    background: #111111;
}

.pr-logo {
    width: 50%;
    padding: 10px;
}

.pr-logo img {
    display: block;
    margin: 0px auto;
    padding-top: 7px;
}

.blc-info {
    padding: 10px;
}

.tr-amount p {
    color: #ff0000;
    margin: 0px;
}

.tr-all {
    display: flex;
}

.tr-1 {
    width: 310px;
    padding: 20px;
}

.no-pdding {
    padding: 0px !important;
}

.tr-amount {
    padding: 15px;
}

.btn-blank {
    margin-bottom: 24px;
    width: 250px;
    border-radius: 30px;
    border: none;
    background: #ffffff;
    color: #000;
    padding: 10px 20px;
    font-size: 24px;
    text-align: center;
}

.btn-all-in {
    background: linear-gradient(to bottom, rgba(173, 144, 0, 1) 0%, rgba(255, 221, 49, 1) 100%);
    border-radius: 50%;
    padding: 12px;
    width: 60px;
    height: 60px;
    display: inline-block;
    text-align: center;
    color: #000;
    line-height: 17px;
}

span.btninall {
    position: relative;
    top: 2px;
    line-height: 8px;
}

.tr-2 {
    margin-top: 10px;
}

.tr-3 {
    float: right;
    position: relative;
    padding-right: 28px;
}

.btn-lv {
    background: #fe465e;
}

.btn-lv:hover {
    background: #f11d38;
}

.btnp {
    padding: 10px 40px;
    border-radius: 21px;
    margin-bottom: 1px;
}

.btn-sg {
    background: #6aaaff;
}

.btn-sg:hover {
    background: #247df3;
}

.btn-py {
    background: #ddbb53;
}

.btn-position {
    top: 13px;
    position: relative;
    margin-left: 32px;
}

.btn-all-in:hover {
    background: #d2a238;
    color: #fff;
    text-decoration: none;
}

.deposit-pop-bg {
    background: #000000;
    border: 1px solid #ffe895;
    padding-bottom: 20px;
}

.deposit-pop-bg .tlt-tr {
    color: #000000;
    text-align: left;
}

.deposit-pop-bg .modal-header {
    border: none;
    background: #ffe895;
}

.tr-amount h5 {
    margin-top: 10px;
}

.deposit-pop-bg .close {
    color: #000;
    opacity: 1;
    border: 1px solid #000;
    border-radius: 50%;
    width: 37px;
    font-size: 34px;
    top: 16px;
}

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

.btn-am {
    margin: 10px;
}

.dropbtn {
    background-color: #ffe895;
    color: black;
    border: none;
    width: 160px;
}

.dropup {
    position: relative;
    display: inline-block;
    top: 125px;
    left: 5px;
}

.dropup-content {
    display: none;
    position: absolute;
    min-width: 160px;
    bottom: 45px;
    z-index: 1;
}

.dropup-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropup-content a:hover {
    background-color: #ccc
}

.dropup:hover .dropup-content {
    display: block;
}

.dropup:hover .dropbtn {
    background-color: #d8b843;
    color: #fff;
}

.all-wallet ul li a:hover {
    text-decoration: none;
    background: linear-gradient(to bottom, rgba(207, 157, 9, 1) 0%, rgba(232, 181, 54, 1) 32%, rgba(253, 238, 188, 1) 57%, rgba(232, 181, 54, 1) 77%, rgba(208, 159, 11, 1) 100%);
    color: #000;
}

.user_form input {
    width: 260px;
    display: block;
    border-radius: 30px;
    border: none;
    margin-left: 20px;
}

.user_form label {
    margin-left: 80px;
}

.user_form {
    padding: 40px 40px 0px 40px;
}

.user_form p {
    text-align: center;
    font-size: 14px;
    padding: 10px;
    color: #f00;
}

.user_form .form-group {
    display: flex;
    margin: 0px;
}

.cnt-r a:hover p {
    color: #ffffff;
    text-decoration: none;
}

.cnt-r a:hover {
    text-decoration: none;
}

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

.promocontent {
    text-align: left;
}

.win-name ul {
    min-height: auto !important;
    margin-bottom: 15px;
}

.win-name ul li {
    display: block;
    float: left;
    width: 18%;
    background: #0000005c;
    margin: 1%;
    text-align: center;
    padding: 10px !important;
}

.promocontent h4 {
    color: #ffe895;
    margin-bottom: 20px;
}

.min-pot {
    padding-left: 10px;
    position: relative;
    top: 0px;
    float: right;
}

.cd-gallery ul {
    text-align: justify;
    padding: 0px;
    min-height: 680px;
}

.cd-gallery {
    padding: 0px;
    float: right;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
    margin-top: 10px;
    float: right;
    width: 965px;
    margin: 0px;
    padding: 0px;
}

.cd-gallery li {
    width: 100%;
    padding: 0px !important;
}

.top-mini {
    display: flex;
}

.mini-content h5 {
    color: #ffe895;
    margin-bottom: 10px;
    font-size: 16px;
}

.mini-content p {
    text-align: left;
    padding: 0px;
    margin: 0px;
}

.mini-content {
    margin-top: 30px;
}

.min-r {
    margin-left: 6px;
}

.form-all form {
    padding-top: 7px;
}

/***************poker*********************/
.poker-l {
    display: flex;
    width: 100%;
    height: 145px;
}

.poker-in {
    display: flex;
    width: 972px;
    margin: 0px auto;
    padding: 10px;
    position: relative;
    padding-top: 225px;
}

.poker-left {
    width: 50%;
}

.poker-2 {}

.poker-2 .md-inflex {
    width: 100%;
    color: #fff;
    font-size: 12px;
}

.poker-1 {
    padding-top: 20px;
    margin-right: 20px;
}

.poker-3 {
    color: #fff;
    margin-left: 20px;
}

.poker-right {
    margin-left: 80px;
}

.pk-1 {
    position: absolute;
    bottom: 30px;
    left: 70px;
}

.pk-2 {
    position: absolute;
    bottom: 175px;
    right: 106px;
}

.pk-3 {
    position: absolute;
    bottom: 70px;
    right: 176px;
}

.table-pop2 {
    width: 40%;
}

.table-pop2 tr td {
    padding: 5px;
}

.table-pop2 tr th {
    background: #ffe895;
    border: 1px solid #ffe895;
    padding: 5px;
    text-align: center;
}

.table-pop2 tr td {
    background: #000000;
    border: 1px solid #ffe895;
    padding: 3px;
    text-align: center;
    color: #fff;
}

.table-pop2 .form-control {
    height: 30px;
}

/****************Quick credit pop up***********************/
.qct-form {
    display: flex;
    width: 100%;
    padding: 30px 10px;
    font-size: 18px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.sbutton {
    background: none
}

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

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

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

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

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

.slide_left_open {
    left: -20px;
}

button#button_left img {}

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

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

#slide_left ul li {}

#slide_left ul li:hover {}

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

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

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

#slide_left2 ul li:hover {}

.slide_right_close {
    position: fixed;
    right: -189px;
    top: 120px;
}

.slide_right_open {}

#slide_right>ul {
    float: right;
    background: #000000b5;
    color: #fff;
    width: 190px;
    border: 1px solid #4581e5;
}

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

#slide_right ul {}

#slide_right ul li:hover {}

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

.slide_top_close {
    top: -236px;
}

.slide_top_open {
    top: -100px;
}

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

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

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

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

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

.push_right_open {
    right: 0px;
}

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

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

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

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

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

.push_left_open {
    left: 0px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#slide_left {
    height: 200px;
}

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

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

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

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

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

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

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

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

.rotate-contact {
    position: absolute;
    bottom: -50px;
    left: 0;
    margin-left: -44px;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    color: #fff;
    border: 1px solid #ffdd31;
    padding: 13px 10px 6px 13px;
    border-radius: 5px 5px 0px 0px;
    border-bottom: none;
    min-width: 135px;
    font-size: 1rem;
    background: #000;
}

.tfhour img {
    width: 100px;
}

.side1-bg {
    color: #fff;
}

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

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

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

.sc-ico {
    width: 11px;
}

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

.sc-info p {}

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

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

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

.sc-info img {}

img#bsright {}

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

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

.slide_left-item {}

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

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

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

.side-ico .fa {}

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

.side-info {
    padding-left: 5px;
    color: #000;
    border-radius: 30px;
    background: #ffdd31;
    font-size: 12px;
}

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

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

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

.side-ico i {}

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

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

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

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

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

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

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

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

.live-r {
    width: 432px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.lv-form {}

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

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

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

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

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

.top-r input {
    display: block;
    margin: 0px auto;
    border-radius: 30px;
    border: none;
    text-align: center;
    margin-top: 15px;
}

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

.top-r input {
    display: block;
    margin: 0px auto;
    border-radius: 30px;
    border: none;
    text-align: center;
    margin-top: 15px;
}

.lv-login {
    display: block;
    margin: 0px auto;
    background: #ffe895;
    color: #000;
    padding: 5px 40px;
    border-radius: 20px;
    margin-top: 13px;
    border: 1px solid #ffe895;
}

.lv-login:hover {
    background: #000000;
    color: #ffe895;
}

.win-lst {}

.win-lst .tab-content {
    margin: 0px;
}

.win-lst-tab ul {
    border: none !important;
    margin: 0px !important;
    padding-top: 15px;
}

.win-lst-tab ul li {
    float: left;
    border: none;
    margin: 0px;
    padding: 0px;
}

.win-lst-tab {
    display: inline-block;
}

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

.bottom-lv {
    border: 1px solid #ffe895;
    margin-top: 10px;
}

.win-lst-tab ul li a {
    background: none !important;
    border: none !important;
    padding: 0px 9px;
    text-align: center;
    color: #ffe895 !important;
}

.win-lst-tab ul li a img {
    display: block;
    margin: 0px auto;
}

.tour-accor h4 {
    background: #111111;
    color: #ffe895;
    padding: 7px;
    font-size: 18px;
}

.tour-accor h4 a {
    color: #ffe895;
}

.tour-accor p {
    text-align: center;
    font-size: 14px;
}

.win-user {
    display: inline-block;
}

.win-user ul {
    display: inline-block;
    margin: 0px;
    padding: 0px;
}

.win-user ul li {
    list-style: none;
    display: flex;
    margin: 0px 18px;
    margin-bottom: 10px;
    float: left;
}

.win-amt {
    background: #fcde62;
    color: #000;
    padding: 10px;
    border-radius: 8px 0px 0px 8px;
    width: 100px;
}

.win-nm {
    background: #00000091;
    padding: 10px;
    width: 210px;
    text-align: center;
    border-radius: 0px 8px 8px 0px;
}

.tour-accor i {
    position: absolute;
    right: 13px;
    background: #474646bf;
    padding: 5px;
    border-radius: 30px;
    width: 28px;
    color: #ffe895;
    top: 3px;
}

.tour-accor a:hover {
    text-decoration: none;
}

.win-user ul li:last-child {
    margin: 0px;
    margin-left: 18px;
    width: 96.4%;
}

.win-user ul li:last-child .win-nm {
    width: 100%;
}

.win-user ul li:last-child .win-amt {
    width: 110px;
}

.win-nm span {
    width: 165px;
    display: inline-block;
}

.guide-content {
    padding: 10px;
    background: #0000008f;
    color: #fff;
}

.guide-content h3 {
    padding: 10px 10px;
    width: 84%;
    margin: 0px;
    padding-top: 0px;
    font-size: 27px;
    font-weight: bold;
    text-align: left;
}

.sttl {
    display: flex;
    width: 100%;
    border-bottom: 1px solid #909090;
    margin-bottom: 15px;
    background: #ffe8952b;
    padding-top: 12px;
}

#myBtn {
    z-index: 99;
    font-size: 13px;
    outline: none;
    color: white;
    cursor: pointer;
    padding: 0px 10px;
    border-radius: 4px;
    flex: 1 0 auto;
    background: none;
    text-align: right;
}

#myBtn:hover {
    background: none;
    text-decoration: underline;
}

.content-ol {
    border: 1px solid #909090;
    padding-top: 15px;
}

.content-ol ol li {
    padding: 5px 0px;
}

.content-ol ol {
    padding-left: 29px;
}

.content-ol ol li a {
    color: #fff;
    font-weight: normal;
}

.content-ol h4 {
    padding-left: 24px;
    font-size: 17px;
    font-weight: bold;
    color: #ffe895;
}

.content-ol2 {
    border: 1px solid #909090;
    padding-top: 15px;
}

.content-ol2 ol li {
    padding: 5px 0px;
}

.content-ol2 ol {
    padding-left: 29px;
}

.content-ol2 ol li a {
    color: #fff;
    font-weight: normal;
}

.content-ol2 h4 {
    padding-left: 24px;
    font-size: 17px;
    font-weight: bold;
    color: #ffe895;
}

.st-info {
    background: #0000006b;
    border: 1px solid #909090;
    margin: 10px 0px;
    padding: 20px;
    text-align: center;
}

.all-con {
    border: 1px solid #909090;
    margin-top: 20px;
    text-align: center;
}

p.ttl {
    font-weight: bold;
    margin: 0px;
    border-bottom: 1px dotted;
    margin-bottom: 10px;
    font-size: 24px;
    padding: 0px 10px;
}

.all-con p {
    padding: 0px 20px;
}

.all-con img {
    padding: 10px;
    display: block;
    margin: 0px auto;
}

.all-con strong {
    color: #ffe895;
}

.btn-top-all {
    text-align: center !important;
    width: 100%;
    margin: 10px 0px;
}

.content-ol ol li a:hover {
    color: #ffe895;
}

.in-do ul {
    text-align: center;
    list-style-position: inside;
}

.all-con a {
    color: #fe465e;
    font-weight: bold;
    text-decoration: underline;
}

.st-info a {
    text-decoration: underline;
    color: #fe465e;
    font-weight: bold;
}

.st-info h2 {
    color: #ffe895;
}

.st-info a:hover {
    color: #ffe895;
}

.all-con a:hover {
    color: #ffe895;
}

.banner-content {
    background: #0000004f;
    margin-top: 15px;
}

.banner-content h3 {
    font-size: 55px;
    text-align: center;
    background: linear-gradient(#fbe89e, #f5aa33 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0px;
}

.banner-content h3:before {
    content: attr(data-text);
    position: absolute;
    top: -18px;
    right: -15px;
    left: 0;
    bottom: 0;
    text-shadow: -10px 15px 5px rgba(0, 0, 0, 0.1), -10px 20px 5px rgba(0, 0, 0, 1), -10px 20px 5px rgba(0, 0, 0, 1);
    z-index: -1;
}

.banner-content p {
    color: #fcde62;
    text-align: center;
    margin-top: 10px;
}

.banner-detail {
    padding: 30px 40px 30px 40px;
    color: #fff;
    text-align: left;
}

.btn-df-now {
    background: url(../images/common/btn-df.png) no-repeat center;
    text-align: center;
    margin: 1px 42%;
    display: inline-block;
    align-items: center;
    justify-content: center;
    padding: 17px 0px;
    color: #fff;
    font-size: 18px;
    margin-top: 30px;
    width: 225px;
}

.btn-df-now:hover {
    background: url(../images/common/btn-df-hver.png) no-repeat center;
    text-decoration: none;
    color: #fff;
}

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

.banner-box {
    margin: 0px 40px;
    padding: 5px;
    position: relative;
    margin-bottom: 55px;
}

.banner-box table {}

.banner-box table tr th {
    background: none;
    text-align: center;
    padding: 8px;
    border: 5px solid #000;
}

.banner-box table tr td {
    background: #292929;
    color: #fff;
    border: 5px solid #000;
    text-align: center;
    padding: 8px;
}

.table-responsive {
    background: #0f0e29;
    border: 1px solid #f8d65f;
    padding: 5px;
}

.guide-content {
    padding: 10px;
    background: #0000008f;
    color: #fff;
    position: relative;
}

.content-ol {
    position: fixed;
    margin-left: -300px;
    padding: 10px 10px 0px 10px;
    background: #0000006b;
}

.content-ol {
    position: fixed;
    margin-left: -275px;
}

.bottomMenu {
    display: none;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 60px;
    border-top: 1px solid #000;
    background: red;
    z-index: 1;
}

.content-ol ol li a.active {
    color: #fee895;
}

@media (max-width:1366px) {
    body {
        display: inline-block;
        overflow-x: hidden;
        overflow-y: scroll;
        background-position-x: 20%;
    }

    .sticky.is-fixed {
        position: sticky;
    }
}

/****************POKER IN********************/
.mod-poker {
    height: 790px;
    transition: all .2s ease-in-out;
    background-position: center;
    background-repeat: no-repeat;
}

.lobby-platform {
    width: 1100px;
    padding-top: 320px;
    background-repeat: no-repeat;
    -webkit-transition: all 0.50s ease-in;
    -moz-transition: all 0.50s ease-in;
    -o-transition: all 0.50s ease-in;
    -ms-transition: all 0.50s ease-in;
    transition: all 0.50s ease-in;
}

.mod-poker.poker-active {
    background-image: url(../images/common/slt-bnns-p8.jpg);
}

.mod-poker.fg-active {
    background-image: url(../images/common/slt-bnns-fg.jpg);
}

.lobby-platform .poker-platform {
    background: url(../images/common/slt-btn-p8.png) no-repeat;
}

.lobby-platform .fg-platform {
    background: url(../images/common/slt-btn-fg.png) no-repeat;
}

.btn-new {
    position: absolute;
    background: #dc0000;
    right: -14px;
    font-size: 8px;
    padding: 1px 3px;
    border-radius: 5px;
    top: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-animation: zoomin 1.2s ease-in infinite;
    animation: zoomin 1.2s ease-in infinite;
    transition: all 1.2s ease-in-out;
    overflow: hidden;
    box-shadow: 2px 2px 10px #00000080;
}

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

@-webkit-keyframes zoomin {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes zoomin {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes zoomout {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.67);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes zoomout {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.67);
    }

    100% {
        transform: scale(1);
    }
}

.btn-stream {
    position: absolute;
    right: -14px;
    font-size: 8px;
    padding: 1px 5px;
    border-radius: 5px;
    top: 3px;
    background: #f00;
    -webkit-animation: color_change 0.8s infinite alternate;
    -moz-animation: color_change 0.8s infinite alternate;
    -ms-animation: color_change 0.8s infinite alternate;
    -o-animation: color_change 0.8s infinite alternate;
    animation: color_change 0.8s infinite alternate;
}

@-webkit-keyframes color_change {
    from {
        color: #fff;
        background: #f00;
    }

    to {
        color: #000;
        background: #f00;
    }
}

@-moz-keyframes color_change {
    from {
        color: #fff;
        background: #f00;
    }

    to {
        color: #000;
        background: #f00;
    }
}

@-ms-keyframes color_change {
    from {
        color: #fff;
        background: #f00;
    }

    to {
        color: #000;
        background: #f00;
    }
}

@-o-keyframes color_change {
    from {
        color: #fff;
        background: #f00;
    }

    to {
        color: #000;
        background: #f00;
    }
}

@keyframes color_change {
    from {
        color: #fff;
        background: #f00;
    }

    to {
        color: #000;
        background: #f00;
    }
}

/*************************** Tournament ********************************/
.tour-all {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
    margin-bottom: 35px;
    margin-top: 15px;
}

.tour-wrap {
    position: absolute;
    top: 336px;
    left: 123px;
    text-align: center;
}

.tour-info {
    position: relative;
}

.tour-wrap h4 {
    font-weight: bold;
    font-size: 1.2rem;
    margin: 0px;
}

.tour-wrap p {
    font-weight: bold;
    margin: 0px;
    margin-top: 2px;
    font-size: 13px;
}

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

.tournament {
    margin-bottom: 30px;
}

.fst-bg {
    background: url(../images/common/gold.jpg);
    background-size: 100% 100%;
    color: #000 !important;
    height: 50px;
    border-bottom: 5px solid #18132a !important;
    border-top: 2px solid #565657 !important;
    font-weight: bold;
}

.sst-bg {
    background: url(../images/common/silver.jpg);
    color: #000 !important;
    height: 50px;
    background-size: 100% 100%;
    border-bottom: 5px solid #18132a !important;
    font-weight: bold;
}

.tst-bg {
    background: url(../images/common/bronze.png);
    color: #000 !important;
    height: 50px;
    background-size: 100% 100%;
    border-bottom: 5px solid #18132a !important;
    font-weight: bold;
}

.tour-sch {
    border-radius: 10px 10px 0px 0px;
    margin-top: 110px;
}

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

table.trnt-table {
    width: 100%;
    position: relative;
}

table.trnt-table tr th {
    padding: 7px 5px;
    color: #ffe895;
    text-align: center;
}

table.trnt-table tr td {
    padding: 15px 5px;
    position: relative;
    text-align: center;
    width: 33%;
}

table.trnt-table2 tr td {
    padding: 7px 5px;
    color: #ffffff;
    text-align: center;
    border: 3px solid #0f0e29;
    width: 33%;
}

img.tour-ico {
    position: absolute;
    left: -20px;
    top: 0px;
}

.text-mv {
    font-weight: bold;
    font-size: 20px;
}

p.tbl-info {
    text-align: center;
    color: #fff;
    font-size: 13px;
    margin-top: 5px;
}

.tour-info img {}

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

.tour-info a {
    color: #000;
}

img.gm-logo {
    position: absolute;
    top: 175px;
    left: 192px;
}

.gm-logo {
    width: 214px;
    position: absolute;
    top: 145px;
    left: 158px;
}

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

#slot-game .lobby-platform li a {
    display: block;
    background-repeat: no-repeat;
}

.cnt-blog {
    background: url(../images/common/cnt-b.png);
    background-repeat: no-repeat;
    width: 39px;
    height: 39px;
    float: left;
}

.cnt-int {
    background: url(../images/common/cnt-int.png);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    float: left;
}

.cnt-you {
    background: url(../images/common/cnt-you.png);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    float: left;
}

.cnt-fb {
    background: url(../images/common/cnt-fb.png);
    background-repeat: no-repeat;
    width: 41px;
    height: 41px;
    float: left;
}

.cnt-tw {
    background: url(../images/common/cnt-tw.png);
    background-repeat: no-repeat;
    width: 39px;
    height: 39px;
    float: left;
}

.contact-ind-in ul li a {
    display: flex;
    color: #fff;
}

.contact-ind-in ul li a:hover {
    background: #11182e;
    border-radius: 8px;
    text-decoration: none;
    color: #ffffff;
}

.mega-bg2 {
    background: url(../images/common/mega-bg.jpg) top center no-repeat;
    height: 755px;
    background-repeat: no-repeat;
}

.banner-content2 {
    background: #0000008c;
    margin-top: 15px;
    position: relative;
    color: #fff;
    text-align: center;
    margin-bottom: 15px;
}

.banner-content2 h3 {
    font-size: 55px;
    text-align: center;
    background: linear-gradient(#f5d96d, #ff9c00 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0px;
}

.banner-content2 h3:before {
    content: attr(data-text);
    position: absolute;
    top: -18px;
    right: -15px;
    left: 0;
    bottom: 0;
    text-shadow: -10px 15px 5px rgba(0, 0, 0, 0.1), -10px 20px 5px rgba(0, 0, 0, 1), -10px 20px 5px rgba(0, 0, 0, 1);
    z-index: -1;
}

.banner-content2 p {
    color: #fcde62;
    text-align: center;
    margin-top: 10px;
}

.tour-in-info h4 {
    color: #000;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    text-align: center;
    font-size: 22px;
}

.tour-in-info p {
    color: #000;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.tour-in-info {
    top: 477px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
}

.banner-content2 .line-center {
    padding: 0px 30px;
    margin: 40px 0px;
}

.box-tour ul li {
    list-style: none;
    width: 24%;
    border: 1px solid #ffe895;
    border-radius: 10px;
    padding: 20px 10px;
}

.box-tour ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
    padding: 0px 50px;
    margin-top: 20px;
}

.box-tour ul li h4 {
    font-size: 17px;
    color: #ffe895;
    font-weight: bold;
}

.box-tour ul li {
    font-size: 14px;
}

.tour-list {
    position: relative;
}

.tour-img {}

.list-tour {
    position: absolute;
    bottom: 161px;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: space-around;
}

.list-nrl {
    width: 200px;
}

.list-first {
    width: 300px;
    position: relative;
    top: -29px;
}

.list-nrl p {
    text-align: center;
    color: #fff;
    font-size: 20px;
    position: relative;
    top: 20px;
}

.tour-am h2 {
    font-weight: bold;
    margin: 0px;
    position: relative;
}

.tour-am p {
    margin: 0px;
    padding: 0px;
    color: #fff;
    position: relative;
    top: 2px;
    font-size: 16px;
    font-weight: bold;
}

.tour-am {
    position: relative;
    top: 34px;
}

p.text-clr {
    color: #fcde62;
    line-height: 10px;
    font-size: 20px;
}

.tour-am-2 h2 {
    font-weight: bold;
    font-size: 38px;
    margin: 0px;
}

.tour-am-2 {
    position: relative;
    top: 47px;
}

.list-first p {
    top: 36px;
    font-size: 24px;
    position: relative;
    color: #fff;
}

.tour-am-2 p {
    position: relative;
    top: 0px;
    margin: 0px;
}

p.text-clr-2 {
    margin: 0px;
    padding: 0px;
    color: #fcde62;
    font-size: 22px;
    line-height: 7px;
    font-weight: bold;
    padding-top: 5px;
}

#more {
    display: none;
}

#dots {
    display: none !important;
}

table.trnt-table2 {
    border: 1px solid #0f0e29;
    margin: -3px 0px;
}

button:focus {
    outline: none;
}

.my-button-css {
    text-align: center;
    display: inline-block;
    align-items: center;
    justify-content: center;
    padding: 17px 0px;
    color: #fff;
    font-size: 18px;
    margin-top: 30px;
    width: 225px;
    position: absolute;
    bottom: -105px;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url(../images/common/btn-df.png) no-repeat center;
    background-size: 100% 100%;
    text-transform: uppercase;
    cursor: pointer;
}

.my-button-css:hover {
    text-align: center;
    display: inline-block;
    align-items: center;
    justify-content: center;
    padding: 17px 0px;
    color: #fff;
    font-size: 18px;
    margin-top: 30px;
    background: url(../images/common/btn-df-hver.png) no-repeat center;
    background-size: 100% 100%;
}

.showmore-button {
    cursor: pointer;
    background-color: #999;
    color: white;
    text-transform: uppercase;
    text-align: center;
    padding: 7px 5px 5px 5px;
    margin-top: 5px;
}

.banner-detail h6 {
    color: #ffe895;
}

.img-logo {
    position: absolute;
    top: 260px;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 214px;
}

.banner-detail ol {
    padding-left: 21px;
}

.banner-detail ol li {
    margin-bottom: 10px;
}

/**************** FISH ********************/
.mod-fish {
    height: 790px;
    transition: all .2s ease-in-out;
    background-position: center;
    background-repeat: no-repeat;
}

.lobby-platform {
    width: 100%;
    padding-top: 620px;
    background-repeat: no-repeat;
    -webkit-transition: all 0.50s ease-in;
    -moz-transition: all 0.50s ease-in;
    -o-transition: all 0.50s ease-in;
    -ms-transition: all 0.50s ease-in;
    transition: all 0.50s ease-in;
}

.mod-fish.kissf-active {
    background-image: url(../images/common/slt-bnns-918-fish.jpg);
}

.mod-fish.ptf-active {
    background-image: url(../images/common/slt-bnns-pt-fish.jpg);
}

.mod-fish.fgf-active {
    background-image: url(../images/common/slt-bnns-fg-fish.jpg);
}

.lobby-platform .kissf-platform {
    background: url(../images/common/slt-btn-kiss.png) no-repeat;
}

.lobby-platform .ptf-platform {
    background: url(../images/common/slt-btn-pt.png) no-repeat;
}

.lobby-platform .fgf-platform {
    background: url(../images/common/slt-btn-fg.png) no-repeat;
}

.mn-fh {
    background: url(../images/common/mn-fishing-x.png) no-repeat;
    width: 23px;
    height: 23px;
    float: left;
}

.menupart>ul>li>a:hover .mn-fh {
    background: url(../images/common/mn-fishing-h.png) no-repeat;
}

.active .mn-fh {
    background: url(../images/common/mn-fishing-h.png) no-repeat;
}

.dropdown-menu.lang {
    width: 100%;
    min-width: auto;
    text-align: center;
    left: 0;
    border: none;
    background: rgba(0, 0, 0, 0.7);
}

button#ddlang {
    background: transparent;
}

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

.dd-item {
    display: block;
    padding: 6px 0;
}

.dd-item:hover {
    filter: drop-shadow(0 0 4px rgb(255, 255, 255, 0.9)) brightness(1.1);
}

/************23092019**************/
.box-tour h4 {
    font-size: 16px;
    color: #fcde62;
    margin: 0px;
    padding: 0px;
}

.box-tour p {
    color: #fff;
    margin-top: 4px;
}

.box-tour {
    padding-top: 15px;
    padding-bottom: 10px;
}

/********************251020196*****************/
tr.f-clr td {
    background: #0000008f;
    border-bottom: 3px solid #00000000;
    color: #fbda61;
}

tr.s-clr td {
    background: #0000008f;
    border-bottom: 6px solid #00000000;
    color: #889697;
}

tr.t-clr {
    background: #0000008f;
    color: #a36922;
}

.tour-all {
    background: url(../images/common/line-tr.png) no-repeat center top;
    padding-top: 42px;
    height: 544px;
    padding-left: 65px;
    padding-right: 65px;
}

.tour-table {
    width: 530px;
    margin-right: 40px;
}

.btn-jn {
    background: url(../images/common/button.png)no-repeat center top;
    position: absolute;
    bottom: 38px;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    height: 64px;
    text-align: center;
    color: #fff !important;
    padding-top: 15px;
    font-size: 20px;
}

.btn-jn:hover {
    text-decoration: none;
    background: url(../images/common/button-h.png)no-repeat center top;
}

.tour-all2 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
    margin-bottom: 35px;
    margin-top: 15px;
}

.tour-all2 {
    background: url(../images/common/line-tr2.png) no-repeat center top;
    padding-top: 42px;
    height: 544px;
    padding-left: 65px;
    padding-right: 65px;
}

.tour-tab ul {
    float: none !important;
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
    border: none !important;
    margin: 0px !important;
    padding: 0px !important;
}

.tour-content .tab-content {
    margin: 0px;
}

.tab-tour {
    position: relative;
}

.tour-tab {
    position: absolute;
    z-index: 1;
    width: 100%;
    top: 15px;
}

#tab-tr .tour-tab ul li a {
    background: #ffe895;
    border-radius: 30px !important;
    padding: 5px 30px;
    border: 1px solid #ffe895;
}

#tab-tr .tour-tab ul li {
    margin: 5px;
}

#tab-tr .tour-tab ul li a img {
    max-height: 41px;
}

#tab-tr .tour-tab ul li a.acitve {
    background: #000;
}

#tab-tr .tour-tab ul li a.active {
    background: #000000;
    border: 1px solid #ffe895;
}

#tab-tr .tour-tab ul li:first-child img {
    filter: brightness(0%);
}

#tab-tr .tour-tab ul li:first-child a.active img {
    filter: none;
}

/********SEO TEXT************/
.seo-text h1 {
    font-size: 20px;
}

.seo-text {
    color: #fff;
    font-size: 12px;
    padding-top: 20px;
    padding-bottom: 30px;
}

/********step************/
.step-in {
    background: url(../images/common/jackpot.jpg)no-repeat center top;
    padding: 10px;
    display: flex;
    height: 156px;
}

.step-l ul {
    display: flex;
}

.stp-l {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.step-box {
    width: 1148px;
    display: block;
    margin: 30px auto;
}

.step-in h5 {
    font-size: 18px;
    background: linear-gradient(to bottom, rgba(207, 157, 9, 1) 0%, rgba(232, 181, 54, 1) 32%, rgba(253, 238, 188, 1) 57%, rgba(232, 181, 54, 1) 77%, rgba(208, 159, 11, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0px 15px;
}

.stp-l ul {
    margin: 0px;
    padding: 0px;
    display: flex;
}

.stp-l ul li {
    display: flex;
    flex-direction: row;
    width: 185px;
}

.stp-cont {
    display: flex;
    align-items: center;
}

.stp-cont p {
    color: #fff;
    font-weight: bold;
}

.stp-no {
    color: #fff;
    line-height: 15px;
    padding-left: 10%;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
}

.stp-r {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    color: #fff;
    font-weight: bold;
    font-size: 24px;
}

.step-bottom {
    width: 1148px;
    display: block;
    margin: 0px auto;
}

.step-btm ul {
    padding: 0px;
    display: flex;
    margin: 0px;
}

.step-btm ul li {
    display: flex;
    flex-direction: column;
    background: #050e1d;
    align-items: center;
    border: 1px solid #f4dc3f;
}

.step-in-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.step-in-content h4 {
    color: #eec050;
    text-transform: uppercase;
    margin: 0px;
    font-size: 18px;
    padding-top: 10px;
    font-weight: bold;
}

.step-in-content p {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    margin: 0px;
}

.step-in-content a {
    text-align: center;
    padding: 5px 10px;
    box-shadow: inset 1px 1px 15px #6f6020, inset 1px 1px 15px #6f6020, inset 1px 1px 15px #6f6020;
    border-radius: 10px;
    width: 100px;
    display: block;
    margin: 9px auto;
    margin-bottom: 15px;
    color: #fff;
}

.step-in-content a:hover {
    box-shadow: 1px 1px 15px #172d57, 1px 1px 15px #172d57, 1px 1px 15px #172d57;
    text-decoration: none;
}

.rebate-in {
    padding: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.referral_qr img {
    display: block;
    margin: 0px auto;
    height: 115px;
}

.rabate-date {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 30px;
    color: #fff;
}

.referral_qr {
    margin-top: 26px;
}

.rabate-date .form-group {
    margin: 0px 15px;
}

.btn-check {
    background: #ffdd31;
    color: #000;
    border-radius: 50px;
    padding: 4px 20px;
    border: none;
}

.af-table tr th {
    background: #ffdd31;
    color: #000;
    padding: 5px 10px;
    text-align: center;
    border: 1px solid #d7b556;
}

.af-table tr td {
    padding: 5px 10px;
    border: 1px solid #d7b556;
    text-align: center;
    color: #fff;
}

.privatemsgTable {
    margin-top: 30px;
    width: 100%;
    min-width: 720px;
}

.table-detail tr th {
    background: linear-gradient(to bottom, rgba(197, 156, 84, 1) 0%, rgba(105, 72, 14, 1) 100%);
    padding: 7px;
    text-align: center;
    border: 1px solid #856123;
}

.table-detail tr td {
    text-align: center;
    border: 1px solid #856123;
    padding: 5px;
}

table.table-detail {
    width: 500px;
    margin: 0px auto;
}

.rebate-wrap {
    color: #fff;
}

.rebate-in .form-control::placeholder {
    color: #000;
}

.rabate-date .form-control {
    width: 70%;
}

.rebate-in .form-control {
    width: 68%;
    text-align: center;
}

.depositTitle {
    color: #fff;
}

.msg-inbox tr td {
    padding: 10px 11px;
    color: #fff;
    font-size: 13px;
}

.msg-wrap {
    width: 90%;
    border: 1px solid #dcaa21;
}

.noread {
    background-color: #f8f9fb40;
}

.msg-inbox tr:hover {
    background-color: #f8f9fb40;
    cursor: pointer;
}

.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;
    justify-content: center;
}

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

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

.btn-ttl {
    color: #000;
    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: 50%;
}

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

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

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

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

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

.msg-ttl {
    position: relative;
    background: #ffdd31;
    margin-bottom: 15px;
    border-radius: 10px 10px 0px 0px;
    border: 1px solid #d9a71b;
}

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

.trsh-ico i {
    font-size: 20px;
    color: #ffc123;
    padding-right: 20px;
}

.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;
    border: 1px solid #dcaa21;
}

.msg-pp button.close {
    color: #000000;
    opacity: 1;
    font-size: 13px;
    right: 30px;
    bottom: 17px;
    background: linear-gradient(to bottom, rgba(207, 157, 9, 1) 0%, rgba(232, 181, 54, 1) 32%, rgba(253, 238, 188, 1) 57%, rgba(232, 181, 54, 1) 77%, rgba(208, 159, 11, 1) 100%);
    font-weight: 100;
    padding: 6px 20px;
    border-radius: 8px;
    text-shadow: none;
    margin-bottom: 10px;
}

.msg-p-ttl {
    text-align: left;
    font-size: 18px;
    padding: 10px;
    color: #fff;
    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: #ffffff85;
}

.msg-list {
    background: #000000;
    border-radius: 10px;
    border-bottom: 1px solid #d6a417;
}

.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 #dcaa21;
    font-size: 14px;
    text-align: center;
    padding: 10px 0px;
    color: #ffffff;
}

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

.btn-lotto {
    background: url("../images/common/btn-fd.png");
    height: 270px;
    width: 270px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 43px;
    font-weight: bold;
    text-shadow: 1px 1px 20px #88bffd;
    text-align: center;
    line-height: 46px;
}

.btn-lotto:hover {
    background: url("../images/common/btn-fd-hv.png");
    text-decoration: none;
    color: #fff;
}

.btn-fdd ul {
    display: flex;
    width: 100%;
    justify-content: center;
}

.btn-fdd ul li {
    margin: 0px 10px;
}

.btn-fdd {
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
}

.md-img i {
    background: #372e02;
    font-size: 85px;
    margin: 0px auto;
    text-align: center;
    border-radius: 50px;
    padding: 10px;
    height: 110px;
    width: 110px;
}

.md-img {
    text-align: center;
}

/***********08092021************/
.contact-bg {
    background: url("../images/common/contact/contact-bg.jpg") center top no-repeat
}

.contact-wrap {
    width: 1060px;
    margin: 40px auto;
    border: 1px solid #ffdd31;
}

.ttl-txt {
    color: #fff;
    font-weight: bold;
    padding: 10px;
    font-size: 20px;
    background: #131313;
    border-bottom: 1px solid #ffdd31;
}

.contact-in ul li {
    position: relative;
    list-style: none;
}

.contact-in ul li .cnt-info {
    position: absolute;
    top: 50px;
    left: 12%;
    color: #fff;
}

.contact-in ul li .cnt-info a {
    color: #fff;
}

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

.contact-wrap .tab-content {
    margin: 0px;
}

.tab-flag ul {
    border: none;
}

.in-wrap {
    padding: 20px 50px;
    background: #00000059;
    color: #fff;
    position: relative;
}

.tab-flag .nav-tabs .nav-item.show .nav-link,
.tab-flag .nav-tabs .nav-link.active {
    background: linear-gradient(to bottom, rgba(207, 157, 9, 1) 0%, rgba(232, 181, 54, 1) 32%, rgba(253, 238, 188, 1) 57%, rgba(232, 181, 54, 1) 77%, rgba(208, 159, 11, 1) 100%);
    color: #000;
}

.tab-flag .nav-tabs .nav-link {
    border: 1px solid #e4d080;
    border-radius: 30px;
    color: #fff;
    font-weight: bold;
    padding-right: 40px;
    display: flex;
    align-items: center;
}

.tab-flag .nav-tabs .nav-link img {
    height: 30px;
    filter: drop-shadow(0px 0px 5px black);
    margin-right: 10px;
}

.tab-flag ul li {
    margin-right: 20px;
}

.tab-flag {
    margin-bottom: 25px;
}

.cnt-qr img {
    height: 120px;
}

.cnt-qr {
    display: flex;
    margin-left: 115px;
    position: relative;
    top: -15px;
}

.btn-livechat {
    position: absolute;
    bottom: 35px;
    right: 40px;
    background: #ffdd31;
    color: #000;
    padding: 5px 40px;
    border-radius: 30px;
    text-transform: uppercase;
    font-weight: bold;
    border: 2px solid #ffbc00;
    transform: scale(0.8);
    transition: all 0.3s;
}

.btn-livechat:hover {
    transform: scale(1);
}

#slide_right>.list_menu2 {
    float: right;
    background: #000000b5;
    color: #fff;
    width: 190px;
    border: 1px solid #ffdd31;
}

.list_menu2 .tab-content {
    margin: 0px;
    margin-top: 18px;
}

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

.list_menu2 .in-wrap {
    padding: 0px;
}

.contact-in-2 ul li {
    list-style: none;
}

.tab-flag-side ul li {
    margin: 10px 5px;
    position: relative;
}

.tab-flag-side ul li a {
    padding: 0px;
    border: none !important;
}

.tab-flag-side ul {
    justify-content: center;
    display: flex;
    border: none;
}

.tab-flag-side ul li a img {
    margin: 0px;
    height: 30px;
}

.tab-flag-side {}

.tab-flag-side .nav-link.active {
    border: none;
    background: none;
}

.tab-flag-side .nav-link.active:after {
    content: "\25BC";
    position: absolute;
    left: 0;
    right: 0;
    margin: 0px auto;
    text-align: center;
    bottom: -10px;
    font-size: 12px;
    color: #ebc052;
}

.side-info a {
    color: #000;
    font-size: 11px;
}

.tab-flag-side ul li a:hover {
    border: none;
}

/*********10012021*************/
label.error {
    position: absolute;
    left: 237px;
    top: 37px;
    width: 255px;
    color: #f00;
    font-size: 12px;
}

.inbox-table tr th {
    padding: 10px;
    color: #000;
}

.inbox-table tr td {
    color: #fff;
    padding: 10px;
}

/*********24122021*************/
.swiper {
    width: 100%;
    height: 100%;
    min-height: 340px;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper-wrapper {}

.prov-content3 {
    height: 455px;
}

.swiper-pagination {
    bottom: 0px !important;
}

.swiper-pagination-bullet {
    background: #fff1a9;
    opacity: 1;
}

.swiper-pagination-bullet-active {
    background: #e9c050;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: -2px;
    right: auto;
    color: #d2a327 !important;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: -2px;
    left: auto;
    color: #e0ad28 !important;
}

.swiper-slide {
    display: flex;
    flex-direction: column;
    color: #e0ad28;
}

.md-line img {
    filter: brightness(0) invert(1);
}

.zoom-in-zoom-out {
    animation: zoom-in-zoom-out 2s ease-out infinite;
    margin-right: 30px;
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(1.2, 1.2);
    }

    100% {
        transform: scale(1, 1);
    }
}

.remm-box .content-overlay {
    background: rgb(0 0 0 / 67%);
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
    border: 1px solid #aaa252;
}

.fadeIn-left {
    left: 20%;
}

.remm-box:hover .content-overlay {
    opacity: 1;
    z-index: 1;
}

.content-details {
    position: absolute;
    text-align: center;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.remm-box:hover .content-details {
    top: 50%;
    left: 50%;
    opacity: 1;
    z-index: 10;
}

.btn-ixply {
    border: 1px solid #aaa252;
    padding: 8px 0px;
    border-radius: 50px;
    background: #000;
    color: #fff;
    width: 130px;
}

.btn-ixply:hover {
    text-decoration: none;
}

.mn-vip {
    background: url("../images/common/mn-vip.png") no-repeat;
    background-size: 23px;
    width: 23px;
    height: 23px;
    float: left;
}

.menupart>ul>li>a:hover .mn-vip {
    background: url(../images/common/mn-vip-h.png) no-repeat;
}

.active .mn-vip {
    background: url(../images/common/mn-vip-h.png) no-repeat;
}

.vip-top {
    background: url("../images/common/vip/round.png") top center no-repeat;
    position: absolute;
    bottom: -13px;
    width: 100%;
    /* height: 200px; */
}

.vip-bnr {
    position: relative;
}

button.btn-reg-vip {
    display: block;
    margin: 0px auto;
    background: #0f0f0f;
    border: 1px solid #ffdd31;
    font-size: 35px;
    margin-top: -45px;
    color: #ffdd31;
    width: 360px;
    font-weight: bold;
    border-radius: 10px;
    padding: 17px;
}

.vip-in-table {
    background: #000;
}

.vip-top p {
    text-align: center;
    color: #fff;
    margin-top: 30px;
}


.vip-content {
    margin: 30px 0px 40px;
    color: #fff;
}

.tnc-vip h4 {
    text-align: center;
    color: #ffdd31;
    font-weight: bold;
    margin-bottom: 20px;
}

.vip-all tr th:first-child {
    padding: 10px;
    color: #ffdd31;
    font-size: 20px;
}

table.vip-all tr td:first-child {
    /* background:#ffffff; */
    text-align: left;
    text-transform: uppercase;
    width: 31%;
    color: #ffdd31;
}

.vip-tnc p {
    margin: 0px;
}

/* .vip-all tr th {
    background: linear-gradient(to right, #0c0c0c 0%, #212121 50%, #0c0c0c 100%);
    border: 1px solid #ffdd31;
} */

.ttl-1 {
    color: #e1d07a;
}

.ttl-2 {
    color: #deb067;
}

.ttl-3 {
    color: #d8d8d8;
}

.ttl-4 {
    color: #f1c13f;
}

.ttl-5 {
    color: #fff6f6;
}

.ttl-6 {
    color: #bfcbea;
}

.ttl-7 {
    color: #bba4f1;
}

.vip-logo {
    padding: 30px;
}

td.bar-no td {
    background: none !important;
    color: #ffdd31 !important;
    padding: 10px 10px !important;
}

tr.contentRow td {}

tr.contentRow.noline {
    background: #383210;
    /* border: 1px solid #ffdd31; */
}

.vip-img {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.vip-img img {
    height: 100px;
    padding: 10px;
}

table.vip-all tr td {
    background: #000;
    /* border: 1px solid #ffdd31; */
    padding: 10px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

tr.contentRow.noline td {
    background: #383210;;
    border: none;
    padding: 10px;
    color: #ffdd31 !important;
}

table.vip-all {
    /* border: 1px solid #ffdd31; */
    margin-top: 50px;
}

td.bar-no {
    border: 1px solid #ffdd31;
}

.info-vip {
    display: block;
    padding: 40px;
}

button.btn-sgu {
    display: block;
    margin: 0px auto;
    background: #0f0f0f;
    border: 1px solid #ffdd31;
    font-size: 35px;
    color: #ffdd31;
    width: 360px;
    font-weight: bold;
    border-radius: 10px;
    padding: 17px;
}

.logo-all {
    display: flex;
    flex-wrap: wrap;
    gap: 15px 10px;
    align-items: center;
    justify-content: space-around;
}

.logo-all img {
    max-width: 100%;
    cursor: pointer;
    height: 20px;
}

.logo-all img:hover {
    filter: grayscale(1);
}

.prov-logo2 ul li {
    list-style: none;
    float: left;
    border: 1px solid #ffdd31;
    padding: 20px 5px;
    text-align: center;
    color: #fff;
    border-radius: 10px;
    text-transform: uppercase;
    font-size: 11px;
    width: 100%;
}

.prov-logo2 ul {
    display: flex;
    margin: 0px;
    padding: 0px;
    gap: 10px;
}

.prov-logo2 ul img {
    height: 40px;
}

.prov-logo2 ul li:first-child {
    width: 300px;
}

.logo-all2 {
    display: flex;
    flex-wrap: wrap;
    gap: 15px 10px;
    align-items: center;
    justify-content: center;
}

.prov-logo2 {
    margin-bottom: 30px;
}

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

/* 4/11/2022 */
.count-bg2 {
    background: url("../images/common/countdown/FIFA-countdown2.png") no-repeat center top;
    height: 256px;
    width: 256px;
}

.count-bg2 .sw__hero__countdown__dates {
    color: #fff;
    font-size: 27px;
}

.count-bg2 .sw__hero__countdown {
    margin-bottom: 60px;
}


.count-floating {
    position: fixed;
    bottom: 10%;
    left: 2%;
    display: flex;
    justify-content: center;
    align-items: end;
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    z-index: 10000;
}

.sw__hero__countdown {
    display: flex;
    gap: 22px;
    margin-bottom: 31px;
}

.count-in {
    display: flex;
    gap: 21px;
    justify-content: center;
}
 @keyframes floating {
 from {
transform: translate(0, 0px);
}
 65% {
transform: translate(0, 15px);
}
 to {
transform: translate(0, -0px);
}
}


.count-wrap {
    position: relative;
}
.count-top p {
    color: #fff;
    text-align: center;
    margin: 0px;
    font-size: 33px;
    font-weight: bold;
}

.count-top .sw__hero__countdown {
    margin: 0px;
    position: relative;
    left: 58px;
    top: -16px;
    gap: 47px;
}

.count-top .count-in {
    gap: 0px;
}

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

.wrap {
    text-align: center;
    position: relative;
  }
  .links {
    position: relative;
  }
  .wrap:before {
position: absolute;
top: 50%;
left: 0;
border-top: 1px solid black;
background: black;
width: 100%;
transform: translateY(-50%);

}

.sw__hero__countdown__wrapper{
    margin: 0px !important;
}

.sw__hero__arrow_container{
    position: absolute;
    top: 88%;
}
  
.link::before{
    content: '';
    position: relative;
    top: 50%;
    left: 0;
    border-top: 1px solid black;
    background: black;
    width: 100%;
    transform: translateY(-50%);
}

.sw__hero__countdown__dates{
    font-size: 34px;
    color: #000;
    margin: 0px;
}

.sw__hero__date {
    margin: 30px 0px 0px;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: #d8d8d8;
    letter-spacing: 0.8px;    
    text-align: center;
    line-height: 20px;
    font-family: 'Futura pt';
    vertical-align: middle;
}

/* 9/1/2023 */
.mn-event {
    background: url("../images/common/mn-esport-x.png") no-repeat;
    background-size: 23px;
    width: 23px;
    height: 23px;
    float: left;
}

.menupart>ul>li>a:hover .mn-event {
    background: url(../images/common/mn-esport-h.png) no-repeat;
}

.active .mn-event {
    background: url(../images/common/mn-esport-h.png) no-repeat;
}

.countdown-2023{
	/* border: 1px solid #4581e5;; */
	margin: 20px 50px;
    padding: 10px;
    background: url("../images/common/countdown/countdown.jpg") no-repeat ;
}
      

  .flip-clock-wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  
  .flip-clock-wrapper a {
    cursor: pointer;
    text-decoration: none;
    color: #ccc;
  }
  
  .flip-clock-wrapper a:hover {
    color: #D099D5;
  }
  
  .flip-clock-wrapper ul {
    list-style: none;
  }
  
  .flip-clock-wrapper.clearfix:before,
  .flip-clock-wrapper.clearfix:after {
    content: " ";
    display: table;
  }
  
  .flip-clock-wrapper.clearfix:after {
    clear: both;
  }
  
  .flip-clock-wrapper.clearfix {
    *zoom: 1;
  }
  
  /* Main */
  .flip-clock-wrapper {
    font: normal 10px "Helvetica Neue", Helvetica, sans-serif;
    -webkit-user-select: none;
    display: grid;
    grid-template-columns: repeat(13, 1fr);
    /* grid-gap: 15px; */
    padding-left: 34%;
    align-items: center;
  }
  
  .flip-clock-meridium {
    background: none !important;
    box-shadow: 0 0 0 !important;
    font-size: 36px !important;
  }
  
  .flip-clock-meridium a {
    color: #D099D5;
  }
  
  .flip-clock-wrapper {
    text-align: center;
    position: relative;
    width: 100%;
  }
  
  .flip-clock-wrapper:before,
  .flip-clock-wrapper:after {
    content: " "; /* 1 */
    display: table; /* 2 */
  }
  .flip-clock-wrapper:after {
    clear: both;
  }
  
  /* Skeleton */
  .flip-clock-wrapper ul {
    position: relative;
    margin: 3px;
    width: 50px;
    height: 55px;
    font-size: 80px;
    font-weight: bold;
    line-height: 87px;
    border-radius: 6px;
  }
  
  .flip-clock-wrapper ul li {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    line-height: 50px;
    text-decoration: none !important;
  }
  
  .flip-clock-wrapper ul li:first-child {
    z-index: 2;
  }
  
  .flip-clock-wrapper ul li a {
    display: block;
    height: 100%;
    -webkit-perspective: 200px;
    -moz-perspective: 200px;
    perspective: 200px;
    margin: 0 !important;
    overflow: visible !important;
    cursor: default !important;
  }
  
  .flip-clock-wrapper ul li a div {
    z-index: 1;
    position: absolute;
    left: 0;
    width: 100%;
    height: 50%;
    font-size: 80px;
    overflow: hidden;
    outline: 1px solid transparent;
  }
  
  .flip-clock-wrapper ul li a div .shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
  }
  
  .flip-clock-wrapper ul li a div.up {
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    top: 0;
  }
  
  .flip-clock-wrapper ul li a div.up:after {
    content: "";
    position: absolute;
    top: 44px;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 3px;
    background-color: #000;
    background-color: #D099D5;
  }
  
  .flip-clock-wrapper ul li a div.down {
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    bottom: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  
  .flip-clock-wrapper ul li a div div.inn {
    position: absolute;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 200%;
    color: #fff;
    border: 1px solid #bbb4aa;
    text-shadow: 0 1px 2px #000;
    text-align: center;
    background: linear-gradient(to bottom, rgba(188,19,28,1) 0%, rgba(234,10,56,1) 50%, rgba(195,20,36,1) 100%);
    border-radius: 6px;
    font-size: 40px;
  }
  
  .flip-clock-wrapper ul li a div.up div.inn {
    top: 0;
  }
  
  .flip-clock-wrapper ul li a div.down div.inn {
    bottom: 0;
  }
  
  /* PLAY */
  .flip-clock-wrapper ul.play li.flip-clock-before {
    z-index: 3;
  }
  
  .flip-clock-wrapper .flip {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7);
  }
  
  .flip-clock-wrapper ul.play li.flip-clock-active {
    -webkit-animation: asd 0.01s 0.49s linear both;
    -moz-animation: asd 0.01s 0.49s linear both;
    animation: asd 0.01s 0.49s linear both;
    z-index: 5;
  }
  
  .flip-clock-divider {
    display: inline-block;
    position: relative;
    width: 40px;
    height: 100px;
    left: 240%;
    /* background: url("../images/common/countdown/day.png") no-repeat ; */
  }

  .flip-clock-divider.days {
    position: relative;
    width: 80px;
    height: 100px;
    background: url("../images/common/countdown/cny2023/day.png") no-repeat ;
    background-position: center;
  }

  .flip-clock-divider.hours {
    position: relative;
    width: 80px;
    height: 100px;
    background: url("../images/common/countdown/cny2023/hrs.png") no-repeat ;
    background-position: center;
  }

  .flip-clock-divider.minutes {
    position: relative;
    width: 80px;
    height: 100px;
    background: url("../images/common/countdown/cny2023/min.png") no-repeat ;
    background-position: center;
  }

  .flip-clock-divider.seconds {
    position: relative;
    width: 80px;
    height: 100px;
    background: url("../images/common/countdown/cny2023/sec.png") no-repeat ;
    background-position: center;
  }
  
  .flip-clock-divider:first-child {
    width: 80px;
  }
  
  .flip-clock-dot {
    display: block;
    background: transparent;
    width: 10px;
    height: 10px;
    position: absolute;
    border-radius: 50%;
    /* box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); */
    left: 5px;
  }
  
  .flip-clock-divider .flip-clock-label {
    position: absolute;
    top: -1.5em;
    right: -85px;
    color: transparent;
    text-shadow: none;
  }
  
  .flip-clock-divider.hours .flip-clock-label {
    right: -89px;
  }
  
  .flip-clock-divider.minutes .flip-clock-label {
    right: -93px;
  }
  
  .flip-clock-divider.seconds .flip-clock-label {
    right: -94px;
  }
  
  .flip-clock-dot.top {
    top: 30px;
  }
  
  .flip-clock-dot.bottom {
    bottom: 30px;
  }
  
  @-webkit-keyframes asd {
    0% {
      z-index: 2;
    }
  
    100% {
      z-index: 4;
    }
  }
  
  @-moz-keyframes asd {
    0% {
      z-index: 2;
    }
  
    100% {
      z-index: 4;
    }
  }
  
  @-o-keyframes asd {
    0% {
      z-index: 2;
    }
  
    100% {
      z-index: 4;
    }
  }
  
  @keyframes asd {
    0% {
      z-index: 2;
    }
  
    100% {
      z-index: 4;
    }
  }
  
  .flip-clock-wrapper ul.play li.flip-clock-active .down {
    z-index: 2;
    -webkit-animation: turn 0.5s 0.5s linear both;
    -moz-animation: turn 0.5s 0.5s linear both;
    animation: turn 0.5s 0.5s linear both;
  }
  
  @-webkit-keyframes turn {
    0% {
      -webkit-transform: rotateX(90deg);
    }
  
    100% {
      -webkit-transform: rotateX(0deg);
    }
  }
  
  @-moz-keyframes turn {
    0% {
      -moz-transform: rotateX(90deg);
    }
  
    100% {
      -moz-transform: rotateX(0deg);
    }
  }
  
  @-o-keyframes turn {
    0% {
      -o-transform: rotateX(90deg);
    }
  
    100% {
      -o-transform: rotateX(0deg);
    }
  }
  
  @keyframes turn {
    0% {
      transform: rotateX(90deg);
    }
  
    100% {
      transform: rotateX(0deg);
    }
  }
  
  .flip-clock-wrapper ul.play li.flip-clock-before .up {
    z-index: 2;
    -webkit-animation: turn2 0.5s linear both;
    -moz-animation: turn2 0.5s linear both;
    animation: turn2 0.5s linear both;
  }
  
  @-webkit-keyframes turn2 {
    0% {
      -webkit-transform: rotateX(0deg);
    }
  
    100% {
      -webkit-transform: rotateX(-90deg);
    }
  }
  
  @-moz-keyframes turn2 {
    0% {
      -moz-transform: rotateX(0deg);
    }
  
    100% {
      -moz-transform: rotateX(-90deg);
    }
  }
  
  @-o-keyframes turn2 {
    0% {
      -o-transform: rotateX(0deg);
    }
  
    100% {
      -o-transform: rotateX(-90deg);
    }
  }
  
  @keyframes turn2 {
    0% {
      transform: rotateX(0deg);
    }
  
    100% {
      transform: rotateX(-90deg);
    }
  }
  
  .flip-clock-wrapper ul li.flip-clock-active {
    z-index: 3;
  }
  
  /* SHADOW */
  .flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0%, rgba(0, 0, 0, 0.1)),
      color-stop(100%, black)
    );
    background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
    -webkit-animation: show 0.5s linear both;
    -moz-animation: show 0.5s linear both;
    animation: show 0.5s linear both;
  }
  
  .flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0%, rgba(0, 0, 0, 0.1)),
      color-stop(100%, black)
    );
    background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
    -webkit-animation: hide 0.5s 0.3s linear both;
    -moz-animation: hide 0.5s 0.3s linear both;
    animation: hide 0.5s 0.3s linear both;
  }
  
  /*DOWN*/
  .flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
    background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0%, black),
      color-stop(100%, rgba(0, 0, 0, 0.1))
    );
    background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
    background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
    -webkit-animation: show 0.5s linear both;
    -moz-animation: show 0.5s linear both;
    animation: show 0.5s linear both;
  }
  
  .flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
    background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0%, black),
      color-stop(100%, rgba(0, 0, 0, 0.1))
    );
    background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
    background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
    -webkit-animation: hide 0.5s 0.3s linear both;
    -moz-animation: hide 0.5s 0.3s linear both;
    animation: hide 0.5s 0.2s linear both;
  }
  
  @-webkit-keyframes show {
    0% {
      opacity: 0;
    }
  
    100% {
      opacity: 1;
    }
  }
  
  @-moz-keyframes show {
    0% {
      opacity: 0;
    }
  
    100% {
      opacity: 1;
    }
  }
  
  @-o-keyframes show {
    0% {
      opacity: 0;
    }
  
    100% {
      opacity: 1;
    }
  }
  
  @keyframes show {
    0% {
      opacity: 0;
    }
  
    100% {
      opacity: 1;
    }
  }
  
  @-webkit-keyframes hide {
    0% {
      opacity: 1;
    }
  
    100% {
      opacity: 0;
    }
  }
  
  @-moz-keyframes hide {
    0% {
      opacity: 1;
    }
  
    100% {
      opacity: 0;
    }
  }
  
  @-o-keyframes hide {
    0% {
      opacity: 1;
    }
  
    100% {
      opacity: 0;
    }
  }
  
  @keyframes hide {
    0% {
      opacity: 1;
    }
  
    100% {
      opacity: 0;
    }
  }
  
  .count-up-section {
    color: #D099D5;
    font-size: 16px;
    line-height: 1.48;
    /* padding: 5vh 0 0 0; */
    background: url("../images/common/countdown/sg2023/countdown-bg.jpg") no-repeat ;
    background-position: center;
    padding: 10px 0px;
  }

  .count-up-section .style-point {
    color: #000;
    font-size: 38px;
  }
  .count-up-section .style-point span {
    background-color: #3e4b99;
    background-image: -moz-linear-gradient(90deg, #3e4b99 10%, #d81e1e 100%);
    background-image: -webkit-linear-gradient(90deg, #3e4b99 10%, #d81e1e 100%);
    background-image: -o-linear-gradient(90deg, #3e4b99 10%, #d81e1e 100%);
    background-image: -ms-linear-gradient(90deg, #3e4b99 10%, #d81e1e 100%);
    background-image: linear-gradient(90deg, #3e4b99 10%, #d81e1e 100%);
    color: #D099D5;
    border-radius: 50%;
    display: block;
    width: 80px;
    height: 80px;
    text-align: center;
    font-size: 54px;
  }
  .count-up-section .colorfont {
    color: #D099D5;
  }
  #count-up-section6.count-up-section {
    background-color: #000;
    max-width: 100%;
  }
  /* .flipTimemodulesboxes {
    max-width: 720px;
    margin: 0 auto;
    padding: 0 15px;
  } */
  .darkbgFlip h2.style-point {
    color: #fff;
  }
  /* .flipTimebox {
    margin: 50px auto 100px;
  } */
  
  /*days, hours, minutes, seconds styling*/
  .flipTimebox .flip-clock-divider .flip-clock-label {
    font-size: 1em;
    font-weight: bold;
    text-transform: uppercase;
    font-family: arial;
  }
  .flipTimebox .flip-clock-wrapper ul li a div.up:after {
    background-color: rgba(128, 128, 128, 0.5);
  }
  .flipTimebox .flip-clock-wrapper .flip-clock-meridium a {
    color: #fff;
    background-color: #333333;
    border-radius: 6px;
  }
  .flipclock1message,
  .flipclock2message,
  .flipclock3message,
  .flipclock4message,
  .flipclock5message,
  .flipclock6message,
  .flipclock14message {
    padding-left: 15px;
    color: #ff0000;
  }
  .darkbgFlip .flip-clock-divider .flip-clock-label {
    color: #fff;
  }
  .flipTimebox .orangetheme.flip-clock-wrapper ul li a div div.inn {
    color: #fff;
    background-color: #fb9902;
  }
  .flipTimebox .orangetheme .flip-clock-dot {
    background-color: #fb9902;
    box-shadow: none;
  }
  .flipTimebox .orangetheme.flip-clock-wrapper .flip-clock-meridium a {
    color: #fff;
    background-color: #fb9902;
    border-radius: 6px;
  }
  .flipTimebox .orangetheme.flip-clock-wrapper ul li a div.up:after {
    background-color: rgba(250, 250, 250, 0.5);
  }
  .flipTimebox .darkorangetheme.flip-clock-wrapper ul li a div div.inn {
    color: #fff;
    background-color: #fd5308;
  }
  .flipTimebox .darkorangetheme .flip-clock-dot {
    background-color: #fd5308;
    box-shadow: none;
  }
  .flipTimebox .darkorangetheme.flip-clock-wrapper .flip-clock-meridium a {
    color: #fff;
    background-color: #fd5308;
    border-radius: 6px;
  }
  .flipTimebox .darkorangetheme.flip-clock-wrapper ul li a div.up:after {
    background-color: rgba(250, 250, 250, 0.5);
  }
  .flipTimebox .bluetheme.flip-clock-wrapper ul li a div div.inn {
    color: #fff;
    background-color: #0147fe;
  }
  .flipTimebox .bluetheme .flip-clock-dot {
    background-color: #0147fe;
    box-shadow: none;
  }
  .flipTimebox .bluetheme.flip-clock-wrapper .flip-clock-meridium a {
    color: #fff;
    background-color: #0147fe;
    border-radius: 6px;
  }
  .flipTimebox .bluetheme.flip-clock-wrapper ul li a div.up:after {
    background-color: rgba(250, 250, 250, 0.5);
  }
  .flipTimebox .greentheme.flip-clock-wrapper ul li a div div.inn {
    color: #fff;
    background-color: #23a929;
  }
  .flipTimebox .greentheme .flip-clock-dot {
    background-color: #23a929;
    box-shadow: none;
  }
  .flipTimebox .greentheme.flip-clock-wrapper .flip-clock-meridium a {
    color: #fff;
    background-color: #23a929;
    border-radius: 6px;
  }
  .flipTimebox .greentheme.flip-clock-wrapper ul li a div.up:after {
    background-color: rgba(250, 250, 250, 0.5);
  }
  .flipTimebox .redtheme.flip-clock-wrapper ul li a div div.inn {
    color: #fff;
    background-color: #d81e1e;
  }
  .flipTimebox .redtheme .flip-clock-dot {
    background-color: #d81e1e;
    box-shadow: none;
  }
  .flipTimebox .redtheme.flip-clock-wrapper .flip-clock-meridium a {
    color: #fff;
    background-color: #d81e1e;
    border-radius: 6px;
  }
  .flipTimebox .redtheme.flip-clock-wrapper ul li a div.up:after {
    background-color: rgba(250, 250, 250, 0.5);
  }
  .flipTimebox .pinktheme.flip-clock-wrapper ul li a div div.inn {
    color: #fff;
    background-color: #8501ad;
  }
  .flipTimebox .pinktheme .flip-clock-dot {
    background-color: #8501ad;
    box-shadow: none;
  }
  .flipTimebox .pinktheme.flip-clock-wrapper .flip-clock-meridium a {
    color: #fff;
    background-color: #8501ad;
    border-radius: 6px;
  }
  .flipTimebox .pinktheme.flip-clock-wrapper ul li a div.up:after {
    background-color: rgba(250, 250, 250, 0.5);
  }
  .flipTimebox .purpletheme.flip-clock-wrapper ul li a div div.inn {
    color: #fff;
    background-color: #a7194b;
  }
  .flipTimebox .purpletheme .flip-clock-dot {
    background-color: #a7194b;
    box-shadow: none;
  }
  .flipTimebox .purpletheme.flip-clock-wrapper .flip-clock-meridium a {
    color: #fff;
    background-color: #a7194b;
    border-radius: 6px;
  }
  .flipTimebox .purpletheme.flip-clock-wrapper ul li a div.up:after {
    background-color: rgba(250, 250, 250, 0.5);
  }
  .flipTimebox .coffeetheme.flip-clock-wrapper ul li a div div.inn {
    color: #fff;
    background-color: #7b5a26;
  }
  .flipTimebox .coffeetheme .flip-clock-dot {
    background-color: #7b5a26;
  }
  .flipTimebox .coffeetheme.flip-clock-wrapper .flip-clock-meridium a {
    color: #fff;
    background-color: #7b5a26;
    border-radius: 6px;
  }
  .flipTimebox .coffeetheme.flip-clock-wrapper ul li a div.up:after {
    background-color: rgba(250, 250, 250, 0.5);
  }
  .flipTimebox .gradienttheme.flip-clock-wrapper ul li a div div.inn {
    color: #fff;
    background-color: #3e4b99;
    background-image: -moz-linear-gradient(90deg, #3e4b99 10%, #d81e1e 100%);
    background-image: -webkit-linear-gradient(90deg, #3e4b99 10%, #d81e1e 100%);
    background-image: -o-linear-gradient(90deg, #3e4b99 10%, #d81e1e 100%);
    background-image: -ms-linear-gradient(90deg, #3e4b99 10%, #d81e1e 100%);
    background-image: linear-gradient(90deg, #3e4b99 10%, #d81e1e 100%);
  }
  .flipTimebox .gradienttheme .flip-clock-dot {
    box-shadow: none;
    background-color: #3e4b99;
    background-image: -moz-linear-gradient(90deg, #3e4b99 10%, #d81e1e 100%);
    background-image: -webkit-linear-gradient(90deg, #3e4b99 10%, #d81e1e 100%);
    background-image: -o-linear-gradient(90deg, #3e4b99 10%, #d81e1e 100%);
    background-image: -ms-linear-gradient(90deg, #3e4b99 10%, #d81e1e 100%);
    background-image: linear-gradient(90deg, #3e4b99 10%, #d81e1e 100%);
  }
  .flipTimebox .gradienttheme.flip-clock-wrapper .flip-clock-meridium a {
    color: #fff;
    border-radius: 6px;
    background-color: #3e4b99;
    background-image: -moz-linear-gradient(90deg, #3e4b99 10%, #d81e1e 100%);
    background-image: -webkit-linear-gradient(90deg, #3e4b99 10%, #d81e1e 100%);
    background-image: -o-linear-gradient(90deg, #3e4b99 10%, #d81e1e 100%);
    background-image: -ms-linear-gradient(90deg, #3e4b99 10%, #d81e1e 100%);
    background-image: linear-gradient(90deg, #3e4b99 10%, #d81e1e 100%);
  }
  .flipTimebox .gradienttheme.flip-clock-wrapper ul li a div.up:after {
    background-color: rgba(250, 250, 250, 0.5);
  }
  .flipTimebox .gradienttheme2.flip-clock-wrapper ul li a div div.inn {
    color: #fff;
    background-color: #0147fe;
    background-image: -moz-linear-gradient(270deg, #0147fe 0%, #23a929 100%);
    background-image: -webkit-linear-gradient(270deg, #0147fe 0%, #23a929 100%);
    background-image: -o-linear-gradient(270deg, #0147fe 0%, #23a929 100%);
    background-image: -ms-linear-gradient(270deg, #0147fe 0%, #23a929 100%);
    background-image: linear-gradient(270deg, #0147fe 0%, #23a929 100%);
  }
  .flipTimebox .gradienttheme2 .flip-clock-dot {
    box-shadow: none;
    background-color: #0147fe;
    background-image: -moz-linear-gradient(270deg, #0147fe 0%, #23a929 100%);
    background-image: -webkit-linear-gradient(270deg, #0147fe 0%, #23a929 100%);
    background-image: -o-linear-gradient(270deg, #0147fe 0%, #23a929 100%);
    background-image: -ms-linear-gradient(270deg, #0147fe 0%, #23a929 100%);
    background-image: linear-gradient(270deg, #0147fe 0%, #23a929 100%);
  }
  .flipTimebox .gradienttheme2.flip-clock-wrapper .flip-clock-meridium a {
    color: #fff;
    border-radius: 6px;
    background-color: #0147fe;
    background-image: -moz-linear-gradient(270deg, #0147fe 0%, #23a929 100%);
    background-image: -webkit-linear-gradient(270deg, #0147fe 0%, #23a929 100%);
    background-image: -o-linear-gradient(270deg, #0147fe 0%, #23a929 100%);
    background-image: -ms-linear-gradient(270deg, #0147fe 0%, #23a929 100%);
    background-image: linear-gradient(270deg, #0147fe 0%, #23a929 100%);
  }
  .flipTimebox .gradienttheme2.flip-clock-wrapper ul li a div.up:after {
    background-color: rgba(250, 250, 250, 0.5);
  }
  .flipTimebox .whitetheme.flip-clock-wrapper ul li a div div.inn {
    color: #0147fe;
    background-color: #fff;
  }
  .flipTimebox .whitetheme .flip-clock-dot {
    background-color: #fff;
    box-shadow: none;
  }
  .flipTimebox .whitetheme.flip-clock-wrapper .flip-clock-meridium a {
    color: #0147fe;
    background-color: #fff;
    border-radius: 6px;
  }
  .flipTimebox .whitetheme.flip-clock-wrapper ul li a div.up:after {
    background-color: rgba(128, 128, 128, 0.5);
  }

  @media screen and (max-width: 767px) {
    .flipTimebox .flip-clock-wrapper ul {
      height: 50px;
      line-height: 50px;
    }
    .flipTimebox .flip-clock-wrapper ul li {
      line-height: 50px;
    }
    .flipTimebox .flip-clock-wrapper ul li a div.up:after {
      top: 24px;
    }
    .flipTimebox .flip-clock-divider {
      height: 50px;
    }
    .flipTimebox .flip-clock-dot {
      height: 6px;
      width: 6px;
      left: 7px;
    }
    .flipTimebox .flip-clock-dot.top {
      top: 17px;
    }
    .flipTimebox .flip-clock-dot.bottom {
      bottom: 8px;
    }
    .flipTimebox .flip-clock-divider.days .flip-clock-label {
      right: -58px;
    }
    .flipTimebox .flip-clock-divider.hours .flip-clock-label {
      right: -62px;
    }
    .flipTimebox .flip-clock-divider.minutes .flip-clock-label {
      right: -68px;
    }
    .flipTimebox .flip-clock-divider.seconds .flip-clock-label {
      right: -69px;
    }
    .flipTimebox .flip-clock-wrapper ul {
      width: 37px;
      margin: 2px;
    }
    .flipTimebox .flip-clock-wrapper ul li a div div.inn {
      font-size: 38px;
    }
    .flipTimebox .flip-clock-meridium {
      font-size: 20px !important;
    }
  }
  @media screen and (max-width: 568px) {
    .flipTimebox .flip-clock-wrapper ul {
      margin: 2px;
    }
    .flipTimebox .flip-clock-divider {
      width: 5px;
    }
    .flipTimebox .flip-clock-dot {
      height: 5px;
      width: 5px;
      left: 0;
    }
    .flipTimebox .flip-clock-divider.days .flip-clock-label {
      right: -58px;
    }
    .flipTimebox .flip-clock-divider.hours .flip-clock-label {
      right: -62px;
    }
    .flipTimebox .flip-clock-divider.minutes .flip-clock-label {
      right: -68px;
    }
    .flipTimebox .flip-clock-divider.seconds .flip-clock-label {
      right: -69px;
    }
    .flipTimebox .flip-clock-meridium {
      font-size: 18px !important;
    }
  }
  @media screen and (max-width: 480px) {
    .flipTimemodulesboxes {
      padding: 0;
    }
    .flipTimebox .flip-clock-divider .flip-clock-label {
      font-size: 1em;
    }
    .flipTimebox .flip-clock-divider.days .flip-clock-label {
      right: -33px;
    }
    .flipTimebox .flip-clock-divider.hours .flip-clock-label {
      right: -37px;
    }
    .flipTimebox .flip-clock-divider.minutes .flip-clock-label {
      right: -43px;
    }
    .flipTimebox .flip-clock-divider.seconds .flip-clock-label {
      right: -45px;
    }
    .flipTimebox .flip-clock-wrapper ul li a div div.inn {
      font-size: 28px;
    }
    .flipTimebox .flip-clock-meridium {
      font-size: 14px !important;
    }
    .flipTimebox .flip-clock-wrapper ul.flip {
      width: 27px;
      background-color: transparent;
      box-shadow: none;
      margin-left: -8px;
    }
    .flipTimebox .flip-clock-wrapper ul li {
      width: 30px;
    }
    .flipTimebox .flip-clock-dot {
      margin-left: -10px;
    }
    .flipTimebox {
      margin: 50px 0 100px 20px;
    }
  }
  @media screen and (max-width: 360px) {
    .flipTimebox .flip-clock-divider .flip-clock-label {
      font-size: 1em;
      width: 3px;
    }
    .flipTimebox .flip-clock-divider.days .flip-clock-label {
      right: -1px;
    }
    .flipTimebox .flip-clock-divider.hours .flip-clock-label {
      right: 2px;
    }
    .flipTimebox .flip-clock-divider.minutes .flip-clock-label {
      right: 6px;
    }
    .flipTimebox .flip-clock-divider.seconds .flip-clock-label {
      right: 9px;
    }
    .flipTimebox .flip-clock-wrapper ul.flip {
      width: 25px;
      margin-left: -14px;
    }
    .flipTimebox .flip-clock-wrapper {
      padding-left: 5px;
    }
    .flipTimebox .flip-clock-wrapper ul li {
      width: 25px;
    }
    .flipTimebox .flip-clock-dot {
      margin-left: -16px;
    }
    .flipTimebox {
      margin: 50px 0 100px 20px;
    }
  }
  @media screen and (max-width: 320px) {
    .flipTimebox .flip-clock-wrapper {
      padding-left: 5px;
    }
    .flipTimebox .flip-clock-wrapper ul.flip {
      width: 22px;
      margin-left: -16px;
    }
    .flipTimebox .flip-clock-wrapper ul li {
      width: 22px;
    }
    .flipTimebox .flip-clock-dot {
      margin-left: -18px;
    }
      .flipTimebox .flip-clock-divider.days .flip-clock-label {
      right: 3px;
    }
    .flipTimebox .flip-clock-divider.hours .flip-clock-label {
      right: 6px;
    }
    .flipTimebox .flip-clock-divider.minutes .flip-clock-label {
      right: 11px;
    }
    .flipTimebox .flip-clock-divider.seconds .flip-clock-label {
      right: 14px;
    }
  }
  

/* 16/1/2023 */
.deposit-wrapper {
    background: #090909 ;
    /* border-radius: 10px; */
    padding-right: 50px;
    /* box-shadow: 1px 1px 9px 0px #dedede;
    margin: 30px 0; */
}

.deposit-title{
    color:#fff;
}

.deposit-title-1{
    color:#d9af4a;
    font-size: 25px;
}

.deposit-title-2{
    color:#fff;
    font-size: 20px;
    font-weight: bold;
}

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

.deposit-table{
    background:#fff;
    text-align: center;
    border-color: #000;
}

.deposit-table th{
    background: linear-gradient(to bottom, rgba(173, 144, 0, 1) 0%, rgba(255, 221, 49, 1) 100%);
    color:#fff;
    border: 1px solid #000;
}

table.deposit-table tr td{
    border: 1px solid #000;
}

.deposit-form{
    display: grid;
    grid-template-columns: 300px auto;    
    grid-gap: 18px 12px;
    color: #fff;
    font-size: 18px;
}

.btn-submit-info {
    color: #000;
    border: 2px solid #dcaa21;
    background: linear-gradient(to bottom, rgba(207, 157, 9, 1) 0%, rgba(232, 181, 54, 1) 32%, rgba(253, 238, 188, 1) 57%, rgba(232, 181, 54, 1) 77%, rgba(208, 159, 11, 1) 100%);
    font-weight: 700;
    font-size: 20px;
    border-radius: 50px;
    padding: 5px 40px;
    margin: 0 3px;
    transition: all 0.3s;
    line-height: 20px;
    cursor: pointer;
    width: 125px;
}

/* 16/11/2023 */
.vip-all thead tr{
    background: linear-gradient(to right, #0c0c0c 0%, #212121 50%, #0c0c0c 100%);
}

tr.contentRow.noline .bar-no{
    text-align: center;
}