*, *:before, *:after {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.cf:before,
.cf:after {
    content:' ';
    display:table;
}
.cf:after {
    clear:both;
}
.cf {
    *zoom:1;
}
a{
    text-decoration: none;
    color: inherit;
}
a:focus, a:active, a:visited,
a img:focus, a img:active, a img:visited {
    border: none;
    outline: none;
}
h1,h2,h3,h4,h5,h6,p{
    margin: 0;   
    font-weight: normal;
}
ul, ol, dl {
    margin: 0;
    padding: 0;
}
.ctr {
    text-align: center !important;
}
.lft {
    text-align: left !important;
}
.rgt {
    text-align: right !important;
}
.ylw {
    color: #ffe000;
}
.indent {
    margin-left: 9%;
    display: block;
}
.undrlne {
    text-decoration: underline;
}
body {
    background: #c6c6c7;
}
.inner {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto ;
    position: relative;
}
.header {
    background: #af0000;
    padding: 20px 0;
}
.logo {
    max-width: 286px;
    height: auto;
}

.lang-wrap {
    width: 180px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    position: absolute;
    top: -20px;
    right: 0px;
    z-index: 10;
}
.lang-trigger {
    width: 60px;
    background: #000;
    background-color: rgba(70,15,7,.5);
    margin: 0 auto;
    position: relative;
    padding: 5px;
    cursor: pointer;
    float: right;
}
.lang-trigger .sprt.arw-lang {
    position: absolute;
    top: 10px;
    right: 10px;
}
.lang-select {
    background: #000;
    background-color: rgba(70,15,7,.5);
    clear: both;
}
.lang-select li {
    list-style-type: none;
    clear: both;
    cursor: pointer;
}
.lang-select li a, .lang-select li {
    float: left;
    clear: both;
    padding: 5px;
    width: 100%;
}
.lang-select li a:hover, .lang-select li:hover {
    background: #ffe000  ;
}
.lang-select li a span, .lang-select li span {
    display: inline-block;
    vertical-align: middle;
}
.txt-lang {
    position: relative;
    font-size: 14px;
    z-index: 20;
    color: #fff;
    line-height: 1.4;
}
.lang-select li a:hover span, .lang-select li:hover span {
    color: #000;
}
.nav {
    background: #373737;
}
.nav a {
    display: inline-block;
    color: #fff;
    padding: 0 10px;
    height: 40px;
    line-height: 40px;
    position: relative;
}
.nav a:hover {
    background: #af0000;
    color: #ffe000;
}
.new-tag {
    position: absolute;
    top: -10px;
    right: 5px;
    display: block;
    height: 15px;
    padding-left: 5px;
    line-height: 15px;
    background-image: url('../_img/new_indicator.png');
    background-position: 0 3px;
    background-repeat: no-repeat
}
.new-tag span {
    padding: 0 3px;
    font-size: 10px;
    font-weight: 700;
    background: #ffe000;
    color: #af0000
}
.content {
    background: #d3d3d3;
}
.banner {
    text-align: center;
    border-bottom: 5px solid #5e5e5e;
    margin-top: 5px;
}
.banner .gear {
    position: relative;
    bottom: -8px;
}
.advisory {
    margin: 60px auto;
    color: #5e5e5e;
    text-align: center;
}
.advisory h1 {
    font-size: 24px;
    font-family: "OpenSans-SemiBold", Arial, sans-serif;
    margin-bottom: 16px;
}
.sc .advisory h1, .ch .advisory h1 {
    font-family: "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", Arial, sans-serif !important;
    font-weight: bold;
}
.kr .advisory h1 {
    font-family: "Malgun Gothic", Arial, sans-serif !important;
    font-weight: bold;
}
.th .advisory h1 {
    font-family: Tahoma, Arial, sans-serif !important;
    font-weight: bold;
}
.vn .advisory h1 {
     font-family: Calibri, "Times New Roman", Arial, sans-serif !important;
     font-weight: bold;
}
.jp .advisory h1 {
    font-family: Noto Sans Japanese,"OpenSans",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
    font-weight: bold;
}
.advisory p {
    font-size: 18px;
    line-height: 1.6;
}
.buttons {
    text-align: center;
}
.btn {
    display: inline-block;
    background: #8c8c8c;
    max-width: 360px;
    width: 100%;
    height: auto;
    cursor: pointer;
    font-size: 28px;
    color: #fff;
    padding: 20px 5px;
    margin: 0 8px 20px;
}
.btn:hover {
    background: #af0000;
    color: #ffe000;
}
.vn .btn3 {
    cursor: default;
}
.btn-img {
    display: inline-block;
    width: 64px;
    height: 64px;
    vertical-align: middle;
    margin-right: 10px;
}
.btn .btn-img1 {
    background: url('../_img/icon-email.png');
}
.btn:hover .btn-img1 {
    background: url('../_img/icon-email-act.png');
}
.btn .btn-img2 {
    background: url('../_img/icon-chat.png');
}
.btn:hover .btn-img2 {
    background: url('../_img/icon-chat-act.png');
}
.btn .btn-img3 {
    background: url('../_img/icon-call.png');
}
.btn:hover .btn-img3 {
    background: url('../_img/icon-call-act.png');
}
.btn-txt {
    display: inline-block;
    vertical-align: middle;
}
.buttons-vn .btn3 .btn-txt {
    line-height: 1.2;
    font-size: 18px;
}
.footer {
    background: #e6e7e9;
    padding-top: 55px;
    text-align: center;
}
.footer .inner {
    
}
.sponsors {
    text-align: center;
    width: 100%;
    margin-bottom: 45px;
}
.sponsors > img {
    margin: 0 4px 16px;
    width: auto;
    max-height: 65px;
    height: 100%;
}
.sponsors > img:first-child {
    margin-left: 0;
}
.sponsors > img:last-child {
    margin-right: 0;
}
.socmed {
    display: inline-block;
    width: 49%;
    margin-bottom: 40px;
}
.socmed > p {
    margin-bottom: 10px;
    color: #555;
    font-weight: bold;
}
.social {
    text-align: center;
}

.social > a {
    margin: 0 2px ;
}
.partners {
    display: inline-block;
    width: 49%;
    margin-bottom: 45px;
    vertical-align: middle;
}
.partners > img {
    vertical-align: middle;
}
.copy {
    background: #c6c6c7;
    color: #5e5e5e;
    font-size: 14px;
    text-align: center;
    padding: 10px 0;

}
/* sprite */
.sprt {
    background: url(../_img/sprite.png) no-repeat;
    display: block;
}
.sprt.ch,
.sprt.en,
.sprt.eu,
.sprt.gr,
.sprt.id,
.sprt.in,
.sprt.jp,
.sprt.ke,
.sprt.kr,
.sprt.pl,
.sprt.pt,
.sprt.es,
.sprt.sc,
.sprt.th,
.sprt.vn,
.sprt.uk {
    width: 26px;
    height: 17px;
}

.sprt.en {
    background-position: -212px 0;
}

.lang-select li a:hover .sprt.en {
    background-position: -212px -18px;
}

.sprt.uk {
    background-position: -212px 0;
}

.lang-select li a:hover .sprt.uk {
    background-position: -212px -18px;
}

.sprt.sc {
    background-position: -239px 0;
}

.lang-select li a:hover .sprt.sc {
    background-position: -239px -18px;
}

.sprt.ch {
    background-position: -266px 0;
}

.lang-select li a:hover .sprt.ch {
    background-position: -266px -18px;
}

.sprt.th {
    background-position: -293px 0;
}

.lang-select li a:hover .sprt.th {
    background-position: -293px -18px;
}

.sprt.ke {
    background-position: -590px 0;
}

.lang-select li a:hover .sprt.ke {
    background-position: -590px -18px;
}

.sprt.kr {
    background-position: -320px 0;
}

.lang-select li a:hover .sprt.kr {
    background-position: -320px -18px;
}

.sprt.in {
    background-position: -347px 0;
}

.lang-select li a:hover .sprt.in {
    background-position: -347px -18px;
}

.sprt.vn {
    background-position: -374px 0;
}

.lang-select li a:hover .sprt.vn {
    background-position: -374px -18px;
}

.sprt.id {
    background-position: -401px 0;
}

.lang-select li a:hover .sprt.id {
    background-position: -401px -18px;
}

.sprt.jp {
    background-position: -428px 0;
}

.lang-select li a:hover .sprt.jp {
    background-position: -428px -18px;
}

.sprt.eu {
    background-position: -509px 0;
}

.lang-select li a:hover .sprt.eu {
    background-position: -509px -18px;
}

.sprt.gr {
    background-position: -455px 0;
}

.lang-select li a:hover .sprt.gr {
    background-position: -455px -18px;
}

.sprt.pl {
    background-position: -482px 0;
}

.lang-select li a:hover .sprt.pl {
    background-position: -482px -18px;
}

.sprt.pt {
    background-position: -536px 0;
}

.lang-select li a:hover .sprt.pt {
    background-position: -536px -18px;
}

.sprt.es {
    background-position: -563px 0;
}

.lang-select li a:hover .sprt.es {
    background-position: -563px -18px;
}

.sprt.arw-lang {
    background-position: -410px -36px;
    width: 8px;
    height: 6px;
}

.sprt.arw-lang.up {
    background-position: -419px -36px;
}
/* ~sprite */

/* responsive */
.nav {
    display: block;
}
.overlay {
    display: none;
}
.nav-mobi {
    display: none;
}
.hamburger {
    position: absolute;
    top: 20px;
    left: 20px;
    cursor: pointer;
    display: none;
}
@media only screen and (max-width: 1140px) {
    .btn {
        max-width: 320px;
        margin: 0 4px 20px;
        font-size: 22px;
    }
}
@media only screen and (max-width: 1023px) {
    .header {
        padding: 10px 0;
    }
    .hamburger {
        display: block;
    }
    .lang-wrap {
        top: -10px;
    }
    .nav {
        display: none !important;
    }
    .logo {
        display: block;
        text-align: center;
        margin: 0 auto;
    }
    .overlay {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .5);
        top: 0;
        left: 0;
        z-index: 10;
    }
    .nav-mobi {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        background: #373737;
        height: 100%;
        z-index: 10;
        width: 280px;
        text-align: left;
    }
    .navbar-mobile-logo {
        background: #af0000;
        width: 100%;
        padding: 10px 0;
        text-align: center;
        margin-bottom: 10px;
    }
    .navbar-mobile-logo > img {
        height: 33px;
        width: auto;

    }
    .close-menu{
        width: 18px;
        height: 18px;
        background: url(../_img/close.png) no-repeat;
        position: absolute;
        right: 7px;
        top: 22px;
        cursor: pointer;
    }
    .nav-mobi a {
        width: 88px;
        height: 67px;
        padding: 2px;
        text-align: center;
        margin: 0px 0px 4px;
        border: 1px solid #5e5e5e;
        text-transform: uppercase;
        font-size: 10px;
        line-height: 15px;
        vertical-align: top;
        display: inline-block;
        color: #fff;
        position: relative;
    }
    .nav-mobi a:hover {
        border: 1px solid #ffe000;
        color: #ffe000;
    }
    .products-menu-wrap {
        padding-left: 4px;
    }
    div.product-icon{
        display:block;
        height:30px;
        width:100%;
        margin: 6px auto;
    }
    .prod-ow-sports div.product-icon,
    .prod-sports-mobi div.product-icon{
        background: url('../_img/icon-ow-sports.png') center no-repeat;
    }
    .prod-dafa-sports div.product-icon,
    .prod-dafa-sports-mobi div.product-icon{
        background: url('../_img/icon-dafa-sports.png') center no-repeat;
    }
    .prod-exchange div.product-icon,
    .prod-exchange-mobi div.product-icon{
        background: url('../_img/icon-exchange.png') center no-repeat;
    }
    .prod-casino div.product-icon,
    .prod-casino-mobi div.product-icon{
        background: url('../_img/icon-casino.png') center no-repeat;
    }
    .prod-casino-gold div.product-icon,
    .prod-casino-gold-mobi div.product-icon{
        background: url('../_img/icon-casino-gold.png') center no-repeat;
    }
    .prod-live-dealer div.product-icon,
    .prod-live-dealer-mobi div.product-icon{
        background: url('../_img/icon-live-dealer.png') center no-repeat;
    }
    .prod-games div.product-icon,
    .prod-games-mobi div.product-icon{
        background: url('../_img/icon-games.png') center no-repeat;
    }
    .prod-arcade div.product-icon,
    .prod-arcade-mobi div.product-icon{
        background: url('../_img/icon-arcade.png') center no-repeat;
    }
    .prod-lottery div.product-icon,
    .prod-lottery-mobi div.product-icon{
        background: url('../_img/icon-lottery.png') center no-repeat;
    }
    .prod-poker div.product-icon,
    .prod-poker-mobi div.product-icon{
        background: url('../_img/icon-poker.png') center no-repeat;
    }
    .prod-fish-hunter div.product-icon,
    .prod-fish-hunter-mobi div.product-icon{
        background: url('../_img/icon-keno.png') center no-repeat;
    }
    .prod-virtuals div.product-icon,
    .prod-virtuals-mobi div.product-icon{
        background: url('../_img/icon-virtuals.png') center no-repeat;
    }
    /* PRODUCT onhover */
    .prod-ow-sports:hover > div.product-icon,
    .prod-ow-sports-mobi:hover > div.product-icon{
        background: url('../_img/icon-ow-sports-act.png') center no-repeat;
    }
    .prod-dafa-sports:hover > div.product-icon,
    .prod-dafa-sports-mobi:hover > div.product-icon{
        background: url('../_img/icon-dafa-sports-act.png') center no-repeat;
    }
    .prod-exchange:hover > div.product-icon,
    .prod-exchange-mobi:hover > div.product-icon{
        background: url('../_img/icon-exchange-act.png') center no-repeat;
    }
    .prod-casino:hover > div.product-icon,
    .prod-casino-mobi:hover > div.product-icon{
        background: url('../_img/icon-casino-act.png') center no-repeat;
    }
    .prod-casino-gold:hover > div.product-icon,
    .prod-casino-gold-mobi:hover > div.product-icon{
        background: url('../_img/icon-casino-gold-act.png') center no-repeat;
    }
    .prod-live-dealer:hover > div.product-icon,
    .prod-live-dealer-mobi:hover > div.product-icon{
        background: url('../_img/icon-live-dealer-act.png') center no-repeat;
    }
    .prod-games:hover > div.product-icon,
    .prod-games-mobi:hover > div.product-icon{
        background: url('../_img/icon-games-act.png') center no-repeat;
    }
    .prod-arcade:hover > div.product-icon,
    .prod-arcade-mobi:hover > div.product-icon{
        background: url('../_img/icon-arcade-act.png') center no-repeat;
    }
    .prod-lottery:hover > div.product-icon,
    .prod-lottery-mobi:hover > div.product-icon{
        background: url('../_img/icon-lottery-act.png') center no-repeat;
    }
    .prod-poker:hover > div.product-icon,
    .prod-poker-mobi:hover > div.product-icon{
        background: url('../_img/icon-poker-act.png') center no-repeat;
    }
    .prod-fish-hunter:hover > div.product-icon,
    .prod-fish-hunter-mobi:hover > div.product-icon{
        background: url('../_img/icon-keno-act.png') center no-repeat;
    }
    .prod-virtuals:hover > div.product-icon,
    .prod-virtuals-mobi:hover > div.product-icon{
        background: url('../_img/icon-virtuals-act.png') center no-repeat;
    }
    /* PRODUCT ACTIVE */
    .prod-ow-sports.act div.product-icon,
    .prod-ow-sports-mobi.act div.product-icon{
        background: url('../_img/icon-ow-sports-act.png') center no-repeat;
    }
    .prod-dafa-sports.act div.product-icon,
    .prod-dafa-sports-mobi.act div.product-icon{
        background: url('../_img/icon-dafa-sports-act.png') center no-repeat;
    }
    .prod-exchange.act div.product-icon,
    .prod-exchange-mobi.act div.product-icon{
        background: url('../_img/icon-exchange-act.png') center no-repeat;
    }
    .prod-casino.act div.product-icon,
    .prod-casino-mobi.act div.product-icon{
        background: url('../_img/icon-casino-act.png') center no-repeat;
    }
    .prod-casino-gold.act div.product-icon,
    .prod-casino-gold-mobi.act div.product-icon{
        background: url('../_img/icon-casino-gold-act.png') center no-repeat;
    }
    .prod-live-dealer.act div.product-icon,
    .prod-live-dealer-mobi.act div.product-icon{
        background: url('../_img/icon-live-dealer-act.png') center no-repeat;
    }
    .prod-games.act div.product-icon,
    .prod-games-mobi.act div.product-icon{
        background: url('../_img/icon-games-act.png') center no-repeat;
    }
    .prod-arcade.act div.product-icon,
    .prod-arcade-mobi.act div.product-icon{
        background: url('../_img/icon-arcade-act.png') center no-repeat;
    }
    .prod-lottery.act div.product-icon,
    .prod-lottery-mobi.act div.product-icon{
        background: url('../_img/icon-lottery-act.png') center no-repeat;
    }
    .prod-poker.act div.product-icon,
    .prod-poker-mobi.act div.product-icon{
        background: url('../_img/icon-poker-act.png') center no-repeat;
    }
    .prod-fish-hunter.act div.product-icon,
    .prod-fish-hunter-mobi.act div.product-icon{
        background: url('../_img/icon-keno-act.png') center no-repeat;
    }
    .prod-virtuals.act div.product-icon,
    .prod-virtuals-mobi.act div.product-icon{
        background: url('../_img/icon-virtuals-act.png') center no-repeat;
    }
    .new-tag-mobi {
        background: #af0000;
        position: absolute;
        text-align: center;
        top: 5px;
        right: 5px;
        padding: 2px 4px;
    }
    .advisory {
        margin: 50px auto;
    }
    .btn {
        display: block;
        margin: 0 auto 20px;
    }
    .buttons {
        margin-bottom: 40px;
    }

}
@media only screen and (max-width: 599px) {
    body {
        min-width: 320px;
    }
    .logo {
        height: 33px;
        width: auto;
    }
    .hamburger {
        top: 0;
    }
    .logo > img {
        width: auto;
        height: 100%;
    }
    .content {
        padding: 0 10px;
    }
    .banner {
        border-bottom: 2px solid #5e5e5e;
        margin-top: 20px;
    }
    .banner .gear {
        width: 143px;
        height: auto;
        bottom: -5px;
    
    }
    .advisory {
        margin: 40px auto;
    }
    .advisory h1 {
        font-size: 20px;
    }
    .advisory p {
        font-size: 14px;
    }
    .buttons {
        margin-bottom: 60px;
    }
    .btn {
        margin: 0 auto 10px;
        font-size: 20px;
        padding: 10px 2px;
    }
    .btn-img {
        background-size: contain !important;
        width: 46px;
        height: 46px;
    }
    .sponsors > img {
        max-height: 43px;
    }
    .socmed {
        display: block;
        width: 100%;
    }
    .socmed > p {
        font-size: 14px;
    }
    .partners {
        display: block;
        width: 100%;
    }
    .partners > img:nth-child(2) {
        width: 220px;
    }
    .copy {
        font-size: 11px;
    }
}
/* ~responsive */

/* fonts */
body {
    font-family: "OpenSans", Arial, sans-serif;
}
body.sc,
body.ch {
    font-family: "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", Arial, sans-serif !important;
    font-size: 14px;
}
body.kr {
    font-family: "Malgun Gothic", Arial, sans-serif !important;
    word-break: keep-all;
}
body.th {
    font-family: Tahoma, Arial, sans-serif !important;
    
}
body.vn {
    font-family: Calibri, "Times New Roman", Arial, sans-serif !important;
   
}
body.jp {
    font-family: Noto Sans Japanese,"OpenSans",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
}
@font-face {
    font-family: 'OpenSans';
    src:
    url('../_fonts/OpenSans.woff') format('woff'), 
    url('../_fonts/OpenSans.eot?#iefix') format('embedded-opentype'),
    url('../_fonts/OpenSans.ttf') format('truetype'),
    url('../_fonts/OpenSans.otf') format('opentype'),
    url('../_fonts/OpenSans.svg#OpenSans') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSans-Light';
    src:
    url('../_fonts/OpenSans-Light.woff') format('woff'), 
    url('../_fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
    url('../_fonts/OpenSans-Light.ttf') format('truetype'),
    url('../_fonts/OpenSans-Light.otf') format('opentype'),
    url('../_fonts/OpenSans-Light.svg#OpenSans-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSans-Semibold';
    src:
    url('../_fonts/OpenSans-Semibold.woff') format('woff'), 
    url('../_fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),
    url('../_fonts/OpenSans-Semibold.ttf') format('truetype'),
    url('../_fonts/OpenSans-Semibold.otf') format('opentype'),
    url('../_fonts/OpenSans-Semibold.svg#OpenSans-Semibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSans-Bold';
    src:
    url('../_fonts/OpenSans-Bold.woff') format('woff'), 
    url('../_fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
    url('../_fonts/OpenSans-Bold.ttf') format('truetype'),
    url('../_fonts/OpenSans-Bold.otf') format('opentype'),
    url('../_fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MyriadPro-Bold';
    src:
    url('../_fonts/MyriadPro-Bold.woff') format('woff'), 
    url('../_fonts/MyriadPro-Bold.eot?#iefix') format('embedded-opentype'),
    url('../_fonts/MyriadPro-Bold.ttf') format('truetype'),
    url('../_fonts/MyriadPro-Bold.otf') format('opentype'),
    url('../_fonts/MyriadPro-Bold.svg#MyriadPro-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MyriadPro-BoldCond';
    src:
    url('../_fonts/MyriadPro-BoldCond.woff') format('woff'), 
    url('../_fonts/MyriadPro-BoldCond.eot?#iefix') format('embedded-opentype'),
    url('../_fonts/MyriadPro-BoldCond.ttf') format('truetype'),
    url('../_fonts/MyriadPro-BoldCond.otf') format('opentype'),
    url('../_fonts/MyriadPro-BoldCond.svg#MyriadPro-BoldCond') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* ~fonts */