@charset "utf-8";
/* CSS Document */
body{
	background-color:#d50000;
}

#submenu{
	width:235px;
	position:fixed;
	z-index:5;
	top:30%;
	right:0;
	display:none;
}

#container{
	float:right;
	padding:15px;
}

#facebook{
	margin:auto;
	width:119px;
	height:121px;
	background:URL(../images/content/fb_button.png);
	display:block;
}

#facebook1{
	height:50px;
	padding:15px;
	margin:auto;
	text-align:center;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	border:3px solid #000000;
	border-radius:10px;
	cursor: pointer;
	background: linear-gradient(to bottom, rgba(246, 100, 100,1) 0%, rgba(246, 100, 100,1) 7%, rgba(241, 29, 29,1) 10%, rgba(209, 2, 2,1) 100%);
}

#cash{
	height:30px;
	margin-top:10px;
	cursor: pointer;
	background-repeat:no-repeat;
	background-image:  url('../images/content/acash-btn.png');
}

#cash1{
	height:50px;
	/*padding:14px;*/
	margin:auto;
	text-align:center;
	color:#ff0000;
	font-size:14px;
	border:3px solid #000000;
	border-radius:10px;
	background-repeat:no-repeat;
	cursor: pointer;
	    background: linear-gradient(to bottom, rgb(169, 169, 169) 0%, rgb(255, 255, 255) 7%, rgb(255, 255, 255) 10%, rgb(214, 214, 214) 100%);
}

#hotlink1{
	height:50px;
	/*padding:14px;*/
	margin:auto;
	text-align:center;
	color:#ffffff;
	font-size:14px;
	border:3px solid #000000;
	border-radius:10px;
	cursor: pointer;
	background-repeat:no-repeat;
	background:  linear-gradient(to bottom, rgb(255, 101, 101) 0%, rgb(255, 0, 0) 7%, rgb(255, 0, 0) 10%, rgb(146, 0, 0) 100%);
}



#hotlink{
	height:30px;
	margin-top:10px;
	cursor: pointer;
	background-repeat:no-repeat;
	background-image: url('../images/content/hotlink-btn.png');
}

#topup_button{
	margin:auto;
	width:162px;
	height:165px;
	background:URL(../images/content/topup_button.png);
	display:block;
}
#topup_button:hover{
	background:URL(../images/content/topup_button_hover.png);
}

#qr-code{
	padding:10px;
	margin:auto;
	margin-top:10px;
	text-align:center;
	color:#ffffff;
	font-size:10px;
	border:3px solid #000000;
	border-radius:10px;
	background-color:#242f36;
}

#support1{
	padding:15px;
	margin:auto;
	text-align:center;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	border:3px solid #000000;
	border-radius:10px;
	cursor: pointer;
	background-color:#242f36;
}

#qr{
	float:left;
	margin-top:10px;	
}

#outer_wrapper{
	position:fixed; 
	top:-157px;
}

#slide1{
	z-index:2;
	width:100%;
	background:URL(../images/slide1/background.png);
	background-position:top center;
	background-position-y: -5px;
	background-repeat:no-repeat;
	margin-bottom:-80px;
}

#language_bar{
	background-color:#242f36;
	color:#ffffff;
	border:3px solid #ffb400;
	border-radius:10px;
	text-align:center;
	padding:10px;
	z-index:2;
}

#slide1_left{
	position:absolute;
	top:100px;
	left:-270px;
	opacity:0;
	display:none;
	z-index:1;
}

#slide1_right{
	position:absolute;
	top:100px;
	display:none;
	right:-270px;
	opacity:0;
	z-index:1;
}

#logo{
	top:-50px;
	position:relative;
	opacity:0;	
}

#appstore{
	opacity:0;
	cursor:pointer;
}
#googleplay{
	opacity:0;
	cursor:pointer;
}

#bird{
	width:181px;
	height:147px;
	position:absolute;
	top:10px;
	margin-left:900px;
	animation-name:flying-bird;
	animation-iteration-count:infinite;
	animation-duration:4s;
}

@keyframes flying-bird{
	0%{top:10px;}
	50%{top:50px;}
	100%{top:10px;}	
}

#slide2{
	z-index:1;
	width:108%;
	margin-left:-4%;
	background:URL(../images/content/slide2/background.jpg);
	background-position:top center;
}

#slide2_left{
	position:fixed;
	top:100px;
	left:-180px;
	display:none;
	animation-name:slide2_left;
	animation-duration:5s;
	animation-iteration-count:infinite;
	z-index:1;
}

@keyframes slide2_left{
	0%{top:0px;}
	50%{top:150px;}
	100%{top:0px;}
}

#slide2_right{
	position:fixed;
	top:50px;
	display:none;
	right:-116px;
}



#slide3{
	z-index:1;
	width:108%;
	/*transform:rotate(-2deg);*/
	background:URL(../images/content/slide3/background.jpg);
	background-size:auto 100%;
	background-position:top center;
	margin-top:-6px;
	margin-left:-4%;
	margin-bottom:-35px;
	border-top:10px solid #ffae00;
	border-bottom:10px solid #ffae00;
}

#slide3_left{
	position:fixed;
	top:0px;
	left:0px;
	display:none;
	z-index:1;
}

#slide3_right{
	position:fixed;
	top:-25px;
	display:none;
	right:-300px;
}

#slide4{
	z-index:1;
	width:108%;
	margin-left:-4%;
	background:URL(../images/content/slide4/background.jpg);
	background-position:top center;
}

#slide4_left{
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	z-index:1;
	animation-name:slide4_left;
	animation-duration:16s;
	animation-iteration-count:infinite;
}

@keyframes slide4_left{
	0%{transform:rotate(15deg)}
	50%{transform:rotate(-15deg)}
	100%{transform:rotate(15deg)}
}

#slide5{
	z-index:4;
	width:108%;
	transform:rotate(2deg);
	background:URL(../images/content/slide5/background.jpg);
	margin-top:-35px;
	margin-left:-4%;
	margin-bottom:-35px;
	border-top:10px solid #530ca4;
	border-bottom:10px solid #530ca4;
}

#slide5_left{
	position:fixed;
	top:0px;
	left:0px;
	display:none;
}

#slide5_right{
	position:fixed;
	top:0px;
	display:none;
	right:0px;
}

#slide5a{
	z-index:3;
	width:100%;
	background:URL(../images/content/slide4/background_small.jpg);
	box-shadow: -14px 1px 42px #000000;
}

#slide6{
	z-index:2;
	width:100%;
	background:URL(../images/content/slide6/background.jpg);
	background-size:100% 100%;
	background-repeat:no-repeat;
}


#footer{
	float:left;
	position:relative;
	z-index:1;
	width:100%;
	background-color:#333333;
	background-position:top center;
	background-repeat:no-repeat;
	padding:10px;
	font-size:10px;
	color:#ffffff;
}


#sticky_footer_control{
	width:100%;
	position:fixed;
	bottom:0px;
	z-index:6;
	display:none;
}

#footer_space{
	display:none;	
}

.ui-loader{
	display:none;
}

#joshua_character{
	width: 30%;
	position: absolute;
	bottom: 0px;
	right: 0px;
	animation-name:joshua_animate;
	animation-duration:2s;
	animation-iteration-count:infinite;
}

@keyframes joshua_animate{
	0%{bottom:0px;}
	5%{bottom:25px;}
	10%{bottom:0px;}
	15%{bottom:20px;}
	20%{bottom:0px;}
	25%{bottom:20px;}
	30%{bottom:0px;}
	40%{bottom:10px;}
	45%{bottom:0px;}
	50%{bottom:5px;}
	70%{bottom:0px;}
	80%{bottom:0px;}
	90%{bottom:0px;}
	95%{bottom:0px;}
	100%{bottom:0px;}
}

#reiiko_character{
	width: 30%;
	position: absolute;
	bottom: 0px;
	right: 0px;
	animation-name:reiiko_character;
	animation-duration:2s;
	animation-iteration-count:infinite;
	animation-delay:1s;
}

@keyframes reiiko_character{
	0%{bottom:0px;}
	5%{bottom:25px;}
	10%{bottom:0px;}
	15%{bottom:20px;}
	20%{bottom:0px;}
	25%{bottom:20px;}
	30%{bottom:0px;}
	40%{bottom:10px;}
	45%{bottom:0px;}
	50%{bottom:5px;}
	70%{bottom:0px;}
	80%{bottom:0px;}
	90%{bottom:0px;}
	95%{bottom:0px;}
	100%{bottom:0px;}
}

#lavence_character{
	width: 30%;
	position: absolute;
	bottom: 0px;
	right: 0px;
	animation-name:lavence_character;
	animation-duration:2s;
	animation-iteration-count:infinite;
	animation-delay:2s;
}

@keyframes lavence_character{
	0%{bottom:0px;}
	5%{bottom:25px;}
	10%{bottom:0px;}
	15%{bottom:20px;}
	20%{bottom:0px;}
	25%{bottom:20px;}
	30%{bottom:0px;}
	40%{bottom:10px;}
	45%{bottom:0px;}
	50%{bottom:5px;}
	70%{bottom:0px;}
	80%{bottom:0px;}
	90%{bottom:0px;}
	95%{bottom:0px;}
	100%{bottom:0px;}
}

#yangbaobei_character{
	width: 30%;
	position: absolute;
	bottom: 0px;
	right: 0px;
	animation-name:yangbaobei_character;
	animation-duration:3s;
	animation-iteration-count:infinite;
	animation-delay:5s;
}

@keyframes yangbaobei_character{
	0%{bottom:0px;}
	5%{bottom:25px;}
	10%{bottom:0px;}
	15%{bottom:20px;}
	20%{bottom:0px;}
	25%{bottom:20px;}
	30%{bottom:0px;}
	40%{bottom:10px;}
	45%{bottom:0px;}
	50%{bottom:5px;}
	70%{bottom:0px;}
	80%{bottom:0px;}
	90%{bottom:0px;}
	95%{bottom:0px;}
	100%{bottom:0px;}
}

.height35{
	height:35px;	
}

/*##################################################################RESPONSIVE CSS################################################################*/
@media only screen {


}

@media only screen and (min-width: 40.063em) {
	

}

@media only screen and (min-width: 64.063em) {

	
}

/*Samsung Galaxy S2/S3/S4, iPhone, */
@media only screen and (max-width: 32em) { 
#slide3{
	background:URL(../images/content/slide3/plain_background.jpg);
}

.carousel{
	height:200px;
}


}

@media only screen and (min-width: 32.5em) and (max-width: 35em){ 


}

/*Galaxy Tab*/
@media only screen and (min-width: 35em) and (max-width: 37.5em) {
#slide3{
	background:URL(../images/content/slide3/plain_background.jpg);
}

}

/*10" Monitor*/
@media only screen and (min-width: 38em) and (max-width: 64em) {
#slide3{
	background:URL(../images/content/slide3/plain_background.jpg);
}

}

/*13", 15", 19" Monitor*/
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
#slide3{
	background:URL(../images/content/slide3/plain_background.jpg);
}

}

@media only screen and (min-width: 90.063em) and (max-width: 120em) {


}

/*20", 22", 24",  Monitor, */
@media only screen and (min-width: 90.063em) {
	#claim_button{
		top:-173px;	
	}
	#slide2_left, #slide2_right, #slide3_left, #slide3_right, #slide4_left, #slide5_left, #slide5_right, #submenu{
		display:block;	
	}

}

@media only screen and (max-width: 90.0em) {
	#sticky_footer_control{
		display:block;	
	}
	#footer_space{
		display:block;	
	}
	#footer_inner{
		padding-bottom:70px;	
	}
	#slide1_left, #slide1_right{display:none;}	
	#slide1{background:URL(../images/slide1/background-small.png); background-repeat:no-repeat; background-position:top center;}
}

@media (min-width:91em) and (max-width:112.063em){
	#slide1_left, #slide1_right{display:block; z-index:0;}
}
@media (min-width:112.063em){
	#slide1_left, #slide1_right{display:block; z-index:1;}	
}

@media only screen and (min-width: 120.063em) and (max-width: 99999999em) {
	

}

@media only screen and (min-width: 120.063em) {


}