html,body {height:100%;}
body {-webkit-font-smoothing: antialiased;position:relative;}
a {font-weight:bold;color:#776286}
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:#291933;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;}
.height100 {height:100%;}
.overflow-hidden {overflow-y: hidden !important;}
.ysb-defaultbtn {background-color:#8d64aa;color:white;padding:0 10px;border:solid 1px #8d64aa;font-size:12px;}
.ysb-defaultbtn:hover {background-color:white;color:#8d64aa;border:solid 1px #8d64aa;}
.hover-purpleline:hover {background-color:#8d64aa;border:solid 1px #8d64aa;color:white;}


.fw-float {position:fixed;right:10px;bottom:10px;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 {margin-top:-35px;position:relative;z-index:9999;}
.fw-float:hover > .fw-wheel {-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;}
.fw-close {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;top:0;left:0;right:0;margin:auto;z-index:9999;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}



.main-container {max-width:1920px;min-width:1280px;margin:0 auto;height:100%;display:flex;flex-flow:column nowrap;}
.default-wrapper {margin-top:118px;}
.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:0;left:3%;z-index:1;}
.logo-wrapper img {width:100%;}
.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;}
.lang-wrapper button {background-color:white;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: #8d64aa;border:0;font-weight:normal;}
.lang-wrapper ul.dropdown-menu.account-list-wrapper li a.account-head {padding:5px 10px;background-color: #8d64aa;color:white;}
.lang-wrapper ul.dropdown-menu.account-list-wrapper li a:hover {background-color:#a268cc;color:white;border:0;}
.lang-wrapper ul.dropdown-menu {min-width:auto;margin:0;padding:0.3rem;border:1px solid #8d64aa;}
.login-wrapper {display:flex;justify-content:flex-end;align-items:center;flex-flow:row nowrap;font-size:12px;color:#8d64aa;min-height:46px;}
.login-inner-wrapper {display:flex;flex-flow:row nowrap;}
.login-inner-wrapper,.lang-wrapper {padding:0 20px;}
.lang-wrapper {border-left:dotted 2px #7a4aa5;display:flex;flex-flow:row nowrap;align-items:center;}
.main-input {font-size:14px;padding:0 5px;color:#8d64aa;border:solid 1px #8d64aa;}
.login-inner-wrapper a {background-color:#8d64aa;color:white;padding:1.5px 15px;border:solid 1px #8d64aa;font-size:12px;}
.login-inner-wrapper a:hover {background-color:white;color:#8d64aa;border:solid 1px #8d64aa;}
.login-inner-wrapper.before-login a.log-btn {background-color:#04ace7;border-color:#04ace7;}
.login-inner-wrapper.before-login a.log-btn:hover {background-color:white;color:#04ace7;}
.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-login.svg") top center no-repeat;background-size:30px;width:30px;height:30px;}
.login-inner-wrapper.after-login a.log-btn::before {background-position-y:-60px;}
.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 {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-account-text {display:flex;flex-flow:column nowrap;justify-content:center;align-items:flex-end;color:#8d64aa;}
.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;}
.menu-wrapper a {display:flex;flex-flow:column nowrap;align-items:center;padding:5px 20px;color:#8d64aa;font-size:15px;/*min-width:100px;*/}
.nav-menu-wrapper {background:url("../img/bg-menu.jpg") bottom repeat-x;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-top:10px;font-size:15px;    background-color: white;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:#8d64aa;border:1px solid #8d64aa;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;}
.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:white solid 1px;color:#8d64aa;font-size:25px;flex:1 0 20%;}
.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 {background-color:white;border:solid 1px white;padding:10px 20px;border-radius:5px;/*min-width:120px;*/font-size:18px;z-index:1;}
.menu-wrapper .menu-inner-column a:hover {background-color:none;border-color:#8D64AA;}
.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;}
.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-wrapper {position:relative;color:#8d64aa;max-width: 1200px;margin:0 auto;}
.newsticker-icon {z-index:100;position:absolute;background:url("../img/menu.svg") top center no-repeat white;background-size:30px;width:30px;height:30px;background-position-y:-363px;}
.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%;}
.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 {background-color:#f1f2f2;position:relative;}
.home-match-wrapper {display:flex;flex-flow:row nowrap;padding:30px 0;}
.home-match-inner {width:50%;color:#8d64aa;font-size:24px;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;}
.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:black;align-items:flex-end;margin-bottom:60px;}
.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:260px;font-size:23px;margin-top:-25px;padding: 10px 20px;border-radius:30px;}
.match-table-wrapper {display:flex;flex-flow:row nowrap;background-color:#f1f2f2;}
.table-team-name {width:80px;}
.table-team-name img {width:100%;}
.match-table-inner {display:flex;flex-flow:column nowrap;font-size:13px;justify-content:center;align-items:center;}
.table-score-wrapper {display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;}
.table-score-wrapper p {font-size:25px;font-weight:bold;color:#6623bf;}
.table-match-top {background:url("../img/table-top.svg") no-repeat center top;color:#ffc95b;width:247px;height:43px;display:flex;justify-content:center;align-items:center;}
.table-match-mid {background:url("../img/table-bg.svg") no-repeat center top;padding:0 35px;color:white;width:434px;height:55px;font-weight:bold;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;}
.table-match-mid .table-match-name {background:url("../img/table-name.svg") no-repeat;width:164px;height:37px;margin:0;display:flex;justify-content:center;align-items:center;}
.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:400px;}
.table-match-field img {width:100%;}
.table-match-handicap {display:flex;flex-flow:row nowrap;width:434px;padding:0 35px;justify-content:space-between;align-items:center;color:#6d6e71;font-size:14px;}
.table-match-handicap .table-match-name {background:url("../img/table-handicap.svg") no-repeat;background-size:346px;color:white;width:123px;height:29px;margin:0;display:flex;justify-content:center;align-items:center;}
.qr-main-wrapper {background:url("../img/qr-main-bg.png") no-repeat left bottom;display:flex;flex-flow:row nowrap;justify-content:space-around;}
.mobiles-image {width:300px;margin:30px;}
.mobiles-image img {width:100%;}
.mobileversion-wrapper {display:flex;flex-flow:row nowrap;justify-content: space-around;align-items: center;}
.mobileversion-buttons {padding:20px 0;}
.mobileversion-buttons .nav {justify-content: space-between;}
.mobileversion-buttons a {background-color:#fbfafb;border:solid 1px #efefef;display:flex;}
.mobileversion-buttons a:hover {background-color:#38cda8;}
.mobileversion-buttons a:hover > img {filter: brightness(100);}
.mobileversion-buttons a.active {background-color:#38cda8;}
.mobileversion-buttons a.active img {filter: brightness(100);}
.web-link-wrapper {border:solid 1px #b5b5b5;padding:10px;display:flex;justify-content:center;align-items:center;font-size:15px;}
.footer-links {display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;padding:20px;}
.footer-links a {position:relative;margin:0 13px;font-size:14px;}
.footer-links a:after {content: "/";color:#776286;position:absolute;right:-17px;}
.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;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 0;}
.company-info-wrapper div {padding:0 10px;}
.company-info {display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;font-size:12px;}
.company-info-box {max-width:270px;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 5px;}
.footer-partners-wrapper {display:flex;justify-content:center;flex-flow:row nowrap;align-items:center;padding:10px 0;}
.footer-partners-wrapper img {width:90%;max-width:960px;margin:0 auto;opacity:.3;}
.dropdown {position:static;}
.dropdown-content {display:none;position:absolute;left:0;right:0;top:auto;background-color:#dedee0;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;}
.dropdown .dropdown-toggle {position:relative;}
.dropdown .dropdown-toggle::after {position:absolute;right:20px;bottom:30px;}
/*.dropdown-content a {float:none;padding:12px 16px;text-decoration:none;display:block;text-align:left;}*/
.dropdown-content a:hover {background-color:#ddd;}
.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;}
.scrolled-nav .logo-wrapper img {width:60%;}
.scrolled-nav .login-wrapper {display:none;opacity:0;width:0;height:0;}
.scrolled-nav .dropdown .dropdown-toggle::after {right:5px;bottom:15px;}
.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:#8d64aa;color:white;}
.error-modal .modal-content {border-radius:10px;max-width:400px;margin:0 auto;}
.error-modal .error-btn {display:flex;justify-content:center;}
.error-modal .error-btn a {min-width:100px;border-radius:25px;}
.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;}
.error-message-wrapper .modal-title {font-weight:bold;font-size:25px;}
.error-desc {font-size:16px;margin:10px 20px;color:#616060;}


.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:#8d64aa;text-shadow:none;color:white;padding:3px;z-index:1;opacity:1;}
.form-secureword .button-twins {margin:5px 0;}
.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%;}


.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:60%;}
.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:"]";}


.slot-main-wrapper {display:flex;flex-flow:row wrap;justify-content:flex-start;max-width:1280px;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 #fff;border-right:32px solid #fff;}
.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 #fff;border-right:32px solid #fff;}
.slot-page .oct-wrapper {width:25%;height:270px;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 {color:#776286;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;background-color:white;padding:10px;border-radius:50px;min-width:260px;margin-top:-10px;min-height:80px;}
.comingsoon-slot {background:url("../img/slot/slotcomingsoon.svg") no-repeat center center #e6dded;}
.fishing-page .oct-wrapper {width:40%;height:270px;background-color:#e6dded;position:relative;margin:25px 5%;justify-content: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:50%;margin-bottom:10px;}
.slot-filter-wrapper {max-width:1280px;margin:auto;min-height:500px;}
.slot-filter {display:flex;flex-flow:row nowrap;border-bottom:solid 1px #dad8d8;justify-content:space-evenly;}
.slot-filter a {background-color:transparent;display:flex;align-items:center;border:0;cursor:pointer;font-size:15px;color:#808080;padding:15px;border-bottom:4px solid transparent;}
.slot-filter a:before {background:url("../img/icon-favorite.svg") no-repeat center;background-size:15px;background-position-y:-75px;content:"";width:15px;height:15px;margin-right:5px;}
.slot-filter a.active {color:#8d64aa;font-weight:bold;border-bottom:4px solid #8d64aa;}
.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-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:#8d64aa;border-radius:25px;}
.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 {margin:;}
.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;}
.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 .slot-lobby-buttons-wrapper {margin-top:110px;}
.keno1 {background-image: url("../img/keno/zh-cn/kenov1.jpg");}
.keno2 {background-image: url("../img/keno/zh-cn/kenov2.jpg");}
.luzi1 {background-image: url("../img/keno/zh-cn/luziv1.jpg");}
.luzi2 {background-image: url("../img/keno/zh-cn/luziv2.jpg");}
.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;}
.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;}
.lottotable-inner {display:flex;flex-flow:row nowrap;justify-content:space-evenly;}
.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;}
.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;} }



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


/****Color*****/
.standard-button {padding:2px 10px;color:white;font-size:13px;}
.standard-button:hover {filter:brightness(1.2);}

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