body, html
{
	width: 100%;
	height: 100%;
	
	background-image: url('../img/background.jpg');
	background-size: cover;
}

div.countdown
{
	height: 25px;
	
	position: absolute;
	top: 10px;
	right: 30px;
	left: 30px;
	z-index: 999;
	
	background-color: #000;
}

	div.countdown div.bar
	{
		width: 100%;
		height: 25px;
		
		background-color: #fff;
	}

iframe
{
	width: 100%;
	height: 100%;
	
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	
	display: table !important;
	
	border: none;
}

div.pauze
{
	position: fixed;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	z-index: 999;
	
	display: none;
	
	background-color: #000;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
	filter: alpha(opacity=95);
	-moz-opacity: 0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;
}

img.logo
{
	height: 250px;
	
	position: absolute;
	left: 20px;
	bottom: -12px;
	z-index: 998;
}
img.paint
{
	height: 200px;
	
	position: absolute;
	right: 20px;
	bottom: -30px;
	z-index: 998;
}

ul.newsticker
{
	height: 78px;
	
	position: absolute;
	right: 70px;
	left: 150px;
	bottom: 60px;
	z-index: 990;
	
	margin: 0px;
	padding: 0px 0px 0px 230px;
	
	background-color: #fff;
	
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

	ul.newsticker li
	{
		padding: 18px;
		
		font-family: 'Raleway';
		font-size: 40px;
		white-space: nowrap;
		
		list-style-type: none;
	}

div.container
{
	position: absolute;
	top: 80px;
	right: 80px;
	bottom: 80px;
	left: 80px;
	
	color: #fff;
	
	background-color: #000;
	
	-webkit-box-shadow: 0px 0px 30px 10px #222;
	-moz-box-shadow: 0px 0px 30px 10px #222;
	box-shadow: 0px 0px 30px 10px #222;
	
	overflow: hidden;
}

	div.container video
	{
		width: 100%;
		height: calc(100% - 40px);
		
		object-fit: cover;
	}