@import url("materialize.css");
* {
     margin: 0;
     padding: 0;
     border: 0;
     font-size: 100%;
     vertical-align: baseline;
     outline: none;
     font-size-adjust: none;
     -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
     -ms-text-size-adjust: none;
     -webkit-tap-highlight-color: rgba(0,0,0,0);
     -webkit-font-smoothing: antialiased;
     -webkit-transform: translate3d(1,1,1);
     transform:translate3d(1,1,1);
     text-rendering: auto;
     -webkit-font-smoothing: subpixel-antialiased;
     -moz-osx-font-smoothing: grayscale;
}
 *:focus {
    outline: none;
}
 *,*:after,*:before {
     box-sizing: border-box;
     padding: 0;
     margin: 0;
}
 *{
     font-family:"Roboto", "Arial", "Helvetica Neue", sans-serif;
}
 body{
     margin: 0;
     padding: 0;
     overflow-x:hidden;
     font-size:13px;
     line-height:23px;
     font-weight:400;
     background-color:#FFFFFF;
     transition: background-color .5s;
     -webkit-overflow-scrolling: touch;
}
 .header-title {
     padding:1rem;
     padding-left: env(safe-area-inset-left);
     padding-right: env(safe-area-inset-right);
     padding-top: env(safe-area-inset-top);
     padding-bottom: env(safe-area-inset-bottom);
}
 .header-icon-2 {
     margin: 1rem;
     margin-left: env(safe-area-inset-left);
     margin-right: env(safe-area-inset-right);
     margin-top: env(safe-area-inset-top);
     margin-bottom: env(safe-area-inset-bottom);
}
 .header-icon-3 {
     margin: 1rem;
     margin-left: env(safe-area-inset-left);
     margin-right: env(safe-area-inset-right);
     margin-top: env(safe-area-inset-top);
     margin-bottom: env(safe-area-inset-bottom);
}
 .header-icon-1 {
     margin: 1rem;
     margin-left: env(safe-area-inset-left);
     margin-right: env(safe-area-inset-right);
     margin-top: env(safe-area-inset-top);
     margin-bottom: env(safe-area-inset-bottom);
}
 /* .sl-nav {
     margin: 1rem;
     margin-left: env(safe-area-inset-left);
     margin-right: env(safe-area-inset-right);
     margin-top: env(safe-area-inset-top);
     margin-bottom: env(safe-area-inset-bottom);
}
 .date {
     margin: 1rem;
     margin-left: env(safe-area-inset-left);
     margin-right: env(safe-area-inset-right);
     margin-top: env(safe-area-inset-top);
     margin-bottom: env(safe-area-inset-bottom);
}
 .time {
     margin: 1rem;
     margin-left: env(safe-area-inset-left);
     margin-right: env(safe-area-inset-right);
     margin-top: env(safe-area-inset-top);
     margin-bottom: env(safe-area-inset-bottom);
} */
 a:active{
     color: #00ebff !important;
}
 ::-webkit-scrollbar{
    display: none;
}
 ::selection {
    background-color:#CCC;
     color:#000;
}
 div, a, p, img, blockquote, form, fieldset, textarea, input, label, code, pre {
     display: block;
     position:relative;
}
 textarea, input {
    outline: none;
}
 input[type="submit"]{
    appearance:none;
     -webkit-appearance: none;
}
 input{
    border-radius: 0!important;
     -webkit-border-radius:0px!important;
     display:inline-block;
}
 textarea{
    -webkit-appearance: none!important;
     border-radius: 0!important;
     -webkit-border-radius:0px!important;
}
 label a{
    display:inline-block;
}
 a{
    color:#2980b9;
}
 p > a {
     display: inline;
     text-decoration: none;
}
 p > a:hover{
    text-decoration: underline;
}
 p > span {
    display: inline;
}
 p strong{
    font-size:13px;
     font-weight:500;
}
 span > a {
    display: inline;
}
 a > span {
    display: inline;
}
 a {
    text-decoration: none;
}
 a:hover {
    text-decoration: none;
}
 strong a, em a{
    display:inline;
}
 h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {
    display: inline;
}
 table {
    border-collapse: separate;
     border-spacing: 0;
     width: 100%;
     clear: both;
     margin-bottom: 27px;
}
 th {
    vertical-align: middle;
     font-weight: bold;
}
 tr {
    line-height: 18px;
}
 td {
    text-align: center;
     padding:9px 0px 9px 0px;
     line-height: 18px;
     vertical-align: middle;
}
 .table tr.even td{
    background: #efefef;
}
 th{
     border-bottom: 1px solid rgba(255,255,255,0.1);
     color: #1f1f1f;
     line-height:15px;
     background-color: #f6f6f6;
    text-align: center !important;
    border-right: 1px solid rgba(0, 0, 0, 0.12) !important;
     border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
}
 td{
     color: #666;
    background-color: #fdfdfd;
    text-align: center !important;
    border-right: 1px solid rgba(0, 0, 0, 0.12) !important
}
 table{
    background-color: #f6f6f6;
     font-size:12px;
}
 ul, ol{
    color:#666666;
     font-size:13px;
}
 ul {
    margin-bottom: 30px;
}
 ul ul{
    margin-bottom:5px;
}
 ol ol{
    margin-bottom:5px;
    margin-left: 10px;
}
 ol {
    margin-bottom: 30px;
}
 li {
    line-height: 24px;
}
 ol > li:last-child, ul > li:last-child {
    margin-bottom:0px;
}
 i{
    min-width:12px;
}
 .disabled{
    display:none!important;
}
 .responsive-image{
    display:block;
     height:auto;
     max-width:100%;
     overflow:hidden;
    z-index:-1
}
 .round-image{
    border-radius:100%;
}
 p{
    line-height: 20px;
     word-spacing:2px;
     margin-bottom: 10px !important;
     font-size:13px;
     color:#636363;
     text-align:left
}
 p strong{
    color:#1f1f1f;
}
 h1, h2, h3, h4, h5, h6{
     margin-bottom:5px;
     letter-spacing:-0.5px;
     font-weight:500;
     font-family: "Roboto", "Arial", "Helvetica Neue", sans-serif;
     color:#636363
}
 h1 *, h2 *, h3 *, h4 *, h5 *, h6 *{
     font-family: "Roboto", "Arial", "Helvetica Neue", sans-serif;
}
 h1{
    font-size:24px;
     line-height:30px
}
 h2{
    font-size:21px;
     line-height:25px
}
 h3{
    font-size:20px;
     line-height:24px
}
 h4{
    font-size:16px;
     line-height:23px
}
 h5{
    font-size:17px;
     line-height:22px
}
 .data__title{
    text-align: center;
    color:#636363;
     white-space: nowrap;
     top: 19px;
     font-size:1.2em;
     font-weight:bold;
    pointer-events: none;
}
 .bg-black{
    background-color:#000!important;
}
 .highlight{
    color:#FFF;
     padding:0px 5px;
}
 [data-menu-type="menu-box-bottom"] .page-title{
    margin-top:-5px!important;
}
 .page-title{
    padding:15px 15px 0px 15px;
}
 .page-title:not(has-subtitle){
    padding-top:15px!important;
}
 .page-title:not(has-subtitle) .page-title-right{
    padding-top:5px!important;
}
 .page-title-right{
    position:absolute;
     right:20px;
     top:23px;
     z-index:5;
}
 .page-title{
    padding-top:25px;
}
 .page-title .page-title-right{
    margin-top:-12px;
}
 .page-title.has-subtitle a{
    padding-top:3px!important;
}
 .page-title.has-subtitle span{
    margin-top:-3px;
}
 .page-title.has-subtitle .page-title-right{
    margin-top:-3px!important;
}
 .page-title.has-subtitle span:first-child{
    font-weight:600;
     font-size:10px;
     margin-bottom:-5px;
     margin-top:-5px;
}
 .page-title.has-subtitle a:last-child{
    padding-bottom:15px;
}
 .page-title-left a{
     font-family: "Roboto", "Arial", "Helvetica Neue", sans-serif;
     font-size:20px;
     font-weight:600;
     color:#1f1f1f;
     letter-spacing:-1px;
}
 .page-title-left span{
     font-weight:500;
     font-size:11px;
     display:block;
}
 .page-title-right a{
     color:#14212f;
     float:left;
     text-align:center;
     height:40px;
     width:40px;
     line-height: 27px;
     font-size: 17px;
     border-radius: 40px;
     padding-top: 0px;
     margin-left: 8px;
}
/*Preloader*/
 .loader-main{
     position:fixed;
     top:0px;
     left:0px;
     right:0px;
     bottom:0px;
     z-index:999;
     background-color:#FFF;
     will-change: opacity;
     transition:all 250ms ease;
}
 .midbg{
     background: url('../../images/src-wos/images-m/bg__mid.jpg')!important;
     background-repeat: no-repeat;
     background-attachment: fixed;
     background-size: cover !important;
}
 .loader-active{
     will-change: opacity;
     transition:all 350ms ease;
     opacity:1!important;
}
 .loader-inactive{
     will-change: opacity;
     transition:all 350ms ease;
     opacity:0!important;
     pointer-events: none!important;
}
 .preload-spinner, .preload-spinner {
     animation: preload-spin1 1.2s ease infinite;
     clip: rect(0, 40px, 40px, 20px);
     height: 40px;
     width: 40px;
     position: absolute;
     left: 50%;
     margin-left:-20px;
     top:50%;
     margin-top:-20px;
}
 .preload-spinner:after{
     animation: preload-spin2 1.2s ease-in-out infinite;
     clip: rect(0, 40px, 40px, 20px);
     content:'';
     border-radius: 50%;
     height: 40px;
     width: 40px;
     position: absolute;
     border-style: solid;
     border-width: 3px;
     border-color:inherit;
}
 @keyframes preload-spin1 {
    25% {
        transform: rotate(0deg)
    }
     100% {
        transform: rotate(185deg)
    }
}
 @keyframes preload-spin2 {
    0% {
        transform: rotate(-175deg);
    }
     100% {
        transform: rotate(175deg);
    }
}
 .preload-small:after{
    border-width: 1px;
}
 .preload-large:after{
    border-width: 10px;
}
 .preload-medium:after{
    border-width: 5px;
}
 .preload-full:after{
    border-width: 20px;
}
/*Content Boxes*/
 @media(max-width:325px){
     .content{
        margin:0px 15px 30px 15px!important;
    }
     .caption-margins{
        margin:0px 15px 40px 15px!important;
    }
}
 .under-content-button{
     width:200px;
     left:50%;
     transform:translateX(-50%);
     text-align:center;
     margin-top:-23px;
}
 .content{
    margin:0px 15px 15px 15px;
}
 .round-medium, .content-round-medium, .menu-box-round-medium{
    border-radius:0px!important;
     overflow:hidden;
}
/* add to homescreen */
.is-on-homescreen .header{
    height:90px !important;
}
.is-on-homescreen #header-fixed-space{
    height:87px !important;
}
.is-on-homescreen .midbg{
    height:55px !important;
}
/* end add to homescreen */

/*--Page Content Settings---*/
 .footer-menu{
    transition:transform 350ms ease!important;
}
 .page-content{
    transition:all 350ms ease;
}
 .header{
    transition: transform 350ms ease;
}
/*--Header---*/
 .header .header-title, .header-nav .header-title{
     position:absolute;
     height:55px;
     line-height:42px;
     font-family:"Roboto", "Arial", "Helvetica Neue", sans-serif;
     font-size:17px;
     color:#FFF;
     font-weight:700;
     z-index:1;
}
 .header-subtitle{
     font-size:13px!important;
     text-transform:none!important;
     font-weight:600!important;
     transform:translateX(-5px);
}
 .header .header-logo, .header-nav .header-logo{
     background-repeat: no-repeat;
     background-position:center center;
     height:100%;
     position:absolute;
     z-index:1;
     left:50%;
}
 .header-fixed, .header-nav{
     position:fixed;
     top:0px;
     left:0px;
     right:0px;
     height:55px;
}
 .header-auto-show{
    opacity:0;
     pointer-events:none;
     transition:all 250ms ease;
}
 .header-active{
    opacity:1;
     pointer-events:all;
     transition:all 250ms ease;
}
 .header-always-show .header{
    margin-top:0px!important;
}
 .header-static{
    position:relative!important;
}
 .theme-light .header-transparent{
    background-color:transparent!important;
     box-shadow:none!important;
     border:none!important;
}
 .header-clear{
    padding-top:55px;
}
 .header-clear-small{
    padding-top:20px;
}
 .header-clear-medium{
    padding-top:60px;
}
 .header-clear-large{
    padding-top:85px;
}
 .header .header-icon{
     position:absolute;
     height:55px;
     width:45px;
     text-align:center;
     line-height:42px;
     font-size:15px;
     color:#FFF;
     bottom:0px;
}
 .header{
     height:55px;
     z-index:96;
     margin-top: -2px;
     background: url(../../images/src-wos/images-m/bg__top.jpg)!important;
     background-repeat: no-repeat;
     background-attachment: fixed;
     background-size: cover !important;
}
 .header-transparent-light{
    background-color:transparent;
    box-shadow:none!important;
}
 .header-transparent-light a{
    color:#FFF;
}
 .header-transparent-dark{
    background-color:transparent;
    box-shadow:none!important;
}
 .header-transparent-dark a{
    color:#FFF;
}
 .header-logo-center .header-icon-1{
    left:0px;
}
 .header-logo-center .header-icon-2{
    left:4px;
}
 .header-logo-center .header-icon-3{
    right:45px;
}
 .header-logo-center .header-icon-4{
    right:0px;
}
 .header-logo-center .header-title{
    width:150px;
     left:50%;
     margin-left:-75px;
     text-align:center;
}
 .header-logo-center .header-logo{
    background-position:center center;
     width:150px!important;
     left:50%;
     margin-left:-75px;
     text-align:center;
}
 .header-logo-left .header-icon-1{
    right:0px;
     top:0px
}
 .header-logo-left .header-icon-2{
    right:46px;
     top:0px;
     z-index:1
}
 .header-logo-left .header-icon-3{
    right:55px;
     top:-2px
}
 .header-logo-left .header-icon-4{
    right:105px;
     top:8px
}
 .header-logo-left .header-icon-5{
    right:140px;
     top:8px
}
 .header-logo-left .header-logo{
    left:0px!important;
     margin-left:0px!important;
}
 .header-logo-left .header-title{
    left:15px!important;
     margin-left:0px!important;
}
 .header-logo-right .header-icon-1{
    left:0px;
}
 .header-logo-right .header-icon-2{
    left:10px;
}
 .header-logo-right .header-icon-3{
    left:60px;
}
 .header-logo-right .header-icon-4{
    left:110px;
}
 .header-logo-right .header-logo{
    left:auto!important;
     right:20px!important;
     margin-left:0px!important;
}
 .header-logo-right .header-title{
    left:auto!important;
     right:-80px!important;
     margin-left:-0 !important;
}
 .header-logo-app .header-icon-1{
    left:3px;
}
 .header-logo-app .header-icon-2{
    right:2px;
}
 .header-logo-app .header-icon-3{
    right:53px;
}
 .header-logo-app .header-icon-4{
    right:103px;
}
 .header-logo-app .header-logo{
    left:0px!important;
     margin-left:40px!important;
}
 .header-logo-app .header-title{
    left:0px!important;
     margin-left:55px!important;
}
 .header-logo{
    color:rgba(0,0,0,0)!important;
}
 .header-logo span{
    color:rgba(0,0,0,0)!important;
}
/*Footer*/
 .footer-menu{
     z-index:96;
     position:fixed;
     bottom:0px;
     left:0px;
     right:0px;
     height:calc(60px + (constant(safe-area-inset-bottom)));
     height:calc(60px + (env(safe-area-inset-bottom)));
     border-top:solid 1px rgba(0,0,0,0.03);
     transition:transform 350ms ease;
     background-color:#FFF;
     box-shadow:0 -5px 15px 0 rgba(0,0,0,0.09)!important;
     display: flex;
     flex-wrap: wrap;
}
 .footer-menu a{
    float:none;
    flex: 1
}
 .footer-6-icons a{
    width:16.5%
}
 .footer-5-icons a{
    width:20%
}
 .footer-4-icons a{
    width:25%
}
 .footer-4-icons a:hover{
    color:red !important
}
 .footer-3-icons a{
    width:33.3%
}
 .footer-2-icons a{
    width:50%
}
 .footer-menu a i{
     display:block;
     text-align:center;
     color:#4a4a4a;
     font-size:15px;
     padding-top:16px;
}
 .footer-menu a img{
     display:block;
     margin:0 auto;
     width:2em;
     padding-top:10px;
}
 .medium_bar_icons{
     width: 1.2em;
     height: 1.2em;
     right: 5px;
}
 .left_top_bar_username{
     width: 1.4em;
     height: 1.4em;
     top: 10px;
     left: 320px;
}
 .left_top_bar_balance{
     width: 1.4em;
     height: 1.4em;
     bottom: 17px;
     left: 320px;
}
 .userinfo{
     font-size:0.85em;
     font-weight: normal;
     font-style: italic;
     color: rgba(0,0,0,0.5);
     text-align:left;
     margin-left: 320px;
     top:2px
}
 .userinfo2{
     font-size:0.85em;
     font-weight: normal;
     font-style: italic;
     color: rgba(0,0,0,0.5);
     margin-top: -27px;
     text-align:left;
     margin-left: 320px;
}
 .nowrap {
    white-space: nowrap
}
 .min150 {
    min-width: 150px;
    margin-top:3px
}
 .date{
     font-size: 1.1em;
     line-height: 14px !important;
     font-style: italic;
     color:rgba(0,0,0,0.5);
     left: 10px;
     margin-bottom: 3px;
}
 .time{
     font-size: 1.1em;
     line-height: 14px !important;
     font-style: italic;
     color:rgba(0,0,0,0.5);
     left: 10px;
}
 .ver_align{
     line-height:18px;
}
.medium_bar_container{
     display:flex;
     height:55px;
}
 .medium_bar_link{
     margin:8px 8px 0 0;
     line-height: 0px;
}
 .medium_bar_link:first-child{
     margin-left:5px
}
 .medium_bar_container a:active span{
     color:#00ebff;
}
 .top_bar_icons{
     margin: 0 auto;
     width: 1.8em;
     top: 16px;
     right: 4px;
}
 .top_bar_icons_left{
     width: 1.6em;
     top: 17px;
     left:15px
}
 .nav_bar_icons{
     width: 1.4em;
     top: 5px;
     display: inline-block;
}
.footer-menu span{
     font-size:10px;
     display:block;
     text-align:center;
     color:#666;
     margin-top:-2px;
}
 .footer-menu-no-text span{
    opacity:0;
}
 .footer-menu-no-text i{
    padding-top:20px!important;
     font-size:17px!important;
}
 .footer-menu-no-text{
     height:calc(60px + (constant(safe-area-inset-bottom)))!important;
     height:calc(60px + (env(safe-area-inset-bottom)))!important;
}
/* .footer-menu-center-icon .active-nav span{
    display:none;
}
 */
 .footer-menu-center-icon .active-nav span{
    display:none;
}
 .footer-menu-center-icon i{
    margin-top:0px;
     font-size:16px!important;
}
 .footer-menu-center-icon .active-nav i{
     box-shadow:0 5px 15px 0 rgba(0,0,0,0.2)!important;
     color:#FFF!important;
     width:42px;
     height:42px;
     margin:7px auto 0px auto!important;
     border-radius:45px;
     line-height:11px;
}
 .footer-menu-center-icon.footer-menu-no-text .active-nav i{
    padding-top:16px!important;
}
/*Menu System*/
 .menu-box, .menu-hider{
    display:none;
     opacity:0;
}
 .menu-ready{
    display:block;
}
 .menu-hider{
    pointer-events: none;
     transition:all 350ms ease;
     background-color:rgba(0,0,0,0.5);
}
 .menu-hider-visible{
    transition:all 350ms ease;
     pointer-events: all;
     opacity:1;
}
 .page-content{
     /* z-index:95; */
     /* background-color:#FFF; */
     overflow-x:hidden;
     box-shadow: 0 0px 25px 13px rgba(0,0,0,0.08);
     background-position: top center;
     background-repeat: repeat;
     background-image: url('../../images/src-wos/images-m/bg__game.png')!important;
     /* z-index:1 */
}
 .page-footer-menu .page-content{
     padding-bottom:calc(60px + (constant(safe-area-inset-bottom)));
     padding-bottom:calc(60px + (env(safe-area-inset-bottom)));
     z-index: 0;
}
/*Menu Update*/
 #menu-update{
     background-color:#FFF;
     position:fixed;
     z-index:9999;
     width:310px;
     height:430px;
     top:50%;
     left:50%;
     transform:translate(-50%, -50%);
     opacity:0;
     pointer-events:none;
     border-radius:0px;
     transition:all 350ms ease;
}
 .menu-active{
    opacity:1!important;
}
 .menu-active-no-click{
    opacity:1;
     background-color:rgba(0,0,0,0.8);
     pointer-events:all!important;
}
 #menu-install-pwa-ios{
    overflow:visible!important;
}
 .fa-ios-arrow{
    transform:translateY(10px);
}
 .theme-light .fa-ios-arrow{
    color:#FFF!important;
}
 .menu-box{
     overflow-y: scroll!important;
     -webkit-overflow-scrolling: touch!important;
     position:fixed;
     z-index:99;
     transition:all 350ms ease;
     -webkit-transform: translateZ(0);
     -moz-transform: translateZ(0);
     -ms-transform: translateZ(0);
     -o-transform: translateZ(0);
     transform: translateZ(0);
     -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
     -ms-backface-visibility: hidden;
     backface-visibility: hidden;
     -webkit-perspective: 1000;
     -moz-perspective: 1000;
     -ms-perspective: 1000;
     perspective: 1000;
     background-size:cover;
}
 .menu-active{
     pointer-events:all!important;
     transition:all 350ms ease;
}
 .menu-hider{
     position:fixed;
     top:0px;
     left:0px;
     right:0px;
     bottom:0px;
     z-index:98;
     background-color: rgba(7, 36, 34, 0.88);
}
 [data-menu-effect="menu-reveal"]{
    z-index:90!important;
     display:none;
}
 [data-menu-effect="menu-reveal"][data-menu-type="menu-box-left"]{
    transform:translateX(0px)!important;
}
 [data-menu-effect="menu-reveal"][data-menu-type="menu-box-right"]{
    transform:translateX(0px)!important;
}
 [data-menu-type="menu-box-left"]{
     opacity:1;
     top:0px;
     bottom:0px;
     left:0px;
     border-radius:0px!important;
}
 [data-menu-type="menu-box-right"]{
     opacity:1;
     top:0px;
     bottom:0px;
     right:0px;
     border-radius:0px!important;
}
 [data-menu-type="menu-box-top"]{
     opacity:1;
     top:0px;
     right:0px;
     left:0px;
}
 [data-menu-type="menu-box-bottom"]{
     opacity:1;
     bottom:0px;
     right:0px;
     left:0px;
}
 [data-menu-type="menu-box-modal"]{
     transform-origin: 0% 0%;
     opacity:0;
     pointer-events:none;
     left:50%;
     top:50%;
     transform:scale(0.9, 0.9) translate(-50%,-50%)!important;
}
 .menu-active[data-menu-type="menu-box-modal"]{
     opacity:1!important;
     pointer-events: all!important;
     transform:scale(1, 1) translate(-50%, -50%)!important;
}
 .menu-active[data-menu-type="menu-box-left"]{
    transform:translateX(0px)!important;
}
 .menu-active[data-menu-type="menu-box-right"]{
    transform:translateX(0px)!important;
}
 .menu-active[data-menu-type="menu-box-bottom"]{
    transform:translateY(0px)!important;
}
 .menu-active[data-menu-type="menu-box-top"]{
    transform:translateY(0px)!important;
}
 .menu-box-detached[data-menu-type="menu-box-top"]{
     opacity:1;
     top:15px;
     right:10px;
     left:10px;
     margin-top:-25px;
}
 .menu-box-detached[data-menu-type="menu-box-bottom"]{
     opacity:1;
     bottom:15px;
     right:10px;
     left:10px;
     margin-bottom:-25px;
}
 .header, .footer-menu{
    transition:all 350ms ease!important;
}
 .menu-hide-header{
    transform: translateY(-100%)!important;
     opacity:1;
     transition:all 350ms ease!important;
}
 .menu-hide-footer{
    transform: translateY(100%)!important;
     opacity:1;
     transition:all 350ms ease!important;
}
 .menu-box-detached[data-menu-type="menu-box-top"].menu-active{
    margin-top:0px!important;
}
 .menu-box-detached[data-menu-type="menu-box-bottom"].menu-active{
    margin-bottom:0px!important;
}
 .page-bg{
     background-size:500%;
     position:fixed;
     top:0px;
     left:0px;
     right:0px;
     bottom:0px;
     height:100%;
     margin-top:-50%;
     z-index:70;
     margin-top:0;
     overflow:hidden!important;
     pointer-events: none!important;
}
 @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71){
     .caption-bottom img{
         top:5px !important
    }
}
 .caption-bottom{
    position:absolute;
     z-index:2;
     bottom:28px;
     display: flex;
}
 .caption-bottom_img{
    width:50% !important;
    left: 8%
}
 .caption-bottom_img_desktop{
    left: 9%;
    width:50% !important
}
 .caption-bottom_img_mobile{
     width:50% !important;
    left:-39%
}
 .desktop{
    position:absolute;
     left:20px;
     z-index:2;
     bottom:20px;
     width:100px
}
 .mobile{
    position:absolute;
     left:110px;
     z-index:2;
     bottom:20px;
     width:100px
}
 .caption-center{
    position:absolute;
     left:0px;
     right:0px;
     z-index:2;
     top:50%;
     transform: translateY(-50%);
}
 .caption-center .button{
    margin-top:-3px;
}
 .caption-bottom p{
    margin-bottom:10px;
}
 .cover-slider{
     z-index:2!important;
     position:relative;
}
 .caption-overlay{
     z-index:1;
     position:absolute;
     top:0px;
     left:0px;
     right:0px;
     bottom:-1px;
     pointer-events: none;
}
 .above-overlay{
    z-index:2;
}
 [data-height="cover"] .caption-top{
    margin-top:55px;
}
 [data-height="cover-header"]{
    overflow:visible!important;
     margin-bottom:0px!important;
}
 .caption{
    z-index:2;
     margin-bottom:30px;
     overflow:hidden;
}
 .caption-margins{
    margin:0px 15px 30px 15px;
}
 .caption-cover{
    height:100vh;
}
 .caption-cover-header{
    height:calc(100vh - 55px);
}
 .caption-background, .caption-bg{
     position:absolute;
     background-size:cover;
     background-position:center center;
     background-repeat: no-repeat;
     top:0px;
     left:0px;
     right:0px;
     bottom:0px;
     z-index:0;
}
 .caption-icon-top-right{
    top:-30px;
     right:-40px;
}
 .caption-icon-top-left{
    top:-30px;
     left:-40px;
}
 .caption-icon-bottom-left{
    bottom:-50px;
     left:-50px;
}
 .caption-icon-bottom-right{
    bottom:-50px;
     right:-50px;
}
 .caption-height-10{
    height:10vh;
}
 .caption-height-20{
    height:20vh;
}
 .caption-height-30{
    height:30vh;
}
 .caption-height-40{
    height:40vh;
}
 .caption-height-50{
    height:50vh;
}
 .caption-height-60{
    height:60vh;
}
 .caption-height-70{
    height:70vh;
}
 .caption-height-80{
    height:80vh;
}
 .caption-height-90{
    height:90vh;
}
 .caption-height-100{
    height:100vh;
}
 .is-on-homescreen .cover-button{
    bottom:150px!important;
}
 .is-on-homescreen .cover-next, .is-on-homescreen .cover-prev{
    bottom:60px!important;
}
 .is-on-homescreen .cover-has-buttons .owl-dots{
    transform:translateY(-55px)!important;
}
 .is-on-homescreen .cover-has-buttons .cover-button{
    margin-bottom:-50px!important;
}
 .is-on-homescreen .owl-only-dots .owl-dots{
    transform:translateY(-70px)!important;
}
/*Buttons*/
 .button{
     color:#FFF;
     display:inline-block;
     margin-bottom:15px;
     overflow:hidden;
     transition:all 250ms ease;
     font-weight:800;
     text-transform:uppercase;
}
 .button-icon i{
     position:absolute;
     left:0px;
     top:0px;
     background-color:rgba(0,0,0,0.1);
     text-align:center;
     border-radius:inherit;
     border-top-right-radius: 0px;
     border-bottom-right-radius: 0px;
}
 .button-border{
    border:solid 1px;
}
 .button-margins{
    margin-left:15px;
     margin-right:15px;
}
 .button:active{
    box-shadow: inset 0 3px 5px 0 rgba(0,0,0,0.3)!important;
     transition:all 250ms ease;
}
 .button-round-large{
    border-radius:13px;
}
 .button-m{
    padding:10px 20px;
     font-size:12px;
}
 .button-full{
    display:block;
     text-align:center;
}
 .button-m.button-icon i{
    width:45px;
     line-height:44px;
     font-size:16px;
}
 .button-m.button-circle.button-icon i{
    border-radius:46px
}
 .button-m.button-icon{
    padding-left:60px
}
 .button-m.button-3d{
    border-bottom:solid 4px;
     padding-top:12px;
}
/*Back to Top*/
 .content .back-to-top-badge{
     transform:translate(0,0)!important;
     width:130px;
     margin:30px auto 0px auto!important;
     left:auto;
     bottom:auto;
     display:block;
     position:relative!important;
}
 .content .back-to-top-icon{
     transform:scale(1,1) translate(0,0px)!important;
     margin:0px auto 30px auto;
     right:auto;
     bottom:auto;
     display:block;
     position:relative!important;
}
 .back-to-top-badge{
     position:fixed;
     z-index:996;
     bottom:30px;
     left:50%;
     transform:translate(-50%, 70px);
     display:inline-block;
     padding:5px 20px;
     border-radius:35px;
     color:#FFF;
     text-align:center;
     font-size:12px;
     transition:all 250ms ease;
}
 .back-to-top-icon{
     position:fixed;
     z-index:9999;
     bottom:10px;
     right:15px;
     display:inline-block;
     width:35px;
     line-height:35px;
     border-radius:35px;
     color:#FFF;
     text-align:center;
     font-size:12px;
     transform:scale(0,0);
     transition:all 250ms ease;
}
 .back-to-top-badge i{
    padding:0px 10px 0px 0px;
}
 .back-to-top-icon span{
    display:none
}
 .back-to-top-badge.back-to-top-visible{
    transform:translate(-50%, 30px)
}
 .back-to-top-icon.back-to-top-visible{
    transform:scale(1, 1)
}
 .back-to-top-icon-square{
    border-radius:0px
}
 .back-to-top-icon-round{
    border-radius:5px
}
 .back-to-top-icon-circle{
    border-radius:40px;
     background:rgba(0,0,0,0.5)
}
 .gallery-view-2 .caption{
    display:none;
}
 .gallery-view-3 .caption{
    padding-top:20px;
}
 .gallery-view-3 div{
    margin-bottom:0.4%;
}
 .gallery-view-1 .caption{
    padding-top:20px;
}
 .gallery-view-1 div{
    margin-bottom:0.4%;
}
/*max-width:100% !important */
 .gallery-view-2 div{
    width:49.8%;
     margin-bottom:0.4% !important;
     float:left;
}
 .gallery-view-4 div{
    width:19.8%;
     margin-bottom:0.4% !important;
     float:left;
}
 .gallery-view-1 div img, .gallery-view-2 div img, .gallery-view-3 div img{
     object-fit: cover !important;
     height: 97%;
     width: 100%;
     object-position: 50% 50%;
}
 .gallery-view-2 div:nth-child(2n-1){
    margin-right:0.4%;
}
 .gallery-view-1 div span,.gallery-view-2 div span,.gallery-view-3 div span{
     display: block;
     text-align: center;
     padding: 10px 0 0 0;
     margin-top: -34px;
}
 .displayflex{
     display:flex !important;
}
#topBanner {
  height: auto !important
}
/* Screen 360 */
 @media only screen and (max-device-width: 360px) and (orientation: portrait) {
     .gallery-view-1 div img,.gallery-view-2 div img{
         object-fit: cover !important;
         max-height: 205px !important;
         width: 100%;
         object-position: 50% 60%;
    }
     .gallery-view-1 div span,.gallery-view-2 div span,.gallery-view-3 div span{
         text-align: center;
         margin-top: -33px;
    }
     .allgametitle__2{
         left: 5px;
         color: #FFF;
         bottom: 4px;
         font-size: 0.79em !important;
         text-align: left;
    }
     .allgamebtn__2{
         right:10px !important;
         position:absolute !important;
         color: #FFF;
         font-size:0.79em !important;
         bottom:4px;
         text-align: right;
    }
}
/* Screen 375x667 */
 @media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
     .gallery-view-1 div img,.gallery-view-2 div img{
         object-fit: cover !important;
         max-height: 140px !important;
         width: 100% !important;
         object-position: 50% 60% !important;
    }
     .gallery-view-1 div span,.gallery-view-2 div span,.gallery-view-3 div span{
         text-align: center;
         margin-top: -33px;
    }
}
/* Screen 414x736 */
 @media only screen and (max-device-width: 414px) and (max-device-height: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
     .gallery-view-1 div img,.gallery-view-2 div img{
         object-fit: cover !important;
         max-height: 178px !important;
         width: 100% !important;
         object-position: 50% 55% !important;
    }
     .gallery-view-1 div span,.gallery-view-2 div span,.gallery-view-3 div span{
         text-align: center;
         margin-top: -33px;
    }
}
/* Screen 414x896 */
 @media only screen and (max-device-width: 414px) and (max-device-height: 896px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
     .wosLogo {
         width: 30% !important;
         top: 10px !important;
         left: -7px;
    }
     .gallery-view-1 div img,.gallery-view-2 div img{
         object-fit: cover !important;
         max-height: 226px;
         width: 100%;
         object-position: 50% 50%;
    }
     .gallery-view-1 div span,.gallery-view-2 div span,.gallery-view-3 div span{
         text-align: center;
         margin-top: -33px;
    }
     .gallery-view-3 div img{
         object-fit: cover !important;
         max-height: 440px;
         width: 100%;
         object-position: 50% 50%;
    }
}
/* Screen 375x812 */
 @media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
     .wosLogo {
         width: 30% !important;
         top: 10px !important;
         left: -7px;
    }
     .gallery-view-1 div img, .gallery-view-2 div img{
         object-fit: cover !important;
         max-height: 192px;
         width: 100%;
         object-position: 50% 50%;
    }
     .gallery-view-1 div span,.gallery-view-2 div span,.gallery-view-3 div span{
         text-align: center;
         margin-top: -33px;
    }
     .gallery-view-3 div img{
         object-fit: cover !important;
         max-height: 390px;
         width: 100%;
         object-position: 50% 50%;
    }
}
/* Screen 383x827 */
 @media only screen and (device-width: 383px) and (device-height: 827px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
     .wosLogo {
         width: 30% !important;
         top: 10px !important;
         left: -7px;
    }
     .gallery-view-1 div img, .gallery-view-2 div img{
         object-fit: cover !important;
         max-height: 235px;
         width: 100%;
         object-position: 50% 50%;
    }
     .gallery-view-1 div span,.gallery-view-2 div span,.gallery-view-3 div span{
         text-align: center;
         margin-top: -33px;
    }
     .gallery-view-3 div img{
         object-fit: cover !important;
         max-height: 460px;
         width: 100%;
         object-position: 50% 50%;
    }
}
/* SPECIAL GAME BUTTON */
 .lang-id .gamebtn{
     right: 0px !important;
     position: absolute !important;
     color: #FFF;
     font-size: 0.9em;
     bottom: 4px;
     line-height:22px;
     border-left: 2px solid #FFF;
     width: 85px !important;
     text-align: center;
}
 .lang-ma .gamebtn{
     right: 0px !important;
     position: absolute !important;
     color: #FFF;
     font-size: 0.9em;
     bottom: 4px;
     line-height:22px;
     border-left: 2px solid #FFF;
     width: 85px !important;
     text-align: center;
}
 .lang-vn .gamebtn{
     right: 0px !important;
     position: absolute !important;
     color: #FFF;
     font-size: 0.9em;
     bottom: 4px;
     line-height:22px;
     border-left: 2px solid #FFF;
     width: 85px !important;
     text-align: center;
}
 .lang-my .gamebtn{
     right: 0px !important;
     position: absolute !important;
     color: #FFF;
     font-size: 0.9em;
     bottom: 4px;
     line-height:22px;
     border-left: 2px solid #FFF;
     width: 85px !important;
     text-align: center;
}
 .lang-pt .gamebtn{
     right: 0px !important;
     position: absolute !important;
     color: #FFF;
     font-size: 0.9em;
     bottom: 4px;
     line-height:22px;
     border-left: 2px solid #FFF;
     width: 85px !important;
     text-align: center;
}

/* GAME TITLE */
 .lang-cn .gametitle{
     left: 5px;
     color: #FFF;
     bottom: 3px;
     font-size: 0.9em;
     text-align: left;
}
 .lang-en .gametitle{
     left: 5px;
     color: #FFF;
     bottom: 3px;
     font-size: 0.9em;
     text-align: left;
}
.lang-hi .gametitle{
    left: 5px;
    color: #FFF;
    bottom: 3px;
    font-size: 0.9em;
    text-align: left;
}
 .lang-ko .gametitle{
     left: 5px;
     color: #FFF;
     bottom: 3px;
     font-size: 0.9em;
     text-align: left;
}
 .lang-th .gametitle{
     left: 5px;
     color: #FFF;
     bottom: 3px;
     font-size: 0.9em;
     text-align: left;
}
 .lang-vn .gametitle{
     left: 5px;
     color: #FFF;
     bottom: 3px;
     font-size: 0.9em;
     text-align: left;
}
 .lang-id .gametitle{
     left: 5px;
     color: #FFF;
     bottom: 3px;
     font-size: 0.9em;
     text-align: left;
}
 .lang-ma .gametitle{
     left: 5px;
     color: #FFF;
     bottom: 3px;
     font-size: 0.9em;
     text-align: left;
}
 .lang-my .gametitle{
     left: 5px;
     color: #FFF;
     bottom: 3px;
     font-size: 0.9em;
     text-align: left;
}
.lang-pt .gametitle{
     left: 5px;
     color: #FFF;
     bottom: 3px;
     font-size: 0.77em;
     text-align: left;
}
/* GAME BUTTON */
 .lang-cn .gamebtn{
     right:0px !important;
     position: absolute !important;
     color: #FFF;
     font-size: 0.9em;
     bottom: 4px;
     border-left: 2px solid #FFF;
     width: 70px !important;
     text-align: center;
}
 .lang-en .gamebtn{
     right:0px !important;
     position: absolute !important;
     color: #FFF;
     font-size: 0.9em;
     bottom: 4px;
     border-left: 2px solid #FFF;
     width: 70px !important;
     text-align: center;
}
.lang-hi .gamebtn{
    right:0px !important;
    position: absolute !important;
    color: #FFF;
    font-size: 0.9em;
    bottom: 4px;
    border-left: 2px solid #FFF;
    width: 70px !important;
    text-align: center;
}
 .lang-ko .gamebtn{
     right:0px !important;
     position: absolute !important;
     color: #FFF;
     font-size: 0.9em;
     bottom: 4px;
     border-left: 2px solid #FFF;
     width: 70px !important;
     text-align: center;
}
 .lang-th .gamebtn{
     right:0px !important;
     position: absolute !important;
     color: #FFF;
     font-size: 0.9em;
     bottom: 4px;
     border-left: 2px solid #FFF;
     width: 70px !important;
     text-align: center;
}
.lang-pt .gamebtn{
    right:0px !important;
    position: absolute !important;
    color: #FFF;
    font-size: 0.77em;
    bottom: 4px;
    border-left: 2px solid #FFF;
    width: 70px !important;
    text-align: center;
}
.allgametitle__2{
     left: 5px;
     color: #FFF;
     bottom: 4px;
     font-size: 0.87em;
     text-align: left;
}
 .allgamebtn__2{
     right:10px !important;
     position:absolute !important;
     color: #FFF;
     font-size:0.87em;
     bottom:4px;
     text-align: right;
}
.lang-ma .allgametitle__2{
    left: 5px;
    color: #FFF;
    bottom: 4px;
    font-size: 0.8em;
    text-align: left;
}
.lang-ma .allgamebtn__2{
  right:10px !important;
  position:absolute !important;
  color: #FFF;
  font-size:0.80em;
  bottom:4px;
  text-align: right;
}
.lang-pt .allgametitle__2{
    left: 5px;
    color: #FFF;
    bottom: 4px;
    font-size: 0.77em;
    text-align: left;
}
.lang-pt .allgamebtn__2{
  right:10px !important;
  position:absolute !important;
  color: #FFF;
  font-size:0.77em;
  bottom:4px;
  text-align: right;
}
.lang-pt .tab{
  font-size:10px!important
}
 .padding-0{
    padding:0 !important
}
/*Responsive Videos and iframes*/
 .max-iframe{
     max-height:200px!important;
     height:300px!important;
     padding-bottom:0px!important;
     margin:0 auto;
}
 .responsive-iframe {
     position: relative;
     padding-bottom: 56.25%;
     height: 0;
     overflow: hidden;
     max-width: 100%;
}
 .responsive-iframe iframe, .responsive-iframe object, .responsive-iframe embed {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
/*---Added to Home---*/
 .add-to-home-visible{
    opacity:1!important;
     pointer-events:all!important;
}
 .add-to-home .close-add-to-home{
    pointer-events: none;
}
 .add-to-home i{
    display:none;
}
 .add-to-home-ios{
    bottom:25px;
}
 .add-to-home-ios i{
     width:40px;
     text-align:center;
     position:absolute;
     font-size:30px;
     left:50%;
     bottom:-18px!important;
     margin-left:-21px;
     transform:rotate(180deg);
     color:#0f1215;
     display:block;
}
 .add-to-home-ios .close-add-to-home{
     position:absolute;
     right:13px;
     top:13px;
     transform:scale(0.5, 0.5);
}
 .add-to-home-android{
    top:20px;
}
 .add-to-home-android i{
     width:40px;
     text-align:center;
     position:absolute;
     top:-18px;
     right:15px;
     font-size:30px;
     margin-left:-20px;
     color:#0f1215;
     display:block;
}
 .add-to-home-android .close-add-to-home{
     position:absolute;
     right:0px;
     top:20px;
     transform:scale(0.5, 0.5);
}
 .add-to-home{
     position:fixed;
     background-color:#0f1215;
     z-index:99;
     left:15px;
     right:15px;
     border-radius:10px;
     height:80px;
     opacity:0;
     pointer-events: none;
     transition:all 250ms ease;
}
 .add-to-home h1{
     position:absolute;
     padding-left:75px;
     padding-top:8px;
     color:#FFF;
     font-size:13px;
}
 .add-to-home p{
     color:#b4b4b4;
     position:absolute;
     font-size:11px;
     padding-right:20px;
     padding-left:75px;
     padding-top:35px;
     line-height:14px;
}
 .add-to-home img{
     width:45px;
     margin-top:17px;
     margin-left:15px;
}
/*Notch Detection*/
 .notch-hider{
    display:none;
}
 .has-notch .notch-hider{
     display:block!important;
     background-color:#FFF;
     position:fixed;
     top:0px;
     left:0px;
     right:0px;
     z-index:990;
}
 .menu-box-content{
    z-index:1;
}
 .menu-box{
    background-color:#FFF;
}
 .theme-light .header{
     background: url('../../images/src-wos/images-m/bg__top.jpg') !important;
     background-repeat: no-repeat;
     background-attachment: fixed;
     background-size: cover !important;
     top: 0px;
}
 .data-header-title{
    top: 9px;
    color:#636363;
    white-space: nowrap;
}
 .theme-light .header-title{
}
 .theme-light .header-icon{
    color:#666;
}
/* CUSTOM STYLE */
 body, a, .primaryColor{
     color:#007774 ;
}
 p{
     margin-bottom:0px;
}
 .wosLogo{
     width:30%;
     top:10px;
     left: -7px;
}
 .wosIcon{
     width: 15%;
     height: 15%;
     top: -12px;
     left: -12px;
}
 .gameBanner {
     width: 100%;
}
 .page-title-right a{
     width: auto;
}
 .closebtn{
     position: absolute !important;
     top: 4px !important;
     right: 12px !important;
     font-size: 50px !important;
     margin-left: 51px !important;
     width: auto !important;
     border-bottom: none !important;
     font-weight: lighter !important;
     color:#000 !important;
}
 .closebtn img{
    width:25px
}
 .live-chat-text{
     padding-left:5px;
     color: #007774;
}
 .row {
     display: flex;
     flex-direction: row;
     align-items: center;
}
 .caption{
     margin-bottom:0px;
}
 .page-title .page-title-right{
     margin-top:0px;
}
/* ---------------- tabs ---------------- */
 @media all {
     * {
         box-sizing: border-box;
    }
     .tabs {
         display: flex;
         flex-direction: row;
         row-wrap: nowrap;
         justify-content: flex-start;
         align-content: flex-start;
         align-items: flex-start;
         box-sizing: border-box;
         background:#007774 !important;
         z-index: 1;
    }
     .tabs * {
         box-sizing: inherit;
    }
     .tabs :focus {
         box-shadow: none;
         outline: none;
    }
     .tabs .button-list {
         flex: 0 1 auto;
         display: flex;
         flex-direction: column;
         justify-content: flex-start;
         align-content: stretch;
         align-items: stretch;
    }
     .tabs button {
         border-radius: 0;
         margin: 0;
         font-size: 0.8rem;
         padding: .3em .3em;
         border: 1px solid transparent;
         background: #ddd;
         color: #666;
         transition: all .6s ease-in-out;
         width: 20vw;
         border-radius: 10px;
    }
     .tabs button:hover {
         color: #333;
    }
     .tabs button:not(:first-of-type) {
         border-top-color: #aaa;
         margin: 4px 0px;
    }
     .tabs button.active {
         background: #fff;
         background: #007774;
         color: white;
    }
     .tabs section {
         flex: 2 1 auto;
         display: none;
         background: #fff;
         background: rgba(255,255,255,.6);
         padding-left: .22rem;
         height: 322px;
    }
     .tabs section.active {
         display: block;
    }
     .tabs img {
         display: block;
         margin: 0 auto;
         width:20px;
         height: 20px;
    }
}
/* / @media all */
 @media (max-width: 900px) {
     .tabs button:first-child:not(.active) {
         border-top: 1px solid #aaa;
         border-left: 1px solid #aaa;
    }
     .tabs button.active {
         border-right: 1px solid #aaa;
    }
}
 .padding-0{
     padding:0 !important;
}
 .sidenav2 {
     height: 100%;
     width: 0;
     position: fixed;
     z-index: 222;
     top: 0;
     right: 0;
     background-color: #007774;
     overflow-x: hidden;
     transition: 0.5s;
     padding-top: 30px;
}
 .sidenav3 {
     width: 220px;
     position: fixed;
     z-index: 222;
     bottom: calc(60px + (env(safe-area-inset-bottom)));
     right: 0;
     background-color: white;
     overflow-x: hidden;
     transition: 0.5s;
     padding-top: 20px;
     border-top-left-radius: 5px;
     border-bottom-left-radius: 5px;
     display: none;
     box-shadow: 1px 0px 5px grey;
     flex-direction: column;
     justify-content: flex-end;
     padding-bottom: 10px;
}
 .sidenav2 a:active {
     color: #00ebff !important;
}
 .sidenav3 a:active {
     color: #00ebff;
}
/* Style the sidenav links and the dropdown button */
 .sidenav2 a, .dropdown-btn {
     padding: 10px 11px 8px 22px;
     text-decoration: none;
     font-size: 13px;
     color: #fff !important;
     display: block;
     border: none;
     background: none;
     width:100%;
     text-align: left;
     cursor: pointer;
     outline: none;
     display: flex;
     flex-direction: row;
     align-items: center;
     justify-content: space-between;
}
 .sidenav2 a:nth-last-child(3) {
}
 .lineDiv{
     border-bottom: 1px solid #0dd1e3;
     margin:10px 0 10px 0
}
 .sidenav2 a:last-child {
    /* color: #00ebff;
     */
}
 .sidenav3 a, .sidenav3 .dropdown-btn {
     padding: 6px 8px 6px 20px;
     text-decoration: none;
     font-size: 1.1rem;
     color: #666;
     display: block;
     border: none;
     background: none;
     width:100%;
     text-align: left;
     cursor: pointer;
     outline: none;
     border-bottom: 0.5px solid rgba(255,255,255,0.3);
}
 .lineMeDiv{
     border-bottom: 1px solid #007774;
     padding-bottom: 10px;
     margin-bottom: 10px;
     padding-left: 5px;
     width: 88%;
     margin-left: 14px;
}
/* On mouse-over */
 .dropdown-btn:hover {
     color: #f1f1f1;
}
 .dropdown-container {
     display: none;
     padding-left: 38px;
}
 .dropdown-container a{
     display: none;
     padding: 10px 11px 8px 22px;
     text-decoration: none;
     font-size: 13px;
     color: #fff;
     display: block;
     border: none;
     background: none;
     width:100%;
     text-align: left;
     cursor: pointer;
     outline: none;
}
 .dropdown-container a:nth-last-child(2) {
     border-bottom: none;
}
 .dropdown-container a:last-child {
     color: white;
}
/* Optional: Style the caret down icon */
 .fa-caret-down {
     float: right;
     padding-right: 8px;
}
 .fa-caret-up {
     float: right;
     padding-right: 8px;
}
 .dropdown-btn.active i{
     color: #00ebff;
}
 .dropdown-btn.active span{
     color: #00ebff;
}
 .sidenav2 .closebtn {
     position: absolute;
     top: -1px;
     right: 2px;
     font-size: 50px;
     margin-left: 51px;
     width: auto;
     border-bottom: none;
     font-weight:lighter;
}
 .sidenav3 .closebtn {
     position: absolute;
     top: 5px;
     right: 5px;
     font-size: 36px;
     margin-left: 50px;
     width: auto;
     border-bottom: none;
}
 .dropdown-btn:focus{
}
/* @media screen and (orientation:landscape) {
  #mobile-menu{height: 78vh !important;}
} */
/* #mobile-menu{height: 20vh !important;} */
/* @media screen and (orientation:portrait) {
  #mobile-menu{height: 80px !important;}
} */
 .sideNavOverlay{
     width: 100%;
     height: 100%;
     background-color: rgba(7, 36, 34, 0.88);
     position: absolute;
     top: 0;
     z-index: 99;
     display: none;
}
 .sideNavOverlay2{
     width: 100%;
     height: 100%;
     background-color: rgba(7, 36, 34, 0.88);
     position: absolute;
     top: 0;
     z-index: 95;
     display: none;
}
 .sideMenuIcon{
     width: 25px;
     height: 25px;
     margin-right: 15px;
}
 .refreshWhiteIcon{
     width: 15px;
     height: 15px;
     margin-left: 11px;
     margin-top:3px
}
 .refreshDarkIcon{
     width: 15px;
     height: 15px;
     margin-left: 3px;
     margin-top: 12px
}
 .message {
     position: absolute;
     width: 17px;
     height: 17px;
     top: 5px;
     right: 166px;
     text-align: center;
     background-color: #666;
     color: #FFF !important;
     border-radius: 50%;
     font-size: 10px;
     line-height: 18px;
}
 .sideMenuSpan{
     flex-direction: row;
     display: flex;
     align-items: center;
}
 .page-content {
     z-index: 94;
     min-height: inherit !important;
}
 .footer-menu {
     z-index: 10;
}
 .loginImg{
     width:140px;
     height: 140px;
     margin:-12px 0 0 31px;
}
 .donwloadImg{
     width: 65px;
     height: 102px;
}
 #loginBtn {
     color:white ;
     background: url('../../images/src-wos/images-m/icons/login_modal/btnbg_login.png');
     background-repeat: no-repeat;
     background-size: cover ;
}
 #login_HomepageBtn {
     width:160px;
}
 .floatleft{
    float:left
}
 .floatright{
    float:right
}
 .login-input{
     display: flex;
     align-items: center;
     border-bottom: 1px solid rgba(0,0,0,0.07);
     margin: 10px 0 17px 0;
     height: 40px;
}
 .loginIcon{
     width: 30px;
     height: 30px;
     margin-bottom: 5px;
     margin-right: 10px;
}
 .loginBottom{
     bottom: 0;
     background: gray;
     color: white;
     padding-left: 20px;
     padding-top: 5px;
     font-size: 0.85rem;
     line-height: 16px;
     padding-bottom: 5px;
}
 .login-lang-dropdown{
     display: none;
     position: absolute;
     background-color: #f1f1f1;
     min-width: 100%;
     box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
     z-index: 1;
     top: 39px;
}
 .lang-input span {
     color: #007774 !important;
     font-weight: normal !important;
     margin-top: 0px !important;
     margin-left:14px !important;
     font-size: 15px !important;
     opacity: 1 !important;
     background: transparent !important;
     position: relative !important;
     width: 233px !important;
}
 .lang-input span:active{
     color:#00ebff !important;
}
 .login-lang-dropdown span{
     color: black ;
     font-weight: normal;
     margin-top: 7px;
     margin-left:5px;
     font-size: 13px;
     opacity: 1;
     background: transparent;
}
 .login-lang-dropdown a{
     display: flex;
     align-items: center;
     padding-bottom: 5px;
     padding-top: 5px;
     padding-left:5px;
}
 .eyeIcon{
     /* width: 20px; */
     height: 20px;
     margin-bottom: 5px;
     padding-right: 10px;
     padding-left: 20px;
}
 .input-style-1 input, input[type=password]:not(.browser-default) {
     border-bottom: none !important;
     margin: 0px !important;
     font-size: 13px !important;
}
 .login-flag{
     display: inline-block;
     box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
     width: 25px;
     height: 25px;
     border-radius: 50%;
     top: 5px;
     overflow: hidden;
     margin-left: 3px;
}
 .page-title-right{
     top: 13px;
}
 [type="checkbox"]:not(:checked), [type="checkbox"]:checked{
     opacity: 1 !important;
     position: unset !important;
     margin-right: 5px;
}
 .rmbme-div{
     align-items: center;
     display: flex;
     margin-top: -10px;
     margin-bottom: 5px;
}
 .footer-menu a:active span{
     color:#00ebff;
}
 .header-logo{
    background-size:28px 28px;
     width:50px;
     background-image:url(../../images/src-wos/images-m/preload-logo.png);
}
 .round {
     border-radius: 4.5rem !important;
     margin:11px 0 0 15px
}
 .footer-menu .message_length_container {
     width: 9px;
     margin: 0 auto !important;
}
 .footer-menu .message_length {
     text-align: center;
     background-color: #666;
     color: #FFF !important;
     border-radius: 50%;
     font-size: 10px;
     line-height: 18px;
     margin-top: -51px;
     margin-left:-10px
}
 .profile{
     right:110px
}
 .fa-angle-down{
     color:rgba(000,000,000,0.3) !important
}
 .tinybtn{
     font-size: 12px!important;
     border-radius: 3px!important;
     position: absolute!important;
     background-color: rgba(0,116,134,0.8) !important;
     text-align: center!important;
     font-style: normal!important;
     z-index: 2!important;
     top: 17px!important;
     line-height: 30px!important;
     color: #FFF!important;
     height: 30px!important;
     margin-right:10px
}
 .bottom-1 {
     margin-bottom: 1%!important;
}
 .sl-nav {
     display: inline;
     top:5px;
     position: absolute !important;
     right: 12px;
}
 .sl-nav ul {
     margin: 0;
     padding: 0;
     list-style: none;
     position: relative;
     display: inline-block;
}
 .sl-nav li {
     cursor: pointer;
}
 .sl-nav li ul {
     position: absolute;
     top: 39px;
     right: -15px;
     display: none;
     background: #fff;
     /* Newly modified */
     width: 135px !important;
     /* Newly modified */
     padding-top: 0px;
     z-index: 1;
     border-radius: 0px;
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
 .sl-nav li .triangle {
     position: absolute;
     top: 25px;
     right: -10px;
     z-index: 10;
     height: 14px;
     overflow: hidden;
     width: 30px;
     background: transparent;
     display:none;
}
 .sl-nav li .triangle:after {
     content: '';
     display: block;
     z-index: 20;
     width: 15px;
     transform: rotate(45deg) translateY(0px) translatex(10px);
     height: 15px;
     background: #fff;
     border-radius: 2px 0px 0px 0px;
     box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}
 .sl-nav li ul li {
     position: relative;
     text-align: left;
     background: transparent;
     padding: 2px 13px 2px 13px;
     z-index: 2;
     font-size: 13px;
     color: #000000;
}
 .sl-nav li ul li:last-of-type {
     padding-bottom: 6px;
}
 .sl-nav li ul li span {
     padding-left: 5px;
     color: #000;
}
 .sl-nav li ul li span:hover, .sl-nav li ul li span.active {
     color: #146c78;
}
 .sl-flag {
     display: inline-block;
     pointer-events: all!important;
     box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
     width: 30px;
     height: 30px;
     background: #aaa;
     border-radius: 50%;
     position: relative;
     top: 8px;
     overflow: hidden;
}
 .flag-en {
     background: url("../../images/src-wos/images-m/icons/flags/en.png");
     background-repeat: no-repeat;
     background-position: 51% !important;
     background-size: auto 100% !important;
}
.flag-hi {
    background: url("../../images/src-wos/images-m/icons/flags/hi.png");
    background-repeat: no-repeat;
    background-position: 51% !important;
    background-size: auto 100% !important;
}
 .flag-cn {
     background: url("../../images/src-wos/images-m/icons/flags/ch.png");
     background-repeat: no-repeat;
     background-position: 51% !important;
     background-size: auto 100% !important;
}
 .flag-vn {
     background-repeat: no-repeat;
     background-position: 51% !important;
     background-size: auto 100% !important;
     background: url("../../images/src-wos/images-m/icons/flags/vn.png");
}
 .flag-th {
     background-repeat: no-repeat;
     background-position: 51% !important;
     background-size: auto 100% !important;
     background: url("../../images/src-wos/images-m/icons/flags/th.png");
}
 .flag-id {
     background-repeat: no-repeat;
     background-position: 51% !important;
     background-size: auto 100% !important;
     background: url("../../images/src-wos/images-m/icons/flags/in.png");
}
 .flag-ko {
     background-repeat: no-repeat;
     background-position: 51% !important;
     background-size: auto 100% !important;
     background: url("../../images/src-wos/images-m/icons/flags/kr.png");
}
 .flag-ma {
     background-repeat: no-repeat;
     background-position: 51% !important;
     background-size: auto 100% !important;
     background: url("../../images/src-wos/images-m/icons/flags/ml.png");
}
 .flag-my {
     background-repeat: no-repeat;
     background-position: 51% !important;
     background-size: auto 100% !important;
     background: url("../../images/src-wos/images-m/icons/flags/my.png");
}
/* Newly modified */
 .flag-pt {
     background-repeat: no-repeat;
     background-position: 51% !important;
     background-size: auto 100% !important;
     background: url("../../images/src-wos/images-m/icons/flags/br.png");
}
/* Newly modified */
 .user-profile {
     margin: -12px 0 -5px 0;
     height: 6em;
}
 .user-profile .username {
     margin-top: -6em;
     margin-left: 6.3em;
     top: 5px;
     text-align:left;
     color: #FFF;
     font-size: 1em;
}
 .user-profile .userid {
     display: inline-block;
     text-align:left;
     margin-left: 6.3em;
     color: #ccc;
     font-size: 1.0em;
}
 .user-profile .bio {
     top:-3px;
     display: inline-block;
     text-align:left;
     margin-left: 5.8em;
     color: #FFF;
     font-size: 1.1em;
     display:flex;
}
 .user-profile > img.avatar {
     padding: .7em;
     margin-left: .3em;
     height: 6.23em;
     width: 6.23em;
     border-radius: 18em;
}
 .user-profile ul.data {
     margin: 2em auto;
     height: 3.70em;
     background: #4eb6b6;
     text-align: center;
     border-radius: 0 0 .3em .3em;
}
 .user-profile li {
     margin: 0 auto;
     padding: 1.30em;
     width: 33.33334%;
     display: table-cell;
     text-align: center;
}
 .user-profile span {
     color: #e3eeee;
     white-space: nowrap;
     font-size: 1em;
     font-weight: bold;
}
 .user-profile span:hover {
     color: #daebea;
}
 .user-profile .topmenu_loginbtn{
     margin:0px auto -60px auto;
     border:1px solid white;
     border-radius:5px;
     padding:2px 40px
}
 .topmenu_loginbtn img{
     height:20px;
     width:20px;
     margin-top:1px
}
 .topmenu_loginbtn span{
     font-size:1rem;
     margin-left:3px;
     font-weight:normal;
}
 .loginbtn{
     width: 90px;
}
/* TAB */
 .row {
     display: flex;
     flex-wrap: wrap;
     margin-right: 0px;
     margin-left: 0px;
}
 .col {
    /* flex-basis: 0;*/
    /* flex-grow: 1;*/
     max-width: 100%;
}
 .col-12 {
     flex: 0 0 100%;
     max-width: 100%;
}
 @media(min-width:768px) {
     .col-md-12 {
         flex: 0 0 100%;
         max-width: 100%;
    }
}

 .sportiframe {
     width:200vw !important;
     height:200vh !important;
     -ms-zoom: 0.5 !important;
     -moz-transform: scale(0.5) !important;
     -moz-transform-origin: 0 0 !important;
     -o-transform: scale(0.5) !important;
     -o-transform-origin: 0 0 !important;
     -webkit-transform: scale(0.5) !important;
     -webkit-transform-origin: 0 0 !important;
}
.sportNewIframe {
    width: 100vw !important;
    height: 100vh !important;
    -ms-zoom: 1 !important;
    -moz-transform: scale(1) !important;
    -moz-transform-origin: 0 0 !important;
    -o-transform: scale(1) !important;
    -o-transform-origin: 0 0 !important;
    -webkit-transform: scale(1) !important;
    -webkit-transform-origin: 0 0 !important;
}
 .iframeVH{
     height:100vh;
     padding-left:0px !important;
     max-height: 100vh;
}
 .header-sticky{
     position: fixed !important;
     right: 0;
     left: 0;
     z-index: 93;
}
 #header-fixed-space{
     height: 53px;
}
 .width50{
    width:50%
}
 .width25{
    width:25%
}


/* Hot Game API ------------------------------------------------------------------------------ */
/* .team-wrapper{
	margin:-10px auto 0 !important;
	width:80% !important
}
.team-show {
  margin: 0 auto;
}
.team-show div {
	outline:none;
}
.team-flex {
	display: flex !important;
	align-items: center;
	justify-content: center;
  margin: 0 auto;
  width:100vw;
}

.team-rate {
	font-size: 24px;
	font-weight: 700;
	margin: 0 15px;
	letter-spacing: 1px;
	text-align: center;
}
.team-name {
	font-size: 1rem;
	font-weight: 700;
	margin: 0 15px;
	letter-spacing: 1px;
	text-align: center;
}
.team1, .team2 {
	font-size: 0.78rem;
	font-weight: 700;
	color: #FFF;
	background-color: rgba(0,0,0,0.8);
	display: inline;
  margin-top: 0px!important;
  padding: 0px !important;
  white-space: nowrap;
}
.teamdatetime {
	margin: 0 auto;
	font-size: 0.9rem;
	text-align: center;
	color: #000;
	font-weight:bold;
  font-style:italic;
  margin-top: -8px !important;
}
.leagueName{
	font-size: 1rem;
	text-align: center;
	color: #000;
  font-weight:bold;
  margin: 5px 0 0 0!important;
}
.team-image {
	width: 55px !important;
	height: 55px !important;
	margin: -12px auto 2px !important;
	position:relative;
}
.team-play {
}
.vsImg {
  margin-top: -24px !important;
  width: 33px !important;
  height: 33px !important;
}
.matchTable {
  background: transparent;
}
.matchTD {
  background: transparent;
  color: transparent;
  border-right: none !important;
  width: 33%;
}
.mobile-play-img{
  margin: -5px 0 0 5px !important;
  width: 78px !important;
  height: 20px !important;
}
.desktop-play-img{
  margin: -5px 5px 0 0 !important;
  width: 78px !important;
  height: 20px !important;
}

@media (min-width: 768px) and (max-width: 1800px) {
  .team-show{
    top:0% !important;
    height:370px !important;
  }
  .team-show div{
    margin-top: 10px !important;
  }
  .team-play {
  	margin: 70px auto 0 !important;
  }
  .team1, .team2 {
  	font-size: 1.2rem;
    padding:5px !important;
  }
  .teamdatetime {
  	font-size: 1.3rem;
    margin-top: 5px !important
  }
  .vsImg {
    margin-top: -24px !important;
    width: 75px !important;
    height: 75px !important;
  }
  .leagueName{
  	font-size: 1.5rem;
  }
  .team-image {
  	width: 90px !important;
  	height: 90px !important;
  	margin: -40px auto 30px !important;
  }
  .mobile-play-img{
    width: 118px !important;
    height: 30px !important;
  }
  .desktop-play-img{
    width: 118px !important;
    height: 30px !important;
  }
  button.slick-prev, button.slick-prev:hover {
    top: 46% !important
  }
  button.slick-next, button.slick-next:hover {
    top: 46% !important
  }
}*/
/* End Hot Game API ------------------------------------------------------------------------------ */

/* MEGA888 */
.megaUser{
  align-items: center;
  display: flex;
  padding-top:0px;
  padding-bottom:15px;
 }
 .megaLabel{
   color: #666;
   font-size:1rem;
   font-weight:normal;;
   text-align: left;
   line-height:14px
 }
 .megaLabel span{
   font-size:0.9rem !important;
   font-weight:normal;
 }
 .megaInputContainer{
   align-items: center;
   display: flex;
}
.megaInputContainer:last-child{
  align-items: center;
  display: flex;
}
 .megaWallet{
   color: #666;
   font-size:1rem;
   font-weight:normal;
   margin-right:10px;
   min-width:75px
 }
 .megaBalance{
   color: #666;
   font-size:0.9rem;
   margin-left:97px;
   margin-top:-3px
 }
 .megaInput{
   display: flex !important;
   align-items: center !important;
   border-bottom: 1px solid rgba(0,0,0,.07) !important;
   height: 30px !important;
   width: 100%;
   margin:0 0 0 5px;
   font-size:1rem
}
.megaInput:hover{
  border-bottom: 1px solid #007774 !important;
}
.megaInput:active{
  border-bottom: 1px solid #007774 !important;
}
.megaTxt::-webkit-input-placeholder { /* Edge */
  color: rgba(102,102,102,0.5);
  font-size: 1rem;
  font-weight: normal;
}
.megaTxt:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: rgba(102,102,102,0.5);
  font-size: 1rem;
  font-weight: normal;
}
.megaTxt::placeholder {
  color: rgba(102,102,102,0.5);
  font-size: 1rem;
  font-weight: normal;
}
.megaTxt{
  margin-left:5px;
}
 .megaSpace{
   width:1em
 }
 .megaDivider{
   border-bottom: 1px solid rgba(0,0,0,.07);
 }
 .megaClose{
   position: absolute !important;
   top: 5px !important;
   right: 12px !important;
   font-size: 50px !important;
   margin-left: 51px !important;
   width: auto !important;
   border-bottom: none !important;
   font-weight: lighter !important;
   color:#666 !important;
}
 .megaClose img{
  width:25px
}
.megaError{
  color:red;
  font-size:0.8rem;
  margin-left:97px;
  margin-top:-10px
}
#megaLoginBtn{
  color: #fff;
  background-color: #007774;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 10px auto;
  height:40px;
  /* box-shadow: 1px 2px 1px #007774; */
}
.radius{
  border-radius: 5px
}
.megaIcon{
  width: 27px;
  height: 27px;
  margin-bottom: 0px;
  margin-right: 5px;
}
.copyIcon{
  width: 15px;
  height: 15px;
  margin-left: 2px;
  margin-top:-1px;
  opacity:.8
}
.copy-notification {
    color: #ffffff;
    background-color: rgba(0,0,0,0.4);
    padding: 2px 5px;
    border-radius: 30px;
    position: absolute;
    /* top: 150%; */
    /* left: 50%; */
    width: 40px;
    right:0;
    /* margin-top: -30px; */
    /* margin-left: -85px; */
    /* display: none; */
    text-align: center;
    z-index: 9999;
    font-size:0.7em
}
.copy-notification.arrow-top {
  margin-top: 0px;
}

.copy-notification.arrow-top:after {
  content: " ";
  position: absolute;
  right: 17px;
  top: -4px;
  border-top: none;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-bottom: 4px solid rgba(0,0,0,0.4);
}

/* 忘记密码 */
.forgotpwd{
    position: absolute !important;
      right: 20px !important;
    align-items: center !important;
    margin: -8px 0 10px 4px !important;
    font-size:1rem;
    color:rgba(0,0,0,.87)
}

/* .prom-image{
  background-color: #FFF;
  background-position: top center;
  background-repeat: repeat;
  background-image: url('../../images/src-wos/images-m/bg__game.png')!important;
  z-index:1
} */



/* Label */
.labelling {
  position: absolute;
  width:100%
}
.labelling .allgamebadge {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  border-top-left-radius: 6px;
  border-bottom-right-radius: 6px;
  background-color: red;
  border: 1px solid white;
}
.labelling .allgamebadge.position{
  top: 44px;
  left: 10px;
  min-width: 38px;
  height: 13px;
  padding: 10px;
  color: #FFF;
	text-transform: uppercase;
	font-weight:700;
  font-size:12px
}
.labelling .allgamebadge.position2{
  top: -10px;
  right: 60px;
  min-width: 32px;
  height: 5px;
  padding: 8px;
  color: #FFF;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11px
}
.labelling .allgamebadge.position3{
  top: -2px;
  left: 40px;
  min-width: 25px;
  height: 15px;
  padding: 3px;
  color: #FFF;
	text-transform: uppercase;
	font-weight:700;
  font-size:10px
}
.lang-hi .position3{
  left: 20px !important;
}
.lang-cn .position3, .lang-vn .position3{
  left: 33px !important;
}
.lang-en .position3, .lang-ma .position3, .lang-id .position3{
  left: 47px !important;
}
/* .labelling .badge {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -7px;
  right: -19px;
  min-width: 38px;
  height: 13px;
  padding: 2px;
  border-radius: 6px;
  background-color: red;
  color: #FFF;
  font-size: 0.8rem;
	text-transform: uppercase;
	font-weight:700
} */
/* .labelling .tabBadge{
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -2px;
  right: -13px;
  min-width: 27px;
  height: 12px;
  z-index: 1;
  padding: 0 2px;
  border-radius: 6px;
  background-color: red;
  color: #FFF;
  font-size: 0.7rem;
  text-transform: uppercase;
  font-weight: 700;
} */
/* .lang-cn .tabBadge{
  right: 0px;
  min-width: 20px;
}
.lang-cn .badge{
  font-size: 0.9rem;
  right: 0px;
  min-width: 30px;
} */

/* 3rd Level Submenu */
.submenu-dropdown-container {
    display: none;
    padding-left: 30px;
}

.submenu-dropdown-btn.active i{
    color: #00ebff;
}
.submenu-dropdown-btn.active span{
    color: #00ebff;
}
/* END 3rd Level Submenu */

.justify-content-between {
    justify-content: space-between;
}

.align-items-center {
    align-items: center;
}
.gallery-view-1 div img, .gallery-view-2 div img, .gallery-view-3 div img {
    height: auto !important
}


/* START :: announcement after login */
.read{
    align-items: center;
    display: flex;
    margin-top: -9px;
    margin-bottom: 5px;
    position: absolute !important;
    right: 52px !important;
}
.announce{
  text-align: center;
  color: #fff;
  line-height: normal;
  font-size: 14px;
  font-weight: bold;
  padding:10px;
  background:#007774;
}
.game-tit {
  margin-top: 2%;
   text-align: center;
   line-height: 30px;
   font-weight: bold;
   color: #007774;
}
.game-tit.lt {
 text-align: left;
}
.game-list {
 margin-left: 10%;
 margin-right:10%;
 margin-bottom:0
}
.game-list.lt {
 padding-left: 0;
}
 .game-list li{
   list-style-type:circle !important;
   line-height:15px;
 }
.game-btnbox {
 padding: 10px 0 10px 0;
 display: block;
 text-align: center;
}
.game-btnbox.lt {
 padding-left: 10%;
 text-align: left;
}
.game-btn {
 display: inline-block;
 padding: 6px 20px;
 margin: 0 auto;
 background: #007774;
 border-radius: 50px;
 color: #fff;
 text-decoration: none;
 transition: all 0.3s;
}
.txt {
  margin: 15px 0 2% 0;
  padding: 0 6% 0 6%;
  text-align: left;
}
.game-message {
  color: #007774;
   border: 1px solid #338EA3;
   border-radius: 4px;
   padding: 10px;
   font-size: 1rem;
   line-height: 1.4;
}
hr {
  height: 1px;
  margin: 10px 0;
  border: 0;
  background: #000000;
}

.stickyHeader{
  position: sticky;
  z-index: 1;
  top: 40px;
}

/* Maintenance Notice */
.maintainContainer {
    width: 100% !important;
    height: 100%;
    position: absolute;
}
.maintainLabel {
  position: absolute;
  right: 0;
  bottom: 0px;
  z-index: 0;
  overflow: hidden;
  width: 240px !important;
  height: 150px;
  text-align: right;
}
.maintainLabel span {
  font-size: 0.9em;
  font-weight: bold;
  color: #000;
  text-transform: uppercase;
  text-align: center;
  transform: rotate(45deg);
  -webkit-transform: rotate(-45deg);
  width: 240px;
  display: block;
  background: repeating-linear-gradient(45deg, #ffd987, #ffd987 10px, #000000 10px, #000000 19px) !important;
  position: absolute;
  top: 93px;
  right: -74px;
  padding: 5px 0 5px 0 !important;
}
.maintainTxt{
  background-color: #ffd987;
  padding: 3px 63px;
}
.maintainGrayscale{
  filter: grayscale(100%);
}
.maintainNoPointer{
  pointer-events: none;
}

.maintainLabel__large {
  position: absolute;
  right: 0;
  bottom: 0px;
  z-index: 0;
  overflow: hidden;
  width: 280px !important;
  height: 200px;
  text-align: right;
}
.maintainLabel__large span {
  font-size: 0.9em;
  font-weight: bold;
  color: #000;
  text-transform: uppercase;
  text-align: center;
  transform: rotate(45deg);
  -webkit-transform: rotate(-45deg);
  width: 280px;
  display: block;
  background: repeating-linear-gradient(45deg, #ffd987, #ffd987 10px, #000000 10px, #000000 19px) !important;
  position: absolute;
  top: 113px;
  right: -87px;
  padding: 5px 30px 5px 0 !important;
}
/* END :: announcement after login */