@charset "UTF-8";

/* ================================================================================
intro
================================================================================ */
@media print, screen
{

#introOverlay
{
	position: fixed;
	z-index: 10000;
	inset: 0;
	display: flex;
	align-items: stretch;
	justify-content: center;
	background: #000;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity .8s ease, visibility .8s ease;
}
html.intro-is-visible #introOverlay
{
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}
#introOverlay .introInner
{
	position: relative;
	width: 100%;
	height: 100%;
}
#introOverlay iframe
{
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	background: #000;
}
#frontPageContent
{
	opacity: 1;
	transition: opacity .8s ease;
}
html.intro-is-visible #frontPageContent
{
	opacity: 0;
}
html.intro-is-hidden #frontPageContent
{
	opacity: 1;
}

}

/* ======================================== end ======================================== */