body{
	font-family: 'Noto Sans', sans-serif;
	font-size:14px;
	animation:ease-in;
	margin:0 auto;
	padding:0px; 
	display:block;
	color:#000000;
	/*background: linear-gradient(141deg, #565528 0%, #9a9966 51%, #565528 75%);*/
	background:#000 !important;
	}
.head{
	width:100%;
	display:block;
	margin:0 auto;
	padding:0px;
	
	background:url(../images/bg-headertop.png) no-repeat center bottom;
/*	border-bottom:2px solid yellow;*/
/*	background: linear-gradient(to right,#2f22ac,#e54c9c) border-box;*/
/*	background: linear-gradient(to right,#2f22ac,#e54c9c) border-box;*/
    border-bottom: 3px solid #8035a5;
	}
.logo1 img {
    width: 288px;
/*    padding: 21px;*/
}
.header{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	padding:0;
	display:block;
	}
.header-top{
	background:url(../images/bg-headertop.png)
}
.menu-top ul li{
	display:inline-block;
	padding:10px;
	color:#FC0;
	}
.menu-top ul li a{
	color:#fff;
	}
	ul.nav{
		-webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: flex;
	}
	ul.nav li{
		    float: left;
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 54px;
	}
/*.actives{
	background: linear-gradient(black,black) padding-box,linear-gradient(to right,#2f22ac,#e54c9c) border-box;
    border-bottom: 3px solid transparent;	
}*/
/*--------------------------nav---------------------------*/
.navbar-brand { position: relative; z-index: 2; }

.navbar-nav.navbar-right .btn { position: relative; z-index: 2; padding: 4px 20px; margin: 10px auto; transition: transform 0.3s; }

.navbar .navbar-collapse { position: relative; overflow: hidden !important; }
.navbar .navbar-collapse .navbar-right > li:last-child { padding-left: 22px; }

.navbar .nav-collapse { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; margin: 0; padding-right: 120px; padding-left: 80px; width: 100%; }
.navbar.navbar-default .nav-collapse {background: linear-gradient(141deg, #000000 0%, #874885 51%, #000000 90%);}
.navbar.navbar-inverse .nav-collapse {background: linear-gradient(141deg, #32321c 0%, #919164 51%, #32321c 75%); }
.navbar .nav-collapse .navbar-form { border-width: 0; box-shadow: none; }
.nav-collapse>li { float: right; }

.btn.btn-circle { border-radius: 50px; }
.btn.btn-outline { background-color: transparent; }

.navbar-nav.navbar-right .btn:not(.collapsed) {
    background-color: rgb(111, 84, 153);
    border-color: rgb(111, 84, 153);
    color: rgb(255, 255, 255);
}

.navbar.navbar-default .nav-collapse,
.navbar.navbar-inverse .nav-collapse {
    height: auto !important;
    transition: transform 0.3s;
    transform: translate(0px,-50px);
}
.navbar.navbar-default .nav-collapse.in,
.navbar.navbar-inverse .nav-collapse.in {
    transform: translate(0px,0px);
}


@media screen and (max-width: 767px) {
    .navbar .navbar-collapse .navbar-right > li:last-child { padding-left: 15px; padding-right: 15px; } 
    
    .navbar .nav-collapse { margin: 7.5px auto; padding: 0; }
    .navbar .nav-collapse .navbar-form { margin: 0; }
    .nav-collapse>li { float: none; }
    
    .navbar.navbar-default .nav-collapse,
    .navbar.navbar-inverse .nav-collapse {
        transform: translate(-100%,0px);
    }
    .navbar.navbar-default .nav-collapse.in,
    .navbar.navbar-inverse .nav-collapse.in {
        transform: translate(0px,0px);
    }
    
    .navbar.navbar-default .nav-collapse.slide-down,
    .navbar.navbar-inverse .nav-collapse.slide-down {
        transform: translate(0px,-100%);
    }
    .navbar.navbar-default .nav-collapse.in.slide-down,
    .navbar.navbar-inverse .nav-collapse.in.slide-down {
        transform: translate(0px,0px);
    }
}
.collapse ul li a{
	font-size:16px !important;
	font-weight:700;
	color: white !important;
/*	 background: -webkit-linear-gradient(#fff,#fff, #fff);*/
/*    -webkit-background-clip: text;*/
/*    -webkit-text-fill-color: transparent;*/
white-space: nowrap;
}
.collapse ul li a:hover{
	 color: #ad0bd5 !important;
	 font-size:16px;
	font-weight:700;
	background: linear-gradient(black,black) padding-box,linear-gradient(to right,#2f22ac,#e54c9c) border-box;
   border-bottom: 3px solid transparent;*/
  background: -webkit-linear-gradient(#fffe00,#ffc600, #fffe00);
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{
	 color: #ad0bd5 !important;
	 font-size:18px;
	font-weight:700;
	background: linear-gradient(black,black) padding-box,linear-gradient(to right,#2f22ac,#e54c9c) border-box;
   border-bottom: 3px solid transparent;*/
  background: -webkit-linear-gradient(#fffe00,#ffc600, #fffe00);
}
.code{
	font-size:18px;
	color:#000000;
	}
.button-login:hover{
	border-bottom:none !important;
	}
/*---------------slide--------------*/
.carousel .item {-webkit-transition: opacity 3s; -moz-transition: opacity 3s; -ms-transition: opacity 3s; -o-transition: opacity 3s; transition: opacity 3s;}
.carousel .active.left {left:0;opacity:0;z-index:2;}
.carousel .next {left:0;opacity:1;z-index:1;}
.slider{
	padding-left:0px !important;
	padding-right:0px !important;
	}
/*---------------lottery home---------*/

.lottery1{
	width: 100%;
    background: url(../images/lottery-bg-.png) center center;
    display: -webkit-box;
	height: 87px;
	}
.lotterys{
	width:100%;
	width:1200px;
	margin:0 auto;
	padding:0px;
	}
.re_lottery ul li{
	display:inline-block;
	padding:5px;
	border:1px solid #ffffff;
	border-radius:2px;
	box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
	color:#000000;
	font-size:20px;
	font-weight:600;
	}
.re_lottery ul{
	padding-top:15px;
	}
.date_l{
	color: white;
	padding-top:10px;
	padding-bottom:10px;
	}
.tiltle h1{
	color: white;
	padding-top:30px;
	}
.lott h1{
	color: white;
	font-size:25px;
	font-weight:700;
	padding-top:25px;
	}
.container{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	padding:0px;
	}
/*--------------game h---------*/
.tiltegame h1{
	/*text-shadow: 1px 1px 2px #ffff00, 0 0 1em #ffff00, 0 0 0.2em #ffc400;*/
    color: #c200ff;
    font-size: 30px;
    text-shadow: 0 2px black;
    padding-top: 50px;
	}
.tiltegame p{
	color:#fff;
	}
.subtitle{
	font-size:20px;
	}
.sport-h{
	background:url(../images/bg-gamesport.png) no-repeat center;
	margin:0 auto;
	width:100%;
	}
.casino-h{
	background:url(../images/bg-casinohome.png) no-repeat center;
	margin:0 auto;
	width:100%;
	}
.lottery-h{
	background:url(../images/bg-lottery.png) no-repeat center;
	margin:0 auto;
	width:100%;
	}
.slot-h{
	background:url(../images/bg-slot.png) no-repeat center;
	margin:0 auto;
	width:100%;
	}
.sponsors{
	width:100%;
	margin:0 auto;
	background:url(../images/lottery-bg-.png) no-repeat center;
	display:block;
	}
.sponsor{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	padding:0;
	position:relative;
	}
.sponsor-h{
	padding-top:4px;
	padding-bottom:6px;
	}
.dow{
	float:left;
	padding:5px;
	}
.stor{
	position:absolute;
	top: 49%;
    right: -9%;
	transform:translate(-50%,-50%);
	}
.footer{
	width:100%;
	margin:0 auto;
	background: linear-gradient(141deg, #100c10 0%, #8e00f9 51%, #2e0052 75%);
	}
.con-bank{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	padding:0px;
	padding-top:15px;
	}
.contact h1{
	width:100%;
	margin:0 auto;
	font-size:25px;
	background: linear-gradient(141deg, #8501e9 0%, #34005c 51%, #8d00f7 75%);
	padding:15px;
	border-radius:10px 10px 0px 0px;
	border:1px solid #666666;
	color: #fff;
	}
.contactus ul li{
	padding:10px;
	text-align:right;
	font-size:20px;	
	}
.contactus ul li a{
	color:#FF0;
	}
.contacts{
	width:100%;
/*	background:url(../img/contact-us.png);*/
	border:1px solid #FF0;
	border-radius:0px 0px 5px 5px;
	border-top:none;
	}
.bank1 h1{
	color: white;
	font-size:25px;
	border-bottom:3px solid #8035a5;
	padding:15px;
	}
.owner{
	padding:20px;
	color: #fff;
	}
.sport-game, .announcement{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	display:block;
	}
.afb-sport{
	padding-top:10px ;
	box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
	margin-top:15px;
	margin-bottom:15px;
	position:relative;
	border-radius:0px 0px 10px 10px;
	}
.text-sport h1, .text-sportright h1{
	font-size:20px;
	font-weight:700;
	color:#fff;
	padding-top:10px;
	}
.text-sport p, .text-sportright p{
	font-size:16px;
	color:#fff;
	padding:15px;
	line-height: 20px;
	}
.text-sport{
	width:100%;
	text-align:center;
	background: linear-gradient(141deg, #32321c 0%, #919164 51%, #32321c 75%);
	border-radius:0px 0px 10px 10px;
	padding-bottom:10px;
	}
	.text-sportright{
	width:100%;
	text-align:center;
	background: linear-gradient(141deg, #181153 0%, #c300ff 51%, #820de3 75%);
	border-radius:0px 0px 10px 10px;
	padding-bottom:10px;
	}
.afb-logo{
	position:absolute;
	top:7%;
	right:-9%;
	transform:translate(-50%,-50%);
	}
.sbo-sports{
	text-align:center;
	box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
	margin-top:15px;
	margin-bottom:30px;
	border-radius:0px 0px 10px 10px;
	position:relative;
	}
.announcements{
	position:relative;
    height: 28px;
	}
.info{
	padding: 4px 0;
    text-align: center;
    position: absolute;
    top: 0px;
    left: 0px;
    background: linear-gradient(141deg, #24156f 0%, #bd00fe 51%, #652a68 75%);
    z-index: 99;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
	}
.news{
	width:100%;
	background:url(../images/lottery-bg-.png) no-repeat center;
	display:inline-block;
	}
.marquee{
	line-height: 24px;
	font-size:16px;
	font-weight:700;
	}
.sports{
	width:100%;
	background:url(../images/sport-bg.jpg) no-repeat center;
	}
.sbo-logo{
	position:absolute;
	top:2px;
	right:2px;
	}
.i-logo{
	position:absolute;
	top:2px;
	left:2px;
	}
.casino1{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	}
.live-casino{
	width:100%;
	margin-top:5px;
	margin:0 auto;
	padding-top:10px; 
	box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
	display:block;
	border-radius:0px 0px 10px 10px;
	}
.text-justify{
	color:#fff;
	padding:10px;
	background: linear-gradient(141deg, #181153 0%, #c300ff 51%, #820de3 75%);
	border-radius:0px 0px 10px 10px;
	}
.live-casino:hover{
	background:#b300fa;
	border-radius:10px 10px 10px 10px;
	/*opacity:0.5;*/
	}
.gamecasino{
	width:100%;
	background:url(../images/sport-bg.jpg) center;
	padding-bottom:30px;
	}
/*-------------------------------------------number game------------------------*/
.hover-div{
    margin:0 auto;
    margin-top:30px;
    position:relative;
    overflow:hidden;
}
.hover-div{
    
}
.hover-div img{
    width:100%;
     transition:all ease-in-out .5s;
}
.view-details{
     transition:all ease-in-out .5s;
     top:45%;
    left:32%;
    position:absolute;
    opacity:0;
}
.view-details h4{
    transition:all ease-in-out .2s;
    background-color:#d1d222;
    padding:12px 24px;
    color:#fff;
	border-radius:5px;
	background: linear-gradient(black,black) padding-box,linear-gradient(to right,#2f22ac,#e54c9c) border-box;
/*    border-radius: 5px;*/
    border: 2px solid transparent;
/*    padding: 5px 10px;*/
    font-size: 14px !important;
/*    border-radius: 10px;*/
}
.view-details:hover h4{
    transition:all ease-in-out .2s;
    background-color:#797924;
    padding:12px 24px;
    color:#fff;
	border-radius:5px;
}

.hover-div:hover .view-details{
    transition:all ease-in-out .5s;
    opacity:1;
    color:#000;
    top:42%;
}
.hover-div:hover img{
    transition:all ease-in-out .5s;
    opacity:.6;
    transform: scale(1.2);
}
.number{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	padding-bottom:20px;
	}
.text-number-g{
	width:100%;
	display:block;
	background: linear-gradient(141deg, #181153 0%, #c300ff 51%, #820de3 75%);
	border-radius:0px 0px 10px 10px;
	min-height:162px;
	}
.text-number-g h1{
	font-size:20px;
	color:#fff;
	padding:10px;
	min-width:1px;
	}
.text-number-g p{
	font-size:14px;
	color:#fff;
	line-height:20px;
	padding:10px;
	text-align:justify;
	}
.box-shadow{
	box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
	border-radius:0px 0px 10px 10px;
	}
.number-game{
	width:100%;
	display:block;
	background:url(../images/sport-bg.jpg);
	margin:0 auto;
	}
/*------------------------------lottery---------------------------*/
.lottery-layout{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	padding-bottom:50px;
	padding-top:50px;
	}
.lottery-game{
	width:100%;
	background:url(../images/sport-bg.jpg) center;
	display:block;
	margin:0 auto;
	}
/*-------------------------------slots------*/
.slot{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	padding-top:30px;
	padding-bottom:30px;
	}
.box-slot {
  position: relative;
}

.image {
  display: block;
  height: auto;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background:url(../img/game/slot-hover.png) no-repeat;
}

.box-slot:hover .overlay {
  opacity: 1;
}

.text {
  color: #fcf904;
    font-size: 20px;
    position: absolute;
    top: 270px;
    left: 2px;
    /* transform: translate(-50%, -50%); */
    -ms-transform: translate(-50%, -50%);
    font-weight: 700;
    background: #6107ff;
    width: 246px;
    text-align: center;
}
.slot-game{
	width:100%;
	background:url(../images/sport-bg.jpg) center;
	}
.poker-game{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	padding-top:50px;
	position:relative;
	}
.poker{
	width:100%;
	display:block;
	background:url(../img/bg-poker.png) center;
	margin-top:-5px;
	}
.text-poker{
	width:100%;
	max-width:500px;
	margin:0 auto;
	position:absolute;
	top:10%;
	right:0%;
	}
.text-poker h1{
	font-size:50px;
	font-weight:900;
	 background: -webkit-linear-gradient(#ffc600,#fffe00, #ffc600);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	padding-bottom:10px;
	}
.deatail-poker{
	font-size:20px;
	font-weight:700;
	/*text-align:justify;*/
	color:#FF0;
	}
.deatail-poker a{
	margin-top:10px;
	}
.download p{
	font-size:20px;
	font-weight:700;
	color:yellow;
	}
.download-poker{
	position:absolute;
	top:55%;
	right:0%;
	}
.download img{
	text-align:center;
	display:block;
	margin:0 auto;
	}
.download a{
	color:#FC0;
	text-align:center;
	display:block;
	margin:0 auto;
	font-size:18px !important;
	}
.download{
	float:left;
	margin:20px;
	}
.forex-game{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	}
.forex{
	width:100%;
	background:url(../img/bg-forex.png) center;
	}

/*------------------------promotion ------------------------*/
.promo{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	padding:0;
	display:block;
	}
.panel{
	display:none;
	max-width: 1200px;
    padding: 10px 15px;
	background:none;
	}
.flip, .jion{
	background: #80701d; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#80701d, #c0bd0e); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#80701d, #c0bd0e); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#80701d, #c0bd0e); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#80701d, #c0bd0e); /* Standard syntax */
	border-radius:5px;
	border:none;
	padding:10px;
	margin-top:5px;
	}
.jion{
	text-align:right;
	overflow:hidden;
	float:right;
	margin-right: 29px;
	padding: 10px 20px;
	}
.panel ul li{
	list-style: none;
    color: #fffe00;
    font-size: 16px;
    line-height: 29px;
	}
.element-four-list{
	margin-bottom:20px;
	}

.ss1{
	margin-right: 10px;
}
.btn-info1{
	/*background-color: rgb(50 50 28);
    border-color: rgb(111, 84, 153);
    color: rgb(255, 255, 255);*/
    background: linear-gradient(black,black) padding-box,linear-gradient(to right,#2f22ac,#e54c9c) border-box;
    border-radius: 5px;
    border: 2px solid transparent;
    padding: 5px 10px;
    font-size: 14px !important;
    border-radius: 10px;
}
.btn-info1:hover{
	opacity: 0.7;
	color: white;
}
.tip-scode{
	color: white;
	font-size: 15px;
}
.top-mid{
	padding: 14px;
	float: right;
	margin-right: 45px;
}
.top-mid a{
	font-size: 18px;
    font-weight: 700;
/*    background: -webkit-linear-gradient(#fff,#fff, #fff);*/
/*    -webkit-background-clip: text;*/
/*    -webkit-text-fill-color: transparent;*/
	color: #fff;
    padding: 15px;
    margin-top: 10px;
}
.top-mid a:hover{
	color: #ad0bd5 !important;
}
.a-login a{
	font-size: 14px;
    font-weight: 700;
    background: -webkit-linear-gradient(#fff,#fff, #fff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.btn-warning{
	background: linear-gradient(black,black) padding-box,linear-gradient(to right,#2f22ac,#e54c9c) border-box;
    border-radius: 5px;
    border: 2px solid transparent;
    padding: 5px 10px;
    font-size: 14px !important;
    border-radius: 10px;
}
.menu-top ul li:hover{
	color: #ad0bd5 !important;
/*    font-size: 18px;*/
/*    font-weight: 700;*/
    background: linear-gradient(black,black) padding-box,linear-gradient(to right,#2f22ac,#e54c9c) border-box;
    border-bottom: 3px solid transparent;
    
}
.col-xs-3{
	height: 340px;
}
.overlay1 {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.overlay1:hover{
	opacity: -1;
}
.text1{
	position: absolute;
	font-size: 20px;
	width: 246px;
    text-align: center;
    top: 270px;
/*    z-index: 10000;*/
    font-weight: 700;
    color: white;
}
.text1:hover{
	opacity: -1;
}