#syn-splash-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: black no-repeat center;
}

#syn-splash-blocker {
	width: 100%;
	height: 100%;
	pointer-events: none;
	opacity: 0;
}

#syn-splash-screen {
	-ms-transform: translate(-50%, -50%) scale(0.5);
	transform: translate(-50%, -50%) scale(0.5);
}

#syn-splash-loading {
	-ms-transform: translate(-50%, -50%) scale(0.1);
	transform: translate(-50%, -50%) scale(0.1);
}

.syn-splash-element {
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.syn-splash-video {
	animation-name: syn-splash-animation;
}

/* For Webview Usage */
.syn-webview-wrapper {
	transform: none !important;
}

@media (orientation: landscape) {}

@media (orientation: portrait) {}