body{ cursor:pointer; position: fixed !important;width:100%; height:100%; margin: 0; }
.activeIfrWrap{
	position: fixed;
	left: unset;			
	right: 0;
	top: 20%;
	width: 20vw;		
	z-index: 9999;
	height: 56vh;
	transform: translate(0%,0%);
	display:none;
}
.activeIfrWrap.ifrSpin {
	transform: translate(-50%,-50%) rotate(90deg);
	width: 20vh;
	height: 56vw;
	bottom: auto;
	top: 90%;
	right: 20%;
}

.activeIfr {
	width: 100%;
	height: 100%;
	overflow-x:hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
.activeIfr2 {
	-webkit-overflow-scrolling: touch;
	overflow-x:hidden;
	overflow-y: scroll;
}
.activeIfr iframe {
	border: none;
	overflow:hidden;
}

::-webkit-scrollbar {
	width: 0.25rem;
	height: 0.25rem;
	background-image: linear-gradient(135deg, #000 0%, #000 72%, #000 100%);
}
::-webkit-scrollbar-track {
	border-radius: 0;
}
::-webkit-scrollbar-thumb {
	border-radius: 0;
	background-image: linear-gradient(135deg, #1D4659 0%, #28B8FA 72%, #1D4659 100%);
	transition: all .2s;
	border-radius: 0.25rem;
}
::-webkit-scrollbar-thumb:hover {
	background-color: rgba(95, 95, 95, 0.7);
}
.activeIfrWrapFreeSpin{
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 9999;
	width: 51.2vw;
	height: 56vh;
	transform: translate(-50%,-50%);
	display:none;
}
.activeIfrWrapFreeSpin.ifrSpin {
	transform: translate(-50%,-50%) rotate(90deg);
	width: 51.2vh;
	height: 56vw;
}

.activeIfrFreeSpin {
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	overflow-x: hidden;			
	-webkit-overflow-scrolling: touch;
}
.activeIfr2FreeSpin {
	-webkit-overflow-scrolling: touch;
}
.activeIfrFreeSpin iframe {
	border: none;
	overflow:hidden;
}

.webgl-content * {border: 0; margin: 0; padding: 0}
.webgl-content {position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

.webgl-content .logo, .progress, .webgl-content .logoBig {position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.webgl-content .logo {background: url('progressLogo.Dark.gif') no-repeat center / cover; width: 100%; height: 100%}
.webgl-content .logoBig {background: url('logo.jpg') no-repeat center / cover; width: 100vw; height: 100vh; }
.webgl-content .progress {height: 1.2vh; width: 58vw; margin-top: 17.5vh;}
.webgl-content .progress .empty {background: url('progressEmpty.Dark.png') no-repeat right / cover; right:0; width: 100%; height: 100%; display: inline-block;z-index:2;position:absolute}
.webgl-content .progress .full {background: url('progressFull.Dark.png') no-repeat left / cover; left:0; width: 100%; height: 100%; display: inline-block;z-index:1;position:absolute}

.webgl-content .logo.Dark {background-image: url('progressLogo.Dark.gif');}
.webgl-content .logoBig.Dark {background-image: url('logo.jpg');}
.webgl-content .progress.Dark .empty {background-image: url('progressEmpty.Dark.png');}
.webgl-content .progress.Dark .full {background-image: url('progressFull.Dark.png');}

.webgl-content .progress .label{
	font-size:3vh;
	text-align:center;
	margin-top:3.5vh;
	color:#29ABE2
}
.webgl-content .progress .labelDiv2{
	font-size:2.5vh;
}

.webgl-content .progress .labelBottom{
	font-size:2.5vh;
	text-align:center;
	color:#fff;
	display:block;
	margin-top:15vh;
}

.logoBigDiv2 {
	width: 100vh !important;
	height: 100vw !important;
}

.labelenglish{
	font-size:1.2vh;
	text-align:center;
	color:#fff;
	display:block;
	margin-top:0vh !important;
}

.webgl-content .progress .labelBottomDiv2{
	font-size:2.5vw;
	margin-top:10vw;
}

.webgl-content .logo.Dark{
}

.webgl-content .progress .full{
	background-size: 100% 100%;
}
.logoDiv2{
	width: 100vh;
	height: 100vw;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%) rotate(90deg);
}
.logoDiv2 .logo{
}
.logoDiv2 .progress{
	margin-top:17.5vw;
	width:58vh;
	height:1.2vw;
}
#unityContainer{
	background:#000 !important;
}
html{
    background:#000 !important;
}