.webgl-content .logo.Dark{
	background-image:url("logo.gif");
	width: 60%;
	height: 60%;
	z-index: 0;
	bottom:25px;
	top:auto;
	z-index: 2;
}



.webgl-content .progress.Dark{
	z-index: 2;
}

.webgl-content .progress.Dark .empty{
	background-image:url("pg1.png");
}

.webgl-content .progress .empty{
	background:url('pg2.png') no-repeat right / cover;
	float:right;
	height:100%;
	display:inline-block;
}

.webgl-content .progress.Dark .full{
	background-image:url("pg3.png");
}

.webgl-content .progress .full{
	background:url('pg4.png') no-repeat left / cover;
	float:left;
	height:100%;
	display:inline-block;
}

.footer{
	transform: translateY(-140px);
}


.pop-up{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
}

.pop-up .cover{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 0;
	background: #071e28;
	opacity: .7;
}

.pop-up .image-area{

	width: 973px;
	height: 577px;
	background-image:url('pop.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 1;

}


.pop-up .chrome{
	position: absolute;
	display: block;
	width: 280px;
	height: 62px;
	top: calc(50% + 170px);
	left: calc(50% - 170px);
	transform: translate(-50%,-50%);
	z-index: 2;
}


.pop-up .firefox{
	position: absolute;
	display: block;
	width: 280px;
	height: 62px;
	top: calc(50% + 170px);
	left: calc(50% + 150px);
	transform: translate(-50%,-50%);
	z-index: 2;
}


.pop-up .close{
	position: absolute;
	display: block;
	width: 70px;
	height: 70px;
	top: calc(50% - 240px);
	left: calc(50% + 440px);
	transform: translate(-50%,-50%);
	z-index: 2;
}