@font-face {
	font-family: Roboto;
	src: url(../fonts/Thin/Roboto-Thin0a79.woff2) format("woff2"), url(../fonts/Thin/Roboto-Thin0a79.woff) format("woff");
	font-weight: 100;
	font-style: normal
}
@font-face {
	font-family: Roboto;
	src: url(../fonts/ThinItalic/Roboto-ThinItalic0a79.woff2) format("woff2"), url(../fonts/ThinItalic/Roboto-ThinItalic0a79.woff) format("woff");
	font-weight: 100;
	font-style: italic
}
@font-face {
	font-family: Roboto;
	src: url(../fonts/Light/Roboto-Light0a79.woff2) format("woff2"), url(../fonts/Light/Roboto-Light0a79.woff?v=2.137) format("woff");
	font-weight: 300;
	font-style: normal
}
@font-face {
	font-family: Roboto;
	src: url(../fonts/LightItalic/Roboto-LightItalic0a79.woff2) format("woff2"), url(../fonts/LightItalic/Roboto-LightItalic0a79.woff?v=2.137) format("woff");
	font-weight: 300;
	font-style: italic
}
@font-face {
	font-family: Roboto;
	src: url(../fonts/Regular/Roboto-Regular0a79.woff2) format("woff2"), url(../fonts/Regular/Roboto-Regular0a79.woff?v=2.137) format("woff");
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: Roboto;
	src: url(../fonts/Regular/Roboto-Regular0a79.woff2) format("woff2"), url(../fonts/Regular/Roboto-Regular0a79.woff) format("woff");
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: Roboto;
	src: url(../fonts/Italic/Roboto-Italic0a79.woff2) format("woff2"), url(../fonts/Italic/Roboto-Italic0a79.woff) format("woff");
	font-weight: 400;
	font-style: italic
}
@font-face {
	font-family: Roboto;
	src: url(../fonts/Italic/Roboto-Italic0a79.woff2) format("woff2"), url(../fonts/Italic/Roboto-Italic0a79.woff) format("woff");
	font-weight: 400;
	font-style: italic
}
@font-face {
	font-family: Roboto;
	src: url(../fonts/Medium/Roboto-Medium0a79.woff2) format("woff2"), url(../fonts/Medium/Roboto-Medium0a79.woff) format("woff");
	font-weight: 500;
	font-style: normal
}
@font-face {
	font-family: Roboto;
	src: url(../fonts/MediumItalic/Roboto-MediumItalic0a79.woff2) format("woff2"), url(../fonts/MediumItalic/Roboto-MediumItalic0a79.woff) format("woff");
	font-weight: 500;
	font-style: italic
}
@font-face {
	font-family: Roboto;
	src: url(../fonts/Bold/Roboto-Bold0a79.woff2) format("woff2"), url(../fonts/Bold/Roboto-Bold0a79.woff) format("woff");
	font-weight: 700;
	font-style: normal
}
@font-face {
	font-family: Roboto;
	src: url(../fonts/Bold/Roboto-Bold0a79.woff2) format("woff2"), url(../fonts/Bold/Roboto-Bold0a79.woff) format("woff");
	font-weight: 700;
	font-style: normal
}
@font-face {
	font-family: Roboto;
	src: url(../fonts/BoldItalic/Roboto-BoldItalic0a79.woff2) format("woff2"), url(../fonts/BoldItalic/Roboto-BoldItalic0a79.woff) format("woff");
	font-weight: 700;
	font-style: italic
}
@font-face {
	font-family: Roboto;
	src: url(../fonts/BoldItalic/Roboto-BoldItalic0a79.woff2) format("woff2"), url(../fonts/BoldItalic/Roboto-BoldItalic0a79.woff) format("woff");
	font-weight: 700;
	font-style: italic
}
@font-face {
	font-family: Roboto;
	src: url(../fonts/Black/Roboto-Black0a79.woff2) format("woff2"), url(../fonts/Black/Roboto-Black0a79.woff) format("woff");
	font-weight: 900;
	font-style: normal
}
@font-face {
	font-family: Roboto;
	src: url(../fonts/BlackItalic/Roboto-BlackItalic0a79.woff2) format("woff2"), url(../fonts/BlackItalic/Roboto-BlackItalic0a79.woff) format("woff");
	font-weight: 900;
	font-style: italic
}
* {
	margin: 0;
	padding: 0
}
.main-body {
	font-family: roboto, microsoft yahei, STXihei, sans-serif;
	background: #000 url(../images/iclub88-region-xs.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover
}
img {
	max-width: 100%!important;
	vertical-align: middle;
	margin: 0
}
.header {
	background: rgba(0,0,0,.5);
	text-align: center;
	overflow: visible
}
main {
	min-height: 100%;
	height: 100%;
	padding-top: 0
}
picture {
	display: block;
	text-align: center
}
.logo {
	width: 130px;
	padding: 12px 0;
	margin: auto
}
.container {
	min-height: 100%;
	width: 90%;
	margin: auto;
	display: table;
	table-layout: fixed;
	position: relative;
	padding-top: 20vh
}
.region-col {
	width: 50%;
	display: table-cell;
	vertical-align: middle
}
.region-select {
	width: 100%;
	text-align: center;
	margin: auto
}
.region-flag {
	margin: auto
}
.region-button {
	margin: 15px
}
.region-button a.btn-region {
	width: 100%;
	padding: 12px 0;
	margin: 4px 0;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-o-border-radius: 12px;
	border-radius: 12px;
	font-size: 11pt;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-weight: 400;
	color: #fff;
	background-color: #0069f8
}
.region-button a.btn-region:hover {
	background-color: #378cff
}
.version {
	width: 80%;
	z-index: 1;
	display: block;
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto
}
.btn-desktop {
	width: 100%;
	padding: 12px 0;
	font-size: 11pt;
	font-weight: 400;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background-color: rgba(255,255,255,.25);
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-o-border-radius: 12px;
	border-radius: 12px;
	display: block
}
@media(min-width:768px) {
.body {
	background: #000 url(../images/iclub88-region-s.jpg) top center no-repeat;
	background-size: 100% auto
}
main {
	padding-top: 20vh
}
.header {
	background: 0 0
}
.logo {
	width: 400px
}
.container {
	width: 500px;
	padding-top: 8vh
}
.region-select {
	width: 200px
}
.version {
	width: 50%
}
}
@media(min-width:1024px) {
.body {
	background: #000 url(../images/iclub88-region-m.jpg) top center no-repeat
}
.version {
	display: none
}
}
@media(min-width:1200px) {
.body {
	background: url(../images/iclub88-region-lg.jpg) top center
}
}
.btn-desktop {
	width: 100%;
	padding: 12px 0;
	font-size: 11pt;
	font-weight: 400;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background-color: rgba(255,255,255,.25);
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-o-border-radius: 12px;
	border-radius: 12px;
	display: block
}
@keyframes fadeInOpacity {
0% {
opacity:0
}
100% {
opacity:1
}
}
.bg-audio {
	position: absolute;
	right: 10px;
	top: 10px;
	background-image: url(../images/audio_on.png);
	width: 40px;
	height: 40px;
	cursor: pointer
}
.bg-audio.muted {
	background-image: url(../images/audio_off.png)
}
/*--------------------------------------------------------------home-----------------------------------------*/
html, body {
	margin: 0;
	padding: 0;
	/*height: 100%;*/
} 

main-body {
	max-width: 1024px !important;
	width: auto !important;
	background: #041928 !important;
	margin: 0 auto !important;
	font-family: 'Lato',sans-serif,"Microsoft YaHei",SimHei,Tahoma !important;
}



.list-desu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

a {
	color: inherit;
}

a:hover,
a:link,
a:visited {
	text-decoration: none;
	color:inherit;
}

.clear:after {
	display: block;
	content: "";
	clear: both;
}

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


.wrapper{
    min-height: 100%;
    position: relative;
}

/*@media (min-width: 767px) {
	.wrapper{
	   padding-bottom: 143px;
	}
}*/

.wrapper.no-wrap {
	padding-bottom: 0;
}


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

.content-wrap {
	width: 100%;
	padding-bottom: 92px;
}


.listdesu ul {
	list-style:none;
	margin:0;
	padding:0;
	display:inline;
}

.listdesu ul li {
	display:inline-block;
	padding:0;
	margin:0;
}



/*--------------------------*/
/*--------region------------*/
/*--------------------------*/
.header-center {
	display: flex;
	-webkit-justify-content: center;
	        justify-content: center;
}

.region-con-wrap {
	padding: 35% 5% 0 5%;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.region-box {
	width: 50%;
}

.region-box a {
	width: 57%;
	font-size: 12px;
	margin: 5% auto;
	color: #d0d0d0 !important;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	align-items: center;
}

.region-box img {
	margin: 0 0 10px;
}

.region-btn-wrap {
	margin: 10% 0;
}

.region-btn-wrap a {
	color: #05C0EF;
	padding: 10px 90px;
	width: 100%;
	text-align: center;
	display: block;
	margin: 10px auto;
	border: 1px solid #05c0ef;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}



@media (min-width: 768px) {
	.region-col a{
		width: 150px;
	}
	.region-col p {
		width: 250px;
		font-size: 30px;
		padding: 0 0 0 10px;
	}
}





/*--------------------------*/
/*--------header------------*/
/*--------------------------*/


header {
	height: auto;
	width: 100%;
	display: block;
	background: #020a11;
	border-bottom: 2px solid #0070a5;
	color: #fff;
}



.wrapper {
	min-height:100%;
	position:relative;
}


.header-left-wrap {
	width: 30% !important;
	float: left !important;
	padding: 0 0 0 10px;
}

	.navbar-toggle {
	float: none !important; /*disapple toggle btn float */
	}

.header-right-wrap {
	width: 30%;
	float: right;
	padding: 0 10px 0 0;
	display: flex;
	justify-content: flex-end;
}

.header-right-wrap a {
	color: #FFF;
	text-decoration: none;
}

.nav-color {
	background: #020a11 !important;
	border: none !important;
	z-index: 999;
	margin-bottom: 0;
}

.nav-color; .navbar-brand,
.nav-color; .navbar-nav>li>a {
	color: #eee !important;
}

.nav-color; .navbar-nav>.active>a,
.nav-color; .navbar-nav>.active>a:focus, 
.nav-color; .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #346392;
}

.navbar_win {
	z-index: 999;
}



.logo_wrap {
	float: left;
	width: 40%;
}

.logo {
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	-webkit-background-size: 80px 44px;
	-o-background-size: 80px 44px;
	background-size: 174px;
	display: inline-block;
	width: 174px;
	height: 44px;
	margin: 4px auto 0;
}

.loginbar {
	float: right;
	display: block;
}

.header-right {
	display: flex;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	width: auto;
	align-items: center;
	/* width: 150px; */
	height: 43px;
}

.header-right-wrap .sel {
	width: 38px;
	margin: 7px 0 0;
}

.header-right; .lang {
	width: 40px;
}

.header-right; .sel:last-child {
	margin: 0;
}

.lang-wrap {
	background-position: center right;
	background-repeat: no-repeat;
	-webkit-background-size: 30px;
	     -o-background-size: 30px;
	        background-size: 30px;
	width: auto;
	height: 45px;
	display: block;
}

/*span icon list*/
span[class^="navicon"]{
	position: relative;
	top: 5px;
	display: inline-block;
	width: 30px;
	height: 20px;
	margin: 0 15px 0 0;
	background-repeat: no-repeat;
	-webkit-background-size: 20px;
	-o-background-size: 20px;
	background-size: 30px;
}

.navicon-home {
	background-image: url(../images/icon-home.svg);
}

.navicon-sport {
	background-image: url(../images/icon-sport.svg);
}

.navicon-esport {
	background-image: url(../images/icon-esport.png);
}

.navicon-casino {
	background-image: url(../images/icon-casino.svg);
}

.navicon-poker {
	background-image: url(../images/icon-poker.svg);
}

.navicon-slot {
	background-image: url(../images/icon-slot.svg);
}

.navicon-lotto {
	background-image: url(../images/icon-4d.svg);
}

.navicon-promo {
	background-image: url(../images/icon-promo.svg);
}

@media (min-width: 768px) {
	.navbar {
	    border-radius: 0;
	}
	.navbar-nav>li>a {
		padding-bottom: 18px !important;
	}

	.container-fluid {
		padding-left: 0;
		padding-right: 0;
	}
}

button.expanicon {
	background-color: transparent;
	border: none;
	background-image: url(../images/icon-bar.svg);
	background-repeat: no-repeat;
	-webkit-background-size: 45px;
	     -o-background-size: 45px;
	        background-size: 45px;
	width: 45px;
	height: 45px;
	display: block;
	
}

header:after {
	display: block;
	content: "";
	clear: both;
}

.head-profile {
	color: #d6b232 !important;
}

.lang-sel-wrap {
	margin: 40px 0;
}

.lang-sel-wrap a {
	width: 180px;
	height: 75px;
	display: flex;
	-webkit-border-radius: 20px;
	margin: 10px auto;
	padding: 5px 10px;
	justify-content: center;
	align-items: center;
	border: 1px solid #fff8ba;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	color: #000;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fff6b8+0,cfa51a+100 */
	background: #fff6b8; /* Old browsers */
	background: -moz-linear-gradient(top,  #fff6b8 0%, #cfa51a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #fff6b8 0%,#cfa51a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #fff6b8 0%,#cfa51a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff6b8', endColorstr='#cfa51a',GradientType=0 ); /* IE6-9 */
}

.lang-sel-wrap a span {
	display: inline-block;
	width: 40px;
	height: 40px;
}

.lang-sel-wrap a p {
	display: inline-block;
	line-height: 100px;
	margin: 0;
	font-size: 18px;
	margin: 10px;
	width: 75px;
	color: #000;
}

/*ipad landscape size */
@media (max-width: 768px) {
	header {
		
	}
}

/*ipad landscape size */
@media (max-width: 767px) {
	header {
		
	}
}

/*iphone6 size */
@media (max-width: 375px) {
	header {
		
	}
}

/*iphone5 size */
@media (max-width: 320px) {
	header {
		
	}
}


/*--------------------------*/
/*-----top navigation-------*/
/*--------------------------*/
.top-nav {
	height: auto;
	width: 100%;
}


.top-nav ul {
	display: flex;
	-webkit-justify-content: flex-start;
	        justify-content: flex-start;
}

.top-nav li {
	width: 25%;
	position: relative;
}

.top-nav a {
	color: #fff;
	font-size: 3vw;
	padding: 25% 0;
	margin: -100% 0 0;
	/* border-left: 1px solid #5a503c; */
	border-right: 1px solid #1362c1;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#014073+0,022f54+100 */
	background: rgb(1,64,115); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(1,64,115,1) 0%, rgba(2,47,84,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(1,64,115,1) 0%,rgba(2,47,84,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(1,64,115,1) 0%,rgba(2,47,84,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#014073', endColorstr='#022f54',GradientType=0 ); /* IE6-9 */
}

.top-nav; a.active {
	background: #041928;
	margin: -100% 0 0;
}

.top-nav; li:before {
	content: "";
	display: block;
	padding-top: 100%; 	/* initial ratio of 1:1.11*/
}

/*.top-nav li.active:after {
	display: block;
	content: "";
	position: relative;
	margin: -9px auto 0;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #333333;
}*/

.top-nav a img {
	width: 40%;
	margin: 0 0 5% 0;
}

.midbtn-wrap {
	display: flex;
	-webkit-justify-content: center;
	        justify-content: center;
}

.midbtn-wrap a {
	width: 50%;
	text-align: center;
	height: 40px;
	line-height: 40px;
}

.midbtn-wrap; a.grey {
	color: #05367e;
	font-weight: bold;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e6e6e6+0,757575+100 */
	background: rgb(230,230,230); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(117,117,117,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(230,230,230,1) 0%,rgba(117,117,117,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(230,230,230,1) 0%,rgba(117,117,117,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#757575',GradientType=0 ); /* IE6-9 */
}

.midbtn-wrap; a.gold {
	color: #2a2101;
	font-weight: bold;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbfccf+0,b59229+55,664003+100 */
	background: rgb(251,252,207); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(251,252,207,1) 0%, rgba(181,146,41,1) 55%, rgba(102,64,3,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(251,252,207,1) 0%,rgba(181,146,41,1) 55%,rgba(102,64,3,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(251,252,207,1) 0%,rgba(181,146,41,1) 55%,rgba(102,64,3,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfccf', endColorstr='#664003',GradientType=0 ); /* IE6-9 */
}

@media (min-width: 768px) {
	.top-nav a {
		font-size: 12pt;
	}

	.top-nav a img {
		width: 60px;
	}

}
/*----------------------------*/
/*---------footer-------------*/
/*----------------------------*/

footer{
   background: #000;
   width:100%;
   padding:0;
   height:92px;
   bottom:0;
   left:0;
   position: absolute;
}

footer.foot-wallet {
	position: fixed;
	bottom: 0;
	background: grey;
	height: auto;
	display: flex;
	-webkit-justify-content: center;
	        justify-content: center;
}

footer.foot-wallet a{
	width: 20%;
	display: block;
	position: relative;
}

footer.foot-wallet a:before{
	content: "";
	padding: 49%;
	display: block;
}

footer.foot-wallet; a.deposit {
	background-image: url(../images/icon-deposit.svg);
	background-repeat: no-repeat;
	background-position: center;
	display: block;
}

footer.foot-wallet; a.active.deposit {
	background-image: url(../images/icon-deposit-hover.svg);
}

footer.foot-wallet; a.withdraw {
	background-image: url(../images/icon-withdraw.svg);
	background-repeat: no-repeat;
	background-position: center;
	display: block;
}

footer.foot-wallet; a.active.withdraw {
	background-image: url(../images/icon-withdraw-hover.svg);
}

footer.foot-wallet; a.transfer {
	background-image: url(../images/icon-transfer.svg);
	background-repeat: no-repeat;
	background-position: center;
	display: block;
}

footer.foot-wallet; a.active.transfer {
	background-image: url(../images/icon-transfer-hover.svg);
}

footer.foot-wallet; a.history {
	background-image: url(../images/icon-history.svg);
	background-repeat: no-repeat;
	background-position: center;
	display: block;
}

footer.foot-wallet; a.active.history {
	background-image: url(../images/icon-history-hover.svg);
}

footer.foot-wallet; a.profile {
	background-image: url(../images/icon-profiles.svg);
	background-repeat: no-repeat;
	background-position: center;
	display: block;
}

footer.foot-wallet; a.active.profile {
	background-image: url(../images/icon-profile-hover.svg);
}

/*-----chinese footer----------*/

footer.foot-wallet.foot-cn; a.deposit {
	background-image: url(../images/icon-deposit-cn.svg);
	background-repeat: no-repeat;
	background-position: center;
	display: block;
}

footer.foot-wallet.foot-cn; a.active.deposit {
	background-image: url(../images/icon-deposit-cn-hover.svg);
}

footer.foot-wallet.foot-cn; a.withdraw {
	background-image: url(../images/icon-withdraw-cn.svg);
	background-repeat: no-repeat;
	background-position: center;
	display: block;
}

footer.foot-wallet.foot-cn; a.active.withdraw {
	background-image: url(../images/icon-withdraw-cn-hover.svg);
}

footer.foot-wallet.foot-cn; a.transfer {
	background-image: url(../images/icon-transfer-cn.svg);
	background-repeat: no-repeat;
	background-position: center;
	display: block;
}

footer.foot-wallet.foot-cn; a.active.transfer {
	background-image: url(../images/icon-transfer-cn-hover.svg);
}

footer.foot-wallet.foot-cn; a.history {
	background-image: url(../images/icon-history-cn.svg);
	background-repeat: no-repeat;
	background-position: center;
	display: block;
}

footer.foot-wallet.foot-cn a.active.history {
	background-image: url(../images/icon-history-cn-hover.svg);
}

footer.foot-wallet.foot-cn a.profile {
	background-image: url(../images/icon-profile-cn.svg);
	background-repeat: no-repeat;
	background-position: center;
	display: block;
}

footer.foot-wallet.foot-cn a.active.profile {
	background-image: url(../images/icon-profile-cn-hover.svg);
}



footer a.footbtn {
	color: #05C0EF;
	padding: 10px 13px;
	width: 60%;
	text-align: center;
	display: block;
	margin: 10px auto;
	border: 1px solid #05c0ef;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

footer p {
	color: #fff;
	text-align: center;
}


/*ipad landscape size */
@media (min-width: 768px) {
	footer {
		width: auto;
		max-width: 1080px;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
}

/*ipad landscape size */
@media (max-width: 767px) {
	
}

/*iphone6 size */
@media (max-width: 375px) {
	
}

/*iphone5 size */
@media (max-width: 320px) {
	
}

/*--------------------------*/
/*--------live casino-------*/
/*--------------------------*/
.con-wrap {
	
}

.flex-wrap {
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	        justify-content: flex-start;
}

.box50 {
	width: 50%;
	position: relative;
	height: auto;
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
	background-color: #fff;
	
}

.box50:before {
	content: "";
	display: block;
	padding-top: 111%; 	/* initial ratio of 1:1.11*/
}

.box-btn-wrap {
	margin: -27px 0 0;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.box-btn-wrap a {
	display: block;
	cursor: pointer;
	width: 50%;
	text-align: center;
	color: #fff;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#08739b+0,03365e+58 */
	height: 27px;
	font-size: 2.8vw;
	line-height: 27px;
	border-left: 1px solid #000;
	background: rgb(8,115,155); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(8,115,155,1) 0%, rgba(3,54,94,1) 58%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(8,115,155,1) 0%,rgba(3,54,94,1) 58%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(8,115,155,1) 0%,rgba(3,54,94,1) 58%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#08739b', endColorstr='#03365e',GradientType=0 ); /* IE6-9 */
}

.box-btn-wrap a.fullbtn {
	width: 100%;
}

/*ipad landscape size */
@media (min-width: 767px) {

	.box-btn-wrap {
		margin: -45px 0 0;
	}

	.box-btn-wrap a {
		height: 45px;
		line-height: 45px;
		font-size: 17px;
	}
}

.livecasino-wrap {
	margin: 5px;
}
.livecasino-box-wrap {
	float: left;
	width: 50%;
}
.livecasino-box {
	padding: 5px;
	position: relative;
}
.livecasino-box-img {
	width: 100%;
	border-radius: 10px;
}
.livecasino-betnow {
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	margin: auto;
	width: 90px;
	height: 25px;
	background-color: #0069f8;
	border-radius: 8px;
	color: white;
	text-align: center;
	border-radius: .75em;
	cursor: pointer;
	font-size: .875rem;
	padding: 7px 0;
}

/*--------------------------*/
/*-----------slots----------*/
/*--------------------------*/
.bocon-wrap {
	padding: 13px;
}

@media (min-width: 767px) {
	.bocon-wrap {
		padding: 40px 40px 13px;
	}
}





/*--------------------------*/
/*--------slot page---------*/
/*--------------------------*/
.slotpage-wrap {
	display: block;
	padding: 13px;
}

.slotgame-box {
	border: 1px solid #868686;
	width: 30%;
	height: auto;
	display: block;
	margin: 10px 4px;
	overflow: hidden;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	float: left;
}

.slotgame-title {
	height: 36px;
	width: 100%;
	display: flex;
	color: #E2E2E2;
	color: #3D3D3D;
	-webkit-justify-content: center;
	        justify-content: center;
	-webkit-align-items: center;
	        align-items: center;
	background: #E2E2E2;
	text-align: center;
	line-height: 13px;
	font-size: 12px;
}

.slotpage-nav {
	width: 100%;
	display: block
	color: #FFF;
}

.slotpage-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
}

.slotpage-nav li {
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	width: 25%;
	text-align: center;
	padding: 10px 0 !important;
	color: #05367e;
	font-weight: bold;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbfccf+0,b59229+55,664003+100 */
	background: rgb(230,230,230); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(117,117,117,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(230,230,230,1) 0%,rgba(117,117,117,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(230,230,230,1) 0%,rgba(117,117,117,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#757575',GradientType=0 ); /* IE6-9 */
}

.slotpage-nav li.active {
	color: #2a2101;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbfccf+0,b59229+55,664003+100 */
	background: rgb(251,252,207); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(251,252,207,1) 0%, rgba(181,146,41,1) 55%, rgba(102,64,3,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(251,252,207,1) 0%,rgba(181,146,41,1) 55%,rgba(102,64,3,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(251,252,207,1) 0%,rgba(181,146,41,1) 55%,rgba(102,64,3,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfccf', endColorstr='#664003',GradientType=0 ); /* IE6-9 */
	
}

/*----------------------*/
/*------modal pop-------*/
/*----------------------*/
.dl-pop-wrap {
	
}

.dl-pop-tab {
	margin: 22px 0 0;
}

.dl-pop-tab ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	width: 100%;
}

.dl-pop-tab li {
	display: block;
	background: #00203b;
	padding: 10px 0;
	text-align: center;
	color: #fff;
	float: left;
}

.dl-pop-tab.tab3 li {
	width: 33%;
}

.dl-pop-tab.tab2 li {
	width: 50%;
}

.dl-pop-tab.tab1 li {
	width: 100%;
}

.dl-pop-tab li img {
	width: 50px;
	margin: 0 auto 10px;
}

.dl-pop-tab li p {
	padding: 0;
	margin: 0;
}

.dl-pop-tab li.active {
	background: #023a62;
}

.tutorial-box {
	background: #023a62;
	padding: 25px 12px;
}

.tutorial-box h4 {
	margin: 0 0 13px;
}

.dl-tutor {
	counter-reset: my-badass-counter;
}
.dl-tutor dt {
	position: relative;
	font-size: 13px;
	padding: 0 0 10px 0;
}
.dl-tutor dt:before {
	content: counter(my-badass-counter);
	counter-increment: my-badass-counter;
	position: absolute;
	left: 0;
	top: 0;
	color: #EFBD26;
	font: bold 25px/1 Sans-Serif;
}
.dl-tutor dd {
	margin: 0 0 50px 0;
}	
.dl-tutor dt, .dl-tutor dd {
	padding-left: 24px;
}

.dl-gold-btn {
	width: 100%;
	display: block;
	color: #3b0202 !important;
	text-align: center;
	padding: 5px 0;
	font-weight: normal;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbfccf+0,b59229+55,664003+100 */
	background: rgb(251,252,207); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(251,252,207,1) 0%, rgba(181,146,41,1) 55%, rgba(102,64,3,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(251,252,207,1) 0%,rgba(181,146,41,1) 55%,rgba(102,64,3,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(251,252,207,1) 0%,rgba(181,146,41,1) 55%,rgba(102,64,3,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfccf', endColorstr='#664003',GradientType=0 ); /* IE6-9 */
}

.dl-modal .modal-content{
	background: transparent;
	border: none;
	box-shadow: none;
}


/*--------------------------*/
/*-------------4d-----------*/
/*--------------------------*/
.subcon-wrap {
	
}




.fd-nav {
	background: #041928;
	display: block;
	height: auto;
	width: 100%;
}

.fd-nav ul {
	display: block;
	width: 100%;
	/* -webkit-align-items: center; */
	/* align-items: center; */
	/* -webkit-justify-content: center; */
	/* justify-content: center; */
}

.fd-nav li {
	width: 1%;
	margin: 0 auto;
	padding: 5px;
	display: table-cell;
}

.fd-nav li.active {
	background: #999;
}

.fd-nav li img {
	margin: 0 auto;
}

.fd-header {
	height: 73px;
	width: 100%;
	padding: 0 12px;
	border-bottom: 1px solid #000;
	background: #FFFF00;
	
}

.fd-header img {
	float: left;
	margin: 5px 0;
	width: 60px;
	height: 60px;
}

.fd-header p {
	float: left;
	margin: 0;
	padding: 0 12px;
	font-weight: bold;
	line-height: 73px;
	font-size: 20px;
	color: #fff;
}

.fd-header span {
	float: right;
	line-height: 73px;
	color: #fff;
}

.fd-result-wrap {
	width: 90%;
	margin: 0 auto;
	padding: 20px 0;
}

.toto-top3 {
    margin: 0 auto;
    padding: 0 5px;
}


.toto-top3 table {
    width: 100%;
    margin: 10px 0 0;
    background: #fff;
}

.toto-top3 tr {}

.toto-top3 th {text-align: center;font-size: 13px;color: #fff;background: #999;border: 2px solid #999;}

.toto-top3 td {
    height: 30px;
    padding: 0 10px;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
    border: 2px solid #999;
}



.toto-prize {
    padding: 0 5px;
}

.toto-prize table {
    width: 100%;
    margin: 10px 0 0;
    border: 1px solid #999;
    background: #999;
}

.toto-prize table:first-child {
    /* border-right: 1px solid #000; */
}

.toto-prize th {
    color: #fff;
    text-align: center;
    border: 2px solid #999;
    font-size: 12px;
    font-weight: normal;
    background: #999;
}

.toto-prize tr {
    
}

.toto-prize tr:first-child td {
    font-size: 12px;
    font-weight: normal;
}

.toto-prize td {
    text-align: center;
    padding: 1px 2px;
    background: #fff;
    font-size: 12px;
    border: 2px solid #999;
}

.toto-prize td.blank {
    background: #999;
}

.toto-btn-wrap {
	
}

.bet-wrap {
	width: 100%;
	margin: 10px 0;
}

.bet-wrap a {
	width: 100%;
	text-align: center;
	color: #2d2102;
	display: block;
	font-weight: bold;
	padding: 10px 0;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbfccf+0,b59229+55,664003+100 */
	background: rgb(251,252,207); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(251,252,207,1) 0%, rgba(181,146,41,1) 55%, rgba(102,64,3,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(251,252,207,1) 0%,rgba(181,146,41,1) 55%,rgba(102,64,3,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(251,252,207,1) 0%,rgba(181,146,41,1) 55%,rgba(102,64,3,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfccf', endColorstr='#664003',GradientType=0 ); /* IE6-9 */
}

.payrules-wrap {
	display: flex;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
}

.payrules-wrap a {
	width: 48%;
	display: block;
	cursor: pointer;
	font-weight: bold;
	color: #042d80;
	text-align: center;
	padding: 10px 0;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e6e6e6+0,757575+100 */
	background: rgb(230,230,230); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(117,117,117,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(230,230,230,1) 0%,rgba(117,117,117,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(230,230,230,1) 0%,rgba(117,117,117,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#757575',GradientType=0 ); /* IE6-9 */
}

table.fd-table {
	width: 100%;
	border: none;
}

table.fd-table tr > th {
	background: #000;
	color: #fff;
	text-align: center;
	padding: 5px 0;
}

table.fd-table tr > td {
	color: #000;
	background: #a8a8a8;
	text-align: center;
	padding: 5px 0;
}

@media (min-width: 767px) {

	.fd-bet-wrap a {
		font-size: 30px;
	}

	
	.fd-ptrr-wrap a{
		font-size: 18px;
	}

	.fd-grand div > h4 {
		font-size: 40px;
	}

	.fd-grand div > h4 > span {
		font-size: 30px;
	}

	.fd-grand div p {
		font-size: 30px;
	}
}

.fd-header-singapore {
	background: #12689b;
}

.fd-header-magnum {
	background: #ffff00;
}

.fd-header-toto {
	background: #ee3640;
}

.fd-header-damacai {
	background: #0f1468;
}

.fd-header-sabah {
	background: #e12218;
}

.fd-header-cashsweep {
	background: #083e04;
}

.fd-header-sandakan {
	background: #2f9505;
}

.fd-header-magnum p {
	color: #000;
}

.fd-header-sandakan p {
	color: #000;
}

.fd-header-magnum span {
	color: #000;
}

.fd-header-sandakan span {
	color: #000;
}


/*--------------------------*/
/*---------sports-----------*/
/*--------------------------*/
.box-sports-wrap {
	width: 100%;
}
.box-sports {
	width: 90%;
	margin: auto;
	background-color: #041928;
}
.box-sports img {
	width: 50%;
	float: left;
	display: block;
	cursor: pointer;
}
.sports-bet-btn-wrap {
	width: 50%;
	float: left;
}
.sports-bet-btn {
	height: 34px;
    width: 120px;
    font-size: .875rem;
    color: #fff;
    text-align: center;
    padding: 10px 0;
    margin: 40px auto;
    border-radius: .75em;
    cursor: pointer;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    -webkit-box-shadow: -4px 8px 8px 0 rgba(0,0,0,.5);
    -moz-box-shadow: -4px 8px 8px 0 rgba(0,0,0,.5);
    -ms-box-shadow: -4px 8px 8px 0 rgba(0,0,0,.5);
    -o-box-shadow: -4px 8px 8px 0 rgba(0,0,0,.5);
    box-shadow: -4px 8px 8px 0 rgba(0,0,0,.5);
    background-color: #0069f8;
}

/*--------------------------*/
/*--------promotion---------*/
/*--------------------------*/
.promocon-wrap {
	
}

.promo-box {
	border: 1px solid #0280a0;
	margin: 0 0 10px 0;
	cursor: pointer;
}

.promo-box .promo-title {
	height: 25px;
	position: relative;
	margin: -25px 0 0;
	font-size: 12px;
	line-height: 25px;
	z-index: 20;
	width: 100%;
	color: #ccc;
	background: rgba(0,0,0,0.6);
	padding: 0 10px;
}

@media (max-width: 767px) {
	.promo-modal .modal-body h4 {
		color: #f9cd00;
		font-size: 5vw;
	}

	.promo-modal .modal-dialog {
		margin: 15% 10px;
	}

}

.anno-wrap {
	width: 100%;
	background: rgba(0,0,0,0.6);
	line-height: 20px;
	font-size: 11px;
	height: 20px;
	position: absolute;
	margin: -27px 0 0;
	color: #fff;
	display: flex;
	align-items: center;
	padding: 0 10px;
}

.anno-wrap span {
	width: 20px;
	height: 20px;
	margin: 0 5px 0 0;
	display: inline-block;
	background-position: center;
	background-image: url(../images/icon-media.png);
	background-repeat: no-repeat;
	-webkit-background-size: 15px;
	-o-background-size: 15px;
	background-size: 15px;
}

/*--------------------------*/
/*--------form page---------*/
/*--------------------------*/
.formpage-wrap {
	background: #000;
	padding: 13px;
}

@media (min-width: 768px) {
	.formpage-wrap {
		background: #000;
		padding: 13px 17%;
	}
}

.form-col-group {
	margin: 0 0 20px;	
}

.form-icon {
	float: left;
	width: 60px;
}

.form-col {
	float: left;
	margin: 0 0 0 15px;
	width: 73%;
}

.form-one-col {
	display: flex;
	-webkit-flex-direction: row;
	    -ms-flex-direction: row;
	        flex-direction: row;
}



.control-label {
	
}

.form-control {
	width: auto;
	background: none;
	border-radius: 3px;
	border: 1px solid #007ddb;
	width: 100%;
	color: #fff;
}


.bank-info-wrap {
	background: #0071c5;
	padding: 10px;
	color: #fff;
	margin-bottom: 10px;
}

.bank-info-wrap table {
	width: 100%;
}

.bank-info-wrap table td {
	width: 50%;
	display: inline-block;
}

/*--------------------------*/
/*--------wallet----------*/
/*--------------------------*/
.walletcon-wrap {
	width: 100%;
}

.balance-drop-wrap {
	height: 60px;
	width: 100%;
	color: #042d80;
	padding: 0 13px;
	line-height: 60px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e6e6e6+0,757575+100 */
	background: rgb(230,230,230); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(117,117,117,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(230,230,230,1) 0%,rgba(117,117,117,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(230,230,230,1) 0%,rgba(117,117,117,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#757575',GradientType=0 ); /* IE6-9 */
}

.balance-drop-wrap p {
	float: left;
	margin: 0;
	font-size: 5vw;
}

.balance-drop-wrap span {
	float: right;
	font-size: 7vw;
}



.form-d77 {
	padding: 10px 0 0;
}



.form-d77 label {
	color: #FFF;
}

.balance-wrap {
	padding: 13px;
	background: #dcdbdb;
	display: none;
}

span.spanplus {
	display: block;
}

span.spanminus {
	display: none;
}



table.balance {
	width: 100%;
	color: #fff;
	padding: 10px 0;
}



table.balance tr td {
	width: 50%;
	padding: 2px;
	font-size: 17px;
	color: #042d80;
}

table.balance tr td:first-child {
	text-align: left;
}

table.balance tr td:last-child {
	text-align: right;
}

table.balance td span {
	font-size: 10px;
}

.help-block {
	color: #ffde00 !important;
	font-size: 10px;
}

.form-btn-wrap {
	padding: 20px 0;
}

.form-btn {
    display: block;
    line-height: 46px;
	width: 100%;
	text-align: center;
 	height: 46px;
 	font-size: 18px;
 	color: #2a2101;
	font-weight: bold;
	border: none;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbfccf+0,b59229+55,664003+100 */
	background: rgb(251,252,207); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(251,252,207,1) 0%, rgba(181,146,41,1) 55%, rgba(102,64,3,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(251,252,207,1) 0%,rgba(181,146,41,1) 55%,rgba(102,64,3,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(251,252,207,1) 0%,rgba(181,146,41,1) 55%,rgba(102,64,3,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfccf', endColorstr='#664003',GradientType=0 ); /* IE6-9 */
}

.fgpw {
	display: flex;
	-webkit-justify-content: flex-end;
	        justify-content: flex-end;
}

.fgpw a {
	color: #fff;
}

.wallet-nav {
	display: flex;
	-webkit-align-items: center;
	        align-items: center;
	-webkit-justify-content: center;
	        justify-content: center;
	width: 100%;
	height: 66px;
	border-top: 1px solid #4a4a4a;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3a3a3a+0,0d0d0d+100 */
	background: rgb(58,58,58); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(58,58,58,1) 0%, rgba(13,13,13,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(58,58,58,1) 0%,rgba(13,13,13,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(58,58,58,1) 0%,rgba(13,13,13,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a3a3a', endColorstr='#0d0d0d',GradientType=0 ); /* IE6-9 */
}

.wallet-nav a {
	width: 33%;
	line-height: 44px;
	height: 44px;
	display: block;
	color: #cccccc;
	text-align:center;
}

.wallet-nav a.active {
	color: #e3cb00;
}

.wallet-nav a:first-child {
	border-right: 1px solid #4b4b4b;
}

.wallet-nav a:last-child {
	border-left: 1px solid #4b4b4b;
}

.wallet-nav a:nth-child(2) {
	border-left: 1px solid #4b4b4b;
	border-right: 1px solid #4b4b4b;
}

.form-wallet {
	background: #181818;
	padding: 13px;
}

.form-wallet-group {
	
}

.fgp {
	color: #fff !important;
}

.bank-info {
	background: #3D3D3D;
	padding: 10px;
	color: #9e9e9e;
	margin: 0 0 15px;
}

.bank-info h4 {
	color: #fff;
}

.form-wallet-col {
	margin: 0 0 15px;
}

.form-wallet-col .control-label{
	color: #9e9e9e;
}

.form-wallet-col .form-control {
	color: #9E9E9E;
}

.form-wallet-col .radio-group {
	color: #9E9E9E;
}

select.form-control {
	overflow: hidden;
    background: url(../images/slot-arrow.svg) no-repeat right #181818;
	-webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

.radio-group {
	margin: 0 0 5px;sel
}

.radio-btn-txt {
	margin: 0 0 0 5px;
}

.font-hl {
	color: #E3CB00;
	margin: 0 0 0 15px;
}

/*ipad landscape size */
@media (min-width: 767px) {
	.balance-drop-wrap p{
		font-size: 17px;
	}

	.balance-drop-wrap span {
		font-size: 17px;
	}
}



/*------bootstrap overwrite------*/


.modal-content {
	background: #023a62;
	color: #fff;
}

.modal-content h4 {
	color: #f9cd00;
}

.close {
  
    color: #f9cd00;
    text-shadow: 0 1px 0 #000;
    filter: alpha(opacity=100);
    opacity: 1;
}

.navbar-inverse .navbar-toggle .icon-bar {
	background: #0083c6;
}

.nav> li {
	background: #0083c6;
}

.navbar-nav {
	margin: 0 -15px;
}

.navbar-inverse .navbar-nav>li>a {
    color: #ffffff !important;
}
/*---------ipad toggle --------*/


@media (min-width: 768px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 4px;
        padding-bottom: 4px;
    }
    .collapse.in{
        display:block !important;
    }

   
}

.promo_table {
	border: 1px solid #9bbccd;
    border-collapse: collapse;
    border-spacing: 1px;
}
.promo_table th {
    border: 1px solid #9bbccd;
    background-color: #6c9cce;
    text-align: center;
    color: black;
    padding: 1px;
}
.promo_table td {
    border: 1px solid #9bbccd;
    background-color: #336aa7;
    text-align: center;
    color: black;
    padding: 1px;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #023a62;
    opacity: 1;
}