.fullscreen { float: right; position: relative; z-index: 10; top:0; display:none;}

.unity-template {}

.unity-template .canvas-wrap {
	position: relative;
	margin: 0 0 10px 0;
	z-index: 9;
	-moz-box-shadow: 0 10px 30px rgba(0,0,0,0.2);
	box-shadow: 0 10px 30px rgba(0,0,0,0.2);
	width: 100%;
}

.canvas-wrap .game-canvas { 
	position: absolute; 
	width: 100%; 
	height: 100%; 
	left: 0px; 
	top: 0px; 
}

.game-canvas canvas { 
	position : absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
}

.canvas-wrap .loadingBox {
  	position: absolute;
  	width: 100%;
  	height: 100%;
   	left: 0px;
	top: 0px;
	text-align: center;
  	z-index: 10;
}

.canvas-wrap .gameLogo {
  	position: absolute;
	height:25%;
 	width: 100%;
  	text-align: center;
  	top: 10%;
  	z-index: 10;
	max-width:100%;
}

.canvas-wrap .gameLogoCenter {
  	position: absolute;
	height:25%;
 	width: 100%;
  	text-align: center;
  	top: 37.5%;
  	z-index: 10;
	max-width:100%;
}

.canvas-wrap .gameLogo img, .canvas-wrap .gameLogoCenter img{
	height:100%;
	width:auto;
	max-width:100%;
}

.canvas-wrap .adCorner {
  	position: absolute;
	height:auto;
 	width: 15%;
	right:0%; 
	bottom:0%;
  	z-index: 10;
	max-width:20%;
	max-height:100%;
}

.canvas-wrap .adCorner img{
	height:auto;
	width:100%;
	max-width:100%;
	max-height:100%;
}

.canvas-wrap .background img{
	height:100%;
	width:100%;
}

.canvas-wrap .autorun {
 	position: absolute;
	height:25%;
 	width: 100%;
  	text-align: center;
  	top: 37.5%;
  	z-index: 11;
	max-width:100%;
}

.canvas-wrap .autorun img{
	height:100%;
	width:auto;
	max-width:100%;
}

.canvas-wrap .background {
 	position: absolute;
	width: 100%;
  	height: 100%;
    left:0px;
  	top: 0px;
  	z-index: 8;
}

.canvas-wrap .spinner {
  	position: absolute;
	height:15%;
 	width: 100%;
  	text-align: center;
  	top: 42.5%;
  	z-index: 10;
	max-width:100%;
}

.canvas-wrap .spinner img{
	height:100%;
	width:auto;
	max-width:100%;
}

.canvas-wrap .bgBar {
  	position: absolute;
  	width: 70%;
  	top: 50%;
	left: 15%;
  	height: 3px;
  	display: block;
  	background-color: #333;
  	z-index: 10;
}

.canvas-wrap .progressBar {
  	position: absolute;
  	left: 15%;
	top:50%;
  	width: 0%;
  	height: 3px;
  	background-color: white;
  	border-radius: 3px;
  	z-index: 10;
}

.canvas-wrap .bgBar {
  	border-radius: 2px;
  	z-index: 10;
}

.canvas-wrap p.loadingInfo {
  	position: absolute;
  	color: #666;
  	letter-spacing: 1px;
  	width: 100%;
  	top: 51%;
	text-transform: uppercase;
  	text-align: center;
  	font-size: 15px;
  	z-index: 10;
}

.unity-template p.title {
  	color: #666;
  	font-size: 20px;
  	width: 100%;
  	display: inline;
  	z-index: 10;
}

.canvas-wrap .load-align-horz-1{
	width:25%;
}
.canvas-wrap .load-align-horz-2{
	width:50%;
}

.canvas-wrap .load-align-horz-3{
	width:66%;
}

.canvas-wrap .load-align-horz-4{
	width:100%;
}

.canvas-wrap .load-align-horz-5{
	width:66%;
	left:34%;
}

.canvas-wrap .load-align-horz-6{
	width:50%;
	left:50%;
}
.canvas-wrap .load-align-horz-7{
	width:25%;
	left:75%;
}
.canvas-wrap .load-align-vert-1{
	top:5%;
}
.canvas-wrap .load-align-vert-2{
	top:17.5%;
}
.canvas-wrap .load-align-vert-3{
	top:25.5%;
}
.canvas-wrap .load-align-vert-4{
	top:42.5%;
}
.canvas-wrap .load-align-vert-5{
	top:59.5%;
}
.canvas-wrap .load-align-vert-6{
	top:67.5%;
}
.canvas-wrap .load-align-vert-7{
	top:80%;
}