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

html, body {
}

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

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

body {
    background: #212f59 url(/web/assets/s188/images/common/bg.jpg) top center no-repeat;
    font-family: 'Lato', sans-serif;
}

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

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

.index-title {
    text-align: center;
    color: #ffe895;
    font-size: 54px;
    padding: 20px 0px 10px 0px;
    text-shadow: 1px 1px 20px #000;
    font-weight: bold;
}

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

.login-form {
    float: right;
}

.logo {
    float: left;
    margin-top: 15px;
}

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

.header-container {
    display: block;
    align-items: center;
    height: 98px;
    width: 100%;
    z-index: 1000;
    transition: all .5s ease-out;
    padding: 0px 20px;
    background: rgba(0, 0, 0, 0.3);
}

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

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

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

    .nav-login:hover {
        background: #ffe895;
        color: #000;
    }

.nav-join {
    background: #fe465e;
    border: 1px solid #fe465e;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 0 10px;
    padding: 5px 20px;
    font-size: 16px;
    height: 68px;
    border-radius: 88px;
    margin-right: 10px;
    margin-top: 7px;
}

    .nav-join:hover {
        color: #fff;
        background: #fe465ec2;
    }

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

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

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

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

#header {
    padding: 0px 0px;
    width: 100%;
    min-width: 1000px;
    height: 108px;
    position: relative;
    background-color: rgb(35, 37, 38);
}
/************************************* NAV MENU CSS ************************************/
.menuWrapper.affix {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
}

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

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

    .menupart .active {
    }

        .menupart .active a {
            background: #ffe895;
        }

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

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

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

            .menupart > ul > li > a:hover {
                color: #000;
                text-decoration: none;
                background-color: #ffe895;
            }

        .menupart > ul > li > .icon {
        }

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

.wsmenuexpandermain {
    position: relative;
}

.overlapblackbg {
    display: none;
}

.wsmenu {
    color: #fff;
    font-size: 15px;
    padding: 0px;
    margin: 0px auto;
    width: 100%;
    background: rgb(33, 33, 33);
    position: relative;
}

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

    .wsmenu-list > li {
    }

        .wsmenu-list > li > a {
        }

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

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

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

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

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

    .wsmenu-list > li > a {
    }

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

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

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

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

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

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

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

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

    .megamenu img {
        xborder: 1px solid #444444;
    }

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

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

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

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

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

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

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

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

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

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

.mrgtop {
    margin-top: 15px;
}

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

.wbg0 {
    background: #272727;
}

.wbg1 {
    background: #240604;
}

.wbg2 {
    background: #240604;
}

.wbg3 {
    background: rgba(0, 0, 0, 0.81);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.menu-col {
    float: left;
}

    .menu-col:hover {
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.wsmenuexpandermain {
    display: none;
}

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

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

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

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

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

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

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

.wsmenu-click {
    display: none;
}

.wsmenu-list li:hover > a {
}

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

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

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

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









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

.mn-home {
    background: url(/web/assets/s188/images/common/mn-home.png) no-repeat;
    width: 26px;
    height: 24px;
    float: left;
    position: relative;
    background-size: 100% 100%;
}

.menupart > ul > li > a:hover .mn-home {
    filter: brightness(0);
}

.active .mn-home {
    filter: brightness(0);
}

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

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

.active .mn-mobile {
    background: url(/web/assets/s188/images/common/mn-mobile-h.png) no-repeat;
}

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

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

.active .mn-sport {
    background: url(/web/assets/s188/images/common/mn-sport-h.png) no-repeat;
}

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

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

.active .mn-casino {
    background: url(/web/assets/s188/images/common/mn-casino-h.png) no-repeat;
}

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

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

.active .mn-slot {
    background: url(/web/assets/s188/images/common/mn-slot-h.png) no-repeat;
}

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

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

.active .mn-lotto {
    background: url(/web/assets/s188/images/common/mn-lotto-h.png) no-repeat;
}

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

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

.active .mn-poker {
    background: url(/web/assets/s188/images/common/mn-poker-h.png) no-repeat;
}

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

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

.active .mn-promo {
    background: url(/web/assets/s188/images/common/mn-promo-h.png) no-repeat;
}

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

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

.active .mn-esport {
    background: url(/web/assets/s188/images/common/mn-esport-h.png) no-repeat;
}

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

.menupart > ul > li > a:hover .mn-info {
    filter: brightness(0);
}

.active .mn-info {
    filter: brightness(0);
}

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

.menupart > ul > li > a:hover .mn-vip {
    filter: brightness(0);
}

.active .mn-vip {
    filter: brightness(0);
}

.menu-in ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

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

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

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

.menu-col-logo {
    padding: 21px 10px;
}

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

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

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

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

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

nav {
}

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

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

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

.menu-in {
    width: 1366px;
    display: block;
    margin: 0px auto;
}
/************************************* VIDEO BANNER CSS ************************************/
#hero {
    position: relative;
}

    #hero a {
        color: #fff
    }

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

    #hero .slide {
        position: relative;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes fadein {
    to {
        opacity: 1
    }
}

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

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

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

.glow {
    animation: blueglow 2s infinite alternate
}

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

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

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

.ins {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    box-sizing: border-box;
}
/************************************* RECOMMENDED CSS ************************************/
.carousel-wrap {
    padding: 0 0;
    width: 100%;
    position: relative;
}

.owl-carousel .item {
    position: relative;
    z-index: 100;
    -webkit-backface-visibility: hidden;
    padding: 10px;
    background: rgba(236, 236, 236, 0.2);
    border-radius: 8px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.index-all {
    background-position-y: 0px;
    display: block;
    margin-top: -8px;
}
/************************************* PROVIDERS CSS ************************************/
.prov-content {
    height: 360px;
    background: rgba(0, 0, 0, 0.2);
    overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .snip1584 .btn-csin0:hover {
    }

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

    .snip1584 a {
    }

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

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

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

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

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

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

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

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

.snip1584 h3 {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-transform: uppercase;
    font-weight: 400;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}
/*********************************** Marquee-side ************************************/
.smll-lucky {
    float: left;
}

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

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

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

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

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

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

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

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

.marquee-info {
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.coin-1 {
    position: absolute;
}

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

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

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

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

.winner-in {
    position: relative;
}
/************************************* FOOTER CSS ************************************/
footer {
    background: #080c19;
}

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

.prov-logo {
    display: inline-block;
    padding: 20px 0px;
    border-bottom: 1px solid #363636;
    width: 100%;
}

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

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

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

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

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

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

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

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

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

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

.prov-logo ul {
    margin: 0px;
    padding: 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: end;
    align-items: baseline;
    align-content: stretch;
}

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

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

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

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

        .prov-logo ul li:nth-child(13) {
            margin-left: 0px;
        }
/************************************* HEADER STICK CSS ************************************/
.sticky.is-fixed {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 15;
    margin-top: 0;
    width: 100%;
}

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

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

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

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

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

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

.promoslide:hover {
    background: #fe465e;
}

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

.forcls {
    position: relative;
}

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

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

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

    .live-side a {
        background: #6aaaff;
        padding: 15px 25px;
        color: #fff;
        border-radius: 8px 8px 0px 0px;
    }

        .live-side a:hover {
            background: #4d93f1;
            text-decoration: none;
        }

.register-side a:hover {
    background: #fd2844;
    text-decoration: none;
}
/****************Casino********************/
.lobby-platform li:hover {
    transform: scale(0.9);
}

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

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

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

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

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

    .lobby-platform li {
        float: left;
        display: inline;
        position: relative;
    }

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

.mod-live-casino.ab-active {
    background-image: url(/web/assets/s188/images/common/slt-bnn-ab.jpg);
}

.mod-live-casino.pt-active {
    background-image: url(/web/assets/s188/images/common/slt-bnn-pt.jpg);
}

.mod-live-casino.xpro-active {
    background-image: url(/web/assets/s188/images/common/slt-bnn-xpro.jpg);
}

.mod-live-casino.mg-active {
    background-image: url(/web/assets/s188/images/common/slt-bnn-mg.jpg);
}

.mod-live-casino.ag-active {
    background-image: url(/web/assets/s188/images/common/slt-bnn-ag.jpg);
}

.mod-live-casino.evo-active {
    background-image: url(/web/assets/s188/images/common/slt-bnn-evo.jpg);
}

.mod-live-casino.gp-active {
    background-image: url(/web/assets/s188/images/common/slt-bnn-gp.jpg);
}

.mod-live-casino.vivo-active {
    background-image: url(/web/assets/s188/images/common/slt-bnn-vivo.jpg);
}

.mod-live-casino.pg-active {
    background-image: url(/web/assets/s188/images/common/slt-bnn-pg.jpg?v=1);
}

.mod-live-casino.yb-active {
    background-image: url(/web/assets/s188/images/common/slt-bnn-yb.jpg?v=1);
}

.mod-live-casino.pp-active {
    background-image: url(/web/assets/s188/images/common/slt-bnn-pp.jpg);
}
.mod-live-casino.mw-active {
    background-image: url(/web/assets/s188/images/common/cs-bnns-miki.jpg);
}

.lobby-platform .ab-platform {
    background: url(/web/assets/s188/images/common/slt-btn-ab.png) no-repeat;
    background-size: 100% 100%;
}

.lobby-platform .vivo-platform {
    background: url(/web/assets/s188/images/common/slt-btn-vivo.png) no-repeat;
    background-size: 100% 100%;
}

.lobby-platform .pt-platform {
    background: url(/web/assets/s188/images/common/slt-btn-pt.png?v=1) no-repeat;
    background-size: 100% 100%;
}

.lobby-platform .xpro-platform {
    background: url(/web/assets/s188/images/common/slt-btn-xpro.png) no-repeat;
    background-size: 100% 100%;
}

.lobby-platform .mg-platform {
    background: url(/web/assets/s188/images/common/slt-btn-mg.png) no-repeat;
    background-size: 100% 100%;
}

.lobby-platform .ag-platform {
    background: url(/web/assets/s188/images/common/slt-btn-ag.png) no-repeat;
    background-size: 100% 100%;
}

.lobby-platform .evo-platform {
    background: url(/web/assets/s188/images/common/slt-btn-evo.png) no-repeat;
    background-size: 100% 100%;
}

.lobby-platform .gp-platform {
    background: url(/web/assets/s188/images/common/slt-btn-gp.png) no-repeat;
    background-size: 100% 100%;
}

.lobby-platform .pg-platform {
    background: url(/web/assets/s188/images/common/slt-btn-pg.png) no-repeat;
    background-size: 100% 100%;
}

.lobby-platform .yb-platform {
    background: url(/web/assets/s188/images/common/slt-btn-yb.png) no-repeat;
    background-size: 100% 100%;
}

.lobby-platform .pp-platform {
    background: url(/web/assets/s188/images/common/slt-btn-pp.png) no-repeat;
    background-size: 100% 100%;
}
.lobby-platform .mw-platform {
    background: url(/web/assets/s188/images/common/cs-btn-miki.png) no-repeat;
    background-size: 100% 100%;
}
/****************Slots********************/
.mod-slot {
    height: 790px;
    transition: all .2s ease-in-out;
    background-position: center;
    background-repeat: no-repeat;
}

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

.mod-slot.gss-active {
    background-image: url(/web/assets/s188/images/common/slt-bnns-gss.jpg);
}

.mod-slot.pts-active {
    background-image: url(/web/assets/s188/images/common/slt-bnns-pt.jpg);
}

.mod-slot.bss-active {
    background-image: url(/web/assets/s188/images/common/slt-bnns-bs.jpg);
}

.mod-slot.mgs-active {
    background-image: url(/web/assets/s188/images/common/slt-bnns-mg.jpg);
}

.mod-slot.ags-active {
    background-image: url(/web/assets/s188/images/common/slt-bnns-ag.jpg);
}

.mod-slot.kiss-active {
    background-image: url(/web/assets/s188/images/common/slt-bnns-kiss.jpg);
}

.mod-slot.gps-active {
    background-image: url(/web/assets/s188/images/common/slt-bnns-gp.jpg);
}

.mod-slot.pp-active {
    background-image: url(/web/assets/s188/images/common/slt-bnns-pp.jpg);
}

.mod-slot.mega-active {
    background-image: url(/web/assets/s188/images/common/slt-bnns-mega.jpg);
}

.mod-slot.fg-active {
    background-image: url(/web/assets/s188/images/common/slt-bnns-fg.jpg);
}

.mod-slot.kmg-active {
    background-image: url(/web/assets/s188/images/common/slt-bnns-kmg.jpg);
}

.lobby-platform .gss-platform {
    background: url(/web/assets/s188/images/common/slt-btn-1s.png) no-repeat;
    background-size: 100% 100%;
}

.lobby-platform .pts-platform {
    background: url(/web/assets/s188/images/common/slt-btn-pt.png) no-repeat;
    background-size: 100% 100%;
}

.lobby-platform .bss-platform {
    background: url(/web/assets/s188/images/common/slt-btn-bs.png) no-repeat;
    background-size: 100% 100%;
}

.lobby-platform .mgs-platform {
    background: url(/web/assets/s188/images/common/slt-btn-mg.png) no-repeat;
}

.lobby-platform .ags-platform {
    background: url(/web/assets/s188/images/common/slt-btn-ag.png) no-repeat;
    background-size: 100% 100%;
}

.lobby-platform .kiss-platform {
    background: url(/web/assets/s188/images/common/slt-btn-kiss.png) no-repeat;
    background-size: 100% 100%;
}

.lobby-platform .gps-platform {
    background: url(/web/assets/s188/images/common/slt-btn-gp.png) no-repeat;
    background-size: 100% 100%;
}

.lobby-platform .pp-platform {
    background: url(/web/assets/s188/images/common/slt-btn-pp.png) no-repeat;
    background-size: 100% 100%;
}

.lobby-platform .mega-platform {
    background: url(/web/assets/s188/images/common/slt-btn-mega.png) no-repeat;
    background-size: 100% 100%;
}

.lobby-platform .kmg-platform {
    background: url(/web/assets/s188/images/common/slt-btn-kmg.png) no-repeat;
    background-size: 100% 100%;
}
/****************SPORT*****************/
.sport-bg {
    background: url(/web/assets/s188/images/common/sport-bg.jpg)no-repeat center top;
    height: 720px;
}

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

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

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

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

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

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

    .btn-sport3:hover {
        transform: scale(1.2);
        z-index: 2;
    }
/****************Poker********************/
.poker-bg {
    background: url(/web/assets/s188/images/common/poker-bg.jpg)no-repeat center top;
    height: 836px;
}

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

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

    .btn-poker:hover {
        color: #fff;
        background: #fe465ec2;
        text-decoration: none;
    }
/****************Lotto*****************/
.lotto-bg {
    background: url(/web/assets/s188/images/common/lotto-bg.jpg)no-repeat center top;
    height: 710px;
}

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

.btn-lotto1 {
    position: absolute;
    bottom: 60px;
    left: 24%;
    background: #000000;
    color: #fff;
    padding: 15px 50px 10px 50px;
    border-radius: 50px;
    font-size: 22px;
    line-height: 27px;
    border: 1px solid #ffe895;
}

    .btn-lotto1:hover {
        color: #000;
        background: #ffe895;
        text-decoration: none;
    }

.btn-lotto2 {
    position: absolute;
    bottom: 60px;
    left: 40%;
    background: #000000;
    color: #fff;
    padding: 15px 50px 10px 50px;
    border-radius: 50px;
    font-size: 22px;
    line-height: 27px;
    border: 1px solid #ffe895;
}

    .btn-lotto2:hover {
        color: #000;
        background: #ffe895;
        text-decoration: none;
    }

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

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

#modal-4d-payout .modal-header {
    background: #e3d08c;
    border: none;
}

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

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

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

#modal-4d-payout .modal-footer {
    background: #131313;
}
/************************************* Lottery CSS **************************************/
.lottery-bg {
    background: #000 url(/web/assets/s188/images/common/lottery-bg.jpg) top center no-repeat;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .btn-4d2:hover, .btn-4d:focus {
        color: #ffffff;
        text-decoration: none;
        background: #fe465ec2;
    }

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

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

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

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

.fd-keno-in {
    padding-top: 20px;
}
/****************Mobile********************/
.mobile-bg {
    position: relative;
    margin-bottom: 30px;
}

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

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

.orange {
    background-color: orange;
}

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

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

input {
    padding: 0.5em;
}

.title {
    font-weight: 2em;
}

mobile-filter button.active {
}

.mobile-filter button.active {
    background: #ffe895;
    color: #000;
}

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

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

    .mobile-filter button:hover {
        background: #ffe895;
        color: #000;
    }

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

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

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

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

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

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

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

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

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

.modal-body {
    color: #fff;
}
/********************************************REgister***********************************************/
.form-footer {
    margin-top: 2em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.__first {
    animation-delay: 0;
}

.__second {
    animation-delay: 80ms;
}

.__third {
    animation-delay: 180ms;
}

.__fourth {
    animation-delay: 360ms;
}

.__five {
    animation-delay: 440ms;
}

.__six {
    animation-delay: 520ms;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn-sb {
    border-radius: 30px;
    background: #fe465e;
    padding: 5px 40px;
    font-size: 20px;
    font-weight: bold;
    border: 1px solid #fe465e;
    color: #fff;
    margin: 0px 5px;
    margin-top: 50px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn-sb2 {
    background: #6dacfc;
    border: 1px solid #6dacfc;
    padding: 5px 8px;
    font-size: 16px;
    color: #fff !important;
    border-radius: 50px;
    line-height: 32px;
    cursor: pointer;
    width: 30%;
}

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

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

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

.active-box {
    margin-top: 50px;
    position: absolute;
    bottom: 14px;
    width: 426px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
}

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

.af_top {
    display: flex;
    padding-top: 8px;
}

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

.btn-bln {
    background: #ffe895;
    border-radius: 50px;
    color: #000;
    padding: 5px 25px;
    width: 200px;
    display: block;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
}

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

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

    .btn-logout:hover {
        background: #ffe895;
        border: 1px solid #ffe895;
        color: #000;
        text-decoration: none;
    }

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

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

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

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

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

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

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

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

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

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

    .progress-bar .progress {
        position: relative;
        height: 100%;
        background-color: #565ca6;
        transition: width 0.5s ease-out;
        border-radius: 10px;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    100% {
        width: 10%;
    }
}

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

    100% {
        width: 28%;
    }
}

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

    100% {
        width: 50%;
    }
}

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

    100% {
        width: 72%;
    }
}

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

    100% {
        width: 100%;
    }
}

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

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

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

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

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

.prog-in {
    display: block;
}

.af-info-l {
    float: left;
    width: 50%;
    padding: 10px 0px;
    border-right: 1px solid #ffe895;
}

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

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

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

.baln-box {
    background: #171e38;
    padding: 5px 20px;
    border-radius: 50px;
    color: #ffe895;
    border: 1px solid #ffe895;
    width: 250px;
    float: right;
}

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

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

.arw-icon {
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn-all {
    margin: 0px 10px;
    background: #5ed087;
    display: block;
    text-align: center;
    color: #fff;
    padding: 2px 8px;
    border-radius: 50px;
    box-shadow: 1px 1px 20px #000;
    margin-top: 13px;
    margin-bottom: 10px;
    border: 1px solid #5ed087;
}

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

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

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

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

.nav.nav-tabs {
    float: left;
    display: block;
    margin-right: 20px;
    border-bottom: 0;
    border-right: 1px solid #ddd;
    padding-right: 15px;
}

.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    background: #ccc;
}

.af_tb .nav-tabs .nav-link.active {
    color: #495057;
    background-color: #007bff !important;
    border-color: transparent !important;
}

.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 0rem !important;
    border-top-right-radius: 0rem !important;
}

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

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

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

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

.af_form {
}

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

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

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

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

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

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

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

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

.btn-account:hover {
    background: #ffe895;
    color: #000;
    text-decoration: none;
}

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

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

.af_tb .nav-tabs .nav-link.active {
    color: #000;
    border-bottom: 1px solid #d2d2dc;
    background: rgba(255,229,101,1);
    background: -moz-linear-gradient(top, rgba(255,229,101,1) 0%, rgba(231,167,77,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,229,101,1)), color-stop(100%, rgba(231,167,77,1)));
    background: -webkit-linear-gradient(top, rgba(255,229,101,1) 0%, rgba(231,167,77,1) 100%);
    background: -o-linear-gradient(top, rgba(255,229,101,1) 0%, rgba(231,167,77,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,229,101,1) 0%, rgba(231,167,77,1) 100%);
    background: linear-gradient(to bottom, rgba(255,229,101,1) 0%, rgba(231,167,77,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe565', endColorstr='#e7a74d', GradientType=0 );
}

.af_tb .nav-tabs .nav-link:hover {
    border: 1px solid #fff0;
    border-bottom: 1px solid #d2d2dc;
    background: rgba(231,167,77,1);
    background: -moz-linear-gradient(top, rgba(231,167,77,1) 0%, rgba(255,229,101,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(231,167,77,1)), color-stop(100%, rgba(255,229,101,1)));
    background: -webkit-linear-gradient(top, rgba(231,167,77,1) 0%, rgba(255,229,101,1) 100%);
    background: -o-linear-gradient(top, rgba(231,167,77,1) 0%, rgba(255,229,101,1) 100%);
    background: -ms-linear-gradient(top, rgba(231,167,77,1) 0%, rgba(255,229,101,1) 100%);
    background: linear-gradient(to bottom, rgba(231,167,77,1) 0%, rgba(255,229,101,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7a74d', endColorstr='#ffe565', GradientType=0 );
    color: #000;
}

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

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

span.bnk-dtl {
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn-smt {
    position: relative;
    background: #5dce85;
    color: #fff;
    border-radius: 50px;
    padding: 5px 40px;
    border: 1px solid #5dce84;
    font-size: 20px;
    margin-top: 20px;
    margin-left: 37%;
}

    .btn-smt:hover {
        border: 1px solid #5dce84;
        background: #000;
        text-decoration: none;
        color: #fff;
    }

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

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

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

.radio {
    margin: 0.5rem;
}

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

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

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

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

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

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

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

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

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

    .af_tb2 .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
        border-radius: 0px;
        display: block;
        background: #ffe895;
        color: #000000;
        font-weight: bold;
    }

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

        .af_tb2 .nav-tabs .nav-link:hover {
            background: #ffe895;
            color: #000000;
        }

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

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

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

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

    input.btn-max:hover {
        background: #ffe895;
        border: 1px solid #ffe895;
        color: #000;
    }

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

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

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

        .ls-box ul li a:hover {
            background: #47abdb;
            text-decoration: none;
        }

        .ls-box ul li a.active {
            background: #47abdb;
            text-decoration: none;
        }

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

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

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

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

.infoTable tr td {
    background: rgba(0, 0, 0, 0.4);
    text-align: center;
    padding: 5px;
    border: 1px solid #46abdb;
}

.infoTable tr th {
    background: rgb(70, 171, 219);
    text-align: center;
    padding: 5px;
    border: 1px solid #46abdb;
}

.bank-Subtitle {
    color: #47abdb;
}

span.faq-Question {
    color: #46abdb;
}

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

.depo-all {
    display: block;
    padding: 10px 20px;
    margin: 10px;
    background: rgba(0, 0, 0, 0.4);
    border: 1px solid #ffe895;
}

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

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

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

.filter {
    text-align: center;
}

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

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

.sets .hide, .sets .pophide {
    width: 0%;
    opacity: 0;
    transition: all 0.7s;
}
/*******************************************Promotion**********************************************/
.promo-item {
    margin-bottom: 5px;
    display: grid;
    position: relative;
}

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

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

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

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

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

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

.promo-butt {
    position: relative;
}

.promo-in2 {
    padding: 20px;
}

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

.promo-img img {
    cursor: pointer;
}

.promo-info {
    color: #f6921e;
}

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

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

.promo-text {
    background: #000000a6;
    border-radius: 0px;
    color: #fff;
    margin-left: 35px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ls-box ul li a.selected {
    background: #47aada;
}

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

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

    .contact-ind-in ul li {
        list-style: none;
        float: left;
        margin-left: 83px;
    }

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

.contact-index {
    display: flex;
    width: 100%;
    padding: 15px 0px 10px 0px;
    background: rgba(42, 44, 105, 0.76);
}

.cnt-r {
    margin-left: 20px;
    padding-top: 14px;
    font-size: 18px;
}

p.cnt-tlt {
    padding: 0px;
    margin: 0px;
    line-height: 13px;
}

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

.table-memberhistory tr th {
    background: rgb(255, 232, 149);
    color: #000;
    padding: 10px;
    text-align: center;
    border: 1px solid #ffe895;
}

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

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

.wizard {
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .reg-ul ul li:nth-child(2) {
        height: 44px;
        background-size: 100% 100%;
        padding: 14px 0px;
        margin: 0px;
        color: #fff;
        position: absolute;
        left: 254px;
        line-height: 15px;
        text-align: center;
        width: 253px;
    }

    .reg-ul ul li:nth-child(3) {
        height: 44px;
        background-size: 100% 100%;
        padding: 14px 0px;
        margin: 0px;
        color: #fff;
        position: absolute;
        right: 0px;
        line-height: 15px;
        text-align: center;
        width: 253px;
    }

.reg-ul ul.reg-1 {
    background: url(/web/assets/s188/images/common/01.png) no-repeat center;
}

.reg-ul ul.reg-2 {
    background: url(/web/assets/s188/images/common/02.png) no-repeat center;
}

.reg-ul ul.reg-3 {
    background: url(/web/assets/s188/images/common/03.png) no-repeat center;
}

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

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

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

.password--visibleToggle-eye {
    width: 25px;
    height: 25px;
    position: absolute;
    right: 17px;
    top: 6px;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    overflow: hidden;
}

    .password--visibleToggle-eye.close {
        transition: .4s all ease-in-out;
    }

    .password--visibleToggle-eye.open {
        transition: .2s .2s all ease-out;
    }

    .password--visibleToggle-eye img {
        width: 100%;
    }

.password--lock {
    width: 20px;
    height: 20px;
    fill: #111;
    transition: all .5s;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 25px;
}

.password--input {
    background: none;
    border: none;
    color: #2d2d2d;
    position: absolute;
    width: 100%;
    left: 25px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 18px;
    letter-spacing: 2px;
    transition: all .5s;
    outline: none;
    font-family: 'Open Sans Condensed', sans-serif;
    -webkit-text-security: none;
}

    .password--input:focus {
        border-bottom: 1px solid;
    }

.password--visibleToggle:checked ~ .password--background {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    right: 12.5px;
    top: 1.5px;
}

.password--visibleToggle:checked ~ .password--input {
    -webkit-text-security: circle;
}

.password--visibleToggle:checked ~ .password--lock {
    fill: #fff;
}

.password--visibleToggle:checked ~ .password--visibleToggle-eye.close {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.password--visibleToggle:checked ~ .password--visibleToggle-eye.open {
    opacity: 0;
}

.reg_form .form-group {
}

.reg_form label {
    color: #fff;
    position: relative;
    top: 5px;
    width: 292px;
}

.reg_form {
    margin-top: 20px;
}

    .reg_form .form-control {
        border-radius: 50px;
        border: none;
        padding: 0px 30px;
    }

.reg-r {
    width: 100%;
    display: flex;
}

select.form-nm {
    margin-right: 5px;
    background: #fff;
    color: #000 !important;
    height: 40px;
    padding: 0px 20px;
    border-radius: 5px;
}

form.for_form {
    padding: 0px 270px;
    color: #fff;
}

.for-tt {
    margin-bottom: 20px;
    font-size: 18px;
}

.for-r {
    margin-bottom: 30px;
    display: inline-block;
}

.form-nmber {
    width: 115px;
    float: left;
    margin-right: 5px;
}

.form-nmber2 {
    width: 215px;
    float: left;
}

.for-nmber {
    width: 115px;
    float: left;
    margin-right: 5px;
}

.for-nmber2 {
    width: 215px;
    float: left;
}

.for-r .for-nmber2 {
    width: 325px;
}

.baln-acc {
    display: block;
    position: relative;
    top: 30px;
}

    .baln-acc h4 {
        font-size: 20px;
        margin-left: 20px;
    }

span.user_name {
    color: #ffe895;
}

span.vp-tltponit {
    background: #171e38;
    padding: 5px 20px;
    border-radius: 50px;
    color: #ffe895;
    border: 1px solid #ffe895;
    width: 150px;
    float: right;
}

.vp-tlt {
    font-size: 14px;
    margin-right: 20px;
    position: relative;
    top: 5px;
}

.vp-point {
    display: inline-block;
    margin-bottom: 5px;
}

.vp-sm {
    display: inline-block;
    margin-top: 15px;
    font-size: 14px;
}

.all-wallet ul li:hover .bln-box {
}

.all-wallet ul li:hover .bln-box {
}

.af_tabs {
    border: 1px solid #ffe895;
}

.af_tb i {
    font-size: 27px;
    margin-right: 18px;
    width: 30px;
}

.inbank {
    background: rgba(0, 0, 0, 0.3);
    border-left: 1px solid #ffe895;
    padding-bottom: 10px;
}

.af-form-all label {
    width: 220px;
    color: #ffe895;
}

.form-l {
    position: relative;
    top: -15px;
    margin-left: 220px;
}

.datede {
    position: relative;
}

    .datede i {
        position: absolute;
        right: 15px;
        top: 12px;
        color: #797474;
    }

.smll-t2 {
    color: #7a7a7a;
    font-size: 14px;
    margin-left: 48px;
}

span.tm {
    margin: 0px 3px;
    font-size: 16px;
    color: #fff;
    position: relative;
    top: 6px;
}

.btn-up {
    background: #72a3cb;
    border-radius: 50px;
    padding: 5px 20px;
    margin-left: 5px;
}

.btn-af-d {
    background-position: 100px 8px;
    font-weight: bold;
    background-color: transparent;
    background-image: url('/web/assets/s188/images/common/af-deposit.png');
    background-repeat: no-repeat;
    background-attachment: scroll;
}

    .btn-af-d:hover {
        background: #ffe895 url(/web/assets/s188/images/common/af-deposit-hover.png) no-repeat;
    }

    .btn-af-d.active {
        background: #ffe895 url(/web/assets/s188/images/common/af-deposit-hover.png) no-repeat;
    }

.btn-af-w {
    background-position: 100px 8px;
    font-weight: bold;
    background-color: transparent;
    background-image: url('/web/assets/s188/images/common/af-withdrawal.png');
    background-repeat: no-repeat;
    background-attachment: scroll;
}

    .btn-af-w:hover {
        background: #ffe895 url(/web/assets/s188/images/common/af-withdrawal-hover.png) no-repeat;
    }

    .btn-af-w.active {
        background: #ffe895 url(/web/assets/s188/images/common/af-withdrawal-hover.png) no-repeat;
    }

.btn-af-t {
    background-position: 100px 8px;
    font-weight: bold;
    background-color: transparent;
    background-image: url('/web/assets/s188/images/common/af-transfer.png');
    background-repeat: no-repeat;
    background-attachment: scroll;
}

    .btn-af-t:hover {
        background: #ffe895 url(/web/assets/s188/images/common/af-transfer-hover.png) no-repeat;
    }

    .btn-af-t.active {
        background: #ffe895 url(/web/assets/s188/images/common/af-transfer-hover.png) no-repeat;
        color: #000;
    }

.btn-af-s {
    background-position: 100px 8px;
    font-weight: bold;
    background-color: transparent;
    background-image: url('/web/assets/s188/images/common/af-statement.png');
    background-repeat: no-repeat;
    background-attachment: scroll;
}

    .btn-af-s:hover {
        background: #ffe895 url(/web/assets/s188/images/common/af-statement-hover.png) no-repeat;
    }

    .btn-af-s.active {
        background: #ffe895 url(/web/assets/s188/images/common/af-statement-hover.png) no-repeat;
    }

.btn-af-h {
    background-position: 100px 8px;
    font-weight: bold;
    background-color: transparent;
    background-image: url('/web/assets/s188/images/common/af-history.png');
    background-repeat: no-repeat;
    background-attachment: scroll;
}

    .btn-af-h:hover {
        background: #ffe895 url(/web/assets/s188/images/common/af-history-hover.png) no-repeat;
    }

    .btn-af-h.active {
        background: #ffe895 url(/web/assets/s188/images/common/af-history-hover.png) no-repeat;
    }

.btn-af-p {
    background-position: 100px 8px;
    font-weight: bold;
    background-color: transparent;
    background-image: url('/web/assets/s188/images/common/af-user.png');
    background-repeat: no-repeat;
    background-attachment: scroll;
}

    .btn-af-p:hover {
        background: #ffe895 url(/web/assets/s188/images/common/af-user-hover.png) no-repeat;
    }

    .btn-af-p.active {
        background: #ffe895 url(/web/assets/s188/images/common/af-user-hover.png) no-repeat;
        color: #000;
    }

.mar-top {
    padding-top: 45px;
}

.in-max {
    position: relative;
}

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

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

    .btn-af-page ul li {
        float: left;
        list-style: none;
        width: 326px;
    }

.dropdown-menu ul {
    margin: 0px;
    padding: 0px;
    color: #fff;
}

    .dropdown-menu ul li {
        display: inline-block;
        list-style: none;
        width: 100%;
        padding: 3px 5px;
        cursor: pointer;
    }

.prov-name {
    margin-left: 0px;
    font-size: 13px;
    float: left;
    padding-top: 3px;
    font-weight: bold;
}

.am-prov {
    text-align: right;
    float: right;
    display: flex;
    position: relative;
    top: -2px;
}

.btn-in {
    padding: 2px 5px;
    font-size: 12px;
    background: #5ed087;
    margin-left: 8px;
}

.prov-out {
    margin-left: 8px;
}

.btn-out {
    padding: 2px 5px;
    font-size: 12px;
    background: #ec4e4e;
}

.am-prov .prov-in {
    width: auto;
}

.prov-am {
    padding-top: 14px;
    font-size: 13px;
    line-height: 0px;
}

.dropdown-menu ul li:hover {
    background: #ffffff29;
}

.dropdown-menu ul li:first-child {
    border-bottom: 1px solid #ffe895;
    background: #ffe895;
    color: #000;
}

.mobile-pop-bg {
    background: url(/web/assets/s188/images/common/mobile-pop.png)no-repeat center top;
    height: 530px;
}

.mobile-pop-bg2 {
    background: url(/web/assets/s188/images/common/mobile-pop2.png)no-repeat center top;
    height: 600px;
}

.mobile-pop-bg2 {
    background: url(/web/assets/s188/images/common/mobile-pop3.png)no-repeat center top;
}

.mobile-pop-bg3 {
    background: url(/web/assets/s188/images/common/mobile-pop3.png)no-repeat center top;
    height: 590px;
}

.mobile-pop-bg .modal-header {
    border: none;
    text-align: center;
    padding: 10px;
}

.pop-logo {
    width: 100%;
}

.mobile-pop-bg .pop-logo img {
    display: block;
    margin: 0px auto;
}

.mobile-pop-bg .modal-body {
    margin: 0px;
    padding: 5px 10px;
}

.md-top {
    display: flex;
}

.mb-bg .modal-dialog {
    max-width: 582px;
}

.mobile-pop-bg .close {
    font-size: 55px;
    padding: 0px;
    position: relative;
    right: 50px;
    color: #fff;
    opacity: 0.7;
    top: 1px;
}

.mobile-pop-bg2 .modal-header {
    border: none;
    text-align: center;
    padding: 10px;
}

.mobile-pop-bg2 .pop-logo img {
    display: block;
    margin: 0px auto;
}

.mobile-pop-bg2 .modal-body {
    margin: 0px;
    padding: 5px 10px;
}

.mobile-pop-bg2 .close {
    font-size: 55px;
    padding: 0px;
    position: relative;
    right: 55px;
    color: #fff;
    opacity: 0.7;
    top: 2px;
}

.mobile-pop-bg3 .modal-header {
    border: none;
    text-align: center;
    padding: 10px;
}

.mobile-pop-bg3 .pop-logo img {
    display: block;
    margin: 0px auto;
}

.mobile-pop-bg3 .modal-body {
    margin: 0px;
    padding: 5px 10px;
}

.mobile-pop-bg3 .close {
    font-size: 55px;
    padding: 0px;
    position: relative;
    right: 335px;
    color: #fff;
    opacity: 0.7;
    top: 2px;
}

.md-flex {
    display: flex;
}

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

.md-inflex p {
    margin: 0px;
    padding: 0px;
    text-align: center;
    font-size: 13px;
}

.md-qr img {
    display: block;
    margin: 0px auto;
    max-width: 80px;
}

.md-inflex {
    width: 50%;
    padding: 10px 0px;
}

.md-qr {
    margin-top: 5px;
}

.md-btn {
    margin-top: 20px;
    text-align: center;
}

.btn-md {
    background: #ffe895;
    color: #000;
    padding: 5px 20px;
    text-align: center;
    border-radius: 50px;
}

    .btn-md:hover {
        text-decoration: none;
        background: #d8b048;
        color: #000;
    }

.md-line {
    margin: 0px 15px;
}

.table-pop tr td {
    padding: 5px;
    line-height: 15px;
    background: #15344a;
    color: #fff;
    border: 1px solid #2c6d98;
}

table.table.table-pop {
    width: 65%;
}

.table-pop tr th {
    padding: 2px;
    background: #06253d;
    color: #fff;
    border: none;
    text-align: center;
    border: 1px solid #2c6d98;
}

.acc-b {
    color: #ffe895;
}

.md-info {
    display: block;
    margin: 0px auto;
}

.ab-bg {
    padding: 20px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
}

    .ab-bg p {
        margin-top: 20px;
        text-align: center;
        color: #fff;
    }

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

    .ab-tab ul {
        width: 100%;
        margin: 0px;
        padding: 0px;
        border: none !important;
        display: flex !important;
        justify-content: center;
    }

        .ab-tab ul li {
            float: left;
        }

.ab-tab-content {
    padding-bottom: 30px;
}

.ab-bg .tab-content {
    margin: 0px;
}

.ab-bg .tab-content {
    margin: 0px;
}

.ab-tab ul li a {
    background: #000;
}

.allbet-title {
    color: #fff;
    text-align: center;
}

.ab-tab ul li a.nav-link.active {
    background: #fe465e;
    border: none;
}

.ab-tab ul li a.nav-link {
    border: none;
    color: #fff;
    background: #212121;
}

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

#game .game-box {
    float: left;
    margin: 10px 12px;
}

.game-box h4 {
    background: #1b1c30b3;
    color: #eeeed9;
    display: block;
    padding: 0px 0px 5px 0px;
    line-height: 26px;
    text-align: center;
    font-size: 14px;
    margin-bottom: 0px;
}

figure.snip0018 {
    color: #fff;
    position: relative;
    float: left;
    overflow: hidden;
    background: #000000;
    text-align: center;
    margin: 0px;
}

    figure.snip0018 h4 {
        padding: 10px;
        background: #341b80;
    }

    figure.snip0018 img {
        opacity: 1;
        -webkit-transition: opacity 0.35s;
        transition: opacity 0.35s;
        max-width: 182px;
    }

    figure.snip0018 figcaption {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

        figure.snip0018 figcaption > div {
            height: 50%;
            overflow: hidden;
            width: 100%;
            position: relative;
        }

        figure.snip0018 figcaption::before {
            position: absolute;
            top: 50%;
            right: 50%;
            left: 50%;
            height: 2px;
            content: '';
            opacity: 0;
            background-color: rgba(255, 255, 255, 0);
            -webkit-transition: all 0.4s;
            transition: all 0.4s;
            -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
        }

    figure.snip0018 h2, figure.snip0018 p {
        margin: 0;
        opacity: 0;
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
        transition: opacity 0.4s,-webkit-transform 0.4s,-moz-transform 0.4s,-o-transform 0.4s,transform 0.4s;
    }

    figure.snip0018 h2 {
        display: inline-block;
        font-weight: 300;
        text-transform: uppercase;
        bottom: 0;
        background: #3299d0;
        -webkit-transform: translate3d(0%, 50%, 0);
        transform: translate3d(0%, 50%, 0);
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
    }

        figure.snip0018 h2 span {
            font-weight: 800;
        }

    figure.snip0018 p {
        font-weight: 300;
        color: #000;
        background: rgb(29, 38, 55);
        -webkit-transform: translate3d(0%, -50%, 0);
        transform: translate3d(0%, -50%, 0);
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
        display: table;
        height: 50px;
        text-transform: uppercase;
    }

    figure.snip0018 a {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        position: absolute;
        color: #ffffff;
        font-size: 16px;
        line-height: 35px;
        vertical-align: middle;
        display: table-cell;
    }

    figure.snip0018 p a:hover {
        color: #fefd5a;
    }

    figure.snip0018 h2 a:hover {
        color: #ffffff;
    }

    figure.snip0018:hover img {
        opacity: 0.7;
    }

    figure.snip0018 a:hover {
        color: #FFED00;
    }

    figure.snip0018:hover figcaption h2, figure.snip0018:hover figcaption p {
        -webkit-transform: translate3d(0%, 0%, 0);
        transform: translate3d(0%, 0%, 0);
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s;
        display: table;
        height: 52px;
    }

    figure.snip0018:hover figcaption h2 {
        opacity: 1;
    }

    figure.snip0018:hover figcaption p {
        opacity: 1;
    }

    figure.snip0018:hover figcaption::before {
        background: rgba(255, 255, 255, 0);
        left: 0px;
        right: 0px;
        opacity: 1;
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
    }

.no-fun-ply {
    visibility: hidden;
    height: 25% !important;
}

.gss-bg {
    background: #0c112e url(/web/assets/s188/images/common/slt-bnns-gss.jpg) top center no-repeat;
    display: inline-block;
    width: 100%;
}

.pt-bg {
    background: #0c112e url(/web/assets/s188/images/common/slt-bnns-pt.jpg) top center no-repeat;
    display: inline-block;
    width: 100%;
}

.bs-bg {
    background: #0c112e url(/web/assets/s188/images/common/slt-bnns-bs.jpg) top center no-repeat;
    display: inline-block;
    width: 100%;
}

.mg-bg {
    background: #0c112e url(/web/assets/s188/images/common/slt-bnns-mg.jpg) top center no-repeat;
    display: inline-block;
    width: 100%;
}

.ag-bg {
    background: #0c112e url(/web/assets/s188/images/common/slt-bnns-ag.jpg) top center no-repeat;
    display: inline-block;
    width: 100%;
}

.kiss-bg {
    background: #0c112e url(/web/assets/s188/images/common/slt-bnns-kiss.jpg) top center no-repeat;
    display: inline-block;
    width: 100%;
}

.gp-bg {
    background: #0c112e url(/web/assets/s188/images/common/slt-bnns-gp.jpg) top center no-repeat;
    display: inline-block;
    width: 100%;
}

.pp-bg {
    background: #0c112e url(/web/assets/s188/images/common/slt-bnns-pp.jpg) top center no-repeat;
    display: inline-block;
    width: 100%;
}

.slot-mn ul li {
    float: left;
    list-style: none;
}

.slot-mn ul {
    display: block;
    padding: 0px;
}

.grid2 ul li {
    float: left;
    display: block;
}

.slot-mn {
    display: inline-block;
    width: 100%;
    background: rgba(52,165,221,1);
    background: -moz-linear-gradient(top, rgba(52,165,221,1) 0%, rgba(3,73,93,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(52,165,221,1)), color-stop(100%, rgba(3,73,93,1)));
    background: -webkit-linear-gradient(top, rgba(52,165,221,1) 0%, rgba(3,73,93,1) 100%);
    background: -o-linear-gradient(top, rgba(52,165,221,1) 0%, rgba(3,73,93,1) 100%);
    background: -ms-linear-gradient(top, rgba(52,165,221,1) 0%, rgba(3,73,93,1) 100%);
    background: linear-gradient(to bottom, rgba(52,165,221,1) 0%, rgba(3,73,93,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34a5dd', endColorstr='#03495d', GradientType=0 );
    padding: 10px;
}

    .slot-mn ul li a {
        padding: 5px 20px;
        display: block;
        color: #fff;
        border-radius: 50px;
    }

.grid2 {
    display: inline-block;
    background: rgba(0, 0, 0, 0.7);
    margin-bottom: 20px;
}

    .grid2 ul li {
        margin: 10px 16px;
    }

    .grid2 ul {
        padding: 0px;
        display: inline-block;
        margin: 0px;
    }

.slot-lb {
    margin-top: 380px;
}

.slot-mn ul li a:hover {
    background: #14183d;
    text-decoration: none;
    color: #ffe895;
}

.cp-txt .btn-up {
    background: none;
    padding: 0px;
    margin: 0px;
}

.wrap-promo {
    position: absolute;
    display: flex;
    top: 121px;
    left: 410px;
    text-shadow: 1px 1px 1px #000;
    color: #fff;
}

    .wrap-promo a {
        color: #fff;
        font-weight: bold;
    }

span.pm-time {
    color: #ffe895;
    margin-left: 7px;
}

.wrap-promo a:hover {
    text-decoration: none;
}

.btn-pm a {
    display: block;
    width: 145px;
    text-align: center;
    float: none;
    padding: 0px 11px;
    font-size: 13px;
    line-height: 26px;
}

    .btn-pm a:hover {
        color: #ffe895;
    }

.pomo-f button.active {
    background: #47abdb;
}

.pomo-f button {
    display: block;
    width: 100%;
    border-radius: 0px;
    padding: 14px;
    background: #0000004f;
}

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

.pomo-f {
    float: left;
    display: block;
    margin-top: 20px;
}

.pomo-wrap {
    display: inline-block;
    margin: 0px;
    float: left;
    width: 985px;
}

    .pomo-wrap ul li {
        display: block;
        list-style: none;
        margin-left: 30px;
    }

.cd-header {
    position: relative;
    height: 150px;
    background-color: #331d35;
}

    .cd-header h1 {
        color: #ffffff;
        line-height: 150px;
        text-align: center;
        font-size: 2.4rem;
        font-weight: 300;
    }

@media only screen and (min-width:1170px) {
    .cd-header {
        height: 180px;
    }

        .cd-header h1 {
            line-height: 180px;
        }
}

.cd-main-content {
    position: relative;
    margin-top: 25px;
}

    .cd-main-content:after {
        content: "";
        display: table;
        clear: both;
    }

    .cd-main-content.is-fixed .cd-tab-filter-wrapper {
    }

    .cd-main-content.is-fixed .cd-gallery {
    }

    .cd-main-content.is-fixed .cd-filter {
        position: fixed;
        height: 100vh;
        overflow: hidden;
    }

        .cd-main-content.is-fixed .cd-filter form {
            height: 100vh;
            overflow: auto;
            -webkit-overflow-scrolling: touch;
        }

    .cd-main-content.is-fixed .cd-filter-trigger {
        position: fixed;
    }

@media only screen and (min-width:768px) {
    .cd-main-content.is-fixed .cd-gallery {
    }
}

@media only screen and (min-width:1170px) {
    .cd-main-content.is-fixed .cd-gallery {
    }
}

.cd-tab-filter-wrapper {
    z-index: 1;
    float: left;
}

    .cd-tab-filter-wrapper:after {
        content: "";
        display: table;
        clear: both;
    }

.cd-tab-filter {
    position: relative;
    height: 40px;
    width: 140px;
    margin: 0 auto;
    z-index: 1;
}

    .cd-tab-filter::after {
        content: '';
        position: absolute;
        right: 14px;
        top: 50%;
        bottom: auto;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        display: inline-block;
        width: 16px;
        height: 16px;
        background: url("../img/cd-icon-arrow.svg") no-repeat center center;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
        pointer-events: none;
    }

    .cd-tab-filter ul {
        position: absolute;
        top: 0;
        left: 0;
        padding: 0px;
    }

    .cd-tab-filter li {
    }

        .cd-tab-filter li:first-child {
            display: block;
            border-top: 1px solid #104099;
            border-radius: 8px 8px 0px 0px;
        }

    .cd-tab-filter a {
        display: block;
    }

        .cd-tab-filter a.selected {
            background: #41307c;
            color: #ffffff;
        }

        .cd-tab-filter a:hover {
            color: #ffffff;
            background: rgba(225,166,3,1);
            background: -moz-linear-gradient(top, rgba(225,166,3,1) 0%, rgba(248,253,65,1) 100%);
            background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(225,166,3,1)), color-stop(100%, rgba(248,253,65,1)));
            background: -webkit-linear-gradient(top, rgba(225,166,3,1) 0%, rgba(248,253,65,1) 100%);
            background: -o-linear-gradient(top, rgba(225,166,3,1) 0%, rgba(248,253,65,1) 100%);
            background: -ms-linear-gradient(top, rgba(225,166,3,1) 0%, rgba(248,253,65,1) 100%);
            background: linear-gradient(to bottom, rgba(225,166,3,1) 0%, rgba(248,253,65,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1a603', endColorstr='#f8fd41', GradientType=0 );
        }

    .cd-tab-filter.is-open::after {
        -webkit-transform: translateY(-50%) rotate(-180deg);
        -moz-transform: translateY(-50%) rotate(-180deg);
        -ms-transform: translateY(-50%) rotate(-180deg);
        -o-transform: translateY(-50%) rotate(-180deg);
        transform: translateY(-50%) rotate(-180deg);
    }

    .cd-tab-filter.is-open ul {
        box-shadow: inset 0 -2px 0 #41307c, 0 2px 10px rgba(0, 0, 0, 0.2);
    }

        .cd-tab-filter.is-open ul li {
            display: block;
        }

    .cd-tab-filter.is-open .placeholder a {
        opacity: .4;
    }

@media only screen and (min-width:768px) {
    .cd-tab-filter {
        width: auto;
        cursor: auto;
    }

        .cd-tab-filter::after {
            display: none;
        }

        .cd-tab-filter ul {
        }

        .cd-tab-filter li {
            display: inline-block;
            border: 1px solid #104099;
            border-top: none;
        }

            .cd-tab-filter li.placeholder {
                display: none !important;
            }

        .cd-tab-filter a {
            display: inline-block;
            color: #ffffff;
            text-transform: uppercase;
            font-weight: 100;
            font-size: 14px;
            background: #000000;
            text-align: left;
            padding: 0px 30px;
        }

    .no-touch .cd-tab-filter a:hover {
        color: #725D22;
        text-decoration: none;
    }

    .no-touch .cd-tab-filter a:focus {
        color: #725D22;
        text-decoration: none;
    }

    .cd-tab-filter a.selected {
        color: #ffffff;
    }

    .cd-tab-filter.is-open ul li {
        display: inline-block;
    }
}

@media only screen and (min-width:1170px) {
    .cd-tab-filter {
        width: 192px;
        float: left;
        margin: 0;
        -webkit-transition: width 0.3s;
        -moz-transition: width 0.3s;
        transition: width 0.3s;
    }

        .cd-tab-filter.filter-is-visible {
            width: 80%;
        }
}

.cd-gallery {
}

    .cd-gallery li {
        margin-bottom: 1.6em;
        display: none;
    }

        .cd-gallery li.gap {
            opacity: 0;
            height: 0;
            display: inline-block;
        }

    .cd-gallery img {
        display: block;
        width: 100%;
    }

    .cd-gallery .cd-fail-message {
        display: none;
        text-align: center;
    }

@media only screen and (min-width:768px) {
    .cd-gallery {
        padding: 40px 3%;
    }

        .cd-gallery ul {
            text-align: justify;
            padding: 0px;
            min-height: 680px;
        }

            .cd-gallery ul:after {
                content: "";
                display: table;
                clear: both;
            }

        .cd-gallery li {
            width: 100%;
            margin-bottom: 0px;
        }
}

@media only screen and (min-width:1170px) {
    .cd-gallery {
        padding: 0px;
        float: right;
        -webkit-transition: width 0.3s;
        -moz-transition: width 0.3s;
        transition: width 0.3s;
        margin-top: 10px;
        float: right;
        width: 965px;
        margin: 0px;
        padding: 0px;
    }

        .cd-gallery li {
            width: 100%;
            padding: 0px !important;
        }

        .cd-gallery.filter-is-visible {
            width: 80%;
        }
}

.cd-filter {
    position: absolute;
    top: 0;
    left: 0;
    width: 280px;
    height: 100%;
    background: #ffffff;
    box-shadow: 4px 4px 20px transparent;
    z-index: 2;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform 0.3s, box-shadow 0.3s;
    -moz-transition: -moz-transform 0.3s, box-shadow 0.3s;
    transition: transform 0.3s, box-shadow 0.3s;
}

    .cd-filter::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        height: 50px;
        width: 100%;
        background-color: #41307c;
        z-index: 2;
    }

    .cd-filter form {
        padding: 70px 20px;
    }

    .cd-filter .cd-close {
        position: absolute;
        top: 0;
        right: 0;
        height: 50px;
        line-height: 50px;
        width: 60px;
        color: #ffffff;
        font-size: 1.3rem;
        text-align: center;
        background: #37296a;
        opacity: 0;
        -webkit-transition: opacity 0.3s;
        -moz-transition: opacity 0.3s;
        transition: opacity 0.3s;
        z-index: 3;
    }

.no-touch .cd-filter .cd-close:hover {
    background: #32255f;
}

.cd-filter.filter-is-visible {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2);
}

    .cd-filter.filter-is-visible .cd-close {
        opacity: 1;
    }

@media only screen and (min-width:1170px) {
    .cd-filter {
        width: 20%;
    }

        .cd-filter form {
            padding: 70px 10%;
        }
}

.cd-filter-trigger {
    position: absolute;
    top: 0;
    left: 0;
    height: 50px;
    line-height: 50px;
    width: 60px;
    overflow: hidden;
    text-indent: 100%;
    color: transparent;
    white-space: nowrap;
    background: transparent url("../img/cd-icon-filter.svg") no-repeat center center;
    z-index: 3;
}

    .cd-filter-trigger.filter-is-visible {
        pointer-events: none;
    }

@media only screen and (min-width:1170px) {
    .cd-filter-trigger {
        width: auto;
        left: 2%;
        text-indent: 0;
        color: #9a9a9a;
        text-transform: uppercase;
        font-size: 1.3rem;
        font-weight: 700;
        padding-left: 24px;
        background-position: left center;
        -webkit-transition: color 0.3s;
        -moz-transition: color 0.3s;
        transition: color 0.3s;
    }

    .no-touch .cd-filter-trigger:hover {
        color: #41307c;
    }

    .cd-filter-trigger.filter-is-visible, .cd-filter-trigger.filter-is-visible:hover {
        color: #ffffff;
    }
}

.cd-filter-block {
    margin-bottom: 1.6em;
}

    .cd-filter-block h4 {
        position: relative;
        margin-bottom: .2em;
        padding: 10px 0 10px 20px;
        color: #9a9a9a;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 1.3rem;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: pointer;
    }

.no-touch .cd-filter-block h4:hover {
    color: #41307c;
}

.cd-filter-block h4::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 16px;
    height: 16px;
    background: url("../img/cd-icon-arrow.svg") no-repeat center center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
}

.cd-filter-block h4.closed::before {
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -moz-transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    -o-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
}

.cd-filter-block input, .cd-filter-block select, .cd-filter-block .radio-label::before, .cd-filter-block .checkbox-label::before {
    font-family: "Open Sans", sans-serif;
    border-radius: 0;
    background-color: #ffffff;
    border: 2px solid #e6e6e6;
}

    .cd-filter-block input[type='search'], .cd-filter-block input[type='text'], .cd-filter-block select {
        width: 100%;
        padding: .8em;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        appearance: none;
        box-shadow: none;
    }

        .cd-filter-block input[type='search']:focus, .cd-filter-block input[type='text']:focus, .cd-filter-block select:focus {
            outline: none;
            background-color: #ffffff;
            border-color: #41307c;
        }

    .cd-filter-block input[type='search'] {
        border-color: transparent;
        background-color: #e6e6e6;
        font-size: 1.6rem !important;
    }

        .cd-filter-block input[type='search']::-webkit-search-cancel-button {
            display: none;
        }

.cd-filter-block .cd-select {
    position: relative;
}

    .cd-filter-block .cd-select::after {
        content: '';
        position: absolute;
        z-index: 1;
        right: 14px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        display: block;
        width: 16px;
        height: 16px;
        background: url("../img/cd-icon-arrow.svg") no-repeat center center;
        pointer-events: none;
    }

.cd-filter-block select {
    cursor: pointer;
    font-size: 1.4rem;
}

    .cd-filter-block select::-ms-expand {
        display: none;
    }

.cd-filter-block .list li {
    position: relative;
    margin-bottom: .8em;
}

    .cd-filter-block .list li:last-of-type {
        margin-bottom: 0;
    }

.cd-filter-block input[type=radio], .cd-filter-block input[type=checkbox] {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    z-index: 2;
}

.cd-filter-block .checkbox-label, .cd-filter-block .radio-label {
    padding-left: 24px;
    font-size: 1.4rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .cd-filter-block .checkbox-label::before, .cd-filter-block .checkbox-label::after, .cd-filter-block .radio-label::before, .cd-filter-block .radio-label::after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .cd-filter-block .checkbox-label::before, .cd-filter-block .radio-label::before {
        width: 16px;
        height: 16px;
        left: 0;
    }

    .cd-filter-block .checkbox-label::after, .cd-filter-block .radio-label::after {
        display: none;
    }

    .cd-filter-block .checkbox-label::after {
        width: 16px;
        height: 16px;
        background: url("../img/cd-icon-check.svg") no-repeat center center;
    }

    .cd-filter-block .radio-label::before, .cd-filter-block .radio-label::after {
        border-radius: 50%;
    }

    .cd-filter-block .radio-label::after {
        width: 6px;
        height: 6px;
        background-color: #ffffff;
        left: 5px;
    }

.cd-filter-block input[type=radio]:checked + label::before, .cd-filter-block input[type=checkbox]:checked + label::before {
    border-color: #41307c;
    background-color: #41307c;
}

.cd-filter-block input[type=radio]:checked + label::after, .cd-filter-block input[type=checkbox]:checked + label::after {
    display: block;
}

@-moz-document url-prefix() {
    .cd-filter-block .cd-select::after {
        display: none;
    }
}

.tlt-tr {
    text-align: -webkit-center;
    display: inline-block;
    width: 100%;
    font-weight: bold;
    font-size: 26px;
}

.tr-tlt {
    display: flex;
    background: #111111;
}

.pr-logo {
    width: 50%;
    padding: 10px;
}

    .pr-logo img {
        display: block;
        margin: 0px auto;
        padding-top: 7px;
    }

.blc-info {
    padding: 10px;
}

.tr-amount p {
    color: #ff0000;
    margin: 0px;
}

.tr-all {
    display: flex;
}

.tr-1 {
    width: 310px;
    padding: 20px;
}

.no-pdding {
    padding: 0px !important;
}

.tr-amount {
    padding: 15px;
}

.btn-blank {
    margin-bottom: 24px;
    width: 250px;
    border-radius: 30px;
    border: none;
    background: #ffffff;
    color: #000;
    padding: 10px 20px;
    font-size: 24px;
    text-align: center;
}

.btn-all-in {
    background: #ffe895;
    border-radius: 50%;
    padding: 12px;
    width: 60px;
    height: 60px;
    display: inline-block;
    text-align: center;
    color: #000;
    line-height: 17px;
}

.btn-reply {
    margin: 0px 10px;
    background: #5ed087;
    display: block;
    text-align: center;
    color: #fff;
    padding: 2px 8px;
    border-radius: 50px;
    box-shadow: 1px 1px 20px #000;
    margin-top: 13px;
    margin-bottom: 10px;
    border: 1px solid #5ed087;
    position: absolute;
    bottom: 5px;
    right: 50px;
    width: 20%;
}

    .btn-reply:hover {
        background: #000000;
        border: 1px solid #5ed087;
        color: white;
        text-decoration: none;
    }

span.btninall {
    position: relative;
    top: 2px;
    line-height: 8px;
}

.tr-2 {
    margin-top: 10px;
}

.tr-3 {
    float: right;
    position: relative;
    padding-right: 28px;
}

.btn-lv {
    background: #fe465e;
}

    .btn-lv:hover {
        background: #f11d38;
    }

.btnp {
    padding: 10px 40px;
    border-radius: 21px;
    margin-bottom: 1px;
}

.btn-sg {
    background: #6aaaff;
}

    .btn-sg:hover {
        background: #247df3;
    }

.btn-py {
    background: #ddbb53;
}

.btn-position {
    top: 13px;
    position: relative;
    margin-left: 32px;
}

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

.deposit-pop-bg {
    background: #000000;
    border: 1px solid #ffe895;
    padding-bottom: 20px;
}

    .deposit-pop-bg .tlt-tr {
        color: #000000;
        text-align: left;
    }

    .deposit-pop-bg .modal-header {
        border: none;
        background: #ffe895;
    }

.tr-amount h5 {
    margin-top: 10px;
}

.deposit-pop-bg .close {
    color: #000;
    opacity: 1;
    border: 1px solid #000;
    border-radius: 50%;
    width: 37px;
    font-size: 34px;
    top: 16px;
}

.re-ctr button {
    display: block;
    margin: 0px auto;
    border-radius: 30px;
    padding: 5px 40px;
    margin-top: 35px;
    background: rgba(50,161,216,1);
    background: -moz-linear-gradient(top, rgba(50,161,216,1) 0%, rgba(18,86,135,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(50,161,216,1)), color-stop(100%, rgba(18,86,135,1)));
    background: -webkit-linear-gradient(top, rgba(50,161,216,1) 0%, rgba(18,86,135,1) 100%);
    background: -o-linear-gradient(top, rgba(50,161,216,1) 0%, rgba(18,86,135,1) 100%);
    background: -ms-linear-gradient(top, rgba(50,161,216,1) 0%, rgba(18,86,135,1) 100%);
    background: linear-gradient(to bottom, rgba(50,161,216,1) 0%, rgba(18,86,135,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32a1d8', endColorstr='#125687', GradientType=0 );
}

.btn-am {
    margin: 10px;
}

.dropbtn {
    background-color: #ffe895;
    color: black;
    border: none;
    width: 160px;
}

.dropup {
    position: relative;
    display: inline-block;
    top: 125px;
    left: 5px;
}

.dropup-content {
    display: none;
    position: absolute;
    min-width: 160px;
    bottom: 45px;
    z-index: 1;
}

    .dropup-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }

        .dropup-content a:hover {
            background-color: #ccc
        }

.dropup:hover .dropup-content {
    display: block;
}

.dropup:hover .dropbtn {
    background-color: #d8b843;
    color: #fff;
}

.all-wallet ul li a:hover {
    text-decoration: none;
}

.user_form input {
    width: 260px;
    display: block;
    border-radius: 30px;
    border: none;
    margin-left: 20px;
}

.user_form label {
    margin-left: 80px;
}

.user_form {
    padding: 40px 40px 0px 40px;
}

    .user_form p {
        text-align: center;
        font-size: 14px;
        padding: 10px;
        color: #f00;
    }

    .user_form .form-group {
        display: flex;
        margin: 0px;
    }

.cnt-r a:hover p {
    color: #fe465e;
    text-decoration: none;
}

.cnt-r a:hover {
    text-decoration: none;
}

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

.promocontent {
    text-align: left;
}

.win-name ul {
    min-height: auto !important;
    margin-bottom: 15px;
}

    .win-name ul li {
        display: block;
        float: left;
        width: 18%;
        background: #0000005c;
        margin: 1%;
        text-align: center;
        padding: 10px !important;
    }

.promocontent h4 {
    color: #ffe895;
    margin-bottom: 20px;
}

.min-pot {
    padding-left: 10px;
    position: relative;
    top: 0px;
    float: right;
}

.cd-gallery ul {
    text-align: justify;
    padding: 0px;
    min-height: 680px;
}

.cd-gallery {
    padding: 0px;
    float: right;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
    margin-top: 10px;
    float: right;
    width: 965px;
    margin: 0px;
    padding: 0px;
}

    .cd-gallery li {
        width: 100%;
        padding: 0px !important;
    }

.top-mini {
    display: flex;
}

.mini-content h5 {
    color: #ffe895;
    margin-bottom: 10px;
    font-size: 16px;
}

.mini-content p {
    text-align: left;
    padding: 0px;
    margin: 0px;
}

.mini-content {
    margin-top: 30px;
}

.min-r {
    margin-left: 6px;
}

.form-all form {
    padding-top: 7px;
}
/***************poker*********************/
.poker-l {
    display: flex;
    width: 100%;
    height: 145px;
}

.poker-in {
    display: flex;
    width: 972px;
    margin: 0px auto;
    padding: 10px;
    position: relative;
    padding-top: 225px;
}

.poker-left {
    width: 50%;
}

.poker-2 {
}

    .poker-2 .md-inflex {
        width: 100%;
        color: #fff;
        font-size: 12px;
    }

.poker-1 {
    padding-top: 20px;
    margin-right: 20px;
}

.poker-3 {
    color: #fff;
    margin-left: 20px;
}

.poker-right {
    margin-left: 80px;
}

.pk-1 {
    position: absolute;
    bottom: 30px;
    left: 70px;
}

.pk-2 {
    position: absolute;
    bottom: 175px;
    right: 106px;
}

.pk-3 {
    position: absolute;
    bottom: 70px;
    right: 176px;
}

.table-pop2 {
    width: 40%;
}

    .table-pop2 tr td {
        padding: 5px;
    }

    .table-pop2 tr th {
        background: #ffe895;
        border: 1px solid #ffe895;
        padding: 5px;
        text-align: center;
    }

    .table-pop2 tr td {
        background: #000000;
        border: 1px solid #ffe895;
        padding: 3px;
        text-align: center;
        color: #fff;
    }

    .table-pop2 .form-control {
        height: 30px;
    }
/****************Quick credit pop up***********************/
.qct-form {
    display: flex;
    width: 100%;
    padding: 30px 10px;
    font-size: 18px;
}

.qct-1 {
    width: 50%;
    text-align: center;
}

.qct-2 {
    width: 50%;
    text-align: center;
}

.qct-1 input {
    display: block;
    margin: 0px auto;
}

.qct-2 input {
    display: block;
    margin: 0px auto;
}

input.input-in {
    border-radius: 30px;
    border: none;
    width: 90%;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
}

.qct-form-2 {
    display: block;
    font-size: 18px;
}

.qct-3 {
    text-align: center;
}

    .qct-3 .input-in2 {
        width: 90%;
        border-radius: 30px;
        border: none;
        text-align: center;
        font-weight: bold;
        font-size: 20px;
    }

.btn-tra {
    border-radius: 30px;
    padding: 5px 40px;
    margin-top: 35px;
    top: -10px;
    position: relative;
    background: rgba(50,161,216,1);
    background: -moz-linear-gradient(top, rgba(50,161,216,1) 0%, rgba(18,86,135,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(50,161,216,1)), color-stop(100%, rgba(18,86,135,1)));
    background: -webkit-linear-gradient(top, rgba(50,161,216,1) 0%, rgba(18,86,135,1) 100%);
    background: -o-linear-gradient(top, rgba(50,161,216,1) 0%, rgba(18,86,135,1) 100%);
    background: -ms-linear-gradient(top, rgba(50,161,216,1) 0%, rgba(18,86,135,1) 100%);
    background: linear-gradient(to bottom, rgba(50,161,216,1) 0%, rgba(18,86,135,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32a1d8', endColorstr='#125687', GradientType=0 );
}

.btn-tra2 {
    border-radius: 30px;
    padding: 5px 40px;
    margin-top: 35px;
    background: #ffe895;
    color: #000;
    margin-left: 5px;
    border: 1px solid #ffe895;
    top: -10px;
    position: relative;
}

    .btn-tra2:hover {
        background: #000000;
        color: #fff;
    }

.btn-tra:hover {
    opacity: 0.7;
}

.srl_menu {
    height: 100%;
    z-index: 10;
}

.prl_menu {
    margin-top: 450px;
    height: 100%;
}

.list_menu {
    list-style: none;
    margin: 0;
}

.list_menu2 {
    list-style: none;
    padding: 0;
    margin: 0px;
}

.list_menu h2 {
    color: #f5f5f5;
    padding: 12px 0 0 20px;
    height: 32px;
    font-size: 19px;
}

.list_menu li {
    padding: 7px 0 7px 0px;
}

.button {
    border: none;
    outline: none;
    padding: 0;
    cursor: pointer;
}

.sbutton {
    background: none
}

.pbutton {
    background-color: #3498db;
    border-bottom: solid 1px #2980b9;
}

.slide_left_open, .slide_left_close, .slide_right_open, .slide_right_close, .slide_top_open, .slide_top_close, .push_left_open, .push_left_close, .body_close, .body_open_left, .body_open_right, .push_right_open, .push_right_close {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media only screen and (max-width:480px) {
    #slide_top > nav a {
        padding: 20px 0 25px 0;
    }
}

#slide_left2.slide_left_close {
    position: fixed;
    left: -145px;
}

.slide_left_close {
    position: fixed;
    left: -148px;
}

.slide_left_open {
    left: -20px;
}

button#button_left img {
}

#slide_left > ul {
    float: left;
    padding: 0px;
    width: 148px;
    background: url(../img/s-left.png)no-repeat;
    height: 222px;
}

    #slide_left > ul > h2 {
        border-bottom: solid 1px #c0392b;
    }

#slide_left ul li {
}

    #slide_left ul li:hover {
    }

#slide_left2 > ul {
    float: left;
    padding: 10px;
    width: 145px;
    border-radius: 5px;
    background: rgba(9,102,209,1);
    background: -moz-linear-gradient(-45deg, rgba(9,102,209,1) 0%, rgba(2,60,123,1) 22%, rgba(7,89,183,1) 39%, rgba(0,108,224,1) 53%, rgba(2,57,116,1) 76%, rgba(13,120,241,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(9,102,209,1)), color-stop(22%, rgba(2,60,123,1)), color-stop(39%, rgba(7,89,183,1)), color-stop(53%, rgba(0,108,224,1)), color-stop(76%, rgba(2,57,116,1)), color-stop(100%, rgba(13,120,241,1)));
    background: -webkit-linear-gradient(-45deg, rgba(9,102,209,1) 0%, rgba(2,60,123,1) 22%, rgba(7,89,183,1) 39%, rgba(0,108,224,1) 53%, rgba(2,57,116,1) 76%, rgba(13,120,241,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(9,102,209,1) 0%, rgba(2,60,123,1) 22%, rgba(7,89,183,1) 39%, rgba(0,108,224,1) 53%, rgba(2,57,116,1) 76%, rgba(13,120,241,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(9,102,209,1) 0%, rgba(2,60,123,1) 22%, rgba(7,89,183,1) 39%, rgba(0,108,224,1) 53%, rgba(2,57,116,1) 76%, rgba(13,120,241,1) 100%);
    background: linear-gradient(135deg, rgba(9,102,209,1) 0%, rgba(2,60,123,1) 22%, rgba(7,89,183,1) 39%, rgba(0,108,224,1) 53%, rgba(2,57,116,1) 76%, rgba(13,120,241,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0966d1', endColorstr='#0d78f1', GradientType=1 );
}

    #slide_left2 > ul > h2 {
        border-bottom: solid 1px #c0392b;
    }

#slide_left2 ul li {
    margin-bottom: 5px;
}

    #slide_left2 ul li:hover {
    }

.slide_right_close {
    position: fixed;
    right: -189px;
    bottom: 331px;
}

.slide_right_open {
}

#slide_right > ul {
    float: right;
    background: #000000b5;
    color: #fff;
    width: 190px;
    border: 1px solid #ffe895;
}

    #slide_right > ul > h2 {
        border-bottom: solid 1px #c0392b;
    }

#slide_right ul {
}

    #slide_right ul li:hover {
    }

#slide_top {
    position: absolute;
    width: 100%;
    text-align: center;
}

.slide_top_close {
    top: -236px;
}

.slide_top_open {
    top: -100px;
}

#slide_top > nav {
    padding: 0;
    margin: 0;
    background-color: #f46354;
    height: 100%;
    overflow: hidden;
}

#slide_top > h2 {
    color: #f5f5f5;
    width: 100%;
    padding: 10px 0;
    background-color: #e74c3c;
}

#slide_top > nav a {
    float: left;
    color: #f5f5f5;
    font-weight: 600;
    width: 20%;
    padding: 36px 0;
}

    #slide_top > nav a:hover {
        background-color: #f35a4a;
    }

.push_right_close {
    position: fixed;
    right: -220px;
}

.push_right_open {
    right: 0px;
}

#push_right > ul {
    float: right;
    background-color: #3498db;
}

    #push_right > ul > h2 {
        border-bottom: solid 1px #2980b9;
    }

#push_right ul li {
    background-color: #6badda;
}

    #push_right ul li:hover {
        background-color: #4fa3dc;
    }

.push_left_close {
    position: fixed;
    left: -220px;
}

.push_left_open {
    left: 0px;
}

#push_left > ul {
    float: left;
    background-color: #3498db;
}

    #push_left > ul > h2 {
        border-bottom: solid 1px #2980b9;
    }

#push_left ul li {
    background-color: #6badda;
}

    #push_left ul li:hover {
        background-color: #4fa3dc;
    }

.side-bg {
    border-radius: 10px;
    height: 64px;
    padding-top: 13px;
    -webkit-box-shadow: inset 5px 2px 8px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 5px 2px 8px 0px rgba(0,0,0,0.75);
    box-shadow: inset 3px 3px 7px 0px rgba(0,0,0,0.75);
    border: 1px solid #000;
}

    .side-bg:hover {
        background: #0073ff;
    }

    .side-bg h3 {
        font-size: 15px;
        padding-top: 3px;
        font-family: 'Lato', sans-serif;
        font-weight: bold;
        text-align: center;
        color: #FFFFFF;
        text-shadow: 1px 1px #000;
    }

    .side-bg p {
        margin-bottom: 0px;
    }

.side-bg-p h3 {
    font-size: 15px;
    margin-left: 65px;
    padding-top: 18px;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
}

.side-bg-p p {
    font-size: 14px;
    margin-left: 65px;
    font-family: 'Lato', sans-serif;
}

#slide_left > ul > li > a {
    cursor: pointer;
}

    #slide_left > ul > li > a:hover {
    }

#holder {
    border: 1px solid #000;
    height: 200px;
    width: 200px;
    position: relative;
    margin: 10px;
}

#mask {
    position: absolute;
    top: -1px;
    left: 1px;
    width: 50%;
    height: 1px;
    background-color: #fff;
}

#slide_left {
    height: 200px;
}

    #slide_left:hover {
        left: 0px;
        z-index: 99;
    }

    #slide_left:after {
        position: fixed;
        left: -158px;
        z-index: 99;
    }

#slide_left2 {
    height: 200px;
    margin-top: 315px;
}

    #slide_left2:hover {
        left: 0px;
        z-index: 99;
    }

    #slide_left2:after {
        position: fixed;
        left: -158px;
        z-index: 99;
    }

#slide_right {
    height: 129px;
    display: inline-block;
}

    #slide_right:hover {
        right: 0px;
        z-index: 99;
    }

    #slide_right:after {
        position: fixed;
        right: -260px;
        z-index: 99;
    }

.rotate-contact {
    position: absolute;
    bottom: -50px;
    left: 0;
    margin-left: -44px;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    background: #000000b5;
    color: #fff;
    border: 1px solid #ffe895;
    padding: 13px 10px 6px 13px;
    border-radius: 5px 5px 0px 0px;
    border-bottom: none;
    min-width: 135px;
    font-size: 1rem;
}

.tfhour img {
    width: 100px;
}

.side1-bg {
    color: #fff;
}

.btn-chat {
    background: #fff;
    padding: 2px 10px;
    text-align: center;
    display: inline-block;
    margin: 5px 16px;
    border-radius: 5px;
    color: #ec1d03;
}

.btn-wrap-login {
    position: relative;
}

.btn-clogin {
    display: block;
    background: #fff;
    text-align: center;
    color: #ee1d02;
    padding: 2px;
}

.sc-ico {
    width: 11px;
}

.sc-info {
    margin-left: 10px;
    width: 104px;
}

    .sc-info p {
    }

.sc-qr img {
    width: 100%;
    margin: 10px 0px;
    display: inline-block;
}

.side1-bg h4 {
    color: #edec1c;
    margin: 0px;
}

.side1-bg p {
    font-size: 12px;
    color: #fff;
    float: left;
}

.sc-info img {
}

img#bsright {
}

.centerpartSlot {
    width: 1200px;
    margin: 0 auto 1px auto;
    padding: 0px 0;
}

.slide_left-item img {
    display: block;
    margin: 0px auto;
}

.slide_left-item {
}

.slide-Right-top img {
    display: block;
    margin: 0px auto;
    margin-top: 7px;
}

.slide-Right-top p {
    color: #fab100;
    margin: 0px;
    text-align: center;
}

.contact-box {
    display: block;
    padding: 1px 5px;
    text-align: center;
    background: #000;
    border: 1px solid #ffe895;
    margin: 10px;
    padding-top: 8px;
    padding-bottom: 7px;
}

.side-ico .fa {
}

.side-info p {
    margin: 0px;
    line-height: 12px;
}

.side-info {
    padding-left: 5px;
    background: #ffe895;
    color: #000;
    border-radius: 30px;
}

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

.btn-join {
    width: 100%;
    display: block;
    text-align: center;
    background: rgba(183,0,0,1);
    background: -moz-linear-gradient(top, rgba(183,0,0,1) 0%, rgba(98,5,0,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(183,0,0,1)), color-stop(100%, rgba(98,5,0,1)));
    background: -webkit-linear-gradient(top, rgba(183,0,0,1) 0%, rgba(98,5,0,1) 100%);
    background: -o-linear-gradient(top, rgba(183,0,0,1) 0%, rgba(98,5,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(183,0,0,1) 0%, rgba(98,5,0,1) 100%);
    background: linear-gradient(to bottom, rgba(183,0,0,1) 0%, rgba(98,5,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b70000', endColorstr='#620500', GradientType=0 );
    border: 1px solid #eed7ae;
    padding: 8px;
    margin-top: 10px;
}

    .btn-join:hover {
        background: rgba(98,5,0,1);
        background: -moz-linear-gradient(top, rgba(98,5,0,1) 0%, rgba(183,0,0,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(98,5,0,1)), color-stop(100%, rgba(183,0,0,1)));
        background: -webkit-linear-gradient(top, rgba(98,5,0,1) 0%, rgba(183,0,0,1) 100%);
        background: -o-linear-gradient(top, rgba(98,5,0,1) 0%, rgba(183,0,0,1) 100%);
        background: -ms-linear-gradient(top, rgba(98,5,0,1) 0%, rgba(183,0,0,1) 100%);
        background: linear-gradient(to bottom, rgba(98,5,0,1) 0%, rgba(183,0,0,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#620500', endColorstr='#b70000', GradientType=0 );
        color: #fff;
    }

.side-ico i {
}

.side-ico p {
    margin: 0px;
    padding: 0px;
    position: relative;
    top: -4px;
    margin-left: 5px;
}

.side-ico {
    justify-content: center;
    display: flex;
}

.kiss-all {
    padding-top: 235px;
    width: 579px;
    display: block;
    margin: auto;
    color: #fff;
}

.kiss-bg2 {
    background: #0c112e url(/web/assets/s188/images/common/kiss-bg.jpg) top center no-repeat;
    display: inline-block;
    width: 100%;
    height: 755px;
}

.live-frm {
    background: url(/web/assets/s188/images/common/live-img2.png) top center no-repeat;
    height: 480px;
}

.live-in {
    display: flex;
    padding-top: 55px;
}

.live-l {
    position: relative;
    flex: 0 1 auto;
    width: 705px;
    margin-right: 50px;
    margin-left: 23px;
}

.live-in-btm {
    position: absolute;
    bottom: -7px;
    background: url(/web/assets/s188/images/common/live-bottom.png) bottom no-repeat;
    width: 100%;
    height: 142px;
    display: block;
}

.live-r {
    width: 432px;
}

.live-date {
    margin-left: 166px;
    margin-top: 60px;
    float: left;
}

.live-btn {
    z-index: 1;
    float: right;
}

.live-date h4 {
    font-weight: bold;
    color: #000;
}

.live-date .th {
    position: relative;
    top: -10px;
    font-size: 12px;
    font-weight: bold;
    margin-right: 5px;
}

.live-date p {
    font-weight: bold;
    color: #000;
}

.live-btn a {
    background: url(/web/assets/s188/images/common/btn-live.png) no-repeat;
    background-size: 100% 100%;
    padding: 15px 30px;
    color: #fff;
    position: relative;
    top: 77px;
    margin-right: 16px;
    -webkit-filter: drop-shadow(2px 2px 2px #222);
    filter: drop-shadow(2px 2px 2px #222);
}

    .live-btn a:hover {
        background: url(/web/assets/s188/images/common/btn-live-hover.png) no-repeat;
        background-size: 100% 100%;
        padding: 15px 30px;
        text-decoration: none;
    }

.you-tab {
    padding-left: 19px;
}

.live-sch h4 {
    background: rgba(255,229,101,1);
    background: -moz-linear-gradient(top, rgba(255,229,101,1) 0%, rgba(231,167,77,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,229,101,1)), color-stop(100%, rgba(231,167,77,1)));
    background: -webkit-linear-gradient(top, rgba(255,229,101,1) 0%, rgba(231,167,77,1) 100%);
    background: -o-linear-gradient(top, rgba(255,229,101,1) 0%, rgba(231,167,77,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,229,101,1) 0%, rgba(231,167,77,1) 100%);
    background: linear-gradient(to bottom, rgba(255,229,101,1) 0%, rgba(231,167,77,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe565', endColorstr='#e7a74d', GradientType=0 );
    text-align: center;
    padding: 15px;
    border-radius: 10px 10px 0px 0px;
    margin: 0px;
}

.live-sch {
    border: 1px solid #ffe895;
    border-radius: 10px 10px 0px 0px;
    background: #000000bd;
}

table.live-table tr th {
    background: #ffe895;
    padding: 5px;
    border: 2px solid #26293a;
}

table.live-table tr td {
    padding: 5px;
    border: 2px solid #26293a;
    color: #fff;
}

table.live-table {
    margin: 5px;
    width: 98%;
}

    table.live-table .th {
        font-size: 10px;
        position: relative;
        top: -6px;
        margin-right: 3px;
    }

.wrapper input[type="text"] {
    position: relative;
}

input {
    font-family: 'FontAwesome','Lato', sans-serif;
}

.wrapper:before {
    font-family: 'FontAwesome';
    color: red;
    position: relative;
    left: -10px;
    content: "\f007";
}

.lv-stream {
    padding: 30px 33px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    display: block;
    margin: 0px auto;
    width: 1110px;
}

.top-l {
    background: url(/web/assets/s188/images/common/lv-l.jpg)no-repeat;
}

.top-r {
    background: url(/web/assets/s188/images/common/lv-r.jpg)no-repeat;
    width: 313px;
    border-radius: 7px;
}

.top-lv {
    display: flex;
    margin-bottom: 10px;
}

.top-l {
    width: 720px;
    margin-right: 10px;
    height: 153px;
    position: relative;
    border-radius: 7px;
}

    .top-l p {
        text-align: center;
        margin-top: 35px;
        font-size: 22px;
    }

span.lv-p-y {
    color: #ffe895;
}

.lv-form {
    display: flex;
    position: relative;
    margin: 0px 20px;
}

.lv-form {
}

    .lv-form p {
        position: absolute;
        margin: 0px;
        padding: 9px 20px;
        font-size: 18px;
    }

input.lv-put {
    width: 100%;
    background: #0000007d;
    border: 1px solid #ffe895;
    border-radius: 30px;
    text-align: left;
    padding-left: 330px;
    color: #ffe895;
}

.btn-click {
    border-radius: 30px;
    position: absolute;
    right: 0px;
    padding: 9px 30px;
    background: rgba(255,229,101,1);
    background: -moz-linear-gradient(top, rgba(255,229,101,1) 0%, rgba(231,167,77,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,229,101,1)), color-stop(100%, rgba(231,167,77,1)));
    background: -webkit-linear-gradient(top, rgba(255,229,101,1) 0%, rgba(231,167,77,1) 100%);
    background: -o-linear-gradient(top, rgba(255,229,101,1) 0%, rgba(231,167,77,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,229,101,1) 0%, rgba(231,167,77,1) 100%);
    background: linear-gradient(to bottom, rgba(255,229,101,1) 0%, rgba(231,167,77,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe565', endColorstr='#e7a74d', GradientType=0 );
    color: #000;
    font-weight: bold;
}

    .btn-click:hover {
        background: rgba(231,167,77,1);
        background: -moz-linear-gradient(top, rgba(231,167,77,1) 0%, rgba(255,229,101,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(231,167,77,1)), color-stop(100%, rgba(255,229,101,1)));
        background: -webkit-linear-gradient(top, rgba(231,167,77,1) 0%, rgba(255,229,101,1) 100%);
        background: -o-linear-gradient(top, rgba(231,167,77,1) 0%, rgba(255,229,101,1) 100%);
        background: -ms-linear-gradient(top, rgba(231,167,77,1) 0%, rgba(255,229,101,1) 100%);
        background: linear-gradient(to bottom, rgba(231,167,77,1) 0%, rgba(255,229,101,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7a74d', endColorstr='#ffe565', GradientType=0 );
    }

.top-r h4 {
    background: rgba(255,229,101,1);
    background: -moz-linear-gradient(top, rgba(255,229,101,1) 0%, rgba(231,167,77,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,229,101,1)), color-stop(100%, rgba(231,167,77,1)));
    background: -webkit-linear-gradient(top, rgba(255,229,101,1) 0%, rgba(231,167,77,1) 100%);
    background: -o-linear-gradient(top, rgba(255,229,101,1) 0%, rgba(231,167,77,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,229,101,1) 0%, rgba(231,167,77,1) 100%);
    background: linear-gradient(to bottom, rgba(255,229,101,1) 0%, rgba(231,167,77,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe565', endColorstr='#e7a74d', GradientType=0 );
    text-align: center;
    color: #000;
    font-size: 16px;
    padding: 10px;
    border-radius: 10px 10px 0px 0px;
}

.top-r input {
    display: block;
    margin: 0px auto;
    border-radius: 30px;
    border: none;
    text-align: center;
    margin-top: 15px;
}

.top-r h4 {
    background: rgba(255,229,101,1);
    background: -moz-linear-gradient(top, rgba(255,229,101,1) 0%, rgba(231,167,77,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,229,101,1)), color-stop(100%, rgba(231,167,77,1)));
    background: -webkit-linear-gradient(top, rgba(255,229,101,1) 0%, rgba(231,167,77,1) 100%);
    background: -o-linear-gradient(top, rgba(255,229,101,1) 0%, rgba(231,167,77,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,229,101,1) 0%, rgba(231,167,77,1) 100%);
    background: linear-gradient(to bottom, rgba(255,229,101,1) 0%, rgba(231,167,77,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe565', endColorstr='#e7a74d', GradientType=0 );
    text-align: center;
    color: #000;
    font-size: 16px;
    padding: 10px;
    border-radius: 10px 10px 0px 0px;
}

.top-r input {
    display: block;
    margin: 0px auto;
    border-radius: 30px;
    border: none;
    text-align: center;
    margin-top: 15px;
}

.lv-login {
    display: block;
    margin: 0px auto;
    background: #ffe895;
    color: #000;
    padding: 5px 40px;
    border-radius: 20px;
    margin-top: 13px;
    border: 1px solid #ffe895;
}

    .lv-login:hover {
        background: #000000;
        color: #ffe895;
    }

.win-lst {
}

    .win-lst .tab-content {
        margin: 0px;
    }

.win-lst-tab ul {
    border: none !important;
    margin: 0px !important;
    padding-top: 15px;
}

    .win-lst-tab ul li {
        float: left;
        border: none;
        margin: 0px;
        padding: 0px;
    }

.win-lst-tab {
    display: inline-block;
}

.bottom-lv h4 {
    background: rgba(255,229,101,1);
    background: -moz-linear-gradient(top, rgba(255,229,101,1) 0%, rgba(231,167,77,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,229,101,1)), color-stop(100%, rgba(231,167,77,1)));
    background: -webkit-linear-gradient(top, rgba(255,229,101,1) 0%, rgba(231,167,77,1) 100%);
    background: -o-linear-gradient(top, rgba(255,229,101,1) 0%, rgba(231,167,77,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,229,101,1) 0%, rgba(231,167,77,1) 100%);
    background: linear-gradient(to bottom, rgba(255,229,101,1) 0%, rgba(231,167,77,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe565', endColorstr='#e7a74d', GradientType=0 );
    text-align: center;
    padding: 10px;
    color: #000;
}

.bottom-lv {
    border: 1px solid #ffe895;
    margin-top: 10px;
}

.win-lst-tab ul li a {
    background: none !important;
    border: none !important;
    padding: 0px 9px;
    text-align: center;
    color: #ffe895 !important;
}

    .win-lst-tab ul li a img {
        display: block;
        margin: 0px auto;
    }

.tour-accor h4 {
    background: #111111;
    color: #ffe895;
    padding: 7px;
    font-size: 18px;
}

    .tour-accor h4 a {
        color: #ffe895;
    }

.tour-accor p {
    text-align: center;
    font-size: 14px;
}

.win-user {
    display: inline-block;
}

    .win-user ul {
        display: inline-block;
        margin: 0px;
        padding: 0px;
    }

        .win-user ul li {
            list-style: none;
            display: flex;
            margin: 0px 18px;
            margin-bottom: 10px;
            float: left;
        }

.win-amt {
    background: #fcde62;
    color: #000;
    padding: 10px;
    border-radius: 8px 0px 0px 8px;
    width: 100px;
}

.win-nm {
    background: #00000091;
    padding: 10px;
    width: 210px;
    text-align: center;
    border-radius: 0px 8px 8px 0px;
}

.tour-accor i {
    position: absolute;
    right: 13px;
    background: #474646bf;
    padding: 5px;
    border-radius: 30px;
    width: 28px;
    color: #ffe895;
    top: 3px;
}

.tour-accor a:hover {
    text-decoration: none;
}

.win-user ul li:last-child {
    margin: 0px;
    margin-left: 18px;
    width: 96.4%;
}

    .win-user ul li:last-child .win-nm {
        width: 100%;
    }

    .win-user ul li:last-child .win-amt {
        width: 110px;
    }

.win-nm span {
    width: 165px;
    display: inline-block;
}

.guide-content {
    padding: 10px;
    background: #0000008f;
    color: #fff;
}

    .guide-content h3 {
        padding: 10px 10px;
        width: 84%;
        margin: 0px;
        padding-top: 0px;
        font-size: 27px;
        font-weight: bold;
        text-align: left;
    }

.sttl {
    display: flex;
    width: 100%;
    border-bottom: 1px solid #909090;
    margin-bottom: 15px;
    background: #ffe8952b;
    padding-top: 12px;
}

#myBtn {
    z-index: 99;
    font-size: 13px;
    outline: none;
    color: white;
    cursor: pointer;
    padding: 0px 10px;
    border-radius: 4px;
    flex: 1 0 auto;
    background: none;
    text-align: right;
}

    #myBtn:hover {
        background: none;
        text-decoration: underline;
    }

.content-ol {
    border: 1px solid #909090;
    padding-top: 15px;
}

    .content-ol ol li {
        padding: 5px 0px;
    }

    .content-ol ol {
        padding-left: 29px;
    }

        .content-ol ol li a {
            color: #fff;
            font-weight: normal;
        }

    .content-ol h4 {
        padding-left: 24px;
        font-size: 17px;
        font-weight: bold;
        color: #ffe895;
    }

.content-ol2 {
    border: 1px solid #909090;
    padding-top: 15px;
}

    .content-ol2 ol li {
        padding: 5px 0px;
    }

    .content-ol2 ol {
        padding-left: 29px;
    }

        .content-ol2 ol li a {
            color: #fff;
            font-weight: normal;
        }

    .content-ol2 h4 {
        padding-left: 24px;
        font-size: 17px;
        font-weight: bold;
        color: #ffe895;
    }

.st-info {
    background: #0000006b;
    border: 1px solid #909090;
    margin: 10px 0px;
    padding: 20px;
    text-align: center;
}

.all-con {
    border: 1px solid #909090;
    margin-top: 20px;
    text-align: center;
}

p.ttl {
    font-weight: bold;
    margin: 0px;
    border-bottom: 1px dotted;
    margin-bottom: 10px;
    font-size: 24px;
    padding: 0px 10px;
}

.all-con p {
    padding: 0px 20px;
}

.all-con img {
    padding: 10px;
    display: block;
    margin: 0px auto;
}

.all-con strong {
    color: #ffe895;
}

.btn-top-all {
    text-align: center !important;
    width: 100%;
    margin: 10px 0px;
}

.content-ol ol li a:hover {
    color: #ffe895;
}

.in-do ul {
    text-align: center;
    list-style-position: inside;
}

.all-con a {
    color: #fe465e;
    font-weight: bold;
    text-decoration: underline;
}

.st-info a {
    text-decoration: underline;
    color: #fe465e;
    font-weight: bold;
}

.st-info h2 {
    color: #ffe895;
}

.st-info a:hover {
    color: #ffe895;
}

.all-con a:hover {
    color: #ffe895;
}

.banner-content {
    background: #0000004f;
    margin-top: 15px;
}

    .banner-content h3 {
        font-size: 55px;
        text-align: center;
        background: linear-gradient(#fbe89e,#f5aa33 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        position: relative;
        text-transform: uppercase;
        font-weight: bold;
        margin: 0px;
    }

        .banner-content h3:before {
            content: attr(data-text);
            position: absolute;
            top: -18px;
            right: -15px;
            left: 0;
            bottom: 0;
            text-shadow: -10px 15px 5px rgba(0,0,0,0.1), -10px 20px 5px rgba(0,0,0,1), -10px 20px 5px rgba(0,0,0,1);
            z-index: -1;
        }

    .banner-content p {
        color: #fcde62;
        text-align: center;
        margin-top: 10px;
    }

.banner-detail {
    padding: 30px 40px 30px 40px;
    color: #fff;
    text-align: left;
}

.btn-df-now {
    background: url(/web/assets/s188/images/common/btn-df.png) no-repeat center;
    text-align: center;
    margin: 1px 42%;
    display: inline-block;
    align-items: center;
    justify-content: center;
    padding: 17px 0px;
    color: #fff;
    font-size: 18px;
    margin-top: 30px;
    width: 225px;
}

    .btn-df-now:hover {
        background: url(/web/assets/s188/images/common/btn-df-hver.png) no-repeat center;
        text-decoration: none;
        color: #fff;
    }

.banner-box h4 {
    background: rgba(255,229,101,1);
    background: -moz-linear-gradient(top, rgba(255,229,101,1) 0%, rgba(231,167,77,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,229,101,1)), color-stop(100%, rgba(231,167,77,1)));
    background: -webkit-linear-gradient(top, rgba(255,229,101,1) 0%, rgba(231,167,77,1) 100%);
    background: -o-linear-gradient(top, rgba(255,229,101,1) 0%, rgba(231,167,77,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,229,101,1) 0%, rgba(231,167,77,1) 100%);
    background: linear-gradient(to bottom, rgba(255,229,101,1) 0%, rgba(231,167,77,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe565', endColorstr='#e7a74d', GradientType=0 );
    text-align: center;
    border-radius: 8px 8px 0px 0px;
    padding: 10px;
    margin: 0px;
    font-weight: bold;
    color: #000;
}

.banner-box {
    margin: 0px 40px;
    padding: 5px;
    position: relative;
    margin-bottom: 55px;
}

    .banner-box table {
    }

        .banner-box table tr th {
            background: none;
            text-align: center;
            padding: 8px;
            border: 5px solid #000;
        }

        .banner-box table tr td {
            background: #292929;
            color: #fff;
            border: 5px solid #000;
            text-align: center;
            padding: 8px;
        }

.table-responsive {
    background: #0f0e29;
    border: 1px solid #f8d65f;
    padding: 5px;
}

.guide-content {
    padding: 10px;
    background: #0000008f;
    color: #fff;
    position: relative;
}

.content-ol {
    position: fixed;
    margin-left: -300px;
    padding: 10px 10px 0px 10px;
    background: #0000006b;
}

.content-ol {
    position: fixed;
    margin-left: -275px;
}

.bottomMenu {
    display: none;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 60px;
    border-top: 1px solid #000;
    background: red;
    z-index: 1;
}

.content-ol ol li a.active {
    color: #fee895;
}

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

    .sticky.is-fixed {
        position: sticky;
    }
}
/****************POKER IN********************/
.mod-poker {
    height: 790px;
    transition: all .2s ease-in-out;
    background-position: center;
    background-repeat: no-repeat;
}

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

.mod-poker.poker-active {
    background-image: url(/web/assets/s188/images/common/slt-bnns-p8.jpg);
}

.mod-poker.fg-active {
    background-image: url(/web/assets/s188/images/common/slt-bnns-fg.jpg);
}

.lobby-platform .poker-platform {
    background: url(/web/assets/s188/images/common/slt-btn-p8.png) no-repeat;
}

.lobby-platform .fg-platform {
    background: url(/web/assets/s188/images/common/slt-btn-fg.png) no-repeat;
}

.btn-new {
    position: absolute;
    background: #dc0000;
    right: -14px;
    font-size: 8px;
    padding: 1px 3px;
    border-radius: 5px;
    top: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-animation: zoomin 1.2s ease-in infinite;
    animation: zoomin 1.2s ease-in infinite;
    transition: all 1.2s ease-in-out;
    overflow: hidden;
    box-shadow: 2px 2px 10px #00000080;
}

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

@-webkit-keyframes zoomin {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes zoomin {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes zoomout {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.67);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes zoomout {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.67);
    }

    100% {
        transform: scale(1);
    }
}

.btn-stream {
    position: absolute;
    right: -14px;
    font-size: 8px;
    padding: 1px 5px;
    border-radius: 5px;
    top: 3px;
    background: #f00;
    -webkit-animation: color_change 0.8s infinite alternate;
    -moz-animation: color_change 0.8s infinite alternate;
    -ms-animation: color_change 0.8s infinite alternate;
    -o-animation: color_change 0.8s infinite alternate;
    animation: color_change 0.8s infinite alternate;
}

@-webkit-keyframes color_change {
    from {
        color: #fff;
        background: #f00;
    }

    to {
        color: #000;
        background: #f00;
    }
}

@-moz-keyframes color_change {
    from {
        color: #fff;
        background: #f00;
    }

    to {
        color: #000;
        background: #f00;
    }
}

@-ms-keyframes color_change {
    from {
        color: #fff;
        background: #f00;
    }

    to {
        color: #000;
        background: #f00;
    }
}

@-o-keyframes color_change {
    from {
        color: #fff;
        background: #f00;
    }

    to {
        color: #000;
        background: #f00;
    }
}

@keyframes color_change {
    from {
        color: #fff;
        background: #f00;
    }

    to {
        color: #000;
        background: #f00;
    }
}
/*************************** Tournament ********************************/
.tour-all {
    height: 735px;
    position: relative;
}

.join {
    background: url(/web/assets/s188/images/common/tournament/button.png) no-repeat;
    color: #ffffff;
    font-size: 24px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    width: 305px;
    height: 81px;
    padding: 21px 0px;
    display: inline-block;
}

.date {
    background: url(/web/assets/s188/images/common/tournament/date.png) no-repeat;
    color: #000000;
    font-size: 30px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    width: 493px;
    height: 99px;
    padding: 25px 0px;
    margin-bottom: 30px;
}

.tour-wrap {
    position: absolute;
    top: 336px;
    left: 123px;
    text-align: center;
}

.tour-info {
    position: absolute;
    bottom: 75px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}

.tour-wrap h4 {
    font-weight: bold;
    font-size: 1.2rem;
    margin: 0px;
}

.tour-wrap p {
    font-weight: bold;
    margin: 0px;
    margin-top: 2px;
    font-size: 13px;
}

.th {
    position: relative;
    font-size: 10px;
    top: -6px;
    margin-right: 5px;
}

.tournament {
    margin-bottom: 30px;
    background: url(/web/assets/s188/images/common/tournament/main.png) no-repeat center top;
}

.tournament-page {
    margin-bottom: -15px;
    background: url(/web/assets/s188/images/common/tournament/bg2.jpg) no-repeat center top;
    text-align: center;
}

    .tournament-page ol {
        color: #ffffff;
        list-style: none;
        font-size: 18px;
        display: inline-block;
        width: 650px;
        margin: -40px 0px 120px 0px;
    }

        .tournament-page ol span {
            color: #fcea88;
            text-transform: uppercase;
            font-weight: bold;
        }

.tour-content {
    padding-top: 700px;
}

.prize {
    background: url(/web/assets/s188/images/common/tournament/table.png) no-repeat top center;
    display: inline-block;
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    width: 1144px;
    height: 621px;
}

    .prize table {
        margin-top: 130px;
    }

.turnover {
    background: url("/web/assets/s188/images/common/tournament/turnover.png") no-repeat;
    color: #ffffff;
    font-size: 60px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    width: 925px;
    height: 229px;
    padding: 72px 0px;
    display: inline-block;
}

.l-turnover {
    background: url("/web/assets/s188/images/common/tournament/l-turnover.png") no-repeat;
    color: #ffffff;
    font-size: 60px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    width: 771px;
    height: 250px;
    padding: 72px 0px;
    display: inline-block;
}

    .l-turnover span {
        color: #fcea88;
        font-size: 40px;
        vertical-align: 5px;
        margin-right: 50px;
    }

.fst-bg {
    background: url(/web/assets/s188/images/common/gold.jpg);
    background-size: 100% 100%;
    color: #000 !important;
    height: 50px;
    border-bottom: 5px solid #18132a !important;
    border-top: 2px solid #565657 !important;
    font-weight: bold;
}

.sst-bg {
    background: url(/web/assets/s188/images/common/silver.jpg);
    color: #000 !important;
    height: 50px;
    background-size: 100% 100%;
    border-bottom: 5px solid #18132a !important;
    font-weight: bold;
}

.tst-bg {
    background: url(/web/assets/s188/images/common/bronze.png);
    color: #000 !important;
    height: 50px;
    background-size: 100% 100%;
    border-bottom: 5px solid #18132a !important;
    font-weight: bold;
}

.tour-sch {
    border-radius: 10px 10px 0px 0px;
    margin-top: 110px;
}

    .tour-sch h4 {
        background: rgba(255,229,101,1);
        background: -moz-linear-gradient(top, rgba(255,229,101,1) 0%, rgba(231,167,77,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,229,101,1)), color-stop(100%, rgba(231,167,77,1)));
        background: -webkit-linear-gradient(top, rgba(255,229,101,1) 0%, rgba(231,167,77,1) 100%);
        background: -o-linear-gradient(top, rgba(255,229,101,1) 0%, rgba(231,167,77,1) 100%);
        background: -ms-linear-gradient(top, rgba(255,229,101,1) 0%, rgba(231,167,77,1) 100%);
        background: linear-gradient(to bottom, rgba(255,229,101,1) 0%, rgba(231,167,77,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe565', endColorstr='#e7a74d', GradientType=0 );
        text-align: center;
        padding: 14px;
        border-radius: 10px 10px 0px 0px;
        margin: 0px;
        font-weight: bold;
        font-size: 20px;
    }

table.trnt-table {
    width: 100%;
    position: relative;
}

    table.trnt-table tr th {
        padding: 7px 5px;
        color: #ffe895;
        text-align: center;
    }

    table.trnt-table tr td {
        padding: 15px 5px;
        position: relative;
        text-align: center;
        width: 33%;
    }

table.trnt-table2 tr td {
    padding: 7px 5px;
    color: #ffffff;
    text-align: center;
    border: 3px solid #0f0e29;
    width: 33%;
}

img.tour-ico {
    position: absolute;
    left: -20px;
    top: 0px;
}

.text-mv {
    font-weight: bold;
    font-size: 20px;
}

p.tbl-info {
    text-align: center;
    color: #fff;
    font-size: 13px;
    margin-top: 5px;
}

.tour-info img {
}

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

.tour-info a {
    color: #000;
}

img.gm-logo {
    position: absolute;
    top: 175px;
    left: 192px;
}

.gm-logo {
    width: 214px;
    position: absolute;
    top: 145px;
    left: 158px;
}

    .gm-logo img {
        display: block;
        margin: 0px auto;
    }

#slot-game .lobby-platform li a {
    display: block;
    width: 180px;
    height: 146px;
    background-repeat: no-repeat;
}

.cnt-blog {
    background: url(/web/assets/s188/images/common/cnt-b.png);
    background-repeat: no-repeat;
    width: 39px;
    height: 39px;
    float: left;
}

.cnt-int {
    background: url(/web/assets/s188/images/common/cnt-int.png);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    float: left;
}

.cnt-you {
    background: url(/web/assets/s188/images/common/cnt-you.png);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    float: left;
}

.cnt-info {
    background: url("/web/assets/s188/images/common/cnt-info.png");
    background-repeat: no-repeat;
    width: 39px;
    height: 39px;
    float: left;
}

.cnt-fb {
    background: url(/web/assets/s188/images/common/cnt-fb.png);
    background-repeat: no-repeat;
    width: 41px;
    height: 41px;
    float: left;
}

.cnt-tw {
    background: url(/web/assets/s188/images/common/cnt-tw.png);
    background-repeat: no-repeat;
    width: 39px;
    height: 39px;
    float: left;
}

.contact-ind-in ul li a {
    display: flex;
    padding: 8px 22px;
    color: #fff;
}

    .contact-ind-in ul li a:hover {
        background: #11182e;
        border-radius: 8px;
        text-decoration: none;
        color: #ff3b50;
    }

.mega-bg2 {
    background: url(/web/assets/s188/images/common/mega-bg.jpg) top center no-repeat;
    height: 755px;
    background-repeat: no-repeat;
}

.banner-content2 {
    background: #0000008c;
    margin-top: 15px;
    position: relative;
    color: #fff;
    text-align: center;
    margin-bottom: 15px;
}

    .banner-content2 h3 {
        font-size: 55px;
        text-align: center;
        background: linear-gradient(#f5d96d,#ff9c00 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        position: relative;
        text-transform: uppercase;
        font-weight: bold;
        margin: 0px;
    }

        .banner-content2 h3:before {
            content: attr(data-text);
            position: absolute;
            top: -18px;
            right: -15px;
            left: 0;
            bottom: 0;
            text-shadow: -10px 15px 5px rgba(0,0,0,0.1), -10px 20px 5px rgba(0,0,0,1), -10px 20px 5px rgba(0,0,0,1);
            z-index: -1;
        }

    .banner-content2 p {
        color: #fcde62;
        text-align: center;
        margin-top: 10px;
    }

.tour-in-info h4 {
    color: #000;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    text-align: center;
    font-size: 22px;
}

.tour-in-info p {
    color: #000;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.tour-in-info {
    top: 477px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
}

.banner-content2 .line-center {
    padding: 0px 30px;
    margin: 40px 0px;
}

.box-tour ul li {
    list-style: none;
    width: 24%;
    border: 1px solid #ffe895;
    border-radius: 10px;
    padding: 20px 10px;
}

.box-tour ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
    padding: 0px 50px;
    margin-top: 20px;
}

    .box-tour ul li h4 {
        font-size: 17px;
        color: #ffe895;
        font-weight: bold;
    }

    .box-tour ul li {
        font-size: 14px;
    }

.tour-list {
    position: relative;
}

.tour-img {
}

.list-tour {
    position: absolute;
    bottom: 161px;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: space-around;
}

.list-nrl {
    width: 200px;
}

.list-first {
    width: 300px;
    position: relative;
    top: -29px;
}

.list-nrl p {
    text-align: center;
    color: #fff;
    font-size: 20px;
    position: relative;
    top: 20px;
}

.tour-am h2 {
    font-weight: bold;
    margin: 0px;
    position: relative;
}

.tour-am p {
    margin: 0px;
    padding: 0px;
    color: #fff;
    position: relative;
    top: 2px;
    font-size: 16px;
    font-weight: bold;
}

.tour-am {
    position: relative;
    top: 34px;
}

p.text-clr {
    color: #fcde62;
    line-height: 10px;
    font-size: 20px;
}

.tour-am-2 h2 {
    font-weight: bold;
    font-size: 38px;
    margin: 0px;
}

.tour-am-2 {
    position: relative;
    top: 47px;
}

.list-first p {
    top: 36px;
    font-size: 24px;
    position: relative;
    color: #fff;
}

.tour-am-2 p {
    position: relative;
    top: 0px;
    margin: 0px;
}

p.text-clr-2 {
    margin: 0px;
    padding: 0px;
    color: #fcde62;
    font-size: 22px;
    line-height: 7px;
    font-weight: bold;
    padding-top: 5px;
}

#more {
    display: none;
}

#dots {
    display: none !important;
}

table.trnt-table2 {
    border: 1px solid #0f0e29;
    margin: -3px 0px;
}

button:focus {
    outline: none;
}

.my-button-css {
    text-align: center;
    display: inline-block;
    align-items: center;
    justify-content: center;
    padding: 17px 0px;
    color: #fff;
    font-size: 18px;
    margin-top: 30px;
    width: 225px;
    position: absolute;
    bottom: -105px;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url(/web/assets/s188/images/common/btn-df.png) no-repeat center;
    background-size: 100% 100%;
    text-transform: uppercase;
    cursor: pointer;
}

    .my-button-css:hover {
        text-align: center;
        display: inline-block;
        align-items: center;
        justify-content: center;
        padding: 17px 0px;
        color: #fff;
        font-size: 18px;
        margin-top: 30px;
        background: url(/web/assets/s188/images/common/btn-df-hver.png) no-repeat center;
        background-size: 100% 100%;
    }

.showmore-button {
    cursor: pointer;
    background-color: #999;
    color: white;
    text-transform: uppercase;
    text-align: center;
    padding: 7px 5px 5px 5px;
    margin-top: 5px;
}

.banner-detail h6 {
    color: #ffe895;
}

.img-logo {
    position: absolute;
    top: 260px;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 214px;
}

.banner-detail ol {
    padding-left: 21px;
}

    .banner-detail ol li {
        margin-bottom: 10px;
    }
/**************** FISH ********************/
.mod-fish {
    height: 790px;
    transition: all .2s ease-in-out;
    background-position: center;
    background-repeat: no-repeat;
}

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

.mod-fish.kissf-active {
    background-image: url(/web/assets/s188/images/common/slt-bnns-918-fish.jpg);
}

.mod-fish.ptf-active {
    background-image: url(/web/assets/s188/images/common/slt-bnns-pt-fish.jpg);
}

.mod-fish.fgf-active {
    background-image: url(/web/assets/s188/images/common/slt-bnns-fg-fish.jpg);
}

.lobby-platform .kissf-platform {
    background: url(/web/assets/s188/images/common/slt-btn-kiss.png) no-repeat;
}

.lobby-platform .ptf-platform {
    background: url(/web/assets/s188/images/common/slt-btn-pt.png) no-repeat;
}

.lobby-platform .fgf-platform {
    background: url(/web/assets/s188/images/common/slt-btn-fg.png) no-repeat;
}

.mn-fh {
    background: url( /web/assets/s188/images/common/mn-fish.png) no-repeat;
    width: 23px;
    height: 23px;
    float: left;
}

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

.active .mn-fh {
    background: url( /web/assets/s188/images/common/mn-fish-h.png) no-repeat;
}

.dropdown-menu.lang {
    width: 100%;
    min-width: auto;
    text-align: center;
    left: 0;
    border: none;
    background: rgba(0,0,0,0.7);
}

button#ddlang {
    background: transparent;
}

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

.dd-item {
    display: block;
    padding: 6px 0;
}

    .dd-item:hover {
        filter: drop-shadow(0 0 4px rgb(255,255,255,0.9)) brightness(1.1);
    }
/************23092019**************/
.box-tour h4 {
    font-size: 16px;
    color: #fcde62;
    margin: 0px;
    padding: 0px;
}

.box-tour p {
    color: #fff;
    margin-top: 4px;
}

.box-tour {
    padding-top: 15px;
    padding-bottom: 10px;
}
/********************251020196*****************/
tr.f-clr td {
    background: #0000008f;
    border-bottom: 3px solid #00000000;
    color: #fbda61;
}

tr.s-clr td {
    background: #0000008f;
    border-bottom: 6px solid #00000000;
    color: #889697;
}

tr.t-clr {
    background: #0000008f;
    color: #a36922;
}

.tour-table {
    width: 530px;
    margin-right: 40px;
}

.btn-jn {
    background: url(/web/assets/s188/images/common/button.png)no-repeat center top;
    position: absolute;
    bottom: 38px;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    height: 64px;
    text-align: center;
    color: #fff !important;
    padding-top: 15px;
    font-size: 20px;
}

    .btn-jn:hover {
        text-decoration: none;
        background: url(/web/assets/s188/images/common/button-h.png)no-repeat center top;
    }

.tour-all2 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
    margin-bottom: 35px;
    margin-top: 15px;
}

.tour-all2 {
    background: url(/web/assets/s188/images/common/line-tr2.png) no-repeat center top;
    padding-top: 42px;
    height: 544px;
    padding-left: 65px;
    padding-right: 65px;
}

.tour-tab ul {
    float: none !important;
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
    border: none !important;
    margin: 0px !important;
    padding: 0px !important;
}

.tour-content .tab-content {
    margin: 0px;
}

.tab-tour {
    position: relative;
}

.tour-tab {
    position: absolute;
    z-index: 1;
    width: 100%;
    top: 15px;
}

#tab-tr .tour-tab ul li a {
    background: #ffe895;
    border-radius: 30px !important;
    padding: 5px 30px;
    border: 1px solid #ffe895;
}

#tab-tr .tour-tab ul li {
    margin: 5px;
}

    #tab-tr .tour-tab ul li a img {
        max-height: 41px;
    }

    #tab-tr .tour-tab ul li a.acitve {
        background: #000;
    }

    #tab-tr .tour-tab ul li a.active {
        background: #000000;
        border: 1px solid #ffe895;
    }

    #tab-tr .tour-tab ul li:first-child img {
        filter: brightness(0%);
    }

    #tab-tr .tour-tab ul li:first-child a.active img {
        filter: none;
    }
/**********************************/
.amt-box {
    display: inline-block;
    margin-bottom: 10px;
}

    .amt-box ul {
        display: flex;
        padding: 0px;
        margin: 0px;
    }

        .amt-box ul li {
            list-style: none;
        }

            .amt-box ul li button {
                background: #fff;
                color: #000;
                margin-right: 10px;
                padding: 10px 25px;
            }

.vou-box {
    padding-top: 6%;
}

    .vou-box label {
        text-align: right;
        padding-right: 40px;
    }

.msg-box {
    max-width: 900px;
}

    .msg-box .modal-header {
        padding: 10px;
        background: #dd0023;
        color: #fff;
    }

    .msg-box .modal-content {
        border-radius: 15px;
    }

    .msg-box .close {
        color: #fff;
        opacity: 1;
        font-size: 28px;
    }

    .msg-box .modal-body {
        background: #e2e2e2;
    }

.table-msg tr th {
    border-collapse: collapse;
    border-radius: 1em;
    overflow: hidden;
    border: 1px solid #fff;
    padding: 12px;
}

table.table-msg {
    width: 100%;
}

.table-msg ul li a.bg-primary {
}

.msg-ttl {
    display: block;
    width: 100%;
    color: #ffe895;
    border-bottom: 1px solid #ffe895;
    padding-bottom: 5px;
}

.table-msg ul {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    margin: 0px;
    padding: 0px;
    border: 1px solid #ffe895;
}

    .table-msg ul li {
        list-style: none;
    }

        .table-msg ul li a {
            display: block;
            padding: 10px 20px;
            background: #000 !important;
            cursor: pointer;
        }

            .table-msg ul li a:hover {
                background-color: #ffe895 !important;
                color: #000 !important;
            }

            .table-msg ul li a span {
                float: right;
                margin-right: 10px;
                color: red;
                text-transform: uppercase;
            }

.msg-content {
    padding: 20px;
    width: 70%;
    border: 1px solid #ffe895;
    position: relative;
}

textarea.form-control {
    position: absolute;
    bottom: 59px;
    width: 650px;
    height: 250px;
}

.reply-content {
    padding: 10px;
    background: #000;
    width: 100%;
    height: 270px;
    top: 250px;
    color: #fff;
    border: 1px solid #ffe895;
    position: relative;
}

.msg-box .modal-footer {
    padding: 0px;
    padding-bottom: 25px;
    background: #e2e2e2;
}

.btn-delete {
    margin-right: 27%;
    background: #fff;
    display: inline-block;
    text-align: center;
    padding: 5px 40px;
    border-radius: 20px;
    border: 1px solid #c3c3c3;
}

    .btn-delete:hover {
        border: 1px solid #ffffff;
        background: #c3c3c3;
    }

.msg-bg {
    display: block;
    margin: 0px auto;
    background: #000;
    border: 1px solid #ffe895;
    border-radius: 0px;
}

#msg-box {
}

    #msg-box .modal-dialog {
        width: 1000px;
        max-width: 1000px;
    }

.msg-b {
    padding: 10px;
}

.msg-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
}

.msg-l {
    width: 30%;
    padding-right: 1%;
}

.table-msg {
}

.msg-bg button.close {
    position: absolute;
    top: -9px;
    right: -9px;
    border-radius: 50%;
    background: #ffe895;
    width: 30px;
    height: 30px;
    color: #000;
    opacity: 1;
    font-size: 18px;
}

    .msg-bg button.close:hover {
        opacity: 0.8;
    }

.table-msg ul li a.active {
    background: #ffe895 !important;
    color: #000 !important;
}

button.btn-load {
    background: #5ed087;
    border-radius: 30px;
    width: 100%;
    margin-top: 10px;
    display: block;
    padding: 5px;
    font-size: 16px;
    border: 1px solid #5ed087;
}

    button.btn-load:hover {
        background: #000000;
        border: 1px solid #5ed087;
    }

i.fas.fa-trash-alt {
}

button.btn-bin {
    position: absolute;
    bottom: 5px;
    right: 10px;
    background: none;
    color: #ffe895;
    font-size: 20px;
}

    button.btn-bin:hover {
        opacity: 0.8;
    }

.reg-b {
    display: flex;
}

.reg-promo {
    border-radius: 35px;
    width: 450px;
}

    .reg-promo img {
        border: 1px solid #6dacfc;
        border-radius: 35px;
    }

.done-reg {
    border: 1px solid #6dacfc;
    border-radius: 35px;
    background: #0000006e;
    margin-left: 20px;
    width: 475px;
    padding: 30px;
    position: relative;
}

.ttl-reg p {
    color: #ffe895;
    position: relative;
    display: inline-block;
    z-index: 2;
    font-size: 17px;
}

    .ttl-reg p:after {
        content: " ";
        position: absolute;
        left: 120px;
        top: -12px;
        width: 293px;
        border-bottom: 1px solid #ffe895;
        padding: 12px;
        color: #ffe895;
        font-size: 14px;
        z-index: 1;
    }

.active-box hr {
    width: 100%;
    border-bottom: 1px #fff;
    border-style: dashed;
}

.active-box p {
    display: block;
    width: 100%;
    color: #ffe895;
    text-align: center;
}

span.nm-reg {
    font-size: 22px;
    margin-right: 20px;
}

.reg-tl {
    display: flex;
    width: 96%;
    position: absolute;
    margin: 0px 2%;
    background: #000000cf;
    padding: 5px 10px;
    top: 5px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
}

.quic-reg {
    color: #ffe895;
}

.quic-reg2 {
    color: #fff;
}

    .quic-reg2 a {
        color: #fe465e;
    }

.btn-otp {
    padding: 0px 20px;
    border: 1px solid #6dacfc;
    border-radius: 30px;
    background: #6dacfc;
    margin-left: 10px;
}

    .btn-otp:hover {
        background: #314d71c4;
    }

.control-group {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

.control {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    cursor: pointer;
    width: 410px !important;
    font-size: 12px;
}

    .control input {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }

.control__indicator {
    position: absolute;
    top: 0px;
    left: 0;
    height: 20px;
    width: 20px;
    background: #e6e6e6;
}

.control--radio .control__indicator {
    border-radius: 50%;
}

.control:hover input ~ .control__indicator, .control input:focus ~ .control__indicator {
    background: #ccc;
}

.control input:checked ~ .control__indicator {
    background: #828282;
}

.control:hover input:not([disabled]):checked ~ .control__indicator, .control input:checked:focus ~ .control__indicator {
    background: #6dacfc;
}

.control input:disabled ~ .control__indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}

.control__indicator:after {
    content: '';
    position: absolute;
    display: none;
}

.control input:checked ~ .control__indicator:after {
    display: block;
}

.control--checkbox .control__indicator:after {
    left: 7px;
    top: 3px;
    width: 7px;
    height: 12px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.control--checkbox input:disabled ~ .control__indicator:after {
    border-color: #7b7b7b;
}

.control--radio .control__indicator:after {
    left: 7px;
    top: 7px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #fff;
}

.control--radio input:disabled ~ .control__indicator:after {
    background: #7b7b7b;
}

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

.done-ico {
    display: block;
    width: 100%;
}

    .done-ico img {
        display: block;
        margin: 0px auto;
    }

.done-rg h4 {
    color: #ffe895;
    margin-bottom: 40px;
}

.user-if {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
    width: 100%;
    color: #fff;
    margin-top: 20px;
}

.user-1 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    align-content: stretch;
    width: 298px;
}

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

span.r-clr {
    margin-left: 14px;
    color: #fe465e;
}

.msg-in {
    position: absolute;
    top: -2px;
    left: 30px;
}

    .msg-in i {
        font-size: 12px;
        color: #f00;
    }

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

.tk-nt {
    display: flex;
    color: #ffe895;
}
/***************MSG****************/
.amt-box {
    display: inline-block;
    margin-bottom: 10px;
}

    .amt-box ul {
        display: flex;
        padding: 0px;
        margin: 0px;
    }

        .amt-box ul li {
            list-style: none;
        }

            .amt-box ul li button {
                background: #fff;
                color: #000;
                margin-right: 10px;
                padding: 10px 25px;
            }

.vou-box {
    padding-top: 6%;
}

    .vou-box label {
        text-align: right;
        padding-right: 40px;
    }

.msg-box {
    max-width: 900px;
}

    .msg-box .modal-header {
        padding: 10px;
        background: #dd0023;
        color: #fff;
    }

    .msg-box .modal-content {
        border-radius: 15px;
    }

    .msg-box .close {
        color: #fff;
        opacity: 1;
        font-size: 28px;
    }

    .msg-box .modal-body {
        background: #e2e2e2;
    }

.table-msg tr th {
    border-collapse: collapse;
    border-radius: 1em;
    overflow: hidden;
    border: 1px solid #fff;
    padding: 12px;
}

table.table-msg {
    width: 100%;
}

.table-msg ul li a.bg-primary {
}

.msg-ttl {
    display: block;
    width: 100%;
    color: #ffe895;
    border-bottom: 1px solid #ffe895;
    padding-bottom: 5px;
}

.table-msg ul {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    margin: 0px;
    padding: 0px;
    border: 1px solid #ffe895;
}

    .table-msg ul li {
        list-style: none;
    }

        .table-msg ul li a {
            display: block;
            padding: 10px 20px;
            background: #000 !important;
            cursor: pointer;
        }

            .table-msg ul li a:hover {
                background-color: #ffe895 !important;
                color: #000 !important;
            }

            .table-msg ul li a span {
                float: right;
                margin-right: 10px;
                color: red;
                text-transform: uppercase;
            }

.msg-content {
    padding: 20px;
    width: 70%;
    border: 1px solid #ffe895;
    position: relative;
}

.msg-box .modal-footer {
    padding: 0px;
    padding-bottom: 25px;
    background: #e2e2e2;
}

.btn-delete {
    margin-right: 27%;
    background: #fff;
    display: inline-block;
    text-align: center;
    padding: 5px 40px;
    border-radius: 20px;
    border: 1px solid #c3c3c3;
}

    .btn-delete:hover {
        border: 1px solid #ffffff;
        background: #c3c3c3;
    }

.msg-bg {
    display: block;
    margin: 0px auto;
    background: #000;
    border: 1px solid #ffe895;
    border-radius: 0px;
}

#msg-box {
}

    #msg-box .modal-dialog {
        width: 1000px;
        max-width: 1000px;
    }

.msg-b {
    padding: 10px;
}

.msg-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
}

.msg-l {
    width: 30%;
    padding-right: 1%;
}

.table-msg {
}

.msg-bg button.close {
    position: absolute;
    top: -9px;
    right: -9px;
    border-radius: 50%;
    background: #ffe895;
    width: 30px;
    height: 30px;
    color: #000;
    opacity: 1;
    font-size: 18px;
}

    .msg-bg button.close:hover {
        opacity: 0.8;
    }

.table-msg ul li a.active {
    background: #ffe895 !important;
    color: #000 !important;
}

button.btn-load {
    background: #5ed087;
    border-radius: 30px;
    width: 100%;
    margin-top: 10px;
    display: block;
    padding: 5px;
    font-size: 16px;
    border: 1px solid #5ed087;
}

    button.btn-load:hover {
        background: #000000;
        border: 1px solid #5ed087;
    }

i.fas.fa-trash-alt {
}

button.btn-bin {
    position: absolute;
    bottom: 5px;
    right: 10px;
    background: none;
    color: #ffe895;
    font-size: 20px;
}

    button.btn-bin:hover {
        opacity: 0.8;
    }

.reg-b {
    display: flex;
}

.reg-promo {
    border-radius: 35px;
    width: 450px;
}

    .reg-promo img {
        border: 1px solid #6dacfc;
        border-radius: 35px;
    }

.done-reg {
    border: 1px solid #6dacfc;
    border-radius: 35px;
    background: #0000006e;
    margin-left: 20px;
    width: 475px;
    padding: 30px;
    position: relative;
}

.ttl-reg p {
    color: #ffe895;
    position: relative;
    display: inline-block;
    z-index: 2;
    font-size: 17px;
}

    .ttl-reg p:after {
        content: " ";
        position: absolute;
        left: 120px;
        top: -12px;
        width: 293px;
        border-bottom: 1px solid #ffe895;
        padding: 12px;
        color: #ffe895;
        font-size: 14px;
        z-index: 1;
    }

.active-box hr {
    width: 100%;
    border-bottom: 1px #fff;
    border-style: dashed;
}

.active-box p {
    display: block;
    width: 100%;
    color: #ffe895;
    text-align: center;
}

span.nm-reg {
    font-size: 22px;
    margin-right: 20px;
}

.reg-tl {
    display: flex;
    width: 96%;
    position: absolute;
    margin: 0px 2%;
    background: #000000cf;
    padding: 5px 10px;
    top: 5px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
}

.quic-reg {
    color: #ffe895;
}

.quic-reg2 {
    color: #fff;
}

    .quic-reg2 a {
        color: #fe465e;
    }

.btn-otp {
    padding: 0px 20px;
    border: 1px solid #6dacfc;
    border-radius: 30px;
    background: #6dacfc;
    margin-left: 10px;
}

    .btn-otp:hover {
        background: #314d71c4;
    }

.control-group {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

.control {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    cursor: pointer;
    width: 410px !important;
    font-size: 12px;
}

    .control input {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }

.control__indicator {
    position: absolute;
    top: 0px;
    left: 0;
    height: 20px;
    width: 20px;
    background: #e6e6e6;
}

.control--radio .control__indicator {
    border-radius: 50%;
}

.control:hover input ~ .control__indicator, .control input:focus ~ .control__indicator {
    background: #ccc;
}

.control input:checked ~ .control__indicator {
    background: #828282;
}

.control:hover input:not([disabled]):checked ~ .control__indicator, .control input:checked:focus ~ .control__indicator {
    background: #6dacfc;
}

.control input:disabled ~ .control__indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}

.control__indicator:after {
    content: '';
    position: absolute;
    display: none;
}

.control input:checked ~ .control__indicator:after {
    display: block;
}

.control--checkbox .control__indicator:after {
    left: 7px;
    top: 3px;
    width: 7px;
    height: 12px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.control--checkbox input:disabled ~ .control__indicator:after {
    border-color: #7b7b7b;
}

.control--radio .control__indicator:after {
    left: 7px;
    top: 7px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #fff;
}

.control--radio input:disabled ~ .control__indicator:after {
    background: #7b7b7b;
}

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

.done-ico {
    display: block;
    width: 100%;
}

    .done-ico img {
        display: block;
        margin: 0px auto;
    }

.done-rg h4 {
    color: #ffe895;
    margin-bottom: 40px;
}

.user-if {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
    width: 100%;
    color: #fff;
    margin-top: 20px;
}

.user-1 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    align-content: stretch;
    width: 298px;
}

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

span.r-clr {
    margin-left: 14px;
    color: #fe465e;
}

.msg-in {
    position: absolute;
    top: -2px;
    left: 30px;
}

    .msg-in i {
        font-size: 12px;
        color: #f00;
    }

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

.tk-nt {
    display: flex;
    color: #ffe895;
}
/**************More info******************/
.btn-minfo {
    position: relative;
    margin-top: 320px;
}

    .btn-minfo a {
        text-align: center;
        display: block;
        width: 240px;
        border: 1px solid #47aada;
        background: #00000075;
        padding: 8px;
        border-radius: 8px;
    }

        .btn-minfo a:hover {
            background: #47aada;
            text-decoration: none;
        }

.minfo-box h4 {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}

.wrap-info {
    color: #fff;
}

span.sp-off {
    margin-left: 10px;
}

.sm-ttl {
    padding: 10px;
    border: 1px solid #47aada;
    background: #00000070;
}

.info-img {
    border: 1px solid #47aada;
    border-bottom: none;
}

.sm-ttl p {
    margin: 0px;
}

.minfo-content {
    border: 1px solid #47aada;
    padding: 20px 30px;
    border-radius: 10px;
    margin-bottom: 20px;
    background: rgba(0, 0, 0, 0.5);
}

.btn-rm {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
}

    .btn-rm a {
        background: #000;
        border: 1px solid #ffe895;
        color: #ffe895;
        padding: 5px 40px;
        border-radius: 20px;
        font-size: 14px;
    }

        .btn-rm a:hover {
            background: #ffe895;
            color: #000;
            text-decoration: none;
        }

.btn-rm2 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: stretch;
}

.btn-rm3 {
    display: flex;
    justify-content: flex-end;
}

    .btn-rm3 a {
        background: #000;
        border: 1px solid #ffe895;
        color: #ffe895;
        padding: 5px 40px;
        border-radius: 20px;
        font-size: 14px;
    }

        .btn-rm3 a:hover {
            background: #ffe895;
            color: #000;
            text-decoration: none;
        }

.sm-ttl2 {
    padding: 30px;
    border: 1px solid #47aada;
    background: #00000070;
}

    .sm-ttl2 p {
        margin: 0px;
    }
/*********Show password*************/
.toggle-password {
    position: absolute;
    right: 7px;
    background: #5ecae8;
    height: 30px;
    width: 30px;
    padding: 6px 6px;
    font-size: 18px;
    border-radius: 50px;
    box-shadow: inset 0px -2px 5px -3px rgba(0,0,0,0.20);
    top: 4px;
    text-align: center;
    color: #2d2a3c;
}







/************15052020**************/
.flex-c ul {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex-c .menu-col-logo {
    padding: 18px 10px;
}



/****************ecLotto*****************/
.lotto-bg-ec {
    background: url("/web/assets/s188/images/common/eclotto-bg.jpg")no-repeat center top;
    height: 935px;
}

a.btn-lotto4 {
    position: absolute;
    bottom: -29px;
    left: 40.1%;
    background: #000000;
    color: #fff;
    padding: 9px 28px 5px 28px;
    border-radius: 50px;
    font-size: 22px;
    line-height: 27px;
    border: 1px solid #ffe895;
}

.btn-lotto4:hover {
    color: #000;
    background: #ffe895;
    text-decoration: none;
}

.lotto-result-in {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.lt-item:nth-child(4n+1) {
    margin-left: 0px;
}

.lt-item {
    background: #000000;
    color: #ffffff;
    text-shadow: 1px 1px 1px #000;
    border: 1px solid #47aada;
    width: 262px;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 35px;
    margin-left: 16px;
}

.btn-date {
    background: #212121;
    color: #fffdcf;
    text-align: center;
    text-align: center;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    width: 100%;
    padding: 10px;
}

.lt-flex {
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    margin: 5px 10px;
}

.lt-tr:first-child {
    border: none;
}

.lt-tr {
    display: table;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    margin-bottom: -1px;
}

.lt-td:first-child {
}

.cl-5 {
    width: 50%;
    border: 1px solid #47aada !important;
}

.lt-td {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #47aada;
}

.ttl-2 {
    border: none;
}

.ecresult-md {
    max-width: 1130px;
}

    .ecresult-md .modal-content {
        background: rgba(0, 0, 0, 0.9);
        border: 1px solid #47aada;
        border-radius: 20px;
    }

        .ecresult-md .modal-content h4 {
            text-align: center;
            margin: 10px;
            color: #ffe895;
        }

    .ecresult-md .close {
        position: absolute;
        top: 20px;
        right: 20px;
        opacity: 1;
        color: #ffe895;
    }

.ec-result {
    margin-top: 20px;
}

.lt-3 {
    width: 75%;
    display: flex;
    margin: 0px auto;
    align-items: center;
    justify-content: space-around;
}

.lt-td.cl-4 {
    width: 100%;
}

table.ec-table tr td {
    border: 1px solid #47aada;
    padding: 5px 10px;
    color: #ffe895;
    text-align: center;
}

table.ec-table tr th {
    padding: 5px 10px;
    color: #ffe895;
    text-align: center;
    border: 1px solid #47aada;
}

.ec-md {
    background: rgba(0, 0, 0, 0.9);
    border: 1px solid #47aada;
    border-radius: 20px;
}

    .ec-md .modal-content {
        background: none;
    }

    .ec-md h4 {
        text-align: center;
        color: #ffe895;
        padding: 10px 0px;
    }

    .ec-md .close {
        position: absolute;
        top: 25px;
        right: 20px;
        opacity: 1;
        color: #ffe895;
    }

    .ec-md .modal-body {
        padding: 15px 30px;
    }

.ec-table {
    margin-bottom: 28px;
}

.ec-md h4 span {
    position: relative;
    top: -6px;
    margin-left: 10px;
}

.search-container {
    width: 360px;
    position: relative;
}

input#search-bar {
    margin: 0 auto;
    width: 100%;
    height: 34px;
    padding: 0 20px;
    font-size: 1rem;
    border: 1px solid #ffe895;
    outline: none;
    border-radius: 10px;
}

.search-icon {
    position: absolute;
    float: right;
    width: 75px;
    height: 75px;
    top: 9px;
    right: -45px;
    color: #898989;
}

.slot-srh {
    background: rgba(0, 0, 0, 0.3);
    padding: 15px;
    border-radius: 10px;
    margin-top: 15px;
}

    .slot-srh ul li {
        list-style: none;
    }

    .slot-srh ul {
        display: flex;
        padding: 0px;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: center;
        align-content: stretch;
    }

        .slot-srh ul li img:hover {
            transform: scale(0.9);
            transition: transform .25s ease;
        }

.nd-wrap {
    overflow: hidden;
    text-align: center;
    margin: 0 auto;
    position: relative;
    display: inline-block;
    padding: 10px;
    border: 1px solid #ffe895;
}

    .nd-wrap img {
        display: block;
    }

.nd-title {
    position: relative;
    top: -150px;
    opacity: 0;
    margin: 0 0 30px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    -webkit-transition: all 1s ease 0.01s;
    transition: all 1s ease 0.01s;
}

    .nd-title span {
        color: #fff;
        padding: 0 20px 15px;
        border-bottom: 1px solid #ccc;
        display: inline-block;
    }

.nd-icon {
    color: #000;
    display: inline-block;
    margin: 5px;
    opacity: 0;
    position: relative;
    cursor: pointer;
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
    -webkit-transition-timing-function: cubic-bezier(1.000, -0.530, 0.405, 1.425);
    transition-timing-function: cubic-bezier(1.000, -0.530, 0.405, 1.425);
}

    .nd-icon span {
        background: rgba(255, 255, 255, 0.7);
        border-radius: 3px;
        padding: 10px 15px;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }

    .nd-icon:hover span {
        background: #fff;
        -webkit-transform: scale(1.1,1.1);
        transform: scale(1.1,1.1);
    }

.nd-content {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.nd-content_inner {
    display: table;
    width: 100%;
    height: 100%;
}

.nd-content_inner1 {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.nd-wrap:hover .nd-icon, .nd-wrap:hover .nd-content, .nd-wrap:hover .nd-title {
    opacity: 1;
    top: 0;
}

.nd-wrap:hover .nd-title {
    -webkit-transition: all 0.5s cubic-bezier(1.000, -0.530, 0.405, 1.425) 0.01s;
    transition: all 0.5s cubic-bezier(1.000, -0.530, 0.405, 1.425) 0.01s;
}

.nd-wrap:hover .nd-content {
    background: rgba(0, 0, 0, 0.5);
}

.nd-content .nd-icon:nth-of-type(1) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.nd-content .nd-icon:nth-of-type(2) {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}

.nd-content .nd-icon:nth-of-type(3) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.nd-content .nd-icon:nth-of-type(4) {
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.25s;
}

.nd-wrap.nd-style-7:hover .nd-title {
    -webkit-transition: all 0.5s ease 0.01s;
    transition: all 0.5s ease 0.01s;
}

.nd-style-7 .nd-icon {
    -webkit-transform: scale(1.5,1.5);
    transform: scale(1.5,1.5);
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
}

.nd-wrap.nd-style-7:hover .nd-icon {
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
}

.gm-lby ul {
    margin: 0px;
    padding: 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: stretch;
}

    .gm-lby ul li {
        list-style: none;
        margin-left: 40px;
        margin-bottom: 10px;
    }

.btngm {
    background: linear-gradient(to bottom, rgba(255,229,101,1) 0%, rgba(231,167,77,1) 100%);
    color: #000;
    font-size: 12px;
    width: 100px;
}

    .btngm:hover {
        background: linear-gradient(to bottom, rgba(231,167,77,1) 0%, rgba(255,229,101,1) 100%);
    }

p.gm-nm {
    margin: 0px;
    margin-top: 8px;
    color: #fff;
}

.gm-lby ul li:nth-child(7n+1) {
    margin-left: 0px;
}

.gm-lby {
    padding: 20px;
}

/****************vip*****************/
.vip-bg {
    background: #121e53 url(../images/common/vip/vip-bg.jpg) center top no-repeat;
    position: relative;
}

.vip-title {
    background: url(../images/common/vip/vtitle.png?v2) center top no-repeat;
    height: 270px;
}

.vip-wrap {
    display: flex;
    margin-top: 15px;
    position: relative;
    border: 1px solid #47aada;
    padding: 20px 30px;
    border-radius: 10px;
    margin-top: 80px;
    background: rgba(0, 0, 0, 0.5);
}

.vip-content {
    display: flex;
    margin-top: 15px;
    position: relative;
    width: 100%;
    margin-top: -90px;
}

.vip-top {
    z-index: 1;
    position: absolute;
    width: 100%;
}

.vip-table {
    display: table;
    width: 100%;
    top: -86px;
    left: 14px;
    position: absolute;
}

.vip-cell {
    text-align: center;
    font-size: 12px;
    color: #ffe895;
    padding: 0 0;
}

.vip-r {
    flex: 1 0 auto;
    position: relative;
    width: 100%;
}

.vip-in-table {
    color: #fff;
}

.vip-header {
    margin-top: 20px;
    font-weight: bold;
    font-size: 18px;
}

table.vip-all {
    width: 100%;
}

    table.vip-all tr td {
        text-align: center;
        padding: 10px 0px;
    }

        table.vip-all tr td:first-child {
            color: #ffe895;
            font-weight: bold;
        }

.vip-btn {
    background: #fe465e;
    color: #fff;
    padding: 15px 50px 10px 50px;
    border-radius: 50px;
    font-size: 22px;
    line-height: 27px;
    left: 0px;
    right: 0px;
    width: 213px;
    margin: 0px auto;
    display: flex;
    text-align: center;
    margin-top: 20px;
}

.vip-tnc {
    color: #fff;
    padding: 20px 0px 30px;
}

    .vip-tnc h1 {
        font-size: 18px;
        font-weight: bold;
    }

    .vip-tnc ul li {
        font-size: 14px;
    }
/** update 7/1/2022 **/
.contact-vip {
    display: inline-block;
    position: relative;
    font-weight: 700;
    background: #ffe895;
    height: 15px;
    width: 15px;
    color: #000;
    border-radius: 50%;
    line-height: 1.1;
    font-size: 13px;
    margin-left: 4px;
    cursor: pointer;
}

.offer-ct {
    position: absolute;
    left: -105px;
    background: #393577;
    color: #fff;
    font-weight: 400;
    font-size: 12px;
    width: 165px;
    border-radius: 6px;
    padding: 3px 5px;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
}

.contact-vip:hover .offer-ct {
    visibility: visible;
    opacity: 1;
    transition: 0.3s;
}


/** 11/11/2022 Menu- Info Dropdown **/
li.info-menu {
    position: relative;
}

.info-dropdown {
    position: absolute;
    z-index: 9;
    background: #292929;
    top: 96%;
    right: -10%;
    width: 150%;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
}

    .info-dropdown a {
        padding: 8px 2px;
        display: block;
        font-weight: 600;
    }

        .info-dropdown a:hover {
            background: #ffe895;
            color: #000;
            text-decoration: none;
        }

.wsmenu-list li:hover > .info-dropdown {
    opacity: 1;
    visibility: visible;
    transition: 0.3s;
}

/** Update VIP page - 3/10/2022  **/
.red-boost {
    color: #FF0004;
    font-weight: 700;
}

.up-arrow img {
    max-height: 35px;
}

/** 6/9/2023 udpate - Mission Page **/
.mn-mission {
    background: url("/web/assets/s188/images/common/mission/mission-icon-menu.png") no-repeat;
    width: 23px;
    height: 21px;
    float: left;
}

.menupart > ul > li > a:hover .mn-mission, .active .mn-mission {
    filter: grayscale(1) brightness(0);
}

.mission-sec {
    background: #131e54 url("/web/assets/s188/images/common/mission/mission-bg.jpg")no-repeat top center;
    background-size: cover;
    position: relative;
    padding: 50px 0 30px;
    overflow: hidden;
}

#space {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
}

.mission-sec img {
    max-width: 100%;
}

.title-mission-wrapper {
    max-width: 1020px;
    margin: 0 auto;
}

.ms-title-1 {
    max-width: 680px;
    margin: 0 auto 30px;
}

.ms-title-2 {
    max-width: 710px;
    margin: 5px 0;
}

.ms-title-3 {
    max-width: 700px;
    margin: 5px 0 5px auto;
}

.ms-title-3 {
    max-width: 700px;
    margin: 5px 0 5px auto;
}

.mission-container {
    margin: 45px 0;
}

.mstitle-wrap {
    position: relative;
    max-width: 500px;
    margin: 0 auto -40px;
    z-index: 2;
}

.mission-wrapper {
    text-align: center;
    padding-bottom: 15px;
}

.mission-box {
    position: relative;
    background: rgb(8,13,25,0.65);
    border: 1px solid #47a9d8;
    border-radius: 8px;
    display: inline-block;
    max-width: 350px;
    width: 100%;
    margin: 5px 5px;
    color: #fff;
    text-align: center;
    padding: 40px 15px;
    line-height: 1.2;
}

.mstext-1 {
    color: #ffe894;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 17px;
}

.mstext-2 {
    font-size: 40px;
    font-weight: 700;
    padding: 5px 0;
}

button.claim-btn {
    background: #fd465d;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    min-width: 170px;
    border-radius: 40px;
    padding: 10px 10px;
}

    button.claim-btn:hover {
        background: #ffe895;
        color: #000;
    }

.deco {
    position: absolute;
    mix-blend-mode: screen;
    pointer-events: none;
}

    .deco img {
        animation: 3s flash ease-in-out infinite;
    }

    .deco.flare-1 {
        left: 11%;
        top: 3%;
        max-width: 17%;
    }

    .deco.flare-2 {
        right: 18%;
        top: -3%;
        max-width: 12%;
    }

        .deco.flare-2 img {
            animation: 2.5s flash ease-in-out infinite;
        }

    .deco.flare-3 {
        left: 29%;
        right: 0;
        top: -1%;
        max-width: 8%;
        margin: 0 auto;
        animation: 2.8s spinning linear infinite;
    }

        .deco.flare-3 img {
            animation: 3.5s flash ease-in-out infinite;
        }

    .deco.flare-4 {
        right: 11%;
        top: 10%;
        max-width: 16%;
    }

        .deco.flare-4 img {
            animation: 2.7s flash ease-in-out infinite;
        }

    .deco.flare-5 {
        left: 13%;
        top: 24%;
        max-width: 12%;
        animation: 3.4s spinning linear infinite;
    }

        .deco.flare-5 img {
            animation: 2.8s flash ease-in-out infinite;
        }

@keyframes spinning {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes flash {
    0% {
        transform: scale(1);
        transform-origin: center;
    }

    50% {
        transform: scale(0.1);
        opacity: 0.5;
        transform-origin: center;
    }

    100% {
        transform: scale(1);
        transform-origin: center;
    }
}