#divSplashScreen
{
	background:#ffffff;
    background:linear-gradient(#ffffff, #eeeeee);
	height:100%;
	left:0px;
	position:fixed;
	top:0px;
	transition:opacity 0.25s;
	width:100%;
	z-index:20;
}

#divSplashScreen.fadeOut
{
	opacity:0;
}

#divSplashScreen.hide
{
	display:none;
}

#divSplashScreen .imgSplashScreenLogo
{
	display:block;
	margin:0px auto 24px;
	opacity:0;
	position:relative;
	top:calc(50% - 168px);
	width:300px;
}

#divSplashScreen.showContent .imgSplashScreenLogo
{
	animation-duration:2s;
	animation-name:showSplashLogo;
	opacity:1;
}

#divSplashScreen .divSplashScreenText
{
	color:#25225c;
	font-size:28px;
	font-weight:600;
	margin:0px 48px;
	opacity:0;
	position:relative;
	text-align:center;
	top:calc(50% - 168px);
}

#divSplashScreen.showContent .divSplashScreenText
{
	animation-duration:2s;
	animation-name:showSplashText;
	opacity:1;
}

#divSplashScreen #divSplashScreenVersion
{
	bottom:20px;
	color:#e30613;
	font-size:11px;
	position:absolute;
	text-align:center;
	width:100%;
}

/* ANIMATIONS */
@keyframes showSplashLogo
{
	0%   {opacity:0;}
	1%   {opacity:0;}
	100% {opacity:1;}
}

@keyframes showSplashText
{
	0%   {opacity:0;}
	30%  {opacity:0;}
	100% {opacity:1;}
}

/* MEDIA QUERIES */
@media (max-width: 420px)
{
	#divSplashScreen .imgSplashScreenLogo
	{
		top:calc(50% - 172px);
	}
}