body {
	margin: 0px;
	padding: 0px;
	background:  #111111;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	overflow: hidden;
}

* {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#closebutton {
	position: absolute;
	display: block;
	width: 100px;
	height: 100px; 
	cursor: pointer;
	right: 1%;
	top: 1%;
	background: url('../Images/page/closeBtn.png') no-repeat center / contain;
	z-index: 2;
	visibility: hidden;
}

#share {
	position: absolute;
	display: block;
	width: 1100px;
	height: 179px;
	left: 50%;
	-webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
	top: 50%;
	background: url('../Images/page/share_back_b.png') no-repeat center / contain;
	z-index: 200;
	visibility: hidden;
}

#focusd {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	z-index: 100;
	visibility: hidden;
}

.atime {				 
	position: absolute;
	display: none;
	width: 100px;
	height: 50px; 
	left: 3%;
	top: 1%;
	background:  white;
	opacity: 0.8;
	z-index: 10;
	visibility: visible;
	border: 2px solid black;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.atime .txt {				 
	top: 50%;
	margin-top: 10px;
	opacity: 1;
	color: black;
	font-weight: bold;
	font-size: 30px;
	text-shadow: 1px 0px 2px #FFFFFF, 0px -1px 2px #FFFFFF, 0px 1px 1px #FFFFFF;
	text-align: center;
}

.menu_left { background: url('../Images/page/menu_left.png') no-repeat left / cover; position: absolute; height: 170px; width: 293px; bottom: 0px; left: 0px; display: none; z-index: 2; transform-origin: left bottom; }

.menu_left .button {
	position: absolute;
	display: inline-block;
	right: 18px;
	top: 18px;
}

.invite, .share {
	background:  url('../Images/page/button_l.png') no-repeat;
	height: 68px;
	width: 196px;
}

.invite div, .share  div{
	background:  url('../Images/page/button_l.png') no-repeat;
	
	height: 68px;
	width: 196px;
}

.invite div {
	background-position: 0px 0px;
}
.share div{
	background-position: 0px -68px;
}
a .invite  {
	background-position: -392px 0px;
}
 a .share{
	background-position: -392px -68px;
}
 a:hover .invite {
	background-position: -196px 0px;
}
 a:hover .share {
	background-position: -196px -68px;
}
 a:active .invite {
	background-position: -588px 0px;
}
 a:active .share {
	background-position: -588px -68px;
}

.menu { background: url('../Images/page/menu.png') no-repeat right / cover; position: absolute; height: 170px; width: 293px; bottom: 0px; right: 0px; display: none; z-index: 2; transform-origin: right bottom; }

.menu .klass {
	position: absolute;
	display: inline-block;
	right: 14px;
	height: 70px;
	width: 200px;
	top: 156px;
	
}

.menu .klass .vk_like {
	position: absolute;
	width: 200px;
	height: 30px;
}

.menu .klass .ok_like {
	position: absolute;
	width: 200px;
	height: 30px;
	
}

.menu .button {
	position: absolute;
	display: inline-block;
	left: 14px;
	top: 14px;
}

.group, .error {
	background:  url('../Images/page/button.png') no-repeat;	
	height: 68px;
	width: 196px;
}

.group div, .error  div{
	background:  url('../Images/page/button.png') no-repeat;
	height: 68px;
	width: 196px;
}

.group div {
	background-position: 0px 0px;
}
.error div{
	background-position: 0px -68px;
}
a .group  {
	background-position: -392px 0px;
}
 a .error{
	background-position: -392px -68px;
}
 a:hover .group {
	background-position: -196px 0px;
}
 a:hover .error {
	background-position: -196px -68px;
}
 a:active .group {
	background-position: -588px 0px;
}
 a:active .error {
	background-position: -588px -68px;
}

.back {position: absolute; height: 100%; width: 100%;  background: url('../Images/page/fon.png') no-repeat center / cover; left: 50%; -webkit-transform: translate(-50%); transform: translate(-50%);}

.logocont {position: relative; height: 730px; width: 100%;  }
.logo {position: relative; height: 730px; width: 801px; left: 50%; -webkit-transform: translate(-50%); transform: translate(-50%); display: inline-block;}
.logo .logooff { background: url('../Images/page/logo.png') no-repeat right / cover; float: right; width: 100%; height: 100%; display: none;}
.logo .logoon { background: url('../Images/page/logo_on.png') no-repeat left / cover; opacity: 0; float: left; width: 100%; height: 100%; display: none;}

.ulb {position: relative; display: inline-block; height: 51px; width: 100%; top:-10%; }
.unity-loading-bar { position: relative; height: 51px; width: 358px; display: inline-block; left: 50%; -webkit-transform: translate(-50%); transform: translate(-50%);}
.unity-loading-bar .unity-progress-bar-empty {background: url('../Images/page/progressEmpty.png') no-repeat right / cover; float: right; width: 100%; height: 100%; display: none; }
.unity-loading-bar .unity-progress-bar-full {background: url('../Images/page/progressFull.png') no-repeat left / cover; float: left; width: 0%; height: 100%; display: none; }

.loading-text {
	position: relative;
	display: inline-block;
	margin-top: 10px;
	width: 100%; height: 30px;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 30px;
	text-shadow: 1px 0px 2px #FFFFFF, 0px -1px 2px #FFFFFF, 0px 1px 1px #FFFFFF;
	
}

.down * {border: 0; margin: 0; padding: 0}
.down { background:  url('../Images/page/down.jpg') no-repeat center top / cover; height: 90px; width: 100%; left: 50%; -webkit-transform: translate(-50%); transform: translate(-50%); position: absolute; display: none; }
.down .downad { height: 100%; width: 100%; bottom: 0px; left: 50%; -webkit-transform: translate(-50%); transform: translate(-50%); position: absolute;  }

.left * {border: 0; margin: 0; padding: 0}
.left { background: url('../Images/page/left.png') no-repeat right top / cover; top: 0px; height: 100%; width: 0px; position: absolute; display: none;}
.left .leftad { height: 100%; width: 100%; left:0px; position: absolute; }

.right * {border: 0; margin: 0; padding: 0}
.right { background: url('../Images/page/right.png') no-repeat left top / cover; top: 0px; height: 100%; width: 0px; right: 0%; position: absolute; display: none;}
.right .rightad { height: 100%; width: 100%; right: 0px; position: absolute;  }

.unity-desktop * {border: 0; margin: 0; padding: 0}
.unity-desktop {position: absolute; top: 0px; width: 1400px; height: 800px; left: 50%; -webkit-transform: translate(-50%); transform: translate(-50%); visibility: hidden; z-index: 1; }

.unity-desktop .unitycanvas { height: 100%; width: 100%; }

.unity-mobile * {border: 0; margin: 0; padding: 0}
.unity-mobile {position: absolute; top: 0px; width: 1400px; height: 800px; left: 50%; -webkit-transform: translate(-50%); transform: translate(-50%); visibility: hidden; z-index: 1; }

.unity-mobile .unitycanvas {  height: 100%; width: 100%; }

#unitycontainer {   }

#detect {
  height: 1px;
  width: 1px;
  position: absolute;
  left: -999em;
  top: -999em
}