@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,300,600");
@import "css/normalize.css";

*{
	padding : 0;
	margin : 0;
	border : 0;
}

html, body {
	width:100%;
     height:100%;
}

img {
	max-width:100%;
max-height:100%;
}

body{
	background-color : #000;
}
.blended_grid{
	display : block;
	width : 100%;
	overflow : hidden;
	margin: 0 auto;
}
.sidelogo  {
	max-width:100%;
	max-height:120%;

}
.sidelogo2  {
	max-width:100%;
	max-height:230%;
	

}
.topBar{
	height : 80px;
	width : 90%;
	margin: 0 auto;

	position:relative;

}

.web-logo {
	float:left;
	height: 110px;
	width: 40%;
}

.loginbar{
	float: right;
	width: 60%;
}

.login {
	float:right;
	padding-top:38px;
	margin-left:15px;
	position:relative;
	width: 540px;
}

.lang {
	float:right;
	margin-left: 10px;
	padding-top: 24px;

}

.lang img{
	height: 45px;
	background-size: 100%;

	margin-right: 4px;
	margin-left: 4px;
}

.logintxt {
	border: 1px solid #0f0f0f;
	width: 160px;
	height: 33px;
	background: #2d2d2d;
	color: #FFFFFF;
	font-size: 14px;
	border-radius: 5px;
	padding: 0 5px;

}

.loginBtn{
	background: url(img/login.png);
	width: 82px;
	height: 30px;
	background-repeat: no-repeat;
	border: none;
	background-size: 100%;
	margin-right: 8px;
	margin-left: 8px;
	
    vertical-align: middle;
}

.joinBtn{
	width: 80px;
	height: 30px;
	border: none;
	background-size: 100%;
	margin-right: 8px;
}
.profileBtn{
	width: 128px;
	border: none;
	background-size: 50%;

	float: right;

}
.logoutBtn{
	width: 90px;
	border: none;
	background-size: 150%;

	margin-right: 15px;
	margin-left: 25px;
	float: right;
}


.usernameBar {

	font-weight: 400;
	color:white;
	font-size:18px;
	display:inline-block;
}

.lostBar {
	position: absolute;
	top: 70px;
	right: 0.4em;
	font-weight: 400;
	color:white;
	z-index: 9;
}


.lostBar a {
	color:#FFF !important;
}

.contactus {
position: absolute;
height: 180px;
width: 300px;
z-index: 99;
background-color: #E6B340;
top: 40%;
left: -240px;


    -webkit-transition: all 0.5s linear; /* Safari */
    transition: all 0.5s linear;
}

.contactus-inner {
background-color: #ecc774;
height: auto;
width: 240px;
padding: 5px 5px;
}

.banner-vip {
background: #000 url('img/banner-vip.jpg') no-repeat top center;
height:400px;
}


.banner-rewards {
background: #000 url('img/reward.png') no-repeat top center;
height:300px;
background-size:cover;

}



.table-vip {
	border: #000 solid 1px !important;
	width:100%;
	background-color:#000;
	text-align:center;

    color: white;
	font-size:24px;
}

.table-rewards {
	border: #000 solid 1px !important;
	width:100%;
	background-color:#000;
	text-align:center;

	font-size:14px;
	font-weight:400;
}

.table-rewards img {
    display:block; width:100%; height:auto;
}

.table-rewards tr td{
	height:250px;
	vertical-align:bottom;
	text-align:center;
}


.th {
	text-align:center;
 }

 .th-first {
	text-align:center;
 }

.col {
	padding: 22px 24px;
	border: #000 solid 1px;
	border: rgba(255, 255, 255, 0.3) solid 1px !important;
}

.col-first {
	padding: 22px 24px;
	border: #000 solid 1px;

}

.content-bunner {
	width: 790px;
    margin: 0 auto;
    padding-top: 80px;
}

.image-bunner-left {
    width: 160px;
    float: left;
    margin-right: 20px;
} 

.text-bunner {
    background: url("img/line-top.png") no-repeat bottom left;
    float: left;
    width: 610px;
    padding: 15px 0 0 35px;
}


.table-jackpot {
	border: #000 solid 1px !important;
	width:100%;
	background-color:#000;
	text-align:center;

	font-size:14px;
	/*margin-top:20px;*/
}

.table-jackpot th {
	background-color:rgba(255, 255, 255, 0.3) ;
	text-align:center;
	padding:12px 0;
}

.table-jackpot td {
	border: rgba(255, 255, 255, 0.3) solid 1px !important;
	padding:8px 0;
}

.trophy {
	margin-bottom:2px !important;
}


.jackpot-div {
  min-height: 700px;
	width:80%;
	position:relative;
	margin:0 auto 0 auto;
  display: table;
}


.tournament-div {
	width:80%;
    min-height: 700px;
	position:relative;
	margin:0 auto 0 auto;
  display: table;
}

.jackpot-bar {
    display: table-cell;
	padding: 58px 24px;
	min-height: 100%;
	position:relative;
	background-color: #202020;
	border-right: rgba(255, 255, 255, 0.3) solid 1px;
	text-align:center;
  width: 30%;
}

.tournament-bar {
    display: table-cell;
	padding: 58px 24px;
	height:100%;
	position:relative;
	background-color: #202020;
	border-right: rgba(255, 255, 255, 0.3) solid 1px;
	text-align:center;
}

.jackpot-bar img{

	  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.jackpot-bar img:hover {
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.jackpot-right {

  display: table-cell;
	height:100%;
	padding: 24px 24px;
  vertical-align: top;
}
.tournament-right {
    display: table-cell;
	height:100%;
	padding: 24px 24px;
  vertical-align: top;
}

.h2p {
	text-align:center;
	margin-top:24px;
	height:80px;
}


.pageNavigator{
	background-color : rgba(0, 0, 0, 0.5);
	 background: url("img/bg-navi.jpg") top center no-repeat;;

	/*background-size: 100%;*/
	/*margin-bottom: 8px;*/
	margin-top: 20px;
	position:relative;
	height: 80px;

}

.pageMenu{
	clear : none;
	height: 79px;
	/*height : 100px;
	width : 100%;
	margin: 0 auto;*/
}

.pageHeader{
	background-color : rgba(0, 0, 0, 0.5);
	clear : none;
	margin: 0 auto;
	text-align: center;
	/*margin-bottom: 10px;*/

	height: 125px;
	width: 100%;
}

.pageHeader img{
	display:block;
}

.pageHeader div {
	vertical-align: top;
}


.rowBar {
	background: url("img/rowbar.png") repeat-x;
	background-size: auto 100%;
	height: 90px;
	border-bottom: 1px solid #000000;
}

.pageRow{
	/*background-color : rgba(0, 0, 0, 0.5);*/
	clear : none;
	text-align: center;
	margin: 0 auto;



	height: 160px;
	width: 80%;
max-width: 82%;

}

@media only screen and (max-width: 1366px) {
   .pageRow {
   	width:100%;
   	max-width:100%;
   }
}


@media only screen and (min-width: 738px) and (max-width: 1366px) {
	.pageHeader{
		width: 100%;
		height: 90px;
	}
}
/* Portrait and Landscape */
@media only screen and (max-width: 737px) {
	.pageHeader{
		width: 100%;
		height: 90px;
	}
}

	@media only screen and (max-width: 1366px) {
		.pageRow{
			height: 160px;
		}
	}

	@media only screen and (min-width: 1367px) {
		.pageRow{
			width: 100%
		}
	}




.pageRow img {
	margin-right:6px;
	/*margin-right:6px;
	max-height: 160px;*/
}




/* effects */
.col-grow {
/*  display: inline-block;*/
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.col-grow:hover, .col-grow:focus, .col-grow:active {
/*	border: rgba(255, 215, 0, 1) solid 3px;*/
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}




.last-img {
	margin-right:0;
}

.wobble-effect {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	}

.download {

	margin-top: 8px;

}

#download-banner {
	height: 350px;
	text-align:center;
}

.dl-918kiss {
	background: #000000 url(img/download/banner-918kiss.png) top center no-repeat;
	background-size:25% auto;
	background-position-y: 80px, center;
}
.dl-joker {
	background: #000000 url(img/download/banner-joker.png) top center no-repeat;
	background-size:25% auto;
	background-position-y: 90px, center;
}
.dl-lpe888 {
	background: #000000 url(img/download/banner-lpe888.png) top center no-repeat;
	background-size:contain;
}
.dl-live22 {
	background: #000000 url(img/download/banner-live22.png) top center no-repeat;
	background-size:contain;
}
.dl-newtown2 {
	background: #000000 url(img/download/banner-NewtownCasino.png) top center no-repeat;
	background-size:25% auto;
	background-position-y: 100px, center;
}
.dl-mega888 {
	background: #000000 url(img/download/banner-mega888.png) top center no-repeat;
	background-size:25% auto;
	background-position-y: 100px, center;
}
.dl-greatwall {
	background: #000000 url(img/download/banner-greatwall.png) top center no-repeat;
	background-size:25% auto;
	background-position-y: 100px, center;
}
.dl-rollex {
	background: #000000 url(img/download/banner-rollex.png) top center no-repeat;
	background-size:25% auto;
	background-position-y: 100px, center;
}
.dl-allbet {
	background: #000000 url(img/download/banner-allbet.png) top center no-repeat;
	background-size:25% auto;
	background-position-y: 80px, center;
}



.download-img {
	/*max-height: 86px;
	margin-left:80px;*/
	max-width: 100%;/*
	margin-top: -6px;*/
	margin-right: 1%

}

.jackpot  {
	font-size: 50px;
	font-weight: 700;
	font-family: 'Noto Sans', sans-serif;
	letter-spacing: 18px;
/*padding-left: 5px;
padding-top: 9px;*/

}

.jackpotup {
	display:inline;
font-weight: 700;
font-family: 'Noto Sans', sans-serif;
font-size: 24px;
}

.jackpotdiv {
/*margin-left: 22px;*/
line-height: 24px;
color: white;
    display:inline-block;
    /*float:left;*/
	margin-top: 16px;
	margin-left: 40px;
}

.jackpot-text {

font-size: 50px;
font-weight: 700;
font-family: 'Noto Sans', sans-serif;
letter-spacing: 18px; padding-left: 5px;
padding-top: 9px;
color:#FFF;
display:inline-block;
}


.barleft {
	/*float: left;*/
	display:inline-block;
	margin-top: 6px;
	width:280px;
/*	margin-left:140px;*/
}

.jackpotright {
	/*float: left;*/
	display:inline-block;
	/* width:540px; */
/*	margin-top: 6px;*/
	margin-left: 40px;
background: url(img/jackpot.jpg) top right no-repeat;
}

.jackpotdown {
	display:inline;
font-weight: 700;
font-family: 'Noto Sans', sans-serif;
font-size: 37px;

}




.jackpot-img {

	/*max-height: 90px;
    /*margin-right: 350px;*/
    max-width:100%;
}




.pageContainer{
	margin: 0 auto;
	/* height: 72px;
	margin-bottom: 16px; */
	padding-top: 16px;
	width: 1080px;
	position:relative;
	text-align: center;
	padding-left: 0px;
    padding-right: 0px;
}

.step-title {
    color: #fec500;
    font-size: 20px;
    font-weight: 700;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
    left: 78px;
    top: 10px;
    position: absolute;
}
.step-text {
    color: #FFF;
    font-size: 16px;
    left: 79px;
    top: 35px;
    position: absolute;
}


.pageContainerWallet{

	margin: 0 auto;
	width: 80%;
	position:relative;
	margin-top: 20px;
}
.pageLeftMenu{
	border: solid 1px #FFF;
	background-color : rgba(0, 0, 0, 0.5);
	float : left;
	clear : none;
	height : 600px;
	width : 200px;
	width: 30%;
}
.pageContent{
	border: solid 1px #FFF;
	background-color : rgba(0, 0, 0, 0.5);
	float : right;
	clear : none;
	height : 600px;
	width : 700px;
	width: 60%;
}
.pageFooter{
	background-color : rgba(0, 0, 0, 0.5);
	clear : none;
	height : 40px;
	width: 100%;

	background: #1d1d1d;
	border-top: 1px solid #2d2d2d;
	border-bottom: 1px solid #161616;
	color: #acacac;
	font-size: 14px;
	padding-top: 4px;
/*	margin-top: 15px;*/
}

.copyright{
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size: 14px;
	float:right;
	margin-top:8px;
	margin-right:10px;
}

.carousel-inner > .item > img {
	margin: 0 auto;

}

.slide-1{
	background-image: url("img/WelcomeBonus.jpeg");
	background-repeat: no-repeat;
	/*background-position: right top;*/
	position: relative;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	height:100vh;

	line-height: 300px;
}
.slide-2{
	background-image: url("img/DailyBonus20.jpeg");
	background-repeat: no-repeat;
	/*background-position: right top;*/
	position: relative;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	height:100vh;

	text-align: center;
	line-height: 300px;
}
.slide-3{
	background-image: url("img/DailyBonus30.jpeg");
	background-repeat: no-repeat;
	/*background-position: right top;*/
	position: relative;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	height:100vh;

	line-height: 300px;
}
.slide-4{
	background-image: url("img/Birthday.jpeg");
	background-repeat: no-repeat;
	/*background-position: right top;*/
	position: relative;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	height:100vh;

	line-height: 300px;
}
.slide-5{
	background-image: url("img/RecommendBonus.jpeg");
	background-repeat: no-repeat;
	/*background-position: right top;*/
	position: relative;
	display: block;
	float: left;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height:100vh;

	line-height: 300px;
}

/* navi list li */
.pageNavigator > ul li {
	display: block;
	height: 100px;
	line-height: 100px;
}

.pageNavigator > ul li img {
	vertical-align: middle;
}

.naviWrapper {
	/*float:right;*/
	text-align:center;
	height: 79px;

}

.navi {
	height:79px;
	/*margin-top: 8px;
	float: left;*/
	font-size: 17px;
	display: inline-block;
	color: #c2c2c2;
	text-align: center;
	text-decoration: none;

}

.naviWrapper a{
	/*margin-left: 10px;*/
	margin-right: 30px;
}

.navi-last {
	margin-right: 0;
}

.navi-home {
	background-image: url("img/navi1.png");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size:100% 100%;

	width:80px;
}

.navi-home:hover {
	background-image: url("img/navi1-hover.png");
}


.navi-918kiss {
	background-image: url("img/navi10.png");
	background-repeat: no-repeat;
	background-position: -15px 5px;
	background-size:124% 95%;

	width:80px;
}

.navi-918kiss:hover {
	background-image: url("img/navi10-hover.png");
}

.navi-joker {
	background-image: url("img/navi2.png");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size:100% 100%;

	width:80px;
}

.navi-joker:hover {
	background-image: url("img/navi2-hover.png");
}

.navi-newtown{
	background-image: url("img/navi4.png");
	background-repeat: no-repeat;
	background-position: 0px 6px;
	background-size:100% 100%;

	width:80px;
}

.navi-newtown:hover {
	background-image: url("img/navi4-hover.png");
}

.navi-rollex{
	background-image: url("img/navi14.png");
	background-repeat: no-repeat;
	background-position: 0px 2px;
	background-size:110% 100%;

	width:80px;
}

.navi-rollex:hover {
	background-image: url("img/navi14-hover.png");
}

.navi-newtown2{
	background-image: url("img/navi11NewTown.png");
	background-repeat: no-repeat;
	background-position: -15px 10px;
	background-size:155% 85%;

	width:80px;
}

.navi-newtown2:hover {
	background-image: url("img/navi11NewTown-hover.png");
}
.navi-live22{
	background-image: url("img/navi5.png");
	background-repeat: no-repeat;
	background-position: -18px 0px;
	background-size:150% 100%;

	width:80px;
}

.navi-live22:hover {
	background-image: url("img/navi5-hover.png");
}

.navi-allbet {
	background-image: url("img/navi3.png");
	background-repeat: no-repeat;
	background-position: -15px 3px;
	background-size:124% 95%;

	width:80px;
}

.navi-allbet:hover {
	background-image: url("img/navi3-hover.png");
}

.navi-mega888 {
	background-image: url("img/navi12.png");
	background-repeat: no-repeat;
	background-position: -6px 5px;
	background-size:124% 95%;

	width:80px;
}

.navi-mega888:hover {
	background-image: url("img/navi12-hover.png");
}

.navi-greatwall {
	background-image: url("img/navi13.png");
	background-repeat: no-repeat;
	background-position: -20px 10px;
	background-size:170% 95%;

	width:80px;
}

.navi-greatwall:hover {
	background-image: url("img/navi13-hover.png");
}

.navi-casino {
	background-image: url("img/navi6.png");
	background-repeat: no-repeat;
	background-position: 0px 5px;
	background-size:100% 100%;

	width:85px;
}

.navi-casino:hover {
	background-image: url("img/navi6-hover.png");
}

.navi-sportbook {
	background-image: url("img/navi7.png");
	background-repeat: no-repeat;
	background-position: 0px 3px;
	background-size:100% 100%;

	width:95px;
}

.navi-sportbook:hover {
	background-image: url("img/navi7-hover.png");
}


.navi-4d {
	background-image: url("img/navi8.png");
	background-repeat: no-repeat;
	background-position: 0px 1.5px;
	background-size:100% 100%;

	width:80px;
}


.navi-4d:hover {
	background-image: url("img/navi8-hover.png");
}


.navi-promo {
	background-image: url("img/navi9.png");
	background-repeat: no-repeat;
	background-position: 0px 1.5px;
	background-size:100% 100%;

	width:80px;
}

.navi-promo:hover {
	background-image: url("img/navi9-hover.png");
}



.sub-home {
height: 160px;
position: absolute;
background-color: #000;
z-index: 999;
width: 100%;
border-bottom: #03314a solid 8px;
padding-top:8px;
text-align: center;
  visibility:hidden;

    opacity: 0.0;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.sub-menu img{
	margin-right: 24px;
}

/* 88*/
div.title.special {
    color: #fff;
    background: #333;
    height: 36px;
    padding: 0 20px;
    line-height: 36px !important;

    font-size:22px;
    text-align:left;
}

div.title {
    color: #fff;
    font: normal 24px;
    line-height: normal;
}

div.account_safety_container {
    height: 88px;
    color: #000000;
}

.account_safety {
    width: 40%;
    margin: 14px 0 0;
	position: relative;
	display: flex;
    align-items: center;
}
.account_safety .account_safety_info {
    /* margin-left: 75px; */
}

.account_safety_percentage {
    float: left;
    width: 100px;
    height: 81px;
    padding-left: 10px;
}

.account_safety_info a {
	color: #F8C11F !important;
}

.stepsFooter {
	margin-top:6px;
}


.float {
    float: left;
}

.float_right {
    float: right;
}

div.total_wallet_balance, div.total_rewards_balance {
    position: relative;
    height: 158px;
	width: 250px;
	background-color: #FFD700;
}

div.total_wallet_balance div.inner_container, div.total_rewards_balance div.inner_container {
	height:70px;
    margin: 14px 0 0;
    font-weight: normal;
    color: rgb(0, 0, 0);
}

div.total_wallet_balance a, div.total_rewards_balance a {
    display: inline-block;
    height: 22px;
    line-height: 22px;
}
a:link, a:visited {
    text-decoration: none;
    color: #2A8FBD;
}

div.mainContent_inner {
    background: #252525;
    margin-top: 1px;
	padding-bottom: 100px;
    color: #808080;
    overflow: hidden;
}

.loginErr {
	position:absolute;
	top: 20%;
	max-width:100%;
	color: red;
}


.center {
    text-align: center;
}

.account_safety .info_1 {
    margin-top: 5px;
}

.account_safety .info_2 {
    margin-top: 15px;
}

div.account_menu {
    height: 76px;
    border-bottom: 1px solid #333;
}

div.account_menu ul.account_menu {
    list-style: none;
    padding: 0;
    margin: 20px 0 0 5px;
}
div.account_menu ul.account_menu li {
    float: left;
}

div.account_menu ul.account_menu li a {
    position: relative;
    display: block;
    height: 30px;
    line-height: 30px;
    width: 94px;
    color: #808080;
    border: 1px solid #343434;
    text-align: center;
    margin: 0px 2px;
    font-weight: bold;
}
a:link, a:visited {
    text-decoration: none;
    color: #2A8FBD;
}


/* register */

.register {
	min-height: 800px;
}

/*footer */
.container {
    width: 1038px;
    padding-left: 0px;
    padding-right: 0px;
}


#seo {
	font-family: 'Roboto', sans-serif;
    color: #acacac;
    letter-spacing: 1px;
}

#seo h1 {
    font-size: 18px;
    font-weight: 700;
}

#seo h2 {
    font-size: 14px;
    font-weight: 700;
    margin: 0;
    padding: 0 0 10px;
}



.seo-col-01 {
    float: left;
    width: 231px;
}


.seo-col-02 {
    float: left;
    width: 231px;
    margin-left: 37px;
}
.seo-col-03 {
    float: left;
    width: 231px;
    margin-left: 37px;
}
.seo-col-04 {
    float: left;
    width: 231px;
    margin-left: 37px;
}



#seo h3 {
    font-size: 13px;
    font-weight: 700;
    margin: 0;
    padding: 0;
}

#seo h4 {
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    padding: 0;
    color: #D8D8D8;
}
#seo .seocontent {
    font-size: 13px;
    line-height: 13px;
}

#seo .seocontent {
    border-top: 1px solid #9e9e9e;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 13px;
    line-height: 13px;
}

#seo {
    color: #acacac;
    letter-spacing: 1px;
}

.footer-subTitle {
	font-family: 'Roboto', sans-serif;
	color: #FFF;
	font-weight:800;
/*	letter-spacing: 1px;
*/
}

.a-active{
	background-color: #656565;
	color: #000 !important;

}

.divTable{
	display: table;
	width: 100%;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
}
.divTableCell, .divTableHead {
	border: 1px solid #999999;
	display: table-cell;
	padding: 3px 10px;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}

.divTable{
    display: table;
    height: 40%;
    width: 60%;
    margin: auto;
    margin-top: 30px;
}

.announcement {
    width: 1199px;
    height: 27px;
    background-color: #494e4c;
    margin: auto;
    margin-top: 30px;
}

.announ-title {
    width: 166px;
    float: left;
    padding-left: 30px;
    font-size: 12px;
    color: #000000;
    font-weight: bold;
    padding-top: 5px;
}

.runningtxt {
    width: 1033px;
    float: left;
    color: #FFFFFF;
    padding-top: 5px;
}






@media only screen and (min-width: 1920px) {
   .pageRow {
       /* margin-left: 350px; */
    }
}

@media only screen and (max-width: 1023px) {

html, body {
	width:1600px;
     height:100%;

}
}


/* disable responsive by modifying bootstrap */
.form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
}

/* loollo */
#pop-games {
	width:1260px;
    text-align: center;
    margin: 0 auto;
}

.games-vip {
    padding: 0 0 10px 3px;
    text-align: center;
}

.games-vip .games-item {
	display:inline-block;
	
    width: 167px;
    margin-top: 10px;
    background: #151515;
    margin-left: 8px;
    border: rgba(255, 215, 0, 0.7) solid 3px;
}

.games-vip .hovereffect {
    width: 146px;
    margin: 0 auto;
}
.hovereffect {
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
}


.hovereffect img {
    display: block;
    position: relative;
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
}

.hovereffect .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    opacity: 0;
    background-color: rgba(0,0,0,0.5);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.games-btm {
    background: #000;
    padding: 5px;
}

.games-vip .games-title {
    font-size: 13px;
    color: #FFFFFF;
    padding-top: 5px;
}
.home-tab {
	margin: 0 auto;
	margin-left: 60px;
	margin-right: 50px;
	/*margin-bottom: 16px;*/
}

.home-tab > .tab-content {
    background: #252525;
    border-radius: 0 4px 4px 4px;
    color: #FFFFFF;
    min-height: 200px;
    margin: 0 auto;
}

.home-tab > .tab-content {
    color: #FFFFFF;
}

.hovereffect a.btn-playnow {
    text-decoration: none;
    display: inline-block;
    color: #000000;
    background-color: #f6e7cd;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    margin-top: -15px;
    padding: 7px 14px;
    font-size: 13px;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
}

.games-vip a.btn-playnow {
    margin-top: -32px;
}
.games-vip a.btn-funplay {
    margin-top: 0;
}
.hovereffect a.btn-funplay {
    text-decoration: none;
    display: inline-block;
    color: #ffffff;
    background-color: #111111;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    margin-top: 15px;
    padding: 7px 14px;
    font-size: 13px;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
}
.hovereffect .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    opacity: 0;
    background-color: rgba(0,0,0,0.5);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.hovereffect:hover img {-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);}
.hovereffect:hover .overlay {opacity:1;filter:alpha(opacity=100);}
.hovereffect:hover a.btn-playnowh5, .hovereffect:hover a.btn-playnow, .hovereffect:hover a.btn-funplay {opacity:1;filter:alpha(opacity=100);-ms-transform:translatey(0);-webkit-transform:translatey(0);transform:translatey(0);}



/*tabs*/

.home-tab > .nav-tabs {
    border-bottom: none;
}


.home-tab > .nav-tabs > li.active > a, .home-tab > .nav-tabs > li.active > a:hover, .home-tab > .nav-tabs > li.active > a:focus {
    color: #e3d08c;
    border: none;
    background: #252525;
}
.home-tab > .nav-tabs > li > a {
    border: none;
    background: #1b1b1b;
    font-weight: bold;
    color: #8e8e8e;
    font-size: 14px;
    position: relative;
    padding: 10px 15px 10px 45px;
}

.home-tab > .nav-tabs > li.active > a > .home-tab-popgame, .home-tab > .nav-tabs > li:hover > a > .home-tab-popgame {
    background: url("img/tab-popgame-over.png") no-repeat;
}
.home-tab > .nav-tabs > li > a > .home-tab-popgame {
    position: absolute;
    left: 15px;
    top: 7px;
    width: 25px;
    height: 24px;
    background: url(..images/common/tab-popgame.png) no-repeat;
}
.home-tab > .tab-content {
    color: #FFFFFF;
}

.home-tab > .nav-tabs > li.active > a > .home-tab-popgame, .home-tab > .nav-tabs > li:hover > a > .home-tab-popgame {
    background: url("img/tab-popgame-over.png") no-repeat;
}
.home-tab > .nav-tabs > li > a > .home-tab-popgame {
    position: absolute;
    left: 15px;
    top: 7px;
    width: 25px;
    height: 24px;
    background: url(img/tab-popgame.png) no-repeat;
}

.as1_logo_safe_percent_100 {
    background: url(img/profile/100black.png) no-repeat;
}

.as1_logo_safe_percent {
    width: 53px;
    height: 61px;
    display: block;
}

.account_safety .as_logo_registered, .account_safety .as_logo_bank_details, .account_safety .as_logo_phone, .account_safety .as_logo_email, .account_safety .as_logo_registered_on, .account_safety .as_logo_bank_details_on, .account_safety .as_logo_phone_on, .account_safety .as_logo_email_on {
    margin-right: 10px;
    float: left;
}
a:link, a:visited {
    text-decoration: none;
    color: #2A8FBD;
}

[class^="as_logo_"], [class*=" as_logo_"] {
    display: inline-block;
    width: 33px;
    height: 28px;
    background: url('img/profile/cards.png') no-repeat;
    cursor: pointer;
    background-repeat: no-repeat;
}


.as_logo_registered_on {
    background-image: url('img/profile/acc_profileTick_black.png');
}
.as_logo_bank_details_on {
    background-image: url('img/profile/acc_bankTick_black.png');
}
.as_logo_phone_on {
    width: 22px;
    background-image: url('img/profile/acc_contactTick_black.png');
}
.as_logo_email_on {
    width: 36px;
    background-image: url('img/profile/acc_emailTick_black.png');
}

div.wallet_divider {
    width: 1px;
    height: 120px;
    margin: 10px 0;
    background: #2e2e2e;
}

.rewards-status.off {
    background-image: url('img/profile/spin-wheel-icon-OFF.png');
}
.rewards-status {
    background-image: url('img/profile/spin-wheel-icon-ON.png');
    background-repeat: no-repeat;
    width: 42px;
    height: 49px;
    display: inline-block;
}

ul.wallet_balance li div.wallet_value {
    padding-top: 16px;
    color: #2a8fbd;
    font-size: 14px;
    font-weight: bold;
}

.cont-4d {
	width:100%;
	height:700px;
	position:relative;
    background-image: url('img/4d-bg.jpg');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;

    text-align:center;
}

.cont-4d div {
	display:inline;
	margin: 0 auto;
}


a.dinpro {

	color: #000000;
}
/**
 * The "shine" element
 */

 .icon {
 	overflow: hidden;
 }

.icon:after {
animation: shine 2s ease-in-out  infinite;
  animation-fill-mode: forwards;
  content: "";
  position: absolute;
/*  top: -110%;
  left: -210%;
  width: 200%;
  height: 200%;*/
  top: -210%;
left: -210%;
width: 600%;
height: 600%;
  opacity: 0;
  transform: rotate(30deg);

  background: rgba(255, 215, 0, 0.7);
  background: linear-gradient(
    to right,
    rgba(255, 215, 0, 0.7) 0%,
    rgba(255, 215, 0, 0.7) 77%,
    rgba(255, 215, 0, 1) 92%,
    rgba(255, 215, 0, 0.0) 100%
  );
}

/* Hover state - trigger effect */

.icon:hover:after {
  opacity: 1;
  top: -30%;
  left: -30%;
  transition-property: left, top, opacity;
  transition-duration: 0.7s, 0.7s, 0.15s;
  transition-timing-function: ease;
}

.wobble-effect:hover {
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }

  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

/* Active state */

.icon:active:after {
  opacity: 0;
}

@keyframes shine{
  10% {
    opacity: 1;
    top: -30%;
    left: -30%;
    transition-property: left, top, opacity;
    transition-duration: 0.7s, 0.7s, 0.15s;
    transition-timing-function: ease;
  }
  100% {
    opacity: 0;
    top: -30%;
    left: -30%;
    transition-property: left, top, opacity;
  }
}


.scroll-left {
 height: 50px;
 overflow: hidden;
 position: relative;
}
.scroll-left p {
 position: absolute;
 width: 100%;
 height: 100%;
 margin: 0;
 line-height: 50px;
 text-align: center;
 /* Starting position */
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);
 transform:translateX(100%);
 /* Apply animation to this element */
 -moz-animation: scroll-left 10s linear infinite;
 -webkit-animation: scroll-left 10s linear infinite;
 animation: scroll-left 10s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes scroll-left {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes scroll-left {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes scroll-left {
 0%   {
 -moz-transform: translateX(100%); /* Browser bug fix */
 -webkit-transform: translateX(100%); /* Browser bug fix */
 transform: translateX(100%);
 }
 100% {
 -moz-transform: translateX(-100%); /* Browser bug fix */
 -webkit-transform: translateX(-100%); /* Browser bug fix */
 transform: translateX(-100%);
 }
}




/***************** PRELOADING CSS *******************/
#preload-01 { background: url(img/navi1-hover.png) no-repeat -9999px -9999px; }
#preload-02 { background: url(img/navi2-hover.png) no-repeat -9999px -9999px; }
#preload-03 { background: url(img/navi3-hover.png) no-repeat -9999px -9999px; }
#preload-04 { background: url(img/navi4-hover.png) no-repeat -9999px -9999px; }
#preload-05 { background: url(img/navi5-hover.png) no-repeat -9999px -9999px; }
#preload-06 { background: url(img/navi6-hover.png) no-repeat -9999px -9999px; }
#preload-07 { background: url(img/navi7-hover.png) no-repeat -9999px -9999px; }
#preload-08 { background: url(img/navi8-hover.png) no-repeat -9999px -9999px; }
#preload-09 { background: url(img/navi9-hover.png) no-repeat -9999px -9999px; }