html,body {height:100%;}
body {-webkit-font-smoothing: antialiased;position:relative;}
a {/*font-weight:bold;*/color:#000}
a:hover {text-decoration:none;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;}
.btn:focus, .btn.focus {border:0;box-shadow:none;}
::-moz-focus-inner {border:0;padding:0;}
p{margin:0;}
footer {background-color:#2c1b58;/*display:flex;flex-flow:column nowrap;*/margin-bottom:0;margin-top:auto;}
input {border:0;}
input:focus,select:focus,textarea:focus, input:focus,button:focus{outline:none;}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {-webkit-appearance:none;margin:0;}
select {border:0;background-color:#e8daf3;}
.btn {min-width:50px;}
.height100 {height:100%;}
.overflow-hidden {overflow-y: hidden !important;}
.ysb-defaultbtn {background-color:#4931b6;color:white;padding:0 10px;border:solid 1px #4931b6;font-size:12px;}
.ysb-defaultbtn:hover {background-color:white;color:#4931b6;border:solid 1px #4931b6;}
.hover-purpleline:hover {background-color:#4931b6;border:solid 1px #4931b6;color:white;}


.fw-float {position:fixed;right:10px;bottom:145px;z-index:999;width:150px;text-align:center;cursor:pointer;}
.fw-float .fw-wheel {width:80%;margin:auto;}
.fw-float img {width:100%;}
.fw-tag {position:relative;z-index:9999;}
.fw-float:hover > .fw-wheel {-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;}
.fw-close {z-index:11111;width:25px;height:25px;background:url(../img/icon-quickbet.svg) no-repeat top center;background-size:25px;filter: brightness(0.6);position:absolute;top:0;right:0;background-position-y:-25px;}
.fw-count {background-color:#c50000;color:yellow;position:absolute;/*bottom:30px;right:0;*/top:0;left:10px;margin:auto;z-index:99999;font-size:14px;font-weight:bold;width:35px;height:35px;display:flex;justify-content:center;align-items:center;border-radius:50%;}
.fw-count.fw-nocount {background-color:grey;color:white}
.fw-float.fw-nba .fw-wheel {position:absolute;left:-30px;bottom:-1px;z-index:9999;width:100px;}
.fw-float.fw-nba .fw-tag {z-index:9998;}
.fw-float.fw-nba .fw-count {background-color:#6b1596;color:yellow;bottom:40px;top:-90px;left:-8px;right:100%;width:22px;height:22px;border-radius:0;font-size:11px;}
.fw-float.fw-nba .fw-close {position:absolute;top:-55px;}

.fw-float.fw-2020 .fw-wheel {position:absolute;left:-30px;bottom:-1px;z-index:9999;width:100px;}
.fw-float.fw-2020 .fw-tag {z-index:9998;}
.fw-float.fw-2020 .fw-count {background-color:#d21335;color:#ffff97;bottom:40px;top:-70px;left:-5px;right:100%;width:22px;height:22px;border-radius:0;font-size:11px;}
.fw-float.fw-2020 .fw-close {position:absolute;top:-37px;right:0;filter:brightness(1);width:15px;height:15px;background-size:15px;background-position-y:-15px;}
.float-inner {margin-bottom:20px;}



.main-container {max-width:1920px;min-width:1280px;margin:0 auto;/*height:100%;*/display:flex;flex-flow:column nowrap;}
.default-wrapper {margin-top:140px;background-color:#855df2;}
.nav-wrapper {position:fixed;width:100%;z-index:999;top:0;background-color:white;/*flex:0 1 14%;*/max-width:1920px;min-width:1280px;}

.logo-wrapper {display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;position:absolute;top:0;bottom:20px;left:20px;z-index:1;}
.logo-wrapper img {width:100%;position: relative;z-index: 1;}
.logo-wrapper img,.header-main-wrapper,.login-wrapper,.logo-wrapper {
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;}
.header-main-wrapper {display:flex;flex-flow:column nowrap;height:80px;justify-content:center;padding:0;}
.lang-wrapper button {background-color:transparent;padding:0;border:0;}
.lang-wrapper button:focus,.lang-wrapper button:active {outline:0;border:none;box-shadow:none;}
.lang-wrapper .dropdown-toggle::after {border-top-color:#8d64aa;margin:0;vertical-align:0;}
.dropdown-toggle .glyphicon {}
.lang-wrapper ul.dropdown-menu.account-list-wrapper {padding:0;}
.lang-wrapper ul.dropdown-menu.account-list-wrapper li {display:flex;flex-flow:column nowrap;}
.lang-wrapper ul.dropdown-menu.account-list-wrapper li a {background-color:white;color:#4931b6;border:0;font-weight:normal;border-radius:0;width: 100%;}
.lang-wrapper ul.dropdown-menu.account-list-wrapper li a.account-head {padding:5px 10px;background-color:#4931b6;color:white;}
.lang-wrapper ul.dropdown-menu.account-list-wrapper li a:hover {background-color:#4931b6;color:white;border:0;}
.lang-wrapper ul.dropdown-menu.account-list-wrapper li a.account-head.vip-tab {position:relative;padding-left:38px;text-decoration:underline;color:#FFEB3B;}
.lang-wrapper ul.dropdown-menu.account-list-wrapper li a.account-head.vip-tab:before {position:absolute;left:10px;width:20px;height:20px;content:'';background-size:20px;}
.lang-wrapper ul.dropdown-menu.account-list-wrapper li a.account-head.vip-tab.level-normal:before {background-image:url("../img/promotion/images/icon/normal.png")}
.lang-wrapper ul.dropdown-menu.account-list-wrapper li a.account-head.vip-tab.level-silver:before {background-image:url("../img/promotion/images/icon/silver.png")}
.lang-wrapper ul.dropdown-menu.account-list-wrapper li a.account-head.vip-tab.level-gold:before {background-image:url("../img/promotion/images/icon/gold.png")}
.lang-wrapper ul.dropdown-menu.account-list-wrapper li a.account-head.vip-tab.level-platinum:before {background-image:url("../img/promotion/images/icon/platinum.png")}
.lang-wrapper ul.dropdown-menu.account-list-wrapper li a.account-head.vip-tab.level-black:before {background-image:url("../img/promotion/images/icon/black.png")}
.lang-wrapper ul.dropdown-menu.account-list-wrapper li a.account-head.vip-tab.level-diamond:before {background-image:url("../img/promotion/images/icon/diamond.png")}
.lang-wrapper ul.dropdown-menu.account-list-wrapper li a.account-head.vip-tab.level-supreme:before {background-image:url("../img/promotion/images/icon/supreme.png")}

.lang-wrapper ul.dropdown-menu {min-width:auto;margin:0;padding:0.3rem;border:1px solid #8d64aa;}
.login-wrapper {max-width:1550px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-flow:row nowrap;font-size:12px;color:#8d64aa;min-height:60px;}
.login-inner-wrapper {display:flex;flex-flow:row nowrap;margin:0 0 0 auto;}
.lang-wrapper {border-left:dotted 2px #fff;display:flex;flex-flow:row nowrap;align-items:center;padding:0 18px;}
.main-input {font-size:14px;padding:0 5px;color:#4931b6;border:solid 1px #fff;align-self:center;height:43px;margin:0 5px;}
.login-inner-wrapper a.change-usdt {margin-right:10px;color:#ffff76;padding:0 20px;}
.login-inner-wrapper a.change-usdt:hover {color:#01c26f;}
.login-inner-wrapper a.change-usdt.guideline {color:#fff;font-size:12px;position:relative;}
.login-inner-wrapper a.change-usdt.guideline:hover {color:#01c26f;}
.login-inner-wrapper a.change-usdt.guideline > i {margin-right:5px;}
.login-inner-wrapper a.change-usdt.guideline > p {text-decoration:underline;}

.login-inner-wrapper.after-login {display:flex;align-items:center;}
.login-inner-wrapper.after-login a.icon-login-btn {position:relative;background-color:transparent;border:0;width:30px;height:30px;padding:0;display:flex;}
.login-inner-wrapper.after-login a.icon-login-btn::before {content:'';position:absolute;top:0;left:0;background:url("../img/icon-account.svg") top center no-repeat;background-size:30px;width:30px;height:30px;}
.login-inner-wrapper.after-login a.logout-btn::before {background-image:url("../img/icon-logout.svg")}
.login-inner-wrapper.after-login a.user-btn::before {background-position-y:0px;}
.login-inner-wrapper.after-login a.user-btn {margin:0 5px;}
.login-inner-wrapper.after-login a.icon-refresh,.login-inner-wrapper.after-login a.icon-rebate {position:relative;width:15px;height:15px;}
.login-inner-wrapper.after-login a.icon-refresh::before {content:'';position:absolute;top:0;left:0;background:url("../img/icon-login.svg") top center no-repeat;background-size:15px;width:15px;height:15px;background-position-y:-15px;}
.login-inner-wrapper.after-login a.icon-rebate::before {content:'';position:absolute;top:0;left:0;background:url("../img/icon-rebate.svg") top center no-repeat;background-size:15px;width:15px;height:15px;}
.login-account-text {display:flex;flex-flow:column nowrap;justify-content:center;align-items:flex-end;color:#fff;}
.login-account-text p:nth-child(2) {text-transform:uppercase;}
.login-inner-wrapper.after-login .account-btn {display:flex;flex-flow:row nowrap;align-items:center;}
.login-refresh {display:flex;flex-flow:row nowrap;align-items:center;}
.menu-wrapper {display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:center;height:100%;}
.menu-wrapper a {position:relative;display:flex;flex-flow:column nowrap;align-items:center;padding:14px 10px;color:#8d64aa;font-size:15px;/*min-width:100px;*/}
.nav-menu-wrapper {max-width:1600px;margin:0 auto;display:flex;flex-flow:row nowrap;justify-content:space-around;min-height:180px;}
.nav-menu-wrapper.menu-casino-wrapper {justify-content: center;}
.nav-menu-wrapper.menu-casino-wrapper .nav-menu-inner {flex:0 1 120px;justify-content:flex-start;padding-bottom:10px;padding-top:10px;font-size:15px;background-color:#f7f7f7;margin:10px;border-top-left-radius:25px;border-bottom-right-radius:25px;}
.nav-menu-wrapper.menu-casino-wrapper .nav-menu-inner a {font-size:14px;background-color:#01c26f;border:1px solid #01c26f;color:white;margin:0;padding:5px 10px;border-radius:25px;min-width:70px;justify-content:center;}
.nav-menu-wrapper.menu-casino-wrapper .nav-menu-inner a:hover {background-color:white;color:#8d64aa;}
.nav-menu-wrapper.menu-casino-wrapper .nav-menu-inner p {color:#72518f;text-align:center;min-height:44px;display:flex;justify-content:center;align-items:center;}
.nav-menu-wrapper.menu-casino-wrapper .nav-menu-inner.menu-img {justify-content:center;background-color:transparent;border:none;}
.nav-menu-wrapper.menu-casino-wrapper .nav-menu-inner.menu-img img {width:auto;}
.nav-menu-wrapper.menu-casino-wrapper .nav-menu-inner.nav-big-item {flex:0 1 200px;}
.nav-menu-inner {width:100%;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;border-right:#ebebeb solid 1px;color:#8d64aa;font-size:25px;flex:1 0 20%;position:relative;}
.nav-menu-inner:last-of-type {border-right:0;}
.menu-wrapper .menu-inner-column {display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;}
.menu-wrapper .menu-inner-column a {color:#fff;background-color:#01c26f;border:solid 1px #01c26f;padding:10px 20px;border-radius:5px;/*min-width:120px;*/font-size:16px;z-index:1;}
.menu-wrapper .menu-inner-column a:hover {background-color:#fff;border-color:#01c26f;color:#4931b6;}
.nav-menu-inner:hover > .menu-inner-column span,.menu-sports-iconwrapper:hover > .menu-inner-column span {transform: scale(1.2);-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.nav-menu-inner.menu-sports-wrapper {flex-flow:row nowrap;flex:1 0 40%;}
.menu-sports-iconwrapper {flex:1 0 40%;}
.sports-menu-inner {display:flex;flex-flow:row wrap;flex:1 0 50%;}
.sports-menu-inner a {min-width:100px;margin:5px 10px;align-items:flex-start;padding:3px 10px;border:1px solid transparent;}
.sports-menu-inner a:hover {border-color:#8d64aa;}
.menu-wrapper a.menu-sports-shortcut {color:white;/*min-width:100px;*/border-radius:100px;padding:10px 20px;position:relative;text-align:center;margin:10px 0;}
.menu-wrapper a.menu-sports-shortcut.av {background:rgb(122,158,252);background:linear-gradient(90deg,rgba(122,158,252,1) 19%,rgba(59,95,195,1) 58%);}
.menu-wrapper a.menu-sports-shortcut.cls {background:rgb(128,220,254);background:linear-gradient(90deg,rgba(128,220,254,1) 19%,rgba(39,189,242,1) 58%);}
.menu-wrapper a.menu-sports-shortcut.av::after {border-top-color:#3B5FC3;}
.menu-wrapper a.menu-sports-shortcut.cls::after {border-top-color:#27BDF2;}
.menu-sports-shortcut::after {content:'';position:absolute;left:42%;top:100%;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #1e25e8;}
.content-main-wrapper {max-width:1366px;margin:0 auto;margin-top:35px;}
.content-main-wrapper.content-pic-wrapper {}
.content-main-wrapper.content-pic-wrapper .home-match-inner {width:auto;margin:0 15px;}
.content-main-wrapper.content-pic-wrapper .home-dealer {min-width:auto;}
.carousel-item img {width:100%;}
.menu-wrapper.subnav-wrapper {background-color:#8d64aa;display:flex;flex-flow:row;justify-content:space-around;margin:0;}
.menu-wrapper.subnav-wrapper .menu-icons {background-color:white;border-radius:50%;}
.menu-wrapper.subnav-wrapper a {color:white;flex-flow:row nowrap;}
.menu-wrapper.subnav-wrapper a span.menu-icons {background-size:25px;width:30px;height:30px;margin-right:10px;}
.newsticker-main {max-width:1366px;margin:0 auto;position:relative;}
.newsticker-main:before {position:absolute;content:'';height:1px;background-color:#fff;width:100%;opacity:.2;top:50%;}
.newsticker-wrapper {background-color:#855df2;position:relative;color:#fff;max-width:800px;margin:10px auto;padding:0 10px;width:100%;display:flex;align-items: center;}
.newsticker-wrapper:before {position:absolute;width:}
.newsticker-icon {z-index:100;position:absolute;background:url("../img/speaker.svg") top center no-repeat;background-size:30px;width:30px;height:30px;}
.homedrop-main {background:rgb(255,255,255);background:radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(222,222,222,1) 71%);height:100%;}
.homedrop-inner {display:flex;justify-content:center;align-items:flex-end;height:100%;padding:24px 0;}
.homedrop-inner.home-contact {align-items:center;}
.homedrop-innerbtn-wrapper {display:flex;align-self:center;}
.homedrop-shortcut{border:solid 1px #38cda8;color:#38cda8;display:flex;align-self:center;justify-content:center;padding:10px;min-width:170px;border-radius:50px;letter-spacing:3px;}
.homedrop-shortcut:hover {background-color:#38cda8;color:white;}
.homedrop-innerbtn {display:flex;flex-direction:column;justify-content:center;}
.homedrop-img {display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;}
.homedrop-hover {-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.homedrop-hover:hover {transform: scale(1.2);}
.ticker {overflow: hidden;}
.ticker ul {}
.ticker ul li {width: 100%;display: none;padding-left:40px;}
.homematch-main-wrapper {position:relative;}
.home-match-wrapper {display:flex;flex-flow:row nowrap;padding:30px 0;justify-content:space-between;}
.home-match-inner {color:#8d64aa;font-size:24px;position:absolute;top:13px;left:13px;bottom:13px;display:flex;flex-flow:column nowrap;align-items:center;justify-content:flex-end;border-radius:25px;background-color:rgba(0,0,0,.6);overflow:hidden;}
.home-match-inner .match-name {font-size:26px;}
.home-match-inner .match-date {font-size:18px;}
.homebettable .carousel-control-prev, .homebettable .carousel-control-next {color:#ffc20e;align-items:flex-end;margin-bottom:60px;opacity:1;}
.homebettable .carousel-indicators {bottom:-30px;}
.homebettable .carousel-indicators li {background-color: #d3bfd1;}
.homebettable .carousel-indicators .active {background-color:#7c48af;}
.btn-purple {background-color:#8d64aa;padding:5px 20px;color:white;font-size:18px;border:#8d64aa solid 1px;text-align:center;border-radius:25px;}
.btn-purple:hover {background-color:white;color:#8d64aa;}
.home-dealer {min-width:400px;}
.home-dealer img {width:100%;}
.home-dealer-btn {min-width:160px;margin-top:-25px;padding:5px 20px;border-radius:30px;font-size: 18px;font-weight:800;background-color:#ffde66;color:#19104a;text-align:center;}
.match-table-wrapper {padding:10px;display:flex;flex-flow:row nowrap;position:relative;}
.table-team-name {width:80px;}
.table-team-name img {width:100%;}
.match-table-inner {display:flex;flex-flow:column nowrap;font-size:10px;justify-content:center;align-items:center;}
.table-score-wrapper {position:absolute;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;margin-top:-13px;}
.table-score-wrapper.leftscore {top:0;bottom:0;}
.table-score-wrapper.rightscore {top:0;bottom:0;right:10px;}
.table-score-wrapper p {font-size:13px;font-weight:bold;color:#fff;padding:5px 0;}
.table-match-top {font-size: 15px;background:url("../img/table-top.svg") no-repeat center top;color:#ffc95b;width:247px;height:43px;display:flex;flex-flow:column;justify-content:center;align-items:center;}
.table-match-top .leaguenamehome {color:#fff;font-weight:bold;font-size: 13px;}
.table-match-mid {background:url("../img/table-bg.svg") no-repeat center top;padding:0 40px;color:white;width:370px;height:45px;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;}
.table-match-mid > span {color: #04135e;font-size:14px;}
.table-match-mid .table-match-name {/*background:url("../img/table-name.svg") no-repeat;*/line-height: 10px;padding:5px;position:relative;width:90px;height:37px;margin:0;display:flex;justify-content:center;align-items:center;
    background: rgb(45,29,138);
    background:linear-gradient(180deg, rgb(112 88 238) 39%, rgb(44 28 136) 92%)}

.table-match-mid .table-match-name::before,
.table-match-mid .table-match-name::after,
.table-match-handicap .table-match-name::after,
.table-match-handicap .table-match-name::before
{position:absolute;content:'';top:0;width:30px;height:100%;background-size:100% 100%;background-repeat:no-repeat;}

.table-match-mid .table-match-name::after {width:23px;}
.table-match-mid .table-match-name.left::before {right:-25px;background-image:url("../img/table-name-left.svg");}
.table-match-mid .table-match-name.left::after {left:-22px;background-image:url("../img/table-name-left-2.svg");}

.table-match-mid .table-match-name.right::before {left:-25px;background-image:url("../img/table-name-right.svg");}
.table-match-mid .table-match-name.right::after {right:-22px;background-image:url("../img/table-name-right-2.svg");}
/*.table-match-name.left,.table-match-handicap .table-match-name.left {background-position-x:left;}
.table-match-name.right,.table-match-handicap .table-match-name.right {background-position-x:right;}*/
.table-match-field {width:350px;}
.table-match-field img {width:100%;}
.table-match-handicap {display:flex;flex-flow:row nowrap;width:355px;padding:0 35px;justify-content:space-between;align-items:center;color:#fff;font-size:10px;}
.table-match-handicap .table-match-name {position:relative;color:white;font-weight:600;width:70px;height:29px;margin:0;display:flex;justify-content:center;align-items:center;
    background: rgb(45,29,138);
    background:linear-gradient(180deg, rgb(112 88 238) 39%, rgb(44 28 136) 92%)}
.table-match-handicap .table-match-name.left::before,
.table-match-handicap .table-match-name.right::before{width:20px;background:rgb(102,35,191);
    background:linear-gradient(180deg, rgb(112 88 238) 39%, rgb(44 28 136) 92%);}
.table-match-handicap .table-match-name.left::before {right:-20px;border-bottom-right-radius:100%;}
.table-match-handicap .table-match-name.right::before {left:-20px;border-bottom-left-radius:100%;}
.hot-icon {position:absolute;top:0;right:30px;width:25px;height:25px;display:flex;flex-flow:column;align-items:center;color:#fff;}
.hot-icon p {background-color:#ff001e;padding:0 5px;}
.downloadmobile-wrapper {position:relative;margin-top:50px;}
.qr-main-wrapper {display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;border-radius:50px;background:rgb(89,44,238);background: linear-gradient(180deg, rgba(89,44,238,1) 0%, rgba(133,93,242,1) 100%);}
.mobiles-image {width:550px;margin:30px 30px 0px 30px;}
.mobiles-image img {width:100%;}
.downloadmobile-title {padding:10px 0;border-bottom:solid 2px #fff;}
.mobileversion-wrapper {display:flex;flex-flow:row nowrap;justify-content: space-around;align-items: center;margin:20px 0;}
.mobileversion-buttons {padding:20px 0;display: flex;}
.mobileversion-buttons .nav {justify-content:space-between;background-color:#2c1b58;border-radius:10px;flex-flow:column nowrap;margin-right:50px;height:160px;width:160px;}
.mobileversion-buttons a {display:flex;justify-content:center;align-items:center;height:100%;color:#fff;}
.mobileversion-buttons li {height:100%;}
.mobileversion-buttons li:first-child a {border-top-left-radius:10px;border-top-right-radius:10px;}
.mobileversion-buttons li:last-of-type a {border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.mobileversion-buttons a.active {background-color:#01c26f;}
.mobileversion-buttons a:hover {background-color:#1fa36a;}
.mobileversion-inner p {color:#fff;text-align:center;font-size:16px;}
.mobileversion-inner p.mobileversion-title {font-size:26px;color:#fbe8bb;}
.mobileversion-inner p.mobileversion-titlesub {font-size:18px;color:#fbe8bb;}
.qr-main-wrapper .tab-content .active {text-align:center;background-color:#fff;padding:5px;border-radius:10px;width:250px;z-index:1;position:relative;}
.qr-main-wrapper .tab-content .active img {width:100%;}
.web-link-wrapper {border:solid 1px #9a9eb3;padding:10px;display:flex;justify-content:center;align-items:center;font-size:15px;border-radius:20px;color:#9a9eb3;margin-top:20px;}
.scan-qr {color:#9a9eb3;text-align: center;padding:10px 0;}
.footer-links {display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;margin-bottom:15px;}
.footer-links a {position:relative;margin:0 13px;font-size:14px;color:#847b9e;}
.footer-links a:after {content: "/";color:#776286;position:absolute;right:-17px;}
.footer-links a:last-of-type {margin-right:0;}
.footer-links a:last-of-type:after {content:none;}
.footer-links a:hover {color:white;}
.company-info-wrapper {display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;color:#776286;font-size:14px;border-top:rgba(255,255,255,0.2) solid 1px;border-bottom:rgba(255,255,255,0.2) solid 1px;padding:30px 15px;}
.company-info {display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;font-size:14px;}
.company-info-box {display:flex;flex-flow:column wrap;padding-left:20px;}
.company-info.company-topup {display:flex;flex-flow:column nowrap;}
.company-info-icon-wrapper {display:flex;flex-flow:row nowrap;}
.company-info-icon-wrapper .company-info-icon {border:4px solid white;border-radius:50%;margin:0 10px;}
.certified {width:150px;opacity:.4;}
.certified img {width:100%;}
.footer-partners-wrapper {display:flex;justify-content:center;flex-flow:row nowrap;align-items:center;width:100%;}
.footer-partners-wrapper img {width:100%;margin:0 auto;opacity:.5;}
.dropdown {position:static;}
.dropdown-content {display:none;position:absolute;left:-100%;right:-100%;top:auto;background-color:#fff;min-width:100%;z-index:1001;opacity:0;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;}
.menu-wrapper .dropdown-content {z-index:999999999999;border-top:#ebebeb solid 1px;}
.dropdown .dropdown-toggle {position:relative;}
.dropdown .dropdown-toggle::after {position:absolute;right:0;left:0;bottom:10px;margin:auto;}
/*.dropdown-content a {float:none;padding:12px 16px;text-decoration:none;display:block;text-align:left;}*/
.dropdown-content img {width:100%;}
.dropdown:hover .dropdown-content {display:block;opacity:1;}
.login-modal-wrapper {text-align:center;font-size:13px;}
.login-modal-wrapper .frame-title {color:#8d64aa;padding:10px 0;border-bottom:1px solid #c5c5c5;}
.login-modal-wrapper .form-secureword {padding:10px 0;width:200px;margin:0 auto;}
.login-modal-wrapper .form-control {text-align:center;}
.login-modal-wrapper .btn {min-width:100px;}
.login-modal-wrapper .modal-footer a {color:#8d64aa;}
.login-modal-wrapper .form-secureword .btn-primary {background-color:#4931b6;border-color:#4931b6;}
.scrolled-nav .logo-wrapper {bottom:0;}
.scrolled-nav .logo-wrapper img {width:65%;}
.scrolled-nav .login-wrapper {display:none;opacity:0;width:0;height:0;}
.scrolled-nav .dropdown .dropdown-toggle::after {right:5px;bottom:10px;}
.scrolled-nav .menu-wrapper a {padding:14px 10px;}
.scrolled-nav .menu-wrapper a span.menu-icons {opacity:0;display:none;}
.scrolled-nav .menu-wrapper .dropdown .dropdown-toggle:hover,.scrolled-nav .menu-wrapper a:hover {background-color:#4931b6;color:white;}
.scrolled-nav .header-main-wrapper {height:50px}
.scrolled-nav .logo-wrapper:before {height:20px}
.scrolled-nav .menu-wrapper .logo-wrapper a:hover {background-color:transparent;}
.error-modal .modal-content {border-radius:10px;max-width:400px;margin:0 auto;}
.error-modal .error-btn {display:flex;justify-content:center;padding-bottom:20px;}
.error-modal .error-btn a {min-width:100px;border-radius:25px;text-align:center;}
.error-icons-wrapper {display:flex;justify-content:center;align-items:center;min-height:100px;border-top-left-radius:10px;border-top-right-radius:10px;}
.error-icons {background:url("../img/icon-quickbet.svg") no-repeat center;background-size:50px;width:50px;height:50px;}
.error-message-wrapper {text-align:center;padding:30px 10px;width:355px;margin:auto;}
.error-message-wrapper .modal-title {font-weight:bold;font-size:25px;}
.error-desc {font-size:16px;margin:10px 20px;color:#616060;}
.error-desc img {width:60%;}
.error-desc.fish-company-logo img {width:100%;}
.nav-count {position:absolute;top:5%;right:20%;background-color:#f04f23;color:white;font-size:10px;border-radius:50%;width:15px;height:15px;display:flex;justify-content:center;align-items:center;}
.nav-count.virtual-new {right:-5%;top:auto;width:35px;border-radius:5px;}
.error-modal.impopup-notice {font-size:14px;}
.error-modal.impopup-notice .card {margin-bottom:3px;}
.error-modal.impopup-notice .modal-dialog {max-width:900px;}
.error-modal.impopup-notice .modal-content{max-width:900px;border-radius:0;background-color:rgba(255, 255, 255, .9);}
.error-modal.impopup-notice .card-header {background-color:#8d64aa;border-radius:0;text-align:left;}
.error-modal.impopup-notice .card-header a {color:white;padding:10px;display:flex;}
.error-modal.impopup-notice .impopup-message {padding:10px;text-align:left;background-color:#f5f5f5;}
.error-modal.impopup-notice .error-btn {justify-content:space-between;}
.error-modal.impopup-notice .error-btn a {background-color:#669cd6;border-radius:0;padding:5px;}
.error-modal.impopup-notice .error-btn .xshow {display:flex;align-items:center;font-size:12px;color:#848484;}
.error-modal.impopup-notice .error-btn .xshow input {margin-right:5px;border:0;}
.error-modal.impopup-notice .error-message-wrapper .modal-title {color: rebeccapurple;}
.promohome-temp {font-size:30px;color:#8d64aa;font-weight:bold;margin-bottom:10px;}
.fishing-popup-modal {max-width:80%;}
.fishing-popup-modal .modal-content {min-width:700px;max-width:1000px;}
.fishing-popup-modal .modal-content .error-message-wrapper {}
.fishing-mainwrapper {display:flex;flex-flow:row wrap;justify-content:center;}
.game-maintenance-wrap {position: absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color:rgba(0,0,0,.4);border-top-left-radius:25px;border-bottom-right-radius:25px;color:white;font-weight:bold;display:flex;justify-content:center;align-items:center;}
.fishing-close a {position:absolute;top:0;right:0;width:30px;height:30px;background-color:#e80707 !important;background-position-y:-30px;background-size:30px;}
.app-row {flex-direction:row;padding:20px 30px;}
.app-wrapper {display:flex;}
.app-qr {width:170px;}
.app-logo {width:170px;} .app-logo img {width: 100%;}
.login-inner-wrapper .dropdown-content {top:59px;}



.error-modal.succeed .error-icons-wrapper {
    background: rgb(156,242,101);
    background: radial-gradient(circle, rgba(156,242,101,1) 0%, rgba(111,191,60,1) 40%);
}
.error-modal.succeed .error-icons-wrapper .error-icons {background-position-y:-200px;}
.error-modal.succeed a {background-color:#6fbf3c;}

.error-modal.failed .error-icons-wrapper {
    background: rgb(247,125,125);
    background: radial-gradient(circle, rgba(247,125,125,1) 0%, rgba(239,84,84,1) 40%);
}
.error-modal.failed .error-icons-wrapper .error-icons {background-position-y:-50px;}
.error-modal.failed a {background-color:#ef5454;}

.error-modal.warning .error-icons-wrapper {
    background: rgb(247,125,125);
    background: radial-gradient(circle, rgba(247,125,125,1) 0%, rgba(239,84,84,1) 40%);
}
.error-modal.warning .error-icons-wrapper .error-icons {background-position-y:-100px;}
.error-modal.warning a {background-color:#ef5454;}

.error-modal.normal .error-icons-wrapper {
    background: rgb(58,140,210);
    background: radial-gradient(circle, rgba(58,140,210,1) 0%, rgba(41,119,186,1) 40%);
}
.error-modal.normal .error-icons-wrapper .error-icons {background-position-y:-200px;}
.error-modal.normal a {background-color:#2977ba;}





/**********modal modify**********/
.modal-dialog.modal-300 {width:300px;}
button.close.modal-close-btn {position:absolute;top:0;right:0;background-color:#f14d4d;text-shadow:none;color:white;padding:3px;z-index:1;opacity:1;}
.form-secureword .button-twins {margin:5px 0;display:flex;}
.static-modal-popup {position:absolute;}
.static-modal-dialog {max-width:100%;margin:0;position:absolute;top:0;bottom:0;left:0;right:0;height:100%;}
.static-modal-dialog .modal-content {height:100%;}
.zalo-modal-wrapper img {width:100%;}


.maintenance-main {background-color:#f7f7f7;width:900px;margin:auto;color:#8d64aa;position:relative;font-size:14px;border:solid 1px #8d64aa;padding:30px;min-height:400px;}
.maintenance-main.maintain-bg {background:url("../img/bg-maintenance.svg") no-repeat bottom right;background-size:520px;}
.maintenance-main.duplicate-bg {background:url("../img/bg-duplicate.svg") no-repeat bottom right;background-size:520px;}

.maintenance-main img {padding-bottom:20px;width:250px;}
.maintenancetext {width:50%;}
.maintenance-line {margin-bottom:30px;}
.errorcode-wrapper {position:absolute;bottom:220px;right:162px;text-align:center;font-size:10px;border:solid 1px grey;background-color:#eaeaea;padding:0 20px;color:#ff5757;min-width:200px;}
.error-code {font-size:20px;font-weight:bold;font-style:italic;}
.error-code:before {content:"[";}
.error-code:after {content:"]";}
.maintenancetext p b {font-size:20px;}


.slot-main-wrapper {display:flex;flex-flow:row wrap;justify-content:center;max-width:1600px;margin:auto;}
.oct-wrapper {display:flex;flex-flow:column nowrap;align-items:center;min-width:300px;background-size:100%;background-repeat:no-repeat;}
.oct-wrapper:before, .casino .tile:before {z-index:1;content:"";width:100%;height:0;position:absolute;top:0;left:0;border-bottom:32px solid transparent;border-left:32px solid #3f2b72;border-right:32px solid #3f2b72;}
.oct-wrapper:after, .casino .tile:after {z-index:1;content:"";width:100%;height:0;position:absolute;bottom:0;left:0;border-top:32px solid transparent;border-left:32px solid #3f2b72;border-right:32px solid #3f2b72;}
.slot-page .oct-wrapper {width:25%;height:310px;background-color:#e6dded;position:relative;margin:25px 53px;}
.slot-lobby-img {width:85%;margin:0 auto;}
.slot-lobby-img img {width:100%;}
.slot-lobby-buttons-wrapper {background-color: white;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;padding:10px;border-radius:50px;min-width:260px;margin-top:-10px;min-height:40px;color:#3f2b72;border:transparent 1px solid;}
.comingsoon-slot {background:url("../img/slot/slotcomingsoon.svg") no-repeat center center #e6dded;}
.fishing-page .fishing-picture {width:40%;height:360px;background-color:#e6dded;position:relative;margin:25px 5%;border-radius:50px;justify-content:center;background-repeat:no-repeat;background-size:cover;background-position: center;display: flex;flex-flow: column nowrap;align-items: center;}
.ag-fish {background-image:url("../img/fish/lobby-ag.jpg");}
.tpg-fish {background-image:url("../img/fish/lobby-tpg.jpg");}
.comingsoon-fish {background-image:url("../img/fish/comingsoon-1.jpg");}
.fishing-page .slot-lobby-img {width:65%;margin-bottom:100px;}
.fishing-picture .slot-lobby-buttons-wrapper {position:absolute;bottom:15px;}
.fishing-picture .slot-lobby-buttons-wrapper span {font-size:20px;color:#4931b6;}
.slot-filter-wrapper {max-width:1280px;margin:auto;min-height:500px;}
.slot-filter {display:flex;flex-flow:row nowrap;border-bottom:solid 1px #01c26f;justify-content:space-evenly;}
.slot-filter a {background-color:transparent;display:flex;align-items:center;border:0;cursor:pointer;font-size:15px;color:#fff;padding:15px;border-bottom:4px solid transparent;}
.slot-filter a:before {background:url("../img/icon-bullet.svg") no-repeat center;background-size:15px;content:"";width:15px;height:15px;margin-right:5px;}
.slot-filter a.active {color:#01c26f;font-weight:bold;border-bottom:4px solid #01c26f;}
.slot-desc-layout {position:absolute;width:100%;height:100%;top:0;left:0;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;
    -webkit-transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
    transition: opacity .5s ease-out;}
.slot-separate-name {background-color:#ffc300;display:flex;justify-content:center;align-items:center;font-size:11px;padding:3px 0;}
.slot-desc-layout.casino-desc-wrapper {align-items:flex-start;padding-left:20px;font-size:23px;}
.slot-desc-layout.casino-desc-wrapper .slot-type {color:white;background-color:#8d64aa;border-radius:25px;margin:5px 0;padding:5px 8px;font-size:16px;}
.slot-desc-layout.casino-desc-wrapper a {color:#fff;border-radius:25px;background-color:#4931b6;margin-left:5px;}
.slot-desc-layout.casino-desc-wrapper .m-2 {margin:0.5rem 0;}
.slot-details-wrapper {color:white;background-color:rgba(0,0,0,.7);opacity:0;}
.slot-type {font-size:10px;}
.slot-descbtn-wrapper {/*width:70%*/;text-align:center;}
.slot-mainfilter {margin:1rem 0;display:flex;flex-flow:row wrap;}
.tile {background-color:#e6dded;position:relative;width:19%;margin:0.5%;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:all 350ms ease;transition:all 350ms ease;cursor:pointer;}
.tile:hover > .slot-details-wrapper {opacity:1;}
.scale-anm {transform:scale(1);}
.tile img {max-width:100%;width:100%;height:auto;border-radius:3px;}
.slot-casino .tile {width:24%;}
.casino .tile {width:29%;margin:2.1666%;}
.cas-back-img {z-index:-1;-webkit-transition:opacity .5s ease-out;-moz-transition:opacity .5s ease-out;-o-transition:opacity .5s ease-out;transition:opacity .5s ease-out;}
.cas-back {opacity:0;}
.cas-back-img.cas-front {z-index:0;right:8px;left:auto;bottom:0;position:absolute;}
.casino .tile:hover > .cas-back {opacity:1;}
.casino .tile:hover > .cas-round {opacity:0;}
.casino .tile:hover > .casino-desc-wrapper p {color:white;}
.keno .oct-wrapper {width:40%;height:631px;background-color:#e6dded;position:relative;margin:25px 5%;justify-content:center;}
.keno .oct-wrapper.keno-fullimg {width:77%;margin:25px auto;}
.keno .slot-lobby-buttons-wrapper {margin-top:200px;}
.keno4-zh-cn {background-image: url("../img/keno/zh-cn/kenov4.png?v=1.0");}
.luzi4-zh-cn {background-image: url("../img/keno/zh-cn/luziv4.png?v=1.0");}
.keno4-en {background-image: url("../img/keno/en/kenov4.png?v=1.0");}
.luzi4-en {background-image: url("../img/keno/en/luziv4.png?v=1.0");}
.superkeno-zh-cn {background-image: url("../img/keno/zh-cn/superkeno.png");}
.superkeno-en {background-image: url("../img/keno/en/superkeno.png");}
.kgmacau-zh-cn {background-image: url("../img/keno/zh-cn/kgmacau.png");}
.kgmacau-en {background-image: url("../img/keno/en/kgmacau.png");}
.previsionkeno-zh-cn {background-image: url("../img/keno/zh-cn/previsionkeno.png");}
.previsionkeno-en {background-image: url("../img/keno/en/previsionkeno.png");}
.slot-winner-wrapper {background-color:white;display:flex;flex-flow:column nowrap;align-items:center;padding:10px;border-top-left-radius:8px;border-top-right-radius:8px; }
.slot-winner {display:flex;flex-flow:row nowrap;justify-content:space-between;padding:7px 0 0 0;color:#4d2765;font-size:10px;}
.slot-winner span {background-color:#4d2765;color:white;padding:2px 4px;}
.lotto-mainwrapper {color:#776286;}
.lotto-title {display:flex;flex-flow:row nowrap;justify-content:space-between;background-color:#d6d6d6;padding:5px;}
.lotto-inner {display:flex;flex-flow:row nowrap;justify-content:center;padding:15px;position:relative;}
.lottopick-wrapper {display:flex;flex-flow:row wrap;width:350px;align-content:center;}
.lotto-ball {display:flex;justify-content:center;align-items:center;color:#bdb8c1;border:solid 1px #776286;border-radius:50%;width:40px;height:40px;margin:5px;font-size:18px;cursor:pointer;}
.lottoodds-wrapper {width:250px;position:absolute;top:0;right:0;border:solid 1px #624477;background-color:#fff;font-size:12px;}
.lottoodds-wrapper div {display:flex;flex-flow:row nowrap;align-items:center;border-bottom:solid 1px #dedede;}
.lottoodds-wrapper div:first-child,.lottoodds-wrapper div:last-of-type {border-bottom:none;}
.lottoodds-wrapper div.odds-head {background-color:#624477;color:#d8d8d8;}
.lottoodds-wrapper div p {padding:2px 10px;}
.lottoodds-wrapper div p:first-child {width:40%;min-width:97px;text-align:center;}
.lottoodds-wrapper div p:nth-child(2) {width:40%;text-align:right;}
.lottoodds-wrapper div a {padding:0 5px;letter-spacing:;font-size:11px;}
.lottobet-wrapper {display:flex;flex-flow:column nowrap;padding:0 50px;}
.lottobet-main {padding:0 10px 10px;border:solid 1px transparent;}
.lottobet-main.active {position:relative;}
.lottobet-main.active .lottobet-group .fa-angle-right {color:#a877cc;}
.lottobet-main:hover {background-color:#eaeaea;border:solid 1px #74548c;}
.lottobet-group {display:flex;flex-flow:row nowrap;align-items:center;}
.lottobet-group .fa-angle-right {font-size:18px;color:#c5c5c5;}
.smalllotto .lotto-ball {width:30px;height:30px;font-size:13px;}
.lottoselect-wrapper {display:flex;align-items:center;z-index:1;position:relative;}
.lottoselect-wrapper select {border:solid 1px #776286;background-color:#9579b7;color:#fff;border-radius:15px;padding:0 5px;margin:0 5px;}
.lottosummary-wrapper {border-top:1px solid #dedede;padding:20px;max-width:700px;margin:auto;color:#776286;}
.lottosummary {display:flex;flex-flow:row nowrap;justify-content:center;padding:5px;}
.lottosummary p {padding:5px;min-width:60px;text-align:right;}
.lottosummary input {min-width:150px;}
.lottosummary .betcard-btn {min-width:90px;}
.lottobonus-group {display:flex;flex-flow:row nowrap;align-items:center;}
.lotto-inner.lottobonusball .lottopick-wrapper {width:50%;}
.lottosidehelp {position:absolute;top:0;right:0;}
.lottosidehelp .dropdown-menu {margin:0;padding:0;}
.icon-question {background:url("../img/icon-quickbet.svg") no-repeat top center #624477;width:30px;height:30px;background-size:30px;display:block;background-position-y:-150px;}
.lotto-inner.lottobonusball .lottoodds-wrapper {position:relative;width:100%;}
.lotto-inner.lottobonusball .lottobet-wrapper {width:50%;padding:0 20px;}
.lotto-inner.lottobonusball .lottoodds-wrapper div {/*justify-content:space-between;*/}
.lotto-inner.lottobonusball .lottoodds-wrapper div p {text-align:center;}
.lotto-inner.lottobonusball .lottoodds-wrapper div p:first-child {/*width:50%;*/text-align:left;}
.lotto-inner.lottobonusball .lottoodds-wrapper div p:nth-child(2) {width:auto;text-align:right;margin:0 0 0 auto;}
/*.lotto-inner.lottobonusball .lottoodds-wrapper div p:last-child {width:15%;}*/
.zodiacbet-wrapper {display:flex;flex-flow:column nowrap;}
.zodiac-title {font-size:18px;font-weight:bold;margin:15px auto;max-width:600px;}
.lottozodiac-wrapper {display:flex;flex-flow:row wrap;width:800px;margin:auto;}
.zodiac-group {color:#a877cc;display:flex;justify-content:flex-start;width:33.333%;margin:15px 0;}
.zodiacimg-wrapper {display:flex;flex-flow:column nowrap;align-items:center;margin:0 10px;font-weight:bold;color:#ff5e00;}
.zodiac {background-size:45px;width:50px;height:50px;background-repeat:no-repeat;background-position:center center;display:block;}
.zodiac-ball {display:flex;}
.lottotable-main {display:flex;flex-flow:column nowrap;border:solid 1px #bcb7bf;margin-bottom:20px;}
.lottotable-inner {display:flex;flex-flow:row nowrap;justify-content:space-evenly;align-items:center;border-bottom:solid 1px #a096a7;}
.lottotable-inner:last-of-type {border-bottom:0;}
.lottotable-inner p {display:flex;flex:1;justify-content:center;align-items:center;min-height:30px;border-right:solid 1px #bcb7bf;}
.lottotable-inner p:last-of-type {border-right:none;}
.lottotable-inner.lottohead {background-color:#776286;color:white;}
.lottotable-inner.lottosumm {background-color:#dfd2e8;}
.lottotable-inner.lottosumm p {min-height: auto;}
.lottotable-inner.lottoevent {justify-content:flex-start;background-color:#3d264e;color:white;padding:0 10px;min-height:20px;}
.lottototalcost {font-size:15px;font-weight:bold;color:#ff3445;}
.lottodisplaytable {max-width:800px;margin:0 auto;}
.lottodisplaytable .modal-content {min-height:250px;justify-content:center;align-items:center;}
.lottodisplaytable .modal-body {width:100%;}
.main-pagination {margin:20px;}
.main-pagination .pagination {font-size:12px;}
.main-pagination .page-link {padding:0.4rem 0.65rem;color:#8d64aa;}
.main-pagination .page-link:focus {box-shadow:none;}


.lottobet-main.active::before, .lottobet-main.active::after {content: '';box-sizing:border-box;position:absolute;border:1px solid transparent;width:0;height:0;}
.lottobet-main.active::before {top:0;left:0;border-top-color:#a07eaf;border-right-color:#8f48af;animation:border 2s infinite;}
.lottobet-main.active::after {bottom:0;right:0;animation:border 2s 1s infinite, borderColor 2s 1s infinite;}
@keyframes border { 0% {width: 0;height: 0;} 25% {width: 100%;height: 0;} 50% {width: 100%;height: 100%;} 100% {width: 100%;height: 100%;} }
@keyframes borderColor { 0% {border-bottom-color: #a07eaf;border-left-color: #8f48af;} 50% {border-bottom-color: #a07eaf;border-left-color: #8f48af;} 51% {border-bottom-color: transparent;border-left-color: transparent;} 100% {border-bottom-color: transparent;border-left-color: transparent;} }

.index-slot-wrapper {position:relative;width:100%;max-width:1366px;margin:20px auto;border-bottom:solid 1px #d7d7d7;padding:20px 0;}





.loading-wrapper {width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;z-index:20;background-color: rgba(0,0,0,.8);display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;font-size:20px;color:#d2d2d2;}
.loader {border:8px solid #f3f3f3;border-radius:50%;border-top:8px solid #d12a32;width:50px;height:50px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;}
@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } }

@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }



@keyframes notiny-animation-show-wtf {
    0% {
        opacity: 0;
        filter: blur(4px);
    }
    15% {
        opacity: 1;
    }
    50% {
    }
    90% {
        filter: blur(0px);
    }
    100% {
    }
}



.casino-main-wrapper {background-color:#5C3179;text-align:center;}
.oysb {width:140px;border-radius:25px;} .oysb img {width:100%;} .oysb:hover {background-color:#fffb76;}




/****Color*****/
.standard-button {padding:2px 10px;color:white;font-size:13px;}
.standard-button:hover {filter:brightness(1.2);}
.btn-standard {background-color:#4931b6;padding:5px 10px;color:#fff;font-size:14px;border:solid 1px #4931b6;}
.btn-standard:hover {background-color:#fff;color:#4931b6;}

.btn-purple {background-color:#4931b6;padding:5px 20px;color:white;font-size:18px;border:#4931b6 solid 1px;text-align:center;border-radius:25px;}
.btn-purple:hover {background-color:white;color:#4931b6;}
.btn-green {background-color:#00d43f;}
.btn-darkgreen {background-color:#3a8650;color:white;}
.btn-red {background-color:#dc3545;}
.btn-grey {background-color:#83868a;}
.btn-blue {background-color:#669cd6;}
.btn-morebet {background-color:#353131;}
.white-font {color:#fff;}
.green-font {color:#7ba94e;}
.red-font {color:#dc3545;}
.yellow-font {color: #ffe508;}
.orange-font {color: #ffb026;}
.lightgrey-font {color:#b7b7b7;}
.classic-btn {text-align:center;background-color:#8d64aa;}
.btn-confirm {background:url("../img/icon-quickbet.svg") no-repeat top center;border-radius:50%;width:20px;height:20px;background-size:20px;margin:0 5px;}
.btn-confirm.tick {background-position-y:-80px;background-color:#9579b7;}
.btn-confirm.cancel {background-position-y:-20px;background-color:#c3acde;}
.b-red {background-color:#dc3545;}
.b-blue {background-color:#669cd6;}
.b-yellow {background-color:#f6e609;}
.b-purple {background-color:#8d64aa;}
.b-green {background-color:#00d43f;}

.btn-grey:hover,.btn-blue:hover,.btn-morebet:hover,.btn-green:hover,.btn-red:hover,.btn-darkgreen:hover {filter:brightness(1.2);}




/* LER - 21 OCT 2019 */
.dropdown-cleararrow.dropdown-toggle::after {
    border-top:0!important;
    border-right:0!important;
    border-bottom:0!important;
    border-left:0!important;
}

@media screen and (max-width:1600px) {
    .menu-wrapper a {padding:14px 9px;}
}


.check {cursor:pointer;position:relative;-webkit-tap-highlight-color:transparent;transform:translate3d(0, 0, 0);margin-right:5px;}
.check:before {content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:rgba(34,50,84,0.03);opacity:0;transition:opacity 0.2s ease;}
.check svg {position:relative;z-index:1;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke:#d8d8d8;stroke-width:1.5;transform:translate3d(0, 0, 0);transition:all 0.2s ease;}
.check svg path {stroke-dasharray:60;stroke-dashoffset:0;}
.check svg polyline {stroke-dasharray:22;stroke-dashoffset:66;}
.check:hover:before {opacity:1;}
.cbx:checked + .check svg path {stroke-dashoffset:60;transition:all 0.3s linear;}
.cbx:checked + .check svg polyline {stroke-dashoffset:42;transition:all 0.2s linear;transition-delay:0.15s;}

.modal-dialog.liaotianbao-modal {max-width:600px;}
.modal-dialog.liaotianbao-modal .modal-content {max-width:700px;}
.modal-dialog.liaotianbao-modal .error-desc img {width:100%;}

.esports-wrapper a {display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;position:relative;}
.esport-blocker {position:relative;}
.esport-blocker::before {position:absolute;content:'';top:2px;right:-20px;width:15px;height:15px;background:url("../img/icon-important.svg") center center;background-size:100%;}
.esports-wrapper a span.esports-new {position:absolute;top:-10px;right:0;background-color:#f04f23;color:white;padding:0px 10px;border-radius:5px;font-size:12px;}


/*.ysb-cny .main-container.sportsbook-page {background-image: url("../img/bg-cny.jpg");}
.sports-main.ysb-cny .logo-wrapper img {width:250px;}
.casino-cny {background: url("../img/bg-cny-x.jpg") center no-repeat;background-size:cover;}
.ysb-cny .oct-wrapper:before, .casino .tile:before {border-left-color:#e6006a;border-right-color:#e6006a;}
.ysb-cny .oct-wrapper:before, .casino .tile:after {border-left-color:#e6006a;border-right-color:#e6006a;}
.ysb-cny .slot-mainfilter {margin:0;}
.ysb-cny .slot-filter a {color:white;}
.ysb-cny .slot-filter a:before {filter:brightness(100);}
.ysb-cny .slot-filter a.active {border-color:white;}
.carousel-control-prev, .carousel-control-next {opacity:1;filter: drop-shadow(1px 2px 0px black);}
.ysb-euro .logo-wrapper img {width:85%;}
.ysb-euro .scrolled-nav .logo-wrapper img {width:38%;}

.ysb-oly .main-container.sportsbook-page {background-image: url("../img/bg-oly-sb.jpg");}
.sports-main.ysb-oly .logo-wrapper img {width:250px;}*/
.casino-oly {/*background: url("../img/bg-casino.jpg") center no-repeat;background-size:cover;*/}
/*.casino-oly .oct-wrapper:before, .casino-oly .casino .tile:before {border-left-color:#e61427;border-right-color:#e61427;}
.casino-oly .oct-wrapper:before, .casino-oly .casino .tile:after {border-left-color:#e61427;border-right-color:#e61427;}
.casino-oly .slot-mainfilter {margin:0;}
.casino-oly .slot-filter a {color:#fc0;}
.casino-oly .slot-filter a:before {filter:saturate(0.1);}
.casino-oly .slot-filter a.active {border-color:#fc0;}
.slot-filter {border-color:#fc0;}*/

.main-slider-head {display:flex;justify-content:space-between;padding:0 15px;}
.main-slider-title {display:flex;align-items:center;}
.main-slider-title i {color:#c52222;font-size:28px;padding-right:5px;}
.side-download {display:flex;transform: rotate(90deg);transform-origin:bottom left;padding:10px 20px;background-color:#ffc20e;}
.side-download-icon {transform: rotate(-90deg);margin-right:10px}
.side-download-text {}
.side-download-innerwrapper {display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:20px;}
.side-menu-title {background-color:#6623bf;min-width:120px;text-align:center;color:#fff80e;font-weight:bold;border-radius:5px;font-size:12px;padding:5px;margin-bottom:5px;}
aside {
    /*height: 100vh;
    min-height: 580px;*/ }

aside {
    width: 200px;
    left: 0;
    top:20%;
    z-index: 1001;
    position: fixed;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    background-color: #fff;
    -webkit-transition: 1s -webkit-transform cubic-bezier(0.23, 1, 0.32, 1);
    transition: 1s -webkit-transform cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: 1s transform cubic-bezier(0.23, 1, 0.32, 1);
    transition: 1s transform cubic-bezier(0.23, 1, 0.32, 1);
    transition: 1s transform cubic-bezier(0.23, 1, 0.32, 1), 1s -webkit-transform cubic-bezier(0.23, 1, 0.32, 1); }
.show-sidebar aside {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%); }
aside .toggle {
    padding-top: 30px;
    position: absolute;
    right: 0;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%); }
.show-sidebar aside .toggle .burger:before, .show-sidebar aside .toggle .burger span, .show-sidebar aside .toggle .burger:after {
    background: #fff; }
.show-sidebar aside {
    -webkit-box-shadow: 10px 0 30px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 10px 0 30px 0 rgba(0, 0, 0, 0.1); }
aside .side-inner {
    padding: 30px 0;
    /*height: 100vh;
    overflow-y: scroll;*/
    -webkit-overflow-scrolling: touch;
    display: flex;
    flex-direction:column;
    align-items:center;
    justify-content: center;
    background:url("../img/bg-linepattern.png") left bottom no-repeat;
}

aside .side-inner .profile {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #efefef; }
aside .side-inner .profile img {
    width: 80px;
    margin: 0 auto 20px auto;
    border-radius: 50%; }
aside .side-inner .profile .name {
    font-size: 18px;
    margin-bottom: 0; }
aside .side-inner .profile .country {
    font-size: 14px;
    color: #cfcfcf; }
aside .side-inner .counter {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #efefef;
    text-align: center; }
aside .side-inner .counter div .number {
    display: block;
    font-size: 20px;
    color: #000; }
aside .side-inner .counter div .number-label {
    color: #cfcfcf; }
aside .side-inner .nav-menu ul, aside .side-inner .nav-menu ul li {
    padding: 0;
    margin: 0px;
    list-style: none; }
aside .side-inner .nav-menu ul li a {
    display: block;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #8b8b8b;
    position: relative;
    -webkit-transition: .3s padding-left ease;
    -o-transition: .3s padding-left ease;
    transition: .3s padding-left ease; }
aside .side-inner .nav-menu ul li a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0px;
    background-color: #ff7315;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s opacity ease, .3s visibility ease, .3s width ease;
    -o-transition: .3s opacity ease, .3s visibility ease, .3s width ease;
    transition: .3s opacity ease, .3s visibility ease, .3s width ease; }
aside .side-inner .nav-menu ul li a:active, aside .side-inner .nav-menu ul li a:focus, aside .side-inner .nav-menu ul li a:hover {
    outline: none; }
aside .side-inner .nav-menu ul li a:hover {
    background: #fcfcfc;
    color: #000; }
aside .side-inner .nav-menu ul li a:hover:before {
    width: 4px;
    opacity: 1;
    visibility: visible; }
aside .side-inner .nav-menu ul li.active a {
    background: #fcfcfc;
    color: #000; }
aside .side-inner .nav-menu ul li.active a:before {
    opacity: 1;
    visibility: visible;
    width: 4px; }

.slot-title {position:absolute;}
.slot-main-slider {background:url("../img/slot/gradient-bg.png") repeat-x bottom #3f2b72;height:450px;}
.slot-inner-image {height:450px;background: url("../img/slot/slot-bg-image.png") no-repeat center;}

.addon-wrapper {width:126px;position: absolute;left:260px;bottom:0;z-index: 1;text-align: center;}
.addon-wrapper img {width:100%;}
.sports-main .addon-wrapper {width:86px;left:215px;bottom:4px;top:-23px;display:flex;flex-direction:column;}
.clock-timer {color:#4931b6;display:flex;}
.clock-timer p,.clock-timer span {width:20px;height:20px;display:block;}
.sports-main .countdown {position: absolute;left:75px;top:40px;}
.countdown ul {display:flex;justify-content:flex-start;align-content:center;padding:0;margin:0;}
.countdown li {font-size:17px;color:#000;font-family:"Arial Black";display:flex;justify-content:center;list-style-type: none;text-transform: uppercase;}
.countdown li span {display: block;font-size:12px;}
.countdown p {font-size:12px;color:#4931b6;font-family:"Arial Black";margin:0;}
.countdown li > span.clocktext {position:relative;width:20px;height:20px;margin-right:5px;font-size:8px;}
.scrolled-nav .addon-wrapper {bottom:0;left:189px;top:2px;}
.scrolled-nav .addon-wrapper img {width:52%;margin:0 auto;}
.scrolled-nav .countdown {position: absolute;left: 85px;top: 30px;}
.trophy {width:18px;} .trophy img {width:100%;}

.wc-button {font-weight:bold;}
.wc-button .menu-icons {
    background-image: url("../img/wc-button.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 30px;
    height: 30px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.addon-wrapper.addonvn {width:135px; bottom:20px;}
.sports-main .addon-wrapper.addonvn {width:110px; bottom:7px;}

.sea-vn {background-image: url("../img/keno/vn/seav1.png");}
.tc-vn {background-image: url("../img/keno/vn/tcv1.png");}

.frameclose-main {position:relative;display: flex;flex-flow: row nowrap;max-width: 1440px;width: 100%;margin: 0 auto;background-color:#000;}
.frameclose-main .btn-close {margin: 0 10px 0 auto;width:40px;height:40px;background-size:100%;background-position-y:-40px;}
.frameclose-main > img {width:200px;margin:5px;}


.pi-main {background: url(../img/bg-pi.jpg) no-repeat;background-size: cover;}
.pi-slogan {font-size:40px;color:#fff;font-weight:800;}
.pi-slogan.pi-yellow {color:#FDE305;}
.pi-btn {background-color:#00CC93;padding:20px 50px;border-radius:40px;margin:20px}
.pi-link {display:flex;flex-direction:column;align-items:center;color:#fff;background:rgba(0,0,0,.6);border-radius:30px;padding:40px 50px 70px;}
.pi-link-btn {display: flex;}
.pi-link-inner {margin:0 10px;width:120px;display:flex;flex-direction:column;align-items:center;}
.pi-link-inner > a {background-color:#00CC93;padding:5px;width:100px;height:100px;border-radius:100%;margin:19px 0;}
.pi-link-inner > a img {width:60%;}
.pi-link-inner > span {font-size:12px;}
.pi-link-inner > a:hover,.pi-btn:hover {transform:scale(1.2)}