* {
     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('https://cdn.betwos8.com/m-src/images/betwos/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 6px 15px;
}
 .round-medium, .content-round-medium, .menu-box-round-medium{
    border-radius:0px!important;
     overflow:hidden;
}
 .is-on-homescreen .header{
    height:90px!important;
}
 .is-on-homescreen .header-logo{
    margin-top:40px!important;
}
 .is-on-homescreen #header-fixed-space{
    height:93px!important;
}
/*--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(https://cdn.betwos8.com/m-src/images/betwos/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:26px;
     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;
}
 .footer-menu a{
    float:left;
}
 .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_signup{
   margin: 0 auto !important;
   width:1.7em !important;
   top: 16px !important;
   right: 10px !important;
}
.top_bar_login{
   margin: 0 auto !important;
   width:1.7em !important;
   top: 16px !important;
   right: 41px !important;
}
.vl {
 border-left: 2px solid #666 !important;
 height: 15px !important;
 right: 73px !important;
 top: 21px !important;
 position: absolute !important;
}
.top_bar_icons_left{
	top: 12px;
	left: -70px;
	width: 100px;
}
.top_bar_icons_left_th{
	width: 130px;
	top: 7px;
  left: -100px;
}
.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);
}
 .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;
     overflow: scroll !important;
     max-height: 100%;
}
 .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;
}
/* 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-br .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-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-bn .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-br .gametitle {
    left: 5px;
    color: #FFF;
    bottom: 3px;
    font-size: 0.9em;
    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-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-bn .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;
}
 .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.8em;
  bottom:4px;
  text-align: right;
}

.lang-br .allgamebtn__2{
  right:10px !important;
  position:absolute !important;
  color: #FFF;
  font-size:0.8em;
  bottom:4px;
  text-align: right;
}
 .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('https://cdn.betwos8.com/m-src/images/betwos/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;
}

.gameBanner {
    width: 100%;
}

.page-title-right a{
    width: auto;
}

.closebtn{
	position: absolute !important;
	top: 6px !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;
	z-index:1
}
.closebtn img{width:25px}
.live-chat-text{
    padding-left:5px;
    color: #007774;
}

.marquee {
width: 100vw;
color: #3C352B;
overflow: hidden;
margin: 0 0 0 6px; }
.marquee p {
  display: inline-block;
  line-height: 6.4vw;
  margin-right: 2.6666666667vw; }
  .marquee p a {
    color: #c7c7c7;
    font-size: 12;
    line-height: normal; }

.row {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.button-center-tiny{
    width:100px;
}

.caption{
    margin-bottom:0px;
}

.page-title .page-title-right{
    margin-top:0px;
}

.languageFlag{
    position: absolute;
    top: 16px;
    left: 0px;
    width: 30px;
}

/* ----------------
		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;
        /* background-image: url("https://cdn.betwos8.com/m-src/images/betwos/tabs/bg__tab.jpg");
        background-repeat: no-repeat;
        background-size: cover; */
	}
	.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;
	/* min-width: 180px; */
  /* max-width: 600px; */
	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;
	}
} /* / @media (max-width: 900px) */

.padding-0{
	padding:0 !important;
}

.home3icons{
    position:absolute;
    font-size:11px;
    right:0px;
    width:45px;
    text-align:center;
    font-style: normal;
}

.home4icons{
	position: absolute;
	font-size: 11px;
	right: 0px;
	margin-top: 17px;
	width: 45px;
	/* text-transform: uppercase; */
	/* font-weight: 500; */
	text-align: center;
	font-style: normal;

}

.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) {
    /* border-bottom: 1px solid #0dd1e3; */
  }

	.lineDiv{
    border-bottom: 1px solid #0dd1e3;
		margin:10px 0 10px 0
  }

  .sidenav2 a:last-child {
    /* color: #00ebff; */
  }

  .sidenav3 a, .sidenav3 .dropdown-btn {
    padding: 7px 8px 7px 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);
  }

  .sidenav3 a:nth-last-child(6) {
    border-bottom: 1px solid #007774;
    padding-bottom: 20px;
    padding-left: 5px;
    width: 88%;
    margin-left: 14px;
  }

  .sidenav3 a:nth-last-child(5) {
    padding-top: 20px;
  }

/*
  .sidenav3 a:nth-last-child(2) {
    padding-top: 25px;
  } */

  /* On mouse-over */
  .dropdown-btn:hover {
    color: #f1f1f1;
	}

  .dropdown-container {
    display: none;
    padding-left: 38px;
  }

  .dropdown-container a{
    display: none;
    padding: 9px 8px 9px 24px;
		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{
        /* background-color:white;
        color: #007774; */
    }

@media screen and (orientation:landscape) {
  /* .sidenav2 {padding-top: 15px;} */
  /* .sidenav2 a {font-size: 18px;} */
  #mobile-menu{height: 78vh}
}

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

.footer-menu {
    z-index: 10;
}

.loginImg{
    width:140px;
    height: 140px;
		margin:-12px 0 0 31px;
}
.alreadyRegister{
  margin-bottom:5px !important;
  align-items: center !important;
  justify-content: center !important;
  display: flex !important;
}
.forgotpw{
  color:#007774 !important;
  text-decoration:underline !important;
}
.fade-in {
	opacity: 1;
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 0.3s;
}

@keyframes fadeInOpacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.donwloadImg{
		width: 100px;
    height: 92px;
}

.first-column{
  position: absolute !important;
  left: -20px !important;
  width: 50% !important;
  margin-top: 5px !important;
}

.last-column{
  position: absolute !important;
  right: -10px !important;
  width: 50% !important;
  margin-top: 5px !important;
}

.btn-primary {
    color:white ;
    /* background: url('https://cdn.betwos8.com/m-src/images/betwos/icons/login_modal/btnbg_login.png');
    background-repeat: no-repeat;
    background-size: cover ; */
    background: #007774;
    border-radius: 5px;
		width:300px;
		height:43px;
    font-size:14px;
		font-weight: normal
}

.btn-secondary {
    color:white ;
    /* background: url('https://cdn.betwos8.com/m-src/images/betwos/icons/login_modal/btnbg_already.png');
    background-repeat: no-repeat;
    background-size: cover ; */
    background:#64c1c6;
    border-radius: 5px;
		width:300px;
		height:34px;
		margin-top:5px;
    margin-bottom:15px !important;
    font-size:14px;
    font-weight: normal
}
.closeRegBtn {
    color:white ;
    background: url('https://cdn.betwos8.com/m-src/images/betwos/icons/login_modal/btnbg_login.png');
    background-repeat: no-repeat;
    background-size: cover ;
		width:300px;
		height:43px;
		margin:-10px 10px 30px 10px
}
#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: 5px 0 0px 0;
    height: 38px;
}

.loginIcon{
    width: 30px;
    height: 30px;
    margin-bottom: 5px;
    margin-right: 13px;
}

.ccIcon{
    width: 28px;
    height: 28px;
    margin-bottom: 5px;
    margin-right: 13px;
}

.loginBottom{
    margin-top: 10px;
    background: gray;
    color: white;
    padding-left: 20px;
    padding-top: 5px;
    font-size: 0.85rem;
    line-height: 16px;
    padding-bottom: 5px;
    width: 100%;
}

.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;overflow: visible
}

.login-bank-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;overflow: visible
}

.login-platform-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;overflow: visible
}

.activeLang{
	 padding-left: 15px;
}

.lang-input span {
		color: rgba(0,0,0,0.7) !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;
}

.bank-input span {
  color: rgba(0,0,0,0.7) !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;
}

.bank-input span:active{
  color:#00ebff !important;
}

.platform-input span {
  color: rgba(0,0,0,0.7) !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;
}

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

.login-bank-dropdown span{
  color: black ;
  font-weight: normal;
  margin-top: 7px;
  margin-left:5px;
  font-size: 13px;
  opacity: 1;
  background: transparent;
}

.login-bank-dropdown a{
  display: flex;
  align-items: center;
  padding-bottom: 5px;
  padding-top: 5px;
  padding-left:5px;
}

.login-platform-dropdown span{
  color: black ;
  font-weight: normal;
  margin-top: 7px;
  margin-left:5px;
  font-size: 13px;
  opacity: 1;
  background: transparent;
}

.login-platform-dropdown a{
  display: flex;
  align-items: center;
  padding-bottom: 5px;
  padding-top: 5px;
  padding-left:5px;
}

.eyeIcon{
    /* width: 20px; */
    height: 18px;
    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(https://cdn.betwos8.com/m-src/images/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;
  /* padding-bottom: 0px; */
}

.sl-nav li ul {
  position: absolute;
  top: 39px;
  right: -15px;
  display: none;
  background: #fff;
  width: 140px;
  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;
  /* padding-bottom: 0; */
  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("https://cdn.betwos8.com/m-src/images/betwos/icons/flags/en.png");
  background-repeat: no-repeat;
  background-position: 51% !important;
  background-size: auto 100% !important;
}
.flag-cn {
  background: url("https://cdn.betwos8.com/m-src/images/betwos/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("https://cdn.betwos8.com/m-src/images/betwos/icons/flags/vn.png");
}
.flag-th {
  background-repeat: no-repeat;
  background-position: 51% !important;
  background-size: auto 100% !important;
  background: url("https://cdn.betwos8.com/m-src/images/betwos/icons/flags/th.png");
}
.flag-bn {
  background-repeat: no-repeat;
  background-position: 51% !important;
  background-size: auto 100% !important;
  background: url("https://mercury.wosplay.com/m-src/images/betwos/icons/flags/bdt.png");
}
.flag-id {
  background-repeat: no-repeat;
  background-position: 51% !important;
  background-size: auto 100% !important;
  background: url("https://cdn.betwos8.com/m-src/images/betwos/icons/flags/in.png");
}

.flag-ko {
  background-repeat: no-repeat;
  background-position: 51% !important;
  background-size: auto 100% !important;
  background: url("https://cdn.betwos8.com/m-src/images/betwos/icons/flags/kr.png");
}

.flag-ma {
  background-repeat: no-repeat;
  background-position: 51% !important;
  background-size: auto 100% !important;
  background: url("https://cdn.betwos8.com/m-src/images/betwos/icons/flags/ml.png");
}

.flag-my {
  background-repeat: no-repeat;
  background-position: 51% !important;
  background-size: auto 100% !important;
  background: url("https://cdn.betwos8.com/m-src/images/betwos/icons/flags/my.png");
}

.flag-br {
  background-repeat: no-repeat;
  background-position: 51% !important;
  background-size: auto 100% !important;
  background: url("https://mercury.wosplay.com/d-src/images/flags/br.png");
}

.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{
  width:120px;
  margin:0px auto -60px auto;
} */

.user-profile .topmenu_loginbtn{
  /* width:120px; */
  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%;
    }
}

.prom-image{
  margin:0 auto;
	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;
}
.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%}

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

.currency-input span {
    color: rgba(0,0,0,0.7) !important;
    font-weight: normal !important;
    margin-top: 0px !important;
    font-size: 15px !important;
    opacity: 1 !important;
    background: transparent !important;
    position: relative !important;
    width: 233px !important;
		/* padding-left: 16px; */
}

.currency-input span:active{
		color:#00ebff !important;
}

.login-currency-dropdown span{
    color: black ;
    font-weight: normal;
    margin-top: 7px;
    margin-left:5px;
    font-size: 13px;
    opacity: 1;
    background: transparent;
}

.login-currency-dropdown a{
    display: flex;
    align-items: center;
    padding-bottom: 5px;
		padding-top: 5px;
		padding-left:5px;
}

/* Country Code */

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

.countrycode-input span {
    color: rgba(0,0,0,0.6) !important;
    font-weight: normal !important;
    margin-top: 0px !important;
    font-size: 15px !important;
    opacity: 1 !important;
    background: transparent !important;
    position: relative !important;
    width: 233px !important;
		padding-left: 16px;
}

.countrycode-input span:active{
		color:#00ebff !important;
}

.login-countrycode-dropdown span{
    color: black ;
    font-weight: normal;
    margin-top: 7px;
    margin-left:-15px;
    font-size: 13px;
    opacity: 1;
    background: transparent;
}

.login-countrycode-dropdown a{
    display: flex;
    align-items: center;
    padding-bottom: 0px;
		padding-top: 5px;
		padding-left:5px;
}

.RegSuccessContainer{
	margin:0 auto !important;
	top:10%;
	min-height: 140px;
}
.RegSuccessMessage{
	font-size:18px;
	text-align:center;
	color: #000;
	margin-top:-10px
}
.RegSuccessNote{
	font-size:1.1em;
	text-align:center;
}
.RegError{margin: -3px 0 -10px 0 !important;color: red !important;font-size: 0.8em;}
.RegError li{
		font-size: 0.8em;
		text-align:left;
		color: red;
		white-space: nowrap;
		padding: 0;
		margin: 0;
}
.RegCurrencyError{margin: -19px 0 -10px 0 !important;}
.RegCurrencyError li{
		font-size: 0.8em;
		text-align:left;
		color: red;
		white-space: nowrap;
		padding: 0;
		margin: 0;
}
.msgNote{
	margin: 0px 0 -3px 0 !important;
	font-size: 0.8em;
	text-align:left;
	color: rgba(0,0,0,0.6);
	/* white-space: nowrap; */
	padding: 0;
	margin: 0;
  line-height: 13px;
}
.iframeCovered {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
}
.betwosBrandContainer{
	/* width:50px; */
	margin-top:-10px
}
.betwosBrand{
	width: 45px;
  height: 45px;
	margin-left: -8px;
  /* margin: 0 auto; */
}

::-webkit-input-placeholder { /* Edge */
  color: #CED0D1;
	font-size:14px !important
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #CED0D1;
	font-size:14px !important
}

::placeholder {
  color: #CED0D1;
	font-size:14px !important
}
*:focus::-webkit-input-placeholder { color:transparent !important  }
*:focus:-moz-placeholder { color:transparent !important  }
*:focus::-moz-placeholder { color:transparent !important  }
*:focus:-ms-input-placeholder { color:transparent !important  }
*:focus::placeholder { color:transparent !important  }

/************ NEW ADDITION MUSIC VIDEO PLAYER ************/
.videoPlayer {
  display: inline;
  top:5px;
	position: absolute !important;
	right: 10px;
}
.musicPlayer {
  display: inline;
  top:5px;
	position: absolute !important;
	right: 52px;
}
.musicIcon{
  width: 36px;
  height: 36px;
  right: 40px;
  top:5px;
  position:absolute
}
.videoIcon{
  width: 34px;
  height: 34px;
  right: 41px;
  top:6px;
  position:absolute
}
.musicPlay{
  background: url("https://cdn.betwos8.com/m-src/images/betwos/icons/musicvideo/music_icon_play.png") !important;
  background-size:100% 100% !important;
}
.musicStop{
  background: url("https://cdn.betwos8.com/m-src/images/betwos/icons/musicvideo/music_icon_stop.png") !important;
  background-size:100% 100% !important;
}
.videoPlay{
  background: url("https://cdn.betwos8.com/m-src/images/betwos/icons/musicvideo/video_icon.png") !important;
  background-size:100% 100% !important;
}
.video-iframe {
    position: fixed;
    right: 3%;
    width: 210px;
    height: 130px;
    bottom: 3%;
    z-index: 11;
    display: none;
    border-radius: 10px;
}
#player {
    border-radius: 10px;
    background: black;
}
@media only screen and (min-width: 768px) {
  /* For desktop: */
  .video-iframe {
      width: 320px;
      height: 180px;
      right: 3%;
    }
}
.video-close {
    background-color: rgba(0,0,0,0.8);
    border-radius: 50%;
    margin-bottom: -35px;
    color: white;
    font-size: 33px;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 26px;
    font-weight: 100;
    margin-right:4px;
    margin-top:10px;
    z-index:2
}
#myAudio{
  display:none
}
.fullscreenbtn{
  border-radius: 50%;
  padding: 5px;
  margin-top:5px;
  margin-left:3px;
  width:30px;
  height: 30px;
  line-height: 26px;
  background: rgba(0,0,0,0.8)
}
#logo-cover {
    width: 15%;
    height: 25%;
    /* background-color: rgba(0,0,0,0.9); */
    backdrop-filter: blur(3px);
    position: absolute;
    top: 5px;
    right: 0;
    z-index:0;
    border-top-right-radius:10px;
    -webkit-backdrop-filter: blur(3px);
}
#fullscreen-logo-cover {
    top: 0px;
    left: 50vh;
    position: absolute;
    z-index: 2;
    height: 28vw;
    width: 50vh;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    display: none;
}
@media (min-width: 550px) and (orientation:landscape) {
    #fullscreen-logo-cover {
        left: 50vw;
        width: 50vw;
        height: 30vh;
    }
}
.movebtn{
  position: absolute;
  bottom: 13px;
  border-radius: 50%;
  padding: 5px;
  width:32px;
  height: 32px;
  line-height: 32px;
  right: 5px !important;
  background: rgba(0,0,0,0.8)
}
.edgeicon{
   display: flex;
   justify-content: flex-end
}
/* End Music Video */
.login-input input{
  margin:0 !important
}

/* TAC REGISTER */
.tac-container{
  padding-top:25px
}
.tac-resend{
  text-align:center;
  color:#000
}
.tac-nocode {
    color: rgba(0,0,0,0.7) !important;
    font-size: 16px;
    margin-top:10px;
    text-align: center
}
.tac-sendagain{
  font-weight:bold;
  color:rgba(0,117,114,0.7) !important;
  font-size:16px;
  text-decoration: underline
}
.tac-place{
  text-align:center;
  margin: 10px auto 8px;
}
.tac-number{
  border-radius: 5px !important;
    border: none !important;
    height: 50px !important;
    /* margin-right: 3px !important; */
    background: rgba(0,117,114,0.2) !important;
    box-shadow: 1px 1px 2px rgb(0 117 114 / 20%) !important;
    margin: 0 auto;
    font-size: 21px !important;
    text-align: center;
    width: 45px !important;
}
.tac-phonenumber{
  font-size:18px;
  color: #000
}
.tac-countdown{
	color: rgba(0,0,0,0.7) !important;
}
.tac-backsignup{
	position: absolute !important;
	top: 13px !important;
	left: 10px !important;
	font-size: 25px !important;
	width: auto !important;
	border-bottom: none !important;
	font-weight: lighter !important;
	color:#000 !important;
	z-index:1
}

.passwordError{
	/* margin-top: -9px !important; */
	font-size: 0.8em !important;
	line-height: 13px !important;
	text-align:justify;
	color:red !important;
}
.tacError{
	text-align: center !important;
  /* margin-top: -12px !important; */
	color:red !important;
	font-size: 0.8em !important;
}
.phoneError{
	font-size: 0.8em !important;
	color: red !important;
}
.regSuccess{
	/* text-align: center !important; */
	font-size: 0.8em !important;
	color: red !important;
}

#tac-loading {
	display: flex;
	justify-content: center;
	height: 60px;
}

/* Loading */
.lds-spinner {
	color: #007774;
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
	transform: scale(0.5);
  }
  .lds-spinner div {
	transform-origin: 40px 40px;
	animation: lds-spinner 1.2s linear infinite;
  }
  .lds-spinner div:after {
	content: " ";
	display: block;
	position: absolute;
	top: 3px;
	left: 37px;
	width: 6px;
	height: 18px;
	border-radius: 20%;
	background: #007774;
  }
  .lds-spinner div:nth-child(1) {
	transform: rotate(0deg);
	animation-delay: -1.1s;
  }
  .lds-spinner div:nth-child(2) {
	transform: rotate(30deg);
	animation-delay: -1s;
  }
  .lds-spinner div:nth-child(3) {
	transform: rotate(60deg);
	animation-delay: -0.9s;
  }
  .lds-spinner div:nth-child(4) {
	transform: rotate(90deg);
	animation-delay: -0.8s;
  }
  .lds-spinner div:nth-child(5) {
	transform: rotate(120deg);
	animation-delay: -0.7s;
  }
  .lds-spinner div:nth-child(6) {
	transform: rotate(150deg);
	animation-delay: -0.6s;
  }
  .lds-spinner div:nth-child(7) {
	transform: rotate(180deg);
	animation-delay: -0.5s;
  }
  .lds-spinner div:nth-child(8) {
	transform: rotate(210deg);
	animation-delay: -0.4s;
  }
  .lds-spinner div:nth-child(9) {
	transform: rotate(240deg);
	animation-delay: -0.3s;
  }
  .lds-spinner div:nth-child(10) {
	transform: rotate(270deg);
	animation-delay: -0.2s;
  }
  .lds-spinner div:nth-child(11) {
	transform: rotate(300deg);
	animation-delay: -0.1s;
  }
  .lds-spinner div:nth-child(12) {
	transform: rotate(330deg);
	animation-delay: 0s;
  }
  @keyframes lds-spinner {
	0% {
	  opacity: 1;
	}
	100% {
	  opacity: 0;
	}
  }
  /* End Loading*/

.btn-request{
  padding: 0 10px;
  color: white;
  background: #007774;
  border-radius: 5px;
  height: 30px;
  white-space: nowrap;
}
.prom-image{
  background-color: #FFF;
  background-position: top center;
  background-repeat: repeat;
  background-image: url('https://cdn.betwos8.com/m-src/images/betwos/bg__game.png')!important;
  z-index:1
}

/* Forgot Password CNY Capchat Jigsaw */
.jigsaw__sliderContainer--1ZGEE{
  margin-top: 0 !important;
  margin-bottom: 5px !important;
}
.jigsaw__sliderContainer_active--D4VhU .jigsaw__slider--ihcNg {
  border: 0px solid #007774 !important;
}
.jigsaw__sliderMask--3jX8t {
	border: 0px solid #007774 !important;
}
.jigsaw__slider--ihcNg:hover {
    background: #007774 !important;
}
.jigsaw__sliderContainer_success--aYlDd .jigsaw__sliderMask--3jX8t {
  border: 0px solid #007774;
  background-color: #64c1c6;
}
.jigsaw__sliderContainer_success--aYlDd .jigsaw__slider--ihcNg {
  border: 0px solid #007774;
  background-color: #64c1c6 !important;
	height:40px !important;
}
.jigsaw__slider--ihcNg{
	height:38px !important;
}

/* Signup CNY Captcha */
.refreshBtn{
  padding: 0 12px !important;
  box-shadow: none !important
}
.refreshBtn i{
  font-size: 1.1rem !important
}



/* Label */
.labelling {
  position: relative;
}
.labelling .badge {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -7px;
  right: 15px;
  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: 40px;
  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;
}