@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Oswald:700');
/**
Designed by tcore.my
Copyright 2019
**/
body{ background: url('../../assets/img/bg.jpg') no-repeat top center #000; }

::selection{ color: #FFF; background-color: #AE0306; }
::-moz-selection{ color: #FFF; background-color: #AE0306; }
::-webkit-selection{ color: #FFF; background-color: #AE0306; }

/***
Common
***/
header .offcanvas-collapse,header .mainnav{ background: rgb(140,14,21); background: -moz-linear-gradient(top, rgba(140,14,21,1) 0%, rgba(31,0,10,1) 100%); background: -webkit-linear-gradient(top, rgba(140,14,21,1) 0%,rgba(31,0,10,1) 100%); background: linear-gradient(to bottom, rgba(140,14,21,1) 0%,rgba(31,0,10,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c0e15', endColorstr='#1f000a',GradientType=0 ); }
header [data-toggle="offcanvas"],header [data-toggle="clientportal"]{ position: fixed; top: 0; right: 0; z-index: 17; }
header .navbar-toggler{ font-size: 1.8rem; margin: .3rem 0; color: #FFF; }

footer{ font-size: .8rem; padding: 2rem 0; background-color: #2D0306; }

.loginForm input, .loginForm input:focus, .loginForm button:active{ color: #FFF; border-color: #AE0306; background-color: #2D0306; box-shadow: none; }
.loginForm button, .loginForm button ~ a, .loginForm button:hover, .loginForm button ~ a:hover{ color: #000; font-weight: bold; border-radius: .1rem; }
.loginForm [type=submit], .loginForm [type=submit]:active{ background: rgb(226,226,226); background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); background: linear-gradient(to bottom, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); }
.loginForm .btn-register, .loginForm .btn-register:active{ border-color: #EFD31A; background: rgb(254,252,234); background: -moz-linear-gradient(top, rgba(254,252,234,1) 0%, rgba(239,211,26,1) 100%); background: -webkit-linear-gradient(top, rgba(254,252,234,1) 0%,rgba(239,211,26,1) 100%); background: linear-gradient(to bottom, rgba(254,252,234,1) 0%,rgba(239,211,26,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#efd31a',GradientType=0 ); }
.loginForm .btn-lang{ display: inline-block; width: 30px; height: 30px; background: url('../../assets/img/lang_spirit.png') no-repeat 0 0; }
.loginForm .btn-lang.cn{ background-position: -32px 0; }
.loginForm .password-hide-show{ color: #FFF; position: absolute; top: 55%; right: 5%; z-index: 1; }

.logo{ padding: 1.5rem 0 .5rem; }
.logo a{ width: 180px; display: inline-block; }

.password-hide-show{ color: #AE0306; position: absolute; top: .4rem; right: .5rem; z-index: 1; }

#mainnav .nav-link{ padding: .5rem 1rem; }

.top{ text-align: right; }

.clientportal .nav-pills .nav-link{ color: rgba(255,255,255,.3); }
.clientportal .nav-pills .nav-link.active{ color: #FFF; border-bottom: 2px solid #FFF; background-color: transparent; }


/***
Home
***/
#home .banner{ background: url('../../assets/img/banner_bg.png') no-repeat top center; background-size: cover; }
#home .game-menu{ min-height: 520px; background: url('../../assets/img/home_model.png') no-repeat center center; }
#home .game-menu dl{ padding-top: 2.3rem; }
#home .game-menu dl > dd:nth-child(2) section a figure{ width: 100%; height: 90%; position: absolute; top: 10%; left: 0; z-index: -1; background-color: rgba(174,3,6,.8); }
#home .game-menu dl > dd:nth-child(2) section a p{ width: 50%; font-family: 'Oswald', sans-serif !important; color: #FFF; position: absolute; font-size: 2.6rem; font-weight: 700; line-height: 1; }
#home .game-menu dl > dd:nth-child(2) section a p{ top: 30px; right: -10px; }

/***
LiveCasino, Slots, Sport, Lottery
***/
.po-menu > li:hover > section{ border-color: #f39800; }
.po-menu > li > section figure{ display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background-color: rgba(0,0,0,.5); opacity: 0; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; }
.po-menu > li > section:hover figure{ opacity: 1; }

/***
Promotion
***/
#promotion{ margin: 5rem 0; }
#promotion [data-toggle="collapse"]{ cursor: pointer; }
#promotion .accordion .card:first-of-type{ border-bottom: 1px !important; }
#promotion a{ position: absolute; top: .5rem; right: .5rem; z-index: 1; display: inline; }
#promotion table{ width: 100%; }

/***
Banking
***/
#banking table, #promotion table{ width: 100%; border: 1px solid #FF0; background: #111; box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175); }
#banking table th, #banking table td,#promotion table th, #promotion table td{ color: #FFF; border: 1px solid #FF0; padding: .3rem .5rem; }
#banking h6, #promotion h6{ color: #FF0; margin-top: 3rem; }
#banking ol, #promotion ol{ margin-bottom: 3rem; }
#banking ol > li, #promotion ol > li{ color: #FFF; }

/***
Transfer
***/
#transfer, #deposit, #withdrawal, #history, #freespin{ margin: 5rem 0; }
.transWrap{ background-color: rgba(0,0,0,.7); }