body, html {
	overflow-x: hidden;
	overflow-y: hidden;
}

.is_overlay{ display: block; width: 100%; height: 100%; }

#wait {
	-webkit-animation: spin 1.2s infinite linear;
	-moz-animation: spin 1.2s infinite linear;
	-ms-animation: spin 1.2s infinite linear;
	-o-animation: spin 1.2s infinite linear;
	animation: spin 1.2s infinite linear;
	font-size: 4em;
	color: white;
}

body {
	background-color: black;
}
#trailer {
	position: fixed;
	top: 0; right: 0; bottom: 0; left: 0;
	overflow: hidden;
}
#trailer > video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#alerts {
	z-index: 9999;
	position: absolute;
	top: 5px;
	right: 5px;
	width: 300px;
}

@media (min-aspect-ratio: 16/9) {
	#trailer > video { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
	#trailer > video { width: 300%; left: -100%; }
}
@supports (object-fit: cover) {
	#trailer > video {
		top: 0; left: 0;
		width: 100%; height: 100%;
		object-fit: cover;
	}
}

#reg {
	margin-top: 3px;
	color: #fff;
}
#cabinet {
	margin-top: 3px;
	color: #fff;
}

.top {
	margin-top: 47px;
}
#logo {
	max-width: 100%;
}
#slogan ul li {
	font-family: 'Officina Serif', sans-serif;
	font-size: 48px;
	color: #fff;
	display: none;
	list-style: none;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 80%;
}
#line {
	position: absolute;
	bottom: 50%;
	border-bottom: solid 1px #e3e3e3;
	width: 90%;
	margin: 0 5%;
}
#footer {
	width: 100%;
	position: absolute;
	bottom: 0;
	height: 45px;
}
#footer,
#footer a {
	color: #fff;
}
.flag img {
	margin-bottom: 3px;
	margin-left: 5px;
}
#form {
	position: absolute;
	top: 20%;
	width: 100%;
	margin-top: 35px;
}
#submit {
	margin-left: 11px;
}

/* xs */
@media (max-width: 767px) {
	#slogan ul li {
		font-size: 36px;
	}
	#footer .row > div {
		text-align: center;
	}

}
/* sm */
@media (min-width: 768px) and (max-width: 1199px) {
	#logo {
		max-width: 50%;
	}
	#footer .row > div {
		text-align: center;
	}

}