* {margin:0; padding:0}
/* Base CSS */
@font-face {
	font-family: ;
	src: url('../fonts/');
	
}
.alignleft {
    float: left;
    margin-right: 15px;
}
.alignright {
    float: right;
    margin-left: 15px;
}
.aligncenter {
    display: block;
    margin: 0 auto 15px;
}
a:focus { outline: 0 solid }
img {
    max-width: 100%;
    height: auto;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px;
    font-weight: 700;
}
body {
	background-image: url(../img/bg.jpg);
	background-color: #040404;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	overflow-x: hidden;
}
a:hover { text-decoration: none }

.container{width: 1200px;}
/*===============================
Header-top-area-css
=================================*/
.header-top-area {
}
.header-top {
/*	background-image: url(../img/header.png); */
	background-color: transparent;
	background-size: normal;
	background-position: bottom center;
	background-repeat: no-repeat;
	height : 88px;
	border : 1px solid #000;
}

.logo img {
	height: 55px;
	width : 300px;
	margin-top : 10px;
	margin-left : 26px;
}
.login-form {
	float: right;
	padding-top: 10px;
	padding-left: 12px;
	padding-right: 10px;
	border : 0px solid #fff;
	width : 500px; 
	height :80px; 
	background-image: url(../img/bg-login.png);
	background-color : #001236;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	overflow-x: hidden;
	
}
input[type="text"], input[type="password"] {
	text-align: center;
	background: #fff;
	color: #b3b3b3;
	border: 0px solid;
	width: 100px;
	height: 28px;
	border-radius : 3px;
}

#txtCode {background: #ffffff;color: #b3b3b3;
	text-align: center;
	border: 0px solid;
	width: 80px;
	height: 28px;
	border-radius : 3px;
}
.numbercode {background: #0fe9ff;
	color: #ffffff;
	font-weight: bold;
	padding: 6px 25px;
	text-align: center;
	border-radius: 3px;
	border: 0px solid red;
	color: #757575;
}


input[type="button"], input[type="button"] {
	padding: 5px 0;
	display: inline-block;
	font-weight : bold;
	width: 100px;
	text-align: center;
	border: 0px solid transparent;
	border-radius : 3px;
}
#btnSignIn{
	color : #1a0800;
	cursor: pointer;
	border : 0px solid #643100;
	background: rgb(250,249,249);
	background: linear-gradient(180deg, rgba(250,249,249,1) 0%, rgba(189,189,189,1) 35%, rgba(126,128,132,1) 100%);
	
}
#btnReg{
	color : #1a0800;
	cursor: pointer;
	border : 0px solid #cc9933;
	background: rgb(255,204,0);
	background: linear-gradient(180deg, rgba(255,204,0,1) 0%, rgba(255,201,0,1) 35%, rgba(255,163,0,1) 100%);
	margin-top : 5px;
}

/*===============================
		Menu-area-css
=================================*/
.menu-bg {
	background-image: url(../img/bg-menu.png); 
	background-color: transparent;
	background-size: normal;
	background-position: bottom center;
	background-repeat: no-repeat;
	height : 85px;
	border : 1px solid #000;	
} 

.menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.menu ul li {
	display: inline-block;
	padding-top: 15px;
}
.menu li a {
  color: #f6f6f6;
  font-size: 14px;
  font-weight : 600;
}
.menu {
	background-size: cover;
	background-position: center;
}
.m1, .m2, .m3, .m4, .m5, .m6 {
	display: inline-block;
	text-align : center;
	border : 1px solid transparent;
}
.m1 {
	margin-left: 155px;
	width : 105px;
}
.m2 {
	margin-left: 6px;
	width : 105px;
}
.m3 {
	margin-left: 6px;
	width : 105px;
}
.m4 {
	margin-left: 6px;
	width : 105px;
}
.m5 {
	margin-left: 6px;
	width : 105px;
}
.m6 {
	margin-left: 7px;
	width : 165px;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}


.mainmenubtn {
    border: none;
}

.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown-child {
    display: none;
    background-color: #222;
    width: 200px;
}
.dropdown-child a {
    color: blue;
    padding: 20px;
    text-decoration: none;
    display: block;
}
.dropdown:hover .dropdown-child {
    display: block;
}

.imenu {margin-top : 5px;}
.m1, .m2, .m3, .m4, .m5, .m6, .m7 { margin : 0px;}
.m1 {width : 135px;}
.m2 {width : 185px;}
.m3 {width : 180px;}
.m4 {width : 170px;}
.m5 {width : 183px;}
.m6 {width : 172px;}
.m7 {width : 155px;}

/*modify-dropdawn-menu-css-start*/
.menu.dropdown li {
    position: relative;
}

.menu ul li ul {
    position: absolute;
    background: #000;
    top: 45px;
    z-index: 9;
    left: 10px;
    width: 200px;
    visibility: hidden;
    opacity: 0;
    transition:.3s;
}

.menu ul li ul li {
    padding: 0;
    display: block;
}

.menu ul li ul li a {
    display: block;
    padding: 7px 10px;
    background: #000;
    transition:.3s;
}
.menu ul li ul li a:hover {
    background: linear-gradient(180deg, rgba(204,153,51,1) 0%, rgba(254,252,101,1) 35%, rgba(102,51,0,1) 100%);
    color: #000;
}
.menu ul li:hover ul{
	visibility: visible;
	opacity: 1;
}
/*===============================
		Running-text-area-css
=================================*/
.running-text {
	background-position: center;
	height: 30px;
}

marquee {
   color: #fff;
    width: 999px;
    text-align: center;
    margin-left: 42px;
    font-size: 18px;
}

.live-chat {width : 160px: height : 25px; float: right; display : inline-block; margin-top : -12px; margin-right : 5px;}

/*===============================
		Menu-area-css
=================================*/

.contact {
	margin-top : 14px;
	background-position: center;
	height: 30px;
}

.contact ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.contact ul li {
	display: inline-block;
	padding-top: 5px;
}
.contact li a {
  color: #e6e6e6;
  font-size: 15px;
  font-weight : 600;
}
.contact {
	background-size: cover;
	background-position: center;
	height: 45px;
	margin-top : 0px;
}
.con1, .con2, .con3, .con4, .con5 {
	display: inline-block;
	text-align : left;
	border : 1px solid transparent;
	padding-left : 5px;
}
.con1 {
	margin-left: 170px;
	width : 125px;
	padding-top : 6px;
}
.con2 {
	margin-left: 34px;
	width : 104px;
	padding-top : 6px;
}
.con3 {
	margin-left: 40px;
	width : 125px;
	padding-top : 6px;
}
.con4 {
	margin-left: 32px;
	width : 135px;
	padding-top : 6px;
}
.con5 {
	margin-left: 10px;
	width : 180px;
	padding-top: 0px;
}

.con-t {padding-top : 4px;}


.cn1 {
	position: absolute;
	color: #fff;
	font-size: 20px;
	bottom: 103px;
	left: 165px;
}
.cn2 {
	position: absolute;
	color: #fff;
	font-size: 20px;
	bottom: 7px;
	left: 190px;
}

.col-md-8, .col-md-12, .row, .col-sm-12, .col-md-4 {padding-right: 0px;padding-left: 0px;}
.row {margin-right: 0px;margin-left: 0px;}
.container {padding-right: 10px;padding-left: 10px;}

.slide-section {}
.slide {width : 100%; min-height : 300px; float : left;z-index : -1;}
.slide img {}


.toto-result {
	width : 100%; height :395px; 
	background-image: url(../img/toto-result.png);
	background-color : #001236;
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	overflow-x: hidden;
	color: #fff;
	padding-top: 45px;
	font-size: 35px;
}

.toto-result .kiri,.toto-result .tengah, .toto-result .kanan {border  :0px solid #fff;margin-top : 8px;}
.toto-result .kiri {float: left; padding-left : 20px;  width : 30%;}
.toto-result .tengah {float: left; padding-left : 20px;  width : 25%;}
.toto-result .kanan {float: right; width : 45%;}

.toto-result .kiri .negara {font-size : 17px; color : #ffffff; font-weight : bold; line-height : 1; padding-top : 7px;}
.toto-result .tengah .tgl {font-size : 16px; color : #ffff1f; line-height : 1; padding-top : 7px;font-weight : bold}
.toto-result .kanan .n1,
.toto-result .kanan .n2,
.toto-result .kanan .n3,
.toto-result .kanan .n4
	{float: left; font-size : 20px; font-weight : bold; color : #333333; background-color : #fff; 
		background-image: url(../img/num-bg.png);
		background-repeat: no-repeat;
		background-size: cover;
		border: 0px solid #333333; border-radius : 50px; padding : 1px 10px; margin-left : 7px;}


.img1 {
	width: 100%;
}
.img2, .img3, .img4 {
	height: 97px;
	width: 100%;
}
.col-md-8.mh {
  padding-right: 2px;
}
.col-md-4.nh {
  padding-left: 2px;
}
/*===============================
		Jackpot-area-css
=================================*/
.jackpot {
	background : url(../img/jackpot.png) top center no-repeat;
	margin-top : -15px;
}

.jackpot-area {
	padding: 5px 0;
}
.jackpot-content {margin-top : 0px; padding : 0 55px;}
.jackpot-count {
	display: inline-block;
}
.jcol-1, .jcol-2, .jcol-3 {width: 300px; border : 1px solid transparent; margin-top : 75px;}
.jcol-1 { padding-left : 105px; background : url(../img/poker.gif) top center no-repeat;}
.jcol-2 { padding-left : 105px; margin-left : 25px; background : url(../img/domino.gif) top center no-repeat;}
.jcol-3 { padding-left : 105px;margin-left : 25px;background : url(../img/capsa.gif) top center no-repeat;}

#jackpot, #jackpott, #jackpottt {
	background: transparent;
	border: transparent;
	color: #fff;
	font-weight: 500;
	font-size : 30px;
	letter-spacing: 1px;
	width: 100%;
	margin-top : 7px;
}
.count-1, .count-2, .count-3{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 96px;
}
/*===============================
		Running-text-area-css
=================================*/
.gallery img {
	height: 165px;
	width: 178px;
	text-align: center;
}

.tech-slideshow {
  height: 165px;
  max-width: 1096px;
  margin: 5px auto 0 auto;
  position: relative;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
}

.tech-slideshow > div {
  height: 165px;
  width: 2526px;
  background: url(../img/games.png); /* https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/collage.jpg */
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  transform: translate3d(0, 0, 0);
}
.tech-slideshow .mover-1 {
  animation: moveSlideshow 30s linear infinite;
}
.tech-slideshow .mover-2 {
  opacity: 0;
  transition: opacity 0.5s ease-out;
  background-position: 0 -200px;
  animation: moveSlideshow 31s linear infinite;
}

@keyframes moveSlideshow {
  100% { 
    transform: translateX(-66.6666%);  
  }
}



.deposit {
	background : url(../img/5-latest.png) top center no-repeat;
	height : 296px;
	color : #fff; font-size : 14px;
}

.deposit .d-left {width : 360px;float : left; padding : 55px 0 40px 80px;}
.deposit .d-center {width : 360px;float : left;}
.deposit .d-right {width : 360px;float : right; padding : 55px 0 40px 80px;}
.deposit .d-left table, .deposit .d-right table {margin-top : 10px;}
.deposit .d-left td, .deposit .d-right td {padding : 10px 0 10px 0;}


.slicknav_menu {
	display: none;
	margin-top: -70px;
}
.mobile-menu-wrap {
    margin-top: 25px;
	display: none;
}

.slicknav_menu {
    background-color: transparent;
}

.slicknav_btn {
    display: inline-block;
    background-color: #0099F3;
    text-shadow: 0 0 0;
}

.slicknav_nav {
    background-color: #333;
    text-align: left;
}
.slicknav_nav .slicknav_row:hover, .slicknav_nav a:hover {
    background-color: #0099F3;
    border-radius: 0;
    color: #FFF;
}

.slicknav_menu h5 {
    color: #FFF;
    text-transform: uppercase;
    margin-top: 15px;
}

.slicknav_nav ul {
    margin-left: 10px;
}
.mobile-footer {
	display: none;
}
.copyright {
	margin : 40px auto 20px auto;
	padding-top : 20px;
	color : #c4c4c4;
	border-top : 1px solid #999;
	width : 80%;
}

.content {font-size : 15px;padding : 40px 25px; color : #c4c4c4; border : 1px solid #612F00;}
.content h1 {font-size : 22px; text-align : center;}
.content h2 {font-size : 20px; text-align : center;}
.content h3 {font-size : 18px; text-align : center;}
.content p {text-align : justify;}


.list-game {background-color : #022675; width : 100%; color : #fff; line-height : 1.7;}
.list-game td {padding : 20px;}

.main-text {background-color : #022675; width : 100%; color : #fff; line-height : 1.7; padding : 20px;}
.main-text h1 {font-size : 24px; text-align : left; color: yellow;}
.main-text h2 {font-size : 22px; text-align : left;color: yellow;}
.main-text h3 {font-size : 20px; text-align : left;color: yellow;}
.main-text p {text-align : justify;}

.footer {
	width : 100%; height :150px; 
	background-image: url(../img/footer.png);
	background-color : #151515;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	overflow-x: hidden;
	color : #ffffff;
	padding : 100px 20px 20px 20px;
	}

@keyframes blink {
  50% {
    opacity: 0.5;
  }
}
@-webkit-keyframes blink {
  50% {
    opacity: 0.5;
  }
}
.blink {
  animation: blink 1s step-start 0s infinite;
  -webkit-animation: blink 1s step-start 0s infinite;
}

.blink-promosi {
  animation: blink 1.4s step-start 0s infinite;
  -webkit-animation: blink 1.4s step-start 0s infinite;
}
.blink-chat {
  animation: blink 1.2s step-start 0s infinite;
  -webkit-animation: blink 1.2s step-start 0s infinite;
}