@charset "UTF-8";

*:focus
{
	outline: none !important;
}

html,
body
{
	height: 100%;
}

body
{
	background-attachment:fixed;
	background-image: url("../img/background.png");
	background-position: right;
	background-size: cover; 
	font-weight: bold;
}

body, h1, h2, h3
{
	font-family: "Lato", sans-serif;
}

video
{
	left: 0;
	position: fixed;
	min-height: 100%;
	min-width: 100%;
	top: 0;
	z-index: -100;
}

a
{
	color: #607d8b;
}

header
{
	height: 100%;
}

header h1
{
	width: 100%;
}

h1, h2, h3
{
	font-weight: bold;
}

article,
footer
{
	background-color: rgba(241, 241, 241, 0.9);
}

article header
{
	height: auto;
}

#blur
{
	 filter: blur(10px);
	-webkit-filter: blur(10px);
	-moz-filter: blur(10px);
	-o-filter: blur(10px);
	-ms-filter: blur(10px);
	
	height: 550px;
	margin-top: 10px;
	width: 100%;	
}

.separator
{
	height: 60%;
}

footer img
{
	margin: 0 40px;
}

#interreg
{
	height: 100px;
}

#data
{
	height: 65px;
}

#usmb
{
	height: 70px;
}

#listic
{
	height: 70px;
}

#ensa
{
	height: 120px;
}

#sngm
{
	height: 70px;
}

.w3-modal
{
	padding: 0;
}

.w3-modal-content
{
	height: 100%;
	padding: 2%;
	width: 100%;
}

.w3-modal-content img
{
	height: 100%;
}















#after_eight
{
	display: inline-block;
	margin-bottom: 64px;
	text-decoration: none;
}

#after_eight img
{
	margin-top: -36px;
}

.Text
{
	margin: auto;
	max-width: 70%;
}

.Text:nth-child(n+2)
{
	margin: 64px auto 0 auto;
}

.Text ul:first-child
{
	margin-top: 0;
}

.Text li
{
	padding-left: 16px;
}

strong
{
	color: #fae20a;
	padding: 0 4px;
	text-shadow: 0px 0px 4px black;
	text-transform: uppercase;
}

.OK
{
	color: #4CAF50;
}

.NOK
{
	color: #f44336;
	text-decoration: line-through;
}

.Video
{
	height: 0;
	margin: 32px auto 0 auto;
	max-width: 70%;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
}

.Video:nth-child(2)
{
	margin: 64px auto 0 auto;
}

iframe
{
	border: none;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

figure
{
	margin: 32px auto 0 auto;
	max-width: 70%;
	position: relative;
}

figure:nth-child(2)
{
	margin: 64px auto 0 auto;
}

figure img
{
	width: 100%
}

figcaption
{
	font-style: italic;
	padding-top: 0.5em;
}

.Layers
{
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
}

.Layer
{
	border: 2px solid #f44336;
	border-radius: 20%;
	position: absolute;
}

.Layer:hover
{
	border-width: 4px;
}