html{
    width: 100%;
    height: 100%
}
html * {
    margin: 0;
    padding: 0;
    list-style: none;
    outline: none;
    box-sizing: border-box;
    font-family: 'Open Sans', sans-serif;
    font-family: Evo-2, sans-serif;
}
.header-section {
    width: 100%;
    background: #000;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
}
.header-section .top-header{
    height: 70px;
    background: #161616;
    background: linear-gradient(180deg,#EDC876,#B6803E);
}
.container{
    width: 1200px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}
.header-section #header .top-header .top-header-box {
    display: flex;
    height: 100%;
    width: 1130px;
    justify-content: space-between;
}
.header-section #header .top-header .top-header-box .icon-logo {
    margin: auto 0;
    cursor: pointer;
}
.icon-logo {
    display: inline-block;
    width: 200px;
    height: 50px;
    background-size: contain;
    background-repeat: no-repeat;
}
.header-section #header .top-header .top-header-box .nav-list {
    display: flex;
    align-items: center;
    max-width: 100%;
    height: 100%;
}
.header-section #header .top-header .top-header-box .nav-list li {
    height: 100%;
    color: #a2aabd;
    font-weight: 400;
    font-size: 14px;
    display: flex;
    align-items: flex-end;
    cursor: pointer;
    transition: color .3s;
    position: relative;
    text-transform: capitalize;
    white-space: nowrap;
    padding-bottom: 20px;
    margin-right: 14px;
}
.header-section #header .top-header .top-header-box .nav-list li:before {
    content: "";
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 2px;
    background: 0 0;
    transition: background .3s;
}
.header-section #header .top-header .top-header-box .nav-list li.active:before,.header-section #header .top-header .top-header-box .nav-list li:hover:before {
    background: #ffd124;
}
.header-section #header .top-header .top-header-box .nav-list li.active span,.header-section #header .top-header .top-header-box .nav-list li:hover span{
    color: #ffd124;
}
.header-section #header .top-header .top-header-box .nav-list li span {
    color: #fff;
}
.header-section #header .top-header .top-header-box .nav-list li img,.header-section #header .top-header .top-header-box .nav-list li svg {
    position: absolute;
    top: 9px;
    right: 0;
    width: 23px;
}
.header-section #header .second-header {
    height: 50px;
    background: #141414;
    margin-top: 2px;
}
.header-section #header .second-header .second-header-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}
.header-section #header .second-header .second-header-box .left {
    display: flex;
    align-items: center;
    height: 100%;
}
.header-section #header .second-header .second-header-box .left .date-time {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    color: #fff;
    font-size: 12px;
    opacity: .5;
    padding-right: 8px;
    position: relative;
}
.header-section #header .second-header .second-header-box .left .date-time .clock{color: #fff;}
.header-section #header .second-header .second-header-box .left .date-time:before {
    content: "";
    width: 1px;
    height: 30px;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    background: #121212;
}
.header-section #header .second-header .second-header-box .left .lan-select-box {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    color: #a2aabd;
    font-size: 13px;
    padding-left: 5px;
}

.header-section #header .second-header .second-header-box .left .lan-select-box .icon-flag {
    width: 25px;
    height: 15px;
}
.header-section #header .second-header .second-header-box .left .lan-select-box .current-lan-box {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 2px;
    cursor: pointer;
}
.header-section #header .second-header .second-header-box .left .lan-select-box .current-lan-box i {
    fill: #a2aabd;
    width: 20px;
    height: 5px;
    margin-left: 5px;
    filter: contrast(0);
}
.header-section #header .second-header .second-header-box .left .lan-select-box .current-lan-box .active {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.header-section #header .second-header .second-header-box .left .lan-select-box .lan-list-box {
    position: absolute;
    top: 100%;
    left: 0;
    font-size: 14px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background: #111;
    padding: 15px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    display: none;
}
.header-section #header .second-header .second-header-box .left .lan-select-box .lan-list-box.active {
    display: block;
}
.header-section #header .second-header .second-header-box .left .lan-select-box .lan-list-box li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 40px;
    z-index: 1;
    white-space: nowrap;
}
.header-section #header .second-header .second-header-box .left .lan-select-box .lan-list-box li span {
    margin-left: 10px;
    color: #a2aabd;
}
.header-section #header .second-header .second-header-box .right {
    display: flex;
    align-items: center;
    height: 100%;
}
.header-section #header .second-header .second-header-box .right>div {
    height: 100%;
    display: flex;
}
.header-section #header .second-header .second-header-box .right>div.before-login {
    padding-right: 0.05rem;
    white-space: nowrap;
}
.header-section #header .second-header .second-header-box .right .down-list {
    display: flex;
    align-items: center;
    height: 100%;
    position: relative;
}
.header-section #header .second-header .second-header-box .right .down-list li {
    cursor: pointer;
    color: #a2aabd;
    font-size: .14rem;
    padding: 0 5px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: capitalize;
}
.header-section #header .second-header .second-header-box .right .down-list li a{
    color: #a2aabd;
}
.header-section #header .second-header .second-header-box .right .down-list li a:hover {
    color: #ff4e00;
}
.header-section #header .second-header .second-header-box .right>div .btn-box {
    display: flex;
    align-items: center;
}
.header-section #header .second-header .second-header-box .right>div.before-login .btn-box {
    margin-left: 15px;
}
.header-section #header .second-header .second-header-box .right>div .btn-box .btn:not(:last-child) {
    margin-right: 10px;
}
.header-section #header .second-header .second-header-box .right>div .btn-box .btn {
    min-width: 85px;
    height: 35px;
    font-size: 15px;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    transition: background-color .3s;
    padding: 0 5px;
    white-space: nowrap;
    cursor: pointer;
    font-weight: bold;
}
.header-section #header .second-header .second-header-box .right>div .btn-box .btn.btn-login {
    color: #fff;
    border: 1px solid #fff;
    text-transform: uppercase;
    margin-right: 10px;
}
.header-section #header .second-header .second-header-box .right>div .btn-box .btn.btn-deposit,.header-section #header .second-header .second-header-box .right>div .btn-box .btn.btn-sign-up {
    text-transform: uppercase;
    background: #cd9e55;
    border: none;
    box-shadow: 2px 2px 20px #cd9e55;
}
.header-section #header .second-header .second-header-box .right>div .btn-box .btn:hover {
    background: #626262;
}
.header-section #header .second-header .second-header-box .right>div .btn-box .btn.btn-deposit:hover,.header-section #header .second-header .second-header-box .right>div .btn-box .btn.btn-sign-up:hover {
    background: #f7b240;
    box-shadow: inherit;
    outline: inherit;
}

.bg-content-section .banner,.bg-content-section .banner .slider .slider-container>div {
    background: #020404;
}
.bg-content-section .banner {
    height: 500px;
}
.bg-content-section .banner .slider {
    position: relative;
    height: 100%;
    overflow: hidden;
}
.bg-content-section .slider .slider-container {
    width: 100%;
    height: 100%;
    position: relative;
}
.bg-content-section .slider .slider-container>div {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
}
.bg-content-section .banner .slider .slider-container>div>div,.bg-content-section .banner .slider .slider-container>div>div>div {
    width: 100%;
    height: 100%;
}
.bg-content-section .notices {
    height: 30px;
    background: #000;
    font-size: 14px;
    color: #a2aabd;
    overflow: hidden;
}
.bg-content-section .notices .note-content {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
}
.bg-content-section .sports {
    height: 660px;
    background: #0f181e url(../images/section.png) no-repeat bottom;
    border-bottom: 1px solid #111;
}
.bg-content-section .sports .step-box {
    height: 120px;
    background: transparent url(../images/step.png) no-repeat 50%;
    background-size: 100% 100%;
}
.bg-content-section .sports .step-box .container {
    padding-left: 162px;
}
.bg-content-section .sports .step-box ul,.bg-content-section .sports .step-box ul li {
    display: flex;
}
.bg-content-section .sports .step-box ul li:first-child {
    width: 410px;
}
.bg-content-section .sports .step-box ul li:nth-child(2) {
    width: 355px;
}
.bg-content-section .sports .step-box ul li>i {
    width: 63px;
    height: 63px;
    border-radius: 50%;
    margin-top: 38px;
    margin-right: 16px;
}
.icon-step-1, .icon-step-2 {
    display: inline-block;
    background-size: 100% 100%;
}
.icon-step-1 {
    background-image: url(../images/step1.png);
}
.icon-step-2 {
    display: inline-block;
    background-image: url(../images/step2.png);
    background-size: 100% 100%;
}
.icon-step-3 {
    display: inline-block;
    background-image: url(../images/step3.png);
    background-size: 100% 100%;
}
.bg-content-section .sports .step-box ul li>div {
    display: flex;
    flex-direction: column;
}
.bg-content-section .sports .step-box ul li>div>span {
    text-transform: uppercase;
}
.bg-content-section .sports .step-box ul li>div>span:first-child {
    font-size: 18px;
    font-weight: 600;
    color: #e74701;
    line-height: 45px;
    -webkit-transform: translateY(7px);
    transform: translateY(7px);
    display: flex;
    align-items: center;
}

.bg-content-section .sports .step-box ul li>div>span:nth-child(2) {
    font-size: 22px;
    color: #d4d4d4;
    font-weight: 600;
    line-height: 22px;
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
}
.bg-content-section .sports .step-box ul li>div>span:first-child b {
    font-size: 20px;
    -webkit-transform: translate(3px,-1px);
    transform: translate(3px,-1px);
}

.content-games #home-sportsbook {
    background-image: url(../../images/images/banner/sportsbook.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    min-height: 180px;
    transition: background-size .5s ease-in-out;
}
.content-games #home-esports {
    background-image: url(../../images/images/banner/esports.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    min-height: 180px;
    transition: .5s ease-in-out;
}
.content-games #home-slots {
    background-image: url(../../images/images/banner/slots.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    min-height: 180px;
    transition: background-size .5s ease-in-out;
}
.content-games #home-livecasino {
    background-image: url(../../images/images/banner/livecasino.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    min-height: 180px;
    transition: background-size .5s ease-in-out;
}
.home-games{
    display: flex;
    flex-wrap: wrap;
    padding-top: 10px;
}
.home-games-card{
    flex: 0 0 auto;
    width: 50%;
    padding: 0 10px;
}
.home-games-card .card-item{
    border-radius: 5px;
    margin-bottom: 20px;
}
.home-games-card .card-item h4{
    font-size: 23px;
    padding: 20px 0px 0px 15px;
}
.bg-content-section .dota2-box {
    position: relative;
    background: #0a0a0a;
    min-height: 500px;
    padding-bottom: 13px;
}
.bg-content-section .dota2-box>.container .item-title {
    font-weight: 900;
    color: #ff4e00;
    font-size: 23px;
    line-height: 22px;
    padding: 25px 0 10px 10px;
}
.bg-content-section .dota2-box>.container .mv-source .top-container {
    display: flex;
    align-items: center;
    margin: 35px 0 0;
}
.bg-content-section .dota2-box>.container .mv-source .top-container .iframe-container {
    height: 407px;
    width: 718px;
    margin: 0 26px 0 0;
}
.bg-content-section .dota2-box>.container .mv-source .top-container .side-banner img {
    width: 487px;
}
.bg-content-section .dota2-box>.container .mv-source .selector-container {
    margin: 23px 0 14px;
}
.bg-content-section .dota2-box>.container .mv-source .selector-container .selector-content {
    padding: 0 16px 0 0;
    display: flex;
    width: 100%;
}
.bg-content-section .dota2-box>.container .mv-source .selector-container .selector-content:last-child {
    padding: 0;
}
.bg-content-section .dota2-box>.container .mv-source .selector-container .selector-content.pointer {
    cursor: pointer;
}
.bg-content-section .dota2-box>.container .mv-source .selector-container .selector-content img {
    width: 100%;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}
.bg-content-section .dota2-box>.container .mv-source .selector-container .selector-content a.active img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}
.bg-content-section .dropping-hot {
    background: #181717;
    height: 585px;
}
.dropping-hot .item-title {
    color: #eb1d23;
    display: block;
    padding-top: 23px;
    padding-left: 9px;
    text-transform: capitalize!important;
}
.donot-miss .item-title, .dropping-hot .item-title,.my-collection .title-box .item-title, .common-title {
    font-size: 23px;
    font-weight: 900;
    line-height: 100px;
    text-transform: uppercase;
}
.dropping-hot .group {
    display: flex;
}
.dropping-hot .group .games-list {
    width: 100%;
}
.dropping-hot .group .games-list .nav-tabs {
    margin-bottom: 21px;
    margin-top: 7px;
    width: 100%;
    display: flex;
    height: 36px;
    border-bottom: 1px solid hsla(0,0%,100%,.1);
    position: relative;
}

.dropping-hot .group .games-list .nav-tabs li a.active,.dropping-hot .group .games-list .nav-tabs li a:hover {
    background: #ffd700;
    color: #fff;
    border: 1px solid #e1bf06;
}
.dropping-hot .group .games-list .nav-tabs li.active {
    pointer-events: none;
}
.dropping-hot .group .games-list .nav-tabs li>span {
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
}
.dropping-hot .group .games-list .nav-tabs li .nav-link{
    font-size: 14px;
    color: hsla(0,0%,100%,.25);
    cursor: pointer;
    height: 35px;
    padding: 0 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid hsla(0,0%,100%,.25);
    border-radius: 5px;
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    transition: color .3s,background .3s,border .3s;
    margin-right: 9px;
}
.dropping-hot .group .games-list .nav-tabs .more-games {
    position: absolute;
    right: 25px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
}
.dropping-hot .group .games-list .nav-tabs .more-games>span:first-child {
    font-size: 14px;
    color: #ffd700;
}
.bg-content-section .dropping-hot .game-content-container {
    position: relative;
    width: 100%;
}
.bg-content-section .dropping-hot .game-content-container .game-content {
    position: absolute;
    left: 0;
    top: 0;
}
.game-content {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.game-content li {
    overflow: hidden;
    width: 163px;
    height: 143px;
    border-radius: 10px;
    background: #131313;
    margin-bottom: 30px;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    margin-right: 10px;
}
/*.game-content li:not(:nth-child(7n)) {
    margin-right: 10px;
}*/
.game-content li .img-box {
    width: 163px;
    height: 106px;
    position: relative;
    display: block!important;
    overflow: hidden;
    background-size: 100% 100%;
}
.game-content li .img-box .hover-box {
    transition: opacity .3s,-webkit-transform .3s;
    transition: transform .3s,opacity .3s;
    transition: transform .3s,opacity .3s,-webkit-transform .3s;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(31,6,7,.79);
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.game-content li.force-hover:hover .img-box .hover-box {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}
.game-content li .img-box .hover-box>span {
    font-size: 14px;
    width: 115px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #929292;
    color: #414141;
    border-radius: 5px;
    cursor: pointer;
    margin: 5px;
    text-transform: uppercase;
}
.game-content li .img-box .hover-box>span:first-child {
    background: #ec1c23;
    color: #fff;
    white-space: nowrap;
}
.contact-foot{
    position: relative;
    background: #262626;
}
.contact-foot .contact-list{
    display: flex;
    text-align: center;
}
.contact-us-wrapper{
    border: 1px solid #c18f4a;
    border-radius: 10px;
    padding: 1px;
    width: 660px;
    height: 180px;
    box-shadow: 2px 2px 10px 1px #c18f4a;
    padding-bottom: 14px;
    margin-top: 15px;
    z-index: 1;
}
.contact-title-wrapper{
    font-family: Casanova Scotia;
    color: #ffffff;
    font-size: 13px;
    margin-top: 10px;
    margin-bottom: 14px;
    text-transform: uppercase;
    text-align: center;
}
.contact-us-container .contact-us-wrapper .contact-title-wrapper span {
    color: #ffc107;
}
.contact-content{
    display: flex;
}
.contact-us-item{
    flex: 1;
}
.contact-us a {
    text-decoration: none;
}
.contact-us-container .contact-us-wrapper .contact-us img {
    height: 34px;
}
.contact-us-container .contact-us-wrapper .contact-us p {
    color: #ffffff;
    margin: 0px;
    white-space: nowrap;
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.app-download{
    width: 100%;
    height: 200px;
    display: block;
}
.app-download .app-download-container {
    background: url(../../images/images/m-bg.png) no-repeat top;
    background-size: 100% 100%;
    height: 100%;
    padding: 25px 15px;
}
.app-download .section-logo{
    text-align: left;
    font-family: nunito-semibold;
    font-size: 25px;
    color: #fff;
}
.app-download .section-logo span {
    font-family: nunito-extrabold;
    color: #ffc107;
}
.app-download .section-logo img {
    width: 160px;
}
.app-download .section-download {
    margin-top: 0.6rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 60%;
}
.app-download .download-button {
    border-radius: 5px;
    width: 180px;
    height: 45px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    line-height: 0;
    background: url(../../images/images/btn-frame.svg) no-repeat;
    background-size: 100% 100%;
}
.app-download .download-btn {
    padding-left: 15px;
}
.app-download .download-btn img {
    height: 27px;
}
.instruction-btn{
    padding: 10px;
}
.app-download .instruction-btn img {
    height: 15px;
}
.footer-section {
    background: #262626;
    background: linear-gradient(180deg,#262626,#191919);
}
#footer .top-footer {
    position: relative;
}
#footer .top-footer-box {
    height: 100%;
    padding-top: 54px;
}
#footer .top-footer-box .top .partner {
    display: block;
    width: 100%;
}
#footer .top-footer-box .item-title {
    color: #fff;
    display: block;
    text-transform: capitalize!important;
    font-size: 28px;
    padding: 15px 6px;
}
#footer .top-footer-box .top .partner a{
    display: inline-block;
    margin: 15px 15px 0px 0;
}
#footer .top-footer-box .top .partner a img{
    width: 110px;
}
#footer .top-footer-box .top .provider {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
    padding-top: 30px;
}
#footer .top-footer-box .top .provider .mergeLayout {
    width: 430px;
    margin-right: 34px;
}
#footer .top-footer-box .top .provider .mergeLayout:last-child {
    width: 309px;
    margin-right: unset;
}
#footer .top-footer-box .top .provider li {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin-right: 35px;
    color: rgba(162,170,189,.4);
    position: relative;
    font-size: 13px;
    line-height: 28px;
}
#footer .top-footer-box .top .provider li:last-child {
    margin-right: 0;
}
#footer .top-footer-box .top .provider li .title {
    color: #fff;
}
#footer .top-footer-box .top .provider li div[class*=-ftrmerge] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    margin: 7px 0 0;
}
#footer .top-footer-box .top .provider li .gamingLicense-ftrmerge {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    margin: 7px 0 0;
}
#footer .top-footer-box .top .provider li .gamingLicense-ftrmerge img{
    width: 130px;
}
#footer .top-footer-box .top .provider li .content-text {
    font-size: 11px;
    line-height: 18px;
    margin-bottom: 30px;
    color: #9da5b7;
    word-break: break-all;
}
#footer .top-footer-box .top .provider li .copy-right-ftrmerge {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 7px 0 0;
    align-items: center;
}
#footer .top-footer-box .top .provider li .copy-right-ftrmerge div {
    display: flex;
    align-items: center;
    font-size: 12px;
}
#footer .top-footer-box .top .provider li i, #footer .top-footer-box .top .provider li svg {
    margin-bottom: 12px;
    margin-right: 18px;
    opacity: .4;
}
#footer .top-footer-box .top .provider li i:hover,#footer .top-footer-box .top .provider li svg:hover {
    opacity: 1;
}
.icon-18{
    display: inline-block;
    width: 25px;
    height: 23px;
    background-image: url(../../images/images/icons/18over.png);
    background-size: 100% 100%;
}

.icon-bmm{
    display: inline-block;
    width: 53px;
    height: 16px;
    background-image: url(../../images/images/icons/bmm-gray.png);
    background-size: 100% 100%;
}
.icon-bmm:hover {
    background-image: url(../../images/images/icons/bmm.png);
}
.icon-itechlab{
    display: inline-block;
    width: 29px;
    height: 27px;
    background-image: url(../../images/images/icons/itechlab-gray.png);
    background-size: 100% 100%;
}
.icon-itechlab:hover {
    background-image: url(../../images/images/icons/itechlab.png);
}
.icon-global{
    display: inline-block;
    width: 29px;
    height: 29px;
    background-image: url(../../images/images/icons/global-gray.png);
    background-size: 100% 100%;
}
.icon-global:hover {
    background-image: url(../../images/images/icons/global.png);
}
.icon-payouts{
    display: inline-block;
    width: 58px;
    height: 20px;
    background-image: url(../../images/images/icons/payouts-gray.png);
    background-size: 100% 100%;
}
.icon-payouts:hover {
    background-image: url(../../images/images/icons/payouts.png);
}
.icon-godaddy{
    display: inline-block;
    width: 96px;
    height: 18px;
    background-image: url(../../images/images/icons/godaddy-gray.png);
    background-size: 100% 100%;
}
.icon-godaddy:hover {
    background-image: url(../../images/images/icons/godaddy.png);
}

.icon-bitcoin{
    display: inline-block;
    width: 26px;
    height: 24px;
    background-image: url(../../images/images/icons/ftr_bitcoin_grey.svg);
    background-size: 100% 100%;
}
.icon-bitcoin:hover {
    background-image: url(../../images/images/icons/ftr_bitcoin.svg);
}
.icon-usdt{
    display: inline-block;
    width: 26px;
    height: 24px;
    background-image: url(../../images/images/icons/ftr_usdt_grey.svg);
    background-size: 100% 100%;
}
.icon-usdt:hover {
    background-image: url(../../images/images/icons/ftr_usdt.svg);
}
.icon-ethereum{
    display: inline-block;
    width: 27px;
    height: 26px;
    background-image: url(../../images/images/icons/ethereum-grey.svg);
    background-size: 100% 100%;
}
.icon-ethereum:hover {
    background-image: url(../../images/images/icons/ethereum.svg);
}
.icon-help2pay{
    display: inline-block;
    width: 33px;
    height: 24px;
    background-image: url(../../images/images/icons/help2pay-gray.png);
    background-size: 100% 100%;
}
.icon-help2pay:hover {
    background-image: url(../../images/images/icons/help2pay.png);
}
.icon-eeziepay{
    display: inline-block;
    width: 69px;
    height: 28px;
    background-image: url(../../images/images/icons/eeziepay-gray.png);
    background-size: 100% 100%;
}
.icon-eeziepay:hover {
    background-image: url(../../images/images/icons/eeziepay.png);
}
.icon-visa{
    display: inline-block;
    width: 53px;
    height: 22px;
    background-image: url(../../images/images/icons/visa.svg);
    background-size: 100% 100%;
}
.icon-visa:hover {
    background-image: url(../../images/images/icons/visa.svg);
}
.icon-master-card{
    display: inline-block;
    width: 36px;
    height: 22px;
    background-image: url(../../images/images/icons/master-card.svg);
    background-size: 100% 100%;
}
.icon-master-card:hover {
    background-image: url(../../images/images/icons/master-card.svg);
}
.icon-duitnow{
    display: inline-block;
    width: 32px;
    height: 28px;
    background-image: url(../../images/images/icons/duitnow.svg);
    background-size: 100% 100%;
}
.icon-duitnow:hover {
    background-image: url(../../images/images/icons/duitnow.svg);
}
.icon-fpx{
    display: inline-block;
    width: 70px;
    height: 28px;
    background-image: url(../../images/images/icons/fpx.svg);
    background-size: 100% 100%;
}
.icon-fpx:hover {
    background-image: url(../../images/images/icons/fpx.svg);
}
.icon-tng{
    display: inline-block;
    width: 25px;
    height: 25px;
    background-image: url(../../images/images/icons/ftr_tng_grey.svg);
    background-size: 100% 100%;
}
.icon-tng:hover {
    background-image: url(../../images/images/icons/ftr_tng.svg);
}
.icon-iovation{
    display: inline-block;
    width: 107px;
    height: 22px;
    background-image: url(../../images/images/icons/iovation-gray.png);
    background-size: 100% 100%;
}
.icon-iovation:hover {
    background-image: url(../../images/images/icons/iovation.png);
}
.icon-18above{
    display: inline-block;
    width: 25px;
    height: 25px;
    background-image: url(../../images/images/icons/18-above.svg);
    background-size: 100% 100%;
}
.icon-gamcare{
    display: inline-block;
    width: 25px;
    height: 25px;
    background-image: url(../../images/images/icons/gamcare.svg);
    background-size: 100% 100%;
}
.icon-bga{
    display: inline-block;
    width: 40px;
    height: 25px;
    background-image: url(../../images/images/icons/bga.svg);
    background-size: 100% 100%;
}
.icon-youtube{
    display: inline-block;
    width: 28px;
    height: 26px;
    background-image: url(../../images/images/icons/youtube.svg);
    background-size: 100% 100%;
}
.icon-facebook{
    display: inline-block;
    width: 28px;
    height: 26px;
    background-image: url(../../images/images/icons/fb.svg);
    background-size: 100% 100%;
}
.icon-instagram{
    display: inline-block;
    width: 28px;
    height: 26px;
    background-image: url(../../images/images/icons/instagram.svg);
    background-size: 100% 100%;
}
.icon-close3 {
    width: 28px;
    height: 28px;
    background-image: url(../../images/images/icons/close3.png);
}
.icon-refesh{
    width: 18px;
    height: 18px;
    background-image: url(../../images/images/icons/refesh.png);
    background-size: 100% 100%;
}
.icon-transfer-btn {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url(../../images/images/icons/transfer.png);
    background-size: 100% 100%;
}
#footer .top-footer-separator {
    width: 100%;
    height: 90px;
    border-bottom: 1px solid #252526;
}
#footer .middle-footer-container {
    display: flex;
    align-items: center;
    margin-top: 18px;
    margin-bottom: 58px;
}
#footer .middle-footer-container .mergeLayout li {
    width: 30%;
}

#footer .middle-footer-container .mergeLayout li:first-child {
    width: 70%;
}
#footer .middle-footer-container .mergeLayout .supportAndInfo-ftrmerge span {
    color: #5b606a;
    font-size: 13px;
    border-right: 1px solid #5b606a;
    padding: 0 14px;
    cursor: pointer;
}
#footer .middle-footer-container .mergeLayout .supportAndInfo-ftrmerge span:last-child {
    border-right: 0;
}
#footer .middle-footer-container .mergeLayout {
    width: 100%;
    display: flex;
    align-items: center;
}
#footer .followUsContainer, #footer .middle-footer-container .mergeLayout .followUs-ftrmerge {
    display: flex;
    justify-content: flex-end;
}
#footer .middle-footer-container .mergeLayout .followUs-ftrmerge {
    align-items: flex-end;
}
#footer .middle-footer-container .mergeLayout .followUs-ftrmerge i {
    margin-right: 9px;
}
#seo-footer-content .fbody {
    color: rgba(162, 170, 189, .4) !important;
    font-size: 11px !important;
    padding: 0 0px;
}
#seo-footer-content .seo-content-wrap {
    margin-bottom: 25px;
    color: rgba(162, 170, 189, .4);
}
#seo-footer-content .seo-content-wrap:first-child {
    margin-top: 67px;
}
#seo-footer-content h1 {
    font-size: 16px !important;
    color: #ffffff;
    font-weight: bold;
    margin-bottom: 10px;
}
#seo-footer-content p {
    margin-bottom: 5px;
}
#seo-footer-content .seo-toogle-button {
    text-decoration: underline;
    cursor: pointer;
}
#seo-footer-content p {
    margin-bottom: 5px;
}
#seo-footer-content a {
    color: #f1440a;
}
#footer .bottom-footer-separator {
    width: 100%;
    height: 18px;
    border-bottom: 1px solid #252526;
}
#footer-btm .second-footer-box {
    height: 160px;
    padding-top: 17px;
    display: flex;
    justify-content: space-between;
}
.second-footer-box img{
    width: 80px;
}
#login-modal .modal-content{
    background: #e5e5e5;
    border-radius: 20px;
}
#login-modal .modal-footer,
#login-modal .modal-header,#change_scr88-modal .modal-footer,#change_scr88-modal .modal-header {
    border: none
}

/*#login-modal .modal-header img,#change_scr88-modal .modal-header img {
    width: 130px
}*/

#login-modal .modal-header .btn-close,#change_scr88-modal .modal-header .btn-close {
    margin: 0;
    position: absolute;
    top: 5px;
    right: 5px
}

#login-modal .login-page-box{
    padding:0;
}
#login-modal .login-page-box .login-popup .input-item {
    width: 100%;
    display: flex;
    padding-left: 40px;
    padding-top: 20px;
}
#login-modal .login-page-box .login-popup .input-item .input {
    width: 247px;
    height: 27px;
    border-bottom: 1px solid rgba(0,28,66,.5);
    margin-left: 9px;
    display: flex;
}
#login-modal .login-page-box .login-popup .input-item .input>input {
    height: 100%;
    width: 100%;
    font-size: 16px;
    color: #001c42;
    border: none;
    background: 0 0;
}
.icon-at-sign, .icon-username,.icon-lock {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-size: 100% 100%;
}

.icon-username {
    background-image: url(../../images/images/icons/username.png);
}
.icon-lock {
    background-image: url(../../images/images/icons/lock.png);
}
.icon-warning{
    background-image: url(../../images/images/icons/warning-icon.svg);
    display: inline-block;
    background-size: 100% 100%;
    width: 35px;
    height: 35px;
}
.icon-arrow-down{
    background-image: url(../../images/images/icons/arrow-down.svg);
    background-size: 100% 100%;
}
.icon-arrow{
    width: 12px;
    height: 5px;
    background-image: url(../../images/images/icons/arrow.png);
    background-size: 100% 100%;
}
#login-modal .login-page-box .login-popup .btn-item {
    display: flex;
    justify-content: space-between;
    width: 247px;
    margin-left: 80px;
    align-items: center;
}
#login-modal .btn-login {
    margin-top: -4px;;
    color: #fff;
    width: 100px;
    height: 34px;
    cursor: pointer;
    background-color: #001b42;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    text-transform: uppercase;
}
#login-modal .login-page-box .login-popup .btn-item>span {
    font-size: 14px;
    color: #ff4e00;
    line-height: 1px;
    cursor: pointer;
}
#login-modal .login-page-box .login-popup .msg-error {
    display: none;
    align-items: center;
    justify-content: center;
    margin-top: 25px;
    padding-left: 50px;
}
#login-modal .login-page-box .login-popup .msg-error p{
    font-size: 13px;
    color: #fe0000;
    padding-left: 5px;
}
#login-modal .login-page-box .login-popup .msg-error .msg-error-div {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
}
#login-modal .modal-footer{
    justify-content: center;
}
#login-modal .login-foot-text a{
    color: #f7b140;
}
#login-modal .modal-footer .line {
    width: 500px;
    height: 1px;
    background: rgba(0,28,66,.2);
    margin: 14px auto;
}
.msg-tips{
    color: #333;
    text-align: center;
}
.msg-tips span{
    color: #f7b140;
}
.register-panel{
    padding-top: 20px;
    padding-bottom: 10px;
}
.register-panel .register-box {
    width: 1017px;
    background: #252525;
    box-shadow: 0.01rem 0.05rem 0.1rem 0 rgba(0,1,1,.75);
    border-radius: 10px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.icon-close3, .icon-logo2 {
    display: inline-block;
    background-size: 100% 100%;
}
.register-panel .register-box .icon-close3 {
    position: absolute;
    top: 18px;
    right: 18px;
    image-rendering: auto;
}
.register-panel .register-box .reg-content {
    display: grid;
    grid-template-columns: 45% 55%;
    height: 100%;
    background: #252525;
}
.register-panel .register-box .reg-content .step-content {
    position: relative;
    padding: 40px 53px 33px 55px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.register-panel .register-box .reg-content img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: top;
    padding: 0;
    background: #1f1e1e;
}
.register-panel .register-box .reg-content .step-content>div {
    display: flex;
    width: 100%;
}
.register-panel .register-box .reg-content .step-content>div form {
    margin: auto;
    width: 100%;
}
.register-panel .register-box .reg-content .step-content .btn-next, .register-panel .register-box .reg-content .step-content .input {
    position: relative;
    width: 100%;
    min-height: 45px;
    background: transparent;
    margin-bottom: 22px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px;
    padding: 0;
}
.register-panel .register-box .reg-content .step-content .btn-next, .register-panel .register-box .reg-content .step-content .input>input{
    min-height: 45px;
    border-radius: 10px;
    width: 100%;
    height: 100%;
    background: #343334;
    border: none;
    border: 1px solid rgba(25,25,25,.2);
    transition: border .3s,background .3s;
    font-size: 18px;
    color: #a2aabd;
    padding: 0 20px;
}
.register-panel .register-box .reg-content .step-content .input-error {
    width: 100%;
    color: #ff4d00;
    font-size: 13px;
    font-weight: 900;
    word-break: break-word;
}
.register-panel .register-box .reg-content .step-content .btn-next .label-placeholder, .register-panel .register-box .reg-content .step-content .input .label-placeholder {
    position: absolute;
    top: 10px;
    left: 3px;
    color: #a2aabd;
    font-size: 18px;
    pointer-events: none;
}
.register-panel .register-box .reg-content .step-content .btn-next .label-placeholder span, .register-panel .register-box .reg-content .step-content .input .label-placeholder span {
    color: red;padding-left: 5px;
}
.register-panel .register-box .reg-content .step-content .btn-next>div, .register-panel .register-box .reg-content .step-content .input>div {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.register-panel .register-box .reg-content .step-content .btn-next .currency-display, .register-panel .register-box .reg-content .step-content .btn-next .date-display, .register-panel .register-box .reg-content .step-content .btn-next .month-display, .register-panel .register-box .reg-content .step-content .input .currency-display, .register-panel .register-box .reg-content .step-content .input .date-display, .register-panel .register-box .reg-content .step-content .input .month-display {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 45px;
    background: #343334;
    border-radius: 10px;
    cursor: pointer;
}
.register-panel .register-box .reg-content .step-content .btn-next .currency-display select, .register-panel .register-box .reg-content .step-content .btn-next .date-display select, .register-panel .register-box .reg-content .step-content .btn-next .month-display select, .register-panel .register-box .reg-content .step-content .input .currency-display select, .register-panel .register-box .reg-content .step-content .input .date-display select, .register-panel .register-box .reg-content .step-content .input .month-display select,.register-panel .register-box .reg-content .step-content .telcode-display select {
    color: #a2aabd;
    font-size: 17px;
    border: none;
    width: 100%;
    min-height: 45px;
    cursor: pointer;
    background: none;
    padding: 0 10px;
}
.register-panel .register-box .reg-content .step-content .btn-next .telcode-display, .register-panel .register-box .reg-content .step-content .input .telcode-display {
    display: flex;
    align-items: center;
    width: 118px;
    height: 100%;
    min-height: 45px;
    background: #343334;
    border: 1px solid rgba(25,25,25,.2);
    border-radius: 10px;
    color: #a2aabd;
    font-size: 18px;
    padding: 0 5px 0 5px;
    appearance: none;
    -webkit-appearance: none;
    justify-content: space-between;
    cursor: pointer;
    margin: 0 8px 0 0;
}
.register-panel .register-box .reg-content .step-content .btn-next .react-datepicker__input-container>input, .register-panel .register-box .reg-content .step-content .btn-next>div>input, .register-panel .register-box .reg-content .step-content .btn-next>input, .register-panel .register-box .reg-content .step-content .input .react-datepicker__input-container>input, .register-panel .register-box .reg-content .step-content .input>div>input, .register-panel .register-box .reg-content .step-content .input>input {
    min-height: 45px;
    border-radius: 10px;
    width: 100%;
    height: 100%;
    background: #343334;
    border: none;
    border: 1px solid rgba(25,25,25,.2);
    transition: border .3s,background .3s;
    font-size: 18px;
    color: #a2aabd;
    padding: 0 20px;
}
.register-panel .register-box .reg-content .step-content .btn-next.btn-next, .register-panel .register-box .reg-content .step-content .input.btn-next {
    justify-content: center;
    cursor: pointer;
    background: gold;
    font-size: 18px;
    font-weight: 900;
    margin-top: 54px;
    color: #fff;
}
.register-panel .register-box .reg-content .step-content .text-p {
    font-size: 12px;
    line-height: 16px;
    margin-top: 5px;
    color: #a2aabd;
    width: 100%;
}
.register-panel .register-box .reg-content .step-content .text-p>span {
    cursor: pointer;
    color: gold;
    text-transform: uppercase;
}
.register-panel .register-box .reg-content .step-content .input-dropdown-desc {
    display: flex;
    align-items: center;
    width: 100%;
    color: #a2aabd;
    font-size: 17px;
    cursor: pointer;
    margin-bottom: 8px;
}
.register-panel .register-box .reg-content .step-content .input-dropdown-desc p{
    color: #a2aabd;
}
.register-panel .register-box .reg-content .step-content .input-dropdown-desc i{
    width: 20px;
    height: 10px;
    filter: contrast(0.1);
    margin-left: 5px;

}
.register-panel .register-box .reg-content .step-content .input-dropdown-desc i.active,.account-dropdown-menu-div i.active{
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.header-section #header .second-header .second-header-box .right>div.after-login .account-info-box {
    display: flex;
    margin-left: 27px;
    margin-right: 8px;
}
.header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .currency {
    font-size: 14px;
    color: #fff;
    display: flex;
    align-items: center;
    cursor: pointer;
    padding-right: 18px;
    justify-content: flex-end;
}
.header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .currency span{
    color: #fff;
}
.header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .currency .reload-box {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    margin-left: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 18px;
    height: 18px;
    background: #ffc107;
    border-radius: 50%;
    position: relative;
}
.header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .account-info {
    width: 163px;
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 18px;
    cursor: pointer;
}
.header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .account-info:before{
    content: "";
    width: 1px;
    height: 29px;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    background: #474747;
}
.header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .account-info>span {
    color: #ff4e00;
    font-size: 14px;
    width: 55%;
    text-overflow: ellipsis;
    overflow: hidden;
}
.header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .account-info .face {
    margin-left: 7px;
    margin-right: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .account-info .face img {
    width: 21px;
    height: 21px;
    border-radius: 50%;
}
.header-section #header .second-header .second-header-box .right .down-list {
    display: flex;
    align-items: center;
    height: 100%;
    position: relative;
}
.header-section #header .second-header .second-header-box .right .down-list .dropdowndot-submenu:after {
    content: "\2807";
    font-size: 27px;
    color: #a2aabd;
    padding: 9px;
    cursor: pointer;
}
.header-section #header .second-header .second-header-box .right>div .btn-box .btn.btn-logout {
    text-transform: uppercase;
    padding: 0 10px;
    color: #fff;
    border: 1px solid #fff;
}
.header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .account-info .drop-list {
    width: 100%;
    position: absolute;
    left: 0;
    top: 100%;
    width: 163px;
    background: #111;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    display: none;
}
.header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .account-info .drop-list.active {
    display: none;
}
.header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .account-info .drop-list li {
    font-size: 14px;
    display: flex;
    align-items: center;
    padding: 4px 18px;
    color: #a2aabd;
    cursor: pointer;
    transition: background .3s,color .3s;
}
.header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .account-info .drop-list li a>span:nth-child(2) {
    color: red;
    margin-left: 4px;
}
.header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .account-info .face span {
    position: absolute;
    width: 12px;
    height: 12px;
    background: red;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 0;
    top: 0;
    -webkit-transform: translate(50%,-4px);
    transform: translate(50%,-4px);
    color: #fff;
    font-size: 10px;
}
.header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .account-info .drop-list li:hover {
    background: #252525;
    color: #fff;
}
.nav-leaderboard {
    justify-content: center;
    align-content: center;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
}
.nav-leaderboard .nav-leaderboard-container {
    display: flex;
}
.nav-leaderboard .icon-leaderboard-svg {
    display: flex;
    align-items: center;
}
.nav-leaderboard .icon-leaderboard-svg .icon-leaderboard-span {
    font-weight: 700;
    font-size: 14px;
    padding: 0px 10px;
/*    color: #7e9d5a;*/
}
.nav-leaderboard .nav-leaderboard-container:after{
    content: "";
    width: 1px;
    height: 29px;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    background: #474747;
}

.sports-panel,.game_lobby {
    height: 600px;
    background: linear-gradient(0deg,#111,#12191c);
}
.game_lobby .slider{
    position: relative;
    height: 100%;
    overflow: hidden;
}
.game_lobby .slider .slider-container {
    width: 100%;
    height: 100%;
    position: relative;
}
.game_lobby .slider .slider-container>div {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
}
.game_lobby .slider .slider-container>div>div {
    position: relative;
}
.game_lobby .slider .slider-container>div>div .container {
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    overflow: hidden;
    height: 450px;
}
.game_lobby .slider .slider-container>div>div .container .content {
    width: 403px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 135px;
    top: 95px;
    font-size: 20px;
        background: none;
}
.casino-panel .slider .slider-container>div>div img.game-banner {
    width: 1800px;
    height: 555px;
    margin-top: -95px;
}
.game_lobby .slider .slider-container>div>div .container .content .icon-box {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 300px;
    height: 108px;
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
}

.game_lobby .slider .slider-container>div>div .container .content span{
    text-align: center;color: #fff;
}
.btn-bet-now{
    width: 180px;
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
    padding: 5px 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background: #ffd700;
    font-size: 15px;
    color: #1a1a1a;
    border-radius: 5px;
    margin-top: 34px;
    white-space: nowrap;
    font-weight: bold;
}
.game_lobby .slider .game-pagination {
    justify-content: center;
    flex-wrap: wrap;
    width: 1090px;
    bottom: 40px;
    z-index: 1;
}
.game_lobby .game-pagination{
    display: flex;
    align-items: center;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.game_lobby .slider .game-pagination li {
    width: 162px;
    height: 72px;
    background: #1e2022;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 18px;
    margin-bottom: 18px;
    overflow: hidden;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    position: relative;
    cursor: pointer;
}
.game_lobby .slider .game-pagination li:after, .game_lobby .slider .game-pagination li:before {
    transition: background .5s;
    content: "";
    position: absolute;
    background: #957e02;
}

.game_lobby .slider .game-pagination li:before {
    height: 3px;
    left: 0;
    bottom: 0;
    width: 100%;
}
.game-pagination li:after {
    width: 75px;
    height: 4px;
    left: 43px;
    bottom: 2px;
    -webkit-transform: perspective(50px) rotateX(8deg);
    transform: perspective(50px) rotateX(8deg);
}
.game_lobby .slider .game-pagination li.active:after, .game_lobby .slider .game-pagination li.active:before, .game_lobby .slider .game-pagination li:hover:after, .game_lobby .slider .game-pagination li:hover:before {
    background: #ffd700;
}
.game_lobby .slider .game-pagination li img{
    width: max-content;
    height: 45px;
    filter: grayscale(1) brightness(0.5);
}
.game_lobby .slider .game-pagination li.active, .game_lobby .slider .game-pagination li:hover {
    -webkit-transform: translateY(-9px);
    transform: translateY(-9px);
}
.game_lobby .slider .game-pagination li.active img, .game_lobby .slider .game-pagination li:hover img{
    filter: unset;
}
.game_lobby .slider .slider-container>div>div .container .content .icon-box h3{
    font-size: 35px;
}
.pannel-wrapper{
    display: flex;
    flex-wrap: wrap;
}
.game_lobby .game-panel-item{
    width: 50%;
    display: block;
    float: left;
    padding: 15px;
}
.game_lobby .game-panel-item img{
    width: 100%;
    border-radius: 15px;
}
.poker-panel .game-panel-item{
    width: 235px;
    display: block;
    float: left;
    padding: 15px;
    height: 152px;
}
.gift-panel .title-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.gift-panel .title-box .item-title {
    color: #ffd700;
    display: block;
    padding-top: 10px;
    padding-left: 8px;
}
.gift-panel .gift-wraper .gift-panel-top{
    width: 100%;
    display: flex;
    border: 1px solid #333;
    border-radius: 10px;
    padding: 15px;
}
.gift-panel .gift-wraper .gift-panel-top>div{
    width: 50%;
    padding-left: 25px;
}
.gift-panel .gift-wraper .gift-panel-top .gift-panel-left{
    display: flex;
}
.gift-panel-left .title-box h4{
    font-size: 20px;
    color: #ccc;
}
.gift-panel .gift-wraper .gift-panel-top .gift-panel-left span{
    color: #d5b300;
    font-size: 22px;
    padding-left: 10px;
}
.gift-panel .gift-panel-right p{
    font-size: 16px;
    color: #ccc;
}
.gift-pannel-body{
    display: flex;
    flex-wrap: wrap;
}
.gift-pannel-body .gift-item{
    display: block;
    width: 280px;
    height: 350px;
    margin-top: 10px;
    margin-right: 13px;
}
.gift-pannel-body .gift-item .gift-card{
    background: #363636;
    border-radius: 15px;
}
.gift-pannel-body .gift-item .gift-card .gift-btn a{
    padding: 3px 10px;
    font-size: 14px;
    background: #ffd700;
    border: 1px solid #c5a600;
}
.gift-pannel-body .gift-item .gift-card .gift-title{
    padding: 7px 0px;
    height: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}
.gift-pannel-body .gift-item .gift-card .gift-title h4{
    font-size: 15px;
    color: rgb(134, 151, 162);
}
#gift_d_point{
    font-size: 16px;
    color: #f7c400;
}

.news-pannel .news-title{
    color: #ffd700;
}
.news-pannel hr{
    margin: 15px 0px;
    border-top: 1px solid rgb(134, 151, 162);
}
.news-pannel p{
    color: rgb(134, 151, 162);
    padding-top: 10px;
}
.news-pannel p a{
    color: #7c6f28;
}
.news-pannel .event-title{font-size: 18px;color: #ccc;}
.news-pannel .event-title small{font-size: 14px}
.news-pannel .card{
    border: 1px solid #262626;
    background: #141414;
}
.favourite-panel .my-collection{
    padding-bottom: 40px;
}
.favourite-panel .my-collection .title-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.favourite-panel .my-collection .my-collection-list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.favourite-panel .my-collection .my-collection-list .fav-item,.favourite-panel .my-collection .my-collection-list li {
    overflow: hidden;
    width: 163px;
    height: 143px;
    border-radius: 9px;
    background: #131313;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
}
.favourite-panel .my-collection .my-collection-list>.force-hover {
    margin-right: 20px;
    margin-bottom: 20px;
}
.favourite-panel .my-collection .my-collection-list li .img-box {
    width: 163px;
    height: 106px;
    position: relative;
    display: block;
    overflow: hidden;
    background-size: 50% 50%;
    background-repeat: no-repeat;
    background-position: center;
}
.favourite-panel .my-collection .my-collection-list .fav-item>p,.favourite-panel .my-collection .my-collection-list li>p {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 17px;
    font-size: 13px;
    color: #a2aabd;
    height: 37px;
    padding-bottom: 5px;
    transition: color .3s;
    position: relative;
}
.favourite-panel .my-collection .my-collection-list .fav-item>p:after,.favourite-panel .my-collection .my-collection-list .fav-item>p:before, .favourite-panel .my-collection .my-collection-list li>p:after, .favourite-panel .my-collection .my-collection-list li>p:before {
    transition: background .5s;
    content: "";
    position: absolute;
    background: #ffd700;
}
.favourite-panel .my-collection .my-collection-list li>p:before {
    height: 3px;
    left: 0;
    bottom: 0;
    width: 100%;
}
.favourite-panel .my-collection .my-collection-list li>p:after {
    width: 83px;
    height: 5px;
    left: 18px;
    bottom: 1px;
    -webkit-transform: perspective(5px) rotateX(8deg);
    transform: perspective(5px) rotateX(8deg);
}
.favorite {
    background: url(../../../images/star.png) no-repeat!important;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 5px;
    right: 10px;
    cursor: pointer;
    z-index: 100;
    display: inline-block;
}
.favorite.active {
    background: url(../../../images/star_active.png) no-repeat!important;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 5px;
    right: 10px;
    cursor: pointer;
    z-index: 10;
    display: inline-block;
}

/*member page*/
.member-panel {
    background: #1d1d1d;
    min-height: 1220px;
}
.member-panel .member-com-page {
    display: flex;
    padding-left: 75px;
}
.member-panel .member-com-page .member-nav {
    width: 205px;
    height: 100%;
    min-height: 1220px;
    background: #f2f1f1;
    border-radius: 10px 10px 0px 0px;
    padding-top: 23px;
    padding-bottom: 23px;
}
.member-panel .member-com-page .member-nav .member-info {
    position: relative;
    padding-left: 23px;
    padding-right: 20px;
    padding-bottom: 28px;
}
.member-panel .member-com-page .member-nav .member-info:before {
    content: "";
    width: 160px;
    height: 1px;
    background: hsla(0,0%,54.9%,.3);
    position: absolute;
    left: 23px;
    bottom: 0;
}
.member-panel .member-com-page .member-nav .member-info .img-face {
    width: 72px;
    height: 72px;
}
.member-panel .member-com-page .member-nav .member-info .img-face img {
    width: 100%;
    height: 100%;
}
.member-panel .member-com-page .member-nav .member-info .username {
    display: inline-block;
    font-size: 14px;
    font-weight: 800;
    color: #ff4e00;
    margin-top: 26px;
    margin-bottom: 10px;
    -webkit-transform: translateX(9px);
    transform: translateX(9px);
}
.member-panel .member-com-page .member-nav .member-info .level-box {
    display: flex;
    align-items: flex-end;
    -webkit-transform: translate(6px,-3px);
    transform: translate(6px,-3px);
}
.member-panel .member-com-page .member-nav .member-info .level-box>div {
    font-size: 14px;
    display: flex;
    flex-direction: column;
    line-height: 100%;
}
.member-panel .member-com-page .member-nav .nav-item {
    padding-bottom: 34px;
    position: relative;
}
.member-panel .member-com-page .member-nav .nav-item:not(:last-child):after {
    content: "";
    width: 160px;
    height: 1px;
    position: absolute;
    left: 22px;
    bottom: 0;
    background: hsla(0,0%,54.9%,.3);
}
.member-panel .member-com-page .member-nav .nav-item>span {
    font-size: 16px;
    font-weight: 800;
    color: #2f2f2f;
    line-height: 100%;
    display: block;
    margin-top: 38px;
    margin-bottom: 20px;
    padding-left: 23px;
    word-break: break-word;
}
.member-panel .member-com-page .member-nav .nav-item li {
    height: 36px;
    display: flex;
    align-items: center;
    font-size: 14px;
    position: relative;
    cursor: pointer;
}
.member-panel .member-com-page .member-nav .nav-item li.active {
    pointer-events: none;
}
.member-panel .member-com-page .member-nav .nav-item li:before {
    content: "";
    width: 1px;
    height: 100%;
    background: #ff4e00;
    left: 0;
    top: 0;
    position: absolute;
    opacity: 0;
    transition: opacity .3s;
}
.member-panel .member-com-page .member-nav .nav-item li:after {
    position: absolute;
    content: "";
    width: 0;
    height: 28px;
    border-left: 3px solid #ff4e00;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    opacity: 0;
    transition: opacity .3s;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.member-panel .member-com-page .member-nav .nav-item li.active:after, .member-panel .member-com-page .member-nav .nav-item li.active:before, .member-panel .member-com-page .member-nav .nav-item li:hover:after, .member-panel .member-com-page .member-nav .nav-item li:hover:before {
    opacity: 1;
}
.member-panel .member-com-page .member-nav .nav-item li a {
    color: #1d1d1d;
    transition: color .3s;
    display: block;
    width: 100%;
    height: 100%;
    padding-left: 22px;
    display: flex;
    align-items: center;
}
.member-panel .member-com-page .member-nav .nav-item li.active a, .member-panel .member-com-page .member-nav .nav-item li:hover a {
    color: #ff4e00;
    font-weight: bold;
}
.member-panel .member-com-page .member-main {
    min-height: 1180px;
    margin-left: 12px;
    width: 860px;
    background: #fff;
    border-radius: 10px 10px 0px 0px;
    padding-bottom: 22px;
}
.member-panel .member-com-page .member-main .member-info {
    background: #515151;
    padding-left: 38px;
    border-radius: 10px 10px 0px 0px;
}
.member-panel .member-com-page .member-main .member-info ul {
    display: flex;
    align-items: center;
    height: 100%;
    border-bottom: 1px solid #5d5d5d;
    flex-wrap: wrap;
    justify-content: space-between;
}
.member-panel .member-com-page .member-main .member-info ul li {
    display: flex;
    padding: 22px 18px;
    align-items: center;
    font-size: 12px;
    color: #636870;
    transition: color .3s;
    position: relative;
    min-width: 190px;
    cursor: pointer;
}
.member-panel .member-com-page .member-main .member-info ul li:first-child {
    padding-left: 0;
}
.member-panel .member-com-page .member-main .member-info ul li:not(:last-child):before {
    content: "";
    width: 1px;
    height: 38px;
    background: #5d5d5d;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.member-panel .member-com-page .member-main .member-info ul li .title {
    font-size: 14px;
    font-weight: 400;
    color: #b5b5b5;
    line-height: 100%;
}
.member-panel .member-com-page .member-main .member-info ul li .desc {
    color: rgb(165, 165, 165);
    font-weight: 700;
    font-size: 14px;
}
.member-panel .member-com-page .member-main .member-wallet {
    height: 110px;
    background: #515151;
    padding-left: 38px;
    padding-right: 24px;
    padding-top: 25px;
    display: flex;
    justify-content: space-between;
}

.member-panel .member-com-page .member-main .member-wallet .title {
    font-size: 14px;
    font-weight: 400;
    color: #b5b5b5;
    line-height: 100%;
}
.member-panel .member-com-page .member-main .member-wallet .reload {
    display: flex;
    align-items: center;
}
.member-panel .member-com-page .member-main .member-wallet .reload>span:first-child {
    font-size: 16px;
    font-weight: 600;
    color: #f6cb00;
    margin-right: 14px;
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
}
.member-panel .member-com-page .member-main .member-wallet .reload>span:nth-child(2) {
    font-size: 30px;
    color: #fff;
    margin-right: 18px;
}
.member-panel .member-com-page .member-main .member-wallet .reload img{
    width: 25px;
}
/*.member-panel .member-com-page .member-main .member-page .deposit-page .tab-pane{
    height: 0;
}*/
.member-panel .member-com-page .member-main .member-page .deposit-page,.member-panel .member-com-page .member-main .member-page .withdraw-page,.member-panel .member-com-page .member-main .member-page .bonus-page {
    padding-top: 40px;
    padding-left: 45px;
    padding-right: 55px;
}
.member-panel .member-com-page .member-main .member-page .deposit-page .categorized-deposit-tabs,.member-panel .member-com-page .member-main .member-page .withdraw-page .categorized-withdraw-tabs {
    display: grid;
    grid-gap: 14px;
    grid-template-columns: 21% 21% 21% 21%;
    padding-bottom: 3px;
    margin-bottom: 27px;
    border: 1px #eee;
    border-style: none none solid;
}
.member-panel .member-com-page .member-main .member-page .deposit-page .categorized-deposit-tabs .deposit-tab,.member-panel .member-com-page .member-main .member-page .withdraw-page .categorized-withdraw-tabs .withdraw-tab {
    font-size: 12px;
    align-items: center;
    background: #cdcdcd;
    border-radius: 10px 10px 0 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    height: 30px;
    cursor: pointer;
}
.member-panel .member-com-page .member-main .member-page .deposit-page .categorized-deposit-tabs .deposit-tab a,.member-panel .member-com-page .member-main .member-page .withdraw-page .categorized-withdraw-tabs .withdraw-tab a {
    color: #fff;
    display: block;
    width: 100%;
    height: 30px;
    border-radius: 10px 10px 0 0;
    text-align: center;
    line-height: 17px;
}
.member-panel .member-com-page .member-main .member-page .member-nav-tabs .list-tab a.active,.member-panel .member-com-page .member-main .member-page .member-nav-tabs .list-tab a:hover,.member-panel .member-com-page .member-main .member-page .deposit-page .categorized-deposit-tabs .deposit-tab a.active,.member-panel .member-com-page .member-main .member-page .deposit-page .categorized-deposit-tabs .deposit-tab a:hover,.member-panel .member-com-page .member-main .member-page .withdraw-page .categorized-withdraw-tabs .withdraw-tab a.active,.member-panel .member-com-page .member-main .member-page .withdraw-page .categorized-withdraw-tabs .withdraw-tab a:hover {
    background: #c5944d;
}
.member-panel .member-com-page .member-main .member-page .member-nav-tabs {
    display: grid;
    grid-gap: 14px;
    grid-template-columns: 21% 21% 21% 21%;
    padding-bottom: 3px;
    margin-bottom: 27px;
    border: 1px #eee;
    border-style: none none solid;
}
.member-panel .member-com-page .member-main .member-page .member-nav-tabs .list-tab {
    font-size: 12px;
    align-items: center;
    background: #cdcdcd;
    border-radius: 10px 10px 0 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    height: 30px;
    cursor: pointer;
}
.member-panel .member-com-page .member-main .member-page .member-nav-tabs .list-tab a {
    color: #fff;
    display: block;
    width: 100%;
    height: 30px;
    border-radius: 10px 10px 0 0;
    text-align: center;
    line-height: 17px;
}
.member-panel .member-com-page .member-main .member-page .group-item {
    display: flex;
    margin-bottom: 22px;
}
.member-panel .member-com-page .member-main .member-page .group-item .title {
    padding-right: 9px;
    width: 145px;
    font-size: 14px;
    color: #4d4d4d;
    font-weight: 400;
    word-break: break-word;
}
.member-panel .member-com-page .member-main .member-page .group-item .title>span:first-child {
    margin-right: 5px;
}
.member-panel .member-com-page .member-main .member-page .deposit-page .group-item .deposit-options-list {
    width: 630px;
    padding: 5px 0px;
    background: #f2f1f1;
    border-radius: 5px;
}
.member-panel .member-com-page .member-main .member-page .deposit-page .group-item .deposit-options-list ul {
    display: flex;
    align-items: center;
    height: 100%;
}
.member-panel .member-com-page .member-main .member-page .deposit-page .group-item .deposit-options-list ul li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 18px;
    font-size: 12px;
    color: #636870;
    transition: color .3s;
    position: relative;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
}
.member-panel .member-com-page .member-main .member-page .deposit-page .group-item .deposit-options-list ul li img{
    width: 32px;
}
.member-panel .member-com-page .member-main .member-page .deposit-page .group-item .deposit-options-list ul li.active span, .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .deposit-options-list ul li:hover span{
    color: #ff4e00;
}
.member-panel .member-com-page .member-main .member-page .group-item .title>span:nth-child(2) {
    color: red;
}
.member-panel .member-com-page .member-main .member-page .group-item .bank-list {
    width: 630px;
    background: #f2f1f1;
    border-radius: 5px;
}
.member-panel .member-com-page .member-main .member-page .group-item .bank-list ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.member-panel .member-com-page .member-main .member-page .group-item .bank-list ul li:before,.member-panel .member-com-page .member-main .member-page .group-item .bank-list ul li:not(:last-child):before {
    content: "";
    width: 1px;
    height: 28px;
    background: silver;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.member-panel .member-com-page .member-main .member-page .group-item .bank-list ul li {
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #636870;
    transition: color .3s;
    position: relative;
    width: 200px;
    padding: 13px 13px 13px 25px;
    cursor: pointer;
}
.member-panel .member-com-page .member-main .member-page .group-item .bank-list ul li img{
    width: 30px;
    margin-right: 5px;
}
.member-panel .member-com-page .member-main .member-page .group-item .bank-list ul li.active span,.member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-list ul li:hover span{
    color: #ff4e00;
}
.member-panel .member-com-page .member-main .member-page .group-item .bank-account-container {
    display: flex;
    flex-direction: column;
}
.member-panel .member-com-page .member-main .member-page .group-item .bank-account-container .input-box {
    width: 418px;
    border-radius: 5px;
    position: relative;
}
.member-panel .member-com-page .member-main .member-page .group-item .bank-account-container .input-box input {
    width: 100%;
    height: 30px;
    background: #f2f1f1;
    padding-left: 12px;
    border-radius: 5px;
    border: 1px solid #d1d1d1;
    color: #000;
    font-size: 14px;
    transition: border .3s,background .3s;
}
.member-panel .member-com-page .member-main .member-page .group-item .amount-content .input-box {
    width: 420px;
    border-radius: 5px;
}
.member-panel .member-com-page .member-main .member-page .group-item .amount-content .input-box .deposit-input-box {
    position: relative;
}
.member-panel .member-com-page .member-main .member-page .group-item .amount-content .input-box input {
    width: 100%;
    height: 29px;
    background: 0 0;
    padding-left: 13px;
    border-radius: 5px;
    border: 1px solid #d1d1d1;
    color: #000;
    font-size: 14px;
    transition: border .3s,background .3s;
}
.member-panel .member-com-page .member-main .member-page .deposit-page .group-item .amount-content ul {
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
    width: 420px;
    margin-top: 11px;
}

.member-panel .member-com-page .member-main .member-page .deposit-page .group-item .amount-content ul li {
    width: 76px;
    height: 27px;
    border-radius: 5px;
    border: 1px solid #d1d1d1;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    color: #4d4d4d;
    transition: border .3s,color .3s;
    cursor: pointer;
}
.member-panel .member-com-page .member-main .member-page .deposit-page .group-item .amount-content ul li button{
    width: 100%;
}
.member-panel .member-com-page .member-main .member-page .group-item .group-select .input-box select {
    width: 420px;
    height: 29px;
    background: 0 0;
    padding-left: 13px;
    border-radius: 5px;
    border: 1px solid #d1d1d1;
    color: #000;
    font-size: 14px;
    transition: border .3s,background .3s;
}
.member-panel .member-com-page .member-main .member-page .deposit-page .group-item .amount-content .input-box.upload-receipt-box {
    display: flex;
    justify-content: space-between;
}
.member-panel .member-com-page .member-main .member-page .group-item .btn {
    min-width: 107px;
    padding: 0 18px;
    height: 29px;
    background: #c5944d;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 900;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border: none;
}
.member-panel .member-com-page .member-main .member-page .deposit-page .group-item .amount-content .input-box.upload-receipt-box .upload-btn {
    width: 100%;
    color: #716e6e;
    border: 1px dashed #716e6e;
    background: 0 0;
    height: 29px;
    border-radius: 5px;
    line-height: 27px;
    position: relative;
}
.member-panel .error-validation {
    margin-top: 8px;
    font-size: 12px;
    color: red;
}

/*online modal deposit*/
.ui-dialog-buttonset button:first-child {
    background: #ae8300!important;
    background-image: linear-gradient(180deg, #ae8300, #ae8300);
    color: #fff;
    border: 1px solid #ffc107!important;
    border-radius: 5px;
    padding: 5px 5px
}

.ui-dialog .ui-dialog-content {
    zoom: 0!important
}

.ui-dialog .ui-widget-header {
    background: #26272b!important;
    width: 100%;
    margin: 0;
    height: 30px;
    border: none!important;
    border-radius: 0
}

.ui-widget.ui-dialog {
    z-index: 9999!important;
    border: none;
    top: 0!important;
    left: 50%!important;
    margin-top: 120px;
    margin-left: -300px;
    background: #fff
}

.ui-dialog .ui-dialog-content {
    overflow: hidden!important;
    padding: 0!important
}

.ui-dialog .ui-dialog-title {
    color: #fff;
    text-transform: uppercase;
    line-height: 15px
}

.ui-widget-content::-webkit-scrollbar {
    width: .5em;
    height: .5em
}

.ui-widget-content::-webkit-scrollbar-thumb {
    background: #e8e8e8
}

.ui-widget-content::-webkit-scrollbar-track {
    background: #fff
}

.ui-dialog .ui-dialog-content {
    padding: 0
}

.ui-dialog {
    padding: 0
}

.ui-dialog-buttonset button,
button:focus {
    border: none!important;
    outline: 0!important
}

.ui-dialog-buttonset button:nth-child(2) {
    background-color: #8f8f8f!important;
    background-image: linear-gradient(180deg, #afafaf, #646464)!important;
    color: #fff;
    border-radius: 5px;
    padding: 5px
}

.select_disable {
    border: 1px solid #ccc;
    pointer-events: none;
    background: 0 0;
    border: none!important;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size: 16px;
    font-weight: 500
}

.select_disable .center-form label input,
.select_disable .center-form label select,
.select_disable .center-form-select {
    border: none!important
}

.ui-dialog .ui-dialog-titlebar-close {
    display: none
}

.ui-button .ui-button-text {
    color: #fff
}

.arcticmodal-overlay_info_depo {
    background: rgba(0, 0, 0, .3);
    z-index: 9;
    display: block;
    width: 0;
    height: 100%;
    opacity: 1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transition: width .3s ease, opacity .4s ease;
    transition: width .3s ease, opacity .4s ease;
    z-index: 25
}

.arcticmodal-overlay_info_depo.active {
    opacity: 1;
    width: 100%
}

.arcticmodal-overlay_info_depo {
    z-index: 9999
}
/*end modal online pay*/

/*transfer page*/
.member-panel .member-com-page .member-main .member-page .transfer-page {
    padding-top: 31px;
    padding-left: 40px;
    display: flex;
}
.member-panel .member-com-page .member-main .member-page .transfer-page .form-box {
    position: relative;
    width: 360px;
    padding-top: 23px;
}
.member-panel .member-com-page .member-main .member-page .transfer-page .form-box .item-group {
    display: flex;
    margin-bottom: 20px;
}
.member-panel .member-com-page .member-main .member-page .transfer-page .form-box .item-group .title {
    width: 140px;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    color: #4d4d4d;
}
#root .member-panel .member-com-page .member-main .member-page .transfer-page .form-box .item-group .group {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 70%;
    position: relative;
}
.member-panel .member-com-page .member-main .member-page .transfer-page .form-box .item-group .group .input-box {
    width: 225px;
    height: 28px;
    margin-bottom: 5px;
    position: relative;
}
.member-panel .member-com-page .member-main .member-page .transfer-page .form-box .item-group .group .input-box input,.member-panel .member-com-page .member-main .member-page .transfer-page .form-box .item-group .group .input-box select {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    border: 1px solid rgba(25,25,25,.2);
    padding-left: 10px;
    font-size: 14px;
    transition: border .3s,background .3s;
    background: #fff;
}
.member-panel .member-com-page .member-main .member-page .transfer-page .form-box .item-group .group .input-box input:disabled,.member-panel .member-com-page .member-main .member-page .transfer-page .form-box .item-group .group .input-box select:disabled,.member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .input-box input:read-only {
    background: #e4e4e4;
    border-color: transparent;
    color: #2f2f2f;
}
.member-panel .member-com-page .member-main .member-page .transfer-page .form-box .item-group.group-btn {
    padding-left: 135px;
}
.member-panel .member-com-page .member-main .member-page .transfer-page .form-box .item-group .btn {
    width: 110px;
    height: 28px;
    background: #f6cb00;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 900;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.member-panel .member-com-page .member-main .member-page .transfer-page .form-box .item-group.group-absolute {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    right: 0;
    top: 40px;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}
.member-panel .member-com-page .member-main .member-page .transfer-page .form-box .item-group.group-absolute:before {
    content: "";
    width: 20px;
    height: 25px;
    border-top: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
}
.member-panel .member-com-page .member-main .member-page .transfer-page .form-box .item-group.group-absolute:after {
    content: "";
    width: 20px;
    height: 25px;
    border-bottom: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
}
.member-panel .member-com-page .member-main .member-page .transfer-page .form-box .item-group.group-absolute>i {
    margin: 8px 0;
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
    cursor: pointer;
}
.member-panel .member-com-page .member-main .member-page .transfer-page .turnover-panel {
    margin-left: 65px;
    width: 360px;
    min-height: 970px;
    background: #f2f1f1;
    border-radius: 5px;
    padding: 22px 18px;
}
.member-panel .member-com-page .member-main .member-page .transfer-page .turnover-panel .turnover-nav {
    display: flex;
    padding: 1px 7px;
    border-bottom: 1px solid #a2aabd;
}
.member-panel .member-com-page .member-main .member-page .transfer-page .turnover-panel .turnover-nav li {
    min-width: 135px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #4d4d4d;
    transition: color .3s,background .3s;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin: 0 9px 0 0;
    cursor: pointer;
}
.member-panel .member-com-page .member-main .member-page .transfer-page .turnover-panel .turnover-nav li.active,.member-panel .member-com-page .member-main .member-page .transfer-page .turnover-panel .turnover-nav li:hover {
    background: #f6cb00;
    color: #fff;
}
.member-panel .member-com-page .member-main .member-page .transfer-page .turnover-panel .total-box {
    width: 200px;
    height: 28px;
    border-radius: 4px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 8px 0 16px;
    margin-left: 110px;
    margin-top: 17px;
}
.member-panel .member-com-page .member-main .member-page .transfer-page .turnover-panel .total-box span {
    font-size: 14px;
    color: #000;
}
.member-panel .member-com-page .member-main .member-page .transfer-page .turnover-panel .total-box div {
    display: flex;
    align-items: center;
}
.member-panel .member-com-page .member-main .member-page .transfer-page .turnover-panel .total-box div span {
    font-weight: 800;
}
.member-panel .member-com-page .member-main .member-page .transfer-page .turnover-panel .turnover-content {
    padding: 0 10px;
}
.member-panel .member-com-page .member-main .member-page .transfer-page .turnover-panel .turnover-content>div {
    margin-bottom: 23px;
}
.member-panel .member-com-page .member-main .member-page .transfer-page .turnover-panel .turnover-content>div ul {
    padding-top: 5px;
}
.member-panel .member-com-page .member-main .member-page .transfer-page .turnover-panel .turnover-content>div ul li {
    padding: 0 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    color: #000;
    height: 35px;
}
/*end transfer page*/

/*history page*/
.member-panel .member-com-page .member-main .member-page .history-page {
    padding-top: 40px;
    padding-left: 23px;
}
.member-panel .member-com-page .member-main .member-page .history-page .history-tools {
    padding-left: 18px;
    margin-bottom: 60px;
}
.member-panel .member-com-page .member-main .member-page .history-page .history-tools .group-item {
    margin-bottom: 31px;
}
.member-panel .member-com-page .member-main .member-page .history-page .history-tools .group-item .group ul {
    display: flex;
    width: 645px;
    min-height: 28px;
    border-radius: 5px;
    background: #f2f1f1;
    flex-wrap: wrap;
}
.member-panel .member-com-page .member-main .member-page .history-page .history-tools .group-item .group ul li {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 27px;
    padding: 0 15px;
    transition: color .3s;
    position: relative;
    height: 100%;
    cursor: pointer;
}
.member-panel .member-com-page .member-main .member-page .history-page .history-tools .group-item .group ul li a{
    font-size: 14px;
    font-weight: 400;
    color: #929292;
}
.member-panel .member-com-page .member-main .member-page .history-page .history-tools .group-item .group ul li:not(:last-child):before {
    content: "";
    width: 1px;
    height: 17px;
    background: silver;
    right: 0;
    top: 56%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
}
.member-panel .member-com-page .member-main .member-page .history-page .history-tools .group-item .group ul li.active a, .member-panel .member-com-page .member-main .member-page .history-page .history-tools .group-item .group ul li:hover a{
    color: #ff4e00;
    font-weight: 700;
}
.member-panel .member-com-page .member-main .member-page .history-page .history-tools .group-item.date-select .group {
    display: flex;
    align-items: center;
}
.member-panel .member-com-page .member-main .member-page .history-page .history-tools .group-item.date-select .group .input-box {
    width: 140px;
    height: 28px
    border-radius: 5px;
    position: relative;
    display: flex;
    align-items: center;
}
.member-panel .member-com-page .member-main .member-page .history-page .history-tools .group-item.date-select .group>span {
    margin: 0 12px;
    color: #4d4d4d;
    font-size: 14px;
}
.member-panel .member-com-page .member-main .member-page .history-page .history-tools .group-item.date-select .group .input-box input {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    border: 1px solid rgba(25,25,25,.2);
    padding-left: 10px;
    font-size: 14px;
    transition: border .3s,background .3s;
}
.member-panel .member-com-page .member-main .member-page .history-page .history-tools .group-item.date-select .group .btn-submit {
    width: 106px;
    height: 27px;
    background: #ffd600;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 900;
    cursor: pointer;
    margin-left: 20px;
    color: #fff;
}
.member-panel .member-com-page .member-main .member-page .history-page .history-list {
    width: 810px;
}
.member-page .history-page .history-list table{
    width: 100%;
}
.member-page .history-page .history-list table thead th,.bonus-page .history-page .history-list table thead th{
    background: #404040;
    color: #fff;
    padding: 10px;
}
.member-page .history-page .history-list table tbody td{
    text-align: center;
}
/*end history page*/

/*member page*/
.member-panel .member-com-page .member-main .member-page .profile-page {
    padding-left: 22px;
    padding-right: 22px;
}
.member-panel .member-com-page .member-main .member-page .profile-page .info-box {
    border-bottom: 1px solid #ccc;
}
.member-panel .member-com-page .member-main .member-page .profile-page .info-box .info-box-container {
    display: flex;
}
.member-panel .member-com-page .member-main .member-page .profile-page .info-box .info-box-container .ul-div,.member-panel .member-com-page .member-main .member-page .profile-page .info-box .info-box-container ul {
    display: flex;
    flex-wrap: wrap;
    padding-left: 15px;
    padding-top: 41px;
    padding-bottom: 60px;
    height: -webkit-max-content;
    height: max-content;
}
.member-panel .member-com-page .member-main .member-page .profile-page .info-box .info-box-container ul li {
    display: flex;
    flex-direction: column;
    line-height: 100%;
    margin-bottom: 21px;
    width: 245px;
}
.member-panel .member-com-page .member-main .member-page .profile-page .info-box .info-box-container .ul-div .li-div .key,.member-panel .member-com-page .member-main .member-page .profile-page .info-box .info-box-container .ul-div li .key,.member-panel .member-com-page .member-main .member-page .profile-page .info-box .info-box-container ul .li-div .key,.member-panel .member-com-page .member-main .member-page .profile-page .info-box .info-box-container ul li .key {
    font-size: 14px;
    color: #ff4e00;
}
.member-panel .member-com-page .member-main .member-page .profile-page .info-box .info-box-container ul li .value {
    font-size: 14px;
    color: #2f2f2f;
    display: flex;
    flex-direction: column;
}
.member-panel .member-com-page .member-main .member-page .inbox-page {
    padding-top: 23px;
    padding-left: 20px;
}
.member-panel .member-com-page .member-main .member-page .inbox-page .inbox-list {
    width: 810px;
    padding: 0;
}
.member-panel .member-com-page .member-main .member-page .inbox-page .inbox-title{
    font-size: 16px;
    font-weight: 800;
    color: #2f2f2f;
    margin-bottom: 30px;
    position: relative;
    text-transform: uppercase;
}
.member-panel .member-com-page .member-main .member-page .inbox-page .inbox-title:after{
    content: "";
    width: 810px;
    height: 1px;
    background: #a2aabd;
    position: absolute;
    bottom: -8px;
    left: 1px;
}
/*end member page*/
.custom-modal{
    border-radius: 10px;
}
.custom-modal .modal-header {
    padding: 10px;
    background: #424242;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.custom-modal .modal-header {
    border-radius: 10px;
    border: none;
}
.member-main .member-page .date-select .group{
    display: flex;
}
.member-main .member-page .date-select .group .input-box{
    width: 140px;
    height: 28px;
    border-radius: 5px;
    position: relative;
    display: flex;
    align-items: center;
}
.member-main .member-page .date-select .group .input-box input{
     width: 100%;
    height: 100%;
    border-radius: 5px;
    border: 1px solid rgba(25,25,25,.2);
    padding-left: 10px;
    font-size: 14px;
    transition: border .3s,background .3s;
}
.member-main .member-page .date-select .group span{
    margin: 0 12px;
    color: #4d4d4d;
    font-size: 14px;
}
.member-main .member-page .date-select .group .btn-submit {
    width: 106px;
    height: 27px;
    background: #ffd600;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 900;
    cursor: pointer;
    margin-left: 20px;
    color: #fff;
}
/*download app*/
.download-panel {
    height: 100%;
    min-height: 920px;
    background: url(../images/bannner_download.png) no-repeat top;
    background-size: 1800px 720px;
}
.download-panel .container {
    position: relative;
    display: flex;
    justify-content: flex-end;
    padding-top: 55px;
    padding-right: 75px;
}
.download-panel .download-list{
    width: 576px;
}
.download-panel .download-list .download-nav {
    width: 100%;
    height: 32.39px;
    background: #282a2c;
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    justify-content: center;
}
.download-panel .download-list .download-nav li {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #a2aabd;
    font-size: 14px;
    transition: color .3s,background .3s,border .3s;
    cursor: pointer;
    font-weight: 600;
}
.download-panel .download-list .download-nav li.active, .download-panel .download-list .download-nav li:hover {
    color: #000;
    background: #ff4e00;
}
.download-panel .download-list .download-nav li>span {
    margin-top: 3px;
}
.download-panel .download-list .app-content {
    display: flex;
    flex-direction: column;
    margin: 26px 0 0;
    background: #2e3035;
}
.download-panel .download-list .app-content .top-container {
    display: flex;
    padding: 35px;
    justify-content: space-around;
}
.download-panel .download-list .app-content .top-container .download-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.download-panel .download-list .app-content .top-container .download-container a{
    width: 160px;
    padding: 5px 0px;
    margin-top: 18px;
    font-size: 18px;
    text-align: center;
    border-radius: 10px;
    border: 0;
    background: #ff4e00;
    color: #fff;
    cursor: pointer;
}
.download-panel .download-list .app-content .top-container .download-container img {
    width: 160px;
    height: 160px;
    padding: 5px;
    background: #ffffff;
}
.download-panel .download-list .app-content .divider {
    background: #686c77;
    height: 1.8px;
    margin: 0 18px;
}
.download-panel .download-list .app-content .bottom-container{
    padding: 40px;
}
.download-panel .download-list .app-content .bottom-container .install-steps {
    display: flex;
    align-items: center;
    font-size: 14px;
    margin-bottom: 45px;
    color: #a2aabd;
}
.download-panel .download-list .app-content .bottom-container .install-steps img {
    width: 90px;
    height: 90px;
    margin: 0 38px 0 0;
}
.download-panel .download-list .app-content .bottom-container .install-steps .steps-container .title {
    margin: 0 0 19px;
}.afb2_sports .main_games, .banner_tf_sports .main_games, .sbo_sports .main_games{
    margin: auto !important;
}.ibc_sports iframe{
    min-height: 1200px;
}.slots-nav a.active, .slots-nav a:hover{
    margin-left: inherit !important;
    padding:inherit !important;
}.bank-list li.bank-item span{
    outline: 1px solid #cdcdcd;
    padding: 5px 10px;
    border-radius: 5px;
    width: 100px;
    text-align: center;
}
.download-panel .download-list .app-content .top-container .download-container .corner-img-container {
    width: 28.8px;
    height: 28.8px;
    position: relative;
    left: 87px;
    bottom: 232px;
}
.download-panel .download-list .app-content .top-container .download-container .corner-img-container img{
    width: 28px;
    height: 28px;
    padding: 0;
}
.gift-panel .gift-nav {
    display: flex;
    margin-top: 17px;
}
.gift-panel .gift-nav li {
    height: 28px;
    cursor: pointer;
    white-space: nowrap;
    padding-right: 10px;
}
.gift-panel .gift-nav li.active {
    pointer-events: none;
}
.gift-panel .gift-nav li.active a, .gift-panel .gift-nav li:hover a {
    color: #000;
    background: #ffd700;
    border-color: #ffdb17;
}
.gift-panel .gift-nav li a {
    color: hsla(0,0%,100%,.4);
    border: 1px solid #6e6e6e;
    border-radius: 20px;
    padding: 5px 20px;
}