/*General.css*/

* {
	padding: 0px;
	margin: 0px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	/* font-family: 'Agdasima', sans-serif; */
}

.wrapper {
	width: 990px !important;
	margin: 0 auto;
	position: relative;
}
body {
	background:url(img/images/bg.jpg);
	background-repeat: repeat;
}
.clear {
	clear: both;
}

.pull-left {
	float: left;
}

.pull-right {
	float: right;
}

/* font */
@font-face {
	font-family: 'Agdasima', sans-serif;
}

/* font */

/*reset.css*/

/* css rest */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

body {
	line-height: 1;
	min-width: 990px;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*end reset*/

@font-face {
	font-family: 'Agdasima', sans-serif;
}

/* header */

.header {
	width: 100%;
	height: auto;
}

.logo {
	float: left;
	margin: 8px;
	filter: drop-shadow(0px 0px 8px gray);
}

/* Register */
.register-wrap{
	background: url(img/images/register-bg.png) center no-repeat;
	width: 256px;
	height: 120px;
	margin-right: 20px;
	float: right;
}
input[name="username"],input[name="password"],input[name="login"],input[name="daftar"]
{
	width: 104px;
	height: 30px;
	outline: none;
	border: none;
	font-size: 13px;
	font-family: 'Agdasima', sans-serif;
	margin-top: 10px;
	border-radius: 3px;
	text-align: center;
}
input[name="username"],input[name="password"]{
	margin:0 0 0 8px;
}
input[name="username"]{	
	background: url(img/images/username.png) center no-repeat;
	padding: 0 0 0 10px;
}
input[name="password"]{
	background: url(img/images/password.png) center no-repeat;
	padding: 0 0 0 10px;
}
input[name="daftar"]{
	width: 107px !important;
}
input[name="login"],input[name="daftar"]
{
    width: 102px;
    height: 27px;
    background:url(img/images/button.png) center no-repeat;
    font-size: 16px;
    cursor: pointer;
    color: #fff; 
}
input[name="login"]:hover,input[name="daftar"]:hover{
	box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
}
.register {
	width: 100%;

    margin:30px 0 0 15px;
}

ul.register li {
    float: left;
    padding: 0 5px;
}
/* /Register */


/* marquee */
.marquee-div {
    padding:6px;
}

.info {
    width: 54px;
    padding-top: 13px;
    background: url(img/images/icon/sound.png) center top no-repeat;
    filter:invert(1);
	float: left;
	margin: 0 0 0 33px;
	background-color: rgba(0, 150, 160, 1);
	border-radius: 25px 0 0 25px;
}

#runningText {
	float: right;
    width: 91%;
    color: #3d3b3b;
    font-family: 'Agdasima', sans-serif;
    font-size: 13px;
	margin-top: 0px;
	font-weight: 700;
	background-color: rgba(255, 240, 0, 0.7);
	border-radius: 0 25px 25px 0;
}
div.menubar{
    background: linear-gradient(180deg,#8b0000,#df1b1b);
    padding: 10px 0px;
}
nav.menu-wrap {
    width: 990px;
    margin: auto;
}

.menu-wrap ul {
    list-style: none;
    height: 100%;
}
.menu-wrap li{
    position: relative;
    display: inline-block;
    padding: 4px;
    width: 19.6%;
    text-align: center;
}

.menu-wrap li a {
    color: #fff;
    font-size: 24px;
    text-decoration: none;
    transition: color 1s;
    font-family: 'Agdasima', sans-serif;
}

.menu-wrap li::after {
    content: '';
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: 40px;
    width: 0;
    height: 2px;
    transition: width .5s;
}

.menu-wrap li a:hover {
    color: #FFD81D;
}
.menu-wrap li:hover::after {
    width: 100%;
    background-color: #FFD81D;
}
/* /nav-bar */
.bodywrapper{
	width: 990px !important;
	position: relative;
	margin: auto;
	background-color: rgba(89, 89, 89, 0.6);
}
/* end header */
.slideshow{
	margin-top: 5px;
	position: relative;
	z-index: 0
;
}
/* jackpot */
.jackport-wrap{
	background: url(img/images/jackpot-bg.png) center no-repeat;
	width: 990px;
	height: 111px;
	margin: 15px auto 22px;
	position: relative;
	z-index: 100;
}
.jackport.poker {
    float: left;
    width: 50%;
    text-align: center;
    left: 37px;
    position: relative;
}

.jackport-wrap p {
	padding: 54px 0 0 0;
    font-size: 30px;
    font-weight: bold;
    color: #df1b1b;
	letter-spacing: 1px;
	font-family: 'Agdasima', sans-serif;
	animation: zoom-in-zoom-out 1s ease infinite;
}
.jackport.domino {
    float: right;
    width: 50%;
    position: relative;
    right: 37px;
    text-align: center;
}
@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.1, 1.1);
  }
  100% {
    transform: scale(1, 1);
  }
}
/* /jackpot */

/* transaction */

.transaction {
	width: 990px;
    height: 361px;
    background: url(img/images/transaction.png) center no-repeat;
    margin: -30px 0px -9px 0px;
}
table.tblDeposit td img {
    vertical-align: middle;
}

table.tblDeposit,.tblWithdraw {
    width: 60%;
	margin: 71px 123px;
}

table.tblDeposit {
    margin-left: 96px;
}
.deposit,.withdraw{
	float: left;
	width: 50%;
}

table.tblDeposit td,.tblWithdraw td {
    color: #000;
    padding: 7.9px 13px;
    padding-bottom: 2px;
	text-align: center;
	font-family: 'Agdasima', sans-serif;
}

.deposit-title,.withdraw-title{
	padding-left: 15px;
    font-size: 15px;
    margin: 4px auto 0;
    color: #000;
    font-weight: 800;
}

.withdraw-title {
    padding-left: 115px;
}
.tblWithdraw td {
	padding: 4.9px 13px;
    position: relative;
}

table.tblWithdraw td img {
    vertical-align: middle;
}
/* /transaction */
/* Contact */
.contact-wrap {
    margin-top: -69px;
    text-align: center;
}
ul.contact {
	width: 100%;
	margin-left: 50px;
}

ul.contact li {
    float: left;
    width: 30%;
    position: relative;

}


ul.contact li:hover{
    -webkit-mask-image:linear-gradient(-75deg,rgba(0,0,0,.6) 30%,#000 50%,rgba(0,0,0,.6) 70%);
    -webkit-mask-size:200%;
    animation:shine 1s infinite
}
@-webkit-keyframes shine {
	from {
	-webkit-mask-position:150%
}

	to {
	-webkit-mask-position:-50%
	}
}

ul.contact li a{
	text-decoration: none;
	font-family: 'Agdasima', sans-serif;
	font-size: 20px;
	color: #fff4f4;
}

ul.contact img {
    vertical-align: middle;
    padding-right: 5px;
}
/* /contact */
.site-footer
{
  background-color: #26272b;
  padding:10px 0 10px;
  font-size:15px;
  line-height:24px;
  position: relative;
}
.container{
		width: 990px !important;
	margin: 0 auto;
}
.row{
	color:#737373;
	text-align: right;
	margin-right: 15px;
	font-family: 'Agdasima', sans-serif;
}
.row a{
	color: #737373;
	text-decoration: none;
}
.row a:hover{
	color: #337ab7;
}
.footercolor{
	background-color: #2f3035;
}
.footerinfo{
	width: 100%;
	height: fit-content;
	font-family: 'Agdasima', sans-serif;
	font-size: 12px;
	color: #fff;
}
.contentfooter{
	width: 990px;
	margin: auto;
	height: 100%;
}
.infobna{
	padding: 10px 0 10px;
}
.infopembayaran{
	width: 83.33333333%;
	float: left;
	text-align: left;
}
.payment{
	margin-top: 0.5em!important;
}
.img-fluid{
	width: 150px;
	border-radius: 20px;
}
.infopembayaran p{
	color: #fff;
}
.infoakses{
	width: 16.66666667%;
	text-align: right;
	float: right;
}
p.browseryd{
	color:#fff;
	margin-right: 5px;
}
.browserr ul{
	margin-top: 0.5em!important;
}
.browserr ul li{
	display: inline-block;
}
.chrome{
	width: 30px;
	height: 30px;
	display: block;
	position: relative;
	background: url(img/images/icon/chrome.png);
}
.chrome:hover{
	background-position: -58px 0px;
}
.mozilla{
	width: 30px;
	height: 30px;
	display: block;
	position: relative;
	background: url(img/images/icon/mozilla.png);
}
.mozilla:hover{
	background-position: -61px 0px;
}
.garisfooter{
	border-bottom: 2px solid #2a2b2f;
	margin-top: 90px;
}
.seocontent{
	margin-top: 10px;
	font-size: 20px;
	color: #737373;
}
.seocontent:hover{
	color: #FAF9F6;
}
}
.seocontent p{
	font-weight: lighter;
	padding-top: 10px;
}
.seocontent a{
	color: #ff0000!important;
	text-decoration: none;
}
.panduan{
	padding: 1rem!important;
	display: block;
	font-family: 'Agdasima', sans-serif;
}
.panduan h1{
	font-size: 3em;
	padding-bottom: 10px;
	margin: 0;
	color: #df1b1b;
	text-align: center;
	padding-top: 15px;
}
.headline{
	border-bottom: 2px solid #df1b1b;
	margin-bottom: 10px;
}
.question{
	background-color: #8b0000 ;
	width: 100%;
	border-radius: 10px;
	text-decoration: none;
	color: #fff;
	font-size: 20px;
	display: block;
	padding: 7px 20px;
	z-index: 3;
	position: relative;
	margin-bottom: 15px;
}
.slidingfaq{
	background-color: #fff;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	clear: both;
	margin-bottom: 1rem;
	color: #8b0000;
	margin-top: -25px;
	z-index: 1;
	position: relative;
	padding: 15px 40px 10px;
}
.isipromosi img{
	width: 100%;
	margin: 20px 0px 20px;
	cursor: pointer;
	border-radius: 20px;
	z-index: 3;
	position: relative;
}
.isipromosi{
	width: 100%;
	padding: 20px;
	font-family: 'Agdasima', sans-serif;
	font-size: 20px;
}
.slidingDiv{
	border-radius: 0px 0px 20px 20px;
	clear: both;
	width: 100%;
	background: #fff;
	text-align: left;
	padding: 30px 50px 20px;
	color: #8b0000;
	z-index: 1;
	position: relative;
	margin-top: -40px;
	border-radius: 0px 0px 20px 20px;
}
.isipromosi h1{
	font-size: 3em;
	padding-bottom: 10px;
	margin: 0;
	color: #df1b1b;
	text-align: center;
}
.isidownload h1{
	font-size: 3em;
	padding-bottom: 10px;
	margin: 0;
	color: #df1b1b;
	text-align: center;
}
.isidownload{
	width: 100%;
	padding: 20px;
	font-family: 'Agdasima', sans-serif;
}
.bannerdownload img{
	width: 100%;
	border-radius: 20px;
}
.btndownload {
  display: flex;
  float: left;
  position: relative;
  bottom: 120px;
  left: 555px;
}

.cta {
    display: flex;
    padding: 10px 45px;
    text-decoration: none;
    font-family: 'Agdasima', sans-serif;
    font-size: 40px;
    color: white;
    background: linear-gradient(180deg,#8b0000,#df1b1b);
    transition: 1s;
    box-shadow: 6px 6px 0 black;
    transform: skewX(-15deg);
}

.cta:focus {
   outline: none; 
}

.cta:hover {
    transition: 0.5s;
    box-shadow: 10px 10px 0 #FBC638;
}

.cta span:nth-child(2) {
    transition: 0.5s;
    margin-right: 0px;
}

.cta:hover  span:nth-child(2) {
    transition: 0.5s;
    margin-right: 45px;
}

  span {
    transform: skewX(15deg) 
  }

  span:nth-child(2) {
    width: 20px;
    margin-left: 30px;
    position: relative;
    top: 12%;
  }
  
/**************SVG****************/

path.one {
    transition: 0.4s;
    transform: translateX(-60%);
}

path.two {
    transition: 0.5s;
    transform: translateX(-30%);
}

.cta:hover path.three {
    animation: color_anim 1s infinite 0.2s;
}

.cta:hover path.one {
    transform: translateX(0%);
    animation: color_anim 1s infinite 0.6s;
}

.cta:hover path.two {
    transform: translateX(0%);
    animation: color_anim 1s infinite 0.4s;
}

/* SVG animations */

@keyframes color_anim {
    0% {
        fill: white;
    }
    50% {
        fill: #FBC638;
    }
    100% {
        fill: white;
    }
}
.footerinfonull{
	width: 100%;
	min-height: 300px;
}