html, body {margin: 0; height: 100%; overflow: hidden}


body{
	background: #ffffff;
	color: #575b5e;
	overflow-x:
	hidden;
	overflow-y: hidden;
	font-family: 'Play', sans-serif;
	overflow: hidden;
	moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	/* width: 100%; */
	/* height: 100%; */
}




 


.main_loader_cont_landscape{
	position:
	absolute;
	width: 100%;
	height: 26px;
	display:
	none;
	left: 0px;
	top: 3px;
}

.main_loader_cont_portrait{
	position:absolute;
	width: 312px;
	height:80px;
	display:none;
	left: 340px;
	top: 670px;
}


#main_loader_text{
	width: 100%;
	text-align: center;
	font-size: 13px;
	color: #f8ffff;
	position: absolute;
	top: 6px;
	z-index: 1;
	font-family: 'Play', sans-serif;
}

#main_loader_bar_cont{position:absolute;top: 29px;width: 250px;left: 26px;height: 22px;border-top: 1px solid #ffffff;}

#main_loader_bar{
	position:
	absolute;
	top: 30px;
	width:0px;
	left: 26px;
	background-color: #798989;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	height: 10px;
}

		 
 	

#load-result {
    position: absolute;
    font-size: 23px;
    width: 690px;
    text-align: center;
    color: #fff;
    display: none;
}

#load-desc {
    font-size: 18px;
    color: #bdbdbd;
}

#load-title {
    font-size: 28px;
}

 

img#loadingplanet {
    display: none;
    position: absolute;
}


 
div#loader-cont {
    width: 100%;
    height: 100%;
    border-top: 1px solid #fff;
}

div#loader_bar {
    width: 0%;
    height: 5px;
    background: beige;
}

div#pxs_logo {
    mix-blend-mode: screen;
}

/* width */
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #ffffff;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}